/* Minification failed. Returning unminified contents. (2347,15): run-time error CSS1039: Token not allowed after unary operator: '-darkest-gray' (2399,15): run-time error CSS1039: Token not allowed after unary operator: '-darkest-gray' (2446,15): run-time error CSS1039: Token not allowed after unary operator: '-darkest-gray' (8711,15): run-time error CSS1039: Token not allowed after unary operator: '-Medium-Blue' (8715,15): run-time error CSS1039: Token not allowed after unary operator: '-Medium-Blue' (25920,31): run-time error CSS1038: Expected hex color, found '#0003' (32817,85): run-time error CSS1030: Expected identifier, found '[' (32817,90): run-time error CSS1031: Expected selector, found '=' (32817,90): run-time error CSS1025: Expected comma or open brace, found '=' (34623,16): run-time error CSS1039: Token not allowed after unary operator: '-White' (34629,15): run-time error CSS1039: Token not allowed after unary operator: '-White' (35507,16): run-time error CSS1039: Token not allowed after unary operator: '-White' (35513,15): run-time error CSS1039: Token not allowed after unary operator: '-White' (39857,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (43314,17): run-time error CSS1039: Token not allowed after unary operator: '-Medium-Blue' (43317,17): run-time error CSS1039: Token not allowed after unary operator: '-Medium-Blue' */ /*! jQuery UI - v1.9.0 - 2012-10-05 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css * Copyright 2012 jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; } .ui-accordion .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-noicons { padding-left: .7em; } .ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; } .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; } .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; } .ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } .ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; } .ui-menu .ui-state-disabled a { cursor: default; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } /* right-aligned */ .ui-menu .ui-menu-icon { position: static; float: right; } .ui-progressbar { height:2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; } .ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; z-index: 100; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } .ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } /* more specificity required here to overide default borders */ .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } /* vertical centre icon */ .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } /* TR overrides */ span.ui-spinner { background: none; } .ui-spinner .ui-icon-triangle-1-s { /* need to fix icons sprite */ background-position:-65px -16px; } .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding:8px; position:absolute; z-index:9999; -o-box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } /* Fades and background-images don't work well together in IE6, drop the image */ * html .ui-tooltip { background-image: none; } body .ui-tooltip { border-width:2px; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(../../../botg/assets/images/gmifs/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(../../../botg/assets/images/gmifs/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(../../../botg/assets/images/gmifs/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(../../../botg/assets/images/gmifs/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(../../../botg/assets/images/gmifs/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(../../../botg/assets/images/gmifs/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(../../../botg/assets/images/gmifs/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(../../../botg/assets/images/gmifs/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-content .ui-icon {background-image: url(../../../botg/assets/images/gmifs/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon {background-image: url(../../../botg/assets/images/gmifs/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(../../../botg/assets/images/gmifs/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../../../botg/assets/images/gmifs/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon {background-image: url(../../../botg/assets/images/gmifs/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon {background-image: url(../../../botg/assets/images/gmifs/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../../../botg/assets/images/gmifs/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(../../../botg/assets/images/gmifs/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(../../../botg/assets/images/gmifs/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } /* roboto-slab-regular - latin */ /* Please note that google web fonts do not support all range of font-weights by default. */ /* Google fonts provides different set of font files based on different range of font-weights */ /* REF: https://github.com/google/fonts/ */ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('Roboto Light'), local('Roboto-Light'), url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-300.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto Regular'), local('Roboto-Regular'), url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: local('Roboto Medium'), local('Roboto-Medium'), url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: local('Roboto Black'), local('Roboto-Black'), url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-900.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100; src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-100italic.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-italic.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 700; src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 900; src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/roboto-v18-latin/roboto-v18-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-slab-regular - latin */ /* Please note that google web fonts do not support all range of font-weights by default. */ /* Google fonts provides different set of font files based on different range of font-weights */ /* REF: https://github.com/google/fonts/ */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 300; src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url('/GMFS/Assets/Styles/Components/fonts/roboto-condensed-v16-latin/roboto-condensed-v16-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-condensed-v16-latin/roboto-condensed-v16-latin-300.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-condensed-v16-latin/roboto-condensed-v16-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/roboto-condensed-v16-latin/roboto-condensed-v16-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url('/GMFS/Assets/Styles/Components/fonts/roboto-condensed-v16-latin/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-condensed-v16-latin/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-condensed-v16-latin/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/roboto-condensed-v16-latin/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url('/GMFS/Assets/Styles/Components/fonts/roboto-condensed-v16-latin/roboto-condensed-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-condensed-v16-latin/roboto-condensed-v16-latin-700.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-condensed-v16-latin/roboto-condensed-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/roboto-condensed-v16-latin/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Roboto Condensed'; font-style: italic; font-weight: 700; src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'), url('/GMFS/Assets/Styles/Components/fonts/roboto-condensed-v16-latin/roboto-condensed-v16-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-condensed-v16-latin/roboto-condensed-v16-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-condensed-v16-latin/roboto-condensed-v16-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/roboto-condensed-v16-latin/roboto-condensed-v16-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */ } /* roboto-slab-regular - latin */ /* Please note that google web fonts do not support all range of font-weights by default. */ /* Google fonts provides different set of font files based on different range of font-weights */ /* REF: https://github.com/google/fonts/ */ @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 100; src: local('Roboto Slab Thin'), local('RobotoSlab-Thin'), url('/GMFS/Assets/Styles/Components/fonts/roboto-slab-v7-latin/roboto-slab-v7-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-slab-v7-latin/roboto-slab-v7-latin-100.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-slab-v7-latin/roboto-slab-v7-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/roboto-slab-v7-latin/roboto-slab-v7-latin-100.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 300; src: local('Roboto Slab Light'), local('RobotoSlab-Light'), url('/GMFS/Assets/Styles/Components/fonts/roboto-slab-v7-latin/roboto-slab-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-slab-v7-latin/roboto-slab-v7-latin-300.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-slab-v7-latin/roboto-slab-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/roboto-slab-v7-latin/roboto-slab-v7-latin-300.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url('/GMFS/Assets/Styles/Components/fonts/roboto-slab-v7-latin/roboto-slab-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-slab-v7-latin/roboto-slab-v7-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-slab-v7-latin/roboto-slab-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/roboto-slab-v7-latin/roboto-slab-v7-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url('/GMFS/Assets/Styles/Components/fonts/roboto-slab-v7-latin/roboto-slab-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-slab-v7-latin/roboto-slab-v7-latin-700.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/roboto-slab-v7-latin/roboto-slab-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/roboto-slab-v7-latin/roboto-slab-v7-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Archivo Black'; font-style: normal; font-weight: 400; src: local('Archivo Black Regular'), local('ArchivoBlack-Regular'), url(https://themes.googleusercontent.com/static/fonts/archivoblack/v2/WoAoVT7K3k7hHfxKbvB6B0BTuPGxyeV-VBVV8KqqzrI.woff) format('woff'); } @font-face { font-family: 'Trocchi'; font-style: normal; font-weight: 400; src: local('Trocchi'), url(https://fonts.gstatic.com/s/trocchi/v3/vnG3tpDGh17z5IKwB3RdMg.woff) format('woff'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; src: local('Poppins Regular'), local('Poppins-Regular'), url('/GMFS/Assets/Styles/Components/fonts/poppins-latin-v9/Poppins-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/poppins-latin-v9/Poppins-Regular.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/poppins-latin-v9/Poppins-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/poppins-latin-v9/Poppins-Regular.svg#Poppins') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; src: local('Poppins Medium'), local('Poppins-Medium'), url('/GMFS/Assets/Styles/Components/fonts/poppins-latin-v9/Poppins-Medium.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/poppins-latin-v9/Poppins-Medium.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/poppins-latin-v9/Poppins-Medium.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/poppins-latin-v9/Poppins-Medium.svg#Poppins') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; src: local('Poppins SemiBold'), local('Poppins-SemiBold'), url('/GMFS/Assets/Styles/Components/fonts/poppins-latin-v9/Poppins-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/poppins-latin-v9/Poppins-SemiBold.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/poppins-latin-v9/Poppins-SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/poppins-latin-v9/Poppins-SemiBold.svg#Poppins') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; src: local('Poppins Bold'), local('Poppins-Bold'), url('/GMFS/Assets/Styles/Components/fonts/poppins-latin-v9/Poppins-Bold.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/poppins-latin-v9/Poppins-Bold.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/poppins-latin-v9/Poppins-Bold.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/poppins-latin-v9/Poppins-Bold.svg#Poppins') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Abhaya Libre'; font-style: normal; font-weight: 400; font-display: swap; src: local('Abhaya Libre Regular'), local('AbhayaLibre-Regular'), url('/GMFS/Assets//Styles/Components/Fonts/abhaya-libre-latin/AbhayaLibre-Regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets//Styles/Components/Fonts/abhaya-libre-latin/AbhayaLibre-Regular.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets//Styles/Components/Fonts/abhaya-libre-latin/AbhayaLibre-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets//Styles/Components/Fonts/abhaya-libre-latin/AbhayaLibre-Regular.svg#Roboto') format('svg'); /* Legacy iOS */ } @font-face { font-family: 'Dreaming Outloud AllCaps'; src: url('/GMFS/Assets/Styles/Components/fonts/do-allcaps-slanted/DO-AllCaps-Slanted.woff2') format('woff2'), /* Super Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/do-allcaps-slanted/DO-AllCaps-Slanted.woff') format('woff'), /* Modern Browsers */ url('/GMFS/Assets/Styles/Components/fonts/do-allcaps-slanted/DO-AllCaps-Slanted.ttf') format('truetype'), /* Safari, Android, iOS */ url('/GMFS/Assets/Styles/Components/fonts/do-allcaps-slanted/DO-AllCaps-Slanted.svg') format('svg'); /* Legacy iOS */ font-weight: normal; font-style: normal; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } .aria.hidden { visibility: hidden; } .screen-reader-only { top: auto; width: 1px; height: 1px; left: -10000px; overflow: hidden; position: absolute; } .hidden { display: none; visibility: hidden; } @font-face { font-family: 'Icon Fonts'; src: url('/GMFS/Assets/Styles/Components/Fonts/icon-fonts-v6.woff') format('woff'); font-weight: normal; font-style: normal; } /*.box-shadow(@shadowA, @shadowB: X, ...) { // Multiple shadow solution from http://toekneestuck.com/blog/2012/05/15/less-css-arguments-variable/ @props: ~ `"@{arguments}".replace(/[\[\]]|\,\sX/g, '')`; -webkit-box-shadow: @props; -moz-box-shadow: @props; box-shadow: @props; }*/ .skewed-shadow:before { content: ""; position: absolute; background-color: transparent; z-index: -2; width: 75%; height: 90%; right: 16px; top: 5px; } .condensedText5Lines { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .condensedText4Lines { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } /* mixin for multiline */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; /*-webkit-backface-visibility: hidden;*/ display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset "UTF-8"; /* Slider */ .slick-loading .slick-list { background: #ffffff url('/GMFS/Assets/Styles/ajax-loader.gif') center center no-repeat; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir="rtl"] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir="rtl"] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted .slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } html, body { font-size: 16px; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } a { text-decoration: none; } html, body { font-family: "Roboto", sans-serif; box-sizing: border-box; } body, body.internal { margin: 0; padding: 0; background-color: #f7f7f7; overflow-x: hidden; } *, *:before, *:after { box-sizing: inherit; font-family: inherit; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; clear: both; } .clearfloat:after { display: table; content: ""; line-height: 0; clear: both; } .ui-icon-closethick { visibility: hidden; } strong, b { font-weight: 600; } p { margin: 10px 0; } .fl { float: left; } .fr { float: right; } .cr { clear: right; } .cl { clear: left; } .width-2 { width: 20%; } .width-3 { width: 30%; } .width-4 { width: 40%; } .width-5 { width: 50%; } .width-6 { width: 60%; } .width-7 { width: 70%; } .width-8 { width: 80%; } .width-9 { width: 90%; } .width-full { width: 100%; } .container .row { padding: 0; margin: 0; overflow: hidden; } .responsive .siteContainer { width: 100%; } .siteContainer { margin: 0; padding: 0; } .contentContainer { background-color: #ffffff; } .divider { padding: 0 4%; } h1 { font-size: 1.3125rem; line-height: 1.75rem; margin-bottom: 25px; letter-spacing: 0.95px; font-family: "Roboto Slab", serif; font-weight: 400; color: #fa6400; } @media (min-width: 1000px) { h1 { font-size: 1.75rem; line-height: 2.5rem; margin-bottom: 30px; letter-spacing: 1.27px; } } .noTopBorder { border-top: none !important; } .prod-menu { margin: 10px 0; padding-bottom: 20px; } .prod-menu .menu-items li { font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; line-height: 20px; line-height: 1.25rem; padding: 0; letter-spacing: 0.5px; color: #757575 !important; } .prod-menu .menu-items li a:link, .prod-menu .menu-items li a:visited { color: #757575; } .prod-menu .menu-items li a:hover { color: #fa6400; text-decoration: none; } .prod-menu .menu-items li.only-lg { display: none; } .prod-menu .menu-items li.only-lg a { text-decoration: underline solid #757575; } .prod-menu .menu-items li.except-lg { display: inline-block; padding: 0px 20px; } .expandcollapsePanel { border: 2px solid #ccc; margin: 0; } .expandcollapsePanel .content { color: #3b3b3b; padding: 20px; display: none; } .expandcollapsePanel .content p { margin: 0 0 10px 0; } .expandcollapsePanel .head { background-color: #ffffff; color: #0074c1; padding: 15px; overflow: hidden; font-size: 0.75rem; line-height: 0.875rem; cursor: pointer; } .expandcollapsePanel .head h4 { float: left; font-size: 0.75rem; line-height: 0.875rem; margin-bottom: 10px; margin: 0; font-weight: 500; letter-spacing: 0.5px; color: #0074c1; font-family: "Roboto", sans-serif; } .expandcollapsePanel .collapsesign { display: none; float: right; cursor: pointer; font-weight: 600; font-size: 20px; font-size: 1.25rem; } .expandcollapsePanel .expandsign { float: right; cursor: pointer; font-weight: 600; font-size: 20px; font-size: 1.25rem; } .expandcollapsePanel .expandIcon { float: right; position: relative; content: ""; width: 16px; height: 16px; text-align: center; } .expandcollapsePanel .expandIcon:before, .expandcollapsePanel .expandIcon:after { content: ""; position: absolute; top: 48%; left: 0; width: 14px; height: 4px; background: #0074c1; } .expandcollapsePanel .expandIcon:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); } .expandcollapsePanel.open .content { display: block; } .expandcollapsePanel.open .head { border-bottom: 2px solid #ccc; } .expandcollapsePanel.open .collapsesign { display: inline-block; } .expandcollapsePanel.open .expandsign { display: none; } .expandcollapsePanel.open .expandIcon:after { transform: rotate(0deg); -webkit-transform: rotate(0deg); } .expandcollapsePanel.closed .content, .expandcollapsePanel.closed .collapsesign { display: none; } .expandcollapsePanel.closed .expandsign { display: inline-block; } .footerDisclaimer { font-family: "Roboto", sans-serif; margin: 30px; font-size: 11.5px; } .validationMessage, .alert-error { color: #e32726; } .contentListLoadingIndicator { text-align: center; width: 100%; height: 50px; background-image: url(/Botg/Assets/Images/Global/ajax-loader.gif); background-repeat: no-repeat; background-position: center center; } .sortingViewResult { display: block; float: left; padding: 0 0 0 1.5%; width: 48.5%; } .ui-dialog { border: 1px solid #ffffff; min-width: 300px !important; } .ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-state-hover { background: url(/Botg/Assets/Images/gmifs/modal_close.png) top left no-repeat; height: 34px; width: 34px; position: relative; top: 0; right: 0; float: right; border: none; padding: 0; margin: 0; color: transparent; } .ui-dialog .ui-dialog-titlebar { background: none; border: none; margin: 0; padding: 0; } .ui-dialog .ui-dialog-titlebar .ui-dialog-title { display: none; } .formGroup { position: relative; } .formGroup + .formGroup { margin-top: 30px; } .formLabel { position: absolute; left: 10px; top: 3px; z-index: 10; transition: transform 100ms ease-out, font-size 100ms ease-out; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #4c4d4f; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.5px; } .focused .formLabel { transform: translatey(-50%); font-size: .75em; padding: 0 5px; } .formInput { position: relative; padding: 10px 0px 5px 0; width: 100%; outline: 0; border: 0; transition: box-shadow 200ms ease-out; } .formInput:focus { border: 1px solid #0074c1; } .print-logo { display: none !important; } .mainHeader { position: relative; width: 100vw; top: 0; left: 0; z-index: 1001; background: #0054a6; } .mainHeader .announcementBar .announcementLink { display: inline-block; max-width: 90%; margin: 0 auto; padding: 15px 20px; font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: left; font-weight: 700; } .mainHeader .announcementBar .announcementDescription { display: none; } .mainHeader .announcementBar #closeBar { display: inline-block; padding: 15px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -25px 0px; } .mainHeader #siteHeader div { padding-top: 0; } .mainHeader #siteHeader div .siteLogo { display: inline-block; width: 180px; height: 60px; float: left; margin: 20px 0 0px 30px; } .signUpText, #onetrust-accept-btn-handler, .Login, .Next, .Submit, .updateInfo, .myAccountButton, #updatePreferenceText, .updatePassword, .searchContainer .searchBuyNowProduct .action #findDistributor, .productNutritionFinder .productNutritionFinderContainer button, .rightSection .buttons .firstButton a, #productInfo #updateMyDistributor .actions .saveButton, .rebateLanding .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection a.continue, #productInfo #updateMyDistributorTab .actions .saveButton { width: auto; height: 40px !important; padding: 4px 24px; border-radius: 4px !important; background-color: #0074c1 !important; outline: none; cursor: pointer; font-weight: 600 !important; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: center; } .Back, .salesRepButton, .rightSection .buttons .secondButton a, #findDistributor .inputWrapper .findDistrubutorInputGroup #findDistributorButton, #productInfo #updateMyDistributor .actions #cancelUpdate { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: auto; border-radius: 4px !important; border: 2px solid #0074c1 !important; padding: 4px 24px !important; outline: none; cursor: pointer; font-weight: 600 !important; font-size: 16px !important; line-height: 24px !important; } .signUpText:hover, #onetrust-accept-btn-handler:hover, .Login:hover, .Next:hover, .Submit:hover, .updateInfo:hover, .myAccountButton:hover, #updatePreferenceText:hover, .updatePassword:hover, .searchContainer .searchBuyNowProduct .action #findDistributor:hover, .productNutritionFinder .productNutritionFinderContainer button:hover, .rightSection .buttons .firstButton a:hover, #productInfo #updateMyDistributor .actions .saveButton:hover, .rebateLanding .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection a.continue:hover, #productInfo #updateMyDistributorTab .actions .saveButton:hover { background: #1890e0 !important; opacity: unset !important; color: #ffffff !important; border: unset !important; } .signUpText:focus, #onetrust-accept-btn-handler:focus, .Login:focus, .Next:focus, .Submit:focus, .updateInfo:focus, .myAccountButton:focus, .updatePassword:focus, .searchContainer .searchBuyNowProduct .action #findDistributor:focus, .productNutritionFinder .productNutritionFinderContainer button:focus, .rightSection .buttons .firstButton a:focus, #productInfo #updateMyDistributor .actions .saveButton:focus, .rebateLanding .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection a.continue:focus, #productInfo #updateMyDistributorTab .actions .saveButton:focus { border: 2px dashed #1f1f1f !important; outline: unset !important; opacity: unset !important; background: #1890e0 !important; } .signUpText:active, #onetrust-accept-btn-handler:active, .Login:active, .Next:active, .Submit:active, .updateInfo:active, .myAccountButton:active, #updatePreferenceText:active, .updatePassword:active, .searchContainer .searchBuyNowProduct .action #findDistributor:active, .productNutritionFinder .productNutritionFinderContainer button:active, .rightSection .buttons .firstButton a:active, #productInfo #updateMyDistributor .actions .saveButton:active, .rebateLanding .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection a.continue:active, #productInfo #updateMyDistributorTab .actions .saveButton:active { background-color: #0054a6 !important; } .productNutritionFinder .productNutritionFinderContainer button:disabled { border: 1px solid #939598 !important; background-color: #939598 !important; color: #f5f5f5 !important; padding: 4px 20px !important; } .productNutritionFinder .productNutritionFinderContainer button.loading { color: #000000 !important; pointer-events: none; margin: unset; } .Back:hover, .salesRepButton:hover, .rightSection .buttons .secondButton a:hover, #findDistributor .inputWrapper .findDistrubutorInputGroup #findDistributorButton:hover, #productInfo #updateMyDistributor .actions #cancelUpdate:hover { border: 2px solid #1890e0 !important; color: #1890e0 !important; background-color: unset !important; } .Back:hover::before, .fa-arrow-up-right-from-square:hover { color: #1890e0 !important; } .Back:active::before, .fa-arrow-up-right-from-square:active { color: #0054a6 !important; } .Back:focus, .salesRepButton:focus, .rightSection .buttons .secondButton a:focus, #findDistributor .inputWrapper .findDistrubutorInputGroup #findDistributorButton:focus, #productInfo #updateMyDistributor .actions #cancelUpdate:focus { border: 2px dashed #1f1f1f !important; color: #1890e0 !important; } .Back:active, .salesRepButton:active, .rightSection .buttons .secondButton a:active, #findDistributor .inputWrapper .findDistrubutorInputGroup #findDistributorButton:active, #productInfo #updateMyDistributor .actions #cancelUpdate:active { border: 2px solid #0054a6 !important; color: #0054a6 !important; } .Submit, .updateInfo, #updatePreferenceText, .Next, .Login, .rightSection .buttons .firstButton a, #onetrust-accept-btn-handler { padding: 4px 24px !important; font-size: 16px !important; } .updateInfo, .updateInfo, #productInfo #updateMyDistributor .actions .saveButton { min-width: 160px; } .myAccountButton:hover #updatePreferenceText { background: #1890e0 !important; } .myAccountButton:active #updatePreferenceText { background-color: #0054a6 !important; } .myAccountButton { padding: 6px 24px !important; width: 100%; } .Submit { padding: 4px 12px !important; } .productNameCriteria .productNameText input[type="text"] { height: 40px; } .updatePassword { font-size: 16px !important; padding: 6px !important; } .salesRepButton, .productNutritionFinder .productNutritionFinderContainer button:disabled, .productNutritionFinder .productNutritionFinderContainer button, .rightSection .buttons .firstButton a, #productInfo #updateMyDistributor .actions .saveButton, .rebateLanding .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection a.continue, .newsletterCtaView .signUpText span, #onetrust-accept-btn-handler, #productInfo #updateMyDistributorTab .actions .saveButton { font-size: 16px !important; line-height: 24px !important; } .productNutritionFinder .productNutritionFinderContainer button { padding: 4px 20px!important; min-width: 200px; } #productInfo #updateMyDistributor .actions #cancelUpdate { padding: 6px 24px !important; margin-left: 15px; } .salesRepButton:hover { background-color: #ffffff !important; } .fa-arrow-up-right-from-square, #productInfo #updateMyDistributor .actions #cancelUpdate { color: #0074c1 !important; } .salesRepButton:hover .fa-arrow-up-right-from-square { color: #1890e0 !important; } .salesRepButton:active .fa-arrow-up-right-from-square { color: #0054a6 !important; } .Next::after, .Back::before { width: 16px; height: 16px; padding-left: 8px !important; transform: translatey(-2px); } .Back::before { margin-right: 8px; padding: unset !important; } .searchContainer .searchBuyNowProduct .action #findDistributor, #productInfo #updateMyDistributor .actions .saveButton, .rebateLanding .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection a.continue { display: block; padding: 8px 24px !important; } .searchContainer .searchBuyNowProduct .action #findDistributor:focus, #productInfo #updateMyDistributor .actions .saveButton:focus, .rebateLanding .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection a.continue:focus, #productInfo #updateMyDistributorTab .actions .saveButton:focus { padding: 6px 24px !important; } .signUpText:focus { padding: 5px !important; } #findDistributor .inputWrapper .findDistrubutorInputGroup #findDistributorButton { color: #0074c1 !important; padding: 8px !important; } #findDistributor .inputWrapper .findDistrubutorInputGroup .findDistributorInput { border: 2px solid #0074c1 !important; } .rebateLanding .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection { display: flex; justify-content: center; align-items: center; flex-direction: column; } #productInfo #updateMyDistributorTab .actions .saveButton { padding: 8px 24px !important; } #onetrust-button-group { width: unset; margin-top: unset; margin-right: auto; } #onetrust-button-group #onetrust-accept-btn-handler { border: unset; min-width: 190px !important; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD .moreInfoP1 a, .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD .moreInfoP1 a, .contentContainer #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .moreInfoD a, .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .editLabels, .emailPreference .contentContainer #subscriptionCenterList .unSubscribeMeFromAll a, .emailPreference .contentContainer #subscriptionCenterList .unSubscribeMeFromAllVerify #unSubscribeMeAllBtn, .emailPreference .contentContainer #subscriptionCenterList .unSubscribeMeFromAllVerify #UnsubscribeFromAllVerificationbtn a, .buyNow .contentContainer .buyNowLanding .pageHeader .subtitle a, #myFavoriteOtherTypeView .myFavorites .myFavoritesItems ul.myFavoritesItemList li.myFavoritesItem a.editLabels { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; text-decoration: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD .moreInfoP1 a .fa-arrow-right, .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD .moreInfoP1 a .fa-arrow-right, .contentContainer #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .moreInfoD a .fa-arrow-right { color: #0074c1; cursor: pointer; padding-left: 8px; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD .moreInfoP1 a:hover, .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD .moreInfoP1 a:hover .fa-arrow-right, .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD .moreInfoP1 a:hover, .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD .moreInfoP1 a:hover .fa-arrow-right, .contentContainer #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .moreInfoD a:hover, .contentContainer #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .moreInfoD a:hover .fa-arrow-right, .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .editLabels:hover, .emailPreference .contentContainer #subscriptionCenterList .unSubscribeMeFromAll a:hover, .emailPreference .contentContainer #subscriptionCenterList .unSubscribeMeFromAllVerify #unSubscribeMeAllBtn:hover, .emailPreference .contentContainer #subscriptionCenterList .unSubscribeMeFromAllVerify #UnsubscribeFromAllVerificationbtn a:hover, .buyNow .contentContainer .buyNowLanding .pageHeader .subtitle a:hover, #myFavoriteOtherTypeView .myFavorites .myFavoritesItems ul.myFavoritesItemList li.myFavoritesItem a.editLabels:hover { color: #0054a6; } .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD .moreInfoP1 a:focus, .contentContainer #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .moreInfoD a:focus, .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .editLabels:focus, .emailPreference .contentContainer #subscriptionCenterList .unSubscribeMeFromAll a:focus, .emailPreference .contentContainer #subscriptionCenterList .unSubscribeMeFromAllVerify #unSubscribeMeAllBtn:focus, .emailPreference .contentContainer #subscriptionCenterList .unSubscribeMeFromAllVerify #UnsubscribeFromAllVerificationbtn a:focus, .buyNow .contentContainer .buyNowLanding .pageHeader .subtitle a:focus, #myFavoriteOtherTypeView .myFavorites .myFavoritesItems ul.myFavoritesItemList li.myFavoritesItem a.editLabels:focus { border-radius: 4px; border: 1px dashed #1f1f1f; color: #0074c1; outline: none; margin-top: 2px; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD .moreInfoP1 a:visited, .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD .moreInfoP1 a:visited, .contentContainer #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .moreInfoD a:visited, .buyNow .contentContainer .buyNowLanding .pageHeader .subtitle a:visited { color: #551a8b; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD .moreInfoP1 a:visited .fa-arrow-right, .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD .moreInfoP1 a .fa-arrow-right:visited, .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD .moreInfoP1 a:visited .fa-arrow-right, .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD .moreInfoP1 a .fa-arrow-right:visited, .contentContainer #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .moreInfoD a:visited .fa-arrow-right, .contentContainer #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .moreInfoD a .fa-arrow-right:visited { color: #551a8b; } #myFavoriteOtherTypeView .myFavorites .myFavoritesItems ul.myFavoritesItemList li.myFavoritesItem .itemDetails span.itemTitle { padding: 16px 16px 32px 16px; font-weight: 700; font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } #myFavoriteOtherTypeView .myFavorites .myFavoritesItems ul.myFavoritesItemList li.myFavoritesItem a.editLabels { background: url(/-/media/images/Site/trash.svg) no-repeat; width: 95px; height: 20px; display: flex; margin-right: 12px; margin-bottom: 12px; padding-left: 24px; font-weight: 600; } #myFavoriteOtherTypeView .myFavorites .myFavoritesItems ul.myFavoritesItemList li.myFavoritesItem .itemImage { height: 135px; } #myFavoriteOtherTypeView .myFavorites .myFavoritesItems ul.myFavoritesItemList li.myFavoritesItem { height: 270px; } nav { background-color: #91cfa1; padding: 0 16px; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; /* fade in checked menu */ } .m-menu__checkbox { display: none; } .primary-nav-list label.m-menu__toggle { cursor: pointer; } .m-menu { position: absolute; display: none; top: 0; width: 100%; height: auto; transition: transform 0.35s; z-index: 1; background-color: #fff; } .AddMenuElement { display: block; background: #F5F5F5; height: auto; } .m-menu__overlay { background-color: rgba(103, 103, 103, 0.5); position: absolute; top: 0; width: 100%; bottom: 0; z-index: 1; display: none; } .m-menu__header { height: auto; justify-content: space-around; align-items: center; border-bottom: 1px solid #e8e8e8; background: #F5F5F5; } .m-menu__header span { font-size: 1.2rem; font-weight: bold; text-align: center; width: 100%; } .m-menu__header .m-menu__toggle span { font-size: 1.2rem; font-weight: bold; text-align: center; width: 66px; } .primary-nav-list .nav-item .m-menu label.m-menu__toggle { display: flex; border-bottom: 0; padding: 0 9px; box-sizing: content-box; text-align: left; line-height: 42px; text-decoration: none; color: #333; cursor: pointer; font-size: 1rem; position: relative; background: #F5F5F5; top: 1px; width: 96px; } .primary-nav-list .nav-item .m-menu label.m-menu__toggle .BackImage { width: 12px; height: 10px; color: #1f1f1f; top: 15px; position: relative; padding: 0 5px 0 0; } .m-menu ul { height: auto; overflow-y: auto; border-radius: 12px; } .m-menu ul li a, .m-menu ul li label { display: block; text-align: left; padding: 0 15px; text-decoration: none; color: #333; cursor: pointer; font-size: 1rem; position: relative; } .primary-nav-list .nav-item .m-menu a, .primary-nav-list .nav-item label, .sub_nav-item .SecondNav a { display: flex; flex-direction: row; text-align: left; padding: 18px; text-decoration: none; color: #1f1f1f; cursor: pointer; font-size: 1rem; border-bottom: 1px solid #e8e8e8; position: relative; width: 100%; background-color: white; letter-spacing: 0.01em; font-family: Roboto; font-size: 16px; } .primary-nav-list .nav-item .m-menu .m-menu__header span a { background-color: #F5F5F5; font-family: Roboto Slab; font-size: 17px; font-weight: 700; letter-spacing: 0.01em; padding: 0 0 14px 18px; line-height: 25px; } .m-menu ul li label.a-label__chevron::after { content: ""; position: absolute; display: inline-block; width: 10px; height: 10px; border-color: #333; border-style: solid; border-width: 1px 1px 0 0; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; margin-top: -5px; right: 16px; } .primary-nav-list .nav-item label.a-label__chevron::after { content: ""; position: absolute; display: inline-block; width: 10px; height: 10px; border-color: #333; border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg); top: 50%; margin-top: -5px; right: 33px; } .m-menu ul li .-invisible { border-bottom: 0; } .primary-nav-list .nav-item .m-menu .second-nav-list .m-menu label.m-menu__toggle { display: flex; border-bottom: 0; padding: 0; box-sizing: content-box; } .m-menu__checkbox:checked ~ .m-menu__overlay { display: block; } .m-menu__checkbox:checked ~ .m-menu { transform: translate3d(0, 0, 0); } .wrapper { width: 450px; height: 667px; margin: 0 auto; overflow: hidden; background-color: #fff; position: relative; } .featuredContentHeader { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; text-align: left; display: block; padding: 5px 0px 5px 0; background: #F5F5F5; border: 5px solid #F5F5F5; line-height: 19px; letter-spacing: 0.01em; color: #000000; } .featuredContentItems { padding: 5px 4px 5px 4px; border-radius: 12px; background: white; } .featuredContentItem { text-align: center; padding: 6px 8px 6px 8px; border-radius: 0px 0px 12px 12px; gap: 12px; display: flex; } .featuredContentItem a { padding: 0; } .featuredContentItem img { max-width: 280px; width: 86px; height: 58px; border-radius: 8px; } .featuredContentItem .title { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #00489a; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; text-align: center; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; align-items: center; padding: 0 0 0 10px; letter-spacing: 0.01em; color: #000000; } .featuredContentItem .title:hover { text-decoration: underline; } #menu-toggle { display: none; } .top-nav { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; height: 50px; padding: 1em; } .top-nav .AllNavigation { width: 100%; height: auto; top: 75px; position: absolute; right: 0px; overflow-y: auto; overflow-x: hidden; padding: 0px 12px 0px 12px; } .menu-button-container { display: flex; height: 40px; width: 30px; cursor: pointer; flex-direction: column; justify-content: center; align-items: center; left: 10px; top: 22px; position: absolute; } .primary-nav-list { position: relative; left: 0; flex-direction: column; width: 100%; justify-content: center; align-items: center; display: flex; list-style-type: none; padding: 0px 0px 16px; } #menu-toggle ~ .menu-button-container ~ .AllNavigation .primary-nav-list .nav-item { height: 0; margin: 0; padding: 0; border: 0; transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1); } #menu-toggle:checked ~ .menu-button-container ~ .AllNavigation .primary-nav-list .nav-item { border: 1px solid #e8e8e8; height: 2.3em; transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1); height: 58px; } #menu-toggle ~ .primary-nav-list { border: 0; } .primary-nav-list > .nav-item { display: flex; justify-content: center; margin: 0; padding: 0.5em 0; width: 100%; color: white; background-color: #ffffff; overflow: hidden; cursor: pointer; } .sub_nav-item { display: flex; justify-content: center; width: 100%; color: white; background-color: #ffffff; overflow: hidden; cursor: pointer; text-align: left; font-size: 1rem; height: 50px; } .SecondNavChild { display: none; } #menu-toggle ~ .menu-button-container ~ .AllNavigation .primary-nav-list .sub_nav-item { height: 0; margin: 0; padding: 0; border: 0; transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1); } #menu-toggle:checked ~ .menu-button-container ~ .AllNavigation .primary-nav-list .sub_nav-item { height: 2.3em; transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1); padding: 0px; height: 58px; } .menu-button, .menu-button::before, .menu-button::after { display: block; background-color: #fff; position: absolute; width: 30px; height: 4px; transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1); border-radius: 2px; } .menu-button::before { content: ''; margin-top: -8px; } .menu-button::after { content: ''; margin-top: 8px; } #menu-toggle:checked + .menu-button-container .menu-button::before { margin-top: 0px; transform: rotate(405deg); } #menu-toggle:checked + .menu-button-container .menu-button { background: rgba(255, 255, 255, 0); } #menu-toggle:checked + .menu-button-container .menu-button::after { margin-top: 0px; transform: rotate(-405deg); } ul li.nav-item, ul li.nav-item-second, ul li.nav-item-third { padding: 0; text-align: left; font-size: 1rem; } .primary-nav-list .nav-item .second-nav-list .nav-item-second .third-nav-list { min-width: 160px; border-radius: 12px 12px 12px 12px; box-sizing: border-box; background: white; } .primary-nav-list .nav-item .second-nav-list .nav-item-second .third-nav-list .nav-item-third { clear: left; border-radius: 12px 12px 0px 0px; background: #FFF; } .primary-nav-list .nav-item .second-nav-list .nav-item-second { clear: left; box-sizing: border-box; border-radius: 12px 12px 0 0; justify-content: space-between; display: flex; width: 100%; height: 58px; } .primary-nav-list .nav-item .second-nav-list .itdItemLi span { font-size: 16px; font-family: Roboto; font-weight: 400; color: #1f1f1f; width: 100%; } .primary-nav-list .nav-item .second-nav-list .itdItemLi span .ITDAnchor .ITDImage { display: none; } .primary-nav-list .nav-item .second-nav-list .itdItemLi span .ITDAnchor .ITDDescription { display: none; } .primary-nav-list .nav-item .second-nav-list .itdItemLi span a { padding: 18px 18px; height: 58px; border-bottom: 1px solid #e8e8e8; } .primary-nav-list .nav-item .second-nav-list .nav-item-second .third-nav-list .nav-item-third a { line-height: 32px; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 0; color: var(--darkest-gray, #1f1f1f); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0.16px; padding: 0 0 3px 0; border-bottom: 0; } .primary-nav-list .nav-item .second-nav-list .nav-item-second .third-nav-list .nav-item-third .icon { display: inline-block; margin-right: 5px; width: 32px; height: 31.34px; vertical-align: top; } .primary-nav-list .nav-item .second-nav-list .nav-item-second .third-nav-list .ThirdMenuContent .nav-item-third label { padding: 18px; height: 58px; border-bottom: 1px solid #e8e8e8; } .primary-nav-list .nav-item:nth-child(2) .second-nav-list .nav-item-second { padding: 18px; background: white; border-radius: 0px; } .primary-nav-list .nav-item:nth-child(2) .second-nav-list .nav-item-second span { width: 100%; height: 32px; } .second-nav-item-Recipes { border-radius: 12px 12px 12px 12px; box-sizing: border-box; background: white; } .primary-nav-list .nav-item:nth-child(2) .second-nav-list .nav-item-second .icon { display: inline-block; margin-right: 5px; width: 32px; height: 31.34px; vertical-align: middle; } .primary-nav-list .nav-item:nth-child(2) .second-nav-list .SubMenuContent, .primary-nav-list .nav-item:nth-child(1) .second-nav-list .SubMenuContent { border-radius: 12px; } .primary-nav-list .nav-item:nth-child(2) .second-nav-list .nav-item-second a { line-height: 32px; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 0 0 3px 0; color: var(--darkest-gray, #1f1f1f); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; letter-spacing: 0.16px; } .Secondary-nav-item { border: 1px solid #e8e8e8; height: 3.5em; transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1); display: flex; justify-content: center; margin: 0; padding: 0.5em 0; width: 100%; color: white; background-color: #ffffff; overflow: hidden; cursor: pointer; } .SecondNav { justify-content: left; display: flex; width: 100%; } .dollarImage { width: 18px; height: 18px; vertical-align: middle; margin-right: 5px; margin-top: 9px; } .m-menu .m-menu__header .m-menu__toggle .All { text-align: left; top: 0px; position: relative; font-size: 14px; } #HeaderItems { height: auto; } #AccountImageSettings { width: 24px; height: 24px; } .myAcountText { color: var(--darkest-gray, #1f1f1f); font-family: Roboto Slab; font-size: 21px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: -0.21px; text-transform: capitalize; } #sub-item-User { display: inline-flex; align-items: center; gap: 8px; background: #F5F5F5; justify-content: flex-start; } #label_MyAccount { font-weight: bold; } .myaccountwrapper-list { min-width: 160px; border-radius: 12px; box-sizing: border-box; background: white; } .myaccountwrapper-item { clear: left; border-radius: 12px 12px 0px 0px; background: #FFF; } .logOut { background: none; border: none; cursor: pointer; padding: 18px; border-bottom: 1px solid #e8e8e8; font-weight: bold; font-family: Roboto; font-size: 16px; display: flex; flex-direction: row; text-align: left; cursor: pointer; position: relative; text-decoration: none; color: #1f1f1f; width: 100%; } .pipeSeprator { display: none; } #sub-item-Anonymous { display: inline-flex; align-items: center; } .myaccountwrapper-list-Anonymous { display: flex; justify-content: center; flex-direction: row; align-items: center; gap: 35px; } .FourthNavChild .nav-item .myaccountwrapper-list-Anonymous .myaccountwrapper-item .joinFreeLink, .loginLink { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 8px 18px; text-decoration: none; border-radius: 3px; background-color: #0074c1; text-align: center; font-weight: 500; letter-spacing: 0.5px; display: inline-block; } #sub-item-Anonymous .myaccountwrapper-list-Anonymous .loginLink { margin-left: 0px; padding: 6px 18px; color: #0074c1; background-color: #ffffff; border: 2px solid #0074c1; } #link2 .loginLink { background-color: white; padding: 0; } #siteHeader { height: 75px; padding: 10px; background-color: #0054a6; position: relative; width: 100%; top: 0; } #siteHeader .searchGlass { position: relative; right: 0; } #siteHeader .searchGlass .searchGlassButton { background: url(/GMFS/Assets/Images/searchbar.png) no-repeat 0px; float: right; width: 38px; height: 38px; cursor: pointer; color: transparent; margin: -37px 2px 0 0; border-radius: 50px; } #siteHeader h1 { vertical-align: top; float: left; padding-top: 10px; } #siteHeader h1 a { background-image: url("/~/media/58EF87D5372C46AD8682744A3194AABF.ashx"); background-size: 87px 87px; width: 87px; height: 87px; } #siteHeader .Search-Icon { display: none; } #siteHeader #siteHeaderText { padding: 10px 0 0 0; width: initial; line-height: normal; max-width: initial; } #siteHeader #siteHeaderText p { font-size: 16px; font-size: 1rem; text-align: initial; } #siteHeader #siteHeaderSearch { display: none; height: 75px; background-color: #0054a6; top: 0; width: 100%; padding: 10px; z-index: 10; position: absolute; padding-left: 3%; padding-right: 3%; left: 0; } #siteHeader #siteHeaderSearch > a:first-child { line-height: 55px; line-height: 3.4375rem; display: inline-block; text-decoration: none; } #siteHeader #siteHeaderSearch > a:first-child span { font-family: "Roboto", sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1rem; color: #fff; font-size: 16px; font-size: 1rem; font: bold; padding: 5px; text-decoration: none; } #siteHeader #siteHeaderSearch li.Product a:before { content: 'PRODUCT'; } #siteHeader #siteHeaderSearch li.Video a:before { content: 'VIDEO'; } #siteHeader #siteHeaderSearch li.Article a:before { content: 'ARTICLE'; } #siteHeader #siteHeaderSearch li.Recipe a:before { content: 'RECIPE'; } #siteHeader #siteHeaderSearch li.Collection a:before { content: 'COLLECTION'; } #siteHeader #siteHeaderSearch li.Category a:before { content: 'CATEGORY'; } #siteHeader #siteHeaderSearch li.Industry a:before { content: 'INDUSTRY'; } #siteHeader #siteHeaderSearch li.SalesMaterial a:before { content: 'SALES MATERIAL'; } #siteHeader #siteHeaderSearch li.Blog a:before { content: 'BLOG'; } #siteHeader #siteHeaderSearch li.Other a:before { content: 'OTHER'; } #siteHeader #siteHeaderSearch li.Support a:before { content: 'SUPPORT TOOLS'; } #siteHeader #siteHeaderSearch li.Rebate a:before { content: 'REBATE'; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper { width: 70%; background-color: #0054a6; position: absolute; right: 2%; top: 20px; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .clear-search-Text { position: absolute; cursor: pointer; display: inline-block; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -270px -100px; width: 16px; height: 18px; right: 10px; top: 12px; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container a.SearchLinkButton { display: none; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints { right: 36px; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-hint-container { background-color: #ffffff; z-index: 10001; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); width: 100vw; margin-left: -40%; margin-top: 16px; border-radius: 0 0 4px 4px; padding-bottom: 10px; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-hint-container .searchHints { background-color: #ffffff; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-hint-container .searchHints ul li { padding: 10px; border-bottom: 1px solid; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-hint-container .searchHints ul li a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-hint-container .searchHints ul li a em { color: #0054a6; font-weight: bold; font-style: inherit; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-hint-container .searchHints ul li a:before { font-family: "Roboto Condensed", sans-serif; font-size: 12px; font-size: 0.75rem; color: #757575; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; white-space: pre; display: block; margin-left: 90px; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-hint-container .searchHints ul li a img { width: 80px; height: 60px; margin-top: -20px; vertical-align: middle; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-hint-container .searchHints ul li a .productName { margin: -40px 0 0 90px; position: absolute; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-hint-container .searchHints ul li:last-child { padding-bottom: 0; border-bottom: 0; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints input { flex-direction: row; display: flex; box-sizing: border-box; align-items: center; gap: 8px; width: 100%; height: 40px; background: #FFFFFF; /* Light Gray */ padding: 0px 0px 0 10px; border: 1px solid #E4E4E4; border-radius: 50px; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints input::-ms-clear { display: none; } #siteHeader #siteHeaderSearch .searchTextBox { width: 100px; } #siteHeader #siteHeaderSearch html, #siteHeader #siteHeaderSearch body, #siteHeader #siteHeaderSearch ul, #siteHeader #siteHeaderSearch ol, #siteHeader #siteHeaderSearch li, #siteHeader #siteHeaderSearch p, #siteHeader #siteHeaderSearch h1, #siteHeader #siteHeaderSearch h2, #siteHeader #siteHeaderSearch h3, #siteHeader #siteHeaderSearch h4, #siteHeader #siteHeaderSearch h5, #siteHeader #siteHeaderSearch h6, #siteHeader #siteHeaderSearch form, #siteHeader #siteHeaderSearch fieldset, #siteHeader #siteHeaderSearch a { border: 0; margin: 0; padding: 0; color: #58595B; } #siteHeader #siteHeaderSearch .siteHeaderNutritionFinder { text-align: center; float: none; } #siteHeader .overlayMenu { width: 100%; left: 0; top: 90px; height: 100vh; background-color: rgba(255, 255, 255, 0.8); z-index: 9; position: absolute; } #siteHeader .closeMenu { float: right; } #siteHeader .closeMenu a { width: 16px; height: 16px; display: inline-block; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -728px -1px; color: #ffffff; font-size: 20px; font-size: 1.25rem; } #siteHeader .headerMenus { top: 0; } #siteHeader .headerMenus .mobileMenuDropDown { text-align: center; } #siteHeader .headerMenus .mobileMenuDropDown #secondaryNavigation { display: none; } #siteHeader .toolBar { width: 100%; height: 30px; position: absolute; display: none; width: 100%; padding: 0; text-align: left; bottom: -30px; left: 0; background-color: #0074c1; white-space: nowrap; overflow-x: scroll; z-index: 10; } #siteHeader .toolBar a { font-family: "Roboto Condensed", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 0 3px; opacity: 0.7; letter-spacing: 0; padding: 7px 10px; white-space: nowrap; } #siteHeader .toolBar a:hover { text-decoration: underline; opacity: 1; } .menu { position: absolute; width: 100%; right: 0; bottom: 0; top: 0; display: none; background-color: #ffffff; max-height: 70vh; overflow: scroll; } .menu.open { display: grid; } .menuTitle { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; letter-spacing: 0.95px; padding: 20px 35px; text-align: left; order: 0; } #SiteHeaderProfileWidget { order: -1; display: none; width: 100%; padding: 0; margin-top: 0px; } #SiteHeaderProfileWidget .anonymousUser #anonymousLarge { padding: 25px 10px; } #SiteHeaderProfileWidget .anonymousUser span { display: none; } #SiteHeaderProfileWidget .anonymousUser .joinFreeLink, #SiteHeaderProfileWidget .anonymousUser .loginLink { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 10px 20px; text-decoration: none; border-radius: 3px; background-color: #0074c1; text-align: center; font-weight: 500; letter-spacing: 0.5px; display: inline-block; } #SiteHeaderProfileWidget .anonymousUser .loginLink { margin-left: 0px; padding: 9px 35px; color: #0074c1; background-color: #ffffff; border: 2px solid #0074c1; } #SiteHeaderProfileWidget .buyNowLink { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #f7f7f7; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 12px 0; text-decoration: none; border-radius: 3px; background-color: #0054a6; text-align: center; font-weight: 700; letter-spacing: 0.5px; display: inline-block; width: 75%; text-transform: uppercase; margin: 25px 0 30px 0; } #SiteHeaderProfileWidget .knownUser { margin-top: 10px; } #SiteHeaderProfileWidget .myAccount { padding: 20px 35px; position: relative; text-align: left; } #SiteHeaderProfileWidget .myAccount .myAccountImg { background: url('/GMFS/Assets/Images/icon-profile-mobile.svg') no-repeat; width: 30px; height: 30px; float: left; margin: -5px 10px 0 0; } #SiteHeaderProfileWidget .myAccount span.myAcountText { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } #SiteHeaderProfileWidget .myAccount .myAccount-toggle-button { position: absolute; right: 20px; top: 0; } #SiteHeaderProfileWidget .myAccount .myAccount-toggle-button .more img, #SiteHeaderProfileWidget .myAccount .myAccount-toggle-button .less img { width: 20px; height: 20px; } #SiteHeaderProfileWidget .myaccountwrapper { display: none; } #SiteHeaderProfileWidget .myaccountwrapper .logOut { background: none; color: #3b3b3b; font-weight: bold; border: none; padding: 0; cursor: pointer; font-size: 14px; font-size: 0.875rem; } #SiteHeaderProfileWidget .myaccountwrapper .logOut:hover { text-decoration: underline; } #SiteHeaderProfileWidget .myaccountwrapper .myaccountwrapper-list { background-color: #f7f7f7; border-top: 2px solid #d8d9da; padding: 15px 40px; } #SiteHeaderProfileWidget .myaccountwrapper .myaccountwrapper-list .myaccountwrapper-item { text-align: left; } #SiteHeaderProfileWidget .myaccountwrapper .myaccountwrapper-list .myaccountwrapper-item .item { padding: 12px 0; } #SiteHeaderProfileWidget .myaccountwrapper .myaccountwrapper-list .myaccountwrapper-item .item a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } #SiteHeaderProfileWidget .myFavoritesWrapper { display: inline-block; margin-right: 2%; vertical-align: middle; } #SiteHeaderProfileWidget .myFavoritesWrapper:hover { text-decoration: underline; } #SiteHeaderProfileWidget .myFavoritesWrapper a { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; color: yellow; } #SiteHeaderProfileWidget .myFavoritesWrapper a span { color: green; line-height: 1.4em; } #SiteHeaderProfileWidget .myFavoritesWrapper .favcount { background-image: url(/~/media/B9B4B0DC762B44549621826F9946F76D.ashx); background-position: 0 0; background-repeat: no-repeat; background-size: 100%; width: 26px; height: 23px; box-sizing: border-box; text-align: center; padding-top: 3px; margin-right: 4px; color: #ffffff; font-size: 16px; font-size: 1rem; } /* START NEW Simple Navigation styling */ #simpleNavigation { display: none; } .simpleNavigationWrapper { width: 100%; order: 1; } .simpleNavigationWrapper ul li.nav-item, .simpleNavigationWrapper ul li.nav-item-second, .simpleNavigationWrapper ul li.nav-item-third { padding: 0; position: relative; text-align: left; color: #ffffff; font-size: 16px; font-size: 1rem; } .simpleNavigationWrapper ul li.nav-item-second { color: #0074c1; } .simpleNavigationWrapper ul li.nav-item-third { color: #3b3b3b; } .simpleNavigationWrapper .second-nav-list ul li { border-bottom: none; } .simpleNavigationWrapper .nav-toggle-button { position: absolute; right: 10px; top: 15px; width: 40px; text-align: center; cursor: pointer; display: none; } .simpleNavigationWrapper .more { display: none; line-height: 40px; line-height: 2.5rem; } .simpleNavigationWrapper .less { display: none; line-height: 40px; line-height: 2.5rem; } .simpleNavigationWrapper .hidden { display: none; } .simpleNavigationWrapper .primary-nav-list { display: flex; flex-direction: column; position: absolute; top: 0; margin-top: 72px; left: 0; flex-direction: column; width: 100%; justify-content: center; align-items: center; } .simpleNavigationWrapper .primary-nav-list .nav-item { order: 0; display: flex; margin: 0; width: 100%; color: white; background-color: #ffffff; } .simpleNavigationWrapper .primary-nav-list .nav-item .primary-nav-item a { display: block; padding: 20px 35px; font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .simpleNavigationWrapper .primary-nav-list .nav-item .nav-toggle-button span img { width: 20px; height: 20px; } .simpleNavigationWrapper .primary-nav-list .nav-item .seprator { width: 100%; border-top: 2px solid #0fafef; } .simpleNavigationWrapper .primary-nav-list .nav-item { position: relative; width: 100%; clear: left; left: 0; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list { position: relative; width: 100%; left: 0; padding: 15px 0; box-sizing: border-box; display: none; background-color: #f7f7f7; border-top: 2px solid #d8d9da; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second { clear: left; width: 100%; box-sizing: border-box; padding: 15px 0; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .icon { display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-right: 5px; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second a { padding: 10px 38px; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .nav-toggle-button { right: 10%; padding: 0; top: 5px; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .nav-toggle-button span { font-weight: 700; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .nav-toggle-button span img { width: 15px; height: 15px; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .third-nav-list { min-width: 160px; padding: 10px; margin-right: 20px; display: none; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .third-nav-list .nav-item-third { clear: left; padding: 5px 0 5px 30px; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .third-nav-list .nav-item-third .icon { display: inline-block; margin-right: 5px; width: 30px; height: 30px; vertical-align: middle; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .third-nav-list .nav-item-third a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; padding: 0; letter-spacing: 0.55px; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .third-nav-list .nav-item-third .seeAll { font-weight: bold; text-align: right; } .simpleNavigationWrapper .primary-nav-list .nav-item.has-sub .nav-toggle-button, .simpleNavigationWrapper .primary-nav-list .nav-item.has-sub .second-nav-list .nav-toggle-button { display: block; } .simpleNavigationWrapper .primary-nav-list .nav-item.has-sub .second-nav-list .nav-item-second.has-sub-not .nav-toggle-button { display: none; } .simpleNavigationWrapper .primary-nav-list .nav-item.has-sub .nav-toggle-button .more, .simpleNavigationWrapper .primary-nav-list .nav-item.has-sub .nav-toggle-button .less { display: block; visibility: visible; position: relative; } .simpleNavigationWrapper .primary-nav-list .nav-item.has-sub .nav-toggle-button .more.hidden, .simpleNavigationWrapper .primary-nav-list .nav-item.has-sub .nav-toggle-button .less.hidden { visibility: hidden; position: absolute; } .simpleNavigationWrapper .primary-nav-list .nav-item.has-sub.activeUL .second-nav-list { display: block; } .simpleNavigationWrapper .primary-nav-list .nav-item.has-sub-not .nav-toggle-button { display: none; } .simpleNavigationWrapper .primary-nav-list .nav-featured-no-third, .simpleNavigationWrapper .primary-nav-list .nav-featured-has-third { display: none; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(3) .second-nav-list .nav-item-second h2 a, .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(5) .second-nav-list .nav-item-second h2 a { pointer-events: none; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(2) .second-nav-list { padding: 10px 0; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(2) .second-nav-list .nav-item-second { padding: 5px 0 5px 30px; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(2) .second-nav-list .nav-item-second .icon { display: inline-block; margin-right: 5px; width: 30px; height: 30px; vertical-align: middle; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(2) .second-nav-list .nav-item-second a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; padding: 0; letter-spacing: 0.55px; } #siteHeader .headerMenus .mobileMenu { background: #0054a6 url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat scroll -234px -100px; border-radius: 0; width: 35px; height: 25px; position: absolute; overflow: hidden; top: 25px; left: 10px; display: inline-block; margin: 0 10px 0 0; } #siteHeader .headerMenus .mobileMenu.menuOpen { width: 16px; height: 16px; display: inline-block; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -728px -1px; left: 15px; } #siteHeader .headerMenus .mobileMenuDropDown .simpleNavigationWrapper #secondaryNavigation { display: block; position: relative; clear: left; overflow: hidden; left: 0; top: 0; border-bottom: 10px solid #0054a6; } #siteHeader .headerMenus .mobileMenuDropDown .simpleNavigationWrapper #secondaryNavigation ul li { clear: left; background-color: #ffffff; padding: 12px 0 0 20px; width: 100%; margin-left: 0; border-bottom: none; } #siteHeader .headerMenus .mobileMenuDropDown .simpleNavigationWrapper #secondaryNavigation ul li a { color: #0074c1; font-size: 18px; font-size: 1.125rem; font-weight: 500; } #siteHeader .headerMenus .mobileMenuDropDown .simpleNavigationWrapper #secondaryNavigation ul li a:hover { text-decoration: underline; } /* END NEW Simple Navigation styling */ .slide-in { animation: slide-in 0.5s forwards; -webkit-animation: slide-in 0.5s forwards; transform: translatex(100%); -webkit-transform: translatex(100%); } .slide-out { animation: slide-out 0.5s forwards; -webkit-animation: slide-out 0.5s forwards; transform: translatex(100%); -webkit-transform: translatex(100%); } @keyframes slide-in { 100% { transform: translatex(0%); } } @-webkit-keyframes slide-in { 100% { -webkit-transform: translatex(0%); } } @keyframes slide-out { 0% { transform: translatex(0%); } } @-webkit-keyframes slide-out { 0% { -webkit-transform: translatex(0%); } } #searchGlassCheckBox, .searchGlassClose { display: none; } div#miniCart { width: auto; float: right; } div#miniCart svg.shopify-buy__icon-cart.shopify-buy__icon-cart--side { width: 26px; height: 23px; margin-right: 5px; } div#miniCart svg.shopify-buy__icon-cart.shopify-buy__icon-cart--side:focus { outline: 2px solid black; } div#miniCart svg.shopify-buy__icon-cart.shopify-buy__icon-cart--side:focus:not(:focus-visible) { outline: none; } div#miniCart svg.shopify-buy__icon-cart.shopify-buy__icon-cart--side:focus-visible { outline: 2px auto; } div#miniCart svg.shopify-buy__icon-cart.shopify-buy__icon-cart--side g.shopify-buy__icon-cart__group { fill: #ffffff; } div#miniCart .shopify-buy__cart-toggle__count { display: inline-block; color: #ffffff; height: 25px; vertical-align: bottom; } div#miniCart p.shopify-buy--visually-hidden { display: none; } div#miniCart .is-inline.shopify-buy__cart-toggle { background-color: #00a839; padding: 7px 6px 2px 5px; border-radius: 3px; } div#miniCart .is-inline.shopify-buy__cart-toggle:hover { background-color: #017a29; cursor: pointer; } .screen-reader-text { display: none; } .remove-focus, li { -webkit-tap-highlight-color: transparent; -moz-tap-highlight-color: transparent; -o-tap-highlight-color: transparent; tap-highlight-color: transparent; } .footerWrapper { background-color: #e6e7e8; } #footer { background-color: #e6e7e8; clear: both; padding: 0 0 50px 0; margin: 0 auto; } #footer .footerLogo { display: block; text-align: center; margin: 25px 0; } #footer .footerLogo div { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat 0 -101px; display: inline-block; height: 60px; width: 45px; } #footer .footerNavContainer { display: none; } #footer .footerDivider { margin: 20px 0; padding: 0 4%; } #footer .footerDivider div { background-color: #939598; height: 1px; } #footer .footerMobileBottomLinks ul { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; margin: 0 5%; text-align: center; } #footer .footerMobileBottomLinks ul li { list-style-type: none; padding: unset; line-height: 20px; } #footer .footerMobileBottomLinks ul li a { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; } #footer .footerMobileBottomLinks ul li a .screenReaderText { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } #footer .footer-bottom-nav { padding: 0 0 30px; display: flex; justify-content: center; flex-direction: column-reverse; } #footer .footer-bottom-nav .copyright { align-self: center; width: 100%; text-align: center; } #footer .footer-bottom-nav .copyright span { display: block; font-size: 10px; font-size: 0.625rem; opacity: 0.75; line-height: 12px; } #footer .footer-bottom-nav .contactLinkContainerWrapper { margin: 20px 0; padding: 0; } #footer .footer-bottom-nav .contactLinkContainerWrapper .contactLinkContainer { margin: 0; display: block; position: relative; width: 100%; } #footer .footer-bottom-nav .contactLinkContainerWrapper .contactLinkContainer .socialLink { float: none; padding: 0; width: 100%; text-align: center; } #footer .footer-bottom-nav .contactLinkContainerWrapper .contactLinkContainer .socialLink h3 { display: none; } #footer .footer-bottom-nav .contactLinkContainerWrapper .contactLinkContainer .socialLink a { margin-left: 10px; display: inline-block; } #footer .footer-bottom-nav .contactLinkContainerWrapper .contactLinkContainer .socialLink a .conIcon { display: inline-block; } #footer .footer-bottom-nav .contactLinkContainerWrapper .contactLinkContainer .socialLink a .conIcon .LinkedIn { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -258px -1px; display: inline-block; height: 25.53px; width: 25.53px; } #footer .footer-bottom-nav .contactLinkContainerWrapper .contactLinkContainer .socialLink a .conIcon .YouTube { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -326px -1px; display: inline-block; height: 25.53px; width: 25.53px; } #footer .footer-bottom-nav .contactLinkContainerWrapper .contactLinkContainer .socialLink a .conIcon .Twitter { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -292px -1px; display: inline-block; height: 25.53px; width: 25.53px; } #footer .footer-bottom-nav .contactLinkContainerWrapper .contactLinkContainer .socialLink a .conIcon .Facebook { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -360px -1px; display: inline-block; height: 25.53px; width: 25.53px; } #footer .footer-bottom-nav .contactLinkContainerWrapper .contactLinkContainer .socialLink a .conIcon .Instagram { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -752px -1px; display: inline-block; height: 25.53px; width: 25.53px; } .header .nctaInterstitialWrapper { background-color: #fff; } .newsletterCtaView .signUpText { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background: #0074c1; border: 0; cursor: pointer; display: inline-block; padding: 7px; white-space: nowrap; overflow: visible; border-radius: 3px; font-size: 12px; font-size: 0.75rem; font-family: "Roboto", sans-serif; letter-spacing: 0.8px; font-weight: 500; width: 100%; height: 45px; margin: 10px 0; } .newsletterCtaView .signUpText span { font-size: 14px; font-size: 0.875rem; color: #ffffff; vertical-align: top; } .headerNewsletterCta { text-align: center; padding: 15px 20px; margin: 0 auto; display: none; } .headerNewsletterCta .newsletterCtaContentContainer { text-align: center; } .headerNewsletterCta .newsletterCtaContentContainer #toggle { display: none; } .headerNewsletterCta .newsletterCtaContentContainer #toggle ~ section .privacyError { display: none; } .headerNewsletterCta .newsletterCtaContentContainer #toggle:checked ~ section.anonymousIntroContent { margin-bottom: 10px; } .headerNewsletterCta .newsletterCtaContentContainer #toggle:checked ~ section .anonymousHeaderText:after { transform: none; -webkit-transform: rotate(270deg); -moz-transform: none; } .headerNewsletterCta .newsletterCtaContentContainer #toggle:checked ~ section .anonymousSubHeaderText { display: none; } .headerNewsletterCta .newsletterCtaContentContainer #toggle:checked ~ section.anonymousSignup { height: auto; padding: 5px 0; } .headerNewsletterCta .newsletterCtaContentContainer #toggle:checked ~ section.anonymousSignup .anonymousInput .businessTypeOther { display: block; } .headerNewsletterCta .newsletterCtaContentContainer #toggle:checked ~ section .privacyError { display: block; } .headerNewsletterCta .anonymousIntroContent { width: 100%; text-align: center; padding: 0; margin: 0; display: inline-flex; } .headerNewsletterCta .anonymousIntroContent .anonymousHeaderText { display: inline-block; pointer-events: auto; text-align: initial; font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .headerNewsletterCta .anonymousIntroContent .anonymousHeaderText:after { content: ' '; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat 0 0; overflow: hidden; display: inline-block; width: 15px; height: 9px; margin: 0 5px; vertical-align: baseline; transform: rotate(270deg); -webkit-transform: none; -moz-transform: rotate(270deg); } .headerNewsletterCta .anonymousIntroContent .anonymousSubHeaderText { display: none; } .headerNewsletterCta .anonymousIntroContent .headerText { display: none; } .headerNewsletterCta .anonymousSignup { height: 0px; transition: height 300ms; -webkit-transition: height 300ms; overflow: hidden; text-align: center; margin: 0; } .headerNewsletterCta .anonymousSignup .anonymousInput { text-align: center; margin: 0 auto; max-width: 400px; } .headerNewsletterCta .anonymousSignup .anonymousInput .profileQuestion { margin-bottom: 18px; display: block; position: relative; } .headerNewsletterCta .anonymousSignup .anonymousInput .profileQuestion:after { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat 0 0; position: absolute; right: 15px; top: 11px; z-index: 1; text-align: center; pointer-events: none; width: 15px; height: 10px; } .headerNewsletterCta .anonymousSignup .anonymousInput select, .headerNewsletterCta .anonymousSignup .anonymousInput #businessTypeOther { width: 100%; height: 45px; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border: 1px solid #757575; padding: 15px 5px 0 10px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #ffffff; border-radius: 3px; letter-spacing: 0.43px; } .headerNewsletterCta .anonymousSignup .anonymousInput select:focus, .headerNewsletterCta .anonymousSignup .anonymousInput #businessTypeOther:focus { outline: 2px solid black; } .headerNewsletterCta .anonymousSignup .anonymousInput select:focus:not(:focus-visible), .headerNewsletterCta .anonymousSignup .anonymousInput #businessTypeOther:focus:not(:focus-visible) { outline: none; } .headerNewsletterCta .anonymousSignup .anonymousInput select:focus-visible, .headerNewsletterCta .anonymousSignup .anonymousInput #businessTypeOther:focus-visible { outline: 2px auto; } .headerNewsletterCta .anonymousSignup .anonymousInput .businessTypeOther { margin-bottom: 17px; } .headerNewsletterCta .anonymousSignup .anonymousInput select::-ms-expand { display: none; } .headerNewsletterCta .anonymousSignup .anonymousInput .emailWrapper { display: block; white-space: nowrap; position: relative; margin: 0 0 18px; } .headerNewsletterCta .anonymousSignup .anonymousInput .emailWrapper .signUpText { height: 40px; padding: 0 7px; border-radius: 3px; top: 0; right: 0; } .headerNewsletterCta .anonymousSignup .anonymousInput .checkbox_style { margin-bottom: 18px; } .headerNewsletterCta .anonymousSignup .anonymousInput input[type=email] { width: 100%; height: 45px; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 15px 5px 5px 10px; background-color: #ffffff; border: 1px solid #757575; border-radius: 3px; margin: 0; letter-spacing: 0.43px; } .headerNewsletterCta .anonymousSignup .anonymousInput select.alert-error, .headerNewsletterCta .anonymousSignup .anonymousInput input.alert-error, .headerNewsletterCta .anonymousSignup .anonymousInput .businessTypeOther #businessTypeOther.alert-error { border: 2px solid #e32726; } .headerNewsletterCta .anonymousSignup .anonymousInput span.alert-error { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.51px; display: block; padding-top: 3px; text-align: left; position: absolute; } .headerNewsletterCta anonymous-signup-wrapper .newsLetterCloseButtonWrapper { position: absolute; display: inline-flex; float: right; padding: 0; right: 0; top: 10px; } .headerNewsletterCta anonymous-signup-wrapper .newsLetterCloseButtonWrapper .newsLetterCloseButton { line-height: 26px; padding-left: 35px; display: inline-block; } .headerNewsletterCta anonymous-signup-wrapper .newsLetterCloseButtonWrapper .newsLetterCloseButton:before { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -24px 0; display: inline-block; width: 26px; height: 26px; position: absolute; top: 0; left: 0; } .headerNewsletterCta .closeButton { display: block; } .headerNewsletterCta .anonymousThankYouWrapper .newsLetterCloseButton { display: inline-block; float: right; margin: 4px 0 0; min-width: 26px; cursor: pointer; text-decoration: none; } .headerNewsletterCta .anonymousThankYouWrapper .newsLetterCloseButton:before { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -24px 0; display: inline-block; width: 26px; height: 26px; margin-top: 15px; } .headerNewsletterCta .anonymousThankYouContent { text-align: center; padding: 20px 0 0; } .headerNewsletterCta .anonymousThankYouContent .header { display: block; } .headerNewsletterCta .anonymousThankYouContent .header .headerTitle { display: block; font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #00a839; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .headerNewsletterCta .anonymousThankYouContent .header .headerText { display: block; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; letter-spacing: 0.58px; } .headerNewsletterCta .anonymousThankYouContent .header .headerLogin { display: inline; } .headerNewsletterCta .anonymousThankYouContent .header .headerLogin a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; } .gmfsPromoNewsletterCta { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; display: inline-block; width: 100%; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .header { width: 100%; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousIntroContent p { color: #3b3b3b; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer p, .gmfsPromoNewsletterCta .newsletterCtaContentContainer .headerTitle { color: #6e8090; font-family: "Roboto", sans-serif; font-size: 10px; font-size: 0.625rem; line-height: 20px; line-height: 1.25rem; text-align: justify; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup { padding: 25px 0px; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup select { height: 30px; font-size: 12px; font-size: 0.75rem; color: #808080; border-color: #0074c1; border-width: 2px; border-radius: 3px; padding: 7px; width: 80%; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-border-top-colors: #0074c1; -moz-border-bottom-colors: #0074c1; -moz-border-right-colors: #0074c1; -moz-border-left-colors: #0074c1; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup .profileQuestion { position: relative; display: block; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup .profileQuestion:after { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat 0 0; position: absolute; right: 15px; top: 11px; z-index: 1; text-align: center; pointer-events: none; height: 10px; width: 15px; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup .profileQuestion select::-ms-expand { display: none; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup .emailInputTitle { display: none; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup input { font-size: 12px; font-size: 0.75rem; border-color: #0074c1; border-style: solid; border-width: 2px; border-radius: 3px; padding: 7px; width: 80%; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup .emailAddressVal { margin-bottom: 17px; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup .validationMessage { display: none; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup span.alert-error { font-family: "Roboto", sans-serif; font-size: 10px; font-size: 0.625rem; color: #e32726; line-height: 12px; line-height: 0.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; display: block; text-align: left; margin: 0px 0 10px 26px; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup .footerSignUpLink { font-family: "Roboto", sans-serif; background-color: #0074c1; padding: 8px 0px 5px 0px; cursor: pointer; width: 80%; display: inline-block; text-align: center; vertical-align: middle; border-radius: 3px; border: 0; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup .footerSignUpLink span { font-size: 12px; font-size: 0.75rem; color: #ffffff; vertical-align: top; font-weight: 500; margin: 0; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup .footerSignUpLink { font-size: 16px; font-size: 1rem; width: 40%; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup p { font-size: 16px; font-size: 1rem; display: inline-block; margin: 10px 5px 0 0; color: #6e8090; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup p a { color: #6e8090; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup p a:hover { color: #808080; text-decoration: none; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup select, .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup input, .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup #businessTypeOther { margin-bottom: 10px; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousThankYouContent { margin: 20px; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousThankYouContent .headers h1 { margin: 0; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; text-align: center; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousThankYouContent .headers .subheader { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; text-align: center; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousThankYouContent .anonymousRegister { padding: 0; text-align: center; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousThankYouContent .anonymousRegister span { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 0; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .memberAlreadySubscribed p { font-size: 12px; font-size: 0.75rem; padding-left: 20%; } .hiddenField { left: -9999px; position: absolute; } #productInfo { /*.bestsellerTagged { .textCompiler(@fontSizeMedium,@lineHeightLarge,@robotoFontfamily,@white); font-style: normal; font-weight: 600; justify-content: center; padding: 0px 4px; border-radius: 4px; align-items: center; letter-spacing: 0.5px; text-align: right; background-color: @colorSecondary2; visibility: hidden; display: inline-block; vertical-align: text-bottom; } .coolSchoolTag { .textCompiler(@fontSizeMedium,@lineHeightLarge,@robotoFontfamily,@white); font-style: normal; font-weight: 600; justify-content: center; padding: 0px 4px; border-radius: 4px; align-items: center; letter-spacing: 0.5px; text-align: right; background-color: @colorPrimary1; visibility: hidden; display: inline-block; vertical-align: text-bottom; } .k12RegReadyTag { .textCompiler(@fontSizeMedium,@lineHeightLarge,@robotoFontfamily,@white); font-style: normal; font-weight: 600; justify-content: center; padding: 0px 4px; border-radius: 4px; align-items: center; letter-spacing: 0.5px; text-align: right; background-color: @kellyGreen; visibility: hidden; display: inline-block; vertical-align: text-bottom; }*/ } #productInfo #prodIntro { margin: 0 12px; } #productInfo #prodIntro .prod-menu { margin: 12px 0; padding: 0; } #productInfo #prodIntro .titleSEOText h1 { font-family: "Roboto Slab", serif; font-size: 22px; font-size: 1.375rem; color: #3b3b3b; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; letter-spacing: 1.1px; margin-bottom: 0; display: inline; padding-right: 10px; } #productInfo #prodIntro .titleSEOText h1 sup { font-size: 14px; font-size: 0.875rem; } #productInfo #prodIntro .summarySection { margin: 15px 0 25px; } #productInfo #prodIntro .caseCount { display: none; } #productInfo #prodIntro .productCode { width: 100%; display: flex; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; letter-spacing: 0.43px; margin-top: 8px; } #productInfo #prodIntro .productCode .productCodeTitle { width: 27%; font-weight: 700; } #productInfo #prodIntro [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_flex { padding-right: 0 !important; cursor: pointer !important; } #productInfo #prodIntro [data-bv-show=rating_summary] .bv_main_container .bv_main_container_row_flex:hover .bv_numReviews_text { color: #0074c1 !important; text-decoration: underline !important; } #productInfo #prodIntro [data-bv-show=rating_summary] .bv_main_container .bv_avgRating_component_container { display: none !important; } #productInfo #prodIntro [data-bv-show=rating_summary] .bv_main_container .bv_numReviews_text:after { content: " Reviews"; margin-right: 6px; padding-right: 6px; } #productInfo .leftColumn #prodImage { margin: 0 0 40px 0; position: relative; } #productInfo .leftColumn #prodImage.loading { margin: 10px 10px 40px 20px; } #productInfo .leftColumn #prodImage .productImageWrapper { visibility: hidden; } #productInfo .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots { bottom: -40px; } #productInfo .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots li a.videoIcon { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1264px 0px; width: 15px; height: 15px; content: ' '; display: block; } #productInfo .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots li a.dot { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1312px 0px; width: 15px; height: 15px; content: ' '; display: block; } #productInfo .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots li a.dot .dotThumbnailImg { display: none; } #productInfo .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots li a.dot.videoIconThumbnail { display: none; } #productInfo .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots li.slick-active a.videoIcon { background-position-x: -1288px; } #productInfo .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots li.slick-active a.dot { background-position-x: -1334px; } #productInfo .leftColumn #prodImage .productImageWrapper .slickProductContainer .slick-arrow { z-index: 1; } #productInfo .leftColumn #prodImage .productImageWrapper .slickProductContainer .slick-prev { background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat 15px -54px; left: 1%; } #productInfo .leftColumn #prodImage .productImageWrapper .slickProductContainer .slick-next { background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -20px -54px; right: 1%; } #productInfo .leftColumn #prodImage .productImageWrapper .slickProductContainer .slick-prev, #productInfo .leftColumn #prodImage .productImageWrapper .slickProductContainer .slick-next { width: 40px; height: 40px; top: 50%; } #productInfo .leftColumn #prodImage .productImageWrapper .slickProductContainer .slick-prev:before, #productInfo .leftColumn #prodImage .productImageWrapper .slickProductContainer .slick-next:before { content: none; } #productInfo .leftColumn #prodImage .productImageWrapper .videoImgContainer, #productInfo .leftColumn #prodImage .productImageWrapper .imgContainer { width: 100vw; height: 80vw; } #productInfo .leftColumn #prodImage .productImageWrapper .videoImgContainer h1.youTube-Video-Name, #productInfo .leftColumn #prodImage .productImageWrapper .imgContainer h1.youTube-Video-Name { display: none; } #productInfo .leftColumn #prodImage .productImageWrapper .videoImgContainer .youTube-Video-Description, #productInfo .leftColumn #prodImage .productImageWrapper .imgContainer .youTube-Video-Description { display: none; } #productInfo .leftColumn #prodImage .productImageWrapper .videoImgContainer .imgProduct, #productInfo .leftColumn #prodImage .productImageWrapper .imgContainer .imgProduct { width: auto; margin: 0 auto; height: 85%; } #productInfo .leftColumn #prodImage .productImageWrapper .videoImgContainer .imgDescription, #productInfo .leftColumn #prodImage .productImageWrapper .imgContainer .imgDescription { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-style: italic; font-weight: 400; text-align: center; padding-top: 20px; } #productInfo .leftColumn #prodImage .callToAction.hideCallToAction { visibility: hidden; opacity: 0; transition: visibility 0s 2s, opacity 1s linear; } #productInfo .leftColumn #prodImage .callToAction.showCallToAction { visibility: visible; opacity: 1; transition: visibility 0s 0s, opacity 2s linear; } #productInfo .leftColumn #prodImage .callToAction { display: inline-block; background: #fa6400; border-radius: 0 0 6px 0; } #productInfo .leftColumn #prodImage .callToAction a { display: inline-block; padding: 10px 10px 10px 20px; } #productInfo .leftColumn #prodImage .callToAction a span { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding-right: 10px; font-weight: 500; } #productInfo .leftColumn #prodImage .callToAction a .linkText { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; color: #ffffff; letter-spacing: 0.54px; } #productInfo .leftColumn #prodImage .productImageWrapper ~ videoCTA :before { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1357px -1px; width: 16px; height: 16px; content: ' '; display: inline-block; margin: 0 10px 0 0; position: relative; top: 3px; } #productInfo .rightColumn { padding-top: 20px; } #productInfo .rightColumn .title, #productInfo .rightColumn .middle { display: none; } #productInfo .rightColumn .leftSection .featureDetailsDesktop { display: none; } #productInfo .rightColumn .rightSection .productLocator { border-top: 2px solid #e7e7e7; padding: 20px; display: flex; } #productInfo .rightColumn .rightSection .productLocator.loading { border: 0; } #productInfo .rightColumn .rightSection .productLocator .productLocatorLabel { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; width: 80%; display: inline; align-self: center; } #productInfo .rightColumn .rightSection .productLocator .productLocatorLink { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 10px; border: 1px solid #757575; display: inline-block; border-radius: 3px; width: auto; } #productInfo .rightColumn .rightSection .buyNowWrapper .retailerInfo { padding: 20px; border: 2px solid #e7e7e7; border-top: none; border-right: none; border-left: none; } #productInfo .rightColumn .rightSection .buyNowWrapper .retailerInfo .header { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; margin-bottom: 20px; } #productInfo .rightColumn .rightSection .buyNowWrapper .retailerInfo .retailerImageContainer { padding: 0 0 0 30px; display: contents; } #productInfo .rightColumn .rightSection .buyNowWrapper .retailerInfo .retailerImageContainer ul { margin-left: 25px; } #productInfo .rightColumn .rightSection .buyNowWrapper .retailerInfo .retailerImageContainer ul li { margin-left: 5px; display: inline-block; width: 135px; } #productInfo .rightColumn .rightSection .buyNowWrapper .retailerInfo .retailerImageContainer ul li .retailerImage { width: 100%; height: 56px; padding: 10px; border: 1px solid #757575; border-radius: 3px; margin: 0px auto 5px auto; } #productInfo .rightColumn .rightSection .buyNowWrapper .retailerInfo .retailerImageContainer ul li .retailerImage img { width: 100%; height: 100%; } #productInfo .rightColumn .rightSection .buttons { display: flex; flex-direction: column; gap: 12px; } #productInfo .rightColumn .rightSection .buttons .firstButton { margin: 0 auto; } #productInfo .rightColumn .rightSection .buttons .firstButton a, #productInfo .rightColumn .rightSection .buttons .secondButton a { width: 160px; height: 40px; font-weight: 500; padding: 6px 16px 6px 16px; text-align: center; border-radius: 4px; display: flex; align-items: center; justify-content: center; } #productInfo .rightColumn .rightSection .buttons .firstButton a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background-color: #0074c1; } #productInfo .rightColumn .rightSection .buttons .firstButton a:hover, #productInfo .rightColumn .rightSection .buttons .secondButton a:hover { border-radius: 4px; border: 1px solid #0074c1; font-weight: 500; } #productInfo .rightColumn .rightSection .buttons .firstButton a:hover { background: #ffffff; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } #productInfo .rightColumn .rightSection .buttons .secondButton { margin: 0 auto; } #productInfo .rightColumn .rightSection .buttons .secondButton a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border: 1px solid #0074c1; background-color: #ffffff; } #productInfo .rightColumn .rightSection .buttons .secondButton a:hover { background: #0074c1; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } #productInfo .rightColumn .relatedRebates { margin-bottom: 40px; } #productInfo .rightColumn .relatedRebates .ibiDataValidation { display: none; } #productInfo .rightColumn .relatedRebates .rebateTitle { margin: 40px 20px 20px 20px; font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; } #productInfo .rightColumn .relatedRebates .list-item { margin: 0 20px; } #productInfo .rightColumn .relatedRebates .list-item .rebateListNoImage { display: flex; } #productInfo .rightColumn .relatedRebates .list-item .rebateListNoImage .img-container { display: block; } #productInfo .rightColumn .relatedRebates .list-item .rebateListNoImage .img-container .li-img { width: 140px; height: 100px; } #productInfo .rightColumn .relatedRebates .list-item .rebateListNoImage .img-container .li-img img { width: 100%; height: 100%; } #productInfo .rightColumn .relatedRebates .list-item .rebateListNoImage .descriptionContainer { display: block; padding: 0 20px; } #productInfo .rightColumn .relatedRebates .list-item .rebateListNoImage .descriptionContainer .description { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } #productInfo .rightColumn .relatedRebates .list-item .rebateListNoImage .descriptionContainer .details { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 400; } #productInfo #findDistributor { display: flex; padding: 20px; border-top: 2px solid #e7e7e7; border-bottom: 2px solid #e7e7e7; background-color: #ffffff; } #productInfo #findDistributor .validationMessage { font-size: 12px; text-align: center; } #productInfo #findDistributor h2, #productInfo #findDistributor .myDistributorLabel { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: left; font-weight: 700; } #productInfo #findDistributor .distributorLabel { justify-content: center; align-self: center; display: inline-block; padding: 0 5px 0 0; } #productInfo #findDistributor .container ul.tabs { margin: 0px; padding: 0px; list-style: none; display: flex; } #productInfo #findDistributor .container ul.tabs li { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; text-align: center; font-weight: 700; opacity: 0.7; display: inline-block; padding: 0 5px 10px; cursor: pointer; } #productInfo #findDistributor .container ul.tabs li:hover { opacity: 1; } #productInfo #findDistributor .container ul.tabs li.current { opacity: 1; } #productInfo #findDistributor .container .tabContent { display: none; background: #f7f7f7; padding: 15px; } #productInfo #findDistributor .container .tabContent.current { display: inherit; border: 2px solid #e7e7e7; border-radius: 3px; } #productInfo #findDistributor .container .tabContent.current .inputWrapper { border: none; padding: 10px 0; width: 100%; } #productInfo #findDistributor .container .tabContent.current #updateMyDistributorTab { text-align: center; } #productInfo #findDistributor .container .tabContent.current #updateMyDistributorTab h2 { text-align: center; padding-bottom: 0; } #productInfo #findDistributor .container .tabContent.current #updateMyDistributorTab h3 { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding: 10px; } #productInfo #findDistributor .container .tabContent.current #updateMyDistributorTab .updateDistributor .actions { display: block; } #productInfo #findDistributor .container #tab1 { background-color: #ffffff; } #productInfo #findDistributor .inputWrapper { background-color: #ffffff; text-align: center; display: inline-block; margin: 0 auto; } #productInfo #findDistributor .inputWrapper .findDistrubutorInputGroup { display: inline-block; position: relative; white-space: normal; } #productInfo #findDistributor .inputWrapper .findDistrubutorInputGroup input.findDistributorInput { border: 1px solid #757575; border-radius: 3px; background-color: #ffffff; font-size: 16px; font-size: 1rem; padding-left: 35px; width: 160px; height: 40px; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } #productInfo #findDistributor .inputWrapper .findDistrubutorInputGroup input.findDistributorInput:focus { border: none; } #productInfo #findDistributor .inputWrapper .findDistrubutorInputGroup .findDistributorIcon { content: ' '; background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -36px -30px; width: 17px; height: 17px; display: inline-block; position: absolute; left: 10px; top: 11px; } #productInfo #findDistributor .inputWrapper .findDistrubutorInputGroup #findDistributorButton, #productInfo #findDistributor .inputWrapper .findDistrubutorInputGroup a { display: inline-block; background-color: #ffffff; font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 13px 10px; text-decoration: none; border: 1px solid #757575; border-radius: 0 3px 3px 0; background-color: #ffffff; height: 40px; position: absolute; right: 0; top: 0; letter-spacing: 1px; text-align: center; } #productInfo #findDistributor .inputWrapper .findDistrubutorInputGroup #findDistributorButton:hover, #productInfo #findDistributor .inputWrapper .findDistrubutorInputGroup a:hover { background-color: #0054a6; color: #ffffff; } #productInfo #findDistributor .inputWrapper .findDistrubutorInputGroup .validationMessage, #productInfo #findDistributor .inputWrapper .findDistrubutorInputGroup .alert-error { display: block; font-size: 12px; margin: 5px 0 10px; position: absolute; } #productInfo #findDistributor .myDistributorLoggedIn { width: 100%; position: relative; } #productInfo #findDistributor .myDistributorLoggedIn #settings, #productInfo #findDistributor .myDistributorLoggedIn #updateSettings { background: url(/GMFS/Assets/Images/PDP/icon-settings-gear.svg) no-repeat 0 0; width: 20px; height: 20px; display: block; float: right; right: 10px; position: absolute; } #productInfo #findDistributor .myDistributorLoggedIn .myDistributor #distributorDetails { text-align: center; } #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .myDistributorLabel { display: block; width: 100%; padding-bottom: 15px; text-align: left; } #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .findDistributorLabel { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: center; margin: 20px 0 10px; } #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .distributorLogo { max-width: 70px; padding: 10px 10px 10px 0; display: inline-flex; width: 25%; margin: 0 auto; } #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .details, #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .noCodeDetails { display: flex; } #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .details .productCodeContainer, #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .noCodeDetails .productCodeContainer { display: inline-flex; width: 70%; justify-content: center; align-self: center; background-color: #f7f7f7; border: 2px solid #e7e7e7; border-radius: 3px; padding: 3px 15px; width: auto; height: 50px; margin: 0 auto; } #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .details .productCodeContainer .codeLabel, #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .noCodeDetails .productCodeContainer .codeLabel { display: contents; } #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .details .productCodeContainer .productCodeLabel, #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .noCodeDetails .productCodeContainer .productCodeLabel, #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .details .productCodeContainer #distributorProductCode, #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .noCodeDetails .productCodeContainer #distributorProductCode { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; justify-content: center; align-self: center; } #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .details .productCodeContainer .copiedAlert, #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .noCodeDetails .productCodeContainer .copiedAlert { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background-color: #00a839; border-radius: 3px; position: absolute; width: auto; padding: 7px 12px; display: none; bottom: 50%; right: 10px; } #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .details .productCodeContainer .copiedAlert::after, #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .noCodeDetails .productCodeContainer .copiedAlert::after { content: ""; position: absolute; top: 100%; left: 60%; margin-left: -5px; border-width: 7px; border-style: solid; border-color: #00a839 transparent transparent transparent; } #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .details .productCodeContainer #distributorProductCode, #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .noCodeDetails .productCodeContainer #distributorProductCode, #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .details .productCodeContainer .productCodeLabelUnknown, #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .noCodeDetails .productCodeContainer .productCodeLabelUnknown { border: none; width: 100px; background-color: #f7f7f7; font-weight: 500; } #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .details .productCodeContainer #distributorProductCode:focus, #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .noCodeDetails .productCodeContainer #distributorProductCode:focus, #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .details .productCodeContainer .productCodeLabelUnknown:focus, #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .noCodeDetails .productCodeContainer .productCodeLabelUnknown:focus { border: none; outline: none; } #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .details .productCodeContainer .productCodeLabelUnknown, #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .noCodeDetails .productCodeContainer .productCodeLabelUnknown { width: 100%; font-family: "Roboto", sans-serif; font-weight: 400; text-align: center; padding: 10px 5px; } #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .details .productCodeContainer #copy, #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .noCodeDetails .productCodeContainer #copy { background: url(/GMFS/Assets/Images/PDP/icon-copy-grey.svg) no-repeat 0 0; width: 20px; float: right; margin: 10px 0; } #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .noCodeDetails { display: inline; } #productInfo #findDistributor .myDistributorLoggedIn .myDistributor .findNewDistributor .inputWrapper { display: block; background-color: #ffffff; border: none; } #productInfo #findDistributor .myDistributorLoggedIn .tooltipText, #productInfo #findDistributor .myDistributorLoggedIn .updateTooltip { display: none; } #productInfo #findDistributor .myDistributorLoggedIn .loadRing.hidden { display: none; } #productInfo #findDistributor .myDistributorLoggedIn .loadRing { display: inline-block; width: 80px; height: 80px; } #productInfo #findDistributor .myDistributorLoggedIn .loadRing:after { content: " "; display: block; width: 65px; height: 65px; margin: 5% auto; border-radius: 50%; border: 6px solid #ffffff; border-color: #ffffff transparent #ffffff transparent; animation: loadRing 1.2s linear infinite; } @keyframes loadRing { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #productInfo #findDistributor .myDistributorLoggedIn .overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100 vh; background: #000000; z-index: 999; opacity: 0.5; transition: all 0.5s; } #productInfo #updateMyDistributor, #productInfo #updateMyDistributorTab { display: block; text-align: left; } #productInfo #updateMyDistributor h2, #productInfo #updateMyDistributorTab h2 { padding-bottom: 15px; } #productInfo #updateMyDistributor label, #productInfo #updateMyDistributorTab label { position: absolute; background-color: #ffffff; z-index: 10; transition: transform 100ms ease-out, font-size 100ms ease-out; font-family: "Roboto", sans-serif; font-size: 11px; font-size: 0.6875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; margin: 5px 10px; } #productInfo #updateMyDistributor label em, #productInfo #updateMyDistributorTab label em { display: none; } #productInfo #updateMyDistributor input, #productInfo #updateMyDistributorTab input { width: 100%; height: 50px; position: relative; padding: 18px 10px 0; width: 100%; outline: 0; border: 1px solid #757575; border-radius: 3px; transition: box-shadow 200ms ease-out; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; letter-spacing: 0.5px; } #productInfo #updateMyDistributor .selectFormat, #productInfo #updateMyDistributorTab .selectFormat { position: relative; margin: 10px 0; background-color: #ffffff; } #productInfo #updateMyDistributor .selectFormat select, #productInfo #updateMyDistributorTab .selectFormat select { position: relative; width: 100%; height: 50px; padding: 18px 10px 0; border: 1px solid #757575; border-radius: 3px; -webkit-appearance: none; background: none; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } #productInfo #updateMyDistributor .selectFormat select::-ms-expand, #productInfo #updateMyDistributorTab .selectFormat select::-ms-expand { display: none; } #productInfo #updateMyDistributor .selectFormat:after, #productInfo #updateMyDistributorTab .selectFormat:after { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1190px 0; position: absolute; right: 12px; top: 20px; z-index: 1; text-align: center; pointer-events: none; width: 18px; height: 10px; } #productInfo #updateMyDistributor .profileQuestionCancel, #productInfo #updateMyDistributorTab .profileQuestionCancel { display: block; } #productInfo #updateMyDistributor .actions, #productInfo #updateMyDistributorTab .actions { display: flex; margin-top: 15px; } #productInfo #updateMyDistributor .actions .saveButton, #productInfo #updateMyDistributorTab .actions .saveButton, #productInfo #updateMyDistributor .actions #cancelUpdate, #productInfo #updateMyDistributorTab .actions #cancelUpdate { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; display: inline-block; background-color: #0074c1; border-radius: 3px; padding: 10px 20px; cursor: pointer; } #productInfo #updateMyDistributor .actions #cancelUpdate, #productInfo #updateMyDistributorTab .actions #cancelUpdate { background-color: #f7f7f7; color: #0054a6; border: none; } #productInfo .k12RegReadyCheckbox { display: inline-flex; justify-content: center; align-items: center; gap: 12px; margin: 0 12px; } #productInfo .k12RegReadyCheckbox .k12RegReadyText { font-family: "Dreaming Outloud AllCaps"; font-size: 24px; font-size: 1.5rem; color: #0054a6; line-height: 36px; line-height: 2.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-style: normal; font-weight: 400; } #productInfo .featureDetails { margin: 15px 12px 24px 12px; } #productInfo .featureDetails .header { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; } #productInfo .featureDetails .featureDetailsText { margin-top: 20px; } #productInfo .featureDetails ul { list-style: disc; padding: 10px 0 0 30px; } #productInfo .featureDetails ul li { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 400; padding: 5px 0; } #productInfo .featureDetails ul li sup { font-size: 10px; font-size: 0.625rem; } #productInfo .featureDetails a { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 600; } #productInfo .featureDetails a:hover { color: #0054a6; text-decoration: underline; } #productInfo .showMoreFeatures { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; margin-left: 20px; } #productInfo .moreFlavorsSection .moreFlavors .title { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; margin: 20px 20px 10px 20px; display: block; } #productInfo .moreFlavorsSection .moreFlavors #mobileFlavors { display: flex; margin-left: 10px; } #productInfo .moreFlavorsSection .moreFlavors #desktopFlavors { display: none; } #productInfo .moreFlavorsSection .moreFlavors .flavors { display: flex; margin-left: 10px; overflow-x: scroll; } #productInfo .moreFlavorsSection .moreFlavors .flavors .productName { text-align: center; margin: 0 5px; } #productInfo .moreFlavorsSection .moreFlavors .flavors .productName .productImage { width: 90px; height: 90px; margin: 0 auto; border: 2px solid #e7e7e7; border-radius: 3px; position: relative; } #productInfo .moreFlavorsSection .moreFlavors .flavors .productName .productImage img { position: absolute; left: 0px; width: 100%; } #productInfo .moreFlavorsSection .moreFlavors .flavors .productName .productImage .toolTipText { display: none; } #productInfo .moreFlavorsSection .moreFlavors .flavors .productName .selected { border: 2px solid #0054a6; } #productInfo .moreFlavorsSection .moreFlavors .flavors .productName .flavorName { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } #productInfo .moreFlavorsSection .moreFlavors .showMoreFlavors { display: none; } #productInfo .cnfShopifyProduct { margin: 0 0 20px 9px; } #productInfo .pnContainer { display: flex; max-width: 380px; } #productInfo .pnContainer .column { border-right: 2px solid #d8d9da; } #productInfo .pnContainer .column .panelHeader { display: flex; border-bottom: 5px solid #d8d9da; text-align: right; padding-right: 10px; } #productInfo .pnContainer .column .panelHeader .panelHeaderContainer { width: 100%; } #productInfo .pnContainer .column .panelHeader .panelHeaderContainer span { display: block; } #productInfo .pnContainer .column .panelHeader .panelHeaderContainer .calories { text-align: left; font-weight: 700; } #productInfo .pnContainer .column .panelHeader .panelHeaderContainer .caloriesBig { font-weight: 700; font-size: 20px; } #productInfo .pnContainer .column .vpContainer { display: flex; flex-wrap: wrap; } #productInfo .pnContainer .column .vpContainer .vpContainerItem { display: flex; width: 100%; border-bottom: 2px solid #d8d9da; } #productInfo .pnContainer .column .vpContainer .vpContainerItem .nutrientName { width: 135px; border-right: 2px solid #d8d9da; } #productInfo .pnContainer .column .vpContainer .vpContainerItem .nutrientName.SH { padding-left: 10px; } #productInfo .pnContainer .column .vpContainer .vpContainerItem .nutrientName.SSH { padding-left: 20px; } #productInfo .pnContainer .column .vpContainer .vpContainerItem .nutrientName.H { font-weight: 700; } #productInfo .pnContainer .column .vpContainer .vpContainerItem .nutrientAmount { padding-left: 10px; width: 50px; min-width: 45px; max-width: 60px; } #productInfo .pnContainer .column .vpContainer .vpContainerItem .dailyValue { text-align: right; padding-right: 10px; font-weight: 700; width: 50px; min-width: 45px; max-width: 60px; } #productInfo .pnContainer .column .vpContainer .vpContainerItem.BHHNotvisible { display: none; } #productInfo .pnContainer .column .vpContainer div[class="vpContainerItem BHvisible"] { border-top: 10px solid #d8d9da; } #productInfo .pnContainer .column .vpContainer div[class="vpContainerItem BHvisible"] ~ div[class="vpContainerItem BHvisible"] { border-top: 0; } #productInfo .pnContainer .column:last-child { border-right: 0; } #productInfo .pnContainer { display: flex; max-width: 340px; font-size: 12px; margin: 0 auto; overflow-x: auto; } #productInfo .pnContainer .column { border-right: 2px solid #d8d9da; } #productInfo .pnContainer .column .panelHeader { display: flex; border-bottom: 5px solid #d8d9da; text-align: right; padding-right: 10px; } #productInfo .pnContainer .column .panelHeader .panelHeaderContainer { width: 100%; } #productInfo .pnContainer .column .panelHeader .panelHeaderContainer span { display: block; } #productInfo .pnContainer .column .panelHeader .panelHeaderContainer .calories { text-align: left; font-weight: 700; } #productInfo .pnContainer .column .panelHeader .panelHeaderContainer .caloriesBig { font-weight: 700; font-size: 20px; } #productInfo .pnContainer .column .vpContainer { display: flex; flex-wrap: wrap; border-bottom: 2px solid #d8d9da; } #productInfo .pnContainer .column .vpContainer .vpContainerItem { display: flex; width: 100%; border-bottom: 2px solid #d8d9da; } #productInfo .pnContainer .column .vpContainer .vpContainerItem .nutrientName { width: 135px; border-right: 2px solid #d8d9da; padding: 5px 0; } #productInfo .pnContainer .column .vpContainer .vpContainerItem .nutrientName.SH { padding-left: 10px; } #productInfo .pnContainer .column .vpContainer .vpContainerItem .nutrientName.SSH { padding-left: 20px; } #productInfo .pnContainer .column .vpContainer .vpContainerItem .nutrientName.H { font-weight: 700; } #productInfo .pnContainer .column .vpContainer .vpContainerItem .nutrientAmount { padding: 5px 0 5px 10px; width: 50px; min-width: 45px; max-width: 60px; } #productInfo .pnContainer .column .vpContainer .vpContainerItem .dailyValue { text-align: right; padding: 5px 10px 5px 0; font-weight: 700; width: 50px; min-width: 45px; max-width: 60px; } #productInfo .pnContainer .column .vpContainer .vpContainerItem.dv .nutrientName { border-right: 0; } #productInfo .pnContainer .column .vpContainer .vpContainerItem.BHHNotvisible { display: none; } #productInfo .pnContainer .column .vpContainer div[class="vpContainerItem BHvisible"] { border-top: 10px solid #d8d9da; } #productInfo .pnContainer .column .vpContainer div[class="vpContainerItem BHvisible"] ~ div[class="vpContainerItem BHvisible"] { border-top: 0; } #productInfo .pnContainer .column:not(:first-child) { max-width: 100px; } #productInfo .pnContainer .column:last-child { border-right: 0; } #productInfo .litKeyFeaturesTags ul { display: flex; flex-wrap: wrap; text-align: center; margin: 0; padding: 0; width: 100%; } #productInfo .litKeyFeaturesTags ul li { width: 50%; padding: 0 10px; } #productInfo .litKeyFeaturesTags ul li img { transform: scale(0.9); } #productInfo .litKeyFeaturesTags ul li h3 { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #00828a; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } #productInfo .newTagged, #productInfo .bestsellerTagged, #productInfo .coolSchoolTag, #productInfo .k12RegReadyTag { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-style: normal; font-weight: 600; justify-content: center; padding: 0px 4px; border-radius: 4px; align-items: center; letter-spacing: 0.5px; text-align: right; visibility: hidden; display: inline-block; vertical-align: text-bottom; } #productInfo .newTagged { background-color: #db3700; margin-right: 2px; } #productInfo .bestsellerTagged { background-color: #00828a; margin-left: 2px; margin-right: 2px; } #productInfo .coolSchoolTag { background-color: #0054a6; margin-left: 2px; } #productInfo .k12RegReadyTag { background-color: #058938; margin-left: 2px; margin-right: 2px; } #productInfo .nutriDisclaimer { font-family: "Roboto", sans-serif; font-size: 10px; font-size: 0.625rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding: 10px; } .recentlyViewContainer { padding: 30px 0 40px 20px; border-top: 1px solid #757575; } .recentlyViewContainer .recentlyViewedHeader { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .recentlyViewContainer .recentlyViewEmptyText { padding: 40px 0; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #757575; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; } .recentlyViewContainer .recentlyViewEmptyText strong { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #757575; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; } .recentlyViewContainer .scrollContainer { margin: 0; width: 80%; } .recentlyViewContainer .scrollContainer .scroller { margin: 0; } .recentlyViewContainer .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .slick-slide { opacity: 1; } .recentlyViewContainer .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .productItem .scrollItemTitle { -webkit-line-clamp: 3; } .recentlyViewContainer .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .productItem .scrollItemImageBlock { width: 100%; margin-bottom: 5px; } .recentlyViewContainer .scrollContainer .scroller .scrollerContainer .scroll-item .slick-prev { z-index: 99; left: -60px; } .recentlyViewContainer .scrollContainer .scroller .scrollerContainer .scroll-item .slick-next { z-index: 99; right: -60px; } .recentlyViewContainer .scrollContainer .scroller .scrollerContainer .scroll-item .slick-arrow.slick-disabled { opacity: 0.5; cursor: default; } #Reviews #BVRRContainer .bv-action-bar { position: relative !important; margin: 25px 20px !important; } #Reviews #BVRRContainer .bv-action-bar .bv-action-bar-header { position: absolute !important; top: 50% !important; transform: translatey(-50%) !important; } #Reviews #BVRRContainer .bv-action-bar .bv-write-container { position: absolute !important; top: 50% !important; transform: translatey(-50%) !important; right: 0px !important; } #Reviews #BVRRContainer .bv-content-pagination-container { border-top: 2px solid #e7e7e7 !important; padding: 20px !important; margin: -20px !important; } .reviewsScreenNameContainer { display: none; } .reviewsScreenNameContainer .upperSection .header { font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #fa6400; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 20px; } .reviewsScreenNameContainer .upperSection .headerMessage { display: block; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 30px; } .reviewsScreenNameContainer .lowerSection .reviewsScreenNameLabel { display: block; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; margin-bottom: 5px; } .reviewsScreenNameContainer .lowerSection #reviewsScreenName { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border: 2px solid #757575; height: 40px; border-radius: 3px; width: 70%; } .reviewsScreenNameContainer .lowerSection .screenNameGuideline { display: block; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #323c3f; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-top: 5px; } .reviewsScreenNameContainer .lowerSection .errorMessage { display: none; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .reviewsScreenNameContainer .lowerSection .continue { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; margin-top: 40px; border: none; border-radius: 3px; padding: 10px; background-color: #0074c1; color: #ffffff; cursor: pointer; } .screenNameDialogClass { z-index: 1004; } .screenNameDialogClass .ui-dialog-titlebar { display: inline-block; float: right; } .screenNameDialogClass .ui-dialog-titlebar-close { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -25px 0px; width: 25px; height: 25px; top: 6px; right: 7px; font-size: 0; } .screenNameDialogClass .ui-dialog-titlebar-close .ui-button-icon { display: none; } .productOverlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; cursor: pointer; } .productOverlay img { position: absolute; top: 45%; right: 45%; } #Reviews { border-top: 5px solid #0054a6; } #Reviews #BVRRContainer .bv-content-btn-pages-load-more { background-color: #0074c1 !important; color: #ffffff !important; padding: 10px !important; margin: 20px auto !important; width: 45% !important; } #Reviews #BVRRContainer .bv-content-btn-pages-load-more :after { content: " Reviews" !important; } #productEmailCTA { padding: 20px; border-top: 2px solid #e7e7e7; border-bottom: 2px solid #e7e7e7; } #productEmailCTA h2 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } #productEmailCTA .action { width: 70%; margin: 0 auto; } #productEmailCTA .description { box-sizing: border-box; padding: 10px 10px 30px; margin-top: 20px; border-radius: 4px; } #productEmailCTA .description p { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; } #productEmailCTA .description p strong { display: block; margin-bottom: 10px; } #productEmailCTA .submitButton { text-align: center; padding-top: 10px; } #productEmailCTA .formFieldContainer { position: relative; padding: 18px 0 0; border: 1px solid #000000; border-radius: 3px; margin-bottom: 28px; } #productEmailCTA .formFieldContainer .formField { border: 0; outline: 0; margin: 5px 5px 5px 12px; width: 90%; font-size: 14px; } #productEmailCTA .formFieldContainer .formLabelText { display: block; position: absolute; top: 3px; margin-left: 7px; background-color: #ffffff; transition: 0.2s; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #4c4d4f; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } #productEmailCTA .formFieldContainer.select:after { content: " "; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1190px 1px; padding: 10px; position: absolute; right: 10px; bottom: 0; z-index: 1; color: #4c4d4f; pointer-events: none; width: 20px; } #productEmailCTA .formFieldContainer.select select.formField { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 5px 5px 5px 0; padding: 0 0 0 12px; width: 100%; background-color: #ffffff; } #productEmailCTA .formFieldContainer.select select::-ms-expand { display: none; } #productEmailCTA .validationMessage { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; display: block; position: absolute; padding-top: 5px; } #productEmailCTA .thanksMessage { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #00a838; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; } #productEmailCTA .formField:not(:placeholder-shown) ~ .formLabelText, #productEmailCTA .formField:valid ~ .formLabelText { top: -8px; padding: 0 5px; margin-left: 10px; } #productEmailCTA .formField:placeholder-shown ~ .formLabelText, #productEmailCTA .formField:invalid ~ .formLabelText { top: 3px; } #productEmailCTA .formField:focus ~ .formLabelText { top: -8px; padding: 0 5px; margin-left: 10px; } #productEmailCTA a.button { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; border-radius: 3px; background-color: #0074c1; padding: 10px 20px; cursor: pointer; } .innovationProductInfo .recentlyViewContainer { border-top: 10px solid rgba(216, 217, 218, 0.4); } .innovationProductInfo .rightSection { margin-bottom: 40px; } .innovationProductInfo .featureDetails p { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .raitingReviewDummyDiv { padding: 20px; } .raitingReviewDummyDiv span { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #0074c1; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; display: block; padding: 20px; } a.raitingReviewDummyButton { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; text-decoration: none; cursor: pointer; } .actionToolbarScrollBox { margin: 0; font-family: "Roboto", sans-serif; width: 100%; left: 0px; height: auto; z-index: 1250; } #primaryActionToolbarSection { float: none; position: fixed; bottom: 0; width: 100%; height: 60px; z-index: 1000; left: 0; width: 100%; } #primaryActionToolbarSection .innerContainer { width: 100%; position: absolute; margin-left: 0px; border-top: 1px solid #757575; background-color: #ffffff; } #primaryActionToolbarSection .innerContainer.anchorTop { top: 20px; bottom: auto; position: fixed; z-index: 1200; } #primaryActionToolbarSection .innerContainer.anchorBottom { top: auto; bottom: 0; position: fixed; z-index: 1200; } .actionToolbar.actionToolbarVertical { display: none; } .actionToolbar.actionToolbarHorizontal { display: block; } .actionToolbar .atButtons { width: 100%; justify-content: space-evenly; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .actionToolbar li { display: inline-block; padding: 20px; box-sizing: border-box; } .actionToolbar li .atbName { font-size: 10px; position: absolute; bottom: 8px; margin-left: -12px; width: 50px; text-align: center; font-weight: bold; letter-spacing: 0.3px; line-height: 10px; font-family: "Roboto", sans-serif; } .actionToolbar li .atbCount { position: absolute; top: 2px; left: 16px; width: 26px; text-align: center; padding: 2px 5px; background-color: #dbdbdb; font-weight: bold; } .actionToolbar li::before { height: 65px; width: 30px; background-image: url("/GMFS/Assets/Images/action-toolbar-sprite.svg"); background-position: -36px -10px; background-repeat: no-repeat; top: 16px; content: ""; position: absolute; cursor: pointer; } .actionToolbar .atButtonFavorite .atbName { color: #e32726; } .actionToolbar li.atButtonEmail::before { background-position: -116px -10px; } .actionToolbar .atButtonEmail .atbName { color: #0054a6; } .actionToolbar li.atButtonPrint::before { background-position: 3px -10px; } .actionToolbar .atButtonPrint .atbName { color: #0054a6; } .actionToolbar li.atButtonLinkedIn::before { background-position: -156px -10px; } .actionToolbar .atButtonLinkedIn .atbName { color: #0054a6; } .actionToolbar li.atButtonTwitter::before { background-position: -196px -10px; } .actionToolbar .atButtonTwitter .atbName { color: #0074c1; } .actionToolbar li.atButtonPinterest::before { background-position: -276px -10px; } .actionToolbar .atButtonPinterest .atbName { color: #0054a6; } .actionToolbar li.atButtonPdf::before { background-position: -315px -10px; } .actionToolbar .atButtonPdf .atbName { color: #0054a6; } .actionToolbar li.atButtonFacebook::before { background-position: -235px -10px; } .actionToolbar .atButtonFacebook .atbName { color: #0054a6; } .actionToolbar li.atButtonBuyNow::before { background-position: -360px -11px; } .actionToolbar .atButtonBuyNow .atbName { color: #fa6400; } .actionToolbar li.atButtonNutrition::before { background-position: -462px -11px; } .actionToolbar .atButtonNutrition .atbName { color: #0054a6; } .actionToolbar li.atButtonDistributors::before { background-position: -540px -11px; } .actionToolbar .atButtonDistributors .atbName { color: #fa6400; } .favorited li.atButtonFavorite::before { background-position: -76px -10px; } .productDetailActionToolbar .actionToolbarScrollBox #primaryActionToolbarSection { margin-top: 10px; } .productDetailActionToolbar .actionToolbarScrollBox #primaryActionToolbarSection .actionToolbar ul.atButtons { margin-left: -10px; } .productDetailActionToolbar .actionToolbarScrollBox #primaryActionToolbarSection .actionToolbar ul.atButtons li { height: 50px; border-bottom: 1px solid #dbdbdb; margin-top: 10px; position: relative; } .productDetailActionToolbar .actionToolbarScrollBox #primaryActionToolbarSection .actionToolbar ul.atButtons li.atButtonFavorite::before { background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -194px -25px; } .productDetailActionToolbar .actionToolbarScrollBox #primaryActionToolbarSection .actionToolbar ul.atButtons li.atButtonFavorite .atbName { color: #0074c1; } .productDetailActionToolbar .actionToolbarScrollBox #primaryActionToolbarSection .actionToolbar ul.atButtons li.atButtonFavorite .atbName:after { visibility: visible; content: 'Wish List'; } .productDetailActionToolbar .actionToolbarScrollBox #primaryActionToolbarSection .favorited ul.atButtons li.atButtonFavorite::before { background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -224px -25px; color: #757575; } .productDetailActionToolbar .actionToolbarScrollBox #primaryActionToolbarSection .favorited ul.atButtons li.atButtonFavorite .atbName { color: #0074c1; } .productDetailActionToolbar .actionToolbarScrollBox #primaryActionToolbarSection .favorited ul.atButtons li.atButtonFavorite .atbName:after { color: #757575; } .productDetailActionToolbar .actionToolbarScrollBox #primaryActionToolbarSection .favorited ul.atButtons li.atButtonFavorite:hover .atbName:after { color: #757575; } .productDetailActionToolbar .actionToolbarScrollBox .actionToolbar ul.atButtons li::before { top: 1px; } .productDetailActionToolbar .actionToolbar .InPage { display: none; } .productDetailActionToolbar .contentContainer .nutritionActionBoxes { margin: 10px 0 0; } .recipeDetail .actionToolbarScrollBox #primaryActionToolbarSection { bottom: 0; float: none; height: 60px; } .recipeDetail .actionToolbarScrollBox #primaryActionToolbarSection .actionToolbar ul.atButtons li { height: 50px; border-bottom: 1px solid #dbdbdb; margin-top: 10px; position: relative; } .recipeDetail .actionToolbarScrollBox .actionToolbar ul.atButtons li::before { top: 1px !important; } .actionToolbarEmailDialog { display: none; } .actionToolbarEmailDialog .dialogHeading { color: #3b3b3b; font-size: 32px; font-weight: 700; padding: 0 0 20px; text-transform: uppercase; } .actionToolbarEmailDialog .requiredText { position: relative; top: 8px !important; color: #ce7014; float: right; font-family: "Roboto", sans-serif; font-size: 12px; position: absolute; right: 20px; } .actionToolbarEmailDialog .sectionHeading { color: #000000; font-size: 22px; font-weight: 700; padding: 0 0 20px; font-family: "Roboto", sans-serif; } .actionToolbarEmailDialog .toEmailLabel { display: block; } .actionToolbarEmailDialog .toEmailAddresses, .actionToolbarEmailDialog .senderEmail { font-size: 20px; width: 100%; margin: 18px 2px 3px; padding-left: 0; padding-right: 0; } .actionToolbarEmailDialog .emailInstruction, .actionToolbarEmailDialog .copyToSenderLabel, .actionToolbarEmailDialog .privacyPolicy p { color: #4b4b4b; display: inline-block; font-family: "Roboto", sans-serif; font-size: 12px; line-height: 14px; margin: 0 0 30px; } .actionToolbarEmailDialog .emailInstruction a, .actionToolbarEmailDialog .copyToSenderLabel a, .actionToolbarEmailDialog .privacyPolicy p a { color: #003d78; } .actionToolbarEmailDialog .emailInstruction { color: #ce7014; } .actionToolbarEmailDialog .buttons { height: 1em; margin: 1em 0 2em; } .actionToolbarEmailDialog .buttons .sendButton, .actionToolbarEmailDialog .buttons .cancelButton { float: right; color: #003d78; font-size: 14px; padding: 10px 25px; cursor: pointer; } .actionToolbarEmailDialog .buttons .sendButton { background: rgba(0, 0, 0, 0) url("/Botg/Assets/Images/gmifs/email_blue_icon.png") no-repeat scroll 26px 12px; border: 1px solid #003d78; border-radius: 8px; padding: 10px 25px 10px 50px; } .actionToolbar ul li { cursor: pointer; } .productDesktopActionToolbar { display: none; } .actionToolbarEmailDialogContainer { margin: 20px; z-index: 1005; } .actionToolbarEmailDialogContainer .ui-dialog-titlebar-close { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -24px 8px; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog { margin: 0 20px; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .dialogHeading { padding: 0; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .requiredTextField { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; position: relative; float: right; right: -1px; top: 8px; letter-spacing: 0.5px; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .sectionHeading { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; padding-bottom: 10px; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .toEmailLabel, .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .senderEmailAddressLabel { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; display: block; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .toEmailAddresses { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border: 2px solid #757575; border-radius: 3px; background-color: #ffffff; min-height: 100px; padding: 10px 0 0 5px; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .toEmailAddresses::placeholder { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; opacity: 0.5; letter-spacing: 0.58px; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .emailInstruction { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; height: 28px; letter-spacing: 0.5px; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .senderEmail { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 100%; height: 40px; border: 2px solid #757575; border-radius: 3px; background-color: #ffffff; display: block; letter-spacing: 0.58px; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .buttons { display: block; margin-bottom: 80px; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .buttons .sendButton { width: 100%; height: 40px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 10px; letter-spacing: 0.5px; text-align: center; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; display: block; float: left; border-radius: 3px; order: 1; margin: 0; border: none; background-image: none; background-color: #0074c1; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .buttons .cancelButton { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; order: 2; width: 100%; float: left; text-align: center; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog input[type=checkbox].copyToSender { cursor: pointer; width: 20px; height: 20px; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .copyToSenderLabel { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; margin: 0; cursor: pointer; vertical-align: top; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .copySenderSection { display: flex; margin-top: 20px; /* Hide the browser's default checkbox */ } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .copySenderSection input[type=checkbox].copyToSender { position: absolute; opacity: 0; cursor: pointer; width: 0; height: 0; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .checkmark { position: relative; float: left; left: 0; top: 5px; width: 20px; height: 20px; background-color: #ffffff; border: 2px solid #757575; border-radius: 3px; margin: 0 9px 0 0; cursor: pointer; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog :hover input[type=checkbox] ~ .checkmark { background-color: #6e8090; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog input[type=checkbox]:checked ~ .checkmark { background-color: #0074c1; border: none; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .checkmark:after { content: ""; position: absolute; display: none; margin: 3px 0 0 8px; height: 12px; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog input[type=checkbox]:checked ~ .checkmark:after { display: inline-block; margin: 3px 0 0 6px; width: 7px; height: 12px; border: solid #ffffff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .emailValidationMessages .validationMessage { width: 80%; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .emailValidationMessages .validationMessage:not(:first-child) { margin-top: 5px; } .ui-widget-overlay { background: #000000 url('/Botg/Assets/Images/gmifs/ui-bg_flat_0_aaaaaa_40x100.png'); opacity: 0.5; z-index: 1004; } .registrationDialogClass { width: 100%; padding: 0; border: none; border-radius: 0; background-color: #ffffff; margin: 0 20px; z-index: 1005; } .registrationDialogClass .ui-dialog-titlebar { margin: 0; display: inline-block; padding: 0 5px; display: flex; position: absolute; right: 25px; top: 10px; } .registrationDialogClass .ui-dialog-titlebar .ui-dialog-titlebar-close { font-size: 0px; font-size: 0rem; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -727px 20px; z-index: 99999; height: 40px; width: 25px; top: -15px; right: -15px; } .registrationDialogClass .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick { display: none; } .registrationDialogClass #registrationDialogContainer { padding: 0; } .registrationDialogClass #registrationDialogContainer .legal-text-above-buttons, .registrationDialogClass #registrationDialogContainer .legal-text-beside-buttons { display: none; } .RegistrationFlowContainer { padding: 0; } .RegistrationFlowContainer .loginViewForm a.alreadyAMemberLink::before, .RegistrationFlowContainer .registrationStep a.alreadyAMemberLink::before, .RegistrationFlowContainer .forgotPasswordView a.alreadyAMemberLink::before, .RegistrationFlowContainer #resetPasswordContainer a.alreadyAMemberLink::before { content: "Already a member? "; } .RegistrationFlowContainer .field { margin: 20px 0; } .RegistrationFlowContainer .flowHeader { margin: 0; padding: 0; } .RegistrationFlowContainer .MemberBenifitsMobileContainer { display: none; } .RegistrationFlowContainer .MemberBenifitsContainer { display: none; background-color: #0054a6; color: #ffffff; padding: 30px 40px; text-align: center; } .RegistrationFlowContainer .MemberBenifitsContainer .registrationActionCTAText .desktopMemberBenifits { display: none; } .RegistrationFlowContainer .MemberBenifitsContainer .registrationActionCTAText .desktopMemberBenifits h2.title { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .RegistrationFlowContainer .MemberBenifitsContainer .registrationActionCTAText .desktopMemberBenifits li { padding: 10px 0; letter-spacing: 0.5px; line-height: 14px; } .RegistrationFlowContainer .MemberBenifitsContainer .registrationActionCTAText .desktopMemberBenifits li .biggerHeader { font-family: "Roboto Slab", serif; font-size: 18px; font-size: 1.125rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: bold; } .RegistrationFlowContainer .MemberBenifitsContainer .registrationActionCTAText .desktopMemberBenifits li .Header { font-size: 14px; font-size: 0.875rem; font-family: "Roboto", sans-serif; font-weight: 500; color: #0054a6; font-weight: 700; } .RegistrationFlowContainer .MemberBenifitsContainer .registrationActionCTAText .desktopMemberBenifits li .Description { font-size: 12px; font-size: 0.75rem; font-family: "Roboto", sans-serif; font-weight: 300; color: #4b4b4b; } .RegistrationFlowContainer .MemberBenifitsContainer .registrationActionCTAText .desktopMemberBenifits li .icon_rebates { width: 23px; height: 22px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -873px -102px; content: ""; margin: 0 auto; } .RegistrationFlowContainer .MemberBenifitsContainer .registrationActionCTAText .desktopMemberBenifits li .icon_favorites { width: 23px; height: 18px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -905px -102px; margin: 0 auto; } .RegistrationFlowContainer .MemberBenifitsContainer .registrationActionCTAText .desktopMemberBenifits li .icon_newsletter { width: 23px; height: 24px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -939px -101px; content: ""; margin: 0 auto; } .RegistrationFlowContainer .MemberBenifitsContainer .registrationActionCTAText .desktopMemberBenifits li .icon_samples { width: 23px; height: 24px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -936px -102px; content: ""; margin: 0 auto; } .RegistrationFlowContainer .MemberBenifitsContainer .registrationActionCTAText .mobileMemberBenefits { display: block; text-align: center; letter-spacing: 0.5px; } .RegistrationFlowContainer .MemberBenifitsContainer .registrationActionCTAText .mobileMemberBenefits .benefitsHeader { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .RegistrationFlowContainer .MemberBenifitsContainer .registrationActionCTAText .mobileMemberBenefits .benefitsDescription { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .RegistrationFlowContainer .MemberBenifitsContainer .registrationActionCTAText .desktopMemberBenifits { display: block; } .RegistrationFlowContainer .MemberBenifitsContainer .registrationActionCTAText .desktopMemberBenifits .listElements { display: none; } .RegistrationFlowContainer .RegistrationModuleContainer .smallContainer { margin: 10px 0 10px 0; width: 100%; } .RegistrationFlowContainer .RegistrationModuleContainer #gatedContentNote { display: none; border: 1px solid #fa6400; border-radius: 4px; background-color: #fffdfa; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #fa6400; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; padding: 10px 5px; margin: 0 auto 15px; text-align: center; width: 100%; } .RegistrationFlowContainer .RegistrationModuleContainer .tabs { overflow: hidden; display: flex; width: 100%; padding: 0 20px; } .RegistrationFlowContainer .RegistrationModuleContainer .tabs div { margin: 0 auto; } .RegistrationFlowContainer .RegistrationModuleContainer .tabs div a { width: 100%; float: left; cursor: pointer; transition: 0.3s; font-family: "Roboto Slab", serif; font-weight: 400; color: #0054a6; font-size: 1rem; line-height: 2.5rem; font-weight: bold; letter-spacing: 1.27px; } .RegistrationFlowContainer .RegistrationModuleContainer .tabs div .active { color: #fa6400; border-bottom: 3px solid #fa6400; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm, .RegistrationFlowContainer .RegistrationModuleContainer .regStep, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView { position: relative; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm h2, .RegistrationFlowContainer .RegistrationModuleContainer .regStep h2, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 h2, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 h2, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView h2 { font-family: "Roboto Slab", serif; font-weight: 400; color: #fa6400; font-size: 1rem; line-height: 2.5rem; letter-spacing: 1.27px; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm a, .RegistrationFlowContainer .RegistrationModuleContainer .regStep a, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 a, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 a, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView a { font-weight: 700; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; cursor: pointer; text-decoration: none; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm a::before, .RegistrationFlowContainer .RegistrationModuleContainer .regStep a::before, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 a::before, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 a::before, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView a::before { color: #000000; font-family: "Roboto", sans-serif; font-weight: 400; display: inline-block; padding-right: 3px; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .smallCTA, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .smallCTA, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .smallCTA, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .smallCTA, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .smallCTA { display: none; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .loginLinkWrapper, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .loginLinkWrapper, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .loginLinkWrapper, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .loginLinkWrapper, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .loginLinkWrapper { margin-bottom: 25px; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .loginLinkWrapper .loginLink::before, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .loginLinkWrapper .loginLink::before, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .loginLinkWrapper .loginLink::before, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .loginLinkWrapper .loginLink::before, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .loginLinkWrapper .loginLink::before { content: '\2190'; display: inline-block; color: #0054a6; font-size: small; padding-right: 5px; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .resetPasswordMessage, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .resetPasswordMessage, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .resetPasswordMessage, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .resetPasswordMessage, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .resetPasswordMessage { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset { width: 100%; margin: 0; padding: 0 20px; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset label, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset label, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset label, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset label, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset label { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset input[type="email"], .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset input[type="email"], .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset input[type="email"], .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset input[type="email"], .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset input[type="email"], .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset input[type="password"], .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset input[type="password"], .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset input[type="password"], .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset input[type="password"], .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset input[type="password"], .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset input[type=text], .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset input[type=text], .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset input[type=text], .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset input[type=text], .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset input[type=text] { border: 2px solid #757575; border-radius: 3px; width: 100%; height: 40px; padding-left: 5px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset input[type="email"]::-webkit-input-placeholder, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset input[type="email"]::-webkit-input-placeholder, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset input[type="email"]::-webkit-input-placeholder, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset input[type="email"]::-webkit-input-placeholder, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset input[type="email"]::-webkit-input-placeholder, .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset input[type=text]::-webkit-input-placeholder, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset input[type=text]::-webkit-input-placeholder, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset input[type=text]::-webkit-input-placeholder, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset input[type=text]::-webkit-input-placeholder, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset input[type=text]::-webkit-input-placeholder { opacity: 0.5; letter-spacing: 0.5px; padding: 0 5px; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset input[type=checkbox], .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset input[type=checkbox], .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset input[type=checkbox], .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset input[type=checkbox], .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset input[type=checkbox] { width: 20px; height: 20px; vertical-align: bottom; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset input[type=checkbox]:checked:after, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset input[type=checkbox]:checked:after, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset input[type=checkbox]:checked:after, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset input[type=checkbox]:checked:after, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset input[type=checkbox]:checked:after { background: #0074c1; content: '\2714'; color: #ffffff; padding: 1px 5px; border-radius: 3px; width: 20px; height: 20px; display: block; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset input[type=password], .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset input[type=password], .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset input[type=password], .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset input[type=password], .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset input[type=password], .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset input[type=text], .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset input[type=text], .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset input[type=text], .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset input[type=text], .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset input[type=text] { font-size: 14px; padding-right: 5px; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset input::-ms-reveal, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset input::-ms-reveal, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset input::-ms-reveal, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset input::-ms-reveal, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset input::-ms-reveal { display: none; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset .newsletterConfirmationLabel, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset .newsletterConfirmationLabel, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset .newsletterConfirmationLabel, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset .newsletterConfirmationLabel, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset .newsletterConfirmationLabel { margin: -22px 0 0 35px; text-align: left; display: block; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset .IndustrySegment, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset .IndustrySegment, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset .IndustrySegment, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset .IndustrySegment, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset .IndustrySegment, .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset .BusinessType, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset .BusinessType, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset .BusinessType, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset .BusinessType, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset .BusinessType { position: relative; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset .IndustrySegment::after, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset .IndustrySegment::after, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset .IndustrySegment::after, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset .IndustrySegment::after, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset .IndustrySegment::after, .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset .BusinessType::after, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset .BusinessType::after, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset .BusinessType::after, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset .BusinessType::after, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset .BusinessType::after { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat 0 0; position: absolute; right: 2%; top: 43px; z-index: 1; text-align: center; width: 25px; height: 10px; pointer-events: none; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset select, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset select, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset select, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset select, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset select { width: 100%; height: 40px; border: 2px solid #757575; border-radius: 3px; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 13px; line-height: 0.8125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding-left: 5px; -webkit-appearance: none; -moz-appearance: none; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset select::-ms-expand, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset select::-ms-expand, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset select::-ms-expand, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset select::-ms-expand, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset select::-ms-expand { display: none; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset .hideShowPassword-toggle, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset .hideShowPassword-toggle, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset .hideShowPassword-toggle, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset .hideShowPassword-toggle, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset .hideShowPassword-toggle { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0054a6; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; text-transform: uppercase; padding-right: 10px; cursor: pointer; position: absolute; right: 0px; top: 0px; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset .RememberMe-Checkbox, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset .RememberMe-Checkbox, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset .RememberMe-Checkbox, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset .RememberMe-Checkbox, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset .RememberMe-Checkbox { display: inline-block; margin-top: 10px; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset .RememberMe-Checkbox label, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset .RememberMe-Checkbox label, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset .RememberMe-Checkbox label, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset .RememberMe-Checkbox label, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset .RememberMe-Checkbox label { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset .hint-text, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset .hint-text, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset .hint-text, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset .hint-text, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset .hint-text { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.46px; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset .Password-Password, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset .Password-Password, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset .Password-Password, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset .Password-Password, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset .Password-Password, .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset .GMFSNewsletter, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset .GMFSNewsletter, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset .GMFSNewsletter, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset .GMFSNewsletter, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset .GMFSNewsletter, .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset .PostalCode-TextBox, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset .PostalCode-TextBox, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset .PostalCode-TextBox, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset .PostalCode-TextBox, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset .PostalCode-TextBox { margin-top: 15px; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset .BirthDate-DateOfBirth, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset .BirthDate-DateOfBirth, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset .BirthDate-DateOfBirth, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset .BirthDate-DateOfBirth, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset .BirthDate-DateOfBirth { display: none; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset .GMFSNewsletter .hint-text, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset .GMFSNewsletter .hint-text, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset .GMFSNewsletter .hint-text, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset .GMFSNewsletter .hint-text, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset .GMFSNewsletter .hint-text { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset .GMFSNewsletter .optInContainer span, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset .GMFSNewsletter .optInContainer span, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset .GMFSNewsletter .optInContainer span, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset .GMFSNewsletter .optInContainer span, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset .GMFSNewsletter .optInContainer span { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 13px; line-height: 0.8125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: initial; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset .GMFSNewsletter .optInContainer span.alert-error, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset .GMFSNewsletter .optInContainer span.alert-error, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset .GMFSNewsletter .optInContainer span.alert-error, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset .GMFSNewsletter .optInContainer span.alert-error, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset .GMFSNewsletter .optInContainer span.alert-error { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 13px; line-height: 0.8125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 5px 0; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset .alert-error, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset .alert-error, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset .alert-error, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset .alert-error, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset .alert-error { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 13px; line-height: 0.8125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 5px 0; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .forgotPasswordContainer, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .forgotPasswordContainer, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .forgotPasswordContainer, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .forgotPasswordContainer, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .forgotPasswordContainer { position: absolute; margin-top: -40px; right: 0; display: inline-block; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .regButtonContainer, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .regButtonContainer, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .regButtonContainer, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .regButtonContainer, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .regButtonContainer { display: table; margin: 0 auto; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .regButtonContainer button, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .regButtonContainer button, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .regButtonContainer button, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .regButtonContainer button, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .regButtonContainer button { border: none; border-radius: 3px; background-color: #0074c1; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.65px; padding: 7px 30px; height: 40px; cursor: pointer; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .regButtonContainer .Back, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .regButtonContainer .Back, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .regButtonContainer .Back, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .regButtonContainer .Back, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .regButtonContainer .Back { background-color: #ffffff; color: #0074c1; border: 2px solid #0074c1; margin-right: 15px; width: 120px; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .regButtonContainer .Back::before, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .regButtonContainer .Back::before, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .regButtonContainer .Back::before, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .regButtonContainer .Back::before, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .regButtonContainer .Back::before { content: '\2190'; display: inline-block; color: #0074c1; padding-right: 5px; font-size: small; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .regButtonContainer .Next, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .regButtonContainer .Next, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .regButtonContainer .Next, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .regButtonContainer .Next, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .regButtonContainer .Next, .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .regButtonContainer .Submit, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .regButtonContainer .Submit, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .regButtonContainer .Submit, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .regButtonContainer .Submit, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .regButtonContainer .Submit { width: 155px; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .regButtonContainer .Next::after, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .regButtonContainer .Next::after, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .regButtonContainer .Next::after, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .regButtonContainer .Next::after, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .regButtonContainer .Next::after { content: '\2192'; display: inline-block; color: #ffffff; padding-left: 5px; font-size: small; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .loginFederatedCTA, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .loginFederatedCTA, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .loginFederatedCTA, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .loginFederatedCTA, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .loginFederatedCTA { margin-bottom: 20px; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .copyR, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .copyR, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .copyR, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .copyR, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .copyR { font-family: "Roboto", sans-serif; font-size: 10px; font-size: 0.625rem; color: #3b3b3b; line-height: 13px; line-height: 0.8125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.42px; text-align: center; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .copyR a, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .copyR a, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .copyR a, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .copyR a, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .copyR a { color: #0074c1; font-weight: 400; font-size: 10px; font-size: 0.625rem; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .alert-error, .RegistrationFlowContainer .RegistrationModuleContainer .registrationSteps .alert-error { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 13px; line-height: 0.8125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 30px 0 0; } .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset { margin-top: 15px; } .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .resetPasswordMessage { display: block; } .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .resetPasswordMessage h4 { font-weight: 600; } .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 h2::after { content: "Select your business"; } .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 h2::after { content: "Almost done! Enter your profile details."; } .RegistrationFlowContainer .progressBar { display: flex; width: 100%; height: 10px; margin: 45px 0 0; } .RegistrationFlowContainer .progressBar .progressBarStep { background-color: #757575; margin: 3px 1px 1px 1px; } .RegistrationFlowContainer .progressBar .currentStep, .RegistrationFlowContainer .progressBar .previousStep { background-color: #0074c1; } .resetPasswordLanding .contentContainer > div:nth-child(1) br { display: none; } .resetPasswordLanding .prod-menu { padding: 20px 20px 0 20px; margin: 0; } .resetPasswordLanding #resetPasswordContainer { margin: 50px 20px 120px; } .resetPasswordLanding #resetPasswordContainer .title { font-family: "Roboto Slab", serif; font-weight: 400; color: #fa6400; font-size: 1.75rem; line-height: 2.5rem; letter-spacing: 1.27px; } .resetPasswordLanding #resetPasswordContainer #resetPasswordMessage { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .resetPasswordLanding #resetPasswordContainer #updatedPasswordLabel, .resetPasswordLanding #resetPasswordContainer #confirmPasswordLabel { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; } .resetPasswordLanding #resetPasswordContainer input[type="email"], .resetPasswordLanding #resetPasswordContainer input[type="password"], .resetPasswordLanding #resetPasswordContainer input[type=text] { border: 2px solid #757575; border-radius: 3px; width: 100%; height: 40px; padding-left: 5px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .resetPasswordLanding #resetPasswordContainer input[type=password] { font-size: 20px; padding-right: 5px; } .resetPasswordLanding #resetPasswordContainer input::-ms-reveal { display: none; } .resetPasswordLanding #resetPasswordContainer .separator { display: none; } .resetPasswordLanding #resetPasswordContainer .form-actions { display: table; margin: 25px auto 0; } .resetPasswordLanding #resetPasswordContainer .form-actions button { border: none; border-radius: 3px; background-color: #0074c1; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.65px; padding: 7px 25px; cursor: pointer; } .resetPasswordLanding #resetPasswordContainer .hint-text { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.46px; padding: 0 0 5px; display: block; } .resetPasswordLanding #resetPasswordContainer .alert-error { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 13px; line-height: 0.8125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 5px 0; } .resetPasswordLanding #resetPasswordContainer .hideShowPassword-toggle { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0054a6; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; text-transform: uppercase; padding-right: 10px; position: absolute; right: 0; bottom: 0; cursor: pointer; } .resetPasswordLanding #resetPasswordContainer .control-group { position: relative; padding-top: 15px; } .resetPasswordLanding #resetPasswordContainer .control-group .showHidePassword-toggle { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0054a6; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; text-transform: uppercase; padding-right: 10px; cursor: pointer; position: absolute; right: 0px; top: 44px; } #body_0_main_0_streamline_content_1_thankYouPanel .thanksYouContainer { top: 0px; margin-top: -500px; padding: 80px 0; } .registrationPage .contentContainer { padding: 0 40px; } .registrationPage .richTextArea { display: none; } #registrationInPageContainer .RegistrationFlowContainer { padding-bottom: 30px; display: flex; flex-direction: column; margin: 0 auto; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer { float: none; width: 100%; order: 1; display: flex; flex-wrap: wrap; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .registrationView { order: 2; float: none; width: 100%; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .registrationView .regStep .BusinessType, #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .registrationView .regStep .BusinessType_Other { display: none; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .registrationView .regStep .alreadyAMemberLink { display: none; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .loginView { order: 1; float: none; width: 100%; } #registrationInPageContainer .GMFSModalFlowOneStep .MemberBenifitsContainer { display: none; } #registrationInPageContainer .GMFSModalFlowOneStep .registrationActionCTAText .desktopMemberBenifits { display: block; } #registrationInPageContainer .GMFSModalFlowOneStep .registrationActionCTAText .desktopMemberBenifits li { width: 100%; } #registrationInPageContainer .GMFSModalFlowOneStep .registrationActionCTAText .mobileMemberBenefits { display: none; } #registrationInPageContainer .GMFSModalFlowOneStep .smallContainer .forgotPasswordView { padding: 20px 30px; } #registrationInPageContainer .GMFSModalFlowOneStep .smallContainer .forgotPasswordView h2 { font-size: 16px; } #registrationInPageContainer .GMFSModalFlowOneStep .smallContainer .forgotPasswordView .regButtonContainer { padding: 20px 0; } #registrationInPageContainer .stepName { display: none; } .GMFSModalFlowOneStepMobile .RegistrationModuleContainer .MemberBenifitsContainer { display: block; } .GMFSModalFlowOneStepMobile .tabs { margin: 30px 0 0; } .GMFSModalFlowOneStepMobile .loginView { padding: 0 20px 40px; } .GMFSModalFlowOneStepMobile .loginViewCTA, .GMFSModalFlowOneStepMobile .stepName { display: none; } .GMFSModalFlowOneStepMobile .progressBar { display: none; } .GMFSModalFlowOneStepMobile .registrationView .alreadyAMemberLink { display: none; } .GMFSModalFlowOneStepMobile .regStep #headerText, .GMFSModalFlowOneStepMobile .regStep .BusinessType, .GMFSModalFlowOneStepMobile .regStep .BusinessType_Other { display: none; } .GMFSModalFlowOneStepMobile .RegistrationModuleContainer .forgotPasswordView { padding: 20px 30px; } .GMFSModalFlowOneStepMobile .RegistrationModuleContainer .forgotPasswordView h2 { font-size: 16px; } .GMFSModalFlowOneStepMobile .RegistrationModuleContainer .forgotPasswordView .regButtonContainer { padding: 20px 0; } .home .contentContainer .contentList { overflow-y: visible; } .home .contentContainer .pageLinkItems .productsFeaturedContent .list-item-grid .collectionListItem:nth-child(2), .home .contentContainer .pageLinkItems .productsFeaturedContent .list-item-grid .collectionListItem:nth-child(3) { width: 100%; padding: 20px 0; margin: 0; } .home .contentContainer .homeModules .productsFeaturedContent { margin: 20px 0px 80px 0px; } .home .contentContainer .homeModules .productsFeaturedContent .collectionListItem:nth-child(2) { width: auto; margin: 100px 0px 0px 0px; } .home .contentContainer .homeModules .productsFeaturedContent .collectionListItem:nth-child(2) .li-description-wrapper { background-color: #00828a; left: 0; margin-top: -30px; position: absolute; width: 95%; } .home .contentContainer .homeModules .productsFeaturedContent .collectionListItem .collection-list .li-img img { height: auto; width: 100%; } .home .contentContainer .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper { background-color: #0074c1; margin-top: -30px; position: absolute; width: 95%; height: 110px; right: 0; } .home .contentContainer .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title { height: 26px; width: auto; font-family: "Roboto Slab", serif; font-size: 1.25rem; line-height: 1.5rem; letter-spacing: 1.91px; padding: 30px 30px; } .home .contentContainer .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title a { color: #ffffff; } .home .contentContainer .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .li-description { display: none; } .home .contentContainer .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore { display: block; margin: 5px 30px; } .home .contentContainer .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore a { height: 16px; width: auto; color: #ffffff; font-family: "Roboto Condensed", sans-serif; font-size: 0.875rem; line-height: 1rem; letter-spacing: 0.58px; } .home .contentContainer .search-box-container { height: 120px; text-align: center; background-color: #00828a; padding-top: 15px; } .home .contentContainer .search-box-container label { font-family: "Roboto Slab", serif; font-size: 0.875rem; line-height: 1.75rem; font-weight: 600; letter-spacing: 0.44px; color: #ffffff; } .home .contentContainer .search-box-container .search-input-container { position: relative; display: inline-block; width: 88%; margin: 5px 0; } .home .contentContainer .search-box-container .search-input-container .search-box-hints .search-hint-container { background-color: #ffffff; z-index: 10001; box-shadow: 0 10px 4px 0 #808080; width: 100%; margin: 0 auto; position: relative; } .home .contentContainer .search-box-container .search-input-container .search-box-hints .search-hint-container .searchHints { background-color: #ffffff; } .home .contentContainer .search-box-container .search-input-container .search-box-hints .search-hint-container .searchHints ul li { padding: 8px; border-bottom: 1px solid #757575; text-align: left; } .home .contentContainer .search-box-container .search-input-container .search-box-hints .search-hint-container .searchHints ul li a { font-size: 0.75rem; line-height: 1rem; color: #3b3b3b; font-family: "Roboto", sans-serif; } .home .contentContainer .search-box-container .search-input-container .search-box-hints .search-hint-container .searchHints ul li a em { color: #0054a6; font-weight: 500; font-style: inherit; } .home .contentContainer .search-box-container .search-input-container .search-box-hints .search-hint-container .searchHints ul li a:before { color: #757575; white-space: pre; font-size: 0.875rem; line-height: 1.25rem; display: block; font-family: "Roboto Condensed", sans-serif; margin-left: 120px; } .home .contentContainer .search-box-container .search-input-container .search-box-hints .search-hint-container .searchHints ul li a img { width: 100px; margin-top: -20px; } .home .contentContainer .search-box-container .search-input-container .search-box-hints .search-hint-container .searchHints ul li a .productName { margin: -40px 0 0 120px; position: absolute; } .home .contentContainer .search-box-container .search-input-container .search-box-hints .search-hint-container .searchHints .Recipe a:before { content: "RECIPE"; } .home .contentContainer .search-box-container .search-input-container .search-box-hints .search-hint-container .searchHints .Product a:before { content: "PRODUCT"; } .home .contentContainer .search-box-container .search-input-container .search-box-hints .search-hint-container .searchHints .Video a:before { content: "Video"; } .home .contentContainer .search-box-container .search-input-container .search-box-hints input { height: 40px; width: 100%; padding: 0 70px 0 5px; border-radius: 3px; border: 2px solid #ffffff; background-color: #ffffff; -webkit-appearance: none; } .home .contentContainer .search-box-container .search-input-container .clear-search-Text { position: absolute; cursor: pointer; display: inline-block; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -270px -100px; width: 16px; height: 16px; right: 50px; top: 12px; } .home .contentContainer .search-box-container .search-input-container .SearchLinkButton { position: absolute; background: url(/Botg/Assets/Images/Global/searchSprite.svg) no-repeat; text-align: center; right: 0; height: 40px; width: 40px; background-color: #0054a6; border-top-right-radius: 3px; border-bottom-right-radius: 3px; color: transparent; border: 1px solid #0054a6; background-position: 0 center; } .home .contentContainer .brands ul { text-align: center; margin: 20px 0px 20px 0px; } .home .contentContainer .brands ul .mainListItem { display: inline-block; margin: 0 auto; width: 30%; pointer-events: none; } .home .contentContainer .hidden { visibility: hidden; } @media (orientation: landscape) { .home .heroContainer .bannerContainer .wave { display: none; } .home .heroContainer .bannerContainer .detailsContainer #details { margin-top: 200px; } } .scrollerList { padding: 15px 10px; } .scrollerList .scroller-header h3 { font-size: 1.75rem; line-height: 1.75rem; } .scrollerList .scroller-header .scroller-description { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #000000; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 300; padding: 10px 0; } .scrollerList .collectionScrollerWrapper { vertical-align: top; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer { margin: 15px 0; padding: 0 0 0 0px; position: relative; width: 100%; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer .collectionScrollerNext .shadow { width: 32px; background-image: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%, #eeeeee, #aaaaaa); background-image: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%, #eeeeee, #aaaaaa); background-image: -ms-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%, #eeeeee, #aaaaaa); background-image: -o-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%, #eeeeee, #aaaaaa); background-image: linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%, #eeeeee, #aaaaaa); position: absolute; top: 0; right: 0; height: 66%; z-index: 994; background-size: auto; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer .collectionScrollerPrevious .shadow { background-image: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%, #eeeeee, #aaaaaa); background-image: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%, #eeeeee, #aaaaaa); background-image: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%, #eeeeee, #aaaaaa); background-image: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%, #eeeeee, #aaaaaa); background-image: linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%, #eeeeee, #aaaaaa); position: absolute; background-image: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,.1) 85%, rgba(255,255,255,0) 100%, #eeeeee, #aaaaaa); background-image: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,.1) 85%, rgba(255,255,255,0) 100%, #eeeeee, #aaaaaa); background-image: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,.1) 85%, rgba(255,255,255,0) 100%, #eeeeee, #aaaaaa); background-image: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,.1) 85%, rgba(255,255,255,0) 100%, #eeeeee, #aaaaaa); background-image: linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, rgba(255,255,255,.1) 85%, rgba(255,255,255,0) 100%, #eeeeee, #aaaaaa); top: 0; left: 0; width: 60px; height: 66%; z-index: 994; background-size: auto; background-position: 0 0; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul { margin: 0; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li { width: 220px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0; display: inline-block; vertical-align: top; padding-bottom: 30px; font-size: 0; margin-right: -4px; margin-right: 30px; padding-bottom: 0; height: auto; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li .li-img { position: relative; z-index: 4; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li .li-img a { display: block; position: relative; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li .li-img img { width: 92.19512195121952%; padding: 1px; height: auto; -ms-interpolation-mode: bicubic; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li .li-text { padding-top: 10px; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li .li-text a { text-decoration: none; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li .li-text a:hover { color: #0074c1; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li:hover a { color: #0074c1; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li .properties { padding-top: 10px; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li .properties span { line-height: normal; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li .properties .UnlabeledPropertyView span { padding: 0; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li .properties .DefaultPropertyView span, .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li .properties .ReviewPropertyView span, .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li .properties .RatingPropertyView span { color: #3b3b3b; padding: 0; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li:last-child { margin-right: 0; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li a { display: inline-block; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li .li-img img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; cursor: pointer; padding: 1px; max-height: 152px; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li h2 { white-space: initial; margin-top: 4px; display: block; height: 75px; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li h2 a, .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li h2 a:visited { color: #4b4b4b; text-decoration: none; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #4b4b4b; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li h2 a:hover { color: #ce7014; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li .content-lite-medium .ContentTypeOverlayCSS { display: none; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li .content-lite-medium .attribution, .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li .content-lite-medium .activity, .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li .content-lite-medium .basic-info, .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li .content-lite-medium .secondary-info, .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li .content-lite-medium > p { display: none; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li.mediumEndcap a { display: block; z-index: 4; position: relative; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li.mediumEndcap a:before { content: ""; position: absolute; background-color: transparent; z-index: -2; width: 75%; height: 90%; right: 16px; top: 5px; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li.mediumEndcap a .end-cap-standard { width: 212px; height: 162px; display: table; background-color: #e8e8e8; padding: 8px; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li.mediumEndcap a .end-cap-standard p { background-color: #1472c9; display: table-cell; vertical-align: middle; text-align: center; font-family: "Roboto", sans-serif; font-size: 20px; font-size: 1.25rem; color: #4b4b4b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; text-decoration: none; color: #ffffff; font-style: italic; padding: 0; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li.mediumEndcap a .end-cap-standard span { display: none; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li.mediumEndcap a:hover { text-decoration: none; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li.mediumEndcap a:hover p { color: #ce7014; } .scrollerList.nonSearchNx .collectionScrollerWrapper .collectionScrollerContainer { margin: 15px auto; padding: 0 0 0 0px; position: relative; } .scrollerList.nonSearchNx .collectionScrollerWrapper .collectionScrollerContainer .collectionScrollerNext .arrow, .scrollerList.nonSearchNx .collectionScrollerWrapper .collectionScrollerContainer .collectionScrollerPrevious .arrow { display: none; } .contentList #toggleFilter { display: none; } /* -- Custom Gallery Layout with LHS filters -- */ .contentList.contentListWithLeftOpenFilter { margin: 0 20px; } .contentList.contentListWithLeftOpenFilter .gallery-header { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; letter-spacing: 0.5px; } .contentList.contentListWithLeftOpenFilter .sortingViewResult { position: absolute; float: none; padding: 25px 0 0; } .contentList.contentListWithLeftOpenFilter .sortingViewResult a { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .contentList.contentListWithLeftOpenFilter .sortingViewResult a.sortAnchor { border: 2px solid #757575; color: #3b3b3b; display: block; text-decoration: none; padding: 10px; border-radius: 3px; } .contentList.contentListWithLeftOpenFilter .sortingViewResult a.sortAnchor span:after { content: ' '; float: right; display: block; padding: 0 16px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1181px 2px; width: 15px; height: 15px; } .contentList.contentListWithLeftOpenFilter .sortingViewResult .sortResultView { display: none; right: 0; color: #000000; background-color: #ffffff; z-index: 1000; margin: 0; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.6); } .contentList.contentListWithLeftOpenFilter .sortingViewResult .sortResultView li { text-transform: none; border-bottom: 3px #f4f4f4 solid; cursor: pointer; } .contentList.contentListWithLeftOpenFilter .sortingViewResult .sortResultView li a { text-transform: none; display: inline-block; padding: 10px; width: 90%; height: 100%; } .contentList.contentListWithLeftOpenFilter .sortingViewResult .sortResultView li:first-child { border-top: 0; } .contentList.contentListWithLeftOpenFilter .contentListFilterOptions { display: none; } .contentList.contentListWithLeftOpenFilter .contentListLoadingIndicator { position: fixed; z-index: 1111; top: 50%; left: 45%; color: transparent; width: 50px; height: 50px; } .contentList.contentListWithLeftOpenFilter .selectedFacetsContainer { position: fixed; width: 100vw; height: 60px; background-color: #efefef; border-top: 1px solid #cccccc; padding: 15px 0 15px 90px; white-space: nowrap; overflow: scroll; bottom: 0; left: 0; z-index: 1000; } .contentList.contentListWithLeftOpenFilter .selectedFacetsContainer .showPanelToSelectFacets { display: block; height: 60px; width: 100vw; min-width: 60px; padding: 0 20px; line-height: 60px; position: absolute; top: 0; left: 0; } .contentList.contentListWithLeftOpenFilter .selectedFacetsContainer .showPanelToSelectFacets span { display: inline-block; vertical-align: middle; font-family: "Roboto", sans-serif; font-weight: 500; letter-spacing: 0.43px; color: #0074c1; font-size: 12px; font-size: 0.75rem; margin-left: 10px; } .contentList.contentListWithLeftOpenFilter .selectedFacetsContainer .showPanelToSelectFacets .toggleFilterImage { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat scroll -830px 2px; height: 16px; width: 16px; overflow: hidden; display: inline-block; vertical-align: middle; } .contentList.contentListWithLeftOpenFilter .selectedFacetsContainer .showPanelToSelectFacets .toggleFilter { display: inline-block; vertical-align: middle; font-family: "Roboto", sans-serif; font-weight: 500; letter-spacing: 0.43px; color: #0074c1; font-size: 12px; font-size: 0.75rem; margin-left: 10px; } .contentList.contentListWithLeftOpenFilter .selectedFacetsContainer.facetsAreSelected .showPanelToSelectFacets { width: auto; border-right: 1px solid #cccccc; } .contentList.contentListWithLeftOpenFilter .selectedFacetsContainer.facetsAreSelected .showPanelToSelectFacets .toggleFilter { display: none; } .contentList.contentListWithLeftOpenFilter .selectedFacetsContainer .selectedFacet { border-radius: 3px; background-color: #0074c1; margin: 0 10px 0 0; display: inline-block; padding: 0 10px; vertical-align: middle; cursor: pointer; } .contentList.contentListWithLeftOpenFilter .selectedFacetsContainer .selectedFacet span { color: #ffffff; font-family: "Roboto", sans-serif; font-weight: 500; letter-spacing: 0.5px; font-size: 0.625rem; line-height: 2rem; display: inline-block; } .contentList.contentListWithLeftOpenFilter .selectedFacetsContainer .selectedFacet span.close { text-transform: uppercase; display: inline-block; margin-left: 10px; } .contentList.contentListWithLeftOpenFilter #toggleFilter:checked ~ .facetsPlaceHolder.facetsPlaceHolder { display: block; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder { width: 100vw; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.8); z-index: 1010; position: fixed; display: none; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .clearFacetsSelection, .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .closeFacetsContainer { display: block; position: fixed; width: 140px; bottom: 0; text-transform: uppercase; border-top: 1px solid #cccccc; text-align: center; padding: 20px 0; letter-spacing: 0.43px; color: #0074c1; z-index: 1030; font-size: 0.75rem; line-height: 0.875rem; background-color: #efefef; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .clearFacetsSelection { font-family: "Roboto", sans-serif; font-weight: 500; left: 0; border-right: 1px solid #cccccc; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .closeFacetsContainer { font-family: "Roboto", sans-serif; font-weight: 900; left: 140px; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown { position: fixed; z-index: 1020; width: 280px; right: 0; bottom: 0; top: 0; left: 0; background-color: #efefef; overflow: scroll; padding: 25px 25px 70px 25px; border-radius: 0 8px 0 0; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .showFiltersLink { pointer-events: none; margin-bottom: 20px; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .showFiltersLink * { font-family: "Roboto Slab", serif; font-weight: 400; letter-spacing: 0.95px; color: #3b3b3b; font-size: 1.25rem; line-height: 1.75rem; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets { border-top: 1px solid #cccccc; margin-top: 20px; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer { padding: 15px 0 15px 10px; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer + .contentListFacetContainer { border-top: 1px solid #cccccc; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer h3 label { font-family: "Roboto", sans-serif; font-weight: 500; letter-spacing: 0.43px; font-size: 0.75rem; line-height: 1.25rem; color: #0074c1; overflow: hidden; display: block; cursor: pointer; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer h3 label:after { content: '+'; float: right; margin-right: 10px; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer .hiddenToggleCheck { position: absolute; z-index: -10; left: -100px; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer .hiddenToggleCheck:checked ~ ul { display: block; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer .hiddenToggleCheck:checked ~ h3 label:after { content: '-'; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer > ul { padding: 20px 0 0 0; display: none; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer > ul > li label { cursor: pointer; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer > ul > li label, .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer > ul > li label * { font-family: "Roboto", sans-serif; font-weight: 500; letter-spacing: 0.5px; font-size: 0.625rem; line-height: 1.75rem; color: #3b3b3b; display: inline-block; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer > ul > li label:before { content: ''; display: inline-block; border: 1px solid #3b3b3b; width: 15px; height: 15px; margin-right: 10px; top: 5px; position: relative; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer > ul > li input[type="checkbox"] { margin: 0; position: absolute; z-index: -10; left: -100px; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer > ul > li input[type="checkbox"]:checked ~ label:before { border: none; background-color: #0074c1; } .contentList.contentListWithLeftOpenFilter .contentListItems { padding: 60px 0 0; margin: 0; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid { padding-top: 10px; margin: 0; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li { padding: 0; margin: 0 0 30px 0; display: inline-block; width: 49%; vertical-align: top; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium > a { display: block; margin-bottom: 5px; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .li-img img { max-width: 150px; max-height: 150px; width: 100%; vertical-align: top; object-fit: contain; border: 1px solid #e6e7e8; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .newItem, .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .bestSeller, .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .coolSchoolTag, .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .k12RegReadyTag { background-color: #db3700; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-radius: 4px; letter-spacing: 0.5px; font-weight: 600; margin-left: 41%; padding: 0 5px; margin-top: 5px; white-space: nowrap; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .bestSeller { background-color: #00828a; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .coolSchoolTag { background-color: #0054a6; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .k12RegReadyTag { background-color: #058938; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .li-text { padding-top: 5px; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .li-text * { font-family: "Roboto", sans-serif; font-weight: 500; letter-spacing: 0.3px; font-size: 0.75rem; line-height: 0.875rem; color: #0054a6; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .properties span { font-family: "Roboto", sans-serif; font-weight: 500; letter-spacing: 0.3px; font-size: 0.75rem; line-height: 0.875rem; color: #757575; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .ConvenienceOnly { display: none; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .buyNowRetailerWrapper { position: relative; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .buyNowRetailerWrapper .buyNowLink { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #00828a; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 8px 0 8px 15px; text-decoration: none; border: 2px solid #00828a; border-radius: 3px; background-color: #ffffff; font-weight: 700; letter-spacing: 0.5px; display: inline-block; width: 100%; position: relative; margin-top: 10px; cursor: pointer; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .buyNowRetailerWrapper .buyNowLink:after { content: ' '; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat 1px -1px; width: 17px; height: 8px; display: inline-block; position: absolute; top: 12px; right: 8px; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .buyNowRetailerWrapper .buyNowRetailer { display: none; position: absolute; background: #ffffff; width: auto; min-width: 250px; border-radius: 3px; border: 2px solid #757575; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.25); top: 50px; z-index: 99; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .buyNowRetailerWrapper .buyNowRetailer .buyNowTitle { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.65px; text-align: center; padding: 20px 0; font-weight: 700; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .buyNowRetailerWrapper .buyNowRetailer .buyNowCloseButton { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -270px -100px; display: inline-block; width: 15px; height: 15px; position: absolute; top: 12px; right: 12px; cursor: pointer; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .buyNowRetailerWrapper .buyNowRetailer ul { margin: 0 auto; width: 65%; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .buyNowRetailerWrapper .buyNowRetailer ul li { margin: 0 0 20px 0; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .buyNowRetailerWrapper .buyNowRetailer ul li .retailerImage { width: 160px; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .buyNowRetailerWrapper .buyNowRetailer ul li .retailerImage img { width: 100%; } .productCategoryLanding .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .newItem, .search .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .newItem, .productCategoryLanding .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .bestSeller, .search .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .bestSeller, .productCategoryLanding .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .coolSchoolTag, .search .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .coolSchoolTag, .productCategoryLanding .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .k12RegReadyTag, .search .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .k12RegReadyTag { margin-left: 0; } .k12ProductCategoryLanding .gallery-header { width: 100%; text-align: right; float: none; } .k12ProductCategoryLanding .totalCount { top: 55px; position: relative; font-weight: 400; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 24px; text-align: right; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown { width: 100%; background: white; top: 75px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header .showFiltersLink { display: inline-block; width: 57%; margin-bottom: 16px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header .showFiltersLink span { font-weight: 700; font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #333333; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header .clearFacetsSelection { background: #ffffff; border: none; position: relative; display: inline-block; text-align: right; text-decoration: underline; margin-bottom: 16px; padding: 0; font-weight: 400; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; text-transform: none; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer h3 lable, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer h3 lable { font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer .hiddenToggleCheck:checked ~ h3 label:after, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer .hiddenToggleCheck:checked ~ h3 label:after { color: #0054a6; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer ul li, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer ul li { /* When checkbox is checked */ /* Optional: preview tick on hover */ /* Explicit reset tick when not checked (the important fix) */ } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer ul li label *, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer ul li label * { font-weight: 400; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer ul li .tickBox, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer ul li .tickBox { content: ''; display: inline-block; border: 1px solid #727272; border-radius: 4px; background-color: #ffffff; left: 0; top: 0; box-sizing: border-box; overflow: hidden; /* ensures tick stays within border */ vertical-align: middle; position: relative; margin-right: 8px; pointer-events: none; width: 24px; height: 24px; flex-shrink: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer ul li .tickBox .tick, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer ul li .tickBox .tick { content: ''; position: absolute; left: 8px; top: 2px; width: 7px; height: 15px; border: solid transparent; /* no visible color initially */ border-width: 0 2px 2px 0; transform: rotate(45deg); opacity: 0; /* Hidden by default */ transition: opacity 0.2s ease; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer ul li .filterCheckbox:checked + label .tickBox, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer ul li .filterCheckbox:checked + label .tickBox { background-color: #0074c1; /* blue background when checked */ border-color: #0074c1; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer ul li .filterCheckbox:checked + label .tickBox .tick, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer ul li .filterCheckbox:checked + label .tickBox .tick { opacity: 1; border-color: #ffffff; /* white tick on blue */ } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer ul li .filterCheckbox:not(:checked) + .tickBox .tick, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer ul li .filterCheckbox:not(:checked) + .tickBox .tick { opacity: 0.4; border-color: #ffffff; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer ul li label:hover .tickBox .tick, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer ul li label:hover .tickBox .tick { opacity: 1; border-color: #0074c1; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer ul li .filterCheckbox:not(:checked) + label .tickBox, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer ul li .filterCheckbox:not(:checked) + label .tickBox { background-color: white; border-color: black; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer ul li .filterCheckbox:not(:checked) + label .tickBox .tick, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer ul li .filterCheckbox:not(:checked) + label .tickBox .tick { opacity: 0; border-color: transparent; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer ul li label::before, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer ul li label::before { display: none; /* Hide the default checkbox */ } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer .showMoreLink, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer .showMoreLink { display: flex; align-items: center; gap: 8px; color: var(--Medium-Blue, #0074c1); } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer .showMoreLink .showMoreHyperlink, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer .showMoreLink .showMoreHyperlink { color: var(--Medium-Blue, #0074c1); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .bottomButtons { background: #ffffff; padding: 12px 0; border-top: 1px solid #333333; position: fixed; bottom: 0; left: 0; width: 100%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .bottomButtons .closeFacetsContainer { text-align: center; width: 90%; background: #0074c1; font-weight: 600; padding: 4px 20px; border: 1px solid #0074c1; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-decoration: none; display: block; position: unset; margin: 0 auto; border-radius: 4px; text-transform: none; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .bottomButtons .closeFacetsContainer:hover { background: #ffffff; color: #0074c1; text-decoration: none; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .bottomButtons .whiteButton { text-align: center; width: 90%; background: #ffffff; color: #0074c1; border: 1px solid #0074c1; padding: 4px 20px; font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-decoration: none; display: block; margin: 16px auto; position: unset; border-radius: 4px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .bottomButtons .whiteButton:hover { background: #0074c1; color: #ffffff; text-decoration: none; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems { position: relative; padding: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .selectedFacetsContainer { position: relative; width: 40%; display: flex; height: 40px; padding: 4px 20px; align-items: center; background: #0074c1; color: white; margin: 0 0 24px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .selectedFacetsContainer .selectedFacet { display: none; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .selectedFacetsContainer .showPanelToSelectFacets { width: auto; padding: 0; position: relative; height: auto; width: auto; line-height: 28px; border-right: none; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .selectedFacetsContainer .showPanelToSelectFacets .toggleFilter { font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: center; display: inline-block; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li { justify-content: unset; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: flex-start; position: absolute; row-gap: 2px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .k12RegReadyTag, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .newItem, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .bestSeller, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .coolSchoolTag { margin: 0; background-color: #ffffff; padding: 4px 8px; font-weight: 600; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #1f1f1f; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-radius: 4px; display: inline-flex; padding: 0px 4px; justify-content: center; align-items: center; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .k12RegReadyTag { color: #058938; border: 1px solid #058938; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .newItem { color: #db3700; margin-left: 0; border: 1px solid #db3700; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .bestSeller { color: #0054a6; border: 1px solid #0054a6; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .coolSchoolTag { color: #551a8b; border: 1px solid #551a8b; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium a .li-img img { height: 452px; aspect-ratio: 1; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium .li-text { padding-top: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium span p { margin: 0; padding: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent a { margin-bottom: 24px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent a img { height: 452px; margin-right: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent .li-text { padding-top: 0px 12px 16px; flex-grow: 1; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent .li-text a { width: 100%; display: block; margin-bottom: 0; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer h3 lable { font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer .hiddenToggleCheck:checked ~ h3 label:after { color: #0054a6; } .productCategoryWrapper { display: block; } .productCategoryWrapper .productCategory { padding: 20px; position: relative; } .productCategoryWrapper .productCategory .title { display: block; font-family: "Roboto Slab", serif; font-size: 22px; font-size: 1.375rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding-bottom: 20px; } .productCategoryWrapper .productCategory .title:after { content: ' '; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 9px solid #fa6400; position: relative; top: -5px; } .productCategoryWrapper .productCategory .title h1 { line-height: 20px; margin-bottom: 0; display: inline-block; } .productCategoryWrapper .productCategory .description { display: block; padding-bottom: 25px; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .productCategoryWrapper .productCategory .subCategories { display: none; border: 1px solid lightgrey; border-radius: 5px; padding: 20px; position: absolute; top: auto; background: #ffffff; width: 90%; z-index: 99; } .productCategoryWrapper .productCategory .subCategories .noImageQuickList h2 { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .productCategoryWrapper .productCategory .subCategories ul { height: 185px; display: flex; flex-direction: column; flex-wrap: wrap; } .productCategoryWrapper .productCategory .subCategories ul li { height: 30px; } .productCategoryWrapper .productCategory .subCategories ul li a { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0074c1; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; } .productCategoryWrapper .productCategory .subCategories ul .li-description { display: none; } .productCategoryWrapper .productCategory .show { display: block; } .productCategoryWrapper .separator { display: none; } .productCategoryLanding .contentContainer br { display: none; } .productCategoryLanding .contentContainer .prod-menu { padding: 20px 15px 0 20px; } .productCategoryLanding .contentContainer .prod-menu.AdditionalBackgroundColorBlue { padding: 32px 12px; background-color: #0054a6; margin: unset; } .productCategoryLanding .contentContainer .prod-menu.AdditionalBackgroundColorBlue .menu-items li { padding: unset; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; color: #ffffff !important; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; text-decoration: none; } .productCategoryLanding .contentContainer .prod-menu.AdditionalBackgroundColorBlue .menu-items li a { text-decoration: underline solid #ffffff; color: white; } .productCategoryLanding .productsFeaturedContent { padding-bottom: 40px; } .productCategoryLanding .productsFeaturedContent ul li .li-description-wrapper p:first-of-type { display: none; } .productCategoryLanding .productsFeaturedContent ul li .collection-list { padding: 0 20px 0 20px; } .productCategoryLanding .productsFeaturedContent ul li .collection-list .li-img img { width: 230px; height: 150px; } .productCategoryLanding .productsFeaturedContent ul li .li-title { display: none; } .productCategoryLanding .productsFeaturedContent ul li .li-description { padding: 0 20px 0 20px; } .productCategoryLanding .productsFeaturedContent ul li .li-description a { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0054a6; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; } .productCategoryLanding .productsFeaturedContent ul li .li-description a:hover { text-decoration: underline; color: #0074c1; } .productCategoryLanding li#scrollerPlaceholder { display: none; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder { display: block; background-color: #f7f7f7; margin: 0 -20px 30px; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer { width: 100%; padding: 0 0 20px 0; margin: 0; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .contentList.scroller.GMFSScroller .contentListItems { padding: 0; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .contentList.scroller.GMFSScroller .contentListItems span.scrollerTitle { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; background-color: #f7f7f7; display: block; text-align: center; padding: 20px 0; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller { visibility: visible; opacity: 1; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer { height: auto; background-color: #f7f7f7; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .scroll-item { opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .scroll-item.slick-initialized { visibility: visible; opacity: 1; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider { padding: 0; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-slide { opacity: 1; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-prev { left: -43px; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-next { right: -43px; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list { padding-top: 0; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .slick-track[style*="width: 0px"] { display: none; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .slick-track { padding: 0; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .slick-track .slick-current img { transform: none; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .productItem { width: 150px; height: 210px; margin: 0 10px; background-color: #ffffff; padding: 0; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .productItem .scrollItemTitle { padding: 0 10px; text-align: left; font-size: 12px; font-size: 0.75rem; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .productItem .scrollItemImageBlock { width: 100%; min-height: 82px; margin-bottom: 5px; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .productItem .scrollItemImageBlock .scrollItemImage { max-height: 83px; margin: 0; width: 100%; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .productItem .scrollItemTag { visibility: hidden; padding: 0; text-transform: uppercase; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .productItem span.contentType { text-transform: uppercase; font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #757575; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; line-height: 16px; padding: 0 10px; text-align: left; display: block; margin-top: 5px; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .productItem .newItem { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; margin-left: -5px; } .productCategoryLanding #tempScrollData { display: none; } .productCategoryLanding .scroller { visibility: hidden; opacity: 0; } .productCategoryLanding .cnfShopifyProduct { margin-top: 10px; } .subCategory .productCategoryWrapper .title::after { content: none; } .businessSolutionsLanding .contentContainer br { display: none; } .businessSolutionsLanding .contentContainer .prod-menu { margin: 10px 0; padding: 20px 15px 0 20px; } .businessSolutionsLanding .bakery ul li, .businessSolutionsLanding .k-12 ul li, .businessSolutionsLanding .college-convenience ul li, .businessSolutionsLanding .distributor-healthcare ul li, .businessSolutionsLanding .lodging-pizzeria ul li, .businessSolutionsLanding .restaurants-vending-micromart ul li { padding-bottom: 85px; } .businessSolutionsLanding .bakery ul li .li-img img, .businessSolutionsLanding .k-12 ul li .li-img img, .businessSolutionsLanding .college-convenience ul li .li-img img, .businessSolutionsLanding .distributor-healthcare ul li .li-img img, .businessSolutionsLanding .lodging-pizzeria ul li .li-img img, .businessSolutionsLanding .restaurants-vending-micromart ul li .li-img img { width: 100%; height: auto; } .businessSolutionsLanding .bakery ul li .li-description, .businessSolutionsLanding .k-12 ul li .li-description, .businessSolutionsLanding .college-convenience ul li .li-description, .businessSolutionsLanding .distributor-healthcare ul li .li-description, .businessSolutionsLanding .lodging-pizzeria ul li .li-description, .businessSolutionsLanding .restaurants-vending-micromart ul li .li-description { display: none; } .businessSolutionsLanding .bakery ul li .li-description-wrapper, .businessSolutionsLanding .k-12 ul li .li-description-wrapper, .businessSolutionsLanding .college-convenience ul li .li-description-wrapper, .businessSolutionsLanding .distributor-healthcare ul li .li-description-wrapper, .businessSolutionsLanding .lodging-pizzeria ul li .li-description-wrapper, .businessSolutionsLanding .restaurants-vending-micromart ul li .li-description-wrapper { background-color: #0054a6; margin-top: -30px; position: absolute; width: 95%; height: 110px; left: 0; } .businessSolutionsLanding .bakery ul li .li-description-wrapper .li-title, .businessSolutionsLanding .k-12 ul li .li-description-wrapper .li-title, .businessSolutionsLanding .college-convenience ul li .li-description-wrapper .li-title, .businessSolutionsLanding .distributor-healthcare ul li .li-description-wrapper .li-title, .businessSolutionsLanding .lodging-pizzeria ul li .li-description-wrapper .li-title, .businessSolutionsLanding .restaurants-vending-micromart ul li .li-description-wrapper .li-title { height: 26px; width: auto; padding: 30px 30px; } .businessSolutionsLanding .bakery ul li .li-description-wrapper .li-title a, .businessSolutionsLanding .k-12 ul li .li-description-wrapper .li-title a, .businessSolutionsLanding .college-convenience ul li .li-description-wrapper .li-title a, .businessSolutionsLanding .distributor-healthcare ul li .li-description-wrapper .li-title a, .businessSolutionsLanding .lodging-pizzeria ul li .li-description-wrapper .li-title a, .businessSolutionsLanding .restaurants-vending-micromart ul li .li-description-wrapper .li-title a { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.91px; } .businessSolutionsLanding .bakery ul li .li-description-wrapper .learnmore, .businessSolutionsLanding .k-12 ul li .li-description-wrapper .learnmore, .businessSolutionsLanding .college-convenience ul li .li-description-wrapper .learnmore, .businessSolutionsLanding .distributor-healthcare ul li .li-description-wrapper .learnmore, .businessSolutionsLanding .lodging-pizzeria ul li .li-description-wrapper .learnmore, .businessSolutionsLanding .restaurants-vending-micromart ul li .li-description-wrapper .learnmore { display: inline-block; margin: 5px 30px; height: 16px; width: auto; } .businessSolutionsLanding .bakery ul li .li-description-wrapper .learnmore a, .businessSolutionsLanding .k-12 ul li .li-description-wrapper .learnmore a, .businessSolutionsLanding .college-convenience ul li .li-description-wrapper .learnmore a, .businessSolutionsLanding .distributor-healthcare ul li .li-description-wrapper .learnmore a, .businessSolutionsLanding .lodging-pizzeria ul li .li-description-wrapper .learnmore a, .businessSolutionsLanding .restaurants-vending-micromart ul li .li-description-wrapper .learnmore a { font-family: "Roboto Condensed", sans-serif; font-size: 18px; font-size: 1.125rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; } .businessSolutionsLanding .k-12 ul li .li-description-wrapper { background-color: #0074c1; right: 0; left: unset; } .businessSolutionsLanding .college-convenience ul > li:nth-child(1) .li-description-wrapper { background-color: #0074c1; right: 0; left: unset; } .businessSolutionsLanding .college-convenience ul > li:nth-child(2) .li-description-wrapper { background-color: #00828a; } .businessSolutionsLanding .distributor-healthcare ul > li:nth-child(1) .li-description-wrapper { background-color: #00a839; right: 0; left: unset; } .businessSolutionsLanding .distributor-healthcare ul > li:nth-child(2) .li-description-wrapper { background-color: #0054a6; } .businessSolutionsLanding .lodging-pizzeria ul > li:nth-child(1) .li-description-wrapper { background-color: #00828a; } .businessSolutionsLanding .lodging-pizzeria ul > li:nth-child(2) .li-description-wrapper { background-color: #00a839; right: 0; left: unset; } .businessSolutionsLanding .restaurants-vending-micromart { padding-bottom: 20px; } .businessSolutionsLanding .restaurants-vending-micromart ul > li:nth-child(1) .li-description-wrapper { background-color: #0054a6; } .businessSolutionsLanding .restaurants-vending-micromart ul > li:nth-child(2) .li-description-wrapper { background-color: #00828a; right: 0; left: unset; } .businessSolutionsDetail .businessBannerImage { overflow: hidden; } .businessSolutionsDetail .businessBannerImage .contentListItems .headerWithTextOverlay .imageContainerNoClick { width: 100 vw; height: 100px; background-repeat: no-repeat; background-size: contain; } .businessSolutionsDetail .businessBannerImage .contentListItems .headerWithTextOverlay .textNoClick { display: none; } .businessSolutionsDetail .prod-menu { margin: 10px 20px; padding-bottom: 0; } .businessSolutionsDetail .prod-menu + br { display: none; } .businessSolutionsDetail .exploreProducts { float: left; margin: 50px 0 0 0; } .businessSolutionsDetail .scrollContainer { float: right; } .businessSolutionsDetail .featuredRecipes { display: inline-block; } .businessSolutionsDetail .threeColumnFeatureArticles { margin: 10px; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .FeaturedContentLabel { padding: 15px 20px 10px 20px; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .FeaturedContentLabel span { font-size: 20px; padding: 0 10px 10px 0; color: #fa6400; font-family: "Roboto Slab", serif; font-weight: 400; line-height: 28px; letter-spacing: 0.95px; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem { display: inline-block; width: 100%; padding: 15px 0; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem:nth-child(2) { width: 100%; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem:nth-child(3) { width: 100%; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .collection-list { width: 100%; float: left; padding: 2% 5%; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .collection-list .li-img { width: 100%; height: 200px; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .collection-list .li-img img { width: 100%; height: 100%; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper { float: left; padding-left: 5%; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; letter-spacing: 0.5px; padding-right: 30px; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title a { color: #0054a6; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .li-description { display: none; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore { display: none; } .businessSolutionsDetail .featuredArticle ~ .ProductCategoryHighlight { display: none; } .businessSolutionsDetail .threeColumnFeatureArticles ~ .ProductCategoryHighlight { display: block; width: 100%; padding: 0 20px 30px; } .businessSolutionsDetail .exploreProducts ~ .ProductCategoryHighlight { display: none; } .businessSolutionsDetail .featuredRecipes ~ .ProductCategoryHighlight, .businessSolutionsDetail .fourColumnContent ~ .mobileViewAll { display: block; width: 100%; padding: 0 20px 30px; } .ProductCategoryHighlight { margin: 0 auto; width: 290px; } .ProductCategoryHighlight h2 { display: none; } .ProductCategoryHighlight .Link { background-color: #0074c1; border-radius: 3px; padding: 5px; text-align: center; } .ProductCategoryHighlight .Link a { color: #ffffff; font-family: "Roboto", sans-serif; font-weight: 500; font-size: 0.75rem; line-height: 1.5rem; letter-spacing: .6px; } .oneColumnArticle .contentContainer, .twoColumnArticle .contentContainer { padding: 20px; } .oneColumnArticle .contentContainer .titleSEOText h1, .twoColumnArticle .contentContainer .titleSEOText h1 { font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #fa6400; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; margin-bottom: 20px; } .oneColumnArticle .contentContainer .SEOTextContainer, .twoColumnArticle .contentContainer .SEOTextContainer { font-family: "Roboto", sans-serif; font-weight: 500; font-size: 0.875rem; line-height: 1.375rem; font-weight: lighter; margin-bottom: 10px; } .oneColumnArticle .contentContainer .richTextArea, .twoColumnArticle .contentContainer .richTextArea { font-family: "Roboto", sans-serif; font-weight: 300; font-size: 1rem; line-height: 1.75rem; } .oneColumnArticle .contentContainer .richTextArea p, .twoColumnArticle .contentContainer .richTextArea p { margin: 15px 0; } .oneColumnArticle .contentContainer .richTextArea p a, .twoColumnArticle .contentContainer .richTextArea p a { color: #0054a6; font-weight: 500; } .oneColumnArticle .contentContainer .richTextArea p a:hover, .twoColumnArticle .contentContainer .richTextArea p a:hover { color: #0074c1; text-decoration: underline; } .oneColumnArticle .contentContainer .richTextArea ol, .twoColumnArticle .contentContainer .richTextArea ol { margin: 0 0 1em 1em; list-style-type: decimal; } .oneColumnArticle .contentContainer .richTextArea ol li, .twoColumnArticle .contentContainer .richTextArea ol li { font-size: 20px; font-size: 1.25rem; color: #4b4b4b; padding: 5px 0; } .oneColumnArticle .contentContainer .richTextArea ul, .twoColumnArticle .contentContainer .richTextArea ul { margin: 0 0 1em 1em; } .oneColumnArticle .contentContainer .richTextArea ul li, .twoColumnArticle .contentContainer .richTextArea ul li { list-style-type: disc; font-size: 16px; font-size: 1rem; padding: 5px 0; } .oneColumnArticle .contentContainer .richTextArea ul li a, .twoColumnArticle .contentContainer .richTextArea ul li a { color: #0054a6; font-weight: 500; } .oneColumnArticle .contentContainer .richTextArea ul li a:hover, .twoColumnArticle .contentContainer .richTextArea ul li a:hover { color: #0074c1; text-decoration: underline; } .oneColumnArticle .contentContainer .richTextArea em, .twoColumnArticle .contentContainer .richTextArea em { font-style: oblique; } .oneColumnArticle .contentContainer .richTextArea h1, .twoColumnArticle .contentContainer .richTextArea h1 { font-family: "Roboto", sans-serif; font-size: 24px; font-size: 1.5rem; color: #4b4b4b; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 10px; } .oneColumnArticle .contentContainer .richTextArea h2, .twoColumnArticle .contentContainer .richTextArea h2 { font-family: "Roboto", sans-serif; font-size: 24px; font-size: 1.5rem; color: #4b4b4b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 10px 0; } .oneColumnArticle .contentContainer .richTextArea h3, .twoColumnArticle .contentContainer .richTextArea h3 { font-family: "Roboto", sans-serif; font-size: 32px; font-size: 2rem; color: #4b4b4b; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 10px 0; } .oneColumnArticle .contentContainer .richTextArea h4, .twoColumnArticle .contentContainer .richTextArea h4 { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #808080; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 10px 0; } .oneColumnArticle .contentContainer .richTextArea small, .twoColumnArticle .contentContainer .richTextArea small { font-size: 12px; } .oneColumnArticle .contentContainer #articleMainContent .contentList, .twoColumnArticle .contentContainer #articleMainContent .contentList { padding: 0; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite { -moz-box-sizing: border-box; border: solid 2px #f4f4f4; margin: 15px 0 30px; padding: 15px; font-family: "Roboto", sans-serif; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite a:link, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite a:link, .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite a:visited, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite a:visited { color: #0074c1; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite a:link h2, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite a:link h2, .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite a:visited h2, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite a:visited h2 { color: #4b4b4b; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite h3, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite h3 { font-family: "Roboto", sans-serif; font-weight: 700; font-size: 24px; font-size: 1.5rem; text-transform: uppercase; color: #ce7014; padding: 20px 0 10px; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite ul, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite ul { margin: 0; font-family: "Roboto", sans-serif; font-weight: 300; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite ul li, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite ul li { font-size: 20px; font-size: 1.25rem; padding-bottom: 0; color: #4b4b4b; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite ul li h4, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite ul li h4 { background: #dbdbdb; color: #000000; font-size: 16px; font-size: 1rem; font-family: "Roboto", sans-serif; font-weight: 700; padding: 5px; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite ul li span, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite ul li span { color: #4b4b4b; padding: 0; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper:before, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper:before, .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper:after, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper:after { content: ""; display: table; line-height: 0; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper:after, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper:after { clear: both; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper img, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper img { display: inline-block; float: left; margin: 0 15px 15px 0; width: 40%; padding: 10px; background-color: #e8e8e8; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper h2, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper h2 { margin: 0; font-family: "Archivo Black", sans-serif; font-size: 24px; font-size: 1.5rem; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info { float: left; width: 40%; margin-top: 20px; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info a, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info a { display: block; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.basic-info, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.basic-info { margin-top: 5px; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.basic-info span, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.basic-info span { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #808080; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 100; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.basic-info, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.basic-info, .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.secondary-info, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.secondary-info, .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.rating, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.rating { clear: both; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.basic-info span.separator, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.basic-info span.separator, .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.secondary-info span.separator, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.secondary-info span.separator, .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.rating span.separator, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.rating span.separator { display: none; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite p, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite p { padding-bottom: 0; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .description, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .description, .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .description p, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .description p, .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .description span, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .description span { color: #003d78; font-size: 1.25rem; line-height: 1.75rem; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-ingredients li, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-ingredients li { border-top: solid 2px #dbdbdb; padding: 5px 0 7px; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep { font-size: 1.25rem; line-height: 1.75rem; font-weight: 300; color: #4b4b4b; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep ol, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep ol { margin: 0 0 10px; counter-reset: i 0; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep ol li, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep ol li { font-size: 16px; color: #4b4b4b; padding: 0 0 10px 28px; position: relative; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep ol li:before, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep ol li:before { content: counter(i); counter-increment: i; color: #ce7014; position: absolute; top: 0; left: 0; font-weight: 700; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep ol li .impliedHeading, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep ol li .impliedHeading { margin: 0; font-family: "Roboto", sans-serif; font-weight: 300; text-transform: none; display: inline; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep ol li .impliedHeading.bakeHeading, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep ol li .impliedHeading.bakeHeading { display: inline; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep ol li .impliedHeading.bakeHeading:after, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep ol li .impliedHeading.bakeHeading:after { content: ""; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep p, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep p { font-size: 16px; color: #4b4b4b; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep strong, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep strong { font-weight: 300; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep span, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep span { color: #4b4b4b; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep span.recipeMethodStep, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep span.recipeMethodStep { color: #ce7014; font-weight: 700; padding-right: 18px; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep .impliedHeading, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep .impliedHeading { font-family: "Roboto Condensed", sans-serif; font-weight: 700; text-transform: uppercase; margin: 10px 0 0; display: inline-block; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep .impliedHeading br, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep .impliedHeading br { display: none; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep .impliedHeading:after, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep .impliedHeading:after { content: "\00a0"; } .oneColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep .impliedHeading.bakeHeading, .twoColumnArticle .contentContainer #articleMainContent .contentList .contentListItems .recipe-lite .recipe-lite-prep .impliedHeading.bakeHeading { display: block; } .oneColumnArticle .contentContainer #articleMainContent .gallery, .twoColumnArticle .contentContainer #articleMainContent .gallery { padding: 0; margin: 0; } .oneColumnArticle .contentContainer #articleMainContent .gallery .gallery-header, .twoColumnArticle .contentContainer #articleMainContent .gallery .gallery-header { padding: 15px 0 15px 0; } .oneColumnArticle .contentContainer #articleMainContent .gallery li, .twoColumnArticle .contentContainer #articleMainContent .gallery li { padding: 0 15px 30px 0; } .oneColumnArticle .contentContainer #articleMainContent .gallery.li li, .twoColumnArticle .contentContainer #articleMainContent .gallery.li li { margin: 0 15px 30px 0; } .oneColumnArticle .contentContainer #articleMainContent .slideshowList, .twoColumnArticle .contentContainer #articleMainContent .slideshowList { margin-bottom: 30px; max-width: 638px; } .oneColumnArticle .contentContainer #articleMainContent .slideshowList:before, .twoColumnArticle .contentContainer #articleMainContent .slideshowList:before { background-image: none; } .oneColumnArticle .contentContainer #articleMainContent .slideshowList .slideshowContainer .slideshow-wrapper .slideshow ul li, .twoColumnArticle .contentContainer #articleMainContent .slideshowList .slideshowContainer .slideshow-wrapper .slideshow ul li { top: auto; bottom: 0; } .oneColumnArticle .contentContainer #articleMainContent .slideshowList .slideshowControlWrapper, .twoColumnArticle .contentContainer #articleMainContent .slideshowList .slideshowControlWrapper { margin-bottom: 12px; } .oneColumnArticle .contentContainer #articleMainContent .featuredContentWithImage .pullQuoteText .pullQuoteLinkText.ContributorLink, .twoColumnArticle .contentContainer #articleMainContent .featuredContentWithImage .pullQuoteText .pullQuoteLinkText.ContributorLink { font-size: 16px; font-size: 1rem; padding-top: 0; } .oneColumnArticle .contentContainer #articleMainContent .videoDetail, .twoColumnArticle .contentContainer #articleMainContent .videoDetail { margin: 0; } .oneColumnArticle .contentContainer #articleMainContent .slideshowContainer .controls-wrapper, .twoColumnArticle .contentContainer #articleMainContent .slideshowContainer .controls-wrapper { display: block; } .oneColumnArticle .contentContainer .actionToolbarScrollBox #primaryActionToolbarSection .actionToolbarHorizontal.articleActionToolbarHorizontal ul, .twoColumnArticle .contentContainer .actionToolbarScrollBox #primaryActionToolbarSection .actionToolbarHorizontal.articleActionToolbarHorizontal ul { display: flex; width: 100%; } .oneColumnArticle .contentContainer .actionToolbarScrollBox #primaryActionToolbarSection .actionToolbarHorizontal.articleActionToolbarHorizontal ul li .atbName, .twoColumnArticle .contentContainer .actionToolbarScrollBox #primaryActionToolbarSection .actionToolbarHorizontal.articleActionToolbarHorizontal ul li .atbName { margin-left: 2px; } .oneColumnArticle .contentContainer .actionToolbarScrollBox #primaryActionToolbarSection .actionToolbarHorizontal.articleActionToolbarHorizontal ul li::before, .twoColumnArticle .contentContainer .actionToolbarScrollBox #primaryActionToolbarSection .actionToolbarHorizontal.articleActionToolbarHorizontal ul li::before { margin-left: 10px; } .oneColumnArticle .callToAction span a, .twoColumnArticle .callToAction span a { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background-color: #0074c1; border-radius: 3px; font-weight: 500; letter-spacing: .5px; position: relative; display: inline-block; padding: 3px 10px; } .oneColumnArticle .actionToolbarScrollBox, .twoColumnArticle .actionToolbarScrollBox { margin: -20px; } .oneColumnArticle .actionToolbarScrollBox .actionToolbarVertical, .twoColumnArticle .actionToolbarScrollBox .actionToolbarVertical { display: none; } .oneColumnArticle .actionToolbarScrollBox .actionToolbarHorizontal, .twoColumnArticle .actionToolbarScrollBox .actionToolbarHorizontal { background-color: #ffffff; border-top: 1px solid #757575; position: fixed; bottom: 0; width: 100%; height: 60px; z-index: 1000; } .oneColumnArticle .actionToolbarScrollBox .actionToolbarHorizontal .atButtons, .twoColumnArticle .actionToolbarScrollBox .actionToolbarHorizontal .atButtons { display: flex; width: 100%; } .oneColumnArticle .actionToolbarScrollBox .actionToolbarHorizontal .atButtons li, .twoColumnArticle .actionToolbarScrollBox .actionToolbarHorizontal .atButtons li { width: 15%; height: 65px; position: relative; cursor: pointer; padding-left: 0; box-sizing: border-box; } .oneColumnArticle .actionToolbarScrollBox .actionToolbarHorizontal .atButtons li::before, .twoColumnArticle .actionToolbarScrollBox .actionToolbarHorizontal .atButtons li::before { top: 10px; } .oneColumnArticle .actionToolbarScrollBox .actionToolbarHorizontal .atButtons li .atbName, .twoColumnArticle .actionToolbarScrollBox .actionToolbarHorizontal .atButtons li .atbName { margin-left: 7px; bottom: 15px; } .oneColumnArticle .scroller-header > h3, .twoColumnArticle .scroller-header > h3 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .oneColumnArticle .scrollerList, .twoColumnArticle .scrollerList { padding: 20px 0 10px; width: 100%; } .oneColumnArticle .scrollerList .scroller-header h3, .twoColumnArticle .scrollerList .scroller-header h3 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .oneColumnArticle .scrollerList .collectionScrollerWrapper, .twoColumnArticle .scrollerList .collectionScrollerWrapper { margin: 0; } .oneColumnArticle .scrollerList .collectionScrollerWrapper .collectionScrollerPrevious:nth-child(2), .twoColumnArticle .scrollerList .collectionScrollerWrapper .collectionScrollerPrevious:nth-child(2) { display: none; } .oneColumnArticle .scrollerList .collectionScrollerWrapper .collectionScrollerNext:nth-child(3), .twoColumnArticle .scrollerList .collectionScrollerWrapper .collectionScrollerNext:nth-child(3) { display: none; } .oneColumnArticle .scrollerList .collectionScrollerWrapper .collectionScrollerContainer, .twoColumnArticle .scrollerList .collectionScrollerWrapper .collectionScrollerContainer { margin: 0; } .oneColumnArticle .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul, .twoColumnArticle .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul { margin: 20px 0; } .oneColumnArticle .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li h2 a, .twoColumnArticle .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li h2 a, .oneColumnArticle .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul a:visited, .twoColumnArticle .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul a:visited { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.45px; } .oneColumnArticle .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li h2 a:hover, .twoColumnArticle .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li h2 a:hover, .oneColumnArticle .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul a:visited:hover, .twoColumnArticle .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul a:visited:hover { color: #0074c1; text-decoration: underline; } .oneColumnArticle .blog #right .gallery, .twoColumnArticle .blog #right .gallery { padding: 0; } .oneColumnArticle .blog .actionBoxes li a, .twoColumnArticle .blog .actionBoxes li a { margin-left: 2px; } .oneColumnArticle .blog .list-item-grid .collectionListItem, .twoColumnArticle .blog .list-item-grid .collectionListItem { box-sizing: border-box; padding: 0 20px 30px 0; } .oneColumnArticle .blog .list-item-grid .collectionListItem .li-img img, .twoColumnArticle .blog .list-item-grid .collectionListItem .li-img img { width: 100%; } .oneColumnArticle .contentList .gallery-header h3, .twoColumnArticle .contentList .gallery-header h3 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: bold; letter-spacing: 0.5px; } .oneColumnArticle .contentList .contentListItems ul li, .twoColumnArticle .contentList .contentListItems ul li, .oneColumnArticle .contentList .productsFeaturedContentFor2Item ul li, .twoColumnArticle .contentList .productsFeaturedContentFor2Item ul li { width: 100%; box-sizing: border-box; display: inline-block; vertical-align: top; margin: 10px 0; } .oneColumnArticle .contentList .contentListItems ul li .li-img img, .twoColumnArticle .contentList .contentListItems ul li .li-img img, .oneColumnArticle .contentList .productsFeaturedContentFor2Item ul li .li-img img, .twoColumnArticle .contentList .productsFeaturedContentFor2Item ul li .li-img img { width: 100%; } .oneColumnArticle .contentList .contentListItems ul li .li-text a, .twoColumnArticle .contentList .contentListItems ul li .li-text a, .oneColumnArticle .contentList .productsFeaturedContentFor2Item ul li .li-text a, .twoColumnArticle .contentList .productsFeaturedContentFor2Item ul li .li-text a, .oneColumnArticle .contentList .contentListItems ul li .properties, .twoColumnArticle .contentList .contentListItems ul li .properties, .oneColumnArticle .contentList .productsFeaturedContentFor2Item ul li .properties, .twoColumnArticle .contentList .productsFeaturedContentFor2Item ul li .properties, .oneColumnArticle .contentList .contentListItems ul li .li-title a, .twoColumnArticle .contentList .contentListItems ul li .li-title a, .oneColumnArticle .contentList .productsFeaturedContentFor2Item ul li .li-title a, .twoColumnArticle .contentList .productsFeaturedContentFor2Item ul li .li-title a { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.45px; margin: 5px 0; } .oneColumnArticle .contentList .contentListItems ul li .li-text a:hover, .twoColumnArticle .contentList .contentListItems ul li .li-text a:hover, .oneColumnArticle .contentList .productsFeaturedContentFor2Item ul li .li-text a:hover, .twoColumnArticle .contentList .productsFeaturedContentFor2Item ul li .li-text a:hover { color: #0074c1; text-decoration: underline; } .oneColumnArticle .contentList .contentListItems ul li .li-description, .twoColumnArticle .contentList .contentListItems ul li .li-description, .oneColumnArticle .contentList .productsFeaturedContentFor2Item ul li .li-description, .twoColumnArticle .contentList .productsFeaturedContentFor2Item ul li .li-description { font-family: "Roboto", sans-serif; font-weight: 300; font-size: 1rem; line-height: 1.5rem; } .oneColumnArticle .contentList .contentListItems ul li .learnmore, .twoColumnArticle .contentList .contentListItems ul li .learnmore, .oneColumnArticle .contentList .productsFeaturedContentFor2Item ul li .learnmore, .twoColumnArticle .contentList .productsFeaturedContentFor2Item ul li .learnmore { letter-spacing: 0.58px; } .oneColumnArticle .contentList .contentListItems ul li .learnmore a, .twoColumnArticle .contentList .contentListItems ul li .learnmore a, .oneColumnArticle .contentList .productsFeaturedContentFor2Item ul li .learnmore a, .twoColumnArticle .contentList .productsFeaturedContentFor2Item ul li .learnmore a { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .oneColumnArticle .contentList .productsFeaturedContentFor3Item ul li, .twoColumnArticle .contentList .productsFeaturedContentFor3Item ul li { float: left; width: 48%; } .oneColumnArticle .contentList .productsFeaturedContentFor3Item ul li:nth-child(1), .twoColumnArticle .contentList .productsFeaturedContentFor3Item ul li:nth-child(1) { width: 100%; } .oneColumnArticle .contentList .productsFeaturedContentFor3Item ul li:nth-child(2), .twoColumnArticle .contentList .productsFeaturedContentFor3Item ul li:nth-child(2) { padding-right: 10px; } .oneColumnArticle .contentList .productsFeaturedContentFor3Item ul li:nth-child(2) .li-description, .twoColumnArticle .contentList .productsFeaturedContentFor3Item ul li:nth-child(2) .li-description { display: none; } .oneColumnArticle .contentList .productsFeaturedContentFor3Item ul li:nth-child(3), .twoColumnArticle .contentList .productsFeaturedContentFor3Item ul li:nth-child(3) { padding-left: 10px; } .oneColumnArticle .contentList .productsFeaturedContentFor3Item ul li:nth-child(3) .li-description, .twoColumnArticle .contentList .productsFeaturedContentFor3Item ul li:nth-child(3) .li-description { display: none; } .oneColumnArticle .contentList .contentListMoreButton, .twoColumnArticle .contentList .contentListMoreButton { background-color: #ffffff; background-image: none; border: 1px solid #0054a6; color: #808080; cursor: pointer; display: block; font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-size: 18px; padding: 8px 16px; margin: 0 auto 40px; text-align: center; width: 25%; text-transform: none; } .oneColumnArticle .contentList .contentListMoreButton:hover, .twoColumnArticle .contentList .contentListMoreButton:hover { background-color: #0054a6; color: #ffffff; } .oneColumnArticle .attribution, .twoColumnArticle .attribution { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .oneColumnArticle .attribution .attributionImage, .twoColumnArticle .attribution .attributionImage { display: inline-block; vertical-align: middle; width: 70px; margin-right: 8px; } .oneColumnArticle .attribution .attributionImage img, .twoColumnArticle .attribution .attributionImage img { display: block; height: auto; max-width: 100%; } .oneColumnArticle .attribution .attributionWrapper, .twoColumnArticle .attribution .attributionWrapper { display: inline-block; vertical-align: middle; line-height: 1.35; } .oneColumnArticle .attribution .attributionWrapper span, .twoColumnArticle .attribution .attributionWrapper span { color: #4b4b4b; } .oneColumnArticle .attribution .attributionWrapper a, .twoColumnArticle .attribution .attributionWrapper a { color: #4b4b4b; text-decoration: none; } .oneColumnArticle .attribution .attributionWrapper a:link, .twoColumnArticle .attribution .attributionWrapper a:link, .oneColumnArticle .attribution .attributionWrapper a:visited, .twoColumnArticle .attribution .attributionWrapper a:visited { color: #0054a6; } .oneColumnArticle .attribution .attributionWrapper a:link:hover, .twoColumnArticle .attribution .attributionWrapper a:link:hover, .oneColumnArticle .attribution .attributionWrapper a:visited:hover, .twoColumnArticle .attribution .attributionWrapper a:visited:hover { text-decoration: underline; } .oneColumnArticle .gmfsTwoColumnStack, .twoColumnArticle .gmfsTwoColumnStack, .oneColumnArticle .gmfsThreeColumnStack, .twoColumnArticle .gmfsThreeColumnStack { width: 100%; } .oneColumnArticle .gmfsTwoColumnStack .gmfsFirstColumn, .twoColumnArticle .gmfsTwoColumnStack .gmfsFirstColumn, .oneColumnArticle .gmfsThreeColumnStack .gmfsFirstColumn, .twoColumnArticle .gmfsThreeColumnStack .gmfsFirstColumn, .oneColumnArticle .gmfsTwoColumnStack .gmfsSecondColumn, .twoColumnArticle .gmfsTwoColumnStack .gmfsSecondColumn, .oneColumnArticle .gmfsThreeColumnStack .gmfsSecondColumn, .twoColumnArticle .gmfsThreeColumnStack .gmfsSecondColumn, .oneColumnArticle .gmfsTwoColumnStack .gmfsThirdColumn, .twoColumnArticle .gmfsTwoColumnStack .gmfsThirdColumn, .oneColumnArticle .gmfsThreeColumnStack .gmfsThirdColumn, .twoColumnArticle .gmfsThreeColumnStack .gmfsThirdColumn { width: 100%; } .oneColumnArticle .gmfsTwoColumnStack .gmfsFirstColumn .details, .twoColumnArticle .gmfsTwoColumnStack .gmfsFirstColumn .details, .oneColumnArticle .gmfsThreeColumnStack .gmfsFirstColumn .details, .twoColumnArticle .gmfsThreeColumnStack .gmfsFirstColumn .details, .oneColumnArticle .gmfsTwoColumnStack .gmfsSecondColumn .details, .twoColumnArticle .gmfsTwoColumnStack .gmfsSecondColumn .details, .oneColumnArticle .gmfsThreeColumnStack .gmfsSecondColumn .details, .twoColumnArticle .gmfsThreeColumnStack .gmfsSecondColumn .details, .oneColumnArticle .gmfsTwoColumnStack .gmfsThirdColumn .details, .twoColumnArticle .gmfsTwoColumnStack .gmfsThirdColumn .details, .oneColumnArticle .gmfsThreeColumnStack .gmfsThirdColumn .details, .twoColumnArticle .gmfsThreeColumnStack .gmfsThirdColumn .details { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background-color: #0074c1; border-radius: 3px; font-weight: 500; letter-spacing: .5px; position: relative; display: inline-block; padding: 3px 10px; } .oneColumnArticle .gmfsTwoColumnStack .gmfsFirstColumn .richTextArea .bioDescrip h3, .twoColumnArticle .gmfsTwoColumnStack .gmfsFirstColumn .richTextArea .bioDescrip h3, .oneColumnArticle .gmfsThreeColumnStack .gmfsFirstColumn .richTextArea .bioDescrip h3, .twoColumnArticle .gmfsThreeColumnStack .gmfsFirstColumn .richTextArea .bioDescrip h3, .oneColumnArticle .gmfsTwoColumnStack .gmfsSecondColumn .richTextArea .bioDescrip h3, .twoColumnArticle .gmfsTwoColumnStack .gmfsSecondColumn .richTextArea .bioDescrip h3, .oneColumnArticle .gmfsThreeColumnStack .gmfsSecondColumn .richTextArea .bioDescrip h3, .twoColumnArticle .gmfsThreeColumnStack .gmfsSecondColumn .richTextArea .bioDescrip h3, .oneColumnArticle .gmfsTwoColumnStack .gmfsThirdColumn .richTextArea .bioDescrip h3, .twoColumnArticle .gmfsTwoColumnStack .gmfsThirdColumn .richTextArea .bioDescrip h3, .oneColumnArticle .gmfsThreeColumnStack .gmfsThirdColumn .richTextArea .bioDescrip h3, .twoColumnArticle .gmfsThreeColumnStack .gmfsThirdColumn .richTextArea .bioDescrip h3 { font-size: 1.25rem; line-height: 1.125rem; font-family: "Roboto", sans-serif; font-weight: 400; } .oneColumnArticle .gmfsTwoColumnStack .gmfsFirstColumn .richTextArea .bioDescrip p, .twoColumnArticle .gmfsTwoColumnStack .gmfsFirstColumn .richTextArea .bioDescrip p, .oneColumnArticle .gmfsThreeColumnStack .gmfsFirstColumn .richTextArea .bioDescrip p, .twoColumnArticle .gmfsThreeColumnStack .gmfsFirstColumn .richTextArea .bioDescrip p, .oneColumnArticle .gmfsTwoColumnStack .gmfsSecondColumn .richTextArea .bioDescrip p, .twoColumnArticle .gmfsTwoColumnStack .gmfsSecondColumn .richTextArea .bioDescrip p, .oneColumnArticle .gmfsThreeColumnStack .gmfsSecondColumn .richTextArea .bioDescrip p, .twoColumnArticle .gmfsThreeColumnStack .gmfsSecondColumn .richTextArea .bioDescrip p, .oneColumnArticle .gmfsTwoColumnStack .gmfsThirdColumn .richTextArea .bioDescrip p, .twoColumnArticle .gmfsTwoColumnStack .gmfsThirdColumn .richTextArea .bioDescrip p, .oneColumnArticle .gmfsThreeColumnStack .gmfsThirdColumn .richTextArea .bioDescrip p, .twoColumnArticle .gmfsThreeColumnStack .gmfsThirdColumn .richTextArea .bioDescrip p { font-size: 16px; font-size: 1rem; } .oneColumnArticle .GMFSBlogList ul li, .twoColumnArticle .GMFSBlogList ul li { display: inline-block; width: 100%; } .oneColumnArticle .GMFSBlogList ul li .li-img, .twoColumnArticle .GMFSBlogList ul li .li-img { width: 100%; height: auto; } .oneColumnArticle .GMFSBlogList ul li .li-img img, .twoColumnArticle .GMFSBlogList ul li .li-img img { width: 100%; } .oneColumnArticle .GMFSBlogList ul li .li-description-wrapper, .twoColumnArticle .GMFSBlogList ul li .li-description-wrapper { margin: 10px 0; } .oneColumnArticle .GMFSBlogList ul li .li-description-wrapper .li-title a, .twoColumnArticle .GMFSBlogList ul li .li-description-wrapper .li-title a { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.45px; } .oneColumnArticle .GMFSBlogList ul li .li-description-wrapper .li-description, .twoColumnArticle .GMFSBlogList ul li .li-description-wrapper .li-description { display: none; } .oneColumnArticle .details, .twoColumnArticle .details { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background-color: #0074c1; border-radius: 3px; font-weight: 500; letter-spacing: .5px; position: relative; display: inline-block; padding: 3px 10px; } .oneColumnArticle .details:hover, .twoColumnArticle .details:hover { text-decoration: none; background-color: #0054a6; } .oneColumnArticle .streamlineDivider, .twoColumnArticle .streamlineDivider { position: relative; padding: 15px 0 25px; } .oneColumnArticle .streamlineDivider div, .twoColumnArticle .streamlineDivider div { width: 100%; height: 1px; background-color: #a5b2d1; background-image: none; } .oneColumnArticle .noLinks, .twoColumnArticle .noLinks { display: none; } .oneColumnArticle .noLinks .channelLinksInner, .twoColumnArticle .noLinks .channelLinksInner { padding-bottom: 0; } .oneColumnArticle .channelLinksInner, .twoColumnArticle .channelLinksInner { padding-bottom: 25px; } .oneColumnArticle .channelLinksInner ul li, .twoColumnArticle .channelLinksInner ul li { float: none; font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #6e8090; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 0 5px; } .oneColumnArticle .channelLinksInner ul li .currentPageLink, .twoColumnArticle .channelLinksInner ul li .currentPageLink { color: #fa6400; } .oneColumnArticle .channelLinksInner ul li a, .twoColumnArticle .channelLinksInner ul li a { color: #0054a6; } .oneColumnArticle .channelLinksInner ul li a:hover, .twoColumnArticle .channelLinksInner ul li a:hover { color: #0074c1; text-decoration: underline; } .oneColumnArticle .gmfsAccordion .ui-accordion-header, .twoColumnArticle .gmfsAccordion .ui-accordion-header { cursor: pointer; position: relative; background-color: #dbdbdb; color: #3b3b3b; } .oneColumnArticle .gmfsAccordion .ui-accordion-content, .twoColumnArticle .gmfsAccordion .ui-accordion-content { background-color: #ffffff; } .oneColumnArticle .collectionLinksList, .twoColumnArticle .collectionLinksList { padding: 15px 0; } .oneColumnArticle .collectionLinksList .collectionLinks-header, .twoColumnArticle .collectionLinksList .collectionLinks-header { font-family: "Roboto", sans-serif; font-size: 24px; font-size: 1.5rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .oneColumnArticle .collectionLinksList .collectionLinksWrapper ul li a, .twoColumnArticle .collectionLinksList .collectionLinksWrapper ul li a { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .twoColumnArticle #main { width: 100%; float: left; } .twoColumnArticle #right { width: 100%; float: left; box-sizing: border-box; } .twoColumnArticle #right .contentList .gallery-header h3 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: bold; letter-spacing: 0.5px; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite { -moz-box-sizing: border-box; border: solid 2px #f4f4f4; margin: 15px 0 30px; padding: 15px; font-family: "Roboto", sans-serif; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite a:link, .twoColumnArticle #right .contentList .contentListItems .recipe-lite a:visited { color: #0074c1; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite a:link h2, .twoColumnArticle #right .contentList .contentListItems .recipe-lite a:visited h2 { color: #4b4b4b; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite h3 { font-family: "Roboto", sans-serif; font-weight: 700; font-size: 24px; font-size: 1.5rem; text-transform: uppercase; color: #ce7014; padding: 20px 0 10px; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite ul { margin: 0; font-family: "Roboto", sans-serif; font-weight: 300; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite ul li { font-size: 20px; font-size: 1.25rem; padding-bottom: 0; color: #4b4b4b; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite ul li h4 { background: #dbdbdb; color: #000000; font-size: 16px; font-size: 1rem; font-family: "Roboto", sans-serif; font-weight: 700; padding: 5px; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite ul li span { color: #4b4b4b; padding: 0; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .top-wrapper:before, .twoColumnArticle #right .contentList .contentListItems .recipe-lite .top-wrapper:after { content: ""; display: table; line-height: 0; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .top-wrapper:after { clear: both; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .top-wrapper img { display: inline-block; float: left; margin: 0 15px 15px 0; width: 40%; padding: 10px; background-color: #e8e8e8; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .top-wrapper h2 { margin: 0; font-family: "Archivo Black", sans-serif; font-size: 24px; font-size: 1.5rem; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .top-wrapper .full-info { float: left; width: 40%; margin-top: 20px; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .top-wrapper .full-info a { display: block; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.basic-info { margin-top: 5px; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.basic-info span { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #808080; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 100; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.basic-info, .twoColumnArticle #right .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.secondary-info, .twoColumnArticle #right .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.rating { clear: both; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.basic-info span.separator, .twoColumnArticle #right .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.secondary-info span.separator, .twoColumnArticle #right .contentList .contentListItems .recipe-lite .top-wrapper .full-info div.rating span.separator { display: none; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite p { padding-bottom: 0; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .description, .twoColumnArticle #right .contentList .contentListItems .recipe-lite .description p, .twoColumnArticle #right .contentList .contentListItems .recipe-lite .description span { color: #003d78; font-size: 1.25rem; line-height: 1.75rem; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .recipe-lite-ingredients li { border-top: solid 2px #dbdbdb; padding: 5px 0 7px; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .recipe-lite-prep { font-size: 1.25rem; line-height: 1.75rem; font-weight: 300; color: #4b4b4b; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .recipe-lite-prep ol { margin: 0 0 10px; counter-reset: i 0; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .recipe-lite-prep ol li { font-size: 16px; color: #4b4b4b; padding: 0 0 10px 28px; position: relative; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .recipe-lite-prep ol li:before { content: counter(i); counter-increment: i; color: #ce7014; position: absolute; top: 0; left: 0; font-weight: 700; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .recipe-lite-prep ol li .impliedHeading { margin: 0; font-family: "Roboto", sans-serif; font-weight: 300; text-transform: none; display: inline; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .recipe-lite-prep ol li .impliedHeading.bakeHeading { display: inline; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .recipe-lite-prep ol li .impliedHeading.bakeHeading:after { content: ""; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .recipe-lite-prep p { font-size: 16px; color: #4b4b4b; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .recipe-lite-prep strong { font-weight: 300; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .recipe-lite-prep span { color: #4b4b4b; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .recipe-lite-prep span.recipeMethodStep { color: #ce7014; font-weight: 700; padding-right: 18px; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .recipe-lite-prep .impliedHeading { font-family: "Roboto Condensed", sans-serif; font-weight: 700; text-transform: uppercase; margin: 10px 0 0; display: inline-block; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .recipe-lite-prep .impliedHeading br { display: none; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .recipe-lite-prep .impliedHeading:after { content: "\00a0"; } .twoColumnArticle #right .contentList .contentListItems .recipe-lite .recipe-lite-prep .impliedHeading.bakeHeading { display: block; } .twoColumnArticle .exploreProducts { background-color: #0054a6; margin-left: -20px; } .twoColumnArticle .exploreProducts .contentListItems ul li { margin: 0; } .twoColumnArticle .exploreProducts .contentListItems ul li .collection-list { display: none; } .twoColumnArticle .exploreProducts .contentListItems ul li .li-description-wrapper { padding: 20px 20px 0; } .twoColumnArticle .exploreProducts .contentListItems ul li .li-description-wrapper .li-title a { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; font-weight: 500; } .twoColumnArticle .exploreProducts .contentListItems ul li .li-description-wrapper .li-description { display: none; } .twoColumnArticle .exploreProducts .contentListItems ul li .li-description-wrapper .learnmore { display: block; } .twoColumnArticle .exploreProducts .contentListItems ul li .li-description-wrapper .learnmore a { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-transform: uppercase; } sup { vertical-align: super; } sub { vertical-align: sub; } .oneColumnArticle .contentContainer .contentListItems .buyNowRetailerWrapper .buyNowRetailer ul li, .twoColumnArticle .contentContainer .contentListItems .buyNowRetailerWrapper .buyNowRetailer ul li { width: 100%; } .oneColumnArticle .contentContainer .youTube-Video-Name, .twoColumnArticle .contentContainer .youTube-Video-Name, .oneColumnArticle .contentContainer .youTube-Video-Description, .twoColumnArticle .contentContainer .youTube-Video-Description { visibility: hidden; display: none; } .oneColumnArticle .imageContainer, .twoColumnArticle .imageContainer { display: flex; flex-wrap: wrap; } .oneColumnArticle .imageContainer img, .twoColumnArticle .imageContainer img { width: 47%; padding: 5px; } .oneColumnArticle .ProductCategoryHighlight, .twoColumnArticle .ProductCategoryHighlight { margin: 20px auto 0; width: auto; } .oneColumnArticle .ProductCategoryHighlight h2, .twoColumnArticle .ProductCategoryHighlight h2 { display: block; font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; } .oneColumnArticle .ProductCategoryHighlight .Link, .twoColumnArticle .ProductCategoryHighlight .Link { background-color: #0074c1; border-radius: 3px; padding: 5px; text-align: center; } .oneColumnArticle .ProductCategoryHighlight .Link a, .twoColumnArticle .ProductCategoryHighlight .Link a { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: .6px; } .oneColumnArticle .desktopViewAll, .twoColumnArticle .desktopViewAll { display: none; } .oneColumnArticle .scrollContainer, .twoColumnArticle .scrollContainer { margin: 20px 0 30px; } .oneColumnArticle .scrollContainer .scroller .scrollerContainer, .twoColumnArticle .scrollContainer .scroller .scrollerContainer { margin: 0 -20px; } .oneColumnArticle .scrollContainer .scroller .scrollerContainer .slick-slider, .twoColumnArticle .scrollContainer .scroller .scrollerContainer .slick-slider { padding: 0; } .oneColumnArticle .scrollContainer .articleScroller.GMFSScroller .scrollerTitle, .twoColumnArticle .scrollContainer .articleScroller.GMFSScroller .scrollerTitle { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .oneColumnArticle .scrollContainer .articleScroller.GMFSScroller .scrollerContainer .slick-list.draggable, .twoColumnArticle .scrollContainer .articleScroller.GMFSScroller .scrollerContainer .slick-list.draggable { padding-top: 20px; margin: 0 0 0 -25px; } .oneColumnArticle .scrollContainer .articleScroller.GMFSScroller .scrollerContainer .slick-prev.slick-arrow + .slick-list.draggable, .twoColumnArticle .scrollContainer .articleScroller.GMFSScroller .scrollerContainer .slick-prev.slick-arrow + .slick-list.draggable { margin: 0; } #articleMainImgContainer .ficImage a > span.imageLarge, .featuredImageContent .ficImage a > span.imageLarge { display: none; } #articleMainImgContainer img, .featuredImageContent img { width: 100%; height: auto; padding: 20px 0; } .planogramPicker .titleSEOText { margin: 25px 20px 25px; position: relative; } .planogramPicker .titleSEOText h1 { font-family: "Roboto", sans-serif; font-size: 24px; font-size: 1.5rem; color: #3b3b3b; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .planogramPicker .channelLinksWrapper { display: none; } .planogramPicker .channelLinksInner { display: block; } .planogramPicker .channelLinksInner ul { padding: 0 0 0 20px; justify-content: normal; } .planogramPicker .channelLinksInner ul li a { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #1472c9; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .planogramPicker .channelLinksInner ul li a:hover { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #ce7014; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .planogramPicker #planogramForm img { width: 98%; } .planogramPicker #planogramForm .selectWrap { display: block; width: 95%; padding: 4% 2% 0 2%; float: none; } .planogramPicker #planogramForm .selectWrap select { width: 95%; border: 1px solid #c2c2c2; padding: 10px 5px; color: #4b4b4b; } .planogramPicker #planogramForm .selectWrap ul li a { color: #0a56a4; } .planogramPicker #planogramForm .selectWrap ul li a:hover { color: #177fc6; text-decoration: underline; cursor: pointer; } .collectionPage .titleSEOText { margin: 16px 10px; } .collectionPage .titleSEOText h1 { font-family: "Roboto", sans-serif; font-size: 24px; font-size: 1.5rem; color: #3b3b3b; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .collectionPage #main { float: left; margin: 15px 10px; } .collectionPage #main .contentListItems .list-item-grid2column .mainListItem { float: none; clear: none; width: 50%; padding: 0 10px 20px 0; box-sizing: border-box; display: inline-block; vertical-align: top; margin-right: -5px; } .collectionPage #main .contentListItems .list-item-grid2column .mainListItem a { font-family: "Roboto", sans-serif; font-size: 20px; font-size: 1.25rem; color: #656565; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-decoration: none; white-space: normal; } .collectionPage #main .contentListItems .list-item-grid2column .mainListItem img { width: 100%; } .collectionPage #main p { font-family: "Roboto", sans-serif; font-size: 20px; font-size: 1.25rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: normal; } .collectionPage #main p a { color: #0a56a4; } .collectionPage #main p a:hover { color: #0096ff; } .collectionPage #main h2 { font-family: "Roboto", sans-serif; font-size: 24px; font-size: 1.5rem; color: #656565; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; white-space: normal; font-weight: 300; margin: 10px 0; } .collectionPage #right { display: none; } .articleHubLanding .prod-menu { margin: 45px 20px 25px; } .articleHubLanding .prod-menu + br { display: none; } .articleHubLanding .featuredArticle { padding-bottom: 30px; } .articleHubLanding .featuredArticle ul li .li-img img { width: 100%; height: 230px; } .articleHubLanding .featuredArticle ul li .li-description-wrapper { background-color: #0054a6; margin-top: -30px; position: relative; width: 95%; height: 250px; left: 0; } .articleHubLanding .featuredArticle ul li .li-description-wrapper .li-title { padding: 20px 30px 15px 30px; letter-spacing: 0.91px; } .articleHubLanding .featuredArticle ul li .li-description-wrapper .li-title a { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .articleHubLanding .featuredArticle ul li .li-description-wrapper .li-description { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 0 30px 10px 30px; letter-spacing: 0.58px; } .articleHubLanding .featuredArticle ul li .li-description-wrapper .learnmore { padding: 0 30px 0 30px; letter-spacing: 0.58px; } .articleHubLanding .featuredArticle ul li .li-description-wrapper .learnmore a { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .articleHubLanding .threeColumnFeatureArticles { margin: 10px 10px 35px 10px; } .articleHubLanding .threeColumnFeatureArticles .contentListItems { padding-bottom: 15px; } .articleHubLanding .threeColumnFeatureArticles .contentListItems .productsFeaturedContent .FeaturedContentLabel { padding: 15px 20px 10px 20px; } .articleHubLanding .threeColumnFeatureArticles .contentListItems .productsFeaturedContent .FeaturedContentLabel span { font-size: 20px; padding: 0 10px 10px 0; color: #fa6400; font-family: "Roboto Slab", serif; font-weight: 400; line-height: 28px; letter-spacing: 0.95px; } .articleHubLanding .threeColumnFeatureArticles .contentListItems .productsFeaturedContent .collectionListItem { display: inline-block; width: 100%; padding: 15px 0; } .articleHubLanding .threeColumnFeatureArticles .contentListItems .productsFeaturedContent .collectionListItem .collection-list { width: 100%; float: left; padding: 2% 5%; } .articleHubLanding .threeColumnFeatureArticles .contentListItems .productsFeaturedContent .collectionListItem .collection-list .li-img { width: 100%; height: 200px; } .articleHubLanding .threeColumnFeatureArticles .contentListItems .productsFeaturedContent .collectionListItem .collection-list .li-img img { width: 100%; height: 100%; } .articleHubLanding .threeColumnFeatureArticles .contentListMoreButton { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.65px; text-align: center; display: block; background-color: #0074c1; height: 30px; border-radius: 3px; padding-top: 3px; } .articleHubLanding .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper { float: left; padding-left: 5%; } .articleHubLanding .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; letter-spacing: 0.5px; padding-right: 30px; } .articleHubLanding .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title a { color: #0054a6; } .articleHubLanding .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .li-description { display: none; } .articleHubLanding .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore { display: none; } .recipeByCategory .mainContainer { background-color: #ffffff; } .recipeByCategory .contentContainer br { display: none; } .recipeByCategory .contentContainer .prod-menu { margin: 10px 0; padding: 20px 15px 0 20px; } .recipeByCategory .prod-menu + br { display: none; } .recipeByCategory .productCategoryWrapper .productCategory { margin: 0; } .recipeByCategory .productCategoryWrapper .productCategory .subCategories { top: auto; padding: 15px; } .recipeByCategory .productCategoryWrapper .productCategory .subCategories ul { height: auto; display: flex; flex-wrap: wrap; flex-direction: row; } .recipeByCategory .productCategoryWrapper .productCategory .subCategories ul li { width: 50%; height: auto; display: inline-flex; } .recipeByCategory .productCategoryWrapper .productCategory .subCategories ul li .li-title { display: inline-flex; } .recipeByCategory .productCategoryWrapper .productCategory .title { width: auto; } .recipeByCategory .contentList.contentListWithLeftOpenFilter { margin: 0 15px; } .recipeByCategory .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid { padding: 0; margin: 20px 0 0 0; display: flex; flex-wrap: wrap; } .recipeByCategory .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li { padding: 0 10px; margin: 0 0 30px 0; width: 50%; } .recipeByCategory .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .li-img img { width: 100%; height: 108px; vertical-align: top; } .recipeLanding { background-color: #ffffff; } .recipeLanding .contentContainer br { display: none; } .recipeLanding .contentContainer .prod-menu { margin: 10px 0; padding: 20px 15px 0 20px; } .recipeLanding .productCategoryWrapper { width: 100%; } .recipeLanding .productCategoryWrapper .productCategory { margin: 0; } .recipeLanding .productCategoryWrapper .productCategory .subCategories { top: 20%; padding: 15px 10px; } .recipeLanding .productCategoryWrapper .productCategory .subCategories ul { height: auto; display: flex; flex-wrap: wrap; flex-direction: row; } .recipeLanding .productCategoryWrapper .productCategory .subCategories ul li { width: 50%; } .recipeLanding .productCategoryWrapper .productCategory .title { width: auto; } .recipeLanding .exploreRecipeByProducts, .recipeLanding .exploreRecipeByMeals, .recipeLanding .exploreRecipeBySeasons, .recipeLanding .exploreRecipeBySpecialCollections { margin: 20px 0 0; height: unset; padding: 30px 20px; width: 94%; } .recipeLanding .exploreRecipeByProducts { background-color: #0074c1; } .recipeLanding .exploreRecipeByMeals { float: left; background-color: #00828a; } .recipeLanding .exploreRecipeBySeasons { background-color: #00a839; } .recipeLanding .exploreRecipeBySpecialCollections { float: left; background-color: #0054a6; } .recipeLanding .scrollContainer .scroller .scrollerContainer .slick-slider { padding: 0 0 20px; } .recipeLanding .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track { padding-top: 0; } .recipeLanding .scrollerSeasons, .recipeLanding .scrollerProducts { float: right; } .recipeLanding .scrollerMeals, .recipeLanding .scrollerSpecialCollections { float: left; } .recipeLanding .gallery-header { display: none; } .gmfsAccordion .ui-accordion-header { background-color: #ffffff; cursor: pointer; font-family: "Roboto", sans-serif; font-weight: 400; font-size: 22px; font-size: 1.375rem; padding: 11px 8px 11px 60px; } .gmfsAccordion .ui-accordion-header:focus { outline: none; } .gmfsAccordion .ui-state-active { background-image: url('/GMFS/Assets/Images/Minus.png'); background-repeat: no-repeat; background-position: 10px center; } .gmfsAccordion .ui-accordion-content { border: 1px solid #6e8090; } .gmfsAccordion h3 span.ui-accordion-header-icon, .gmfsAccordion h2 span.ui-accordion-header-icon { display: none; } .featuredRecipes { margin: 10px; } .featuredRecipes .gallery-header h3 { display: block; font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; } .featuredRecipes .productsFeaturedContent .FeaturedContentLabel { padding: 15px 20px 10px 20px; } .featuredRecipes .productsFeaturedContent .FeaturedContentLabel span { font-size: 20px; padding: 0 10px 10px 0; color: #fa6400; font-family: "Roboto Slab", serif; font-weight: 400; line-height: 28px; letter-spacing: 0.95px; } .featuredRecipes .productsFeaturedContent .collectionListItem { display: inline-block; width: 100%; padding: 15px 0; } .featuredRecipes .productsFeaturedContent .collectionListItem:nth-child(2) { width: 100%; } .featuredRecipes .productsFeaturedContent .collectionListItem:nth-child(3) { width: 100%; } .featuredRecipes .productsFeaturedContent .collectionListItem .collection-list { width: 100%; float: left; padding: 2% 5%; } .featuredRecipes .productsFeaturedContent .collectionListItem .collection-list .li-img { width: 100%; height: 200px; } .featuredRecipes .productsFeaturedContent .collectionListItem .collection-list .li-img img { width: 100%; height: 100%; } .featuredRecipes .productsFeaturedContent .collectionListItem .li-description-wrapper { float: left; padding-left: 5%; } .featuredRecipes .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; letter-spacing: 0.5px; padding-right: 30px; } .featuredRecipes .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title a { color: #0054a6; } .featuredRecipes .productsFeaturedContent .collectionListItem .li-description-wrapper .li-description { display: none; } .featuredRecipes .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore { display: none; } .featuredArticle ul li .li-img img { width: 100%; height: 230px; } .featuredArticle ul li .li-description-wrapper { background-color: #0054a6; margin-top: -15px; position: relative; width: 95%; padding-bottom: 5px; left: 0; } .featuredArticle ul li .li-description-wrapper .li-title { padding: 20px 30px 15px 30px; letter-spacing: 0.91px; } .featuredArticle ul li .li-description-wrapper .li-title a { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .featuredArticle ul li .li-description-wrapper .li-description { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 0 30px 10px 30px; letter-spacing: 0.58px; } .featuredArticle ul li .li-description-wrapper .learnmore { padding: 0 30px 0 30px; letter-spacing: 0.58px; } .featuredArticle ul li .li-description-wrapper .learnmore a { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .scrollContainer { margin: 20px 0; display: inline-block; } .scrollContainer .contentList { overflow-y: visible; } .scrollContainer .scroll-item { visibility: hidden; } .scrollContainer .scroller { width: 100vw; display: inline-block; } .scrollContainer .scroller .scrollerContainer { margin: 0 auto; width: 100%; display: inline-block; } .scrollContainer .scroller .scrollerContainer .slick-initialized { visibility: visible; } .scrollContainer .scroller .scrollerContainer .slick-slider { padding-top: 20px; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track { padding-top: 20px; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .slick-slide { opacity: 0.5; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .slick-current { opacity: 1; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .slick-current img { transform: scale(1.1); } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .productItem, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .recipeItem { display: block; text-align: center; padding: 0 10px; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .productItem .contentType, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .recipeItem .contentType { display: none; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .productItem .scrollItemImageBlock, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .recipeItem .scrollItemImageBlock { width: 70%; margin: 0 auto; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .productItem .scrollItemImageBlock .scrollItemImage, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .recipeItem .scrollItemImageBlock .scrollItemImage { width: 120px; height: 120px; vertical-align: top; border: 1px solid #e6e7e8; object-fit: contain; margin: 0 auto; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .productItem .newItem, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .recipeItem .newItem, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .productItem .bestSeller, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .recipeItem .bestSeller, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .productItem .coolSchoolTag, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .recipeItem .coolSchoolTag, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .productItem .k12RegReadyTag, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .recipeItem .k12RegReadyTag { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-radius: 4px; letter-spacing: 0.5px; background-color: #db3700; font-weight: 600; padding: 0 5px; display: inline-block; margin-top: 10px; white-space: nowrap; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .productItem .bestSeller, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .recipeItem .bestSeller { background-color: #00828a; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .productItem .coolSchoolTag, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .recipeItem .coolSchoolTag { background-color: #0054a6; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .productItem .k12RegReadyTag, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .recipeItem .k12RegReadyTag { background-color: #058938; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .productItem .plainBack, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .recipeItem .plainBack { padding: 0 5px; display: inline-block; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .productItem .scrollItemTitle, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-track .recipeItem .scrollItemTitle { width: 100%; font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; letter-spacing: 0.44px; text-align: center; display: block; margin-top: 10px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .exploreMoreBlock { height: 110px; background-color: #0054a6; margin: 50px 20px 0 0; padding-left: 20px; width: 95%; vertical-align: middle; float: right; } .exploreMoreBlock .sortingViewResult { display: none; } .exploreMoreBlock .li-img { display: none; } .exploreMoreBlock .li-description-wrapper .li-title { width: 250px; font-family: "Roboto Slab", serif; font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.91px; } .exploreMoreBlock .li-description-wrapper .li-title a { color: #ffffff; } .exploreMoreBlock .li-description-wrapper .li-description { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .exploreMoreBlock .li-description-wrapper .learnmore a { width: 200px; letter-spacing: 0.58px; font-family: "Roboto Condensed", sans-serif; font-size: 18px; font-size: 1.125rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .exploreMoreBlock .clear { display: none; } .channelLinksInner { display: none; } .channelLinksWrapper { display: inline-block; width: 100%; position: relative; padding: 0 7%; } .channelLinksWrapper header { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #757575; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; text-align: center; } .channelLinksWrapper select { border: 2px solid #0074c1; border-radius: 3px; padding: 5px 10px; margin-top: 10px; background: #ffffff; height: 30px; width: 100%; font-family: "Roboto", sans-serif; font-size: 10px; font-size: 0.625rem; color: #3b3b3b; line-height: 12px; line-height: 0.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.43px; -webkit-appearance: none; -moz-appearance: none; } .channelLinksWrapper:after { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat 0 0; position: absolute; right: 8%; bottom: 8px; z-index: 1; text-align: center; pointer-events: none; height: 10px; width: 25px; } .channelLinksWrapper select::-ms-expand { display: none; } .channelLinksWrapper::before { display: block; content: " "; margin-top: -137px; height: 137px; visibility: hidden; pointer-events: none; } .pageLinkItems { margin: 10px; } .pageLinkItems .contentListItems .collectionListItem { display: inline-block; width: 100%; padding: 20px 0; } .pageLinkItems .contentListItems .collectionListItem:nth-child(2) { border-top: 1px solid #757575; border-bottom: 1px solid #757575; width: 100%; } .pageLinkItems .contentListItems .collectionListItem:nth-child(3) { width: 100%; } .pageLinkItems .contentListItems .collectionListItem .collection-list { width: 25%; float: left; padding-left: 5%; } .pageLinkItems .contentListItems .list-item-grid .li-img { width: 40px; } .pageLinkItems .contentListItems .li-img img { width: 100%; } .pageLinkItems .contentListItems .li-description-wrapper { width: 70%; float: left; } .pageLinkItems .contentListItems .li-description-wrapper .li-title { width: auto; } .pageLinkItems .contentListItems .li-description-wrapper .li-title a { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; letter-spacing: 0.5px; } .pageLinkItems .contentListItems .li-description-wrapper .li-description { width: 100%; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; margin: 5px auto; } .pageLinkItems .contentListItems .li-description-wrapper .learnmore { display: none; } .pageLinkItems .contentListItems .productsFeaturedContent .list-item-grid .collectionListItem li:nth-child(2), .pageLinkItems .contentListItems .productsFeaturedContent .list-item-grid .collectionListItem li:nth-child(3) { width: auto; } .resourcesCollectionList .FeaturedContentLabel { display: none; } .resourcesCollectionList ul { display: flex; flex-wrap: wrap; } .resourcesCollectionList ul li { width: 50%; } .resourcesCollectionList ul li:nth-child(odd) { padding: 0 10px 20px 0; } .resourcesCollectionList ul li:nth-child(even) { padding: 0 0 20px 10px; } .resourcesCollectionList ul li .clear { display: none; } .resourcesCollectionList ul li .li-img img { width: 100%; padding-bottom: 10px; } .resourcesCollectionList ul li .li-description-wrapper { font-size: 0.75rem; line-height: 1.25rem; } .resourcesCollectionList ul li .li-description-wrapper .li-title a { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .resourcesCollectionList ul li .li-description-wrapper .li-description { display: none; } .resourcesCollectionList ul li .li-description-wrapper .learnmore { display: none; } .articleGalleryPage .prod-menu { padding: 15px 0 5px 0; } .articleGalleryPage .prod-menu + br { display: none; } .articleGalleryPage .productCategoryWrapper .productCategory { padding: 0; } .articleGalleryPage .productCategoryWrapper .productCategory .title { font-size: 20px; letter-spacing: 0.95px; } .articleGalleryPage .productCategoryWrapper .productCategory .title:after { content: none; } .articleGalleryPage .contentContainer { padding: 0 20px; } .articleGalleryPage .titleSEOText h1 { margin-bottom: 30px; } div.video ~ a .li-img, div.Video .scrollItemImageBlock { position: relative; } div.video ~ a .li-img:after, div.Video .scrollItemImageBlock:after { content: ' '; width: 45px; height: 45px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1210px 2px; display: block; margin-top: -60px; position: absolute; right: 15px; } div.Video .scrollItemImageBlock :after { margin-top: -45px; right: -5px; } .hidePublishedDate { display: none; } .exclusiveContentNote { border: 1px solid #fa6400; border-radius: 4px; background-color: #fffdfa; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #fa6400; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; padding: 20px 10px; margin: 20px auto 0; text-align: center; display: block; width: 90%; } .homeModules .productsFeaturedContent { margin: 20px 0 80px 0; } .homeModules .productsFeaturedContent .collectionListItem:nth-child(2) { width: auto; margin-top: 100px; } .homeModules .productsFeaturedContent .collectionListItem:nth-child(2) .li-description-wrapper { background-color: #00828a; left: 0; margin-top: -30px; position: absolute; width: 95%; } .homeModules .productsFeaturedContent .collectionListItem .collection-list .li-img img { width: 100%; height: auto; } .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper { background-color: #0074c1; margin-top: -30px; position: absolute; width: 95%; height: 110px; right: 0; } .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title { width: auto; height: 26px; padding: 30px; } .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title a { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.91px; } .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .li-description { display: none; } .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore { display: block; margin: 5px 30px; } .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore a { width: auto; height: 16px; font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; } .recentBlogs .productsFeaturedContent .FeaturedContentLabel { padding: 40px 0 20px; } .recentBlogs .productsFeaturedContent .FeaturedContentLabel span { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; } .recentBlogs .productsFeaturedContent .collectionListItem { display: inline-block; width: 100%; padding-bottom: 20px; } .recentBlogs .productsFeaturedContent .collectionListItem:nth-child(2), .recentBlogs .productsFeaturedContent .collectionListItem:nth-child(3) { width: 100%; padding: 0 0 20px; } .recentBlogs .productsFeaturedContent .collectionListItem .collection-list { width: 100%; float: left; padding-bottom: 10px; } .recentBlogs .productsFeaturedContent .collectionListItem .collection-list .li-img { width: 100%; height: 200px; } .recentBlogs .productsFeaturedContent .collectionListItem .collection-list .li-img img { width: 100%; height: 100%; } .recentBlogs .productsFeaturedContent .collectionListItem .collection-list .contentOverlay { width: 60px; height: 60px; margin: -48px 0 0 -6px; } .recentBlogs .productsFeaturedContent .collectionListItem .collection-list .contentOverlay img { width: 100%; height: 100%; border: 6px solid #ffffff; border-radius: 50%; } .recentBlogs .productsFeaturedContent .collectionListItem .li-description-wrapper { float: left; } .recentBlogs .productsFeaturedContent .collectionListItem .li-description-wrapper .attribution .publishedDate { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #757575; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; text-transform: uppercase; } .recentBlogs .productsFeaturedContent .collectionListItem .li-description-wrapper .attribution .expert { display: none; } .recentBlogs .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; letter-spacing: 0.5px; padding-right: 30px; } .recentBlogs .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title a { color: #0054a6; } .recentBlogs .productsFeaturedContent .collectionListItem .li-description-wrapper .li-description, .recentBlogs .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore { display: none; } .videoWrapper { padding-top: 20px; } .videoWrapper .videoScrollerContainer { padding: 20px 0; background-color: #0054a6; } .videoWrapper .videoScrollerContainer .containerTitle { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #ffffff; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.91px; text-align: center; padding: 10px 0; } .videoWrapper .videoScrollerContainer .slider-for { position: relative; padding-bottom: 56.2500%; margin: 0 20px -150px 20px; } .videoWrapper .videoScrollerContainer .slider-for iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .GMFSVideoScroller { padding: 175px 0 20px; overflow-y: visible; margin: 0 -20px; } .GMFSVideoScroller .scrollerContainer .slick-track .slick-slide { opacity: 0.6; padding: 0 20px; } .GMFSVideoScroller .scrollerContainer .slick-track .slick-slide .scrollItemImageBlock { width: auto; height: 110px; padding: 0 10px; } .GMFSVideoScroller .scrollerContainer .slick-track .slick-slide .scrollItemImageBlock img { width: 100%; height: 100%; } .GMFSVideoScroller .scrollerContainer .slick-track .slick-slide h2 { padding: 10px 0; text-align: center; width: 100%; } .GMFSVideoScroller .scrollerContainer .slick-track .slick-slide h2 a { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .GMFSVideoScroller .scrollerContainer .slick-track .slick-current { opacity: 1; } .GMFSVideoScroller .scrollerContainer .slick-track .slick-current .scrollItemImageBlock { transform: scale(1.1); } .fourColumnContent { margin: 0 20px; } .fourColumnContent .contentListItems .productsFeaturedContent .FeaturedContentLabel { padding: 20px 0; } .fourColumnContent .contentListItems .productsFeaturedContent .FeaturedContentLabel span { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; } .fourColumnContent .contentListItems .list-item-grid { padding: 0; display: flex; flex-wrap: wrap; } .fourColumnContent .contentListItems .list-item-grid li { padding: 10px; width: 50%; } .fourColumnContent .contentListItems .list-item-grid li:nth-child(odd) { padding-left: 0; } .fourColumnContent .contentListItems .list-item-grid li:nth-child(even) { padding-right: 0; } .fourColumnContent .contentListItems .list-item-grid li .li-img { height: 110px; } .fourColumnContent .contentListItems .list-item-grid li .li-img img { width: 100%; height: 100%; vertical-align: top; } .fourColumnContent .contentListItems .list-item-grid li .li-title { padding-top: 10px; } .fourColumnContent .contentListItems .list-item-grid li .li-title a { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; text-align: left; } .fourColumnContent .contentListItems .list-item-grid li .li-description { display: none; } .productSampleTermsAndConditions .contentContainer { padding: 20px; } .productSampleTermsAndConditions .contentContainer .prod-menu + br { display: none; } .productSampleTermsAndConditions .contentContainer #internal_content_wrapper #internal_content_full_width .introtext { display: none; } .productSampleTermsAndConditions .contentContainer #internal_content_wrapper #internal_content_full_width h5, .productSampleTermsAndConditions .contentContainer #internal_content_wrapper #internal_content_full_width p { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; font-weight: 400; } .productSampleTermsAndConditions .contentContainer #internal_content_wrapper #internal_content_full_width p { font-size: 0.875rem; line-height: 1.125rem; margin: 0; } .search .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .buyNowRetailerWrapper .buyNowRetailer .buyNowTitle { padding: 30px 0; } .buyNowRetailerWrapper { position: relative; } .buyNowRetailerWrapper .buyNowLink { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #00828a; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 8px 0 8px 15px; text-decoration: none; border-radius: 3px; border: 2px solid #00828a; background-color: #ffffff; font-weight: 700; letter-spacing: 0.5px; display: inline-block; width: 50%; position: relative; margin-top: 10px; } .buyNowRetailerWrapper .buyNowLink:after { content: ' '; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat 1px -1px; width: 17px; height: 8px; display: inline-block; position: absolute; top: 12px; right: 8px; } .buyNowRetailerWrapper .buyNowRetailer { display: none; position: absolute; background: #ffffff; width: auto; min-width: 250px; border-radius: 3px; border: 2px solid #757575; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.25); top: 50px; z-index: 99; } .buyNowRetailerWrapper .buyNowRetailer .buyNowTitle { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.65px; text-align: center; padding: 20px 0; font-weight: 700; } .buyNowRetailerWrapper .buyNowRetailer .buyNowCloseButton { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -270px -100px; display: inline-block; width: 15px; height: 15px; position: absolute; top: 12px; right: 12px; } .buyNowRetailerWrapper .buyNowRetailer ul { margin: 0 auto; width: 65%; } .buyNowRetailerWrapper .buyNowRetailer ul li { margin: 0 0 30px 0; width: 100%; } .buyNowRetailerWrapper .buyNowRetailer ul li .retailerImage { width: 160px; } .buyNowRetailerWrapper .buyNowRetailer ul li .retailerImage a { width: 100%; } .buyNowRetailerWrapper .buyNowRetailer ul li .retailerImage a img { width: 100%; } li:nth-child(odd) .buyNowRetailerWrapper .buyNowRetailer { left: 0; } li:nth-child(even) .buyNowRetailerWrapper .buyNowRetailer { right: 0; } .grainGuideLetter #accordion { width: 98%; max-width: 719px; margin: 0; padding: 0; list-style: none; font-family: "Roboto", sans-serif; } .grainGuideLetter #accordion h2 { font-size: 16px; margin: 0; padding: 10px; cursor: pointer; background: url(/~/media/Images/Buttons/down-arrow.png) no-repeat 98% center; border-bottom: 1px solid #cccccc; font-weight: 300; } .grainGuideLetter #accordion p { font-weight: 300; line-height: 28px; } .grainGuideLetter #accordion h2.up { background: url(/~/media/Images/Buttons/up-arrow.png) no-repeat 98% center; border-bottom: none; } .grainGuideLetter #accordion li { list-style: none; } .grainGuideLetter #accordion li div.content { display: none; } .grainGuideLetter #accordion li div.contentShow { display: inherit; padding: 0 50px; border-bottom: 1px solid #cccccc; } .grainGuideLetter #accordion li div a { background: url(/~/media/Images/Buttons/pdf.png) no-repeat right top; padding-right: 40px; color: #0054a6; font-weight: 500; } .grainGuideLetter #accordion li div a:hover { cursor: pointer; color: #0074c1; text-decoration: underline; } .interstitialModalPop { position: absolute; padding: 0; border: none; min-width: 300px !important; top: 60px !important; box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.5); z-index: 1005; } .interstitialModalPop .ui-dialog-titlebar-close { display: none; } .interstitialModalPop .interstitial { padding: 0; overflow: visible; height: auto; min-height: 100% !important; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay input[type=checkbox] { display: none; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .interstitalCloseButton { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -803px -102px; font-size: 0; font-size: 0rem; position: absolute; right: 0; margin: 15px 10px; width: 30px; height: 30px; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousIntroContent { background-image: url('/GMFS/Assets/Images/img-bg-sample.png'); padding: 40px 30px 20px; text-align: center; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousIntroContent .anonymousHeaderText { font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #ffffff; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.09px; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousIntroContent .anonymousSubHeaderText { display: block; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 300; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousIntroContent .anonymousSubHeaderText a { font-family: "Roboto Condensed", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 1px; text-align: center; border: none; outline: none; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousSignup { padding: 10px 20px 5px; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousSignup label { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; display: block; padding-top: 10px; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousSignup .profileQuestion { position: relative; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousSignup .profileQuestion select { display: inline-block; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; border: 2px solid #757575; border-radius: 3px; width: 100%; height: auto; padding: 10px; -webkit-appearance: none; -moz-appearance: none; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousSignup .profileQuestion select::-ms-expand { display: none; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousSignup .profileQuestion:after { content: ' '; float: right; display: block; padding: 0 15px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1180px 8px; height: 25px; position: absolute; right: 15px; top: 50px; pointer-events: none; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousSignup input[type=email], .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousSignup input[type=text] { border: 2px solid #757575; border-radius: 3px; width: 100%; height: auto; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; padding: 10px; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousSignup input[type=email]::-webkit-input-placeholder, .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousSignup input[type=text]::-webkit-input-placeholder { opacity: 0.5; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousSignup input[type=email].alert-error, .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousSignup input[type=text].alert-error { border: 2px solid #e32726; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousSignup .signUpText { margin: 20px auto 10px; display: block; width: auto; height: auto; border-radius: 4px; padding: 12px 10px; text-transform: none; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousSignup .signUpText span { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding: 15px 20px; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousSignup select.alert-error, .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousSignup input.alert-error { border: 2px solid #e32726; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousSignup span.alert-error { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.51px; display: block; padding-top: 7px; text-align: left; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .newsLetterCloseButtonWrapper .newsLetterCloseButton { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; opacity: 0.5; display: block; text-align: center; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousThankYouWrapper .interstitalCloseButton { margin: 15px; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousThankYouWrapper .anonymousThankYouContent { background-color: #ffffff; text-align: center; padding: 40px 20px; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousThankYouWrapper .anonymousThankYouContent h3 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #00a839; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousThankYouWrapper .anonymousThankYouContent p { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; } .ui-widget-overlay { background: #000000; opacity: 0.6; position: fixed; z-index: 1004; } .actionToolbarMessageDialogContainer, .actionToolbarEmailDialogContainer, .oldSurvey { z-index: 1005; } .actionToolbarMessageDialogContainer .ui-dialog-titlebar-close, .actionToolbarEmailDialogContainer .ui-dialog-titlebar-close, .oldSurvey .ui-dialog-titlebar-close { font-size: 0; } .interstitial { display: none; } .interstitialModalPop .interstitial { display: block; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .newItemTag::after { content: 'NEW!'; padding: 2px 3px; background-color: #ffffff; color: #db3700; margin-left: 10px; border-radius: 3px; font-size: 10px; font-size: 0.625rem; letter-spacing: 0.5px; font-weight: 600; } .zipCodeContainer, .zipCodeValidation { display: none; } .zipCodeValidation.zipCodeRequiredMessage { display: block; } .rebateLanding .disableGetDetailLink, .productdetail .disableGetDetailLink, .ibiRebate .disableGetDetailLink, .search .disableGetDetailLink { pointer-events: none; cursor: default; } .rebateLanding .ui-widget-overlay, .productdetail .ui-widget-overlay, .ibiRebate .ui-widget-overlay, .search .ui-widget-overlay { z-index: 1001; } .rebateLanding .ui-dialog.zipCodeDialog, .productdetail .ui-dialog.zipCodeDialog, .ibiRebate .ui-dialog.zipCodeDialog, .search .ui-dialog.zipCodeDialog { background-image: url('/GMFS/Assets/Images/img-bg-sample.png'); text-align: center; border: 0; padding: 0; z-index: 1005; max-width: 360px; } .rebateLanding .ui-dialog.zipCodeDialog .ui-dialog-titlebar-close, .productdetail .ui-dialog.zipCodeDialog .ui-dialog-titlebar-close, .ibiRebate .ui-dialog.zipCodeDialog .ui-dialog-titlebar-close, .search .ui-dialog.zipCodeDialog .ui-dialog-titlebar-close { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -802px -102px; margin: 10px 0 0 0; font-size: 0; } .rebateLanding .ui-dialog.zipCodeDialog .zipCodeContainer, .productdetail .ui-dialog.zipCodeDialog .zipCodeContainer, .ibiRebate .ui-dialog.zipCodeDialog .zipCodeContainer, .search .ui-dialog.zipCodeDialog .zipCodeContainer { padding: 0; } .rebateLanding .ui-dialog.zipCodeDialog .zipCodeContainer .topSection, .productdetail .ui-dialog.zipCodeDialog .zipCodeContainer .topSection, .ibiRebate .ui-dialog.zipCodeDialog .zipCodeContainer .topSection, .search .ui-dialog.zipCodeDialog .zipCodeContainer .topSection { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; padding: 0 10px; } .rebateLanding .ui-dialog.zipCodeDialog .zipCodeContainer .topSection h3, .productdetail .ui-dialog.zipCodeDialog .zipCodeContainer .topSection h3, .ibiRebate .ui-dialog.zipCodeDialog .zipCodeContainer .topSection h3, .search .ui-dialog.zipCodeDialog .zipCodeContainer .topSection h3 { font-family: "Roboto Condensed", sans-serif; font-size: 20px; font-size: 1.25rem; color: #ffffff; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; } .rebateLanding .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection, .productdetail .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection, .ibiRebate .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection, .search .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection { background-color: #ffffff; padding: 20px 40px 40px; } .rebateLanding .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection .zipCodeLabel, .productdetail .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection .zipCodeLabel, .ibiRebate .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection .zipCodeLabel, .search .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection .zipCodeLabel { margin: 0 0 10px 0; display: block; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .rebateLanding .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection .zipCodeRequiredMessage, .productdetail .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection .zipCodeRequiredMessage, .ibiRebate .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection .zipCodeRequiredMessage, .search .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection .zipCodeRequiredMessage { font-size: 12px; font-weight: 500; color: #e32726; margin-top: -10px; padding-bottom: 20px; } .rebateLanding .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection input#zipCode, .productdetail .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection input#zipCode, .ibiRebate .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection input#zipCode, .search .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection input#zipCode { display: block; margin: 0 auto 20px; border: 2px solid #757575; border-radius: 3px; padding: 10px; } .rebateLanding .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection input#zipCode[placeholder], .productdetail .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection input#zipCode[placeholder], .ibiRebate .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection input#zipCode[placeholder], .search .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection input#zipCode[placeholder] { opacity: 0.5; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; } .rebateLanding .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection a.continue, .productdetail .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection a.continue, .ibiRebate .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection a.continue, .search .ui-dialog.zipCodeDialog .zipCodeContainer .lowerSection a.continue { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.54px; text-align: center; border-radius: 3px; background-color: #0074c1; padding: 10px; } .home .contentContainer .heroContainer .bannerContainer { overflow: hidden; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer { background-color: #ffffff; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .heroImage { height: auto; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer img { width: 100vw; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .wave { background-size: cover; position: relative; height: 95px; margin-top: -75px; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .details { margin-top: -20px; background-color: #ffffff; text-align: center; padding: 0 20px 35px; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .details .title { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .details .description { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding: 10px 0 20px; margin-top: 0; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .details .ctaLink a { background-color: #0074c1; padding: 10px 20px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.5px; text-align: center; } .thankYouMain { background-image: url(/-/media/images/homepage/img-bg-grey-pattern.ashx); background-repeat: no-repeat; margin: 0 -40px; height: 300px; z-index: 9; position: relative; } .backgroundWave { width: 100%; top: -153px; position: relative; z-index: 10; margin: 0 -40px; } .thanksYouContainer { text-align: center; margin: 0 -40px; position: relative; top: -450px; z-index: 11; } .thanksYouContainer .thankYouHeader { display: block; font-family: "Roboto Slab", serif; font-size: 32px; font-size: 2rem; color: #00a838; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; margin-bottom: 10px; } .thanksYouContainer .thankYouSubHeader { display: block; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; width: 70%; margin: 20px auto; } .thanksYouContainer .thankYouRedirectLink { display: block; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; margin: 10px 0; } .thanksYouContainer .threeColumnModule, .thanksYouContainer .twoColumnModule { margin: auto; } .thanksYouContainer .threeColumnModule .contentListItems ul.list-item-grid li, .thanksYouContainer .twoColumnModule .contentListItems ul.list-item-grid li { display: flex; flex-wrap: wrap; margin-bottom: 30px; } .thanksYouContainer .threeColumnModule .contentListItems ul.list-item-grid li .li-description-wrapper, .thanksYouContainer .twoColumnModule .contentListItems ul.list-item-grid li .li-description-wrapper { margin-top: -4px; padding: 20px; width: 100%; } .thanksYouContainer .threeColumnModule .contentListItems ul.list-item-grid li .li-description-wrapper a, .thanksYouContainer .twoColumnModule .contentListItems ul.list-item-grid li .li-description-wrapper a { color: #ffffff; } .thanksYouContainer .threeColumnModule .contentListItems ul.list-item-grid li p.li-description.learnmore, .thanksYouContainer .twoColumnModule .contentListItems ul.list-item-grid li p.li-description.learnmore { font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #ffffff; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1px; text-align: left; } .thanksYouContainer .threeColumnModule .contentListItems ul.list-item-grid li .li-title, .thanksYouContainer .twoColumnModule .contentListItems ul.list-item-grid li .li-title { display: none; } .thanksYouContainer .threeColumnModule .contentListItems ul.list-item-grid li .li-img, .thanksYouContainer .twoColumnModule .contentListItems ul.list-item-grid li .li-img { width: 100%; } .thanksYouContainer .threeColumnModule .contentListItems ul.list-item-grid li .li-img img, .thanksYouContainer .twoColumnModule .contentListItems ul.list-item-grid li .li-img img { width: 100%; } .thanksYouContainer .threeColumnModule .contentListItems ul.list-item-grid li:nth-child(1) .li-description-wrapper, .thanksYouContainer .twoColumnModule .contentListItems ul.list-item-grid li:nth-child(1) .li-description-wrapper { background-color: #00828a; } .thanksYouContainer .threeColumnModule .contentListItems ul.list-item-grid li:nth-child(2) .li-description-wrapper, .thanksYouContainer .twoColumnModule .contentListItems ul.list-item-grid li:nth-child(2) .li-description-wrapper { background-color: #0054a6; } .thanksYouContainer .threeColumnModule .contentListItems ul.list-item-grid li:nth-child(3) .li-description-wrapper, .thanksYouContainer .twoColumnModule .contentListItems ul.list-item-grid li:nth-child(3) .li-description-wrapper { background-color: #0074c1; } .thanksYouContainer .threeColumnModule { width: 90%; } .thanksYouContainer .threeColumnModule .contentListItems ul.list-item-grid li { width: 100%; } .thanksYouContainer .threeColumnModule .contentListItems ul.list-item-grid li p.li-description.learnmore { font-size: 20px; } .thanksYouContainer .twoColumnModule { width: 80%; } .thanksYouContainer .twoColumnModule .contentListItems ul.list-item-grid li { width: 100%; } .thanksYouContainer .twoColumnModule .contentListItems ul.list-item-grid li .li-description-wrapper { margin-top: -6px; } .thanksYouContainer .twoColumnModule .contentListItems ul.list-item-grid li p.li-description.learnmore { font-size: 24px; } @keyframes placeHolderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } .loading { -webkit-animation-duration: 1.25s; animation-duration: 1.25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: placeHolderShimmer; animation-name: placeHolderShimmer; -webkit-animation-timing-function: linear; animation-timing-function: linear; background: #f6f6f6; background: linear-gradient(to right, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%); background-size: 800px 104px; position: relative; margin: 10px; } .loading * { opacity: 0; } .shopifyDummyButton { background-color: #00a839; padding: 8px 9px 10px 10px; color: #ffffff; font-size: 12px; font-weight: 700; border-radius: 3px; position: relative; cursor: pointer; z-index: 9; float: right; } .privacyMessageDialog { z-index: 9999; } .productdetail .shopifyDummyButton { float: none; } .privacyOptOutDialog { padding: 5px; z-index: 9999; font-size: 14px; } .privacyOptOutDialog .ui-dialog-titlebar { position: absolute; top: 5px; right: 5px; } .privacyOptOutDialog .oneTrustMessageDialog, .privacyOptOutDialog .actionToolbarMessageDialog { margin: 20px 0; padding: 0 10px; } .privacyOptOutDialog .oneTrustMessageDialog .privacyMessage h3, .privacyOptOutDialog .actionToolbarMessageDialog .privacyMessage h3 { font-family: "Roboto Slab", serif; font-size: 18px; font-size: 1.125rem; color: #0054a6; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 35px; } .privacyOptOutDialog .oneTrustMessageDialog .privacyMessage p, .privacyOptOutDialog .actionToolbarMessageDialog .privacyMessage p { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .privacyOptOutDialog a { color: #0074c1; } .privacyOptOutDialog a:hover { color: #0054a6; } .privacyOptOutDialog .ui-dialog-titlebar-close, .privacyOptOutDialog .ui-state-hover { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -25px 0px; width: 25px; height: 25px; } #cookieDisabledMessage { display: none; background-color: #f7f7f7; padding: 20px; } #cookieDisabledMessage .privacyMessageYoutube { padding: 20px; text-align: center; background-color: #ffffff; } #cookieDisabledMessage .privacyMessageYoutube p { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } #cookieDisabledMessage .privacyMessageYoutube h3 { font-family: "Roboto Slab", serif; font-size: 18px; font-size: 1.125rem; color: #0054a6; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 35px; } #cookieDisabledMessage .privacyMessageYoutube a { color: #0074c1; } #cookieDisabledMessage .privacyMessageYoutube a:hover { color: #0054a6; } .privacyMessageYoutubeCookie { padding: 20px; text-align: center; background-color: #ffffff; display: inline-block; float: inherit; } .privacyMessageYoutubeCookie p { font-family: "Roboto", sans-serif; font-size: 16px; color: #3b3b3b; line-height: 20px; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .privacyMessageYoutubeCookie h3 { font-family: "Roboto Slab", serif; font-size: 18px; color: #0054a6; line-height: 22px; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 35px; } .privacyMessageYoutubeCookie a { color: #0074c1; } .privacyMessageYoutubeCookie a:hover { color: #0054a6; } .collectionScrollerWrapper #scrollerContainer { margin-top: 20px; } .collectionScrollerWrapper #scrollerContainer .slick-arrow { width: 40px; height: 40px; } .collectionScrollerWrapper #scrollerContainer .slick-arrow:before { content: ''; } .collectionScrollerWrapper #scrollerContainer .slick-prev { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -114px -1px; } .collectionScrollerWrapper #scrollerContainer .slick-next { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -164px -1px; } .collectionScrollerWrapper #scrollerContainer .slick-list .slick-slide .contentType { display: none; } .collectionScrollerWrapper #scrollerContainer .slick-list .slick-slide .scrollItemImage { padding: 0 10px; } .collectionScrollerWrapper #scrollerContainer .slick-list .slick-slide img { margin: 0 auto; max-width: 150px; width: 100%; } .collectionScrollerWrapper #scrollerContainer .slick-list .slick-slide h2 { margin: 20px; text-align: center; } .collectionScrollerWrapper #scrollerContainer .slick-list .slick-slide h2 .scrollItemTitle { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.45px; font-weight: 500; margin-top: 10px; } .collectionScrollerWrapper #scrollerContainer .slick-list .slick-slide .newItem, .collectionScrollerWrapper #scrollerContainer .slick-list .slick-slide .bestSeller, .collectionScrollerWrapper #scrollerContainer .slick-list .slick-slide .coolSchoolTag, .collectionScrollerWrapper #scrollerContainer .slick-list .slick-slide .k12RegReadyTag { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-radius: 4px; letter-spacing: 0.5px; background-color: #db3700; font-weight: 600; padding: 0 5px; margin: 5px auto; white-space: nowrap; display: table; } .collectionScrollerWrapper #scrollerContainer .slick-list .slick-slide .bestSeller { background-color: #00828a; } .collectionScrollerWrapper #scrollerContainer .slick-list .slick-slide .coolSchoolTag { background-color: #0054a6; } .collectionScrollerWrapper #scrollerContainer .slick-list .slick-slide .k12RegReadyTag { background-color: #058938; } .collectionScrollerWrapper .collectionScrollerContainer .scrollerTitle { display: none; } .collectionScrollerWrapper .collectionScrollerContainer .slick-track { margin-left: 0; } .newItem, .bestSeller, .coolSchoolTag, .k12RegReadyTag { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-radius: 4px; letter-spacing: 0.5px; background-color: #db3700; font-weight: 600; padding: 0 5px; display: inline-block; margin-top: 5px; white-space: nowrap; } .bestSeller { background-color: #00828a; } .coolSchoolTag { background-color: #0054a6; } .k12RegReadyTag { background-color: #058938; } .search .prod-menu { margin: 20px 0 0 20px; } .search #searchResultWrapper { position: relative; } .search #searchResultWrapper .titleSEOText { padding: 0 20px 20px; width: 100%; } .search #searchResultWrapper .titleSEOText h1 { margin-bottom: 0; } .search #searchResultWrapper .titleSEOText h1 span { color: #000000; } .search #searchResultWrapper .sortingViewResult { display: block; width: 21%; padding-left: 20px; position: absolute; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; z-index: 9; } .search #searchResultWrapper .sortingViewResult .contentListSortLabel { float: left; padding: 12px 4px 12px 12px; font-weight: normal; } .search #searchResultWrapper .sortingViewResult .contentListDropdown { width: 212px; } .search #searchResultWrapper .sortingViewResult .contentListDropdown .contentListDropdownButton { border: 2px solid #757575; color: #3b3b3b; display: block; position: relative; width: 80%; text-decoration: none; padding: 10px; } .search #searchResultWrapper .sortingViewResult .contentListDropdown .contentListDropdownButton span { color: #3b3b3b; display: block; padding-left: 12px; } .search #searchResultWrapper .sortingViewResult .contentListDropdown .contentListDropdownButton span:after { content: ' '; float: right; display: block; padding: 0 16px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1181px 2px; width: 15px; height: 15px; } .search #searchResultWrapper .sortingViewResult .contentListDropdown .sortResultView { right: 0; width: 80%; color: #000000; display: none; background-color: #ffffff; z-index: 1000; margin: 0; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.6); } .search #searchResultWrapper .sortingViewResult .contentListDropdown .sortResultView li { text-transform: none; border-bottom: 3px #f4f4f4 solid; cursor: pointer; } .search #searchResultWrapper .sortingViewResult .contentListDropdown .sortResultView li a { text-transform: none; display: inline-block; padding: 10px 5%; width: 90%; height: 100%; } .search #searchResultWrapper .sortingViewResult .contentListDropdown .sortResultView li:hover a { text-decoration: none; } .search #searchResultWrapper .sortingViewResult .contentListDropdown .sortResultView li:first-child { border-top: 0px; } .search #searchResultWrapper .sortingViewResult .contentListDropdown.expanded { position: absolute; z-index: 1; } .search #searchResultWrapper .sortingViewResult .contentListDropdown.expanded .sortResultView { display: block; } .search #searchResultWrapper .sortingViewResult .contentListDropdown.expanded .contentListDropdownButton { border: 2px solid #757575; background-image: none; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter { padding-top: 0; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer .hiddenToggleCheck:checked ~ h3 label:after { display: none; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer h3 label { cursor: default; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer h3 label:hover { text-decoration: none; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li { width: 50%; padding: 0 1.5%; display: inline-block; vertical-align: top; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner .publishedDate { display: none; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner .li-text { padding-top: 0; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner .li-img { position: relative; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner .gig-rating-star-full, .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner .gig-rating-star-half, .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner .gig-rating-star-empty { background-repeat: no-repeat; padding: 0; margin: 0 1px 0 0; background-size: 44px 15px; width: 15px; height: 15px; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner .gig-rating-star-full { background-image: url(/GMFS/Assets/Images/three-star-sprite-gmcf-small.png); background-position: 0 0; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner .gig-rating-star-half { background-image: url(/GMFS/Assets/Images/three-star-sprite-gmcf-small.png); background-position: -15px 0; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner .gig-rating-star-empty { background-image: url(/GMFS/Assets/Images/three-star-sprite-gmcf-small.png); background-position: -30px 0; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.product + .li-img a:after, .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.video + .li-img a:after, .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.article + .li-img a:after, .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.recipe + .li-img a:after, .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.collection + .li-img a:after, .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.category + .li-img a:after, .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.industry + .li-img a:after, .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.salesmaterial + .li-img a:after, .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.blog + .li-img a:after, .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.other + .li-img a:after, .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.support + .li-img a:after, .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.rebate + .li-img a:after { height: 16px; width: 100%; color: #757575; font-size: 0.875rem; line-height: 1rem; font-weight: bold; font-family: "Roboto Condensed", sans-serif; display: block; margin-top: 10px; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.product + .li-img a:after { content: 'PRODUCT'; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.video + .li-img a:after { content: 'VIDEO'; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.video ~ .li-img a:before { content: " "; width: 42px; height: 42px; position: absolute; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1210px 2px; background-repeat: no-repeat; bottom: 27px; right: 2px; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.article + .li-img a:after { content: 'ARTICLE'; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.recipe + .li-img a:after { content: 'RECIPE'; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.collection + .li-img a:after { content: 'COLLECTION'; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.category + .li-img a:after { content: 'CATEGORY'; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.industry + .li-img a:after { content: 'INDUSTRY'; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.salesmaterial + .li-img a:after { content: 'SALES MATERIAL'; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.blog + .li-img a:after { content: 'BLOG'; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.other + .li-img a:after { content: 'OTHER'; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.support + .li-img a:after { content: 'SUPPORT TOOLS'; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li .inner div.rebate + .li-img a:after { content: 'REBATE'; } .search .cnfShopifyProduct { margin-top: 10px; } .neighborhoodToNation #articleMainContent { padding: 0 5px; } .neighborhoodToNation .prod-menu + br { display: none; } .neighborhoodToNation .streamlineDivider { position: absolute; top: auto; left: 0; right: 0; } .neighborhoodToNation .channelLinksWrapper { padding: 0 5px; } .neighborhoodToNation .channelLinksWrapper header { font-family: "Roboto Slab", serif; font-size: 22px; font-size: 1.375rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; margin-bottom: 20px; text-align: left; } .neighborhoodToNation .channelLinksWrapper:after { right: 5%; top: 83%; } .neighborhoodToNation .contentContainer .featuredImageContent img { padding-top: 40px; } .neighborhoodToNation .contentContainer .richTextArea header { font-family: "Roboto Slab", serif; font-size: 22px; font-size: 1.375rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-family: "Roboto Slab", serif; font-weight: 400; letter-spacing: 0.95px; } .neighborhoodToNation .contentContainer .richTextArea p { font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.5px; font-family: "Roboto", sans-serif; font-weight: 400; } .neighborhoodToNation .contentContainer .richTextArea div.rules { padding-top: 20px; } .neighborhoodToNation .contentContainer .richTextArea ul { margin: 0 5px; display: flex; flex-wrap: wrap; flex-direction: column; height: 415px; } .neighborhoodToNation .contentContainer .richTextArea ul li { list-style-type: none; width: 51%; } .neighborhoodToNation .contentContainer .richTextArea ul li a { line-height: 18px; color: #0074c1; } .neighborhoodToNation .contentContainer .richTextArea .section h2, .neighborhoodToNation .contentContainer .richTextArea .section h3 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-family: "Roboto Slab", serif; font-weight: 700; } .neighborhoodToNation .contentContainer .richTextArea .section ul { margin: 0 0 1em 2em; height: auto; display: block; } .neighborhoodToNation .contentContainer .richTextArea .section ul li { list-style-type: disc; width: auto; font-size: 0.875rem; line-height: 1.25rem; font-family: "Roboto", sans-serif; font-weight: 400; } .neighborhoodToNation .contentContainer .richTextArea .eligibleProductDescription { padding: 0 5px; } .neighborhoodToNation .youTubeContainer { padding-top: 30px; } .neighborhoodToNation .youTubeContainer + .streamlineDivider { padding-top: 25px; } .neighborhoodToNation .gmfsThreeColumnStack { padding-top: 40px; } .neighborhoodToNation .gmfsFirstColumn .richTextArea h2, .neighborhoodToNation .gmfsSecondColumn .richTextArea h2, .neighborhoodToNation .gmfsThirdColumn .richTextArea h2 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-family: "Roboto Slab", serif; font-weight: 700; letter-spacing: 0.5px; } .neighborhoodToNation .gmfsFirstColumn .richTextArea p, .neighborhoodToNation .gmfsSecondColumn .richTextArea p, .neighborhoodToNation .gmfsThirdColumn .richTextArea p { font-size: 0.75rem; line-height: 1.25rem; font-family: "Roboto", sans-serif; font-weight: 400; } .neighborhoodToNation .gmfsFirstColumn .richTextArea p a, .neighborhoodToNation .gmfsSecondColumn .richTextArea p a, .neighborhoodToNation .gmfsThirdColumn .richTextArea p a { font-size: 1rem; line-height: 1rem; font-family: "Roboto Condensed", sans-serif; font-weight: 400; } .neighborhoodToNation .streamlineDivider + .richTextArea { padding-top: 20px; } .neighborhoodToNation .streamlineDivider + .richTextArea header { padding-top: 15px; } .neighborhoodToNation .streamlineDivider + .richTextArea p { font-size: 0.875rem; line-height: 1.25rem; letter-spacing: 0.5px; font-family: "Roboto", sans-serif; font-weight: 400; } .neighborhoodToNation .gmfsAccordion { border: 2px solid #757575; border-bottom: none; } .neighborhoodToNation .gmfsAccordion .ui-accordion-header { border: 0; border-bottom: 2px solid #757575; border-radius: 0; background-color: #ffffff; padding: 15px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-family: "Roboto", sans-serif; font-weight: 700; } .neighborhoodToNation .gmfsAccordion .ui-accordion-header:after { content: '+'; display: inline-block; float: right; } .neighborhoodToNation .gmfsAccordion .ui-accordion-content { border: 0; padding: 10px 15px; } .neighborhoodToNation .gmfsAccordion .ui-accordion-content .collectionLinks-header h4 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-family: "Roboto Slab", serif; font-weight: 700; letter-spacing: 0.5px; } .neighborhoodToNation .gmfsAccordion .ui-accordion-content .collectionLinksWrapper .contentLinksProductDetail { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-family: "Roboto", sans-serif; font-weight: 400; letter-spacing: 0.58px; } .neighborhoodToNation .gmfsAccordion .ui-accordion-header-active:after { content: '-'; display: inline-block; } .neighborhoodToNation .gmfsAccordion .ui-accordion-content-active { border-bottom: 2px solid #757575; border-radius: 0; } .neighborhoodToNation .gmfsAccordion .richTextArea .logoLeft { width: 30%; padding-top: 10px; } .neighborhoodToNation .gmfsAccordion .richTextArea .brandInfoRight { float: right; width: 70%; } .neighborhoodToNation .gmfsAccordion .richTextArea .brandInfoRight p { color: #3b3b3b; } .neighborhoodToNation .faqTitle { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-family: "Roboto Slab", serif; font-weight: 700; letter-spacing: 0.5px; display: inline-block; padding: 10px 0; } .neighborhoodToNation .expandcollapsePanel .head h4 { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-family: "Roboto", sans-serif; font-weight: 700; width: 95%; margin: 0; font-weight: 500; } .neighborhoodToNation .expandcollapsePanel .head .expandsign, .neighborhoodToNation .expandcollapsePanel .head .collapsesign { font-weight: 600; font-size: 12px; } .neighborhoodToNation .expandcollapsePanel .content { padding: 10px 15px; } .neighborhoodToNation .expandcollapsePanel .content p { margin: 0; } .pastWinners .streamlineDivider { padding-top: 20px; } .pastWinners .streamlineDivider div { width: 100%; height: 1px; background-color: #a5b2d1; background-image: none; } .pastWinners .contentContainer { padding: 20px; } .pastWinners .contentContainer .contentList .contentListItems ul li .li-title { padding-top: 15px; } .pastWinners .contentContainer .contentList .contentListItems ul li .li-title a, .pastWinners .contentContainer .contentList .contentListItems ul li .li-text a { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-family: "Roboto Slab", serif; font-weight: 700; letter-spacing: 0.5px; } .pastWinners .contentContainer .contentList .contentListItems ul li .li-description { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #000000; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .pastWinners .contentContainer .contentList .contentListItems ul li .learnmore a { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .pastWinners .contentContainer .contentList .contentListItems ul li .li-img img { width: 100%; } .pastWinners .contentContainer .winningChefsRecipes .contentListItems ul { display: block; } .pastWinners .contentContainer .winningChefsRecipes .contentListItems ul li:nth-child(2), .pastWinners .contentContainer .winningChefsRecipes .contentListItems ul li:nth-child(3) { width: 48%; } .pastWinners .contentContainer .winningChefsRecipes .contentListItems ul li:nth-child(2) .li-description, .pastWinners .contentContainer .winningChefsRecipes .contentListItems ul li:nth-child(3) .li-description { display: none; } .pastWinners .contentContainer .winningChefsRecipes .contentListItems ul li:nth-child(2) { float: left; padding-right: 5px; } .pastWinners .contentContainer .winningChefsRecipes .contentListItems ul li:nth-child(3) { float: right; padding-left: 5px; } .pastWinners .contentContainer .winningRecipes .gallery-header { padding: 35px 0 15px 0; } .pastWinners .contentContainer .winningRecipes .gallery-header h3 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-family: "Roboto Slab", serif; font-weight: 700; letter-spacing: 0.5px; } .pastWinners .contentContainer .winningRecipes .contentListItems ul li { padding: 10px 0 30px 0; } .pastWinners .contentContainer .winningChefs + .streamlineDivider { padding-top: 0; } .recipeDetailPage { font-family: "Roboto", sans-serif; font-weight: 400; font-size: 12px; font-size: 0.75rem; } .recipeDetailPage .gig-rating-star-full, .recipeDetailPage .gig-rating-star-empty, .recipeDetailPage .gig-rating-star-half { background-size: 15px; width: 15px; height: 15px; } .recipeDetailPage .rebatesContainer { display: none; } .recipeDetailPage .accrodianPannel { padding: 20px 0; text-align: left; } .recipeDetailPage .accrodianPannel .accordionRaitingContainer { float: right; display: inline-block; vertical-align: top; } .recipeDetailPage .accrodianPannel .accordionRaitingContainer .gig-stars-container { margin-bottom: 0; padding: 0 10px; margin-top: -4px; } .recipeDetailPage .accrodianPannel .accordionRaitingContainer .gig-stars-container .gig-rating-averageRating { display: none; } .recipeDetailPage .accrodianPannel .accordionRaitingContainer .gig-rating-dimensions { display: none; } .recipeDetailPage .accrodianPannel .recipeCopyright { padding-top: 20px; } .recipeDetailPage .contentRelatedContainer { padding: 0 20px; } .recipeDetailPage .relatedRecipeContainer { padding: 0 20px 0 20px; } .recipeDetailPage .relatedRecipeContainer h3, .recipeDetailPage .contentRelatedContainer h3 { color: #fa6400; white-space: normal; word-wrap: break-word; padding: 0; letter-spacing: 0.95px; font-size: 1.3125rem; line-height: 1.75rem; margin-bottom: 25px; letter-spacing: 0.95px; font-family: "Roboto Slab", serif; font-weight: 400; margin-bottom: 0; } @media (min-width: 1000px) { .recipeDetailPage .relatedRecipeContainer h3, .recipeDetailPage .contentRelatedContainer h3 { font-size: 1.75rem; line-height: 2.5rem; margin-bottom: 30px; letter-spacing: 1.27px; } } .recipeDetailPage .relatedRecipeContainer .GMFSRelatedContentView .contentListItems ul, .recipeDetailPage .contentRelatedContainer .GMFSRelatedContentView .contentListItems ul { padding: 0; margin: 20px 0 0 0; display: flex; flex-wrap: wrap; } .recipeDetailPage .relatedRecipeContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem, .recipeDetailPage .contentRelatedContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem { margin: 0 5px 20px 0; width: 48%; } .recipeDetailPage .relatedRecipeContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem .attribution, .recipeDetailPage .contentRelatedContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem .attribution { display: none; } .recipeDetailPage .relatedRecipeContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem .li-img img, .recipeDetailPage .contentRelatedContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem .li-img img { height: auto; width: 100%; display: block; } .recipeDetailPage .relatedRecipeContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem *, .recipeDetailPage .contentRelatedContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem * { font-family: "Roboto", sans-serif; font-weight: 500; letter-spacing: 0.3px; font-size: 0.75rem; line-height: 0.875rem; color: #0054a6; } .recipeDetailPage .relatedRecipeContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem:nth-child(even), .recipeDetailPage .contentRelatedContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem:nth-child(even) { margin: 0 0 20px 5px; } .recipeDetailPage .relatedRecipeContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem:nth-child(n+3), .recipeDetailPage .contentRelatedContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem:nth-child(n+3) { display: none; } .recipeDetailPage .relatedRecipeContainer .GMFSRelatedContentView .contentListItems > ul, .recipeDetailPage .contentRelatedContainer .GMFSRelatedContentView .contentListItems > ul { padding: 0; margin: 20px 0 0 0; display: flex; flex-wrap: wrap; } .recipeDetailPage .reviewProfileScreenNameModal { z-index: 1005; } .recipeDetailPage .reviewProfileScreenNameModal .ui-dialog-titlebar-close { font-size: 0; } .recipeDetailPage .reviewProfileScreenNameModal .ui-dialog-buttonset #button-save:hover { border: 1px solid #d3d3d3; background: #e6e6e6 url(/Botg/Assets/Images/gmifs/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: 400; color: #555555; margin: 6.5px 5.2px 6.3px 0; width: auto; height: auto; float: none; } .recipeDetail .recipeTopHeader { background-color: #f7f7f7; padding-bottom: 20px; } .recipeDetail .recipeTopHeader .recipeRightContainer { width: 100vw; } .recipeDetail .recipeTopHeader .recipeRightContainer img { width: 100%; } .recipeDetail .recipeTopHeader .recipeLeftContainer { width: 90%; margin: -50px auto 0; position: relative; background-color: #ffffff; padding: 20px; overflow: hidden; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeBreadcrum { display: flex; font-family: "Roboto Condensed", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; padding: 0; letter-spacing: 0.5px; color: #757575; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeBreadcrum span { display: none; padding: 11px 5px; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeTitleContainer .recipePartTitle .recipePartTitleText { margin-bottom: 5px; font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; padding: 0; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipePartDescription { padding-bottom: 10px; font-family: "Roboto", sans-serif; font-weight: 400; font-size: 14px; font-size: 0.875rem; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipePartDescription .recipePartDescriptionText .expandLink, .recipeDetail .recipeTopHeader .recipeLeftContainer .recipePartDescription .recipePartDescriptionText .collapseLink { font-family: "Roboto", sans-serif; font-size: 10px; font-size: 0.625rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-decoration: none; font-size: 12px; font-size: 0.75rem; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipePartDescription .recipePartDescriptionText .expandLink:hover, .recipeDetail .recipeTopHeader .recipeLeftContainer .recipePartDescription .recipePartDescriptionText .collapseLink:hover { color: #0074c1; text-decoration: underline; font-size: 12px; font-size: 0.75rem; cursor: pointer; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipePartDescriptionText span { line-height: 22px; letter-spacing: 0.5px; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeServings #ratingDiv { width: auto !important; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeServings #ratingDiv .gig-rating { display: flex; flex-direction: column; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeServings #ratingDiv .gig-rating .gig-stars-container { display: block; order: 2; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeServings #ratingDiv .gig-rating .gig-button-container { order: 1; display: block; margin: 0; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeServings #ratingDiv .gig-rating .gig-button-container .gig-rating-readReviewsLink { text-decoration: none; color: #000000; font-family: "Roboto Condensed", sans-serif; font-weight: 700; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; cursor: default; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeServings #ratingDiv .gig-rating-averageRating, .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeServings #ratingDiv .gig-rating-dimensions, .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeServings #ratingDiv .gig-rating-button { display: none; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeServings .reviews { width: 50%; display: inline-block; vertical-align: top; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeServings .servings { width: 50%; display: inline-block; float: right; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeServings .servings span { line-height: 18px; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeServings .servings strong { display: block; font-family: "Roboto Condensed", sans-serif; font-weight: 700; font-size: 14px; font-size: 0.875rem; text-transform: uppercase; } .recipeDetail .recipePartNutrition .nutritionSize { display: flex; border-bottom: 2px solid #757575; padding-bottom: 5px; } .recipeDetail .recipePartNutrition .servingSizeText { width: 50%; } .recipeDetail .recipePartNutrition .nutrition-daily-value { background-color: #757575; width: 100%; text-align: right; padding: 5px; font-size: 12px; font-size: 0.75rem; font-weight: 700; } .recipeDetail .recipePartNutrition .nutrition-fact-title, .recipeDetail .recipePartNutrition .nutrition-fact-units, .recipeDetail .recipePartNutrition .nutrition-fact-percent { padding: 5px 0; border-bottom: 1px solid #757575; } .recipeDetail .recipePartNutrition .nutrition-daily-value-section > .nutrition-fact-title:first-of-type, .recipeDetail .recipePartNutrition .protein > .nutrition-fact-title, .recipeDetail .recipePartNutrition .totalCarbohydrate .nutrition-fact-title { font-weight: 700; } .recipeDetail .recipePartNutrition .totalCarbohydrate, .recipeDetail .recipePartNutrition .nutrition-vitamins, .recipeDetail .recipePartNutrition .nutrition-daily-value-section, .recipeDetail .recipePartNutrition .protein, .recipeDetail .recipePartNutrition dl { width: 100%; display: flex; flex-wrap: wrap; } .recipeDetail .recipePartNutrition .totalCarbohydrate .nutrition-fact-title, .recipeDetail .recipePartNutrition .nutrition-vitamins .nutrition-fact-title, .recipeDetail .recipePartNutrition .nutrition-daily-value-section .nutrition-fact-title, .recipeDetail .recipePartNutrition .protein .nutrition-fact-title, .recipeDetail .recipePartNutrition dl .nutrition-fact-title { width: 50%; } .recipeDetail .recipePartNutrition .totalCarbohydrate .nutrition-fact-units, .recipeDetail .recipePartNutrition .nutrition-vitamins .nutrition-fact-units, .recipeDetail .recipePartNutrition .nutrition-daily-value-section .nutrition-fact-units, .recipeDetail .recipePartNutrition .protein .nutrition-fact-units, .recipeDetail .recipePartNutrition dl .nutrition-fact-units { width: 25%; } .recipeDetail .recipePartNutrition .totalCarbohydrate .nutrition-fact-percent, .recipeDetail .recipePartNutrition .nutrition-vitamins .nutrition-fact-percent, .recipeDetail .recipePartNutrition .nutrition-daily-value-section .nutrition-fact-percent, .recipeDetail .recipePartNutrition .protein .nutrition-fact-percent, .recipeDetail .recipePartNutrition dl .nutrition-fact-percent { width: 25%; } .recipeDetail .recipePartNutrition .nutrition-carbs, .recipeDetail .recipePartNutrition .nutrition-fat { width: 100%; } .recipeDetail .recipePartNutrition .nutrition-carbs .nutrition-fact-title, .recipeDetail .recipePartNutrition .nutrition-fat .nutrition-fact-title { padding-left: 15px; } .recipeDetail .recipePartNutrition .nutrition-calories { display: flex; flex-wrap: wrap; } .recipeDetail .recipePartNutrition .nutrition-calories .nutrition-fact-title { width: 50%; } .recipeDetail .recipePartNutrition .nutrition-calories .nutrition-fact-units { width: 50%; } .recipeDetail .recipePartNutrition .nutrition-calories .nutrition-fact-percent { display: none; } .recipeDetail .recipePartNutrition .nutrition-exchanges { padding: 10px 0; } .recipeDetail .recipePartNutrition .nutrition-exchanges h5 { font-weight: 700; display: inline-block; padding-right: 10px; } .recipeDetail .recipePartNutrition #gmi_rp_carbohydrateChoices_div { padding: 10px 0 30px 0; } .recipeDetail .recipePartNutrition #gmi_rp_carbohydrateChoices_div h5 { font-weight: 700; display: inline-block; padding-right: 10px; } .recipeDetail .recipePartNutrition .nutrition-chart-title { display: none; } .recipeDetail #reviewDiv { display: flex; flex-direction: column; width: auto !important; } .recipeDetail #reviewDiv .gig-comments-header { border: none; } .recipeDetail #reviewDiv .gig-comments-comments { order: 2; } .recipeDetail #reviewDiv .gig-comments-comments .gig-comment-data { padding: 0; } .recipeDetail #reviewDiv .gig-comments-comments a.gig-comment-vote-pos.gig-comment-vote-with-value { display: block !important; } .recipeDetail #reviewDiv .gig-comments-composebox { order: 1; border: 1px solid #757575; display: flex; padding: 10px 3%; margin-bottom: 30px; flex-wrap: wrap; } .recipeDetail #reviewDiv .gig-comments-composebox .gig-composebox-logout { display: none; } .recipeDetail #reviewDiv .gig-comments-composebox .gig-composebox-header { width: 74%; order: 1; } .recipeDetail #reviewDiv .gig-comments-composebox .gig-composebox-ratings *.gig-composebox-rating-_overall .gig-composebox-rating-star, .recipeDetail #reviewDiv .gig-comments-composebox .gig-composebox-ratings *.gig-composebox-rating-_overall.gig-composebox-field-error:hover .gig-composebox-rating-star, .recipeDetail #reviewDiv .gig-comments-composebox .gig-composebox-ratings *.gig-selfreview-rating-_overall .gig-selfreview-rating-star { width: 14px; height: 16px; background-size: 15px; } .recipeDetail #reviewDiv .gig-comments-composebox .gig-composebox-error { width: 100%; } .recipeDetail #reviewDiv .gig-comments-composebox .gig-composebox-data { padding: 5px 0 5px 5px; margin: 0; order: 1; width: 22%; } .recipeDetail #reviewDiv .gig-comments-composebox .gig-composebox-data .gig-composebox-footer { margin-top: -2px; } .recipeDetail #reviewDiv .gig-comments-composebox .gig-composebox-data .gig-composebox-footer .gig-composebox-post { padding: 0 10px; } .recipeDetail #reviewDiv .gig-comments-composebox .gig-composebox-rating-title { display: none; } .recipeDetail #reviewDiv .gig-comments-composebox .gig-composebox-rating-_overall { line-height: 18px; } .recipeDetail #reviewDiv .gig-comments-composebox .gig-composebox-rating-_overall .gig-composebox-rating-value { float: right; } .recipeDetail #reviewDiv .gig-comments-composebox .gig-composebox-rating-_overall:before { content: 'Your Rating:'; line-height: 24px; } .recipeDetail .tabbedHeader { text-align: center; padding: 20px; } .recipeDetail section { display: none; padding: 20px 0; } .recipeDetail #toggleSection { display: block; background-color: #0074c1; padding: 5px; border-radius: 3px; letter-spacing: 0.6px; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .recipeDetail #ingredientsTab, .recipeDetail #instructionsTab { display: none; } .recipeDetail label { display: inline-block; padding: 15px 20px 30px; font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-family: "Roboto Slab", serif; font-weight: 700; letter-spacing: 0.5px; } .recipeDetail input:checked + label span { color: #fa6400; border-bottom: solid 3px #fa6400; padding-bottom: 10px; } .recipeDetail #ingredientsTab:checked ~ .tabbedContent #ingredientsSection, .recipeDetail #instructionsTab:checked ~ .tabbedContent #instructionsSection { display: block; } .recipeDetail .recipePartIngredient { text-align: left; } .recipeDetail .recipePartIngredient .recipePartIngredientGroup .receipeIngredientHeader { display: inline-block; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; background-color: #0054a6; padding: 10px 20px; margin: 20px 0 20px -20px; text-transform: uppercase; letter-spacing: 0.5px; } .recipeDetail .recipePartIngredient .headerRow { display: flex; font-family: "Roboto Condensed", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; padding: 5px 0 10px 0; } .recipeDetail .recipePartIngredient .headerRow .description-cell { width: 50%; } .recipeDetail .recipePartIngredient .headerRow .weight-cell { width: 25%; } .recipeDetail .recipePartIngredient .headerRow .measure-cell { width: 25%; } .recipeDetail .recipePartIngredient #ingredientDetails .ingredientsRow { display: flex; letter-spacing: 0.58px; vertical-align: middle; border-top: 1px solid #757575; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .recipeDetail .recipePartIngredient #ingredientDetails .ingredientsRow .description-cell { width: 50%; padding: 10px 10px 10px 0; } .recipeDetail .recipePartIngredient #ingredientDetails .ingredientsRow .description-cell a { color: #0074c1; font-weight: 700; } .recipeDetail .recipePartIngredient #ingredientDetails .ingredientsRow .description-cell a:hover { text-decoration: underline; } .recipeDetail .recipePartIngredient #ingredientDetails .ingredientsRow .weight-cell { width: 25%; padding: 10px 10px 10px 0; } .recipeDetail .recipePartIngredient #ingredientDetails .ingredientsRow .measure-cell { width: 25%; padding: 10px 0; } .recipeDetail .recipePartIngredient #ingredientDetails > div:first-of-type { border: none; } .recipeDetail .recipeSteps .recipePartSteps { text-align: left; } .recipeDetail .recipeSteps .recipePartSteps .recipeStepHeader { display: table; background-color: #0054a6; height: 35px; padding: 10px 20px; margin-left: -20px; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; text-transform: uppercase; } .recipeDetail .recipeSteps .recipePartSteps p { border: 1px solid #757575; padding: 20px 40px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-family: "Roboto", sans-serif; font-weight: 500; letter-spacing: 0.58px; } .recipeDetail .recipeSteps .recipePartSteps ol { counter-reset: i 0; margin: 15px 0 20px; clear: left; } .recipeDetail .recipeSteps .recipePartSteps ol li { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 0 0 15px 35px; position: relative; top: 0; left: 0; font-family: "Roboto", sans-serif; font-weight: 400; letter-spacing: 0.58px; clear: left; } .recipeDetail .recipeSteps .recipePartSteps ol li div { clear: left; } .recipeDetail .recipeSteps .recipePartSteps ol li:before { content: counter(i); counter-increment: i; border: 1px solid #00a839; border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; color: #00a839; display: inline-block; font-weight: 400; line-height: 16px; margin-right: 15px; text-align: center; font-size: 12px; width: 18px; left: 0; position: absolute; } .recipeDetail .recipeSteps .recipePartSteps ol li br { display: none; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection { margin: 10px -20px; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection .headerRow { border-top: 2px solid #757575; display: flex; font-family: "Roboto Condensed", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; padding: 10px 20px 5px; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection .headerRow .bake-cell { width: 40%; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection .headerRow .temp-cell { width: 25%; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection .headerRow .time-cell { width: 35%; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection #bakeDetails { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection #bakeDetails #bakeDetailsRow { display: flex; letter-spacing: 0.58px; vertical-align: middle; border-top: 1px solid #757575; padding: 10px 20px; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection #bakeDetails #bakeDetailsRow .bake-cell { width: 40%; padding: 10px 15px 10px 0; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection #bakeDetails #bakeDetailsRow .temperature-cell { width: 25%; padding: 10px 10px 10px 0; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection #bakeDetails #bakeDetailsRow .time-cell { width: 35%; padding: 10px 0; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection #bakeDetails .bakeNote { padding: 10px 20px 15px 20px; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection #bakeDetails #bakeDetailsRow:first-child { border: none; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection #bakeDetails #bakeDetailsRow:last-child { border-bottom: 2px solid #757575; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection .bakeNote { border-top: 2px solid #757575; padding: 10px 20px 15px 20px; } .recipeDetail .recipePartTips h2:before { text-align: left; background-color: #0054a6; margin-left: -20px; padding: 10px 20px; display: table; content: 'TIPS'; color: #ffffff; font-family: "Roboto", sans-serif; font-weight: 700; font-size: 12px; font-size: 0.75rem; } .recipeDetail .recipePartTips .recipePartTipsInfo .richSnippetHidden { display: none; } .recipeDetail .recipePartTips .recipePartTipsInfo ul li { border: 1px solid #fa6400; background-color: #fffdfa; color: #fa6400; border-radius: 3px; padding: 20px; margin: 20px 0; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #fa6400; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.58px; text-align: left; } .rebateLanding .prod-menu, .rebateDetail .prod-menu { margin: 15px 0 -30px 20px; } .allRebates #rebates, .moreRebates #rebates { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; margin: 0 0 30px 0; } .allRebates .list-item-horizontal .li-img img, .moreRebates .list-item-horizontal .li-img img { width: 100%; height: auto; } .allRebates .list-item-horizontal .li-secondary-description, .moreRebates .list-item-horizontal .li-secondary-description { letter-spacing: 0.5px; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .allRebates .list-item-horizontal .li-secondary-description div > p, .moreRebates .list-item-horizontal .li-secondary-description div > p { margin: 0 0 15px 0; } .allRebates .list-item-horizontal .rebateList, .moreRebates .list-item-horizontal .rebateList { box-sizing: border-box; border: 1px solid #cccccc; border-radius: 3px; margin-bottom: 30px; width: auto; height: 455px; position: relative; } .allRebates .list-item-horizontal .descriptionContainer, .moreRebates .list-item-horizontal .descriptionContainer { padding: 10px 20px 0 20px; } .allRebates .list-item-horizontal .title, .moreRebates .list-item-horizontal .title { word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .allRebates .list-item-horizontal .description, .moreRebates .list-item-horizontal .description { word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 10px 0 10px 0; font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #00a839; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .allRebates .list-item-horizontal .expirationDates, .moreRebates .list-item-horizontal .expirationDates, .allRebates .list-item-horizontal .validation, .moreRebates .list-item-horizontal .validation { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .allRebates .list-item-horizontal .details, .moreRebates .list-item-horizontal .details { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-transform: uppercase; position: absolute; bottom: 20px; } .rebateLanding .ibiDataValidation { display: none; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #e32726; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.51px; font-weight: 700; padding-left: 20px; } .rebateLanding .allRebates { padding: 20px 20px 0 20px; } .rebateLanding .allRebates #rebates { display: none; } .rebateLanding .productCategoryWrapper .productCategory { padding: 20px 20px 0 20px; } .rebateLanding .productCategoryWrapper .productCategory .title { font-size: 20px; letter-spacing: 0.95px; padding-top: 20px; } .rebateLanding .productCategoryWrapper .productCategory .title:after { content: none; } .rebateLanding .productCategoryWrapper .productCategory .description { padding-bottom: 10px; } .rebateDetail .overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 2; cursor: pointer; } .rebateDetail .overlay img { position: absolute; top: 45%; right: 45%; } .rebateDetail .rebateTitle { letter-spacing: 0.95px; font-family: "Roboto Slab", serif; font-size: 22px; font-size: 1.375rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: -30px 0 20px 0; } .rebateDetail .rebateUpperSection { display: block; font-family: "Roboto", sans-serif; margin: 20px 20px 30px 20px; padding-top: 30px; } .rebateDetail .rebateUpperSection .imageLeft { float: left; max-width: 445px; max-height: 330px; padding-right: 0; } .rebateDetail .rebateUpperSection img { width: 100%; } .rebateDetail .rebateUpperSection .content-right { padding-left: 0; float: right; width: 100%; } .rebateDetail .rebateUpperSection .content-right .rebateDescription { margin-top: 20px; } .rebateDetail .rebateUpperSection .content-right .rebateDescription .description { font-weight: 700; letter-spacing: 0.5px; font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #00a839; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .rebateDetail .rebateUpperSection .content-right .rebateDescription .purchaseDatesLabel, .rebateDetail .rebateUpperSection .content-right .rebateDescription .rebateDetailsLabel { text-transform: uppercase; display: block; font-weight: 700; letter-spacing: 0.44px; font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #757575; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 20px 0 10px 0; } .rebateDetail .rebateUpperSection .content-right .rebateDescription .details, .rebateDetail .rebateUpperSection .content-right .rebateDescription .purchaseDates { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #000000; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .rebateDetail .rebateUpperSection .content-right .rebateLink { padding-top: 4%; } .rebateDetail .rebateUpperSection .content-right .rebateLink a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; float: initial; padding-right: 0; cursor: pointer; } .rebateDetail .rebateUpperSection .content-right .rebateDownload { font-size: 16px; background-color: #0074c1; padding: 10px 15px; text-align: center; color: #ffffff; margin-top: 10px; display: inline-block; width: 100%; } .rebateDetail .rebateUpperSection .content-right .rebateDownload .rebateLink { color: #ffffff; } .rebateDetail .rebateUpperSection .content-right .modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); padding-bottom: 30px; } .rebateDetail .rebateUpperSection .content-right .modal .modal-header { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; margin: -30px 0 20px 33px; } .rebateDetail .rebateUpperSection .content-right .modal .content { background-color: #ffffff; padding-top: 30px; margin: 10% 10% 0% 7%; width: 86%; height: auto; max-height: calc(100vh - 60px); overflow: auto; } .rebateDetail .rebateUpperSection .content-right .modal .content .modal-content { font-size: 14px; color: #3b3b3b; margin-left: 34px; width: 85%; padding-bottom: 2%; } .rebateDetail .rebateUpperSection .content-right .modal .close { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -24px 8px; padding-left: 20px; z-index: 99999; position: initial; width: 42px; height: 34px; top: 0; right: 0; float: right; border: none; padding: 0; margin-top: -6%; } .rebateDetail .rebateUpperSection .content-right .modal .close:hover, .rebateDetail .rebateUpperSection .content-right .modal .close:focus { color: #000000; text-decoration: none; cursor: pointer; } .rebateDetail .streamlineDivider { padding: 30px 0 30px 22px; width: 90%; clear: both; } .rebateDetail #rebates { display: none; } .rebateDetail .moreRebates { padding: 0 20px 0 20px; } .rebateDetail .moreRebates .gallery-header { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; padding: 0 0 30px 0; } .rebateDetail .rebateFormHeader { text-align: center; } .rebateDetail .rebateFormHeader .header { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; } .rebateDetail .rebateFormHeader .subHeader { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; } .rebateDetail .rebateFormHeader .subHeader:hover { color: #0074c1; text-decoration: underline; } .rebateDetail .rebateFormWrapper { padding-top: 0; } .rebateDetail .rebateFormSection .rebateFormDetails { padding: 20px 20px 30px; border-bottom: 1px solid #757575; } .rebateDetail .rebateFormSection .rebateFormDetails .formHeader { padding-bottom: 20px; font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .rebateDetail .rebateFormSection .rebateFormDetails .formFields .nameBlock { margin-top: 0; } .rebateDetail .rebateFormSection .rebateFormDetails .formFields div[class$="Block"] { margin-top: 20px; } .rebateDetail .rebateFormSection .rebateFormDetails .formFields label { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; margin-top: 10px; } .rebateDetail .rebateFormSection .rebateFormDetails .formFields input[type="text"], .rebateDetail .rebateFormSection .rebateFormDetails .formFields input[type="email"] { width: 100%; height: 40px; border: 2px solid #757575; border-radius: 3px; background-color: #ffffff; padding: 5px 10px; } .rebateDetail .rebateFormSection .rebateFormDetails .formFields select { width: 100%; height: 40px; border: 2px solid #757575; border-radius: 3px; background-color: #ffffff; } .rebateDetail .rebateFormSection .rebateFormDetails .formFields .emailSubDescription { display: block; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.46px; padding-bottom: 5px; } .rebateDetail .calculateRebate, .rebateDetail .calculateCashback { padding: 25px 0 30px 0; } .rebateDetail .calculateRebate .rebateCalculateHeader, .rebateDetail .calculateCashback .rebateCalculateHeader { padding-left: 20px; } .rebateDetail .calculateRebate .rebateCalculateHeader .header, .rebateDetail .calculateCashback .rebateCalculateHeader .header { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .rebateDetail .calculateRebate .rebateProducts .subHeader, .rebateDetail .calculateCashback .rebateProducts .subHeader { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; padding: 20px 20px 15px 20px; } .rebateDetail .calculateRebate .rebateProductsHeader, .rebateDetail .calculateCashback .rebateProductsHeader { font-family: "Roboto Condensed", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.46px; font-weight: 700; display: flex; padding: 10px 20px; } .rebateDetail .calculateRebate .rebateProductsHeader .productsNameHeader, .rebateDetail .calculateCashback .rebateProductsHeader .productsNameHeader { width: 80%; } .rebateDetail .calculateRebate .rebateProductsHeader .productsQuantityHeader, .rebateDetail .calculateCashback .rebateProductsHeader .productsQuantityHeader, .rebateDetail .calculateRebate .rebateProductsHeader .caseCostHeader, .rebateDetail .calculateCashback .rebateProductsHeader .caseCostHeader, .rebateDetail .calculateRebate .rebateProductsHeader .costTotalHeader, .rebateDetail .calculateCashback .rebateProductsHeader .costTotalHeader { width: 20%; text-align: center; } .rebateDetail .calculateRebate .rebateProductsList, .rebateDetail .calculateCashback .rebateProductsList { display: flex; padding: 15px 20px; border-top: 1px solid #757575; } .rebateDetail .calculateRebate .rebateProductsList .rebateProduct, .rebateDetail .calculateCashback .rebateProductsList .rebateProduct { width: 80%; padding-right: 20px; } .rebateDetail .calculateRebate .rebateProductsList .rebateProduct .productsName, .rebateDetail .calculateCashback .rebateProductsList .rebateProduct .productsName { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; } .rebateDetail .calculateRebate .rebateProductsList .rebateProduct .productPrice, .rebateDetail .calculateCashback .rebateProductsList .rebateProduct .productPrice { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #00a839; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.58px; } .rebateDetail .calculateRebate .rebateProductsList .productsQuantity, .rebateDetail .calculateCashback .rebateProductsList .productsQuantity, .rebateDetail .calculateRebate .rebateProductsList .caseCost, .rebateDetail .calculateCashback .rebateProductsList .caseCost, .rebateDetail .calculateRebate .rebateProductsList .costTotal, .rebateDetail .calculateCashback .rebateProductsList .costTotal { width: 20%; padding: 0 5px; } .rebateDetail .calculateRebate .rebateProductsList .productsQuantity input[type="text"], .rebateDetail .calculateCashback .rebateProductsList .productsQuantity input[type="text"], .rebateDetail .calculateRebate .rebateProductsList .caseCost input[type="text"], .rebateDetail .calculateCashback .rebateProductsList .caseCost input[type="text"], .rebateDetail .calculateRebate .rebateProductsList .costTotal input[type="text"], .rebateDetail .calculateCashback .rebateProductsList .costTotal input[type="text"] { width: 100%; height: 40px; border: 2px solid #757575; border-radius: 3px; padding: 5px; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.67px; text-align: center; } .rebateDetail .calculateCashback { padding: 0; margin: 25px 0 30px 0; border-bottom: 1px solid rgba(147, 149, 152, 0.5); } .rebateDetail .calculateCashback .rebateProductsList { border-top-color: rgba(147, 149, 152, 0.5); } .rebateDetail .calculateCashback .rebateProducts .costTotal { width: 25%; } .rebateDetail .calculateCashback .rebateProductsHeader .caseCostHeader, .rebateDetail .calculateCashback .rebateProductsHeader .costTotalHeader { width: 35%; } .rebateDetail .totalRebateBlock { padding: 20px; text-align: center; background-color: #00a839; border-radius: 0 0 5px 5px; } .rebateDetail .totalRebateBlock .totalRebateText { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; } .rebateDetail .totalRebateBlock .totalRebateAmount { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #ffffff; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.83px; padding-top: 5px; } .rebateDetail .rebateSubmitSection { text-align: center; } .rebateDetail .rebateSubmitSection .submitRebateHeader { padding: 0 20px; } .rebateDetail .rebateSubmitSection .submitRebateHeader .header { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; } .rebateDetail .rebateSubmitSection .submitRebate { padding: 0 20px; } .rebateDetail .rebateSubmitSection .submitRebate .printAndMailHeader h2 { padding-top: 0; } .rebateDetail .rebateSubmitSection .submitRebate .printAndMailHeader .subHeader { padding-bottom: 20px; } .rebateDetail .rebateSubmitSection .submitRebate .submitOnline .submitOnlineHeader .header, .rebateDetail .rebateSubmitSection .submitRebate .printAndMail .printAndMailHeader .header { padding: 30px 0 10px 0; font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .rebateDetail .rebateSubmitSection .submitRebate .subHeader { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; padding-bottom: 15px; } .rebateDetail .rebateSubmitSection .submitOnline { padding-bottom: 60px; } .rebateDetail .rebateSubmitSection .submitOnline .uploader { position: relative; overflow: hidden; width: 100%; height: 80px; opacity: 1; border: 2px dashed #757575; border-radius: 5px; } .rebateDetail .rebateSubmitSection .submitOnline .uploader .fileDetails { display: flex; } .rebateDetail .rebateSubmitSection .submitOnline .uploader .fileDetails .imageContainer { width: 25%; height: 80px; padding: 10px; } .rebateDetail .rebateSubmitSection .submitOnline .uploader .fileDetails .imageContainer img { width: auto; height: 100%; max-width: 75px; } .rebateDetail .rebateSubmitSection .submitOnline .uploader .fileDetails .uploadFileText { position: absolute; top: 30%; right: 10%; display: inline-flex; width: 70%; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; padding: 0 20px; } .rebateDetail .rebateSubmitSection .submitOnline .uploader .defaultText { position: absolute; top: 35%; text-align: center; display: block; width: 100%; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; opacity: 0.5; } .rebateDetail .rebateSubmitSection .submitOnline #filePhoto { position: absolute; width: 100%; height: 80px; top: 0; left: 0; z-index: 2; opacity: 0; cursor: pointer; } .rebateDetail .rebateSubmitSection .submitOnline .formValidationMessage { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: center; letter-spacing: 0.51px; padding: 10px 0; } .rebateDetail .rebateSubmitSection .disclaimer { padding: 15px 15px 20px 15px; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.38px; } .rebateDetail .rebateSubmitSection .disclaimer #disclaimer_link { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0054a6; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-decoration: none; } .rebateDetail .rebateSubmitSection .disclaimer .printAndMail { border-top: 2px solid #757575; padding: 20px 0; margin-top: 20px; } .rebateDetail .rebateSubmitSection .disclaimer .printAndMail .subHeader { padding: 10px 0; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; } .rebateDetail .rebateSubmitSection .separator { display: none; border: 2px solid #757575; border-radius: 50px; width: 50px; height: 50px; margin: 160px -25px; background-color: #ffffff; z-index: 1; padding: 12px; color: #757575; } .rebateDetail .rebateSubmitSection .printAndMail { display: none; border-left: 2px solid #757575; border-top: none; padding-left: 60px; width: 50%; padding-top: 0; } .rebateDetail .rebateSubmitSection .printAndMail .downloadLink { font-family: "Roboto", sans-serif; font-size: 10px; font-size: 0.625rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-decoration: none; font-size: 12px; } .rebateDetail .rebateSubmitSection .printAndMail .formValidationMessage { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: center; letter-spacing: 0.51px; padding: 10px 0; } .rebateDetail .rebateSubmitSection .printAndMail .printAndMailHeader + div { padding-bottom: 10px; } .rebateDetail .submitOnline .submitButton, .rebateDetail .printAndMail .submitButton, .rebateDetail .rebateSubmitNote a { background-color: #0074c1; border-radius: 3px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; font-weight: 700; border: none; padding: 5px 20px; } .rebateDetail .rebateSubmitNote { padding: 40px 20px; text-align: center; } .rebateDetail .rebateSubmitNote h2 { font-family: "Roboto Slab", serif; font-size: 22px; font-size: 1.375rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; } .rebateDetail .rebateSubmitNote h4 { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; padding: 20px 0 20px; } .rebateDetail .rebateSubmitNote a { padding: 10px 20px; } .rebateDetail .validationMessage { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.51px; } .resourceLanding { background-color: #ffffff; } .resourceLanding .prod-menu { padding: 20px 15px 0 20px; } .resourceLanding .prod-menu + br { display: none; } .resourceLanding .productCategoryWrapper { padding-bottom: 30px; } .resourceLanding .productCategoryWrapper .productCategory { padding-bottom: 0; } .resourceLanding .productCategoryWrapper .productCategory .title .description { padding-bottom: 0; } .resourceLanding .pageLinkItems { margin-top: 0; padding-bottom: 20px; } .resourceLanding .pageLinkItems .contentListItems .list-item-grid .li-img { width: 50px; } .resourceLanding .gluten-free ul li .li-description-wrapper { margin-left: 20px; right: 0; } .expertisePage .publishedDate { display: none; padding-top: 5px; text-transform: uppercase; font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #757575; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .buyNow .buyNowLanding .pageHeader { padding: 0 20px; } .buyNow .buyNowLanding .pageHeader .title { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.91px; padding-bottom: 15px; } .buyNow .buyNowLanding .pageHeader .subtitle { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .buyNow .buyNowLanding .pageHeader .subtitle a { color: #0054a6; font-weight: 700; } .buyNow .buyNowLanding .clear-search-Text { position: absolute; cursor: pointer; display: inline-block; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -269px -100px; width: 16px; height: 16px; right: 10px; top: 42px; } .buyNow .buyNowLanding .validationMessage { margin: 0; font-size: 12px; font-weight: 500; color: #3b3b3b; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct { padding: 20px 20px 25px; display: flex; flex-wrap: wrap; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .productSearchBlock, .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .zipCodeSearchBlock { width: 100%; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .productSearchBlock h2, .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .zipCodeSearchBlock h2 { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 500; padding-bottom: 10px; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .productSearchBlock input, .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .zipCodeSearchBlock input { width: 100%; height: 40px; border: 1px solid #757575; border-radius: 3px; background-color: #ffffff; padding: 10px 30px 10px 10px; margin-bottom: 5px; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .productSearchBlock input[type=text]::-ms-clear, .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .zipCodeSearchBlock input[type=text]::-ms-clear { display: none; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .productSearchBlock .productHints, .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .zipCodeSearchBlock .productHints { border: 2px solid #757575; background-color: #ffffff; border-bottom: none; height: auto; max-height: 215px; overflow: scroll; overflow-x: hidden; box-shadow: 0 10px 4px 0 #808080; visibility: hidden; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .productSearchBlock .productHints li, .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .zipCodeSearchBlock .productHints li { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; padding: 15px; border-bottom: 2px solid #757575; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .productSearchBlock .productHints li b, .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .zipCodeSearchBlock .productHints li b { color: #0074c1; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .productSearchBlock { position: relative; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .productSearchBlock .search-hints-container { position: absolute; z-index: 1000; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .action { margin-top: 20px; width: 100%; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .action a { background-color: #0074c1; border-radius: 3px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; font-weight: 500; border: none; padding: 10px 20px; } .buyNow .buyNowLanding .searchContainer .productNote { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #727272; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-style: italic; padding: 15px 24px 15px 24px; font-weight: 500; } .buyNow .buyNowLanding .searchContainer .productNote span { font-weight: 400; } .buyNow .buyNowLanding .productSection { background-color: #f7f7f7; } .distributors { background-color: #f7f7f7; margin: 0; } .distributors .productDetails #prodIntro .productImage { display: block; background-color: #ffffff; padding: 0px 15px; } .distributors .productDetails #prodIntro .productImage img { width: 100%; height: auto; margin: 0; padding: 0; } .distributors .distributorDetails .salesRepHeader { display: flex; padding: 15px 20px; cursor: pointer; } .distributors .distributorDetails .salesRepHeader .salesRepIcon { margin: 5px 15px 0 0; display: inline-block; width: 80px; } .distributors .distributorDetails .salesRepHeader .salesRepIcon img { width: 100%; } .distributors .distributorDetails .salesRepHeader .salesRepIconRight { display: inline-grid; gap: 10px; } .distributors .distributorDetails .salesRepHeader .salesRepIconRight .contentTitle { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #000000; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; letter-spacing: 0.5px; } .distributors .distributorDetails .salesRepHeader .salesRepIconRight .salesRepDescription { width: 100%; letter-spacing: 0.5px; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #000000; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .distributors .distributorDetails .salesRepHeader .salesRepIconRight .salesRepButton { width: 164px; height: 40px; font-weight: 500; padding: 6px 16px; text-align: center; border-radius: 4px; display: flex; align-items: center; justify-content: center; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border: 1px solid #0074c1; background-color: #ffffff; } .distributors .distributorDetails .salesRepHeader .salesRepIconRight .salesRepButton .fa-arrow-up-right-from-square { display: none; } .distributors h2, .distributors .header { margin: 0 0 10px; font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #fa6400; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .distributors .header { color: #3c3c3c; font-weight: 700; padding: 20px 20px 0; } .distributors #prodIntro { display: flex; flex-wrap: wrap; padding: 25px 20px 0px; } .distributors #prodIntro .productImage { display: none; } .distributors #prodIntro .productDetailsWrapper { background-color: #ffffff; padding: 0px 15px; } .distributors #prodIntro .productDetailsWrapper .productDescription { width: 100%; } .distributors #prodIntro .productDetailsWrapper .productDescription h1 { font-family: "Roboto", sans-serif; font-size: 20px; font-size: 1.25rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 15px; font-weight: 400; } .distributors #prodIntro .productDetailsWrapper .productDescription h1 sup { font-size: 10px; } .distributors #prodIntro .productDetailsWrapper .productDescription .litProductCodes { display: flex; } .distributors #prodIntro .productDetailsWrapper .productDescription .litProductCodes .productLabel { width: 50%; } .distributors #prodIntro .productDetailsWrapper .productDescription .litProductCodes .productLabel label { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #757575; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; display: block; } .distributors #prodIntro .productDetailsWrapper .productDescription .litProductCodes .productLabelValue { width: 50%; } .distributors #prodIntro .productDetailsWrapper .productDescription .litProductCodes .productLabelValue span { display: block; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .distributors #prodIntro .productDetailsWrapper .cnfShopifyProduct { display: inline-flex; width: 100%; margin-top: 20px; } .distributors #prodIntro .productDetailsWrapper .linkToProduct { display: inline-flex; width: 100%; align-self: center; vertical-align: middle; padding: 10px 0px; } .distributors #prodIntro .productDetailsWrapper .linkToProduct a { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; cursor: pointer; font-weight: 500; } .distributors .buyNowRetailer { width: 100%; } .distributors .buyNowRetailer .buyNowRetailer-items { display: grid; padding: 0px 20px; gap: 4px; } .distributors .buyNowRetailer .buyNowRetailer-items li { width: 100%; background-color: #ffffff; } .distributors .buyNowRetailer .buyNowRetailer-items li .buyNowRetailer-detail { width: 100%; padding: 15px 0px; display: grid; gap: 10px; border: 1px solid #808080; border-radius: 4px; } .distributors .buyNowRetailer .buyNowRetailer-items li .buyNowRetailer-detail .retailer-logo img { width: 155px; height: 40px; display: block; margin: 0 auto; } .distributors .buyNowRetailer .buyNowRetailer-items li .buyNowRetailer-detail .retailer-name { display: flex; margin: auto; } .distributors .buyNowRetailer .buyNowRetailer-items li .buyNowRetailer-detail .retailer-name a { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; position: relative; display: block; margin: 0 auto; } .distributors .distributorInfo { display: flex; flex-wrap: wrap; } .distributors .distributorInfo .distributorInfoHeader { width: 100%; } .distributors .distributorInfo .distributorInfoOrder { display: block; width: 56%; font-size: 12px; font-size: 0.75rem; font-family: "Roboto", sans-serif; z-index: 9; position: relative; margin: 0 20px; } .distributors .distributorInfo .distributorInfoOrder .distributorOrderSelect { color: #3b3b3b; display: block; text-decoration: none; border-bottom: none; border: 1px solid #808080; border-radius: 4px; background-color: #ffffff; } .distributors .distributorInfo .distributorInfoOrder .distributorOrderSelect:before { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat; float: right; width: 26px; height: 23px; cursor: pointer; margin: 5px 20px 0 0; background-position: -1180px 8px; } .distributors .distributorInfo .distributorInfoOrder .distributorOrderSelect span { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; display: block; padding: 10px; } .distributors .distributorInfo .distributorInfoOrder ul.distributorOrderValue { position: absolute; background: #ffffff; border-top: #ffffff; width: 100%; } .distributors .distributorInfo .distributorInfoOrder ul.distributorOrderValue li { border: 1px solid #757575; } .distributors .distributorInfo .distributorInfoOrder ul.distributorOrderValue li span { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding: 10px; display: block; } .distributors .distributorContainer { padding: 20px; } .distributors .distributorContainer .distributors-items { display: grid; } .distributors .distributorContainer .distributors-items li { border: 1px solid #808080; border-radius: 4px; padding: 20px; margin-bottom: 4px; background-color: #ffffff; text-align: center; padding: 20px 0px; } .distributors .distributorContainer .distributors-items li .distributorDetail .detail { display: block; align-items: center; } .distributors .distributorContainer .distributors-items li .distributorDetail .detail .logoContainer { height: 40px; padding-bottom: 5px; } .distributors .distributorContainer .distributors-items li .distributorDetail .detail .logoContainer img { width: auto; height: 100%; max-width: 100%; padding: 5px; } .distributors .distributorContainer .distributors-items li .distributorDetail .detail .distributorInformation .distributorName { display: block; font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.5px; margin-bottom: 10px; } .distributors .distributorContainer .distributors-items li .distributorDetail .detail .distributorInformation .distributorAddress, .distributors .distributorContainer .distributors-items li .distributorDetail .detail .distributorInformation .distributorDistance { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; display: none; } .distributors .distributorContainer .distributors-items li .distributorDetail .detail .distributorInformation .productCode { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #9b9b9b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .distributors .distributorContainer .distributors-items li .distributorDetail .detail .distributorInformation .hideAddressAndDistance { display: none; } .distributors .distributorContainer .distributors-items li .distributorDetail .detail .distributorInformation a { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; display: block; margin-top: 10px; } .distributors .distributorContainer .alignCenter { text-align: center; } .distributors .distributorContainer .alignCenter .showMore { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background: #0074c1; border-radius: 3px; width: 100%; padding: 10px 20px; display: block; } .distributors .distributorNotFound { margin: 0 20px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; } .distributors .frequentlyPurchasedContainer .ProductDetailsRelatedContent .gallery-header { margin: 20px 0 10px; } .distributors .frequentlyPurchasedContainer .ProductDetailsRelatedContent .gallery-header h3 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #3c3c3c; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; padding: 0 20px; } .distributors .frequentlyPurchasedContainer .ProductDetailsRelatedContent ul { padding: 0 10px; } .distributors .frequentlyPurchasedContainer .ProductDetailsRelatedContent ul .mainListItem { width: 47%; height: 200px; background-color: #ffffff; margin: 5px; } .distributors .frequentlyPurchasedContainer .ProductDetailsRelatedContent ul .mainListItem .badge { margin-top: 5px; text-align: center; } .distributors .frequentlyPurchasedContainer .ProductDetailsRelatedContent ul .mainListItem .badge .newItem, .distributors .frequentlyPurchasedContainer .ProductDetailsRelatedContent ul .mainListItem .badge .bestSeller, .distributors .frequentlyPurchasedContainer .ProductDetailsRelatedContent ul .mainListItem .badge .coolSchoolTag, .distributors .frequentlyPurchasedContainer .ProductDetailsRelatedContent ul .mainListItem .badge .k12RegReadyTag { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-radius: 4px; letter-spacing: 0.5px; background-color: #db3700; font-weight: 600; padding: 0 5px; margin-top: 5px; white-space: nowrap; } .distributors .frequentlyPurchasedContainer .ProductDetailsRelatedContent ul .mainListItem .badge .bestSeller { background-color: #00828a; } .distributors .frequentlyPurchasedContainer .ProductDetailsRelatedContent ul .mainListItem .badge .coolSchoolTag { background-color: #0054a6; } .distributors .frequentlyPurchasedContainer .ProductDetailsRelatedContent ul .mainListItem .badge .k12RegReadyTag { background-color: #058938; } .distributors .frequentlyPurchasedContainer .ProductDetailsRelatedContent ul .mainListItem a p { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; padding: 0 10px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px; } .distributors .frequentlyPurchasedContainer .ProductDetailsRelatedContent ul .mainListItem a p sup { font-size: 10px; } .videoLandingPage .contentContainer .prod-menu + br { display: none; } .videoLandingPage .contentContainer .prod-menu { margin: 5px 0 15px 0; } .videoLandingPage .contentContainer .titleSEOText h1 { font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.95px; margin-bottom: 15px; } .videoLandingPage .contentContainer .contentList .contentListMoreButton { width: auto; border-radius: 3px; background-color: #0074c1; border-color: #0074c1; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; letter-spacing: 0.5px; } .videoLandingPage .contentContainer .contentList .gallery-header h3 { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; font-weight: 500; margin-top: 15px; } .videoLandingPage .contentContainer .contentList .contentListItems ul li .li-text a { line-height: 20px; letter-spacing: 0.5px; font-family: "Roboto Slab", serif; font-weight: 700; } .videoLandingPage .contentContainer .richTextArea p { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 400; margin: 0 0 20px 0; } .videoLandingPage .contentContainer .gmfsAccordion { border: 2px solid rgba(177, 179, 182, 0.5); border-bottom: none; border-radius: 3px; } .videoLandingPage .contentContainer .gmfsAccordion .ui-accordion-header { border: 0; border-bottom: 2px solid #cccccc; border-radius: 0; background-color: #ffffff; padding: 15px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.5px; } .videoLandingPage .contentContainer .gmfsAccordion .ui-accordion-header:after { content: '+'; display: inline-block; float: right; } .videoLandingPage .contentContainer .gmfsAccordion .ui-accordion-content { border: 0; padding: 10px 20px; } .videoLandingPage .contentContainer .gmfsAccordion .ui-accordion-header-active:after { content: '-'; display: inline-block; } .videoLandingPage .contentContainer .gmfsAccordion .ui-accordion-content-active { border-bottom: 2px solid #cccccc; border-radius: 0; } .videoDetail .prod-menu { margin: 25px 0 15px 0; } .videoDetail .prod-menu + br { display: none; } .videoDetail .titleSEOText h1 { font-size: 1.25rem; line-height: 1.75rem; letter-spacing: 0.95px; } .videoDetail .videoContainer { padding: 0 20px 20px; } .videoDetail .videoContainer .youTubeContainer .youTube-Video-Name { font-family: "Roboto Slab", serif; font-size: 22px; font-size: 1.375rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; margin-right: 10%; padding-bottom: 20px; } .videoDetail .videoContainer .youTubeContainer .youTube-content-block { background-color: #f7f7f7; margin: 0 -20px 0 -20px; } .videoDetail .videoContainer .youTubeContainer .youTube-content-block .youTube-Video-IframeContainer-resize { padding: 20px 20px 0; } .videoDetail .videoContainer .youTubeContainer .youTube-content-block .youTube-Video-IframeContainer-resize .youTube-Video-IframeContainer { margin-top: -40px; } .videoDetail .videoContainer .youTubeContainer .youTube-content-block .youTube-Video-Description { display: block; visibility: visible; } .videoDetail .videoContainer .youTubeContainer .youTube-content-block .youTube-Video-Description p, .videoDetail .videoContainer .youTubeContainer .youTube-content-block .youTube-Video-Description .title { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; text-align: center; padding: 15px 20px 0; margin: 0; } .videoDetail .videoContainer .videoDescription { background-color: #f7f7f7; margin: 0 -20px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; text-align: center; padding: 20px; } .videoDetail .videoContainer .videoDescription p { margin: 0; } .videoDetail .videoContainer .videoDescription a { color: #0054a6; font-weight: 500; } .videoDetail .videoContainer .contentList { padding-top: 30px; } .videoDetail .videoContainer .contentList .gallery-header h3 { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; font-weight: 400; } .videoDetail .videoContainer .contentList .contentListItems { padding-top: 25px; } .videoDetail .videoContainer .contentList .contentListItems ul { display: flex; flex-wrap: wrap; } .videoDetail .videoContainer .contentList .contentListItems ul li { display: inline-block; width: 50%; padding-bottom: 20px; } .videoDetail .videoContainer .contentList .contentListItems ul li:nth-child(odd) { padding-right: 10px; } .videoDetail .videoContainer .contentList .contentListItems ul li:nth-child(even) { padding-left: 10px; } .videoDetail .videoContainer .contentList .contentListItems ul li .CollectionGalleryView a .li-img { position: relative; } .videoDetail .videoContainer .contentList .contentListItems ul li .CollectionGalleryView a .li-img:after { content: ' '; width: 45px; height: 45px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1210px 2px; display: block; margin-top: -50px; position: absolute; right: 10px; } .videoDetail .videoContainer .contentList .contentListItems ul li .CollectionGalleryView a .li-img img { width: 100%; height: auto; } .videoDetail .videoContainer .contentList .contentListItems ul li .CollectionGalleryView a p { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .videoDetail .videoContainer .contentList .contentListItems ul li .CollectionGalleryView a .attribution .publishedDate { display: none; } .glutenFreePage, .culinaryTrends { background-color: #ffffff; } .glutenFreePage .contentContainer, .culinaryTrends .contentContainer { padding: 20px; } .glutenFreePage .contentContainer .productCategoryWrapper .productCategory, .culinaryTrends .contentContainer .productCategoryWrapper .productCategory { padding: 0; } .glutenFreePage .contentContainer .productCategoryWrapper .productCategory .title, .culinaryTrends .contentContainer .productCategoryWrapper .productCategory .title { pointer-events: none; } .glutenFreePage .contentContainer .productCategoryWrapper .productCategory .title .description, .culinaryTrends .contentContainer .productCategoryWrapper .productCategory .title .description { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .glutenFreePage .contentContainer .productCategoryWrapper .productCategory .title::after, .culinaryTrends .contentContainer .productCategoryWrapper .productCategory .title::after { display: none; } .glutenFreePage .contentContainer .GMFSGalleryView .gallery-header h3, .culinaryTrends .contentContainer .GMFSGalleryView .gallery-header h3, .glutenFreePage .contentContainer .GMFSGalleryGatedContentView .gallery-header h3, .culinaryTrends .contentContainer .GMFSGalleryGatedContentView .gallery-header h3, .glutenFreePage .contentContainer .ProductCategoryHighlight h2, .culinaryTrends .contentContainer .ProductCategoryHighlight h2 { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; text-align: left; } .glutenFreePage .contentContainer .streamlineDivider, .culinaryTrends .contentContainer .streamlineDivider { display: none; } .glutenFreePage .contentContainer .glutenFreeResources, .culinaryTrends .contentContainer .glutenFreeResources { padding-bottom: 50px; } .glutenFreePage .contentContainer .glutenFreeResources ul, .culinaryTrends .contentContainer .glutenFreeResources ul { display: flex; flex-wrap: wrap; } .glutenFreePage .contentContainer .glutenFreeResources ul li, .culinaryTrends .contentContainer .glutenFreeResources ul li { width: 50%; padding-top: 20px; margin: 0; } .glutenFreePage .contentContainer .glutenFreeResources ul li:nth-child(odd), .culinaryTrends .contentContainer .glutenFreeResources ul li:nth-child(odd) { padding-right: 10px; } .glutenFreePage .contentContainer .glutenFreeResources ul li:nth-child(even), .culinaryTrends .contentContainer .glutenFreeResources ul li:nth-child(even) { padding-left: 10px; } .glutenFreePage .contentContainer .glutenFreeResources ul li .li-img img, .culinaryTrends .contentContainer .glutenFreeResources ul li .li-img img { width: 100%; height: 100%; } .glutenFreePage .contentContainer .glutenFreeResources ul li .li-text, .culinaryTrends .contentContainer .glutenFreeResources ul li .li-text { text-align: center; padding-top: 10px; } .glutenFreePage .contentContainer .glutenFreeResources ul li .li-text a, .culinaryTrends .contentContainer .glutenFreeResources ul li .li-text a { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .glutenFreePage .contentContainer .glutenFreeResources ul li .li-text a:hover, .culinaryTrends .contentContainer .glutenFreeResources ul li .li-text a:hover { color: #0074c1; text-decoration: underline; } .glutenFreePage .contentContainer .glutenFreeResources ul li a[title~="(pdf)"]:before, .culinaryTrends .contentContainer .glutenFreeResources ul li a[title~="(pdf)"]:before { content: ' '; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -213px 0px; width: 40px; height: 50px; display: block; margin: 0 auto; } .glutenFreePage .contentContainer .exploreMoreBlock, .culinaryTrends .contentContainer .exploreMoreBlock { margin: 0 0 0 -20px; float: left; width: 100%; } .glutenFreePage .contentContainer .exploreMoreBlock .li-description-wrapper .li-title, .culinaryTrends .contentContainer .exploreMoreBlock .li-description-wrapper .li-title { padding: 30px 10px 0; } .glutenFreePage .contentContainer .exploreMoreBlock .li-description-wrapper .li-description, .culinaryTrends .contentContainer .exploreMoreBlock .li-description-wrapper .li-description { display: none; } .glutenFreePage .contentContainer .exploreMoreBlock .li-description-wrapper .learnmore, .culinaryTrends .contentContainer .exploreMoreBlock .li-description-wrapper .learnmore { display: block; padding: 10px 10px 30px; margin: 0; } .glutenFreePage .contentContainer .scrollerContainer, .culinaryTrends .contentContainer .scrollerContainer { margin-left: -20px; } .glutenFreePage .contentContainer .ProductCategoryHighlight, .culinaryTrends .contentContainer .ProductCategoryHighlight { padding-top: 40px; margin: 0; } .glutenFreePage .contentContainer .ProductCategoryHighlight h2, .culinaryTrends .contentContainer .ProductCategoryHighlight h2 { display: block; } .glutenFreePage .contentContainer .ProductCategoryHighlight .Link, .culinaryTrends .contentContainer .ProductCategoryHighlight .Link { display: none; } .glutenFreePage .contentContainer .featuredRecipes ~ .ProductCategoryHighlight, .culinaryTrends .contentContainer .featuredRecipes ~ .ProductCategoryHighlight { padding: 0; margin: 0 auto; } .glutenFreePage .contentContainer .featuredRecipes ~ .ProductCategoryHighlight h2, .culinaryTrends .contentContainer .featuredRecipes ~ .ProductCategoryHighlight h2 { display: none; } .glutenFreePage .contentContainer .featuredRecipes ~ .ProductCategoryHighlight .Link, .culinaryTrends .contentContainer .featuredRecipes ~ .ProductCategoryHighlight .Link { display: block; background-color: #0074c1; border-radius: 3px; padding: 5px; text-align: center; } .glutenFreePage .contentContainer .featuredRecipes ~ .ProductCategoryHighlight .Link a, .culinaryTrends .contentContainer .featuredRecipes ~ .ProductCategoryHighlight .Link a { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.6px; } .glutenFreePage .contentContainer .featuredRecipes, .culinaryTrends .contentContainer .featuredRecipes, .glutenFreePage .contentContainer .featuredVideos, .culinaryTrends .contentContainer .featuredVideos { margin: 0; text-align: left; } .glutenFreePage .contentContainer .featuredRecipes .contentListItems, .culinaryTrends .contentContainer .featuredRecipes .contentListItems, .glutenFreePage .contentContainer .featuredVideos .contentListItems, .culinaryTrends .contentContainer .featuredVideos .contentListItems { padding-bottom: 30px; } .glutenFreePage .contentContainer .featuredRecipes .contentListItems ul, .culinaryTrends .contentContainer .featuredRecipes .contentListItems ul, .glutenFreePage .contentContainer .featuredVideos .contentListItems ul, .culinaryTrends .contentContainer .featuredVideos .contentListItems ul { display: flex; flex-wrap: wrap; padding: 30px 0 0; } .glutenFreePage .contentContainer .featuredRecipes .contentListItems ul li, .culinaryTrends .contentContainer .featuredRecipes .contentListItems ul li, .glutenFreePage .contentContainer .featuredVideos .contentListItems ul li, .culinaryTrends .contentContainer .featuredVideos .contentListItems ul li { padding-top: 30px; margin: 0; width: 50%; } .glutenFreePage .contentContainer .featuredRecipes .contentListItems ul li:nth-child(odd), .culinaryTrends .contentContainer .featuredRecipes .contentListItems ul li:nth-child(odd), .glutenFreePage .contentContainer .featuredVideos .contentListItems ul li:nth-child(odd), .culinaryTrends .contentContainer .featuredVideos .contentListItems ul li:nth-child(odd) { padding: 0 10px 20px 0; } .glutenFreePage .contentContainer .featuredRecipes .contentListItems ul li:nth-child(even), .culinaryTrends .contentContainer .featuredRecipes .contentListItems ul li:nth-child(even), .glutenFreePage .contentContainer .featuredVideos .contentListItems ul li:nth-child(even), .culinaryTrends .contentContainer .featuredVideos .contentListItems ul li:nth-child(even) { padding: 0 0 20px 10px; } .glutenFreePage .contentContainer .featuredRecipes .contentListItems ul li .li-img, .culinaryTrends .contentContainer .featuredRecipes .contentListItems ul li .li-img, .glutenFreePage .contentContainer .featuredVideos .contentListItems ul li .li-img, .culinaryTrends .contentContainer .featuredVideos .contentListItems ul li .li-img { height: 110px; } .glutenFreePage .contentContainer .featuredRecipes .contentListItems ul li .li-img img, .culinaryTrends .contentContainer .featuredRecipes .contentListItems ul li .li-img img, .glutenFreePage .contentContainer .featuredVideos .contentListItems ul li .li-img img, .culinaryTrends .contentContainer .featuredVideos .contentListItems ul li .li-img img { width: 100%; height: 100%; } .glutenFreePage .contentContainer .featuredRecipes .contentListItems ul li .li-text, .culinaryTrends .contentContainer .featuredRecipes .contentListItems ul li .li-text, .glutenFreePage .contentContainer .featuredVideos .contentListItems ul li .li-text, .culinaryTrends .contentContainer .featuredVideos .contentListItems ul li .li-text { padding-top: 10px; } .glutenFreePage .contentContainer .featuredRecipes .contentListItems ul li .li-text a, .culinaryTrends .contentContainer .featuredRecipes .contentListItems ul li .li-text a, .glutenFreePage .contentContainer .featuredVideos .contentListItems ul li .li-text a, .culinaryTrends .contentContainer .featuredVideos .contentListItems ul li .li-text a { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .glutenFreePage .contentContainer .featuredRecipes .content-lite-medium span, .culinaryTrends .contentContainer .featuredRecipes .content-lite-medium span, .glutenFreePage .contentContainer .featuredVideos .content-lite-medium span, .culinaryTrends .contentContainer .featuredVideos .content-lite-medium span, .glutenFreePage .contentContainer .featuredRecipes .contentListMoreButton, .culinaryTrends .contentContainer .featuredRecipes .contentListMoreButton, .glutenFreePage .contentContainer .featuredVideos .contentListMoreButton, .culinaryTrends .contentContainer .featuredVideos .contentListMoreButton { display: none; } .glutenFreePage .contentContainer .featuredVideos, .culinaryTrends .contentContainer .featuredVideos { padding-top: 40px; } .glutenFreePage .contentContainer .binStickerTextBlock, .culinaryTrends .contentContainer .binStickerTextBlock { margin: -20px; padding-top: 50px; } .glutenFreePage .contentContainer .binStickerTextBlock ul li .li-img img, .culinaryTrends .contentContainer .binStickerTextBlock ul li .li-img img { margin-bottom: -4px; width: 100%; height: 100%; } .glutenFreePage .contentContainer .binStickerTextBlock .li-description-wrapper, .culinaryTrends .contentContainer .binStickerTextBlock .li-description-wrapper { background-color: #00828a; text-align: center; padding: 30px 15px 15px; } .glutenFreePage .contentContainer .binStickerTextBlock .li-description-wrapper .li-title a, .culinaryTrends .contentContainer .binStickerTextBlock .li-description-wrapper .li-title a { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #ffffff; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; } .glutenFreePage .contentContainer .binStickerTextBlock .li-description-wrapper .li-description, .culinaryTrends .contentContainer .binStickerTextBlock .li-description-wrapper .li-description { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; padding: 5px 25px; } .glutenFreePage .contentContainer .binStickerTextBlock .li-description-wrapper .learnmore a, .culinaryTrends .contentContainer .binStickerTextBlock .li-description-wrapper .learnmore a { background-color: #ffffff; border-radius: 3px; padding: 10px 20px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.7px; } .glutenFreePage .contentContainer .binStickerTextBlock .li-description-wrapper .learnmore a:hover, .culinaryTrends .contentContainer .binStickerTextBlock .li-description-wrapper .learnmore a:hover { background: #0054a6; color: #ffffff; } .glutenFreePage .contentContainer .tip, .culinaryTrends .contentContainer .tip { border: 1px solid #fa6400; background-color: #fffdfa; border-radius: 4px; padding: 20px 15px; margin: 40px 0; } .glutenFreePage .contentContainer .tip p, .culinaryTrends .contentContainer .tip p { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #fa6400; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: center; letter-spacing: 0.5px; font-weight: 700; margin: 0; } .footerNewsletterCta .anonymousSignup .input { width: 70%; } .footerNewsletterCta .anonymousSignup .anonymousInput .signUpText { border-radius: 3px; } .footerNewsletterCta .headerNewsletterCta { background-size: 120% 150%; } .footerNewsletterCta .headerNewsletterCta .anonymousIntroContent { width: 30%; margin-left: 2%; } .footerNewsletterCta .headerNewsletterCta .anonymousIntroContent label { font-size: 10px; font-size: 0.625rem; padding-top: 13px; } .footerNewsletterCta .headerNewsletterCta .anonymousSignup { width: 60%; } .footerNewsletterCta .headerNewsletterCta .anonymousSignup .anonymousInput .profileQuestion:after { top: 12px; } .footerNewsletterCta .headerNewsletterCta .anonymousSignup .anonymousInput select { width: 200px; margin-top: 4px; } .footerNewsletterCta .headerNewsletterCta .anonymousSignup .anonymousInput input { width: 230px; margin-left: 15px; } .footerNewsletterCta .headerNewsletterCta .anonymousSignup .anonymousInput .signUpText { padding: 7px 8px; width: 60px; } .footerNewsletterCta .headerNewsletterCta .anonymousSignup .anonymousThankYouContent { background-size: 120% 150%; } .footerNewsletterCta .headerNewsletterCta .anonymousSignup .anonymousThankYouContent .header .headerTitle { font-size: 16px; font-size: 1rem; width: 77px; margin-top: 3px; } .footerNewsletterCta .headerNewsletterCta .anonymousSignup .anonymousThankYouContent .header .headerText { font-size: 16px; font-size: 1rem; width: 533px; } .headerNewsletterCta .anonymousIntroContent label { font-size: 16px; font-size: 1rem; letter-spacing: 0.8px; } .headerNewsletterCta .anonymousSignup .anonymousInput .signUpText { height: 45px; } .headerNewsletterCta .anonymousThankYouContent .header .headerTitle { margin-left: 8%; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput .profileQuestion:after { right: 32%; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput select { width: 40%; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput input { width: 40%; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup .signUpText { width: 40%; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .memberAlreadySubscribed p { padding-left: 35%; } .productNutritionFinder .prod-menu { margin: 20px; } .productNutritionFinder .prod-menu ~ br { display: none; } .productNutritionFinder .productNutritionFinderContainer { font-family: "Roboto", sans-serif; } .productNutritionFinder .productNutritionFinderContainer .overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 2; cursor: pointer; } .productNutritionFinder .productNutritionFinderContainer .overlay img { position: absolute; top: 50%; right: 50%; margin: -64px -64px 0 0; } .productNutritionFinder .productNutritionFinderContainer button:disabled { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background-color: #757575; cursor: default; } .productNutritionFinder .productNutritionFinderContainer .productNutritionFinderIntro { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; margin: 20px; } .productNutritionFinder .productNutritionFinderContainer .productNutritionFinderIntro a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; } .productNutritionFinder .productNutritionFinderContainer .productNutritionFinderIntro h1 { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; margin-bottom: 15px; } .productNutritionFinder .productNutritionFinderContainer button { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-radius: 3px; background-color: #0074c1; font-weight: 700; letter-spacing: 0.5px; text-align: center; width: 100%; height: 40px; padding: 0; border: 0; cursor: pointer; } .productNutritionFinder .productNutritionFinderContainer button:hover { background: #0054a6; } .productNutritionFinder .productNutritionFinderContainer input[type=checkbox] { margin-right: 35px; border: none; height: 16px; } .productNutritionFinder .productNutritionFinderContainer input[type=checkbox]:checked:before { content: '✔'; background-color: #0074c1; border: 1px solid #757575; } .productNutritionFinder .productNutritionFinderContainer input[type=checkbox]:before { content: ''; font-size: 12px; font-size: 0.75rem; display: inline-block; color: #ffffff; width: 20px; height: 20px; border: 2px solid #757575; background-color: #ffffff; margin-bottom: 5px; text-align: center; border-radius: 3px; position: absolute; } .productNutritionFinder .productNutritionFinderContainer .streamlineDivider { padding: 20px 0 20px; } .productNutritionFinder .productNutritionFinderContainer .searchPageStepsContainer { border-top: 1px solid #757575; border-bottom: 1px solid #757575; padding: 20px 0 10px 0; margin: 20px; } .productNutritionFinder .productNutritionFinderContainer .searchPageStepsContainer .searchPageSteps .searchPageStep { padding: 0 0 10px 0; } .productNutritionFinder .productNutritionFinderContainer .searchPageStepsContainer .searchPageSteps .searchPageStep.active .stepNumber { background-color: #fa6400; } .productNutritionFinder .productNutritionFinderContainer .searchPageStepsContainer .searchPageSteps .searchPageStep.active .stepNumber span { color: #ffffff; } .productNutritionFinder .productNutritionFinderContainer .searchPageStepsContainer .searchPageSteps .searchPageStep.active .stepText span { color: #fa6400; } .productNutritionFinder .productNutritionFinderContainer .searchPageStepsContainer .searchPageSteps .searchPageStep .stepNumber { font-size: 18px; padding: 0 0 0 12px; border-radius: 50%; display: inline-block; width: 30px; height: 30px; background-color: #757575; } .productNutritionFinder .productNutritionFinderContainer .searchPageStepsContainer .searchPageSteps .searchPageStep .stepNumber span { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; } .productNutritionFinder .productNutritionFinderContainer .searchPageStepsContainer .searchPageSteps .searchPageStep .stepText { display: inline-block; padding-left: 5px; } .productNutritionFinder .productNutritionFinderContainer .searchPageStepsContainer .searchPageSteps .searchPageStep .stepText span { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #757575; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .productNutritionFinder .productNutritionFinderContainer .productNameText input[type="text"] { width: 100%; padding: 10px; border-radius: 3px; border: 1px solid #757575; } .productNutritionFinder .productNutritionFinderContainer .productNameText button { margin-top: 10px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer { font-family: "Roboto", sans-serif; color: #757575; margin: 30px 20px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .consumerFood { border-bottom: 1px solid #757575; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer p.criteriaIntro { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: center; margin-bottom: 20px; font-weight: 700; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer p.or { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #757575; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.57px; text-align: center; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .productNameCriteria { margin: 20px auto; width: 90%; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .productNameCriteria .productNameText { margin: 15px 0; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .productNameCriteria .productNameText .productHints { position: absolute; top: 32px; left: 2%; border: 1px solid #757575; z-index: 1; background: #ffffff; border-top: none; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .productNameCriteria .productNameText .productHints li { padding: 5px; cursor: pointer; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .productNameCriteria .productNameText .productHints li span { font-size: 14px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .productNameCriteria .productNameText .productHints li:hover { font-weight: 700; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .productNameCriteria .productNameText .dummyHints { display: none; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .productNameCriteria span.productNameDescription { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories { margin-bottom: 30px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories input[type="text"] { padding: 5px; width: 17%; margin: 0 10px 0 0; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories li:last-child { margin-bottom: 0; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .operators { padding: 15px 0; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .operators select { padding: 5px; border: 1px solid #757575; border-radius: 3px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .operators select::-ms-expand { display: none; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .categoryHeading { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 10px; cursor: pointer; border: 1px solid #757575; border-bottom: none; font-weight: 500; letter-spacing: 0.5px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .categoryHeading .selectedOption { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #00a839; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; display: inline-block; border-radius: 50%; width: 30px; height: 30px; border: 1px solid #00a839; margin-left: 10px; font-weight: 700; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .categoryHeading .selectedOption .count { text-align: center; width: 100%; display: block; margin-top: 4px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .categoryHeading .zeroCount { border: 1px solid #757575; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .categoryHeading .zeroCount .count { color: #757575; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .expandSign { display: inline-block; float: right; margin-top: 5px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .collapseSign { display: none; float: right; margin-top: 5px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .expanded .categoryHeading { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .expanded .categoryHeading .expandSign { display: none; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .expanded .categoryHeading .collapseSign { display: inline-block; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .expanded .searchCriterias { display: block; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .searchCriterias { border: 1px solid #757575; border-bottom: none; display: none; background-color: #fbfbfb; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .searchCriterias > ul { padding: 10px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .searchCriterias label { padding: 5px 0; display: inline-flex; display: -webkit-inline-flex; display: -ms-inline-flex; display: -moz-inline-flex; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .searchCriterias label span { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; margin-top: 4px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .searchCriterias section { padding: 20px; border-bottom: 1px solid #757575; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .searchCriterias section:last-child { border-bottom: none; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .searchCriterias section .criteriaValue span { white-space: nowrap; font-size: 12px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .searchCriterias section .criteriaValue span.validationMessage { font-size: 14px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .searchCriterias .searchCriteria.subSection { padding-top: 20px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .searchCriterias .searchCriteria.subSection label { font-style: italic; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .searchCriterias .searchCriteria.subSection.noItalics { padding-top: 10px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .searchCriterias .searchCriteria .sectionBlock > .sectionBlock { padding-top: 20px; margin-left: 20px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .searchCriterias .searchCriteria .sectionBlock > .sectionBlock > .sectionBlock label { font-size: 14px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .searchCriterias .searchCriteria .sectionBlock > .sectionBlock > .sectionBlock label span { margin: auto 0; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .searchCriterias .searchCriteria .sectionBlock > .sectionBlock label { font-style: italic; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .k12RegulationsFooter { padding: 0 20px 10px 20px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .k12RegulationsFooter a { overflow-wrap: break-word; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .k12RegulationsFooter .k12RegulationsFooterTitle { font-size: 16px; color: red; font-weight: 700; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultTitle { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; margin: 30px 20px 10px 20px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer #productTable { margin: 20px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable { border: 1px solid #757575; font-family: "Roboto Condensed", sans-serif; font-size: 14px; padding: 10px 0 0; font-weight: 700; border-bottom: none; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable:first-child { display: none; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable:last-child { border-bottom: 1px solid #757575; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .topSection { display: flex; padding: 0 5px 15px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .topSection .product-image { width: 20%; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .topSection .product-image img { width: 100%; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .topSection .product-image #preview { position: absolute; border: 1px solid #757575; padding: 0; margin: 0; width: 300px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .topSection .product-image #preview img { display: block; width: 100%; height: auto; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .topSection .product-select { width: 10%; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .topSection .product-title { width: 70%; padding: 0 10px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .topSection .product-title a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .topSection .product-title:hover { color: #0074c1; text-decoration: underline; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .rightSection { display: flex; padding: 10px 5px; flex-wrap: wrap; background-color: rgba(216, 217, 218, 0.1); color: #3b3b3b; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .rightSection .product-gtin, .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .rightSection .product-unit-size { padding-right: 20px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .rightSection .product-gtin-text, .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .rightSection .product-unit-size-text, .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .rightSection .product-case-count-text { font-size: 10px; font-size: 0.625rem; font-weight: 700; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .rightSection .product-gtin-value, .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .rightSection .product-unit-size-value, .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .rightSection .product-case-count-value { font-size: 14px; font-size: 0.875rem; font-weight: 400; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer p { padding-top: 20px; padding-bottom: 20px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultSelection { font-family: "Roboto", sans-serif; margin: 25px 0 5px; background-color: rgba(216, 217, 218, 0.1); padding: 25px 20px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultSelection .serachResultText { font-weight: 700; font-size: 20px; color: #757575; padding-bottom: 15px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultSelection .serachResultText span { color: #757575; font-size: 18px; font-weight: normal; display: inline-block; padding: 0 0 0 25px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultSelection .searchResultCount { font-size: 18px; color: #757575; width: 40%; display: inline-block; text-align: right; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultSelection .searchResultTitle { width: 100%; padding: 15px 0 15px; font-size: 16px; font-family: "Roboto", sans-serif; color: #757575; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultSelection .searchLink { font-family: "Roboto", sans-serif; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultSelection .searchLink a { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding: 0 5px 0 0; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultSelection .searchLink a#newSearch { padding: 0 0 0 5px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultSelection .listItems li { display: inline-block; border: 1px solid #757575; border-radius: 3px; padding: 10px; margin: 5px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultSelection .listItems li:last-child { margin-bottom: 20px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultSelection .listItems li span { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #757575; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; display: block; text-decoration: none; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons { margin: 30px 0; padding: 0 20px 30px 20px; display: flex; flex-wrap: wrap; border-bottom: 2px solid #cccccc; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons button { margin: 10px 0; display: inline-block; width: auto; padding: 10px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadPDF { float: left; border-bottom: 2px solid #757575; width: 100%; padding-bottom: 50px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadPDF .downloadPDFHeader { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; margin-bottom: 20px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadPDF .downloadPDFDescription { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; margin-bottom: 20px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadPDF .downloadPDFOptions button[disabled] { background-color: #757575; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadPDF ul { padding: 10px; border: 2px solid #757575; border-bottom: none; border-radius: 8px 8px 0 0; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadPDF ul li input[disabled] + span { color: #757575; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadPDF label { padding: 5px 0; display: inline-flex; display: -webkit-inline-flex; display: -ms-inline-flex; display: -moz-inline-flex; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadPDF label span { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; margin-top: 4px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadPDF button { border-radius: 0 0 8px 8px; background-color: #0074c1; width: 100%; margin-top: 0; cursor: pointer; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadPDF button:hover { background-color: #0054a6; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .center { width: 7%; height: 7%; font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #757575; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: -32px 40%; width: 100%; text-align: center; padding: 20px; border: 2px solid #757575; border-radius: 40px; background-color: #ffffff; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadExcel { width: 100%; margin-top: 60px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadExcel .downloadExcelHeader { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; margin-bottom: 20px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadExcel .downloadExcelDescription { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; margin-bottom: 20px; width: 80%; display: table; margin: 20px auto; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadExcel button { margin: 0 auto; display: table; width: 100%; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .footNote { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; width: 70%; margin: 0 auto; text-align: center; } .productNutritionFinder .productNutritionFinderContainer .legalDisclaimer { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; width: 70%; margin: 0 auto 20px auto; text-align: center; } .promotionPage .resourcesCollectionList ul li .li-description-wrapper .li-description { font-size: 12px; } .promotionPage .resourcesCollectionList ul li:nth-child(even) { padding: 0 0 30px 10px; } .promotionPage .resourcesCollectionList ul li:nth-child(odd) { padding: 0 10px 30px 0; } .contactUsPage .prod-menu { padding: 20px 20px 0; } .contactUsPage .prod-menu + br { display: none; } .contactUsPage #contactForm { padding: 0 20px 20px; } .contactUsPage #contactForm .active { background-color: #0054a6; color: #ffffff; } .contactUsPage #contactForm .selectWrap ul { display: flex; flex-wrap: wrap; } .contactUsPage #contactForm .selectWrap ul li { width: 50%; font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; text-align: center; } .contactUsPage #contactForm .selectWrap ul li a { display: block; padding: 10px; width: 45%; margin: 10px auto 0; border-radius: 3px; background-color: #0074c1; } .contactUsPage #contactForm .selectWrap ul li a span { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.58px; } .contactUsPage #contactForm .selectWrap ul li h1 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.57px; padding: 0; margin: 0; } .contactUsPage #contactForm .selectWrap ul li .selectWrapItem { padding: 9px; border: 2px solid #757575; border-radius: 5px; background-color: #ffffff; height: 130px; } .contactUsPage #contactForm .selectWrap ul li .selectWrapItem span { color: #0054a6; } .contactUsPage #contactForm .selectWrap ul li .selectWrapItem img { width: auto; height: 50px; margin: 0 auto 15px; display: block; } .contactUsPage #contactForm .selectWrap ul li .active { background-color: #0054a6; border-color: #0054a6; } .contactUsPage #contactForm .selectWrap ul li .active span { color: #ffffff; } .contactUsPage #contactForm .selectWrap ul li.odd { padding: 10px 0 20px 10px; } .contactUsPage #contactForm .selectWrap ul li.even { padding: 10px 10px 10px 0; } .contactUsPage #contactForm .selectWrap ul li.contactSelected { flex: 1 100%; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; background-color: #f2f2f3; font-weight: 400; margin: 0 -20px 10px; padding: 30px 10px; position: relative; } .contactUsPage #contactForm .selectWrap ul li.contactSelected #nutritionIngriedentInfo:before, .contactUsPage #contactForm .selectWrap ul li.contactSelected #repInfo:before, .contactUsPage #contactForm .selectWrap ul li.contactSelected #questionsAboutRetailProducts:before, .contactUsPage #contactForm .selectWrap ul li.contactSelected #productFinder:before, .contactUsPage #contactForm .selectWrap ul li.contactSelected #thankYouResponse:before { content: ' '; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #f2f2f3; position: absolute; top: -15px; right: 20%; } .contactUsPage #contactForm .selectWrap ul li.contactSelected #nutritionIngriedentInfo .productFinder a, .contactUsPage #contactForm .selectWrap ul li.contactSelected #repInfo .productFinder a, .contactUsPage #contactForm .selectWrap ul li.contactSelected #questionsAboutRetailProducts .productFinder a, .contactUsPage #contactForm .selectWrap ul li.contactSelected #productFinder .productFinder a, .contactUsPage #contactForm .selectWrap ul li.contactSelected #thankYouResponse .productFinder a { margin-bottom: 30px; } .contactUsPage #contactForm .selectWrap ul li.contactSelected #nutritionIngriedentInfo .productFinder p, .contactUsPage #contactForm .selectWrap ul li.contactSelected #repInfo .productFinder p, .contactUsPage #contactForm .selectWrap ul li.contactSelected #questionsAboutRetailProducts .productFinder p, .contactUsPage #contactForm .selectWrap ul li.contactSelected #productFinder .productFinder p, .contactUsPage #contactForm .selectWrap ul li.contactSelected #thankYouResponse .productFinder p { padding-bottom: 15px; } .contactUsPage #contactForm .selectWrap ul li.contactSelected #nutritionIngriedentInfo .productFinder .askLink, .contactUsPage #contactForm .selectWrap ul li.contactSelected #repInfo .productFinder .askLink, .contactUsPage #contactForm .selectWrap ul li.contactSelected #questionsAboutRetailProducts .productFinder .askLink, .contactUsPage #contactForm .selectWrap ul li.contactSelected #productFinder .productFinder .askLink, .contactUsPage #contactForm .selectWrap ul li.contactSelected #thankYouResponse .productFinder .askLink { margin: 0; padding: 0; display: inline-block; width: auto; background-color: #f2f2f3; color: #0074c1; } .contactUsPage #contactForm .selectWrap ul li.contactSelected #questionsAboutRetailProducts:before, .contactUsPage #contactForm .selectWrap ul li.contactSelected #productFinder:before { left: 20%; } .contactUsPage #contactForm .selectWrap ul li.contactSelected .productFinder { width: 100%; } .contactUsPage #contactForm .selectWrap ul li.contactSelected .productFinder span { display: block; } .contactUsPage #contactForm .selectWrap ul li.contactSelected ul { display: block; } .contactUsPage #contactForm .selectWrap ul li.contactSelected ul li { display: block; width: 100%; text-align: left; padding: 0 20px; margin: 0; } .contactUsPage #contactForm .selectWrap ul li.contactSelected ul li label { display: block; padding: 0; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; } .contactUsPage #contactForm .selectWrap ul li.contactSelected ul li select, .contactUsPage #contactForm .selectWrap ul li.contactSelected ul li textarea, .contactUsPage #contactForm .selectWrap ul li.contactSelected ul li input { width: 100%; height: 40px; border: 2px solid #757575; border-radius: 3px; background-color: #ffffff; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; margin-bottom: 10px; padding: 5px; } .contactUsPage #contactForm .selectWrap ul li.contactSelected ul li textarea { height: 180px; } .contactUsPage #contactForm .selectWrap ul li.contactSelected ul li.twoColumn { padding: 0 20px; } .contactUsPage #contactForm .selectWrap ul li.contactSelected .repInfo a { width: 100%; } .contactUsPage #contactForm .selectWrap ul li.searchBuyNowProduct .clearSearchText { position: absolute; cursor: pointer; display: inline-block; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -269px -100px; width: 16px; height: 16px; right: 10px; top: 42px; } .contactUsPage #contactForm .selectWrap ul li.searchBuyNowProduct .productSearchBlock { width: 100%; position: relative; } .contactUsPage #contactForm .selectWrap ul li.searchBuyNowProduct .productSearchBlock input { width: 100%; height: 40px; border: 2px solid #757575; border-radius: 3px; background-color: #ffffff; padding: 10px 30px 10px 10px; margin: 0; } .contactUsPage #contactForm .selectWrap ul li.searchBuyNowProduct .productSearchBlock input[type=text]::-ms-clear { display: none; } .contactUsPage #contactForm .selectWrap ul li.searchBuyNowProduct .productSearchBlock .productHints { border: 2px solid #757575; background-color: #ffffff; border-bottom: none; height: auto; max-height: 215px; overflow: scroll; overflow-x: hidden; box-shadow: 0 10px 4px 0 #808080; } .contactUsPage #contactForm .selectWrap ul li.searchBuyNowProduct .productSearchBlock .productHints li { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; padding: 15px; border-bottom: 2px solid #757575; } .contactUsPage #contactForm .selectWrap ul li.searchBuyNowProduct .productSearchBlock .productHints li b { color: #0074c1; } .contactUsPage #contactForm .selectWrap ul li.searchBuyNowProduct .productSearchBlock .searchHintsContainer { position: absolute; z-index: 10001; max-height: 200px; top: 67px; } .contactUsPage #contactForm .selectWrap ul li.searchBuyNowProduct .productSearchBlock .searchHintsContainer .productHints { height: 100%; } .contactUsPage #contactForm .defaultLandingInfo { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; } .contactUsPage #contactForm .defaultLandingInfo hr { height: 2px; border: 1px solid #757575; opacity: 0.5; margin: 20px 0; } .contactUsPage #contactForm .defaultLandingInfo h2 { font-weight: 700; } .contactUsPage #contactForm .defaultLandingInfo .demandLogo { background: url(/GMFS/Assets/Images/img-general-mills-on-demand.png) no-repeat; width: 145px; height: 65px; display: block; margin: 0 auto; } .contactUsPage #contactForm .alert-error { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; display: block; margin-top: -8px; } .contactUsPage #contactForm .productSearchBlock .alert-error { margin-top: 2px; } .privacyPolicyLanding .contentContainer { padding: 20px; } .privacyPolicyLanding .contentContainer .prod-menu { margin-top: 5px; } .privacyPolicyLanding .contentContainer .prod-menu + br { display: none; } .privacyPolicyLanding .contentContainer #internal_content_wrapper h2 { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; padding: 0 0 20px 0; } .privacyPolicyLanding .contentContainer #internal_content_wrapper h3, .privacyPolicyLanding .contentContainer #internal_content_wrapper h4 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .privacyPolicyLanding .contentContainer #internal_content_wrapper h4 { padding: 10px 0 20px 0; } .privacyPolicyLanding .contentContainer #internal_content_wrapper h3 { padding-bottom: 20px; } .privacyPolicyLanding .contentContainer #internal_content_wrapper p, .privacyPolicyLanding .contentContainer #internal_content_wrapper li { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding: 0 0 20px 0; margin: 0; } .privacyPolicyLanding .contentContainer #internal_content_wrapper ul { list-style-type: disc; padding-left: 30px; } .privacyPolicyLanding .contentContainer #internal_content_wrapper li { padding-left: 5px; } .privacyPolicyLanding .contentContainer #internal_content_wrapper .introtext { display: none; } .privacyPolicyLanding .contentContainer #internal_content_wrapper a { color: #0054a6; } .eventPage .prod-menu { padding: 20px 0 0 20px; } .eventPage .prod-menu ~ br { display: none; } .eventPage .titleSEOText { padding-left: 20px; } .eventPage .events { padding: 20px; } .eventPage .events .separator { height: 1px; margin: 30px 0; } .eventPage .events span { display: block; } .eventPage .events .date { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #757575; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 800; text-transform: uppercase; padding: 0 0 5px 0; letter-spacing: 0.44px; } .eventPage .events .name { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 800; letter-spacing: 0.5px; } .eventPage .events .address { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #000000; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 15px 0 20px; } .eventPage .events .webAddress { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; } .aboutUs .contentContainer { padding: 0 20px 30px; } .aboutUs .contentContainer .contentList .headerWithTextOverlay .text h2.htmlHeroTitle { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .aboutUs .contentContainer .contentList .headerWithTextOverlay .text .description { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; font-weight: 500; margin: 10px 0 0; } .aboutUs .contentContainer .contentList .headerWithTextOverlay .text .button1 { font-size: 14px; color: #0054a6; font-weight: 700; } .aboutUs .contentContainer .richTextArea p { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; font-weight: 400; } .aboutUs .contentContainer .richTextArea h2 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .aboutUs .contentContainer .richTextArea a { color: #0054a6; font-weight: 700; } .aboutUs .contentContainer .richTextArea .events { padding: 30px 0 0; } .aboutUs .contentContainer .richTextArea .events .header { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 0 10px 30px 0; letter-spacing: 0.95px; font-weight: 500; } .aboutUs .contentContainer .richTextArea .events .eventsList .eventBlock { vertical-align: top; } .aboutUs .contentContainer .richTextArea .events .eventsList .eventBlock .date { display: block; font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #757575; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; padding: 5px 0; text-transform: uppercase; } .aboutUs .contentContainer .richTextArea .events .eventsList .eventBlock .name { display: block; font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .aboutUs .contentContainer .richTextArea .events .eventsList .eventBlock .address { display: block; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #000000; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .aboutUs .contentContainer .richTextArea .events .eventsList .eventBlock a.webAddress { display: block; font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; padding: 10px 0 30px; font-weight: 500; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .FeaturedContentLabel { padding: 40px 0 20px; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .FeaturedContentLabel span { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 0 10px 10px 0; letter-spacing: 0.95px; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem { display: inline-block; width: 100%; padding-bottom: 20px; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem:nth-child(2), .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem:nth-child(3) { width: 100%; padding: 0 0 20px; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem .collection-list { width: 100%; float: left; padding-bottom: 10px; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem .collection-list .li-img { width: 100%; height: 200px; background-color: #f7f7f7; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem .collection-list .li-img img { width: 100%; height: 100%; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem .li-description-wrapper { float: left; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem .li-description-wrapper .attribution .publishedDate { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #757575; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; text-transform: uppercase; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; letter-spacing: 0.5px; padding-right: 30px; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title a { color: #0054a6; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem .li-description-wrapper .li-description { width: 90%; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #000000; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore a { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; text-transform: uppercase; } .aboutUs .contentContainer .ProductCategoryHighlight .Link a { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background: #0074c1; padding: 10px; text-align: center; border-radius: 3px; display: block; } .aboutUs .contentContainer .desktopMore { display: none; } .termsOfUse .contentContainer { padding: 20px; } .termsOfUse .prod-menu ~ br { display: none; } .termsOfUse h2 { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 10px 0 30px; letter-spacing: 1.27px; } .termsOfUse h3, .termsOfUse strong { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 800; letter-spacing: 0.5px; } .termsOfUse p { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .privacyPolicyLanding .contentContainer { padding: 20px; } .privacyPolicyLanding .contentContainer .prod-menu { margin-top: 5px; } .privacyPolicyLanding .contentContainer .prod-menu + br { display: none; } .privacyPolicyLanding .contentContainer #internal_content_wrapper h2 { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; padding: 0 0 20px 0; } .privacyPolicyLanding .contentContainer #internal_content_wrapper h3, .privacyPolicyLanding .contentContainer #internal_content_wrapper h4 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .privacyPolicyLanding .contentContainer #internal_content_wrapper h4 { padding: 10px 0 20px 0; } .privacyPolicyLanding .contentContainer #internal_content_wrapper h3 { padding-bottom: 20px; } .privacyPolicyLanding .contentContainer #internal_content_wrapper p, .privacyPolicyLanding .contentContainer #internal_content_wrapper li { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding: 0 0 20px 0; margin: 0; } .privacyPolicyLanding .contentContainer #internal_content_wrapper ul { list-style-type: disc; padding-left: 30px; } .privacyPolicyLanding .contentContainer #internal_content_wrapper li { padding-left: 5px; } .privacyPolicyLanding .contentContainer #internal_content_wrapper .introtext { display: none; } .privacyPolicyLanding .contentContainer #internal_content_wrapper a { color: #0054a6; } .culinaryTeam .contentContainer #articleMainImgContainer { margin: 0 -20px; } .culinaryTeam .contentContainer .chefList .contentListItems ul { display: flex; flex-wrap: wrap; } .culinaryTeam .contentContainer .chefList .contentListItems ul li:nth-child(2n+1) { padding-left: 0; } .culinaryTeam .contentContainer .chefList .contentListItems ul li:nth-child(2n) { padding-right: 0; } .culinaryTeam .contentContainer .chefList .contentListItems ul li { width: 50%; padding: 0 10px; margin: 0; } .culinaryTeam .contentContainer .chefList .contentListItems ul li .li-img { height: auto; } .culinaryTeam .contentContainer .chefList .contentListItems ul li .description { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #757575; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 100%; height: auto; font-weight: 700; letter-spacing: 0.44px; margin-top: 5px; text-transform: uppercase; word-wrap: break-word; margin: 0 auto; padding-top: 10px; } .culinaryTeam .contentContainer .chefList .contentListItems ul li .name a { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 100%; height: auto; font-weight: 700; letter-spacing: 0.5px; margin-top: 5px; word-wrap: break-word; overflow-wrap: break-word; } .culinaryTeam .contentContainer .chefList .contentListItems ul li .bio { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #000000; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 100%; height: auto; letter-spacing: 0.5px; display: none; } .culinaryTeam .contentContainer .chefList .contentListItems ul li .read-bio { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 100%; height: auto; letter-spacing: 0.58px; display: none; } #articleMainContent iframe { width: 100%; } .culinaryTrends .contentContainer { padding: 0; } .culinaryTrends .contentContainer .desktopViewAll { display: none; } .culinaryTrends .contentContainer .mobileViewAll .Link { display: block; } .culinaryTrends .contentContainer .titleSEOText { padding-left: 20px; } .culinaryTrends .contentContainer .hideGrid { display: none; } .culinaryTrends .contentContainer .viewPastTrends { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background: #0074c1; padding: 10px; text-align: center; border-radius: 3px; display: block; width: 120px; margin: 20px auto; } .culinaryTrends .contentContainer .threeColumnFeatureArticles .gallery-header { display: none; } .culinaryTrends .contentContainer .threeColumnFeatureArticles .gallery-header h3 { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; } .culinaryTrends .contentContainer .threeColumnFeatureArticles .productsFeaturedContent .FeaturedContentLabel { padding: 0 20px 10px 10px; } .culinaryTrends .contentContainer .threeColumnFeatureArticles .productsFeaturedContent ul li.collectionListItem { width: 48%; } .culinaryTrends .contentContainer .threeColumnFeatureArticles .productsFeaturedContent ul li.collectionListItem .collection-list .li-img { height: auto; } .culinaryTrends .contentContainer .threeColumnFeatureArticles .productsFeaturedContent ul li.collectionListItem .li-description-wrapper .li-description.learnmore { display: block; } .culinaryTrends .contentContainer .threeColumnFeatureArticles .productsFeaturedContent ul li.collectionListItem .li-description-wrapper .li-description.learnmore a { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; } .culinaryTrends .contentContainer .threeColumnFeatureArticles .productsFeaturedContent ul li.collectionListItem:nth-child(2), .culinaryTrends .contentContainer .threeColumnFeatureArticles .productsFeaturedContent ul li.collectionListItem:nth-child(3) { width: 50%; } .culinaryTrends .contentContainer .glutenFreeResources { margin: 0 20px; padding-bottom: 30px; } .culinaryTrends .contentContainer .glutenFreeResources ul li .li-text { text-align: left; } .culinaryTeamBlog { background-color: #ffffff; } .culinaryTeamBlog .titleSEOText { display: none; } .culinaryTeamBlog .prod-menu { margin: 0 20px; width: 80%; height: 60px; padding: 45px 0 0 0; } .culinaryTeamBlog .channelLinks { padding-bottom: 20px; } .culinaryTeamBlog .productCategoryWrapper .productCategory .title:after { display: none; } .culinaryTeamBlog .productCategoryWrapper .productCategory .description { letter-spacing: 0.5px; } .culinaryTeamBlog .recentBlogs .productsFeaturedContent .FeaturedContentLabel { padding: 40px 0 20px; } .culinaryTeamBlog .recentBlogs .productsFeaturedContent .FeaturedContentLabel span { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 0 10px 10px 0; letter-spacing: 0.95px; } .culinaryTeamBlog .recentBlogs .contentListMoreButton { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background: #0074c1; padding: 10px; text-align: center; border-radius: 3px; display: block; margin: 30px 20px; } .culinaryTeamBlog .recentBlogs .collectionListItem { display: inline-block; width: 95%; padding-bottom: 20px; margin-left: 26px; margin-right: 20px; } .culinaryTeamBlog .recentBlogs .collectionListItem:nth-child(3n+2), .culinaryTeamBlog .recentBlogs .collectionListItem:nth-child(3n) { width: 95%; padding: 0 0 20px; } .culinaryTeamBlog .recentBlogs .collectionListItem .publishedDate { text-transform: uppercase; } .culinaryTeamBlog .recentBlogs .collectionListItem .collection-list { width: 100%; float: left; padding-bottom: 10px; } .culinaryTeamBlog .recentBlogs .collectionListItem .collection-list .li-img { width: 90%; height: 200px; } .culinaryTeamBlog .recentBlogs .collectionListItem .collection-list .li-img img { width: 100%; height: 100%; } .culinaryTeamBlog .recentBlogs .collectionListItem .collection-list .contentOverlay { width: 60px; height: 60px; margin: -48px 0 0 -6px; } .culinaryTeamBlog .recentBlogs .collectionListItem .collection-list .contentOverlay img { width: 100%; height: 100%; border: 6px solid #ffffff; border-radius: 50%; } .culinaryTeamBlog .recentBlogs .collectionListItem .li-description-wrapper { float: left; } .culinaryTeamBlog .recentBlogs .collectionListItem .li-description-wrapper .attribution .publishedDate { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #757575; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; } .culinaryTeamBlog .recentBlogs .collectionListItem .li-description-wrapper .attribution .expert { display: none; } .culinaryTeamBlog .recentBlogs .collectionListItem .li-description-wrapper .li-title { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; letter-spacing: 0.5px; padding-right: 30px; } .culinaryTeamBlog .recentBlogs .collectionListItem .li-description-wrapper .li-title a { color: #0054a6; } .culinaryTeamBlog .recentBlogs .collectionListItem .li-description-wrapper .li-description, .culinaryTeamBlog .recentBlogs .collectionListItem .li-description-wrapper .learnmore { display: none; } .menuInspiration .contentContainer .richTextArea { letter-spacing: 0.58px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .menuInspiration .contentContainer .contentList { padding-bottom: 30px; } .menuInspiration .contentContainer .contentList .contentListItems ul li { width: 49%; } .menuInspiration .contentContainer .contentList .contentListItems ul li .content-lite-medium .li-text { margin-top: 10px; } .menuInspiration .contentContainer .contentList .contentListItems ul li:nth-child(even) { padding-left: 10px; } .menuInspiration .contentContainer .contentList .contentListItems ul li:nth-child(odd) { padding-right: 10px; } .menuInspiration .contentContainer .contentList .gallery-header h3 { font-size: 20px; color: #fa6400; font-weight: 400; } .tipsAndTricks .contentContainer .contentList .contentListItems ul { display: flex; flex-wrap: wrap; } .tipsAndTricks .contentContainer .contentList .contentListItems ul li { width: 50%; } .tipsAndTricks .contentContainer .contentList .contentListItems ul li:nth-child(even) { padding-left: 10px; } .tipsAndTricks .contentContainer .contentList .contentListItems ul li:nth-child(odd) { padding-right: 10px; } .tipsAndTricks .contentContainer .contentList .contentListItems ul li .li-description-wrapper .li-title a { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .tipsAndTricks .contentContainer .contentList .contentListItems ul li .li-description-wrapper .learnmore { margin: 5px 0; } .tipsAndTricks .contentContainer .contentList .contentListItems ul li .li-description-wrapper .learnmore a { font-weight: 400; } .troubleshootingGuides .channelLinks .channelLinksWrapper { padding: 0; } .troubleshootingGuides .channelLinks .channelLinksWrapper header { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; text-align: left; font-weight: 500; padding-bottom: 10px; } .troubleshootingGuides .streamlineDivider { padding: 20px 0; margin: 0 -20px; } .troubleshootingGuides .contentList .contentListItems ul li { margin: 0; } .troubleshootingGuides .contentList .contentListItems ul li .li-title { padding-top: 5px; } .troubleshootingGuides .contentList .contentListItems ul li .li-title a { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .troubleshootingGuides .contentList .contentListItems ul li .li-description { display: none; } .troubleshootingGuides .contentList .contentListItems ul li .learnmore { display: block; } .culinaryTeamBio .contentContainer { padding: 20px; } .culinaryTeamBio .contentContainer .titleSEOText h1 { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; margin-bottom: 0; } .culinaryTeamBio .contentContainer .titleSEOText .SEOTextContainer { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .culinaryTeamBio .contentContainer #articleMainImgContainer { margin-left: -20px; padding-top: 20px; } .culinaryTeamBio .contentContainer #articleMainImgContainer img { width: 100%; } .culinaryTeamBio .contentContainer .richTextArea, .culinaryTeamBio .contentContainer .richTextArea { padding-top: 20px; } .culinaryTeamBio .contentContainer .richTextArea p, .culinaryTeamBio .contentContainer .richTextArea p { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .culinaryTeamBio .contentContainer .richTextArea .bioHighlight, .culinaryTeamBio .contentContainer .richTextArea .bioHighlight { background-color: #00828a; opacity: 0.9; margin: -150px -20px 0 0; } .culinaryTeamBio .contentContainer .richTextArea .bioHighlight p, .culinaryTeamBio .contentContainer .richTextArea .bioHighlight p { font-family: "Roboto Slab", serif; font-size: 18px; font-size: 1.125rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.45px; font-weight: 700; padding: 30px; } .culinaryTeamBio .contentContainer .richTextArea .bioHighlight ~ p, .culinaryTeamBio .contentContainer .richTextArea .bioHighlight ~ p { padding-top: 10px; } .culinaryTeamBio .contentContainer .educationBlock { display: table; padding-top: 30px; } .culinaryTeamBio .contentContainer .educationBlock .emptyBlock { display: table-cell; background-color: #0054a6; width: 8px; } .culinaryTeamBio .contentContainer .educationBlock .contentBlock { display: table-cell; padding-left: 30px; } .culinaryTeamBio .contentContainer .educationBlock .contentBlock strong { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .culinaryTeamBio .contentContainer .educationBlock .contentBlock ul { padding-left: 20px; } .culinaryTeamBio .contentContainer .educationBlock .contentBlock ul li { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; list-style: disc; } .culinaryTeamBio .contentContainer .favouriteRecipes { padding: 30px 0 40px 0; } .culinaryTeamBio .contentContainer .favouriteRecipes .productsFeaturedContent .FeaturedContentLabel { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.91px; } .culinaryTeamBio .contentContainer .favouriteRecipes .productsFeaturedContent ul li { padding-top: 15px; } .culinaryTeamBio .contentContainer .favouriteRecipes .productsFeaturedContent ul li .li-img { width: 100%; height: 185px; } .culinaryTeamBio .contentContainer .favouriteRecipes .productsFeaturedContent ul li .li-img img { width: 100%; height: 100%; } .culinaryTeamBio .contentContainer .favouriteRecipes .productsFeaturedContent ul li .li-description-wrapper { padding-top: 10px; } .culinaryTeamBio .contentContainer .favouriteRecipes .productsFeaturedContent ul li .li-description-wrapper .li-title a { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .culinaryTeamBio .contentContainer .favouriteRecipes .productsFeaturedContent ul li .li-description-wrapper .li-description, .culinaryTeamBio .contentContainer .favouriteRecipes .productsFeaturedContent ul li .li-description-wrapper .learnmore { display: none; } .culinaryTeamBio .contentContainer .desktopViewAll { display: none; } .culinaryTeamBio .contentContainer .mobileViewAll .Link a, .culinaryTeamBio .contentContainer .desktopViewAll .Link a { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background: #0074c1; padding: 10px; text-align: center; border-radius: 3px; display: block; } .culinaryTeamBio .contentContainer .footerWrapper { margin: -20px; } .culinaryLanding { background-color: #ffffff; } .culinaryLanding .contentContainer br { display: none; } .culinaryLanding .contentContainer .prod-menu { margin: 10px 0; padding: 20px 15px 0 20px; } .culinaryLanding .contentContainer .titleSEOText { padding: 0 20px 30px 20px; position: relative; } .culinaryLanding .contentContainer .featuredArticle, .culinaryLanding .contentContainer .homeModules { margin: 0 -20px; } .culinaryLanding .contentContainer .pageLinkItems { padding-bottom: 40px; } .culinaryLanding .contentContainer .mobileViewAll .Link a, .culinaryLanding .contentContainer .desktopViewAll .Link a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background-color: #0074c1; font-weight: 500; letter-spacing: 0.5px; padding: 10px; text-align: center; border-radius: 3px; display: block; } .culinaryLanding .contentContainer .desktopViewAll { display: none; } .culinaryLanding .contentContainer .videoScrollerContainer { padding: 20px 0; background-color: #0054a6; margin: -20px; } .culinaryLanding .contentContainer .videoScrollerContainer .containerTitle { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #ffffff; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.91px; text-align: center; padding: 10px 0; } .culinaryLanding .contentContainer .videoScrollerContainer .slider-for { position: relative; padding-bottom: 56.2500%; margin: 0 20px -150px 20px; } .culinaryLanding .contentContainer .videoScrollerContainer .slider-for iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .culinaryLanding .contentContainer .scroller { padding: 175px 0 20px; overflow-y: visible; margin: 0 -20px; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-track .slick-slide { opacity: 0.6; padding: 0 20px; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-track .slick-slide .scrollItemImageBlock { width: auto; height: 100px; padding: 0 10px; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-track .slick-slide .scrollItemImageBlock img { width: 100%; height: 100%; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-track .slick-slide h2 { padding: 10px 0; text-align: center; width: 150px; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-track .slick-slide h2 a { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-track .slick-current { opacity: 1; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-track .slick-current .scrollItemImageBlock { transform: scale(1.1); } .culinaryLanding .contentContainer .contentListMoreButton { display: none; } .inTheNews .prod-menu ~ br, .newsRelease .prod-menu ~ br { display: none; } .inTheNews .titleSEOText, .newsRelease .titleSEOText { display: none; } .inTheNews .inNews hr, .newsRelease .inNews hr { margin: 20px 0 10px; } .inTheNews .channelLinksInner, .newsRelease .channelLinksInner, .inTheNews .channelLinksWrapper, .newsRelease .channelLinksWrapper { padding: 0; } .inTheNews .channelLinksInner header, .newsRelease .channelLinksInner header, .inTheNews .channelLinksWrapper header, .newsRelease .channelLinksWrapper header { text-align: left; font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; font-weight: 400; white-space: normal; } .inTheNews .channelLinksInner ul, .newsRelease .channelLinksInner ul, .inTheNews .channelLinksWrapper ul, .newsRelease .channelLinksWrapper ul { display: block; } .inTheNews .channelLinksInner ul li, .newsRelease .channelLinksInner ul li, .inTheNews .channelLinksWrapper ul li, .newsRelease .channelLinksWrapper ul li { padding-right: 20px; } .inTheNews .channelLinksInner:after, .newsRelease .channelLinksInner:after, .inTheNews .channelLinksWrapper:after, .newsRelease .channelLinksWrapper:after { right: 0; } .inTheNews ul.inTheNewsItems li, .newsRelease ul.inTheNewsItems li { padding: 20px 0; } .inTheNews ul.inTheNewsItems li .leftContainer, .newsRelease ul.inTheNewsItems li .leftContainer { margin: 0 auto; } .inTheNews ul.inTheNewsItems li .leftContainer img, .newsRelease ul.inTheNewsItems li .leftContainer img { width: 100%; height: 100%; margin-bottom: 20px; } .inTheNews ul.inTheNewsItems li .rightContainer span.date, .newsRelease ul.inTheNewsItems li .rightContainer span.date { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #757575; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 800; text-transform: uppercase; } .inTheNews ul.inTheNewsItems li .rightContainer a.link, .newsRelease ul.inTheNewsItems li .rightContainer a.link { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 800; letter-spacing: 0.5px; } .inTheNews ul.inTheNewsItems li .rightContainer p.description, .newsRelease ul.inTheNewsItems li .rightContainer p.description { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #000000; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; margin: 15px 0 20px; } .inTheNews ul.inTheNewsItems li .rightContainer a.knowMore, .newsRelease ul.inTheNewsItems li .rightContainer a.knowMore { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; } .newsRelease .contentContainer .prod-menu { margin-bottom: 30px; } .newsRelease .contentContainer .contentList .contentListItems ul li.collectionListItem { margin: 20px 0; } .newsRelease .contentContainer .contentList .contentListItems ul li.collectionListItem .li-img img { margin-bottom: 20px; } .newsRelease .contentContainer .contentList .contentListItems ul li.collectionListItem .li-description-wrapper .attribution .publishedDate { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #757575; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 800; text-transform: uppercase; } .newsRelease .contentContainer .contentList .contentListItems ul li.collectionListItem .li-description-wrapper .li-title a { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 800; letter-spacing: 0.5px; } .newsRelease .contentContainer .contentList .contentListItems ul li.collectionListItem .li-description-wrapper .li-description { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #000000; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; margin: 15px 0 0; } .newsRelease .contentContainer .contentList .contentListItems ul li.collectionListItem .li-description-wrapper .li-description a { visibility: hidden; font-size: 0; } .newsRelease .contentContainer .contentList .contentListItems ul li.collectionListItem .li-description-wrapper .li-description a::before { content: "LEARN MORE >>"; visibility: visible; letter-spacing: 0.58px; font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .newsRelease .contentContainer .contentList .contentListItems ul li.collectionListItem br { display: none; } .digitalAssetLibrary .sectionTitle { padding-top: 20px; padding-bottom: 20px; margin-left: 15px; } .digitalAssetLibrary .gmfsAccordion { padding: 0 20px; } .digitalAssetLibrary .gmfsAccordion .mainListItem { width: 100%; padding: 10px 10px; } .digitalAssetLibrary .gmfsAccordion .mainListItem img { width: 100%; } .digitalAssetLibrary .gmfsAccordion .mainListItem a { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.45px; margin: 5px 0; } .digitalAssetLibrary .gmfsAccordion .videoLink { width: 100%; font-size: 14px; font-family: "Roboto", sans-serif; padding: 0; } .myAccount .mainContainer .siteContainer .contentContainer .myAccountHeader .headerContainer { display: block; background-image: url('/GMFS/Assets/Images/img-bg-sample.png'); padding: 20px; border-radius: 0; text-align: center; } .myAccount .mainContainer .siteContainer .contentContainer .myAccountHeader .headerContainer .myAccountUser { margin-top: 10px; } .myAccount .mainContainer .siteContainer .contentContainer .myAccountHeader .headerContainer .myAccountUser .headerImage { width: 50px; height: 50px; margin: auto; } .myAccount .mainContainer .siteContainer .contentContainer .myAccountHeader .headerContainer .myAccountUser .headerImage img { width: 100%; height: 100%; } .myAccount .mainContainer .siteContainer .contentContainer .myAccountHeader .headerContainer .myAccountUser p { font-family: "Roboto Slab", serif; font-size: 22px; font-size: 1.375rem; color: #ffffff; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; } .myAccount .mainContainer .siteContainer .contentContainer .prod-menu { margin-left: 20px; } .myAccount .mainContainer .siteContainer .contentContainer h1 { font-family: "Roboto Slab", serif; font-size: 22px; font-size: 1.375rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; margin: 0 0 20px 20px; } .myAccount .mainContainer .siteContainer .contentContainer .menuItems { width: 100%; float: left; padding-bottom: 20px; } .myAccount .mainContainer .siteContainer .contentContainer .menuItems .channelLinksWrapper { display: none; } .myAccount .mainContainer .siteContainer .contentContainer .menuItems .channelLinksInner { display: inline-block; width: 100%; } .myAccount .mainContainer .siteContainer .contentContainer .menuItems .channelLinksInner ul { margin: 0 20px 0 20px; border: 2px solid #d8d9da; border-radius: 3px 3px 0 0; } .myAccount .mainContainer .siteContainer .contentContainer .menuItems .channelLinksInner ul li:not(:first-child) { border-top: 2px solid #d8d9da; } .myAccount .mainContainer .siteContainer .contentContainer .menuItems .channelLinksInner ul li { width: 100%; height: 50px; vertical-align: middle; display: table; } .myAccount .mainContainer .siteContainer .contentContainer .menuItems .channelLinksInner ul li:after { width: 25px; height: 25px; content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -317px -95px; position: relative; right: 15px; top: 11px; z-index: 1; text-align: center; pointer-events: none; display: inline-block; } .myAccount .mainContainer .siteContainer .contentContainer .menuItems .channelLinksInner ul li a { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 100%; height: 30px; vertical-align: middle; display: table-cell; padding-left: 10px; font-weight: 700; letter-spacing: 0.5px; } .myAccount .mainContainer .siteContainer .contentContainer .menuItems .linkSeprator { display: none; } .myAccount .mainContainer .siteContainer .contentContainer .myAccountLanding { display: none; } .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .hideNewItem, .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .hidebestSeller { display: none; } .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .newItem, .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .bestSeller, .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .coolSchoolTag, .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .k12RegReadyTag { background-color: #db3700; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-radius: 4px; letter-spacing: 0.5px; padding: 0 5px; font-weight: 600; white-space: nowrap; } .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .bestSeller { background-color: #00828a; } .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .coolSchoolTag { background-color: #0054a6; } .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .k12RegReadyTag { background-color: #058938; } .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .bestSeller.bestSellerTopMargin { margin-top: 5px; } .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .recentlyViewedHeader { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; padding-left: 20px; } .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .recentlyViewEmptyText { padding: 40px 10px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #757575; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; } .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .recentlyViewEmptyText strong { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #757575; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; } .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .scrollContainer { margin: 0; width: 80%; } .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .scrollContainer .scroller { margin: 0; } .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .scrollContainer .scroller .scrollerContainer .scroll-item .slick-prev { z-index: 99; left: -60px; } .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .scrollContainer .scroller .scrollerContainer .scroll-item .slick-next { z-index: 99; right: -60px; } .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .scrollContainer .scroller .scrollerContainer .scroll-item .slick-arrow.slick-disabled { opacity: 0.5; cursor: default; } .myAccount { padding-bottom: 30px; } .myAccountProfile .menuItems, .myAccountAddressBook .menuItems, .myAccountUpdatePassword .menuItems, .emailPreference .menuItems { display: none; } .myAccount .profile { position: relative; margin-bottom: 30px; padding: 0 20px 20px; } .myAccount .profile h2 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .myAccount .profile .profileInfo { display: flex; flex-wrap: wrap; padding-bottom: 20px; } .myAccount .profile .profileInfo .control-group { width: 100%; } .myAccount .profile .profileInfo .control-group label { display: block; padding: 5px 0; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; } .myAccount .profile .profileInfo #profileInformationMsgListBottom { position: absolute; bottom: 0; left: 0; padding-left: 20px; } .myAccount .profile .profileInfo .firstName { order: 1; } .myAccount .profile .profileInfo .lastName { order: 2; } .myAccount .profile .profileInfo .jobTitle { order: 3; } .myAccount .profile .profileInfo .email { order: 4; } .myAccount .profile .profileInfo .emailConfirmation { order: 5; } .myAccount .profile .profileInfo .phone { order: 6; } .myAccount .profile .form-actions { display: none; } .myAccount .profile ul.profileQuestionList { display: flex; flex-wrap: wrap; } .myAccount .profile ul.profileQuestionList li.profileQuestionItem { width: 100%; } .myAccount .profile ul.profileQuestionList li.profileQuestionItem p { margin: 0; } .myAccount .profile ul.profileQuestionList .profileQuestionOptional { display: none; } .myAccount .profile ul.profileQuestionList span { display: block; padding: 5px 0; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; } .myAccount .profile ul.profileQuestionList li.profileQuestionItem.CompanyName { order: 0; } .myAccount .profile ul.profileQuestionList li.profileQuestionItem.PrimaryBusiness { order: 1; } .myAccount .profile ul.profileQuestionList li.profileQuestionItem.BusinessFocusOther { order: 2; } .myAccount .profile ul.profileQuestionList li.profileQuestionItem.BusinessFocus2 { order: 3; } .myAccount .profile ul.profileQuestionList li.profileQuestionItem.DistrictSize { order: 4; } .myAccount .profile ul.profileQuestionList li.profileQuestionItem.BusinessType_Other { order: 5; } .myAccount .profile ul.profileQuestionList li.profileQuestionItem.Primary_Distribution { order: 6; } .myAccount .profile ul.profileQuestionList li.profileQuestionItem.PrimaryDistributor { order: 7; } .myAccount .profile ul.profileQuestionList li.profileQuestionItem.JobTitle { visibility: hidden; width: 0; height: 0; } .myAccount .profile input, .myAccount .profile select { width: 100%; height: 40px; border: 2px solid #757575; border-radius: 3px; background-color: #ffffff; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding: 5px; -webkit-appearance: none; -moz-appearance: none; } .myAccount .profile select::-ms-expand { display: none; } .myAccount .profile .selectFormat { position: relative; } .myAccount .profile .selectFormat:after { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1190px 0; position: absolute; right: 15px; top: 14px; z-index: 1; text-align: center; pointer-events: none; width: 18px; height: 10px; } .myAccount .profile .updateInfo { width: 100%; padding: 10px; letter-spacing: 0.5px; text-align: center; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background: #0074c1; display: block; margin: 20px 0; border-radius: 3px; border: none; } .myAccount .profile .profileQuestionsInvalid, .myAccount .profile .profileQuestionsSuccessMessage { display: none; } .myAccount .profile li.alert.alert-success { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #00a839; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; padding: 0 20px; } .myAccount .profile .alert-error, .myAccount .profile .profileQuestionErrorMessage { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.51px; font-weight: 400; } .myAccount .address { position: relative; padding: 0 20px 20px; margin-bottom: 30px; width: 100%; } .myAccount .address h2 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .myAccount .address .profileInfo { display: flex; flex-wrap: wrap; padding-bottom: 20px; } .myAccount .address .profileInfo .alert-success { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #00a839; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; padding: 0 20px; } .myAccount .address .profileInfo .alert-error { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.51px; font-weight: 400; } .myAccount .address .profileInfo .control-group { width: 100%; } .myAccount .address .profileInfo .control-group label { display: block; padding: 5px 0; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; } .myAccount .address .profileQuestionContainer { display: none; } .myAccount .address input, .myAccount .address select { border: 2px solid #757575; border-radius: 3px; background-color: #ffffff; width: 100%; height: 40px; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding: 5px; -webkit-appearance: none; -moz-appearance: none; } .myAccount .address input[type=number]::-webkit-inner-spin-button, .myAccount .address input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .myAccount .address select::-ms-expand { display: none; } .myAccount .address .province, .myAccount .address .countryName { position: relative; } .myAccount .address .province:after, .myAccount .address .countryName:after { width: 15px; height: 15px; content: ' '; float: right; display: block; padding: 0 16px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1181px 2px; position: absolute; right: 11px; z-index: 1; top: 53px; } .myAccount .address .updateInfo { width: 100%; padding: 10px; letter-spacing: 0.5px; text-align: center; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background: #0074c1; display: block; margin: 20px 0; border-radius: 3px; border: none; } .myAccount .address #profileInformationMsgListBottom { position: absolute; bottom: 0; left: 0; padding-left: 20px; } .myAccount .address .firstName { order: 1; } .myAccount .address .lastName { order: 2; } .myAccount .address .businessName { order: 3; } .myAccount .address .address1 { order: 4; } .myAccount .address .address2 { order: 5; } .myAccount .address .city { order: 6; } .myAccount .address .province { order: 7; } .myAccount .address .postalCode { order: 8; } .myAccount .address .countryName { order: 9; } .myAccount .address .phone { order: 10; } .myAccount .profileChangePasswordContainer { float: left; padding: 0 20px 20px; } .myAccount .profileChangePasswordContainer label { display: block; padding: 5px 0; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; } .myAccount .profileChangePasswordContainer input { width: 100%; height: 40px; border: 2px solid #757575; border-radius: 3px; background-color: #ffffff; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding: 5px; margin-bottom: 5px; } .myAccount .profileChangePasswordContainer #profileUpdatedPasswordPolicyLabel { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; margin-bottom: 5px; } .myAccount .profileChangePasswordContainer .updatePassword { width: 100%; padding: 10px; letter-spacing: 0.5px; text-align: center; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background: #0074c1; display: block; margin: 20px 0; border-radius: 3px; border: none; } .myAccount .profileChangePasswordContainer .alert-success { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #00a839; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; padding: 0; } .myAccount .profileChangePasswordContainer .alert-error { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.51px; font-weight: 700; } #newsletterUnsubscribeForm { margin: 0 20px 40px; display: block; } #newsletterUnsubscribeForm .textCenter { text-align: center; } #newsletterUnsubscribeForm p { font-weight: 700; margin-bottom: 20px; letter-spacing: 0.5px; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } #newsletterUnsubscribeForm ul { margin-bottom: 25px; } #newsletterUnsubscribeForm ul li { position: relative; margin-bottom: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #newsletterUnsubscribeForm ul li input { margin: 0px 20px 0px 0px; } #newsletterUnsubscribeForm ul li input:hover { cursor: pointer; } #newsletterUnsubscribeForm ul li label { margin-top: -3px; letter-spacing: 0.5px; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } #newsletterUnsubscribeForm ul li label:hover { cursor: pointer; } #newsletterUnsubscribeForm ul li input[type='radio']:after { content: ''; width: 24px; height: 24px; display: inline-block; margin: -3px; box-sizing: border-box; border: 2px solid #757575; border-radius: 12px; background-color: #ffffff; } #newsletterUnsubscribeForm ul li input[type='radio']:checked:after { content: ''; width: 25px; height: 25px; background: url('/Botg/Assets/Images/gmifs/SelectedRadio.png') no-repeat -3px; display: inline-block; margin-top: -3px; } #newsletterUnsubscribeForm h2 { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; margin: 32px 0; } #newsletterUnsubscribeForm .emailLabel { margin-bottom: 12px; } #newsletterUnsubscribeForm #email { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding: 12px; margin-bottom: 20px; width: 100%; height: 50px; box-sizing: border-box; border: 2px solid #757575; border-radius: 3px; } #newsletterUnsubscribeForm #stopEmails { letter-spacing: 0.5px; text-align: center; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 10px 40px; background: #0074c1; border: 1px; border-radius: 4px; } #newsletterUnsubscribeForm #stopEmails:hover, #newsletterUnsubscribeForm #stopEmails:focus { background-color: #0054a6; cursor: pointer; } #newsletterUnsubscribeForm .invalidEmailAddressMessage, #newsletterUnsubscribeForm .errorMsg { margin-bottom: 17px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #e32726; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: left; } #newsletterUnsubscribeForm .errorMsg { display: none; margin-top: 12px; } #newsletterUnsubscribeForm #newsletterUnsubscribeEmailComplete { display: none; width: 80%; margin: 0 auto; } #newsletterUnsubscribeForm #newsletterUnsubscribeEmailComplete .newsletterSorryToSeeYouGo { text-align: center; } #newsletterUnsubscribeForm #newsletterUnsubscribeEmailComplete .newsletterSorryToSeeYouGo span:before { content: ''; width: 128px; height: 128px; display: inline-block; margin-top: 34px; background: url('/Botg/Assets/Images/gmifs/Check.png'); background-size: cover; } #newsletterUnsubscribeForm #newsletterUnsubscribeEmailComplete .newsletterSorryToSeeYouGo p { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; margin-top: 34px; } #newsletterUnsubscribeForm #newsletterUnsubscribeEmailComplete .newsletterSorryToSeeYouGo .newsletterSorryToSeeYouGoImageConfirmationOneText, #newsletterUnsubscribeForm #newsletterUnsubscribeEmailComplete .newsletterSorryToSeeYouGo .newsletterSorryToSeeYouGoImageConfirmationAllText { font-family: "Roboto", sans-serif; font-size: 32px; font-size: 2rem; color: #003d78; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; margin-top: 16px; } .wishlist .contentContainer { padding: 20px 10px; } .wishlist .contentContainer .menuItems { display: none; } .wishlist .contentContainer .linkSeprator { display: none; } .wishlist .myFavoritesDiv .myFavoritesHeader { display: block; padding: 0 10px; } .wishlist .myFavoritesDiv .myFavoritesHeader .myFavoritesTitle { display: inline-block; font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; } .wishlist .myFavoritesDiv .noFavorites { margin: 0 20px; } .wishlist .myFavoritesDiv .noFavorites .welcomeMessage { text-align: center; border: 2px solid #757575; border-radius: 3px; background-image: url('/GMFS/Assets/Images/img-bg-wishlist-grey.png'); padding: 40px 10px; margin: 0 auto; } .wishlist .myFavoritesDiv .noFavorites .welcomeMessage .header { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .wishlist .myFavoritesDiv .noFavorites .welcomeMessage .messageBody { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding: 10px 0 30px; margin: 0 auto; } .wishlist .myFavoritesDiv .noFavorites .welcomeMessage .ctaLink { padding: 10px 15px; border-radius: 3px; background-color: #0074c1; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .wishlist .myFavoritesDiv .myFavoritesLists { display: none; } .wishlist .myFavoritesDiv .myFavoritesLists .allFavorites, .wishlist .myFavoritesDiv .myFavoritesLists .userLabels .userLabel { display: inline-block; } .wishlist .myFavoritesDiv .myFavoritesLists .allFavorites .myFavoritesListLink, .wishlist .myFavoritesDiv .myFavoritesLists .userLabels .userLabel .myFavoritesListLink { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; padding: 10px 20px; } .wishlist .myFavoritesDiv .myFavoritesLists .allFavorites .selected, .wishlist .myFavoritesDiv .myFavoritesLists .userLabels .userLabel .selected { color: #fa6400; text-decoration: underline; } .wishlist .myFavoritesDiv .myFavoritesLists .userLabels { display: inline-block; } .wishlist .myFavoritesDiv .myFavoritesListsMobile { position: relative; padding: 0 20px 20px; } .wishlist .myFavoritesDiv .myFavoritesListsMobile .selectedLabel { width: 100%; height: 40px; display: block; border: 2px solid #0074c1; border-radius: 3px; padding: 10px; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.51px; } .wishlist .myFavoritesDiv .myFavoritesListsMobile .selectedLabel:after { content: ''; position: absolute; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat 0 0; display: inline-block; width: 15px; height: 15px; float: right; right: 40px; margin: 5px 0; } .wishlist .myFavoritesDiv .myFavoritesListsMobile .labelOptionList { border: 2px solid #0074c1; border-top: none; background-color: #fbfbfb; border-radius: 3px; margin: 0 20px; position: absolute; z-index: 99; left: 0; right: 0; display: block; } .wishlist .myFavoritesDiv .myFavoritesListsMobile ul li { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.51px; padding: 10px; } .wishlist .myFavoritesDiv .myFavoritesListsMobile ul li a { color: #3b3b3b; display: block; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader { background-color: #fbfbfb; margin: 0 -10px; display: block; padding: 10px 20px; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader h2, .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .myFavoritesSortingViewResult { display: block; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader h2 { padding: 20px 0; display: inline-block; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .viewOptions { float: right; margin-top: 20px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 600; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .viewOptions:before { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -573px -101px; display: inline-block; width: 15px; height: 15px; margin: 0 10px -2px 0; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .expanded:before { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -599px -101px; margin: 0 10px -3px 0; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection { display: none; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection { display: inline; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .optionsBlock { border-top: 2px solid #dbdbdb; margin: 0 -20px; padding: 10px; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .myFavoritesSortingViewResult { display: block; padding: 10px; position: relative; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .myFavoritesSortingViewResult .contentListDropdown .contentListSortLabel { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; display: block; padding: 10px 0; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .myFavoritesSortingViewResult .contentListDropdown .contentListDropdownButton { border: 2px solid #757575; color: #3b3b3b; text-decoration: none; padding: 10px; border-radius: 3px; width: 100%; text-transform: capitalize; display: inline-block; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .myFavoritesSortingViewResult .contentListDropdown .contentListDropdownButton span { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 400; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .myFavoritesSortingViewResult .contentListDropdown .contentListDropdownButton span:after { content: ' '; float: right; display: block; padding: 0 16px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1181px 2px; width: 15px; height: 15px; position: absolute; right: 20px; bottom: 20px; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .myFavoritesSortingViewResult .contentListDropdown .myFavoritesSortResultView { display: none; position: absolute; right: 0; left: 0; color: #000000; background-color: #ffffff; z-index: 1000; margin: 0 10px; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.6); } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .myFavoritesSortingViewResult .contentListDropdown .myFavoritesSortResultView li { text-transform: none; border-bottom: 2px solid #f4f4f4; width: 100%; display: block; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .myFavoritesSortingViewResult .contentListDropdown .myFavoritesSortResultView li a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-transform: none; display: inline-block; padding: 10px; font-weight: 400; width: 90%; height: 100%; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .myFavoritesSortingViewResult .contentListDropdown .myFavoritesSortResultView li:first-child { border-top: 0; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .myFavoritesSortingViewResult .expanded .myFavoritesSortResultView { display: block; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .editCollection { display: block; position: relative; padding: 10px 0; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .editCollection .alert-error-myfav { position: absolute; top: 85px; font-size: 12px; color: #e32726; width: 100vw; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .editCollection .manageLabels, .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .editCollection .manageUpdateLabels { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; display: block; text-align: center; padding: 10px; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .editCollection .updateCollection, .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .editCollection .mobileUpdateCollection { border: 2px solid #757575; border-radius: 3px; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.25); padding: 10px; position: absolute; margin: 5px 0 0 20px; z-index: 99; background-color: #ffffff; z-index: 0; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .editCollection .updateCollection .closeButton, .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .editCollection .mobileUpdateCollection .closeButton { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -270px -100px; display: inline-block; width: 15px; height: 15px; float: right; padding: 15px 10px; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .editCollection .updateCollection .updateLabel, .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .editCollection .mobileUpdateCollection .updateLabel { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; display: inline-block; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .editCollection .updateCollection .updateDetails, .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .editCollection .mobileUpdateCollection .updateDetails { display: flex; width: 100%; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .editCollection .updateCollection .updateDetails input[type=text], .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .editCollection .mobileUpdateCollection .updateDetails input[type=text] { width: 100%; height: 40px; border: 2px solid #757575; border-radius: 3px; padding: 0 10px; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .editCollection .updateCollection .updateDetails .btn-label-rename, .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .editCollection .mobileUpdateCollection .updateDetails .btn-label-rename { height: 40px; border-radius: 0 3px 3px 0; background-color: #00828a; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; padding: 15px; margin-left: -2px; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .editCollection .mobileUpdateCollection { position: relative; border: none; background-color: transparent; margin: 0; display: inline; box-shadow: none; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection .editCollection .mobileUpdateCollection .updateDetails { padding: 10px 10px 0; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem { border-bottom: 1px solid #dbdbdb; border-radius: 3px; padding: 20px 10px; margin: 0 -10px; position: relative; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails { display: block; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails a { display: flex; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails a .itemImage { display: inline-block; width: 100px; height: 55px; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails a .itemImage img { width: 100%; height: 100%; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails a .itemDetails { display: inline-block; padding-left: 30px; width: 70%; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails a .itemDetails .itemTitle { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails a .itemDetails .newItem, .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails a .itemDetails .bestSeller, .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails a .itemDetails .coolSchoolTag, .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails a .itemDetails k12RegReadyTag { background-color: #db3700; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-radius: 4px; letter-spacing: 0.5px; padding: 0 3px; font-weight: 600; white-space: nowrap; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails a .itemDetails .bestSeller { background-color: #00828a; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails a .itemDetails .coolSchoolTag { background-color: #0054a6; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails a .itemDetails .k12RegReadyTag { background-color: #058938; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails a .itemDetails .properties { padding: 10px 0; font-family: "Roboto Condensed", sans-serif; font-size: 12px; font-size: 0.75rem; color: #757575; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct { display: flex; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .itemBuyNow { width: 100%; display: inline-flex; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .buyNowRetailerWrapper { width: 50%; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .buyNowRetailerWrapper .buyNowLink { width: 90%; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .editLabels { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; width: 50%; padding: 20px 0 0 0; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView { border: 2px solid #757575; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.25); position: absolute; background-color: #ffffff; padding: 0; width: 95%; top: 150px; z-index: 99; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .innerMenu ul .contextMenuItem { border-top: 1px solid #757575; padding: 10px 15% 10px 20px; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .innerMenu ul .contextMenuItem span { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .innerMenu ul .contextMenuItem input { right: 20px; position: absolute; opacity: 0; width: 20px; height: 20px; z-index: 999; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .innerMenu ul .contextMenuItem .checkmark { position: absolute; right: 10px; width: 20px; height: 20px; background-color: #ffffff; border: 2px solid #757575; border-radius: 3px; margin: 0 10px; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .innerMenu ul .contextMenuItem :hover input ~ .checkmark { background-color: #6e8090; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .innerMenu ul .contextMenuItem input:checked ~ .checkmark { background-color: #0074c1; border: none; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .innerMenu ul .contextMenuItem .checkmark:after { content: ""; position: absolute; display: none; margin: 3px 0 0 8px; height: 12px; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .innerMenu ul .contextMenuItem input:checked ~ .checkmark:after { display: inline-block; margin: 3px 0 0 8px; width: 5px; height: 12px; border: solid #ffffff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .favNewLabel { padding: 15px; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .favNewLabel .myFavEditDialogTitle { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; display: block; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .favNewLabel .addCollection { display: flex; padding: 10px 0; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .favNewLabel .addCollection .alert-error-myfav { position: absolute; top: 85px; font-size: 12px; color: #e32726; width: 100vw; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .favNewLabel .addCollection input[type=text] { width: 100%; height: 40px; border: 2px solid #757575; border-radius: 3px; padding: 0 10px; display: inline-block; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .favNewLabel .addCollection input[type=text]::-ms-clear { display: none; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .favNewLabel .addCollection .btn-label-add { width: 35%; height: 40px; border-radius: 0 3px 3px 0; background-color: #00828a; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; padding: 15px; margin-left: -2px; display: inline-block; font-weight: 700; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .btn-label-save { border-radius: 3px; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.54px; font-weight: 700; background-color: #00828a; padding: 12px 20px; display: block; text-align: center; margin: 20px; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .alert-error-myfav { position: absolute; top: 85px; font-size: 12px; width: 100vw; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .removeItem { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -24px 8px; display: inline-block; width: 30px; height: 35px; float: right; padding: 0; margin-top: 7px; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem:nth-child(even) .buyNowRetailerWrapper .buyNowRetailer { left: 0; } .wishlist .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem:last-child { border: none; } #myFavoritesManageLabelMenuView { padding: 0 20px 10px; } #myFavoritesManageLabelMenuView .deleteCollection .myFavManageLabelDialogTitle { font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #fa6400; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1px; } #myFavoritesManageLabelMenuView .deleteCollection ul li { padding: 10px 0; } #myFavoritesManageLabelMenuView .deleteCollection ul li .messageHeader, #myFavoritesManageLabelMenuView .deleteCollection ul li .messageSubHeader { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding-top: 10px; } #myFavoritesManageLabelMenuView .deleteCollection ul li .messageHeader { font-weight: 700; } #myFavoritesManageLabelMenuView .deleteCollection ul li a { border-radius: 4px; background-color: #0074c1; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; padding: 12px 20px; display: inline-block; text-align: center; } .deleteCollectionDialog { max-width: 500px; max-height: 100%; width: 300px !important; box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.5); position: fixed !important; } .deleteCollectionDialog .ui-dialog-titlebar-close, .deleteCollectionDialog .ui-dialog .ui-state-hover { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -24px 8px; display: inline-block; width: 30px; height: 35px; float: right; padding: 15px 10px; font-size: 0; } .actionToolbarScrollBox #primaryActionToolbarSection { background-color: #ffffff; left: 0; } .actionToolbarScrollBox #primaryActionToolbarSection .actionToolbarHorizontal.actionToolbarHorizontalWishlist ul li { width: 33%; } .actionToolbarScrollBox #primaryActionToolbarSection .actionToolbarHorizontal.actionToolbarHorizontalWishlist ul li:before { left: auto; margin-left: 0; top: 10px; } .actionToolbarScrollBox #primaryActionToolbarSection .actionToolbarHorizontal.actionToolbarHorizontalWishlist ul li .atbName { bottom: -10px; margin-left: -9px; } .myFavoritesHeader { display: block; padding: 0 10px; } .saveForLater .mainContainer .siteContainer .contentContainer .menuItems { display: none; } #myFavoriteOtherTypeView .contentTypeContainer { display: none; } #myFavoriteOtherTypeView .mobileContentTypeContainer { position: relative; width: 88%; text-align: center; margin: 0 auto 20px; } #myFavoriteOtherTypeView .mobileContentTypeContainer select.contentSelect { border: 2px solid #0074c1; border-radius: 3px; padding: 10px; background: #ffffff; width: 100%; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 13px; line-height: 0.8125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.43px; -webkit-appearance: none; } #myFavoriteOtherTypeView .mobileContentTypeContainer::after { content: ' '; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat 0 0; position: absolute; right: 5%; bottom: 11px; z-index: 10; text-align: center; pointer-events: none; width: 15px; height: 10px; } #myFavoriteOtherTypeView .missingItem { padding: 100px 20px; text-align: center; } #myFavoriteOtherTypeView .missingItem h3.missingHeaderText { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #757575; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 800; letter-spacing: 0.5px; text-align: center; padding-bottom: 10px; } #myFavoriteOtherTypeView .missingItem span.missingText { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #757575; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; } #myFavoriteOtherTypeView ul.myFavoritesItemList { display: flex; flex-wrap: wrap; } #myFavoriteOtherTypeView ul.myFavoritesItemList li.myFavoritesItem { width: 100%; height: 240px; margin: 0 auto 15px; border: 1px solid #d8d9da; border-radius: 0 0 3px 3px; position: relative; max-width: 220px; } #myFavoriteOtherTypeView ul.myFavoritesItemList li.myFavoritesItem .itemImage { width: 100%; height: 145px; } #myFavoriteOtherTypeView ul.myFavoritesItemList li.myFavoritesItem .itemImage img { width: 100%; height: auto; margin: 0 auto; display: block; max-height: 145px; } #myFavoriteOtherTypeView ul.myFavoritesItemList li.myFavoritesItem .itemDetails { padding: 0; } #myFavoriteOtherTypeView ul.myFavoritesItemList li.myFavoritesItem .itemDetails span.itemTitle { padding: 15px 15px 0; display: block; font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } #myFavoriteOtherTypeView ul.myFavoritesItemList li.myFavoritesItem a.editLabels { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #757575; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 0 15px 5px; float: right; font-weight: 400; position: absolute; right: 0; bottom: 0; margin-top: 10px; } #myFavoriteOtherTypeView ul.myFavoritesItemList li.myFavoritesItem .model { position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); } #myFavoriteOtherTypeView ul.myFavoritesItemList li.myFavoritesItem .model .confirmDialog { width: 95%; background-color: #ffffff; position: absolute; top: 30%; padding: 10px; border-radius: 3px; box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.5); margin: 0 10px; } #myFavoriteOtherTypeView ul.myFavoritesItemList li.myFavoritesItem .model .confirmDialog .closeConfirmDialog { position: absolute; content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -269px -100px; right: 10px; width: 15px; height: 15px; } #myFavoriteOtherTypeView ul.myFavoritesItemList li.myFavoritesItem .model .confirmDialog .confirmButtons { margin: 0 auto; padding: 20px 20px 20px 0; } #myFavoriteOtherTypeView ul.myFavoritesItemList li.myFavoritesItem .model .confirmDialog .confirmButtons a.confirmYes, #myFavoriteOtherTypeView ul.myFavoritesItemList li.myFavoritesItem .model .confirmDialog .confirmButtons a.confirmNo { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background: #0074c1; padding: 10px; border-radius: 3px; } .emailPreference #subscriptionCenterList { display: block; margin: 5px 20px 0 20px; } .emailPreference #subscriptionCenterList .newsletterItem .newsletterTitleSection { display: inline-block; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0 0 0 40px; /* Hide the browser's default checkbox */ /* Create a custom checkbox */ /* On mouse-over, add a grey background color */ /* When the checkbox is checked, add a blue background */ /* Create the checkmark/indicator (hidden when not checked) */ /* Show the checkmark when checked */ } .emailPreference #subscriptionCenterList .newsletterItem .newsletterTitleSection input { position: absolute; opacity: 0; width: 0; height: 0; } .emailPreference #subscriptionCenterList .newsletterItem .newsletterTitleSection .checkmark { position: absolute; left: 0; top: 5px; width: 20px; height: 20px; background-color: #ffffff; border: 2px solid #757575; border-radius: 3px; margin: 0 9px 0 0; } .emailPreference #subscriptionCenterList .newsletterItem .newsletterTitleSection :hover input ~ .checkmark { background-color: #6e8090; } .emailPreference #subscriptionCenterList .newsletterItem .newsletterTitleSection input:checked ~ .checkmark { background-color: #0074c1; border: none; } .emailPreference #subscriptionCenterList .newsletterItem .newsletterTitleSection .checkmark:after { content: ""; position: absolute; display: none; margin: 3px 0 0 8px; height: 12px; } .emailPreference #subscriptionCenterList .newsletterItem .newsletterTitleSection input:checked ~ .checkmark:after { display: inline-block; margin: 3px 0 0 8px; width: 5px; height: 12px; border: solid #ffffff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .emailPreference #subscriptionCenterList .newsletterItem .newsletterTitleSection .newsletterTitle { width: 100%; font-weight: 700; letter-spacing: 0.44px; vertical-align: text-bottom; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .emailPreference #subscriptionCenterList .newsletterItem .newsletterDescriptionSection { padding: 0 5px 0 40px; letter-spacing: 0.5px; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .emailPreference #subscriptionCenterList .newsletterItem .newsletterDescriptionSection #preview { letter-spacing: 0.5px; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0074c1; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .emailPreference #subscriptionCenterList .newsletterItem .newsletterUpdateSection { padding: 30px 0 20px 0; display: block; } .emailPreference #subscriptionCenterList .newsletterItem .newsletterUpdateSection .myAccountButton { border-radius: 3px; background-color: #0074c1; display: inline-block; padding: 8px 100px; } .emailPreference #subscriptionCenterList .newsletterItem .newsletterUpdateSection .myAccountButton #updatePreferenceText { font-weight: 700; letter-spacing: 0.5px; text-align: center; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .emailPreference #subscriptionCenterList .unSubscribeMeFromAll { margin-bottom: 30px; width: 100%; letter-spacing: 0.5px; } .emailPreference #subscriptionCenterList .unSubscribeMeFromAll a { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0074c1; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .emailPreference #subscriptionCenterList .unSubscribeMeFromAllVerify { display: block; } .emailPreference #subscriptionCenterList .unSubscribeMeFromAllVerify #unSubscribeMeAllBtn { display: inline-block; font-weight: 400; letter-spacing: 0.5px; padding: 0 30px 0 0; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0074c1; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .emailPreference #subscriptionCenterList .unSubscribeMeFromAllVerify #UnsubscribeFromAllVerificationbtn a { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #eeefef; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .emailPreference #subscriptionCenterList .unSubscribeMeFromAllVerify div { margin-bottom: 20px; } .emailPreference #subscriptionCenterList .unSubscribeMeFromAllVerify div p { display: block; width: 100%; letter-spacing: 0.5px; margin: 2px 0; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .emailPreference #subscriptionCenterList .unSubscribeMeFromAllVerify div #question { font-size: 14px; font-size: 0.875rem; } .emailPreference #subscriptionCenterList .unSubscribeMeFromAllVerify p { margin: 0 0 20px 0; display: inline-block; width: 100%; letter-spacing: 0.5px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .emailPreference #subscriptionCenterList .subscriptionStatus { margin-bottom: 20px; border: 1px solid #fa6400; border-radius: 4px; background-color: #fffdfa; display: block; text-align: center; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .productSalesLanding { background-color: #ffffff; } .productSalesLanding .prod-menu { padding: 0 0 0 20px; } .productSalesLanding .titleSEOText { display: none; } .productSalesLanding .productCategoryWrapper .productCategory .description { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; display: block; padding: 0 0 10px 0; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .productSalesLanding .productCategoryWrapper .productCategory .subCategories { display: none; } .productSalesLanding .productCategoryWrapper .productCategory .title { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .productSalesLanding .productCategoryWrapper .productCategory .title:after { display: none; } .productSalesLanding .actionToolbarScrollBox { margin: -20px; } .productSalesLanding .actionToolbarScrollBox .actionToolbarHorizontal { background-color: #ffffff; border-top: 1px solid #757575; position: fixed; bottom: 0; width: 100%; height: 60px; z-index: 1000; margin: 0 0 0 20px; } .productSalesLanding .actionToolbarScrollBox .actionToolbarHorizontal .atButtons { display: flex; width: 100%; } .productSalesLanding .actionToolbarScrollBox .actionToolbarHorizontal .atButtons li { width: 20%; height: 65px; position: relative; cursor: pointer; padding-left: 0; box-sizing: border-box; } .productSalesLanding .actionToolbarScrollBox .actionToolbarHorizontal .atButtons li::before { top: 10px; } .productSalesLanding .actionToolbarScrollBox .actionToolbarHorizontal .atButtons li .atbName { margin-left: -8px; bottom: 15px; } .productSalesLanding .contentListItems { margin: 0 20px; } .productSalesLanding .contentListItems ul { display: flex; flex-wrap: wrap; } .productSalesLanding .contentListItems ul li { width: 50%; padding: 0 10px; margin: 0; } .productSalesLanding .contentListItems ul li .li-title > a { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .productSalesLanding .contentListItems ul li .li-img > img { width: 100%; } .productSalesLanding .contentListItems ul li .li-description { display: none; } .productSalesLanding .operatorToolsTitle { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; margin: 0 20px; } .productSalesLanding .operatorToolsDescription { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; display: block; margin: 0 20px 20px 20px; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .productSalesLanding .operatorTools .contentListItems ul { display: flex; flex-wrap: wrap; } .productSalesLanding .operatorTools .contentListItems ul li { width: 50%; padding: 0 10px; margin: 0; } .productSalesLanding .operatorTools .contentListItems ul li .li-title { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; } .productSalesLanding .missingVideos .slick-slider .slick-track .slick-slide { width: 200px; } .productSellingGuide .contentContainer { background-color: #f4f4f4; padding: 0 20px; } .productSellingGuide .contentContainer .pageTitle, .productSellingGuide .contentContainer .prod-menu { background-color: #ffffff; margin: 0 -20px; padding: 20px; } .productSellingGuide .contentContainer .pageTitle { margin: -20px -20px -10px; } .productSellingGuide .contentContainer .pageTitle .SEOTextContainer { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .productSellingGuide .contentContainer .characteristicsWrapper { background-color: #ffffff; margin: -20px -20px 5px; display: flex; flex-wrap: wrap; justify-content: center; } .productSellingGuide .contentContainer .characteristicsWrapper .characteristics { width: 32%; padding: 20px 10px; text-align: center; display: inline-block; } .productSellingGuide .contentContainer .characteristicsWrapper .characteristics span { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #00828a; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; } .productSellingGuide .contentContainer .featuredArticle { background-color: #ffffff; margin: 0 -20px; padding: 20px; } .productSellingGuide .contentContainer .featuredArticle .li-img { margin-left: -20px; } .productSellingGuide .contentContainer .featuredArticle .li-description-wrapper { background-color: #ffffff; width: 100%; right: -20px; left: unset; padding: 0; margin-top: -20px; } .productSellingGuide .contentContainer .featuredArticle .li-description-wrapper .li-title { padding: 5px; background-color: #0054a6; } .productSellingGuide .contentContainer .featuredArticle .li-description-wrapper .li-title a { font-family: "Roboto Condensed", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.69px; font-weight: 700; padding: 10px 15px; vertical-align: baseline; } .productSellingGuide .contentContainer .featuredArticle .li-description-wrapper .li-title:before { content: '\2713'; background-color: #0074c1; margin-left: -30px; padding: 8px 12px; border-radius: 50%; position: absolute; top: -5px; color: white; font-weight: 700; } .productSellingGuide .contentContainer .featuredArticle .li-description-wrapper .li-description { padding-top: 20px; color: #3b3b3b; } .productSellingGuide .contentContainer .featuredArticle .li-description-wrapper .li-description ul li { list-style: disc; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding-top: 10px; } .productSellingGuide .contentContainer .featuredArticle .li-description-wrapper .learnmore { display: none; } .productSellingGuide .contentContainer .tabbedContent { background-color: #ffffff; margin: 20px -20px 10px; padding: 20px; } .productSellingGuide .contentContainer .tabbedContent .tabs { display: none; } .productSellingGuide .contentContainer .tabbedContent .mobileTabs select { border: 2px solid #0054a6; border-radius: 3px; width: 100%; height: auto; padding: 10px; font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; -webkit-appearance: none; -moz-appearance: none; } .productSellingGuide .contentContainer .tabbedContent .mobileTabs select option { padding: 10px 0; } .productSellingGuide .contentContainer .tabbedContent .mobileTabs select::-ms-expand { display: none; } .productSellingGuide .contentContainer .tabbedContent .mobileTabs:after { content: ' '; float: right; display: block; padding: 0 10px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -780px -101px; height: 15px; position: absolute; right: 30px; margin-top: -25px; } .productSellingGuide .contentContainer .tabbedContent .content #featuredProductsMobile, .productSellingGuide .contentContainer .tabbedContent .content #tools, .productSellingGuide .contentContainer .tabbedContent .content #recipes, .productSellingGuide .contentContainer .tabbedContent .content #rebates { display: none; } .productSellingGuide .contentContainer .tabbedContent .content #recipes { padding: 20px 0; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop { display: none; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tips .contentListItems ul li { text-align: center; padding: 20px 0 0; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tips .contentListItems ul li .li-description-wrapper { pointer-events: none; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tips .contentListItems ul li .li-description-wrapper .li-title a, .productSellingGuide .contentContainer .tabbedContent .content .tab .tips .contentListItems ul li .li-description-wrapper .li-description { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tips .contentListItems ul li .li-description-wrapper .li-title { padding: 10px 0 0; font-weight: 700; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tips .contentListItems ul li .li-description-wrapper .li-description { font-weight: 400; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tips .contentListItems ul li .li-description-wrapper .learnmore { display: none; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile { padding: 20px 0; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile .productItem { border: 2px solid rgba(147, 149, 152, 0.5); border-top: none; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile .productItem:first-of-type { border-top: 2px solid rgba(147, 149, 152, 0.5); } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile .productItem .productTitle { display: flex; width: 100%; padding: 20px 10px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile .productItem .productTitle label a { width: 75%; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; padding-right: 20px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile .productItem .productTitle label a sup { font-size: 10px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile .productItem .productTitle img { width: 25%; height: 100%; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile .productItem .productTitle .newProduct, .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile .productItem .productTitle .bestSeller, .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile .productItem .productTitle .coolSchoolTag, .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile .productItem .productTitle .k12RegReadyTag { font-family: "Roboto Condensed", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: right; background-color: #fa6400; padding: 2px; vertical-align: super; white-space: nowrap; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile .productItem .productTitle .bestSeller { background-color: #00828a; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile .productItem .productTitle .coolSchoolTag { background-color: #0054a6; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile .productItem .productTitle .k12RegReadyTag { background-color: #058938; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile .productItem .productDetailsBlock { padding: 10px; background-color: #f4f4f4; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile .productItem .productDetailsBlock .productDetailHeader { display: flex; width: 100%; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #000000; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile .productItem .productDetailsBlock .productDetailHeader label:first-of-type { width: 30%; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile .productItem .productDetailsBlock .productDetails { display: flex; width: 100%; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile .productItem .productDetailsBlock .productDetails label:first-of-type { width: 30%; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul { padding: 0; margin: 10px 0 0 0; display: flex; flex-wrap: wrap; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li { padding: 10px; width: 50%; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li:nth-child(odd) { padding-left: 0; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li:nth-child(even) { padding-right: 0; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li .li-img { height: 110px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li .li-img img { width: 100%; height: 100%; vertical-align: top; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li .li-text, .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li .li-description-wrapper .li-title { text-align: center; padding-top: 10px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li .li-text a, .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li .li-description-wrapper .li-title a { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li .li-description, .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li .learnmore { display: none; } .productSellingGuide .contentContainer .tabbedContent .content .tab .fourColumnContent { margin: 0; } .productSellingGuide .contentContainer .tabbedContent .content .tab .fourColumnContent .contentListItems .list-item-grid li .li-title { text-align: center; } .productSellingGuide .contentContainer .tabbedContent .content .tab .allRebates .list-item-horizontal { padding: 20px 0 0; } .productSellingGuide .contentContainer .tabbedContent .content .tab .contentListMoreButton { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; padding: 12px 20px; background-color: #0074c1; display: table; margin: 0 auto; text-align: center; border-radius: 3px; } .productSellingGuide .contentContainer .videoWrapper { margin: 0 -40px; padding: 0 20px; } .productSellingGuide .contentContainer .videoWrapper .videoScrollerContainer { padding: 20px 0 0; } .productSellingGuide .contentContainer .GMFSVideoScroller { background-color: #ffffff; } .productSellingGuide .missingVideos .slick-slider .slick-track .slick-slide { width: 200px; } .pillsburyOnlineCommunity { background-color: #ffffff; } .pillsburyOnlineCommunity .pillsburyHeader { display: flex; flex-wrap: wrap; } .pillsburyOnlineCommunity .pillsburyHeader .titleSection .title { font-family: "Poppins", sans-serif; font-size: 28px; font-size: 1.75rem; color: #0074c1; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 60%; font-weight: 700; margin: 30px 0 0 20px; } .pillsburyOnlineCommunity .pillsburyHeader .titleSection .subTitle { font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #002f6d; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 75%; font-weight: 600; padding: 5px 0 0 20px; } .pillsburyOnlineCommunity .pillsburyHeader .titleSection .description { font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #323c3f; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 100%; padding: 20px; } .pillsburyOnlineCommunity .pillsburyHeader .collage { width: 50%; } .pillsburyOnlineCommunity .pillsburyHeader .collage .collageSection { width: 125px; height: 210px; position: absolute; right: 0; } .pillsburyOnlineCommunity .pillsburyHeader .collage .collageSection img { width: 100%; height: 100%; } .pillsburyOnlineCommunity .trendsBackground { background-color: #eeefef; padding: 20px 0; margin: 20px 0 0 0; } .pillsburyOnlineCommunity .trendsBackground .header { font-family: "Poppins", sans-serif; font-size: 22px; font-size: 1.375rem; color: #ffffff; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .pillsburyOnlineCommunity .trendsBackground .trends { margin: 0 0 0 40px; } .pillsburyOnlineCommunity .trendsBackground .trends .slick-prev { width: 32px; height: 70px; background: url(/GMFS/Assets/Images/sprite-pillsbury-online.svg) no-repeat 1px 1px; left: -30px; } .pillsburyOnlineCommunity .trendsBackground .trends .slick-next { width: 32px; height: 70px; background: url(/GMFS/Assets/Images/sprite-pillsbury-online.svg) no-repeat -38px 1px; right: -30px; } .pillsburyOnlineCommunity .trendsBackground .trends .slick-prev:before { color: transparent; } .pillsburyOnlineCommunity .trendsBackground .trends .slick-next:before { color: transparent; } .pillsburyOnlineCommunity .trendsBackground .trends .trend { background-color: #ffffff; border-top: 4px solid #0074c1; margin: 20px; width: 240px; height: 240px; } .pillsburyOnlineCommunity .trendsBackground .trends .trend .category { font-family: "Poppins", sans-serif; font-size: 12px; font-size: 0.75rem; color: #f58236; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; margin: 20px; text-transform: uppercase; } .pillsburyOnlineCommunity .trendsBackground .trends .trend .details { font-family: "Poppins", sans-serif; font-size: 18px; font-size: 1.125rem; color: #002f6d; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; margin: 20px; display: block; } .pillsburyOnlineCommunity .trendsBackground .trends .slick-dots { display: flex; justify-content: center; margin: 0; list-style-type: none; } .pillsburyOnlineCommunity .trendsBackground .trends .slick-dots li { margin: 0 5px; } .pillsburyOnlineCommunity .trendsBackground .trends .slick-dots button { width: 10px; height: 10px; background: url(/GMFS/Assets/Images/sprite-pillsbury-online.svg) no-repeat -132px -29px; left: -30px; } .pillsburyOnlineCommunity .trendsBackground .trends .slick-dots button:before { color: transparent; } .pillsburyOnlineCommunity .trendsBackground .trends .slick-dots li.slick-active button { width: 10px; height: 10px; background: url(/GMFS/Assets/Images/sprite-pillsbury-online.svg) no-repeat -112px -29px; left: -30px; } .pillsburyOnlineCommunity .digitalPublication { display: flex; margin: 30px 0px 60px 0; align-items: flex-start; width: 100%; flex-direction: column; } .pillsburyOnlineCommunity .digitalPublication .professionalCommunitySection { flex: 3 1 100%; text-align: center; align-self: stretch; margin-bottom: 31px; } .pillsburyOnlineCommunity .digitalPublication .professionalCommunitySection p { font-family: "Poppins", sans-serif; font-size: 18px; font-size: 1.125rem; color: #002f6d; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: bold; text-align: center; margin: 0 30px; } .pillsburyOnlineCommunity .digitalPublication .professionalCommunitySection a { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.46px; text-align: center; padding: 10px 20px; display: inline-block; background-color: #0074c1; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: bold; text-transform: uppercase; margin: 15px 70px 0; } .pillsburyOnlineCommunity .digitalPublication .magazineSection { margin: 0 0 70px 0; flex: 1; } .pillsburyOnlineCommunity .digitalPublication .magazineSection .digitalPublicationBackground { width: 300px; height: 300px; margin: 0 60px 0 0; } .pillsburyOnlineCommunity .digitalPublication .magazineSection .digitalPublicationBackground img { width: 100%; height: 100%; } .pillsburyOnlineCommunity .digitalPublication .magazineSection #magazine { margin: -270px 0px 0px !important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .pillsburyOnlineCommunity .digitalPublication .magazineSection #magazine .b-wrap-right { background: #ffffff; } .pillsburyOnlineCommunity .digitalPublication .digitalPublicationDetails { margin: 0 20px; flex: 1; } .pillsburyOnlineCommunity .digitalPublication .digitalPublicationDetails .digitalPublicationHeader { font-family: "Poppins", sans-serif; font-size: 22px; font-size: 1.375rem; color: #002f6d; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; width: 80%; } .pillsburyOnlineCommunity .digitalPublication .digitalPublicationDetails .digitalPublicationDescription { font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #323c3f; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .pillsburyOnlineCommunity .digitalPublication .digitalPublicationDetails .downloadMagazine { width: 110px; height: 40px; margin: 20px 0; background-color: #0074c1; display: table; } .pillsburyOnlineCommunity .digitalPublication .digitalPublicationDetails .downloadMagazine a { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.46px; display: table-cell; text-align: center; vertical-align: middle; } .pillsburyOnlineCommunity .tipsAndTechniques .gallery-header, .pillsburyOnlineCommunity .resourcesAndArticles .gallery-header { font-family: "Poppins", sans-serif; font-size: 22px; font-size: 1.375rem; color: #002f6d; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; margin: 0 0 20px 20px; } .pillsburyOnlineCommunity .tipsAndTechniques .contentListItems, .pillsburyOnlineCommunity .resourcesAndArticles .contentListItems { margin: 0 20px; } .pillsburyOnlineCommunity .tipsAndTechniques .contentListItems .list-item-grid, .pillsburyOnlineCommunity .resourcesAndArticles .contentListItems .list-item-grid { display: flex; flex-wrap: wrap; } .pillsburyOnlineCommunity .tipsAndTechniques .contentListItems .mainListItem, .pillsburyOnlineCommunity .resourcesAndArticles .contentListItems .mainListItem { width: 50%; float: left; } .pillsburyOnlineCommunity .tipsAndTechniques .contentListItems .mainListItem:nth-child(odd), .pillsburyOnlineCommunity .resourcesAndArticles .contentListItems .mainListItem:nth-child(odd) { padding-right: 15px; } .pillsburyOnlineCommunity .tipsAndTechniques .contentListItems .mainListItem:nth-child(even), .pillsburyOnlineCommunity .resourcesAndArticles .contentListItems .mainListItem:nth-child(even) { padding-left: 15px; } .pillsburyOnlineCommunity .tipsAndTechniques .contentListItems .mainListItem .content-lite-medium .li-text a, .pillsburyOnlineCommunity .resourcesAndArticles .contentListItems .mainListItem .content-lite-medium .li-text a { font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #002f6d; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; display: block; font-weight: 700; text-align: center; margin: 10px 0 0 0; } .pillsburyOnlineCommunity .tipsAndTechniques .contentListItems .mainListItem .content-lite-medium .li-img img, .pillsburyOnlineCommunity .resourcesAndArticles .contentListItems .mainListItem .content-lite-medium .li-img img { width: 100%; height: 100%; } .pillsburyOnlineCommunity .tipsAndTechniques .contentListMoreButton, .pillsburyOnlineCommunity .resourcesAndArticles .contentListMoreButton { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 10px 20px; margin: 20px auto; display: table; background-color: #0074c1; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; } .pillsburyOnlineCommunity .recipeInspiration .mobileComponent { margin-top: -80px; padding: 0 20px; } .pillsburyOnlineCommunity .recipeInspiration .mobileComponent select { width: 100%; font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; padding: 15px; border: none; text-transform: uppercase; -webkit-appearance: none; -moz-appearance: none; background-color: #ffffff; } .pillsburyOnlineCommunity .recipeInspiration .mobileComponent select::-ms-expand { display: none; } .pillsburyOnlineCommunity .recipeInspiration .mobileComponent:after { content: ' '; float: right; display: block; padding: 0 10px; background: url(/GMFS/Assets/Images/sprite-pillsbury-online.svg) no-repeat -583px -14px; width: 30px; height: 30px; position: absolute; right: 30px; margin-top: -45px; pointer-events: none; } .pillsburyOnlineCommunity .recipeInspiration .tabs { display: none; } .pillsburyOnlineCommunity .recipeInspiration .separator { display: none; } .pillsburyOnlineCommunity .recipeInspiration .content { padding-top: 30px; text-align: center; } .pillsburyOnlineCommunity .recipeInspiration .content ul { display: flex; flex-wrap: wrap; padding: 20px; } .pillsburyOnlineCommunity .recipeInspiration .content ul li { width: 50%; } .pillsburyOnlineCommunity .recipeInspiration .content ul li:nth-child(odd) { padding-right: 15px; } .pillsburyOnlineCommunity .recipeInspiration .content ul li:nth-child(even) { padding-left: 15px; } .pillsburyOnlineCommunity .recipeInspiration .content ul li .imageContainer { width: auto; height: 100px; } .pillsburyOnlineCommunity .recipeInspiration .content ul li .imageContainer img { width: 100%; height: 100%; } .pillsburyOnlineCommunity .recipeInspiration .content ul li .details .title { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; display: block; text-align: center; padding: 10px 10px 20px; } .pillsburyOnlineCommunity .recipeInspiration .content .moreButton { padding: 10px 20px; display: inline-block; background-color: #0074c1; font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: bold; letter-spacing: 0.5px; text-transform: uppercase; } .pillsburyOnlineCommunity .featuredArticle ul { background: url(/GMFS/Assets/Images/PillsburyCommunity/img-bg-blue-recipes.jpg) no-repeat; background-size: 100% 100%; } .pillsburyOnlineCommunity .featuredArticle ul li { max-width: 1024px; margin: 0 auto; padding-bottom: 80px; } .pillsburyOnlineCommunity .featuredArticle ul li .li-img img { width: auto; height: 130px; float: right; margin-top: -50px; } .pillsburyOnlineCommunity .featuredArticle ul li .li-description-wrapper { background-color: transparent; } .pillsburyOnlineCommunity .featuredArticle ul li .li-description-wrapper .li-title { padding: 130px 30px 15px 30px; } .pillsburyOnlineCommunity .featuredArticle ul li .li-description-wrapper .li-title a { font-family: "Poppins", sans-serif; font-size: 22px; font-size: 1.375rem; color: #ffffff; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .pillsburyOnlineCommunity .featuredArticle ul li .li-description-wrapper .li-description { font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .pillsburyOnlineCommunity .featuredArticle ul li .li-description-wrapper .learnmore { display: none; } .pillsburyOnlineCommunity .pillsburyVideoScroller { padding-top: 20px; } .pillsburyOnlineCommunity .pillsburyVideoScroller .videoWrapper { background-color: #002f6d; padding: 0; } .pillsburyOnlineCommunity .pillsburyVideoScroller .videoWrapper .videoScrollerContainer { background-color: #002f6d; } .pillsburyOnlineCommunity .pillsburyVideoScroller .videoWrapper .videoScrollerContainer .containerTitle { font-family: "Poppins", sans-serif; font-size: 22px; font-size: 1.375rem; color: #ffffff; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; padding: 0 0 10px; margin: 0; } .pillsburyOnlineCommunity .pillsburyVideoScroller .GMFSVideoScroller { padding: 150px 0 20px; } .pillsburyOnlineCommunity .pillsburyVideoScroller .GMFSVideoScroller .scrollerContainer .slick-slider .slick-track .slick-slide h2 a { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .pillsburyOnlineCommunity .pillsburyVideoScroller .GMFSVideoScroller .scrollerContainer .slick-slider .slick-track .slick-slide h2 a:hover { color: #0074c1; text-decoration: none; } .pillsburyOnlineCommunity .ui-dialog.aksQuestionModal { top: 20px !important; width: 90% !important; padding: 0; border: 0; z-index: 1005; } .pillsburyOnlineCommunity .ui-dialog.aksQuestionModal .ui-dialog-titlebar { display: none; } .pillsburyOnlineCommunity .ui-dialog.aksQuestionModal .ui-dialog-content { padding: 0 30px; } .pillsburyOnlineCommunity .ui-dialog.registrationDialogClass .ui-dialog-titlebar { display: block; z-index: 1; } .pillsburyOnlineCommunity #questionDialog { margin-bottom: 50px; display: none; } .pillsburyOnlineCommunity #questionDialog .validationMessage { display: block; font-family: "Poppins", sans-serif; font-size: 12px; } .pillsburyOnlineCommunity #questionDialog .overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 2; cursor: pointer; } .pillsburyOnlineCommunity #questionDialog .overlay img { position: absolute; top: 45%; right: 45%; } .pillsburyOnlineCommunity #questionDialog .questionHeader { font-family: "Poppins", sans-serif; font-size: 22px; font-size: 1.375rem; color: #002f6d; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; display: inline-block; } .pillsburyOnlineCommunity #questionDialog .closeQuestionDialog { content: ' '; float: right; background-image: url(/GMFS/Assets/Images/sprite-pillsbury-online.svg); width: 30px; height: 30px; background-position: -630px; } .pillsburyOnlineCommunity #questionDialog .categoryProduct { padding: 20px 0; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .category { margin-bottom: 20px; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .category select { width: 100%; border: 1px solid #2f3435; font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #2f3435; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; padding: 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .category select::-ms-expand { display: none; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .category .categoryDropdown { position: relative; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .category .categoryDropdown:after { content: ''; background: url(/GMFS/Assets/Images/sprite-pillsbury-online.svg) no-repeat -586px; position: absolute; z-index: 1; text-align: center; pointer-events: none; width: 25px; height: 25px; right: 10px; top: 9px; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .product .productName { position: relative; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .product .productName:before { content: ' '; background: url(/GMFS/Assets/Images/sprite-pillsbury-online.svg) no-repeat -176px; width: 25px; height: 25px; position: absolute; left: 5px; top: 9px; width: 25px; height: 25px; z-index: 9; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .product input { width: 100%; font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #2f3435; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border: 1px solid #2f3435; font-weight: 500; padding: 10px 10px 10px 30px; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .product ul.noProductFound { border: 1px solid #2f3435; background-color: #ffffff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25); width: 81.5%; position: absolute; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .product ul.noProductFound li { border-bottom: 1px solid #2f3435; font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #2f3435; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; padding: 30px 10px; text-align: center; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .product .search-hints-container { position: absolute; z-index: 1; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .product .search-hints-container ul { width: 90%; border: 1px solid #2f3435; background-color: #ffffff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25); } .pillsburyOnlineCommunity #questionDialog .categoryProduct .product .search-hints-container ul li { border-bottom: 1px solid #2f3435; font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #2f3435; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; padding: 5px; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .product .search-hints-container ul li span b { color: #0054a6; } .pillsburyOnlineCommunity #questionDialog .mainQuestion textarea { width: 98%; } .pillsburyOnlineCommunity #questionDialog .attachedMedia { padding-top: 25px; } .pillsburyOnlineCommunity #questionDialog .attachedMedia .attachMediaLabel { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #323c3f; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; display: block; margin-bottom: 20px; } .pillsburyOnlineCommunity #questionDialog .attachedMedia .uploader { position: relative; overflow: hidden; width: 100%; height: 80px; opacity: 1; border: 2px dashed #757575; border-radius: 5px; } .pillsburyOnlineCommunity #questionDialog .attachedMedia .uploader .fileDetails { display: flex; } .pillsburyOnlineCommunity #questionDialog .attachedMedia .uploader .fileDetails .imageContainer { width: 25%; height: 80px; padding: 10px; } .pillsburyOnlineCommunity #questionDialog .attachedMedia .uploader .fileDetails .imageContainer img { width: auto; height: 100%; max-width: 75px; } .pillsburyOnlineCommunity #questionDialog .attachedMedia .uploader .fileDetails .uploadFileText { position: absolute; top: 30%; right: 10%; display: inline-flex; width: 70%; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; padding: 0 20px; } .pillsburyOnlineCommunity #questionDialog .attachedMedia .uploader .defaultText { position: absolute; top: 35%; text-align: center; display: block; width: 100%; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; opacity: 0.5; } .pillsburyOnlineCommunity #questionDialog .attachedMedia #imageFileUpload { position: absolute; width: 100%; height: 80px; top: 0; left: 0; z-index: 0; opacity: 0; cursor: pointer; } .pillsburyOnlineCommunity #questionDialog .attachedMedia .formValidationMessage { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: center; letter-spacing: 0.51px; padding: 10px 0; } .pillsburyOnlineCommunity #questionDialog .userName { background-color: #f3f3f3; margin: 20px -20px 0 -30px; padding: 30px 20px; } .pillsburyOnlineCommunity #questionDialog .userName .welcomeText { font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #323c3f; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .pillsburyOnlineCommunity #questionDialog .userName .welcomeText strong { font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #002f6d; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; display: block; } .pillsburyOnlineCommunity #questionDialog .userName .publicUsername span.userNameLabel { font-family: "Poppins", sans-serif; font-size: 12px; font-size: 0.75rem; color: #323c3f; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; display: block; padding: 20px 0 5px 0; } .pillsburyOnlineCommunity #questionDialog .userName .publicUsername .note { font-family: "Poppins", sans-serif; font-size: 12px; font-size: 0.75rem; color: #323c3f; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; display: block; } .pillsburyOnlineCommunity #questionDialog .userName .publicUsername #publicUsername { border: 1px solid #2f3435; background-color: #ffffff; padding: 10px; } .pillsburyOnlineCommunity #questionDialog span.title { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #323c3f; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; display: block; padding-bottom: 5px; font-weight: 700; } .pillsburyOnlineCommunity #questionDialog .titleRow { margin-top: 20px; } .pillsburyOnlineCommunity #questionDialog .titleRow input { width: 100%; } .pillsburyOnlineCommunity #questionDialog .titleRow .characterCount { font-family: "Poppins", sans-serif; font-size: 12px; font-size: 0.75rem; color: #323c3f; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; display: block; } .pillsburyOnlineCommunity #questionDialog .submit { padding: 10px; font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background-color: #0074c1; font-weight: 700; letter-spacing: 0.5px; text-align: center; margin-top: 20px; display: block; width: 30%; } .pillsburyOnlineCommunity .pillsburySearch.applyFullWidthClass, .communityDiscussions .pillsburySearch.applyFullWidthClass { width: 100%; z-index: 1004; position: relative; padding: 30px 20px 20px 10px; } .pillsburyOnlineCommunity .pillsburySearch.applyFullWidthClass .pillsburyHintClose, .communityDiscussions .pillsburySearch.applyFullWidthClass .pillsburyHintClose { width: 16px; height: 16px; position: absolute; top: 15px; right: 10px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -268px -100px; } .pillsburyOnlineCommunity .pillsburySearchOverlay, .communityDiscussions .pillsburySearchOverlay { position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; right: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1001; } .pillsburyOnlineCommunity .parentContainer.activeSearch, .communityDiscussions .parentContainer.activeSearch { z-index: 1004; } #pillsburySearchMainConatiner { position: relative; } .communityDiscussions { /* Dropdown button on hover & focus */ } .communityDiscussions .pillsburyHeader { display: flex; flex-wrap: wrap; background-color: #ffffff; } .communityDiscussions .pillsburyHeader .titleSection .backLink { margin: 15px; } .communityDiscussions .pillsburyHeader .titleSection .backLink a { font-family: "Poppins", sans-serif; font-size: 12px; font-size: 0.75rem; color: #323c3f; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; opacity: 0.5; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; } .communityDiscussions .pillsburyHeader .titleSection .backLink a:before { content: ''; float: left; padding: 0 10px; background: url(/GMFS/Assets/Images/sprite-pillsbury-online.svg) no-repeat -460px -24px; height: 22px; pointer-events: none; } .communityDiscussions .pillsburyHeader .titleSection .title { font-family: "Poppins", sans-serif; font-size: 28px; font-size: 1.75rem; color: #0074c1; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 70%; font-weight: 700; margin: 30px 0 0 20px; } .communityDiscussions .pillsburyHeader .titleSection .pillsburyLogo { padding-left: 10px; } .communityDiscussions .pillsburyHeader .titleSection .pillsburyLogo img { width: 90px; } .communityDiscussions .pillsburyHeader .collage { width: 50%; } .communityDiscussions .pillsburyHeader .collage .collageSection { width: 125px; height: 210px; position: absolute; right: 0; top: 0; } .communityDiscussions .pillsburyHeader .collage .collageSection img { width: 100%; height: 100%; } .communityDiscussions .communityQuestionsHeader { background-color: #ffffff; padding: 30px 20px 0; display: block; width: 100%; } .communityDiscussions .communityQuestionsHeader .title { font-family: "Poppins", sans-serif; font-size: 22px; font-size: 1.375rem; color: #002f6d; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; display: inline-flex; width: 90%; } .communityDiscussions .communityQuestionsHeader .searchCollapse { width: auto; } .communityDiscussions .communityQuestionsHeader #search { background: url(/GMFS/Assets/Images/sprite-pillsbury-online.svg) no-repeat -178px -23px; border: none; width: 20px; height: 20px; float: right; margin-top: 5px; display: none; } .communityDiscussions .communityQuestionsHeader .searchBox { width: 100%; display: none; } .communityDiscussions .communityQuestionsHeader .searchBox #searchInput { border: none; border-bottom: 2px solid #002f6d; font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; width: 98%; height: 40px; } .communityDiscussions .communityQuestionsHeader .searchBox .clearSearch { border: none; display: inline-block; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -270px -100px; width: 20px; height: 20px; margin-left: -20px; } .communityDiscussions .menuOptions .askButton { text-align: center; margin: 0px 20px 0; } .communityDiscussions .menuOptions .askButton a { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; padding: 12px 15px; background-color: #0074c1; display: block; } .communityDiscussions .categoryHeader { padding: 20px; } .communityDiscussions .categoryHeader label { font-family: "Poppins", sans-serif; font-size: 18px; font-size: 1.125rem; color: #002f6d; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .communityDiscussions .categoryHeader .subscribeButton { display: none; float: right; font-family: "Poppins", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0074c1; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; border: 2px solid #0074c1; padding: 8px; margin-top: -5px; background-color: transparent; text-transform: uppercase; } .communityDiscussions .communityQuestionsList .question { margin-top: 10px; background-color: #ffffff; display: inline-flex; align-items: baseline; padding: 20px; width: 100%; } .communityDiscussions .communityQuestionsList .question .title { width: 90%; } .communityDiscussions .communityQuestionsList .question .title .titleText { font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #002f6d; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; display: block; padding-bottom: 5px; } .communityDiscussions .communityQuestionsList .question .title span { font-family: Abhaya Libre; font-size: 14px; font-size: 0.875rem; color: #323c3f; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .communityDiscussions .communityQuestionsList .question .title .categoryName { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #323c3f; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; text-transform: uppercase; } .communityDiscussions .communityQuestionsList .question .comments .countText { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; display: none; } .communityDiscussions .communityQuestionsList .question .comments .viewDetails { background: url(/GMFS/Assets/Images/sprite-pillsbury-online.svg) no-repeat -209px -17px; width: 30px; height: 30px; position: absolute; right: 0; } .communityDiscussions .communityQuestionsList .noResults { margin: 30px 20px 60px 20px; text-align: center; } .communityDiscussions .communityQuestionsList .noResults .noResultsHeader { font-family: "Poppins", sans-serif; font-size: 18px; font-size: 1.125rem; color: #323c3f; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .communityDiscussions .communityQuestionsList .noResults .noResultsSubHeader { font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #323c3f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; } .communityDiscussions .communityQuestionsList .noResults .askButton { background-color: #0074c1; text-align: center; padding: 10px; width: auto; margin: 30px auto 0 auto; } .communityDiscussions .communityQuestionsList .noResults .askButton a { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .communityDiscussions .loginContainer { margin: 20px -20px 15px; background-color: #0074c1; padding: 30px; font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; text-align: center; } .communityDiscussions .loginContainer a { color: #002f6d; text-decoration: underline; } .communityDiscussions .pagination { display: flex; justify-content: center; padding-bottom: 20px; } .communityDiscussions .pagination ul { display: flex; } .communityDiscussions .pagination ul li { list-style-type: none; margin: 0 10px; font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #4a4a4a; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .communityDiscussions .pagination ul li a { font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #4a4a4a; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .communityDiscussions .pagination ul li.active a { color: #2e91eb; padding: 1px 10px; border: 2px solid #2e91eb; } .communityDiscussions .filter:hover, .communityDiscussions .filter:focus { background-color: #2980b9; } .communityDiscussions .filters { background: #ffffff; display: block; padding: 20px; font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .communityDiscussions .filters .categoryFilter { display: inline-block; width: 65%; margin-right: 10px; } .communityDiscussions .filters .categoryFilter .selectCategoryMenu { display: block; border: 2px solid #002f6d; padding: 10px 0 10px 15px; width: 100%; height: 40px; } .communityDiscussions .filters .categoryFilter .selectCategoryMenu:after { content: ''; float: right; padding: 0 10px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -780px -101px; height: 15px; margin: 4px 0; } .communityDiscussions .filters .categoryFilter .categories { display: none; background: #ffffff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25); position: absolute; width: 58%; z-index: 1000; } .communityDiscussions .filters .categoryFilter .categories .categoriesContainer { display: block; } .communityDiscussions .filters .categoryFilter .categories .categoriesContainer .active:after { content: ' '; background: url(/GMFS/Assets/Images/sprite-pillsbury-online.svg) -525px -16px; width: 28px; height: 28px; float: right; position: absolute; right: 5px; } .communityDiscussions .filters .categoryFilter .categories .categoriesContainer .categoryList, .communityDiscussions .filters .categoryFilter .categories .categoriesContainer .defaultCategory { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 400; padding: 5px 15px; } .communityDiscussions .filters .categoryFilter .categories .productsFilter { display: inline-block; } .communityDiscussions .filters .categoryFilter .categories .productsFilter #products { background: #ffffff; border: none; font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; padding: 5px 20px; text-transform: uppercase; cursor: pointer; outline: 0; } .communityDiscussions .filters .categoryFilter .categories .productsFilter #products:after { content: ''; float: right; padding: 0 10px; background: url(/GMFS/Assets/Images/sprite-pillsbury-online.svg) no-repeat -610px -27px; height: 15px; margin: 3px 5px; } .communityDiscussions .filters .categoryFilter .categories .productsFilter #products.activeProductList:after { content: ''; float: right; padding: 0 10px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -780px -101px; height: 15px; margin: 6px 5px; } .communityDiscussions .filters .categoryFilter .categories .productsFilter .productsContainer { display: none; position: absolute; z-index: 1; background-color: #ffffff; } .communityDiscussions .filters .categoryFilter .categories .productsFilter .productsContainer li { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; padding: 5px 40px; margin: 0; } .communityDiscussions .filters .categoryFilter .categories .productsFilter .productsContainer .selected:after { width: 18px; height: 15px; content: ''; background: url(/GMFS/Assets/Images/sprite-pillsbury-online.svg) no-repeat -535px -27px; margin: 7px 7px; position: absolute; right: 0; } .communityDiscussions .filters .categoryFilter .categories .productsFilter .show { display: contents; } .communityDiscussions .filters .categoryFilter .show { display: block; } .communityDiscussions .filters .sortFilter { display: inline-block; width: 28%; position: absolute; } .communityDiscussions .filters .sortFilter .filterContainer span:after { content: ''; width: 20px; height: 15px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -780px -101px; margin: 5px -30px; float: right; } .communityDiscussions .filters .sortFilter .filter { border: none; cursor: pointer; padding: 10px 30px 10px 10px; text-align: left; width: 100%; height: 40px; border: 2px solid #002f6d; background-color: #ffffff; font-weight: 700; } .communityDiscussions .filters .sortFilter .filter:after { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -780px -101px; width: 15px; height: 8px; position: absolute; right: 0; margin: 5px 5px 0 0; pointer-events: none; } .communityDiscussions .filters .sortFilter .filter[text] { margin-right: 10px; } .communityDiscussions .dropdownFilter { display: none; } .communityDiscussions .filterContent { display: none; position: absolute; background-color: #ffffff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25); min-width: 200px; z-index: 1; right: 0; } .communityDiscussions .filterContent .lastOption { border-bottom: 1px solid lightgrey; } .communityDiscussions .filterContent .unselected { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; content: ''; padding: 12px 20px 16px 16px; text-decoration: none; display: block; font-weight: 400; } .communityDiscussions .filterContent .selected { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 12px 16px; text-decoration: none; display: block; font-weight: 700; } .communityDiscussions .filterContent .selected:after { width: 18px; height: 15px; content: ''; background: url(/GMFS/Assets/Images/sprite-pillsbury-online.svg) no-repeat -535px -27px; margin: 7px 7px; float: right; } .communityDiscussions .show { display: block; } .communityDiscussions .pageNavigators { display: flex; } .communityDiscussions .pagination button { display: none; } .communityDiscussions .pageNavigators button { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 40%; height: 40px; margin: 20px; border: 0; background: none; box-shadow: none; background-color: #2e91eb; color: #ffffff; text-transform: uppercase; display: block; letter-spacing: 0.5px; font-weight: 700; } .communityDiscussions .pageNavigators button[disabled] { background-color: #595d5d; } .pillsburyProfessionalCommunity { background-color: #f3f3f3; position: relative; } .pillsburyProfessionalCommunity .prod-menu { background-color: #ffffff; padding: 15px 10px; margin: 0; } .pillsburyProfessionalCommunity .pillsburySearchPlaceHolderContainer { background-color: #002f6d; padding: 0 0 20px 0; } .pillsburyProfessionalCommunity .parentContainer .pillsburySearch { background-color: #002f6d; display: flex; flex-wrap: wrap; padding: 20px; background-color: #002f6d; } .pillsburyProfessionalCommunity .parentContainer .pillsburySearch .pillsburySearchInnerContainer { background-color: #002f6d; display: inline-flex; width: 100%; position: relative; } .pillsburyProfessionalCommunity .parentContainer .pillsburySearch ::placeholder { font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #323c3f; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; opacity: 0.8; letter-spacing: 0; } .pillsburyProfessionalCommunity .parentContainer .pillsburySearch .search-hints-container { position: absolute; cursor: pointer; width: 100%; left: 0; margin: 45px 0 0; } .pillsburyProfessionalCommunity .parentContainer .pillsburySearch .search-hints-container ul { background-color: #ffffff; } .pillsburyProfessionalCommunity .parentContainer .pillsburySearch .search-hints-container ul .scrollableList { overflow-y: scroll; max-height: 200px; } .pillsburyProfessionalCommunity .parentContainer .pillsburySearch .search-hints-container ul .scrollableList li { font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #002f6d; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; padding: 10px 20px 5px; border-bottom: 1px solid #f7f7f7; } .pillsburyProfessionalCommunity .parentContainer .pillsburySearch .search-hints-container ul .scrollableList li span b { color: #f58236; } .pillsburyProfessionalCommunity .parentContainer .pillsburySearch .search-hints-container ul .scrollableList li.searchResultItem:first-of-type { display: none; } .pillsburyProfessionalCommunity .parentContainer .pillsburySearch .search-hints-container ul .scrollableList > li:first-child { display: none; } .pillsburyProfessionalCommunity .parentContainer .pillsburySearch .search-hints-container ul .scrollableList img { width: 20px; height: 20px; } .pillsburyProfessionalCommunity .parentContainer .pillsburySearch .search-hints-container .searchResultLastChild span { display: block; margin: 0 auto; text-align: center; font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; padding: 20px; } .pillsburyProfessionalCommunity .parentContainer .pillsburySearch .search-hints-container .searchResultLastChild span:hover { color: #002f6d; } .pillsburyProfessionalCommunity .parentContainer .pillsburySearch .pillsburySearchGlass { width: 22px; height: 22px; background: url(/GMFS/Assets/Images/icon-search-sprite.svg) no-repeat 0; border-bottom: 2px solid #ffffff; position: absolute; left: 12px; top: 15px; } .pillsburyProfessionalCommunity .parentContainer .pillsburySearch input { width: 600px; height: 50px; border-radius: 4px; padding: 5px 40px; } .pillsburyProfessionalCommunity .parentContainer .pillsburySearch ::-ms-clear { display: none; } .pillsburyProfessionalCommunity .parentContainer .pillsburySearchContainer { display: none; } .pillsburyProfessionalCommunity .productsFeaturedContent { margin: 30px 0 80px 0; } .pillsburyProfessionalCommunity .productsFeaturedContent .collectionListItem:nth-child(2) { margin: 100px 0px 0px 0px; } .pillsburyProfessionalCommunity .productsFeaturedContent .collectionListItem:nth-child(2) .li-description-wrapper { background-color: #00828a; left: 0; margin-top: -30px; position: absolute; width: 95%; } .pillsburyProfessionalCommunity .productsFeaturedContent .collectionListItem .collection-list .li-img img { width: 100%; height: auto; } .pillsburyProfessionalCommunity .productsFeaturedContent .collectionListItem .li-description-wrapper { background-color: #0074c1; margin-top: -30px; position: absolute; width: 95%; height: 110px; right: 0; } .pillsburyProfessionalCommunity .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title { width: auto; height: 26px; font-family: "Roboto Slab", serif; font-size: 1.25rem; line-height: 1.5rem; letter-spacing: 1.91px; padding: 30px 30px; } .pillsburyProfessionalCommunity .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title a { color: #ffffff; } .pillsburyProfessionalCommunity .productsFeaturedContent .collectionListItem .li-description-wrapper .li-description { display: none; } .pillsburyProfessionalCommunity .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore { display: block; margin: 5px 30px; } .pillsburyProfessionalCommunity .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore a { width: auto; height: 16px; color: #ffffff; font-family: "Roboto Condensed", sans-serif; font-size: 0.875rem; line-height: 1rem; letter-spacing: 0.58px; } .pillsburyProfessionalCommunity .trendsBackground { background-color: #002f6d; } .pillsburyProfessionalCommunity .trendsBackground .header { font-family: "Poppins", sans-serif; font-size: 22px; font-size: 1.375rem; color: #ffffff; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 0 0 25px 40px; font-weight: 700; } .pillsburyProfessionalCommunity .trendsBackground .trends { margin: 0 0 0 20px; } .pillsburyProfessionalCommunity .trendsBackground .trends .slick-prev, .pillsburyProfessionalCommunity .trendsBackground .trends .slick-next { display: none; } .pillsburyProfessionalCommunity .trendsBackground .trends .trend.slick-slide:hover { box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); } .pillsburyProfessionalCommunity .trendsBackground .trends .trend.slick-slide:hover .details { color: #0074c1; } .pillsburyProfessionalCommunity .trendsBackground .trends .trend { background-color: #ffffff; border-top: 4px solid #0074c1; margin: 20px 20px 30px 0; max-width: 220px; width: 220px; height: 220px; } .pillsburyProfessionalCommunity .trendsBackground .trends .trend .category { font-family: "Poppins", sans-serif; font-size: 12px; font-size: 0.75rem; color: #f58236; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; margin: 20px; text-transform: uppercase; } .pillsburyProfessionalCommunity .trendsBackground .trends .trend .details { font-family: "Poppins", sans-serif; font-size: 18px; font-size: 1.125rem; color: #002f6d; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; margin: 20px; display: block; } .pillsburyProfessionalCommunity .trendsBackground .trends .slick-dots { display: flex; justify-content: center; margin: 0; list-style-type: none; } .pillsburyProfessionalCommunity .trendsBackground .trends .slick-dots li { margin: 0 5px; } .pillsburyProfessionalCommunity .trendsBackground .trends .slick-dots button { width: 10px; height: 10px; background: url(/GMFS/Assets/Images/sprite-pillsbury-online.svg) no-repeat -132px -29px; left: -30px; } .pillsburyProfessionalCommunity .trendsBackground .trends .slick-dots button:before { color: transparent; } .pillsburyProfessionalCommunity .trendsBackground .trends .slick-dots li.slick-active button { width: 10px; height: 10px; background: url(/GMFS/Assets/Images/sprite-pillsbury-online.svg) no-repeat -112px -29px; left: -30px; } .pillsburyQuestionDetails .pillsburyHeader { width: 100%; display: flex; flex-wrap: wrap; background-color: #ffffff; } .pillsburyQuestionDetails .pillsburyHeader .titleSection { float: left; width: 70%; } .pillsburyQuestionDetails .pillsburyHeader .titleSection .questionDetails { display: none; } .pillsburyQuestionDetails .pillsburyHeader .titleSection .pillsburyLogo { display: none; } .pillsburyQuestionDetails .pillsburyHeader .titleSection .backLink { margin: 20px; } .pillsburyQuestionDetails .pillsburyHeader .titleSection .backLink a { font-family: "Poppins", sans-serif; font-size: 12px; font-size: 0.75rem; color: #323c3f; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; opacity: 0.5; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase; } .pillsburyQuestionDetails .pillsburyHeader .titleSection .backLink a:before { content: ''; float: left; padding: 0 10px; background: url(/GMFS/Assets/Images/sprite-pillsbury-online.svg) no-repeat -460px -24px; height: 22px; pointer-events: none; } .pillsburyQuestionDetails .pillsburyHeader .titleSection .backLink a:after { content: attr(data-mobilecontent); } .pillsburyQuestionDetails .pillsburyHeader .titleSection .noImage { display: none; } .pillsburyQuestionDetails .pillsburyHeader .noCollage { display: none; } .pillsburyQuestionDetails .pillsburyHeader .collage { width: 30%; height: 270px; } .pillsburyQuestionDetails .pillsburyHeader .collage .questionImage { position: absolute; right: 10px; z-index: 1; top: 125px; width: 90%; height: 200px; } .pillsburyQuestionDetails .pillsburyHeader .collage .questionImage img { width: 100%; max-height: 100%; max-width: 100%; } .pillsburyQuestionDetails .questionDetails { width: 100%; padding: 20px 40px 60px 20px; background-color: #ffffff; } .pillsburyQuestionDetails .questionDetails .title { font-family: "Poppins", sans-serif; font-size: 22px; font-size: 1.375rem; color: #002f6d; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .pillsburyQuestionDetails .questionDetails .description { margin: 20px 0; font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #323c3f; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .pillsburyQuestionDetails .questionDetails .askedBy { font-family: "Abhaya Libre", sans-serif; font-size: 16px; font-size: 1rem; color: #323c3f; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .pillsburyQuestionDetails .questionDetails .userNameLabel { font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #002f6d; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; } .pillsburyQuestionDetails .questionDetails .askQuestionButtonBackground { width: 114%; height: 80px; background-color: #f7f7f7; margin: 70px 0 0 -20px; z-index: -1; } .answerSection .answerQuestionButtonContainerWrapper { position: relative; } .answerSection .answerQuestionButtonContainerWrapper .answerQuestionButtonContainer { width: 250px; background-color: #002f6d; position: absolute; top: -100px; } .answerSection .answerQuestionButtonContainerWrapper .answerQuestionButtonContainer .answerQuestionButton { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 250px; text-align: center; vertical-align: middle; font-weight: 700; } .answerSection .answerQuestionButtonContainerWrapper .answerQuestionButtonContainer .answerQuestionButton p { background-color: #ffffff; margin: 20px; text-transform: uppercase; } .answerSection .loginPromptContainer { margin-left: -20px; } .answerSection .loginPromptContainer .loginPrompt { position: relative; margin: 100px 0 20px 0; background-color: #f7f7f7; } .answerSection .loginPromptContainer .loginPrompt .background { width: 400px; height: 140px; background-color: #f7f7f7; } .answerSection .loginPromptContainer .loginPrompt .background img { width: 100%; height: 100%; } .answerSection .loginPromptContainer .loginPrompt .loginRedirectMessage { font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #002f6d; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 60%; height: 118%; background-color: #ffffff; padding: 20px; position: absolute; top: -15px; left: 40px; width: 60%; font-weight: 700; } .answerSection .loginPromptContainer .loginPrompt .loginRedirectMessage a { text-decoration: underline; color: #2e91eb; } .answerSection .answerList { padding-top: 40px; margin: 60px 0 40px; background-color: #f7f7f7; } .answerSection .answerList .heading { font-family: "Poppins", sans-serif; font-size: 22px; font-size: 1.375rem; color: #002f6d; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: -35px 0 0px 20px; font-weight: 700; } .answerSection .answerList .answer { margin-top: 10px; background-color: #ffffff; align-items: baseline; padding: 20px; width: 100%; } .answerSection .answerList .answer .user { font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #002f6d; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; } .answerSection .answerList .answer .title { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #323c3f; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-top: 10px; white-space: pre-line; } .answerSection .answerList .newAnswer { padding-top: 60px; } .answerSection .answerList .newAnswer .overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); z-index: 2; cursor: pointer; } .answerSection .answerList .newAnswer .overlay img { position: absolute; top: 45%; right: 45%; } .answerSection .answerList .newAnswer .newAnswerHeading { font-family: "Poppins", sans-serif; font-size: 22px; font-size: 1.375rem; color: #002f6d; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 20px 0 0 20px; font-weight: 700; } .answerSection .answerList .newAnswer textarea { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #323c3f; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; box-sizing: border-box; border: 1px solid #d3d3d3; background-color: #ffffff; margin: 20px; width: 88%; white-space: pre-wrap; } .answerSection .answerList .userName { padding: 10px 0; margin: 20px 20px 20px 0; background-color: #f3f3f3; } .answerSection .answerList .userName .welcomeText { margin: 20px; font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #323c3f; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .answerSection .answerList .userName .welcomeText strong { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; display: block; } .answerSection .answerList .userName .publicUsername .userNameLabel { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #323c3f; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; display: block; margin: 20px 0 0 20px; } .answerSection .answerList .userName .publicUsername #publicUsername { margin: 0 0 0 20px; display: block; width: 90%; height: 40px; border: 1px solid #2f3435; } .answerSection .answerList .userName .publicUsername .note { font-family: "Poppins", sans-serif; font-size: 12px; font-size: 0.75rem; color: #323c3f; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 0 20px 20px; display: block; } .answerSection .answerList .userName .publicUsername .validationMessage { font-family: "Poppins", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-left: 20px; } .answerSection .answerList .submit button { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 30%; height: 40px; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 0 20px 20px; border: 0; background: none; box-shadow: none; background-color: #2e91eb; color: #ffffff; text-transform: uppercase; display: block; letter-spacing: 0.5px; font-weight: 700; } .answerSection .answerList .submit button[disabled] { background-color: #595d5d; } .answerSection .answerList .validationMessage li { font-family: "Poppins", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .alertPreferencesPage .menuItems { display: none; } .alertPreferences { margin: 0 20px 20px; } .alertPreferences .header { padding-bottom: 5px; } .alertPreferences .header label { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .alertPreferences .main .heading label { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; } .alertPreferences .main .preferencesContainer { padding-bottom: 20px; } .alertPreferences .main .preferencesContainer .preferences { padding: 15px 0 0; } .alertPreferences .main .preferencesContainer .preferences input[type=checkbox] { opacity: 0; position: absolute; z-index: 99; } .alertPreferences .main .preferencesContainer .preferences .checkmark { position: absolute; width: 20px; height: 20px; background-color: #ffffff; border: 2px solid #757575; border-radius: 3px; margin: 0 9px 0 0; } .alertPreferences .main .preferencesContainer .preferences :hover input ~ .checkmark { background-color: #6e8090; } .alertPreferences .main .preferencesContainer .preferences input:checked ~ .checkmark { background-color: #0074c1; border: none; } .alertPreferences .main .preferencesContainer .preferences .checkmark:after { content: ""; position: absolute; display: none; margin: 3px 0 0 8px; height: 12px; } .alertPreferences .main .preferencesContainer .preferences input:checked ~ .checkmark:after { display: inline-block; margin: 3px 0 0 8px; width: 5px; height: 12px; border: solid #ffffff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .alertPreferences .main .preferencesContainer .preferences label { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding-left: 30px; display: inline-block; } .alertPreferences .main .updatePreference { text-align: center; } .alertPreferences .main .updatePreference a { padding: 10px 20px; background-color: #0074c1; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; border: none; border-radius: 3px; } .alertPreferences .main .updatePreference label { display: block; padding: 15px 0 0; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #00a839; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; } .alertPreferences .main .note { padding: 20px 0; text-align: center; } .alertPreferences .main .note .notificationsNote { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .alertPreferences .main .note .turnOffConfirmation { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .alertPreferences .main .note .turnOffConfirmation .confirmationNotee { display: block; padding-bottom: 10px; color: #3b3b3b; } .alertPreferences .main .note .turnOffConfirmation .confirmationLink { padding-right: 20px; } .alertPreferences .main .note .turnOffConfirmation .turnOffAllSuccessNote { display: block; padding: 10px 15px; margin-top: 10px; color: #fa6400; font-weight: 500; border: 1px solid #fa6400; border-radius: 3px; } .completeYourProfileForm { display: flex; flex-wrap: wrap; } .completeYourProfileForm .completeYourProfileHeader { background-image: url('/GMFS/Assets/Images/img-bg-sample.png'); text-align: center; } .completeYourProfileForm .completeYourProfileHeader .title { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #ffffff; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding: 20px 0; } .completeYourProfileForm .completeYourProfileHeader .completeYourProfileSubHeader { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding-bottom: 20px; margin: 0 20px; } .completeYourProfileForm .completeYourProfile { width: 100%; } .completeYourProfileForm .completeYourProfile .RegistrationFlowContainer { padding-bottom: 0 !important; } .completeYourProfileForm .completeYourProfile .RegistrationFlowContainer .MemberBenifitsContainer { display: none !important; } .completeYourProfileForm .completeYourProfile .RegistrationFlowContainer .RegistrationModuleContainer { padding: 0 !important; } .completeYourProfileForm .completeYourProfile .RegistrationFlowContainer .RegistrationModuleContainer .MemberBenifitsContainer { display: none; } .completeYourProfileForm .completeYourProfile .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 { margin: 20px; } .completeYourProfileForm .completeYourProfile .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 h2 { display: none; } .completeYourProfileForm .completeYourProfile .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .IndustrySegment, .completeYourProfileForm .completeYourProfile .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .BusinessType, .completeYourProfileForm .completeYourProfile .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .BusinessType_Other { margin-top: 20px; } .completeYourProfileForm .completeYourProfile .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .IndustrySegment::after, .completeYourProfileForm .completeYourProfile .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .BusinessType::after { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1190px 0; } .completeYourProfileForm .completeYourProfile .RegistrationFlowContainer .RegistrationModuleContainer .smallContainer .loginView .loginViewForm { display: none; } .completeYourProfileForm .completeYourProfile .RegistrationFlowContainer .RegistrationModuleContainer #desktopRegistration { width: 100% !important; margin-top: -50px; } .completeYourProfileForm .completeYourProfile .completeYourProfileFooter { font-family: "Roboto", sans-serif; font-size: 10px; font-size: 0.625rem; color: #3b3b3b; line-height: 13px; line-height: 0.8125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.42px; margin: 20px; text-align: center; border-bottom: 2px solid #d8d8d8; padding-bottom: 40px; } .completeYourProfileForm .memberBenefitsSection { width: 100%; } .completeYourProfileForm .memberBenefitsSection h2 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 40px; text-align: center; } .completeYourProfileForm .memberBenefitsSection .rebates, .completeYourProfileForm .memberBenefitsSection .myFavorites, .completeYourProfileForm .memberBenefitsSection .exclusiveSamples { margin: 0 0 60px 0; } .completeYourProfileForm .memberBenefitsSection .rebates .title, .completeYourProfileForm .memberBenefitsSection .myFavorites .title, .completeYourProfileForm .memberBenefitsSection .exclusiveSamples .title { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: center; margin: 10px; font-weight: 700; } .completeYourProfileForm .memberBenefitsSection .rebates .icon, .completeYourProfileForm .memberBenefitsSection .myFavorites .icon, .completeYourProfileForm .memberBenefitsSection .exclusiveSamples .icon { width: 22px; height: 22px; margin: auto; } .completeYourProfileForm .memberBenefitsSection .rebates .description, .completeYourProfileForm .memberBenefitsSection .myFavorites .description, .completeYourProfileForm .memberBenefitsSection .exclusiveSamples .description { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: center; margin: 0 80px; } .completeYourProfileForm .memberBenefitsSection .rebates > .icon { background: url('/GMFS/Assets/Images/icon-cyp-rebates.svg'); width: 22px; height: 22px; margin: auto; } .completeYourProfileForm .memberBenefitsSection .myFavorites > .icon { background: url('/GMFS/Assets/Images/icon-cyp-favorites.svg'); width: 22px; height: 18px; margin: auto; } .completeYourProfileForm .memberBenefitsSection .exclusiveSamples > .icon { background: url('/GMFS/Assets/Images/icon-cyp-samples.svg'); margin: auto; } .completeYourProfileThankYou .richTextArea .title { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #00a839; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 20px; text-align: center; font-weight: 700; letter-spacing: 0.5px; } .completeYourProfileThankYou .richTextArea .description { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 0 20px; letter-spacing: 0.4px; text-align: center; } .completeYourProfileThankYou .pageLinkItems .contentListItems .collectionListItem { padding: 10px 0; } .completeYourProfileThankYou .pageLinkItems .contentListItems .li-description-wrapper .learnmore a { display: none; } .profitabilityCalculatorContainer { padding-left: 10px; padding-right: 10px; padding-top: 30px; } .profitabilityCalculatorContainer .header { font-family: "Roboto", sans-serif; font-size: 24px; font-size: 1.5rem; color: #3b3b3b; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .profitabilityCalculatorContainer .introduction { padding-top: 20px; padding-bottom: 20px; font-family: "Roboto", sans-serif; font-size: 24px; font-size: 1.5rem; color: #3b3b3b; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: lighter; } .profitabilityCalculatorContainer .subIntro { font-family: "Roboto", sans-serif; font-size: 20px; font-size: 1.25rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .profitabilityCalculatorContainer .subIntro sup { vertical-align: initial; } .profitabilityCalculatorContainer .subHeader { padding-bottom: 20px; width: 100%; } .profitabilityCalculatorContainer .subHeader .partNumber { background-color: #4b4b4b; font-size: 16px; border-radius: 50%; width: 30px; height: 30px; display: inline-block; text-align: center; } .profitabilityCalculatorContainer .subHeader .partNumber span { line-height: 30px; color: white; } .profitabilityCalculatorContainer .subHeader .partText { margin-left: 10px; display: inline-block; } .profitabilityCalculatorContainer .subHeader .partText span { font-family: "Roboto", sans-serif; font-size: 24px; font-size: 1.5rem; color: #808080; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 300; line-height: 30px; line-height: 1.875rem; } .profitabilityCalculatorContainer .recipeContainer { display: block; } .profitabilityCalculatorContainer .recipeContainer .recipeListContent { padding-top: 40px; padding-bottom: 0; box-sizing: border-box; flex: 0 0 62%; border-bottom: none; } .profitabilityCalculatorContainer .recipeContainer .recipeListContent ul { padding-left: 40px; } .profitabilityCalculatorContainer .recipeContainer .recipeListContent ul .selectedRecipe { color: #ce7014; } .profitabilityCalculatorContainer .recipeContainer .recipeListContent ul li { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #1472c9; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; cursor: pointer; } .profitabilityCalculatorContainer .recipeContainer .recipeListContent ul li b { font-weight: 400; } .profitabilityCalculatorContainer .recipeContainer .itemImage { border-bottom: 1px solid #d8d8d8; padding: 30px 0 30px 0; } .profitabilityCalculatorContainer .recipeContainer .itemImage img { max-height: 230px; max-width: 345px; height: 100%; width: 100%; display: block; margin: 0 auto; } .profitabilityCalculatorContainer .recipeContainer .itemImage .seeRecipe { text-align: right; font-family: roboto; font-size: 18pt; font-size: 1.125rem; color: #0054a6; line-height: 20pt; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; margin-top: 10px; padding-right: 10px; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer { display: block; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer { padding-top: 30px; box-sizing: border-box; flex: 0 0 none; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .profitPerServing, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .profitPerServing, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .monthlyForecast, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .monthlyForecast { padding-left: 0; padding-right: 5px; padding-bottom: 10px; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .subHeaderIntro, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .subHeaderIntro { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #000000; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; padding-bottom: 30px; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn { width: 100%; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem { display: flex; flex-wrap: wrap; padding-bottom: 20px; color: #000000; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .perServingBlue, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .perServingBlue, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .perServingBlue, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .perServingBlue { color: #003d78; font-weight: 600; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .perServingBlue span, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .perServingBlue span, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .perServingBlue span, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .perServingBlue span { color: #003d78; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItem, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItem, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItem, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItem { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #000000; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; box-sizing: border-box; flex: 0 0 78%; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItem #ingredientName, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItem #ingredientName, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItem #ingredientName, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItem #ingredientName { color: #000000; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber { flex: 0 0 20%; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber .cost, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber .cost, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber .cost, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber .cost { background-color: #f4f4f4; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber input, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber input, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber input, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber input { width: 40px; border: 1px solid #f4f4f4; padding-left: 2px; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .perServing, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .perServing, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .perServing, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .perServing { box-sizing: border-box; flex: 0 0 80%; font-family: "Roboto", sans-serif; font-size: 10px; font-size: 0.625rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem { display: flex; flex-wrap: wrap; padding-bottom: 30px; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemAverageDailyServingsSold, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemAverageDailyServingsSold, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemAverageDailyServingsSold, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemAverageDailyServingsSold { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; box-sizing: border-box; flex: 0 0 80%; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItem, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItem, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItem, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItem { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; box-sizing: border-box; flex: 0 0 75%; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberAverageDailyServingsSold, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberAverageDailyServingsSold, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberAverageDailyServingsSold, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberAverageDailyServingsSold { flex: 0 0 20%; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberAverageDailyServingsSold input, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberAverageDailyServingsSold input, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberAverageDailyServingsSold input, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberAverageDailyServingsSold input, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberAverageDailyServingsSold span, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberAverageDailyServingsSold span, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberAverageDailyServingsSold span, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberAverageDailyServingsSold span { font-weight: 600; width: 40px; color: #000000; border: 1px solid #3b3b3b; padding-left: 2px; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumber, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumber, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumber, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumber { flex: 0 0 20%; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumber input, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumber input, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumber input, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumber input, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumber span, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumber span, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumber span, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumber span { width: 40px; color: #000000; padding-left: 2px; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .perServing, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .perServing, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .perServing, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .perServing { box-sizing: border-box; flex: 0 0 80%; font-family: "Roboto", sans-serif; font-size: 10px; font-size: 0.625rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .footerNote { font-family: "Roboto Condensed", sans-serif; font-weight: 400; color: black; margin: 0 auto; font-size: 15px; font-weight: 400; } .k12profitabilityCalculatorContainer { border-radius: 16px; border: 1px solid #d8d8d8; margin: 20px 15px; box-shadow: 0px 0px 12px 0px #00000040; } .k12profitabilityCalculatorContainer .validationMessage { color: #e32726; font-size: 16px; } .k12profitabilityCalculatorContainer .alert-error { display: none; } .k12profitabilityCalculatorContainer .k12CalculatorHeader { background: #0054a6; border-radius: 16px 16px 0px 0px; padding: 32px; } .k12profitabilityCalculatorContainer .k12CalculatorHeader .title { font-family: "Roboto Slab", serif; font-size: 32px; font-size: 2rem; color: #ffffff; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; text-align: center; padding: 0px 30px; } .k12profitabilityCalculatorContainer .k12CalculatorHeader .description { padding-top: 18px; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; text-align: center; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .subHeader, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .subHeader, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .subHeader { padding-bottom: 16px; margin: 0px; width: 100%; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .subHeader .partNumber, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .subHeader .partNumber, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .subHeader .partNumber { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #0054a6; line-height: 30px; line-height: 1.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background-color: #0054a6; border-radius: 50%; width: 30px; height: 30px; display: inline-block; text-align: center; font-weight: 600; letter-spacing: 0.01em; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .subHeader .partNumber span, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .subHeader .partNumber span, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .subHeader .partNumber span { line-height: 30px; color: white; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .subHeader .partText, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .subHeader .partText, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .subHeader .partText { display: inline-block; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .subHeader .partText span, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .subHeader .partText span, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .subHeader .partText span { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #000000; line-height: 26px; line-height: 1.625rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; text-align: left; } .k12profitabilityCalculatorContainer .recipeContainer { display: block; } .k12profitabilityCalculatorContainer .recipeContainer .itemImage { display: block; margin-left: auto; margin-right: auto; } .k12profitabilityCalculatorContainer .recipeContainer .itemImage img { max-height: 220px; max-width: 345px; height: 100%; width: 100%; display: block; margin: 0 auto; border-radius: 8px; } .k12profitabilityCalculatorContainer .recipeContainer .linkToProduct { margin: auto; padding-top: 25px; } .k12profitabilityCalculatorContainer .k12CalculatorDetails { display: block; padding: 32px; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer { box-sizing: border-box; flex: 0 0 none; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .productSelection, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .productSelection, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .productSelection, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .ProfitPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .ProfitPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .ProfitPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .monthlyForecast, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .monthlyForecast, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .monthlyForecast { padding-left: 0; padding-right: 5px; padding-bottom: 20px; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .subHeaderIntro, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .subHeaderIntro, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .subHeaderIntro { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #000000; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; padding-bottom: 24px; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn { width: 100%; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .productSelectionItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .productSelectionItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .productSelectionItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .productSelectionItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .productSelectionItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .productSelectionItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .productSelectionItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .productSelectionItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .productSelectionItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .profitPerServingItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .profitPerServingItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .profitPerServingItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .profitPerServingItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem { display: flex; flex-wrap: wrap; padding-bottom: 12px; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItem { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; letter-spacing: 0.02em; box-sizing: border-box; width: 100%; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemNumber, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemNumber, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemNumber, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemNumber, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemNumber, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemNumber, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemNumber, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemNumber, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemNumber, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemNumber, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemNumber, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemNumber, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber { width: 100%; padding-top: 8px; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemNumber .dropdownData, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemNumber .dropdownData, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemNumber .dropdownData, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemNumber .dropdownData, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemNumber .dropdownData, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemNumber .dropdownData, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemNumber .dropdownData, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemNumber .dropdownData, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemNumber .dropdownData, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemNumber .dropdownData, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemNumber .dropdownData, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemNumber .dropdownData, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber .dropdownData, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber .dropdownData, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber .dropdownData, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber .dropdownData, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber .dropdownData, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber .dropdownData { width: 100%; border: 1px solid #939598; height: 50px; border-radius: 4px; background-color: #ffffff; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemNumber .dropdownProduct, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemNumber .dropdownProduct, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemNumber .dropdownProduct, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemNumber .dropdownProduct, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemNumber .dropdownProduct, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemNumber .dropdownProduct, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemNumber .dropdownProduct, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemNumber .dropdownProduct, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemNumber .dropdownProduct, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemNumber .dropdownProduct, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemNumber .dropdownProduct, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemNumber .dropdownProduct, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber .dropdownProduct, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber .dropdownProduct, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber .dropdownProduct, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber .dropdownProduct, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber .dropdownProduct, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber .dropdownProduct { background-color: #d8d8d8; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemNumber .dropdownColor, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemNumber .dropdownColor, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemNumber .dropdownColor, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemNumber .dropdownColor, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemNumber .dropdownColor, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemNumber .dropdownColor, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemNumber .dropdownColor, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemNumber .dropdownColor, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemNumber .dropdownColor, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemNumber .dropdownColor, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemNumber .dropdownColor, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemNumber .dropdownColor, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber .dropdownColor, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber .dropdownColor, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber .dropdownColor, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber .dropdownColor, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber .dropdownColor, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber .dropdownColor { background-color: #ffffff; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemNumber input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemNumber input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemNumber input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemNumber input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemNumber input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemNumber input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemNumber input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemNumber input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemNumber input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemNumber input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemNumber input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemNumber input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber input { width: 100%; border: 1px solid #939598; padding-left: 2px; height: 50px; border-radius: 4px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemRequired, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemRequired, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemRequired, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemRequired, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemRequired, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemRequired, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemRequired, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemRequired, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemRequired, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemRequired, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemRequired, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemRequired, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemRequired, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemRequired, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemRequired, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemRequired, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemRequired, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemRequired { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #000000; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; text-align: left; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemDisclaimer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemDisclaimer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .productSelectionItem .subItemDisclaimer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemDisclaimer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemDisclaimer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .productSelectionItem .subItemDisclaimer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemDisclaimer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemDisclaimer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .productSelectionItem .subItemDisclaimer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemDisclaimer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemDisclaimer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .profitPerServingItem .subItemDisclaimer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemDisclaimer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemDisclaimer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemDisclaimer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemDisclaimer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemDisclaimer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemDisclaimer { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #000000; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; text-align: left; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .paddingPerColumn, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .paddingPerColumn, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .paddingPerColumn, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .paddingPerColumn, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .paddingPerColumn, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .paddingPerColumn, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .paddingPerColumn, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .paddingPerColumn, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .paddingPerColumn { padding-bottom: 24px; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .monthlyForecastItemAvgDailyCost, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .monthlyForecastItemAvgDailyCost, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .monthlyForecastItemAvgDailyCost, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .monthlyForecastItemAvgDailyCost, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItemAvgDailyCost, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItemAvgDailyCost, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItemAvgDailyCost, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItemAvgDailyCost, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItemAvgDailyCost { display: flex; flex-wrap: wrap; padding-bottom: 32px; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .monthlyForecastItemAvgDailyCost .subItemAverageDailyServingsSold, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .monthlyForecastItemAvgDailyCost .subItemAverageDailyServingsSold, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .monthlyForecastItemAvgDailyCost .subItemAverageDailyServingsSold, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .monthlyForecastItemAvgDailyCost .subItemAverageDailyServingsSold, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItemAvgDailyCost .subItemAverageDailyServingsSold, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItemAvgDailyCost .subItemAverageDailyServingsSold, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItemAvgDailyCost .subItemAverageDailyServingsSold, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItemAvgDailyCost .subItemAverageDailyServingsSold, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItemAvgDailyCost .subItemAverageDailyServingsSold { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; box-sizing: border-box; width: 100%; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .monthlyForecastItemAvgDailyCost .subItemNumberAverageDailyServingsSold, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .monthlyForecastItemAvgDailyCost .subItemNumberAverageDailyServingsSold, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .monthlyForecastItemAvgDailyCost .subItemNumberAverageDailyServingsSold, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .monthlyForecastItemAvgDailyCost .subItemNumberAverageDailyServingsSold, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItemAvgDailyCost .subItemNumberAverageDailyServingsSold, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItemAvgDailyCost .subItemNumberAverageDailyServingsSold, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItemAvgDailyCost .subItemNumberAverageDailyServingsSold, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItemAvgDailyCost .subItemNumberAverageDailyServingsSold, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItemAvgDailyCost .subItemNumberAverageDailyServingsSold { padding-top: 5px; width: 100%; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .monthlyForecastItemAvgDailyCost .subItemNumberAverageDailyServingsSold input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .monthlyForecastItemAvgDailyCost .subItemNumberAverageDailyServingsSold input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .monthlyForecastItemAvgDailyCost .subItemNumberAverageDailyServingsSold input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .monthlyForecastItemAvgDailyCost .subItemNumberAverageDailyServingsSold input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItemAvgDailyCost .subItemNumberAverageDailyServingsSold input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItemAvgDailyCost .subItemNumberAverageDailyServingsSold input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItemAvgDailyCost .subItemNumberAverageDailyServingsSold input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItemAvgDailyCost .subItemNumberAverageDailyServingsSold input, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItemAvgDailyCost .subItemNumberAverageDailyServingsSold input { width: 100%; border: 1px solid #939598; padding-left: 2px; height: 50px; border-radius: 4px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .monthlyForecastItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .monthlyForecastItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .monthlyForecastItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem { display: flex; flex-wrap: wrap; padding-bottom: 45px; border-radius: 8px; border: 1px solid #d8d8d8; box-shadow: 0px 0px 8px 0px #0003; border-bottom: 4px solid #0054a6; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemEstimatedProfit, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemEstimatedProfit, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemEstimatedProfit, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemEstimatedProfit, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemEstimatedProfit, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemEstimatedProfit, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemEstimatedProfit, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemEstimatedProfit, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemEstimatedProfit { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #000000; line-height: 26px; line-height: 1.625rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; width: 100%; text-align: center; padding: 32px; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedValue { display: flex; width: 100%; padding-bottom: 30px; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemHorizentalLine, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemHorizentalLine, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemHorizentalLine, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemHorizentalLine, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemHorizentalLine, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemHorizentalLine, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemHorizentalLine, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemHorizentalLine, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemHorizentalLine { border: 1px solid #d9d9d9; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue { width: 49%; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue .subItemNumberEstimatedProfitPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue .subItemNumberEstimatedProfitPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue .subItemNumberEstimatedProfitPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue .subItemNumberEstimatedProfitPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue .subItemNumberEstimatedProfitPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue .subItemNumberEstimatedProfitPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue .subItemNumberEstimatedProfitPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue .subItemNumberEstimatedProfitPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue .subItemNumberEstimatedProfitPerServing { font-family: "Roboto", sans-serif; font-size: 20px; font-size: 1.25rem; color: #0655a3; line-height: 26px; line-height: 1.625rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; margin: auto; text-align: center; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue .subItemPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue .subItemPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue .subItemPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue .subItemPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue .subItemPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue .subItemPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue .subItemPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue .subItemPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedValue .monthlyForecastItemValue .subItemPerServing { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #1f1f1f; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; letter-spacing: 0.02em; text-align: center; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit { width: 100%; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue { padding-bottom: 10px; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perNumberValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perNumberValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perNumberValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perNumberValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perNumberValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perNumberValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perNumberValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perNumberValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perNumberValue { padding-bottom: 5px; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0655a3; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; width: 49%; display: inline-block; text-align: right; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perServingday, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perServingday, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perServingday, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perServingday, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perServingday, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perServingday, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perServingday, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perServingday, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perServingday { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #1f1f1f; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; letter-spacing: 0.02em; width: 49%; display: inline-block; padding-left: 10px; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .calculateButtondiv, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .calculateButtondiv, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .calculateButtondiv, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .calculateButtondiv, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .calculateButtondiv, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .calculateButtondiv, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .calculateButtondiv, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .calculateButtondiv, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .calculateButtondiv { padding-top: 35px; margin: auto; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .calculateButtondiv #calculateButton, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .calculateButtondiv #calculateButton, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .productSelectionColumn .monthlyForecastItem .calculateButtondiv #calculateButton, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .calculateButtondiv #calculateButton, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .calculateButtondiv #calculateButton, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .profitPerServingColumn .monthlyForecastItem .calculateButtondiv #calculateButton, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .calculateButtondiv #calculateButton, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .calculateButtondiv #calculateButton, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .calculateButtondiv #calculateButton { width: 203px; text-align: center; height: 40px; border-radius: 4px; color: white; background-color: #0054a6; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; border: 1px #0054a6; cursor: pointer; } /*Need to be fixed for new design*/ .culinaryBlog .contentContainer { padding: 0 20px; } .culinaryBlog #main { width: 100%; } .culinaryBlog #right { display: none; } .culinaryBlog .actionToolbar.actionToolbarHorizontal { display: none; } .culinaryBlog .titleSEOText h1 { font-family: "Roboto", sans-serif; font-size: 24px; font-size: 1.5rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; margin-bottom: 0; } .culinaryBlog .richTextArea { font-family: "Roboto", sans-serif; font-size: 20px; font-size: 1.25rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .culinaryBlog .richTextArea p { margin-bottom: 1em; } .culinaryBlog .richTextArea a { color: #0A56A4; } .culinaryBlog .contributorName a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #808080; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 100; color: #0A56A4; text-decoration: none; } .culinaryBlog .published { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #808080; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 100; margin-bottom: 10px; } .culinaryBlog .contentList.GMFSGalleryView .gallery-header, .culinaryBlog .contentList.GMFSListView .gallery-header { font-family: "Roboto", sans-serif; font-weight: 300; color: #053e72; padding: 5px 0 20px 0; font-size: 28px; margin: 0; } .culinaryBlog .contentList.GMFSGalleryView .gallery-header h3, .culinaryBlog .contentList.GMFSListView .gallery-header h3 { padding: 0; color: #053e72; font-size: 32px; line-height: 1.2em; font-weight: 300; margin: 0; } .culinaryBlog .contentList.GMFSGalleryView .contentListItems ul, .culinaryBlog .contentList.GMFSListView .contentListItems ul { display: flex; flex-wrap: wrap; } .culinaryBlog .contentList.GMFSGalleryView .contentListItems ul li.mainListItem, .culinaryBlog .contentList.GMFSListView .contentListItems ul li.mainListItem { float: none; clear: none; width: 50%; padding: 0 30px 20px 0; box-sizing: border-box; display: inline-block; vertical-align: top; margin-right: -5px; /* margin: 0; */ color: #177fc6; font-size: 12px; } .culinaryBlog .contentList.GMFSGalleryView .contentListItems ul li.mainListItem .li-text, .culinaryBlog .contentList.GMFSListView .contentListItems ul li.mainListItem .li-text { padding: 10px 0 0; } .culinaryBlog .contentList.GMFSGalleryView .contentListItems ul li.mainListItem .li-text a, .culinaryBlog .contentList.GMFSListView .contentListItems ul li.mainListItem .li-text a { font-family: "Roboto", sans-serif; font-size: 20px; font-size: 1.25rem; color: #4b4b4b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 4px 0 0; white-space: normal; word-wrap: break-word; text-decoration: none; } .culinaryBlog .contentList.GMFSGalleryView .contentListItems ul li.mainListItem .li-text a:hover, .culinaryBlog .contentList.GMFSListView .contentListItems ul li.mainListItem .li-text a:hover { color: #ce7014; } .culinaryBlog .contentList.GMFSGalleryView .contentListItems ul li.mainListItem .li-img img, .culinaryBlog .contentList.GMFSListView .contentListItems ul li.mainListItem .li-img img { width: 100%; } .culinaryBlog .contentList.GMFSGalleryView .contentListItems ul li.mainListItem .gig-rating-star.gig-rating-star-full, .culinaryBlog .contentList.GMFSListView .contentListItems ul li.mainListItem .gig-rating-star.gig-rating-star-full, .culinaryBlog .contentList.GMFSGalleryView .contentListItems ul li.mainListItem .gig-rating-star.gig-rating-star-half, .culinaryBlog .contentList.GMFSListView .contentListItems ul li.mainListItem .gig-rating-star.gig-rating-star-half { background-image: url(/GMFS/Assets/Images/three-star-sprite-gmcf-small.png); background-repeat: no-repeat; background-position: 0 0; padding: 0; margin: 0 1px 0 0; background-size: 44px 14px; width: 15px; height: 15px; } .pillsburyDiscountRegistration { margin: -20px; } .pillsburyDiscountRegistration .header { text-align: center; } .pillsburyDiscountRegistration .header img { width: 100%; } .pillsburyDiscountRegistration .header .title { font-family: "Roboto Slab", serif; font-size: 22px; font-size: 1.375rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding: 20px 20px 0; } .pillsburyDiscountRegistration .header .subHeader { padding: 10px 20px; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .pillsburyDiscountRegistration .main { padding: 0 20px 20px; } .pillsburyDiscountRegistration .main .pillsburyRegistrationContainer { border-bottom: 2px solid #757575; } .pillsburyDiscountRegistration .main .pillsburyRegistrationContainer .RegistrationFlowContainer .RegistrationModuleContainer .MemberBenifitsContainer { display: none; } .pillsburyDiscountRegistration .main .pillsburyRegistrationContainer .RegistrationFlowContainer .RegistrationModuleContainer .smallContainer { margin: 0; } .pillsburyDiscountRegistration .main .pillsburyRegistrationContainer .RegistrationFlowContainer .RegistrationModuleContainer .smallContainer .loginView { display: none; } .pillsburyDiscountRegistration .main .pillsburyRegistrationContainer .RegistrationFlowContainer .RegistrationModuleContainer .smallContainer #desktopRegistration { display: block !important; } .pillsburyDiscountRegistration .main .pillsburyRegistrationContainer .RegistrationFlowContainer .RegistrationModuleContainer .smallContainer #desktopRegistration .BusinessType { display: none!important; } .pillsburyDiscountRegistration .main .memberBenefitsSection { width: 100%; text-align: center; padding: 0 0 20px; } .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea h2 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; margin: 20px 0 0; } .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .rebates, .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .myFavorites, .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .exclusiveSamples { margin-top: 40px; } .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .rebates .title, .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .myFavorites .title, .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .exclusiveSamples .title { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 10px; font-weight: 700; } .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .rebates .icon, .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .myFavorites .icon, .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .exclusiveSamples .icon { width: 22px; height: 22px; margin: auto; } .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .rebates .description, .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .myFavorites .description, .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .exclusiveSamples .description { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; margin: 0 auto; width: 60%; } .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .rebates > .icon { background: url('/GMFS/Assets/Images/icon-cyp-rebates.svg'); width: 22px; height: 22px; margin: auto; } .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .myFavorites > .icon { background: url('/GMFS/Assets/Images/icon-cyp-favorites.svg'); width: 22px; height: 18px; margin: auto; } .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .exclusiveSamples > .icon { background: url('/GMFS/Assets/Images/icon-cyp-samples.svg'); margin: auto; } .pillsburyDiscountRegistration .main .promotionsButton { text-align: center; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; display: block; padding: 15px 30px; background-color: #0074c1; margin: 10px auto 0; border: none; border-radius: 3px; } .pillsburyDiscountRegistration .footer { padding: 0 20px 30px; text-align: center; line-height: 8px; } .pillsburyDiscountRegistration .footer .newMemberFooterText { font-family: "Roboto", sans-serif; font-size: 10px; font-size: 0.625rem; color: #666666; line-height: 12px; line-height: 0.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .thankYouContent .header { text-align: center; } .thankYouContent .header img { width: 100%; } .thankYouContent .header .title { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #00a839; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; padding: 20px 20px 0; } .thankYouContent .header .subHeader { padding: 10px 20px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .thankYouContent .main { padding: 30px 20px; } .thankYouContent .main .promoCode { padding: 30px; background-color: #f7f7f7; border: 2px solid #757575; width: 100%; text-align: center; border-radius: 3px; } .thankYouContent .main .promoCode .codeTitle { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.54px; display: block; } .thankYouContent .main .promoCode .codeValue { font-family: "Roboto", sans-serif; font-size: 20px; font-size: 1.25rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.63px; display: block; } .thankYouContent .main .redeemButton { text-align: center; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; display: block; padding: 15px 10px; background-color: #0074c1; margin-top: 10px; border: none; border-radius: 3px; } .thankYouContent .footer { padding: 0 20px 30px; text-align: center; line-height: 8px; } .thankYouContent .footer label { font-family: "Roboto", sans-serif; font-size: 10px; font-size: 0.625rem; color: #666666; line-height: 12px; line-height: 0.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .webinar .contentContainer { max-width: 100vw; } .webinar .contentContainer .webinarCeuDescriptionImage { display: block; width: 330%; height: 60px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1076px -100px; margin-right: 20px; } .webinar .contentContainer .blurHeaderContainer { position: relative; background-color: #00828a; } .webinar .contentContainer .blurHeaderContainer .blurHeaderImage, .webinar .contentContainer .blurHeaderContainer .blurHeaderVideo { height: 240px; background-size: cover; background-attachment: fixed; opacity: 0.5; filter: blur(10px); overflow: hidden; background-position: 50% 50%; } .webinar .contentContainer .blurHeaderContainer .blurHeaderVideo { height: 240px; } .webinar .contentContainer div.titleForImage, .webinar .contentContainer div.titleForVideo { text-align: center; position: relative; top: -240px; padding: 0 20px; } .webinar .contentContainer div.titleForImage .download, .webinar .contentContainer div.titleForVideo .download { display: block; } .webinar .contentContainer div.titleForImage .download .downloadPresentation, .webinar .contentContainer div.titleForVideo .download .downloadPresentation { width: 185px; border-radius: 3px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #00828a; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; margin: 15px auto 0; padding: 10px; display: inline-block; background-color: #ffffff; } .webinar .contentContainer div.titleForImage br, .webinar .contentContainer div.titleForVideo br { display: none; } .webinar .contentContainer div.titleForImage .prod-menu .menu-items li, .webinar .contentContainer div.titleForVideo .prod-menu .menu-items li { color: #ffffff !important; } .webinar .contentContainer div.titleForImage .prod-menu .menu-items li a:link, .webinar .contentContainer div.titleForVideo .prod-menu .menu-items li a:link, .webinar .contentContainer div.titleForImage .prod-menu .menu-items li a:visited, .webinar .contentContainer div.titleForVideo .prod-menu .menu-items li a:visited { color: #ffffff; } .webinar .contentContainer div.titleForImage span, .webinar .contentContainer div.titleForVideo span { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #ffffff; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; } .webinar .contentContainer div.titleForVideo { top: -240px; } .webinar .contentContainer #startFromPrevious { cursor: pointer; width: 200px; border-radius: 3px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; margin: 20px auto 0; padding: 10px; background-color: #0054a6; } .webinar .contentContainer .mainCenterImage, .webinar .contentContainer .mainCenterVideo, .webinar .contentContainer .mainCenterVideoHidden { position: relative; margin: -225px 20px 0; background-size: cover; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); min-height: 190px; } .webinar .contentContainer .mainCenterImage .webinarx, .webinar .contentContainer .mainCenterVideo .webinarx, .webinar .contentContainer .mainCenterVideoHidden .webinarx { text-align: center; } .webinar .contentContainer .mainCenterImage .webinarx .transparent, .webinar .contentContainer .mainCenterVideo .webinarx .transparent, .webinar .contentContainer .mainCenterVideoHidden .webinarx .transparent { position: absolute; opacity: 0.86; } .webinar .contentContainer .mainCenterImage .webinarx .webinarComplete, .webinar .contentContainer .mainCenterVideo .webinarx .webinarComplete, .webinar .contentContainer .mainCenterVideoHidden .webinarx .webinarComplete { text-align: center; display: grid; background: #ffffff; padding: 30px 0 0 0; } .webinar .contentContainer .mainCenterImage .webinarx .webinarComplete .webinarCeuDescriptionImage, .webinar .contentContainer .mainCenterVideo .webinarx .webinarComplete .webinarCeuDescriptionImage, .webinar .contentContainer .mainCenterVideoHidden .webinarx .webinarComplete .webinarCeuDescriptionImage { width: 23%; } .webinar .contentContainer .mainCenterImage .webinarx .webinarComplete .centerAlign, .webinar .contentContainer .mainCenterVideo .webinarx .webinarComplete .centerAlign, .webinar .contentContainer .mainCenterVideoHidden .webinarx .webinarComplete .centerAlign { margin: 0px auto 20px; } .webinar .contentContainer .mainCenterImage .webinarx .webinarComplete h3, .webinar .contentContainer .mainCenterVideo .webinarx .webinarComplete h3, .webinar .contentContainer .mainCenterVideoHidden .webinarx .webinarComplete h3 { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #0054a6; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; text-align: center; } .webinar .contentContainer .mainCenterImage .webinarx .webinarComplete .downloadPDFBlue, .webinar .contentContainer .mainCenterVideo .webinarx .webinarComplete .downloadPDFBlue, .webinar .contentContainer .mainCenterVideoHidden .webinarx .webinarComplete .downloadPDFBlue { width: 185px; border-radius: 3px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; margin: 15px auto 0; padding: 10px; display: inline-block; background-color: #0074c1; } .webinar .contentContainer .mainCenterImage .webinarx .webinarComplete .CompletionMessage, .webinar .contentContainer .mainCenterVideo .webinarx .webinarComplete .CompletionMessage, .webinar .contentContainer .mainCenterVideoHidden .webinarx .webinarComplete .CompletionMessage { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .webinar .contentContainer .mainCenterImage .reWatchlink, .webinar .contentContainer .mainCenterVideo .reWatchlink, .webinar .contentContainer .mainCenterVideoHidden .reWatchlink { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #00828a; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; letter-spacing: 0.5px; margin: 20px; text-align: center; cursor: pointer; } .webinar .contentContainer .mainCenterImage .reWatchlink:hover, .webinar .contentContainer .mainCenterVideo .reWatchlink:hover, .webinar .contentContainer .mainCenterVideoHidden .reWatchlink:hover { text-decoration: underline; } .webinar .contentContainer .mainCenterImage .resumeVideo, .webinar .contentContainer .mainCenterVideo .resumeVideo, .webinar .contentContainer .mainCenterVideoHidden .resumeVideo { text-align: center; display: grid; background: #ffffff; padding: 30px 0; opacity: 0.9; position: relative; } .webinar .contentContainer .mainCenterImage .youTube-Video-Name, .webinar .contentContainer .mainCenterVideo .youTube-Video-Name, .webinar .contentContainer .mainCenterVideoHidden .youTube-Video-Name, .webinar .contentContainer .mainCenterImage .youTube-Video-Description, .webinar .contentContainer .mainCenterVideo .youTube-Video-Description, .webinar .contentContainer .mainCenterVideoHidden .youTube-Video-Description { display: none; } .webinar .contentContainer .mainCenterImage .loginNowCircle, .webinar .contentContainer .mainCenterVideo .loginNowCircle, .webinar .contentContainer .mainCenterVideoHidden .loginNowCircle, .webinar .contentContainer .mainCenterImage .registrationCircle, .webinar .contentContainer .mainCenterVideo .registrationCircle, .webinar .contentContainer .mainCenterVideoHidden .registrationCircle, .webinar .contentContainer .mainCenterImage .registrationCompleteCircle, .webinar .contentContainer .mainCenterVideo .registrationCompleteCircle, .webinar .contentContainer .mainCenterVideoHidden .registrationCompleteCircle { background-color: #00a839; border-radius: 50%; width: 96px; height: 96px; text-align: center; position: fixed; padding-top: 30px; bottom: 10px; right: 10px; z-index: 1; } .webinar .contentContainer .mainCenterImage .loginNowCircle span, .webinar .contentContainer .mainCenterVideo .loginNowCircle span, .webinar .contentContainer .mainCenterVideoHidden .loginNowCircle span, .webinar .contentContainer .mainCenterImage .registrationCircle span, .webinar .contentContainer .mainCenterVideo .registrationCircle span, .webinar .contentContainer .mainCenterVideoHidden .registrationCircle span, .webinar .contentContainer .mainCenterImage .registrationCompleteCircle span, .webinar .contentContainer .mainCenterVideo .registrationCompleteCircle span, .webinar .contentContainer .mainCenterVideoHidden .registrationCompleteCircle span { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 12px; line-height: 0.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; } .webinar .contentContainer .mainCenterImage .loginNowCircle span.registrationButtonText:after, .webinar .contentContainer .mainCenterVideo .loginNowCircle span.registrationButtonText:after, .webinar .contentContainer .mainCenterVideoHidden .loginNowCircle span.registrationButtonText:after, .webinar .contentContainer .mainCenterImage .registrationCircle span.registrationButtonText:after, .webinar .contentContainer .mainCenterVideo .registrationCircle span.registrationButtonText:after, .webinar .contentContainer .mainCenterVideoHidden .registrationCircle span.registrationButtonText:after, .webinar .contentContainer .mainCenterImage .registrationCompleteCircle span.registrationButtonText:after, .webinar .contentContainer .mainCenterVideo .registrationCompleteCircle span.registrationButtonText:after, .webinar .contentContainer .mainCenterVideoHidden .registrationCompleteCircle span.registrationButtonText:after { content: '↓'; font-weight: 700; font-size: 1.25rem; line-height: 2rem; display: block; } .webinar .contentContainer .mainCenterImage .loginNowCircle span.completeRegistrationButtonText:before, .webinar .contentContainer .mainCenterVideo .loginNowCircle span.completeRegistrationButtonText:before, .webinar .contentContainer .mainCenterVideoHidden .loginNowCircle span.completeRegistrationButtonText:before, .webinar .contentContainer .mainCenterImage .registrationCircle span.completeRegistrationButtonText:before, .webinar .contentContainer .mainCenterVideo .registrationCircle span.completeRegistrationButtonText:before, .webinar .contentContainer .mainCenterVideoHidden .registrationCircle span.completeRegistrationButtonText:before, .webinar .contentContainer .mainCenterImage .registrationCompleteCircle span.completeRegistrationButtonText:before, .webinar .contentContainer .mainCenterVideo .registrationCompleteCircle span.completeRegistrationButtonText:before, .webinar .contentContainer .mainCenterVideoHidden .registrationCompleteCircle span.completeRegistrationButtonText:before { content: '✓'; font-weight: 700; font-size: 20px; line-height: 32px; display: block; } .webinar .contentContainer .mainCenterImage .loginNowCircle span.loginNowButtonText, .webinar .contentContainer .mainCenterVideo .loginNowCircle span.loginNowButtonText, .webinar .contentContainer .mainCenterVideoHidden .loginNowCircle span.loginNowButtonText { width: 60px; display: inline-block; margin-top: 10px; } .webinar .contentContainer .mainCenterVideo { margin: -210px 20px 0; } .webinar .contentContainer .hideContent { display: none !important; } .webinar .contentContainer .wayinFormContainer { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; max-width: 1024px; margin: 0 auto; } .webinar .contentContainer .wayinFormContainer .wayinFormTitle { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; display: block; margin-top: 30px; } .webinar .contentContainer .webinarDetails { margin: 0 auto; max-width: 1024px; width: 100%; padding: 0 20px; } .webinar .contentContainer .webinarDetails span { display: block; } .webinar .contentContainer .webinarDetails .webinarDetailsHeader { padding: 40px 0; } .webinar .contentContainer .webinarDetails .webinarDescription { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .webinar .contentContainer .webinarDetails .headerText { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .webinar .contentContainer .webinarDetails .webinarCeuDetails .webinarCeuDescription { display: flex; margin: 20px 0 0; } .webinar .contentContainer .webinarDetails .webinarCeuDetails .webinarCeuDescription .webinarDescription, .webinar .contentContainer .webinarDetails .webinarCeuDetails .webinarCeuDescription .webinarDescription.ceu { display: inline-block; } .webinar .contentContainer .webinarDetails .webinarCeuDetails .webinarCeuDescription .webinarDescription a, .webinar .contentContainer .webinarDetails .webinarCeuDetails .webinarCeuDescription .webinarDescription.ceu a { font-weight: 800; color: #0074c1; } .webinar .contentContainer .webinarDetails .webinarFeature { padding: 40px 0; } .webinar .contentContainer .webinarDetails .webinarFeature .headerText { margin-bottom: 25px; } .webinar .contentContainer .webinarDetails .webinarFeatureDetails { display: flex; padding: 10px 0; } .webinar .contentContainer .webinarDetails .webinarFeatureDetails .speakerImage { padding-right: 20px; } .webinar .contentContainer .webinarDetails .webinarFeatureDetails .speakerImage img { border-radius: 50%; max-height: 80px; max-width: 80px; } .webinar .contentContainer .webinarDetails .webinarFeatureDetails .speakerImage .speakerNoImage { width: 80px; height: 80px; background-image: url('~/Media/Images/Webinar/img-webinar-speaker-default.ashx'); } .webinar .contentContainer .webinarDetails .webinarFeatureDetails .speakerDetail { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding-top: 5px; } .webinar .contentContainer .webinarDetails .webinarFeatureDetails .speakerDetail .name { font-weight: 700; } .webinar .contentContainer .webinarDetails .webinarFeatureDetails .speakerDetail .profession { font-style: italic; } .webinar .contentContainer .selectedTab { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; box-sizing: border-box; border: 2px solid #0054a6; border-radius: 3px; background-color: #ffffff; font-weight: 700; letter-spacing: 0.5px; width: 90%; display: block; padding: 10px; margin: 0 auto; position: relative; } .webinar .contentContainer .selectedTab:after { content: ' '; float: right; display: block; padding: 0 10px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -780px -101px; height: 15px; position: absolute; right: 30px; margin: -14px; } .webinar .contentContainer .tabs { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; box-sizing: border-box; border: 2px solid #0054a6; border-radius: 3px; background-color: #ffffff; font-weight: 700; letter-spacing: 0.5px; width: 90%; display: block; border-top: 0; margin: 0 auto; } .webinar .contentContainer .tabs li { padding: 10px; } .webinar .contentContainer .tabs li.activeTab { background-color: #63b0e0; } .webinar .contentContainer .contentList.GMFSGalleryView { max-width: 100vw; margin: 0 auto 30px; } .webinar .contentContainer .contentList.GMFSGalleryView ul.list-item-grid { display: flex; flex-wrap: wrap; } .webinar .contentContainer .contentList.GMFSGalleryView ul.list-item-grid li.mainListItem { width: 50%; padding: 10px; } .webinar .contentContainer .contentList.GMFSGalleryView ul.list-item-grid li.mainListItem div.li-img { width: 100%; } .webinar .contentContainer .contentList.GMFSGalleryView ul.list-item-grid li.mainListItem div.li-img img { width: 100%; } .webinar .contentContainer .contentList.GMFSGalleryView ul.list-item-grid li.mainListItem .li-text { text-align: center; } .webinar .contentContainer .contentList.GMFSGalleryView ul.list-item-grid li.mainListItem .li-text a { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; } .webinar .contentContainer .contentList.GMFSGalleryView ul.list-item-grid li.mainListItem .properties.ProductNumber, .webinar .contentContainer .contentList.GMFSGalleryView ul.list-item-grid li.mainListItem .buyNowRetailerWrapper { display: none; } .webinar .contentContainer .contentList.GMFSGalleryView .contentListMoreButton { border-radius: 4px; background-color: #0074c1; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; padding: 10px; margin: 0 auto; display: block; width: 80%; } .webinar .contentContainer .contentList.allRebates { max-width: 1024px; margin: 0 auto 30px; } .webinar .contentContainer .contentList.allRebates .contentListItems { padding-bottom: 30px; } .webinar .contentContainer .contentList.allRebates ul.list-item-grid { display: flex; flex-wrap: wrap; } .webinar .contentContainer .contentList.allRebates ul.list-item-grid li.rebateList { width: 100%; height: 450px; margin: 10px; border: 1px solid #cccccc; position: relative; } .webinar .contentContainer .contentList.allRebates ul.list-item-grid li.rebateList div.li-img { width: 100%; } .webinar .contentContainer .contentList.allRebates ul.list-item-grid li.rebateList div.li-img img { width: 100%; } .webinar .contentContainer .contentList.allRebates ul.list-item-grid li.rebateList .descriptionContainer { padding: 15px; } .webinar .contentContainer .contentList.allRebates ul.list-item-grid li.rebateList .descriptionContainer a { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: bold; letter-spacing: 0.44px; } .webinar .contentContainer .contentList.allRebates ul.list-item-grid li.rebateList .descriptionContainer p.description { margin: 10px 0 10px 0; font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #00a839; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .webinar .contentContainer .contentList.allRebates ul.list-item-grid li.rebateList .descriptionContainer .li-secondary-description { letter-spacing: 0.5px; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .webinar .contentContainer .contentList.allRebates ul.list-item-grid li.rebateList .descriptionContainer a.details { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-transform: uppercase; position: absolute; bottom: 20px; } .webinar .contentContainer .contentList.allRebates ul.list-item-grid li.rebateList .properties.ProductNumber, .webinar .contentContainer .contentList.allRebates ul.list-item-grid li.rebateList .buyNowRetailerWrapper { display: none; } .webinar .contentContainer .contentList.allRebates .contentListMoreButton { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-radius: 4px; background-color: #0074c1; font-weight: 700; letter-spacing: 0.5px; text-align: center; padding: 10px; margin: 0 auto; display: block; width: 80%; } .webinar .contentContainer .allRebates .list-item-horizontal { padding: 20px 0 0; } .webinar .contentContainer .showTab { display: block; } .webinar .contentContainer .hideTab { display: none; } .webinar .contentContainer .backgroundWhite { background-color: #ffffff; } .webinar .contentContainer .backgroundGray { background-color: #f7f7f7; } .webinar .contentContainer .video-js { width: 100%; height: 190px; } .webinar .tab2, .webinar .tab3, .webinar .tab4 { display: none; } .notFound404 .mainContainer .siteContainer .contentContainer { padding-bottom: 0; width: 100%; } .notFound404 .mainContainer .siteContainer .contentContainer #notFound { position: relative; margin: 0 auto; min-height: 407px; } .notFound404 .mainContainer .siteContainer .contentContainer #notFound img { max-width: 100%; height: 640px; } .notFound404 .mainContainer .siteContainer .contentContainer #notFound #imageLarge { display: none; } .notFound404 .mainContainer .siteContainer .contentContainer #notFound #imageSmall { display: inline-block; } .notFound404 .mainContainer .siteContainer .contentContainer #notFound #textWrapper { position: absolute; top: 0; left: 0; right: 0; float: left; text-align: center; } .notFound404 .mainContainer .siteContainer .contentContainer #notFound #textWrapper #header { margin-top: 35px; font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .notFound404 .mainContainer .siteContainer .contentContainer #notFound #textWrapper #headerText { padding: 10px 0 10px 0; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 75%; margin: auto; } .notFound404 .mainContainer .siteContainer .contentContainer #notFound .buyNowLink { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 10px 20px; text-decoration: none; border-radius: 3px; background-color: #00828a; font-weight: 700; letter-spacing: 0.5px; display: inline-block; margin-top: 10px; } .sitemap_wrapper { padding: 20px; } .sitemap_wrapper h2 { font-family: "Roboto", sans-serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.95px; } .sitemap_wrapper .introtext { border-top: 1px solid #cccccc; } .sitemap_wrapper .sitemap_bottom { padding: 20px 0; } .sitemap_wrapper .sitemap_bottom h4 { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.5px; } .sitemap_wrapper .sitemap_bottom h4 a { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.5px; } .sitemap_wrapper .sitemap_bottom ul li { padding: 5px 0; } .sitemap_wrapper .sitemap_bottom ul li a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; letter-spacing: 0.5px; } .shopNow { background-color: #ffffff; } .shopNow .prod-menu { margin: 30px 0 5px 20px; } .shopNow .productCategoryWrapper .productCategory { padding: 0; } .shopNow .productCategoryWrapper .productCategory .description { display: none; } .shopNow .productCategoryWrapper .productCategory .title { padding: 0; margin-left: 20px; } .shopNow .productCategoryWrapper .productCategory .title .subCategories { visibility: hidden; } .shopNow .productCategoryWrapper .productCategory .title .subCategories:after { display: none; } .shopNow .productCategoryWrapper .productCategory .title:after { display: none; } .shopNow .productCategoryWrapper .separator { display: none; } .shopNow .contentContainer { max-width: 1100px; } .shopNow .sortFiltering { display: flex; margin: 20px; } .shopNow .sortFiltering .openFiltering { width: 50%; } .shopNow .sortFiltering .openFiltering .filterBy { border-radius: 3px; border: 1px solid #757575; background-color: #ffffff; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; padding: 10px; width: 90%; } .shopNow .sortFiltering .shopNowMobileSortingViewResult { width: 50%; text-align: right; } .shopNow .sortFiltering .shopNowMobileSortingViewResult .shopNowMobileSortingMenuSearchMenu .shopNowMobileSortAnchor { border: 1px solid #757575; padding: 10px; background-color: #ffffff; border-radius: 3px; width: 90%; } .shopNow .sortFiltering .shopNowMobileSortingViewResult .shopNowMobileSortingMenuSearchMenu .shopNowMobileSortAnchor span { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .shopNow .sortFiltering .shopNowMobileSortingViewResult .shopNowMobileSortingMenuSearchMenu ul { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; background-color: #ffffff; margin: 5px 0 0 15px; position: absolute; z-index: 1; } .shopNow .sortFiltering .shopNowMobileSortingViewResult .shopNowMobileSortingMenuSearchMenu ul li { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; letter-spacing: 0.5px; padding: 20px 40px 20px 20px; text-align: left; } .shopNow .sortingViewResult { display: none; } .shopNow .infuser-error { display: none; } .shopNow .facetsPlaceHolder { width: 100% !important; display: none; padding: 0; } .shopNow .facetsPlaceHolder .clearFacetsSelection { display: none !important; } .shopNow .facetsPlaceHolder .contentListDropdown { position: fixed; z-index: 1020; width: 90%; height: 100%; right: 0; bottom: 0; top: 0; background-color: #ffffff !important; overflow: scroll; border-radius: 0 8px 0 0; } .shopNow .facetsPlaceHolder .contentListDropdown .filterHeader { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; margin: 20px 25px; } .shopNow .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer { border: none !important; } .shopNow .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer button { border: none; border-top: 1px solid #757575; padding: 20px; background-color: #ffffff; width: 100%; } .shopNow .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer button .groupName { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; float: left; margin-left: 10px; } .shopNow .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer button .filterCount { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; float: right; letter-spacing: 0.5px; } .shopNow .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer button .filterHide:after { width: 15px; height: 15px; content: ' '; float: right; padding: 0px 10px 0 16px; margin-top: 3px; background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -250px -30px; } .shopNow .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer button .filterShow:after { width: 15px; height: 15px; content: ' '; float: right; padding: 0px 10px 0 16px; margin-top: 3px; background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -173px -28px; } .shopNow .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .facetSelector { display: inline-block; position: relative; } .shopNow .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .facetSelector input[type="checkbox"] { visibility: hidden; } .shopNow .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .facetSelector input[type="checkbox"]:checked + label, .shopNow .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .facetSelector input[type="checkbox"]:hover + label { background-color: #0074c1; border-color: #0074c1; opacity: 1; } .shopNow .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .facetSelector label { width: 20px; height: 20px; border: 2px solid #3b3b3b; opacity: 0.6; background-color: #ffffff; border-radius: 50%; cursor: pointer; left: 0; position: absolute; top: 0; } .shopNow .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .facetSelector label:after { width: 11px; height: 7px; border: 1.5px solid #ffffff; border-top: none; border-right: none; content: ""; left: 3px; opacity: 1; position: absolute; top: 3px; transform: rotate(-45deg); } .shopNow .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .facetsDropdown { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; background-color: #ffffff; z-index: 1; min-width: 300px; margin-top: 5px; } .shopNow .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .facetsDropdown ul { padding-bottom: 10px; } .shopNow .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .facetsDropdown ul li { padding: 10px 30px; } .shopNow .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .facetsDropdown ul li .contentListFacet { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .shopNow .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .facetsDropdown ul li .contentListFacet .contentListFacetName { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; letter-spacing: 0.5px; margin-left: 10px; white-space: nowrap; } .shopNow .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .facetsDropdown ul li .contentListFacetCount { display: inline; } .shopNow .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .clearFilterSection { display: none; } .shopNow .facetsPlaceHolder .filterDone { border-top: 1px solid #757575; display: flex; text-align: center; width: 90%; position: fixed; bottom: 0; z-index: 1021; background-color: #ffffff; justify-content: center; } .shopNow .facetsPlaceHolder .filterDone button { margin: 20px 0; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; padding: 12px 50px; background-color: #0074c1; border: none; border-radius: 3px; display: block; } .shopNow .facetsPlaceHolder .filterDone a { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; margin: 20px 20px; display: block; align-self: center; } .shopNow .shopNowProductCategoryFacetContainer ul { display: flex; overflow-x: scroll; } .shopNow .shopNowProductCategoryFacetContainer li { width: 100%; padding: 20px 10px; text-align: center; } .shopNow .shopNowProductCategoryFacetContainer li .li-img { padding: 10px; height: 60px; } .shopNow .shopNowProductCategoryFacetContainer li .li-img img { width: auto; height: 100%; } .shopNow .shopNowProductCategoryFacetContainer li input[type="checkbox"] { display: none; } .shopNow .shopNowProductCategoryFacetContainer li .li-title { display: block; min-width: max-content; font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; word-wrap: normal; } .shopNow .shopNowProductCategoryFacetContainer li .li-title:focus { outline: none; } .shopNow .shopNowProductCategoryFacetContainer li .li-title.selectedCategory { color: #fa6400; border-bottom: 2px solid #fa6400; padding-bottom: 5px; } .shopNow .shopNowProductCategoryFacetContainer li:hover .li-title { color: #fa6400; border-bottom: 2px solid #fa6400; padding-bottom: 5px; } .shopNow .shopNowFilterFacetsPlaceHolder { position: absolute; z-index: 1005; padding: 0; } .shopNow .shopNowFilterFacetsPlaceHolder .ui-dialog-titlebar-close { display: none; } .shopNow .toggleFilter, .shopNow .closeFacetsContainer { display: none; } .shopNow .selectedFacetsContainer { display: inline-block; padding-left: 20px; white-space: nowrap; overflow: scroll; max-width: 350px; } .shopNow .selectedFacetsContainer .selectedFacet { background-color: #0074c1; display: inline-block; padding: 10px 20px; border-radius: 30px; margin: 0 10px 10px 0; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; position: relative; } .shopNow .selectedFacetsContainer .selectedFacet .facetName { padding-right: 30px; } .shopNow .selectedFacetsContainer .selectedFacet .close { width: 9px; height: 9px; padding-left: 20px; position: absolute; right: 17px; top: 13px; } .shopNow .selectedFacetsContainer .selectedFacet .close:before, .shopNow .selectedFacetsContainer .selectedFacet .close:after { width: 1.5px; height: 12px; position: absolute; left: 15px; content: ' '; background-color: #ffffff; } .shopNow .selectedFacetsContainer .selectedFacet .close:before { transform: rotate(45deg); } .shopNow .selectedFacetsContainer .selectedFacet .close:after { transform: rotate(-45deg); } .shopNow .selectedFacetsContainer .clearFilterLink { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; display: inline-block; margin-top: 10px; cursor: pointer; } .shopNow .selectedFacetsContainer::-webkit-scrollbar, .shopNow .waysToShopFilter::-webkit-scrollbar { display: none; } .shopNow .shopNowSortFiltering { padding: 0; border-top: 1px solid #757575; border-bottom: 1px solid #757575; background-color: #ffffff; } .shopNow .shopNowSortFiltering .productCountDesktop { display: none; } .shopNow .shopNowSortFiltering .waysToShop { display: flex; margin-left: 20px; white-space: nowrap; overflow: scroll; } .shopNow .shopNowSortFiltering .waysToShop .waysToShopTitle { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; white-space: nowrap; align-self: center; padding-right: 10px; } .shopNow .shopNowSortFiltering .waysToShop .waysToShopFilter ul { display: flex; flex-wrap: nowrap; } .shopNow .shopNowSortFiltering .waysToShop .waysToShopFilter ul li { width: 100%; padding: 20px 10px; margin: 0; } .shopNow .shopNowSortFiltering .waysToShop .waysToShopFilter ul li.disabled { pointer-events: none; opacity: 0.8; } .shopNow .shopNowSortFiltering .waysToShop .waysToShopFilter ul li.disabled label { color: #757575; } .shopNow .shopNowSortFiltering .waysToShop .waysToShopFilter ul li .facetSelector { display: inline-block; position: relative; padding: 1px 0; } .shopNow .shopNowSortFiltering .waysToShop .waysToShopFilter ul li .facetSelector input[type="checkbox"] { visibility: hidden; } .shopNow .shopNowSortFiltering .waysToShop .waysToShopFilter ul li .facetSelector input[type="checkbox"]:checked + label, .shopNow .shopNowSortFiltering .waysToShop .waysToShopFilter ul li .facetSelector input[type="checkbox"]:hover + label { background-color: #0074c1; border-color: #0074c1; opacity: 1; } .shopNow .shopNowSortFiltering .waysToShop .waysToShopFilter ul li .facetSelector label { width: 20px; height: 20px; border: 2px solid #3b3b3b; opacity: 0.6; background-color: #ffffff; border-radius: 50%; cursor: pointer; left: 0; position: absolute; top: 0; } .shopNow .shopNowSortFiltering .waysToShop .waysToShopFilter ul li .facetSelector label:after { width: 11px; height: 7px; border: 1.5px solid #ffffff; border-top: none; border-right: none; content: ""; left: 2px; opacity: 1; position: absolute; top: 3px; transform: rotate(-45deg); } .shopNow .shopNowSortFiltering .waysToShop .waysToShopFilter ul li .contentListFacet { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; display: inline-block; padding-left: 5px; } .shopNow .shopNowSortFiltering .waysToShop .waysToShopFilter ul li .contentListFacet .contentListFacetName { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.5px; white-space: nowrap; vertical-align: text-bottom; } .shopNow .shopNowSortFiltering .shopNowSortingViewResult { display: none; } .shopNow .productCountMobile { display: block; width: 100%; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; margin: 20px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li { width: 100%; padding: 20px; display: block; vertical-align: top; background-color: #ffffff; margin: 20px 0; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner { height: inherit; position: relative; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .publishedDate { display: none; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .productInfo:hover .li-text a { text-decoration: underline; color: #0054a6; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer { min-width: 100%; width: auto; padding: 16px 16px 34px 30px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .buyNowCloseButton { background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -61px -31px; width: 16px; height: 16px; top: 16px; right: 16px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .buyNowTitle { text-align: left; padding: 15px 0 0 0; width: 100%; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer ul { display: block; width: 100%; margin: 0; white-space: normal; min-height: 150px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer ul li { width: 130px; padding: 10px 0; margin: 0 10px 0px 0px; display: inline-block; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer ul li .retailerImage { position: relative; width: 130px; height: 45px; border: 1px solid #757575; border-radius: 3px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer ul li .retailerImage img { padding: 20px; position: absolute; top: 0; bottom: 0; margin: auto; right: 0; left: 0; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer ul li .retailerImage:hover { border: 1px solid #0054a6; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorList { width: 100%; height: 100%; padding: 0; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorList .findDistributorPositionContainer { position: relative; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorList .findDistributor { position: relative; margin-top: 55px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorList .findDistributor:before { content: ""; background-color: #757575; position: absolute; height: 1px; width: calc(114%); margin-left: -26px; top: -30px; left: 0; display: block; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorTemplateWrapper .findDistributorLabel { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 20px; text-align: center; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorTemplateWrapper .action { width: 100%; height: auto; margin: 0; padding-top: 0; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorTemplateWrapper .action .findDistrubutorInputGroup { display: inline-block; position: relative; white-space: normal; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorTemplateWrapper .action .inputWrapper { background-color: #f7f7f7; padding: 30px; text-align: center; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorTemplateWrapper input.findDistributorInput { border: 1px solid #757575; border-radius: 0 3px 3px 0; background-color: #ffffff; font-size: 16px; font-size: 1rem; padding-left: 35px; width: 160px; height: 40px; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorTemplateWrapper input.findDistributorInput:focus { border: none; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorTemplateWrapper .findDistributorIcon { content: ' '; background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -36px -30px; width: 17px; height: 17px; display: inline-block; position: absolute; left: 10px; top: 11px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorTemplateWrapper #findDistributorButton { display: inline-block; background-color: #ffffff; font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 13px 10px; text-decoration: none; border: 1px solid #757575; border-radius: 0 3px 3px 0; background-color: #ffffff; height: 40px; position: absolute; right: 0; top: 0; letter-spacing: 1px; text-align: center; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorTemplateWrapper #findDistributorButton:hover { background-color: #0054a6; color: #ffffff; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorTemplateWrapper input[type=text]::-ms-clear { display: none; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorTemplateWrapper .alert-error { display: none; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorTemplateWrapper .validationMessage { display: block; font-size: 12px; margin: 10px 0; position: absolute; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowLink { font-family: "Roboto Condensed", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0054a6; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; border: none; text-align: center; width: 100%; background-color: #f7f7f7; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowLink:before { content: ' '; background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat 5px -30px; width: 17px; height: 15px; display: block; position: absolute; top: 7px; left: -155px; right: 0; margin: auto; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowLink:after { display: none; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowLink.buyNowLinkClicked, .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowLink:hover { background-color: #0054a6; color: #ffffff; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowLink.buyNowLinkClicked:before, .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowLink:hover:before { background-position-x: -16px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-text { padding-top: 0; height: auto; max-width: 40%; display: inline-block; vertical-align: top; margin: 0 0 15px 20px; text-align: left; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-text a { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .productNumber { display: block; height: 14px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #757575; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; content: attr(data-content); margin-top: 5px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-img { width: 45%; height: auto; display: inline-block; position: relative; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-img .newItem, .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-img .bestSeller, .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-img .coolSchoolTag, .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-img .k12RegReadyTag { background-color: #db3700; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-radius: 4px; letter-spacing: 0.5px; padding: 0 5px; font-weight: 600; position: absolute; bottom: 6px; display: block; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-img .bestSeller { background-color: #00828a; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-img .coolSchoolTag { background-color: #0054a6; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-img .k12RegReadyTag { background-color: #058938; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-img .hasNewItem { left: 45px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-img img { border: 1px solid #e6e7e8; width: 100%; height: 150px; object-fit: contain; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-img .myFavorite div span { content: ' '; background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -194px -25px; width: 30px; height: 30px; display: inline-block; position: absolute; top: 0; background-color: #ffffff; opacity: 0.7; right: 0px; border-radius: 15px; color: #757575; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-img .myFavorite .favoriteSearchResult { background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -224px -25px; background-color: #ffffff; opacity: 1; } .shopNow .GMFSShopNowProductGalleryView .contentListMoreButton { display: block; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.65px; text-align: center; background-color: #0074c1; padding: 10px 15px; margin: 20px; border: 0; border-radius: 3px; } .shopNow .cnfShopifyProduct { margin: auto; margin-top: 10px; } .shopNow .noSearchResults { background-color: #f7f7f7; text-align: center; margin: 20px; padding: 35px; } .shopNow .noSearchResults .title { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; letter-spacing: 0.5px; padding: 0 10px 10px; } .shopNow .noSearchResults .message { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .shopNow #backToTopBtn { display: none; border: none; outline: none; cursor: pointer; padding: 15px; border-radius: 50%; width: 80px; height: 80px; background-color: #0074c1; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; letter-spacing: 0.5px; text-align: center; position: fixed; bottom: 20px; right: 30px; z-index: 99; } .shopNow #backToTopBtn:hover { background-color: #00a839; } .magazineSection .magazineBackground { width: 300px; height: 300px; margin: 0 60px 0 0; } .magazineSection .magazineBackground img { width: 100%; height: 100%; } .magazineSection #magazine { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .magazineSection #magazine .b-wrap-right { background: #ffffff; } .magazineSection #magazine img { width: 100%; } .magazineContentSection .magazineHeader { font-family: "Poppins", sans-serif; font-size: 22px; font-size: 1.375rem; color: #002f6d; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; width: 80%; } .magazineContentSection .magazineDescription { font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #323c3f; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .magazineContentSection .downloadMagazine { width: 110px; height: 40px; margin: 20px 0; background-color: #0074c1; display: table; } .magazineContentSection .downloadMagazine a { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.46px; display: table-cell; text-align: center; vertical-align: middle; } .helpCenterPage .contentContainer { max-width: 100%; } .helpCenterPage .container { display: flex; flex-direction: column; } .helpCenterPage .helpCenterSections { padding: 10px; background-color: #f7f7f7; } .helpCenterPage .prod-menu { margin: 10px 0 10px 20px; } .helpCenterPage .pageTitle { margin-left: 20px; } .helpCenterPage .section { order: -1; margin: 20px 5px 10px 5px; background-color: #ffffff; } .helpCenterPage .section .sectionHeader { display: flex; padding: 20px; border-bottom: 1px; border-style: solid; border-color: #d8d8d8; } .helpCenterPage .section .sectionIcon { margin: 5px 15px 0 0; display: flex; align-items: center; } .helpCenterPage .section .sectionIcon img { width: 40px; } .helpCenterPage .section .sectionIconRight { display: flex; align-items: center; } .helpCenterPage .section .sectionTitle { padding: 5px 0; font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; letter-spacing: 0.63px; } .helpCenterPage .section .sectionDescription { display: none; padding: 5px 0; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .helpCenterPage .section .sectionBody { padding: 20px 25px; } .helpCenterPage .section .sectionBody .contentTitle { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; letter-spacing: 0.5px; padding: 8px 0; outline: none; margin: 0; } .helpCenterPage .section .sectionBody .contentBody { overflow: visible; margin: 15px 0; border-left: 2px solid #d8d8d8; padding: 0 0 0 28px; } .helpCenterPage .section .sectionBody .contentBody .contentDescription { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; margin-bottom: 15px; } .helpCenterPage .section .sectionBody .contentBody .redirectButton { display: inline-block; padding: 10px 20px; border-radius: 4px; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background-color: #0074c1; font-weight: 600; letter-spacing: 0.57px; text-align: center; } .helpCenterPage .section .sectionBody .contentBody .redirectButton:hover { background-color: #0054a6; } .helpCenterPage .section.right { order: 0; text-align: center; } .helpCenterPage .section.right .sectionHeader { display: block; } .helpCenterPage .section.right .sectionBody .sectionHeader { display: block; margin-bottom: 28px; padding: 0; border: 0; } .helpCenterPage .section.right .sectionBody .sectionHeader .sectionDescription { display: block; } .helpCenterPage .section.right .sectionBody .sectionHeader .sectionIcon { display: block; margin: 0; } .helpCenterPage .section.right .sectionBody .sectionHeader .sectionIconRight { display: inline-block; } .helpCenterPage .ui-state-default { background: none; border: 0; } .helpCenterPage .ui-state-active, .helpCenterPage .ui-widget-content, .helpCenterPage .ui-state-active:focus { border: 0; outline: none; } .helpCenterPage .ui-accordion .ui-accordion-header .ui-accordion-header-icon { display: none; } .helpCenterPage .arrow { border: solid #0054a6; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin: 0px 0 1px 10px; } .helpCenterPage .ui-state-active .arrow { transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-bottom: 3px; } .contactaSalesRepForm { /* When the radio button is checked, add a blue background */ } .contactaSalesRepForm .thanksYouContainer { position: static; } .contactaSalesRepForm .contentContainer { padding: 20px; } .contactaSalesRepForm h3 { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #3b3b3b; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; padding: 0 0 10px; } .contactaSalesRepForm .clearSearchText { width: 10px; position: absolute; cursor: pointer; display: inline-block; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -269px -100px; width: 16px; height: 16px; right: 10px; } .contactaSalesRepForm .searchHintsContainer { position: absolute; background-color: #ffffff; z-index: 1; border: 2px solid #757575; margin: 0 -1px; width: 100%; box-shadow: 0 10px 4px 0 #6e8090; } .contactaSalesRepForm .searchHintsContainer ul { max-height: 200px; overflow-y: scroll; } .contactaSalesRepForm .searchHintsContainer ul li { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 10px; border-bottom: 2px solid #757575; } .contactaSalesRepForm .searchHintsContainer .footer { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #505153; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 0 auto; text-align: center; padding: 20px; border-top: 1px solid #757575; } .contactaSalesRepForm .searchHintsContainer .footer a { color: #0054a6; margin: 0 auto; font-weight: 700; } .contactaSalesRepForm .searchHintsContainer .footer a:hover { text-decoration: underline; cursor: pointer; } .contactaSalesRepForm .customeroption { margin: 10px 0 20px; display: flex; flex-wrap: wrap; } .contactaSalesRepForm .customeroption div { width: 100%; } .contactaSalesRepForm .customeroption radio { margin: 0 3px 0 0; } .contactaSalesRepForm .customeroption .alert-error { width: 100%; } .contactaSalesRepForm .customeroption .customeroptionText { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #4c4d4f; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; padding-left: 25px; } .contactaSalesRepForm .step4 { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; } .contactaSalesRepForm .step4 h3 { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #00a838; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .contactaSalesRepForm .step4 h4 { font-weight: 700; } .contactaSalesRepForm .businessInfoContainer { text-align: center; } .contactaSalesRepForm .step1, .contactaSalesRepForm .step2, .contactaSalesRepForm .step3, .contactaSalesRepForm .step4 { margin: 0 auto; } .contactaSalesRepForm .centerButton { text-align: center; display: flex; justify-content: center; margin: 0 auto 75px; } .contactaSalesRepForm .step2 .centerButton { text-align: center; width: 70%; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; } .contactaSalesRepForm .step2 .centerButton a.button { order: 0; margin: 0 auto 20px; width: 70%; } .contactaSalesRepForm .step2 .centerButton a.updateInfo { order: 1; } .contactaSalesRepForm .addressLocation { display: flex; justify-content: space-between; flex-wrap: wrap; } .contactaSalesRepForm .addressLocation .formFieldContainer { width: 100%; } .contactaSalesRepForm .addressLocation .formFieldContainer.state, .contactaSalesRepForm .addressLocation .formFieldContainer.zipcode { width: 49%; } .contactaSalesRepForm .contactName, .contactaSalesRepForm .contactJob, .contactaSalesRepForm .twoColumnContainer { display: flex; justify-content: space-between; flex-wrap: wrap; } .contactaSalesRepForm .contactName .formFieldContainer, .contactaSalesRepForm .contactJob .formFieldContainer, .contactaSalesRepForm .twoColumnContainer .formFieldContainer { width: 100%; } .contactaSalesRepForm .select select::-ms-expand { display: none; } .contactaSalesRepForm .businessInfoDetail { border: 1px solid #000000; padding: 20px; font-size: 14px; margin-bottom: 40px; text-align: left; } .contactaSalesRepForm .businessInfoDetail .businessName { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; display: block; } .contactaSalesRepForm .businessInfoDetail .businessFullAddress, .contactaSalesRepForm .businessInfoDetail .businessPhone { display: block; } .contactaSalesRepForm .businessInfoDetail .otherBusinessInfoDetail { display: flex; flex-wrap: wrap; padding: 20px 0 0; } .contactaSalesRepForm .businessInfoDetail .otherBusinessInfoDetail .label { font-weight: 700; } .contactaSalesRepForm .businessInfoDetail .otherBusinessInfoDetail div { flex-grow: 1; width: 100%; padding: 0 0 20px; } .contactaSalesRepForm .businessInfoDetail .otherBusinessInfoDetail span { display: block; } .contactaSalesRepForm .businessInfo { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; } .contactaSalesRepForm .businessInfo h3 { font-weight: 700; letter-spacing: 0.5px; text-align: center; margin-bottom: -10px; } .contactaSalesRepForm .progessCantainer { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 60%; margin: 0 auto 30px; } .contactaSalesRepForm .progessCantainer .circle { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #ffffff; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 40px; height: 40px; display: flex; border-radius: 50%; justify-content: center; align-items: center; margin: 0 auto; font-weight: 700; background-color: #757575; } .contactaSalesRepForm .progessCantainer .circle.active { background-color: #0054a6; color: #ffffff; } .contactaSalesRepForm .progessCantainer .circle.complete { border: 2px solid #00a838; background-color: #ffffff; color: #00a838; } .contactaSalesRepForm .progessCantainer .bar { height: 1px; flex-grow: 1; background-color: #757575; border: 1px solid #757575; display: flex; font-size: 15px; justify-content: center; align-items: center; margin: 0 auto; flex-wrap: wrap; } .contactaSalesRepForm .formFieldContainer { position: relative; padding: 18px 0 0; border: 1px solid #000000; border-radius: 3px; margin-bottom: 28px; } .contactaSalesRepForm .formFieldContainer .formField { border: 0; outline: 0; margin: 5px 5px 5px 12px; width: 90%; font-size: 14px; } .contactaSalesRepForm .formFieldContainer .formLabelText { display: block; position: absolute; top: 3px; margin-left: 7px; background-color: #ffffff; transition: 0.2s; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #4c4d4f; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .contactaSalesRepForm .formFieldContainer .alert-error { position: absolute; padding-top: 5px; } .contactaSalesRepForm .businessNameAddSearchHintsContainer { border: 1px solid #757575; border-radius: 3px; margin-top: -30px; width: 100%; } .contactaSalesRepForm .businessNameAddSearchHintsContainer .suggestionLabel { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #4c4d4f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; margin: 10px 0 0 10px; } .contactaSalesRepForm .businessNameAddSearchHintsContainer ul { max-height: 200px; overflow-y: scroll; } .contactaSalesRepForm .businessNameAddSearchHintsContainer ul li { padding: 5px 10px; border-bottom: none; } .contactaSalesRepForm .businessNameAddSearchHintsContainer ul li span { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #505153; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .contactaSalesRepForm .businessNameAddSearchHintsContainer ul li span .customerOperator { color: #0054a6; margin-right: 2px; font-weight: 700; display: inline; } .contactaSalesRepForm .businessNameAddSearchHintsContainer ul li span .customerAddress { display: inline; } .contactaSalesRepForm .businessNameAddSearchHintsContainer .footer { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #505153; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 0 auto; text-align: center; padding: 20px; border-top: 1px solid #757575; } .contactaSalesRepForm .businessNameAddSearchHintsContainer .footer a { color: #0054a6; margin: 0 auto; font-weight: 700; } .contactaSalesRepForm .businessNameAddSearchHintsContainer .footer a:hover { text-decoration: underline; cursor: pointer; } .contactaSalesRepForm .formFieldContainer.select:after { content: " "; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1190px 1px; padding: 10px; position: absolute; right: 10px; bottom: 0; z-index: 1; color: #4c4d4f; pointer-events: none; width: 20px; } .contactaSalesRepForm .formFieldContainer.select select.formField { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 5px 5px 5px 0; padding: 0 0 0 12px; width: 100%; background-color: #ffffff; } .contactaSalesRepForm .alert-error { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; display: block; } .contactaSalesRepForm .formField:not(:placeholder-shown) ~ .formLabelText, .contactaSalesRepForm .formField:valid ~ .formLabelText { top: -8px; padding: 0 5px; margin-left: 10px; } .contactaSalesRepForm .formField:placeholder-shown ~ .formLabelText, .contactaSalesRepForm .formField:invalid ~ .formLabelText { top: 3px; } .contactaSalesRepForm .formField:focus ~ .formLabelText { top: -8px; padding: 0 5px; margin-left: 10px; } .contactaSalesRepForm a.button { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; border-radius: 3px; background-color: #0074c1; padding: 10px 20px; cursor: pointer; } .contactaSalesRepForm a.updateInfo { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; border-radius: 3px; background-color: #ffffff; padding: 10px 20px; cursor: pointer; border: 1px solid #0074c1; } .contactaSalesRepForm h1 { margin-bottom: 10px; color: #fa6400; } .contactaSalesRepForm h2 { margin-bottom: 30px; } .contactaSalesRepForm label.radio { display: flex; width: 50%; position: relative; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0 0 5px; } .contactaSalesRepForm label.radio input { position: absolute; opacity: 0; cursor: pointer; } .contactaSalesRepForm label.radio .checkmark { position: absolute; top: 0; left: 0; width: 20px; height: 20px; background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -120px -30px; border-radius: 50%; } .contactaSalesRepForm label.radio input:checked ~ .checkmark { background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -150px -30px; } .contactaSalesRepForm #yourMessage { resize: none; width: 96%; } .productdetail #FrequentlyPurchasedTogetherBox { background: #0054a6; margin: 30px 0; } .productdetail #FrequentlyPurchasedTogetherBox .contentList { overflow: auto; } .productdetail #FrequentlyPurchasedTogetherBox .gallery-header { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; margin: 20px; } .productdetail #FrequentlyPurchasedTogetherBox .contentListItems { overflow-x: auto; display: flex; } .productdetail #FrequentlyPurchasedTogetherBox ul { display: inline-block; white-space: nowrap; margin: 0 15px 40px; display: flex; } .productdetail #FrequentlyPurchasedTogetherBox ul li.mainListItem { width: 155px; height: auto; min-height: 200px; float: none; display: inline-block; vertical-align: top; margin: 0 5px; background-color: #ffffff; } .productdetail #FrequentlyPurchasedTogetherBox ul li.mainListItem .badge { margin-top: 5px; text-align: center; display: grid; } .productdetail #FrequentlyPurchasedTogetherBox ul li.mainListItem .badge .newItem, .productdetail #FrequentlyPurchasedTogetherBox ul li.mainListItem .badge .bestSeller, .productdetail #FrequentlyPurchasedTogetherBox ul li.mainListItem .badge .coolSchoolTag, .productdetail #FrequentlyPurchasedTogetherBox ul li.mainListItem .badge .k12RegReadyTag { background-color: #db3700; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-radius: 4px; letter-spacing: 0.5px; font-weight: 600; padding: 0 5px; margin: 5px 2px 0 2px; white-space: nowrap; } .productdetail #FrequentlyPurchasedTogetherBox ul li.mainListItem .badge .bestSeller { background-color: #00828a; } .productdetail #FrequentlyPurchasedTogetherBox ul li.mainListItem .badge .coolSchoolTag { background-color: #0054a6; visibility: visible; } .productdetail #FrequentlyPurchasedTogetherBox ul li.mainListItem .badge .k12RegReadyTag { background-color: #058938; visibility: visible; } .productdetail #FrequentlyPurchasedTogetherBox ul li.mainListItem p { font-family: "Roboto Slab", serif; font-size: 12px; font-size: 0.75rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; letter-spacing: 0.5px; text-align: center; padding: 10px; background-color: #ffffff; margin: 0 auto; -webkit-align-items: center; -ms-align-items: center; align-items: center; white-space: normal; height: 80px; } .productdetail #FrequentlyPurchasedTogetherBox ul li.mainListItem p:hover { color: #0074c1; text-decoration: underline; } .productdetail #FrequentlyPurchasedTogetherBox ul li.mainListItem p sup { font-size: 6px; font-size: 0.375rem; } .productdetail #FrequentlyPurchasedTogetherBox .li-img img { width: 100%; height: 87px; object-fit: cover; background-color: #e8e8e8; vertical-align: middle; border-bottom: 1px solid #e8e8e8; } .Distributor #FrequentlyPurchasedTogetherBox { margin: 0px; } .Distributor #FrequentlyPurchasedTogetherBox ul li .mainListItem .badge { width: 300px; height: 200px; } .Distributor #FrequentlyPurchasedTogetherBox .GMFSRelatedContentView .container .gallery-header { font-size: 26px; } .Distributor #FrequentlyPurchasedTogetherBox .GMFSRelatedContentView .container .contentListItems ul li { width: 300px; height: 200px; } .Distributor #FrequentlyPurchasedTogetherBox .GMFSRelatedContentView .container .contentListItems ul li .CollectionGalleryView a .li-img img { height: 120px; } .Distributor #FrequentlyPurchasedTogetherBox .GMFSRelatedContentView .container .contentListItems ul li .CollectionGalleryView a .badge { padding: 5px 10px; text-align: left; margin-top: 0px; } .Distributor #FrequentlyPurchasedTogetherBox .GMFSRelatedContentView .container .contentListItems ul li p { height: 0px; text-align: left; } .productdetail .prodSpecification a, .productdetail .relatedResourcesCard .GMFSGalleryView .li-text a { display: flex; align-items: center; color: #0054a6; font-weight: 600; margin-top: 10px; } .productdetail .prodSpecification a:hover, .productdetail .relatedResourcesCard .GMFSGalleryView .li-text a:hover { color: #0074c1; text-decoration: underline; } .productdetail .prodSpecification a:before, .productdetail .relatedResourcesCard .GMFSGalleryView .li-text a:before { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -214px -1px; display: inline-block; margin-right: 10px; height: 46px; min-width: 45px; } .productdetail .productDesc { padding: 12px 0 24px 0; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .productdetail ul.productSpecificationAttributes { list-style-type: none; } .productdetail ul.productSpecificationAttributes li { font-size: 12px; padding: 1px 0; } .productdetail ul.productSpecificationAttributes label { font-weight: 600; text-align: left; display: inline-block; width: 50%; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .productdetail ul.productSpecificationAttributes span { font-weight: 400; text-align: left; display: inline-block; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .productdetail .prodSpecification { margin: 10px 0; } .productdetail .NoImage .li-img { display: none; } .productdetail #pdpTab { display: none; } .productdetail .productSampleImage img { width: 100%; height: auto; } .productdetail #accordion, .productdetail #accordionK12 { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .productdetail #accordion .accordionHeader, .productdetail #accordionK12 .accordionHeader { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.47px; border-color: #939598; border-style: solid; border-width: 1px 0; border-radius: 0px; background: #ffffff; padding: 12px; margin: -1px 0 0 0; outline: none; font-weight: 700; display: flex; justify-content: space-between; align-items: center; } .productdetail #accordion .accordionHeader.loading, .productdetail #accordionK12 .accordionHeader.loading { padding: 10px; margin: 10px; background: #f6f6f6; background: linear-gradient(to right, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%); color: transparent; } .productdetail #accordion .accordionHeader.loading::after, .productdetail #accordionK12 .accordionHeader.loading::after { opacity: 0; } .productdetail #accordion .accordionHeader:focus, .productdetail #accordionK12 .accordionHeader:focus { outline: none; } .productdetail #accordion .accordionHeader::after, .productdetail #accordionK12 .accordionHeader::after { content: ""; display: inline-block; width: 24px; height: 24px; background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat 0 0; /* plus icon */ background-repeat: no-repeat; background-size: 268px 94px; /* total size of your sprite */ background-position: -88px -56px; /* approx. for plus */ } .productdetail #accordion .accordionHeader.ui-accordion-header-active, .productdetail #accordionK12 .accordionHeader.ui-accordion-header-active { border-bottom-width: 0; } .productdetail #accordion .accordionHeader.ui-accordion-header-active::after, .productdetail #accordionK12 .accordionHeader.ui-accordion-header-active::after { background-position: -120px -56px; /* minus icon */ } .productdetail #accordion .accordionHeader .ui-accordion-header-icon.ui-icon, .productdetail #accordionK12 .accordionHeader .ui-accordion-header-icon.ui-icon { background: none; } .productdetail #accordion .productDesc sup, .productdetail #accordionK12 .productDesc sup { font-size: 8px; font-size: 0.5rem; } .productdetail #accordion .nutritionInfo .oneColumn, .productdetail #accordionK12 .nutritionInfo .oneColumn, .productdetail #accordion .nutritionInfo .twoColumn, .productdetail #accordionK12 .nutritionInfo .twoColumn, .productdetail #accordion .nutritionInfo .threeColumn, .productdetail #accordionK12 .nutritionInfo .threeColumn, .productdetail #accordion .nutritionInfo .fourColumn, .productdetail #accordionK12 .nutritionInfo .fourColumn { margin: 0; padding: 0; font-size: 12px; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .fullBorders, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .fullBorders, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .fullBorders, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .fullBorders, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .fullBorders, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .fullBorders, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .fullBorders, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .fullBorders { border-top: 5px solid #d8d9da; border-bottom: 1px solid rgba(216, 217, 218, 0.4); } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factCalVal1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factCalVal1, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factCalVal1, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factCalVal1, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factCalVal1, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factCalVal1, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factCalVal1, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factCalVal1, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factCalVal2, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factCalVal2, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factCalVal2, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factCalVal2, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factCalVal2, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factCalVal2, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factCalVal2, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factCalVal2, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factCalVal3, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factCalVal3, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factCalVal3, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factCalVal3, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factCalVal3, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factCalVal3, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factCalVal3, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factCalVal3, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factCalVal4, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factCalVal4, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factCalVal4, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factCalVal4, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factCalVal4, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factCalVal4, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factCalVal4, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factCalVal4 { font-family: "Roboto", sans-serif; font-size: 20px; font-size: 1.25rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; text-align: right; padding: 5px; position: relative; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factCalVal1 .calHeader, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factCalVal1 .calHeader, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factCalVal1 .calHeader, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factCalVal1 .calHeader, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factCalVal1 .calHeader, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factCalVal1 .calHeader, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factCalVal1 .calHeader, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factCalVal1 .calHeader, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factCalVal2 .calHeader, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factCalVal2 .calHeader, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factCalVal2 .calHeader, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factCalVal2 .calHeader, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factCalVal2 .calHeader, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factCalVal2 .calHeader, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factCalVal2 .calHeader, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factCalVal2 .calHeader, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factCalVal3 .calHeader, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factCalVal3 .calHeader, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factCalVal3 .calHeader, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factCalVal3 .calHeader, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factCalVal3 .calHeader, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factCalVal3 .calHeader, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factCalVal3 .calHeader, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factCalVal3 .calHeader, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factCalVal4 .calHeader, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factCalVal4 .calHeader, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factCalVal4 .calHeader, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factCalVal4 .calHeader, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factCalVal4 .calHeader, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factCalVal4 .calHeader, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factCalVal4 .calHeader, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factCalVal4 .calHeader { margin-bottom: 25px; width: 72px; text-align: right; display: -ms-inline-grid; display: inline-grid; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factCalVal1 .calDetail, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factCalVal1 .calDetail, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factCalVal1 .calDetail, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factCalVal1 .calDetail, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factCalVal1 .calDetail, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factCalVal1 .calDetail, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factCalVal1 .calDetail, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factCalVal1 .calDetail, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factCalVal2 .calDetail, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factCalVal2 .calDetail, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factCalVal2 .calDetail, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factCalVal2 .calDetail, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factCalVal2 .calDetail, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factCalVal2 .calDetail, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factCalVal2 .calDetail, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factCalVal2 .calDetail, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factCalVal3 .calDetail, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factCalVal3 .calDetail, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factCalVal3 .calDetail, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factCalVal3 .calDetail, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factCalVal3 .calDetail, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factCalVal3 .calDetail, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factCalVal3 .calDetail, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factCalVal3 .calDetail, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factCalVal4 .calDetail, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factCalVal4 .calDetail, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factCalVal4 .calDetail, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factCalVal4 .calDetail, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factCalVal4 .calDetail, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factCalVal4 .calDetail, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factCalVal4 .calDetail, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factCalVal4 .calDetail { position: absolute; bottom: 0; right: 10px; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factcalval100g, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factcalval100g, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factcalval100g, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factcalval100g, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factcalval100g, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factcalval100g, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factcalval100g, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factcalval100g { text-align: left; display: flex; width: max-content; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .servingSize, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .servingSize, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .servingSize, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .servingSize, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .servingSize, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .servingSize, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .servingSize, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .servingSize, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .size, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .size, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .size, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .size, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .size, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .size, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .size, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .size { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .servingSize, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .servingSize, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .servingSize, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .servingSize, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .servingSize, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .servingSize, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .servingSize, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .servingSize { padding: 5px 0; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .size, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .size, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .size, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .size, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .size, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .size, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .size, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .size { width: 100%; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .calHeader, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .calHeader, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .calHeader, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .calHeader, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .calHeader, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .calHeader, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .calHeader, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .calHeader { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .header, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .header, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .header, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .header, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .header, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .header, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .header, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .header { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; vertical-align: bottom; padding-bottom: 5px; text-align: left; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .blank, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .blank, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .blank, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .blank, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .blank, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .blank, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .blank, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .blank { border-top: 5px solid #d8d9da; border-bottom: 1px solid rgba(216, 217, 218, 0.4); } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsName, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsName, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .lowerFactsName, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .lowerFactsName, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .lowerFactsName, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .lowerFactsName, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .lowerFactsName, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .lowerFactsName, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factName, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factName, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factName, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factName, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factName, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factName, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factName, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factName, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factVal1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factVal1, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factVal1, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factVal1, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factVal1, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factVal1, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factVal1, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factVal1, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factPer1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factPer1, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factPer1, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factPer1, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factPer1, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factPer1, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factPer1, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factPer1, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factVal2, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factVal2, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factVal2, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factVal2, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factVal2, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factVal2, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factVal2, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factVal2, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factPer2, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factPer2, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factPer2, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factPer2, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factPer2, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factPer2, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factPer2, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factPer2, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factVal3, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factVal3, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factVal3, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factVal3, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factVal3, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factVal3, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factVal3, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factVal3, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factPer3, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factPer3, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factPer3, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factPer3, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factPer3, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factPer3, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factPer3, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factPer3, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factVal4, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factVal4, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factVal4, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factVal4, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factVal4, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factVal4, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factVal4, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factVal4, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factPer4, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factPer4, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .factPer4, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .factPer4, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .factPer4, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .factPer4, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .factPer4, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .factPer4, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsVal1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsVal1, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .lowerFactsVal1, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .lowerFactsVal1, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .lowerFactsVal1, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .lowerFactsVal1, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .lowerFactsVal1, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .lowerFactsVal1, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsVal2, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsVal2, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .lowerFactsVal2, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .lowerFactsVal2, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .lowerFactsVal2, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .lowerFactsVal2, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .lowerFactsVal2, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .lowerFactsVal2, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsVal3, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsVal3, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .lowerFactsVal3, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .lowerFactsVal3, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .lowerFactsVal3, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .lowerFactsVal3, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .lowerFactsVal3, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .lowerFactsVal3, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsVal4, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsVal4, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .lowerFactsVal4, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .lowerFactsVal4, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .lowerFactsVal4, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .lowerFactsVal4, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .lowerFactsVal4, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .lowerFactsVal4, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer1, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .lowerFactsPer1, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .lowerFactsPer1, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .lowerFactsPer1, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .lowerFactsPer1, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .lowerFactsPer1, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .lowerFactsPer1, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer2, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer2, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .lowerFactsPer2, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .lowerFactsPer2, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .lowerFactsPer2, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .lowerFactsPer2, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .lowerFactsPer2, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .lowerFactsPer2, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer3, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer3, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .lowerFactsPer3, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .lowerFactsPer3, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .lowerFactsPer3, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .lowerFactsPer3, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .lowerFactsPer3, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .lowerFactsPer3, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer4, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer4, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .lowerFactsPer4, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .lowerFactsPer4, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .lowerFactsPer4, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .lowerFactsPer4, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .lowerFactsPer4, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .lowerFactsPer4 { border-bottom: 1px solid rgba(216, 217, 218, 0.4); } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages div.factName, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages div.factName, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages div.factName, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages div.factName, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages div.factName, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages div.factName, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages div.factName, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages div.factName { width: 105px; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages table, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages table, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages table, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages table, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages table, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages table, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages table, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages table { width: 100%; color: #3b3b3b; font-size: 0.75rem; line-height: 1.5rem; font-family: "Roboto", sans-serif; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages table strong, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages table strong, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages table strong, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages table strong, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages table strong, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages table strong, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages table strong, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages table strong { font-family: "Roboto", sans-serif; font-weight: 700; letter-spacing: 0.5px; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages table .servingSizeLabel, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages table .servingSizeLabel, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages table .servingSizeLabel, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages table .servingSizeLabel, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages table .servingSizeLabel, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages table .servingSizeLabel, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages table .servingSizeLabel, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages table .servingSizeLabel { float: left; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages table .indent, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages table .indent, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages table .indent, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages table .indent, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages table .indent, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages table .indent, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages table .indent, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages table .indent { padding: 0 0 0 10px; color: #757575; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages table .doubleIndent, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages table .doubleIndent, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages table .doubleIndent, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages table .doubleIndent, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages table .doubleIndent, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages table .doubleIndent, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages table .doubleIndent, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages table .doubleIndent { padding: 0 0 0 20px; color: #757575; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages table .servingNoSeparator, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages table .servingNoSeparator, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages table .servingNoSeparator, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages table .servingNoSeparator, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages table .servingNoSeparator, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages table .servingNoSeparator, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages table .servingNoSeparator, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages table .servingNoSeparator { border-bottom: none; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages table .dvSeparator, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages table .dvSeparator, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages table .dvSeparator, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages table .dvSeparator, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages table .dvSeparator, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages table .dvSeparator, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages table .dvSeparator, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages table .dvSeparator { background-color: #ccc; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages table .nutriFactSep td, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages table .nutriFactSep td, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages table .nutriFactSep td, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages table .nutriFactSep td, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages table .nutriFactSep td, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages table .nutriFactSep td, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages table .nutriFactSep td, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages table .nutriFactSep td { background-color: #d8d9da; height: 10px; padding: 0; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .nutriDisclaimer, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .nutriDisclaimer, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .nutriDisclaimer, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .nutriDisclaimer, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .nutriDisclaimer, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .nutriDisclaimer, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .nutriDisclaimer, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .nutriDisclaimer { font-size: 0.625rem; line-height: 0.875rem; padding: 15px 0 0 0; font-family: "Roboto", sans-serif; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .nutriDisclaimerSep, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .nutriDisclaimerSep, .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages .nutriDisclaimerSep, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages .nutriDisclaimerSep, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages .nutriDisclaimerSep, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages .nutriDisclaimerSep, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages .nutriDisclaimerSep, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages .nutriDisclaimerSep { height: 10px; background-color: #d8d9da; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factVal1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factVal1, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsVal1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsVal1 { padding-left: 100px; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factDetVal1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factDetVal1 { text-align: right; padding-right: 10px; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factPer1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factPer1, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer1, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer2, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer2 { font-weight: 700; padding-right: 10px; text-align: right; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .fact1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .fact1 { border-top: 5px solid #d8d9da; border-bottom: 1px solid rgba(216, 217, 218, 0.4); } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factVal2, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factVal2, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factPer2, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factPer2, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factVal3, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factVal3, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factPer3, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factPer3, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factVal4, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factVal4, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factPer4, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factPer4, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsVal2, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsVal2, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer2, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer2, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsVal3, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsVal3, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer3, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer3, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsVal4, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsVal4, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer4, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer4, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factCalVal2, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factCalVal2, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factCalVal3, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factCalVal3, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factCalVal4, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factCalVal4, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factCalVal4, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factCalVal4 { display: none; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factDetVal1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factDetVal1, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factPer1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factPer1, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .fact1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .fact1, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer1, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factCalVal1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factCalVal1 { border-right: none; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factName, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factName, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsName, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsName { width: 40%; } .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factVal1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factVal1, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .factPer1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .factPer1, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsVal1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsVal1, .productdetail #accordion .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer1, .productdetail #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages .lowerFactsPer1 { width: 30%; } .productdetail #accordion .nutritionInfo .oneColumn .arrow, .productdetail #accordionK12 .nutritionInfo .oneColumn .arrow { display: none; } .productdetail #accordion .nutritionInfo .twoColumn .factPer1, .productdetail #accordionK12 .nutritionInfo .twoColumn .factPer1, .productdetail #accordion .nutritionInfo .twoColumn .lowerFactsPer1, .productdetail #accordionK12 .nutritionInfo .twoColumn .lowerFactsPer1, .productdetail #accordion .nutritionInfo .twoColumn .factPer2, .productdetail #accordionK12 .nutritionInfo .twoColumn .factPer2, .productdetail #accordion .nutritionInfo .twoColumn .lowerFactsPer2, .productdetail #accordionK12 .nutritionInfo .twoColumn .lowerFactsPer2 { font-weight: 700; } .productdetail #accordion .nutritionInfo .twoColumn .factPer1, .productdetail #accordionK12 .nutritionInfo .twoColumn .factPer1, .productdetail #accordion .nutritionInfo .twoColumn .factPer2, .productdetail #accordionK12 .nutritionInfo .twoColumn .factPer2, .productdetail #accordion .nutritionInfo .twoColumn factPer3, .productdetail #accordionK12 .nutritionInfo .twoColumn factPer3, .productdetail #accordion .nutritionInfo .twoColumn .lowerFactsPer2, .productdetail #accordionK12 .nutritionInfo .twoColumn .lowerFactsPer2 { padding-right: 10px; text-align: right; } .productdetail #accordion .nutritionInfo .twoColumn .factVal1, .productdetail #accordionK12 .nutritionInfo .twoColumn .factVal1, .productdetail #accordion .nutritionInfo .twoColumn .lowerFactsVal1, .productdetail #accordionK12 .nutritionInfo .twoColumn .lowerFactsVal1, .productdetail #accordion .nutritionInfo .twoColumn .factVal2, .productdetail #accordionK12 .nutritionInfo .twoColumn .factVal2, .productdetail #accordion .nutritionInfo .twoColumn .lowerFactsVal2, .productdetail #accordionK12 .nutritionInfo .twoColumn .lowerFactsVal2 { padding-right: 10px; padding-left: 10px; } .productdetail #accordion .nutritionInfo .twoColumn .fact1, .productdetail #accordionK12 .nutritionInfo .twoColumn .fact1, .productdetail #accordion .nutritionInfo .twoColumn .fact2, .productdetail #accordionK12 .nutritionInfo .twoColumn .fact2 { padding-right: 10px; border-top: 5px solid #d8d9da; border-bottom: 1px solid rgba(216, 217, 218, 0.4); } .productdetail #accordion .nutritionInfo .twoColumn .factVal3, .productdetail #accordionK12 .nutritionInfo .twoColumn .factVal3, .productdetail #accordion .nutritionInfo .twoColumn .factPer3, .productdetail #accordionK12 .nutritionInfo .twoColumn .factPer3, .productdetail #accordion .nutritionInfo .twoColumn .lowerFactsVal3, .productdetail #accordionK12 .nutritionInfo .twoColumn .lowerFactsVal3, .productdetail #accordion .nutritionInfo .twoColumn .lowerFactsPer3, .productdetail #accordionK12 .nutritionInfo .twoColumn .lowerFactsPer3, .productdetail #accordion .nutritionInfo .twoColumn .factVal4, .productdetail #accordionK12 .nutritionInfo .twoColumn .factVal4, .productdetail #accordion .nutritionInfo .twoColumn .factPer4, .productdetail #accordionK12 .nutritionInfo .twoColumn .factPer4, .productdetail #accordion .nutritionInfo .twoColumn .lowerFactsVal4, .productdetail #accordionK12 .nutritionInfo .twoColumn .lowerFactsVal4, .productdetail #accordion .nutritionInfo .twoColumn .lowerFactsPer4, .productdetail #accordionK12 .nutritionInfo .twoColumn .lowerFactsPer4, .productdetail #accordion .nutritionInfo .twoColumn .factCalVal3, .productdetail #accordionK12 .nutritionInfo .twoColumn .factCalVal3, .productdetail #accordion .nutritionInfo .twoColumn .factCalVal4, .productdetail #accordionK12 .nutritionInfo .twoColumn .factCalVal4 { display: none; } .productdetail #accordion .nutritionInfo .twoColumn .factCalVal1, .productdetail #accordionK12 .nutritionInfo .twoColumn .factCalVal1, .productdetail #accordion .nutritionInfo .twoColumn .factDetVal1, .productdetail #accordionK12 .nutritionInfo .twoColumn .factDetVal1, .productdetail #accordion .nutritionInfo .twoColumn .factPer1, .productdetail #accordionK12 .nutritionInfo .twoColumn .factPer1, .productdetail #accordion .nutritionInfo .twoColumn .fact1, .productdetail #accordionK12 .nutritionInfo .twoColumn .fact1, .productdetail #accordion .nutritionInfo .twoColumn .lowerFactsPer1, .productdetail #accordionK12 .nutritionInfo .twoColumn .lowerFactsPer1 { padding-right: 10px; border-right: 2px solid #d8d9da; text-align: right; } .productdetail #accordion .nutritionInfo .twoColumn .factVal1, .productdetail #accordionK12 .nutritionInfo .twoColumn .factVal1, .productdetail #accordion .nutritionInfo .twoColumn .factPer1, .productdetail #accordionK12 .nutritionInfo .twoColumn .factPer1, .productdetail #accordion .nutritionInfo .twoColumn .lowerFactsVal1, .productdetail #accordionK12 .nutritionInfo .twoColumn .lowerFactsVal1, .productdetail #accordion .nutritionInfo .twoColumn .lowerFactsPer1, .productdetail #accordionK12 .nutritionInfo .twoColumn .lowerFactsPer1, .productdetail #accordion .nutritionInfo .twoColumn .factVal2, .productdetail #accordionK12 .nutritionInfo .twoColumn .factVal2, .productdetail #accordion .nutritionInfo .twoColumn .factPer2, .productdetail #accordionK12 .nutritionInfo .twoColumn .factPer2, .productdetail #accordion .nutritionInfo .twoColumn .lowerFactsVal2, .productdetail #accordionK12 .nutritionInfo .twoColumn .lowerFactsVal2, .productdetail #accordion .nutritionInfo .twoColumn .lowerFactsPer2, .productdetail #accordionK12 .nutritionInfo .twoColumn .lowerFactsPer2 { width: 15%; } .productdetail #accordion .nutritionInfo .threeColumn .factPer1, .productdetail #accordionK12 .nutritionInfo .threeColumn .factPer1, .productdetail #accordion .nutritionInfo .threeColumn .lowerFactsPer1, .productdetail #accordionK12 .nutritionInfo .threeColumn .lowerFactsPer1, .productdetail #accordion .nutritionInfo .threeColumn .factPer2, .productdetail #accordionK12 .nutritionInfo .threeColumn .factPer2, .productdetail #accordion .nutritionInfo .threeColumn .lowerFactsPer2, .productdetail #accordionK12 .nutritionInfo .threeColumn .lowerFactsPer2, .productdetail #accordion .nutritionInfo .threeColumn .factPer3, .productdetail #accordionK12 .nutritionInfo .threeColumn .factPer3, .productdetail #accordion .nutritionInfo .threeColumn .lowerFactsPer3, .productdetail #accordionK12 .nutritionInfo .threeColumn .lowerFactsPer3 { font-weight: 700; } .productdetail #accordion .nutritionInfo .threeColumn .factPer1, .productdetail #accordionK12 .nutritionInfo .threeColumn .factPer1, .productdetail #accordion .nutritionInfo .threeColumn .factPer2, .productdetail #accordionK12 .nutritionInfo .threeColumn .factPer2, .productdetail #accordion .nutritionInfo .threeColumn .factPer3, .productdetail #accordionK12 .nutritionInfo .threeColumn .factPer3 { padding-right: 10px; text-align: right; } .productdetail #accordion .nutritionInfo .threeColumn .factVal1, .productdetail #accordionK12 .nutritionInfo .threeColumn .factVal1, .productdetail #accordion .nutritionInfo .threeColumn .lowerFactsVal1, .productdetail #accordionK12 .nutritionInfo .threeColumn .lowerFactsVal1, .productdetail #accordion .nutritionInfo .threeColumn .factVal2, .productdetail #accordionK12 .nutritionInfo .threeColumn .factVal2, .productdetail #accordion .nutritionInfo .threeColumn .lowerFactsVal2, .productdetail #accordionK12 .nutritionInfo .threeColumn .lowerFactsVal2, .productdetail #accordion .nutritionInfo .threeColumn .factVal3, .productdetail #accordionK12 .nutritionInfo .threeColumn .factVal3, .productdetail #accordion .nutritionInfo .threeColumn .lowerFactsVal3, .productdetail #accordionK12 .nutritionInfo .threeColumn .lowerFactsVal3 { padding-right: 10px; padding-left: 10px; } .productdetail #accordion .nutritionInfo .threeColumn .fact1, .productdetail #accordionK12 .nutritionInfo .threeColumn .fact1, .productdetail #accordion .nutritionInfo .threeColumn .fact2, .productdetail #accordionK12 .nutritionInfo .threeColumn .fact2, .productdetail #accordion .nutritionInfo .threeColumn .fact3, .productdetail #accordionK12 .nutritionInfo .threeColumn .fact3 { border-top: 5px solid #d8d9da; border-bottom: 1px solid rgba(216, 217, 218, 0.4); } .productdetail #accordion .nutritionInfo .threeColumn .factVal4, .productdetail #accordionK12 .nutritionInfo .threeColumn .factVal4, .productdetail #accordion .nutritionInfo .threeColumn .factPer4, .productdetail #accordionK12 .nutritionInfo .threeColumn .factPer4, .productdetail #accordion .nutritionInfo .threeColumn .lowerFactsVal4, .productdetail #accordionK12 .nutritionInfo .threeColumn .lowerFactsVal4, .productdetail #accordion .nutritionInfo .threeColumn .lowerFactsPer4, .productdetail #accordionK12 .nutritionInfo .threeColumn .lowerFactsPer4, .productdetail #accordion .nutritionInfo .threeColumn .factCalVal4, .productdetail #accordionK12 .nutritionInfo .threeColumn .factCalVal4 { display: none; } .productdetail #accordion .nutritionInfo .threeColumn .factCalVal1, .productdetail #accordionK12 .nutritionInfo .threeColumn .factCalVal1, .productdetail #accordion .nutritionInfo .threeColumn .factDetVal1, .productdetail #accordionK12 .nutritionInfo .threeColumn .factDetVal1, .productdetail #accordion .nutritionInfo .threeColumn .factPer1, .productdetail #accordionK12 .nutritionInfo .threeColumn .factPer1, .productdetail #accordion .nutritionInfo .threeColumn .fact1, .productdetail #accordionK12 .nutritionInfo .threeColumn .fact1, .productdetail #accordion .nutritionInfo .threeColumn .lowerFactsPer1, .productdetail #accordionK12 .nutritionInfo .threeColumn .lowerFactsPer1, .productdetail #accordion .nutritionInfo .threeColumn .factCalVal2, .productdetail #accordionK12 .nutritionInfo .threeColumn .factCalVal2, .productdetail #accordion .nutritionInfo .threeColumn .factDetVal2, .productdetail #accordionK12 .nutritionInfo .threeColumn .factDetVal2, .productdetail #accordion .nutritionInfo .threeColumn .factPer2, .productdetail #accordionK12 .nutritionInfo .threeColumn .factPer2, .productdetail #accordion .nutritionInfo .threeColumn .fact2, .productdetail #accordionK12 .nutritionInfo .threeColumn .fact2, .productdetail #accordion .nutritionInfo .threeColumn .lowerFactsPer2, .productdetail #accordionK12 .nutritionInfo .threeColumn .lowerFactsPer2 { padding-right: 10px; border-right: 2px solid #d8d9da; text-align: right; } .productdetail #accordion .nutritionInfo .threeColumn .factVal1, .productdetail #accordionK12 .nutritionInfo .threeColumn .factVal1, .productdetail #accordion .nutritionInfo .threeColumn .factPer1, .productdetail #accordionK12 .nutritionInfo .threeColumn .factPer1, .productdetail #accordion .nutritionInfo .threeColumn .lowerFactsVal1, .productdetail #accordionK12 .nutritionInfo .threeColumn .lowerFactsVal1, .productdetail #accordion .nutritionInfo .threeColumn .lowerFactsPer1, .productdetail #accordionK12 .nutritionInfo .threeColumn .lowerFactsPer1, .productdetail #accordion .nutritionInfo .threeColumn .factVal2, .productdetail #accordionK12 .nutritionInfo .threeColumn .factVal2, .productdetail #accordion .nutritionInfo .threeColumn .factPer2, .productdetail #accordionK12 .nutritionInfo .threeColumn .factPer2, .productdetail #accordion .nutritionInfo .threeColumn .lowerFactsVal2, .productdetail #accordionK12 .nutritionInfo .threeColumn .lowerFactsVal2, .productdetail #accordion .nutritionInfo .threeColumn .lowerFactsPer2, .productdetail #accordionK12 .nutritionInfo .threeColumn .lowerFactsPer2, .productdetail #accordion .nutritionInfo .threeColumn .factVal3, .productdetail #accordionK12 .nutritionInfo .threeColumn .factVal3, .productdetail #accordion .nutritionInfo .threeColumn .factPer3, .productdetail #accordionK12 .nutritionInfo .threeColumn .factPer3, .productdetail #accordion .nutritionInfo .threeColumn .lowerFactsVal3, .productdetail #accordionK12 .nutritionInfo .threeColumn .lowerFactsVal3, .productdetail #accordion .nutritionInfo .threeColumn .lowerFactsPer3, .productdetail #accordionK12 .nutritionInfo .threeColumn .lowerFactsPer3 { width: 15%; } .productdetail #accordion .nutritionInfo .fourColumn .factPer1, .productdetail #accordionK12 .nutritionInfo .fourColumn .factPer1, .productdetail #accordion .nutritionInfo .fourColumn .lowerFactsPer1, .productdetail #accordionK12 .nutritionInfo .fourColumn .lowerFactsPer1, .productdetail #accordion .nutritionInfo .fourColumn .factPer2, .productdetail #accordionK12 .nutritionInfo .fourColumn .factPer2, .productdetail #accordion .nutritionInfo .fourColumn .lowerFactsPer2, .productdetail #accordionK12 .nutritionInfo .fourColumn .lowerFactsPer2, .productdetail #accordion .nutritionInfo .fourColumn .factPer3, .productdetail #accordionK12 .nutritionInfo .fourColumn .factPer3, .productdetail #accordion .nutritionInfo .fourColumn .lowerFactsPer3, .productdetail #accordionK12 .nutritionInfo .fourColumn .lowerFactsPer3, .productdetail #accordion .nutritionInfo .fourColumn .factPer4, .productdetail #accordionK12 .nutritionInfo .fourColumn .factPer4, .productdetail #accordion .nutritionInfo .fourColumn .lowerFactsPer4, .productdetail #accordionK12 .nutritionInfo .fourColumn .lowerFactsPer4 { font-weight: 700; } .productdetail #accordion .nutritionInfo .fourColumn .factPer1, .productdetail #accordionK12 .nutritionInfo .fourColumn .factPer1, .productdetail #accordion .nutritionInfo .fourColumn .factPer2, .productdetail #accordionK12 .nutritionInfo .fourColumn .factPer2, .productdetail #accordion .nutritionInfo .fourColumn .factPer3, .productdetail #accordionK12 .nutritionInfo .fourColumn .factPer3 { padding-right: 10px; text-align: right; } .productdetail #accordion .nutritionInfo .fourColumn .factVal1, .productdetail #accordionK12 .nutritionInfo .fourColumn .factVal1, .productdetail #accordion .nutritionInfo .fourColumn .lowerFactsVal1, .productdetail #accordionK12 .nutritionInfo .fourColumn .lowerFactsVal1, .productdetail #accordion .nutritionInfo .fourColumn .factVal2, .productdetail #accordionK12 .nutritionInfo .fourColumn .factVal2, .productdetail #accordion .nutritionInfo .fourColumn .lowerFactsVal2, .productdetail #accordionK12 .nutritionInfo .fourColumn .lowerFactsVal2, .productdetail #accordion .nutritionInfo .fourColumn .factVal3, .productdetail #accordionK12 .nutritionInfo .fourColumn .factVal3, .productdetail #accordion .nutritionInfo .fourColumn .lowerFactsVal3, .productdetail #accordionK12 .nutritionInfo .fourColumn .lowerFactsVal3, .productdetail #accordion .nutritionInfo .fourColumn .factVal4, .productdetail #accordionK12 .nutritionInfo .fourColumn .factVal4, .productdetail #accordion .nutritionInfo .fourColumn .lowerFactsVal4, .productdetail #accordionK12 .nutritionInfo .fourColumn .lowerFactsVal4 { padding-right: 10px; padding-left: 10px; } .productdetail #accordion .nutritionInfo .fourColumn .fact1, .productdetail #accordionK12 .nutritionInfo .fourColumn .fact1, .productdetail #accordion .nutritionInfo .fourColumn .fact2, .productdetail #accordionK12 .nutritionInfo .fourColumn .fact2, .productdetail #accordion .nutritionInfo .fourColumn .fact3, .productdetail #accordionK12 .nutritionInfo .fourColumn .fact3, .productdetail #accordion .nutritionInfo .fourColumn .fact4, .productdetail #accordionK12 .nutritionInfo .fourColumn .fact4 { border-top: 5px solid #d8d9da; border-bottom: 1px solid rgba(216, 217, 218, 0.4); } .productdetail #accordion .nutritionInfo .fourColumn .factCalVal1, .productdetail #accordionK12 .nutritionInfo .fourColumn .factCalVal1, .productdetail #accordion .nutritionInfo .fourColumn .factDetVal1, .productdetail #accordionK12 .nutritionInfo .fourColumn .factDetVal1, .productdetail #accordion .nutritionInfo .fourColumn .factPer1, .productdetail #accordionK12 .nutritionInfo .fourColumn .factPer1, .productdetail #accordion .nutritionInfo .fourColumn .fact1, .productdetail #accordionK12 .nutritionInfo .fourColumn .fact1, .productdetail #accordion .nutritionInfo .fourColumn .lowerFactsPer1, .productdetail #accordionK12 .nutritionInfo .fourColumn .lowerFactsPer1, .productdetail #accordion .nutritionInfo .fourColumn .factCalVal2, .productdetail #accordionK12 .nutritionInfo .fourColumn .factCalVal2, .productdetail #accordion .nutritionInfo .fourColumn .factDetVal2, .productdetail #accordionK12 .nutritionInfo .fourColumn .factDetVal2, .productdetail #accordion .nutritionInfo .fourColumn .factPer2, .productdetail #accordionK12 .nutritionInfo .fourColumn .factPer2, .productdetail #accordion .nutritionInfo .fourColumn .fact2, .productdetail #accordionK12 .nutritionInfo .fourColumn .fact2, .productdetail #accordion .nutritionInfo .fourColumn .lowerFactsPer2, .productdetail #accordionK12 .nutritionInfo .fourColumn .lowerFactsPer2, .productdetail #accordion .nutritionInfo .fourColumn .factCalVal3, .productdetail #accordionK12 .nutritionInfo .fourColumn .factCalVal3, .productdetail #accordion .nutritionInfo .fourColumn .factDetVal3, .productdetail #accordionK12 .nutritionInfo .fourColumn .factDetVal3, .productdetail #accordion .nutritionInfo .fourColumn .factPer3, .productdetail #accordionK12 .nutritionInfo .fourColumn .factPer3, .productdetail #accordion .nutritionInfo .fourColumn .fact3, .productdetail #accordionK12 .nutritionInfo .fourColumn .fact3, .productdetail #accordion .nutritionInfo .fourColumn .lowerFactsPer3, .productdetail #accordionK12 .nutritionInfo .fourColumn .lowerFactsPer3 { padding-right: 10px; border-right: 2px solid #d8d9da; text-align: right; } .productdetail #accordion .nutritionInfo .fourColumn .factVal1, .productdetail #accordionK12 .nutritionInfo .fourColumn .factVal1, .productdetail #accordion .nutritionInfo .fourColumn .factPer1, .productdetail #accordionK12 .nutritionInfo .fourColumn .factPer1, .productdetail #accordion .nutritionInfo .fourColumn .lowerFactsVal1, .productdetail #accordionK12 .nutritionInfo .fourColumn .lowerFactsVal1, .productdetail #accordion .nutritionInfo .fourColumn .lowerFactsPer1, .productdetail #accordionK12 .nutritionInfo .fourColumn .lowerFactsPer1, .productdetail #accordion .nutritionInfo .fourColumn .factVal2, .productdetail #accordionK12 .nutritionInfo .fourColumn .factVal2, .productdetail #accordion .nutritionInfo .fourColumn .factPer2, .productdetail #accordionK12 .nutritionInfo .fourColumn .factPer2, .productdetail #accordion .nutritionInfo .fourColumn .lowerFactsVal2, .productdetail #accordionK12 .nutritionInfo .fourColumn .lowerFactsVal2, .productdetail #accordion .nutritionInfo .fourColumn .lowerFactsPer2, .productdetail #accordionK12 .nutritionInfo .fourColumn .lowerFactsPer2, .productdetail #accordion .nutritionInfo .fourColumn .factVal3, .productdetail #accordionK12 .nutritionInfo .fourColumn .factVal3, .productdetail #accordion .nutritionInfo .fourColumn .factPer3, .productdetail #accordionK12 .nutritionInfo .fourColumn .factPer3, .productdetail #accordion .nutritionInfo .fourColumn .lowerFactsVal3, .productdetail #accordionK12 .nutritionInfo .fourColumn .lowerFactsVal3, .productdetail #accordion .nutritionInfo .fourColumn .lowerFactsPer3, .productdetail #accordionK12 .nutritionInfo .fourColumn .lowerFactsPer3, .productdetail #accordion .nutritionInfo .fourColumn .factVal4, .productdetail #accordionK12 .nutritionInfo .fourColumn .factVal4, .productdetail #accordion .nutritionInfo .fourColumn .factPer4, .productdetail #accordionK12 .nutritionInfo .fourColumn .factPer4, .productdetail #accordion .nutritionInfo .fourColumn .lowerFactsVal4, .productdetail #accordionK12 .nutritionInfo .fourColumn .lowerFactsVal4, .productdetail #accordion .nutritionInfo .fourColumn .lowerFactsPer4, .productdetail #accordionK12 .nutritionInfo .fourColumn .lowerFactsPer4 { width: 15%; } .productdetail #accordion .nutritionInfo .twoColumn #nutritionPercentages, .productdetail #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages, .productdetail #accordion .nutritionInfo .threeColumn #nutritionPercentages, .productdetail #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages, .productdetail #accordion .nutritionInfo .fourColumn #nutritionPercentages, .productdetail #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages { overflow-x: scroll; } .productdetail #accordion .nutritionInfo .twoColumn .arrow, .productdetail #accordionK12 .nutritionInfo .twoColumn .arrow, .productdetail #accordion .nutritionInfo .threeColumn .arrow, .productdetail #accordionK12 .nutritionInfo .threeColumn .arrow, .productdetail #accordion .nutritionInfo .fourColumn .arrow, .productdetail #accordionK12 .nutritionInfo .fourColumn .arrow { display: inline; } .productdetail #accordion .nutritionInfo .MissingDataMessage, .productdetail #accordionK12 .nutritionInfo .MissingDataMessage { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .productdetail #accordion .nutritionInfo .MissingDataMessage a, .productdetail #accordionK12 .nutritionInfo .MissingDataMessage a { color: #0054a6; } .productdetail #accordion .ui-accordion-content, .productdetail #accordionK12 .ui-accordion-content { border: 0; padding: 12px; } .productdetail #primaryActionToolbarSection .innerContainer { border-top: none; } .productdetail .cardTitle, .productdetail .relatedResourcesCard .GMFSGalleryView .gallery-header { display: none; } .productdetail .relatedResourcesCard .GMFSGalleryView .li-img { display: none; } .productdetail #Reviews .bv-action-bar h2, .productdetail #Reviews .bv-action-bar button, .productdetail #Reviews .bv-control-bar span, .productdetail #Reviews .bv-content-header .bv-content-meta span, .productdetail #Reviews .bv-content-header .bv-content-title, .productdetail #Reviews .bv-content-summary .bv-content-summary-body-text p { letter-spacing: 0.5px !important; } .productdetail #accordionK12 .accordion-button.active { border-bottom-width: 0; } .productdetail #accordionK12 .accordion-button.active + .regulatorySection { display: block !important; } .productdetail #accordionK12 .accordionHeader.accordion-button::after { content: ""; display: inline-block; width: 24px; height: 24px; background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat 0 0; /* plus icon */ background-repeat: no-repeat; background-size: 268px 94px; /* total size of your sprite */ background-position: -88px -56px; /* approx. for plus */ } .productdetail #accordionK12 .accordionHeader.accordion-button.active::after { background-position: -120px -56px; /* minus icon */ } .productdetail #accordionK12 .pdpSection .pdpCard .cardBody .cardText { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 12px 0 0 0; font-weight: 400; } .productdetail #accordionK12 .regulatorySection .leftPart .pdpSection .k12RegReadyDocumentCard .GMFSGalleryView .li-text a { display: flex; align-items: center; color: #0054a6; font-weight: 600; margin-top: 10px; } .productdetail #accordionK12 .regulatorySection .leftPart .pdpSection .k12RegReadyDocumentCard .GMFSGalleryView .li-text a:hover { color: #0074c1; text-decoration: underline; } .productdetail #accordionK12 .regulatorySection .leftPart .pdpSection .k12RegReadyDocumentCard .GMFSGalleryView .li-text a:before { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -214px -1px; display: inline-block; margin-right: 10px; height: 46px; min-width: 45px; } .productdetail #accordionK12 .regulatorySection { display: none !important; width: 100%; padding: 12px; background-color: white; } .productdetail #accordionK12 .regulatorySection .regulatoryTitle, .productdetail #accordionK12 .regulatorySection .k12ResouceSectionPdf { text-align: center; margin-bottom: 12px; font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .productdetail #accordionK12 .regulatorySection .regulatoryContainer { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 24px; } .productdetail #accordionK12 .regulatorySection .regulatoryContainer .regulatoryTable { width: 100%; border-collapse: separate; border-radius: 4px; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .productdetail #accordionK12 .regulatorySection .regulatoryContainer th, .productdetail #accordionK12 .regulatorySection .regulatoryContainer td { padding: 8px; text-align: left; } .productdetail #accordionK12 .regulatorySection .regulatoryContainer .colName { font-weight: 600; width: 51%; } .productdetail #accordionK12 .regulatorySection .regulatoryContainer .colValue { font-weight: 400; border-left: 1px solid #6e8090; } .productdetail #accordionK12 .regulatorySection .regulatoryContainer .regulatoryRow:nth-child(odd) { border-radius: 0px 4px 0px 0px; background: rgba(0, 84, 166, 0.1); } .productdetail #accordionK12 .regulatorySection .pdpSection { margin-bottom: 12px; } #productInfo .rightSection .buttons { margin-bottom: 15px; } .promotionPanel { display: flex; width: 100%; margin-top: 30px; margin-bottom: 15px; padding: 15px; flex-direction: column-reverse; } .promotionPanel .promotionPanelWrapper { display: inherit; flex-direction: inherit; width: 100%; } .promotionPanel .promotionPanelWrapper .image img { width: 100%; height: 100%; } .promotionPanel .promotionPanelWrapper .details { background: white; text-align: left; width: 100%; } .promotionPanel .promotionPanelWrapper .details h3 { font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #0054a6; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .promotionPanel .promotionPanelWrapper .details p { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .promotionPanel .promotionPanelWrapper .details div { margin-top: 23px; } .promotionPanel .promotionPanelWrapper .details div a { background-color: #1472C9; padding: 13px 20px; border-radius: 3px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #fdfdfd; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 130px; height: 40px; font-weight: bold; letter-spacing: 0.5px; text-align: center; } .restaurantPromotion { padding: 32px 12px; margin: 16px 0px 0px; width: 100%; } .restaurantPromotion .promotionPanelWrapper { max-width: 1024px; margin: auto; width: 100%; } .restaurantPromotion .promotionPanelWrapper .details { padding: 24px; background: unset; } .restaurantPromotion .promotionPanelWrapper .details .panelLink { margin: 0px; } .restaurantPromotion .promotionPanelWrapper .details .panelLink a { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-style: normal; font-weight: 700; cursor: pointer; background-color: unset; padding: 0px; border-radius: unset; } .restaurantPromotion .promotionPanelWrapper .details .panelLink a .fa-arrow-right { color: #0054a6; width: 30px; height: 30px; padding-left: 8px; } .restaurantPromotion .promotionPanelWrapper .details .panelLink a .fa-arrow-right:hover { color: #1890e0; } .restaurantPromotion .promotionPanelWrapper .details .panelLink a:hover .fa-arrow-right { color: #1890e0; } .restaurantPromotion .promotionPanelWrapper .details .panelLink a:hover { color: #1890e0; text-decoration: underline; background-color: unset; } .restaurantPromotion .promotionPanelWrapper .details h3 { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #1f1f1f; line-height: 33px; line-height: 2.0625rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .restaurantPromotion .promotionPanelWrapper .details p { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; margin: 16px 0px 24px 0px; } .restaurantPromotion .promotionPanelWrapper .details div:not(.panelLink) { margin-top: unset; } .restaurantPromotion .promotionPanelWrapper .details div:not(.panelLink) a { display: flex; justify-content: center; align-items: center; min-width: 236px; width: 100%; height: 40px; padding: 4px 24px; border-radius: 4px; background-color: #0074c1; outline: none; font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: center; } .restaurantPromotion .promotionPanelWrapper .details div:not(.panelLink) a:hover { background: #1890e0; } .restaurantPromotion .promotionPanelWrapper .details div:not(.panelLink) a:focus { border: 2px dashed #1f1f1f; } .restaurantPromotion .promotionPanelWrapper .details div:not(.panelLink) a:active { background-color: #0054a6; } .restaurantPromotion .promotionPanelWrapper .details:hover { background-color: unset; } .restaurantPromotion .promotionPanelWrapper .image img { border-radius: 24px; background: #e4e4e4; } .promotionPanelTWB { display: flex; width: 100%; margin-top: 30px; margin-bottom: 15px; flex-direction: column; background-size: cover; } .promotionPanelTWB .panelImage { display: flex; } .promotionPanelTWB .panelImage img { width: 100%; height: 100%; } .promotionPanelTWB .panelDetails { display: flex; flex-direction: column; flex-basis: 100%; flex: 1; height: 480px; } .promotionPanelTWB .panelDetails .promotionPanelBaner { height: auto; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails { margin: 16px; display: flex; flex-direction: column; align-items: center; padding: 24px; gap: 24px; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails h3 { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #ffffff; line-height: 33px; line-height: 2.0625rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; font-style: normal; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails p { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; margin: 0; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .ctaButtons, .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .lightTheme { vertical-align: bottom; width: 100%; display: flex; flex-direction: column; gap: 16px; align-items: center; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .ctaButtons a, .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .lightTheme a { background: #0074c1; padding: 4px 24px; border-radius: 4px; font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 100%; height: 40px; font-weight: 600; letter-spacing: 0.5px; display: flex; justify-content: center; align-items: center; gap: 16px; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .ctaButtons a:hover, .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .lightTheme a:hover { background: #1890e0; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .ctaButtons a:focus, .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .lightTheme a:focus { background: #1890e0; border: 2px dotted #1f1f1f; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .ctaButtons a:active, .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .lightTheme a:active { background: #0054a6; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .ctaButtons a.ctaButton2, .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .lightTheme a.ctaButton2 { background: #ffffff; border: 2px solid #0074c1; color: #0074c1; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .ctaButtons a.ctaButton2:hover, .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .lightTheme a.ctaButton2:hover { background: #ffffff; border: 2px solid #1890e0; color: #1890e0; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .ctaButtons a.ctaButton2:active, .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .lightTheme a.ctaButton2:active { color: #0054a6; border: 2px solid #0054a6; background: #ffffff; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .ctaButtons a.ctaButton2:focus, .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .lightTheme a.ctaButton2:focus { border: 2px dotted #1f1f1f; background: #ffffff; color: #1890e0; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .invertButtons a, .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .darkTheme a { background: #ffffff; padding: 4px 24px; border-radius: 4px; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 100%; height: 40px; font-weight: 600; letter-spacing: 0.5px; display: flex; justify-content: center; align-items: center; gap: 16px; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .invertButtons a:hover, .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .darkTheme a:hover { background: #ffffff; color: #1890e0; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .invertButtons a:focus, .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .darkTheme a:focus { background: #ffffff; color: #1890e0; border: 2px dotted #1f1f1f; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .invertButtons a:active, .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .darkTheme a:active { background: #ffffff; color: #0054a6; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .invertButtons a.ctaButton2, .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .darkTheme a.ctaButton2 { background: #0074c1; border: 2px solid #ffffff; color: #ffffff; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .invertButtons a.ctaButton2:hover, .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .darkTheme a.ctaButton2:hover { background: #1890e0; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .invertButtons a.ctaButton2:active, .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .darkTheme a.ctaButton2:active { background: #0054a6; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .invertButtons a.ctaButton2:focus, .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .darkTheme a.ctaButton2:focus { border: 2px dotted #ffffff; background: #1890e0; } .promotionPanelTWB .panelDetails .promotionPanelBaner .opaqueBackground { background: #a9a9a9; } .promotionPanelTWB .panelDetails .promotionPanelBaner .transparentbackground { background: rgba(169, 169, 169, 0.7); } .restaurantBanner .panel { margin: 7% 3%; } .restaurantBanner .panel .panelImage img { border-radius: 24px; } .restaurantBanner .panel .panelDetails { height: auto; } .restaurantBanner .panel .panelDetails .promotionPanelBaner .allDetails h3 { font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #ffffff; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .restaurantBanner .panelReverse { flex-direction: row !important; } .leftContentRightImage, .reverse, .textFirst { display: flex; flex-direction: column-reverse; } #fourColumnSlider { padding-bottom: 70px; } #fourColumnSlider #sliderInfo #sliderTitleSpan { display: none; font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #0054a6; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } #fourColumnSlider #sliderInfo #sliderDetailsDiv { display: none; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } #fourColumnSlider #sliderInfo .hide { display: none !important; } #fourColumnSlider #fourColumnSliderContainer .container .fa-chevron-circle-left, #fourColumnSlider #fourColumnSliderContainer .container .fa-chevron-circle-right { display: none !important; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-prev { width: 30px; height: 30px; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list { padding: 0px 15%; width: 100%; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide { width: 15%; border: 1px solid #dfdee3; margin: 5px; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .sliderImageD { margin-bottom: 12px; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .sliderImageD .sliderImage { display: block; width: 100%; height: auto; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .sliderDescription { padding: 10px; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .sliderDescription .meterImageD { display: flex; align-items: center; flex-flow: row-reverse; margin-bottom: 5px; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .sliderDescription .meterImageD .meterImage { position: relative; width: auto; height: 49px; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .sliderDescription .slideInfo { position: relative; display: flex; place-content: flex-end; padding-bottom: 5px; padding: 0 16px; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .sliderDescription .slideInfo .secondLineD { display: flex; flex-direction: column; column-gap: 5px; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .sliderDescription .slideInfo .secondLineD .smallTitle, #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .sliderDescription .slideInfo .secondLineD span { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; padding: 10px 0; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .sliderDescription .slideInfo .secondLineD .mainTitleD .mainTitle { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; display: block; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .sliderDescription .slideDetailsD { margin: 5px 0 0 0; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .sliderDescription .slideDetailsD .slideDetails { display: block; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; margin: 8px 0 8px; padding: 0 16px; letter-spacing: 0.7px; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .moreInfoD { position: relative; bottom: 15px; padding: 10px; margin-top: 22px; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .moreInfoD a { text-decoration: none; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; padding: 0 0 0 16px; text-decoration: none; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .moreInfoD a .fa-arrow-right { color: #0054a6; padding-left: 5px; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .moreInfoD a:hover { color: #0054a6; text-decoration: underline; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-next { width: 30px; height: 30px; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-dots li button:before { font-size: 90px; content: "."; top: -25px; } #fourColumnSlider #fourColumnSliderContainer .container .hide { display: none; } .BannerWithCTA { position: relative; width: 100vw; margin: 57px 0 0 0; } .BannerWithCTA .bannerDetails { position: relative; padding: 0px 25px; text-align: left; margin-top: 21px; } .BannerWithCTA .bannerDetails h3 { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: left; font-weight: 500; letter-spacing: 0.01em; } .BannerWithCTA .bannerDetails h1 { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #1f1f1f; line-height: 36px; line-height: 2.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; text-align: left; margin: 0; } .BannerWithCTA .bannerDetails .descrption { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; text-align: left; margin: 18px 0 22px 0px; } .BannerWithCTA .bannerDetails .buttons { display: flex; flex-direction: column; justify-content: center; gap: 10px; } .BannerWithCTA .bannerDetails .buttons .SecButton { width: 213px; height: 31px; margin: 0 auto; } .BannerWithCTA .bannerDetails .buttons .SecButton a { background-color: #ffffff; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; text-align: center; text-decoration: none; border: 1px solid #0054a6; padding: 7px 18px; display: block; } .BannerWithCTA .bannerDetails .buttons .SecButton a:hover { border-radius: 2px; border: 1px solid #0074c1; background: #0074c1; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; line-height: normal; font-weight: 500; } .BannerWithCTA .bannerDetails .buttons .FirstButton { width: 213px; height: 31px; margin: 0 auto; } .BannerWithCTA .bannerDetails .buttons .FirstButton a { background-color: #0054a6; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; text-align: center; text-decoration: none; border: 1px solid #0054a6; padding: 7px 18px; display: block; } .BannerWithCTA .bannerDetails .buttons .FirstButton a:hover { border-radius: 2px; border: 1px solid #0074c1; background: #ffffff; color: #0074c1; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-style: normal; font-weight: 500; line-height: normal; } .BannerWithCTA .Mobile_Image img { width: 100vw; } .BannerWithCTA .restaurantBanner { padding: 24px; margin: 0 12px; } .BannerWithCTA .restaurantBanner h1 { font-family: "Roboto Slab", serif; font-size: 32px; font-size: 2rem; color: #1f1f1f; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .BannerWithCTA .restaurantBanner .descrption { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 16px 0 24px 0px; } .BannerWithCTA .restaurantBanner .buttons { gap: 15px; } .BannerWithCTA .restaurantBanner .buttons .FirstButton { width: 100%; height: 40px; } .BannerWithCTA .restaurantBanner .buttons .FirstButton a { display: flex; width: auto; height: 40px; min-width: 150px; padding: 4px 24px; justify-content: center; align-items: center; border-radius: 4px; background-color: #0074c1; outline: none; font-weight: 600; border: unset; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .BannerWithCTA .restaurantBanner .buttons .FirstButton a:hover { background-color: #1890e0; border-radius: 4px; font-weight: 600; border: unset; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .BannerWithCTA .restaurantBanner .buttons .FirstButton a:focus { border: 2px dashed #1f1f1f; } .BannerWithCTA .restaurantBanner .buttons .FirstButton a:active { background-color: #0054a6; } .BannerWithCTA .restaurantBanner .buttons .SecButton { width: 100%; height: 40px; } .BannerWithCTA .restaurantBanner .buttons .SecButton a { display: flex; justify-content: center; align-items: center; min-width: 150px; padding: 4px 24px; width: auto; height: 40px; border-radius: 4px; border: 2px solid #0074c1; outline: none; font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .BannerWithCTA .restaurantBanner .buttons .SecButton a:hover { border: 2px solid #1890e0; font-weight: 600; border-radius: 4px; background: #ffffff; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1890e0; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .BannerWithCTA .restaurantBanner .buttons .SecButton a:focus { border: 2px dashed #1f1f1f; color: #1890e0; } .BannerWithCTA .restaurantBanner .buttons .SecButton a:active { border: 2px solid #0054a6; color: #0054a6; } .nColumnGalleryWrapper { margin: 40px 6%; max-width: 1040px; margin: 0 auto; } .nColumnGalleryWrapper .nColumnGalleryInfo .nColumnGallerySpan { display: none; font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #0054a6; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .nColumnGalleryWrapper .nColumnGalleryInfo .nColumnGalleryDetailsDiv { display: none; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .nColumnGalleryWrapper .nColumnGalleryInfo .nColumnGalleryImageDiv { display: none; } .nColumnGalleryWrapper .nColumnGalleryInfo .hide { display: none !important; } .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery { display: flex; flex-direction: row; margin: 20px; } .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem { border: 1px solid #dfdee3; margin: 10px 0 5px 0; } .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .mainImageD { margin-bottom: 12px; } .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .mainImageD .mainImage { display: block; width: 230px; height: 150px; margin-left: auto; margin-right: auto; } .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo { padding: 14px; } .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .smallTitle { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; padding: 10px 0; } .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .mainTitleD .mainTitle { display: block; font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; } .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .nColumnGallerDetailsD { margin: 5px 0 45px 0; } .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .nColumnGallerDetailsD .nColumnGallerDetails { display: block; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 26px; line-height: 1.625rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; margin: 10px 0 15px; } .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .ScaleImageD { width: 100%; } .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .ScaleImageD .ScaleImage { margin-left: auto; margin-right: auto; } .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD { display: flex; flex-direction: column; margin-top: 40px; } .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD p { margin-bottom: 10px; } .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD p a { text-decoration: none; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; } .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD p a .fa-arrow-right { color: #0054a6; } .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD p a:hover { color: #0054a6; text-decoration: underline; } .nColumnGalleryWrapper .nColumnGalleryContainer .fourColumn { display: block; position: relative; } .nColumnGalleryWrapper .nColumnGalleryContainer .fourColumn .nColumnGalleryItem { width: 100%; } .nColumnGalleryWrapper .nColumnGalleryContainer .fourColumn .nColumnGalleryItem .mainImageD { width: 100%; } .nColumnGalleryWrapper .nColumnGalleryContainer .fourColumn .nColumnGalleryItem .mainImageD .mainImage { width: 100%; height: auto; } .nColumnGalleryWrapper .nColumnGalleryContainer .threeColumn { display: block; position: relative; } .nColumnGalleryWrapper .nColumnGalleryContainer .threeColumn .nColumnGalleryItem .mainImageD .mainImage { width: 100%; height: auto; } .nColumnGalleryWrapper .nColumnGalleryContainer .threeColumn .nColumnGalleryItem .nColumnGalleryInfo .ScaleImageD .ScaleImage { width: 100%; } .nColumnGalleryWrapper .nColumnGalleryContainer .twoColumn { display: block; position: relative; } .nColumnGalleryWrapper .nColumnGalleryContainer .twoColumn .nColumnGalleryItem .mainImageD .mainImage { width: 100%; height: auto; } .nColumnGalleryWrapper .nColumnGalleryContainer .twoColumn .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD { margin-top: 20px; } .fullWidth { width: 100%; max-width: 100%; margin: 0 auto; background-color: #ffffff; } .fullWidth .nColumnGallery { max-width: 1024px; margin: 0 auto; } .fullWidth .nColumnGallery .nColumnGalleryItem { background-color: #ffffff; } .fullWidthBlue { width: 100%; max-width: 100%; margin: 0 auto; background-color: #0074c1; } .fullWidthBlue .nColumnGallery { max-width: 1024px; margin: 0 auto; } .fullWidthBlue .nColumnGallery .nColumnGalleryItem { background-color: #ffffff; } .TopRecommendedProducts .nColumnGalleryInfo .nColumnGallerySpan { display: block; font-weight: 400; line-height: 24px; text-align: left; color: #1f1f1f; } .TopRecommendedProducts .nColumnGalleryContainer .nColumnGallery { margin: 0px; } .TopRecommendedProducts .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem { border: 2px solid #e8e8e8; } .TopRecommendedProducts .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .mainImageD { margin-bottom: 0px; } .TopRecommendedProducts .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .mainImageD .mainImage { border-bottom: 2px solid #e8e8e8; } .TopRecommendedProducts .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .nColumnGallerDetailsD { margin: 0px; } .TopRecommendedProducts .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .nColumnGallerDetailsD .nColumnGallerDetails { margin: 0px; } .TopRecommendedProducts .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD { margin-top: 0px; } .TopRecommendedPDPProducts { width: 100%; max-width: 100%; background-color: #0054a6; margin-top: 15px; padding: 5px; } .TopRecommendedPDPProducts .nColumnGalleryInfo .nColumnGallerySpan { display: block; color: #ffffff; font-weight: 400; line-height: 24px; padding: 20px 0 0 20px; font-size: 16px; } .TopRecommendedPDPProducts .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem { background-color: #ffffff; display: inline-block; width: 49%; margin: 0px 0px 5px 0; } .TopRecommendedPDPProducts .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .mainImageD { margin-bottom: 0px; } .TopRecommendedPDPProducts .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .mainImageD .mainImage { border-bottom: 1px solid #e8e8e8; } .TopRecommendedPDPProducts .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo { height: 120px; } .TopRecommendedPDPProducts .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .nColumnGallerDetailsD { margin: 0px; } .TopRecommendedPDPProducts .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .nColumnGallerDetailsD .nColumnGallerDetails { margin: 0px; } .TopRecommendedPDPProducts .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD { margin-top: 0px; } .TopRecommendedPDPProducts .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD .moreInfoP1 { margin: 0px; } .restaurantNColumnGallery { background-repeat: repeat; } .restaurantNColumnGallery .nColumnGalleryInfo { text-align: center; padding: 48px 24px 24px 24px !important; } .restaurantNColumnGallery .nColumnGalleryInfo .nColumnGalleryHeading { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; margin-bottom: 8px; } .restaurantNColumnGallery .nColumnGalleryInfo .nColumnGallerySpan { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #1f1f1f; line-height: 33px; line-height: 2.0625rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .restaurantNColumnGallery .nColumnGalleryInfo .nColumnGalleryDetailsDiv { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; margin-top: 16px; } .restaurantNColumnGallery .nColumnGalleryInfo .show { display: block !important; } .restaurantNColumnGallery .nColumnGalleryInfo .white { color: #ffffff; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery { padding-bottom: 24px; margin: 20px 20px 0 20px; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem { border-radius: 24px; color: #ffffff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); margin: 10px 0 20px 0; border: unset; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .mainImageD { margin-bottom: unset; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .mainImageD .mainImage { border-radius: 24px 24px 0px 0px; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo { padding: 24px !important; text-align: unset; background-color: #ffffff; border-radius: 0px 0px 24px 24px; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .mainTitleD .mainTitle { font-family: "Roboto Slab", serif; font-size: 18px; font-size: 1.125rem; color: #1f1f1f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .mainTitleD .mainTitle a { color: #1f1f1f; font-weight: 700; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .nColumnGallerDetailsD { margin: 16px 0 0 0; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .nColumnGallerDetailsD .nColumnGallerDetails { margin: unset; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD { margin-top: 24px; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD p { margin: unset; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD p a { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD p a .fa-arrow-right { color: #0074c1; padding-left: 8px; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD p a:hover { color: #1890e0; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .moreInfoD p a:hover .fa-arrow-right { color: #1890e0; } .nColumnVideoGalleryWrapper { margin: 40px 6%; width: 100%; margin: 0 auto; } .nColumnVideoGalleryWrapper .hide { display: none !important; } .nColumnVideoGalleryWrapper .background, .nColumnVideoGalleryWrapper .noBcakgroundImage { padding: 32px 12px; margin: 0 auto; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryInfo, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryInfo { padding: 24px; margin: 0 auto; text-align: center; margin-bottom: 24px; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryInfo .nColumnVideoGalleryHeadingDiv, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryInfo .nColumnVideoGalleryHeadingDiv { display: block; font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #ffffff; line-height: 33px; line-height: 2.0625rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: center; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryInfo .nColumnVideoGallerySpan, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryInfo .nColumnVideoGallerySpan, .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryInfo .nColumnVideoGalleryDescriptionDiv, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryInfo .nColumnVideoGalleryDescriptionDiv { display: block; margin-top: 16px; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; text-align: center; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryInfo .nColumnVideoGallerySpan, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryInfo .nColumnVideoGallerySpan { margin-bottom: 16px; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryInfo .hide, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryInfo .hide { display: none !important; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer { width: 100%; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper { width: 100%; display: flex; flex-direction: column; gap: 24px; align-items: flex-start; justify-content: center; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem { border-radius: 24px; margin: 10px 0 5px 0; width: 100%; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .mainImageD, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .mainImageD { border-radius: 24px 24px 0 0; overflow: hidden; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .mainImageD iframe, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .mainImageD iframe { display: block; width: 100%; height: 300px; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo { padding: 24px; background-color: white; border-radius: 0 0 24px 24px; display: flex; flex-direction: column; justify-content: flex-start; gap: 24px; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .smallTitle, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .smallTitle { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; display: block; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .mainVideoTitleD .mainVideoTitle, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .mainVideoTitleD .mainVideoTitle { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; display: block; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .nColumnGallerDetailsD .nColumnGallerDetails, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .nColumnGallerDetailsD .nColumnGallerDetails { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; display: block; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .nColumnGallerDetailsD p, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .nColumnGallerDetailsD p { margin: 0; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD { display: flex; flex-direction: column; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p, .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD .moreInfoP1, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD .moreInfoP1 { margin: 0; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p a, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p a, .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD .moreInfoP1 a, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD .moreInfoP1 a { text-decoration: none; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p a .fa-arrow-right, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p a .fa-arrow-right, .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD .moreInfoP1 a .fa-arrow-right, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD .moreInfoP1 a .fa-arrow-right { color: #0074c1; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p a .fa-arrow-right:hover, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p a .fa-arrow-right:hover, .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD .moreInfoP1 a .fa-arrow-right:hover, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD .moreInfoP1 a .fa-arrow-right:hover { color: #0054a6; text-decoration: underline; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p a .fa-arrow-right:focus, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p a .fa-arrow-right:focus, .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD .moreInfoP1 a .fa-arrow-right:focus, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD .moreInfoP1 a .fa-arrow-right:focus { border: 1px dotted #1f1f1f; color: #0054a6; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p a .fa-arrow-right:visited, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p a .fa-arrow-right:visited, .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD .moreInfoP1 a .fa-arrow-right:visited, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD .moreInfoP1 a .fa-arrow-right:visited { color: #0054a6; text-decoration: underline; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p a:hover, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p a:hover, .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD .moreInfoP1 a:hover, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD .moreInfoP1 a:hover { color: #0054a6; text-decoration: underline; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p a:focus, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p a:focus, .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD .moreInfoP1 a:focus, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD .moreInfoP1 a:focus { border: 1px dotted #1f1f1f; color: #0054a6; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p a:visited, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p a:visited, .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD .moreInfoP1 a:visited, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD .moreInfoP1 a:visited { color: #0054a6; text-decoration: underline; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .fourColumn, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryContainer .fourColumn { display: block; position: relative; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .fourColumn .nColumnVideoGalleryItem, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryContainer .fourColumn .nColumnVideoGalleryItem { width: 100%; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .fourColumn .nColumnVideoGalleryItem .mainImageD, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryContainer .fourColumn .nColumnVideoGalleryItem .mainImageD { width: 100%; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .fourColumn .nColumnVideoGalleryItem .mainImageD .mainImage, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryContainer .fourColumn .nColumnVideoGalleryItem .mainImageD .mainImage { width: 100%; height: auto; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .threeColumn, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryContainer .threeColumn { display: block; position: relative; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .threeColumn .nColumnVideoGalleryItem .mainImageD .mainImage, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryContainer .threeColumn .nColumnVideoGalleryItem .mainImageD .mainImage { width: 100%; height: auto; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .threeColumn .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .ScaleImageD .ScaleImage, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryContainer .threeColumn .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .ScaleImageD .ScaleImage { width: 100%; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .twoColumn, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryContainer .twoColumn { display: block; position: relative; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .twoColumn .nColumnVideoGalleryItem .mainImageD .mainImage, .nColumnVideoGalleryWrapper .noBcakgroundImage .nColumnVideoGalleryContainer .twoColumn .nColumnVideoGalleryItem .mainImageD .mainImage { width: 100%; height: auto; } .nColumnVideoGalleryWrapper .noBcakgroundImage { background: linear-gradient(180deg, rgba(15, 98, 254, 0.03) 0%, rgba(255, 255, 255, 0.3) 100%); } .containerWidth { width: 100%; max-width: 1100px; margin: 0 auto; background-color: #ffffff; } .containerWidth .nColumnVideoGallery { max-width: 1024px; margin: 0 auto; } .containerWidth .nColumnVideoGallery .nColumnVideoGalleryItem { background-color: #ffffff; } .containerWidthBlue { width: 100%; max-width: 1100px; margin: 0 auto; background-color: #0074c1; } .containerWidthBlue .nColumnVideoGallery { max-width: 1024px; margin: 0 auto; } .containerWidthBlue .nColumnVideoGallery .nColumnVideoGalleryItem { background-color: #ffffff; } .TopRecommendedProducts .nColumnVideoGalleryInfo .nColumnVideoGallerySpan { display: block; font-weight: 400; line-height: 24px; text-align: left; color: #1f1f1f; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery { margin: 0px; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem { border: 2px solid #e8e8e8; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .mainImageD { margin-bottom: 0px; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .mainImageD .mainImage { border-bottom: 2px solid #e8e8e8; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .nColumnGallerDetailsD { margin: 0px; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .nColumnGallerDetailsD .nColumnGallerDetails { margin: 0px; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD { margin-top: 0px; } .TopRecommendedPDPProducts { width: 100%; max-width: 100%; background-color: #0054a6; margin-top: 15px; padding: 5px; } .TopRecommendedPDPProducts .nColumnVideoGalleryInfo .nColumnVideoGallerySpan { display: block; color: #ffffff; font-weight: 400; line-height: 24px; padding: 20px 0 0 20px; font-size: 16px; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem { background-color: #ffffff; display: inline-block; width: 49%; margin: 0px 0px 5px 0; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .mainImageD { margin-bottom: 0px; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .mainImageD .mainImage { border-bottom: 1px solid #e8e8e8; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo { height: 120px; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .nColumnGallerDetailsD { margin: 0px; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .nColumnGallerDetailsD .nColumnGallerDetails { margin: 0px; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD { margin-top: 0px; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD .moreInfoP1 { margin: 0px; } .restaurantnColumnVideoGallery { background-repeat: repeat; } .restaurantnColumnVideoGallery .nColumnVideoGalleryInfo { text-align: center; padding: 24px !important; } .restaurantnColumnVideoGallery .nColumnVideoGalleryInfo .nColumnVideoGalleryHeading { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; margin-bottom: 10px; } .restaurantnColumnVideoGallery .nColumnVideoGalleryInfo .nColumnVideoGallerySpan { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #1f1f1f; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .restaurantnColumnVideoGallery .nColumnVideoGalleryInfo .nColumnVideoGalleryDetailsDiv { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; margin-top: 10px; } .restaurantnColumnVideoGallery .nColumnVideoGalleryInfo .show { display: block !important; } .restaurantnColumnVideoGallery .nColumnVideoGalleryInfo .white { color: #ffffff; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery { padding-bottom: 15px; margin: 20px 20px 0 20px; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem { border-radius: 24px; color: #ffffff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); margin: 10px 0 20px 0; border: unset; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .mainImageD { margin-bottom: unset; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .mainImageD .mainImage { border-radius: 24px 24px 0px 0px; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo { padding: 24px !important; text-align: unset; background-color: #ffffff; border-radius: 0px 0px 24px 24px; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .mainTitleD .mainTitle { font-family: "Roboto Slab", serif; font-size: 18px; font-size: 1.125rem; color: #1f1f1f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .mainTitleD .mainTitle a { color: #1f1f1f; font-weight: 700; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .nColumnGallerDetailsD { margin: 16px 0 0 0; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .nColumnGallerDetailsD .nColumnGallerDetails { margin: unset; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD { margin-top: 36px; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD p { margin: 0 0 10px 0; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD p a { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD p a .fa-arrow-right { color: #0074c1; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD p a:hover { color: #0074c1; } .mcp-survey-form #evg-surveys, .pizza-mcp-survey-form #evg-surveys { background: #0054a6; padding-bottom: 55px; padding-top: 55px; width: 100%; margin: 0 auto; } .mcp-survey-form #evg-surveys .sv_main, .pizza-mcp-survey-form #evg-surveys .sv_main { padding: 25px; background-color: #ffffff; border-radius: 4px; } .mcp-survey-form #evg-surveys .sv_main input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):focus, .pizza-mcp-survey-form #evg-surveys .sv_main input:not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="image"]):not([type="checkbox"]):not([type="radio"]):focus, .mcp-survey-form #evg-surveys .sv_main select:focus, .pizza-mcp-survey-form #evg-surveys .sv_main select:focus { border: 1px solid #0054a6; } .mcp-survey-form #evg-surveys .sv_main .sv_select_wrapper:before, .pizza-mcp-survey-form #evg-surveys .sv_main .sv_select_wrapper:before { background-color: #ffffff; background-image: url(../../GMFS/Assets/Images/polyline5673.svg); } .mcp-survey-form #evg-surveys .sv_main form, .pizza-mcp-survey-form #evg-surveys .sv_main form { max-width: 694px; } .mcp-survey-form #evg-surveys .sv_main form .sv_custom_header, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_custom_header { width: auto; } .mcp-survey-form #evg-surveys .sv_main form .sv_container, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container { margin: 0 auto; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_header, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_header { background-color: #ffffff; padding: 0; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_header h3, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_header h3 { margin: unset; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_header h3 span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_header h3 span { font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; text-transform: unset; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body { border-top: none; margin: 15px 0; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root { padding: 0 7px; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root h4, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root h4, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root h4, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root h4, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root h4, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_page_title, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_page_title, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_page_title, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_page_title, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_page_title, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_page_title, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_page_title, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_page_title, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_page_title, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_page_title { background-color: #ffffff; margin: 0; padding: 0; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root h4 span, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root h4 span, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root h4 span, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root h4 span, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root h4 span, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_page_title span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_page_title span, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_page_title span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_page_title span, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_page_title span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_page_title span, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_page_title span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_page_title span, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_page_title span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_page_title span { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; position: static; width: auto; display: block; margin: 0 auto; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row { margin-top: 18px; margin-bottom: 20px; border-bottom: none; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q { padding: 0; background-color: white; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q h5 { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 26px; line-height: 1.625rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-style: normal; margin: 0 0 22px; font-weight: 600; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q h5 .sv_q_num, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q h5 .sv_q_num, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q h5 .sv_q_num, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q h5 .sv_q_num, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q h5 .sv_q_num, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q h5 .sv_q_num, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q h5 .sv_q_num, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q h5 .sv_q_num, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q h5 .sv_q_num, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q h5 .sv_q_num { display: none; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q h5 span:nth-child(2), .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q h5 span:nth-child(2), .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q h5 span:nth-child(2), .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q h5 span:nth-child(2), .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q h5 span:nth-child(2), .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q h5 span:nth-child(2), .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q h5 span:nth-child(2), .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q h5 span:nth-child(2), .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q h5 span:nth-child(2), .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q h5 span:nth-child(2) { display: none; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q .sv_qcbc, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q .sv_qcbc, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc { padding: 0 2px; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup { margin-bottom: 8px; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row #sq_103 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row #sq_103 h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row #sq_103 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row #sq_103 h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_103 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_103 h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row #sq_103 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row #sq_103 h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row #sq_103 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row #sq_103 h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row #sq_104 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row #sq_104 h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row #sq_104 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row #sq_104 h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_104 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_104 h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row #sq_104 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row #sq_104 h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row #sq_104 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row #sq_104 h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row #sq_105 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row #sq_105 h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row #sq_105 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row #sq_105 h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_105 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_105 h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row #sq_105 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row #sq_105 h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row #sq_105 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row #sq_105 h5 { margin-bottom: 8px; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav { padding: 0; text-align: center; display: flex; flex-direction: row; justify-content: center; gap: 10px; margin-top: 40px; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav input, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav input { float: unset; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav .sv_prev_btn, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav .sv_prev_btn { display: flex; height: 40px; padding: 6px 16px; justify-content: center; align-items: center; gap: 10px; background-color: #ffffff; color: #0074c1; border-radius: 4px; border: 1.5px solid #0074c1; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav .sv_next_btn, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav .sv_next_btn, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav .sv_complete_btn, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav .sv_complete_btn { display: flex; height: 40px; padding: 6px 16px; justify-content: center; align-items: center; gap: 10px; background-color: #0074c1; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_completed_page, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_completed_page { text-align: center; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_completed_page h3, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_completed_page h3 { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; font-style: normal; text-align: center; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_completed_page h3 h3, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_completed_page h3 h3 { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; text-transform: capitalize; font-style: normal; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_completed_page h3 a, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_completed_page h3 a { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; font-style: normal; } .mcp-survey-form #evg-surveys .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_102 h5, .pizza-mcp-survey-form #evg-surveys .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_102 h5 { margin-bottom: 8px; } .mcp-survey-form #evg-surveys .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_104 .sv_q_title, .pizza-mcp-survey-form #evg-surveys .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_104 .sv_q_title, .mcp-survey-form #evg-surveys .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_105 .sv_q_title, .pizza-mcp-survey-form #evg-surveys .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_105 .sv_q_title { display: none; } .mcp-survey-form #evg-surveys .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_104 .sv_q_checkbox_label span, .pizza-mcp-survey-form #evg-surveys .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_104 .sv_q_checkbox_label span, .mcp-survey-form #evg-surveys .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_105 .sv_q_checkbox_label span, .pizza-mcp-survey-form #evg-surveys .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_105 .sv_q_checkbox_label span { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .mcp-survey-form #evg-surveys .k12_main #sq_105 .sv_q_title, .pizza-mcp-survey-form #evg-surveys .k12_main #sq_105 .sv_q_title, .mcp-survey-form #evg-surveys .k12_main #sq_106 .sv_q_title, .pizza-mcp-survey-form #evg-surveys .k12_main #sq_106 .sv_q_title { display: none; } .mcp-survey-form #evg-surveys .k12_main #sq_105 .sv_q_checkbox_label span, .pizza-mcp-survey-form #evg-surveys .k12_main #sq_105 .sv_q_checkbox_label span, .mcp-survey-form #evg-surveys .k12_main #sq_106 .sv_q_checkbox_label span, .pizza-mcp-survey-form #evg-surveys .k12_main #sq_106 .sv_q_checkbox_label span { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; letter-spacing: 0.32px; font-style: normal; } .mcp-survey-form #evg-surveys.evg_pizza_crust, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust { background: url(/~/media/Images/Streamline/pizzeria_background_img.jfif) no-repeat lightgray 50%; background-size: cover; max-width: 100%; padding: 60px 12px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main { border-radius: 16px; background: #ffffff; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main .sv_q_radiogroup:has(input[type="radio"]:checked), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main .sv_q_radiogroup:has(input[type="radio"]:checked) { border: 2px solid #0074c1 !important; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main .sv_select_wrapper:before, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main .sv_select_wrapper:before { background-image: none; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main input[type="radio"]:checked, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main input[type="radio"]:checked, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main input[type="radio"]:active, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main input[type="radio"]:active, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main input[type="checkbox"]:checked, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main input[type="checkbox"]:checked { border-color: #0074c1; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main input[type="radio"]:focus, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main input[type="radio"]:focus, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main input[type="checkbox"]:focus, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main input[type="checkbox"]:focus { outline: unset; box-shadow: 0 0 5px 1px #0074c1; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main .sv_q .sv_q_dropdown_control:focus, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main .sv_q .sv_q_dropdown_control:focus { outline: 1px solid #0074c1; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main input[type="radio"], .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main input[type="radio"], .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main input[type="checkbox"], .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main input[type="checkbox"] { -webkit-appearance: none; /* Remove default appearance in Webkit browsers */ -moz-appearance: none; /* Remove default appearance in Firefox */ appearance: none; /* Remove default appearance in other browsers */ width: 15px; height: 15px; border-radius: 50%; border: 1px solid #0074c1; background-color: white; position: relative; cursor: pointer; transition: background-color 0.3s, border-color 0.3s; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main input[type="radio"]:checked::before, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main input[type="radio"]:checked::before { content: ''; position: absolute; top: 2.1px; left: 2.4px; width: 9px; height: 9px; background-color: #0074c1; border-radius: 50%; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main input[type="checkbox"]:checked::after, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main input[type="checkbox"]:checked::after { content: '\2713'; position: absolute; font-size: 14px; color: #ffffff; background-color: #0074c1; height: 17px; width: 17px; padding: 0px 2px 0px 2px; border-radius: 3px 4px 4px 4px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main #sq_103i, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main #sq_103i { max-height: 200px; overflow-y: auto !important; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav { flex-direction: column-reverse; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_start_btn, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_start_btn { display: flex; width: auto; min-width: 236px; height: 40px; padding: 4px 24px !important; justify-content: center; align-items: center; border-radius: 4px !important; background-color: #0074c1 !important; outline: none; font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_prev_btn, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_prev_btn { min-width: 236px; width: auto; border-radius: 4px; border: 2px solid #0074c1; padding: 4px 24px; outline: none; font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_next_btn, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_next_btn, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_complete_btn, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_complete_btn { min-width: 236px; text-align: center; width: auto; padding: 4px 24px; outline: none; font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-radius: 4px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_start_btn:hover, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_start_btn:hover, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_next_btn:hover, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_next_btn:hover, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_complete_btn:hover, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_complete_btn:hover { background-color: #1890e0 !important; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_start_btn:focus, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_start_btn:focus, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_next_btn:focus, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_next_btn:focus, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_complete_btn:focus, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_complete_btn:focus { border: 2px dashed #1f1f1f; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_start_btn:active, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_start_btn:active, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_next_btn:active, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_next_btn:active, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_complete_btn:active, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_complete_btn:active { background-color: #0054a6 !important; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_prev_btn:hover, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_prev_btn:hover { border: 2px solid #1890e0; color: #1890e0; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_prev_btn:focus, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_prev_btn:focus { border: 2px dashed #1f1f1f; color: #1890e0; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_prev_btn:active, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_prev_btn:active { border: 2px solid #0054a6; color: #0054a6; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div h1 { font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div h1:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div h1:nth-of-type(2) { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; margin-bottom: 12px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div img, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div img { width: 72px; height: 72px; margin-bottom: 42px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div img:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div img:nth-of-type(2) { width: 68%; height: 20.666px; transform: rotate(-0.094deg); stroke-width: 4px; stroke: #0054a6; margin-bottom: 32px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div p, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div p { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #000000; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; margin: unset; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root h1 { background-color: #ffffff; padding: unset; margin-bottom: 16px; font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; text-align: center; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root h4, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root h4, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root h4, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root h4, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root h4, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root h4, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root h4, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root h4, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root h4, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root h4 { background-color: #ffffff; padding: unset; margin: 10px 0; text-align: center; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root h4 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root h4 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root h4 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root h4 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root h4 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root h4 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root h4 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root h4 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root h4 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root h4 span { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #000000; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root h4 + div, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root h4 + div, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root h4 + div, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root h4 + div, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root h4 + div, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root h4 + div, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root h4 + div, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root h4 + div, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root h4 + div, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root h4 + div, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root h4 + div, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root h4 + div, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root h4 + div, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root h4 + div, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root h4 + div, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root h4 + div, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root h4 + div, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root h4 + div, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root h4 + div, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root h4 + div { text-align: center; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root h4 + div span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root h4 + div span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root h4 + div span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root h4 + div span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root h4 + div span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root h4 + div span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root h4 + div span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root h4 + div span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root h4 + div span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root h4 + div span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root h4 + div span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root h4 + div span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root h4 + div span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root h4 + div span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root h4 + div span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root h4 + div span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root h4 + div span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root h4 + div span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root h4 + div span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root h4 + div span { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #000000; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row { border-bottom: unset; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q { padding: unset; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control { background: url(../../GMFS/Assets/Images/polyline5673.svg) no-repeat right center; border-radius: 4px; background-position: right 10px center; filter: brightness(0.5); border: 1px solid #939598; display: flex; padding: 8px 8px 10px 9.5px; justify-content: center; align-items: center; height: 40px; margin: 32px 0 70px 0; font-weight: 400; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_qcbc, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_qcbc, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_qcbc, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_qcbc { align-items: center; display: flex; justify-content: center; flex-direction: column; margin: 32px 0 20px 0; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup { border-radius: 16px; border: 1px solid #939598; background: #ffffff; height: 40px; margin-bottom: 12px; display: flex; align-items: center; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label { width: 100%; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label input { margin: 0px 4px 5px 12px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_qcbc span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_qcbc span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_qcbc span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_qcbc span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_qcbc span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_qcbc span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_qcbc span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_qcbc span { font-weight: 400; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #000000; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q h5 span { font-weight: 700; font-family: "Roboto Slab", serif; font-size: 18px; font-size: 1.125rem; color: #0054a6; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_q_text_root:focus { border: 1px solid #0074c1; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup { width: 246px; height: 279px; align-items: center; display: flex; justify-content: center; padding: unset !important; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label { width: unset; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label img, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label img, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label img, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label img, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label img, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label img { width: 230px !important; height: 230px !important; border-radius: 12px !important; border: 1px solid #e4e4e4; margin: 8px 8px 4px 8px !important; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label span:nth-of-type(3), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label span:nth-of-type(3), .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label span:nth-of-type(3), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label span:nth-of-type(3), .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label span:nth-of-type(3), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label span:nth-of-type(3) { margin: 0 0 8px 0; display: inline-table; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label .cls_NotSure, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label .cls_NotSure, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label .cls_NotSure, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label .cls_NotSure, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label .cls_NotSure, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label .cls_NotSure { width: 230px !important; height: 230px !important; align-items: center; display: flex; justify-content: center; margin: 8px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label .cls_NotSure img, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label .cls_NotSure img, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label .cls_NotSure img, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label .cls_NotSure img, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label .cls_NotSure img, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label .cls_NotSure img { width: 48px !important; height: 48px !important; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root h4 { margin: 0 0 24px 0; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row { display: flex; justify-content: center; align-items: center; margin: 0px 0px 24px 0px; background-color: white; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row #sq_115 h5, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row #sq_115 h5, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row #sq_116 h5, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row #sq_116 h5 { display: none; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q { background-color: white; max-width: 374px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_q_text_root, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_q_text_root { border-radius: 4px; border: 1px solid #939598; background: #ffffff; padding: 12px 10px 12px 9.5px; height: 40px; font-weight: 400; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_qcbc, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_q_dropdown_control { margin: unset; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_checkbox .sv_q_checkbox_control_item, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_checkbox .sv_q_checkbox_control_item { border-radius: 4px; border: 1px solid #0074c1; background: #ffffff; width: 18px; height: 18px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q h5, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q h5 { margin: unset; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q h5 span:nth-of-type(1), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q h5 span:nth-of-type(1), .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q h5 span:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q h5 span:nth-of-type(2) { display: none; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q h5 span { font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q div:nth-of-type(2) div:nth-of-type(2) strong, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q div:nth-of-type(2) div:nth-of-type(2) strong { font-weight: 400; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row:nth-of-type(5), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row:nth-of-type(5) { margin: 0px 0px 8px 0px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page h1 { margin: 24px 0 16px 0; font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #000000; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; text-align: center; margin: 0 0 32px 0; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) { display: flex; flex-direction: column; justify-content: center; align-items: center; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) button, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) button { min-width: 236px; text-align: center; width: auto; height: 40px; padding: 4px 24px; font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-radius: 4px; outline: none; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) button:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) button:nth-of-type(2) { border: 2px solid #0074c1 !important; background: #ffffff !important; color: #0074c1 !important; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) button:nth-of-type(1):hover, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) button:nth-of-type(1):hover { background-color: #1890e0 !important; color: #ffffff !important; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) button:nth-of-type(2):hover, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) button:nth-of-type(2):hover { border: 2px solid #1890e0 !important; color: #1890e0 !important; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) button:nth-of-type(1):focus, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) button:nth-of-type(1):focus { border: 2px dashed #1f1f1f !important; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) button:nth-of-type(1):active, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) button:nth-of-type(1):active { background-color: #0054a6 !important; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) button:nth-of-type(2):focus, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) button:nth-of-type(2):focus { border: 2px dashed #1f1f1f !important; color: #1890e0 !important; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) button:nth-of-type(2):active, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) button:nth-of-type(2):active { border: 2px solid #0054a6 !important; color: #0054a6 !important; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(3), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(3) { margin: unset; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(3) a, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(3) a { display: block; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page .ResultDiv, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page .ResultDiv { align-items: center; display: flex; justify-content: center; flex-direction: column; margin: 0 0 48px 0; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page .ResultDiv .ResultChildDiv, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page .ResultDiv .ResultChildDiv { margin-bottom: 24px; width: 216px; height: 286px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page .ResultDiv .ResultChildDiv a, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page .ResultDiv .ResultChildDiv a { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-size: 16px !important; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page .ResultDiv .ResultChildDiv a:nth-of-type(2):hover, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page .ResultDiv .ResultChildDiv a:nth-of-type(2):hover { text-decoration: underline; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page .ResultDiv .ResultChildDiv img, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page .ResultDiv .ResultChildDiv img { width: 216px; height: 216px; border-radius: 12px; } .latestProductCategoryDetail .contentContainer .productCategoryWrapperK12 { background-color: #0054a6; padding: 0px 12px 32px 12px; } .latestProductCategoryDetail .contentContainer .productCategoryWrapperK12 .categoryTitleDiv { font-weight: 700; font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #ffffff; line-height: 33px; line-height: 2.0625rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 24px; } .latestProductCategoryDetail .contentContainer .productCategoryWrapperK12 .categorySubHeaderDiv { font-weight: 700; font-family: "Roboto Slab", serif; font-size: 18px; font-size: 1.125rem; color: #ffffff; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 12px; } .latestProductCategoryDetail .contentContainer .productCategoryWrapperK12 .categoryDescriptionDiv { font-weight: 400; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter { background-color: transparent; margin: 0 12px; padding: 24px 0 32px 0; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .search-bar { display: flex; align-items: center; gap: 12px; padding: 8px 16px; border: 1px solid #0054a6; border-radius: 100px; background: #ffffff; flex: 1 0 0; max-width: 500px; margin-bottom: 24px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .search-bar svg { width: 18px; height: 18px; flex-shrink: 0; cursor: pointer; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .search-bar input { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; flex: 1; border: none; outline: none; font-weight: 400; background: transparent; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .search-message { position: relative; width: 100%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .search-result { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-style: normal; font-weight: 700; text-align: left; bottom: 10px; margin-bottom: 12px; align-self: stretch; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .search-error { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #1f1f1f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; text-align: center; align-self: stretch; position: relative; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .clear-btn { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; cursor: pointer; display: none; white-space: nowrap; font-style: normal; font-weight: 400; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .sortingViewResult { height: 40px; padding: 0 0 0 16px; align-items: center; right: 12px; width: 148px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .sortingViewResult .menuSearchMenu { top: 75px; position: relative; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .sortingViewResult .sortAnchor { border-radius: 4px; border: 1px solid #d7d7d7; background: #ffffff; padding: 8px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #212121; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 0px 142px 0 0; margin-top: 3px; margin-bottom: 24px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header .view-toggle { position: relative; left: 142px; display: inline-flex; border-radius: 4px; overflow: hidden; border: 2px solid #0074c1; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header .toggle-btn { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background: #fff; border: none; padding: 4px 12px; display: flex; align-items: center; cursor: pointer; transition: background 0.2s ease, color 0.2s ease; font-style: normal; font-weight: 600; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header .toggle-btn .icon { margin-right: 6px; display: flex; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header .toggle-btn.active { background: #0074c1; color: #fff; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header .toggle-btn:not(:last-child) { border-right: 2px solid #0074c1; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header .toggle-btn.active:hover { background: #005a9e; } @media (max-width: 415px) { .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header .toggle-btn { font-size: 12px; /* shrink font */ padding: 4px 8px; /* tighter padding */ white-space: nowrap; /* prevent wrapping */ } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header .toggle-btn .icon { margin-right: 4px; /* less space between icon & text */ } } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header h3 { top: 40px; position: relative; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems { padding: 24px 0 0 0; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid { padding-top: unset; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li { width: 100%; margin-bottom: 16px; padding: 12px; border-radius: 4px; flex-direction: column; justify-content: center; align-items: flex-start; display: flex; border: 1px solid #d7d7d7; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium > a { margin-bottom: 16px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium > a .li-img img { height: 100%; width: 100%; border: unset; display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; aspect-ratio: 1; max-width: unset; max-height: unset; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .li-text { padding-top: 16px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .properties span { font-weight: 400; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #727272; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .li-text > a { font-weight: 600; letter-spacing: unset; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li span p { margin: 0 0 4px 0; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li:nth-child(4n) { margin-right: 0; } .k12ProductCategoryLanding .gallery-header { width: 100%; text-align: right; float: none; } .k12ProductCategoryLanding .totalCount { font-weight: 400; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 24px; text-align: right; } .k12ProductCategoryLanding .contentContainer .productCategoryWrapperK12 .categoryTitleDiv { margin: 0 auto 24px; } .k12ProductCategoryLanding .contentContainer .productCategoryWrapperK12 .categorySubHeaderDiv { margin: 0 auto 12px; } .k12ProductCategoryLanding .contentContainer .productCategoryWrapperK12 .categoryDescriptionDiv { margin: 0 auto; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .sortingViewResult .sortResultView { position: relative; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder { top: 10%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown { width: 100%; background: white; top: 75px; max-height: 86%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header { vertical-align: text-top; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header .showFiltersLink { display: inline-block; width: 57%; margin-bottom: 16px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header .showFiltersLink span { font-weight: 700; font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #333333; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header .clearFacetsSelection { background: #ffffff; border: none; position: relative; display: inline-block; text-align: right; text-decoration: underline; margin-bottom: 16px; padding: 0; font-weight: 400; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; text-transform: none; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer { margin: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer h3 label, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer h3 label { font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer .hiddenToggleCheck:checked ~ h3 label:after, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer .hiddenToggleCheck:checked ~ h3 label:after { color: #0054a6; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer ul li, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer ul li { padding-bottom: 16px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer ul li label, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer ul li label { font-weight: 400; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; display: flex; align-items: center; gap: 8px; align-self: stretch; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer ul li .contentListFacetName, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer ul li .contentListFacetName { display: inline; padding-top: 1px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .bottomButtons { background: #ffffff; padding: 12px 0; border-top: 1px solid #333333; position: fixed; bottom: 0; left: 0; width: 100%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .bottomButtons .closeFacetsContainer { text-align: center; width: 90%; background: #0074c1; font-weight: 600; padding: 4px 20px; border: 1px solid #0074c1; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-decoration: none; display: block; position: unset; margin: 0 auto; border-radius: 4px; text-transform: none; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .bottomButtons .closeFacetsContainer:hover { background: #ffffff; color: #0074c1; text-decoration: none; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .bottomButtons .whiteButton { text-align: center; width: 90%; background: #ffffff; color: #0074c1; border: 1px solid #0074c1; padding: 4px 20px; font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-decoration: none; display: block; margin: 16px auto; position: unset; border-radius: 4px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .bottomButtons .whiteButton:hover { background: #0074c1; color: #ffffff; text-decoration: none; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems { position: relative; padding: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer { padding-bottom: 20px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .hideAndShowDivFacetContainer { display: flex; padding: 16px; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; background: #F5F5F5; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv { display: flex; padding: 8px; align-items: center; gap: 10px; flex-wrap: wrap; margin-left: -9px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv .selectedFacet { display: flex; padding: 8px; justify-content: center; align-items: center; gap: 8px; border-radius: 6px; border: 1px solid #888; background: #FFF; cursor: pointer; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv .selectedFacet .filterText { color: #212121; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv .selectedFacet .filterCloseImage { width: 16px; height: 16px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings { display: flex; justify-content: space-between; align-items: center; align-self: stretch; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings .selectedFilterTitle { color: #212121; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings .clearFacetsSelectionFilter { color: #212121; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; cursor: pointer; text-decoration: underline; color: #0074c1; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings .clearFacetsSelectionFilter:hover { color: #0054a6; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetsContainer { position: relative; width: 30%; display: flex; height: 40px; align-items: center; background: #0074c1; color: white; margin: 0 0 24px; padding: 0; border-radius: 4px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetsContainer .showPanelToSelectFacets { width: 100%; padding: 4px 20px; position: relative; height: auto; width: auto; line-height: 28px; border-right: none; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetsContainer .showPanelToSelectFacets .toggleFilterImage { background: url('/GMFS/Assets/images/vector.png'); } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetsContainer .showPanelToSelectFacets .toggleFilter { font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: center; display: inline-block; width: 100%; text-align: justify; margin: 0; padding-left: 10px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li { justify-content: unset; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: flex-start; position: absolute; row-gap: 2px; z-index: 1; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .k12RegReadyTag, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .newItem, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .bestSeller, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .coolSchoolTag { margin: 0; background-color: #ffffff; padding: 4px 8px; font-weight: 600; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #1f1f1f; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-radius: 4px; display: inline-flex; padding: 0px 4px; justify-content: center; align-items: center; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .k12RegReadyTag { color: #058938; border: 1px solid #058938; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .newItem { color: #db3700; margin-left: 0; border: 1px solid #db3700; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .bestSeller { color: #0054a6; border: 1px solid #0054a6; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .coolSchoolTag { color: #551a8b; border: 1px solid #551a8b; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium { display: flex; flex-direction: column; justify-content: space-between; height: 100%; position: relative; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium a .li-img img { height: 452px; aspect-ratio: 1; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium .li-text { padding-top: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium span p { margin: 0; padding: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium .ProductNumber { margin-top: 8px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent img { width: 100%; height: auto; object-fit: contain; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent a { margin-bottom: 24px; font-size: inherit; line-height: inherit; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent a img { margin-right: 0; border-radius: 4px 4px 0 0; width: 100%; height: auto; object-fit: contain; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent .li-text { padding: 16px 12px; text-align: center; padding-top: 0px 12px 16px; flex-grow: 1; margin: 0 auto; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent .li-text a { width: 100%; display: block; margin-bottom: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent .li-text .customCardDescription { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-style: normal; font-weight: 600; text-align: center; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent .li-text .customCardButton { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-top: 12px; background: #fff; padding: 4px 20px; border-radius: 4px; text-decoration: none; font-style: normal; font-weight: 600; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView { flex-direction: column; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li { width: 100%; padding: 12px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium > a { grid-row-start: 1; grid-row-end: 4; display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium > a .li-img img { max-width: 100%; height: 100%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium { display: grid; grid-template-columns: 84px 1fr; grid-template-rows: auto auto; column-gap: 16px; max-width: 500px; row-gap: 4px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium .tags { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; position: relative; gap: 8px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium .ProductNumber { grid-column: 2; grid-row: 3; margin-top: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium .li-text { grid-column: 2; grid-row: 2; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent { display: flex; flex-direction: row; align-items: stretch; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent img { object-fit: unset; width: 40%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent .li-text { gap: 12px; flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 24px; color: #fff; box-sizing: border-box; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent .li-text a { width: 100%; display: block; margin-bottom: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent .li-text .customCardDescription { text-align: left; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent .li-text .customCardButton { margin-top: 0; width: 84%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .backToTopIconPlacement { opacity: 70%; position: fixed; top: 585px; right: 14px; visibility: hidden; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .backToTopIconPlacement .mainBlueIcon { cursor: pointer; width: 72px; height: 72px; flex-shrink: 0; aspect-ratio: 1; float: right; position: relative; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .backToTopIconPlacement .arrowImage { width: 24.257px; height: 14.128px; stroke-width: 2px; stroke: var(--White, #ffffff); position: absolute; bottom: 46px; right: 24px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .backToTopIconPlacement .topToBottomText { color: var(--White, #ffffff); text-align: center; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 600; line-height: 120%; width: 46px; position: absolute; bottom: 11px; right: 12px; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer h3 label { font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer .hiddenToggleCheck:checked ~ h3 label:after { color: #0054a6; } .latestProductCategoryDetail .contentContainer .productCategoryWrapperK12 { background-color: #0054a6; padding: 0px 12px 32px 12px; } .latestProductCategoryDetail .contentContainer .productCategoryWrapperK12 .categoryTitleDiv { font-weight: 700; font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #ffffff; line-height: 33px; line-height: 2.0625rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 24px; } .latestProductCategoryDetail .contentContainer .productCategoryWrapperK12 .categorySubHeaderDiv { font-weight: 700; font-family: "Roboto Slab", serif; font-size: 18px; font-size: 1.125rem; color: #ffffff; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 12px; } .latestProductCategoryDetail .contentContainer .productCategoryWrapperK12 .categoryDescriptionDiv { font-weight: 400; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter { background-color: transparent; margin: 0 12px; padding: 24px 0 32px 0; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .search-bar { display: flex; align-items: center; gap: 12px; padding: 8px 16px; border: 1px solid #0054a6; border-radius: 100px; background: #ffffff; flex: 1 0 0; max-width: 500px; margin-bottom: 24px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .search-bar svg { width: 18px; height: 18px; flex-shrink: 0; cursor: pointer; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .search-bar input { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; flex: 1; border: none; outline: none; font-weight: 400; background: transparent; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .search-message { position: relative; width: 100%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .search-result { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-style: normal; font-weight: 700; text-align: left; bottom: 10px; margin-bottom: 12px; align-self: stretch; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .search-error { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #1f1f1f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; text-align: center; align-self: stretch; position: relative; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .clear-btn { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; cursor: pointer; display: none; white-space: nowrap; font-style: normal; font-weight: 400; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .sortingViewResult { height: 40px; padding: 0 0 0 16px; align-items: center; right: 12px; width: 148px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .sortingViewResult .menuSearchMenu { top: 75px; position: relative; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .sortingViewResult .sortAnchor { border-radius: 4px; border: 1px solid #d7d7d7; background: #ffffff; padding: 8px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #212121; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 0px 142px 0 0; margin-top: 3px; margin-bottom: 24px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header .view-toggle { position: relative; left: 142px; display: inline-flex; border-radius: 4px; overflow: hidden; border: 2px solid #0074c1; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header .toggle-btn { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background: #fff; border: none; padding: 4px 12px; display: flex; align-items: center; cursor: pointer; transition: background 0.2s ease, color 0.2s ease; font-style: normal; font-weight: 600; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header .toggle-btn .icon { margin-right: 6px; display: flex; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header .toggle-btn.active { background: #0074c1; color: #fff; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header .toggle-btn:not(:last-child) { border-right: 2px solid #0074c1; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header .toggle-btn.active:hover { background: #005a9e; } @media (max-width: 415px) { .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header .toggle-btn { font-size: 12px; /* shrink font */ padding: 4px 8px; /* tighter padding */ white-space: nowrap; /* prevent wrapping */ } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header .toggle-btn .icon { margin-right: 4px; /* less space between icon & text */ } } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header h3 { top: 40px; position: relative; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems { padding: 24px 0 0 0; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid { padding-top: unset; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li { width: 100%; margin-bottom: 16px; padding: 12px; border-radius: 4px; flex-direction: column; justify-content: center; align-items: flex-start; display: flex; border: 1px solid #d7d7d7; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium > a { margin-bottom: 16px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium > a .li-img img { height: 100%; width: 100%; border: unset; display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; aspect-ratio: 1; max-width: unset; max-height: unset; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .li-text { padding-top: 16px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .properties span { font-weight: 400; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #727272; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .li-text > a { font-weight: 600; letter-spacing: unset; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li span p { margin: 0 0 4px 0; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li:nth-child(4n) { margin-right: 0; } .k12ProductCategoryLanding .gallery-header { width: 100%; text-align: right; float: none; } .k12ProductCategoryLanding .totalCount { font-weight: 400; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 24px; text-align: right; } .k12ProductCategoryLanding .contentContainer .productCategoryWrapperK12 .categoryTitleDiv { margin: 0 auto 24px; } .k12ProductCategoryLanding .contentContainer .productCategoryWrapperK12 .categorySubHeaderDiv { margin: 0 auto 12px; } .k12ProductCategoryLanding .contentContainer .productCategoryWrapperK12 .categoryDescriptionDiv { margin: 0 auto; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .sortingViewResult .sortResultView { position: relative; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder { top: 10%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown { width: 100%; background: white; top: 75px; max-height: 86%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header { vertical-align: text-top; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header .showFiltersLink { display: inline-block; width: 57%; margin-bottom: 16px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header .showFiltersLink span { font-weight: 700; font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #333333; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header .clearFacetsSelection { background: #ffffff; border: none; position: relative; display: inline-block; text-align: right; text-decoration: underline; margin-bottom: 16px; padding: 0; font-weight: 400; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; text-transform: none; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer { margin: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer h3 label, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer h3 label { font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer .hiddenToggleCheck:checked ~ h3 label:after, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer .hiddenToggleCheck:checked ~ h3 label:after { color: #0054a6; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer ul li, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer ul li { padding-bottom: 16px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer ul li label, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer ul li label { font-weight: 400; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; display: flex; align-items: center; gap: 8px; align-self: stretch; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer ul li .contentListFacetName, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer ul li .contentListFacetName { display: inline; padding-top: 1px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .bottomButtons { background: #ffffff; padding: 12px 0; border-top: 1px solid #333333; position: fixed; bottom: 0; left: 0; width: 100%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .bottomButtons .closeFacetsContainer { text-align: center; width: 90%; background: #0074c1; font-weight: 600; padding: 4px 20px; border: 1px solid #0074c1; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-decoration: none; display: block; position: unset; margin: 0 auto; border-radius: 4px; text-transform: none; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .bottomButtons .closeFacetsContainer:hover { background: #ffffff; color: #0074c1; text-decoration: none; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .bottomButtons .whiteButton { text-align: center; width: 90%; background: #ffffff; color: #0074c1; border: 1px solid #0074c1; padding: 4px 20px; font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-decoration: none; display: block; margin: 16px auto; position: unset; border-radius: 4px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .bottomButtons .whiteButton:hover { background: #0074c1; color: #ffffff; text-decoration: none; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems { position: relative; padding: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer { padding-bottom: 20px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .hideAndShowDivFacetContainer { display: flex; padding: 16px; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; background: #F5F5F5; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv { display: flex; padding: 8px; align-items: center; gap: 10px; flex-wrap: wrap; margin-left: -9px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv .selectedFacet { display: flex; padding: 8px; justify-content: center; align-items: center; gap: 8px; border-radius: 6px; border: 1px solid #888; background: #FFF; cursor: pointer; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv .selectedFacet .filterText { color: #212121; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv .selectedFacet .filterCloseImage { width: 16px; height: 16px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings { display: flex; justify-content: space-between; align-items: center; align-self: stretch; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings .selectedFilterTitle { color: #212121; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings .clearFacetsSelectionFilter { color: #212121; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; cursor: pointer; text-decoration: underline; color: #0074c1; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings .clearFacetsSelectionFilter:hover { color: #0054a6; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetsContainer { position: relative; width: 30%; display: flex; height: 40px; align-items: center; background: #0074c1; color: white; margin: 0 0 24px; padding: 0; border-radius: 4px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetsContainer .showPanelToSelectFacets { width: 100%; padding: 4px 20px; position: relative; height: auto; width: auto; line-height: 28px; border-right: none; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetsContainer .showPanelToSelectFacets .toggleFilterImage { background: url('/GMFS/Assets/images/vector.png'); } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetsContainer .showPanelToSelectFacets .toggleFilter { font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: center; display: inline-block; width: 100%; text-align: justify; margin: 0; padding-left: 10px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li { justify-content: unset; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags { display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: flex-start; position: absolute; row-gap: 2px; z-index: 1; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .k12RegReadyTag, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .newItem, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .bestSeller, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .coolSchoolTag { margin: 0; background-color: #ffffff; padding: 4px 8px; font-weight: 600; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #1f1f1f; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-radius: 4px; display: inline-flex; padding: 0px 4px; justify-content: center; align-items: center; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .k12RegReadyTag { color: #058938; border: 1px solid #058938; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .newItem { color: #db3700; margin-left: 0; border: 1px solid #db3700; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .bestSeller { color: #0054a6; border: 1px solid #0054a6; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .coolSchoolTag { color: #551a8b; border: 1px solid #551a8b; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium { display: flex; flex-direction: column; justify-content: space-between; height: 100%; position: relative; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium a .li-img img { height: 452px; aspect-ratio: 1; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium .li-text { padding-top: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium span p { margin: 0; padding: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium .ProductNumber { margin-top: 8px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent img { width: 100%; height: auto; object-fit: contain; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent a { margin-bottom: 24px; font-size: inherit; line-height: inherit; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent a img { margin-right: 0; border-radius: 4px 4px 0 0; width: 100%; height: auto; object-fit: contain; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent .li-text { padding: 16px 12px; text-align: center; padding-top: 0px 12px 16px; flex-grow: 1; margin: 0 auto; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent .li-text a { width: 100%; display: block; margin-bottom: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent .li-text .customCardDescription { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-style: normal; font-weight: 600; text-align: center; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .customCardContent .li-text .customCardButton { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-top: 12px; background: #fff; padding: 4px 20px; border-radius: 4px; text-decoration: none; font-style: normal; font-weight: 600; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView { flex-direction: column; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li { width: 100%; padding: 12px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium > a { grid-row-start: 1; grid-row-end: 4; display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium > a .li-img img { max-width: 100%; height: 100%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium { display: grid; grid-template-columns: 84px 1fr; grid-template-rows: auto auto; column-gap: 16px; max-width: 500px; row-gap: 4px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium .tags { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; position: relative; gap: 8px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium .ProductNumber { grid-column: 2; grid-row: 3; margin-top: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium .li-text { grid-column: 2; grid-row: 2; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent { display: flex; flex-direction: row; align-items: stretch; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent img { object-fit: unset; width: 40%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent .li-text { gap: 12px; flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 24px; color: #fff; box-sizing: border-box; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent .li-text a { width: 100%; display: block; margin-bottom: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent .li-text .customCardDescription { text-align: left; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent .li-text .customCardButton { margin-top: 0; width: 84%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .backToTopIconPlacement { opacity: 70%; position: fixed; top: 585px; right: 14px; visibility: hidden; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .backToTopIconPlacement .mainBlueIcon { cursor: pointer; width: 72px; height: 72px; flex-shrink: 0; aspect-ratio: 1; float: right; position: relative; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .backToTopIconPlacement .arrowImage { width: 24.257px; height: 14.128px; stroke-width: 2px; stroke: var(--White, #ffffff); position: absolute; bottom: 46px; right: 24px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .backToTopIconPlacement .topToBottomText { color: var(--White, #ffffff); text-align: center; font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 600; line-height: 120%; width: 46px; position: absolute; bottom: 11px; right: 12px; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer h3 label { font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer .hiddenToggleCheck:checked ~ h3 label:after { color: #0054a6; } .bubbleFilterCompleteSection { padding: 24px 12px; } .bubbleFilterCompleteSection .bubbleFilterHeading { font-weight: 700; font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #1f1f1f; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0%; text-align: center; padding-top: 16px; padding-bottom: 48px; max-width: 297px; margin-right: 18%; margin-left: 18%; } .bubbleFilterCompleteSection .bubbleFilterIconsCompleteSection { gap: 32px; display: flex; padding-bottom: 16px; max-width: 430px; margin-right: 12px; margin-left: 12px; flex-wrap: wrap; justify-content: center; } .bubbleFilterCompleteSection .bubbleFilterIconsCompleteSection .imageAndText { width: 84px; height: 130px; display: flex; flex-direction: column; align-items: center; align-self: stretch; gap: 8px; } .bubbleFilterCompleteSection .bubbleFilterIconsCompleteSection .imageAndText .imageIcon { width: 84px; height: 84px; border-radius: 100px; border-width: 2px; transition: border 0.3s ease; cursor: pointer; border: 2px solid #0054a6; display: flex; padding: 2px; flex-direction: column; align-items: flex-start; gap: 10px; aspect-ratio: 1; } .bubbleFilterCompleteSection .bubbleFilterIconsCompleteSection .imageAndText .imageText { font-weight: 700; font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0%; text-align: center; display: flex; width: 89px; justify-content: center; cursor: pointer; } .bubbleFilterCompleteSection .bubbleFilterIconsCompleteSection .imageAndText:hover .imageText, .bubbleFilterCompleteSection .bubbleFilterIconsCompleteSection .imageAndText:active .imageText { text-decoration: underline; } .bubbleFilterCompleteSection .bubbleFilterIconsCompleteSection .imageAndText:hover .imageIcon, .bubbleFilterCompleteSection .bubbleFilterIconsCompleteSection .imageAndText:active .imageIcon { border: 4px solid #0054a6; } .bubbleFilterCompleteSection .bubbleFilterIconsCompleteSection .imageAndText:nth-child(7) { margin-left: auto; margin-right: auto; } @media (min-width: 767px) { .productCategoryWrapper .productCategory { margin: 0 auto; width: 100%; padding: 0 30px; } .productCategoryWrapper .productCategory .subCategories { width: 60%; top: auto; } .productCategoryWrapper .productCategory .title { width: 100%; } .productCategoryLanding .contentContainer .prod-menu { padding: 20px 0 0 75px; } .productCategoryLanding .contentContainer .prod-menu.AdditionalBackgroundColorBlue .menu-items li { padding: 0px 5.25% ; } .productCategoryLanding .productsFeaturedContent { margin: 0 auto; width: 80%; } .productCategoryLanding .productsFeaturedContent ul { display: flex; flex-direction: row; flex-wrap: wrap; } .productCategoryLanding .productsFeaturedContent ul li .collection-list .li-img img { height: 130px; } .businessSolutionsLanding .contentContainer .prod-menu { padding: 20px 0 0 75px; } .businessSolutionsLanding .productCategoryWrapper .productCategory { margin: 0; width: unset; } .businessSolutionsLanding .bakery, .businessSolutionsLanding .k-12 { padding: 40px 0 10px 0; } .businessSolutionsLanding .bakery ul li, .businessSolutionsLanding .k-12 ul li { display: flex; flex-direction: row-reverse; padding-bottom: 0; } .businessSolutionsLanding .bakery ul li .li-img img, .businessSolutionsLanding .k-12 ul li .li-img img { width: 400px; height: 295px; } .businessSolutionsLanding .bakery ul li .li-description-wrapper, .businessSolutionsLanding .k-12 ul li .li-description-wrapper { margin-top: 0; position: static; height: 295px; } .businessSolutionsLanding .bakery ul li .li-description-wrapper .li-title, .businessSolutionsLanding .k-12 ul li .li-description-wrapper .li-title { padding: 40px 40px 15px 40px; } .businessSolutionsLanding .bakery ul li .li-description-wrapper .li-title a, .businessSolutionsLanding .k-12 ul li .li-description-wrapper .li-title a { font-size: 28px; line-height: 40px; letter-spacing: 1.27px; } .businessSolutionsLanding .bakery ul li .li-description-wrapper .li-description, .businessSolutionsLanding .k-12 ul li .li-description-wrapper .li-description { display: inline-block; padding: 20px 40px 20px 40px; letter-spacing: 0.58px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .businessSolutionsLanding .bakery ul li .li-description-wrapper .learnmore, .businessSolutionsLanding .k-12 ul li .li-description-wrapper .learnmore { padding: 0 40px 0 10px; } .businessSolutionsLanding .bakery ul li .li-description-wrapper .learnmore a, .businessSolutionsLanding .k-12 ul li .li-description-wrapper .learnmore a { font-size: 18px; line-height: 16px; letter-spacing: 0.58px; } .businessSolutionsLanding .college-convenience ul, .businessSolutionsLanding .distributor-healthcare ul, .businessSolutionsLanding .lodging-pizzeria ul, .businessSolutionsLanding .restaurants-vending-micromart ul { margin: 40px 0 40px 0; } .businessSolutionsLanding .college-convenience ul li, .businessSolutionsLanding .distributor-healthcare ul li, .businessSolutionsLanding .lodging-pizzeria ul li, .businessSolutionsLanding .restaurants-vending-micromart ul li { display: block; width: 50%; float: left; padding: 0 15px 0 20px; } .businessSolutionsLanding .college-convenience ul li .li-img img, .businessSolutionsLanding .distributor-healthcare ul li .li-img img, .businessSolutionsLanding .lodging-pizzeria ul li .li-img img, .businessSolutionsLanding .restaurants-vending-micromart ul li .li-img img { width: 100%; height: 100%; } .businessSolutionsLanding .college-convenience ul li .li-description-wrapper, .businessSolutionsLanding .distributor-healthcare ul li .li-description-wrapper, .businessSolutionsLanding .lodging-pizzeria ul li .li-description-wrapper, .businessSolutionsLanding .restaurants-vending-micromart ul li .li-description-wrapper { margin: -5px 0 0 0; position: relative; width: 100%; height: 150px; right: 0; } .businessSolutionsLanding .college-convenience ul li .li-description-wrapper .li-title, .businessSolutionsLanding .distributor-healthcare ul li .li-description-wrapper .li-title, .businessSolutionsLanding .lodging-pizzeria ul li .li-description-wrapper .li-title, .businessSolutionsLanding .restaurants-vending-micromart ul li .li-description-wrapper .li-title { padding: 35px 10px 30px 25px; margin: 0; } .businessSolutionsLanding .college-convenience ul li .li-description-wrapper .li-title a, .businessSolutionsLanding .distributor-healthcare ul li .li-description-wrapper .li-title a, .businessSolutionsLanding .lodging-pizzeria ul li .li-description-wrapper .li-title a, .businessSolutionsLanding .restaurants-vending-micromart ul li .li-description-wrapper .li-title a { font-size: 28px; line-height: 40px; letter-spacing: 1.27px; } .businessSolutionsLanding .college-convenience ul li .li-description-wrapper .learnmore, .businessSolutionsLanding .distributor-healthcare ul li .li-description-wrapper .learnmore, .businessSolutionsLanding .lodging-pizzeria ul li .li-description-wrapper .learnmore, .businessSolutionsLanding .restaurants-vending-micromart ul li .li-description-wrapper .learnmore { margin: 30px 25px; } .businessSolutionsLanding .college-convenience ul li .li-description-wrapper .learnmore a, .businessSolutionsLanding .distributor-healthcare ul li .li-description-wrapper .learnmore a, .businessSolutionsLanding .lodging-pizzeria ul li .li-description-wrapper .learnmore a, .businessSolutionsLanding .restaurants-vending-micromart ul li .li-description-wrapper .learnmore a { font-size: 18px; line-height: 16px; letter-spacing: 0.58px; } .businessSolutionsLanding .college-convenience ul li:nth-child(2), .businessSolutionsLanding .distributor-healthcare ul li:nth-child(2), .businessSolutionsLanding .lodging-pizzeria ul li:nth-child(2), .businessSolutionsLanding .restaurants-vending-micromart ul li:nth-child(2) { padding: 0 20px 0 15px; } .businessSolutionsLanding .restaurants-vending-micromart { padding-bottom: 120px; } .businessSolutionsDetail .prod-menu { padding: 30px 40px 0 40px; margin: 0; } .businessSolutionsDetail .productCategoryWrapper { margin-top: 20px; } .businessSolutionsDetail .productCategoryWrapper .productCategory { margin: 0; width: unset; padding: 0 40px; } .businessSolutionsDetail .businessBannerImage { width: 100%; height: 320px; margin-top: -10px; } .businessSolutionsDetail .businessBannerImage .contentListItems .headerWithTextOverlay .imageContainerNoClick { height: 320px; width: 100vw; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; } .businessSolutionsDetail .threeColumnFeatureArticles { margin: 10px 20px 60px 20px; } .businessSolutionsDetail .threeColumnFeatureArticles .contentListItems .productsFeaturedContent .FeaturedContentLabel { display: none; } .businessSolutionsDetail .threeColumnFeatureArticles .contentListItems .productsFeaturedContent ul { display: flex; flex-wrap: wrap; } .businessSolutionsDetail .threeColumnFeatureArticles .contentListItems .productsFeaturedContent ul .collectionListItem { display: block; width: 33%; float: left; height: auto; padding: 0; padding-right: 10px; } .businessSolutionsDetail .threeColumnFeatureArticles .contentListItems .productsFeaturedContent ul .collectionListItem:nth-child(3n-1) { width: 33%; padding-left: 5px; padding-right: 5px; } .businessSolutionsDetail .threeColumnFeatureArticles .contentListItems .productsFeaturedContent ul .collectionListItem:nth-child(3n) { width: 33%; padding-right: 0; padding-left: 10px; } .businessSolutionsDetail .threeColumnFeatureArticles .contentListItems .productsFeaturedContent ul .collectionListItem .collection-list { float: none; text-align: center; padding: 15px 0; width: 100%; height: 200px; } .businessSolutionsDetail .threeColumnFeatureArticles .contentListItems .productsFeaturedContent ul .collectionListItem .collection-list .li-img { width: 100%; display: inline-block; text-align: center; padding-top: 10px; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper { text-align: left; padding: 35px 0 0 0; position: relative; width: 100%; height: 250px; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title { font-size: 1rem; line-height: 1.25rem; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .li-description { display: block; width: 80%; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding-top: 15px; margin: 0; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore { display: inline-block; position: absolute; padding: 0 0 5px; right: 0; left: 0; bottom: 0; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore a { color: #0054a6; font-size: 0.875rem; line-height: 1rem; font-family: "Roboto Condensed", sans-serif; font-weight: 400; letter-spacing: 0.58px; position: relative; display: inline-block; text-transform: uppercase; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore a:hover { color: #0074c1; text-decoration: underline; } .businessSolutionsDetail .exploreProducts { margin: 0; } .businessSolutionsDetail .featuredArticle ~ .ProductCategoryHighlight { display: block; } .businessSolutionsDetail .threeColumnFeatureArticles ~ .ProductCategoryHighlight { display: none; } .businessSolutionsDetail .scrollContainer ~ .ProductCategoryHighlight { display: inline-block; padding: 0 0 0 20px; } .businessSolutionsDetail .featuredRecipes ~ .ProductCategoryHighlight, .businessSolutionsDetail .fourColumnContent ~ .mobileViewAll { display: none; } .businessSolutionsDetail .fourColumnContent .contentListItems .productsFeaturedContent .FeaturedContentLabel { display: none; } .ProductCategoryHighlight { margin: 0; width: 100%; padding: 60px 0 0px 15px; position: relative; } .ProductCategoryHighlight h2 { display: block; font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; } .ProductCategoryHighlight .Link { display: block; position: absolute; right: 20px; bottom: 0; padding: 3px 15px; } .articleHubLanding .prod-menu { padding: 30px 40px 0 40px; margin: 0; } .articleHubLanding .productCategoryWrapper .productCategory { padding: 10px 40px; } .articleHubLanding .productCategoryWrapper .productCategory .subCategories { width: 90%; top: 35%; } .articleHubLanding .featuredArticle { padding-bottom: 30px; } .articleHubLanding .featuredArticle ul li .li-img img { width: 100%; height: auto; } .articleHubLanding .featuredArticle ul li .li-description-wrapper { width: 95%; height: auto; padding: 25px 0; } .articleHubLanding .featuredArticle ul li .li-description-wrapper .li-title a { font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .articleHubLanding .featuredArticle ul li .li-description-wrapper .li-description { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .articleHubLanding .threeColumnFeatureArticles .contentListItems .productsFeaturedContent ul { display: flex; flex-wrap: wrap; } .articleHubLanding .threeColumnFeatureArticles .contentListItems .productsFeaturedContent ul .collectionListItem { width: 50%; } .registrationDialogClass { max-width: 800px; width: 550px !important; } .resetPasswordLanding #resetPasswordContainer .control-group { margin: 0 auto; width: 45%; } .resetPasswordLanding #resetPasswordContainer p.alert-error { margin: 0 auto; width: 38%; padding-top: 15px; } .GMFSModalFlowOneStepMobile.RegistrationFlowContainer .RegistrationModuleContainer { width: 100%; padding: 0; } .GMFSModalFlowOneStepMobile.RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .forgotPasswordContainer { margin-top: -80px; } .GMFSModalFlowOneStepMobile.RegistrationFlowContainer .RegistrationModuleContainer .MemberBenifitsMobileContainer { display: block; } .GMFSModalFlowOneStepMobile.RegistrationFlowContainer .RegistrationModuleContainer .MemberBenifitsContainer { display: block; background-color: #0054a6; color: #ffffff; padding: 30px 40px; text-align: center; width: 100%; float: none; } .GMFSModalFlowOneStepMobile.RegistrationFlowContainer .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTAText .mobileMemberBenefits { display: block; text-align: center; letter-spacing: 0.5px; } .GMFSModalFlowOneStepMobile.RegistrationFlowContainer .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTAText .mobileMemberBenefits .benefitsHeader { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .GMFSModalFlowOneStepMobile.RegistrationFlowContainer .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTAText .mobileMemberBenefits .benefitsDescription { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .GMFSModalFlowOneStepMobile.RegistrationFlowContainer .RegistrationModuleContainer .regStep .copyR { padding: 10px 40px; } .GMFSModalFlowOneStep .smallContainer { width: 100%; } .recipeLanding .contentContainer .prod-menu { padding: 20px 0 0 75px; } .recipeLanding .gallery-header { display: block; } .recipeLanding .featuredArticle { padding-bottom: 20px; } .recipeLanding .scrollContainer .scroller .scrollerContainer { padding: 10px 20px 0 20px; height: unset; } .recipeLanding .scrollContainer .scroller .scrollerContainer .slick-slider { padding: 0 0 10px; } .recipeLanding .featuredRecipes .productsFeaturedContent .collectionListItem .collection-list .li-img img { height: unset; } .recipeLanding .featuredRecipes .contentListItems .productsFeaturedContent ul .collectionListItem .li-description-wrapper { padding: unset; } .featuredRecipes { margin: 10px 20px 60px 20px; } .featuredRecipes .contentListItems .productsFeaturedContent .FeaturedContentLabel { display: none; } .featuredRecipes .contentListItems .productsFeaturedContent ul { display: flex; flex-wrap: wrap; width: 1024px; } .featuredRecipes .contentListItems .productsFeaturedContent ul .collectionListItem { display: block; width: 33%; float: left; height: auto; padding: 0; padding-right: 10px; } .featuredRecipes .contentListItems .productsFeaturedContent ul .collectionListItem:nth-child(3n-1) { width: 33%; padding-left: 5px; padding-right: 5px; } .featuredRecipes .contentListItems .productsFeaturedContent ul .collectionListItem:nth-child(3n) { width: 33%; padding-right: 0; padding-left: 10px; } .featuredRecipes .contentListItems .productsFeaturedContent ul .collectionListItem .collection-list { float: none; text-align: center; padding: 15px 0; width: 100%; height: 200px; } .featuredRecipes .contentListItems .productsFeaturedContent ul .collectionListItem .collection-list .li-img { width: 100%; display: inline-block; text-align: center; padding-top: 10px; } .featuredRecipes .contentListItems .productsFeaturedContent ul .collectionListItem .li-description-wrapper { text-align: left; padding: 30px 0 5px; position: relative; width: 100%; height: auto; } .featuredRecipes .contentListItems .productsFeaturedContent ul .collectionListItem .li-description-wrapper .li-title { font-size: 1rem; line-height: 1.25rem; } .featuredArticle { padding: 20px 20px 0 20px; } .featuredArticle ul li { display: flex; } .featuredArticle ul li .li-img img { width: 380px; height: 280px; } .featuredArticle ul li .li-description-wrapper { margin-top: 0; height: 280px; } .featuredArticle ul li .li-description-wrapper .li-title { padding: 25px 30px 0 40px; margin: 0; } .featuredArticle ul li .li-description-wrapper .li-title a { font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #ffffff; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .featuredArticle ul li .li-description-wrapper .li-description { padding: 5px 50px 0px 40px; margin: 0; } .featuredArticle ul li .li-description-wrapper .learnmore { padding-top: 10px; } .scrollContainer { width: 100%; } .scrollContainer .scroller .scrollerContainer { padding: 40px 20px 0 20px; vertical-align: top; margin-top: 0; width: 100%; height: 280px; } .scrollContainer .scroller .scrollerContainer .slick-slider { padding: 0; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-prev { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -114px -1px; left: -30px; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-prev:hover, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-prev:focus { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -114px -1px; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-next { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -164px -1px; right: -30px; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-next:hover, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-next:focus { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -164px -1px; right: -30px; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-prev, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-next { width: 40px; height: 40px; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-prev:before, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-next:before { content: none; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-prev:focus, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-next:focus { outline: 2px solid black; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-prev:focus:not(:focus-visible), .scrollContainer .scroller .scrollerContainer .slick-slider .slick-next:focus:not(:focus-visible) { outline: none; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-prev:focus-visible, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-next:focus-visible { outline: 2px auto black; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list { padding-top: 40px; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .slick-track { padding-top: 0; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .slick-track .slick-slide { opacity: 1; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .slick-track .slick-current { opacity: 1; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .slick-track .slick-current img { transform: none; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .slick-track .scrollItemImageBlock { width: 83%; margin: 0 auto; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .slick-track .scrollItemImageBlock .scrollItemImage { max-width: 100%; max-height: 130px; width: auto; margin: 0 auto; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .slick-track .scrollItemImageBlock .scrollItemTag { font-size: 0.875rem; line-height: 1.25rem; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .slick-track .Product { margin-top: -40px; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .slick-track .Product .scrollItemImageBlock { width: 77%; margin: 0 auto; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .slick-track .Product .scrollItemImageBlock a { display: inline-block; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .slick-track .Product .scrollItemImageBlock .scrollItemImage { width: 150px; height: 150px; max-height: 150px; vertical-align: top; border: 1px solid #e6e7e8; object-fit: contain; margin: 0 auto; } .exploreMoreBlock { margin: 0 30px 0 0; } .exploreMoreBlock .li-img { display: none; } .exploreMoreBlock .li-description-wrapper .li-title { width: unset; font-size: 1.375rem; line-height: 1.75rem; } .exploreMoreBlock .li-description-wrapper .li-description .learnmore a { width: auto; } .resourcesCollectionList ul li { display: flex; width: 100%; } .resourcesCollectionList ul li:nth-child(odd), .resourcesCollectionList ul li:nth-child(even) { padding: 0 10px 30px 0; } .resourcesCollectionList ul li .collection-list { padding-right: 30px; } .resourcesCollectionList ul li .li-img img { width: auto; } .resourcesCollectionList ul li .li-description-wrapper { margin: 5px 0 15px 0; } .resourcesCollectionList ul li .li-description-wrapper .li-description { display: block; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #000000; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .resourcesCollectionList ul li .li-description-wrapper .learnmore { display: block; margin: 0; } .resourcesCollectionList ul li .li-description-wrapper .learnmore a { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; margin: 0; text-transform: uppercase; } .resourcesCollectionList ul li .li-description-wrapper .learnmore a:after { content: " >>"; } .home .contentContainer .heroContainer .bannerContainer { overflow: hidden; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer { background-color: #ffffff; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .heroImage { height: 80%; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .wave { height: 100%; margin-top: -100px; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .details { margin-top: -5px; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .details .title { font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .details .description { font-family: "Roboto Slab", serif; font-size: 18px; font-size: 1.125rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } #cookieDisabledMessage { padding: 40px; } #cookieDisabledMessage .privacyMessageYoutube { padding: 40px; } #cookieDisabledMessage .privacyMessageYoutube a:hover { color: #0054a6; } .privacyMessageYoutubeCookie { padding: 20px; text-align: center; background-color: #ffffff; display: inline-block; float: inherit; } .privacyMessageYoutubeCookie p { font-family: "Roboto", sans-serif; font-size: 16px; color: #3b3b3b; line-height: 20px; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .privacyMessageYoutubeCookie h3 { font-family: "Roboto Slab", serif; font-size: 18px; color: #0054a6; line-height: 22px; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 35px; } .privacyMessageYoutubeCookie a { color: #0074c1; } .privacyMessageYoutubeCookie a:hover { color: #0054a6; } .neighborhoodToNation .channelLinksWrapper:after { right: 3%; top: 70px; } .pastWinners .contentContainer .winningRecipes .contentListItems ul { padding-bottom: 20px; display: flex; flex-wrap: wrap; } .pastWinners .contentContainer .winningRecipes .contentListItems ul li { width: 25%; padding-left: 20px; } .recipeDetailPage .relatedRecipeContainer h3, .recipeDetailPage .contentRelatedContainer h3 { margin-bottom: 0; } .recipeDetailPage .relatedRecipeContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem, .recipeDetailPage .contentRelatedContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem { width: 23%; } .recipeDetailPage .relatedRecipeContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem:nth-child(4n+1), .recipeDetailPage .contentRelatedContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem:nth-child(4n+1) { margin: 0px 10px 20px 0; } .recipeDetailPage .relatedRecipeContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem:nth-child(4n+2), .recipeDetailPage .contentRelatedContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem:nth-child(4n+2), .recipeDetailPage .relatedRecipeContainer .GMFSRelatedContentView .contentListItems ul p:nth-child(4n+3), .recipeDetailPage .contentRelatedContainer .GMFSRelatedContentView .contentListItems ul p:nth-child(4n+3) { margin: 0px 10px 20px 10px; } .recipeDetailPage .relatedRecipeContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem:nth-child(4n+0), .recipeDetailPage .contentRelatedContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem:nth-child(4n+0) { margin: 0px 0 20px 10px; } .recipeDetailPage .relatedRecipeContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem:nth-child(n+3), .recipeDetailPage .contentRelatedContainer .GMFSRelatedContentView .contentListItems ul li.mainListItem:nth-child(n+3) { display: block; } .recipeDetail #reviewDiv .gig-comments-composebox .gig-composebox-header { width: 90%; } .recipeDetail #reviewDiv .gig-comments-composebox .gig-composebox-data { width: 9%; } .recipeDetail .recipeTopHeader { display: flex; } .recipeDetail .recipeTopHeader .recipeRightContainer { width: 580px; order: 2; position: static; } .recipeDetail .recipeTopHeader .recipeLeftContainer { width: 444px; margin: 0; padding: 10px 80px 0 50px; } .rebateLanding .allRebates { padding: 20px 40px 0 40px; } .rebateLanding .productCategoryWrapper .productCategory { padding-left: 40px; } .rebateLanding .prod-menu, .rebateDetail .prod-menu { margin-left: 40px; } .allRebates .list-item-horizontal, .moreRebates .list-item-horizontal { padding: 0 20px 30px 20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; } .allRebates .list-item-horizontal .li-img, .moreRebates .list-item-horizontal .li-img { max-height: 208px; } .allRebates .list-item-horizontal .rebateList, .moreRebates .list-item-horizontal .rebateList { display: block; width: 43%; height: 430px; } .allRebates .list-item-horizontal .rebateList:nth-child(odd), .moreRebates .list-item-horizontal .rebateList:nth-child(odd) { margin: 0 60px 20px 20px; } .allRebates .list-item-horizontal .rebateListNoImage, .moreRebates .list-item-horizontal .rebateListNoImage { display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; margin-bottom: 30px; width: 215px; } .allRebates .list-item-horizontal .descriptionContainer, .moreRebates .list-item-horizontal .descriptionContainer { padding-bottom: 10%; width: 100%; } .rebateDetail .moreRebates .gallery-header { padding-left: 10px; } .rebateDetail .streamlineDivider { clear: both; padding-top: 2%; width: 96%; padding-left: 4%; } .rebateDetail .rebateUpperSection { padding: 30px 30px 0 20px; } .rebateDetail .rebateUpperSection .imageLeft { max-width: 346px; padding-right: 20px; margin-left: 5px; } .rebateDetail .rebateUpperSection .content-right { float: right; width: 50%; margin: -2% -4% 0 0; } .rebateDetail .rebateUpperSection .content-right .rebateDownload { width: 60%; } .rebateDetail .rebateUpperSection .content-right .modal .content { margin-top: 15%; padding-top: 62px; } .rebateDetail .rebateUpperSection .content-right .modal .close { margin-top: -6%; } .rebateDetail .rebateFormSection .rebateFormDetails { padding: 40px 20px 30px; border-bottom: none; width: 50%; float: left; } .rebateDetail .rebateFormSection .rebateFormDetails .formHeader { padding: 0 0 0 8px; } .rebateDetail .rebateFormSection .rebateFormDetails .formFields > .inlineGroup { display: flex; } .rebateDetail .rebateFormSection .rebateFormDetails .formFields div[class$="Block"] { margin-top: 20px; padding: 0 10px; } .rebateDetail .calculateRebate { padding: 40px 20px 0 20px; width: 50%; float: right; } .rebateDetail .calculateRebate .rebateCalculateHeader { padding-left: 0; margin-bottom: 20px; } .rebateDetail .calculateRebate .rebateProducts { border: 1px solid #757575; border-radius: 5px; border-radius: 5px 5px 0 0; } .rebateDetail .calculateRebate .rebateProductsHeader + div div:last-child { padding-bottom: 20px; } .rebateDetail .calculateCashback { width: 45%; padding: 45px 40px 30px 20px; margin: 0; border-bottom: none; display: inline-block; } .rebateDetail .calculateCashback .rebateCalculateHeader { padding: 0 0 15px 0; } .rebateDetail .calculateCashback .rebateProducts { border: 2px solid #E4E5E5; border-radius: 5px; padding: 0 0 10px 0; } .rebateDetail .calculateCashback .rebateProductsList { border: none; } .rebateDetail .rebateSubmitSection { clear: both; padding-top: 30px; text-align: center; border-top: 1px solid #757575; width: 94%; margin-left: 30px; } .rebateDetail .rebateSubmitSection .submitRebateHeader { padding: 0 0 30px 0; } .rebateDetail .rebateSubmitSection .submitRebateHeader .header { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; } .rebateDetail .rebateSubmitSection .submitRebate { padding: 0 20px; display: flex; } .rebateDetail .rebateSubmitSection .submitRebate .disclaimer { padding-top: 20px; } .rebateDetail .rebateSubmitSection .submitRebate .submitOnline .disclaimer #disclaimer_link { cursor: pointer; } .rebateDetail .rebateSubmitSection .submitRebate .submitOnline .submitOnlineHeader .header, .rebateDetail .rebateSubmitSection .submitRebate .printAndMail .printAndMailHeader .header { padding: 20px 0; font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .rebateDetail .rebateSubmitSection .submitRebate .subHeader { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; padding-bottom: 20px; } .rebateDetail .rebateSubmitSection .submitRebate .submitOnline { padding-bottom: 0; padding-right: 60px; border-bottom: none; width: 50%; } .rebateDetail .rebateSubmitSection .submitRebate .submitOnline .uploader { width: auto; margin: 0 20px; } .rebateDetail .rebateSubmitSection .submitRebate .submitOnline .uploader:hover { border-color: #0054a6; } .rebateDetail .rebateSubmitSection .submitRebate .printAndMail { display: block; } .rebateDetail .rebateSubmitSection .submitRebate .separator { display: block; } .recipeByCategory .contentContainer .prod-menu { padding: 20px 0 0 75px; } .recipeByCategory .contentList.contentListWithLeftOpenFilter { margin: 0 40px; } .recipeByCategory .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li { padding: 0 12px; width: 33%; } .recipeByCategory .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .li-img img { height: 115px; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li { width: 242px; } .videoLandingPage .contentContainer .contentList .contentListMoreButton { width: 30%; } .videoLandingPage .contentContainer .contentList .contentListItems ul li { width: 48%; margin: 10px 5px; } .resourceLanding .prod-menu { padding: 20px 0 0 75px; } .resourceLanding .gluten-free ul li .collection-list { order: 2; } .resourceLanding .gluten-free ul li .li-description-wrapper { margin-left: 0; } .glutenFreePage .contentContainer .featuredRecipes, .culinaryTrends .contentContainer .featuredRecipes, .glutenFreePage .contentContainer .featuredVideos, .culinaryTrends .contentContainer .featuredVideos { margin: 0; text-align: left; padding: 0; } .glutenFreePage .contentContainer .featuredRecipes .contentListItems ul, .culinaryTrends .contentContainer .featuredRecipes .contentListItems ul, .glutenFreePage .contentContainer .featuredVideos .contentListItems ul, .culinaryTrends .contentContainer .featuredVideos .contentListItems ul { padding: 10px 0 50px 0; } .glutenFreePage .contentContainer .featuredRecipes .contentListItems ul li, .culinaryTrends .contentContainer .featuredRecipes .contentListItems ul li, .glutenFreePage .contentContainer .featuredVideos .contentListItems ul li, .culinaryTrends .contentContainer .featuredVideos .contentListItems ul li { margin: 0; width: 33%; } .glutenFreePage .contentContainer .featuredRecipes .contentListItems ul li:nth-child(odd), .culinaryTrends .contentContainer .featuredRecipes .contentListItems ul li:nth-child(odd), .glutenFreePage .contentContainer .featuredVideos .contentListItems ul li:nth-child(odd), .culinaryTrends .contentContainer .featuredVideos .contentListItems ul li:nth-child(odd), .glutenFreePage .contentContainer .featuredRecipes .contentListItems ul li:nth-child(even), .culinaryTrends .contentContainer .featuredRecipes .contentListItems ul li:nth-child(even), .glutenFreePage .contentContainer .featuredVideos .contentListItems ul li:nth-child(even), .culinaryTrends .contentContainer .featuredVideos .contentListItems ul li:nth-child(even) { padding: 30px 30px 0 0 ; } .glutenFreePage .contentContainer .featuredRecipes .contentListItems ul li:nth-child(3n-1), .culinaryTrends .contentContainer .featuredRecipes .contentListItems ul li:nth-child(3n-1), .glutenFreePage .contentContainer .featuredVideos .contentListItems ul li:nth-child(3n-1), .culinaryTrends .contentContainer .featuredVideos .contentListItems ul li:nth-child(3n-1) { padding-left: 15px; padding-right: 15px; } .glutenFreePage .contentContainer .featuredRecipes .contentListItems ul li:nth-child(3n), .culinaryTrends .contentContainer .featuredRecipes .contentListItems ul li:nth-child(3n), .glutenFreePage .contentContainer .featuredVideos .contentListItems ul li:nth-child(3n), .culinaryTrends .contentContainer .featuredVideos .contentListItems ul li:nth-child(3n) { padding-left: 30px; padding-right: 0; } .glutenFreePage .contentContainer .featuredRecipes .contentListItems ul li .li-img, .culinaryTrends .contentContainer .featuredRecipes .contentListItems ul li .li-img, .glutenFreePage .contentContainer .featuredVideos .contentListItems ul li .li-img, .culinaryTrends .contentContainer .featuredVideos .contentListItems ul li .li-img { height: auto; } .glutenFreePage .contentContainer .featuredRecipes .contentListItems ul li .li-img img, .culinaryTrends .contentContainer .featuredRecipes .contentListItems ul li .li-img img, .glutenFreePage .contentContainer .featuredVideos .contentListItems ul li .li-img img, .culinaryTrends .contentContainer .featuredVideos .contentListItems ul li .li-img img { width: 100%; height: auto; } .glutenFreePage .contentContainer .featuredRecipes .contentListItems ul li .li-text a:hover, .culinaryTrends .contentContainer .featuredRecipes .contentListItems ul li .li-text a:hover, .glutenFreePage .contentContainer .featuredVideos .contentListItems ul li .li-text a:hover, .culinaryTrends .contentContainer .featuredVideos .contentListItems ul li .li-text a:hover { color: #0074c1; text-decoration: underline; } .glutenFreePage .contentContainer .featuredRecipes .contentListMoreButton, .culinaryTrends .contentContainer .featuredRecipes .contentListMoreButton, .glutenFreePage .contentContainer .featuredVideos .contentListMoreButton, .culinaryTrends .contentContainer .featuredVideos .contentListMoreButton { display: none; } .glutenFreePage .contentContainer .featuredVideos, .culinaryTrends .contentContainer .featuredVideos { padding-top: 40px; } .glutenFreePage .contentContainer .featuredVideos .contentListItems ul li, .culinaryTrends .contentContainer .featuredVideos .contentListItems ul li { width: 25%; padding-top: 30px; padding: 20px 20px 0 20px; } .glutenFreePage .contentContainer .featuredVideos .contentListItems ul li:nth-child(odd), .culinaryTrends .contentContainer .featuredVideos .contentListItems ul li:nth-child(odd) { padding-right: 20px; } .glutenFreePage .contentContainer .featuredVideos .contentListItems ul li:nth-child(even), .culinaryTrends .contentContainer .featuredVideos .contentListItems ul li:nth-child(even) { padding-left: 20px; } .promotionPage .resourcesCollectionList ul { margin-top: 10px; } .promotionPage .resourcesCollectionList ul li { display: block; width: 50%; padding: 0 15px 50px 0; } .promotionPage .resourcesCollectionList ul li .collection-list { padding-right: 0; } .promotionPage .resourcesCollectionList ul li .li-img { width: auto; } .promotionPage .resourcesCollectionList ul li .li-img img { width: 100%; padding-bottom: 20px; } .promotionPage .resourcesCollectionList ul li:nth-child(even) { padding: 0 0 30px 20px; } .promotionPage .resourcesCollectionList ul li:nth-child(odd) { padding: 0 20px 30px 0; } .productNutritionFinder button:disabled:hover { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background-color: #757575; cursor: default; } .productNutritionFinder .prod-menu { margin: 20px 40px; } .productNutritionFinder .productNutritionFinderContainer { margin: 0 20px; } .productNutritionFinder .productNutritionFinderContainer .productNutritionFinderIntro h1 { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .productNutritionFinder .productNutritionFinderContainer .searchPageStepsContainer .searchPageSteps { width: 80%; display: flex; margin: 0 auto; } .productNutritionFinder .productNutritionFinderContainer .searchPageStepsContainer .searchPageSteps .searchPageStep { flex: 50%; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .productNameCriteria { text-align: center; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .productNameCriteria .productNameText { margin: 15px 0; margin-left: 18%; display: flex; padding: 5px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .productNameCriteria .productNameText input[type="text"] { width: 50%; outline-offset: 0; outline: #757575; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .productNameCriteria .productNameText button { margin-top: 0; width: auto; margin-left: -10px; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 10px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .categoryHeading { padding: 20px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories .searchCriterias > ul { padding: 10px 20px; columns: 2; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories li .nutritionFact { display: flex; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories li .nutritionFact .operators { padding: 0 25px; } .productNutritionFinder .productNutritionFinderContainer #searchPageCriteriaContainer .searchCategories li .nutritionFact .criteriaValue input[type="text"] { width: 40px; } .productNutritionFinder .productNutritionFinderContainer .submitButton { text-align: center; } .productNutritionFinder .productNutritionFinderContainer .submitButton button { width: 25%; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer #productTable .productTable:first-child { border: 0; align-items: flex-end; display: flex; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer #productTable .productTable:first-child .topSection { width: 40%; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer #productTable .productTable:first-child .rightSection { font-weight: 700; width: 60%; padding-left: 90px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultTitle { display: none; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons button { margin: 0; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable { padding: 10px 0; display: flex; align-items: center; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .downloadMessage { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .topSection { width: 55%; padding: 0; align-items: center; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .topSection .product-select { padding: 0 20px; margin-top: -10px; width: auto; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .topSection .product-title { order: 1; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .topSection .product-image { display: block; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .rightSection { padding: 0; background-color: transparent; width: 45%; text-align: center; font-weight: 400; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .rightSection .product-gtin-text, .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .rightSection .product-unit-size-text, .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .rightSection .product-case-count-text { display: none; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .rightSection .product-gtin { width: 40%; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .rightSection .product-unit-size { width: 30%; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .rightSection .product-case-count { width: 30%; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultSelection { display: flex; width: 100%; flex-wrap: wrap; margin: 25px 0 0; padding: 25px 20px 0; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultSelection .serachResultText { flex: 50%; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultSelection .searchLink { flex: 50%; order: 1; text-align: end; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultSelection .listItems { flex: 100%; order: 2; } .aboutUs .contentContainer { padding: 20px 30px 30px; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem { display: inline-block; width: 32%; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem:nth-child(2), .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem:nth-child(3) { width: 32%; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem:nth-child(2), .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem:nth-child(1) { padding-right: 5px; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem:nth-child(2), .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem:nth-child(3) { padding-left: 5px; } .aboutUs .contentContainer .events .eventsList .eventBlock { display: inline-block; width: 24%; } .aboutUs .contentContainer .ProductCategoryHighlight { display: block; position: relative; } .aboutUs .contentContainer .desktopMore .Link { position: absolute; right: 0; bottom: -60px; } .aboutUs .contentContainer .desktopMore .Link a { padding: 10px 20px; } .aboutUs .contentContainer .mobileMore { display: none; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li { width: 240px; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .newItem { margin-left: 45%; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .buyNowRetailerWrapper .buyNowLink { width: 90%; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .buyNowRetailerWrapper .buyNowRetailer { width: 40%; } .culinaryLanding .contentContainer .prod-menu { padding: 20px 0 0 75px; } .culinaryLanding .contentContainer .titleSEOText { padding: 0 75px; margin: 0; position: relative; } .notFound404 .mainContainer .siteContainer .contentContainer #notFound #imageLarge { display: inline-block; } .notFound404 .mainContainer .siteContainer .contentContainer #notFound #imageSmall { display: none; } .notFound404 .mainContainer .siteContainer .contentContainer #notFound #textWrapper #header { margin-top: 50px; } .buyNow .contentContainer { margin: auto; padding: 0; max-width: 100%; background-color: transparent; } .buyNow div .prod-menu { padding-left: 20px; background-color: #ffffff; margin: 0; padding: 20px; } .buyNow div .prod-menu ul { margin: 0 auto; max-width: 1024px; } .buyNow div br { display: none; } .buyNow .buyNowLanding .distributors { position: relative; } .buyNow .buyNowLanding .pageHeader { padding: 10px 50px 0px; text-align: center; background-color: #ffffff; } .buyNow .buyNowLanding .pageHeader .title { font-family: "Roboto Slab", serif; font-size: 32px; font-size: 2rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.64px; margin: 0 auto; max-width: 1024px; } .buyNow .buyNowLanding .pageHeader .subtitle { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.67px; margin: 0 auto; max-width: 1024px; } .buyNow .buyNowLanding .pageHeader .subtitle a:hover { color: #0074c1; text-decoration: underline; } .buyNow .buyNowLanding .clear-search-Text { right: 30px; } .buyNow .buyNowLanding .searchContainer { background-color: #ffffff; padding: 0; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct { padding: 20px 35px 25px; margin: 0 auto; max-width: 1024px; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .productSearchBlock, .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .zipCodeSearchBlock { display: inline-block; padding: 0 20px 0 0; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .productSearchBlock { width: 55%; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .productSearchBlock .search-hints-container { padding-right: 20px; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .zipCodeSearchBlock { width: 25%; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .action { margin-top: 30px; display: inline-block; width: 20%; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .action a { display: block; padding: 8px 20px; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .action .disabled { pointer-events: none; opacity: 0.5; } .buyNow .buyNowLanding .blankBottom { padding: 40px 0; background-color: #f7f7f7; } .distributors { margin: 20px; position: relative; padding: 0 20px; } .distributors .header { padding: 10px 0 0; } .distributors .productDetails #prodIntro { padding: 20px; display: flex; } .distributors .productDetails #prodIntro .productImage { display: block; width: 30%; } .distributors .productDetails #prodIntro .productImage img { width: 100%; } .distributors .productDetails #prodIntro .productDetailsWrapper { width: 70%; } .distributors .productDetails #prodIntro .productDetailsWrapper .productDescription { width: 100%; } .distributors .productDetails #prodIntro .productDetailsWrapper .productDescription .litProductCodes { display: none; } .distributors .productDetails #prodIntro .productDetailsWrapper .linkToProduct { text-align: right; margin-right: 10px; display: flex; } .distributors .productDetails #prodIntro .productDetailsWrapper .cnfShopifyProduct { text-align: left; display: block; } .distributors .distributorDetails .buyNowRetailer { padding: 20px; } .distributors .distributorDetails .buyNowRetailer .buyNowRetailer-items { display: flex; padding: 0; } .distributors .distributorDetails .buyNowRetailer .buyNowRetailer-items li { width: 33%; padding: 20px 35px; margin: 2px; } .distributors .distributorDetails .distributorInfo { padding: 0 20px; flex-wrap: nowrap; } .distributors .distributorDetails .distributorInfo .distributorInfoHeader { width: 75%; } .distributors .distributorDetails .distributorInfo .distributorInfoHeader .header { padding: 30px 0 10px; } .distributors .distributorDetails .distributorInfo .distributorInfoOrder { margin: 20px 0; width: 36%; } .distributors .distributorDetails .distributorContainer { padding: 0 0 0 20px; } .distributors .distributorDetails .distributorContainer .distributors-items { display: flex; flex-wrap: wrap; } .distributors .distributorDetails .distributorContainer .distributors-items li { width: 32%; text-align: center; margin: 2px; } .distributors .distributorDetails .distributorContainer .distributors-items li .distributorDetail .detail { display: block; } .distributors .distributorDetails .distributorContainer .distributors-items li .distributorDetail .detail .logoContainer { width: 100%; } .distributors .distributorDetails .distributorContainer .distributors-items li .distributorDetail .detail .logoContainer img { padding: 0; } .distributors .distributorDetails .distributorContainer .distributors-items li .distributorDetail .detail .distributorInformation { padding-left: 0; } .distributors .distributorDetails .distributorContainer .distributors-items li .distributorDetail .detail .distributorInformation a { padding-top: 25px; display: block; } .distributors .distributorDetails .distributorContainer .alignCenter .showMore { width: auto; display: inline-block; } .distributors .distributorDetails .frequentlyPurchasedContainer { margin: 25px 0 0 20px; } .distributors .distributorDetails .frequentlyPurchasedContainer .ProductDetailsRelatedContent .gallery-header h3 { padding: 0; } .distributors .distributorDetails .frequentlyPurchasedContainer .ProductDetailsRelatedContent ul { padding: 0; } .distributors .distributorDetails .frequentlyPurchasedContainer .ProductDetailsRelatedContent ul .mainListItem { margin: 2px; width: 32%; height: 230px; } .distributors .distributorDetails .frequentlyPurchasedContainer .ProductDetailsRelatedContent ul .mainListItem a .li-img { height: 120px; } .distributors .distributorDetails .frequentlyPurchasedContainer .ProductDetailsRelatedContent ul .mainListItem a .li-img img { height: 100%; } .distributors .distributorDetails .frequentlyPurchasedContainer .ProductDetailsRelatedContent ul .mainListItem a p { padding: 0 20px; margin: 15px 0 25px; } .distributors .distributorDetails .salesRepHeader .salesRepIconRight .salesRepButton { width: 180px; } .distributors .distributorDetails .salesRepHeader .salesRepIconRight .salesRepButton .fa-arrow-up-right-from-square { width: 16px; height: 16px; color: #000000; display: block; } .shopNow .GMFSShopNowProductGalleryView .contentListItems { background-color: #ffffff; width: 100%; float: none; padding-left: 0; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul { display: flex; flex-wrap: wrap; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li { width: 29%; padding: 0; margin: 0 12px 30px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner { height: 100%; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-img { position: relative; display: block; width: 100%; height: auto; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-img img { border: 1px solid #e6e7e8; width: 100%; height: 220px; vertical-align: top; object-fit: contain; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-img .myFavorite div span { top: 5px; right: 5px; cursor: pointer; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-img .newItem { bottom: 0; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-text { display: block; max-width: none; margin: 5px 0 0 0; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyingOptionContainer { height: 85px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper { margin-top: 15px; width: 100%; position: absolute; bottom: 0; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li:nth-child(3n+3) .buyNowRetailerWrapper .buyNowRetailer { right: 0; left: auto; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li:nth-child(4n+4) .buyNowRetailerWrapper .buyNowRetailer { left: 0; right: auto; } .shopNow .noSearchResults { width: 600px; height: 165px; margin: 0 auto 50px; padding: 40px 35px; } .promotionPanelTWB .panelDetails .promotionPanelBaner { padding: 48px; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails { align-items: baseline; width: 100%; margin: 0; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .ctaButtons { width: auto; flex-direction: row; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .ctaButtons a { width: auto; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .invertButtons { width: auto; flex-direction: row; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .invertButtons a { width: auto; } .mcp-survey-form #evg-surveys.evg_pizza_crust, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust { padding: 60px 50px; align-items: center; display: flex; justify-content: center; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main { max-width: 716px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav { flex-direction: unset; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_start_btn, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_start_btn { max-width: 154px; min-width: unset; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_prev_btn, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_prev_btn { max-width: 112px; min-width: unset; margin-left: 20px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_next_btn, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_next_btn { max-width: 110px; min-width: unset; margin-left: 310px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_complete_btn, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_complete_btn { min-width: unset; max-width: 198px; margin-left: 272px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div h1 { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #0054a6; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div h1:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div h1:nth-of-type(2) { font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 24px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div img, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div img { margin-bottom: 46px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div img:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div img:nth-of-type(2) { height: 27.47px; margin-bottom: 34px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root h1 { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #0054a6; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_select_wrapper, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_select_wrapper, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_select_wrapper, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_select_wrapper, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_select_wrapper, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_select_wrapper, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_select_wrapper, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_select_wrapper, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_select_wrapper, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_select_wrapper, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_select_wrapper, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_select_wrapper, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_select_wrapper, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_select_wrapper, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_select_wrapper, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_select_wrapper, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_select_wrapper, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_select_wrapper, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_select_wrapper, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_select_wrapper { align-items: center; justify-content: center; display: flex; flex-direction: column; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control { max-width: 272px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_qstn_error_top { margin-right: auto; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q div:nth-of-type(2) { align-items: center; justify-content: center; display: flex; flex-direction: column; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc { flex-direction: row; flex-wrap: wrap; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup { max-width: 420px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top { width: 420px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q h5 span { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup { width: 160px; height: 192px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label img, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label img, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label img, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label img, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label img, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label img, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label .cls_NotSure, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label .cls_NotSure, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label .cls_NotSure, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label .cls_NotSure, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label .cls_NotSure, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup label .cls_NotSure { width: 144px !important; height: 144px !important; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup { margin-right: 16px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_qcbc, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_qcbc { width: 100%; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup { max-width: 336px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top { width: 272px; margin-right: unset; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top { width: 568px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top { width: 372px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top { width: 536px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q { overflow: hidden; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q div:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q div:nth-of-type(2) { display: unset; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q h5 span { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control { max-width: 374px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page h1 { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #0054a6; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p { padding: 0 70px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) { flex-direction: row; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) button, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(2) button { min-width: unset; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(3) a, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page p:nth-of-type(3) a { display: inline; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page .ResultDiv, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page .ResultDiv { flex-direction: row; flex-wrap: wrap; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page .ResultDiv .ResultChildDiv, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page .ResultDiv .ResultChildDiv { margin: 0 24px 0 0; width: 140px; height: 265px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page .ResultDiv .ResultChildDiv img, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page .ResultDiv .ResultChildDiv img { width: 140px; height: 140px; } .nColumnVideoGalleryWrapper .background { padding: 32px 48px; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryInfo .nColumnVideoGalleryHeadingDiv { font-family: "Roboto Slab", serif; font-size: 32px; font-size: 2rem; color: #ffffff; line-height: 38px; line-height: 2.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryInfo .nColumnVideoGallerySpan, .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryInfo .nColumnVideoGalleryDescriptionDiv { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryInfo .nColumnVideoGallerySpan { margin-bottom: 16px; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem { width: 33%; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .smallTitle { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .mainVideoTitleD .mainVideoTitle { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .nColumnVideoGalleryDetailsD .nColumnVideoGalleryDetails { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .nColumnVideoGalleryDetailsD p { margin: 0; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p, .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD moreInfoP1 { margin: 0; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .fourColumn { display: block; position: relative; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .fourColumn .nColumnVideoGalleryItem { width: 100%; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .fourColumn .nColumnVideoGalleryItem .mainImageD { width: 100%; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .fourColumn .nColumnVideoGalleryItem .mainImageD .mainImage { width: 100%; height: auto; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .threeColumn { display: block; position: relative; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .threeColumn .nColumnVideoGalleryItem .mainImageD .mainImage { width: 100%; height: auto; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .threeColumn .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .ScaleImageD .ScaleImage { width: 100%; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .twoColumn { display: block; position: relative; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .twoColumn .nColumnVideoGalleryItem .mainImageD .mainImage { width: 100%; height: auto; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .twoColumn .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD { margin-top: 20px; } .containerWidth { width: 100%; max-width: 100%; margin: 0 auto; background-color: #ffffff; } .containerWidth .nColumnVideoGallery { max-width: 1024px; margin: 0 auto; } .containerWidth .nColumnVideoGallery .nColumnVideoGalleryItem { background-color: #ffffff; } .containerWidthBlue { width: 100%; max-width: 100%; margin: 0 auto; background-color: #0074c1; } .containerWidthBlue .nColumnVideoGallery { max-width: 1024px; margin: 0 auto; } .containerWidthBlue .nColumnVideoGallery .nColumnVideoGalleryItem { background-color: #ffffff; } .TopRecommendedProducts .nColumnVideoGalleryInfo .nColumnVideoGallerySpan { display: block; font-weight: 400; line-height: 24px; text-align: left; color: #1f1f1f; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery { margin: 0px; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem { border: 2px solid #e8e8e8; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .mainImageD { margin-bottom: 0px; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .mainImageD .mainImage { border-bottom: 2px solid #e8e8e8; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .nColumnGallerDetailsD { margin: 0px; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .nColumnGallerDetailsD .nColumnGallerDetails { margin: 0px; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD { margin-top: 0px; } .TopRecommendedPDPProducts { width: 100%; max-width: 100%; background-color: #0054a6; margin-top: 15px; padding: 5px; } .TopRecommendedPDPProducts .nColumnVideoGalleryInfo .nColumnVideoGallerySpan { display: block; color: #ffffff; font-weight: 400; line-height: 24px; padding: 20px 0 0 20px; font-size: 16px; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem { background-color: #ffffff; display: inline-block; width: 49%; margin: 0px 0px 5px 0; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .mainImageD { margin-bottom: 0px; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .mainImageD .mainImage { border-bottom: 1px solid #e8e8e8; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo { height: 120px; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .nColumnGallerDetailsD { margin: 0px; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .nColumnGallerDetailsD .nColumnGallerDetails { margin: 0px; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD { margin-top: 0px; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD .moreInfoP1 { margin: 0px; } .restaurantnColumnVideoGallery { background-repeat: repeat; } .restaurantnColumnVideoGallery .nColumnVideoGalleryInfo { text-align: center; padding: 24px !important; } .restaurantnColumnVideoGallery .nColumnVideoGalleryInfo .nColumnVideoGalleryHeading { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; margin-bottom: 10px; } .restaurantnColumnVideoGallery .nColumnVideoGalleryInfo .nColumnVideoGallerySpan { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #1f1f1f; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .restaurantnColumnVideoGallery .nColumnVideoGalleryInfo .nColumnVideoGalleryDetailsDiv { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; margin-top: 10px; } .restaurantnColumnVideoGallery .nColumnVideoGalleryInfo .show { display: block !important; } .restaurantnColumnVideoGallery .nColumnVideoGalleryInfo .white { color: #ffffff; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery { padding-bottom: 15px; margin: 20px 20px 0 20px; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem { border-radius: 24px; color: #ffffff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); margin: 10px 0 20px 0; border: unset; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .mainImageD { margin-bottom: unset; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .mainImageD .mainImage { border-radius: 24px 24px 0px 0px; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo { padding: 24px !important; text-align: unset; background-color: #ffffff; border-radius: 0px 0px 24px 24px; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .mainTitleD .mainTitle { font-family: "Roboto Slab", serif; font-size: 18px; font-size: 1.125rem; color: #1f1f1f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .mainTitleD .mainTitle a { color: #1f1f1f; font-weight: 700; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .nColumnGallerDetailsD { margin: 16px 0 0 0; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .nColumnGallerDetailsD .nColumnGallerDetails { margin: unset; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD { margin-top: 36px; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD p { margin: 0 0 10px 0; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD p a { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD p a .fa-arrow-right { color: #0074c1; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD p a:hover { color: #0074c1; } .latestProductCategoryDetail .contentContainer .productCategoryWrapperK12 { padding: 0px 6.25% 32px 6.25%; } .latestProductCategoryDetail .contentContainer .productCategoryWrapperK12 .categoryTitleDiv { font-family: "Roboto Slab", serif; font-size: 36px; font-size: 2.25rem; color: #ffffff; line-height: 43px; line-height: 2.6875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 24px; } .latestProductCategoryDetail .contentContainer .productCategoryWrapperK12 .categorySubHeaderDiv { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 12px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter { margin: 0 auto; padding: 24px 6.25% 32px 6.25%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .search-bar { max-width: 700px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .search-result { font-size: 24px; margin-bottom: 12px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .sortingViewResult { width: 21.35%; right: 50px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header { padding: 0 24% 0 0; margin-bottom: unset; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header .view-toggle { left: 165px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder { width: 23.45%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems { width: 100%; padding: 24px 0 0 0; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li { width: 21.8%; margin: 0 3.57% 3.57% 0px; padding: 8px; display: inline-block; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium > a { margin-bottom: 12px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium > a .li-img img { height: 10.90%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .li-text { padding-top: 12px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li span p { margin: 0 0 8px 0; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li:nth-child(4n) { margin-right: 0; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView { flex-direction: column; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li { width: 100%; padding: 12px 24px 12px 12px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium > a { grid-row-start: 1; grid-row-end: 4; display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium > a .li-img img { max-width: 100%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .li-text { max-width: 100%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium { display: grid; grid-template-columns: 84px 1fr; grid-template-rows: auto auto; column-gap: 24px; max-width: 100%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium .tags { grid-column: 2; grid-row: 1; flex-direction: row; position: relative; justify-content: normal; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium .ProductNumber { grid-column: 2; grid-row: 3; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium .li-text { grid-column: 2; grid-row: 2; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent { column-gap: 0; display: flex; flex-direction: row; align-items: stretch; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent img { width: 15%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent .li-text { display: flex; justify-content: space-between; align-items: center; padding: 24px; box-sizing: border-box; gap: 16px; margin-top: 0; flex-direction: row; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent .li-text .customCardButton { width: 25%; } .k12ProductCategoryLanding .gallery-header { width: auto; } .k12ProductCategoryLanding .totalCount { width: auto; right: 0; position: relative; margin: 50px 0 52px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .sortingViewResult .sortResultView { position: relative; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder { width: auto; top: 75px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown { width: 100%; height: 85%; background: white; top: 75px; overflow-x: hidden; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header { width: 100%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header .showFiltersLink { display: inline-block; width: 80%; margin-bottom: 16px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header .clearFacetsSelection { z-index: 1000; display: inline; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer { margin: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .bottomButtons { display: block; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems { display: flex; flex-wrap: wrap; flex-direction: column; padding: 0; margin: -20px 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer { display: contents; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .hideAndShowDivFacetContainer { display: flex; padding: 16px; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; background: #F5F5F5; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings { display: flex; justify-content: space-between; align-items: center; align-self: stretch; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings .selectedFilterTitle { color: #212121; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings .clearFacetsSelectionFilter { color: #212121; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; cursor: pointer; text-decoration: underline; color: #0074c1; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings .clearFacetsSelectionFilter:hover { color: #0054a6; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv { display: inline; padding: 8px; justify-content: center; align-items: flex-start; gap: 8px; flex-direction: column; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv .selectedFacet { display: inline-flex; padding: 8px; justify-content: center; align-items: center; gap: 8px; border-radius: 6px; border: 1px solid #888; background: #FFF; margin-bottom: 10px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv .selectedFacet .filterText { color: #212121; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv .selectedFacet .filterCloseImage { width: 16px; height: 16px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetsContainer { overflow: visible; width: 90%; height: auto; display: inline-flex; flex-direction: row; flex-wrap: wrap; row-gap: 10px; align-items: center; background: none; color: white; border: 0; margin: 0; padding: 0; z-index: auto; padding-bottom: 24px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetsContainer .showPanelToSelectFacets { display: inline-block; align-items: center; background: #0074c1; color: white; width: 18%; padding: 4px 20px; border-radius: 4px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 28px; row-gap: 24px; margin: 24px 0; padding: 0; justify-content: flex-start; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul .list-item-grid li { width: auto; margin: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul .k12ProductCategoryListView { flex-direction: column; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul .k12ProductCategoryListView li { width: 100%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul .k12ProductCategoryListView li .content-lite-medium > a { max-width: 10%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul .k12ProductCategoryListView li .content-lite-medium > a .li-img img { max-width: 15%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul .k12ProductCategoryListView li .li-text { max-width: 100%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul .k12ProductCategoryListView li .tags { left: 150px; display: flex; flex-direction: row; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul .k12ProductCategoryListView li .content-lite-medium { flex-direction: row; padding: 12px 24px 12px 12px; top: 10px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .backToTopIconPlacement { top: 750px; right: 6px; margin-top: 200px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li { margin: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags { z-index: 999; } .latestProductCategoryDetail .contentContainer .productCategoryWrapperK12 { padding: 0px 6.25% 32px 6.25%; } .latestProductCategoryDetail .contentContainer .productCategoryWrapperK12 .categoryTitleDiv { font-family: "Roboto Slab", serif; font-size: 36px; font-size: 2.25rem; color: #ffffff; line-height: 43px; line-height: 2.6875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 24px; } .latestProductCategoryDetail .contentContainer .productCategoryWrapperK12 .categorySubHeaderDiv { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 12px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter { margin: 0 auto; padding: 24px 6.25% 32px 6.25%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .search-bar { max-width: 700px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .search-result { font-size: 24px; margin-bottom: 12px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .sortingViewResult { width: 21.35%; right: 50px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header { padding: 0 24% 0 0; margin-bottom: unset; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header .view-toggle { left: 165px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder { width: 23.45%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems { width: 100%; padding: 24px 0 0 0; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li { width: 21.8%; margin: 0 3.57% 3.57% 0px; padding: 8px; display: inline-block; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium > a { margin-bottom: 12px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .content-lite-medium > a .li-img img { height: 10.90%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .li-text { padding-top: 12px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li span p { margin: 0 0 8px 0; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li:nth-child(4n) { margin-right: 0; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView { flex-direction: column; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li { width: 100%; padding: 12px 24px 12px 12px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium > a { grid-row-start: 1; grid-row-end: 4; display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium > a .li-img img { max-width: 100%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .li-text { max-width: 100%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium { display: grid; grid-template-columns: 84px 1fr; grid-template-rows: auto auto; column-gap: 24px; max-width: 100%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium .tags { grid-column: 2; grid-row: 1; flex-direction: row; position: relative; justify-content: normal; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium .ProductNumber { grid-column: 2; grid-row: 3; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium .li-text { grid-column: 2; grid-row: 2; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent { column-gap: 0; display: flex; flex-direction: row; align-items: stretch; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent img { width: 15%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent .li-text { display: flex; justify-content: space-between; align-items: center; padding: 24px; box-sizing: border-box; gap: 16px; margin-top: 0; flex-direction: row; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent .li-text .customCardButton { width: 25%; } .k12ProductCategoryLanding .gallery-header { width: auto; } .k12ProductCategoryLanding .totalCount { width: auto; right: 0; position: relative; margin: 50px 0 52px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .sortingViewResult .sortResultView { position: relative; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder { width: auto; top: 75px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown { width: 100%; height: 85%; background: white; top: 75px; overflow-x: hidden; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header { width: 100%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header .showFiltersLink { display: inline-block; width: 80%; margin-bottom: 16px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header .clearFacetsSelection { z-index: 1000; display: inline; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer { margin: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .bottomButtons { display: block; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems { display: flex; flex-wrap: wrap; flex-direction: column; padding: 0; margin: -20px 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer { display: contents; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .hideAndShowDivFacetContainer { display: flex; padding: 16px; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; background: #F5F5F5; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings { display: flex; justify-content: space-between; align-items: center; align-self: stretch; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings .selectedFilterTitle { color: #212121; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings .clearFacetsSelectionFilter { color: #212121; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; cursor: pointer; text-decoration: underline; color: #0074c1; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings .clearFacetsSelectionFilter:hover { color: #0054a6; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv { display: inline; padding: 8px; justify-content: center; align-items: flex-start; gap: 8px; flex-direction: column; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv .selectedFacet { display: inline-flex; padding: 8px; justify-content: center; align-items: center; gap: 8px; border-radius: 6px; border: 1px solid #888; background: #FFF; margin-bottom: 10px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv .selectedFacet .filterText { color: #212121; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv .selectedFacet .filterCloseImage { width: 16px; height: 16px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetsContainer { overflow: visible; width: 90%; height: auto; display: inline-flex; flex-direction: row; flex-wrap: wrap; row-gap: 10px; align-items: center; background: none; color: white; border: 0; margin: 0; padding: 0; z-index: auto; padding-bottom: 24px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetsContainer .showPanelToSelectFacets { display: inline-block; align-items: center; background: #0074c1; color: white; width: 18%; padding: 4px 20px; border-radius: 4px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 28px; row-gap: 24px; margin: 24px 0; padding: 0; justify-content: flex-start; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul .list-item-grid li { width: auto; margin: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul .k12ProductCategoryListView { flex-direction: column; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul .k12ProductCategoryListView li { width: 100%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul .k12ProductCategoryListView li .content-lite-medium > a { max-width: 10%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul .k12ProductCategoryListView li .content-lite-medium > a .li-img img { max-width: 15%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul .k12ProductCategoryListView li .li-text { max-width: 100%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul .k12ProductCategoryListView li .tags { left: 150px; display: flex; flex-direction: row; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul .k12ProductCategoryListView li .content-lite-medium { flex-direction: row; padding: 12px 24px 12px 12px; top: 10px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .backToTopIconPlacement { top: 750px; right: 6px; margin-top: 200px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li { margin: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags { z-index: 999; } .bubbleFilterCompleteSection .bubbleFilterHeading { font-weight: 700; font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #1f1f1f; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0%; text-align: center; margin-left: 27%; margin: auto; padding-bottom: 32px; } .bubbleFilterCompleteSection .bubbleFilterIconsCompleteSection { gap: 32px; display: flex; max-width: 440px; height: 380px; margin: auto; justify-content: center; } .bubbleFilterCompleteSection .bubbleFilterIconsCompleteSection .imageAndText { width: 84px; height: 130px; } .bubbleFilterCompleteSection .bubbleFilterIconsCompleteSection .imageAndText .imageIcon { width: 84px; height: 84px; gap: 10px; border-radius: 100px; border-width: 2px; transition: border 0.3s ease; display: flex; padding: 2px; flex-direction: column; align-items: flex-start; aspect-ratio: 1; } .bubbleFilterCompleteSection .bubbleFilterIconsCompleteSection .imageAndText .imageText { font-weight: 700; font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0%; text-align: center; } .bubbleFilterCompleteSection .bubbleFilterIconsCompleteSection .imageAndText:nth-child(7) { margin: unset; } } @media (min-width: 1000px) { .container .row .col-lg-7 { width: 70%; float: left; } .container .row .col-lg-3 { width: 30%; float: left; } .fl-lg { float: left; } .fr-lg { float: right; } .cr-lg { clear: right; } .cl-lg { clear: left; } .width-lg-2 { width: 20%; } .width-lg-3 { width: 30%; } .width-lg-4 { width: 40%; } .width-lg-5 { width: 50%; } .width-lg-6 { width: 60%; } .width-lg-7 { width: 70%; } .width-lg-8 { width: 80%; } .width-lg-9 { width: 90%; } .width-lg-full { width: 100%; } .pr-xsm-lg { padding-right: 10px; } .pr-sm-lg { padding-right: 20px; } .pr-md-lg { padding-right: 40px; } .pr-lg-lg { padding-right: 60px; } .pr-xlg-lg { padding-right: 80px; } .siteContainer { margin: 131px 0 0 0; padding: 0; } .contentContainer { margin: 0 auto; max-width: 1024px; } .prod-menu .menu-items li.only-lg { display: inline-block; } .prod-menu .menu-items li.only-lg a { text-decoration: underline solid #757575; } .prod-menu .menu-items li.except-lg { display: none; } .expandcollapsePanel .content { padding: 20px; } .mainHeader { position: fixed; width: 100%; top: 0; left: 0; z-index: 1001; vertical-align: top; font-family: "Roboto", sans-serif; background-color: #0054a6; transition-property: height; transition-duration: 500ms; transition-timing-function: ease-out; } .mainHeader .header.signup { background-color: #ffffff; } .mainHeader .announcementBar .announcementLink, .mainHeader .announcementBar .announcementDescription { width: 1024px; margin: 0 auto; text-align: center; display: block; padding-bottom: 5px; } .mainHeader .announcementBar .announcementLink:hover { cursor: pointer; color: #0074c1; } .mainHeader .announcementBar .announcementDescription { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #4c4d4f; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding-bottom: 10px; } .mainHeader .announcementBar #closeBar { position: absolute; height: 30px; padding-top: 0; float: right; right: 25px; top: 15px; } .mainHeader .NavItems { display: flex; flex-direction: row; align-items: flex-start; padding: 0px; gap: 0px; width: 560px; height: 32px; } .mainHeader .container1 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; height: 90px; margin: 0 auto; max-width: 1200px; gap: 37px; } .mainHeader .LogoPlusNav { display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 30px; width: 700px; height: 90px; } .mainHeader .SearchPlusAccount { display: flex; flex-direction: row; align-items: center; width: 23%; padding-left: 50px; justify-content: center; margin-top: -5px; } .mainHeader #siteHeader .logoImage { display: flex; width: 18%; height: auto; } .mainHeader #siteHeader div .siteLogo { width: 150px; height: 55px; transition-property: width; transition-duration: 500ms; transition-timing-function: ease-out; margin: 0 0 7px 0; } #onetrust-button-group #onetrust-pc-btn-handler { margin: 5px 0 5px 20px; } #onetrust-button-group #onetrust-accept-btn-handler { width: unset; margin: 5px 12px; } #siteHeader { width: 100%; height: auto; position: relative; padding: 0; background: #0054a6; transition-property: height; transition-duration: 500ms; transition-timing-function: ease-out; /*#siteHeaderSearch { display:none; }*/ } #siteHeader .closeMenu { display: none; } #siteHeader .logoImage { width: auto; clear: both; } #siteHeader .Search-Icon { width: 24px; height: 24px; gap: 10px; display: flex; cursor: pointer; } #siteHeader .Search-Icon .SearchImage { position: relative; width: 24px; height: 24px; } #siteHeader #siteHeaderSearch { display: none; height: 50px; align-items: center; justify-content: center; width: 100%; position: absolute; padding: 0; top: 131px; background: #FFFFFF; } #siteHeader #siteHeaderSearch > a.back:first-child { display: none; } #siteHeader #siteHeaderSearch .searchGlassLink { position: absolute; background: url(/Botg/Assets/Images/Global/searchSprite.svg); right: 30px; width: 36px; height: 36px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; color: transparent; top: 30px; z-index: -1; display: none; } #siteHeader #siteHeaderSearch .searchGlassLink:hover { cursor: pointer; background-position: right; top: 28px; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper { top: 0px; position: initial; width: auto; justify-content: center; transition-property: margin,padding,height; transition-duration: 500ms; transition-timing-function: ease-out; box-sizing: border-box; display: flex; flex-direction: row; align-items: center; background-color: #ffffff; border: none; border-radius: unset; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .clear-search-Text { bottom: 0; top: 30%; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .searchGlassLink { cursor: pointer; top: 3px; left: 21px; z-index: 0; background: url(/GMFS/Assets/Images/icon-search-sprite.svg) no-repeat 8px; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .clear-search-Text { bottom: 0; top: 30%; display: inline-block; right: unset; position: relative; left: -25px; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container a.SearchLinkButton { display: block; position: absolute; top: 8px; z-index: 0; background: url(/GMFS/Assets/Images/icon-search-sprite.svg) no-repeat 8px; color: transparent; width: 36px; height: 36px; transition-property: height; transition-duration: 500ms; transition-timing-function: ease-out; cursor: pointer; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints { display: inline-block; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints input { padding: 0 0 0 84px; flex-direction: row; display: flex; align-items: center; gap: 8px; width: 1100px; height: 50px; background: #FFFFFF; border: none; border-radius: unset; outline: none; -webkit-transition: .01s all; transition: .01s all; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-hint-container { width: 1100px; margin: 2px 0 0; position: absolute; padding-top: 10px; left: auto; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-hint-container .searchHints ul li { pointer-events: none; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-hint-container .searchHints ul li a { position: relative; pointer-events: auto; cursor: pointer; display: block; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-hint-container .searchHints ul li a:before { position: absolute; top: 0; left: 80px; margin: 10px 0 0 10px; cursor: default; display: inline-block; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-hint-container .searchHints ul li a:hover .productName { text-decoration: underline; color: #0054a6; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-hint-container .searchHints ul li a img { margin-top: 0; } #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-hint-container .searchHints ul li a .productName { display: inline-block; margin: 0 0 10px 10px; position: absolute; top: 27px; left: 80px; } #siteHeader .AccountDropdown { display: flex; flex-direction: row; align-items: center; justify-content: center; width: auto; } #siteHeader .searchGlass { right: 0; } #siteHeader .searchGlass a.searchGlassButton { display: none; } #siteHeader .headerMenus { clear: both; width: 100%; height: 0; display: block; top: auto; } #siteHeader .headerMenus .mobileMenu { display: none; } #siteHeader .headerMenus .menuTitle { display: none; } #siteHeader .toolBar { position: relative; z-index: 1; padding: 8px 0 0; float: right; display: inline-block; background-color: #0054a6; overflow-x: hidden; width: auto; margin-right: 40px; bottom: -36px; } #siteHeader .toolBar a { padding: 0; } .top-nav { display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: auto; width: 77%; padding: 0em; gap: 30px; } .top-nav .AllNavigation { width: 82%; position: relative; background: none; top: 0; height: auto; overflow: unset; } .Newmenu { display: grid; grid-auto-flow: column; list-style-type: none; column-gap: 20px; padding: 0; top: 45px; position: absolute; width: 700px; } .m-menu__checkbox { display: none; } .Newmenu > .navigation_list { overflow: hidden; white-space: nowrap; width: auto; } .menu-button-container { display: none; height: 100%; width: 30px; cursor: pointer; flex-direction: column; justify-content: center; align-items: center; } #menu-toggle { display: none; } .m-menu__header { display: none; } .menu-button, .menu-button::before, .menu-button::after { display: block; background-color: #fff; position: absolute; width: 30px; height: 4px; transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1); border-radius: 2px; } .menu-button::before { content: ''; margin-top: -8px; } .menu-button::after { content: ''; margin-top: 8px; } #menu-toggle:checked + .menu-button-container .menu-button::before { margin-top: 0px; transform: rotate(405deg); } #menu-toggle:checked + .menu-button-container .menu-button { background: rgba(255, 255, 255, 0); } #menu-toggle:checked + .menu-button-container .menu-button::after { margin-top: 0px; transform: rotate(-405deg); } .container2 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 100%; height: auto; margin: 0 auto; max-width: 1200px; } .container2 .nav-white-background { background: #0074c1; } .fullWidth { background: #0074c1; } #siteHeader .nav-white-background { background-color: #0074c1; } .SecondaryContent { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 70%; height: auto; background: #0074c1; } .headernav { display: flex; flex-direction: row; align-items: center; justify-content: space-between; height: auto; width: 30%; } .sub_nav-item .SecondNav a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #1f1f1f; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background: #0074c1; padding: 0; font-weight: 500; letter-spacing: 0.02em; border-bottom: none; align-items: center; display: flex; justify-content: center; } .sub_nav-item .SecondNav .nav-white-background { background: #0074c1; color: #ffffff; } .primary-nav-list .nav-item label.a-label__chevron::after { display: none; } .SecondNavChild { top: 0; display: contents; } .SecondNavChild #sub-item-1 { width: 34%; } .SecondNavChild #sub-item-1:focus, .SecondNavChild #sub-item-1:focus-within { outline: none; border: 2px solid black; } .SecondNavChild #sub-item-2 { width: 36%; } .SecondNavChild #sub-item-2:focus, .SecondNavChild #sub-item-2:focus-within { outline: none; border: 2px solid black; } .SecondNavChild #sub-item-3 { width: 30%; } .SecondNavChild #sub-item-3:focus, .SecondNavChild #sub-item-3:focus-within { outline: none; border: 2px solid black; } .primary-nav-list .sub_nav-item .SecondNav a::after { display: none; } #AccountImageSettings { display: none; } #sub-item-User { gap: 0; background: none; } .myAccount .ZeroNavChild, .myaccountwrapper .ThirdNavChild, .myaccountwrapper .FourthNavChild, #SiteHeaderProfileWidget .ThirdNavChild, .anonymousUser .FourthNavChild { position: relative; top: 0; margin-top: 0; flex-direction: row; padding: 0px; } #sub-item-MyAccount { padding: 0; } #sub-item-Anonymous { padding: 0; background: none; } #label_MyAccount { display: none; } .myaccountwrapper .ThirdNavChild #sub-item-MyAccount .m-menu { display: flex; transition: none; transform: none; overflow: visible; } .dollarImage { margin-top: 0px; } .primary-nav-list .nav-item .m-menu { display: flex; transition: none; transform: none; overflow: visible; background: none; } .simpleNavigationWrapper .primary-nav-list .nav-item label.a-label__chevron { display: none; } .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu { display: block; position: inherit; } .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .m-menu__header { padding: 0; height: auto; display: block; background: none; border: 0; } .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .m-menu__toggle, .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .second-nav-list .nav-item-second .m-menu .m-menu__header .m-menu__toggle, .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .second-nav-list .nav-item-second .a-label__chevron { display: none; } .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .m-menu__header span { font-size: inherit; font-weight: normal; } .primary-nav-list .nav-item .m-menu .second-nav-list .m-menu .m-menu__header label.m-menu__toggle { display: none; } .primary-nav-list .nav-item .m-menu .second-nav-list .m-menu .m-menu__header label.m-menu__toggle .All { display: none; } .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .m-menu__header span a { padding: 3px 7px; font-family: "Roboto", sans-serif; font-size: 14px; color: #ffffff; line-height: 18px; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; display: block; border: none; background-color: transparent; transition-property: padding; transition-duration: 500ms; transition-timing-function: ease-out; width: auto; text-align: left; letter-spacing: 0.02em; margin: 2px; } .primary-nav-list .nav-item .second-nav-list .nav-item-second { border-radius: 0; display: inline-block; margin: 0 auto; width: auto; height: auto; } .primary-nav-list .nav-item .second-nav-list .nav-item-second .third-nav-list { border-radius: 0; box-sizing: inherit; background: none; } .primary-nav-list .nav-item .second-nav-list .nav-item-second .third-nav-list .nav-item-third { border-radius: 0; } .primary-nav-list .nav-item .m-menu a, .primary-nav-list .nav-item label { border-bottom: 0; padding: 0 7px; } .primary-nav-list .nav-item .m-menu a .nav-white-background, .primary-nav-list .nav-item .nav-white-background { background-color: #0074c1; } .myaccountwrapper-list .myaccountwrapper-item:nth-child(2) { border-bottom: 0.3px solid antiquewhite; } .Icon-image { width: 68px; height: 68px; padding: 8px; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(1):hover > .m-menu .second-nav-list, .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(1):focus > .m-menu .second-nav-list { flex-direction: column; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(1):focus-within > .m-menu .second-nav-list { flex-direction: column; } .simpleNavigationWrapper .primary-nav-list .nav-item a:focus + .second-nav-list, .simpleNavigationWrapper .primary-nav-list .nav-item:focus-within .second-nav-list { visibility: visible; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(1) .m-menu .second-nav-list .SubMenuContent { display: flex; flex-direction: column; height: auto; width: 75%; padding: 0em; flex-wrap: wrap; max-height: max-content; overflow: hidden; border: none; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(1) .m-menu .second-nav-list .SubMenuContent .nav-item-second { padding: 0; max-width: 100%; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(1) .m-menu .second-nav-list .SubMenuContent .nav-item-second .m-menu .third-nav-list { padding: 0px 5px 5px 12px; display: inline-flex; max-width: 100%; height: 100%; overflow: hidden; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(1) .m-menu .second-nav-list .SubMenuContent .nav-item-second .m-menu .third-nav-list .ThirdMenuContent { display: flex; flex-direction: row; width: 100%; padding: 0em; flex-wrap: wrap; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(1) .m-menu .second-nav-list .SubMenuContent .nav-item-second .m-menu .third-nav-list .ThirdMenuContent .nav-item-third { padding: 4px 6px; width: 120px; height: 90px; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(1) .m-menu .second-nav-list .SubMenuContent .nav-item-second .m-menu .third-nav-list .ThirdMenuContent .nav-item-third .Icon-Data { padding: 0; border-bottom: 0px; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(1) .m-menu .second-nav-list .SubMenuContent .nav-item-second .m-menu .third-nav-list .ThirdMenuContent .nav-item-third .Icon-Data a { text-align: center; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(1) .m-menu .second-nav-list .SubMenuContent .nav-item-second .m-menu .third-nav-list .ThirdMenuContent .nav-item-third .Icon-Data a .Icon-image { width: 100px; height: 60px; padding: 8px; align-content: center; display: inline-flex; flex-wrap: wrap; justify-content: center; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(2) .m-menu .second-nav-list { flex-direction: column; padding: 10px 10px 10px 25px; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(2) .m-menu .second-nav-list .SubMenuContent { display: flex; flex-direction: row; height: auto; width: 75%; padding: 0em; height: 350px; flex-wrap: wrap; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(2) .m-menu .second-nav-list .SubMenuContent .nav-item-second { padding: 3px 6px; width: 120px; height: 96px; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(2) .m-menu .second-nav-list .SubMenuContent .nav-item-second span a { height: auto; align-items: center; display: inline-flex; flex-direction: column; line-height: 16px; letter-spacing: .01em; text-align: center; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(2) .m-menu .second-nav-list .SubMenuContent .nav-item-second span a .Icon-image { width: 100px; height: 68px; padding: 8px; align-content: center; display: inline-flex; flex-wrap: wrap; justify-content: center; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(2) .m-menu .second-nav-list .SubMenuContent .nav-item-second span a .Icon-image .icon { width: 40px; height: 40px; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(2) .m-menu .second-nav-list .featureContent { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 25%; padding: 0em; height: 350px; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(4) .m-menu .second-nav-list .SubMenuContent { display: flex; flex-direction: row; height: auto; width: 75%; padding: 0em; flex-wrap: wrap; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(4) .m-menu .second-nav-list .SubMenuContent .RecipeFirstTwoChild { display: flex; flex-direction: column; height: auto; width: auto; padding: 0em; flex-wrap: wrap; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(4) .m-menu .second-nav-list .SubMenuContent .RecipeFirstTwoChild .nav-item-second { padding: 0 10px 10px 0; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(4) .m-menu .second-nav-list .SubMenuContent .RecipeSecondChild { display: flex; flex-direction: column; height: auto; width: auto; padding: 0em; flex-wrap: wrap; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(4) .m-menu .second-nav-list .SubMenuContent .RecipeSecondChild .nav-item-second { padding: 0 10px 10px 0; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(4) .m-menu .second-nav-list .SubMenuContent .RecipeThirdChild { display: flex; flex-direction: column; height: auto; width: auto; padding: 0em; flex-wrap: wrap; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(4) .m-menu .second-nav-list .SubMenuContent .RecipeThirdChild .nav-item-second { padding: 0 10px 10px 0; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(1) .m-menu .second-nav-list .nav-item-second .m-menu .third-nav-list .nav-item-third a, .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(1) .primary-nav-list .nav-item .m-menu .second-nav-list .nav-item-second .m-menu .third-nav-list .nav-item-third .Icon-Data { display: flex; flex-direction: column; text-align: left; padding: 0; width: 100px; } #simpleNavigation { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; width: 100%; top: 30px; position: relative; } #SiteHeaderProfileWidget { color: #ffffff; background-color: transparent; font-family: "Roboto", sans-serif; width: auto; display: flex; } #SiteHeaderProfileWidget a { font-family: "Roboto", sans-serif; color: #ffffff; display: inline-block; } #SiteHeaderProfileWidget .anonymousUser { display: flex; z-index: 1000; transition-property: right; transition-duration: 500ms; transition-timing-function: ease-out; height: auto; position: relative; left: 9px; } #SiteHeaderProfileWidget .anonymousUser #anonymousLarge { padding: 0; display: flex; align-items: center; justify-content: center; } #SiteHeaderProfileWidget .anonymousUser .pipeSeprator { color: #ffffff; display: inline-block; margin: 0 1px; line-height: 20px; } #SiteHeaderProfileWidget .anonymousUser .signUpLink { font-weight: bold; margin-right: 20px; } #SiteHeaderProfileWidget .anonymousUser .joinFreeLink { width: auto; color: #ffffff; font-size: 0.875rem; line-height: 0.875rem; background-color: transparent; margin: 0; color: #ffffff; padding: 5px 10px 12px 0px; text-decoration: none; font-weight: 500; text-transform: capitalize; } #SiteHeaderProfileWidget .anonymousUser .signInLink { font-size: 14px; font-size: 0.875rem; } #SiteHeaderProfileWidget .buyNowLink { background-color: #00828a; color: #ffffff; text-transform: capitalize; margin: 0; position: absolute; right: 65px; bottom: 15px; padding: 10px 0; width: 10%; z-index: 10; transition-property: right; transition-duration: 500ms; transition-timing-function: ease-out; } #SiteHeaderProfileWidget .buyNowLink:hover { background-color: #0074c1; } #SiteHeaderProfileWidget .knownUser { color: white; width: auto; margin-top: 0; z-index: 1000; transition-property: top,right; transition-duration: 500ms; transition-timing-function: ease-out; cursor: pointer; display: flex; flex-direction: row; justify-content: center; align-items: center; left: 13px; position: relative; } #SiteHeaderProfileWidget .myAccount { border: none; width: 100%; display: flex; padding: 0; flex-direction: row; align-items: center; margin-left: 17px; } #SiteHeaderProfileWidget .myAccount span.myAcountText { float: left; font-size: 16px; line-height: 21px; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; color: var(--white, #ffffff); font-family: Roboto Slab; letter-spacing: -0.01em; text-transform: capitalize; width: 105px; } #SiteHeaderProfileWidget .myAccount span.myAcountText:after { content: ''; border: solid #ffffff; border-width: 0 2px 2px 0; display: inline-block; padding: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); color: #ffffff; margin: 0 2px 3px 6px; } #SiteHeaderProfileWidget .myAccount .myAccount-toggle-button { display: none; } #SiteHeaderProfileWidget .myaccountwrapper-list-Anonymous { gap: 5px; width: 150px; } #SiteHeaderProfileWidget .myaccountwrapper-list-Anonymous .myaccountwrapper-item { border-radius: 0; background: none; left: 4px; position: relative; height: auto; } #SiteHeaderProfileWidget .myaccountwrapper-list-Anonymous .myaccountwrapper-item .item { padding: 0; } #SiteHeaderProfileWidget .myaccountwrapper-list-Anonymous .myaccountwrapper-item .item a { font-family: 'Roboto Slab'; font-size: 15px; color: white; line-height: 21px; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-decoration: none; letter-spacing: -0.01em; text-align: left; font-weight: 500; padding: 0 0 0 3px; background: none; border: none; width: 60px; } #SiteHeaderProfileWidget .myaccountwrapper-list-Anonymous .myaccountwrapper-item .item a:hover { text-decoration: underline; } #SiteHeaderProfileWidget .myaccountwrapper { display: none; padding: 0; } #SiteHeaderProfileWidget .myaccountwrapper .myaccountwrapper-list { position: absolute; top: 12px; right: 0px; width: 121px; background-color: #ffffff; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); padding: 0px 3px; border-top: 3px solid #0074c1; min-width: 0; margin-right: 0; border-radius: 0; } #SiteHeaderProfileWidget .myaccountwrapper .myaccountwrapper-list .myaccountwrapper-item { text-align: left; padding: 0; font-size: 12px; font-size: 0.75rem; line-height: 30px; line-height: 1.875rem; } #SiteHeaderProfileWidget .myaccountwrapper .myaccountwrapper-list .myaccountwrapper-item .item { color: #9c9c9c; padding: 5px 0 0; border: none; } #SiteHeaderProfileWidget .myaccountwrapper .myaccountwrapper-list .myaccountwrapper-item .item a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-decoration: none; } #SiteHeaderProfileWidget .myaccountwrapper .myaccountwrapper-list .myaccountwrapper-item .item a:hover { text-decoration: underline; } #SiteHeaderProfileWidget .myaccountwrapper .myaccountwrapper-list .myaccountwrapper-item .item input.logOut { height: 30px; padding: 0 0px 0 17px; font-weight: bold; font-size: 14px; font-size: 0.875rem; border: none; cursor: pointer; background: none; text-decoration: none; line-height: 30px; } #SiteHeaderProfileWidget .myaccountwrapper .myaccountwrapper-list .myaccountwrapper-item .item input.logOut:hover { text-decoration: underline; } #SiteHeaderProfileWidget .favtext { position: relative; margin-left: 6px; top: -9px; } #SiteHeaderProfileWidget .knownUser { /* same rules here, which IE/Edge will ignore */ } #SiteHeaderProfileWidget .knownUser:hover, #SiteHeaderProfileWidget .knownUser:focus { background-color: #0074c1; } #SiteHeaderProfileWidget .knownUser:hover .myaccountwrapper, #SiteHeaderProfileWidget .knownUser:focus .myaccountwrapper { display: block; position: relative; } #SiteHeaderProfileWidget .knownUser:focus-within { background-color: #0074c1; } #SiteHeaderProfileWidget .knownUser:focus-within .myaccountwrapper { display: block; position: relative; } .simpleNavigationWrapper { z-index: 0; width: 77%; bottom: 0; height: auto; font-family: "Roboto", sans-serif; transition-property: left; transition-duration: 500ms; transition-timing-function: ease-out; } .simpleNavigationWrapper .seprator { display: none; } .simpleNavigationWrapper a { text-decoration: none; } .simpleNavigationWrapper ul { list-style: outside none none; margin: 0; padding: 0; text-align: left; } .simpleNavigationWrapper ul li { list-style: outside none none; float: none; margin: 0; padding: 0 0 5px 0; position: relative; text-align: left; color: #0074c1; font-size: 16px; font-size: 1rem; background-color: #ffffff; } .simpleNavigationWrapper ul li .nav-toggle-button { display: none; } .simpleNavigationWrapper .primary-nav-list { display: inline-block; position: relative; height: auto; width: 100%; max-width: 1100px; margin: auto; border: 0; } .simpleNavigationWrapper .primary-nav-list .nav-item { border: 0; float: none; display: inline-block; position: static; clear: none; width: auto; background-color: transparent; vertical-align: baseline; height: 90px; } .simpleNavigationWrapper .primary-nav-list .nav-item .a-label__chevron { padding: 3px 8px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; display: inline-block; border: none; background-color: transparent; transition-property: padding; transition-duration: 500ms; transition-timing-function: ease-out; width: auto; text-align: left; } .simpleNavigationWrapper .primary-nav-list .nav-item .primary-nav-item { width: auto; } .simpleNavigationWrapper .primary-nav-list .nav-item .primary-nav-item a { padding: 8px 16px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; display: inline-block; border: none; background-color: transparent; transition-property: padding; transition-duration: 500ms; transition-timing-function: ease-out; } .simpleNavigationWrapper .primary-nav-list .nav-item .primary-nav-item .nav-toggle-button { display: none; } .simpleNavigationWrapper .primary-nav-list .nav-item .primary-nav-item .nav-toggle-button .more { display: none; } .simpleNavigationWrapper .primary-nav-list .nav-item .primary-nav-item .nav-toggle-button .less { display: none; } .simpleNavigationWrapper .primary-nav-list .nav-item .primary-nav-item .nav-toggle-button .hidden { display: none; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list { position: absolute; display: none; background-color: #ffffff; margin: 0; left: 0; overflow: hidden; width: 1081px; padding: 5px 0 20px 0px; margin-top: 32px; height: max-content; margin-left: -198px; border-radius: unset; z-index: 20; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second { width: auto; clear: none; padding: 0 40px 20px 0; display: block; vertical-align: top; margin: 0; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .icon:hover { transform: scale(1.2); } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .a-label__chevron:first-child { border: 0; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .a-label__chevron { padding: 5px 20px; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second span > a { background-color: transparent; font-family: Roboto Slab; font-size: 18px; font-weight: 700; line-height: 24px; letter-spacing: 0.01em; color: black; padding: 0 5px 5px 20px; border: none; top: 0; margin-top: 5px; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second span > a:hover { color: #0054a6; font-weight: bold; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .third-nav-list { min-width: 50px; padding: 10px 5px 5px 20px; margin-top: 6px; display: inline-block; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .third-nav-list .nav-item-third { clear: left; padding: 3px 0; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .third-nav-list .nav-item-third label > a { font-family: Roboto; font-size: 14px; color: #1f1f1f; line-height: 16px; word-wrap: break-word; white-space: normal; font-weight: 400; padding: 0; letter-spacing: 0.01em; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .third-nav-list .nav-item-third label > a .icon { width: 40px; height: 40px; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .third-nav-list .nav-item-third label > a:hover { color: #0054a6; font-weight: bold; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .third-nav-list .nav-item-third label .icon:hover { transform: scale(1.2); } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-item-second .third-nav-list .nav-item-third label .seeAll { font-weight: 600; text-align: right; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .itdItemLi { width: 20%; display: flex; flex-direction: column; padding: 0; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .itdItemLi span { width: 30%; height: auto; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .itdItemLi span .ITDAnchor { display: block; width: 100%; text-decoration: none; padding: 0; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .itdItemLi span .ITDAnchor img { width: 100%; height: 172px; display: block; border-radius: 8px; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .itdItemLi span .ITDAnchor .ITDTitle { display: block; width: 100%; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: left; margin: 0 0 8px 0; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .itdItemLi span .ITDAnchor .ITDDescription { display: block; width: 100%; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #1f1f1f; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: left; font-weight: normal; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .has-sub-not a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; padding: 0 5px 0 20px; letter-spacing: 0.55px; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-featured-no-third, .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-featured-has-third { display: block; position: absolute; top: -6px; right: 18px; margin: 0 auto; padding: 20px 20px 20px 0px; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-featured-no-third:before, .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-featured-has-third:before { content: ""; display: inline-block; position: absolute; left: -40px; top: 8px; margin: auto; background-color: #d8d8d8; width: 1px; height: 181%; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-featured-no-third .featuredContentHeader, .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-featured-has-third .featuredContentHeader { font-family: Roboto Slab; font-size: 18px; color: #3b3b3b; line-height: 24px; white-space: normal; font-weight: 700; text-align: left; margin: 0 0 20px 0; display: block; letter-spacing: 0.01em; padding: 0; border: none; background: white; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-featured-no-third .featuredContentItems, .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-featured-has-third .featuredContentItems { border: unset; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-featured-no-third .featuredContentItems .featuredContentItem, .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-featured-has-third .featuredContentItems .featuredContentItem { margin: 2px 2px 25px 2px; text-align: center; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-featured-no-third .featuredContentItems .featuredContentItem a, .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-featured-has-third .featuredContentItems .featuredContentItem a { padding: 0; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-featured-no-third .featuredContentItems .featuredContentItem img, .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-featured-has-third .featuredContentItems .featuredContentItem img { max-width: 280px; width: 173px; height: 108px; border-radius: 8px; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-featured-no-third .featuredContentItems .featuredContentItem .title, .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-featured-has-third .featuredContentItems .featuredContentItem .title { font-family: Roboto; font-size: 14px; color: black; line-height: 16px; word-wrap: break-word; white-space: normal; font-weight: 500; text-align: left; display: block; max-width: 280px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; letter-spacing: 0.01em; padding: 0; width: 180px; } .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-featured-no-third .featuredContentItems .featuredContentItem .title:hover, .simpleNavigationWrapper .primary-nav-list .nav-item .second-nav-list .nav-featured-has-third .featuredContentItems .featuredContentItem .title:hover { text-decoration: underline; } .simpleNavigationWrapper .primary-nav-list .nav-item:hover, .simpleNavigationWrapper .primary-nav-list .nav-item:focus, .simpleNavigationWrapper .primary-nav-list .nav-item:focus-within { background-color: #0074c1; } .simpleNavigationWrapper .primary-nav-list .nav-item:hover > .m-menu .second-nav-list, .simpleNavigationWrapper .primary-nav-list .nav-item:focus > .m-menu .second-nav-list, .simpleNavigationWrapper .primary-nav-list .nav-item:focus-within > .m-menu .second-nav-list { display: inline-flex; width: 1081px; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2); } .simpleNavigationWrapper .primary-nav-list .nav-item:hover > .m-menu .menu-3, .simpleNavigationWrapper .primary-nav-list .nav-item:focus > .m-menu .menu-3, .simpleNavigationWrapper .primary-nav-list .nav-item:focus-within > .m-menu .menu-3 { display: grid; width: 1081px; } .simpleNavigationWrapper .primary-nav-list .nav-item:hover > .m-menu .second-nav-item-About, .simpleNavigationWrapper .primary-nav-list .nav-item:focus > .m-menu .second-nav-item-About, .simpleNavigationWrapper .primary-nav-list .nav-item:focus-within > .m-menu .second-nav-item-About { display: flex; } .simpleNavigationWrapper .primary-nav-list .nav-item:hover { background-color: #0074c1; } .simpleNavigationWrapper .primary-nav-list .nav-item:hover .m-menu .m-menu__header span a { background-color: #0074c1; } .simpleNavigationWrapper .primary-nav-list .nav-item:hover .m-menu .second-nav-list .nav-item-second .m-menu .m-menu__header span a { background-color: transparent; } .simpleNavigationWrapper .primary-nav-list .nav-item:hover > .second-nav-list .third-nav-list label { background-color: transparent; color: #ffffff; } .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .menu-3 { grid-template-columns: 25% 25% 24% 20%; gap: 3%; padding: 2% 6% 2% 6%; } .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .menu-3 li { grid-column-start: 3; grid-row-start: 1; display: block; width: auto; display: block; position: relative; width: 88%; } .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .menu-3 li span { display: block; width: 100%; } .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .menu-3 li span a .ITDTitle { margin: 8px 0; } .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .menu-3 .cssLarge span a .ITDTitle { margin: 8px 0; } .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .menu-3 .cssMedium span a .ITDTitle { margin: 8px 0; } .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .menu-3 li:first-child { grid-column-start: 1; grid-row-start: 1; grid-row-end: 2; width: 100%; display: block; } .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .menu-3 li:nth-child(2) { grid-column-start: 2; grid-row-end: 2; width: 100%; display: block; } .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .menu-3 li:nth-child(n+2) { height: 25%; } .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .menu-3 li:nth-child(4) { top: 27%; } .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .menu-3 li:nth-child(5) { top: 60%; } .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .menu-3 li:last-child { grid-column-start: 4; grid-row-start: 1; grid-row-end: 2; width: 100%; display: block; } .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .menu-3 .nav-featured-no-third:before { top: -14px; height: 500%; } .simpleNavigationWrapper .primary-nav-list .nav-item .m-menu .menu-3 .nav-featured-no-third .featuredContentItems { overflow-y: unset; } .simpleNavigationWrapper .primary-nav-list .nav-item > .m-menu .second-nav-item-About { flex-direction: row; padding-left: 4%; padding-right: 4%; column-gap: 3%; } .simpleNavigationWrapper .primary-nav-list .nav-item > .m-menu .second-nav-item-About li { display: block; position: relative; max-width: 33%; width: auto; } .simpleNavigationWrapper .primary-nav-list .nav-item > .m-menu .second-nav-item-About li span { display: block; width: 100%; } .simpleNavigationWrapper .primary-nav-list .nav-item > .m-menu .second-nav-item-About li span a .ITDImage { width: 100%; height: auto; } .simpleNavigationWrapper .primary-nav-list .nav-item > .m-menu .second-nav-item-About li span a .ITDTitle { margin: 8px 0; } .simpleNavigationWrapper .primary-nav-list .nav-item > .m-menu .second-nav-item-About .cssMedium span a .ITDTitle { margin: 8px 0; } .simpleNavigationWrapper .primary-nav-list .selected-nav-item .a-label__chevron { background-color: #0074c1; color: #ffffff; } .simpleNavigationWrapper .primary-nav-list > .nav-item:first-child .second-nav-list .nav-item-second, .simpleNavigationWrapper .primary-nav-list > .nav-item:nth-child(n+3) .second-nav-list .nav-item-second { display: inline-block; } .simpleNavigationWrapper .primary-nav-list > .nav-item:first-child .second-nav-list .nav-item-second:last-child .third-nav-list, .simpleNavigationWrapper .primary-nav-list > .nav-item:nth-child(n+3) .second-nav-list .nav-item-second:last-child .third-nav-list { padding-right: 5px; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(4) .second-nav-list { flex-wrap: wrap; flex-direction: column; max-height: 650px; padding-bottom: 10px; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(4) .second-nav-list .nav-item-second .third-nav-list .nav-item-third { padding: 0 0 6px 0px; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(4) .second-nav-list { flex-wrap: wrap; flex-direction: column; max-height: 600px; /*height: 580px;*/ padding-bottom: 10px; height: max-content; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(4) .second-nav-list .nav-item-second .third-nav-list .nav-item-third label { line-height: 38px; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(2) .second-nav-list { padding: 25px 40px 20px 40px; max-height: 350px; height: 300px; flex-wrap: wrap; flex-direction: column; align-content: flex-start; -ms-overflow-style: none; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(2) .second-nav-list::-webkit-scrollbar { display: none; } .simpleNavigationWrapper .primary-nav-list .nav-item:nth-child(2) .second-nav-list .nav-item-second { padding: 0 40px 10px 10px; } #topHeader.fixedHeader { position: fixed; padding-top: 20px; } #topHeader.fixedHeader #siteHeader.fixed-slide-up { height: 50px; top: 0; } #topHeader.fixedHeader #siteHeader.fixed-slide-up .logoImage { padding: 0; } #topHeader.fixedHeader #siteHeader.fixed-slide-up .logoImage div .siteLogo { width: 43px; height: 58px; margin-top: -15px; } #topHeader.fixedHeader #siteHeader.fixed-slide-up div#miniCart { top: 0; z-index: 99; padding: 2px; } #topHeader.fixedHeader #siteHeader.fixed-slide-up .toolBar { display: none; } #topHeader.fixedHeader #siteHeader.fixed-slide-up .search-hint-container { margin-left: 0; } #topHeader.fixedHeader .nctaInterstitialWrapper { display: none; } #topHeader.fixedHeader .searchGlassClose { display: inline-block; position: absolute; bottom: 17px; right: 38px; z-index: -99; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat; width: 16px; height: 16px; background-position: -728px 0px; } #topHeader.fixedHeader #siteHeader .logoImage div .siteLogo { width: 56px; } #topHeader.fixedHeader #siteHeader #siteHeaderSearch .searchGlassLink { z-index: 99; right: 80px; top: 5px; } #topHeader.fixedHeader #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper { height: 0; z-index: -9; right: 0; top: 0; margin-top: 0; transition-property: margin,padding,height; transition-duration: 500ms; transition-timing-function: ease-out; } #topHeader.fixedHeader #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .clear-search-Text { display: none; } #topHeader.fixedHeader #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container a.SearchLinkButton { height: 0; } #topHeader.fixedHeader #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-hint-container { display: none; } #topHeader.fixedHeader #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-box { padding: 0; right: 0; border: 0; height: 0; transition-property: height; transition-duration: 500ms; transition-timing-function: ease-out; } #topHeader.fixedHeader #searchGlassCheckBox:checked ~ #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper { width: 1024px; height: auto; margin-top: 50px; display: block; padding: 20px; background-color: #003c88; transition-property: margin,padding,height; transition-duration: 500ms; transition-timing-function: ease-out; z-index: 0; } #topHeader.fixedHeader #searchGlassCheckBox:checked ~ #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper:before { content: ''; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid black; border-bottom-color: #003c88; position: absolute; top: -15px; right: 83px; z-index: 2; } #topHeader.fixedHeader #searchGlassCheckBox:checked ~ #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .clear-search-Text { display: inline-block; top: 30px; right: 30px; } #topHeader.fixedHeader #searchGlassCheckBox:checked ~ #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .clear-search-Text { display: inline-block; top: 30px; } #topHeader.fixedHeader #searchGlassCheckBox:checked ~ #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container a.SearchLinkButton { width: 36px; height: 36px; top: 20px; transition-property: height; transition-duration: 500ms; transition-timing-function: ease-out; } #topHeader.fixedHeader #searchGlassCheckBox:checked ~ #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints { display: inline-block; } #topHeader.fixedHeader #searchGlassCheckBox:checked ~ #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-hint-container { display: block; width: calc(100% - 40px); margin: 10px 0 0; left: 20px; padding-bottom: 10px; } #topHeader.fixedHeader #searchGlassCheckBox:checked ~ #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .search-box-hints .search-box { right: 0; width: 100%; height: 36px; padding: 0 10px 0 40px; border-radius: 3px; border: 2px solid #ffffff; background-color: #ffffff; -webkit-appearance: none; transition-property: height; transition-duration: 500ms; transition-timing-function: ease-out; } #topHeader.fixedHeader #searchGlassCheckBox:checked ~ #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-container .searchGlassLink { top: 21px; z-index: 0; left: 26px; } #topHeader.fixedHeader #searchGlassCheckBox:checked ~ #siteHeader .headerMenus .mobileMenuDropDown .menu .simpleNavigationWrapper { width: 66%; } #topHeader.fixedHeader #searchGlassCheckBox:checked ~ #siteHeader #siteHeaderSearch .close { display: block; } #topHeader.fixedHeader #searchGlassCheckBox:checked ~ #siteHeader #siteHeaderSearch .searchGlassClose { right: 90px; z-index: 9; bottom: 24px; } #topHeader.fixedHeader #searchGlassCheckBox:checked ~ #siteHeader #siteHeaderSearch .searchGlassLink { z-index: -99; } #topHeader.fixedHeader #SiteHeaderProfileWidget .anonymousUser { right: 120px; display: inline-block; background-color: #0054a6; } #topHeader.fixedHeader #SiteHeaderProfileWidget .anonymousUser #anonymousLarge { margin-bottom: 0; } #topHeader.fixedHeader #SiteHeaderProfileWidget .knownUser { bottom: 0; right: 120px; z-index: 100; padding: 14px; } #topHeader.fixedHeader #SiteHeaderProfileWidget .knownUser:hover .myaccountwrapper-list { width: 145px; top: 11px; right: -16px; } #topHeader.fixedHeader #SiteHeaderProfileWidget .knownUser .myAcountText { display: none; } #topHeader.fixedHeader #SiteHeaderProfileWidget .buyNowLink { bottom: 8px; } #topHeader.fixedHeader .simpleNavigationWrapper { left: 90px; bottom: 0; } #topHeader.fixedHeader .simpleNavigationWrapper .fullWidthContainer { width: 100%; margin: 0; background-color: #0054a6; } #topHeader.fixedHeader .simpleNavigationWrapper .primary-nav-list .nav-item .a-label__chevron { padding: 23px 17px; } #topHeader.fixedHeader .menu { background-color: transparent; } div#miniCart { position: relative; right: 0; top: 13px; transition-property: top; transition-duration: 500ms; transition-timing-function: ease-out; } .screen-reader-text { display: block; border: 0; width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; word-wrap: normal; } .screen-reader-text:focus { background-color: #d8d8d8; color: #3b3b3b; display: block; font-size: 16px; width: auto; height: auto; left: 5px; padding: 15px 23px 14px; text-decoration: none; top: 5px; z-index: 1; } .sub_nav-item { height: 41px; } .k12Nav .sub_nav-item { display: flex; justify-content: center; width: auto; height: 50px; color: white; background-color: #ffffff; overflow: hidden; cursor: pointer; text-align: left; font-size: 1rem; } .k12Nav #sub-item-1 { width: 27%; } .k12Nav #sub-item-2 { width: 36%; } .k12Nav #sub-item-3 { width: 37%; } .m-menu { position: absolute; display: none; top: 0; left: 0; width: 100%; height: auto; transition: transform 0.35s; z-index: 1; background-color: #ffffff; } .primary-nav-list > .nav-item { display: flex; justify-content: center; margin: 0; padding: 0; width: 100%; color: white; background-color: #ffffff; overflow: hidden; cursor: pointer; } .primary-nav-list { padding: 0; } .primary-nav-list .nav-item .second-nav-list .itdItemLi span { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #1f1f1f; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; width: 100%; height: auto; } .primary-nav-list .nav-item .second-nav-list .itdItemLi span a { height: auto; padding: 0 7px; border-bottom: 0; } .primary-nav-list .nav-item .second-nav-list .itdItemLi .sticky-nav-highlight { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 800; } .primary-nav-list .nav-item .m-menu a .nav-white-background { background-color: #0074c1; } .footerWrapper { position: absolute; width: 100%; background-color: #e6e7e8; left: 0; } #footer { clear: both; background-color: #e6e7e8; max-width: 1024px; margin: 0 auto; padding: 40px 0 0 0; } #footer .footerLogo { display: none; } #footer .footerMobileBottomLinks { display: none; } #footer .footerDivider { margin: 20px 0; padding: 0 40px; } #footer .footerNavContainer { display: block; margin: 0 80px 40px; } #footer .footerNavContainer .items { display: inline-block; vertical-align: top; margin: 0; } #footer .footerNavContainer .items.top-categories { width: 28%; } #footer .footerNavContainer .items.corporate { width: 28%; } #footer .footerNavContainer .items.signup { width: 40%; } #footer .footerNavContainer .items h3 { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 6px 0px; font-weight: 500; margin: unset; } #footer .footerNavContainer .items ul { margin: 0; } #footer .footerNavContainer .items ul span { padding: 0; } #footer .footerNavContainer .items ul li { padding: 0; list-style-type: none; line-height: 20px; } #footer .footerNavContainer .items ul li a { font-family: "Roboto", sans-serif; font-size: 10px; font-size: 0.625rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-decoration: none; font-weight: 500; letter-spacing: 0; font-size: 12px; } #footer .footerNavContainer .items ul li a:hover { color: #0074c1; text-decoration: underline; } #footer .footerNavContainer .items ul li a .screenReaderText { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } #footer .footer-bottom-nav { padding: 5px 40px 40px; display: block; justify-content: center; text-align: center; overflow: hidden; } #footer .footer-bottom-nav .copyright { text-align: center; display: inline; line-height: 35px; line-height: 2.1875rem; position: relative; left: 90px; bottom: 7px; } #footer .footer-bottom-nav .copyright span { display: inline-block; } #footer .footer-bottom-nav .contactLinkContainerWrapper { float: right; margin: 0; margin-right: 50px; } #footer .footer-bottom-nav .contactLinkContainerWrapper .contactLinkContainer .socialLink { padding: 0px 10px 0px 0px; } #footer .footer-bottom-nav .contactLinkContainerWrapper .contactLinkContainer .socialLink h3 { position: relative; bottom: 9px; display: inline-block; font-family: "Roboto", sans-serif; font-size: 10px; font-size: 0.625rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; } #footer .footer-bottom-nav .contactLinkContainerWrapper .contactLinkContainer .socialLink a { margin-left: 10px; } .newsletterCtaView .signUpText:hover { background: #0054a6; } .footerNewsletterCta { display: block; } .footerNewsletterCta .header { width: 100%; } .footerNewsletterCta .anonymousIntroContent p { color: #3b3b3b; margin: 0 !important; } .footerNewsletterCta p, .footerNewsletterCta .headerTitle { color: #6e8090; font-family: "Roboto", sans-serif; font-size: 10px; font-size: 0.625rem; line-height: 20px; line-height: 1.25rem; text-align: justify; } .footerNewsletterCta .headerTitle { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #00a838; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .footerNewsletterCta .subheader { font-size: 0.875rem; line-height: 1.375rem; font-family: "Roboto", sans-serif; letter-spacing: 0.5px; } .footerNewsletterCta .headerLogin a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; cursor: pointer; } .footerNewsletterCta .headerLogin a:hover { color: #0054a6; text-decoration: underline; } .footerNewsletterCta .anonymousSignup { width: 100%; margin-top: 10px; height: auto; vertical-align: top; } .footerNewsletterCta .anonymousSignup select, .footerNewsletterCta .anonymousSignup #businessTypeOther { width: 100%; height: 45px; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #808080; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-color: #0074c1; border-width: 2px; padding: 7px 8px 0px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-border-top-colors: #0074c1; -moz-border-bottom-colors: #0074c1; -moz-border-right-colors: #0074c1; -moz-border-left-colors: #0074c1; border-radius: 3px; letter-spacing: 0.43px; } .footerNewsletterCta .anonymousSignup select:focus, .footerNewsletterCta .anonymousSignup #businessTypeOther:focus { outline: 2px solid black; } .footerNewsletterCta .anonymousSignup select:focus:not(:focus-visible), .footerNewsletterCta .anonymousSignup #businessTypeOther:focus:not(:focus-visible) { outline: none; } .footerNewsletterCta .anonymousSignup select:focus-visible, .footerNewsletterCta .anonymousSignup #businessTypeOther:focus-visible { outline: 2px auto black; } .footerNewsletterCta .anonymousSignup .businessTypeOther { padding: 0 0 10px; } .footerNewsletterCta .anonymousSignup .businessTypeOther #businessTypeOther { width: 100%; } .footerNewsletterCta .anonymousSignup .profileQuestion { border: 1px solid #e3e3e3; border-radius: 3px; color: #616263; overflow: hidden; width: 100%; position: relative; display: block; margin-bottom: 10px; } .footerNewsletterCta .anonymousSignup .profileQuestion:after { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat 0 0; position: absolute; right: 15px; top: 11px; z-index: 1; text-align: center; pointer-events: none; height: 10px; width: 15px; } .footerNewsletterCta .anonymousSignup .profileQuestion select::-ms-expand { display: none; } .footerNewsletterCta .anonymousSignup .emailInputTitle { display: none; } .footerNewsletterCta .anonymousSignup input[type=email] { font-size: 12px; font-size: 0.75rem; border-color: #0074c1; font-family: "Roboto", sans-serif; border-style: solid; border-width: 2px; margin: 0; padding: 7px 8px 0px; width: 100%; height: 45px; padding-right: 80px; border-radius: 3px; letter-spacing: 0.43px; } .footerNewsletterCta .anonymousSignup input[type=email]:focus { outline: 2px solid black; } .footerNewsletterCta .anonymousSignup input[type=email]:focus:not(:focus-visible) { outline: none; } .footerNewsletterCta .anonymousSignup input[type=email]:focus-visible { outline: 2px auto; } .footerNewsletterCta .anonymousSignup .signUpText { /* position: absolute;*/ right: 0; top: 0; width: 80px; height: 30px; margin: 0; } .footerNewsletterCta .anonymousSignup .emailAddressVal { margin-bottom: 17px; } .footerNewsletterCta .anonymousSignup .validationMessage { display: none; } .footerNewsletterCta .anonymousSignup span.alert-error { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #e32726; line-height: 12px; line-height: 0.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .footerNewsletterCta .anonymousSignup .emailWrapper { position: relative; margin: 0 0 10px 0; padding-top: 4px; } .footerNewsletterCta .anonymousSignup .footerSignUpLink { font-family: "Roboto", sans-serif; background-color: #0074c1; padding: 8px 0px 5px 0px; cursor: pointer; width: 24%; display: inline-block; text-align: center; margin-top: 10px; vertical-align: middle; margin-left: -8px; border-radius: 3px; border: 0; } .footerNewsletterCta .anonymousSignup .footerSignUpLink span { font-size: 12px; font-size: 0.75rem; color: #ffffff; vertical-align: top; font-weight: 500; } .footerNewsletterCta .anonymousSignup .footerSignUpLink:hover { color: #ffffff; background-color: #63b0e0; text-decoration: none; } .footerNewsletterCta .anonymousSignup .footerSignUpLink { font-size: 16px; font-size: 1rem; width: 40%; } .footerNewsletterCta .anonymousSignup p { font-size: 16px; font-size: 1rem; display: inline-block; margin: 10px 5px 0 0; color: #6e8090; } .footerNewsletterCta .anonymousSignup p a { color: #6e8090; } .footerNewsletterCta .anonymousSignup p a:hover { color: #808080; text-decoration: none; } .footerNewsletterCta .anonymousThankYouContent { padding-top: 5px; } .footerNewsletterCta .anonymousThankYouContent .anonymousRegister { cursor: pointer; } .footerNewsletterCta .anonymousThankYouContent .anonymousRegister span { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .headerNewsletterCta { padding: 15px 0; margin: 0 auto; } .headerNewsletterCta .newsletterCtaContentContainer #toggle { display: none; } .headerNewsletterCta .newsletterCtaContentContainer #toggle ~ section .privacyError { display: block; padding-top: 3px; white-space: normal; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousIntroContent { display: inline-flex; align-items: center; width: auto; margin: 10px 0; position: absolute; width: 122px; height: 20px; left: 20px; font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: 0.02em; /* Dark Blue */ color: #0054A6; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousIntroContent .anonymousHeaderText { pointer-events: none; font-size: 16px; font-size: 1rem; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousIntroContent .anonymousHeaderText:after { content: none; background: none; display: none; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousIntroContent .anonymousSubHeaderText { display: none; margin: 0; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousSignup { width: auto; margin: 0 20px; height: auto; vertical-align: top; display: inline-block; overflow: visible; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput { width: auto; max-width: 1200px; padding-left: 70px; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput select { width: 180px; -moz-border-top-colors: #0074c1; -moz-border-bottom-colors: #0074c1; -moz-border-right-colors: #0074c1; -moz-border-left-colors: #0074c1; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput .businessTypeOther { display: inline-block; vertical-align: top; margin: 0 0 0 10px; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput .businessTypeOther .formLabel { margin-left: 10px; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput .businessTypeOther #businessTypeOther { width: 190px; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput .profileQuestion { display: inline-block; margin: 0 0; vertical-align: top; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput .emailWrapper { display: inline-block; margin-left: 10px; margin-bottom: 3px; vertical-align: top; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput .signUpText { margin: 0 0 0 5px; width: 85px; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput input[type=email] { margin: 0; width: 191px; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput input[type=email]:focus { outline: 2px solid black; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput input[type=email]:focus:not(:focus-visible) { outline: none; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput input[type=email]:focus-visible { outline: 2px auto; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput .checkbox_newsletter { width: 16px; height: 16px; left: 0px; top: 0px; background: #FFFFFF; border: 1.66667px solid #939598; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput .inputText_newsletter { height: 48px; font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 12px; line-height: 135%; letter-spacing: 0.02em; color: #1F1F1F; flex: none; order: 1; flex-grow: 0; text-align: left; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput .checkbox_style { display: inline-flex; vertical-align: top; margin-bottom: 0; padding-bottom: 15px; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput .privacyError { white-space: nowrap; top: 60px; width: 195px; word-wrap: break-word; padding-top: 20px; padding-left: 23px; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput span .alert-error { white-space: nowrap; top: 60px; } .headerNewsletterCta .newsletterCtaContentContainer anonymous-signup-wrapper .newsLetterCloseButtonWrapper { position: absolute; display: inline-block; float: right; right: 0; margin: 15px 35px 0 0; padding: 0; } .headerNewsletterCta .newsletterCtaContentContainer anonymous-signup-wrapper .newsLetterCloseButtonWrapper .newsLetterCloseButton { width: 26px; height: 30px; display: inline-block; padding: 0; } .headerNewsletterCta .newsletterCtaContentContainer anonymous-signup-wrapper .newsLetterCloseButtonWrapper .newsLetterCloseButton span { display: none; } .headerNewsletterCta .newsletterCtaContentContainer anonymous-signup-wrapper .newsLetterCloseButtonWrapper .newsLetterCloseButton:before { position: static; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousThankYouWrapper .newsLetterCloseButton { margin: -65px 10px 0 0; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousThankYouContent { padding: 0; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousThankYouContent .header .headerTitle { width: auto; padding: 0 0 0 10px; display: block; margin: 0; height: auto; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousThankYouContent .header .headerText { display: inline; margin: 0; padding-left: 5px; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousThankYouContent .header .headerLogin { display: inline; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousThankYouContent .header .headerLogin a { cursor: pointer; } .headerNewsletterCta .newsletterCtaContentContainer .anonymousThankYouContent .header .headerLogin a:hover { color: #0054a6; text-decoration: underline; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput .profileQuestion:after { right: 15%; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput select, .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput input, .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup .anonymousInput #businessTypeOther { width: 80%; font-size: 12px; font-size: 0.75rem; letter-spacing: 0.43px; font-family: "Roboto", sans-serif; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousSignup .signUpText { width: 80%; border-radius: 3px; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .anonymousThankYouContent .anonymousRegister span:hover { cursor: pointer; color: #0074c1; text-decoration: underline; } .gmfsPromoNewsletterCta .newsletterCtaContentContainer .memberAlreadySubscribed p { padding-left: 15%; } .productdetail .contentContainer { max-width: none; } #productInfo #prodIntro { margin: 0 9.5%; } #productInfo #prodIntro .prod-menu { padding: 20px 0 10px; margin: 0; } #productInfo #prodIntro .titleSection { display: flex; } #productInfo #prodIntro .titleSection .titleSEOText h1 { font-family: "Roboto Slab", serif; font-size: 32px; font-size: 2rem; color: #3b3b3b; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } #productInfo #prodIntro .titleSection .productSummary { width: 70%; } #productInfo #prodIntro .titleSection .productActionToolbar { width: 30%; } #productInfo #prodIntro .summarySection { display: flex; width: 100%; flex-wrap: wrap; margin-top: 20px; } #productInfo #prodIntro .summarySection [data-bv-show=rating_summary] { margin-top: 1px; } #productInfo #prodIntro .summarySection .caseCount { display: flex; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; letter-spacing: 0.43px; padding-right: 10px; } #productInfo #prodIntro .summarySection .caseCount .caseCountTitle { font-weight: 700; } #productInfo #prodIntro .summarySection .caseCount .caseCountValue { margin-left: 5px; } #productInfo #prodIntro .summarySection .productCode { font-size: 0.875rem; line-height: 1.25rem; width: auto; margin-top: 0; } #productInfo #prodIntro .summarySection .productCode:before { bottom: 0; content: '|'; display: block; height: 1px; padding-right: 10px; color: #757575; } #productInfo #prodIntro .summarySection .productCode .productCodeTitle { width: auto; } #productInfo #prodIntro .summarySection .productCode .productCodeValue { margin-left: 5px; } #productInfo #prodIntro .hasReviews .caseCount { margin-left: 10px; } #productInfo #prodIntro .hasReviews .caseCount:before { bottom: 0; content: '|'; display: block; height: 1px; padding-right: 10px; color: #757575; } #productInfo .topSection { display: flex; margin-top: 20px; margin: 0 2%; } #productInfo .topSection .img-zoom-lens.img-zoom-lens-visible { visibility: visible; } #productInfo .topSection .img-zoom-lens { position: absolute; border: 1px solid #ebebeb; width: 180px; height: 180px; background-color: #ebebeb; opacity: 0.4; visibility: hidden; } #productInfo .topSection .zoomResultPanel { border: 2px solid #757575; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25), 0 15px 10px rgba(0, 0, 0, 0.2); width: 400px; height: 400px; position: fixed; margin: -100px auto 0 500px; visibility: hidden; z-index: 1; } #productInfo .topSection .zoomResultPanel.showZoomResultPanel { visibility: visible; z-index: 9999; display: block; } #productInfo .topSection .leftColumn { display: block; width: 40%; } #productInfo .topSection .leftColumn #prodImage { max-width: 470px; height: 400px; margin: 0 auto; } #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer .videoImgContainer.slick-active, #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer .imgContainer.slick-active { position: relative; } #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots { bottom: -100px; display: flex; justify-content: center; margin-bottom: 40px; } #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots li { width: 70px; height: auto; margin: 0 3px; } #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots li a.videoIcon { display: none; } #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots li a.videoIcon:hover { background-position-x: -1288px; } #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots li a.dot { background: none; width: auto; height: auto; content: ''; display: block; } #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots li a.dot:hover { background-position-x: -1334px; } #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots li a.dot .dotThumbnailImg { display: block; width: auto; height: 40px; margin: 0 auto; } #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots li a.dot.videoIconThumbnail { display: block; } #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots li a.dot.videoIconThumbnail:before { content: ' '; position: absolute; width: 39px; height: 39px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1221px -4px; margin: 0 auto; top: 22px; left: 18px; } #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots li a.dot.videoIconThumbnail img { height: 39px; } #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots li:hover a.dot:after { content: ' '; width: 20px; height: 20px; background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -59px -54px; margin: 0 auto; display: block; opacity: 0.3; } #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots li.slick-active a.dot:after { content: ' '; width: 20px; height: 20px; background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -60px -54px; margin: 0 auto; display: block; } #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer ul.slick-dots li.slick-active:hover a.dot:after { opacity: 1; } #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer .slick-prev, #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer .slick-next { top: 50%; opacity: .5; } #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer .slick-prev:hover, #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer .slick-next:hover, #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer .slick-prev:focus, #productInfo .topSection .leftColumn #prodImage .productImageWrapper .slickProductContainer .slick-next:focus { opacity: 1; } #productInfo .topSection .leftColumn #prodImage .productImageWrapper .videoImgContainer, #productInfo .topSection .leftColumn #prodImage .productImageWrapper .imgContainer { height: auto; } #productInfo .topSection .leftColumn #prodImage .productImageWrapper .videoImgContainer .imgProduct, #productInfo .topSection .leftColumn #prodImage .productImageWrapper .imgContainer .imgProduct { display: block; max-width: 470px; max-height: 290px; width: auto; height: auto; } #productInfo .topSection .leftColumn #prodImage .callToAction { position: absolute; z-index: 99; bottom: 0; border-radius: 0 6px 0 0; } #productInfo .topSection .leftColumn #prodImage .callToAction:hover a .linkText { text-decoration: underline; cursor: pointer; } #productInfo .topSection .rightColumn { display: flex; width: 60%; padding-top: 0; } #productInfo .topSection .rightColumn .leftSection { width: 50%; display: block; margin: 0 15px; } #productInfo .topSection .rightColumn .leftSection .shopNowTitle { display: block; margin-left: 40px; font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.4px; } #productInfo .topSection .rightColumn .leftSection .cnfShopifyProduct { margin: 0 0 20px 40px; } #productInfo .topSection .rightColumn .leftSection .shipping { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: -15px 0 0 180px; } #productInfo .topSection .rightColumn .leftSection .featureDetailsDesktop { display: block; margin: 0 0 20px; } #productInfo .topSection .rightColumn .leftSection .featureDetailsDesktop .header { font-size: 1rem; line-height: 1.25rem; } #productInfo .topSection .rightColumn .leftSection .featureDetailsDesktop a { cursor: pointer; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection { display: block; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors { margin-top: 10px; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .title { margin: 0; font-size: 1rem; line-height: 1.25rem; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors #mobileFlavors { display: none; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors #desktopFlavors { display: block; padding: 200px 50px 0 45px; margin: -200px -60px 0 -45px; width: 100%; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .flavors { flex-wrap: wrap; max-width: 600px; overflow: hidden; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .flavors .productName { display: inline-block; margin: 20px 0 0 0; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .flavors .productName .productImage { position: relative; margin: 0 2px; width: 50px; height: 50px; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .flavors .productName .productImage:hover { border: 2px solid #c2c2c2; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .flavors .productName .productImage .toolTipText { padding: 20px; display: none; width: 140px; background-color: #ffffff; text-align: center; border-radius: 6px; border: 1px solid #979797; left: -40px; bottom: 49px; z-index: 1; position: absolute; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .flavors .productName .productImage .outerTip { display: none; content: ""; position: absolute; top: -11px; left: 17px; width: 0; height: 0; border-top: 9px solid white; border-bottom: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; z-index: 2; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .flavors .productName .productImage .innerTip { display: none; content: ""; position: absolute; width: 0; height: 0; top: -11px; left: 15px; border-top: 10px solid #979797; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .flavors .productName .productImage:hover .toolTipText, #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .flavors .productName .productImage:hover .outerTip, #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .flavors .productName .productImage:hover .innerTip { display: block; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .flavors .productName .productImage:focus:focus { outline: 2px solid black; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .flavors .productName .productImage:focus:focus:not(:focus-visible) { outline: none; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .flavors .productName .productImage:focus:focus-visible { outline: 2px auto; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .flavors .productName .selected:hover { border: 2px solid #0054a6; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .flavors .productName .flavorName { display: none; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .expandcollapsePanel .content { padding: 0 40px 20px; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .litKeyFeaturesTags ul li { width: 25%; } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .litKeyFeaturesTags ul li img { transform: scale(0.8); } #productInfo .topSection .rightColumn .leftSection .moreFlavorsSection .moreFlavors .showMoreFlavors { display: block; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; cursor: pointer; } #productInfo .topSection .rightColumn .leftSection .relatedRebates .rebateTitle { margin: 40px 20px 10px 0; font-size: 1rem; line-height: 1.25rem; } #productInfo .topSection .rightColumn .leftSection .relatedRebates .list-item { margin: 0; padding-left: 0; } #productInfo .topSection .rightColumn .leftSection .relatedRebates .list-item li { overflow: hidden; } #productInfo .topSection .rightColumn .leftSection .relatedRebates .list-item li .img-container { float: left; width: 30%; min-height: 100px; overflow: hidden; } #productInfo .topSection .rightColumn .leftSection .relatedRebates .list-item li .img-container img { vertical-align: top; } #productInfo .topSection .rightColumn .leftSection .relatedRebates .list-item li .descriptionContainer { float: left; width: 64%; padding: 10px 10px 5px 20px; } #productInfo .topSection .rightColumn .leftSection .relatedRebates .list-item li .descriptionContainer a:hover { color: #0074c1; text-decoration: underline; } #productInfo .topSection .rightColumn .leftSection .relatedRebates .list-item li .descriptionContainer a p:hover { color: #0074c1; } #productInfo .topSection .rightColumn .rightSection { width: 50%; margin-right: 50px; } #productInfo .topSection .rightColumn .rightSection .productLocator { border: 2px solid #e7e7e7; display: flex; border-radius: 3px; margin-bottom: 30px; } #productInfo .topSection .rightColumn .rightSection .productLocator.loading { border: 0; } #productInfo .topSection .rightColumn .rightSection .productLocator .productLocatorLabel { margin: 0; display: block; width: 70%; } #productInfo .topSection .rightColumn .rightSection .productLocator .productLocatorLink { display: block; } #productInfo .topSection .rightColumn .rightSection .productLocator .productLocatorLink:hover { background-color: #0054a6; color: #ffffff; } #productInfo .topSection .rightColumn .rightSection #findDistributor { background-color: #ffffff; padding: 0; border: none; margin: 0; display: block; text-align: center; padding: 0 0 35px; } #productInfo .topSection .rightColumn .rightSection #findDistributor .distributorLabel { text-align: center; margin-bottom: 10px; } #productInfo .topSection .rightColumn .rightSection #findDistributor .inputWrapper { border: none; border-radius: 3px; padding: 0; margin-top: 10px; width: 100%; } #productInfo .topSection .rightColumn .rightSection #findDistributor .notLoggedIn { border: 2px solid #e7e7e7; padding: 25px 20px; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #settings { top: 45px; opacity: 0.7; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #settings:hover { cursor: pointer; opacity: 1; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn h2 { text-align: center; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor { display: block; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor #distributorDetails .myDistributorLabel { text-align: center; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor #distributorDetails .details, #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor #distributorDetails .noCodeDetails { border: 2px solid #e7e7e7; border-radius: 3px; padding: 30px 15px 25px; background-color: #ffffff; display: block; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor #distributorDetails .details .distributorLogo, #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor #distributorDetails .noCodeDetails .distributorLogo { max-width: 100px; width: 35%; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor #distributorDetails .details .productCodeContainer, #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor #distributorDetails .noCodeDetails .productCodeContainer { width: 90%; height: 60px; padding: 5px 15px; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor #distributorDetails .details .productCodeContainer .codeLabel, #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor #distributorDetails .noCodeDetails .productCodeContainer .codeLabel { display: inline; padding-right: 10%; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor #distributorDetails .details .productCodeContainer .codeLabel .productCodeLabel, #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor #distributorDetails .noCodeDetails .productCodeContainer .codeLabel .productCodeLabel { padding-bottom: 2px; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor #distributorDetails .details .productCodeContainer #copy, #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor #distributorDetails .noCodeDetails .productCodeContainer #copy { position: relative; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor #distributorDetails .details .productCodeContainer #copy:hover, #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor #distributorDetails .noCodeDetails .productCodeContainer #copy:hover { background: url(/GMFS/Assets/Images/PDP/icon-copy-blue.svg) no-repeat 0 0; cursor: pointer; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor #distributorDetails .details .productCodeContainer .copiedAlert, #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor #distributorDetails .noCodeDetails .productCodeContainer .copiedAlert { bottom: 40%; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor #distributorDetails .noCodeDetails .findNewDistributor .inputWrapper { border: none; padding: 0; margin: 0; display: block; background-color: #ffffff; padding: 0; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #myDistributor #distributorDetails .noCodeDetails .findNewDistributor .inputWrapper .productCodeContainer { background-color: #f7f7f7; padding: 0 5px; width: 100%; height: 100%; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn .tooltipText, #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn .updateTooltip { visibility: visible; width: auto; background-color: #e7e7e7; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; border-radius: 2px; padding: 8px 10px; position: absolute; z-index: 1; bottom: 40%; right: 40px; margin-left: 0; opacity: 0; transition: opacity 0.2s; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn .tooltipText::after, #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn .updateTooltip::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 7px; border-style: solid; border-color: #e7e7e7 transparent transparent transparent; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #copy:hover ~ .tooltipText, #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn #settings:hover ~ .updateTooltip { display: block; visibility: visible; opacity: 1; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn .updateTooltip { height: 40px; top: 0; right: 0; } #productInfo .topSection .rightColumn .rightSection #findDistributor .myDistributorLoggedIn .updateTooltip::after { left: 80%; } #productInfo .topSection .rightColumn .rightSection #findDistributor #updateMyDistributor .updateDetails, #productInfo .topSection .rightColumn .rightSection #findDistributor #updateMyDistributorTab .updateDetails { border: 2px solid #e7e7e7; border-radius: 3px; padding: 20px 15px; margin-top: 0; background-color: #f7f7f7; } #productInfo .topSection .rightColumn .rightSection #findDistributor #updateMyDistributor .updateDetails .actions .saveButton:hover, #productInfo .topSection .rightColumn .rightSection #findDistributor #updateMyDistributorTab .updateDetails .actions .saveButton:hover { background-color: #0054a6; cursor: pointer; } #productInfo .topSection .rightColumn .rightSection #findDistributor #updateMyDistributor .updateDetails .actions #cancelUpdate:hover, #productInfo .topSection .rightColumn .rightSection #findDistributor #updateMyDistributorTab .updateDetails .actions #cancelUpdate:hover { cursor: pointer; color: #0074c1; } #productInfo .topSection .rightColumn .rightSection #findDistributor #updateMyDistributorTab .updateDetails { border: none; padding: 0; } #productInfo .topSection .rightColumn .rightSection .buyNowWrapper .retailerInfo { border: none; padding: 0; } #productInfo .topSection .rightColumn .rightSection .buyNowWrapper .retailerInfo .header { text-align: center; } #productInfo .topSection .rightColumn .rightSection .buyNowWrapper .retailerInfo .retailerImageContainer { border: 2px solid #e7e7e7; border-radius: 3px; padding: 16px; width: 100%; height: auto; margin: 0 auto; display: flex; flex-direction: column; flex-wrap: wrap; } #productInfo .topSection .rightColumn .rightSection .buyNowWrapper .retailerInfo .retailerImageContainer ul { width: 100%; margin: 0; padding-left: 15%; } #productInfo .topSection .rightColumn .rightSection .buyNowWrapper .retailerInfo .retailerImageContainer ul li { display: inline-block; width: auto; /*width: 49%;*/ justify-content: space-around; margin: 0; padding: 0; flex-direction: column-reverse; flex-wrap: wrap; align-content: stretch; align-items: flex-start; text-align: center; } #productInfo .topSection .rightColumn .rightSection .buyNowWrapper .retailerInfo .retailerImageContainer ul li .retailerImage { width: 105px; height: 50px; margin: 0px; margin-bottom: 5px; } #productInfo .topSection .rightColumn .rightSection .buyNowWrapper .retailerInfo .retailerImageContainer ul li .retailerImage:hover { border: 1px solid #3b3b3b; } #productInfo .topSection .rightColumn .rightSection .moreFlavorsSection { display: none; } #productInfo .topSection .rightColumn .featureDetailsMobile { display: none; } #productInfo .litKeyFeaturesTags ul li { width: 25%; } #productInfo .litKeyFeaturesTags ul li img { transform: scale(0.8); } #productInfo .k12RegReadyCheckbox { margin: 0 0 12px 40px; } #Reviews { border-top: 5px solid #0054a6; } #Reviews #BVRRContainer .bv-action-bar { margin-top: 50px !important; } #Reviews #BVRRContainer .bv-content-btn-pages-load-more { width: 20% !important; } #Reviews #BVRRContainer .bv-content-review { border-bottom: 10px solid #f7f7f7 !important; } #Reviews #BVRRContainer .bv-head-to-head-list { border-bottom: 10px solid #f7f7f7 !important; } #Reviews #BVRRContainer .bv-section-summary-block { border-bottom: none !important; } #Reviews #BVRRContainer .bv-content-pagination-container { border-top: none !important; } .recentlyViewContainer { width: 100%; display: flex; justify-content: space-evenly; padding-left: 80px; border-top: none; } .recentlyViewContainer.loading { width: inherit; margin: 30px; } .recentlyViewContainer .recentlyViewedHeader { font-family: "Roboto Slab", serif; font-size: 22px; font-size: 1.375rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; align-self: center; padding: 0 20px; width: 15%; } .recentlyViewContainer .emptyMargin { margin: 0 0 0 55px; float: left; } .recentlyViewContainer .emptyMargin + .scrollContainer { margin-left: 0; } .recentlyViewContainer .scrollContainer { width: 70%; } .recentlyViewContainer .scrollContainer .scroller .scrollerContainer .slick-slider .slick-prev { background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat 18px -60px; opacity: .5; width: 40px; height: 40px; } .recentlyViewContainer .scrollContainer .scroller .scrollerContainer .slick-slider .slick-prev:hover { opacity: 1; } .recentlyViewContainer .scrollContainer .scroller .scrollerContainer .slick-slider .slick-next { background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -30px -60px; opacity: .5; width: 20px; height: 40px; right: -60px; } .recentlyViewContainer .scrollContainer .scroller .scrollerContainer .slick-slider .slick-next:hover { opacity: 1; right: -60px; } .recentlyViewContainer .scrollContainer .scroller .scrollerContainer .slick-slider .productItem .scrollItemTitle { padding: 0 15px; } .recentlyViewContainer .recentlyViewEmptyText { width: 70%; } #productEmailCTA { border: 0; padding: 0; } #productEmailCTA h2 { padding-left: 0; text-align: center; } #productEmailCTA .featureDetailMobile { display: none; } #productEmailCTA .description { border: 2px solid #e7e7e7; } #productEmailCTA .action { width: auto; } .innovationProductInfo .rightSection { margin-bottom: 0; } .actionToolbarScrollBox { display: block; height: 100%; z-index: 1250; width: auto; } #primaryActionToolbarSection { height: 290px; width: auto; top: 580px; z-index: 999; position: absolute; } #primaryActionToolbarSection .innerContainer { background-color: #ffffff; width: 60px; border-top: 0; border: 1px solid #dbdbdb; border-radius: 0 3px 3px 0; margin-left: -70px; } .actionToolbar.actionToolbarVertical { display: block; } .actionToolbar.actionToolbarVertical .atButtons { flex-direction: column; -webkit-flex-direction: column; } .actionToolbar.actionToolbarHorizontal { display: none; } .actionToolbar .atButtons { flex-wrap: wrap; justify-content: flex-start; padding-left: inherit; } .actionToolbar .atButtons li { height: 50px; position: relative; margin-top: 10px; padding-left: 0px; width: auto; } .actionToolbar .atButtons li .atbName { margin-left: 3px; font-size: 12px; font-size: 0.75rem; bottom: 10px; } .actionToolbar .atButtons li .atbCount { left: -4px; } .actionToolbar .atButtons li.atButtonFavorite:hover::before { margin-left: 12px; } .actionToolbar .atButtons li::before { left: 0; margin-left: 12px; top: 0; } .productDetailActionToolbar .actionToolbarScrollBox #primaryActionToolbarSection { margin-top: 100px; } .productDetailActionToolbar .actionToolbarScrollBox #primaryActionToolbarSection .actionToolbar ul.atButtons li { height: 50px; border-bottom: 1px solid #dbdbdb; } .productDetailActionToolbar .actionToolbarScrollBox #primaryActionToolbarSection .favorited ul.atButtons li.atButtonFavorite:hover::before { margin-left: 15px; } .recipeDetail .actionToolbarScrollBox #primaryActionToolbarSection { margin-top: 10px; } .productDesktopActionToolbar { display: flex; float: right; } .productDesktopActionToolbar .atButtonsSecondaryContainer .atButtonsSecondary { width: 120px; padding-top: 10px; } .productDesktopActionToolbar .atButtonsSecondaryContainer .atButtonFavorite { border: none; } .productDesktopActionToolbar .atButtonsSecondaryContainer .atButtonFavorite:before { background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -194px -25px; transform: scale(1.3); top: 5px; } .productDesktopActionToolbar .atButtonsSecondaryContainer .atButtonFavorite:hover::before { background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -224px -25px; transform: scale(1.4); } .productDesktopActionToolbar .atButtonsSecondaryContainer .atButtonFavorite:hover .displayText, .productDesktopActionToolbar .atButtonsSecondaryContainer .atButtonFavorite:focus .displayText { margin-top: 20px; position: absolute; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0054a6; line-height: 10px; line-height: 0.625rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; white-space: nowrap; margin-left: -5px; padding-top: 20px; } .productDesktopActionToolbar .atButtonsSecondaryContainer .atButtonFavorite:hover .displayText:after, .productDesktopActionToolbar .atButtonsSecondaryContainer .atButtonFavorite:focus .displayText:after { content: 'Add To Wishlist'; } .productDesktopActionToolbar .atButtonsSecondaryContainer .atButtonPrint:before { transform: scale(1.2); top: 5px; } .productDesktopActionToolbar .atButtonsSecondaryContainer .atButtonPrint:hover:before, .productDesktopActionToolbar .atButtonsSecondaryContainer .atButtonPrint:focus:before { transform: scale(1.3); } .productDesktopActionToolbar .atButtonsSecondaryContainer .atButtonPrint:hover .atbName, .productDesktopActionToolbar .atButtonsSecondaryContainer .atButtonPrint:focus .atbName { display: block; bottom: 0; } .productDesktopActionToolbar .atButtonsSecondaryContainer li { width: 50%; padding: 0; cursor: pointer; margin-top: 0; } .productDesktopActionToolbar .atButtonsSecondaryContainer .atbName { display: none; } .productDesktopActionToolbar .atButtonsPrimaryContainer { width: auto; } .productDesktopActionToolbar .atButtonsPrimaryContainer .buttonsTitle { width: 125px; padding: 10px; border: 1px solid #757575; border-radius: 3px; margin-left: 10px; cursor: pointer; letter-spacing: 0.5px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .productDesktopActionToolbar .atButtonsPrimaryContainer .buttonsTitle:after { width: 15px; height: 15px; content: ' '; float: right; padding: 0 10px 0 10px; margin-top: 3px; background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -173px -28px; pointer-events: none; } .productDesktopActionToolbar .atButtonsPrimaryContainer .buttonsTitle:hover, .productDesktopActionToolbar .atButtonsPrimaryContainer .buttonsTitle:focus { border: 1px solid #3b3b3b; } .productDesktopActionToolbar .atButtonsPrimaryContainer .atButtonsPrimary { width: 10%; padding: 10px 10px 0 10px; margin: 10px 0 0 -15px; border: 1px solid #757575; border-radius: 3px; z-index: 100; position: absolute; background-color: #ffffff; } .productDesktopActionToolbar .atButtonsPrimaryContainer .atButtonsPrimary .primaryButton { display: flex; width: 100%; height: 35px; margin: 0 0 0 -15px; border-bottom: none; cursor: pointer; } .productDesktopActionToolbar .atButtonsPrimaryContainer .atButtonsPrimary .primaryButton:hover .atbName { text-decoration: underline; } .productDesktopActionToolbar .atButtonsPrimaryContainer .atButtonsPrimary .primaryButton .atbName { display: inline-block; margin: 0 0 8px 38px; } .productDesktopActionToolbar.favorited .atButtonFavorite:before { background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -224px -25px; } .productDesktopActionToolbar.favorited .atButtonFavorite:hover::before { background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -194px -25px; } .productDesktopActionToolbar.favorited .atButtonFavorite:hover .displayText, .productDesktopActionToolbar.favorited .atButtonFavorite:focus .displayText { margin-left: -20px; } .productDesktopActionToolbar.favorited .atButtonFavorite:hover .displayText:after, .productDesktopActionToolbar.favorited .atButtonFavorite:focus .displayText:after { content: 'Remove From Wishlist'; } .actionToolbarEmailDialogContainer { margin: 0; max-width: 500px; } .actionToolbarEmailDialogContainer .senderEmail { width: 80%; height: 40px; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .buttons { margin-bottom: 40px; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .buttons .sendButton { width: 40%; } .actionToolbarEmailDialogContainer .actionToolbarEmailDialog .buttons .cancelButton { order: 2; width: 60%; text-align: left; } .registrationDialogClass { max-width: 800px; width: 800px !important; min-height: 525px; background-color: #ffffff; } .registrationDialogClass .ui-dialog-titlebar { position: absolute; } .registrationDialogClass .ui-dialog-titlebar .ui-dialog-titlebar-close { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -25px 0px; width: 25px; height: 25px; top: 0; right: 0; } .resetPasswordLanding #resetPasswordContainer { margin: 50px 20px 120px; } .RegistrationFlowContainer .MemberBenifitsContainer { float: left; width: 25%; background-color: #f7f7f7; color: #0054a6; padding: 15px; text-align: center; } .RegistrationFlowContainer .MemberBenifitsContainer .registrationActionCTAText .desktopMemberBenifits { display: block; } .RegistrationFlowContainer .MemberBenifitsContainer .registrationActionCTAText .mobileMemberBenefits { display: none; } .RegistrationFlowContainer .RegistrationModuleContainer { float: left; width: 75%; padding: 20px 40px; } .RegistrationFlowContainer .RegistrationModuleContainer .smallContainer { width: 100%; } .RegistrationFlowContainer .RegistrationModuleContainer #gatedContentNote { margin: 35px auto 0; width: 80%; } .RegistrationFlowContainer .RegistrationModuleContainer .loginView { display: block; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm h2::after, .RegistrationFlowContainer .RegistrationModuleContainer .regStep h2::after, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 h2::after, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 h2::after, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView h2::after { top: 40px; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm a:hover, .RegistrationFlowContainer .RegistrationModuleContainer .regStep a:hover, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 a:hover, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 a:hover, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView a:hover { text-decoration: underline; color: #0054a6; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .alreadyAMemberLink, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .alreadyAMemberLink, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .alreadyAMemberLink, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .alreadyAMemberLink, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .alreadyAMemberLink { float: right; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset { width: 75%; margin: 40px auto 0; padding: 0 30px; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset input[type=password], .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset input[type=password], .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset input[type=password], .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset input[type=password], .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset input[type=password] { font-size: 14px; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm fieldset .hideShowPassword-toggle:hover, .RegistrationFlowContainer .RegistrationModuleContainer .regStep fieldset .hideShowPassword-toggle:hover, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 fieldset .hideShowPassword-toggle:hover, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 fieldset .hideShowPassword-toggle:hover, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset .hideShowPassword-toggle:hover { text-decoration: underline; color: #0074c1; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .regButtonContainer button:hover, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .regButtonContainer button:hover, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .regButtonContainer button:hover, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .regButtonContainer button:hover, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .regButtonContainer button:hover { background-color: #0054a6; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .regButtonContainer .Back:hover, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .regButtonContainer .Back:hover, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .regButtonContainer .Back:hover, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .regButtonContainer .Back:hover, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .regButtonContainer .Back:hover { color: #ffffff; background-color: #0054a6; border: 2px solid #0054a6; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .regButtonContainer .Back:hover::before, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .regButtonContainer .Back:hover::before, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .regButtonContainer .Back:hover::before, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .regButtonContainer .Back:hover::before, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .regButtonContainer .Back:hover::before { color: #ffffff; } .RegistrationFlowContainer .RegistrationModuleContainer .loginViewForm .forgotPasswordContainer, .RegistrationFlowContainer .RegistrationModuleContainer .regStep .forgotPasswordContainer, .RegistrationFlowContainer .RegistrationModuleContainer .regStep2 .forgotPasswordContainer, .RegistrationFlowContainer .RegistrationModuleContainer .regStep3 .forgotPasswordContainer, .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .forgotPasswordContainer { right: 20%; } .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .resetPasswordMessage { margin: 0 auto; width: 60%; } .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .loginLinkWrapper { margin-bottom: 40px; } .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .alert-error { margin: 0 auto; width: 60%; } .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView fieldset .alert-error { width: auto; } #registrationInPageContainer .RegistrationFlowContainer { width: 100%; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer { width: 100%; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .MemberBenifitsContainer { display: block; width: 100%; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .tabs { margin-top: 20px; pointer-events: none; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .tabs #link1 { padding: 0 0 0 85px; width: 50%; border-right: 2px solid #d8d8d8; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .tabs #link2 { padding: 0 0 0 85px; width: 50%; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .tabs div a { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .tabs div .active { border-bottom: none; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .loginView.loginViewHidden { display: none !important; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .loginView { width: 50%; border-right: 2px solid #d8d8d8; display: block; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .loginView .loginViewForm .loginViewCTA { display: none; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView { width: 50%; border-right: 2px solid #d8d8d8; padding: 20px 30px; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView h2 { font-size: 16px; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .forgotPasswordView .regButtonContainer { padding: 20px 0; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer #desktopRegistration { display: block !important; width: 50%; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer #desktopRegistration .copyR { padding: 0 40px; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .registrationActionCTAText .desktopMemberBenifits { display: block; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .registrationActionCTAText .desktopMemberBenifits li { display: inline-block; width: 27%; } #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .registrationActionCTAText .desktopMemberBenifits li:nth-child(1) { width: 15%; text-align: left; } #registrationInPageContainer .RegistrationFlowContainer .stepName { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 10px auto 0; width: 60%; display: block; } .GMFSModalFlowOneStep .RegistrationModuleContainer .MemberBenifitsContainer .desktopMemberBenifits .listElements { display: block; } .GMFSModalFlowOneStep .RegistrationModuleContainer .smallContainer { order: 2; display: flex; flex-wrap: wrap; } .GMFSModalFlowOneStep .RegistrationModuleContainer .loginView .loginViewForm fieldset { margin: 0 auto; } .GMFSModalFlowOneStep .RegistrationModuleContainer .loginView .loginViewForm .stepName { display: block; margin: 10px auto; } .GMFSModalFlowOneStep .RegistrationModuleContainer .loginView .loginViewForm .loginViewCTA { display: none; } .GMFSModalFlowOneStep .RegistrationModuleContainer .loginView .loginViewForm .form-error { width: 62%; margin: 0 auto; padding: 15px 0 20px; } .GMFSModalFlowOneStep .RegistrationModuleContainer .loginView .loginViewForm .forgotPasswordContainer { margin-top: -40px; } .GMFSModalFlowOneStep .RegistrationModuleContainer .loginView .loginViewForm .smallCTA { display: block; } .GMFSModalFlowOneStep .RegistrationModuleContainer .loginView .loginViewForm .smallCTA a::before { content: 'Not a member yet? '; } .GMFSModalFlowOneStep .RegistrationModuleContainer .registrationView .registrationSteps .registrationStep .stepName { display: block; } .GMFSModalFlowOneStep .RegistrationModuleContainer .registrationView .registrationSteps .registrationStep div:nth-child(2) { display: none; } .GMFSModalFlowOneStep .RegistrationModuleContainer .registrationView .registrationSteps .registrationStep .regStep .stepName { margin: 10px auto; } .GMFSModalFlowOneStep .RegistrationModuleContainer .registrationView .registrationSteps .registrationStep .regStep #headerText { margin: 0; } .GMFSModalFlowOneStep .RegistrationModuleContainer .registrationView .registrationSteps .registrationStep .regStep fieldset { margin: 0 auto; } .GMFSModalFlowOneStep .RegistrationModuleContainer .registrationView .registrationSteps .registrationStep .regStep .BusinessType, .GMFSModalFlowOneStep .RegistrationModuleContainer .registrationView .registrationSteps .registrationStep .regStep .BusinessType_Other { display: none; } .GMFSModalFlowOneStep .RegistrationModuleContainer .registrationView .registrationSteps .loginFederatedCTA { margin: 0; } .GMFSModalFlowOneStep .RegistrationModuleContainer .registrationView .registrationSteps .general-error { width: 55%; margin: 0 auto; padding: 15px 0 10px; } .GMFSModalFlowOneStep .RegistrationModuleContainer .registrationView .registrationSteps .copyR { margin-top: 10px; } .GMFSModalFlowTwoStep .RegistrationModuleContainer { display: flex; padding: 0; float: none; width: 100%; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .MemberBenifitsContainer { display: block; float: left; width: 40%; background-color: #0054a6; color: #ffffff; padding: 20px; text-align: center; min-height: 525px; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTA { display: block; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTA .registrationActionCTAText { display: block; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTA .registrationActionCTAText .desktopMemberBenifits { display: block; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTA .registrationActionCTAText .desktopMemberBenifits .listElements { display: block; letter-spacing: 0.5px; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTA .registrationActionCTAText .desktopMemberBenifits .listElements li { margin-bottom: 25px; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTA .registrationActionCTAText .desktopMemberBenifits .listElements li .icon_rebates { width: 23px; height: 22px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -923px -1px; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTA .registrationActionCTAText .desktopMemberBenifits .listElements li .icon_favorites { width: 23px; height: 18px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -955px -1px; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTA .registrationActionCTAText .desktopMemberBenifits .listElements li .icon_newsletter { width: 23px; height: 24px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -989px 0px; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTA .registrationActionCTAText .desktopMemberBenifits .listElements li .icon_samples { width: 23px; height: 24px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -968px -102px; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTA .registrationActionCTAText .desktopMemberBenifits .listElements li .Header { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTA .registrationActionCTAText .desktopMemberBenifits .listElements li .Description { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTA .registrationActionCTAText .desktopMemberBenifits .listElements li:nth-child(1) { display: none; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTA .registrationActionCTAText .desktopMemberBenifits .listElements li:nth-child(2), .GMFSModalFlowTwoStep .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTA .registrationActionCTAText .desktopMemberBenifits .listElements li:nth-child(3) { border-bottom: 2px solid rgba(255, 255, 255, 0.2); } .GMFSModalFlowTwoStep .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTA .registrationActionCTAText .mobileMemberBenefits { display: block; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTA .registrationActionCTAText .mobileMemberBenefits .benefitsHeader { display: block; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .MemberBenifitsContainer .registrationActionCTA .registrationActionCTAText .mobileMemberBenefits .benefitsDescription { display: none; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .tabs { width: 0; display: none; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .loginView { width: 100%; padding: 30px 40px; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .loginView .loginViewForm .stepName { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1px; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .loginView .loginViewForm .stepName::after { content: "Enter your email and password."; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; position: absolute; top: 38px; left: 0; font-weight: 400; letter-spacing: 0.44px; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .loginView .loginViewForm .forgotPasswordContainer { margin-top: -80px; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .loginView .loginViewForm .form-error { margin: 0 auto; text-align: center; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .loginView .loginViewForm .smallCTA { display: block; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .loginView .loginViewForm .smallCTA a { float: right; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .loginView .loginViewForm .smallCTA a::before { content: 'Not a member yet? '; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .loginView .loginViewForm fieldset { padding: 0 50px; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .registrationView { width: 100%; padding: 30px; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .registrationView .registrationSteps .registrationStep .regStep .stepName, .GMFSModalFlowTwoStep .RegistrationModuleContainer .registrationView .registrationSteps .registrationStep .regStep2 .stepName { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1px; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .registrationView .registrationSteps .registrationStep .regStep .stepName::after, .GMFSModalFlowTwoStep .RegistrationModuleContainer .registrationView .registrationSteps .registrationStep .regStep2 .stepName::after { content: "Creating an account is free – and easy!"; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; position: absolute; top: 38px; left: 0; font-weight: 400; letter-spacing: 0.44px; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .registrationView .registrationSteps .registrationStep .regStep .BusinessType, .GMFSModalFlowTwoStep .RegistrationModuleContainer .registrationView .registrationSteps .registrationStep .regStep2 .BusinessType, .GMFSModalFlowTwoStep .RegistrationModuleContainer .registrationView .registrationSteps .registrationStep .regStep .BusinessType_Other, .GMFSModalFlowTwoStep .RegistrationModuleContainer .registrationView .registrationSteps .registrationStep .regStep2 .BusinessType_Other { display: none; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .forgotPasswordView { width: 100%; padding: 30px 40px; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .forgotPasswordView h2 { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1px; } .GMFSModalFlowTwoStep .RegistrationModuleContainer .forgotPasswordView .regButtonContainer { margin: 30px auto; } .GMFSModalFlowTwoStep .resetPasswordLanding .prod-menu { margin: 0 auto; width: 80%; padding-left: 0; } .GMFSModalFlowTwoStep .resetPasswordLanding #resetPasswordContainer { margin: 0 0 30px 0; } .GMFSModalFlowTwoStep .resetPasswordLanding #resetPasswordContainer .title, .GMFSModalFlowTwoStep .resetPasswordLanding #resetPasswordContainer #resetPasswordMessage { margin: 0 auto; width: 80%; } .GMFSModalFlowTwoStep .resetPasswordLanding #resetPasswordContainer input[type=password] { font-size: 28px; } .GMFSModalFlowTwoStep .resetPasswordLanding #resetPasswordContainer #resetPasswordMessage { padding: 20px 0 30px; } .GMFSModalFlowTwoStep .resetPasswordLanding #resetPasswordContainer .separator { display: block; background-color: #757575; height: 1px; opacity: .5; margin-bottom: 10px; } .GMFSModalFlowTwoStep .resetPasswordLanding #resetPasswordContainer .control-group { width: 30%; } .GMFSModalFlowTwoStep .resetPasswordLanding #resetPasswordContainer p.alert-error { width: 28%; } .GMFSModalFlowTwoStep .resetPasswordLanding #resetPasswordContainer .hideShowPassword-toggle:hover { text-decoration: underline; color: #0074c1; } .GMFSModalFlowTwoStep .resetPasswordLanding #resetPasswordContainer .form-actions button:hover { background-color: #0054a6; } .GMFSModalFlowTwoStep .registrationPage .richTextArea { display: block; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #fa6400; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 30px auto 0; text-align: center; border: 1px solid; padding: 20px; width: 50%; font-weight: 700; letter-spacing: 0.5px; border-radius: 4px; } .home .contentContainer { max-width: 1140px; } .home .contentContainer .pageLinkItems .productsFeaturedContent .list-item-grid .collectionListItem:nth-child(2), .home .contentContainer .pageLinkItems .productsFeaturedContent .list-item-grid .collectionListItem:nth-child(3) { width: 33%; padding: 0; } .home .contentContainer .homeModules .productsFeaturedContent { margin: 40px 0px 10px 0px; } .home .contentContainer .homeModules .productsFeaturedContent .collectionListItem { display: block; width: 50%; float: left; padding: 15px; } .home .contentContainer .homeModules .productsFeaturedContent .collectionListItem:nth-child(2) { margin: 0; width: 50%; } .home .contentContainer .homeModules .productsFeaturedContent .collectionListItem:nth-child(2) .li-description-wrapper { background-color: #00828a; margin-top: -5px; right: 0; padding-left: 0; position: relative; width: 100%; } .home .contentContainer .homeModules .productsFeaturedContent .collectionListItem .collection-list .li-img img { height: 220px; width: 100%; height: 100%; } .home .contentContainer .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper { background-color: #0074c1; margin: -5px 0px 0px 0px; position: relative; width: 100%; height: 140px; } .home .contentContainer .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title { height: 26px; width: auto; letter-spacing: 1.45px; padding: 35px 30px; margin: 0; } .home .contentContainer .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title a { font-size: 2rem; line-height: 2.5rem; color: #ffffff; } .home .contentContainer .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore { margin: 15px 30px; } .home .contentContainer .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore a { color: #ffffff; } .home .contentContainer .search-box-container { display: none; } .home .contentContainer .exploreProducts { float: left; margin: 20px 0 0 0; } .home .contentContainer .scrollContainer { vertical-align: top; float: right; } .home .contentContainer .brands ul { margin: 30px 0px 30px 0px; } .home .contentContainer .brands ul .mainListItem { width: 19%; } .scrollerList { padding: 15px 40px; width: 66%; } .scrollerList .scroller-header { position: relative; } .scrollerList .scroller-header h3 { font-family: "Roboto", sans-serif; font-size: 32px; font-size: 2rem; color: #053e72; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 300; line-height: 1.6; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer { margin: 0 50px; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer .collectionScrollerNext { position: absolute; top: 40px; right: 0; z-index: 999; background: url(/Botg/Assets/Images/Global/scollerArrows.png) no-repeat 0 0; background-size: 96px 66px; height: 66px; width: 24px; color: transparent; text-shadow: none; border: 0; font-size: 0; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer .collectionScrollerNext:focus { outline: 2px solid black; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer .collectionScrollerNext:focus:not(:focus-visible) { outline: none; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer .collectionScrollerNext:focus-visible { outline: 2px auto black; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer .collectionScrollerNext:hover { background: url(/Botg/Assets/Images/Global/scollerArrows.png) no-repeat -24px 0; background-size: 96px 66px; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer .collectionScrollerNext.disabled { display: none; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer .collectionScrollerPrevious { position: absolute; top: 40px; left: 0; z-index: 999; background: url(/Botg/Assets/Images/Global/scollerArrows.png) no-repeat -48px 0; background-size: 96px 66px; height: 66px; width: 24px; color: transparent; text-shadow: none; border: 0; font-size: 0; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer .collectionScrollerPrevious:focus { outline: 2px solid black; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer .collectionScrollerPrevious:focus:not(:focus-visible) { outline: none; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer .collectionScrollerPrevious:focus-visible { outline: 2px auto black; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer .collectionScrollerPrevious:hover { background: url(/Botg/Assets/Images/Global/scollerArrows.png) no-repeat -72px 0; background-size: 96px 66px; } .scrollerList .collectionScrollerWrapper .collectionScrollerContainer .collectionScrollerPrevious.disabled { display: none; } .scrollerList .collectionScrollerWrapper ul.pkglist-item li .li-img img { cursor: default; } .scrollerList.nonSearchNx .collectionScrollerContainer { margin: 15px auto; padding: 0 0 0 0px; position: relative; } .contentList.contentListWithLeftOpenFilter { overflow: visible; margin: 40px 30px 10px 30px; position: relative; } .contentList.contentListWithLeftOpenFilter .gallery-header { float: right; padding: 0 17% 0 0; margin-top: 13px; } .contentList.contentListWithLeftOpenFilter .sortingViewResult { right: 0; width: 17%; padding: 0 10px 0; } .contentList.contentListWithLeftOpenFilter .sortingViewResult .sortResultView li:hover { background-color: #f7f7f7; } .contentList.contentListWithLeftOpenFilter .contentListLoadingIndicator { position: absolute; top: 60%; left: 60%; } .contentList.contentListWithLeftOpenFilter .selectedFacetsContainer { position: static; left: auto; bottom: auto; width: auto; height: auto; margin: 0; border: 0; z-index: auto; overflow: hidden; background: none; padding: 0; white-space: normal; } .contentList.contentListWithLeftOpenFilter .selectedFacetsContainer.facetsAreSelected { margin-bottom: 20px; } .contentList.contentListWithLeftOpenFilter .selectedFacetsContainer .selectedFacet { margin: 0 10px 5px 0; } .contentList.contentListWithLeftOpenFilter .selectedFacetsContainer .showPanelToSelectFacets { display: none; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder { position: static; left: auto; top: auto; z-index: 0; display: block; float: left; width: 30%; border-radius: 8px; background-color: #efefef; opacity: 1; overflow: hidden; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown { position: static; width: auto; border-radius: 0; padding: 25px; overflow: hidden; height: auto; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .closeFacetsContainer { display: none; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .clearFacetsSelection { position: static; display: block; left: auto; bottom: auto; width: auto; border-right: 0; cursor: pointer; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer h3 label:hover { color: #0074c1; text-decoration: underline; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer ul li label, .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer ul li label * { font-size: 0.625rem; line-height: 1.5rem; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer ul li label:before { width: 10px; height: 10px; top: 1px; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer ul li label:hover { color: #0074c1; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer ul li label:hover * { color: #0074c1; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer ul li label:hover:before { border: none; background-color: #0074c1; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer ul li .filterCheckbox { visibility: hidden; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer .hiddenToggleCheck { visibility: hidden; } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer .showMoreLink { display: flex; align-items: center; gap: 8px; color: var(--Medium-Blue, #0074c1); } .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer .showMoreLink .showMoreHyperlink { color: var(--Medium-Blue, #0074c1); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; } .contentList.contentListWithLeftOpenFilter .contentListItems { float: left; width: 70%; background-color: #ffffff; padding: 15px 0 0 30px; margin: 0; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid { margin: 0; display: flex; flex-wrap: wrap; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li { margin: 0 10px 30px 10px; width: 30%; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .newItem { margin-left: 37%; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .li-text a:hover { color: #0074c1; text-decoration: underline; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .li-img img { max-width: none; max-height: none; width: 200px; height: 200px; object-fit: contain; vertical-align: top; border: 1px solid #e6e7e8; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .buyNowRetailerWrapper .buyNowLink { width: 80%; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .buyNowRetailerWrapper .buyNowLink:hover { color: #ffffff; background-color: #00828a; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .buyNowRetailerWrapper .buyNowLink:hover:after { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1383px -1px; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .buyNowRetailerWrapper .buyNowRetailer { width: 150%; } .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid .buyNowRetailerWrapper .buyNowRetailer ul li { margin: 0 0 15px 0; display: block; } .contentList.contentListWithLeftOpenFilter .contentListItems fourColumn { float: left; width: 70%; background-color: #ffffff; padding: 15px 0 0 10%; margin: 0; } .contentList.contentListWithLeftOpenFilter .contentListItems fourColumn .list-item-grid { margin: 0; display: flex; flex-wrap: wrap; } .contentList.contentListWithLeftOpenFilter .contentListItems fourColumn .list-item-grid li { display: flex; width: 173px; padding: 8px; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid #D7D7D7; } .contentList.contentListWithLeftOpenFilter .contentListItems fourColumn .list-item-grid li .newItem { margin-left: 37%; } .contentList.contentListWithLeftOpenFilter .contentListItems fourColumn .list-item-grid li .li-text a:hover { color: #0074c1; text-decoration: underline; } .contentList.contentListWithLeftOpenFilter .contentListItems fourColumn .list-item-grid li .li-img img { display: flex; height: 157px; flex-direction: column; justify-content: center; align-items: center; flex: 1 0 0; aspect-ratio: 1; } .contentList.contentListWithLeftOpenFilter .contentListItems fourColumn .list-item-grid .buyNowRetailerWrapper .buyNowLink { width: 80%; } .contentList.contentListWithLeftOpenFilter .contentListItems fourColumn .list-item-grid .buyNowRetailerWrapper .buyNowLink:hover { color: #ffffff; background-color: #00828a; } .contentList.contentListWithLeftOpenFilter .contentListItems fourColumn .list-item-grid .buyNowRetailerWrapper .buyNowLink:hover:after { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1383px -1px; } .contentList.contentListWithLeftOpenFilter .contentListItems fourColumn .list-item-grid .buyNowRetailerWrapper .buyNowRetailer { width: 150%; } .contentList.contentListWithLeftOpenFilter .contentListItems fourColumn .list-item-grid .buyNowRetailerWrapper .buyNowRetailer ul li { margin: 0 0 15px 0; display: block; } .subCategory .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid, .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid { padding-top: 50px; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .facetsPlaceHolder { position: static; left: auto; top: auto; z-index: 0; display: block; float: left; width: 30%; max-width: 274px; border-radius: 8px; background-color: #ffffff; opacity: 1; overflow: hidden; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown { position: static; width: auto; border-radius: 0; padding: 0; overflow: hidden; height: auto; background-color: #ffffff; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; align-content: baseline; align-items: baseline; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header a { margin-bottom: 0; width: 50%; vertical-align: text-bottom; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header a span { font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #333333; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-style: normal; font-weight: 700; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header .clearFacetsSelection { background-color: #ffffff; border: none; margin-bottom: 0; padding: 0; width: 50%; vertical-align: baseline; text-align: right; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .facetsPlaceHolder .closeFacetsContainer { display: none; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .facetsPlaceHolder .clearFacetsSelection { position: static; display: block; left: auto; bottom: auto; width: auto; border-right: 0; cursor: pointer; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer { padding: 16px 0 16px 0px; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer h3 label { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-style: normal; font-weight: 600; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer h3 label:hover { color: #0074c1; text-decoration: underline; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer ul li label, .k12ProductCategoryLanding .contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer ul li label * { font-style: normal; font-weight: 400; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #000000; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer ul li .filterCheckbox { visibility: hidden; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .facetsPlaceHolder .searchFacets .contentListFacetContainer .hiddenToggleCheck { visibility: hidden; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .totalCount { display: inline; top: 70px; margin-left: 124px; padding: 0; font-style: normal; font-weight: 400; font-family: "Roboto", sans-serif; font-size: 20px; font-size: 1.25rem; color: #1f1f1f; line-height: 30px; line-height: 1.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .gallery-header { font-style: normal; font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #212121; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .sortingViewResult { padding: 0 0 0 16px; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .sortingViewResult a.sortAnchor { padding: 8px; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .sortingViewResult a.sortAnchor span { font-style: normal; font-weight: 400; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .contentListItems { width: 75%; padding: 5px 0 0 30px; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 0 28px; padding: 24px 0 0; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li { width: 24%; display: flex; max-width: 173px; padding: 2px 8px; flex-direction: column; align-items: flex-start; gap: 12px; align-self: stretch; border-radius: 4px; border: 1px solid #D7D7D7; position: relative; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li:hover .li-text > a { text-decoration: underline; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li .li-img { display: flex; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li .li-img img { width: auto; height: 157px; display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 1 0 0; aspect-ratio: 1; border: none; z-index: 1; position: relative; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li .li-text { font-style: normal; font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #727272; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; max-width: 157px; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li .ProductNumber { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #727272; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-style: normal; font-weight: 400; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags { position: absolute; display: flex; flex-direction: column; z-index: 2; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .newItem, .k12ProductCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .bestSeller, .k12ProductCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .k12RegReadyTag, .k12ProductCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .coolSchoolTag { position: absolute; width: fit-content; display: flex; padding: 0px 4px; justify-content: center; align-items: center; border-radius: 4px; border: 1px solid #000000; background: #ffffff; position: static; z-index: 2; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #727272; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-style: normal; font-weight: 600; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .newItem { border: 1px solid #db3700; color: #db3700; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .bestSeller { border: 1px solid #db3700; color: #db3700; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .k12RegReadyTag { border: 1px solid #058938; color: #058938; } .k12ProductCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li .tags .coolSchoolTag { border: 1px solid #551a8b; color: #551a8b; } .productCategoryWrapper { display: block; } .productCategoryWrapper .productCategory { padding-bottom: 20px; } .productCategoryWrapper .productCategory .title { width: 100%; font-size: 1.75rem; line-height: 2.5rem; /* same rules here, which IE/Edge will ignore */ } .productCategoryWrapper .productCategory .title:hover .subCategories:not(:empty), .productCategoryWrapper .productCategory .title:focus .subCategories:not(:empty) { display: block; } .productCategoryWrapper .productCategory .title:focus-within .subCategories:not(:empty) { display: block; } .productCategoryWrapper .productCategory .description { font-size: 0.875rem; line-height: 1.375rem; } .productCategoryWrapper .productCategory .subCategories { width: 50%; } .productCategoryWrapper .productCategory .subCategories ul li a:hover { color: #0074c1; text-decoration: underline; } .productCategoryWrapper .separator { display: inline-block; background-color: #757575; height: 1px; opacity: 0.5; position: absolute; top: auto; left: 0px; right: 0px; } .productCategoryLanding { background-color: #ffffff; } .productCategoryLanding .contentContainer .prod-menu { padding: 20px 0 0 32px; } .productCategoryLanding .contentContainer .prod-menu.AdditionalBackgroundColorBlue { padding: 32px 9.44% 40px 9.44%; } .productCategoryLanding .contentContainer .prod-menu.AdditionalBackgroundColorBlue .menu-items { max-width: 1168px; margin: 0 auto; } .productCategoryLanding .contentContainer .prod-menu.AdditionalBackgroundColorBlue .menu-items li { padding: unset; } .productCategoryLanding .productsFeaturedContent { padding-top: 40px; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder { width: 98%; margin: 0 0 30px 0; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer { width: 100%; padding: 0 40px; margin: 0; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .contentList.scroller.GMFSScroller { margin: 0 0 25px 0; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .contentList.scroller.GMFSScroller .contentListItems { width: 100%; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer { height: auto; padding-top: 0; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider { padding: 0 20px 0 15px; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-prev { left: -43px; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-next { right: -43px; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list { padding-top: 0; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .productItem { margin: 0 5px; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .productItem .scrollItemTitle { padding: 0 10px; text-align: left; } .productCategoryLanding .contentListWithLeftOpenFilter .contentListItems .list-item-grid li#scrollerPlaceholder .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .productItem .scrollItemImageBlock { width: 100%; } .k12ProductCategoryLanding .contentContainer { max-width: 1168px; } .businessSolutionsLanding { background-color: #ffffff; } .businessSolutionsLanding .contentContainer .prod-menu { padding: 20px 0 0 75px; } .businessSolutionsLanding .productCategoryWrapper .productCategory { margin: 0 auto; width: 100%; padding: 0 75px; } .businessSolutionsLanding .bakery ul li .li-img img, .businessSolutionsLanding .k-12 ul li .li-img img { width: 525px; } .businessSolutionsLanding .bakery ul li .li-description-wrapper .learnmore a:hover, .businessSolutionsLanding .k-12 ul li .li-description-wrapper .learnmore a:hover { text-decoration: underline; } .businessSolutionsLanding .college-convenience ul li, .businessSolutionsLanding .distributor-healthcare ul li, .businessSolutionsLanding .lodging-pizzeria ul li, .businessSolutionsLanding .restaurants-vending-micromart ul li { padding: 0 20px 0 0; } .businessSolutionsLanding .college-convenience ul li .li-description-wrapper .li-title, .businessSolutionsLanding .distributor-healthcare ul li .li-description-wrapper .li-title, .businessSolutionsLanding .lodging-pizzeria ul li .li-description-wrapper .li-title, .businessSolutionsLanding .restaurants-vending-micromart ul li .li-description-wrapper .li-title { padding: 35px 20px 30px 30px; } .businessSolutionsLanding .college-convenience ul li .li-description-wrapper .learnmore, .businessSolutionsLanding .distributor-healthcare ul li .li-description-wrapper .learnmore, .businessSolutionsLanding .lodging-pizzeria ul li .li-description-wrapper .learnmore, .businessSolutionsLanding .restaurants-vending-micromart ul li .li-description-wrapper .learnmore { margin: 30px 30px; } .businessSolutionsLanding .college-convenience ul li .li-description-wrapper .learnmore a:hover, .businessSolutionsLanding .distributor-healthcare ul li .li-description-wrapper .learnmore a:hover, .businessSolutionsLanding .lodging-pizzeria ul li .li-description-wrapper .learnmore a:hover, .businessSolutionsLanding .restaurants-vending-micromart ul li .li-description-wrapper .learnmore a:hover { text-decoration: underline; } .businessSolutionsLanding .college-convenience ul li:nth-child(2), .businessSolutionsLanding .distributor-healthcare ul li:nth-child(2), .businessSolutionsLanding .lodging-pizzeria ul li:nth-child(2), .businessSolutionsLanding .restaurants-vending-micromart ul li:nth-child(2) { padding: 0 0 0 20px; } .businessSolutionsDetail .mainContainer { background-color: #ffffff; } .businessSolutionsDetail .productCategoryWrapper { margin-top: 0; } .businessSolutionsDetail .productCategoryWrapper .productCategory { padding-left: 102px; } .businessSolutionsDetail .productCategoryWrapper .productCategory .title { width: auto; } .businessSolutionsDetail .prod-menu { margin: 0 auto; width: 80%; height: 60px; padding: 20px 0 0 0; } .businessSolutionsDetail .threeColumnFeatureArticles { margin: 10px 0 60px 0; } .businessSolutionsDetail .threeColumnFeatureArticles .contentListItems .productsFeaturedContent ul .collectionListItem { padding-right: 30px; } .businessSolutionsDetail .threeColumnFeatureArticles .contentListItems .productsFeaturedContent ul .collectionListItem:nth-child(3n-1) { padding-left: 15px; padding-right: 15px; } .businessSolutionsDetail .threeColumnFeatureArticles .contentListItems .productsFeaturedContent ul .collectionListItem:nth-child(3n) { padding-left: 30px; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper { height: 220px; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore a:hover { color: #0074c1; text-decoration: underline; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem { float: none; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper { padding: 30px 0 5px; } .businessSolutionsDetail .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title a:hover { color: #0074c1; text-decoration: underline; } .businessSolutionsDetail .exploreProducts { margin: 0; } .businessSolutionsDetail .scrollContainer { margin: 0; } .businessSolutionsDetail .scrollContainer ~ .ProductCategoryHighlight { padding: 0; display: inline-block; } .businessSolutionsDetail .featuredRecipes ~ .ProductCategoryHighlight { display: none; } .ProductCategoryHighlight { padding-left: 0; } .ProductCategoryHighlight .Link { right: 10px; padding: 3px 10px; } .ProductCategoryHighlight .Link:hover { background: #0054a6; } .oneColumnArticle .contentContainer, .twoColumnArticle .contentContainer { padding: 20px 40px; } .oneColumnArticle .contentContainer .titleSEOText h1, .twoColumnArticle .contentContainer .titleSEOText h1 { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .oneColumnArticle .contentContainer .scrollerList, .twoColumnArticle .contentContainer .scrollerList { padding: 40px 0; width: 80%; } .oneColumnArticle .contentContainer .scrollerList .collectionScrollerWrapper, .twoColumnArticle .contentContainer .scrollerList .collectionScrollerWrapper { margin: 0; } .oneColumnArticle .contentContainer .scrollerList .collectionScrollerWrapper .collectionScrollerContainer, .twoColumnArticle .contentContainer .scrollerList .collectionScrollerWrapper .collectionScrollerContainer { margin: 0; } .oneColumnArticle .contentContainer .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li h2 a, .twoColumnArticle .contentContainer .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li h2 a, .oneColumnArticle .contentContainer .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul a:visited, .twoColumnArticle .contentContainer .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul a:visited { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.45px; } .oneColumnArticle .contentContainer .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li h2 a:hover, .twoColumnArticle .contentContainer .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul li h2 a:hover, .oneColumnArticle .contentContainer .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul a:visited:hover, .twoColumnArticle .contentContainer .scrollerList .collectionScrollerWrapper .collectionScrollerContainer ul a:visited:hover { color: #0074c1; text-decoration: underline; } .oneColumnArticle .contentContainer .scrollerList .scroller-header h3, .twoColumnArticle .contentContainer .scrollerList .scroller-header h3 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 30px; line-height: 1.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: bold; letter-spacing: 0.5px; } .oneColumnArticle .contentContainer .collectionScrollerWrapper #scrollerContainer .slick-list .slick-slide .scrollItemImage, .twoColumnArticle .contentContainer .collectionScrollerWrapper #scrollerContainer .slick-list .slick-slide .scrollItemImage { padding: 0; } .oneColumnArticle .contentContainer .actionToolbarScrollBox, .twoColumnArticle .contentContainer .actionToolbarScrollBox { margin: 0; } .oneColumnArticle .contentContainer .actionToolbarScrollBox .actionToolbarVertical, .twoColumnArticle .contentContainer .actionToolbarScrollBox .actionToolbarVertical { display: block; } .oneColumnArticle .contentContainer .actionToolbarScrollBox .actionToolbarHorizontal, .twoColumnArticle .contentContainer .actionToolbarScrollBox .actionToolbarHorizontal { display: none; } .oneColumnArticle .contentContainer .actionToolbarScrollBox #primaryActionToolbarSection, .twoColumnArticle .contentContainer .actionToolbarScrollBox #primaryActionToolbarSection { position: fixed; top: 350px; margin-left: -3%; left: auto; } .oneColumnArticle .contentContainer .contentList .contentListItems ul, .twoColumnArticle .contentContainer .contentList .contentListItems ul { display: flex; flex-wrap: wrap; } .oneColumnArticle .contentContainer .contentList .contentListItems ul li, .twoColumnArticle .contentContainer .contentList .contentListItems ul li { width: 25%; padding: 0 10px; } .oneColumnArticle .contentContainer .gmfsTwoColumnStack, .twoColumnArticle .contentContainer .gmfsTwoColumnStack { width: 100%; } .oneColumnArticle .contentContainer .gmfsTwoColumnStack .gmfsFirstColumn .richTextArea .bioDescrip h3, .twoColumnArticle .contentContainer .gmfsTwoColumnStack .gmfsFirstColumn .richTextArea .bioDescrip h3, .oneColumnArticle .contentContainer .gmfsTwoColumnStack .gmfsSecondColumn .richTextArea .bioDescrip h3, .twoColumnArticle .contentContainer .gmfsTwoColumnStack .gmfsSecondColumn .richTextArea .bioDescrip h3 { font-size: 1.25rem; line-height: 1.125rem; font-family: "Roboto", sans-serif; font-weight: 400; margin: 0; } .oneColumnArticle .contentContainer .gmfsTwoColumnStack .gmfsFirstColumn .richTextArea .bioDescrip p, .twoColumnArticle .contentContainer .gmfsTwoColumnStack .gmfsFirstColumn .richTextArea .bioDescrip p, .oneColumnArticle .contentContainer .gmfsTwoColumnStack .gmfsSecondColumn .richTextArea .bioDescrip p, .twoColumnArticle .contentContainer .gmfsTwoColumnStack .gmfsSecondColumn .richTextArea .bioDescrip p { margin: 10px 0; font-size: 1rem; line-height: 1.5rem; } .oneColumnArticle .contentContainer .gmfsTwoColumnStack .gmfsFirstColumn, .twoColumnArticle .contentContainer .gmfsTwoColumnStack .gmfsFirstColumn { width: 48%; float: left; padding-right: 10px; } .oneColumnArticle .contentContainer .gmfsTwoColumnStack .gmfsSecondColumn, .twoColumnArticle .contentContainer .gmfsTwoColumnStack .gmfsSecondColumn { width: 48%; float: right; padding-left: 10px; } .oneColumnArticle .contentContainer .gmfsThreeColumnStack, .twoColumnArticle .contentContainer .gmfsThreeColumnStack { width: 100%; display: flex; flex-wrap: wrap; } .oneColumnArticle .contentContainer .gmfsThreeColumnStack .gmfsFirstColumn, .twoColumnArticle .contentContainer .gmfsThreeColumnStack .gmfsFirstColumn, .oneColumnArticle .contentContainer .gmfsThreeColumnStack .gmfsSecondColumn, .twoColumnArticle .contentContainer .gmfsThreeColumnStack .gmfsSecondColumn, .oneColumnArticle .contentContainer .gmfsThreeColumnStack .gmfsThirdColumn, .twoColumnArticle .contentContainer .gmfsThreeColumnStack .gmfsThirdColumn { width: 32%; float: left; } .oneColumnArticle .contentContainer .gmfsThreeColumnStack .gmfsSecondColumn, .twoColumnArticle .contentContainer .gmfsThreeColumnStack .gmfsSecondColumn { margin: 0 20px; } .oneColumnArticle .contentContainer .GMFSBlogList .contentListItems ul li, .twoColumnArticle .contentContainer .GMFSBlogList .contentListItems ul li { display: inline-block; width: 100%; float: left; } .oneColumnArticle .contentContainer .GMFSBlogList .contentListItems ul li .li-img, .twoColumnArticle .contentContainer .GMFSBlogList .contentListItems ul li .li-img { width: 30%; height: auto; float: left; } .oneColumnArticle .contentContainer .GMFSBlogList .contentListItems ul li .li-description-wrapper, .twoColumnArticle .contentContainer .GMFSBlogList .contentListItems ul li .li-description-wrapper { width: 66%; float: right; } .oneColumnArticle .contentContainer .GMFSBlogList .contentListItems ul li .li-description-wrapper .li-title a, .twoColumnArticle .contentContainer .GMFSBlogList .contentListItems ul li .li-description-wrapper .li-title a { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .oneColumnArticle .contentContainer .GMFSBlogList .contentListItems ul li .li-description-wrapper .li-title a:hover, .twoColumnArticle .contentContainer .GMFSBlogList .contentListItems ul li .li-description-wrapper .li-title a:hover { color: #0074c1; text-decoration: underline; } .oneColumnArticle .contentContainer .GMFSBlogList .contentListItems ul li .li-description-wrapper .li-description, .twoColumnArticle .contentContainer .GMFSBlogList .contentListItems ul li .li-description-wrapper .li-description { display: block; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 1rem; line-height: 1.5rem; } .oneColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor2Item ul, .twoColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor2Item ul { width: 100%; float: left; } .oneColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor2Item ul li, .twoColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor2Item ul li { width: 49%; } .oneColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor2Item ul li:nth-child(1), .twoColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor2Item ul li:nth-child(1) { padding-right: 20px; float: left; } .oneColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor2Item ul li:nth-child(2), .twoColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor2Item ul li:nth-child(2) { padding-left: 20px; float: right; } .oneColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor3Item ul, .twoColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor3Item ul { display: block; } .oneColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor3Item ul li, .twoColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor3Item ul li { float: left; width: 31%; position: relative; } .oneColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor3Item ul li:nth-child(1), .twoColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor3Item ul li:nth-child(1) { width: 66%; } .oneColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor3Item ul li:nth-child(2), .twoColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor3Item ul li:nth-child(2) { float: right; padding-right: 10px; } .oneColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor3Item ul li:nth-child(2) .li-description, .twoColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor3Item ul li:nth-child(2) .li-description { display: none; } .oneColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor3Item ul li:nth-child(3), .twoColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor3Item ul li:nth-child(3) { float: right; padding-left: 10px; } .oneColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor3Item ul li:nth-child(3) .li-description, .twoColumnArticle .contentContainer .GMFSProductsFeaturedContent .contentListItems .productsFeaturedContentFor3Item ul li:nth-child(3) .li-description { display: none; } .oneColumnArticle .contentContainer .channelLinksInner ul li, .twoColumnArticle .contentContainer .channelLinksInner ul li { float: left; } .oneColumnArticle .imageContainer, .twoColumnArticle .imageContainer { padding-right: 50px; } .oneColumnArticle .imageContainer img, .twoColumnArticle .imageContainer img { width: 27%; } .twoColumnArticle #main { width: 66.8%; float: left; } .twoColumnArticle #main .contentList .contentListItems ul li { width: 33%; padding: 0 10px; } .twoColumnArticle #main .scrollerList { width: 100%; } .twoColumnArticle #right { width: 32%; float: right; padding-left: 40px; box-sizing: border-box; margin-top: 10px; } .twoColumnArticle #right .contentList .contentListItems ul li { width: 100%; padding: 0; } .twoColumnArticle #right .contentList .contentListItems ul li.Product { max-width: 200px; } .twoColumnArticle #right .contentList .contentListItems ul li.Product .li-img img { width: 100%; height: 200px; vertical-align: top; object-fit: contain; border: 1px solid #e6e7e8; } .twoColumnArticle .ProductCategoryHighlight { margin: 0; width: 100%; padding-top: 80px; position: relative; } .twoColumnArticle .ProductCategoryHighlight .Link { display: block; position: absolute; right: 20px; bottom: 0; padding: 3px 15px; } .twoColumnArticle .ProductCategoryHighlight .Link:hover { background: #0054a6; } .twoColumnArticle .desktopViewAll { display: block; } .twoColumnArticle .scrollContainer { margin: 0; width: 100%; } .twoColumnArticle .scrollContainer .scroller .scrollerContainer { margin: 0 20px; height: auto; } .twoColumnArticle .scrollContainer .scroller .scrollerContainer .slick-slider { padding: 0; } .twoColumnArticle .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list { padding-top: 20px; } .twoColumnArticle .exploreProducts { display: none; } .oneColumnArticle .contentContainer #main .contentListItems .buyNowRetailerWrapper .buyNowRetailer ul li, .twoColumnArticle .contentContainer #main .contentListItems .buyNowRetailerWrapper .buyNowRetailer ul li { width: 100%; } #articleMainImgContainer .ficImage a > span.imageLarge, .featuredImageContent .ficImage a > span.imageLarge { display: block; } #articleMainImgContainer .ficImage a > span.imageSmall, .featuredImageContent .ficImage a > span.imageSmall { display: none; } /********** Plan-o-grams *************/ .planogramPicker .titleSEOText { margin: 25px 40px 25px; } .planogramPicker .channelLinksInner { display: block; } .planogramPicker .channelLinksInner ul { padding: 0 0 0 40px; } .planogramPicker #planogramForm { position: relative; } .planogramPicker #planogramForm img { width: 60%; } .planogramPicker #planogramForm .selectWrap { float: right; width: 33%; padding: 4% 2% 0 0; display: inline-table; } .planogramPicker #planogramForm .selectWrap select { width: 100%; border: 1px solid #c2c2c2; padding: 10px 5px; color: #4b4b4b; } .planogramPicker #planogramForm .selectWrap h2 { font-size: 18px; color: #4b4b4b; padding: 20px 0; } .planogramPicker #planogramForm .selectWrap ul li { padding: 0 0 20px 0; font-size: 14px; } .collectionPage .titleSEOText { margin: 25px 40px 25px; } .collectionPage #main { width: 60%; float: left; margin: 15px 40px; } .collectionPage #main .contentList .contentListItems ul li { width: 40%; padding: 0 10px; } .collectionPage #main .contentListItems .list-item-grid2column .mainListItem { padding: 0 30px 20px 0; width: 33%; } .collectionPage #main .contentListItems .list-item-grid2column .mainListItem a:hover { color: #ce7014; } .collectionPage #main .scrollerList { width: 100%; } .collectionPage #main .streamlineDivider { padding: 15px 0 25px; } .collectionPage #main .streamlineDivider div { width: 100%; height: 1px; background-color: #a5b2d1; background-image: none; } .collectionPage #right { width: 30%; float: right; margin-top: 10px; display: block; } .collectionPage #right .gallery-header h3 { font-family: "Roboto", sans-serif; font-size: 20px; font-size: 1.25rem; color: #053e72; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 0; font-weight: 300; margin: 0; } .collectionPage #right .li-img { margin-right: 30px; } .collectionPage #right .li-img img { width: 100%; } .collectionPage #right .li-text a { font-family: "Roboto", sans-serif; font-size: 22px; font-size: 1.375rem; color: #4b4b4b; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 4px 0 0; white-space: normal; word-wrap: break-word; } .articleHubLanding .mainContainer { background-color: #ffffff; } .articleHubLanding .productCategoryWrapper { margin-top: 10px; } .articleHubLanding .productCategoryWrapper .productCategory { padding-left: 102px; margin: 0; width: unset; } .articleHubLanding .productCategoryWrapper .productCategory .subCategories { width: 50%; top: 40%; } .articleHubLanding .productCategoryWrapper .productCategory .title { width: auto; } .articleHubLanding .prod-menu { margin: 0 auto; width: 80%; height: 60px; padding: 45px 0 0 0; } .articleHubLanding .featuredArticle { padding: 60px 0 30px 0; } .articleHubLanding .featuredArticle ul li { display: flex; } .articleHubLanding .featuredArticle ul li .li-img { width: 550px; height: 350px; } .articleHubLanding .featuredArticle ul li .li-img img { width: 100%; height: 100%; } .articleHubLanding .featuredArticle ul li .li-description-wrapper { margin-top: 0; height: 350px; } .articleHubLanding .featuredArticle ul li .li-description-wrapper .li-title { padding: 0 30px 0 60px; } .articleHubLanding .featuredArticle ul li .li-description-wrapper .li-title a { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #ffffff; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .articleHubLanding .featuredArticle ul li .li-description-wrapper .li-description { padding: 10px 70px 0px 60px; } .articleHubLanding .featuredArticle ul li .li-description-wrapper .learnmore a:hover { text-decoration: underline; } .articleHubLanding .threeColumnFeatureArticles { margin-bottom: 10px 0 60px 0; } .articleHubLanding .threeColumnFeatureArticles .contentListItems { padding-bottom: 0; } .articleHubLanding .threeColumnFeatureArticles .contentListItems .productsFeaturedContent .FeaturedContentLabel { display: none; } .articleHubLanding .threeColumnFeatureArticles .contentListItems .productsFeaturedContent ul { display: flex; flex-wrap: wrap; } .articleHubLanding .threeColumnFeatureArticles .contentListItems .productsFeaturedContent ul .collectionListItem { display: block; width: 33%; float: left; height: auto; padding: 0 10px 0 0; } .articleHubLanding .threeColumnFeatureArticles .contentListItems .productsFeaturedContent ul .collectionListItem:nth-child(3n-1) { padding: 0 5px; } .articleHubLanding .threeColumnFeatureArticles .contentListItems .productsFeaturedContent ul .collectionListItem:nth-child(3n) { padding: 0 0 0 10px; } .articleHubLanding .threeColumnFeatureArticles .contentListItems .productsFeaturedContent ul .collectionListItem .collection-list { float: none; text-align: center; padding: 15px 0; width: 100%; height: 200px; } .articleHubLanding .threeColumnFeatureArticles .contentListItems .productsFeaturedContent ul .collectionListItem .collection-list .li-img { width: 100%; display: inline-block; text-align: center; padding-top: 10px; } .articleHubLanding .threeColumnFeatureArticles .contentListMoreButton { font-size: 0.875rem; line-height: 1.5rem; width: 160px; margin: 15px auto 0; } .articleHubLanding .threeColumnFeatureArticles .contentListMoreButton:hover { background: #0054a6; } .articleHubLanding .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper { text-align: left; padding: 35px 0 0 0; position: relative; width: 100%; height: 225px; } .articleHubLanding .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title { font-size: 1rem; line-height: 1.25rem; } .articleHubLanding .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .li-description { display: block; width: 98%; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding-top: 15px; margin: 0; overflow: hidden; position: relative; line-height: 20px; max-height: 100px; text-align: justify; margin-right: -1em; padding-right: 1em; } .articleHubLanding .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .li-description:before { content: '...'; position: absolute; right: 0; bottom: 5px; } .articleHubLanding .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .li-description:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: white; } .articleHubLanding .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore { display: inline-block; position: absolute; right: 0; left: 0; } .articleHubLanding .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore a { color: #0054a6; font-size: 0.875rem; line-height: 1rem; font-family: "Roboto Condensed", sans-serif; font-weight: 400; letter-spacing: 0.58px; position: relative; display: inline-block; text-transform: uppercase; } .articleHubLanding .threeColumnFeatureArticles .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore a:hover { color: #0074c1; text-decoration: underline; } .recipeByCategory .contentContainer .prod-menu { padding: 20px 0 0 75px; } .recipeByCategory .productCategoryWrapper .productCategory .subCategories { top: 30%; width: auto; } .recipeByCategory .productCategoryWrapper .productCategory .subCategories ul li { height: 35px; } .recipeByCategory .channelLinksInner { margin: 45px 20px 30px; } .recipeByCategory .channelLinksInner header { letter-spacing: 0.5px; } .recipeByCategory .channelLinksInner ul { padding: 30px 30px 0; } .recipeByCategory .channelLinksInner ul li { padding: 0 0 25px 50px; } .recipeByCategory .contentList.contentListWithLeftOpenFilter { margin: 20px 30px 10px 30px; } .recipeByCategory .contentList.contentListWithLeftOpenFilter .contentListItems { float: left; width: 70%; background-color: #ffffff; padding: 0 0 0 30px; margin: 0; } .recipeByCategory .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid { margin: 0; } .recipeByCategory .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li { margin: 0 10px 30px 10px; width: 30%; padding: 0; } .recipeByCategory .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .li-img img { height: 130px; } .recipeByCategory .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li .li-text a:hover { color: #0074c1; text-decoration: underline; } .recipeLanding .contentContainer > div:nth-child(1) { margin: 10px 0; padding: 20px 0 0 75px; } .recipeLanding .contentContainer > div:nth-child(1) .prod-menu { padding-left: 0; } .recipeLanding .productCategoryWrapper { margin-top: 0; } .recipeLanding .productCategoryWrapper .productCategory { margin: 0 auto; width: 100%; padding: 0 75px 20px; } .recipeLanding .productCategoryWrapper .productCategory .subCategories { top: 30%; width: auto; } .recipeLanding .productCategoryWrapper .productCategory .subCategories ul li { height: 35px; } .recipeLanding .featuredArticle { padding-bottom: 60px; } .recipeLanding .exploreRecipeByProducts, .recipeLanding .exploreRecipeByMeals, .recipeLanding .exploreRecipeBySeasons, .recipeLanding .exploreRecipeBySpecialCollections { margin: 0; height: 280px; padding: 0; width: 27%; } .recipeLanding .exploreRecipeByProducts, .recipeLanding .exploreRecipeBySeasons { float: left; } .recipeLanding .exploreRecipeByMeals, .recipeLanding .exploreRecipeBySpecialCollections { float: right; } .recipeLanding .featuredRecipes .contentListItems .productsFeaturedContent ul .collectionListItem .li-description-wrapper { padding: 30px 0 5px; } .recipeLanding .scrollContainer { margin: 0; } .recipeLanding .scrollContainer .scroller .scrollerContainer { padding: 10px 20px; height: 280px; } .recipeLanding .scrollContainer .scroller .scrollerContainer .slick-slider .slick-prev, .recipeLanding .scrollContainer .scroller .scrollerContainer .slick-slider .slick-next { height: 0; width: 0; } .recipeLanding .gallery-header { display: block; } html { scroll-behavior: smooth; scroll-padding-top: 80px; } .gmfsAccordion { padding: 25px; } .featuredRecipes { margin: 10px 0 60px 0; } .featuredRecipes .contentListItems .productsFeaturedContent ul .collectionListItem { padding-right: 30px; float: none; } .featuredRecipes .contentListItems .productsFeaturedContent ul .collectionListItem:nth-child(3n-1) { padding-left: 15px; padding-right: 15px; } .featuredRecipes .contentListItems .productsFeaturedContent ul .collectionListItem:nth-child(3n) { padding-left: 30px; } .featuredRecipes .contentListItems .productsFeaturedContent ul .collectionListItem .li-description-wrapper { padding: 30px 0 5px; } .featuredRecipes .contentListItems .productsFeaturedContent ul .collectionListItem .li-description-wrapper .li-title a:hover { color: #0074c1; text-decoration: underline; } .featuredArticle { padding: 60px 0 0 0; } .featuredArticle ul li .li-img img { width: 550px; height: 350px; } .featuredArticle ul li .li-description-wrapper { height: 350px; padding-bottom: 0; } .featuredArticle ul li .li-description-wrapper .li-title { padding: 50px 85px 0 60px; } .featuredArticle ul li .li-description-wrapper .li-title a { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #ffffff; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .featuredArticle ul li .li-description-wrapper .li-description { padding: 10px 70px 0px 60px; } .featuredArticle ul li .li-description-wrapper .learnmore a:hover { text-decoration: underline; } .scrollContainer { width: 69%; } .scrollContainer .scroller { width: 100%; margin: 20px 0; } .scrollContainer .scroller .scrollerContainer { padding: 10px 20px; width: 100%; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .recipeItem { width: 180px; } .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .recipeItem .scrollItemTitle:hover, .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list .productItem .scrollItemTitle:hover { color: #0074c1; text-decoration: underline; } .exploreMoreBlock { display: flex; align-content: center; justify-content: center; flex-direction: column; width: 27%; height: 280px; } .exploreMoreBlock .li-description-wrapper { padding: 0; } .exploreMoreBlock .li-description-wrapper .li-title { width: 200px; font-size: 2rem; line-height: 2.5rem; letter-spacing: 1.45px; margin: 0 auto; } .exploreMoreBlock .li-description-wrapper .li-description { margin: 15px auto; width: 200px; } .exploreMoreBlock .li-description-wrapper .li-description .learnmore a { width: auto; } .channelLinksInner { display: block; } .channelLinksInner header { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #757575; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; text-align: center; } .channelLinksInner ul { display: flex; flex-wrap: wrap; padding: 30px 0 0; justify-content: center; } .channelLinksInner ul li { padding: 0 0 35px 50px; } .channelLinksInner ul li a, .channelLinksInner ul li .currentPageLink { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 600; text-align: center; } .channelLinksInner ul li a:hover, .channelLinksInner ul li .currentPageLink { color: #fa6400; border-bottom: solid 3px #fa6400; padding-bottom: 10px; } .channelLinksInner ul li .linkSeprator { display: none; } .channelLinksInner ul li:first-child { padding-left: 0; } .channelLinksInner::before { display: block; content: " "; margin-top: -137px; height: 137px; visibility: hidden; pointer-events: none; } .channelLinksWrapper { display: none; } .pageLinkItems { margin: 10px 0 50px 0; } .pageLinkItems .contentListItems .collectionListItem { display: block; width: 33%; float: left; height: auto; padding: 0; } .pageLinkItems .contentListItems .collectionListItem:nth-child(2) { border: 1px solid #757575; border-top: none; border-bottom: none; width: 33%; } .pageLinkItems .contentListItems .collectionListItem:nth-child(3) { width: 33%; } .pageLinkItems .contentListItems .collectionListItem .collection-list { width: 100%; float: none; text-align: center; padding: 15px; } .pageLinkItems .contentListItems .list-item-grid .li-img { width: 60px; display: inline-block; text-align: center; padding-top: 10px; } .pageLinkItems .contentListItems .list-item-grid .li-img img { width: 100%; height: auto; } .pageLinkItems .contentListItems .li-description-wrapper { width: 100%; text-align: center; padding: 10px 20px 5px; position: relative; height: 170px; } .pageLinkItems .contentListItems .li-description-wrapper .li-title { font-size: 1rem; line-height: 1.25rem; } .pageLinkItems .contentListItems .li-description-wrapper .li-title a:hover { color: #0074c1; text-decoration: underline; } .pageLinkItems .contentListItems .li-description-wrapper .li-description { width: auto; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding-top: 15px; margin: 0; } .pageLinkItems .contentListItems .li-description-wrapper .learnmore { display: inline-block; position: absolute; right: 0; left: 0; bottom: 0; } .pageLinkItems .contentListItems .li-description-wrapper .learnmore a { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background: #0074c1; border-radius: 3px; line-height: 24px; font-weight: 500; letter-spacing: 0.5px; position: relative; display: inline-block; padding: 3px 10px; } .pageLinkItems .contentListItems .li-description-wrapper .learnmore a:hover { background: #0054a6; } .pageLinkItems .contentListItems .productsFeaturedContent .list-item-grid .collectionListItem li:nth-child(2), .pageLinkItems .contentListItems .productsFeaturedContent .list-item-grid .collectionListItem li:nth-child(3) { width: auto; } .resourcesCollectionList ul li .li-description-wrapper .learnmore a:hover { color: #0074c1; text-decoration: underline; } .articleGalleryPage .contentContainer { padding: 0 40px; } .articleGalleryPage .prod-menu { padding-top: 30px; } .articleGalleryPage .productCategoryWrapper .productCategory .title { font-size: 1.75rem; line-height: 2.5rem; letter-spacing: 1.27px; } .articleGalleryPage .productCategoryWrapper .separator { display: none; } .exclusiveContentNote { width: 55%; } .homeModules .productsFeaturedContent { margin: 40px 0 10px; } .homeModules .productsFeaturedContent .collectionListItem { display: block; width: 50%; float: left; padding: 15px; } .homeModules .productsFeaturedContent .collectionListItem:nth-child(2) { width: auto; margin: 0; } .homeModules .productsFeaturedContent .collectionListItem:nth-child(2) .li-description-wrapper { background-color: #00828a; margin-top: -5px; right: 0; padding-left: 0; position: relative; width: 100%; } .homeModules .productsFeaturedContent .collectionListItem .collection-list .li-img img { width: 100%; height: 100%; } .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper { background-color: #0074c1; margin: -5px 0px 0px 0px; position: relative; width: 100%; height: 140px; } .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title { width: auto; height: 26px; font-size: 2rem; line-height: 2.5rem; letter-spacing: 1.45px; padding: 35px 30px; margin: 0; } .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title a { color: #ffffff; } .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore { margin: 15px 30px; } .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore a { color: #ffffff; } .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore a:hover { text-decoration: underline; } div.Video .scrollItemImageBlock:after { margin-top: -45px; } .recentBlogs .productsFeaturedContent .collectionListItem { display: inline-block; width: 33%; } .recentBlogs .productsFeaturedContent .collectionListItem:nth-child(2), .recentBlogs .productsFeaturedContent .collectionListItem:nth-child(3) { width: 33%; } .recentBlogs .productsFeaturedContent .collectionListItem:nth-child(1) { padding-right: 20px; } .recentBlogs .productsFeaturedContent .collectionListItem:nth-child(2) { padding: 0 10px; } .recentBlogs .productsFeaturedContent .collectionListItem:nth-child(3) { padding-left: 20px; } .recentBlogs .productsFeaturedContent .collectionListItem .li-description-wrapper { float: left; } .recentBlogs .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title a:hover { color: #0074c1; text-decoration: underline; } .recentBlogs .productsFeaturedContent .collectionListItem .li-description-wrapper .li-description { width: 90%; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #000000; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: block; } .recentBlogs .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore { display: block; } .recentBlogs .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore a { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; } .recentBlogs .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore a:hover { color: #0074c1; text-decoration: underline; } .videoWrapper { background-color: #0054a6; margin: 0 -240px; padding: 0 240px; } .videoWrapper .videoScrollerContainer { width: 70%; margin: auto; } .videoWrapper .videoScrollerContainer .containerTitle { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #ffffff; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; padding: 0 0 20px; } .videoWrapper .videoScrollerContainer .slider-for { margin: 0 20px -200px 20px; } .GMFSVideoScroller { margin: 0 30px; padding: 220px 0 80px; overflow-y: visible; } .GMFSVideoScroller .scrollerContainer .slick-slider .slick-prev { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -114px -1px; left: -30px; } .GMFSVideoScroller .scrollerContainer .slick-slider .slick-prev:hover, .GMFSVideoScroller .scrollerContainer .slick-slider .slick-prev:focus { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -114px -1px; } .GMFSVideoScroller .scrollerContainer .slick-slider .slick-next { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -164px -1px; right: -30px; } .GMFSVideoScroller .scrollerContainer .slick-slider .slick-next:hover, .GMFSVideoScroller .scrollerContainer .slick-slider .slick-next:focus { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -164px -1px; right: -30px; } .GMFSVideoScroller .scrollerContainer .slick-slider .slick-prev, .GMFSVideoScroller .scrollerContainer .slick-slider .slick-next { width: 40px; height: 40px; z-index: 1; } .GMFSVideoScroller .scrollerContainer .slick-slider .slick-prev:before, .GMFSVideoScroller .scrollerContainer .slick-slider .slick-next:before { content: none; } .GMFSVideoScroller .scrollerContainer .slick-slider .slick-track .slick-slide { padding: 0 10px; } .GMFSVideoScroller .scrollerContainer .slick-slider .slick-track .slick-slide .scrollItemImageBlock { width: 100%; height: 100%; } .GMFSVideoScroller .scrollerContainer .slick-slider .slick-track .slick-slide .scrollItemImageBlock img { width: 100%; height: 100%; } .GMFSVideoScroller .scrollerContainer .slick-slider .slick-track .slick-slide h2 { width: 100%; } .GMFSVideoScroller .scrollerContainer .slick-slider .slick-track .slick-slide h2 a { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .GMFSVideoScroller .scrollerContainer .slick-slider .slick-track .slick-slide h2 a:hover { text-decoration: underline; } .GMFSVideoScroller .scrollerContainer .slick-slider .slick-track .slick-slide:hover { opacity: 1; } .GMFSVideoScroller .scrollerContainer .slick-slider .slick-track .slick-current .scrollItemImageBlock { transform: scale(1.2); padding: 0 10px; } .GMFSVideoScroller .scrollerContainer .slick-slider .slick-track .slick-current h2 { padding: 15px 0; } .fourColumnContent { margin: 0; overflow-x: visible; } .fourColumnContent .contentListItems .productsFeaturedContent .FeaturedContentLabel span { font-family: "Roboto Slab", serif; font-size: 22px; font-size: 1.375rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .fourColumnContent .contentListItems .list-item-grid { padding-top: 20px; } .fourColumnContent .contentListItems .list-item-grid li { width: 25%; padding: 15px; } .fourColumnContent .contentListItems .list-item-grid li:nth-child(4n-3) { padding-right: 20px; } .fourColumnContent .contentListItems .list-item-grid li:nth-child(4n) { padding-left: 10px; } .fourColumnContent .contentListItems .list-item-grid li:nth-child(4n-1) { padding-right: 20px; padding-left: 10px; } .fourColumnContent .contentListItems .list-item-grid li:nth-child(4n-2) { padding-right: 20px; padding-left: 10px; } .fourColumnContent .contentListItems .list-item-grid li .li-img { height: 150px; } .fourColumnContent .contentListItems .list-item-grid li .li-img img { width: 100%; height: 100%; vertical-align: top; } .fourColumnContent .contentListItems .list-item-grid li .li-title { padding: 10px 0; } .fourColumnContent .contentListItems .list-item-grid li .li-title a { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.44px; text-align: left; } .fourColumnContent .contentListItems .list-item-grid li .li-title a:hover { color: #0074c1; text-decoration: underline; } .mobileViewAll { display: none; } .desktopViewAll { display: block; } .productSampleTermsAndConditions .contentContainer { padding: 40px 40px 80px 40px; } .buyNowRetailerWrapper .buyNowLink { cursor: pointer; width: 80%; } .buyNowRetailerWrapper .buyNowLink:hover { color: #ffffff; background-color: #00828a; } .buyNowRetailerWrapper .buyNowLink:hover:after { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1383px -1px; } .buyNowRetailerWrapper .buyNowRetailer { width: 150%; } .buyNowRetailerWrapper .buyNowRetailer ul { width: 65%; } .mobileComponent { display: none; } .interstitialModalPop { position: fixed; min-width: 600px !important; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousIntroContent { padding: 30px 40px 15px; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousIntroContent .anonymousHeaderText { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #ffffff; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousIntroContent .anonymousSubHeaderText { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousIntroContent .anonymousSubHeaderText a { cursor: pointer; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousIntroContent .anonymousSubHeaderText a:hover { text-decoration: underline; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousSignup { padding: 10px 100px 5px; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .newsLetterCloseButtonWrapper .newsLetterCloseButton { cursor: pointer; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .newsLetterCloseButtonWrapper .newsLetterCloseButton:hover { opacity: 1; } .interstitialModalPop .interstitial .interstitialNewsletterCta .newsletterCtaOverlay .anonymousThankYouWrapper .anonymousThankYouContent { padding: 100px 120px; } .rebateLanding .zipCodeDialog, .productdetail .zipCodeDialog, .ibiRebate .zipCodeDialog, .oneColumnArticle .zipCodeDialog, .search .zipCodeDialog { z-index: 1005; } .rebateLanding .zipCodeDialog a.continue, .productdetail .zipCodeDialog a.continue, .ibiRebate .zipCodeDialog a.continue, .oneColumnArticle .zipCodeDialog a.continue, .search .zipCodeDialog a.continue { cursor: pointer; } .home .contentContainer .heroContainer .bannerContainer { background-repeat: no-repeat; background-size: cover; left: 0; position: absolute; height: auto; width: 100vw; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer { max-width: 1140px; margin: 0 auto; background-color: transparent; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .heroImage { width: 55%; height: auto; float: right; padding-top: 50px; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .heroImage img { width: 100%; height: 100%; position: relative; z-index: 99; border-bottom: 10px solid #00828a; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .wave { display: none; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .details { text-align: left; padding: 80px 20px 0 0; width: 45%; background-color: transparent; margin-top: 0; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .details .title { font-family: "Roboto Slab", serif; font-size: 32px; font-size: 2rem; color: #0054a6; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .details .description { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: left; padding: 20px 20px 40px 0; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .details .ctaLink a { padding: 13px 25px; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-radius: 3px; text-align: left; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .details .ctaLink a:hover { background-color: #0054a6; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer #details { margin-top: -20px; } .home .contentContainer .heroContainer .desktopWave { background-image: url('/GMFS/Assets/Images/img-homepage-wave.svg'); background-size: cover; position: absolute; height: 120px; width: 100vw; left: 0; z-index: 10; } .home .contentContainer .heroContainer { height: 450px; } .home .contentContainer .heroContainer .bannerContainer { background-repeat: no-repeat; background-size: cover; left: 0; position: absolute; height: 400px; width: 100vw; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer { max-width: 1140px; margin: 0 auto; background-color: transparent; padding: 0 40px 0 20px; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .heroImage { width: 55%; height: auto; max-height: 400px; float: right; padding-top: 50px; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .heroImage img { width: 100%; height: 100%; position: relative; z-index: 99; border-bottom: 10px solid #00828a; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .wave { display: none; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .details { text-align: left; padding: 80px 20px 0 0; width: 45%; background-color: transparent; margin-top: 0; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .details .title { font-family: "Roboto Slab", serif; font-size: 32px; font-size: 2rem; color: #0054a6; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .details .description { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: left; padding: 20px 20px 40px 0; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .details .ctaLink a { padding: 13px 25px; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-radius: 3px; text-align: left; } .home .contentContainer .heroContainer .bannerContainer .detailsContainer .details .ctaLink a:hover { background-color: #0054a6; } .home .contentContainer .heroContainer .desktopWave { background-image: url('/GMFS/Assets/Images/img-homepage-wave.svg'); background-size: cover; background-repeat: repeat-x; position: absolute; height: 120px; margin-top: 310px; width: 100vw; left: 0px; z-index: 10; } .backgroundWave { top: -135px; width: auto; } .backgroundWave img { width: 100%; } .thankYouMain { height: 400px; } #body_0_main_0_streamline_content_1_thankYouPanel { height: 600px; } .thanksYouContainer .thankYouRedirectLink { cursor: pointer; } .thanksYouContainer .thankYouRedirectLink:hover { color: #0054a6; text-decoration: underline; } .thanksYouContainer .threeColumnModule .contentListItems ul.list-item-grid, .thanksYouContainer .twoColumnModule .contentListItems ul.list-item-grid { display: flex; justify-content: space-between; } .thanksYouContainer .threeColumnModule .contentListItems ul.list-item-grid li .li-description-wrapper, .thanksYouContainer .twoColumnModule .contentListItems ul.list-item-grid li .li-description-wrapper { margin-top: 0; } .thanksYouContainer .threeColumnModule .contentListItems ul.list-item-grid li:hover, .thanksYouContainer .twoColumnModule .contentListItems ul.list-item-grid li:hover { box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.19); } .thanksYouContainer .threeColumnModule .contentListItems ul.list-item-grid li { width: 30%; } .thanksYouContainer .threeColumnModule .contentListItems ul.list-item-grid li .collection-list { height: 155px; } .thanksYouContainer .twoColumnModule .contentListItems ul.list-item-grid li { width: 48%; } .thanksYouContainer .twoColumnModule .contentListItems ul.list-item-grid li .collection-list { height: 230px; } .privacyOptOutDialog { padding: 20px; } .twoColumnArticle .collectionScrollerWrapper { margin-right: 0; } .search .prod-menu { margin: 30px 0 0 30px; } .search #searchResultWrapper { padding-top: 0; } .search #searchResultWrapper .titleSEOText { padding: 0 30px; width: 80%; } .search #searchResultWrapper .sortingViewResult { padding: 0; right: 19px; top: 0; } .search #searchResultWrapper .noSearchResults { height: 100px; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter { padding-top: 0; } .search #searchResultWrapper .contentList.contentListWithLeftOpenFilter .contentListItems ul li { width: 194px; padding: 0; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeDescription { margin-bottom: 100px; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeBreadcrum .recipePartTitle { width: 69%; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeBreadcrum span { display: block; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeBreadcrum .recipePartTitle h1 { display: block; padding: 11px 0; line-height: 18px; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeTitleContainer .recipePartTitle h1 { line-height: 32px; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeServings { position: absolute; bottom: 30px; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeServings .reviews { float: left; width: auto; } .recipeDetail .recipeTopHeader .recipeLeftContainer .recipeServings .servings { float: right; width: auto; } .recipeDetail #reviewDiv a.gig-comment-shareLink { cursor: pointer; } .recipeDetail #reviewDiv .gig-comments-composebox .gig-composebox-header { width: 75%; } .recipeDetail #reviewDiv .gig-comments-composebox .gig-composebox-data { width: 21%; } .recipeDetail .recipeTopHeader { display: flex; } .recipeDetail .recipeTopHeader .recipeRightContainer { width: 50%; background-color: #ffffff; } .recipeDetail .recipeTopHeader .recipeLeftContainer { width: 50%; } .recipeDetail .tabbedHeader { text-align: left; padding: 20px 50px; } .recipeDetail .tabbedContent { display: block; } .recipeDetail .tabbedContent #ingredientsSection { display: block; width: 40%; padding-right: 40px; float: left; } .recipeDetail .tabbedContent #instructionsSection { display: block; width: 55%; float: right; } .recipeDetail section { display: inline-block; } .recipeDetail #toggleSection { display: none; } .recipeDetail #ingredientsLabel { width: 40%; padding: 15px 40px 15px 0; } .recipeDetail #instructionsLabel { width: 50%; padding: 15px 50px 15px 40px; } .recipeDetail input:checked + label span, .recipeDetail input + label span { color: #0054a6; border-bottom: solid 3px #0054a6; padding-bottom: 5px; cursor: text; } .recipeDetail .recipePartIngredient { text-align: left; } .recipeDetail .recipePartIngredient .recipePartIngredientGroup .receipeIngredientHeader { background-color: #ffffff; color: #0054a6; margin: 10px 0; padding: 5px 0; letter-spacing: 0.54px; font-size: 14px; } .recipeDetail .recipeSteps .recipePartSteps .recipeStepHeader { width: 100%; font-size: 14px; background-color: #ffffff; color: #0054a6; padding: 10px 20px 10px; margin-left: -20px; letter-spacing: 0.54px; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection { margin: 5px 30px 10px; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection .headerRow { border: 2px solid #757575; border-bottom: none; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection #bakeDetails { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection #bakeDetails #bakeDetailsRow { border-left: 2px solid #757575; border-right: 2px solid #757575; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection #bakeDetails #bakeDetailsRow:first-child { border-left: 2px solid #757575; border-right: 2px solid #757575; } .recipeDetail .recipeSteps .recipePartSteps .bakeSection #bakeDetails .bakeNote { border-top: 2px solid #757575; padding: 10px 20px 15px 20px; } .recipeDetail .recipePartTips h2:before { background-color: #ffffff; color: #0054a6; } .recipeDetail .recipePartTips .recipePartTipsInfo ul li { margin: 20px 0; } .recipeDetail .actionToolbarScrollBox #primaryActionToolbarSection { margin-top: 100px; top: 120px; } .recipeDetailPage #recipeRelated { display: inline-block; padding: 20px 50px; width: 100%; } .recipeDetailPage #recipeRelated .relatedRecipeContainer, .recipeDetailPage #recipeRelated .contentRelatedContainer { padding: 0; } .recipeDetailPage .accrodianPannel { width: 40%; float: left; clear: left; padding: 20px 40px 0 0; } .neighborhoodToNation .channelLinksInner { padding-bottom: 0; } .neighborhoodToNation .channelLinksInner header { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; font-family: "Roboto Slab", serif; font-weight: 400; text-align: left; } .neighborhoodToNation .channelLinksInner ul { padding: 15px 0 0; justify-content: initial; } .neighborhoodToNation .channelLinksInner ul li { padding: 0 0 25px 50px; } .neighborhoodToNation .channelLinksInner ul li a:hover, .neighborhoodToNation .channelLinksInner ul li .currentPageLink { text-decoration: none; color: #fa6400; } .neighborhoodToNation .channelLinksInner ul li:first-child { padding-left: 0; } .neighborhoodToNation .streamlineDivider { position: static; padding: 0; } .neighborhoodToNation .youTubeContainer { width: 445px; } .neighborhoodToNation .youTubeContainer + .streamlineDivider { padding-top: 45px; } .neighborhoodToNation .streamlineDivider + .richTextArea { padding-top: 10px; } .neighborhoodToNation .streamlineDivider + .richTextArea header { padding-top: 0; } .neighborhoodToNation .gmfsThreeColumnStack { padding-top: 30px; } .neighborhoodToNation .contentContainer .richTextArea ul { height: 240px; } .neighborhoodToNation .contentContainer .richTextArea ul li { padding: 0; } .neighborhoodToNation .contentContainer .gmfsThreeColumnStack .gmfsFirstColumn, .neighborhoodToNation .contentContainer .gmfsThreeColumnStack .gmfsSecondColumn { margin-right: 10px; width: 31%; } .neighborhoodToNation .contentContainer .gmfsThreeColumnStack .gmfsSecondColumn, .neighborhoodToNation .contentContainer .gmfsThreeColumnStack .gmfsThirdColumn { margin-left: 10px; width: 31%; } .neighborhoodToNation .gmfsAccordion { padding: 0; } .neighborhoodToNation .gmfsAccordion .richTextArea .logoLeft { width: auto; padding-top: 0; } .neighborhoodToNation .gmfsAccordion .richTextArea .brandInfoRight { width: 90%; } .neighborhoodToNation .expandcollapsePanel .head { padding: 20px 25px; } .neighborhoodToNation .expandcollapsePanel .content { padding: 25px; } .pastWinners .contentContainer { padding: 20px 40px; } .pastWinners .contentContainer .winningChefs .contentListItems { padding-top: 30px; } .pastWinners .contentContainer .winningChefs .contentListItems ul { display: flex; flex-wrap: wrap; overflow: hidden; } .pastWinners .contentContainer .winningChefs .contentListItems ul li { width: 50%; } .pastWinners .contentContainer .winningChefs .contentListItems ul li:nth-child(1), .pastWinners .contentContainer .winningChefs .contentListItems ul li:nth-child(3) { padding: 0 20px 0 0; } .pastWinners .contentContainer .winningChefs .contentListItems ul li:nth-child(2), .pastWinners .contentContainer .winningChefs .contentListItems ul li:nth-child(4) { padding: 0 0 0 20px; } .pastWinners .contentContainer .winningChefsRecipes .contentListItems ul li:nth-child(1) { float: left; width: 66%; padding: 0; } .pastWinners .contentContainer .winningChefsRecipes .contentListItems ul li:nth-child(2), .pastWinners .contentContainer .winningChefsRecipes .contentListItems ul li:nth-child(3) { float: right; width: 34%; padding: 0 0 0 40px; } .pastWinners .contentContainer .winningRecipes .gallery-header { padding: 20px 0 10px 0; } .pastWinners .contentContainer .contentList .contentListItems ul li .li-title a:hover, .pastWinners .contentContainer .contentList .contentListItems ul li .li-text a:hover { color: #0074c1; text-decoration: underline; } .pastWinners .contentContainer .contentList .contentListItems ul li .learnmore a:hover { color: #0074c1; text-decoration: underline; } .allRebates #rebates, .moreRebates #rebates { margin: 0 0 30px 0; font-size: 28px; font-size: 1.75rem; } .allRebates a, .moreRebates a { cursor: pointer; } .allRebates a.details:hover, .moreRebates a.details:hover { color: #0074c1; text-decoration: underline; } .allRebates .list-item-horizontal .rebateList, .moreRebates .list-item-horizontal .rebateList { width: 31%; } .allRebates .list-item-horizontal .rebateList:nth-child(3n), .moreRebates .list-item-horizontal .rebateList:nth-child(3n) { margin: 0; } .allRebates .list-item-horizontal .rebateList:nth-child(3n+1), .moreRebates .list-item-horizontal .rebateList:nth-child(3n+1) { margin: 0; } .allRebates .list-item-horizontal .rebateList:nth-child(3n+2), .moreRebates .list-item-horizontal .rebateList:nth-child(3n+2) { margin: 0 30px 30px 30px; } .allRebates .descriptionContainer .title, .moreRebates .descriptionContainer .title { cursor: default; } .rebateDetail a, .rebateDetail button { cursor: pointer; } .rebateDetail a:hover { color: #0074c1; text-decoration: underline; } .rebateDetail .submitButton:hover { background: #0054a6; } .rebateDetail .moreRebates .list-item-horizontal .rebateList { width: 30%; } .rebateDetail .moreRebates .list-item-horizontal .rebateList:nth-child(3n) { margin: 0; } .rebateDetail .moreRebates .list-item-horizontal .rebateList:nth-child(3n+1) { margin-left: 10px; } .rebateDetail .moreRebates .list-item-horizontal .rebateList:nth-child(3n+2) { margin: 0 40px 30px 40px; } .rebateDetail .streamlineDivider { width: 96%; padding: 40px 0 30px 4%; } .rebateDetail .rebateTitle { font-size: 28px; margin-bottom: 40px; } .rebateDetail .rebateUpperSection .imageLeft { max-width: 445px; padding-right: 0; } .rebateDetail .rebateUpperSection .content-right { margin: 0; } .rebateDetail .rebateUpperSection .content-right .rebateDescription { margin: -10px 0 0 6%; } .rebateDetail .rebateUpperSection .content-right .rebateDescription .description { padding-top: 0; } .rebateDetail .rebateUpperSection .content-right .rebateDescription .purchaseDatesLabel { font-size: 14px; margin-top: 25px; } .rebateDetail .rebateUpperSection .content-right .rebateDescription .purchaseDates { font-size: 14px; font-size: 0.875rem; margin-top: 25px; } .rebateDetail .rebateUpperSection .content-right .rebateLink { padding: 1% 0; } .rebateDetail .rebateUpperSection .content-right .rebateLink a { padding-left: 6%; } .rebateDetail .rebateUpperSection .content-right .rebateDownload { margin-left: 6%; max-width: 200px; } .rebateDetail .rebateUpperSection .content-right .rebateDownload:hover { background-color: #0054a6; cursor: pointer; } .rebateDetail .rebateUpperSection .content-right .rebateDownload a:hover { text-decoration: none; } .rebateDetail .rebateUpperSection .content-right .modal .modal-header { margin: -45px 0 0 47px; } .rebateDetail .rebateUpperSection .content-right .modal .content { margin: 10% 20% 0% 20%; width: 60%; } .rebateDetail .rebateUpperSection .content-right .modal .content .modal-content { margin: 0 30px 0 53px; } .rebateDetail .rebateUpperSection .content-right .modal .close { margin-top: -5%; } .rebateDetail .rebateFormSection { display: flex; border-bottom: 1px solid #757575; } .rebateDetail .rebateFormSection .rebateFormDetails { padding: 40px 20px 30px; border-bottom: none; width: 55%; } .rebateDetail .rebateFormSection .rebateFormDetails .formFields .inlineGroup { display: flex; } .rebateDetail .rebateFormSection .rebateFormDetails .formFields .inlineGroup div:first-of-type { padding-right: 10px; float: left; } .rebateDetail .rebateFormSection .rebateFormDetails .formFields .inlineGroup div:last-of-type { padding-left: 10px; float: right; } .rebateDetail .rebateFormSection .rebateFormDetails .formFields .inlineGroup .nameBlock, .rebateDetail .rebateFormSection .rebateFormDetails .formFields .inlineGroup .businessTypeBlock, .rebateDetail .rebateFormSection .rebateFormDetails .formFields .inlineGroup .contactNameBlock, .rebateDetail .rebateFormSection .rebateFormDetails .formFields .inlineGroup .contactTitleBlock, .rebateDetail .rebateFormSection .rebateFormDetails .formFields .inlineGroup .cityBlock, .rebateDetail .rebateFormSection .rebateFormDetails .formFields .inlineGroup .cityDSRBlock, .rebateDetail .rebateFormSection .rebateFormDetails .formFields .inlineGroup .stateDSRBlock, .rebateDetail .rebateFormSection .rebateFormDetails .formFields .inlineGroup .phoneBlock, .rebateDetail .rebateFormSection .rebateFormDetails .formFields .inlineGroup .faxBlock { width: 50%; } .rebateDetail .rebateFormSection .rebateFormDetails .formFields .inlineGroup .stateBlock, .rebateDetail .rebateFormSection .rebateFormDetails .formFields .inlineGroup .zipBlock { width: 25%; } .rebateDetail .rebateFormSection .calculateRebate { padding: 40px 10px 0 40px; width: 45%; } .rebateDetail .rebateFormSection .calculateRebate .rebateCalculateHeader { padding: 0 0 20px 0; margin-bottom: 0; } .rebateDetail .rebateFormSection .calculateRebate .rebateProducts { border: 1px solid #757575; border-radius: 5px; border-radius: 5px 5px 0 0; } .rebateDetail .rebateFormSection .calculateRebate .rebateProducts .rebateProductsHeader { padding: 0 20px 10px 20px; } .rebateDetail .rebateFormSection .calculateRebate .rebateProducts .rebateProductsHeader .productsNameHeader { width: 80%; } .rebateDetail .rebateFormSection .calculateRebate .rebateProducts .rebateProductsHeader .productsQuantityHeader { width: 20%; text-align: center; padding: 0 10px; } .rebateDetail .rebateFormSection .calculateRebate .rebateProducts .rebateProductsList { border-top: none; padding-top: 0; padding-bottom: 20px; } .rebateDetail .rebateFormSection .calculateRebate .rebateProducts .rebateProductsList .rebateProduct { width: 80%; padding-right: 20px; } .rebateDetail .rebateFormSection .calculateRebate .rebateProducts .rebateProductsList .productsQuantity { width: 20%; padding: 0 5px; } .rebateDetail .rebateSubmitSection { border-top: none; } .rebateDetail .rebateSubmitSection .disclaimer #disclaimer_link:hover { color: #0074c1; text-decoration: underline; } .rebateDetail .rebateSubmitSection .disclaimer .printAndMail .subHeader:hover { color: #0074c1; text-decoration: underline; } .rebateDetail .rebateSubmitSection .printAndMail .downloadLink:hover { color: #0074c1; text-decoration: underline; } .rebateDetail .rebateSubmitNote { padding: 100px 50px; } .rebateLanding .ibiDataValidation { padding-left: 40px; } .rebateLanding .productCategoryWrapper .productCategory .title { font-size: 1.75rem; line-height: 2.5rem; letter-spacing: 1.27px; } .rebateLanding .productCategoryWrapper .separator { display: none; } .resourceLanding .featuredArticle { padding: 20px 0 60px 0; } .resourceLanding .pageLinkItems { margin-bottom: 0; padding-bottom: 60px; } .glutenFreePage .contentContainer .streamlineDivider, .culinaryTrends .contentContainer .streamlineDivider { display: block; } .glutenFreePage .contentContainer .glutenFreeResources, .culinaryTrends .contentContainer .glutenFreeResources { padding-top: 50px; padding-bottom: 80px; } .glutenFreePage .contentContainer .glutenFreeResources ul, .culinaryTrends .contentContainer .glutenFreeResources ul { padding-top: 20px; } .glutenFreePage .contentContainer .glutenFreeResources ul li, .culinaryTrends .contentContainer .glutenFreeResources ul li { width: 25%; padding: 20px 10px 0 10px; } .glutenFreePage .contentContainer .glutenFreeResources ul li a:hover, .culinaryTrends .contentContainer .glutenFreeResources ul li a:hover { cursor: pointer; } .glutenFreePage .contentContainer .glutenFreeResources ul li .li-text, .culinaryTrends .contentContainer .glutenFreeResources ul li .li-text { text-align: left; } .glutenFreePage .contentContainer .glutenFreeResources ul li .li-text a, .culinaryTrends .contentContainer .glutenFreeResources ul li .li-text a { display: flex; } .glutenFreePage .contentContainer .glutenFreeResources ul li a[title~="(pdf)"]:before, .culinaryTrends .contentContainer .glutenFreeResources ul li a[title~="(pdf)"]:before { margin-right: 10px; width: 50px; } .glutenFreePage .contentContainer .exploreMoreBlock, .culinaryTrends .contentContainer .exploreMoreBlock { margin: 0 30px 0 0; width: 27%; } .glutenFreePage .contentContainer .exploreMoreBlock .li-description-wrapper .li-title, .culinaryTrends .contentContainer .exploreMoreBlock .li-description-wrapper .li-title { padding: 0; } .glutenFreePage .contentContainer .exploreMoreBlock .li-description-wrapper .learnmore, .culinaryTrends .contentContainer .exploreMoreBlock .li-description-wrapper .learnmore { padding: 0; margin: 20px auto; } .glutenFreePage .contentContainer .scrollerContainer, .culinaryTrends .contentContainer .scrollerContainer { margin-left: 0; } .glutenFreePage .contentContainer .ProductCategoryHighlight, .culinaryTrends .contentContainer .ProductCategoryHighlight { padding-top: 0; display: inline-block; width: 100%; position: relative; } .glutenFreePage .contentContainer .ProductCategoryHighlight h2, .culinaryTrends .contentContainer .ProductCategoryHighlight h2 { display: block; } .glutenFreePage .contentContainer .ProductCategoryHighlight .Link, .culinaryTrends .contentContainer .ProductCategoryHighlight .Link { display: block; position: absolute; right: 10px; text-align: center; bottom: 0; background: transparent; } .glutenFreePage .contentContainer .ProductCategoryHighlight .Link a, .culinaryTrends .contentContainer .ProductCategoryHighlight .Link a { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background: #0074c1; padding: 10px 15px; border-radius: 3px; font-weight: 500; letter-spacing: .6px; } .glutenFreePage .contentContainer .ProductCategoryHighlight .Link a:hover, .culinaryTrends .contentContainer .ProductCategoryHighlight .Link a:hover { background: #0054a6; } .glutenFreePage .contentContainer .featuredRecipes ~ .ProductCategoryHighlight, .culinaryTrends .contentContainer .featuredRecipes ~ .ProductCategoryHighlight { display: none; } .glutenFreePage .contentContainer .featuredVideos, .culinaryTrends .contentContainer .featuredVideos { padding-top: 0; } .glutenFreePage .contentContainer .binStickerTextBlock, .culinaryTrends .contentContainer .binStickerTextBlock { margin: 0; padding-top: 50px; } .glutenFreePage .contentContainer .binStickerTextBlock ul li .li-img, .culinaryTrends .contentContainer .binStickerTextBlock ul li .li-img { text-align: center; } .glutenFreePage .contentContainer .binStickerTextBlock ul li .li-img img, .culinaryTrends .contentContainer .binStickerTextBlock ul li .li-img img { width: auto; } .glutenFreePage .contentContainer .binStickerTextBlock .li-description-wrapper .li-description, .culinaryTrends .contentContainer .binStickerTextBlock .li-description-wrapper .li-description { padding: 10px 25px; } .videoDetail .videoContainer { padding: 0 40px 40px; } .videoDetail .videoContainer .youTubeContainer .youTube-Video-Name { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding-bottom: 60px; margin: 0; } .videoDetail .videoContainer .youTubeContainer .youTube-content-block { margin: 0; } .videoDetail .videoContainer .youTubeContainer .youTube-content-block .youTube-Video-IframeContainer-resize { padding: 20px 140px 0; } .videoDetail .videoContainer .youTubeContainer .youTube-content-block .youTube-Video-IframeContainer-resize .youTube-Video-IframeContainer { margin-top: -50px; } .videoDetail .videoContainer .youTubeContainer .youTube-content-block .youTube-Video-Description { padding: 15px 140px 0; } .videoDetail .videoContainer .youTubeContainer .youTube-content-block .youTube-Video-Description p { margin: 0; } .videoDetail .videoContainer .videoDescription { margin: 0; padding: 20px 140px 30px; } .videoDetail .videoContainer .videoDescription p { margin: 0; } .videoDetail .videoContainer .videoDescription a:hover { color: #0074c1; } .videoDetail .videoContainer .contentList { padding-top: 40px; } .videoDetail .videoContainer .contentList .gallery-header { text-align: left; } .videoDetail .videoContainer .contentList .contentListItems ul li { width: 25%; } .videoDetail .videoContainer .contentList .contentListItems ul li:nth-child(3n), .videoDetail .videoContainer .contentList .contentListItems ul li:nth-child(even) { padding-left: 15px; } .videoDetail .videoContainer .contentList .contentListItems ul li:nth-child(3n-1), .videoDetail .videoContainer .contentList .contentListItems ul li:nth-child(odd) { padding-right: 15px; } .videoDetail .videoContainer .contentList .contentListItems ul li .CollectionGalleryView a .li-img { width: auto; height: 140px; } .videoDetail .videoContainer .contentList .contentListItems ul li .CollectionGalleryView a p { padding-top: 10px; } .videoDetail .videoContainer .contentList .contentListItems ul li .CollectionGalleryView a p:hover { color: #0074c1; text-decoration: underline; } .productNutritionFinder button:hover { background: #0054a6; } .productNutritionFinder button:disabled:hover { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; background-color: #757575; cursor: default; } .productNutritionFinder .prod-menu { margin: 40px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer #productTable .productTable:first-child .rightSection { width: 35%; padding-left: 0; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer #productTable .productTable:first-child .topSection { width: 65%; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .topSection { width: 65%; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .topSection .product-image { width: 10%; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .productTable .rightSection { width: 35%; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadPDF { width: 48%; margin: 0 0 0 20px; border-right: 2px solid #757575; border-bottom: none; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadPDF .downloadPDFHeader, .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadPDF .downloadPDFDescription { width: 80%; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadPDF ul li { padding-bottom: 10px; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadPDF .downloadPDFOptions { width: 80%; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .center { margin: 15% 0 15% -35px; width: 7%; z-index: 1; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadExcel { margin-top: 0; margin-left: 30px; width: 40%; } .productNutritionFinder .productNutritionFinderContainer .searchPageResultsContainer .searchResultButtons .downloadExcel button { width: 80%; } .buyNow div .prod-menu { margin: 0; } .buyNow .buyNowLanding .pageHeader { text-align: justify; } .buyNow .buyNowLanding .pageHeader .subtitle a :hover { color: #0074c1; text-decoration: underline; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct { padding: 20px 35px 25px 0px; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .productHints li { cursor: pointer; } .buyNow .buyNowLanding .searchContainer .searchBuyNowProduct .action a :hover { background: #0054a6; cursor: pointer; } .buyNow .buyNowLanding .searchContainer .productNote { margin: 0 auto; max-width: 1024px; padding: 15px 24px 15px 0px; } .buyNow .buyNowLanding .productSection { margin: 0 auto; max-width: 1060px; } .buyNow .buyNowLanding .blankBottom { padding: 40px 0; background-color: #ffffff; } .distributors { display: flex; padding: 20px 0; margin: 0; } .distributors .productDetails { width: 340px; position: absolute; } .distributors .productDetails .salesRepHeader:hover { box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15); } .distributors .productDetails #prodIntro .productImage { width: 100%; margin: 0; padding: 15px; } .distributors .productDetails #prodIntro .productDetailsWrapper { width: 100%; } .distributors .productDetails #prodIntro .productDetailsWrapper .productDescription { width: 100%; } .distributors .productDetails #prodIntro .productDetailsWrapper .productDescription h1 { letter-spacing: 0.95px; text-align: left; margin-bottom: 0; } .distributors .productDetails #prodIntro .productDetailsWrapper .productDescription .litProductCodes { display: flex; padding: 10px 0; } .distributors .productDetails #prodIntro .productDetailsWrapper .productDescription .litProductCodes .productLabel, .distributors .productDetails #prodIntro .productDetailsWrapper .productDescription .litProductCodes .productLabelValue { width: 50%; } .distributors .productDetails #prodIntro .productDetailsWrapper .linkToProduct a:hover { color: #0074c1; text-decoration: underline; } .distributors .distributorDetails { width: 80%; margin-left: 320px; padding-left: 20px; } .distributors .distributorDetails .buyNowRetailer { padding: 0 0 0 20px; } .distributors .distributorDetails .buyNowRetailer .buyNowRetailer-items li { padding: 0; } .distributors .distributorDetails .distributorInfo .distributorInfoOrder { cursor: pointer; } .distributors .distributorDetails .distributorContainer { padding: 0 0 0 20px; } .distributors .distributorDetails .distributorContainer .distributors-items li .distributorDetail .detail { display: block; } .distributors .distributorDetails .distributorContainer .distributors-items li .distributorDetail .detail .logoContainer img { max-width: 80%; } .distributors .distributorDetails .distributorContainer .distributors-items li .distributorDetail .detail .distributorInformation a:hover { color: #0074c1; text-decoration: underline; } .distributors .distributorDetails .frequentlyPurchasedContainer .ProductDetailsRelatedContent ul { padding: 0; display: flex; flex-wrap: wrap; } .distributors .distributorDetails .frequentlyPurchasedContainer .ProductDetailsRelatedContent ul .mainListItem a p:hover { color: #0074c1; } .contactUsPage .prod-menu { padding: 20px 40px 0; } .contactUsPage #contactForm { padding: 0 40px 40px; } .contactUsPage #contactForm .selectWrap ul li { width: 25%; } .contactUsPage #contactForm .selectWrap ul li a:hover { background-color: #0054a6; cursor: pointer; } .contactUsPage #contactForm .selectWrap ul li .selectWrapItem { height: 210px; } .contactUsPage #contactForm .selectWrap ul li .selectWrapItem img { width: auto; height: 74px; margin: 40px auto 30px; } .contactUsPage #contactForm .selectWrap ul li .selectWrapItem:hover { background-color: #0054a6; border-color: #0054a6; cursor: pointer; } .contactUsPage #contactForm .selectWrap ul li .selectWrapItem:hover span { color: #ffffff; } .contactUsPage #contactForm .selectWrap ul li.even, .contactUsPage #contactForm .selectWrap ul li.odd { padding: 20PX; } .contactUsPage #contactForm .selectWrap ul li.contactSelected { order: 5; margin: 0 20px 20px; padding: 30px 15%; } .contactUsPage #contactForm .selectWrap ul li.contactSelected #productFinder:before { left: 11%; } .contactUsPage #contactForm .selectWrap ul li.contactSelected #nutritionIngriedentInfo:before { left: 36%; } .contactUsPage #contactForm .selectWrap ul li.contactSelected #questionsAboutRetailProducts:before { left: 61%; } .contactUsPage #contactForm .selectWrap ul li.contactSelected #thankYouResponse ul li.twoColumn, .contactUsPage #contactForm .selectWrap ul li.contactSelected #repInfo ul li.twoColumn { display: flex; width: 100%; } .contactUsPage #contactForm .selectWrap ul li.contactSelected #thankYouResponse ul li.twoColumn .contactItem, .contactUsPage #contactForm .selectWrap ul li.contactSelected #repInfo ul li.twoColumn .contactItem { display: inline-block; width: 50%; } .contactUsPage #contactForm .selectWrap ul li.contactSelected #thankYouResponse ul li.twoColumn .contactItem:nth-child(odd), .contactUsPage #contactForm .selectWrap ul li.contactSelected #repInfo ul li.twoColumn .contactItem:nth-child(odd) { padding: 0 10px 0 0; } .contactUsPage #contactForm .selectWrap ul li.contactSelected #thankYouResponse ul li.twoColumn .contactItem:nth-child(even), .contactUsPage #contactForm .selectWrap ul li.contactSelected #repInfo ul li.twoColumn .contactItem:nth-child(even) { padding: 0 0 0 10px; } .contactUsPage #contactForm .selectWrap ul li.contactSelected #thankYouResponse:before, .contactUsPage #contactForm .selectWrap ul li.contactSelected #repInfo:before { left: 86%; } .contactUsPage #contactForm .selectWrap ul li.contactSelected .productFinder a.askLink:hover { color: #0074c1; text-decoration: underline; } .contactUsPage #contactForm .defaultLandingInfo p { padding: 10px 20%; } .videoLandingPage .contentContainer .prod-menu { margin-bottom: 20px; } .videoLandingPage .contentContainer .titleSEOText h1 { margin-bottom: 20px; } .videoLandingPage .contentContainer .contentList .contentListItems ul li { margin-left: 0; margin-right: 0; } .videoLandingPage .contentContainer .gmfsAccordion { padding: 0; } .videoLandingPage .contentContainer .gmfsAccordion .ui-accordion-header { font-size: 16px; } .videoLandingPage .contentContainer .gmfsAccordion .ui-accordion-header:focus { outline: 2px solid black; } .videoLandingPage .contentContainer .gmfsAccordion .ui-accordion-header:focus:not(:focus-visible) { outline: none; } .videoLandingPage .contentContainer .gmfsAccordion .ui-accordion-header:focus-visible { outline: 2px auto; } .privacyPolicyLanding .contentContainer { padding: 30px 30px; } .privacyPolicyLanding .contentContainer #internal_content_wrapper h2 { font-size: 1.75rem; line-height: 2.5rem; padding-bottom: 30px; } .privacyPolicyLanding .contentContainer #internal_content_wrapper a:hover { color: #0074c1; text-decoration: underline; } .eventPage .prod-menu { padding: 20px 0 0 40px; } .eventPage .prod-menu ~ br { display: none; } .eventPage .titleSEOText { padding-left: 40px; } .eventPage .events { padding: 0 40px; } .eventPage .events .name:hover, .eventPage .events .webAddress:hover { color: #0074c1; text-decoration: underline; cursor: pointer; } .videoLandingPage .contentContainer .prod-menu { margin-bottom: 20px; } .videoLandingPage .contentContainer .titleSEOText h1 { margin-bottom: 20px; } .videoLandingPage .contentContainer .contentList .contentListItems ul li { margin-left: 0; margin-right: 0; } .videoLandingPage .contentContainer .gmfsAccordion { padding: 0; } .videoLandingPage .contentContainer .gmfsAccordion .ui-accordion-header { font-size: 16px; } .videoLandingPage .contentContainer .gmfsAccordion .ui-accordion-header:focus { outline: 2px solid black; } .videoLandingPage .contentContainer .gmfsAccordion .ui-accordion-header:focus:not(:focus-visible) { outline: none; } .videoLandingPage .contentContainer .gmfsAccordion .ui-accordion-header:focus-visible { outline: 2px auto; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem { width: 33%; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem:nth-child(2), .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem:nth-child(3) { width: 33%; } .aboutUs .contentContainer .newsReleases .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore a :hover { color: #0074c1; text-decoration: underline; } .aboutUs .contentContainer .richTextArea a:hover, .aboutUs .contentContainer .contentList a:hover, .aboutUs .contentContainer .text.button1:hover { color: #0074c1; text-decoration: underline; cursor: pointer; } .aboutUs .contentContainer .richTextArea .events .eventsList .eventBlock a.name:hover, .aboutUs .contentContainer .richTextArea .events .eventsList .eventBlock a.webAddress:hover { color: #0074c1; } .aboutUs .contentContainer .desktopMore .Link a:hover { background-color: #0054a6; cursor: pointer; } .privacyPolicyLanding .contentContainer { padding: 30px 30px; } .privacyPolicyLanding .contentContainer #internal_content_wrapper h2 { font-size: 1.75rem; line-height: 2.5rem; padding-bottom: 30px; } .privacyPolicyLanding .contentContainer #internal_content_wrapper a:hover { color: #0074c1; text-decoration: underline; } .culinaryTeam .contentContainer #articleMainImgContainer { margin: 0; } .culinaryTeam .contentContainer .chefList .contentListItems ul { padding-top: 30px; } .culinaryTeam .contentContainer .chefList .contentListItems ul li:nth-child(2n), .culinaryTeam .contentContainer .chefList .contentListItems ul li:nth-child(2n+1) { padding: 5px; } .culinaryTeam .contentContainer .chefList .contentListItems ul li:nth-child(3n+1) { padding-left: 0; } .culinaryTeam .contentContainer .chefList .contentListItems ul li:nth-child(3n) { padding: 5px 0 0 10px; } .culinaryTeam .contentContainer .chefList .contentListItems ul li { width: 33.33%; margin-bottom: 30px; } .culinaryTeam .contentContainer .chefList .contentListItems ul li .li-img { width: 302px; height: 197px; } .culinaryTeam .contentContainer .chefList .contentListItems ul li .name a:hover { color: #0074c1; text-decoration: underline; } .culinaryTeam .contentContainer .chefList .contentListItems ul li .description { margin-top: 10px; } .culinaryTeam .contentContainer .chefList .contentListItems ul li .bio { display: block; } .culinaryTeam .contentContainer .chefList .contentListItems ul li .read-bio { display: block; } .culinaryTeam .contentContainer .chefList .contentListItems ul li .read-bio:hover { color: #0074c1; text-decoration: underline; } .culinaryTrends .contentContainer .mobileViewAll { display: none; } .culinaryTrends .contentContainer .ProductCategoryHighlight { top: 100px; } .culinaryTrends .contentContainer .ProductCategoryHighlight .Link { background-color: transparent; } .culinaryTrends .contentContainer .viewPastTrends { margin: 60px auto 0; } .culinaryTrends .contentContainer .viewPastTrends:hover { background: #0054a6; cursor: pointer; } .culinaryTrends .contentContainer .titleSEOText { margin: 0 auto; width: 80%; padding-left: 0; } .culinaryTrends .contentContainer .featuredArticle { padding: 0; } .culinaryTrends .contentContainer .glutenFreeResources { padding: 30px 0 0 0; margin: 0; } .culinaryTrends .contentContainer .glutenFreeResources .contentListItems ul { margin-left: -10px; } .culinaryTrends .contentContainer .threeColumnFeatureArticles { margin: 60px 0; } .culinaryTrends .contentContainer .threeColumnFeatureArticles .gallery-header { display: block; } .culinaryTrends .contentContainer .threeColumnFeatureArticles .productsFeaturedContent ul li.collectionListItem { width: 33%; } .culinaryTrends .contentContainer .threeColumnFeatureArticles .productsFeaturedContent ul li.collectionListItem .li-description-wrapper { height: 100px; padding-top: 40px; } .culinaryTrends .contentContainer .threeColumnFeatureArticles .productsFeaturedContent ul li.collectionListItem .li-description-wrapper .learnmore a:hover { color: #0074c1; text-decoration: underline; } .culinaryTrends .contentContainer .threeColumnFeatureArticles .productsFeaturedContent ul li.collectionListItem:nth-child(2), .culinaryTrends .contentContainer .threeColumnFeatureArticles .productsFeaturedContent ul li.collectionListItem:nth-child(3) { width: 33%; } .culinaryTeamBlog .prod-menu { margin: 0 auto; } .culinaryTeamBlog .productCategoryWrapper .productCategory { padding: 0 102px; } .culinaryTeamBlog .channelLinksInner { margin: 45px 20px 10px; padding-bottom: 25px; } .culinaryTeamBlog .channelLinksInner header { letter-spacing: 0.5px; } .culinaryTeamBlog .channelLinksInner ul { padding: 30px 30px 0; } .culinaryTeamBlog .channelLinksInner ul li { padding: 0 0 25px 50px; } .culinaryTeamBlog .recentBlogs .contentListMoreButton { width: 160px; margin-left: 450px; } .culinaryTeamBlog .recentBlogs .contentListMoreButton:hover { background-color: #0054a6; cursor: pointer; } .culinaryTeamBlog .recentBlogs .productsFeaturedContent .collectionListItem { display: inline-block; width: 33%; margin-left: 0; margin-right: 0; } .culinaryTeamBlog .recentBlogs .productsFeaturedContent .collectionListItem:nth-child(3n+2), .culinaryTeamBlog .recentBlogs .productsFeaturedContent .collectionListItem:nth-child(3n) { width: 33%; } .culinaryTeamBlog .recentBlogs .productsFeaturedContent .collectionListItem:nth-child(3n+1) { width: 33%; padding-left: 30px; } .culinaryTeamBlog .recentBlogs .productsFeaturedContent .collectionListItem:nth-child(3n+2) { padding: 0 10px; } .culinaryTeamBlog .recentBlogs .productsFeaturedContent .collectionListItem:nth-child(3n) { padding-right: 10px; } .culinaryTeamBlog .recentBlogs .productsFeaturedContent .collectionListItem .li-description-wrapper { float: left; } .culinaryTeamBlog .recentBlogs .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title a:hover { color: #0074c1; text-decoration: underline; } .culinaryTeamBlog .recentBlogs .productsFeaturedContent .collectionListItem .li-description-wrapper .li-description { width: 90%; font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #000000; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: block; } .culinaryTeamBlog .recentBlogs .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore { display: block; } .culinaryTeamBlog .recentBlogs .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore a { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.58px; text-transform: uppercase; } .culinaryTeamBlog .recentBlogs .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore a:hover { color: #0074c1; text-decoration: underline; } .menuInspiration .contentContainer .contentList .contentListItems { margin-left: -10px; } .tipsAndTricks .contentContainer .contentList .contentListItems ul li .li-description-wrapper .li-title a:hover, .troubleshootingGuides .contentContainer .contentList .contentListItems ul li .li-description-wrapper .li-title a:hover { color: #0074c1; text-decoration: underline; } .tipsAndTricks .contentContainer .contentList .contentListItems ul li .li-description-wrapper .learnmore a:hover, .troubleshootingGuides .contentContainer .contentList .contentListItems ul li .li-description-wrapper .learnmore a:hover { color: #0074c1; text-decoration: underline; } .troubleshootingGuides .channelLinks .channelLinksInner { padding: 0; } .troubleshootingGuides .channelLinks .channelLinksInner header { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.95px; text-align: left; } .troubleshootingGuides .channelLinks .channelLinksInner ul { justify-content: flex-start; } .troubleshootingGuides .channelLinks .channelLinksInner ul li { padding-right: 40px; } .troubleshootingGuides .channelLinks .channelLinksInner ul li a:hover { color: #fa6400; border-bottom: solid 3px #fa6400; padding-bottom: 10px; text-decoration: none; } .troubleshootingGuides .streamlineDivider { padding: 30px 0 40px; margin: 0; } .troubleshootingGuides .contentContainer .contentList .contentListItems ul li { width: 33%; padding: 0 30px 0 0; } .troubleshootingGuides .contentContainer .contentList .contentListItems ul li:nth-child(3n-1) { padding: 0 15px; } .troubleshootingGuides .contentContainer .contentList .contentListItems ul li:nth-child(3n) { padding: 0 0 0 30px; } .termsOfUse .contentContainer { padding: 20px 40px; } .culinaryTeamBio .contentContainer { padding: 40px; } .culinaryTeamBio .contentContainer .titleSEOText h1 { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; } .culinaryTeamBio .contentContainer #articleMainImgContainer { padding: 30px 80px 80px 0; float: left; margin-left: 0; } .culinaryTeamBio .contentContainer #articleMainContent .richTextArea { position: relative; } .culinaryTeamBio .contentContainer #articleMainContent .richTextArea .bioHighlight { position: absolute; width: 33%; margin: 34% 0 0 12%; } .culinaryTeamBio .contentContainer .favouriteRecipes .productsFeaturedContent .FeaturedContentLabel { padding: 10px 0 20px; } .culinaryTeamBio .contentContainer .favouriteRecipes .productsFeaturedContent ul { display: flex; flex-wrap: wrap; } .culinaryTeamBio .contentContainer .favouriteRecipes .productsFeaturedContent ul li { width: 33.3%; padding-top: 0; padding-right: 10px; } .culinaryTeamBio .contentContainer .favouriteRecipes .productsFeaturedContent ul li:nth-child(3n-1) { padding: 0 10px; } .culinaryTeamBio .contentContainer .favouriteRecipes .productsFeaturedContent ul li:nth-child(3n) { padding-left: 10px; } .culinaryTeamBio .contentContainer .favouriteRecipes .productsFeaturedContent ul li .li-img { width: 100%; height: 200px; } .culinaryTeamBio .contentContainer .favouriteRecipes .productsFeaturedContent ul li .li-description-wrapper .li-title a:hover { color: #0074c1; text-decoration: underline; } .culinaryTeamBio .contentContainer .mobileViewAll { display: none; } .culinaryTeamBio .contentContainer .desktopViewAll { display: block; position: relative; } .culinaryTeamBio .contentContainer .desktopViewAll .Link { position: absolute; right: 0; bottom: -70px; } .culinaryTeamBio .contentContainer .desktopViewAll .Link a:hover { background-color: #0054a6; cursor: pointer; } .culinaryLanding .contentContainer .prod-menu { padding: 20px 0 0 75px; } .culinaryLanding .contentContainer { padding: 0; } .culinaryLanding .contentContainer .titleSEOText { margin: 0 auto; width: 100%; padding: 0 75px 20px; } .culinaryLanding .contentContainer .titleSEOText h1 { margin-bottom: 0; } .culinaryLanding .contentContainer .featuredArticle { margin: 0; padding: 20px 0 20px; } .culinaryLanding .contentContainer .mobileViewAll { display: none; } .culinaryLanding .contentContainer .desktopViewAll { display: block; position: relative; } .culinaryLanding .contentContainer .desktopViewAll .Link { position: absolute; right: 0; bottom: -75px; } .culinaryLanding .contentContainer .desktopViewAll .Link a { font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0.5px; padding: 8px 15px; } .culinaryLanding .contentContainer .desktopViewAll .Link a:hover { background-color: #0054a6; cursor: pointer; } .culinaryLanding .contentContainer .homeModules .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title a { font-size: 2rem; line-height: 2.5rem; } .culinaryLanding .contentContainer .homeModules .productsFeaturedContent .collectionListItem .collection-list .li-img { width: 100%; height: 300px; } .culinaryLanding .contentContainer .recentBlogs .productsFeaturedContent .FeaturedContentLabel span { font-size: 1.75rem; line-height: 2.5rem; letter-spacing: 1.27px; } .culinaryLanding .contentContainer .videoWrapper { background-color: #0054a6; margin: 0 -240px; padding: 0 240px; } .culinaryLanding .contentContainer .videoWrapper .videoScrollerContainer { width: 70%; margin: auto; } .culinaryLanding .contentContainer .videoWrapper .videoScrollerContainer .containerTitle { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #ffffff; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; padding: 0 0 20px; } .culinaryLanding .contentContainer .videoWrapper .videoScrollerContainer .slider-for { margin: 0 20px -200px 20px; } .culinaryLanding .contentContainer .scroller { margin: 0 30px; padding: 220px 0 80px; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-slider .slick-prev { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -114px -1px; left: -30px; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-slider .slick-prev:hover, .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-slider .slick-prev:focus { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -114px -1px; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-slider .slick-next { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -164px -1px; right: -30px; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-slider .slick-next:hover, .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-slider .slick-next:focus { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -164px -1px; right: -30px; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-slider .slick-prev, .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-slider .slick-next { width: 40px; height: 40px; z-index: 1; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-slider .slick-prev:before, .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-slider .slick-next:before { content: none; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-slider .slick-track .slick-slide { padding: 0 10px; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-slider .slick-track .slick-slide .scrollItemImageBlock { width: 100%; height: 100%; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-slider .slick-track .slick-slide .scrollItemImageBlock img { width: 100%; height: 100%; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-slider .slick-track .slick-slide h2 { padding: 10px 0; text-align: center; width: 100%; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-slider .slick-track .slick-slide h2 a { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-slider .slick-track .slick-current { opacity: 1; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-slider .slick-track .slick-current .scrollItemImageBlock { transform: scale(1.2); padding: 0 10px; } .culinaryLanding .contentContainer .scroller .scrollerContainer .slick-slider .slick-track .slick-current h2 { padding: 15px 0; } .inTheNews .inNews hr, .newsRelease .inNews hr { margin: 40px 0 10px; } .inTheNews .channelLinksInner ul li, .newsRelease .channelLinksInner ul li, .inTheNews .channelLinksWrapper ul li, .newsRelease .channelLinksWrapper ul li { padding-right: 35px; } .inTheNews .channelLinksInner ul li a:hover, .newsRelease .channelLinksInner ul li a:hover, .inTheNews .channelLinksWrapper ul li a:hover, .newsRelease .channelLinksWrapper ul li a:hover { color: #fa6400; border-bottom: solid 3px #fa6400; padding-bottom: 10px; } .inTheNews ul.inTheNewsItems li, .newsRelease ul.inTheNewsItems li { display: flex; } .inTheNews ul.inTheNewsItems li .leftContainer, .newsRelease ul.inTheNewsItems li .leftContainer { margin: 0 20px 0 0; width: 30%; } .inTheNews ul.inTheNewsItems li .leftContainer img, .newsRelease ul.inTheNewsItems li .leftContainer img { height: auto; margin-bottom: 0; } .inTheNews ul.inTheNewsItems li .rightContainer, .newsRelease ul.inTheNewsItems li .rightContainer { width: 70%; padding-top: 20px; } .inTheNews ul.inTheNewsItems li .rightContainer a.knowMore:hover, .newsRelease ul.inTheNewsItems li .rightContainer a.knowMore:hover, .inTheNews ul.inTheNewsItems li .rightContainer a.link:hover, .newsRelease ul.inTheNewsItems li .rightContainer a.link:hover { color: #0074c1; text-decoration: underline; cursor: pointer; } .newsRelease .contentContainer .prod-menu { margin-bottom: 0; } .newsRelease .contentContainer .streamlineDivider { padding: 40px 0 25px; } .newsRelease .contentContainer .contentList .contentListItems ul li.collectionListItem { width: 100%; display: flex; } .newsRelease .contentContainer .contentList .contentListItems ul li.collectionListItem .li-img img { margin-bottom: 0; } .newsRelease .contentContainer .contentList .contentListItems ul li.collectionListItem .collection-list { width: 30%; margin-right: 20px; } .newsRelease .contentContainer .contentList .contentListItems ul li.collectionListItem .li-description-wrapper { width: 70%; padding-top: 20px; } .newsRelease .contentContainer .contentList .contentListItems ul li.collectionListItem .li-description-wrapper .li-title a:hover, .newsRelease .contentContainer .contentList .contentListItems ul li.collectionListItem .li-description-wrapper .li-description a:hover { color: #0074c1; text-decoration: underline; } .newsRelease .contentContainer .contentList .contentListItems ul li.collectionListItem .li-description-wrapper .li-title a:hover::before, .newsRelease .contentContainer .contentList .contentListItems ul li.collectionListItem .li-description-wrapper .li-description a:hover::before { color: #0074c1; } .digitalAssetLibrary .gmfsAccordion .mainListItem { width: 24%; } .wishlist .contentContainer { padding: 20px 40px; } .wishlist .contentContainer .menuItems { width: 30%; display: block; float: left; } .wishlist .contentContainer .menuItems .channelLinks { display: block; } .wishlist .contentContainer .menuItems .channelLinks .channelLinksInner { display: block; } .wishlist .contentContainer .menuItems .channelLinks .channelLinksInner ul { padding-top: 0; border: none; } .wishlist .contentContainer .menuItems .channelLinks .channelLinksInner ul li { width: 100%; height: 30px; padding: 0 0 10px 0; border: none; display: inline; } .wishlist .contentContainer .menuItems .channelLinks .channelLinksInner ul li a { display: inline; padding-left: 0; cursor: pointer; } .wishlist .contentContainer .menuItems .channelLinks .channelLinksInner ul li a:hover { border-bottom: none; } .wishlist .contentContainer .menuItems .channelLinks .channelLinksInner ul li:after { display: none; } .wishlist .contentContainer .menuItems .channelLinks .channelLinksInner ul li .currentPageLink { color: #fa6400; border-bottom: solid 1px #fa6400; padding-bottom: 0; } .wishlist .contentContainer .myFavoritesDiv { display: flex; flex-wrap: wrap; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesHeader { padding: 0; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesHeader .myFavoritesTitle { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; } .wishlist .contentContainer .myFavoritesDiv .noFavorites .noFavoritesMessage { margin: 0; z-index: 1; position: absolute; } .wishlist .contentContainer .myFavoritesDiv .noFavorites .welcomeMessage { padding: 80px 10px; width: 80%; margin: 0; } .wishlist .contentContainer .myFavoritesDiv .noFavorites .welcomeMessage .ctaLink:hover { background-color: #0054a6; } .wishlist .contentContainer .myFavoritesDiv .noFavorites ul > li { width: 30%; height: 226px; float: left; border-radius: 3px; background-color: #d8d8d8; margin: 15px; opacity: 0.1; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesLists { display: block; padding: 0 0 20px; width: 100%; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesLists .allFavorites { float: left; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesLists .allFavorites ul { display: contents; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesLists .allFavorites ul li { display: inline; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesLists .allFavorites .myFavoritesListLink:hover, .wishlist .contentContainer .myFavoritesDiv .myFavoritesLists .userLabels .userLabel .myFavoritesListLink:hover { color: #fa6400; text-decoration: underline; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesLists .allFavorites a.myFavoritesListLink { padding-left: 0; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesListsMobile { display: none; } .wishlist .contentContainer .myFavoritesDiv .mobileLabelSelect { display: none; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader { margin: 0 0 30px; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader h2 { padding: 20px 0; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .viewOptions { display: none; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection { display: inline; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .editCollection { display: inline-block; position: relative; width: 50%; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .editCollection .manageLabels, .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .editCollection .manageUpdateLabels { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; padding: 5px 20px; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .editCollection .updateCollection { border: 2px solid #757575; border-radius: 3px; box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.25); padding: 20px; position: absolute; margin: 5px 0 0 20px; z-index: 99; background-color: #ffffff; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .editCollection .updateCollection .closeButton { content: ''; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -270px -100px; display: inline-block; width: 15px; height: 15px; cursor: pointer; float: right; padding: 15px 10px; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .editCollection .updateCollection .updateLabel { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; display: inline-block; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .editCollection .updateCollection .updateDetails { display: flex; width: 100%; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .editCollection .updateCollection .updateDetails .alert-error-myfav { position: absolute; top: 92px; font-size: 12px; color: #e32726; width: 100vw; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .editCollection .updateCollection .updateDetails input[type=text] { width: 100%; height: 40px; border: 2px solid #757575; border-radius: 3px; padding: 0 10px; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .editCollection .updateCollection .updateDetails .btn-label-rename { height: 40px; border-radius: 0 3px 3px 0; background-color: #00828a; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-align: center; padding: 15px; margin-left: -2px; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .editCollection .updateCollection .updateDetails .btn-label-rename:hover { background-color: #008b95; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .myFavoritesSortingViewResult { float: right; margin-top: 10px; display: flex; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .myFavoritesSortingViewResult .contentListSortLabel { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.45px; padding: 12px 10px; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .myFavoritesSortingViewResult .contentListDropdown { width: 150px; position: relative; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .myFavoritesSortingViewResult .contentListDropdown .contentListDropdownButton { border: 2px solid #757575; color: #3b3b3b; text-decoration: none; padding: 10px; border-radius: 3px; text-transform: capitalize; display: inline-block; width: 100%; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .myFavoritesSortingViewResult .contentListDropdown .contentListDropdownButton span { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 400; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .myFavoritesSortingViewResult .contentListDropdown .contentListDropdownButton span:after { content: ' '; float: right; display: block; padding: 0 16px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -1181px 2px; width: 15px; height: 15px; position: absolute; right: 10px; bottom: 12px; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .myFavoritesSortingViewResult .contentListDropdown .myFavoritesSortResultView { display: none; position: absolute; left: 0; right: 0; color: #000000; background-color: #ffffff; z-index: 1000; margin: 0; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.6); } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .myFavoritesSortingViewResult .contentListDropdown .myFavoritesSortResultView li { text-transform: none; border-bottom: 3px solid #f4f4f4; cursor: pointer; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .myFavoritesSortingViewResult .contentListDropdown .myFavoritesSortResultView li a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 14px; line-height: 0.875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; text-transform: none; display: inline-block; padding: 10px; font-weight: 400; width: 90%; height: 100%; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .myFavoritesSortingViewResult .contentListDropdown .myFavoritesSortResultView li:first-child { border-top: 0; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .myFavoritesSortingViewResult .expanded .myFavoritesSortResultView { display: block; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .desktopManageCollection .myFavoritesSortingViewResult .expanded .contentListDropdownButton:after { content: ""; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavorites .myFavoritesHeader .mobileManageCollection { display: none; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem { border: 1px solid #dbdbdb; padding: 15px; margin: 10px 0; display: flex; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails { width: 85%; padding-right: 20px; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails a .itemImage { width: 140px; height: 80px; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails a .itemDetails { padding: 0 15px 0 15px; width: 80%; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails a .itemDetails .itemTitle { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails a .itemDetails .itemTitle:hover { color: #0074c1; text-decoration: underline; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .productDetails a .itemDetails .properties { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #757575; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct { width: 40%; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .itemBuyNow { width: 100%; display: inline-block; padding-top: 15px; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .itemBuyNow .buyNowRetailerWrapper { width: 90%; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .itemBuyNow .buyNowRetailerWrapper .buyNowLink { cursor: pointer; width: 93%; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .itemBuyNow .buyNowRetailerWrapper .buyNowLink:hover { background-color: #008b95; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .itemBuyNow .buyNowRetailerWrapper .buyNowRetailer { width: 150%; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .itemBuyNow .buyNowRetailerWrapper .buyNowRetailer .buyNowCloseButton:hover { cursor: pointer; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .editLabels { display: inline-block; width: 100%; padding: 10px 0 0 0; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .editLabels:hover { color: #0054a6; text-decoration: underline; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView { right: -8%; top: 97px; width: auto; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .alert-error-myfav { position: absolute; top: 85px; font-size: 12px; color: #e32726; width: 100vw; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .innerMenu ul .contextMenuItem input[type=checkbox] { cursor: pointer; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .favNewLabel .addCollection .btn-label-add:hover { background-color: #008b95; color: #ffffff; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .myFavoritesContextMenuView .btn-label-save:hover { background-color: #008b95; color: #ffffff; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .removeItem { cursor: pointer; padding: 15px 10px; margin-top: 15px; opacity: 0.7; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem .manageProduct .removeItem:hover { opacity: 1; } .wishlist .contentContainer .myFavoritesDiv .myFavoritesItemListView .myFavoritesItems ul .favoriteItem:last-child { border: 1px solid #dbdbdb; } .wishlist #myFavoritesManageLabelMenuView { padding: 0 40px 10px; } .wishlist .deleteCollectionDialog { width: 500px !important; } .wishlist .deleteCollectionDialog .ui-dialog-titlebar-close, .wishlist .deleteCollectionDialog .ui-dialog .ui-state-hover { cursor: pointer; } .wishlist .actionToolbarScrollBox { position: relative; } .wishlist .actionToolbarScrollBox #primaryActionToolbarSection { top: 0; margin-top: 20px; z-index: 9; left: auto; } .wishlist .actionToolbarScrollBox #primaryActionToolbarSection .innerContainer { position: fixed; margin-left: -117px; width: 60px; } .wishlist .actionToolbarScrollBox #primaryActionToolbarSection .innerContainer.actionToolbarWishlist { margin-left: -39px; width: 36px; } .wishlist .actionToolbarScrollBox #primaryActionToolbarSection .innerContainer.actionToolbarWishlist ul.atButtons li.atButton:before { margin-left: 1px; } .wishlist .actionToolbarScrollBox #primaryActionToolbarSection .innerContainer.actionToolbarWishlist ul.atButtons li.atButton .atbName { width: 33px; margin-left: 0; } .myFavoritesHeader { padding: 0; } .myAccount.myAccountProfile .menuItems { display: block; } .myAccountProfile .menuItems, .myAccountAddressBook .menuItems, .myAccountUpdatePassword .menuItems, .emailPreference .menuItems, .myAccountUpdatePassword .menuItems { display: block; } .myAccount .profile { display: flex; flex-wrap: wrap; } .myAccount .profile h2 { width: 100%; padding: 0 20px; } .myAccount .profile .updateInfo { width: auto; margin: 20px 20px; } .myAccount .profile .updateInfo:hover, .myAccount .profile .updateInfo:focus { background-color: #0054a6; cursor: pointer; } .myAccount .profile .profileQuestionContainer { width: 100%; } .myAccount .profile .profileInfo .control-group { width: 50%; padding: 0 20px; } .myAccount .profile .profileInfo .jobTitle { width: 100%; } .myAccount .profile ul.profileQuestionList { padding: 0 20px; } .myAccount .profile ul.profileQuestionList li.profileQuestionItem.BusinessType_Other, .myAccount .profile ul.profileQuestionList li.profileQuestionItem.PrimaryBusiness, .myAccount .profile ul.profileQuestionList li.profileQuestionItem.Primary_Distribution, .myAccount .profile ul.profileQuestionList li.profileQuestionItem.BusinessFocus2, .myAccount .profile ul.profileQuestionList li.profileQuestionItem.PrimaryDistributor { width: 50%; } .myAccount .profile ul.profileQuestionList li.profileQuestionItem.BusinessFocus2, .myAccount .profile ul.profileQuestionList li.profileQuestionItem.PrimaryDistributor, .myAccount .profile ul.profileQuestionList li.profileQuestionItem.BusinessType_Other { padding: 0 0 0 20px; } .myAccount .profile ul.profileQuestionList li.profileQuestionItem.PrimaryBusiness.fullWidth, .myAccount .profile ul.profileQuestionList li.profileQuestionItem.CompanyName { width: 100%; } .myAccount .profile ul.profileQuestionList li.profileQuestionItem.PrimaryBusiness.selectedValue, .myAccount .profile ul.profileQuestionList li.profileQuestionItem.PrimaryBusiness.Bakery, .myAccount .profile ul.profileQuestionList li.profileQuestionItem.PrimaryBusiness.selectedValuea1188cf9-f651-4556-96dd-b129211ebafb, .myAccount .profile ul.profileQuestionList li.profileQuestionItem.PrimaryBusiness.selectedValue0a7cf887-4bc4-4e28-903b-be93276e8ee7 { width: 100%; } .myAccount .profile ul.profileQuestionList li.profileQuestionItem.PrimaryBusiness.selectedValue .selectFormat, .myAccount .profile ul.profileQuestionList li.profileQuestionItem.PrimaryBusiness.Bakery .selectFormat, .myAccount .profile ul.profileQuestionList li.profileQuestionItem.PrimaryBusiness.selectedValuea1188cf9-f651-4556-96dd-b129211ebafb .selectFormat, .myAccount .profile ul.profileQuestionList li.profileQuestionItem.PrimaryBusiness.selectedValue0a7cf887-4bc4-4e28-903b-be93276e8ee7 .selectFormat { width: 50%; } .myAccount .profile ul.profileQuestionList li.profileQuestionItem.DistrictSize { width: 100%; } .myAccount .profile ul.profileQuestionList li.profileQuestionItem.DistrictSize div.profileQuestionAnswers { width: 50%; padding: 0 20px 0 0; } .myAccount .address { float: left; width: 70%; } .myAccount .address .profileInfo .control-group { padding: 5px 20px; } .myAccount .address .profileInfo .firstName, .myAccount .address .profileInfo .lastName, .myAccount .address .profileInfo .city, .myAccount .address .profileInfo .province, .myAccount .address .profileInfo .postalCode, .myAccount .address .profileInfo .countryName, .myAccount .address .profileInfo .phone { float: left; width: 50%; } .myAccount .address .profileInfo h2 { padding-left: 15px; width: 100%; } .myAccount .address .profileInfo .province:after, .myAccount .address .profileInfo .countryName:after { top: 55px; right: 35px; } .myAccount .address .updateInfo { margin-left: 20px; width: auto; } .myAccount .address .updateInfo:hover, .myAccount .address .updateInfo:focus { background-color: #0054a6; cursor: pointer; } .myAccount .profileChangePasswordContainer { width: 70%; } .myAccount .profileChangePasswordContainer input { width: 50%; } .myAccount .profileChangePasswordContainer .updatePassword { width: 21%; } .myAccount .profileChangePasswordContainer .updatePassword:hover { color: #0054a6; cursor: pointer; } #newsletterUnsubscribeForm { margin: 0 0 120px 40px; } #newsletterUnsubscribeForm #email { width: 580px; } .myAccount .mainContainer .siteContainer .contentContainer .myAccountHeader .headerContainer { height: 200px; margin: 30px; } .myAccount .mainContainer .siteContainer .contentContainer .myAccountHeader .headerContainer .myAccountUser .headerImage { width: 80px; height: 80px; } .myAccount .mainContainer .siteContainer .contentContainer .myAccountHeader .headerContainer .myAccountUser p { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #ffffff; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; } .myAccount .mainContainer .siteContainer .contentContainer .prod-menu { margin-left: 30px; } .myAccount .mainContainer .siteContainer .contentContainer h1 { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; margin: 0 0 20px 30px; } .myAccount .mainContainer .siteContainer .contentContainer .menuItems { width: 30%; } .myAccount .mainContainer .siteContainer .contentContainer .menuItems .channelLinks .channelLinksInner ul { padding-top: 0; margin-left: 30px; border: none; } .myAccount .mainContainer .siteContainer .contentContainer .menuItems .channelLinks .channelLinksInner ul li { width: 100%; height: 30px; padding: 0 0 10px 0; border: none; display: inline; } .myAccount .mainContainer .siteContainer .contentContainer .menuItems .channelLinks .channelLinksInner ul li a { display: inline; padding-left: 0; cursor: pointer; } .myAccount .mainContainer .siteContainer .contentContainer .menuItems .channelLinks .channelLinksInner ul li a:hover { border-bottom: none; } .myAccount .mainContainer .siteContainer .contentContainer .menuItems .channelLinks .channelLinksInner ul li:after { display: none; } .myAccount .mainContainer .siteContainer .contentContainer .menuItems .channelLinks .channelLinksInner ul li .currentPageLink { color: #fa6400; border-bottom: solid 1px #fa6400; padding-bottom: 0; } .myAccount .mainContainer .siteContainer .contentContainer .myAccountLanding { float: left; width: 70%; display: inline; margin-bottom: 30px; } .myAccount .mainContainer .siteContainer .contentContainer .myAccountLanding ul { display: flex; flex-wrap: wrap; } .myAccount .mainContainer .siteContainer .contentContainer .myAccountLanding ul > li { float: left; margin: 0 0 20px 20px; } .myAccount .mainContainer .siteContainer .contentContainer .myAccountLanding ul > li .myInfo, .myAccount .mainContainer .siteContainer .contentContainer .myAccountLanding ul > li .businessInfo, .myAccount .mainContainer .siteContainer .contentContainer .myAccountLanding ul > li .addressBook { width: 307px; height: 100%; border: 2px solid #d8d9da; border-radius: 3px; position: relative; } .myAccount .mainContainer .siteContainer .contentContainer .myAccountLanding ul > li .myInfo .title, .myAccount .mainContainer .siteContainer .contentContainer .myAccountLanding ul > li .businessInfo .title, .myAccount .mainContainer .siteContainer .contentContainer .myAccountLanding ul > li .addressBook .title { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; margin: 10px 0 20px 20px; } .myAccount .mainContainer .siteContainer .contentContainer .myAccountLanding ul > li .myInfo .details, .myAccount .mainContainer .siteContainer .contentContainer .myAccountLanding ul > li .businessInfo .details, .myAccount .mainContainer .siteContainer .contentContainer .myAccountLanding ul > li .addressBook .details { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.54px; margin-left: 20px; padding-bottom: 40px; } .myAccount .mainContainer .siteContainer .contentContainer .myAccountLanding ul > li .myInfo .details i, .myAccount .mainContainer .siteContainer .contentContainer .myAccountLanding ul > li .businessInfo .details i, .myAccount .mainContainer .siteContainer .contentContainer .myAccountLanding ul > li .addressBook .details i { font-style: italic; color: #d8d8d8; } .myAccount .mainContainer .siteContainer .contentContainer .myAccountLanding ul > li .myInfo .redirectLink, .myAccount .mainContainer .siteContainer .contentContainer .myAccountLanding ul > li .businessInfo .redirectLink, .myAccount .mainContainer .siteContainer .contentContainer .myAccountLanding ul > li .addressBook .redirectLink { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; position: absolute; bottom: 20px; left: 20px; margin-top: 20px; } .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .scrollContainer { margin-left: -30px; } .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .scrollContainer .scroller .scrollerContainer .slick-slider .slick-list { margin-left: 15px; } .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .scrollContainer .scroller .scrollerContainer .scroll-item .slick-next { right: -20px; } .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .scrollContainer .scroller .scrollerContainer .scroll-item .slick-prev { background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat 1px -59px; left: -15px; width: 21px; height: 36px; } .myAccount .mainContainer .siteContainer .contentContainer .recentlyViewContainer .scrollContainer .scroller .scrollerContainer .recentlyViewedHeader { margin-right: 90px; width: auto; } .saveForLater .mainContainer .siteContainer .contentContainer .menuItems { display: block; } #myFavoriteOtherTypeView .mobileContentTypeContainer { display: none; } #myFavoriteOtherTypeView .contentTypeContainer { display: block; } #myFavoriteOtherTypeView .contentTypeContainer ul { display: flex; flex-wrap: wrap; padding-left: 20px; } #myFavoriteOtherTypeView .contentTypeContainer ul li.contentType { padding: 0 30px 20px 0; } #myFavoriteOtherTypeView .contentTypeContainer ul li.contentType a { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } #myFavoriteOtherTypeView .contentTypeContainer ul li.contentType a:hover { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-bottom: 2px solid #fa6400; cursor: pointer; } #myFavoriteOtherTypeView .contentTypeContainer ul li.contentType a.activeContentType { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #fa6400; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-bottom: 2px solid #fa6400; } #myFavoriteOtherTypeView .contentTypeContainer ul li.contentType.Video { order: 3; } #myFavoriteOtherTypeView ul.myFavoritesItemList li.myFavoritesItem { width: 26%; margin: 0 10px 20px; } #myFavoriteOtherTypeView ul.myFavoritesItemList li.myFavoritesItem .model .confirmDialog { width: 50%; left: 20%; } #myFavoriteOtherTypeView ul.myFavoritesItemList li.myFavoritesItem .editLabels { visibility: hidden; cursor: pointer; } #myFavoriteOtherTypeView ul.myFavoritesItemList li.myFavoritesItem:hover > .editLabels { visibility: visible; } .emailPreference .menuItems { display: inline-block; } .emailPreference #subscriptionCenterList { width: 66%; margin: 0 0 20px 20px; display: inline-block; } .emailPreference #subscriptionCenterList .newsletterItem .newsletterTitleSection { padding-left: 40px; cursor: pointer; } .emailPreference #subscriptionCenterList .newsletterItem .newsletterTitleSection input { cursor: pointer; } .emailPreference #subscriptionCenterList .newsletterItem .newsletterDescriptionSection { width: 100%; } .emailPreference #subscriptionCenterList .newsletterItem .newsletterUpdateSection .myAccountButton { width: auto; padding: 7px 27px; cursor: pointer; } .emailPreference #subscriptionCenterList .newsletterItem .newsletterUpdateSection .myAccountButton:hover { background-color: #0054a6; } .emailPreference #subscriptionCenterList .unSubscribeMeFromAll { margin-bottom: 20px; width: auto; } .emailPreference #subscriptionCenterList .unSubscribeMeFromAll a:hover { color: #0054a6; text-decoration: underline; } .emailPreference #subscriptionCenterList .unSubscribeMeFromAllVerify { width: auto; } .emailPreference #subscriptionCenterList .unSubscribeMeFromAllVerify a { cursor: pointer; } .emailPreference #subscriptionCenterList .unSubscribeMeFromAllVerify #unSubscribeMeAllBtn { cursor: pointer; } .emailPreference #subscriptionCenterList .unSubscribeMeFromAllVerify #unSubscribeMeAllBtn:hover { color: #0054a6; text-decoration: underline; } .productSalesLanding .prod-menu { padding: 0 0 0 40px; } .productSalesLanding .productCategoryWrapper .productCategory { margin: 0 0 0 -30px; } .productSalesLanding .contentListItems ul { padding: 30px 0 0 0; } .productSalesLanding .contentListItems ul li { width: 25%; margin: 0 0 30px 0; } .productSalesLanding .contentListItems ul li .li-img { width: 100%; } .productSalesLanding .actionToolbarScrollBox { margin: 0; } .productSalesLanding .actionToolbarScrollBox .actionToolbarVertical { display: block; } .productSalesLanding .actionToolbarScrollBox .actionToolbarHorizontal { display: none; } .productSalesLanding .operatorToolsTitle { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; margin: 0 40px 20px 40px; } .productSalesLanding .operatorToolsDescription { margin: 0 40px 20px 40px; } .productSalesLanding .operatorTools .contentListItems ul { padding-top: 30px; } .productSalesLanding .operatorTools .contentListItems ul li { width: 25%; margin: 0 0 30px 0; } .productSalesLanding .operatorTools .contentListItems ul li .li-img { width: 100%; } .productSalesLanding .missingVideos .slick-slider .slick-track { margin: 0 0 0 -150px; } .productSalesLanding .missingVideos .slick-slider .slick-track .slick-slide { width: 150px; } .productSellingGuide .contentContainer { padding: 40px 40px 0; } .productSellingGuide .contentContainer .prod-menu, .productSellingGuide .contentContainer .pageTitle { margin: -40px -40px 0; padding: 40px; } .productSellingGuide .contentContainer .pageTitle { padding: 10px 40px; } .productSellingGuide .contentContainer .characteristicsWrapper { margin: -40px -40px 5px; padding: 20px 60px; } .productSellingGuide .contentContainer .characteristicsWrapper .characteristics { width: 19%; padding: 20px 45px; } .productSellingGuide .contentContainer .featuredArticle { margin: 0 -40px; padding: 40px; } .productSellingGuide .contentContainer .featuredArticle .li-img { margin: 0; } .productSellingGuide .contentContainer .featuredArticle .li-description-wrapper { width: 100%; height: 100%; right: 0; margin: 40px 0 0 -90px; } .productSellingGuide .contentContainer .featuredArticle .li-description-wrapper .li-description { padding: 20px 20px 20px 40px; } .productSellingGuide .contentContainer .featuredArticle .li-description-wrapper .li-description ul li { display: list-item; } .productSellingGuide .contentContainer .tabbedContent { margin: 10px -40px; padding: 40px; } .productSellingGuide .contentContainer .tabbedContent .tabs { display: inline-flex; font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; padding: 0 0 20px; } .productSellingGuide .contentContainer .tabbedContent .tabs .tab { padding-right: 40px; } .productSellingGuide .contentContainer .tabbedContent .tabs .tab .active, .productSellingGuide .contentContainer .tabbedContent .tabs .tab a:hover { color: #fa6400; border-bottom: 2px solid #fa6400; padding-bottom: 10px; cursor: pointer; } .productSellingGuide .contentContainer .tabbedContent .tabs .tab #badge { color: #00a839; margin-left: 5px; border: 2px solid #00a839; border-radius: 50%; padding: 1px 7px; } .productSellingGuide .contentContainer .tabbedContent .mobileTabs { display: none; } .productSellingGuide .contentContainer .tabbedContent .content #featuredProducts { display: none; } .productSellingGuide .contentContainer .tabbedContent .content #recipes { padding: 10px 0; } .productSellingGuide .contentContainer .tabbedContent .content .tab #tools, .productSellingGuide .contentContainer .tabbedContent .content .tab #recipes, .productSellingGuide .contentContainer .tabbedContent .content .tab #rebates { display: none; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperMobile { display: none; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tips .contentListItems ul li { text-align: left; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop { display: block; padding: 20px 0; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productDetailHeader { display: flex; width: 100%; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #000000; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; padding: 20px 20px 10px; border-bottom: 2px solid rgba(147, 149, 152, 0.5); } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productDetailHeader .productBlock { width: 80%; padding-right: 40px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productDetailHeader .productDetailsBlock { width: 30%; display: flex; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productDetailHeader .productDetailsBlock label { width: 50%; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productItem { background-color: #ffffff; border: 2px solid rgba(147, 149, 152, 0.5); border-top: none; display: flex; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productItem .productTitle { display: flex; width: 70%; padding: 15px 20px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productItem .productTitle a { width: 90%; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; padding-left: 30px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productItem .productTitle a:hover { color: #0074c1; text-decoration: underline; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productItem .productTitle a sup { font-size: 10px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productItem .productTitle img { width: 10%; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productItem .productTitle .newProduct, .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productItem .productTitle .bestSeller, .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productItem .productTitle .coolSchoolTag, .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productItem .productTitle .k12RegReadyTag { font-family: "Roboto Condensed", sans-serif; font-size: 12px; font-size: 0.75rem; color: #ffffff; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; text-align: right; background-color: #fa6400; padding: 2px; vertical-align: super; white-space: nowrap; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productItem .productTitle .bestSeller { background-color: #00828a; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productItem .productTitle .coolSchoolTag { background-color: #0054a6; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productItem .productTitle .k12RegReadyTag { background-color: #058938; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productItem .productDetailsBlock { padding: 15px 20px; width: 30%; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productItem .productDetailsBlock .productDetails { display: flex; width: 100%; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .featuredProductsWrapperDesktop .productItem .productDetailsBlock .productDetails label { width: 50%; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul { padding: 0; margin: 20px 0 0 0; display: flex; flex-wrap: wrap; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li { width: 25%; padding: 15px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li:nth-child(4n-3) { padding-right: 20px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li:nth-child(4n) { padding-left: 10px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li:nth-child(4n-1) { padding-right: 20px; padding-left: 10px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li:nth-child(4n-2) { padding-right: 20px; padding-left: 10px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li .li-img { height: 150px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li .li-img img { width: 100%; height: 100%; vertical-align: top; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li .li-text, .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li .li-description-wrapper .li-title { text-align: center; padding-top: 10px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li .li-text a, .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li .li-description-wrapper .li-title a { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.44px; font-weight: 700; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li .li-text a:hover, .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li .li-description-wrapper .li-title a:hover { color: #0074c1; text-decoration: underline; } .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li .li-description, .productSellingGuide .contentContainer .tabbedContent .content .tab .tools .contentListItems ul li .learnmore { display: none; } .productSellingGuide .contentContainer .tabbedContent .content .tab .fourColumnContent .contentListItems .list-item-grid { padding-top: 10px; } .productSellingGuide .contentContainer .tabbedContent .content .tab .fourColumnContent .li-description-wrapper .li-title a { font-size: 16px; font-size: 1rem; } .productSellingGuide .contentContainer .tabbedContent .content .tab .fourColumnContent .li-description-wrapper .li-title a:hover { color: #0074c1; text-decoration: underline; } .productSellingGuide .contentContainer .tabbedContent .content .tab .allRebates .list-item-horizontal { padding: 30px 0; } .productSellingGuide .contentContainer .tabbedContent .content .tab .allRebates .list-item-horizontal .rebateList { width: 30%; display: inline-block; } .productSellingGuide .contentContainer .tabbedContent .content .tab .contentListMoreButton { font-size: 14px; font-size: 0.875rem; } .productSellingGuide .contentContainer .tabbedContent .content .tab .contentListMoreButton:hover { background-color: #0054a6; } .productSellingGuide .contentContainer .tabbedContent .videoWrapper { margin: 20px -40px 10px; } .productSellingGuide .contentContainer .videoWrapper { margin: 0 -40px; } .productSellingGuide .contentContainer .GMFSVideoScroller { margin: 0 -40px; padding: 220px 60px 80px; } .productSellingGuide .missingVideos .slick-slider .slick-track .slick-slide { width: 150px; } .productSellingGuide .twoVideos .slick-slider .slick-track { margin: 0 0 0 -60px; } .productSellingGuide .threeVideos .slick-slider .slick-track { margin: 0 0 0 -150px; } .productSellingGuide .fourVideos .slick-slider .slick-track { margin: 0 0 0 -220px; } .productSellingGuide .fiveVideos .slick-slider .slick-track { margin: 0 0 0 -290px; } .completeYourProfileForm { display: flex; flex-wrap: wrap; } .completeYourProfileForm .completeYourProfileHeader { margin: 20px; height: 200px; } .completeYourProfileForm .completeYourProfileHeader .title { font-size: 1.75rem; line-height: 2.5rem; padding-top: 40px; letter-spacing: 1.27px; } .completeYourProfileForm .completeYourProfileHeader .completeYourProfileSubHeader { font-size: 1rem; line-height: 1.25rem; margin: 0 100px; letter-spacing: 0.5px; } .completeYourProfileForm .completeYourProfile { width: 60%; } .completeYourProfileForm .completeYourProfile .RegistrationFlowContainer { margin: 0; } .completeYourProfileForm .completeYourProfile .RegistrationFlowContainer .RegistrationModuleContainer { margin: 0 !important; width: 100% !important; } .completeYourProfileForm .completeYourProfile .completeYourProfileFooter { border-bottom: none; margin: 0 100px; } .completeYourProfileForm .memberBenefitsSection { width: 40%; border-left: 2px solid #d8d8d8; margin: 40px 0; } .completeYourProfileThankYou .richTextArea { margin-top: 60px; } .completeYourProfileThankYou .richTextArea .description { margin: 0 20px 100px 20px; } .completeYourProfileThankYou .pageLinkItems .contentListItems .li-description-wrapper .learnmore a { display: inline-block; } .pillsburyOnlineCommunity { margin: 0 auto; } .pillsburyOnlineCommunity #pillsburyCommunity { margin: 80px 0 0 15px; width: 100%; } .pillsburyOnlineCommunity .pillsburyHeader { position: relative; display: flex; flex-wrap: wrap; min-height: 280px; } .pillsburyOnlineCommunity .pillsburyHeader .pillsburyHeaderFiller { flex: 1; } .pillsburyOnlineCommunity .pillsburyHeader .titleSection { display: flex; float: none; width: 1024px; } .pillsburyOnlineCommunity .pillsburyHeader .titleSection .title { font-size: 2.5rem; line-height: 3.4375rem; width: auto; margin: 0 0 0 20px; } .pillsburyOnlineCommunity .pillsburyHeader .titleSection .subTitle { font-size: 1.125rem; line-height: 1.75rem; width: auto; margin: 0 0 0 20px; } .pillsburyOnlineCommunity .pillsburyHeader .titleSection .description { font-size: 1rem; line-height: 1.5rem; width: 85%; margin: 10px 0 0 20px; } .pillsburyOnlineCommunity .pillsburyHeader .collage { flex: 1; width: auto; } .pillsburyOnlineCommunity .pillsburyHeader .collage .collageSection { width: auto; height: auto; } .pillsburyOnlineCommunity .pillsburyHeader .collage .collageSection img { width: 170px; } .pillsburyOnlineCommunity .pillsburySearch { padding-left: 115px; width: 48%; } .pillsburyOnlineCommunity .trendsBackgroundContainer { background-color: #002f6d; } .pillsburyOnlineCommunity .trendsBackgroundContainer .filler1 { flex: 1; background-color: #eeefef; } .pillsburyOnlineCommunity .trendsBackgroundContainer .trendsBackground { background-color: #002f6d; width: 1024px; margin: 0 auto; } .pillsburyOnlineCommunity .trendsBackgroundContainer .trendsBackground .header { font-size: 1.75rem; line-height: 2.5rem; margin-left: 20px; } .pillsburyOnlineCommunity .trendsBackgroundContainer .trendsBackground .trends { width: 1100px; margin: 0 auto; } .pillsburyOnlineCommunity .trendsBackgroundContainer .trendsBackground .trends .slick-disabled { opacity: 0.15; } .pillsburyOnlineCommunity .trendsBackgroundContainer .trendsBackground .trends .trend:hover { cursor: pointer; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .pillsburyOnlineCommunity .trendsBackgroundContainer .trendsBackground .trends .trend:hover .details { color: #2e91eb; } .pillsburyOnlineCommunity .trendsBackgroundContainer .filler2 { flex: 1; background-color: #eeefef; } .pillsburyOnlineCommunity .digitalPublication { margin: 1190px 0 50px 0; flex-wrap: wrap; flex-direction: unset; } .pillsburyOnlineCommunity .digitalPublication .professionalCommunitySection { flex: none; text-align: center; align-self: stretch; margin-bottom: 70px; width: 100%; } .pillsburyOnlineCommunity .digitalPublication .professionalCommunitySection p { font-family: "Poppins", sans-serif; font-size: 20px; font-size: 1.25rem; color: #002f6d; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; height: 64px; margin: 0; } .pillsburyOnlineCommunity .digitalPublication .professionalCommunitySection a { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; height: 40px; width: 340px; padding: 9px 20px; background-color: #0074c1; letter-spacing: 0.5px; cursor: pointer; } .pillsburyOnlineCommunity .digitalPublication .professionalCommunitySection a:hover { background-color: #002f6d; } .pillsburyOnlineCommunity .digitalPublication .magazineContainer { display: flex; flex-wrap: wrap; width: 100%; } .pillsburyOnlineCommunity .digitalPublication .magazineContainer .magazineSection { width: 50%; margin: 0 0 50px 0; } .pillsburyOnlineCommunity .digitalPublication .magazineContainer .magazineSection .digitalPublicationBackground { width: 650px; height: 500px; } .pillsburyOnlineCommunity .digitalPublication .magazineContainer .magazineSection #magazine { margin: -450px 0px 0px 100px !important; } .pillsburyOnlineCommunity .digitalPublication .magazineContainer .digitalPublicationDetails { width: 50%; margin: 110px 0 0 150px; } .pillsburyOnlineCommunity .digitalPublication .magazineContainer .digitalPublicationDetails .digitalPublicationHeader { font-size: 1.75rem; line-height: 2.5rem; width: 80%; } .pillsburyOnlineCommunity .digitalPublication .magazineContainer .digitalPublicationDetails .digitalPublicationDescription { width: 85%; } .pillsburyOnlineCommunity .digitalPublication .magazineContainer .digitalPublicationDetails .downloadMagazine a:hover { background-color: #002f6d; } .pillsburyOnlineCommunity .tipsAndTechniques, .pillsburyOnlineCommunity .resourcesAndArticles { width: 1024px; margin: 0 auto; } .pillsburyOnlineCommunity .tipsAndTechniques .gallery-header, .pillsburyOnlineCommunity .resourcesAndArticles .gallery-header { font-family: "Poppins", sans-serif; font-size: 28px; font-size: 1.75rem; color: #002f6d; line-height: 50px; line-height: 3.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; margin: 0 0 20px 0; } .pillsburyOnlineCommunity .tipsAndTechniques .contentListItems .mainListItem, .pillsburyOnlineCommunity .resourcesAndArticles .contentListItems .mainListItem { width: 25%; margin-bottom: 20px; } .pillsburyOnlineCommunity .tipsAndTechniques .contentListItems .mainListItem:nth-child(4n-3), .pillsburyOnlineCommunity .resourcesAndArticles .contentListItems .mainListItem:nth-child(4n-3) { padding-right: 60px; } .pillsburyOnlineCommunity .tipsAndTechniques .contentListItems .mainListItem:nth-child(4n), .pillsburyOnlineCommunity .resourcesAndArticles .contentListItems .mainListItem:nth-child(4n) { padding-left: 60px; } .pillsburyOnlineCommunity .tipsAndTechniques .contentListItems .mainListItem:nth-child(4n-1), .pillsburyOnlineCommunity .resourcesAndArticles .contentListItems .mainListItem:nth-child(4n-1) { padding-right: 20px; padding-left: 40px; } .pillsburyOnlineCommunity .tipsAndTechniques .contentListItems .mainListItem:nth-child(4n-2), .pillsburyOnlineCommunity .resourcesAndArticles .contentListItems .mainListItem:nth-child(4n-2) { padding-right: 40px; padding-left: 20px; } .pillsburyOnlineCommunity .tipsAndTechniques .contentListItems .mainListItem .content-lite-medium .li-text a, .pillsburyOnlineCommunity .resourcesAndArticles .contentListItems .mainListItem .content-lite-medium .li-text a { margin: 10px; } .pillsburyOnlineCommunity .tipsAndTechniques .contentListItems .mainListItem .content-lite-medium .li-text a:hover, .pillsburyOnlineCommunity .resourcesAndArticles .contentListItems .mainListItem .content-lite-medium .li-text a:hover { color: #0074c1; } .pillsburyOnlineCommunity .tipsAndTechniques .contentListMoreButton, .pillsburyOnlineCommunity .resourcesAndArticles .contentListMoreButton { display: table; margin: 0 auto 60px auto; } .pillsburyOnlineCommunity .tipsAndTechniques .contentListMoreButton:hover, .pillsburyOnlineCommunity .resourcesAndArticles .contentListMoreButton:hover { background-color: #002f6d; } .pillsburyOnlineCommunity .featuredArticle { margin-top: 0; } .pillsburyOnlineCommunity .featuredArticle ul { width: 100vw; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; left: 0; top: 1940px; } .pillsburyOnlineCommunity .featuredArticle ul li { display: block; padding-bottom: 40px; } .pillsburyOnlineCommunity .featuredArticle ul li .li-description-wrapper { width: 60%; height: 100%; padding: 100px 80px 10px 0; } .pillsburyOnlineCommunity .featuredArticle ul li .li-description-wrapper .li-title, .pillsburyOnlineCommunity .featuredArticle ul li .li-description-wrapper .li-description { padding: 0; } .pillsburyOnlineCommunity .featuredArticle ul li .li-description-wrapper .li-description { padding-top: 10px; } .pillsburyOnlineCommunity .featuredArticle ul li .li-img img { height: 100%; padding-top: 100px; } .pillsburyOnlineCommunity .recipeInspiration { max-width: 1024px; margin: 285px 0 40px 200px; } .pillsburyOnlineCommunity .recipeInspiration .mobileComponent { margin: 0; } .pillsburyOnlineCommunity .recipeInspiration .tabs { display: block; margin-right: -30px; } .pillsburyOnlineCommunity .recipeInspiration .tabs .tab { padding: 0 40px 0 0; display: inline-flex; } .pillsburyOnlineCommunity .recipeInspiration .tabs .tab label { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.54px; font-weight: 700; text-transform: uppercase; padding-bottom: 10px; } .pillsburyOnlineCommunity .recipeInspiration .tabs .tab label:hover { color: #fa6400; border-bottom: 3px solid #fa6400; cursor: pointer; } .pillsburyOnlineCommunity .recipeInspiration .tabs .tab .active { color: #fa6400; border-bottom: 3px solid #fa6400; } .pillsburyOnlineCommunity .recipeInspiration .separator { display: inline-block; background-color: #757575; height: 1px; opacity: 0.5; position: absolute; top: auto; left: 0px; right: 0px; } .pillsburyOnlineCommunity .recipeInspiration .content { padding: 0; } .pillsburyOnlineCommunity .recipeInspiration .content ul { display: flex; flex-wrap: wrap; padding: 20px 0; } .pillsburyOnlineCommunity .recipeInspiration .content ul li { width: 25%; text-align: center; } .pillsburyOnlineCommunity .recipeInspiration .content ul li:nth-child(4n-3) { padding-right: 60px; } .pillsburyOnlineCommunity .recipeInspiration .content ul li:nth-child(4n) { padding-left: 60px; } .pillsburyOnlineCommunity .recipeInspiration .content ul li:nth-child(4n-1) { padding-right: 20px; padding-left: 40px; } .pillsburyOnlineCommunity .recipeInspiration .content ul li:nth-child(4n-2) { padding-right: 40px; padding-left: 20px; } .pillsburyOnlineCommunity .recipeInspiration .content ul li .imageContainer { width: auto; height: 130px; margin: 30px 0 10px; } .pillsburyOnlineCommunity .recipeInspiration .content ul li .details .title { font-size: 16px; font-size: 1rem; } .pillsburyOnlineCommunity .recipeInspiration .content ul li .details .title:hover { color: #0074c1; cursor: pointer; } .pillsburyOnlineCommunity .recipeInspiration .content .moreButton:hover { background-color: #002f6d; } .pillsburyOnlineCommunity .pillsburyVideoScroller { max-width: 1024px; margin: 0 auto; } .pillsburyOnlineCommunity .pillsburyVideoScroller .videoWrapper { padding: 0 240px; } .pillsburyOnlineCommunity .pillsburyVideoScroller .videoWrapper .videoScrollerContainer .slider-for { margin: 0 20px -260px 20px; } .pillsburyOnlineCommunity .pillsburyVideoScroller .videoWrapper .videoScrollerContainer .containerTitle { font-family: "Poppins", sans-serif; font-size: 28px; font-size: 1.75rem; color: #ffffff; line-height: 50px; line-height: 3.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; padding: 0 0 10px; margin: 10px; } .pillsburyOnlineCommunity .pillsburyVideoScroller .GMFSVideoScroller { padding: 270px 0 80px; } .pillsburyOnlineCommunity .pillsburyVideoScroller .GMFSVideoScroller .scrollerContainer .slick-slider .slick-track .slick-slide h2 a:hover { color: #0074c1; text-decoration: none; } .pillsburyOnlineCommunity .ui-dialog.aksQuestionModal { width: 800px !important; } .pillsburyOnlineCommunity .ui-widget input, .pillsburyOnlineCommunity .ui-widget select, .pillsburyOnlineCommunity .ui-widget textarea, .pillsburyOnlineCommunity .ui-widget button { font-family: "Poppins", sans-serif; font-size: 14px; } .pillsburyOnlineCommunity #questionDialog { margin: 20px 0; } .pillsburyOnlineCommunity #questionDialog .categoryProduct { display: flex; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .category { width: 50%; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .category .categoryDropdown:after { right: 50px; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .category select { width: 90%; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .product { width: 50%; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .product input { width: 96%; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .product ul.noProductFound { width: 44.5%; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .product ul.noProductFound li { padding: 30px; } .pillsburyOnlineCommunity #questionDialog .categoryProduct .product .search-hints-container ul { width: 89%; } .pillsburyOnlineCommunity #questionDialog .userName { margin: 20px 0 0 -30px; } .pillsburyOnlineCommunity #questionDialog .userName .publicUsername #publicUsername { width: 40%; } .pillsburyOnlineCommunity #questionDialog .attachedMedia .uploader { width: 50%; height: 80px; } .pillsburyOnlineCommunity #questionDialog .submit { width: 15%; cursor: pointer; } .pillsburyOnlineCommunity #questionDialog .submit:hover { background: #0054a6; } .pillsburyOnlineCommunity .parentContainer { display: flex; } .pillsburyOnlineCommunity .parentContainer .pillsburySearchContainer { flex: 1; } .pillsburyOnlineCommunity .parentContainer .pillsburySearchContainer.applyActiveClass { background-color: #002f6d; z-index: 1004; } .pillsburyOnlineCommunity .parentContainer .pillsburySearchContainer { background-color: #002f6d; } .pillsburyOnlineCommunity .parentContainer .pillsburySearch { width: 1024px; margin: 0 auto; padding: 0; background-color: transparent; } .pillsburyOnlineCommunity .parentContainer .pillsburySearch .pillsburySearchInnerContainer { display: inline-flex; background-color: #002f6d; padding: 20px; width: 100%; } .pillsburyOnlineCommunity .parentContainer .pillsburySearch .pillsburySearchInnerContainer .pillsburySearchGlass:hover, .pillsburyOnlineCommunity .parentContainer .pillsburySearch .pillsburySearchInnerContainer .pillsburySearchText:hover { opacity: 1; } .pillsburyOnlineCommunity .parentContainer .pillsburySearch .pillsburySearchInnerContainer .pillsburyHintClose { opacity: 0.5; } .pillsburyOnlineCommunity .parentContainer .pillsburySearch .pillsburySearchInnerContainer .pillsburyHintClose:hover { opacity: 1; } .pillsburyOnlineCommunity .parentContainer .pillsburySearch .pillsburySearchInnerContainer .searchResultItem:hover { background-color: #f7f7f7; } .pillsburyOnlineCommunity .parentContainer .pillsburySearch .search-hints-container { width: 100%; margin-left: 0; } .pillsburyOnlineCommunity .parentContainer .pillsburySearch.applyFullWidthClass { background-color: #002f6d; } .pillsburyOnlineCommunity .parentContainer .pillsburySearch.applyFullWidthClass .pillsburySearchInnerContainer { width: 70%; } .pillsburyOnlineCommunity .parentContainer .pillsburySearch.applyFullWidthClass .pillsburyHintClose { cursor: pointer; } .pillsburyOnlineCommunity #questionDialog .closeQuestionDialog { cursor: pointer; } #pillsburySearchMainConatiner { position: static; } .communityDiscussions .parentContainer .pillsburySearch { margin: 0 auto; } .communityDiscussions .parentContainer .pillsburySearchContainer { flex: 1; } .communityDiscussions .parentContainer .pillsburySearchContainer { display: block; background-color: #002f6d; } .communityDiscussions .parentContainer .pillsburySearch { width: 1024px; margin: 0 auto; padding: 0; background-color: transparent; } .communityDiscussions .parentContainer .pillsburySearch .pillsburySearchInnerContainer { display: inline-flex; background-color: #002f6d; padding: 20px; } .communityDiscussions .parentContainer .pillsburySearch .pillsburySearchGlass { left: 35px; top: 35px; } .communityDiscussions .parentContainer .pillsburySearch ::placeholder { font-family: "Poppins", sans-serif; font-size: 16px; font-size: 1rem; color: #323c3f; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; opacity: 0.8; letter-spacing: 0; } .communityDiscussions .parentContainer .pillsburySearch .search-hints-container { width: 600px; left: 20px; } .communityDiscussions .parentContainer .pillsburySearch .search-hints-container .pillsburySearchGlass { left: 32px; top: 35px; } .communityDiscussions .parentContainer .pillsburySearch.applyFullWidthClass .pillsburySearchInnerContainer { width: 70%; } .communityDiscussions .parentContainer .pillsburySearch.applyFullWidthClass .pillsburyHintClose { cursor: pointer; opacity: 0.5; top: 35px; right: 105px; } .communityDiscussions .parentContainer .pillsburySearch.applyFullWidthClass .pillsburyHintClose:hover { opacity: 1; } .communityDiscussions #questionDialog .closeQuestionDialog { cursor: pointer; } .communityDiscussions .pillsburyHeader { position: relative; display: flex; flex-wrap: wrap; min-height: 225px; margin: 0 auto; padding-top: 20px; } .communityDiscussions .pillsburyHeader .filler { flex: 1; } .communityDiscussions .pillsburyHeader .titleSection { width: 1024px; display: flex; } .communityDiscussions .pillsburyHeader .titleSection .backLink a:hover { color: #2e91eb; opacity: 1; cursor: pointer; } .communityDiscussions .pillsburyHeader .titleSection .title { font-size: 2.5rem; line-height: 3.4375rem; width: auto; margin: 0 0 0 20px; } .communityDiscussions .pillsburyHeader .titleSection .subTitle { font-size: 1.125rem; line-height: 1.75rem; width: auto; margin: 0 0 0 20px; padding: 0; } .communityDiscussions .pillsburyHeader .titleSection .description { font-size: 1rem; line-height: 1.5rem; width: 85%; margin: 10px 0 0 20px; padding: 0; } .communityDiscussions .pillsburyHeader .titleSection .pillsburyLogo img { width: auto; } .communityDiscussions .pillsburyHeader .collage { flex: 1; width: auto; } .communityDiscussions .pillsburyHeader .collage .collageSection { width: auto; height: auto; top: -50px; } .communityDiscussions .pillsburyHeader .collage .collageSection img { width: 170px; } .communityDiscussions .trendsBackgroundContainer { position: relative; } .communityDiscussions .trendsBackgroundContainer .filler1 { background-color: #002f6d; } .communityDiscussions .trendsBackgroundContainer .filler2 { background-color: #002f6d; } .communityDiscussions .trendsBackgroundContainer .trendsBackground { background-color: #002f6d; } .communityDiscussions .trendsBackgroundContainer .trendsBackground .trends { max-width: 1000px; margin: 0 auto; } .communityDiscussions .trendsBackgroundContainer .trendsBackground .trends .slick-arrow { display: none; } .communityDiscussions .trendsBackgroundContainer .trendsBackground .trends .trend.slick-slide:hover { box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); cursor: pointer; } .communityDiscussions .trendsBackgroundContainer .trendsBackground .trends .trend.slick-slide:hover .details { color: #0074c1; } .communityDiscussions .trendsBackgroundContainer .trendsBackground .trends .trend:hover { cursor: pointer; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .communityDiscussions .trendsBackgroundContainer .trendsBackground .trends .trend:hover .details { color: #2e91eb; } .communityDiscussions .communityQuestionsContainer { display: flex; flex-wrap: wrap; width: 100%; } .communityDiscussions .communityQuestionsContainer .communityQuestionsFiller { flex: 1; background-color: #ffffff; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper { background-color: #ffffff; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .communityQuestionsHeader { padding: 30px 0 10px; max-width: 1024px; margin: 0 auto; display: flex; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .communityQuestionsHeader .header { width: 75%; margin-right: 30px; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .communityQuestionsHeader .header .title { width: auto; font-size: 1.75rem; line-height: 3.125rem; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .communityQuestionsHeader .header #search { margin-top: 10px; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters { background: #ffffff; display: flex; max-width: 1024px; margin: 0 auto; padding: 5px 0 0; font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter { display: inline-flex; width: 100%; margin-right: 10px; float: right; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .selectCategoryMenu { display: none; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .categories { box-shadow: none; display: block; position: relative; width: 75%; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .categories .categoriesContainer { display: inline-flex; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .categories .categoriesContainer .categoryList, .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .categories .categoriesContainer .defaultCategory { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; text-transform: uppercase; padding: 0; margin-right: 18px; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .categories .categoriesContainer .categoryList:hover, .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .categories .categoriesContainer .defaultCategory:hover { cursor: pointer; color: #fa6400; border-bottom: 3px solid #fa6400; padding-bottom: 10px; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .categories .categoriesContainer .active { color: #fa6400; border-bottom: 3px solid #fa6400; padding-bottom: 10px; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .categories .categoriesContainer .active:after { display: none; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .categories .productsFilter { display: inline-block; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .categories .productsFilter #products { background: #ffffff; border: none; font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; margin-right: 15px; text-transform: uppercase; cursor: pointer; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .categories .productsFilter #products:after { content: ''; float: right; padding: 0 10px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -780px -101px; height: 15px; margin: 6px 5px; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .categories .productsFilter .productsContainer { display: none; position: absolute; z-index: 1; background-color: #ffffff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25); } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .categories .productsFilter .productsContainer li { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; padding: 5px 35px 5px 30px; margin: 0; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .categories .productsFilter .productsContainer li:hover { cursor: pointer; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .categories .productsFilter .show { display: block; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .dropdownFilter { display: flex; margin: 5px 10px; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .dropdownFilter .orderFilterContainer { margin: 0 8px; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .dropdownFilter .orderFilterContainer .orderFilter { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; float: left; width: 160px; -webkit-appearance: none; -moz-appearance: none; border: none; text-transform: uppercase; cursor: pointer; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .dropdownFilter .orderFilterContainer .orderFilter::-ms-expand { display: none; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .dropdownFilter .orderFilterContainer:after { content: ''; float: right; padding: 0 10px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -780px -101px; height: 15px; margin: -14px -3px; pointer-events: none; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .dropdownFilter .orderFilterContainer .orderFilter[option] { background-color: #ffffff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25); padding: 5px 40px; margin: 0; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .dropdownFilter .pageLimitFilterContainer { margin: 0 8px; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .dropdownFilter .pageLimitFilterContainer .pageLimitFilter { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #002f6d; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; float: left; width: 110px; -webkit-appearance: none; -moz-appearance: none; border: none; text-transform: uppercase; cursor: pointer; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .dropdownFilter .pageLimitFilterContainer .pageLimitFilter::-ms-expand { display: none; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .categoryFilter .dropdownFilter .pageLimitFilterContainer:after { content: ''; float: right; padding: 0 10px; background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -780px -101px; height: 15px; margin: -14px -7px; pointer-events: none; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .filters .sortFilter { display: none; } .communityDiscussions .communityQuestionsContainer .communityQuestionsWrapper .separator { display: inline-block; background-color: #757575; height: 1px; opacity: 0.5; position: absolute; top: auto; left: 0px; right: 0px; } .communityDiscussions .loginContainer { margin: 20px -100% 15px; background-color: #0074c1; padding: 30px 20px; font-family: "Poppins", sans-serif; font-size: 20px; font-size: 1.25rem; color: #ffffff; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .communityDiscussions .loginContainer a { color: #002f6d; text-decoration: underline; } .communityDiscussions .loginContainer a:hover { cursor: pointer; } .communityDiscussions .categoryHeader { padding: 10px 0; margin-top: 10px; } .communityDiscussions .categoryHeader label { font-family: "Poppins", sans-serif; font-size: 22px; font-size: 1.375rem; color: #002f6d; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .communityDiscussions .categoryHeader .subscribeButton { padding: 10px; margin-top: -10px; font-family: "Poppins", sans-serif; font-size: 12px; font-size: 0.75rem; color: #0074c1; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .communityDiscussions .categoryHeader .subscribeButton:hover { cursor: pointer; } .communityDiscussions .communityQuestionsList { max-width: 1024px; margin: 0 auto; position: relative; } .communityDiscussions .communityQuestionsList .question { align-items: center; padding: 25px 30px; cursor: pointer; } .communityDiscussions .communityQuestionsList .question:hover { box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); } .communityDiscussions .communityQuestionsList .question:hover .title .titleText { color: #0074c1; } .communityDiscussions .communityQuestionsList .question .title { cursor: inherit; width: 88%; } .communityDiscussions .communityQuestionsList .question .title .titleText { font-family: "Poppins", sans-serif; font-size: 18px; font-size: 1.125rem; color: #002f6d; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; cursor: inherit; } .communityDiscussions .communityQuestionsList .question .title .categoryName { font-size: 12px; font-size: 0.75rem; cursor: inherit; } .communityDiscussions .communityQuestionsList .question .title .categoryName:hover { color: #0074c1; } .communityDiscussions .communityQuestionsList .question .comments .countText { display: inline-block; } .communityDiscussions .communityQuestionsList .question .comments .viewDetails { right: 15px; } .communityDiscussions .communityQuestionsList .noResults { margin: 130px 0 160px 0; } .communityDiscussions .communityQuestionsList .noResults .askButton { width: 20%; } .communityDiscussions .communityQuestionsList .noResults .askButton:hover { background-color: #002f6d; cursor: pointer; } .communityDiscussions .pagination button { font-family: "Poppins", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 11%; height: 30px; margin: 20px; border: 0; background: none; box-shadow: none; background-color: #0054a6; text-transform: uppercase; display: block; letter-spacing: 0.5px; font-weight: 700; display: block; cursor: pointer; } .communityDiscussions .pagination button:hover { background-color: #002f6d; } .communityDiscussions .pagination button[disabled] { background-color: #595d5d; opacity: 0.4; } .communityDiscussions .pagination > ul { margin-top: 23px; } .communityDiscussions .pagination > ul li:not(.active) a:hover { color: #002f6d; text-decoration: underline; } .communityDiscussions .pageNavigators { display: none; } .communityDiscussions .pillsburySearchPlaceHolderContainer { position: relative; padding: 0; } .communityDiscussions .menuOptions { position: relative; width: 1024px; margin: 0 auto; } .communityDiscussions .menuOptions .askButton { position: absolute; right: 0; top: -70px; margin: 0; } .communityDiscussions .menuOptions .askButton:hover { cursor: pointer; background: #0054a6; } .pillsburyProfessionalCommunity .communityDiscussions .parentContainer .pillsburySearch { margin-top: 0; background-color: #002f6d; } .pillsburyProfessionalCommunity .prod-menu { margin: 60px 0 0; background-color: white; padding: 15px 0; height: 50px; } .pillsburyProfessionalCommunity .prod-menu ul { width: 1024px; margin: 0 auto; } .pillsburyProfessionalCommunity .productsFeaturedContent { width: 1024px; margin: 0 auto; } .pillsburyProfessionalCommunity .productsFeaturedContent .collectionListItem { display: inline-block; width: 490px; padding: 0; margin: 50px 0; } .pillsburyProfessionalCommunity .productsFeaturedContent .collectionListItem:nth-child(2) { margin: 0 0 0 40px; } .pillsburyProfessionalCommunity .productsFeaturedContent .collectionListItem:nth-child(2) .li-description-wrapper { background-color: #00828a; margin-top: -5px; right: 0; padding-left: 0; position: relative; width: 100%; } .pillsburyProfessionalCommunity .productsFeaturedContent .collectionListItem .collection-list .li-img img { width: 100%; height: 100%; } .pillsburyProfessionalCommunity .productsFeaturedContent .collectionListItem .li-description-wrapper { background-color: #0074c1; margin: -5px 0px 0px 0px; position: relative; width: 100%; height: 140px; } .pillsburyProfessionalCommunity .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title { width: auto; height: 26px; letter-spacing: 1.45px; padding: 35px 30px; margin: 0; } .pillsburyProfessionalCommunity .productsFeaturedContent .collectionListItem .li-description-wrapper .li-title a { font-size: 2rem; line-height: 2.5rem; color: #ffffff; } .pillsburyProfessionalCommunity .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore { margin: 15px 30px; } .pillsburyProfessionalCommunity .productsFeaturedContent .collectionListItem .li-description-wrapper .learnmore a { color: #ffffff; } .pillsburyQuestionDetails { margin: 80px auto 0; } .pillsburyQuestionDetails .pillsburyHeader { margin: 0 auto; left: 0; } .pillsburyQuestionDetails .pillsburyHeader .filler { flex: 1; } .pillsburyQuestionDetails .pillsburyHeader .titleSection { width: 1024px; float: unset; } .pillsburyQuestionDetails .pillsburyHeader .titleSection .backLink a:hover { color: #2e91eb; opacity: 1; cursor: pointer; } .pillsburyQuestionDetails .pillsburyHeader .titleSection .backLink a:after { content: attr(data-desktopcontent); } .pillsburyQuestionDetails .pillsburyHeader .titleSection .questionDetails { display: block; } .pillsburyQuestionDetails .pillsburyHeader .titleSection .questionDetails .title { font-size: 2rem; line-height: 2.5rem; width: 60%; } .pillsburyQuestionDetails .pillsburyHeader .titleSection .questionDetails .description { width: 60%; } .pillsburyQuestionDetails .pillsburyHeader .titleSection .questionDetails .askedBy { text-transform: uppercase; } .pillsburyQuestionDetails .pillsburyHeader .titleSection .pillsburyLogo { display: block; margin: 20px 0 0 20px; } .pillsburyQuestionDetails .pillsburyHeader .noCollage { display: block; } .pillsburyQuestionDetails .pillsburyHeader .collage { position: relative; min-height: 500px; flex: 1; height: auto; } .pillsburyQuestionDetails .pillsburyHeader .collage .questionImage { top: 200px; right: 25%; width: 440px; height: 250px; margin: 0 auto; text-align: center; } .pillsburyQuestionDetails .pillsburyHeader .collage .questionImage img { width: auto; height: 250px; margin: 0 auto; text-align: center; } .pillsburyQuestionDetails .questionDetails { padding: 20px 40px 80px 20px; display: none; } .answerSection { position: relative; } .answerSection .answerQuestionButtonContainerWrapper { margin: 0 auto; display: flex; flex-wrap: wrap; width: 100%; left: 0; top: -50px; } .answerSection .answerQuestionButtonContainerWrapper .filler1 { flex: 1; background-color: #002f6d; height: 100px; } .answerSection .answerQuestionButtonContainerWrapper .filler2 { flex: 1; } .answerSection .answerQuestionButtonContainerWrapper .answerQuestionButton { width: 1024px; } .answerSection .answerQuestionButtonContainerWrapper .answerQuestionButton .answerQuestionButtonContainer { width: 400px; background-color: #002f6d; position: absolute; top: 0; } .answerSection .answerQuestionButtonContainerWrapper .answerQuestionButton .answerQuestionButtonContainer .answerQuestionButton p { margin: 30px 50px 30px 20px; } .answerSection .answerQuestionButtonContainerWrapper .answerQuestionButton .answerQuestionButtonContainer .answerQuestionButton p:hover { margin: 30px 50px 26px 20px; cursor: pointer; color: #ffffff; background-color: #002f6d; border: 2px solid #ffffff; } .answerSection .loginPromptContainer { width: 1024px; margin: 0 auto; } .answerSection .loginPromptContainer .loginPrompt { margin: 40px 0 60px; } .answerSection .loginPromptContainer .loginPrompt .background { width: 100%; height: 200px; } .answerSection .loginPromptContainer .loginPrompt .loginRedirectMessage { left: 60px; width: 32%; height: 250px; top: -30px; padding: 60px 40px; font-size: 1.25rem; line-height: 1.75rem; } .answerSection .loginPromptContainer .loginPrompt .loginRedirectMessage .joinNowLink:hover, .answerSection .loginPromptContainer .loginPrompt .loginRedirectMessage .loginLink:hover { cursor: pointer; color: #002f6d; } .answerSection .answerList { width: 1024px; margin: 0 auto 60px; } .answerSection .answerList .newAnswer { padding-top: 65px; } .answerSection .answerList .newAnswer textarea { width: 99%; } .answerSection .answerList ul { margin: 0 0 10px 20px; } .answerSection .answerList .newAnswer { margin: 0 auto; } .answerSection .answerList .userName { background-color: transparent; padding: 0; } .answerSection .answerList .userName .publicUsername #publicUsername { width: 25%; } .answerSection .answerList .submit button { width: 10%; cursor: pointer; } .answerSection .answerList .submit button[enabled]:hover { background-color: #002f6d; } .answerSection .answerList .submit button[disabled] { cursor: default; } .alertPreferencesPage .mainContainer .siteContainer .contentContainer .menuItems { display: block; width: 33%; } .alertPreferences { float: left; } .alertPreferences .header { padding-bottom: 5px; } .alertPreferences .header label { font-size: 1rem; line-height: 2rem; } .alertPreferences .main .updatePreference { text-align: left; padding-top: 15px; } .alertPreferences .main .updatePreference a:hover { background-color: #0054a6; cursor: pointer; } .alertPreferences .main .note { text-align: left; } .alertPreferences .main .note .notificationsNote:hover, .alertPreferences .main .note .confirmationLink:hover, .alertPreferences .main .note .cancelLink:hover { cursor: pointer; color: #0054a6; text-decoration: underline; } .profitabilityCalculatorContainer { padding-left: 40px; padding-right: 40px; } .profitabilityCalculatorContainer .recipeContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .profitabilityCalculatorContainer .recipeContainer .recipeListContent { padding-bottom: 50px; border-bottom: 1px solid #d8d8d8; } .profitabilityCalculatorContainer .recipeContainer .itemImage { padding: 40px 0 10px 0; } .profitabilityCalculatorContainer .recipeContainer .itemImage .seeRecipe { padding-right: 0; } .profitabilityCalculatorContainer .subHeader { padding-bottom: 30px; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer { display: flex; flex-wrap: wrap; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer { padding-top: 50px; flex: 0 0 49%; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .profitPerServing, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .profitPerServing, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .monthlyForecast, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .monthlyForecast { padding-left: 40px; padding-right: 5px; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItem, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItem, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItem, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItem { flex: 0 0 80%; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .profitPerServingColumn .profitPerServingItem .subItemNumber, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .profitPerServingItem .subItemNumber { flex: 0 0 20%; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastItem .subItem, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastItem .subItem { flex: 0 0 60%; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .profitPerServingContainer .recipeContainer .monthlyForecastItem .subItemNumber, .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .monthlyForecastContainer .recipeContainer .monthlyForecastItem .subItemNumber { flex: 0 0 30%; } .profitabilityCalculatorContainer .profitabilityCalculatorBottomContainer .footerNote { font-size: 18px; } /*@media (max-width: @breakpointMedium) { .profitabilityCalculatorContainer { padding-left: 10px; padding-right: 10px; .recipeContainer { .recipeListContent { flex: 0 0 49%; } } .profitabilityCalculatorBottomContainer { .monthlyForecastContainer { .monthlyForecast { padding-left: 10px; } } } } }*/ .k12profitabilityCalculatorContainer { margin: 20px 200px; } .k12profitabilityCalculatorContainer .k12CalculatorHeader { padding: 40px 24px 32px 24px; } .k12profitabilityCalculatorContainer .k12CalculatorHeader .title { font-family: "Roboto Slab", serif; font-size: 36px; font-size: 2.25rem; color: #ffffff; line-height: 50px; line-height: 3.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .k12profitabilityCalculatorContainer .k12CalculatorHeader .description { padding: 18px 148px 0px 148px; font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #ffffff; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .k12profitabilityCalculatorContainer .subHeader { padding-left: 12px; } .k12profitabilityCalculatorContainer .recipeContainer { display: flex; flex-wrap: wrap; } .k12profitabilityCalculatorContainer .k12CalculatorDetails { display: flex; flex-wrap: wrap; padding: 32px 6px 32px 12px; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer { width: 33%; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .productSelection, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .productSelection, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .productSelection, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .ProfitPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .ProfitPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .ProfitPerServing, .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .monthlyForecast, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .monthlyForecast, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .monthlyForecast { padding: 0 11px 0 11px; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .subHeaderFirstTwo, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .subHeaderFirstTwo, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .subHeaderFirstTwo { padding-bottom: 44px; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItemAvgDailyCost, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItemAvgDailyCost, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItemAvgDailyCost { padding-bottom: 52px; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit { display: flex; width: 100%; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue { padding-top: 10px; width: 33%; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perNumberValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perNumberValue, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perNumberValue { width: 100%; display: block; text-align: center; } .k12profitabilityCalculatorContainer .k12CalculatorDetails .productContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perServingday, .k12profitabilityCalculatorContainer .k12CalculatorDetails .profitPerServingContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perServingday, .k12profitabilityCalculatorContainer .k12CalculatorDetails .monthlyForecastContainer .recipeContainer .monthlyForecastColumn .monthlyForecastItem .subItemNumberEstimatedPerProfit .pervalue .perServingday { width: 100%; display: block; text-align: center; padding-left: 0px; } /*Need to be fixed for new design*/ .culinaryBlog .contentContainer { padding: 0 40px; } .culinaryBlog #main { width: 62%; float: left; } .culinaryBlog #right { width: 32.5%; display: flex; flex-wrap: wrap; margin: 40px auto 0; } .culinaryBlog #right .contentList.GMFSGalleryView, .culinaryBlog #right .contentList.GMFSListView { width: 85%; margin: 0 auto; } .culinaryBlog #right .contentList.GMFSGalleryView .contentListItems ul li.mainListItem, .culinaryBlog #right .contentList.GMFSListView .contentListItems ul li.mainListItem { width: 100%; padding: 0; margin: 0 0 10px 0; } .culinaryBlog #right .contentList.GMFSGalleryView .contentListItems ul li.mainListItem .li-img img, .culinaryBlog #right .contentList.GMFSListView .contentListItems ul li.mainListItem .li-img img { overflow: hidden; background-color: #e8e8e8; padding: 1px; } .culinaryBlog #right .contentList.GMFSGalleryView .contentListItems ul li.mainListItem p, .culinaryBlog #right .contentList.GMFSListView .contentListItems ul li.mainListItem p { font-family: "Roboto", sans-serif; font-size: 1.375rem; line-height: 1.375rem; padding: 4px 0 0; white-space: normal; word-wrap: break-word; color: #4b4b4b; margin: 0; } .culinaryBlog #right .contentList.GMFSGalleryView .contentListItems ul li.mainListItem p:hover, .culinaryBlog #right .contentList.GMFSListView .contentListItems ul li.mainListItem p:hover { text-decoration: none; color: #ce7014; } .culinaryBlog .contentList.GMFSGalleryView .contentListItems ul li.mainListItem, .culinaryBlog .contentList.GMFSListView .contentListItems ul li.mainListItem { width: 33%; } .culinaryBlog .actionToolbar.actionToolbarHorizontal { display: block; font-family: "Roboto", sans-serif; font-size: 20px; font-size: 1.25rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; border-bottom: 1px solid #a5b1d2; border-top: 1px solid #a5b1d2; margin: 0 0 1em 0; padding: 5px 0; } .pillsburyDiscountRegistration { margin: 0; } .pillsburyDiscountRegistration .header { text-align: center; } .pillsburyDiscountRegistration .header .title { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #fa6400; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1px; } .pillsburyDiscountRegistration .header .subHeader { padding: 10px 0; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .pillsburyDiscountRegistration .main { display: flex; padding: 20px 0 40px; } .pillsburyDiscountRegistration .main .pillsburyRegistrationContainer { width: 60%; border-right: 2px solid #757575; border-bottom: none; margin-top: 20px; } .pillsburyDiscountRegistration .main .pillsburyRegistrationContainer .RegistrationFlowContainer .RegistrationModuleContainer { padding: 0 40px; } .pillsburyDiscountRegistration .main .pillsburyRegistrationContainer .RegistrationFlowContainer .RegistrationModuleContainer .MemberBenifitsContainer { display: none; } .pillsburyDiscountRegistration .main .pillsburyRegistrationContainer .RegistrationFlowContainer .RegistrationModuleContainer .smallContainer { margin: 0; } .pillsburyDiscountRegistration .main .pillsburyRegistrationContainer .RegistrationFlowContainer .RegistrationModuleContainer .smallContainer .tabs { display: none; } .pillsburyDiscountRegistration .main .pillsburyRegistrationContainer .RegistrationFlowContainer .RegistrationModuleContainer .smallContainer .loginView { display: none !important; } .pillsburyDiscountRegistration .main .pillsburyRegistrationContainer .RegistrationFlowContainer .RegistrationModuleContainer .smallContainer #desktopRegistration { display: block !important; width: 100% !important; } .pillsburyDiscountRegistration .main .pillsburyRegistrationContainer .RegistrationFlowContainer .RegistrationModuleContainer .smallContainer #desktopRegistration .stepName { display: none; } .pillsburyDiscountRegistration .main .pillsburyRegistrationContainer .RegistrationFlowContainer .RegistrationModuleContainer .smallContainer #desktopRegistration p { margin: 0; } .pillsburyDiscountRegistration .main .pillsburyRegistrationContainer .RegistrationFlowContainer .RegistrationModuleContainer .smallContainer #desktopRegistration fieldset { margin: 0 auto; } .pillsburyDiscountRegistration .main #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .loginView, .pillsburyDiscountRegistration .main #registrationInPageContainer .RegistrationFlowContainer .RegistrationModuleContainer .MemberBenifitsContainer { display: none !important; } .pillsburyDiscountRegistration .main .memberBenefitsSection { width: 40%; text-align: center; padding: 0 0 20px; margin-top: 20px; } .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea h2 { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; margin: 20px 0 0; } .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .rebates, .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .myFavorites, .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .exclusiveSamples { margin-top: 40px; } .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .rebates .title, .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .myFavorites .title, .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .exclusiveSamples .title { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 10px; font-weight: 700; } .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .rebates .icon, .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .myFavorites .icon, .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .exclusiveSamples .icon { width: 22px; height: 22px; margin: auto; } .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .rebates .description, .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .myFavorites .description, .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .exclusiveSamples .description { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; margin: 0 80px; } .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .rebates > .icon { background: url('/GMFS/Assets/Images/icon-cyp-rebates.svg'); width: 22px; height: 22px; margin: auto; } .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .myFavorites > .icon { background: url('/GMFS/Assets/Images/icon-cyp-favorites.svg'); width: 22px; height: 18px; margin: auto; } .pillsburyDiscountRegistration .main .memberBenefitsSection .richTextArea .exclusiveSamples > .icon { background: url('/GMFS/Assets/Images/icon-cyp-samples.svg'); margin: auto; } .pillsburyDiscountRegistration .main .promotionsButton:hover { background-color: #0054a6; } .thankYouContent .header img { padding: 20px; } .thankYouContent .header .subHeader { padding: 10px 80px; } .thankYouContent .main { padding: 30px 20px; width: 300px; margin: 0 auto; } .thankYouContent .main .redeemButton:hover { background-color: #0054a6; } .thankYouContent .footer { padding: 0 80px 30px; } .webinar .contentContainer { max-width: 100vw; } .webinar .contentContainer .webinarCeuDescriptionImage { width: 79%; height: 62px; } .webinar .contentContainer .innerContainer { width: 70%; margin: 0 auto; } .webinar .contentContainer .innerContainer .whiteContainer { background-color: #ffffff; } .webinar .contentContainer .innerContainer #whiteContainer3 { padding-bottom: 30px; } .webinar .contentContainer .blurHeaderContainer .blurHeaderImage, .webinar .contentContainer .blurHeaderContainer .blurHeaderVideo { height: 300px; } .webinar .contentContainer div.titleForImage { top: -260px; } .webinar .contentContainer div.titleForImage, .webinar .contentContainer div.titleForVideo { padding: 0 200px; top: -260px; } .webinar .contentContainer div.titleForImage span, .webinar .contentContainer div.titleForVideo span { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #ffffff; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .webinar .contentContainer div.titleForVideo .downloadPresentation:hover { background-color: #0054a6; color: #ffffff; } .webinar .contentContainer .prod-menu .menu-items li a:link:hover, .webinar .contentContainer .prod-menu .menu-items li a:visited:hover { text-decoration: underline; } .webinar .contentContainer .webinarDetails { width: 700px; padding: 0; } .webinar .contentContainer .webinarDetails .webinarCeuDetails .webinarCeuDescription { margin: 0; } .webinar .contentContainer .webinarDetails .webinarCeuDetails .webinarCeuDescription .webinarDescription a:hover { color: #0054a6; text-decoration: underline; } .webinar .contentContainer .webinarDetails .webinarCeuDetails .webinarCeuDescription .webinarDescription a:hover .ceu a:hover { color: #0054a6; text-decoration: underline; } .webinar .contentContainer .mainCenterImage, .webinar .contentContainer .mainCenterVideo { margin: -230px auto 0; width: 700px; height: 395px; } .webinar .contentContainer .mainCenterImage .webinarx .resumeVideo, .webinar .contentContainer .mainCenterVideo .webinarx .resumeVideo { padding: 134px 0; } .webinar .contentContainer .mainCenterImage .webinarx .webinarComplete, .webinar .contentContainer .mainCenterVideo .webinarx .webinarComplete { text-align: center; background: #ffffff; padding: 30px 0 0 0; } .webinar .contentContainer .mainCenterImage .webinarx .webinarComplete .webinarCeuDescriptionImage, .webinar .contentContainer .mainCenterVideo .webinarx .webinarComplete .webinarCeuDescriptionImage { width: 12%; } .webinar .contentContainer .mainCenterImage .webinarx .webinarComplete .centerAlign, .webinar .contentContainer .mainCenterVideo .webinarx .webinarComplete .centerAlign { margin: 0px auto 20px; } .webinar .contentContainer .mainCenterImage .webinarx .webinarComplete h3, .webinar .contentContainer .mainCenterVideo .webinarx .webinarComplete h3 { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #0054a6; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 1.27px; text-align: center; } .webinar .contentContainer .mainCenterImage .webinarx .webinarComplete .downloadPDFBlue:hover, .webinar .contentContainer .mainCenterVideo .webinarx .webinarComplete .downloadPDFBlue:hover { background-color: #0054a6; cursor: pointer; } .webinar .contentContainer .mainCenterImage .webinarx .webinarComplete .reWatchlink, .webinar .contentContainer .mainCenterVideo .webinarx .webinarComplete .reWatchlink { cursor: pointer; } .webinar .contentContainer .mainCenterImage .loginNowCircle, .webinar .contentContainer .mainCenterVideo .loginNowCircle, .webinar .contentContainer .mainCenterImage .registrationCircle, .webinar .contentContainer .mainCenterVideo .registrationCircle, .webinar .contentContainer .mainCenterImage .registrationCompleteCircle, .webinar .contentContainer .mainCenterVideo .registrationCompleteCircle { left: -135px; top: 140px; position: relative; width: 120px; height: 120px; } .webinar .contentContainer .mainCenterImage .loginNowCircle:hover, .webinar .contentContainer .mainCenterVideo .loginNowCircle:hover, .webinar .contentContainer .mainCenterImage .registrationCircle:hover, .webinar .contentContainer .mainCenterVideo .registrationCircle:hover, .webinar .contentContainer .mainCenterImage .registrationCompleteCircle:hover, .webinar .contentContainer .mainCenterVideo .registrationCompleteCircle:hover { cursor: pointer; } .webinar .contentContainer .mainCenterImage .loginNowCircle span, .webinar .contentContainer .mainCenterVideo .loginNowCircle span, .webinar .contentContainer .mainCenterImage .registrationCircle span, .webinar .contentContainer .mainCenterVideo .registrationCircle span, .webinar .contentContainer .mainCenterImage .registrationCompleteCircle span, .webinar .contentContainer .mainCenterVideo .registrationCompleteCircle span { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .webinar .contentContainer .mainCenterImage .loginNowCircle span.registrationButtonText:after, .webinar .contentContainer .mainCenterVideo .loginNowCircle span.registrationButtonText:after, .webinar .contentContainer .mainCenterImage .registrationCircle span.registrationButtonText:after, .webinar .contentContainer .mainCenterVideo .registrationCircle span.registrationButtonText:after, .webinar .contentContainer .mainCenterImage .registrationCompleteCircle span.registrationButtonText:after, .webinar .contentContainer .mainCenterVideo .registrationCompleteCircle span.registrationButtonText:after { line-height: 22px; } .webinar .contentContainer .mainCenterImage .registrationCircle:hover, .webinar .contentContainer .mainCenterVideo .registrationCircle:hover, .webinar .contentContainer .mainCenterImage .loginNowCircle:hover, .webinar .contentContainer .mainCenterVideo .loginNowCircle:hover { background-color: #0074c1; } .webinar .contentContainer .mainCenterVideo { margin: -230px auto 0; } .webinar .contentContainer .selectedTab { display: none; } .webinar .contentContainer .tabs { padding: 20px 0 40px; max-width: 1024px; margin: 10px auto 0; border: none; } .webinar .contentContainer .tabs li { display: inline; width: 25%; margin: 20px 20px 0 10px; padding: 10px 0 5px 0; cursor: pointer; } .webinar .contentContainer .tabs li a { font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .webinar .contentContainer .tabs li a:hover { color: #fa6400; text-decoration: none; } .webinar .contentContainer .tabs li.activeTab { background-color: transparent; border-bottom: 3px solid #fa6400; } .webinar .contentContainer .tabs li.activeTab a { color: #fa6400; } .webinar .contentContainer .contentList.GMFSGalleryView { max-width: 1024px; margin: 0 auto; } .webinar .contentContainer .contentList.GMFSGalleryView ul.list-item-grid { padding: 0 2%; } .webinar .contentContainer .contentList.GMFSGalleryView ul.list-item-grid li.mainListItem { width: 25%; } .webinar .contentContainer .contentList.GMFSGalleryView .contentListMoreButton { width: 23%; } .webinar .contentContainer .contentList.GMFSGalleryView .contentListMoreButton:hover { background-color: #0054a6; color: #ffffff; } .webinar .contentContainer .contentList.allRebates { max-width: 1024px; margin: -25px auto 30px; } .webinar .contentContainer .contentList.allRebates ul.list-item-grid li.rebateList { width: 30%; height: 450px; margin: 10px; } .webinar .contentContainer .contentList.allRebates ul.list-item-grid li.rebateList div.li-img { width: 100%; } .webinar .contentContainer .contentList.allRebates ul.list-item-grid li.rebateList div.li-img img { width: 100%; } .webinar .contentContainer .contentList.allRebates ul.list-item-grid li.rebateList .descriptionContainer { padding: 15px; } .webinar .contentContainer .contentList.allRebates ul.list-item-grid li.rebateList .properties.ProductNumber, .webinar .contentContainer .contentList.allRebates ul.list-item-grid li.rebateList .buyNowRetailerWrapper { display: none; } .webinar .contentContainer .contentList.allRebates .contentListMoreButton { width: 22%; } .webinar .contentContainer .video-js { width: 700px; height: 395px; } .notFound404 .mainContainer .siteContainer .contentContainer #notFound img { height: auto; } .notFound404 .mainContainer .siteContainer .contentContainer #notFound #textWrapper #header { margin-top: 65px; } .notFound404 .mainContainer .siteContainer .contentContainer #notFound #textWrapper #headerText { padding: 10px 0px; } .siteMapPage { background-color: #ffffff; } .siteMapPage .sitemap_wrapper { width: 100%; } .siteMapPage .sitemap_wrapper h2 { font-family: "Roboto", sans-serif; font-size: 22px; font-size: 1.375rem; color: #fa6400; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .siteMapPage .sitemap_wrapper .sitemap_bottom { padding: 20px; width: 25%; float: left; } .siteMapPage .sitemap_wrapper .sitemap_bottom h4 a { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; letter-spacing: 0.5px; } .siteMapPage .sitemap_wrapper .sitemap_bottom h4 a:hover { color: #0074c1; cursor: pointer; } .siteMapPage .sitemap_wrapper .sitemap_bottom ul li { padding: 5px 0; } .siteMapPage .sitemap_wrapper .sitemap_bottom ul li a { font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; letter-spacing: 0.5px; } .siteMapPage .sitemap_wrapper .sitemap_bottom ul li a:hover { color: #0074c1; text-decoration: underline; cursor: pointer; } .shopNow #siteHeader { max-width: 1100px !important; } .shopNow #siteHeader .simpleNavigationWrapper { width: 1100px; } .shopNow #siteHeader .simpleNavigationWrapper .primary-nav-list { max-width: 1100px; } .shopNow #siteHeader #siteHeaderSearch .siteHeaderSearchWrapper .search-box-hints .search-hint-container { width: 1100px; left: -304px; } .shopNow #anonymousLarge { margin-right: 10px; } .shopNow .shopNowProductCategoryFacetContainer ul { display: flex; flex-wrap: wrap; justify-content: space-between; justify-content: space-evenly; padding: 20px 10px; overflow-x: hidden; } .shopNow .shopNowProductCategoryFacetContainer li { width: auto; padding: 20px 0; } .shopNow .shopNowProductCategoryFacetContainer li:hover .li-img img { cursor: pointer; transform: scale(1.1); } .shopNow .shopNowProductCategoryFacetContainer li:hover .li-title { cursor: pointer; color: #fa6400; border-bottom: 2px solid #fa6400; padding-bottom: 5px; margin-bottom: -10px; } .shopNow .contentList .filterBy { display: none; } .shopNow .contentList .facetsPlaceHolderContainer { display: flex; position: absolute; flex-wrap: wrap; width: 100%; left: 0; } .shopNow .contentList .facetsPlaceHolderContainer .filler { flex: 1; background-color: #f7f7f7; } .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder { width: 1100px !important; margin: 0 auto; display: block; } .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .clearFacetsSelection { display: none !important; } .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .contentListDropdown { position: inherit; overflow: hidden; width: 100%; height: 100%; z-index: 0; } .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .contentListDropdown .filterHeader { display: none; } .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer { display: flex !important; padding: 20px; background-color: #f7f7f7; } .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer { margin-right: 20px; } .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer button { border-radius: 3px; border: 1px solid #757575; width: auto; padding: 10px 0 10px 10px; } .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer button:hover { border: 1px solid #3b3b3b; } .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer button .groupName { font-size: 12px; font-size: 0.75rem; margin: 0; } .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer button .groupName:after { width: 15px; height: 15px; content: ' '; float: right; padding: 0px 10px 0 16px; margin-top: 3px; background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -173px -28px; } .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer button .filterCount, .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer button .filterExpand, .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer button .filterHide, .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer button .filterShow { display: none; } .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .facetsDropdown { position: absolute; padding-top: 20px; } .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .facetsDropdown ul { max-height: 300px; overflow: auto; -ms-overflow-style: none; } .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .facetsDropdown ul::-webkit-scrollbar { display: none; } .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .clearFilterSection { display: flex; padding: 20px; margin-top: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 6px; } .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .clearFilterSection .filterSummary { width: 50%; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; } .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .clearFilterSection a { width: 50%; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; text-align: right; cursor: pointer; } .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .shopNowContentListFacetContainer .clearFilterSection a:hover { text-decoration: underline; cursor: pointer; } .shopNow .contentList .facetsPlaceHolderContainer .facetsPlaceHolder .filterDone { display: none; } .shopNow .contentList .selectedFacetsContainer { max-width: none; overflow: hidden; padding-top: 100px; } .shopNow .contentList .selectedFacetsContainer .selectedFacet { float: left; } .shopNow .contentList .shopNowSortFiltering { display: flex; margin: 20px; border: none; } .shopNow .contentList .shopNowSortFiltering .productCountDesktop { display: block; width: 18%; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; align-self: center; } .shopNow .contentList .shopNowSortFiltering .waysToShop { display: flex; width: 72%; align-self: center; overflow: hidden; } .shopNow .contentList .shopNowSortFiltering .waysToShop .waysToShopFilter { width: 100%; overflow: hidden; } .shopNow .contentList .shopNowSortFiltering .waysToShop .waysToShopFilter ul li { width: 32%; margin: 0; } .shopNow .contentList .shopNowSortFiltering .shopNowSortingViewResult { width: 20%; text-align: right; display: block; align-self: center; } .shopNow .contentList .shopNowSortFiltering .shopNowSortingViewResult .shopNowSortingViewResultTitle { display: inline-block; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; font-weight: 700; vertical-align: middle; } .shopNow .contentList .shopNowSortFiltering .shopNowSortingViewResult .shopNowMenuSearchMenu { display: inline-block; margin-left: 20px; } .shopNow .contentList .shopNowSortFiltering .shopNowSortingViewResult .shopNowMenuSearchMenu button { border: 1px solid #757575; padding: 10px 0 10px 10px; background-color: #ffffff; width: 100%; border-radius: 3px; } .shopNow .contentList .shopNowSortFiltering .shopNowSortingViewResult .shopNowMenuSearchMenu button:hover { border: 1px solid #3b3b3b; } .shopNow .contentList .shopNowSortFiltering .shopNowSortingViewResult .shopNowMenuSearchMenu button span { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; letter-spacing: 0.5px; } .shopNow .contentList .shopNowSortFiltering .shopNowSortingViewResult .shopNowMenuSearchMenu button:after { width: 15px; height: 15px; content: ' '; float: right; padding: 0px 10px 0 16px; margin-top: 3px; background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -173px -28px; pointer-events: none; } .shopNow .contentList .shopNowSortFiltering .shopNowSortingViewResult .shopNowMenuSearchMenu .shopNowSortResultView { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px; background-color: #ffffff; margin-top: 5px; position: absolute; width: 10%; z-index: 1; } .shopNow .contentList .shopNowSortFiltering .shopNowSortingViewResult .shopNowMenuSearchMenu .shopNowSortResultView li { font-family: "Roboto", sans-serif; font-size: 12px; font-size: 0.75rem; color: #3b3b3b; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; letter-spacing: 0.5px; text-align: left; padding: 10px 40px 10px 20px; float: left; width: 100%; margin: 0; cursor: pointer; } .shopNow .contentList .shopNowSortFiltering .shopNowSortingViewResult .shopNowMenuSearchMenu .shopNowSortResultView li a { display: block; } .shopNow .contentList .productCountMobile { display: none; } .shopNow .contentList .sortFiltering { display: none; } .shopNow .contentList .stickyTop { position: fixed; top: 0; z-index: 1; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li { margin: 0 10px 40px; width: 200px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .li-img img { height: 200px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer { height: 350px; padding: 16px 25px 34px 30px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .buyNowCloseButton:hover { cursor: pointer; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer ul { display: flex; white-space: nowrap; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer ul .onlineRetailers { max-width: 520px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer ul li { width: 130px; padding: 5px 0; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer ul li.lastOnlineRetailer { width: 420px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorList { width: 250px; height: auto; margin-left: 25px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorList .findDistributorPositionContainer { top: 50px; right: 30px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorList .findDistributor { position: relative; margin: 0; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorList .findDistributor:before { content: ""; background-color: #757575; position: absolute; width: 341px; height: 1px; top: -25px; left: 0px; display: block; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorList .findDistributor .findDistributorLabel { position: absolute; top: -10px; margin-left: 50px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorList .findDistributor .action { margin: 0px 0px 0 36px; width: 220px; height: 105px; padding-top: 5px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .buyNowRetailerWrapper .buyNowRetailer .findDistributorList .findDistributor .action .inputWrapper { background-color: #f7f7f7; padding: 30px; margin-top: 10px; } .shopNow .GMFSShopNowProductGalleryView .contentListItems ul li .inner .myFavorite:hover div span { background: url(/GMFS/Assets/Images/icon-sprite-v2.svg) no-repeat -224px -25px; background-color: #ffffff; opacity: 1; } .shopNow .GMFSShopNowProductGalleryView .contentListMoreButton { width: 180px; margin: 20px auto; } .magazineContainer.twoColumnMagazineLayout { display: inline-block; margin: 0 0 20px 0; } .magazineContainer .magazineSection .magazineBackground { width: 650px; height: 500px; } .magazineContainer .magazineSection #magazine { margin: 20px 0; } .magazineContentSection { padding: 0 0 0 20px; display: inline-block; vertical-align: top; overflow-wrap: break-word; word-break: break-word; } .magazineContentSection .magazineHeader { font-size: 1.75rem; line-height: 2.5rem; } .magazineContentSection .downloadMagazine a:hover { background-color: #002f6d; } .productdetail #FrequentlyPurchasedTogetherBox { height: auto; margin: 40px 0; padding-bottom: 25px; } .productdetail #FrequentlyPurchasedTogetherBox .gallery-header { margin: 28px 0; font-size: 18px; font-size: 1.125rem; } .productdetail #FrequentlyPurchasedTogetherBox .container { width: 1240px; margin: 0 auto; } .productdetail #FrequentlyPurchasedTogetherBox .contentListItems { overflow-x: hidden; } .productdetail #FrequentlyPurchasedTogetherBox ul { display: flex; white-space: normal; width: 100vw; margin: 0 -10px; } .productdetail #FrequentlyPurchasedTogetherBox ul li.mainListItem { margin: 0 10px; width: 230px; height: auto; min-height: 260px; } .productdetail #FrequentlyPurchasedTogetherBox ul li.mainListItem .badge { display: block; } .productdetail #FrequentlyPurchasedTogetherBox ul li.mainListItem p { height: 102px; padding: 15px; font-size: 14px; font-size: 0.875rem; } .productdetail #FrequentlyPurchasedTogetherBox ul li.mainListItem p sup { font-size: 10px; font-size: 0.625rem; } .productdetail #FrequentlyPurchasedTogetherBox ul .li-img img { height: 128px; } .productdetail .actionToolbar.actionToolbarVertical { display: none; } .productdetail .actionToolbarScrollBox { display: none; } .Distributor #FrequentlyPurchasedTogetherBox { margin: 0px; } .Distributor #FrequentlyPurchasedTogetherBox .GMFSRelatedContentView .container, .Distributor #FrequentlyPurchasedTogetherBox contentList .container { width: 1100px; } .Distributor #FrequentlyPurchasedTogetherBox .GMFSRelatedContentView .container .contentListItems, .Distributor #FrequentlyPurchasedTogetherBox contentList .container .contentListItems { overflow: hidden; } .Distributor #FrequentlyPurchasedTogetherBox .GMFSRelatedContentView .container .contentListItems ul li, .Distributor #FrequentlyPurchasedTogetherBox contentList .container .contentListItems ul li { width: 200px; height: 260px; } #productInfo .pdpContainer { width: 1240px; margin: 0 auto; } #productInfo #pdpTab { display: block; background-color: #ffffff; border-top: 2px solid rgba(216, 217, 218, 0.4); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.19); } #productInfo #pdpTab.sticky { top: 70px; right: 0; left: 0; z-index: 2; border-width: 0; } #productInfo #pdpTab .nav { display: flex; flex-wrap: wrap; list-style: none; justify-content: space-between; width: 1240px; margin: 0 auto; } #productInfo #pdpTab .nav li.item { padding: 18px 0; } #productInfo #pdpTab .nav li.item.active { border-bottom: 4px solid #0074c1; } #productInfo #pdpTab .nav li.item.active .sectionLink { color: #0074c1; } #productInfo #pdpTab .nav .sectionLink { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; padding: 10px 0; font-weight: 700; letter-spacing: 0.5px; text-align: center; } #productInfo #pdpTab .nav .sectionLink:hover { color: #0074c1; } #productInfo #pdpTab .nav .sectionLink[href='#ShopNowSection'] { font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-size: 0.875rem; color: #00a839; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; box-sizing: border-box; border: 1px solid #00a839; border-radius: 3px; padding: 10px; } #productInfo #pdpTab .nav .sectionLink[href='#ShopNowSection']:hover { background-color: #00a839; color: #ffffff; } #productInfo #bottomContainer { width: 100%; background-color: #f7f7f7; padding-bottom: 40px; } #productInfo #accordion .accordionHeader, #productInfo #accordionK12 .accordionHeader { display: none; } #productInfo #accordion .nutritionInfo .oneColumn #nutritionPercentages, #productInfo #accordionK12 .nutritionInfo .oneColumn #nutritionPercentages, #productInfo #accordion .nutritionInfo .twoColumn #nutritionPercentages, #productInfo #accordionK12 .nutritionInfo .twoColumn #nutritionPercentages, #productInfo #accordion .nutritionInfo .threeColumn #nutritionPercentages, #productInfo #accordionK12 .nutritionInfo .threeColumn #nutritionPercentages, #productInfo #accordion .nutritionInfo .fourColumn #nutritionPercentages, #productInfo #accordionK12 .nutritionInfo .fourColumn #nutritionPercentages { overflow-x: hidden; } #productInfo #accordion .nutritionInfo .oneColumn .arrow, #productInfo #accordionK12 .nutritionInfo .oneColumn .arrow, #productInfo #accordion .nutritionInfo .twoColumn .arrow, #productInfo #accordionK12 .nutritionInfo .twoColumn .arrow, #productInfo #accordion .nutritionInfo .threeColumn .arrow, #productInfo #accordionK12 .nutritionInfo .threeColumn .arrow, #productInfo #accordion .nutritionInfo .fourColumn .arrow, #productInfo #accordionK12 .nutritionInfo .fourColumn .arrow { display: none; } #productInfo #accordion .nutritionInfo .oneColumn .MissingDataMessage a:hover, #productInfo #accordionK12 .nutritionInfo .oneColumn .MissingDataMessage a:hover, #productInfo #accordion .nutritionInfo .twoColumn .MissingDataMessage a:hover, #productInfo #accordionK12 .nutritionInfo .twoColumn .MissingDataMessage a:hover, #productInfo #accordion .nutritionInfo .threeColumn .MissingDataMessage a:hover, #productInfo #accordionK12 .nutritionInfo .threeColumn .MissingDataMessage a:hover, #productInfo #accordion .nutritionInfo .fourColumn .MissingDataMessage a:hover, #productInfo #accordionK12 .nutritionInfo .fourColumn .MissingDataMessage a:hover { color: #0074c1; } #productInfo .productDetailSection { background-color: #0054a6; padding: 40px 0; margin-bottom: 40px; } #productInfo .productDetailSection .productDetailSectionBox { background-color: #ffffff; padding: 20px; } #productInfo .productDetailSection .productInformation { display: flex; } #productInfo .productDetailSection .productDetailInformation { margin: 0 0 0 30px; overflow: hidden; } #productInfo .productDetailSection .productSampleImage { margin: 10px 10px 10px -50px; box-sizing: border-box; min-width: 370px; width: 370px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background-color: #ffffff; } #productInfo .productDetailSection .productSampleImage.loading img { height: 260px; } #productInfo .productDetailSection .productSampleImage img { display: block; margin: 0 auto; } #productInfo .productDetailSection .productSpecification { margin-right: 12%; } #productInfo .productDetailSection .productSpecification ul.productSpecificationAttributes { display: flex; flex-wrap: wrap; } #productInfo .productDetailSection .productSpecification ul.productSpecificationAttributes li { width: 50%; } #productInfo .productDetailSection .productSpecification ul.productSpecificationAttributes li:last-child { margin-left: auto; } #productInfo .productDetailSection .productSpecification ul.productSpecificationAttributes label { width: inherit; max-width: 130px; } #productInfo #NutritionIngredientsSection { display: inline-block; } #productInfo table { width: 100%; } #productInfo .pdpSection:not(.productDetailSection) { width: 600px; margin: 20px 0; } #productInfo #RelatedProductsSection { width: 100%; } #productInfo #Reviews { background-color: #ffffff; } #productInfo #Reviews.pdpSection { width: 1240px; margin: auto; } #productInfo #Reviews .bv-action-bar { margin: 30px 40px !important; } #productInfo #Reviews .bv-control-bar { margin: auto 20px !important; padding: 0 10px !important; } #productInfo #Reviews .bv-content-list-container .bv-content-list .bv-content-item { margin: auto 0px !important; padding: 30px !important; } #productInfo .rightSection { display: inline-block; vertical-align: top; } #productInfo #NutritionIngredients { display: inline-block; } #productInfo .pdpCard { border-top: 6px solid #0054a6; background-color: #ffffff; padding: 20px 40px; vertical-align: top; } #productInfo .ingredientAllergenCard, #productInfo .prepInstrutionCard, #productInfo .relatedResourcesCard { margin-left: 40px; } #productInfo .cardTitle, #productInfo .relatedResourcesCard .GMFSGalleryView .gallery-header { font-family: "Roboto Slab", serif; font-size: 22px; font-size: 1.375rem; color: #0054a6; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; vertical-align: top; padding: 10px 0; display: block; } #productInfo .relatedResourcesCard .GMFSGalleryView .mainListItem { margin-top: 10px; } #productInfo #accordionK12 .regulatorySection { width: auto; margin: 0 9.5%; padding: 0; display: grid !important; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 1.67%; background: none; } #productInfo #accordionK12 .regulatorySection .leftPart { grid-column: 1; grid-row-start: 1; grid-row-end: 3; } #productInfo #accordionK12 .regulatorySection .leftPart .pdpSection { margin: 32px 0; width: unset !important; } #productInfo #accordionK12 .regulatorySection .leftPart .pdpSection .pdpCard .k12RegReadyDocumentCard { border-top: 6px solid #0054a6; background-color: #ffffff; padding: 20px 40px; vertical-align: top; } #productInfo #accordionK12 .regulatorySection .leftPart .pdpSection .pdpCard .k12RegReadyDocumentCard .cardBody .GMFSGalleryView .li-text a { display: flex; align-items: center; color: #0054a6; font-weight: 600; margin-top: 10px; } #productInfo #accordionK12 .regulatorySection .leftPart .pdpSection .pdpCard .k12RegReadyDocumentCard .cardBody .GMFSGalleryView .li-text a:hover:before { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -788px -1px; } #productInfo #accordionK12 .regulatorySection .leftPart .k12Table { background: #ffffff; padding: 24px; } #productInfo #accordionK12 .regulatorySection .leftPart .k12Table .regulatoryTitle { margin-bottom: 24px; font-weight: 400; font-family: "Roboto Slab", serif; font-size: 22px; font-size: 1.375rem; color: #0054a6; line-height: 27px; line-height: 1.6875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } #productInfo #accordionK12 .regulatorySection .leftPart .k12Table .regulatoryContainer { margin: unset; } #productInfo #accordionK12 .regulatorySection .rightPart { grid-column: 2; height: auto; } #productInfo #accordionK12 .regulatorySection .rightPart .pdpSection { margin: 32px 0; width: unset; } #productInfo #accordionK12 .regulatorySection .rightPart .pdpSection .pdpCard { margin: 0; } #productInfo #accordionK12 #ProductDetailsSection { background-color: #0054a6 !important; } #productInfo #accordionK12 #ProductDetailsSection .productDetailSectionBox { width: unset; max-width: 86%; } #productInfo #accordionK12 #nutriIngredient { width: auto; margin: 0 9.5%; display: grid !important; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; gap: 1.67%; background: none; } #productInfo #accordionK12 #nutriIngredient #NutritionIngredientsSection { margin: 32px 0; width: unset !important; } #productInfo #accordionK12 #nutriIngredient #NutritionIngredientsSection .nutritionFactsCard { padding: 24px; } #productInfo #accordionK12 #nutriIngredient .rightSection { width: unset; flex: 1; } #productInfo #accordionK12 #nutriIngredient .rightSection #PrepInstructionsSection { margin: 32px 0; width: unset; } #productInfo #accordionK12 #nutriIngredient .rightSection #PrepInstructionsSection .prepInstrutionCard { margin: 0; padding: 24px 40px; } #productInfo #accordionK12 #nutriIngredient .rightSection #ResourcesSection { width: unset !important; } #productInfo #accordionK12 #nutriIngredient .rightSection #ResourcesSection .relatedResourcesCard { margin: 0; } #productInfo #accordionK12 #nutriIngredient .rightSection .pdpSection { width: auto; margin: 32px 0; } #productInfo #accordionK12 #nutriIngredient .rightSection .pdpSection .pdpCard { margin: 0 auto; } .productdetail .prodSpecification a:hover:before, .productdetail .relatedResourcesCard .GMFSGalleryView .li-text a:hover:before { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -788px -1px; } .productdetail .prodSpecification a:hover:before, .productdetail .relatedResourcesCard .GMFSGalleryView .li-text a:hover:before { background: url(/-/media/images/Site/icon-sprite.ashx?sc_lang=en) no-repeat -788px -1px; } .margin-top15 { margin-top: 15px; } .helpCenterPage .helpCenterSections { position: relative; margin: 0 auto; } .helpCenterPage .prod-menu { margin: 10px auto; max-width: 1024px; } .helpCenterPage .pageTitle { margin: 0 auto; max-width: 1024px; } .helpCenterPage .container { position: relative; max-width: 1024px; margin: 0 auto; display: block; } .helpCenterPage .section { display: inline-block; width: 65%; margin-left: 0; } .helpCenterPage .section .sectionDescription { display: block; } .helpCenterPage .section .sectionIcon { display: inline-block; vertical-align: middle; } .helpCenterPage .section .sectionIconRight { display: inline-block; vertical-align: middle; } .helpCenterPage .section .sectionTitle { font-size: 20px; font-size: 1.25rem; } .helpCenterPage .section .sectionBody .contentTitle { font-size: 16px; font-size: 1rem; } .helpCenterPage .section .sectionBody .contentTitle:hover { text-decoration: underline; color: #0074c1; } .helpCenterPage .section .sectionBody .contentTitle:hover .arrow { border-color: #0074c1; } .helpCenterPage .section.right { text-align: left; margin-left: 20px; width: 320px; vertical-align: top; } .helpCenterPage .section.right .sectionBody { padding-bottom: 0; } .helpCenterPage .section.right .sectionBody .sectionHeader { display: flex; } .helpCenterPage .section.right .sectionBody .sectionHeader .sectionIcon { margin: 5px 15px 0 0; display: inline-block; } .contactaSalesRepForm .step1, .contactaSalesRepForm .step2, .contactaSalesRepForm .step3 { width: 60%; } .contactaSalesRepForm label.radio { width: auto; } .contactaSalesRepForm .step2 .centerButton { text-align: center; display: flex; width: 100%; flex-direction: inherit; } .contactaSalesRepForm .step2 .centerButton a.button { order: 1; width: auto; width: 30%; display: inline-block; margin: 0 30px 0 10px; } .contactaSalesRepForm .step2 .centerButton a.updateInfo { order: 0; width: 40%; display: inline-block; margin: 0 10px 0 30px; } .contactaSalesRepForm .addressLocation .formFieldContainer { width: 30%; } .contactaSalesRepForm .addressLocation .formFieldContainer.state, .contactaSalesRepForm .addressLocation .formFieldContainer.zipcode { width: 30%; } .contactaSalesRepForm .contactName .formFieldContainer, .contactaSalesRepForm .contactJob .formFieldContainer, .contactaSalesRepForm .twoColumnContainer .formFieldContainer { width: 49%; } .contactaSalesRepForm .customeroption div { width: auto; } .contactaSalesRepForm .customeroption .customeroptionText { padding: 0 25px; } .contactaSalesRepForm .businessInfoDetail .otherBusinessInfoDetail div { flex-grow: 1; width: auto; padding: 0; } .contactaSalesRepForm .progessCantainer { width: 30%; } .contactaSalesRepForm .progessCantainer .circle { width: 50px; height: 50px; } .contactaSalesRepForm .progessCantainer .bar { border: 2px solid #757575; } .contactaSalesRepForm a.button:hover { background-color: #0054a6; } .contactaSalesRepForm a.updateInfo:hover { color: #0054a6; border-color: #0054a6; } .contactaSalesRepForm .businessNameAddSearchHintsContainer { /* Track */ /* Handle */ } .contactaSalesRepForm .businessNameAddSearchHintsContainer ::-webkit-scrollbar { width: 5px; } .contactaSalesRepForm .businessNameAddSearchHintsContainer ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #ffffff; border-radius: 10px; } .contactaSalesRepForm .businessNameAddSearchHintsContainer ::-webkit-scrollbar-thumb { background: #757575; border-radius: 3px; } .contactaSalesRepForm .businessNameAddSearchHintsContainer li:hover { background-color: #e7e7e7; cursor: pointer; } .contactaSalesRepForm .searchHintsContainer li:hover { background-color: #e7e7e7; cursor: pointer; } .contactaSalesRepForm #yourMessage { overflow: auto; width: 98%; } .contactaSalesRepForm .contactaSalesRepForm .formFieldContainer .formField { width: 90%; } .promotionPanel { display: flex; flex-direction: row; width: 100%; padding: 15px; } .promotionPanel .promotionPanelWrapper { display: inherit; flex-direction: inherit; width: 100%; } .promotionPanel .promotionPanelWrapper .image img { width: 100%; height: auto; } .promotionPanel .promotionPanelWrapper .details { text-align: left; padding: 54px 30px; max-width: 480px; } .promotionPanel .promotionPanelWrapper .details h3 { font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #0054a6; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .promotionPanel .promotionPanelWrapper .details p { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .promotionPanel .promotionPanelWrapper .details div { margin-top: 23px; } .promotionPanel .promotionPanelWrapper .details div a { background-color: #1472c9; padding: 13px 20px; border-radius: 3px; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #fdfdfd; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; width: 130px; height: 40px; font-weight: bold; letter-spacing: 0.5px; text-align: center; } .promotionPanel .promotionPanelWrapper .details div a:hover { background-color: #0054a6; } .promotionPanel .promotionPanelWrapper .image { margin-left: auto; max-width: 540px; } .leftImageRightContent, .reverse, .imageFirst { display: flex; flex-direction: row-reverse; } .leftImageRightContent .image, .reverse .image, .imageFirst .image { margin-left: 0; } .leftImageRightContent .details, .reverse .details, .imageFirst .details { margin-left: auto; } .restaurantPromotion { padding: unset; max-height: 372px; display: flex; justify-content: center; align-items: center; margin: 0; } .restaurantPromotion .promotionPanelWrapper { max-width: 1024px; margin: auto; } .restaurantPromotion .promotionPanelWrapper .details { padding: 24px; margin: 0 24px; max-width: 598px; } .restaurantPromotion .promotionPanelWrapper .details .panelLink a { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #0054a6; line-height: 33px; line-height: 2.0625rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .restaurantPromotion .promotionPanelWrapper .details h3 { font-family: "Roboto Slab", serif; font-size: 36px; font-size: 2.25rem; color: #1f1f1f; line-height: 43px; line-height: 2.6875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .restaurantPromotion .promotionPanelWrapper .details p { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #21271a; line-height: 27px; line-height: 1.6875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 16px 0px 24px 0px; } .restaurantPromotion .promotionPanelWrapper .details div:not(.panelLink) a { max-width: 250px; } .restaurantPromotion .promotionPanelWrapper .image { margin-left: 0; } .image { display: flex; justify-content: center; align-items: center; margin: 0px; max-width: 372px; } .promotionPanelTWB { display: flex; flex-direction: row-reverse; width: 100%; background-repeat: repeat-x; background-size: cover; } .promotionPanelTWB .panelImage { display: flex; flex-direction: column; width: 50%; height: auto; } .promotionPanelTWB .panelImage img { width: 100%; height: 100%; } .promotionPanelTWB .panelDetails { display: flex; margin: auto; height: 100%; } .promotionPanelTWB .panelDetails .promotionPanelBaner { background-repeat: no-repeat; height: auto; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails { padding: 24px; margin: auto; width: 100%; justify-content: center; gap: 0; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails h3 { font-family: "Roboto Slab", serif; font-size: 36px; font-size: 2.25rem; color: #ffffff; line-height: 43px; line-height: 2.6875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; margin-bottom: 16px; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails p { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #ffffff; line-height: 27px; line-height: 1.6875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; margin: 0; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .ctaButtons { width: auto; gap: 16px; display: flex; flex-direction: row; margin: 24px 0 0 0; } .promotionPanelTWB .panelDetails .promotionPanelBaner .allDetails .ctaButtons a { border-radius: 4px; width: auto; height: 40px; padding: 4px 24px; display: flex; justify-content: flex-start; align-items: center; } .restaurantBanner { height: 420px; } .restaurantBanner .panel { max-width: 1024px; margin: 3% auto; display: flex; flex-direction: row-reverse; } .restaurantBanner .panel .panelImage img { width: 100%; height: auto; border-radius: 24px; } .restaurantBanner .panel .panelDetails .promotionPanelBaner { padding: 0; } .restaurantBanner .panel .panelDetails .promotionPanelBaner .allDetails h3 { font-family: "Roboto Slab", serif; font-size: 32px; font-size: 2rem; color: #ffffff; line-height: 38px; line-height: 2.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .restaurantBanner .panelReverse { flex-direction: row !important; } .leftContentRightImage, .reverse, .textFirst { display: flex; flex-direction: row-reverse; } #fourColumnSlider #fourColumnSliderContainer .container .fa-chevron-circle-left, #fourColumnSlider #fourColumnSliderContainer .container .fa-chevron-circle-right { display: block !important; color: #0074c1; font-size: 2em; } #fourColumnSlider #fourColumnSliderContainer .container .fa-chevron-circle-left { position: absolute; left: -33px; top: 54%; } #fourColumnSlider #fourColumnSliderContainer .container .fa-chevron-circle-right { position: absolute; left: 100%; top: 54%; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list { padding: 0; width: auto; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide { width: 21%; margin: 4px; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .sliderImageD .sliderImage { width: 100%; height: auto; } #fourColumnSlider #fourColumnSliderContainer .container .scroll-item .slick-list .slick-track .slick-slide .moreInfoD a { cursor: pointer; } #fourColumnSlider #fourColumnSliderContainer .hide { display: none; } .BannerWithCTA, FullWidthBanner { width: 100 vw; height: 320px; background-position: center; background-repeat: no-repeat; background-size: cover; left: 0; margin: unset; top: -30px; } .BannerWithCTA .bannerDetails, FullWidthBanner .bannerDetails { background: #ffffff; opacity: .85; width: 35%; height: auto; top: 50%; left: 31%; transform: translate(-50%, -50%); padding: 30px; } .BannerWithCTA .bannerDetails h3, FullWidthBanner .bannerDetails h3 { letter-spacing: unset; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #1f1f1f; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: 0px 0px 6px 0px; } .BannerWithCTA .bannerDetails h1, FullWidthBanner .bannerDetails h1 { font-family: "Roboto Slab", serif; font-size: 32px; font-size: 2rem; color: #0054a6; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; line-height: normal; letter-spacing: unset; } .BannerWithCTA .bannerDetails .descrption, FullWidthBanner .bannerDetails .descrption { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; text-align: left; margin: 15px 0; font-family: Roboto; font-style: normal; line-height: normal; } .BannerWithCTA .bannerDetails .buttons, FullWidthBanner .bannerDetails .buttons { gap: 10px; flex-direction: row; justify-content: left; } .BannerWithCTA .bannerDetails .buttons .SecButton, FullWidthBanner .bannerDetails .buttons .SecButton { width: 190px; height: 40px; margin: 0px; } .BannerWithCTA .bannerDetails .buttons .SecButton a, FullWidthBanner .bannerDetails .buttons .SecButton a { width: 190px; height: 40px; display: flex; padding: 6px 16px; justify-content: center; align-items: center; border-radius: 2px; border: 1px solid #0074c1; background: #ffffff; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #0074c1; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; line-height: normal; font-weight: 500; } .BannerWithCTA .bannerDetails .buttons .FirstButton, FullWidthBanner .bannerDetails .buttons .FirstButton { width: 190px; height: 40px; margin: 0px; } .BannerWithCTA .bannerDetails .buttons .FirstButton a, FullWidthBanner .bannerDetails .buttons .FirstButton a { display: flex; width: 190px; height: 40px; padding: 6px 16px; justify-content: center; align-items: center; border-radius: 2px; background: #0074c1; font-family: "Roboto", sans-serif; font-size: 14px; font-size: 0.875rem; color: #ffffff; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; line-height: normal; font-weight: 500; } .BannerWithCTA .restaurantBanner, FullWidthBanner .restaurantBanner { background: rgba(243, 243, 243, 0.9); border: 3px solid rgba(255, 255, 255, 0.1); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); border-radius: 24px; padding: 24px; margin: 32px 0px 32px 0px; } .BannerWithCTA .restaurantBanner h1, FullWidthBanner .restaurantBanner h1 { font-family: "Roboto Slab", serif; font-size: 32px; font-size: 2rem; color: #1f1f1f; line-height: 40px; line-height: 2.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .BannerWithCTA .restaurantBanner .descrption, FullWidthBanner .restaurantBanner .descrption { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .BannerWithCTA .restaurantBanner .buttons, FullWidthBanner .restaurantBanner .buttons { margin: 24px 0 0; opacity: unset; } .BannerWithCTA .restaurantBanner .buttons .FirstButton, FullWidthBanner .restaurantBanner .buttons .FirstButton { width: auto; height: 40px; min-width: 150px; } .BannerWithCTA .restaurantBanner .buttons .FirstButton a, FullWidthBanner .restaurantBanner .buttons .FirstButton a { display: flex; width: auto; height: 40px; min-width: 150px; padding: 7px 5px; justify-content: center; align-items: center; border-radius: 4px; background-color: #0074c1; outline: none; font-weight: 600; border: unset; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #ffffff; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .BannerWithCTA .restaurantBanner .buttons .SecButton, FullWidthBanner .restaurantBanner .buttons .SecButton { width: auto; height: 40px; min-width: 150px; } .BannerWithCTA .restaurantBanner .buttons .SecButton a, FullWidthBanner .restaurantBanner .buttons .SecButton a { display: flex; justify-content: center; align-items: center; min-width: 150px; padding: 7px 5px; width: auto; height: 40px; border-radius: 4px; border: 2px solid #0074c1; outline: none; font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 18px; line-height: 1.125rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .ContianerSizeBanner { margin: 10px 0 10px 0; width: 1024px; } .nColumnGalleryWrapper { margin: 40px auto; } .nColumnGalleryWrapper .nColumnGalleryInfo .nColumnGallerySpan { display: none; font-family: "Roboto Slab", serif; font-size: 20px; font-size: 1.25rem; color: #0054a6; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; letter-spacing: 0.5px; } .nColumnGalleryWrapper .nColumnGalleryInfo .nColumnGalleryDetailsDiv { display: none; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #3b3b3b; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .nColumnGalleryWrapper .nColumnGalleryInfo .nColumnGalleryImageDiv { display: none; } .nColumnGalleryWrapper .nColumnGalleryInfo .hide { display: none !important; } .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem { margin: 10px 5px 5px 5px; } .nColumnGalleryWrapper .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .moreInfoD a { cursor: pointer; text-decoration: none; } .nColumnGalleryWrapper .nColumnGalleryContainer { display: flex; } .nColumnGalleryWrapper .nColumnGalleryContainer .fourColumn { display: flex; flex-direction: row; flex: 4; width: 100%; } .nColumnGalleryWrapper .nColumnGalleryContainer .fourColumn .nColumnGalleryItem { width: 24%; } .nColumnGalleryWrapper .nColumnGalleryContainer .fourColumn .nColumnGalleryItem .mainImageD .mainImage { width: 100%; height: auto; } .nColumnGalleryWrapper .nColumnGalleryContainer .threeColumn { display: flex; flex-direction: row; width: 100%; } .nColumnGalleryWrapper .nColumnGalleryContainer .threeColumn .nColumnGalleryItem { width: 33.33%; margin: 10px; } .nColumnGalleryWrapper .nColumnGalleryContainer .threeColumn .nColumnGalleryItem .nColumnGalleryInfo .ScaleImageD .ScaleImage { width: 100%; } .nColumnGalleryWrapper .nColumnGalleryContainer .twoColumn { display: flex; flex-direction: row; width: 100%; } .nColumnGalleryWrapper .nColumnGalleryContainer .twoColumn .nColumnGalleryItem { width: 50%; margin: 10px; } .nColumnGalleryWrapper .nColumnGalleryContainer .twoColumn .nColumnGalleryItem .nColumnGalleryInfo .nColumnGallerDetailsD { margin: 5px 0 45px 0; } .hide { display: none !important; } .TopRecommendedProducts .nColumnGalleryInfo .nColumnGallerySpan { font-size: 26px; display: block; color: #1f1f1f; } .TopRecommendedProducts .nColumnGalleryContainer { width: 1024px; } .TopRecommendedProducts .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem { margin: 10px 10px 5px 0px; } .TopRecommendedPDPProducts { margin: 40px auto 0 auto; } .TopRecommendedPDPProducts .nColumnGalleryInfo .nColumnGallerySpan { display: block; color: #ffffff; font-size: 26px; padding: 20px 0 0px 75px; } .TopRecommendedPDPProducts .nColumnGalleryContainer .nColumnGallery { margin: 25px 70px; } .TopRecommendedPDPProducts .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo { height: auto; } .restaurantNColumnGallery { margin: 0px auto; background-repeat: repeat; } .restaurantNColumnGallery .nColumnGalleryInfo { padding: 56px 24px 24px 24px !important; } .restaurantNColumnGallery .nColumnGalleryInfo .nColumnGalleryHeading { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #0054a6; line-height: 27px; line-height: 1.6875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .restaurantNColumnGallery .nColumnGalleryInfo .nColumnGallerySpan { font-family: "Roboto Slab", serif; font-size: 32px; font-size: 2rem; color: #1f1f1f; line-height: 38px; line-height: 2.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .restaurantNColumnGallery .nColumnGalleryInfo .nColumnGalleryDetailsDiv { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #1f1f1f; line-height: 27px; line-height: 1.6875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .restaurantNColumnGallery .nColumnGalleryInfo .show { display: block !important; } .restaurantNColumnGallery .nColumnGalleryInfo .white { color: #ffffff; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery { margin: 24px auto; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem { margin: 12px; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .mainTitleD .mainTitle { font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #1f1f1f; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .restaurantNColumnGallery .nColumnGalleryContainer .nColumnGallery .nColumnGalleryItem .nColumnGalleryInfo .nColumnGallerDetailsD .nColumnGallerDetails { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #1f1f1f; line-height: 27px; line-height: 1.6875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .nColumnVideoGalleryWrapper .hide { display: none !important; } .nColumnVideoGalleryWrapper .background { padding: 32px 136px 48px 136px; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryInfo .nColumnVideoGalleryHeadingDiv { font-family: "Roboto Slab", serif; font-size: 36px; font-size: 2.25rem; color: #ffffff; line-height: 43px; line-height: 2.6875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryInfo .nColumnVideoGallerySpan, .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryInfo .nColumnVideoGalleryDescriptionDiv { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #ffffff; line-height: 27px; line-height: 1.6875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryInfo .nColumnVideoGallerySpan { margin-bottom: 16px; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryInfo .hide { display: none !important; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer { width: 100%; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper { width: 100%; display: flex; flex-direction: row; gap: 24px; align-items: flex-start; justify-content: center; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem { border-radius: 24px; margin: 10px 0 5px 0; width: 33%; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .mainImageD { border-radius: 24px 24px 0 0; overflow: hidden; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .mainImageD iframe { display: block; width: 100%; height: 300px; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo { padding: 24px; background-color: white; border-radius: 0 0 24px 24px; display: flex; flex-direction: column; justify-content: flex-start; gap: 24px; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .smallTitle { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #3b3b3b; line-height: 27px; line-height: 1.6875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .mainVideoTitleD .mainVideoTitle { font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #1f1f1f; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .nColumnVideoGalleryDetailsD .nColumnVideoGalleryDetails { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #1f1f1f; line-height: 27px; line-height: 1.6875rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .nColumnVideoGalleryDetailsD p { margin: 0; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD { display: flex; flex-direction: column; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p, .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD moreInfoP1 { margin: 0; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p a, .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD moreInfoP1 a { text-decoration: none; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p a .fa-arrow-right, .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD moreInfoP1 a .fa-arrow-right { color: #0074c1; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD p a:hover, .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryItemsContainer .nColumnVideoGalleryItemsWrapper .nColumnVideoGalleryItem .nColumnVideoGalleryItemInfo .moreInfoD moreInfoP1 a:hover { color: #0054a6; text-decoration: underline; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .fourColumn { display: block; position: relative; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .fourColumn .nColumnVideoGalleryItem { width: 100%; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .fourColumn .nColumnVideoGalleryItem .mainImageD { width: 100%; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .fourColumn .nColumnVideoGalleryItem .mainImageD .mainImage { width: 100%; height: auto; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .threeColumn { display: block; position: relative; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .threeColumn .nColumnVideoGalleryItem .mainImageD .mainImage { width: 100%; height: auto; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .threeColumn .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .ScaleImageD .ScaleImage { width: 100%; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .twoColumn { display: block; position: relative; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .twoColumn .nColumnVideoGalleryItem .mainImageD .mainImage { width: 100%; height: auto; } .nColumnVideoGalleryWrapper .background .nColumnVideoGalleryContainer .twoColumn .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD { margin-top: 20px; } .containerWidth { width: 100%; max-width: 100%; margin: 0 auto; background-color: #ffffff; } .containerWidth .nColumnVideoGallery { max-width: 1024px; margin: 0 auto; } .containerWidth .nColumnVideoGallery .nColumnVideoGalleryItem { background-color: #ffffff; } .containerWidthBlue { width: 100%; max-width: 100%; margin: 0 auto; background-color: #0074c1; } .containerWidthBlue .nColumnVideoGallery { max-width: 1024px; margin: 0 auto; } .containerWidthBlue .nColumnVideoGallery .nColumnVideoGalleryItem { background-color: #ffffff; } .TopRecommendedProducts .nColumnVideoGalleryInfo .nColumnVideoGallerySpan { display: block; font-weight: 400; line-height: 24px; text-align: left; color: #1f1f1f; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery { margin: 0px; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem { border: 2px solid #e8e8e8; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .mainImageD { margin-bottom: 0px; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .mainImageD .mainImage { border-bottom: 2px solid #e8e8e8; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .nColumnGallerDetailsD { margin: 0px; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .nColumnGallerDetailsD .nColumnGallerDetails { margin: 0px; } .TopRecommendedProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD { margin-top: 0px; } .TopRecommendedPDPProducts { width: 100%; max-width: 100%; background-color: #0054a6; margin-top: 15px; padding: 5px; } .TopRecommendedPDPProducts .nColumnVideoGalleryInfo .nColumnVideoGallerySpan { display: block; color: #ffffff; font-weight: 400; line-height: 24px; padding: 20px 0 0 20px; font-size: 16px; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem { background-color: #ffffff; display: inline-block; width: 49%; margin: 0px 0px 5px 0; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .mainImageD { margin-bottom: 0px; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .mainImageD .mainImage { border-bottom: 1px solid #e8e8e8; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo { height: 120px; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .nColumnGallerDetailsD { margin: 0px; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .nColumnGallerDetailsD .nColumnGallerDetails { margin: 0px; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD { margin-top: 0px; } .TopRecommendedPDPProducts .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD .moreInfoP1 { margin: 0px; } .restaurantnColumnVideoGallery { background-repeat: repeat; } .restaurantnColumnVideoGallery .nColumnVideoGalleryInfo { text-align: center; padding: 24px !important; } .restaurantnColumnVideoGallery .nColumnVideoGalleryInfo .nColumnVideoGalleryHeading { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; margin-bottom: 10px; } .restaurantnColumnVideoGallery .nColumnVideoGalleryInfo .nColumnVideoGallerySpan { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #1f1f1f; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .restaurantnColumnVideoGallery .nColumnVideoGalleryInfo .nColumnVideoGalleryDetailsDiv { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; margin-top: 10px; } .restaurantnColumnVideoGallery .nColumnVideoGalleryInfo .show { display: block !important; } .restaurantnColumnVideoGallery .nColumnVideoGalleryInfo .white { color: #ffffff; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery { padding-bottom: 15px; margin: 20px 20px 0 20px; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem { border-radius: 24px; color: #ffffff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); margin: 10px 0 20px 0; border: unset; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .mainImageD { margin-bottom: unset; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .mainImageD .mainImage { border-radius: 24px 24px 0px 0px; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo { padding: 24px !important; text-align: unset; background-color: #ffffff; border-radius: 0px 0px 24px 24px; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .mainTitleD .mainTitle { font-family: "Roboto Slab", serif; font-size: 18px; font-size: 1.125rem; color: #1f1f1f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 700; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .mainTitleD .mainTitle a { color: #1f1f1f; font-weight: 700; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .nColumnGallerDetailsD { margin: 16px 0 0 0; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .nColumnGallerDetailsD .nColumnGallerDetails { margin: unset; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD { margin-top: 36px; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD p { margin: 0 0 10px 0; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD p a { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0074c1; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 600; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD p a .fa-arrow-right { color: #0074c1; } .restaurantnColumnVideoGallery .nColumnVideoGalleryContainer .nColumnVideoGallery .nColumnVideoGalleryItem .nColumnVideoGalleryInfo .moreInfoD p a:hover { color: #0074c1; } .mcp-survey-form #evg-surveys, .pizza-mcp-survey-form #evg-surveys { background: #0054a6; padding-bottom: 50px; padding-top: 50px; margin: 0 auto; } .mcp-survey-form #evg-surveys .sv_main, .pizza-mcp-survey-form #evg-surveys .sv_main { margin: 0 auto; max-width: 858px; padding: 30px 82px; background-color: #ffffff; } .mcp-survey-form #evg-surveys .sv_main form, .pizza-mcp-survey-form #evg-surveys .sv_main form { max-width: 694px; } .mcp-survey-form #evg-surveys .sv_main form .sv_custom_header, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_custom_header { width: auto; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_header, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_header { background-color: #ffffff; padding: 0; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_header h3, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_header h3 { margin: 16px 0; text-align: center !important; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_header h3 span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_header h3 span { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; text-transform: unset; text-align: center !important; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body { border-top: none; margin: unset; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root h4, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root h4, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root h4, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root h4, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root h4, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root h4, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_page_title, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_page_title, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_page_title, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_page_title, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_page_title, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_page_title, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_page_title, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_page_title, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_page_title, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_page_title { background-color: #ffffff; margin: 0; padding: 0; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root h4 span, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root h4 span, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root h4 span, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root h4 span, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root h4 span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root h4 span, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_page_title span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_page_title span, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_page_title span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_page_title span, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_page_title span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_page_title span, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_page_title span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_page_title span, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_page_title span, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_page_title span { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; position: static; width: 605px; display: block; margin: 0 auto; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row { margin-top: 35px; margin-bottom: 30px; border-bottom: none; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q { padding: 0 14px; background-color: white; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q h5 { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #1f1f1f; line-height: 26px; line-height: 1.625rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-style: normal; margin-bottom: 25px; font-weight: 500; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q h5 .sv_q_num, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q h5 .sv_q_num, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q h5 .sv_q_num, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q h5 .sv_q_num, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q h5 .sv_q_num, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q h5 .sv_q_num, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q h5 .sv_q_num, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q h5 .sv_q_num, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q h5 .sv_q_num, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q h5 .sv_q_num { display: none; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q h5 span:nth-child(2), .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q h5 span:nth-child(2), .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q h5 span:nth-child(2), .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q h5 span:nth-child(2), .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q h5 span:nth-child(2), .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q h5 span:nth-child(2), .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q h5 span:nth-child(2), .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q h5 span:nth-child(2), .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q h5 span:nth-child(2), .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q h5 span:nth-child(2) { display: none; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup { margin-bottom: 14px; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup .sv_q_radiogroup_label { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row #sq_103 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_100 .sv_p_root .sv_row #sq_103 h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row #sq_103 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row #sq_103 h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_103 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_103 h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row #sq_103 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row #sq_103 h5, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row #sq_103 h5, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row #sq_103 h5 { margin-bottom: 8px; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav { padding: 0; text-align: center; display: flex; flex-direction: row; justify-content: center; gap: 10px; margin-top: unset; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav input, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav input { float: unset; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav .sv_prev_btn, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav .sv_prev_btn { display: flex; height: 40px; padding: 6px 16px; justify-content: center; align-items: center; gap: 10px; background-color: #ffffff; color: #0074c1; border-radius: 4px; border: 1.5px solid #0074c1; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav .sv_next_btn, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav .sv_next_btn, .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav .sv_complete_btn, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_body .sv_nav .sv_complete_btn { display: flex; height: 40px; padding: 6px 16px; justify-content: center; align-items: center; gap: 10px; background-color: #0074c1; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_completed_page, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_completed_page { text-align: center; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_completed_page h3, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_completed_page h3 { font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 22px; line-height: 1.375rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 400; font-style: normal; text-align: center; } .mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_completed_page h3 a, .pizza-mcp-survey-form #evg-surveys .sv_main form .sv_container .sv_completed_page h3 a { font-family: "Roboto Slab", serif; font-size: 14px; font-size: 0.875rem; color: #0054a6; line-height: 16px; line-height: 1rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; font-weight: 500; font-style: normal; } .mcp-survey-form #evg-surveys .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_102 h5, .pizza-mcp-survey-form #evg-surveys .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row #sq_102 h5 { margin-bottom: 8px; } .mcp-survey-form #evg-surveys.evg_pizza_crust, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust { padding: 60px 0px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main { padding: 20px 35px 50px 35px; max-width: 970px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form { max-width: 900px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav { justify-content: right; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_start_btn, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_start_btn { margin-right: 365px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_prev_btn, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_prev_btn { margin-right: 530px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_next_btn, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_next_btn { margin-left: unset; margin-right: 100px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_complete_btn, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_nav .sv_complete_btn { margin-right: 50px; margin-left: unset; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div h1 { font-family: "Roboto Slab", serif; font-size: 32px; font-size: 2rem; color: #0054a6; line-height: 36px; line-height: 2.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div h1:nth-of-type(2), .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div h1:nth-of-type(2) { font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #0054a6; line-height: 32px; line-height: 2rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin-bottom: 19px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div img, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div img { width: 98px; height: 98px; margin-bottom: 20px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div p, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body .sv_qstn div div p { font-family: "Roboto", sans-serif; font-size: 18px; font-size: 1.125rem; color: #000000; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root h1, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root h1 { font-family: "Roboto Slab", serif; font-size: 32px; font-size: 2rem; color: #0054a6; line-height: 36px; line-height: 2.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q { overflow: hidden; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_select_wrapper .sv_q_dropdown_control { max-width: 374px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q .sv_qcbc .sv_q_radiogroup { max-width: 375px; margin-right: 40px; margin-left: 40px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_102 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_104 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_106 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_109 .sv_p_root .sv_row .sv_q h5 span, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q h5 span { font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #0054a6; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_107 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_108 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup { margin-left: unset; margin-right: 16px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_103 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top { width: 372px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top { width: 375px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_105 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup { width: 375px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qstn_error_top { width: 884px; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_101 .sv_p_root .sv_row .sv_q div:nth-of-type(2) .sv_qcbc .sv_q_radiogroup { margin: unset; max-width: unset; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q h5 span, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_body #sp_111 .sv_p_root .sv_row .sv_q h5 span { font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page h1, .pizza-mcp-survey-form #evg-surveys.evg_pizza_crust .pizza_main form .sv_container .sv_completed_page h1 { font-family: "Roboto Slab", serif; font-size: 32px; font-size: 2rem; color: #0054a6; line-height: 36px; line-height: 2.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .latestProductCategoryDetail .contentContainer { max-width: 100%; } .latestProductCategoryDetail .contentContainer .productCategoryWrapperK12 { padding: 0px 9.44% 32px 9.44%; } .latestProductCategoryDetail .contentContainer .productCategoryWrapperK12 .categoryTitleDiv, .latestProductCategoryDetail .contentContainer .productCategoryWrapperK12 .categorySubHeaderDiv, .latestProductCategoryDetail .contentContainer .productCategoryWrapperK12 .categoryDescriptionDiv { max-width: 1168px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter { max-width: 1168px; width: 81%; margin: 0 auto; padding: 24px 0 42px 0; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .search-bar { margin-left: 350px; max-width: 550px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .search-result { font-size: 28px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .sortingViewResult { width: 14.05%; right: 6px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header { padding: 0 14% 0 0; margin-bottom: unset; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .gallery-header .view-toggle { left: 155px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder { width: 23.45%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems { width: 76.5%; padding: 24px 0 0 10.62%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li { width: 22.4%; margin: 0 3.12% 3.12% 0px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li:nth-child(4n) { margin-right: 0; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView { flex-direction: column; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li { max-width: 100%; padding: 12px 24px 12px 12px; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium > a { grid-row-start: 1; grid-row-end: 4; /* instead of span 2, just end at line 3 */ display: flex; align-items: center; justify-content: center; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium > a .li-img img { max-width: 100%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .li-text { max-width: 100%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium { display: grid; grid-template-columns: 84px 1fr; grid-template-rows: auto auto; column-gap: 24px; max-width: 100%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium .tags { grid-column: 2; grid-row: 1; flex-direction: row; position: relative; justify-content: normal; z-index: 999; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium .ProductNumber { grid-column: 2; grid-row: 3; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .content-lite-medium .li-text { grid-column: 2; grid-row: 2; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent { column-gap: 0; display: flex; flex-direction: row; align-items: stretch; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent img { width: 15%; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent .li-text { display: flex; justify-content: space-between; align-items: center; padding: 24px; box-sizing: border-box; gap: 4px; margin-top: 0; flex-direction: row; } .latestProductCategoryDetail .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .k12ProductCategoryListView li .customCardContent .li-text .customCardButton { width: 22%; } .k12ProductCategoryLanding .gallery-header { width: auto; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter { max-width: 1168px; width: 100%; margin: 24px auto 0; padding: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .sortingViewResult .menuSearchMenu { top: 66px; position: relative; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .sortingViewResult .sortResultView { position: relative; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown { width: 100%; background: white; top: 75px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header { flex-wrap: nowrap; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header .showFiltersLink { display: inline-block; width: 57%; margin-bottom: 16px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header .showFiltersLink span { font-weight: 700; font-family: "Roboto Slab", serif; font-size: 24px; font-size: 1.5rem; color: #333333; line-height: 28px; line-height: 1.75rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .header .clearFacetsSelection { z-index: auto; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer { margin: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer h3 lable, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer h3 lable { font-weight: 600; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer .hiddenToggleCheck:checked ~ h3 label:after, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer .hiddenToggleCheck:checked ~ h3 label:after { color: #0054a6; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .searchFacets .contentListFacetContainer ul li label, .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .contentListDropdownContainer .contentListFacetContainer ul li label { font-weight: 400; font-family: "Roboto", sans-serif; font-size: 16px; font-size: 1rem; color: #1f1f1f; line-height: 24px; line-height: 1.5rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .facetsPlaceHolder .contentListDropdown .bottomButtons { display: none; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems { top: 45px; position: relative; padding: 0; margin: 0 0 45px 124px; width: 65%; display: flex; flex-direction: column; align-items: flex-start; padding-top: 24px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .hideAndShowDivFacetContainer { display: flex; padding: 16px; flex-direction: column; align-items: flex-start; gap: 16px; align-self: stretch; background: #F5F5F5; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings { display: flex; justify-content: space-between; align-items: center; align-self: stretch; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings .selectedFilterTitle { color: #212121; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 600; line-height: 150%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings .clearFacetsSelectionFilter { color: #212121; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; cursor: pointer; text-decoration: underline; color: #0074c1; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .facetContainerHeadings .clearFacetsSelectionFilter:hover { color: #0054a6; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv { display: inline; padding: 8px; align-items: flex-start; gap: 10px; flex-wrap: wrap; margin-left: -9px; flex-direction: column; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv .selectedFacet { padding: 5px 10px; display: inline-flex; margin-right: 10px; margin-bottom: 10px; border-radius: 6px; border: 1px solid #888; background: #FFF; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv .selectedFacet .filterText { color: #212121; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetMainDiv .selectedFacet .filterCloseImage { width: 16px; height: 16px; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetsContainer { position: static; width: auto; height: auto; margin: 0; border: 0; overflow: hidden; background: none; padding: 0; white-space: normal; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .divFacetsContainer .selectedFacetsContainer .showPanelToSelectFacets { display: none; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul { flex-direction: row; flex-wrap: wrap; gap: 20px; margin: 24px 0; padding: 0; justify-content: flex-start; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems ul .list-item-grid li { width: auto; margin: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .backToTopIconPlacement { display: none; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li { width: auto; margin: 0; } .k12ProductCategoryLanding .contentContainer .contentList.contentListWithLeftOpenFilter .contentListItems .list-item-grid li:hover { cursor: pointer; } .bubbleFilterCompleteSection { display: flex; padding: 42px 0px; flex-direction: column; align-items: flex-start; gap: 32px; width: 1168px; height: 350px; margin: auto; } .bubbleFilterCompleteSection .bubbleFilterHeading { font-style: normal; font-weight: 700; font-family: "Roboto Slab", serif; font-size: 28px; font-size: 1.75rem; color: #1f1f1f; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; margin: auto; padding-bottom: 32px; } .bubbleFilterCompleteSection .bubbleFilterIconsCompleteSection { display: flex; padding-bottom: 16px; justify-content: center; align-items: center; gap: 60px; max-width: 1168px; } .bubbleFilterCompleteSection .bubbleFilterIconsCompleteSection .imageAndText .imageIcon { display: flex; width: 108px; height: 108px; flex-direction: column; align-items: flex-start; gap: 10px; transition: border 0.3s ease; padding: 2px; flex-direction: column; align-items: flex-start; } .bubbleFilterCompleteSection .bubbleFilterIconsCompleteSection .imageAndText .imageText { font-style: normal; font-weight: 700; font-family: "Roboto Slab", serif; font-size: 16px; font-size: 1rem; color: #0054a6; line-height: 20px; line-height: 1.25rem; word-wrap: break-word; -ms-word-wrap: break-word; white-space: normal; } }