/** * need to import 'BrandonGrotesque Bold', 'BrandonText Regular' and 'Milton Bold' */ /*Import Fonts Start*/ @font-face { font-family: 'BrandonGrotesque-Regular'; src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Regular.eot"); src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Regular.eot?#iefix") format("embedded-opentype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Regular.woff2") format("woff2"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Regular.woff") format("woff"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Regular.ttf") format("truetype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Regular.svg#BrandonGrotesque-Regular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'BrandonGrotesque-RegularItalic'; src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-RegularItalic.eot"); src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-RegularItalic.eot?#iefix") format("embedded-opentype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-RegularItalic.woff2") format("woff2"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-RegularItalic.woff") format("woff"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-RegularItalic.ttf") format("truetype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-RegularItalic.svg#BrandonGrotesque-RegularItalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'BrandonGrotesque-Thin'; src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Thin.eot"); src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Thin.eot?#iefix") format("embedded-opentype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Thin.woff2") format("woff2"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Thin.woff") format("woff"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Thin.ttf") format("truetype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Thin.svg#BrandonGrotesque-Thin") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'BrandonGrotesque-BoldItalic'; src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-BoldItalic.eot"); src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-BoldItalic.eot?#iefix") format("embedded-opentype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-BoldItalic.woff2") format("woff2"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-BoldItalic.woff") format("woff"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-BoldItalic.ttf") format("truetype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-BoldItalic.svg#BrandonGrotesque-BoldItalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'BrandonGrotesque-Bold'; src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Bold.eot"); src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Bold.eot?#iefix") format("embedded-opentype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Bold.woff2") format("woff2"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Bold.woff") format("woff"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Bold.ttf") format("truetype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Bold.svg#BrandonGrotesque-Bold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'BrandonGrotesque-Black'; src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Black.eot"); src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Black.eot?#iefix") format("embedded-opentype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Black.woff2") format("woff2"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Black.woff") format("woff"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Black.ttf") format("truetype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Black.svg#BrandonGrotesque-Black") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'BrandonGrotesque-BlackItalic'; src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-BlackItalic.eot"); src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-BlackItalic.eot?#iefix") format("embedded-opentype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-BlackItalic.woff2") format("woff2"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-BlackItalic.woff") format("woff"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-BlackItalic.ttf") format("truetype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-BlackItalic.svg#BrandonGrotesque-BlackItalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'BrandonGrotesque-Light'; src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Light.eot"); src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Light.eot?#iefix") format("embedded-opentype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Light.woff2") format("woff2"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Light.woff") format("woff"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Light.ttf") format("truetype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Light.svg#BrandonGrotesque-Light") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'BrandonGrotesque-LightItalic'; src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-LightItalic.eot"); src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-LightItalic.eot?#iefix") format("embedded-opentype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-LightItalic.woff2") format("woff2"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-LightItalic.woff") format("woff"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-LightItalic.ttf") format("truetype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-LightItalic.svg#BrandonGrotesque-LightItalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'BrandonGrotesque-Medium'; src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Medium.eot"); src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Medium.eot?#iefix") format("embedded-opentype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Medium.woff2") format("woff2"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Medium.woff") format("woff"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Medium.ttf") format("truetype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-Medium.svg#BrandonGrotesque-Medium") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'BrandonGrotesque-MediumItalic'; src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-MediumItalic.eot"); src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-MediumItalic.eot?#iefix") format("embedded-opentype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-MediumItalic.woff2") format("woff2"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-MediumItalic.woff") format("woff"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-MediumItalic.ttf") format("truetype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/BrandonGrotesque-MediumItalic.svg#BrandonGrotesque-MediumItalic") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Brandontext-regular'; src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/brandontext-regular-webfont.eot"); src: url("selfservice-framework-hersheysfranchise/css/fonts/brandon/brandontext-regular-webfont.eot?#iefix") format("embedded-opentype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/brandontext-regular-webfont.woff2") format("woff2"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/brandontext-regular-webfont.woff") format("woff"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/brandontext-regular-webfont.ttf") format("truetype"), url("selfservice-framework-hersheysfranchise/css/fonts/brandon/brandontext-regular-webfont.svg#brandontext-regular-webfont") format("svg"); font-weight: normal; font-style: normal; } /* NOTE: we need to find a "normal non-bold" Milton */ @font-face { font-family: 'Milton'; src: url("selfservice-framework-hersheysfranchise/css/fonts/milton/milton-bold.eot"); src: url("selfservice-framework-hersheysfranchise/css/fonts/milton/milton-bold.eot?#iefix") format("embedded-opentype"), url("selfservice-framework-hersheysfranchise/css/fonts/milton/milton-bold.woff2") format("woff2"), url("selfservice-framework-hersheysfranchise/css/fonts/milton/milton-bold.woff") format("woff"), url("selfservice-framework-hersheysfranchise/css/fonts/milton/milton-bold.ttf") format("truetype"), url("selfservice-framework-hersheysfranchise/css/fonts/milton/milton-bold.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Milton-Bold'; src: url("selfservice-framework-hersheysfranchise/css/fonts/milton/milton-bold.eot"); src: url("selfservice-framework-hersheysfranchise/css/fonts/milton/milton-bold.eot?#iefix") format("embedded-opentype"), url("selfservice-framework-hersheysfranchise/css/fonts/milton/milton-bold.woff2") format("woff2"), url("selfservice-framework-hersheysfranchise/css/fonts/milton/milton-bold.woff") format("woff"), url("selfservice-framework-hersheysfranchise/css/fonts/milton/milton-bold.ttf") format("truetype"), url("selfservice-framework-hersheysfranchise/css/fonts/milton/milton-bold.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Milton-Bold-1'; src: url("selfservice-framework-hersheysfranchise/css/fonts/milton/milton_bold-1-webfont.eot"); src: url("selfservice-framework-hersheysfranchise/css/fonts/milton/milton_bold-1-webfont.eot?#iefix") format("embedded-opentype"), url("selfservice-framework-hersheysfranchise/css/fonts/milton/milton_bold-1-webfont.woff2") format("woff2"), url("selfservice-framework-hersheysfranchise/css/fonts/milton/milton_bold-1-webfont.woff") format("woff"), url("selfservice-framework-hersheysfranchise/css/fonts/milton/milton_bold-1-webfont.ttf") format("truetype"), url("selfservice-framework-hersheysfranchise/css/fonts/milton/milton_bold-1-webfont.svg") format("svg"); font-weight: normal; font-style: normal; } /*Import Fonts End*/ body { background-color: #fff; } body, .ssf-generic, .echo-primaryFont, .echo-secondaryFont, .janrainSocialRoot input, .janrainSocialRoot textarea, .janrainSocialRoot button { font-weight: normal; font-style: normal; } a, a:hover, a:focus, .ssf-generic a, .ssf-generic a:hover, .ssf-generic a:focus, .echo-linkColor, .echo-linkColor a, .echo-linkColor a:hover, .echo-linkColor a:focus { cursor: pointer; } p:empty { display: none; } .container { width: 100%; /* max-width: 1280px; */ max-width: 1600px; } @media (min-width: 768px) { .container { overflow: hidden; } } .container, .container-fluid, .col-sm-6 { padding-right: 0; padding-left: 0; } .row { margin-right: 0; margin-left: 0; } select { /* hide the dropdown arrow*/ -webkit-appearance: none; -moz-appearance: none; } select::-ms-expand { /* pseudo-element for the dropdown arrow on IE */ display: none; } select { font-size: 15px; height: 36px !important; padding-top: 6px !important; letter-spacing: 2px !important; font-weight: normal; border: none !important; } h1, h2, h3, h4 { font-weight: bold; font-style: normal; color: #fff; } div[id~=ZZ_hdr_margin_top_0] h1, div[id~=ZZ_hdr_margin_top_0] h2, div[id~=ZZ_hdr_margin_top_0] h3, div[id~=ZZ_hdr_margin_top_0] h4 { margin-top: 0; } div[id~=ZZ_hdr_margin_bottom_0] h1, div[id~=ZZ_hdr_margin_bottom_0] h2, div[id~=ZZ_hdr_margin_bottom_0] h3, div[id~=ZZ_hdr_margin_bottom_0] h4 { margin-bottom: 0; } h1 .small, h1 small, .h1 .small, .h1 small, h2 .small, h2 small, .h2 .small, .h2 small, h3 .small, h3 small, .h3 .small, .h3 small, h4 .small, h4 small, .h4 .small, .h4 small { font-weight: bold; font-style: normal; font-size: 60%; color: inherit; } .content-holder .content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex !important; flex-direction: column; -webkit-box-align: left; -webkit-align-items: left; -ms-flex-align: left; align-items: left; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .content-holder .inner-content { padding-left: 60px; padding-right: 60px; height: auto !important; } .board-mol h2 { text-align: left; text-transform: inherit; } .Display1, .Display2 { letter-spacing: 1px; } .Display1, .container .content .inner-content .Display1 { font-size: 46px !important; line-height: 53px !important; } .Display2, .container .content .inner-content .Display2, .container .content .inner-content #prodtitle_id{ /* A SSF bug to fix ==> #prodtitle_id */ font-size: 46px !important; line-height: 53px !important; padding-bottom: 6px; } @media (min-width: 900px) and (max-width: 1100px) { .Display1, .container .content .inner-content .Display1 { font-size: 32px !important; line-height: 36px !important; } .Display2, .container .content .inner-content .Display2, .container .content .inner-content #prodtitle_id { font-size: 32px !important; line-height: 36px !important; } } @media (min-width: 768px) and (max-width: 899px), (max-width: 560px) { .Display1, .container .content .inner-content .Display1 { font-size: 24px !important; line-height: 27px !important; } .Display2, .container .content .inner-content .Display2, .container .content .inner-content #prodtitle_id { font-size: 24px !important; line-height: 27px !important; } } .subheading-desktop, .container .content .content-holder .inner-content .subheading-desktop, .container .content-holder .content .inner-content .subheading-desktop, .container .content .text-only-feature .subheading-desktop{ font-size: 16px; line-height: 21px; letter-spacing: 1px; margin-bottom: 24px; margin-top: 20px; } @media (min-width: 768px) and (max-width: 1002px), (max-width: 560px) { .subheading-desktop, .container .content .content-holder .inner-content .subheading-desktop, .container .content-holder .content .inner-content .subheading-desktop, .container .content .text-only-feature .subheading-desktop{ font-size: 13px; line-height: 16px; margin-bottom: 24px; margin-top: 10px; } } .echo-button button.ui-button { text-align: center; margin: 0 8px 0 0; width: auto; min-width: 220px; padding: 0; } .echo-button button.ui-button .ui-button-text { font-size: 15px; line-height: 14px; letter-spacing: 2px !important; padding: 20px 16px 16px 16px; } .component-button, .container .content .inner-content .component-button { text-transform: none; font-size: 18px; font-weight: bold !important; letter-spacing: 2px !important; padding: 20px 0 17px 20px; white-space: nowrap; } @media (min-width: 768px) and (max-width: 1100px) { .component-button, .container .content .inner-content .component-button { font-size: 16px; } } .component-button.primaryCTA, #date-of-birth-submit.component-button, .buttons .primaryCTA, .buttons .component-button.primaryCTA, .container a.component-button.primaryCTA, .container .buttons a.component-button.primaryCTA, .container .content .inner-content .component-button.primaryCTA, .container .content .inner-content .buttons .component-button.primaryCTA { text-align: center; padding: 20px 16px 16px 16px; /* margin: 0 8px 0 0;*/ margin: 0; width: auto; min-width: 220px; } @media (min-width: 768px) and (max-width: 1150px) { .component-button.primaryCTA, .buttons .primaryCTA, .buttons .component-button.primaryCTA, .container a.component-button.primaryCTA, .container .buttons a.component-button.primaryCTA, .container .content .inner-content .component-button.primaryCTA, .container .content .inner-content .buttons .component-button.primaryCTA { width: 50%; /* max-width: 188px; 220px - 32 for the padding*/ max-width: 220px; min-width: 0; } } @media (max-width: 480px) { a.component-button.primaryCTA, .buttons .primaryCTA, .buttons .component-button.primaryCTA, .container a.component-button.primaryCTA, .container .buttons .primaryCTA, .container .buttons component-button.primaryCTA, .container .content .inner-content a.component-button.primaryCTA, .container .content .inner-content .buttons .component-button.primaryCTA { width: 100%; margin-bottom: 0; } } a.component-button.primaryCTA:only-of-type, .buttons:only-of-type .primaryCTA, .buttons:only-of-type .component-button.primaryCTA, .container a.component-button.primaryCTA:only-of-type, .container .buttons:only-of-type .primaryCTA, .container .buttons:only-of-type component-button.primaryCTA, .container .content .inner-content a.component-button.primaryCTA:only-of-type, .container .content .inner-content .buttons:only-of-type .component-button.primaryCTA { margin-left: 0; margin-right: 0; } .component-button.secondaryCTA, .container a.component-button.secondaryCTA, .container .content .inner-content .component-button.secondaryCTA { margin: 0; width: auto; } @media (max-width: 480px) { .component-button.secondaryCTA, .container a.component-button.secondaryCTA, .container .content .inner-content .component-button.secondaryCTA { padding-left: 0; padding-right: 0; } } @media (max-width: 767px) { .content-holder .square-content-holder { padding-top: 30px; padding-bottom: 30px; height: auto; } .content-holder .square-content-holder .content { position: relative; } .board-mol .content-holder, .board-mol.rating .content-holder, .board-mol.grid-4 .content-holder, .board-mol.rating.grid-4 .content-holder { padding: 20px 20px 0 20px; min-height: 90px; } } div[id~=ZZ_hdr_white] h1, div[id~=ZZ_hdr_white] h2, div[id~=ZZ_hdr_white] h3, div[id~=ZZ_hdr_white] h4 { color: #fff !important; } @media (min-width: 768px) { div[id~=DD_hdr_white] h1, div[id~=DD_hdr_white] h2, div[id~=DD_hdr_white] h3, div[id~=DD_hdr_white] h4 { color: #fff !important; } } @media (max-width: 767px) { div[id~=MM_hdr_white] h1, div[id~=MM_hdr_white] h2, div[id~=MM_hdr_white] h3, div[id~=MM_hdr_white] h4 { color: #fff !important; } } div[id~=ZZ_txt_white] p, div[id~=ZZ_txt_white] .board-mol p, div[id~=ZZ_txt_white] .subheading-desktop { color: #fff !important; } @media (min-width: 768px) { div[id~=DD_txt_white] p, div[id~=DD_txt_white] .board-mol p, div[id~=DD_txt_white] .subheading-desktop { color: #fff !important; } } @media (max-width: 767px) { div[id~=MM_txt_white] p, div[id~=MM_txt_white] .board-mol p, div[id~=MM_txt_white] .subheading-desktop { color: #fff !important; } } /* ---------------------------------------------------------------------- */ @media (min-width: 768px) { div[id~=DD_bg_display_none] img { display: none !important; } } @media (max-width: 767px) { div[id~=MM_bg_display_none] img { display: none !important; } } /* ---------------------------------------------------------------------- */ @media (min-width: 768px) { div[id~=DD_display_none] { display: none !important; } } @media (max-width: 767px) { div[id~=MM_display_none] { display: none !important; } } div[id~=ZZ_content_hide] .content-holder, div[id~=ZZ_content_hide] .text-only-feature .inner-content { display: none; } @media (min-width: 768px) { .brand-navigation-bar .nav-items li { padding: 37px 27px 33px 0; } .brand-navigation-bar .nav-items li:last-child { padding-right: 0; } } @media (max-width: 767px) { .brand-navigation-bar .nav-items li { padding: 27px 27px 23px 0; } } .brand-navigation-bar .brand-logo .logo { background-color: rgba(0, 0, 0, 0); width: auto !important; max-width: 95% !important; } @media (min-width: 768px) { .brand-navigation-bar .brand-logo { width: 22%; position: relative; } .brand-navigation-bar .brand-logo .logo { position: absolute; } .brand-navigation-bar .nav-items { width: 66%; } .brand-navigation-bar .nav-search-holder { width: 12%; } } @media (min-width: 768px) { .brand-navigation-bar .nav-items { margin-left: -5%; } } .brand-navigation-bar .nav-items li a { font-weight: normal; font-size: 12px; letter-spacing: 2px; } .brand-navigation-bar .search-icon, .brand-navigation-bar .search-icon:active, .brand-navigation-bar .search-icon:focus, .brand-navigation-bar .search-icon:visited { font-size: 2em; } .brand-navigation-bar .brand-navigation-hamburger-icon { width: 27px; padding: 3px 0 0 0; } .brand-navigation-bar .brand-navigation-hamburger-icon .hamburger-line { height: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 0 0 3px 0; } .listing .pagination-bar .pagination { margin: 0; padding: 30px; } .listing > .container { padding: 43px 86px; } @media (max-width: 1200px) { .listing > .container { padding: 43px 4%; } } @media (max-width: 1002px) { .listing > .container { padding: 43px 2%; } } @media (max-width: 767px) { .listing > .container { padding: 12px 20px; } } .listing .pagination-bar { padding: 0; } @media (min-width: 1003px) { .listing > .container > .pagination-bar { margin-top: -45px; } } @media (max-width: 767px) { .listing .pagination-bar .row:last-child { padding-top: 10px; } } .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing .content-holder { text-align: left; } @media (min-width: 768px) { .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing .content-holder { height: 160px; } } .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing .content-holder .arktan-item-rating-container { padding-top: 5px; display: block; } .listing .pagination-bar .pagination-data-container { padding: 0; text-align: left; } .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing { padding-right: 0; padding-left: 0; margin-right: 7px; margin-left: 8px; } @media (min-width: 768px) { .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing { width: calc( 33.333333% - 15px); } } @media (max-width: 767px) { .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing { margin: 0; padding: 15px 0 0 0; } .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing a.flex { padding: 10px 0; } .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing .content-holder, .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing.grid-4 .content-holder, .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing.rating.grid-4 .content-holder { padding: 20px 15px 15px 20px; } } .listing .pagination-bar .pagination-text { text-align: left; } @media (max-width: 767px) { .listing .pagination-bar .pagination-text { padding: 20px 0 0 0; } } .listing .pagination-bar .pagination-text p.showing { font-size: 15px; letter-spacing: 2px !important; border: 0; } @media (max-width: 767px) { .listing .pagination-bar .pagination-text p.showing { font-size: 13px; float: left; padding-right: 0; } } .listing .pagination-bar .board-mol-dynamic-listing:hover { cursor: pointer; } .listing .pagination-bar .board-mol-dynamic-listing h2 { color: #fff; text-align: left; text-transform: none; font-size: 18px; } @media (max-width: 767px) { .listing .pagination-bar .board-mol-dynamic-listing h2 { font-size: 13px; } } .listing .pagination-bar .pagination-text a.showall { font-size: 15px; letter-spacing: 2px !important; color: #8b8d8d; text-decoration: underline; text-transform: none; text-transform: lowercase; } @media (max-width: 767px) { .listing .pagination-bar .pagination-text a.showall { font-size: 13px; text-decoration: none; float: right; margin-bottom: 10px; } } .listing .pagination-bar .pagination ul li a { border: 0; line-height: 20px; padding: 7px 7px; } @media (min-width: 768px) { .listing .pagination-bar .pagination ul li a { width: 32px; height: 32px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; } } .listing .pagination-bar .pagination ul li.paginationjs-prev a, .listing .pagination-bar .pagination ul li.paginationjs-next a { border: none; background: none; line-height: 20px; } .listing .pagination-bar .pagination ul li.paginationjs-ellipsis a { line-height: 0; padding: 16px 0; } .listing .pagination-bar .pagination ul li.paginationjs-ellipsis a, .listing .pagination-bar .pagination ul li.paginationjs-ellipsis a:hover, .listing .pagination-bar .pagination ul li.disabled a { border: none; background: none; cursor: default; } .listing .faceted-browsing-bar { background-color: inherit; } @media (max-width: 767px) { .faceted-browsing-bar { margin-top: -1px; } } @media (min-width: 768px) { .listing .faceted-browsing-bar { padding-left: 0; padding-right: 10px; } } .listing .faceted-browsing-bar .header { padding: 30px 10px 20px 10px; border: 0; } @media (max-width: 767px) { .listing .faceted-browsing-bar .header { padding: 20px 0 0 0; background-color: inherit; } } .listing .faceted-browsing-bar .header h2 { padding: 0 0 0 14px; } .listing .faceted-browsing-bar .header h2, .listing .faceted-browsing-bar .header li { font-size: 15px; } .listing .faceted-browsing-bar .header h3, .listing .faceted-browsing-bar .header h3 span{ font-size: 15px; letter-spacing: 2px !important; } .listing .faceted-browsing-bar .header h3 span:before{ font-family: 'hersheys-icon-font' !important; font-size: .8em; } @media (max-width: 767px) { .listing .faceted-browsing-bar .header h3, .listing .faceted-browsing-bar .header h3 span{ font-size: 13px; } } .listing .faceted-browsing-bar .header h3 span, .listing .faceted-browsing-bar .header h3.filterClosed { text-decoration: underline; text-transform: none; } @media (max-width: 767px) { .listing .faceted-browsing-bar .header h3 span, .listing .faceted-browsing-bar .header h3.filterClosed { text-decoration: none; cursor: pointer; } } @media (max-width: 767px) { .listing .faceted-browsing-bar .header h3.filterOpen { margin-bottom: 20px; } } .listing .faceted-browsing-bar .header .clearAll { font-size: 13px; letter-spacing: 2px !important; text-decoration: underline; text-transform: none; } .listing .faceted-browsing-bar .header .clearAll:hover { cursor: pointer; } .listing .faceted-browsing-bar .facet { margin: 0; padding: 0 10px; } .listing .faceted-browsing-bar .facet .facet-header { margin: 0; padding: 0; border: 0; } .listing .faceted-browsing-bar .facet .facet-header .dropdown { padding: 24px 0 24px 14px; margin: 0; } .listing .faceted-browsing-bar .facet .facet-header .dropdown a { font-size: 15px; text-transform: none; } .listing .faceted-browsing-bar .facet .facet-header .dropdown .clearFacets { font-size: 13px; letter-spacing: 2px !important; text-decoration: underline; text-transform: none; } .listing .faceted-browsing-bar .facet .facet-header .dropdown .clearFacets:hover { cursor: pointer; } @media (max-width: 767px) { .listing .faceted-browsing-bar .facet .facet-header .dropdown { padding: 15px 20px; margin: 1px 0; } } .listing .faceted-browsing-bar .facet .facet-options form{ display: flex; width: 100%; } .listing .faceted-browsing-bar .facet .facet-options .dropdown-menu{ background-color: inherit; margin: 38px 0 16px 0; padding: 0; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } @media (max-width: 767px) { .listing .faceted-browsing-bar .facet .facet-options .dropdown-menu{ margin: 16px 0; } } .listing .faceted-browsing-bar .facet .facet-options .dropdown-menu li{ font-size: 13px; padding: 0 0 8px 14px; } .listing .faceted-browsing-bar .styledCheckbox label { margin-top: -.4em; width: 21px; height: 21px; } .listing .faceted-browsing-bar .styledCheckbox input[type=checkbox]:checked + label:after { border: 3px solid #fff; border-top: none; border-right: none; } .listing .faceted-browsing-bar .styledCheckbox label:hover { cursor: pointer; } .listing .faceted-browsing-bar .styledCheckbox span { margin-left: 18px; } .ingredientlist .ingredients-supplies-list h2.headline, .ingredientlist .directions-list h2.headline { margin: 20px 0 16px 0; font-size: 24px; line-height: 27px; } .ingredientlist .ingredients-supplies-list { padding: 10px 40px 40px 86px; } .ingredientlist .directions-list { padding: 10px 120px 40px 86px; } @media (max-width: 1003px) { .ingredientlist .ingredients-supplies-list { padding: 10px 30px 40px 40px; } .ingredientlist .directions-list { padding: 10px 40px 40px 30px; } } @media (max-width: 767px) { .ingredientlist .ingredients-supplies-list { padding: 10px 20px 40px 20px; } .ingredientlist .directions-list { padding: 10px 20px 40px 20px; } } .ingredientlist .ingredients-supplies-list ul { padding: 20px 0; margin: 0; border: 0; border-top: 1px solid #ccc; } .ingredientlist .ingredients-supplies-list ul li { border: 0; padding: 0 0 20px 0; margin: 0; font-size: 15px; line-height: 1.5em; } .ingredientlist .ingredients-supplies-list ul li:empty { display: none; } .ingredientlist .directions-list .directions-list-wrapper { padding: 0; } .ingredientlist .directions-list .directions-list-wrapper ul { padding: 20px 0 10px 0; margin: 0; border: 0; border-top: 1px solid #ccc; } .ingredientlist .directions-list .directions-list-wrapper ul li { border: 0; padding: 0 0 30px 0; margin: 0; font-size: 15px; line-height: 1.5em; } .ingredientlist .directions-list .directions-list-wrapper ul li:empty { display: none; } .ingredientlist .directions-list .directions-list-wrapper ul li:before { font-size: 15px; line-height: 20px; vertical-align: initial; text-align: left; background: none; border: 0; position: relative; padding-right: 8px; left: 0; } .content-holder ul.hearting { border-bottom: none; } @media (mAX-width: 767px) { .content-holder ul.hearting { padding-bottom: 40px; } } ul.prod-feature-fav { background-color: inherit; background-color: rgba(255, 255, 255, 0); } @media (min-width: 768px) { ul.prod-feature-fav { margin: -1.8em 0 6px 0; padding: 0; } } .product-feature .janrainSocialRoot.janrainFormFactorDrawer .janrainDrawerButton { padding-top: 10px; } .recipe-craft-bar .tools .list-inline .save { padding: 9px 0 0 0px; } .recipe-craft-bar .tools .list-inline .print { padding-left: 47px; padding-top: 13px; } .recipe-craft-bar ul li.print span { left: 34px; } .recipe-craft-bar ul li.print .glyphicon-print { left: 12px; } .recipe-craft-bar ul li.print .glyphicon-print:before { margin-left: 0; } .recipecraftbar .recipe-craft-bar .janrainSocialRoot.janrainFormFactorDrawer .janrainDrawerButton, .janrainSocialRoot.janrainFormFactorDrawer .janrainSocialBar .janrainDrawerButtonContainer .janrainDrawerButton, .content-holder ul.hearting .btn-link, ul.prod-feature-fav .btn-link, .content-holder ul.hearting .janrainDrawerButton, .recipe-craft-bar ul li.save, .recipe-craft-bar ul li.save:after, .recipe-craft-bar ul li.print span, .recipe-craft-bar ul li.print span { font-size: 14px; font-weight: normal !important; text-transform: uppercase; } @media (max-width: 767px) { ul.prod-feature-fav li .btn.btn-link { float: right; } } /* .content-holder ul.hearting .btn-link .icon-solid-heart, ul.prod-feature-fav .btn-link .icon-solid-heart { font-size: .90em; } */ .content-holder ul.hearting .btn-link .icon-solid-heart:before, ul.prod-feature-fav .btn-link .icon-solid-heart:before { top: 1px; position: relative; } ul.prod-feature-fav .btn-link .favorite-text { padding-left: 10px; } .janrainSocialRoot.janrainFormFactorDrawer .janrainSocialBar .janrainProviderList { background: #fff !important; /* border-top: 1px solid #943135;*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px } .janrainSocialRoot.janrainFormFactorDrawer .janrainSocialBar .janrainProviderList button.janrainProvider:hover { background-color: #fff !important; border: solid 1px #ccc; } /* special case for email share */ .janrainSocialRoot.janrainFormFactorDrawer .janrainSocialBar .janrainProviderList button.janrain_emailButton:after { content: " "; width: 25px; height: 25px; display: block; background-size: 21px; background-repeat: no-repeat; margin-left: 5px; margin-top: 4px; } /* For when "smartLabel" is set */ .nutritioninformationbar .nutrition-information-bar { padding: 86px; } @media (max-width: 1200px) { .nutritioninformationbar .nutrition-information-bar { padding: 43px 4%; } } @media (max-width: 1002px) { .nutritioninformationbar .nutrition-information-bar { padding: 43px 2%; } } @media (max-width: 767px) { .nutritioninformationbar .nutrition-information-bar { padding: 12px 20px; } } @media (max-width: 480px) { .nutritioninformationbar .nutrition-information-bar { padding: 0; } } .nutritioninformationbar .nutrition-information-bar .tab-pane p { padding-top: 15px; } .nutrition-information-bar, .nutrition-information-bar .nutrition-details, .nutrition-information-bar .smartlabel-info { border-bottom: none; padding-top: 25px; padding-bottom: 25px; } .nutrition-information-bar .nutrition-details { padding-top: 60px; } .nutrition-information-bar .smartlabel-info { padding-bottom: 60px; } @media (min-width: 768px) { .nutrition-information-bar .nutrition-details { padding-top: 80px; } .nutrition-information-bar .smartlabel-info { padding-bottom: 60px; } } @media (max-width: 767px) { .nutrition-information-bar .nutrition-details { padding-top: 60px; } .nutrition-information-bar .smartlabel-info { padding-bottom: 40px; } } .nutrition-information-bar .smartlabel-info .smartlabel-logo { display: none; } .nutrition-information-bar .smartlabel-info p:first-child a:before { content: ""; display: inline-block; width: 120px; height: 24px; margin-bottom: -7px; background-size: contain; background-repeat: no-repeat; background-image: url(selfservice-framework-hersheysfranchise/css/stylesheets/images/SmartLabel_logo_white.png); } .nutrition-information-bar .serving-info ul span.dots { display: none; } .nutrition-information-bar .serving-info ul span.serving-unit { font-size: 18px; padding-top: 10px; } .nutrition-information-bar .serving-info ul span.serving-detail { clear: left; float: left; font-size: 44px; font-weight: bold; text-align: left; width: 300px; padding-bottom: 30px; } .nutrition-information-bar .nutritional-stats ul li .circle { border-radius: 50%; } .nutrition-information-bar .nutritional-stats ul li .circle div { font-size: 44px; } .nutrition-information-bar .nutritional-stats ul li .circle div label { margin-bottom: -75px; margin-top: 65px; } @media (max-width: 767px) { .nutrition-information-bar .serving-info ul span.serving-unit { font-size: 18px; } .nutrition-information-bar .serving-info ul span.serving-detail { font-size: 24px; } .nutrition-information-bar .serving-info{ border-bottom: none; } .nutrition-information-bar .nutritional-border { border-bottom: 1px solid #ccc; margin-left: 0; margin-right: 0; } .nutrition-information-bar .nutritional-stats ul li { padding-bottom: 45px; } } /* For when "smartLabel" is NOT set */ @media (min-width: 768px) { .nutrition-information-bar .pdp-wt-insd-ttl-desc { padding: 70px 40px 26px 40px; } } .nutrition-information-bar .pdp-wt-insd-ttl-desc p { font-size: 24px; line-height: 25px; font-weight: bold; } .nutrition-information-bar .pdp-wt-insd-ttl-desc .hm-mfhm-p-dash { display: none; } @media (min-width: 768px) { .nutrition-information-bar .pdp-wht-inside-section { padding: 0 40px; } } @media (max-width: 767px) { .nutrition-information-bar .pdp-wht-inside-section { padding: 0; } } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .tab-pane { padding: 30px 0; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .tab-pane h3 { color: inherit; font-size: 15px; line-height: 18px; padding: 0; margin: 0; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs { border-bottom: 0; display: inline-block; } @media (max-width: 375px) { .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs { display: inline-flex; align-items: center; margin-left: 4%; margin-right: 4%; width: 92% !important; } } @media (max-width: 360px) { .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs { margin-left: 2%; margin-right: 2%; widht: 96% !important; } } @media (max-width: 350px) { .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs { margin-left: 2%; margin-right: 2%; width: 96% !important; } } @media (max-width: 340px) { .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs { margin-left: 2%; margin-right: 2%; width: 96% !important; } } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs > li { width: auto; padding-left: 10px; padding-right: 10px; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs > li > a { color: #fff !important; font-size: 13px; padding: 0; height: auto; letter-spacing: 1.5px; } @media (max-width: 620px) { .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs > li > a { font-size: 12px; } } @media (max-width: 550px) { .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs > li > a { font-size: 11px; letter-spacing: normal; } } @media (max-width: 460px) { .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs > li > a { font-size: 10px; } } @media (max-width: 400px) { .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs > li > a { font-size: 9.5px; } } @media (max-width: 375px) { .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs > li { max-width: 25%; } } .nutrition-information-bar .nutri-wrapper { padding-bottom: 100px; border-bottom: 1px solid #ccc; } @media (max-width: 767px) { .nutrition-information-bar .nutri-wrapper { padding-bottom: 0; border-bottom: 0; } .nutrition-information-bar .nutri-wrapper > div { padding: 0 0 80px 0; } } .nutrition-information-bar .nutri-wrapper .pdp-nutrition-hd { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 132px; height: 132px; margin: 0 auto; } .nutrition-information-bar .nutri-wrapper .pdp-nutrition-hd span { display: block; position: relative; text-align: center; width: 132px; } .nutrition-information-bar .nutri-wrapper .pdp-nutrition-hd span.pdp-nutrition-no { line-height: 3.1em; font-size: 44px; color: #fff; } .nutrition-information-bar .nutri-wrapper .pdp-nutrition-hd span.pdp-nutrition-not { position: absolute; bottom: -2.8em; font-size: 18px; font-weight: bold; text-transform: lowercase; } .nutrition-information-bar .nutri-wrapper .pdp-nutrition-hd span.pdp-nutrition-t { font-size: 18px; font-weight: bold; padding-top: .8em; } @media (max-width: 767px) { .nutrition-information-bar .nutri-wrapper .pdp-nutrition-hd { width: 115px; height: 115px; } .nutrition-information-bar .nutri-wrapper .pdp-nutrition-hd span { width: 115px; } .nutrition-information-bar .nutri-wrapper .pdp-nutrition-hd span.pdp-nutrition-no { line-height: 2.7em; } .nutrition-information-bar .nutri-wrapper .pdp-nutrition-hd span.pdp-nutrition-not{ font-size: 13px; bottom: 3em; } .nutrition-information-bar .nutri-wrapper .pdp-nutrition-hd span.pdp-nutrition-t{ font-size: 13px; } } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .tab-content { padding-left: 0; padding-right: 0; margin-top: 20px; border-top: 1px solid #ccc; } @media (max-width: 767px) { .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .tab-content { padding-left: 20px; padding-right: 20px; } } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .panel-group .pdp-plus-minus1 span { font-size: 15px; letter-spacing: 2px; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .pdp-acc-slide { border-bottom: 1px solid #ccc; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .panel-group .pdp-plus-minus1 span.panel-title { background: none; cursor: pointer; font-size: 14px; padding: 0; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .pdp-nutrition-tbh { border-bottom: 1px solid #ccc; padding: 0 0 6px 0; margin: 0 0 12px 0; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .pdp-nutrition-tbh span { font-size: 15px; letter-spacing: 2px; padding: 0; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .pdp-nutrition-tbb { padding: 0; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .pdp-nutrition-tbb span { font-size: 15px; letter-spacing: 2px; padding: 0; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .pdp-nutrition-tbb span:last-child { text-align: right; } .nutrition-information-bar .row.pdp-nutrition-cnt > div { padding: 15px 7%; } .nutrition-information-bar .row.pdp-nutrition-cnt > div:first-child { padding-left: 0; } .nutrition-information-bar .row.pdp-nutrition-cnt > div:last-child { padding-right: 0; } @media (max-width: 767px) { .nutrition-information-bar .row.pdp-nutrition-cnt { padding: 0; } .nutrition-information-bar .row.pdp-nutrition-cnt > div { padding: 0; } } .recipecraftbar .recipe-craft-bar { margin: 0; } .recipecraftbar > .container { overflow: visible; } .recipecraftbar .recipe-craft-bar .info { border: 0; padding: 0; width: 100%; } @media (min-width: 1000px) { .recipecraftbar .recipe-craft-bar .info { margin-top: -10px; } } .recipecraftbar .recipe-craft-bar .tools li { width: 80px; } @media (min-width: 768px) { .recipecraftbar .recipe-craft-bar .reviews { width: 50%; float: left; padding: 0 0 12px 15px; } .recipecraftbar .recipe-craft-bar .tools { width: 50%; float: right; padding: 0 5px 12px 0; border: 0; } .recipecraftbar .recipe-craft-bar .tools ul { float: right; } } @media (max-width: 767px) { .recipecraftbar .recipe-craft-bar .reviews { width: 100%; padding: 0 0 12px 15px; } .recipecraftbar .recipe-craft-bar .tools { width: 100%; padding: 0 5px 12px 0; border: 0; } .recipecraftbar .recipe-craft-bar .tools ul { float: left; } .recipe-craft-bar .tools .list-inline li { float: left; } } .socialengagementsplitboard .brand-logo { display: none; } .socialengagementsplitboard .social-icons { width: 100%; } .socialengagementsplitboard .content { padding: 0; } @media (min-width: 768px) { .socialengagementsplitboard .social-engagement-split-board, .socialengagementsplitboard .social-engagement-split-board .content { display: flex; } } .socialengagementsplitboard .social-engagement-split-board .inner-content { padding: 60px 95px; } @media (max-width: 1000px) { .socialengagementsplitboard .social-engagement-split-board .inner-content { padding-left: 48px; padding-right: 48px; } } @media (max-width: 767px) { .socialengagementsplitboard .social-engagement-split-board .inner-content { padding: 80px 20px; } } .socialengagementsplitboard .text-only-feature .inner-content, .socialengagementsplitboard .social-engagement-board .inner-content { background-color: rgba(255, 255, 255, 0); } .socialengagementsplitboard .social-engagement-board .inner-content{ margin: 30px 0; padding-top: 30px; padding-bottom: 30px; } @media (max-width: 767px) { .socialengagementsplitboard .social-engagement-board .inner-content{ padding: 80px 0; margin: 0 20px; } } .socialengagementsplitboard .social-engagement-split-board .inner-content h2 { margin: 0 0 10px 0; padding-bottom: 20px; } @media (min-width: 1101px) { .socialengagementsplitboard .container .social-engagement-split-board .content .inner-content h2.Display1 { font-size: 36px !important; line-height: 36px !important; } } @media (min-width: 768px) and (max-width: 1199px) { .socialengagementsplitboard .social-engagement-split-board .social-engagement-board .inner-content h2 { margin-top: 5%; } } @media (min-width: 1200px) { .socialengagementsplitboard .social-engagement-split-board .social-engagement-board .inner-content h2 { margin-top: 4%; } } .socialengagementsplitboard .social-engagement-split-board .text-only-feature { margin-bottom: 0; } .socialengagementsplitboard .social-engagement-split-board .social-engagement-board ul { text-align: center; padding: 0; margin: 0; } .socialengagementsplitboard .social-engagement-split-board .social-engagement-board li { float: none; padding-left: 2%; padding-right: 2%; } .socialengagementsplitboard .social-engagement-split-board .social-engagement-board .social-icons { padding: 0; } .socialengagementsplitboard .social-engagement-split-board .social-engagement-board .circle { width: 80px; height: 80px; font-size: 50px; } .socialengagementsplitboard .social-engagement-split-board .social-engagement-board .circle .icon { left: 52%; } .textfeature > div { padding-top: 0 !important; padding-bottom: 0 !important; } .textfeature > div .text-only-feature { padding-top: 80px; padding-bottom: 80px; background-position: center center; background-repeat: no-repeat; background-size: cover; } @media (max-width: 767px) { .textfeature > div .text-only-feature { padding-top: 30px; padding-bottom: 30px; height: 50vw; } } @media (max-width: 480px) { .textfeature > div .text-only-feature { height: 100vw; } } .text-only-feature .inner-content{ width: 100%; left: 0; } @media (max-width: 480px) { .text-only-feature .inner-content{ width: 100%; left: 0; padding-left: 30px; padding-right: 30px; } } .text-only-feature .Display1, .text-only-feature .Display2 { margin-top: 0; } .text-only-feature .Display1 { font-size: 46px !important; line-height: 53px !important; } @media (max-width: 767px) { .text-only-feature .Display1 { font-size: 38px !important; line-height: 43px !important; } } @media (max-width: 500px) { .text-only-feature .Display1 { font-size: 24px !important; line-height: 27px !important; } } .text-only-feature .subheading-desktop { font-size: 16px; line-height: 21px; max-width: 600px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; } @media (max-width: 500px) { .text-only-feature .subheading-desktop { font-size: 13px; line-height: 16px; } } /* ---------------------------------------------------------------------- */ .textfeature > div[id~=ZZ_bg_24_9] .text-only-feature { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 37.5vw; min-height: initial; max-height: initial; } @media (min-width: 1600px) { .textfeature > div[id~=ZZ_bg_24_9] .text-only-feature { max-height: 613.688px; } } @media (min-width: 768px) { .textfeature > div[id~=ZZ_bg_24_9] .text-only-feature { padding-top: 40px; padding-bottom: 40px; } } @media (max-width: 767px) { .textfeature > div[id~=ZZ_bg_24_9] .text-only-feature { height: 50vw; padding-top: 20px; padding-bottom: 20px; } } @media (max-width: 480px) { .textfeature > div[id~=ZZ_bg_24_9] .text-only-feature { padding-top: 0; padding-bottom: 0; } } /* ---------------------------------------------------------------------- */ .textfeature > div[id~=ZZ_bg_24_11] .text-only-feature { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 46vw; min-height: initial; max-height: initial; } @media (min-width: 1600px) { .textfeature > div[id~=ZZ_bg_24_11] .text-only-feature { max-height: 613.688px; } } @media (min-width: 768px) { .textfeature > div[id~=ZZ_bg_24_11] .text-only-feature { padding-top: 40px; padding-bottom: 40px; } } @media (max-width: 767px) { .textfeature > div[id~=ZZ_bg_24_11] .text-only-feature { height: 50vw; padding-top: 20px; padding-bottom: 20px; } } @media (max-width: 480px) { .textfeature > div[id~=ZZ_bg_24_11] .text-only-feature { padding-top: 0; padding-bottom: 0; } } /* ---------------------------------------------------------------------- */ .textfeature > div[id~=ZZ_bg_31_13] .text-only-feature { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 42vw; min-height: initial; max-height: initial; } @media (min-width: 1600px) { .textfeature > div[id~=ZZ_bg_31_13] .text-only-feature { max-height: 540px; } } @media (min-width: 768px) { .textfeature > div[id~=ZZ_bg_31_13] .text-only-feature { padding-top: 40px; padding-bottom: 40px; } } @media (max-width: 767px) { .textfeature > div[id~=ZZ_bg_31_13] .text-only-feature { height: 50vw; padding-top: 20px; padding-bottom: 20px; } } @media (max-width: 480px) { .textfeature > div[id~=ZZ_bg_31_13] .text-only-feature { padding-top: 0; padding-bottom: 0; } } /* ---------------------------------------------------------------------- */ .textfeature > div[id~=ZZ_bg_2_1] .text-only-feature { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 50vw; min-height: initial; max-height: initial; } @media (min-width: 1600px) { .textfeature > div[id~=ZZ_bg_2_1] .text-only-feature { max-height: 800px; } } @media (min-width: 1000px) { .textfeature > div[id~=ZZ_bg_2_1] .text-only-feature { padding-top: 40px; padding-bottom: 40px; } } @media (min-width: 768px) and (max-width: 900px) { .textfeature > div[id~=ZZ_bg_2_1] .text-only-feature .inner-content { left: 10%; width: 80%; } } @media (min-width: 768px) { .textfeature > div[id~=ZZ_bg_2_1] .text-only-feature { padding-top: 20px; padding-bottom: 0; } } @media (max-width: 900px) { .textfeature > div[id~=ZZ_bg_2_1] .text-only-feature { padding-top: 20px; padding-bottom: 20px; } .textfeature > div[id~=ZZ_bg_2_1] .text-only-feature { height: 66vw; } } @media (max-width: 767px) { .textfeature > div[id~=ZZ_bg_2_1] .text-only-feature, .textfeature > div[id~=MM_bg_2_1] .text-only-feature { padding-top: 20px; padding-bottom: 20px; } .textfeature > div[id~=ZZ_bg_2_1] .text-only-feature, .textfeature > div[id~=MM_bg_2_1] .text-only-feature { height: 90vw; } } @media (max-width: 480px) { .textfeature > div[id~=ZZ_bg_2_1] .text-only-feature, .textfeature > div[id~=MM_bg_2_1] .text-only-feature { padding-top: 0; padding-bottom: 0; } } /* ---------------------------------------------------------------------- */ .textfeature > div[id~=ZZ_bg_3_1] .text-only-feature { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 33.333vw; min-height: initial; max-height: initial; } @media (min-width: 1600px) { .textfeature > div[id~=ZZ_bg_3_1] .text-only-feature { max-height: 533px; } } @media (min-width: 768px) and (max-width: 900px) { .textfeature > div[id~=ZZ_bg_3_1] .text-only-feature { height: 38vw; } } @media (min-width: 481px) and (max-width: 767px) { .textfeature > div[id~=ZZ_bg_3_1] .text-only-feature { height: 50vw; } } @media (max-width: 480px) { .textfeature > div[id~=ZZ_bg_3_1] .text-only-feature { height: 60vw; } } /* ---------------------------------------------------------------------- */ .textfeature > div[id~=ZZ_bg_4_1] .text-only-feature { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 25vw; min-height: initial; max-height: initial; } @media (min-width: 1600px) { .textfeature > div[id~=ZZ_bg_4_1] .text-only-feature { max-height: 400px; } } @media (min-width: 768px) and (max-width: 900px) { .textfeature > div[id~=ZZ_bg_4_1] .text-only-feature { height: 35vw; } } @media (max-width: 767px) { .textfeature > div[id~=ZZ_bg_4_1] .text-only-feature { height: 50vw; } } /* ---------------------------------------------------------------------- */ @media (max-width: 767px) { .textfeature > div[id~=MM_bg_16_9] .text-only-feature { height: 56.25vw; } } /* ---------------------------------------------------------------------- */ @media (max-width: 767px) { .textfeature > div[id~=MM_bg_1_2] .text-only-feature { height: 200vw; } } /* ---------------------------------------------------------------------- */ @media (max-width: 767px) { .textfeature > div[id~=MM_bg_5_8] .text-only-feature { height: 166vw; } } /* ---------------------------------------------------------------------- */ @media (max-width: 767px) { .textfeature > div[id~=MM_bg_10_11] .text-only-feature { height: 110vw; } } /* ---------------------------------------------------------------------- */ @media (max-width: 767px) { .textfeature > div[id~=MM_bg_zoom_25] .text-only-feature { background-size: auto 125% !important; } .textfeature > div[id~=MM_bg_zoom_50] .text-only-feature { background-size: auto 150% !important; } .textfeature > div[id~=MM_bg_zoom_100] .text-only-feature { background-size: auto 200% !important; } } /* ---------------------------------------------------------------------- */ @media (min-width: 768px) { .textfeature > div[id~=DD_bg_display_none] .text-only-feature { height: auto; background-image: none !important; } } @media (max-width: 767px) { .textfeature > div[id~=MM_bg_display_none] .text-only-feature { height: auto; background-image: none !important; } } /* ---------------------------------------------------------------------- */ .textfeature > div[id~="ZZ_align_top"] .text-only-feature, .textfeature > div[id~="ZZ_align_middle"] .text-only-feature, .textfeature > div[id~="ZZ_align_bottom"] .text-only-feature { padding-top: 70px; padding-bottom: 70px; } @media (max-width: 767px) { .textfeature > div[id~="ZZ_align_top"] .text-only-feature, .textfeature > div[id~="ZZ_align_middle"] .text-only-feature, .textfeature > div[id~="ZZ_align_bottom"] .text-only-feature { padding-top: 35px; padding-bottom: 35px; } } .textfeature > div[id~="ZZ_align_top"] .text-only-feature > div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: top; -webkit-align-items: top; -ms-flex-align: top; align-items: top; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .textfeature > div[id~="ZZ_align_middle"] .text-only-feature > div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .textfeature > div[id~="ZZ_align_middle"] .text-only-feature .subheading-desktop { margin-bottom: 0; } .textfeature > div[id~="ZZ_align_bottom"] .text-only-feature > div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: end; -ms-flex-align: end; align-items: end; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } /* ---------------------------------------------------------------------- */ .textfeature > div[id~=ZZ_height_auto] .text-only-feature { padding-top: 60px; padding-bottom: 130px; height: auto; min-height: initial; max-height: initial; } @media (max-width: 767px) { .textfeature > div[id~=ZZ_height_auto] .text-only-feature, .textfeature > div[id~=MM_height_auto] .text-only-feature { padding-top: 40px; padding-bottom: 80px; } .textfeature > div[id~=MM_height_auto] .text-only-feature { height: auto; min-height: initial; max-height: initial; } } .arktanreviews .container { padding: 43px 86px; } @media (max-width: 1200px) { .arktanreviews .container { padding: 43px 4%; } } @media (max-width: 1002px) { .arktanreviews .container { padding: 43px 2%; } } @media (max-width: 767px) { .arktanreviews .container { padding: 12px 20px; } } .arktanreviews .container .reviews-module { padding: 70px; } @media (max-width: 1200px) { .arktanreviews .container .reviews-module { padding: 8%; } } @media (max-width: 1002px) { .arktanreviews .container .reviews-module { padding: 4%; } } @media (max-width: 767px) { .arktanreviews .container .reviews-module { padding: 20px; } } @media (max-width: 1002px) { .arktanreviews .reviews-module .user-review-container { width: 100%; } } .arktanreviews .reviews-module h3 { text-align: center; } .arktanreviews .reviews-module h2 { text-align: center; } .reviews-module .echo-stream-container { text-align: center; } .reviews-module .echo-stream-container .echo-stream-header, .reviews-module .echo-stream-container .echo-stream-sortOrderDrop, .reviews-module .echo-stream-container .echo-stream-body, .reviews-module .echo-stream-container .echo-stream-brand{ text-align: left; } .reviews-module .echo-auth-anonymous span { font-size: 15px; } .reviews-module .echo-submit-forcedLoginUserInfoMessage { font-size: 12px; } .reviews-module .echo-submit-container input, .echo-submit-container textarea { font-size: 14px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .reviews-module .echo-submit-controls { margin-top: 30px; } @media (max-width: 480px) { .reviews-module .echo-submit-post-container, .reviews-module .echo-button button.ui-button { width: 100%; margin: 0; } } .reviews-module .echo-stream-container .echo-stream-sortOrderDrop { width: auto; border: 0; margin-top: 40px; padding-bottom: 0; margin-left: -5px; /* this is for the arrow width */ } .reviews-module .echo-stream-container .echo-stream-sortOrderDrop:before { left: 200px; } .reviews-module .echo-stream-container .echo-stream-sortOrderDrop select.ark-sort { width: 165px; } .reviews-module .echo-application-message{ border: 0; } .reviews-module .echo-stream-more{ border: 0; } .reviews-module .echo-stream-body { padding: 0 0 40px 0; } .reviews-module .echo-item-container { padding-top: 40px; padding-bottom: 40px; border-bottom: solid 1px #ccc; } .reviews-module .echo-item-avatar-wrapper { display: none; } .reviews-module .echo-item-subwrapper { margin: 0; } .reviews-module .echo-item-subwrapper .echo-item-data div.note_title, .reviews-module .echo-item-subwrapper .echo-item-footer { font-size: 12px; } .reviews-module .echo-stream-more { background-color: rgba(255, 255, 255, 0); font-size: 15px; letter-spacing: 2px !important; padding: 9px 64px; margin: 0 auto 60px auto; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: solid 2px #943135; display: inline-block; } body { background-color: #f4f4f4; } body, .ssf-generic, .echo-primaryFont, .echo-secondaryFont, .janrainSocialRoot input, .janrainSocialRoot textarea, .janrainSocialRoot button, .nutrition-information-bar .nutri-wrapper .pdp-nutrition-hd span { font-family: 'Brandontext-regular', 'Open Sans', sans-serif !important; } body, .ssf-generic, .echo-primaryFont, .echo-secondaryFont, .echo-primaryColor, .echo-secondaryColor, .janrainSocialRoot input, .janrainSocialRoot textarea, .janrainSocialRoot button { color: #8b8d8d; } a, a:hover, a:focus, .ssf-generic a, .ssf-generic a:hover, .ssf-generic a:focus, .echo-linkColor, .echo-linkColor a, .echo-linkColor a:hover, .echo-linkColor a:focus { color: #943135; } .echo-clickable:hover, .echo-clickable:focus, .echo-clickable a:hover, .echo-clickable a:focus { color: #8b8d8d; } h1, h2, h3, h4 { font-family: europa, 'BrandonGrotesque-Bold', 'Open Sans', sans-serif !important; font-weight: 700 !important; color: #3f000b; } .Display1, .Display2 { letter-spacing: 0px; } .Display1, .container .content .inner-content .Display1 { font-size: 56px !important; line-height: 60px !important; } .Display2, .container .content .inner-content .Display2, .container .content .inner-content #prodtitle_id{ /* A SSF bug to fix ==> #prodtitle_id */ font-size: 56px !important; line-height: 60px !important; padding-bottom: 23px; padding-bottom: 0px; } @media (min-width: 900px) and (max-width: 1100px) { .Display1, .container .content .inner-content .Display1 { font-size: 32px !important; line-height: 36px !important; } .Display2, .container .content .inner-content .Display2, .container .content .inner-content #prodtitle_id { font-size: 42px !important; line-height: 45px !important; padding-bottom: 10px; padding-bottom: 0px; } } @media (min-width: 768px) and (max-width: 899px), (max-width: 560px) { .Display1, .container .content .inner-content .Display1 { font-size: 32px !important; line-height: 36px !important; } .Display2, .container .content .inner-content .Display2, .container .content .inner-content #prodtitle_id { font-size: 32px !important; line-height: 36px !important; padding-bottom: 0px; } } p, .board-mol p, .ssf-generic, .ssf-generic p, quote { font-size: 18px; line-height: 24px; color: #3f000b; } .subheading-desktop, .container .content .content-holder .inner-content .subheading-desktop, .container .content-holder .content .inner-content .subheading-desktop, .container .content .text-only-feature .subheading-desktop{ font-size: 18px; line-height: 24px; margin-bottom: 14px; } @media (min-width: 768px) and (max-width: 1002px), (max-width: 560px) { .subheading-desktop, .container .content .content-holder .inner-content .subheading-desktop, .container .content-holder .content .inner-content .subheading-desktop, .container .content .text-only-feature .subheading-desktop{ font-size: 18px; line-height: 24px; } } .media-video:before { top: calc(50% - 35px); left: calc(50% - 35px); content: " "; background-image: url(selfservice-framework-hersheysfranchise/css/images/video-triangle-white.svg); background-size: 25px; background-repeat: no-repeat; background-position: center; width: 70px; height: 70px; border: solid 2px #fff; border-radius: 100%; } .media-video:hover:before { background-color: rgba(255, 255, 255, 0.22); background-image: url(selfservice-framework-hersheysfranchise/css/images/video-triangle-lt-brown.svg); border-color: #943135; } select { -moz-border-radius: 0px !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; color: #fff; background-color: #943135 !important; } select:hover { color: #943135; background-color: #fff !important; } .echo-button button.ui-button { font-family: 'Milton', 'Open Sans', sans-serif !important; font-weight: normal!important; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0; background-color: #943135; color: #fff; } .echo-button button.ui-button:hover { background-color: #fff; color: #943135; } .component-button, .container .content .inner-content .component-button { font-family: 'Milton', 'Open Sans', sans-serif !important; font-weight: normal !important; font-size: 28px; } /* @media (min-width: 768px) and (max-width: 1100px) { .component-button, .container .content .inner-content .component-button { font-size: 28px; } } */ #date-of-birth-submit.component-button, .component-button.primaryCTA, .buttons .primaryCTA, .buttons .component-button.primaryCTA, .container a.component-button.primaryCTA, .container .buttons a.component-button.primaryCTA, .container .content .inner-content .component-button.primaryCTA, .container .content .inner-content .buttons .component-button.primaryCTA { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding: 18px 16px; margin: 10px 16px 16px 0; min-width: 178px; color: #943135; border: solid 3px #ffa300; background-color: rgba(255, 255, 255, 0); } #date-of-birth-submit.component-button:hover, .component-button.primaryCTA:hover, .container a.component-button.primaryCTA:hover, .container .content .inner-content .component-button.primaryCTA:hover { color: #ffa300; border: solid 3px #943135; } div[id~=ZZ_alt_btn] .component-button.primaryCTA, div[id~=ZZ_alt_btn] .buttons .primaryCTA, div[id~=ZZ_alt_btn] .buttons .component-button.primaryCTA, div[id~=ZZ_alt_btn] a.component-button.primaryCTA, div[id~=ZZ_alt_btn] .buttons a.component-button.primaryCTA, div[id~=ZZ_alt_btn] .content .inner-content .component-button.primaryCTA, div[id~=ZZ_alt_btn] .content .inner-content .buttons .component-button.primaryCTA { color: #fff; background-color: #943135; border-color: #943135; } div[id~=ZZ_alt_btn] .component-button.primaryCTA:hover, div[id~=ZZ_alt_btn] a.component-button.primaryCTA:hover, div[id~=ZZ_alt_btn] .content .inner-content .component-button.primaryCTA:hover { color: #fff; background-color: #ffa300; border-color: #ffa300; } .component-button.primaryCTA, #date-of-birth-submit.component-button, .buttons .primaryCTA, .buttons .component-button.primaryCTA, .container a.component-button.primaryCTA, .container .buttons a.component-button.primaryCTA, .container .content .inner-content .component-button.primaryCTA, .container .content .inner-content .buttons .component-button.primaryCTA { width: auto; min-width: 220px; } @media (min-width: 768px) and (max-width: 1150px) { .component-button.primaryCTA, .buttons .primaryCTA, .buttons .component-button.primaryCTA, .container a.component-button.primaryCTA, .container .buttons a.component-button.primaryCTA, .container .content .inner-content .component-button.primaryCTA, .container .content .inner-content .buttons .component-button.primaryCTA { width: auto; min-width: 220px; } } @media (max-width: 767px) { a.component-button.primaryCTA, .buttons .primaryCTA, .buttons .component-button.primaryCTA, .container a.component-button.primaryCTA, .container .buttons .primaryCTA, .container .buttons component-button.primaryCTA, .container .content .inner-content a.component-button.primaryCTA, .container .content .inner-content .buttons .component-button.primaryCTA { width: auto; min-width: 180px; margin-left: 8px; margin-right: 8px; } } .component-button.secondaryCTA, .container a.component-button.secondaryCTA, .container .content .inner-content .component-button.secondaryCTA { padding-left: 20px !important; margin: 0; position: relative; color: #943135; } .component-button.secondaryCTA:hover, .container a.component-button.secondaryCTA:hover, .container .content .inner-content .component-button.secondaryCTA:hover { color: #ffa300; } @media (max-width: 767px) { .component-button.secondaryCTA, .container a.component-button.secondaryCTA, .container .content .inner-content .component-button.secondaryCTA { padding-left: 20px !important; padding-right: 0; margin-left: 8px; margin-right: 8px; } } .component-button.secondaryCTA .icon-chevron-right, .container a.component-button.secondaryCTA .icon-chevron-right, .container .content .inner-content .component-button.secondaryCTA .icon-chevron-right { color: #ffa300; left: 0; margin: -2px 0 0; position: absolute; font-size: 18px; font-weight: bold; } .component-button.secondaryCTA:hover .icon-chevron-right, .container a.component-button.secondaryCTA:hover .icon-chevron-right, .container .content .inner-content .component-button.secondaryCTA:hover .icon-chevron-right { color: #943135; } /* div[id~=ZZ_alt_2nd_btn] .component-button.secondaryCTA, div[id~=ZZ_alt_2nd_btn] a.component-button.secondaryCTA, div[id~=ZZ_alt_2nd_btn] .content .inner-content .component-button.secondaryCTA { padding: 17px 13px 13px 13px; border: solid 3px #943135; min-width: 180px; text-align: center; color: #3f000b; } div[id~=ZZ_alt_2nd_btn] .component-button.secondaryCTA:hover, div[id~=ZZ_alt_2nd_btn] a.component-button.secondaryCTA:hover, div[id~=ZZ_alt_2nd_btn] .content .inner-content .component-button.secondaryCTA:hover { color: #fff; background-color: #943135; } div[id~=ZZ_alt_2nd_btn] .component-button.secondaryCTA .icon-chevron-right, div[id~=ZZ_alt_2nd_btn] a.component-button.secondaryCTA .icon-chevron-right, div[id~=ZZ_alt_2nd_btn] .content .inner-content .component-button.secondaryCTA .icon-chevron-right { display: none; } */ /* the rating "stars" */ .ratings-atom { color: #8b8d8d; } .icon-deselected_star:before { color: #8b8d8d; } .icon-selected_star:before { color: #943135; } /* ---------------------------------------------------------------------- */ div[id~=ZZ_bg_3f000b], div[id~=ZZ_bg_3f000b] > div { background-color: #3f000b !important; } div[id~=ZZ_bg_8b8d8d], div[id~=ZZ_bg_8b8d8d] > div { background-color: #8b8d8d !important; } div[id~=ZZ_bg_943135], div[id~=ZZ_bg_943135] > div { background-color: #943135 !important; } div[id~=ZZ_bg_5b262e], div[id~=ZZ_bg_5b262e] > div { background-color: #5b262e !important; } div[id~=ZZ_bg_ffffff], div[id~=ZZ_bg_ffffff] > div { background-color: #fff !important; } div[id~=ZZ_bg_f5f5f5], div[id~=ZZ_bg_f5f5f5] > div { background-color: #f5f5f5 !important; } div[id~=ZZ_bg_daf1f7], div[id~=ZZ_bg_daf1f7] > div { background-color: #daf1f7 !important; } div[id~=ZZ_bg_fffde9], div[id~=ZZ_bg_fffde9] > div { background-color: #fffde9 !important; } div[id~=ZZ_bg_d5832f], div[id~=ZZ_bg_d5832f] > div { background-color: #d5832f !important; } div[id~=ZZ_bg_e03c31], div[id~=ZZ_bg_e03c31] > div { background-color: #e03c31 !important; } div[id~=ZZ_bg_9d432c], div[id~=ZZ_bg_9d432c] > div { background-color: #9d432c !important; } div[id~=ZZ_bg_ff6a13], div[id~=ZZ_bg_ff6a13] > div { background-color: #ff6a13 !important; } div[id~=ZZ_bg_ffa300], div[id~=ZZ_bg_ffa300] > div { background-color: #ffa300 !important; } div[id~=ZZ_bg_84bd00], div[id~=ZZ_bg_84bd00] > div { background-color: #84bd00 !important; } div[id~=ZZ_bg_319b42], div[id~=ZZ_bg_319b42] > div { background-color: #319b42 !important; } div[id~=ZZ_bg_00c1d5], div[id~=ZZ_bg_00c1d5] > div { background-color: #00c1d5 !important; } div[id~=ZZ_bg_00b5e2], div[id~=ZZ_bg_00b5e2] > div { background-color: #00b5e2 !important; } div[id~=ZZ_bg_0072ce], div[id~=ZZ_bg_0072ce] > div { background-color: #0072ce !important; } div[id~=ZZ_bg_68478d], div[id~=ZZ_bg_68478d] > div { background-color: #68478d !important; } div[id~=ZZ_bg_e93cac], div[id~=ZZ_bg_e93cac] > div { background-color: #e93cac !important; } div[id~=ZZ_bg_c5003e], div[id~=ZZ_bg_c5003e] > div { background-color: #c5003e !important; } div[id~=ZZ_bg_54c9e9], div[id~=ZZ_bg_54c9e9] > div { background-color: #54c9e9 !important; } div[id~=ZZ_bg_ffbf3f], div[id~=ZZ_bg_ffbf3f] > div { background-color: #ffbf3f !important; } div[id~=ZZ_bg_b6008d], div[id~=ZZ_bg_b6008d] > div { background-color: #b6008d !important; } /* ---------------------------------------------------------------------- */ div[id~=ZZ_bg_3f000b] h1, div[id~=ZZ_bg_3f000b] h2, div[id~=ZZ_bg_3f000b] h3, div[id~=ZZ_bg_3f000b] h4, div[id~=ZZ_bg_8b8d8d] h1, div[id~=ZZ_bg_8b8d8d] h2, div[id~=ZZ_bg_8b8d8d] h3, div[id~=ZZ_bg_8b8d8d] h4, div[id~=ZZ_bg_943135] h1, div[id~=ZZ_bg_943135] h2, div[id~=ZZ_bg_943135] h3, div[id~=ZZ_bg_943135] h4, div[id~=ZZ_bg_5b262e] h1, div[id~=ZZ_bg_5b262e] h2, div[id~=ZZ_bg_5b262e] h3, div[id~=ZZ_bg_5b262e] h4, div[id~=ZZ_bg_d5832f] h1, div[id~=ZZ_bg_d5832f] h2, div[id~=ZZ_bg_d5832f] h3, div[id~=ZZ_bg_d5832f] h4, div[id~=ZZ_bg_e03c31] h1, div[id~=ZZ_bg_e03c31] h2, div[id~=ZZ_bg_e03c31] h3, div[id~=ZZ_bg_e03c31] h4, div[id~=ZZ_bg_9d432c] h1, div[id~=ZZ_bg_9d432c] h2, div[id~=ZZ_bg_9d432c] h3, div[id~=ZZ_bg_9d432c] h4, div[id~=ZZ_bg_ff6a13] h1, div[id~=ZZ_bg_ff6a13] h2, div[id~=ZZ_bg_ff6a13] h3, div[id~=ZZ_bg_ff6a13] h4, div[id~=ZZ_bg_ffa300] h1, div[id~=ZZ_bg_ffa300] h2, div[id~=ZZ_bg_ffa300] h3, div[id~=ZZ_bg_ffa300] h4, div[id~=ZZ_bg_84bd00] h1, div[id~=ZZ_bg_84bd00] h2, div[id~=ZZ_bg_84bd00] h3, div[id~=ZZ_bg_84bd00] h4, div[id~=ZZ_bg_319b42] h1, div[id~=ZZ_bg_319b42] h2, div[id~=ZZ_bg_319b42] h3, div[id~=ZZ_bg_319b42] h4, div[id~=ZZ_bg_00c1d5] h1, div[id~=ZZ_bg_00c1d5] h2, div[id~=ZZ_bg_00c1d5] h3, div[id~=ZZ_bg_00c1d5] h4, div[id~=ZZ_bg_00b5e2] h1, div[id~=ZZ_bg_00b5e2] h2, div[id~=ZZ_bg_00b5e2] h3, div[id~=ZZ_bg_00b5e2] h4, div[id~=ZZ_bg_0072ce] h1, div[id~=ZZ_bg_0072ce] h2, div[id~=ZZ_bg_0072ce] h3, div[id~=ZZ_bg_0072ce] h4, div[id~=ZZ_bg_68478d] h1, div[id~=ZZ_bg_68478d] h2, div[id~=ZZ_bg_68478d] h3, div[id~=ZZ_bg_68478d] h4, div[id~=ZZ_bg_e93cac] h1, div[id~=ZZ_bg_e93cac] h2, div[id~=ZZ_bg_e93cac] h3, div[id~=ZZ_bg_e93cac] h4, div[id~=ZZ_bg_c5003e] h1, div[id~=ZZ_bg_c5003e] h2, div[id~=ZZ_bg_c5003e] h3, div[id~=ZZ_bg_c5003e] h4, div[id~=ZZ_bg_54c9e9] h1, div[id~=ZZ_bg_54c9e9] h2, div[id~=ZZ_bg_54c9e9] h3, div[id~=ZZ_bg_54c9e9] h4, div[id~=ZZ_bg_b6008d] h1, div[id~=ZZ_bg_b6008d] h2, div[id~=ZZ_bg_b6008d] h3, div[id~=ZZ_bg_b6008d] h4 { color: #fff !important; } /* ---------------------------------------------------------------------- */ div[id~=ZZ_dash] .Display1:after, div[id~=ZZ_dash] .Display2:after, div[id~=ZZ_dash] .content .inner-content .Display2:after { content: " "; display: block; background-color: #8b8d8d; width: 23px; height: 10px; margin-top: 18px; margin-left: 2px; } @media (max-width: 767px) { div[id~=ZZ_dash] .Display1:after, div[id~=ZZ_dash] .Display2:after, div[id~=ZZ_dash] .content .inner-content .Display2:after { width: 13px; height: 6px; margin: 16px auto 16px auto; } } div[id~=ZZ_bg_3f000b] h2.headline:after, div[id~=ZZ_bg_8b8d8d] h2.headline:after, div[id~=ZZ_bg_943135] h2.headline:after, div[id~=ZZ_bg_5b262e] h2.headline:after, div[id~=ZZ_bg_d5832f] h2.headline:after, div[id~=ZZ_bg_e03c31] h2.headline:after, div[id~=ZZ_bg_9d432c] h2.headline:after, div[id~=ZZ_bg_ff6a13] h2.headline:after, div[id~=ZZ_bg_ffa300] h2.headline:after, div[id~=ZZ_bg_84bd00] h2.headline:after, div[id~=ZZ_bg_319b42] h2.headline:after, div[id~=ZZ_bg_00c1d5] h2.headline:after, div[id~=ZZ_bg_00b5e2] h2.headline:after, div[id~=ZZ_bg_0072ce] h2.headline:after, div[id~=ZZ_bg_68478d] h2.headline:after, div[id~=ZZ_bg_e93cac] h2.headline:after, div[id~=ZZ_bg_c5003e] h2.headline:after, div[id~=ZZ_bg_54c9e9] h2.headline:after, div[id~=ZZ_bg_b6008d] h2.headline:after, div[id~=ZZ_bg_3f000b] h3.subheading-desktop:after, div[id~=ZZ_bg_8b8d8d] h3.subheading-desktop:after, div[id~=ZZ_bg_943135] h3.subheading-desktop:after, div[id~=ZZ_bg_5b262e] h3.subheading-desktop:after, div[id~=ZZ_bg_d5832f] h3.subheading-desktop:after, div[id~=ZZ_bg_e03c31] h3.subheading-desktop:after, div[id~=ZZ_bg_9d432c] h3.subheading-desktop:after, div[id~=ZZ_bg_ff6a13] h3.subheading-desktop:after, div[id~=ZZ_bg_ffa300] h3.subheading-desktop:after, div[id~=ZZ_bg_84bd00] h3.subheading-desktop:after, div[id~=ZZ_bg_319b42] h3.subheading-desktop:after, div[id~=ZZ_bg_00c1d5] h3.subheading-desktop:after, div[id~=ZZ_bg_00b5e2] h3.subheading-desktop:after, div[id~=ZZ_bg_0072ce] h3.subheading-desktop:after, div[id~=ZZ_bg_68478d] h3.subheading-desktop:after, div[id~=ZZ_bg_e93cac] h3.subheading-desktop:after, div[id~=ZZ_bg_c5003e] h3.subheading-desktop:after, div[id~=ZZ_bg_54c9e9] h3.subheading-desktop:after, div[id~=ZZ_bg_b6008d] h3.subheading-desktop:after, div[id~=ZZ_bg_3f000b] .Display1:after, div[id~=ZZ_bg_8b8d8d] .Display1:after, div[id~=ZZ_bg_943135] .Display1:after, div[id~=ZZ_bg_5b262e] .Display1:after, div[id~=ZZ_bg_d5832f] .Display1:after, div[id~=ZZ_bg_e03c31] .Display1:after, div[id~=ZZ_bg_9d432c] .Display1:after, div[id~=ZZ_bg_ff6a13] .Display1:after, div[id~=ZZ_bg_ffa300] .Display1:after, div[id~=ZZ_bg_84bd00] .Display1:after, div[id~=ZZ_bg_319b42] .Display1:after, div[id~=ZZ_bg_00c1d5] .Display1:after, div[id~=ZZ_bg_00b5e2] .Display1:after, div[id~=ZZ_bg_0072ce] .Display1:after, div[id~=ZZ_bg_68478d] .Display1:after, div[id~=ZZ_bg_e93cac] .Display1:after, div[id~=ZZ_bg_c5003e] .Display1:after, div[id~=ZZ_bg_54c9e9] .Display1:after, div[id~=ZZ_bg_b6008d] .Display1:after, div[id~=ZZ_bg_3f000b] .Display2:after, div[id~=ZZ_bg_8b8d8d] .Display2:after, div[id~=ZZ_bg_943135] .Display2:after, div[id~=ZZ_bg_5b262e] .Display2:after, div[id~=ZZ_bg_d5832f] .Display2:after, div[id~=ZZ_bg_e03c31] .Display2:after, div[id~=ZZ_bg_9d432c] .Display2:after, div[id~=ZZ_bg_ff6a13] .Display2:after, div[id~=ZZ_bg_ffa300] .Display2:after, div[id~=ZZ_bg_84bd00] .Display2:after, div[id~=ZZ_bg_319b42] .Display2:after, div[id~=ZZ_bg_00c1d5] .Display2:after, div[id~=ZZ_bg_00b5e2] .Display2:after, div[id~=ZZ_bg_0072ce] .Display2:after, div[id~=ZZ_bg_68478d] .Display2:after, div[id~=ZZ_bg_e93cac] .Display2:after, div[id~=ZZ_bg_c5003e] .Display2:after, div[id~=ZZ_bg_54c9e9] .Display2:after, div[id~=ZZ_bg_b6008d] .Display2:after{ background-color: #fff !important; } /* ---------------------------------------------------------------------- */ div[id~=ZZ_bg_3f000b] p, div[id~=ZZ_bg_3f000b] quote, div[id~=ZZ_bg_8b8d8d] p, div[id~=ZZ_bg_8b8d8d] quote, div[id~=ZZ_bg_943135] p, div[id~=ZZ_bg_943135] quote, div[id~=ZZ_bg_5b262e] p, div[id~=ZZ_bg_5b262e] quote, div[id~=ZZ_bg_d5832f] p, div[id~=ZZ_bg_d5832f] quote, div[id~=ZZ_bg_e03c31] p, div[id~=ZZ_bg_e03c31] quote, div[id~=ZZ_bg_9d432c] p, div[id~=ZZ_bg_9d432c] quote, div[id~=ZZ_bg_ff6a13] p, div[id~=ZZ_bg_ff6a13] quote, div[id~=ZZ_bg_ffa300] p, div[id~=ZZ_bg_ffa300] quote, div[id~=ZZ_bg_84bd00] p, div[id~=ZZ_bg_84bd00] quote, div[id~=ZZ_bg_319b42] p, div[id~=ZZ_bg_319b42] quote, div[id~=ZZ_bg_00c1d5] p, div[id~=ZZ_bg_00c1d5] quote, div[id~=ZZ_bg_00b5e2] p, div[id~=ZZ_bg_00b5e2] quote, div[id~=ZZ_bg_0072ce] p, div[id~=ZZ_bg_0072ce] quote, div[id~=ZZ_bg_68478d] p, div[id~=ZZ_bg_68478d] quote, div[id~=ZZ_bg_e93cac] p, div[id~=ZZ_bg_e93cac] quote, div[id~=ZZ_bg_c5003e] p, div[id~=ZZ_bg_c5003e] quote, div[id~=ZZ_bg_54c9e9] p, div[id~=ZZ_bg_54c9e9] quote, div[id~=ZZ_bg_b6008d] p, div[id~=ZZ_bg_b6008d] quote{ color: #fff !important; } /* ---------------------------------------------------------------------- */ div[id~=ZZ_bg_84bd00] .primaryCTA, /* #84bd00 */ div[id~=ZZ_bg_319b42] .primaryCTA, /* #319b42 */ div[id~=ZZ_bg_00c1d5] .primaryCTA, /* #00c1d5 */ div[id~=ZZ_bg_0072ce] .primaryCTA { /* #0072ce */ color: #fff !important; border-color: #943135 !important; /* lt brown */ } div[id~=ZZ_bg_f5f5f5] .primaryCTA { /* #f5f5f5 */ color: #943135 !important; /* lt brown */ border-color: #ffa300 !important; /* caramel */ } div[id~=ZZ_bg_ffffff] .primaryCTA, /* #ffffff */ div[id~=ZZ_bg_fffde9] .primaryCTA { /* #fffde9 */ color: #d5832f !important; /* dk caramel */ border-color: #943135 !important; /* lt brown */ } div[id~=ZZ_bg_3f000b] .primaryCTA, /* #3f000b */ div[id~=ZZ_bg_5b262e] .primaryCTA, /* #5b262e */ div[id~=ZZ_bg_68478d] .primaryCTA, /* #68478d */ div[id~=ZZ_bg_c5003e] .primaryCTA { /* #c5003e */ color: #fff !important; border-color: #ffa300 !important; /* caramel */ } div[id~=ZZ_bg_daf1f7] .primaryCTA, /* #daf1f7 */ div[id~=ZZ_bg_ffbf3f] .primaryCTA { /* #ffbf3f */ color: #3f000b !important; /* dk brown */ border-color: #943135 !important; /* lt brown */ } div[id~=ZZ_bg_8b8d8d] .primaryCTA, /* #8b8d8d */ div[id~=ZZ_bg_d5832f] .primaryCTA, /* #d5832f */ div[id~=ZZ_bg_ffa300] .primaryCTA, /* #ffa300 */ div[id~=ZZ_bg_00b5e2] .primaryCTA { /* #00b5e2 */ color: #fff !important; border-color: #5b262e !important; /* brown */ } div[id~=ZZ_bg_943135] .primaryCTA, /* #943135 */ div[id~=ZZ_bg_e03c31] .primaryCTA, /* #e03c31 */ div[id~=ZZ_bg_9d432c] .primaryCTA, /* #9d432c */ div[id~=ZZ_bg_ff6a13] .primaryCTA, /* #ff6a13 */ div[id~=ZZ_bg_0072ce] .primaryCTA, /* #0072ce */ div[id~=ZZ_bg_e93cac] .primaryCTA, /* #e93cac */ div[id~=ZZ_bg_54c9e9] .primaryCTA, /* #54c9e9 */ div[id~=ZZ_bg_b6008d] .primaryCTA { /* #b6008d */ color: #fff !important; border-color: #3f000b !important; /* dk brown */ } /* ---------------------------------------------------------------------- */ div[id~=ZZ_bg_84bd00] .primaryCTA:hover, /* #84bd00 */ div[id~=ZZ_bg_319b42] .primaryCTA:hover, /* #319b42 */ div[id~=ZZ_bg_00c1d5] .primaryCTA:hover, /* #00c1d5 */ div[id~=ZZ_bg_0072ce] .primaryCTA:hover { /* #0072ce */ color: #943135 !important; /* lt brown */ border-color: #fff !important; } div[id~=ZZ_bg_f5f5f5] .primaryCTA:hover { /* #f5f5f5 */ border-color: #943135 !important; /* lt brown */ color: #ffa300 !important; /* caramel */ } div[id~=ZZ_bg_ffffff] .primaryCTA:hover, /* #ffffff */ div[id~=ZZ_bg_fffde9] .primaryCTA:hover { /* #fffde9 */ color: #943135 !important; /* lt brown */ border-color: #d5832f !important; /* dk caramel */ } div[id~=ZZ_bg_3f000b] .primaryCTA:hover, /* #3f000b */ div[id~=ZZ_bg_5b262e] .primaryCTA:hover, /* #5b262e */ div[id~=ZZ_bg_68478d] .primaryCTA:hover, /* #68478d */ div[id~=ZZ_bg_c5003e] .primaryCTA:hover { /* #c5003e */ color: #ffa300 !important; /* caramel */ border-color: #fff !important; } div[id~=ZZ_bg_daf1f7] .primaryCTA:hover, /* #daf1f7 */ div[id~=ZZ_bg_ffbf3f] .primaryCTA:hover { /* #ffbf3f */ color: #943135 !important; /* lt brown */ border-color: #3f000b !important; /* dk brown */ } div[id~=ZZ_bg_8b8d8d] .primaryCTA:hover, /* #8b8d8d */ div[id~=ZZ_bg_d5832f] .primaryCTA:hover, /* #d5832f */ div[id~=ZZ_bg_ffa300] .primaryCTA:hover, /* #ffa300 */ div[id~=ZZ_bg_00b5e2] .primaryCTA:hover { /* #00b5e2 */ color: #5b262e !important; /* brown */ border-color: #fff !important; } div[id~=ZZ_bg_e03c31] .primaryCTA:hover, /* #e03c31 */ div[id~=ZZ_bg_ff6a13] .primaryCTA:hover, /* #ff6a13 */ div[id~=ZZ_bg_e93cac] .primaryCTA:hover, /* #e93cac */ div[id~=ZZ_bg_54c9e9] .primaryCTA:hover, /* #54c9e9 */ div[id~=ZZ_bg_b6008d] .primaryCTA:hover { /* #b6008d */ color: #3f000b !important; /* dk brown */ border-color: #fff !important; } div[id~=ZZ_bg_943135] .primaryCTA:hover, /* #943135 */ div[id~=ZZ_bg_9d432c] .primaryCTA:hover, /* #9d432c */ div[id~=ZZ_bg_319b42] .primaryCTA:hover, /* #319b42 */ div[id~=ZZ_bg_0072ce] .primaryCTA:hover { /* #0072ce */ color: #fff !important; border-color: #fff !important; } /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ div[id~=ZZ_alt_color] .secondaryCTA, div[id~=ZZ_bg_ffbf3f] .secondaryCTA { color: #3f000b !important; /* dk brown */ } div[id~=ZZ_bg_ffffff] .secondaryCTA, div[id~=ZZ_bg_fffde9] .secondaryCTA { color: #d5832f !important; /* dk caramel */ } div[id~=ZZ_bg_84bd00] .secondaryCTA, div[id~=ZZ_bg_00c1d5] .secondaryCTA, div[id~=ZZ_bg_319b42] .secondaryCTA, div[id~=ZZ_bg_3f000b] .secondaryCTA, div[id~=ZZ_bg_8b8d8d] .secondaryCTA, div[id~=ZZ_bg_943135] .secondaryCTA, div[id~=ZZ_bg_5b262e] .secondaryCTA, div[id~=ZZ_bg_d5832f] .secondaryCTA, div[id~=ZZ_bg_e03c31] .secondaryCTA, div[id~=ZZ_bg_9d432c] .secondaryCTA, div[id~=ZZ_bg_ff6a13] .secondaryCTA, div[id~=ZZ_bg_ffa300] .secondaryCTA, div[id~=ZZ_bg_00b5e2] .secondaryCTA, div[id~=ZZ_bg_0072ce] .secondaryCTA, div[id~=ZZ_bg_68478d] .secondaryCTA, div[id~=ZZ_bg_e93cac] .secondaryCTA, div[id~=ZZ_bg_c5003e] .secondaryCTA, div[id~=ZZ_bg_54c9e9] .secondaryCTA, div[id~=ZZ_bg_b6008d] .secondaryCTA { color: #fff !important; } /* ---------------------------------------------------------------------- */ div[id~=ZZ_bg_3f000b] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_5b262e] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_68478d] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_c5003e] .secondaryCTA .icon-chevron-right { color: #ffa300 !important; /* caramel */ } div[id~=ZZ_alt_color] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_84bd00] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_00c1d5] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_319b42] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_ffffff] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_daf1f7] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_fffde9] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_ffbf3f] .secondaryCTA .icon-chevron-right { color: #943135 !important; /* lt brown */ } div[id~=ZZ_bg_8b8d8d] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_d5832f] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_ffa300] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_00b5e2] .secondaryCTA .icon-chevron-right { color: #5b262e !important; /* brown */ } div[id~=ZZ_bg_943135] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_e03c31] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_9d432c] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_ff6a13] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_0072ce] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_e93cac] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_54c9e9] .secondaryCTA .icon-chevron-right, div[id~=ZZ_bg_b6008d] .secondaryCTA .icon-chevron-right { color: #3f000b !important; /* dk brown */ } /* ---------------------------------------------------------------------- */ div[id~=ZZ_bg_319b42] .secondaryCTA:hover, div[id~=ZZ_bg_0072ce] .secondaryCTA:hover { color: #c9c9c9 !important; /* gray */ } div[id~=ZZ_bg_3f000b] .secondaryCTA:hover, div[id~=ZZ_bg_5b262e] .secondaryCTA:hover, div[id~=ZZ_bg_68478d] .secondaryCTA:hover, div[id~=ZZ_bg_c5003e] .secondaryCTA:hover { color: #ffa300 !important; /* caramel */ } div[id~=ZZ_alt_color] .secondaryCTA:hover, div[id~=ZZ_bg_84bd00] .secondaryCTA:hover, div[id~=ZZ_bg_00c1d5] .secondaryCTA:hover, div[id~=ZZ_bg_fffde9] .secondaryCTA:hover, div[id~=ZZ_bg_ffffff] .secondaryCTA:hover, div[id~=ZZ_bg_daf1f7] .secondaryCTA:hover, div[id~=ZZ_bg_ffbf3f] .secondaryCTA:hover { color: #943135 !important; /* lt brown */ } div[id~=ZZ_bg_8b8d8d] .secondaryCTA:hover, div[id~=ZZ_bg_d5832f] .secondaryCTA:hover, div[id~=ZZ_bg_ffa300] .secondaryCTA:hover, div[id~=ZZ_bg_00b5e2] .secondaryCTA:hover { color: #5b262e !important; /* brown */ } div[id~=ZZ_bg_943135] .secondaryCTA:hover, div[id~=ZZ_bg_e03c31] .secondaryCTA:hover, div[id~=ZZ_bg_9d432c] .secondaryCTA:hover, div[id~=ZZ_bg_ff6a13] .secondaryCTA:hover, div[id~=ZZ_bg_e93cac] .secondaryCTA:hover, div[id~=ZZ_bg_54c9e9] .secondaryCTA:hover, div[id~=ZZ_bg_b6008d] .secondaryCTA:hover { color: #3f000b !important; /* dk brown */ } /* ---------------------------------------------------------------------- */ div[id~=ZZ_bg_ffffff] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_fffde9] .secondaryCTA:hover .icon-chevron-right { color: #d5832f !important; /* dk caramel */ } div[id~=ZZ_alt_color] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_daf1f7] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_ffbf3f] .secondaryCTA:hover .icon-chevron-right { color: #3f000b !important; /* dk brown */ } div[id~=ZZ_bg_84bd00] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_00c1d5] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_319b42] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_3f000b] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_8b8d8d] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_943135] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_5b262e] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_d5832f] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_e03c31] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_9d432c] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_ff6a13] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_ffa300] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_00b5e2] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_0072ce] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_68478d] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_e93cac] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_c5003e] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_54c9e9] .secondaryCTA:hover .icon-chevron-right, div[id~=ZZ_bg_b6008d] .secondaryCTA:hover .icon-chevron-right { color: #fff !important; } /* ---------------------------------------------------------------------- */ /* ---------------------------------------------------------------------- */ div[id~=ZZ_bg_3f000b][id~=ZZ_alt_btn] .primaryCTA, div[id~=ZZ_bg_5b262e][id~=ZZ_alt_btn] .primaryCTA, div[id~=ZZ_bg_68478d][id~=ZZ_alt_btn] .primaryCTA, div[id~=ZZ_bg_c5003e][id~=ZZ_alt_btn] .primaryCTA { color: #fff !important; background-color: #ffa300 !important; /* caramel */ border-color: #ffa300 !important; } div[id~=ZZ_alt_color][id~=ZZ_alt_btn] .primaryCTA, div[id~=ZZ_bg_f5f5f5][id~=ZZ_alt_btn] .primaryCTA, div[id~=ZZ_bg_daf1f7][id~=ZZ_alt_btn] .primaryCTA, div[id~=ZZ_bg_ffffff][id~=ZZ_alt_btn] .primaryCTA, div[id~=ZZ_bg_fffde9][id~=ZZ_alt_btn] .primaryCTA, /* #fffde9 */ div[id~=ZZ_bg_ffbf3f][id~=ZZ_alt_btn] .primaryCTA { /* #ffbf3f */ color: #fff !important; background-color: #943135 !important; /* lt brown */ border-color: #943135 !important; } div[id~=ZZ_bg_8b8d8d][id~=ZZ_alt_btn] .primaryCTA, div[id~=ZZ_bg_d5832f][id~=ZZ_alt_btn] .primaryCTA, div[id~=ZZ_bg_ffa300][id~=ZZ_alt_btn] .primaryCTA, div[id~=ZZ_bg_00b5e2][id~=ZZ_alt_btn] .primaryCTA { color: #fff !important; background-color: #5b262e !important; /* brown */ border-color: #5b262e !important; } div[id~=ZZ_bg_943135][id~=ZZ_alt_btn] .primaryCTA, div[id~=ZZ_bg_e03c31][id~=ZZ_alt_btn] .primaryCTA, div[id~=ZZ_bg_9d432c][id~=ZZ_alt_btn] .primaryCTA, div[id~=ZZ_bg_ff6a13][id~=ZZ_alt_btn] .primaryCTA, div[id~=ZZ_bg_0072ce][id~=ZZ_alt_btn] .primaryCTA, div[id~=ZZ_bg_e93cac][id~=ZZ_alt_btn] .primaryCTA, div[id~=ZZ_bg_54c9e9][id~=ZZ_alt_btn] .primaryCTA, div[id~=ZZ_bg_b6008d][id~=ZZ_alt_btn] .primaryCTA { color: #fff !important; background-color: #3f000b !important; /* dk brown */ border-color: #3f000b !important; } /* ---------------------------------------------------------------------- */ div[id~=ZZ_bg_84bd00][id~=ZZ_alt_btn] .primaryCTA:hover, /* #84bd00 */ div[id~=ZZ_bg_319b42][id~=ZZ_alt_btn] .primaryCTA:hover, /* #319b42 */ div[id~=ZZ_bg_00c1d5][id~=ZZ_alt_btn] .primaryCTA:hover, /* #00c1d5 */ div[id~=ZZ_bg_ffbf3f][id~=ZZ_alt_btn] .primaryCTA:hover { /* #00c1d5 */ color: #943135 !important; /* lt brown */ background-color: #fff !important; border-color: #fff !important; } div[id~=ZZ_bg_ffffff][id~=ZZ_alt_btn] .primaryCTA:hover, div[id~=ZZ_bg_fffde9][id~=ZZ_alt_btn] .primaryCTA:hover { /* #fffde9 */ color: #fff !important; background-color: #d5832f !important; /* dk caramel */ border-color: #d5832f !important; } div[id~=ZZ_bg_3f000b][id~=ZZ_alt_btn] .primaryCTA:hover, div[id~=ZZ_bg_5b262e][id~=ZZ_alt_btn] .primaryCTA:hover, div[id~=ZZ_bg_68478d][id~=ZZ_alt_btn] .primaryCTA:hover, div[id~=ZZ_bg_c5003e][id~=ZZ_alt_btn] .primaryCTA:hover { color: #ffa300 !important; /* caramel */ background-color: #fff !important; border-color: #fff !important; } div[id~=ZZ_bg_8b8d8d][id~=ZZ_alt_btn] .primaryCTA:hover, div[id~=ZZ_bg_d5832f][id~=ZZ_alt_btn] .primaryCTA:hover, div[id~=ZZ_bg_ffa300][id~=ZZ_alt_btn] .primaryCTA:hover, div[id~=ZZ_bg_00b5e2][id~=ZZ_alt_btn] .primaryCTA:hover { color: #5b262e !important; /* brown */ background-color: #fff !important; border-color: #fff !important; } div[id~=ZZ_bg_943135][id~=ZZ_alt_btn] .primaryCTA:hover, div[id~=ZZ_bg_e03c31][id~=ZZ_alt_btn] .primaryCTA:hover, div[id~=ZZ_bg_9d432c][id~=ZZ_alt_btn] .primaryCTA:hover, div[id~=ZZ_bg_ff6a13][id~=ZZ_alt_btn] .primaryCTA:hover, div[id~=ZZ_bg_0072ce][id~=ZZ_alt_btn] .primaryCTA:hover, div[id~=ZZ_bg_e93cac][id~=ZZ_alt_btn] .primaryCTA:hover, div[id~=ZZ_bg_54c9e9][id~=ZZ_alt_btn] .primaryCTA:hover, div[id~=ZZ_bg_b6008d][id~=ZZ_alt_btn] .primaryCTA:hover { color: #3f000b !important; /* dk brown */ background-color: #fff !important; border-color: #fff !important; } /* div[id~=ZZ_bg_ffffff][id~=ZZ_alt_btn] .primaryCTA:hover { color: #fff !important; background-color: #3f000b !important; border-color: #3f000b !important; } */ div[id~=ZZ_alt_color][id~=ZZ_alt_btn] .primaryCTA:hover, div[id~=ZZ_bg_f5f5f5][id~=ZZ_alt_btn] .primaryCTA:hover, div[id~=ZZ_bg_daf1f7][id~=ZZ_alt_btn] .primaryCTA:hover { /* #daf1f7 */ color: #943135 !important; /* lt brown */ background-color: #fff !important; border-color: #fff !important; } /* ---------------------------------------------------------------------- */ @media (max-width: 767px) { div[id~=ZZ_bg_prism] > div { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_homepage_split_feature_prism_mobile_bg.png); background-color: transparent !important; } div[id~=ZZ_bg_littlekisses] > div { background-image: none; background-color: #fffde9 !important; } } @media (min-width: 768px) { div[id~=ZZ_bg_prism] > div { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_homepage_split_feature_prism_bg.png); background-color: transparent !important; background-size: 100% 100%; } div[id~=ZZ_bg_littlekisses] > div { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Kisses_littlekisses_full.png); background-color: transparent !important; background-size: 100% 100%; } div[id~=ZZ_bg_prism] > div, div[id~=ZZ_bg_prism] .product-feature, div[id~=ZZ_bg_prism] .media-holder, div[id~=ZZ_bg_prism] .content-holder div[id~=ZZ_bg_littlekisses] > div, div[id~=ZZ_bg_littlekisses] .product-feature, div[id~=ZZ_bg_littlekisses] .media-holder, div[id~=ZZ_bg_littlekisses] .content-holder { background-color: transparent !important; } div[id~=ZZ_bg_prism] .media-holder img, div[id~=ZZ_bg_littlekisses] .media-holder img { display: none; } } div[id~=ZZ_bg_img_01] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_01.png); } div[id~=ZZ_bg_img_02] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_02.png); } div[id~=ZZ_bg_img_03] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_03.png); } div[id~=ZZ_bg_img_04] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_04.png); } div[id~=ZZ_bg_img_05] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_05.png); } div[id~=ZZ_bg_img_06] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_06.png); } div[id~=ZZ_bg_img_07] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_07.png); } div[id~=ZZ_bg_img_08] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_08.png); } div[id~=ZZ_bg_img_09] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_09.png); } div[id*=ZZ_bg_img_] { background-position: center center; background-size: cover; background-repeat: no-repeat; } div[id*=ZZ_bg_img_] > div { background-color: rgba(255, 255, 255, 0) !important; } div[id~=ZZ_bg_position_top], div[id~=ZZ_bg_position_top] > div{ /* background-size: 100% !important;*/ background-position: center top !important; } div[id~=ZZ_bg_position_right], div[id~=ZZ_bg_position_right] > div{ /* background-size: 100% !important;*/ background-position: center right !important; } div[id~=ZZ_bg_position_bottom], div[id~=ZZ_bg_position_bottom] > div{ /* background-size: 100% !important;*/ background-position: center bottom !important; } div[id~=ZZ_bg_position_left], div[id~=ZZ_bg_position_left] > div{ /* background-size: 100% !important;*/ background-position: center left!important; } @media (min-width: 768px) { div[id~=DD_bg_img_01] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_01_DD.png); } div[id~=DD_bg_img_02] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_02_DD.png); } div[id~=DD_bg_img_03] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_03_DD.png); } div[id~=DD_bg_img_04] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_04_DD.png); } div[id~=DD_bg_img_05] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_05_DD.png); } div[id~=DD_bg_img_06] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_06_DD.png); } div[id~=DD_bg_img_07] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_07_DD.png); } div[id~=DD_bg_img_08] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_08_DD.png); } div[id~=DD_bg_img_09] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_09_DD.png); } div[id*=DD_bg_img_] { background-position: center center; background-size: cover; background-repeat: no-repeat; } div[id*=DD_bg_img_] > div { background-color: rgba(255, 255, 255, 0) !important; } div[id~=DD_bg_position_top], div[id~=DD_bg_position_top] > div{ /* background-size: 100% !important;*/ background-position: center top !important; } div[id~=DD_bg_position_right], div[id~=DD_bg_position_right] > div{ /* background-size: 100% !important;*/ background-position: center right !important; } div[id~=DD_bg_position_bottom], div[id~=DD_bg_position_bottom] > div{ /* background-size: 100% !important;*/ background-position: center bottom !important; } div[id~=DD_bg_position_left], div[id~=DD_bg_position_left] > div{ /* background-size: 100% !important;*/ background-position: center left!important; } } @media (max-width: 767px) { div[id~=MM_bg_img_01] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_01_MM.png); } div[id~=MM_bg_img_02] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_02_MM.png); } div[id~=MM_bg_img_03] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_03_MM.png); } div[id~=MM_bg_img_04] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_04_MM.png); } div[id~=MM_bg_img_05] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_05_MM.png); } div[id~=MM_bg_img_06] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_06_MM.png); } div[id~=MM_bg_img_07] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_07_MM.png); } div[id~=MM_bg_img_08] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_08_MM.png); } div[id~=MM_bg_img_09] { background-image: url(../../content/dam/franchise/en_us/images/Common/bg_img_09_MM.png); } div[id*=MM_bg_img_] { background-position: center center; background-size: cover; background-repeat: no-repeat; } div[id*=MM_bg_img_] > div { background-color: rgba(255, 255, 255, 0) !important; } div[id~=MM_bg_position_top], div[id~=MM_bg_position_top] > div{ /* background-size: 100% !important;*/ background-position: center top !important; } div[id~=MM_bg_position_right], div[id~=MM_bg_position_right] > div{ /* background-size: 100% !important;*/ background-position: center right !important; } div[id~=MM_bg_position_bottom], div[id~=MM_bg_position_bottom] > div{ /* background-size: 100% !important;*/ background-position: center bottom !important; } div[id~=MM_bg_position_left], div[id~=MM_bg_position_left] > div{ /* background-size: 100% !important;*/ background-position: center left!important; } } /* ---------------------------------------------------------------------- */ div[id~=ZZ_bg_100_percent], div[id~=ZZ_bg_100_percent] > div{ background-size: 100% !important; } div[id~=ZZ_bg_100_100_percent], div[id~=ZZ_bg_100_100_percent] > div{ background-size: 100% 100% !important; } @media (min-width: 768px) { div[id~=DD_bg_100_percent], div[id~=DD_bg_100_percent] > div{ background-size: 100% !important; } div[id~=DD_bg_100_100_percent], div[id~=DD_bg_100_100_percent] > div{ background-size: 100% 100% !important; } } @media (max-width: 767px) { div[id~=MM_bg_100_percent], div[id~=MM_bg_100_percent] > div{ background-size: 100% !important; } div[id~=MM_bg_100_100_percent], div[id~=MM_bg_100_100_percent] > div{ background-size: 100% 100% !important; } } /* ---------------------------------------------------------------------- */ div[id~=ZZ_bg_zoom_25], div[id~=ZZ_bg_zoom_25] > div { background-size: 125% !important; } div[id~=ZZ_bg_zoom_50], div[id~=ZZ_bg_zoom_50] > div { background-size: 150% !important; } div[id~=ZZ_bg_zoom_100], div[id~=ZZ_bg_zoom_100] > div { background-size: 200% !important; } @media (min-width: 768px) { div[id~=DD_bg_zoom_25], div[id~=DD_bg_zoom_25] > div { background-size: 125% !important; } div[id~=DD_bg_zoom_50], div[id~=DD_bg_zoom_50] > div { background-size: 150% !important; } div[id~=DD_bg_zoom_100], div[id~=DD_bg_zoom_100] > div { background-size: 200% !important; } } @media (max-width: 767px) { div[id~=MM_bg_zoom_25], div[id~=MM_bg_zoom_25] > div { background-size: 125% !important; } div[id~=MM_bg_zoom_50], div[id~=MM_bg_zoom_50] > div { background-size: 150% !important; } div[id~=MM_bg_zoom_100], div[id~=MM_bg_zoom_100] > div { background-size: 200% !important; } } /* ---------------------------------------------------------------------- */ /* ------------- need to update -text-only-marquee.css also ------------- */ /* ---------------------------------------------------------------------- */ div[id~=ZZ_margin_top_130] { padding-top: 130px !important; } div[id~=ZZ_margin_bottom_130] { padding-bottom: 130px !important; } @media (max-width: 767px) { div[id~=ZZ_margin_top_130] { padding-top: 70px !important; } div[id~=ZZ_margin_bottom_130] { padding-bottom: 70px !important; } } div[id~=ZZ_margin_top_100] { padding-top: 100px !important; } div[id~=ZZ_margin_bottom_100] { padding-bottom: 100px !important; } @media (max-width: 767px) { div[id~=ZZ_margin_top_100] { padding-top: 50px !important; } div[id~=ZZ_margin_bottom_100] { padding-bottom: 50px !important; } } div[id~=ZZ_margin_top_70] { padding-top: 70px !important; } div[id~=ZZ_margin_bottom_70] { padding-bottom: 70px !important; } @media (max-width: 767px) { div[id~=ZZ_margin_top_70] { padding-top: 35px !important; } div[id~=ZZ_margin_bottom_70] { padding-bottom: 35px !important; } } div[id~=ZZ_margin_top_35] { padding-top: 35px !important; } div[id~=ZZ_margin_bottom_35] { padding-bottom: 35px !important; } @media (max-width: 767px) { div[id~=ZZ_margin_top_35] { padding-top: 18px !important; } div[id~=ZZ_margin_bottom_35] { padding-bottom: 18px !important; } } div[id~=ZZ_margin_top_20] { padding-top: 20px !important; } div[id~=ZZ_margin_bottom_20] { padding-bottom: 20px !important; } @media (max-width: 767px) { div[id~=ZZ_margin_top_20] { padding-top: 20px !important; } div[id~=ZZ_margin_bottom_20] { padding-bottom: 20px !important; } } @media (max-width: 767px) { div[id~=MM_margin_top_100] { padding-top: 100px !important; } div[id~=MM_margin_bottom_100] { padding-bottom: 100px !important; } div[id~=MM_margin_top_70] { padding-top: 70px !important; } div[id~=MM_margin_bottom_70] { padding-bottom: 70px !important; } div[id~=MM_margin_top_35] { padding-top: 35px !important; } div[id~=MM_margin_bottom_35] { padding-bottom: 35px !important; } div[id~=MM_margin_top_20] { padding-top: 20px !important; } div[id~=MM_margin_bottom_20] { padding-bottom: 20px !important; } div[id~=MM_margin_top_0] { padding-top: 0px !important; } div[id~=MM_margin_bottom_0] { padding-bottom: 0px !important; } } div[id~=ZZ_margin_0] { padding: 0px !important; } div[id~=ZZ_margin_top_0] { padding-top: 0px !important; } div[id~=ZZ_margin_bottom_0] { padding-bottom: 0px !important; } div[id~=ZZ_margin_left_0] { padding-left: 0px !important; } div[id~=ZZ_margin_right_0] { padding-right: 0px !important; } /* ---------------------------------------------------------------------- */ div[id~=ZZ_desc_uppercase] .subheading-desktop, div[id~=ZZ_desc_uppercase] .content .content-holder .inner-content .subheading-desktop, div[id~=ZZ_desc_uppercase] .content-holder .content .inner-content .subheading-desktop, div[id~=ZZ_desc_uppercase] .content .text-only-feature .subheading-desktop{ text-transform: uppercase; } /* ---------------------------------------------------------------------- */ div[id~=ZZ_desc_hide] .subheading-desktop, div[id~=ZZ_desc_hide] .content .content-holder .inner-content .subheading-desktop, div[id~=ZZ_desc_hide] .content-holder .content .inner-content .subheading-desktop, div[id~=ZZ_desc_hide] .content .text-only-feature .subheading-desktop{ display: none; } @media (max-width: 767px) { div[id~=MM_desc_hide] .subheading-desktop, div[id~=MM_desc_hide] .content .content-holder .inner-content .subheading-desktop, div[id~=MM_desc_hide] .content-holder .content .inner-content .subheading-desktop, div[id~=MM_desc_hide] .content .text-only-feature .subheading-desktop{ display: none; } } .boardcarousel .board-carousel { padding: 43px; } .boardcarousel .board-carousel { background-color: #f5f5f5; } @media (max-width: 767px) { .boardcarousel .board-carousel, .boardcarousel .board-carousel .board-mol { background-color: #f5f5f5; } } .boardcarousel .board-carousel .container { color: #8b8d8d; } .boardcarousel .board-carousel .Display1 { font-family: 'Milton', 'Open Sans', sans-serif !important; font-weight: normal !important; font-size: 56px !important; line-height: 60px !important; letter-spacing: 2px !important; color: #3f000b; margin: 0 0 40px 0; } .boardcarousel .board-carousel .subheading-desktop { color: #3f000b; margin-top: 0; margin-bottom: 40px; } .boardcarousel .board-carousel .component-button.primaryCTA { margin: 0; } .boardcarousel .content-holder h2 { color: #8b8d8d !important; text-align: center; font-size: 18px; line-height: 24px; } .boardcarousel .content-holder h2 span { color: #943135; } .boardcarousel .board-mol:hover h2 { color: #943135; } .boardcarousel .board-mol:hover h2 span { color: #8b8d8d; } @media (max-width: 767px) { .boardcarousel .content-holder h2 { font-size: 13px; line-height: 14px; text-align: left; } } .boardcarousel .content-holder p { text-align: center; font-size: 14px; line-height: 17px; } @media (max-width: 767px) { .boardcarousel .content-holder p { text-align: left; } } .boardcarousel .board-carousel .board-mol .content-holder { overflow: hidden; height: 160px; background-color: #fff; margin-bottom: 20px; } @media (max-width: 767px) { .boardcarousel .board-carousel .board-mol .content-holder { margin-bottom: 0; } } .boardcarousel .board-carousel .board-mol .media-holder { overflow: hidden; } .boardcarousel .board-carousel .board-mol .media-holder, .boardcarousel .board-carousel .board-mol .media-holder img { background-color: #fff; } @media (min-width: 768px) { .boardcarousel .board-carousel { padding: 43px 78px; /* NOTE: margin left/right 86px-8px*/ } .boardcarousel .board-carousel .text-center.row { margin-right: 90px; margin-left: 90px; } .boardcarousel .board-carousel .board-mol { padding: 0 1px; } .boardcarousel .board-carousel .component-button.primaryCTA { margin-top: 45px; } } @media (max-width: 1200px) { .boardcarousel .board-carousel { padding-left: 4%; padding-right: 4%; padding-left: calc(4% - 8px); padding-right: calc(4% - 8px); } } @media (max-width: 1002px) { .boardcarousel .board-carousel { padding-left: 2%; padding-right: 2%; padding-left: calc(2% - 8px); padding-right: calc(2% - 8px); } } @media (max-width: 767px) { .boardcarousel .board-carousel { padding: 15px 0; } .boardcarousel .board-carousel .container .row:nth-child(2) { /* the button (if they have it) */ margin-top: 40px; padding-left: 20px; padding-right: 20px; } .boardcarousel .board-carousel .board-mol { display: block !important; padding: 0; margin: 0 0 20px; } .boardcarousel .board-carousel .board-mol a { margin: 0 20px 5px 20px; } .boardcarousel .board-carousel .board-mol ul { margin-left: 20px; margin-right: 20px; } .boardcarousel .board-carousel .board-mol .content-holder, .boardcarousel .board-carousel .board-mol .media-holder { height: 90px; } } .boardcarousel .board-carousel .board-mol ul.prod-feature-fav { text-align: center; padding-left: 16px; padding-right: 16px; margin: -3.2em 0 15px 0; } @media (max-width: 768px) { .boardcarousel .board-carousel .board-mol ul.prod-feature-fav { text-align: right; margin: -3.2em 0 15px; padding-left: 0; padding-right: 0; } } .boardcarousel .slick-prev, .boardcarousel .slick-next { border-radius: unset; background-color: #fff; border: 1px solid #943135; transform: translate(0px, calc(-50% - 70px)); } .boardcarousel .slick-prev { left: -60px; } .boardcarousel .slick-next { right: -60px; } @media (min-width: 0) and (max-width: 1010px) { .boardcarousel .slick-prev { left: 0 !important; opacity: .7; } .boardcarousel .slick-next { right: 0 !important; opacity: .7; } } @media (min-width: 1011px) and (max-width: 1210px) { .boardcarousel .slick-prev { left: -28px !important; opacity: .7; } .boardcarousel .slick-next { right: -28px !important; opacity: .7; } } .boardcarousel .slick-prev::before, .boardcarousel .slick-next::before { color: #943135; } .boardcarousel .slick-prev:hover, .boardcarousel .slick-next:hover { background-color: #943135; border: 1px solid #fff; } .boardcarousel .slick-prev:hover::before, .boardcarousel .slick-next:hover::before { color: #fff; } /* ---------------------------------------------------------------------- */ @media (min-width: 768px) { .boardcarousel .board-carousel[id~=ZZ_favorite] .content-holder { height: 110px; } } @media (min-width: 768px) { .boardcarousel .board-carousel[id~=ZZ_tall] .content-holder { height: 200px; } } .boardcarousel .board-carousel[id~=ZZ_card_padding_5] .board-mol { padding: 5px; } @media (max-width: 768px) { .boardcarousel .board-carousel[id~=ZZ_card_padding_5] .board-mol { padding: 0; } } .boardcarousel .board-carousel[id~=ZZ_card_padding_10] .board-mol { padding: 10px 5px 5px 5px; } @media (max-width: 768px) { .boardcarousel .board-carousel[id~=ZZ_card_padding_10] .board-mol { padding: 0; } } .boardcarousel .board-carousel[id~=ZZ_card_padding_15] .board-mol { padding: 15px 5px 5px 5px; } @media (max-width: 768px) { .boardcarousel .board-carousel[id~=ZZ_card_padding_15] .board-mol { padding: 0; } } .boardcarousel .board-carousel[id~=ZZ_card_padding_20] .board-mol { padding: 20px 5px 5px 5px; } @media (max-width: 768px) { .boardcarousel .board-carousel[id~=ZZ_card_padding_20] .board-mol { padding: 0; } } .boardcarousel .board-carousel[id~=ZZ_dash] .Display1:after { content: " "; display: block; width: 23px; height: 10px; background-color: #8b8d8d; margin-top: 18px; margin-left: auto; margin-right: auto; } .brandnavigationbar .ssf-generic { font-family: europa, 'BrandonGrotesque-Black', 'Open Sans', sans-serif !important; font-weight: 700 !important; } .brand-navigation-bar, .brand-navigation-bar .nav-camoflouge, .brand-navigation-bar .search-icon { background-color: #fff; } .brand-navigation-bar .brand-logo { padding: 0 24px; } .brand-navigation-bar .brand-logo .logo { position: relative; width: 80% !important; } @media (max-width: 1100px) { .brand-navigation-bar .brand-logo { padding: 0 15px; } } @media (max-width: 850px) { .brand-navigation-bar .brand-logo { padding: 0 30px 0 0; } } @media (max-width: 767px) { .brand-navigation-bar .brand-logo { padding: 8px 0; } .brand-navigation-bar .brand-logo .logo { height: 100%; } } @media (min-width: 768px) { .brand-navigation-bar .nav-items li { padding-right: 23px; } } .brand-navigation-bar .nav-items li a { color: #8b8d8d !important; font-size: 14px; letter-spacing: 0; font-weight: bold; } .brand-navigation-bar .nav-items > ul > li:hover > a, .brand-navigation-bar .nav-items > ul > li > a:hover, .brand-navigation-bar .nav-items li.nav-active > a { color: #3f000b !important; } .brand-navigation-bar .nav-items .mega-dropdown-menu { padding: 45px 30px; } .brand-navigation-bar .nav-items .dropdown-menu li > a { text-transform: uppercase; } .brand-navigation-bar .nav-items .dropdown-menu li > a:hover { background-color: inherit !important; color: #3f000b !important; } .brand-navigation-bar .nav-items .mega-dropdown-menu { max-width: 540px; left: 0; right: 0; margin-left: auto; margin-right: auto; } .brand-navigation-bar .nav-items .mega-dropdown-menu .featured h3 { color: #8b8d8d; font-family: "Brandontext-regular","Open Sans",sans-serif !important; font-size: 18px; font-weight: 500; padding-bottom: 22px; } .brand-navigation-bar .nav-items .mega-dropdown-menu .featured a:before { content: '\e914'; color: #3f000b; padding-right: 5px; font-family: 'hersheys-profile-icons' !important; -moz-osx-font-smoothing: grayscale; font-size: 11px; font-family: "hersheys-icon-font" !important; font-style: normal; font-variant: normal; font-weight: bold; text-transform: none; } .brand-navigation-bar .nav-items .mega-dropdown-menu .featured a:hover::before { color: #8b8d8d; } .brand-navigation-bar .nav-items .mega-dropdown-menu .featured a { background: none; padding-left: 0; } .brand-navigation-bar .hamburger-line, .brand-navigation-bar .hamburger-line:active, .brand-navigation-bar .hamburger-line:focus, .brand-navigation-bar .hamburger-line:visited, .brand-navigation-bar .brand-navigation-hamburger-icon:active .hamburger-line, .brand-navigation-bar .brand-navigation-hamburger-icon:focus .hamburger-line, .brand-navigation-bar .brand-navigation-hamburger-icon:visited .hamburger-line { background-color: #c5c6c6; } .brand-navigation-bar .hamburger-line:hover, .brand-navigation-bar .brand-navigation-hamburger-icon:hover .hamburger-line, .brand-navigation-bar.nav-showing .hamburger-line, .brand-navigation-bar.nav-showing .brand-navigation-hamburger-icon .hamburger-line { background-color: #3f000b; } .brand-navigation-bar.nav-showing .nav-items li a { color: #8b8d8d; } .brand-navigation-bar .search-icon, .brand-navigation-bar .search-icon:active, .brand-navigation-bar .search-icon:focus, .brand-navigation-bar .search-icon:visited { color: #c5c6c6; } .brand-navigation-bar .search-icon:hover, .brand-navigation-bar.search-showing .search-icon { color: #3f000b; } @media (max-width: 767px) { .brand-navigation-bar .nav-search-holder { padding: 0 0 0 30px } .brand-navigation-bar .search-icon { background-repeat: no-repeat; background-size: contain; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; margin: 16px 0 0 0; width: 26px; height: 28px; } .brand-navigation-bar .search-icon:before { content: ""; } .brand-navigation-bar .search-icon, .brand-navigation-bar .search-icon:active, .brand-navigation-bar .search-icon:focus, .brand-navigation-bar .search-icon:visited { color: #ff5e16; background-image: url(selfservice-framework-hersheysfranchise/css/images/search-icon-gray.svg); } .brand-navigation-bar .search-icon:hover, .brand-navigation-bar.search-showing .search-icon { color: #8c8c8c; background-image: url(selfservice-framework-hersheysfranchise/css/images/search-icon-brown.svg); } } .centeredmarquee .centered-marquee .col-lg-1, .centeredmarquee .centered-marquee .col-lg-10, .centeredmarquee .centered-marquee .col-lg-11, .centeredmarquee .centered-marquee .col-lg-12, .centeredmarquee .centered-marquee .col-lg-2, .centeredmarquee .centered-marquee .col-lg-3, .centeredmarquee .centered-marquee .col-lg-4, .centeredmarquee .centered-marquee .col-lg-5, .centeredmarquee .centered-marquee .col-lg-6, .centeredmarquee .centered-marquee .col-lg-7, .centeredmarquee .centered-marquee .col-lg-8, .centeredmarquee .centered-marquee .col-lg-9, .centeredmarquee .centered-marquee .col-md-1, .centeredmarquee .centered-marquee .col-md-10, .centeredmarquee .centered-marquee .col-md-11, .centeredmarquee .centered-marquee .col-md-12, .centeredmarquee .centered-marquee .col-md-2, .centeredmarquee .centered-marquee .col-md-3, .centeredmarquee .centered-marquee .col-md-4, .centeredmarquee .centered-marquee .col-md-5, .centeredmarquee .centered-marquee .col-md-6, .centeredmarquee .centered-marquee .col-md-7, .centeredmarquee .centered-marquee .col-md-8, .centeredmarquee .centered-marquee .col-md-9, .centeredmarquee .centered-marquee .col-sm-1, .centeredmarquee .centered-marquee .col-sm-10, .centeredmarquee .centered-marquee .col-sm-11, .centeredmarquee .centered-marquee .col-sm-12, .centeredmarquee .centered-marquee .col-sm-2, .centeredmarquee .centered-marquee .col-sm-3, .centeredmarquee .centered-marquee .col-sm-4, .centeredmarquee .centered-marquee .col-sm-5, .centeredmarquee .centered-marquee .col-sm-6, .centeredmarquee .centered-marquee .col-sm-7, .centeredmarquee .centered-marquee .col-sm-8, .centeredmarquee .centered-marquee .col-sm-9, .centeredmarquee .centered-marquee .col-xs-1, .centeredmarquee .centered-marquee .col-xs-10, .centeredmarquee .centered-marquee .col-xs-11, .centeredmarquee .centered-marquee .col-xs-12, .centeredmarquee .centered-marquee .col-xs-2, .centeredmarquee .centered-marquee .col-xs-3, .centeredmarquee .centered-marquee .col-xs-4, .centeredmarquee .centered-marquee .col-xs-5, .centeredmarquee .centered-marquee .col-xs-6, .centeredmarquee .centered-marquee .col-xs-7, .centeredmarquee .centered-marquee .col-xs-8, .centeredmarquee .centered-marquee .col-xs-9 { padding-right: 0; padding-left: 0; } .centeredmarquee .centered-marquee .text-holder { background-color: #fff; } .listing .container, .listing .filter-sort-bar, .listing .pagination-bar .pagination { background-color: rgba(244, 244, 244, 0); } .listing > .container { padding: 70px; } @media (max-width: 767px) { .listing > .container { padding: 35px 20px; } } .listing .pagination-bar .pagination { padding: 30px 0; } @media (max-width: 767px) { .listing .pagination-bar .pagination { padding-top: 15px; } } .listing .pagination-bar .pagination-data-container { color: #8b8d8d; } .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing { margin-left: 1px; margin-right: 0; margin-bottom: 10px; } @media (min-width: 768px) { .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing { margin-top: 1px; margin-bottom: 0; width: calc( 33.333333% - 1px); } } .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing .media-holder, .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing .content-holder { background-color: #fff; } .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing .content-holder { padding: 30px; } @media (max-width: 767px) { .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing .content-holder, .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing.grid-4 .content-holder, .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing.rating.grid-4 .content-holder { width: calc(100% - 110px); padding-bottom: 35px; } } @media (min-width: 768px) { .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing { background-color: #fff; } } @media (max-width: 767px) { .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing { background-color: rgba(255, 255, 255, 0); padding: 0; } .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing a.flex { padding: 0; } } .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing .media-holder img { width: 80%; padding-top: 20px; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .listing .pagination-bar .pagination-text { padding: 0; } } .listing .pagination-bar .pagination-text p.showing { font-size: 12px; font-weight: bold !important; letter-spacing: 1px !important; text-transform: uppercase; color: #4b1c1b; padding-left: 0; margin-bottom: 30px; } @media (max-width: 767px) { .listing .pagination-bar .pagination-text p.showing { font-size: 18px; font-weight: normal !important; color: #943135; } } .listing .pagination-bar .pagination-text a.showall { font-size: 12px; font-weight: bold !important; text-transform: uppercase; color: #943135; padding-right: 0; } .listing .pagination-bar .pagination-text a.showall:hover { color: #4b1c1b; } @media (max-width: 767px) { .listing .pagination-bar .pagination-text a.showall { font-size: 18px; font-weight: normal !important; } } @media (min-width: 1003px) { .listing > .container > .pagination-bar { margin-top: -47px; } } .listing .pagination-bar .board-mol-dynamic-listing h2 { font-family: 'Brandontext-regular', 'Open Sans', sans-serif !important; font-weight: normal !important; font-size: 18px; color: #8b8d8d; } .listing .pagination-bar .board-mol-dynamic-listing:hover h2 { color: #943135; } .listing .pagination-bar .board-mol-dynamic-listing h2 span { color: #943135; } .listing .pagination-bar .board-mol-dynamic-listing:hover h2 span { color: #4b1c1b; } .listing .pagination-bar .pagination ul li.paginationjs-page a { font-family: 'Milton', 'Open Sans', sans-serif !important; font-weight: normal !important; font-size: 28px; line-height: 26px; letter-spacing: 2px; } .listing .pagination-bar .pagination ul li a { margin: 0 5px; background-color: #fff; color: #943135; border: solid 2px #c5c4c4; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } @media (min-width: 768px) { .listing .pagination-bar .pagination ul li a { width: 44px; height: 44px; } } .listing .pagination-bar .pagination ul li a:hover, .listing .pagination-bar .pagination ul li.active a { background-color: #943135; border-color: #943135; color: #fff; } .listing .pagination-bar .pagination ul li.paginationjs-prev a, .listing .pagination-bar .pagination ul li.paginationjs-next a { color: #953036; background: none; margin: 7px 0 0 0; height: 26px; } .listing .pagination-bar .pagination ul li.paginationjs-prev a:hover, .listing .pagination-bar .pagination ul li.paginationjs-next a:hover { color: #c5c4c4; background: none; } @media (max-width: 767px) { .listing .pagination-bar .pagination ul li.paginationjs-prev a::before, .listing .pagination-bar .pagination ul li.paginationjs-next a::after { color: #943135; } .listing .pagination-bar .pagination ul li.paginationjs-prev a::after, .listing .pagination-bar .pagination ul li.paginationjs-next a::before { font-family: 'Milton', 'Open Sans', sans-serif !important; font-weight: bold !important; font-size: 20px; letter-spacing: 2px; color: #aeb0b0; } .listing .pagination-bar .pagination ul li.paginationjs-prev a::after { margin-left: 5px; } .listing .pagination-bar .pagination ul li.paginationjs-next a::before { margin-right: 5px; } } .listing .pagination-bar .pagination ul li.paginationjs-ellipsis a, .listing .pagination-bar .pagination ul li.paginationjs-ellipsis a:hover { color: #943135; } .listing .pagination-bar .pagination ul li.disabled a { color: #c5c4c4; /* visibility: hidden;*/ } @media (min-width: 768px) { .listing .faceted-browsing-bar { padding-right: 4px; } .listing .faceted-browsing-bar .header { padding: 20px 17px 48px 10px; } } @media (max-width: 767px) { .listing .faceted-browsing-bar.open { background-color: #fff; } .listing .faceted-browsing-bar.open .facetsbar { margin-bottom: 20px; } } .listing .faceted-browsing-bar .header h2, .listing .faceted-browsing-bar .header li { font-family: europa, 'BrandonGrotesque-Black', 'Open Sans', sans-serif !important; font-weight: 700 !important; text-transform: uppercase; font-size: 14px; color: #4b1c1b; } .listing .faceted-browsing-bar .header h3, .listing .faceted-browsing-bar .header h3 span { font-family: 'Brandontext-regular', 'Open Sans', sans-serif !important; font-weight: normal !important; text-transform: uppercase; font-size: 18px; color: #4b1c1b; } @media (max-width: 767px) { .listing .faceted-browsing-bar .header h3 span, .listing .faceted-browsing-bar .header h3.filterClosed { text-transform: uppercase; color: #943135; } } @media (max-width: 767px) { .listing .faceted-browsing-bar .header h3, .listing .faceted-browsing-bar .header h3 span{ font-size: 18px; } } @media only screen and (max-width: 767px) { .faceted-browsing-bar .header h3.filterOpen span.close { padding-left: 10px; } .faceted-browsing-bar .header h3.filterOpen span.apply { padding-right: 10px; } } .listing .faceted-browsing-bar .header .clearAll { font-family: 'Brandontext-regular', 'Open Sans', sans-serif !important; font-weight: bold !important; letter-spacing: 1px !important; text-transform: uppercase; font-size: 12px; color: #943135; } .listing .faceted-browsing-bar .header .clearAll:hover { color: #4b1c1b; } @media (min-width: 768px) { .listing .faceted-browsing-bar .facetsbar { background-color: #fff; } .listing .faceted-browsing-bar .facet { padding: 0; } .listing .faceted-browsing-bar .facet .facet-header { background-color: #5b262e; } } @media (max-width: 767px) { .listing .faceted-browsing-bar .facetsbar { background-color: rgba(244, 244, 244, 0); } .listing .faceted-browsing-bar .facet .facet-header { border-top: solid 1px #5b262e; } .listing .faceted-browsing-bar .facet .facet-options { border-bottom: solid 1px #5b262e; } } .listing .faceted-browsing-bar .facet .facet-header .dropdown a { font-family: europa, 'BrandonGrotesque-Black', 'Open Sans', sans-serif !important; font-weight: 700 !important; text-transform: uppercase; font-size: 14px; color: #fff; padding: 0 0 0 10px; } @media (max-width: 767px) { .listing .faceted-browsing-bar .facet .facet-header .dropdown a { color: #4b1c1b; } } .listing .faceted-browsing-bar .facet .facet-header .dropdown .clearFacets { font-family: 'Brandontext-regular', 'Open Sans', sans-serif !important; font-weight: bold !important; letter-spacing: 1px !important; text-transform: uppercase; font-size: 12px; color: #fff; padding: 0 17px 0 0; } .listing .faceted-browsing-bar .facet .facet-header .dropdown .clearFacets:hover { color: #c5c4c4; } @media (max-width: 767px) { .listing .faceted-browsing-bar .facet .facet-header span.icon-down_arrow, .listing .faceted-browsing-bar .facet .facet-header span.icon-up_arrow{ color: #4b1c1b; } } .listing .faceted-browsing-bar .facet .facet-options .dropdown-menu { margin-bottom: 48px; } .listing .faceted-browsing-bar .facet .facet-options .dropdown-menu li { font-family: europa, 'BrandonGrotesque-Bold', 'Open Sans', sans-serif !important; font-weight: 700 !important; text-transform: uppercase; letter-spacing: 1.2px; font-size: 12px; color: #943135; margin-left: 16px; } .listing .faceted-browsing-bar .styledCheckbox input[type=checkbox]:checked + label { background: #4b1c1b; } .listing .faceted-browsing-bar .styledCheckbox input[type=checkbox]:checked + label:after { border-color: #fff; } .listing .faceted-browsing-bar .styledCheckbox input[type=checkbox]:checked + label + span { color: #4b1c1b; } .listing .faceted-browsing-bar .styledCheckbox label:hover:after { border-color: #4b1c1b; } .listing ul.prod-feature-fav { text-align: left; padding-left: 30px; margin-bottom: 0px; margin-top: 0; position: absolute; top: calc(100% - 33px); } @media (max-width: 767px) { .listing ul.prod-feature-fav { margin-top: 0; padding-left: 45px; } } .listing ul.prod-feature-fav .btn-link .icon-solid-heart { color: #943135 !important; } .listing ul.prod-feature-fav .btn-link { color: #8b8d8d !important; } .listing ul.prod-feature-fav .btn-link:hover { color: #943135 !important; } @media (max-width: 767px) { .listing ul.prod-feature-fav li .btn.btn-link { float: none; margin-left: 85px; } .listing .board-mol-dynamic-listing .square-background { min-height: 110px; min-width: 110px; } } /* ---------------------------------------------------------------------- */ .ZZ_bg_product_cards .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing:hover .media-holder, .ZZ_bg_product_cards .listing .pagination-bar .pagination-data-container .board-mol-dynamic-listing:hover .content-holder { background-color: #943135; } .ZZ_bg_product_cards .listing .pagination-bar .board-mol-dynamic-listing:hover h2, .ZZ_bg_product_cards .listing .pagination-bar .board-mol-dynamic-listing:hover ul.prod-feature-fav .btn-link { color: #fff !important; } .ZZ_bg_product_cards .listing .pagination-bar .board-mol-dynamic-listing:hover ul.prod-feature-fav .btn-link:hover, .ZZ_bg_product_cards .listing .pagination-bar .board-mol-dynamic-listing:hover ul.prod-feature-fav .btn-link .icon-solid-heart, .ZZ_bg_product_cards .listing .pagination-bar .board-mol-dynamic-listing:hover h2 span { color: #3f000b !important; } .fourboard .board-grid-4 { padding: 43px; } .fourboard .board-grid-4 { background-color: #f5f5f5; } @media (max-width: 767px) { .fourboard .board-grid-4, .fourboard .board-grid-4 .board-mol { background-color: #f5f5f5; } } .fourboard .board-grid-4 .container { color: #8b8d8d; } .fourboard .board-grid-4 .container > div:first-child { background-color: #fff; } .fourboard .board-grid-4 .Display1 { font-family: 'Milton', 'Open Sans', sans-serif !important; font-weight: normal !important; font-size: 56px !important; line-height: 60px !important; letter-spacing: 2px !important; color: #3f000b; margin: 0 0 40px 0; } .fourboard .board-grid-4 .subheading-desktop { color: #3f000b; margin-top: 0; margin-bottom: 40px; } .fourboard .board-grid-4 .component-button.primaryCTA { margin: 0; } .fourboard .content-holder h2 { color: #8b8d8d !important; text-align: center; font-size: 18px; line-height: 24px; } .fourboard .content-holder h2 span { color: #943135; } .fourboard .board-mol:hover h2 { color: #943135; } .fourboard .board-mol:hover h2 span { color: #8b8d8d; } @media (max-width: 767px) { .fourboard .content-holder h2 { font-size: 13px; line-height: 14px; text-align: left; } } .fourboard .content-holder p { text-align: center; font-size: 14px; line-height: 17px; } @media (max-width: 767px) { .fourboard .content-holder p { text-align: left; } } .fourboard .board-grid-4 .board-mol .content-holder { overflow: hidden; height: 90px; background-color: #fff; margin-bottom: 20px; } @media (max-width: 767px) { .fourboard .board-grid-4 .board-mol .content-holder { margin-bottom: 0; } } .fourboard .board-grid-4 .board-mol .media-holder { overflow: hidden; } .fourboard .board-grid-4 .board-mol .media-holder, .fourboard .board-grid-4 .board-mol .media-holder img { background-color: #fff; } @media (min-width: 768px) { .fourboard .board-grid-4 { padding: 43px 78px; /* NOTE: margin left/right 86px-8px*/ } .fourboard .board-grid-4 .text-center.row { margin-right: 90px; margin-left: 90px; } .fourboard .board-grid-4 .board-mol { padding: 0 1px; } .fourboard .board-grid-4 .component-button.primaryCTA { margin-top: 45px; } } @media (max-width: 1200px) { .fourboard .board-grid-4 { padding-left: 4%; padding-right: 4%; padding-left: calc(4% - 8px); padding-right: calc(4% - 8px); } } @media (max-width: 1002px) { .fourboard .board-grid-4 { padding-left: 2%; padding-right: 2%; padding-left: calc(2% - 8px); padding-right: calc(2% - 8px); } } @media (max-width: 767px) { .fourboard .board-grid-4 { padding: 15px 0; } .fourboard .board-grid-4 .container .row:nth-child(2) { /* the button (if they have it) */ margin-top: 40px; padding-left: 20px; padding-right: 20px; } .fourboard .board-grid-4 .board-mol { padding: 0; margin: 0; } .fourboard .board-grid-4 .board-mol a { margin: 20px 20px 0 20px; } .fourboard .board-grid-4 .board-mol:first-child a { margin-top: 0; } .fourboard .board-grid-4 .board-mol ul { margin-left: 20px; margin-right: 20px; } .fourboard .board-grid-4 .board-mol .content-holder, .fourboard .board-grid-4 .board-mol .media-holder { height: 90px; } } /* ---------------------------------------------------------------------- */ @media (min-width: 768px) { .fourboard .board-grid-4[id~=ZZ_favorite] .content-holder { height: 110px; } } @media (min-width: 768px) { .fourboard .board-grid-4[id~=ZZ_tall] .content-holder { height: 200px; } } .fourboard .board-grid-4[id~=ZZ_card_padding_5] .board-mol { padding: 5px; } @media (max-width: 768px) { .fourboard .board-grid-4[id~=ZZ_card_padding_5] .board-mol { padding: 0; } } .fourboard .board-grid-4[id~=ZZ_card_padding_10] .board-mol { padding: 10px 5px 5px 5px; } @media (max-width: 768px) { .fourboard .board-grid-4[id~=ZZ_card_padding_10] .board-mol { padding: 0; } } .fourboard .board-grid-4[id~=ZZ_card_padding_15] .board-mol { padding: 15px 5px 5px 5px; } @media (max-width: 768px) { .fourboard .board-grid-4[id~=ZZ_card_padding_15] .board-mol { padding: 0; } } .fourboard .board-grid-4[id~=ZZ_card_padding_20] .board-mol { padding: 20px 5px 5px 5px; } @media (max-width: 768px) { .fourboard .board-grid-4[id~=ZZ_card_padding_20] .board-mol { padding: 0; } } .fourboard .board-grid-4[id~=ZZ_dash] .Display1:after { content: " "; display: block; width: 23px; height: 10px; background-color: #8b8d8d; margin-top: 18px; margin-left: auto; margin-right: auto; } .image-board-marquee { color: #ffffff; } .image-board-marquee .media-holder, .image-board-marquee .content-holder { padding: 0; } .imageboardmarquee .image-board-marquee .content .inner-content .Display2 { font-family: europa, 'BrandonGrotesque-Bold', 'Open Sans', sans-serif !important; font-weight: 700 !important; font-size: 80px !important; line-height: 100px !important; } .imageboardmarquee > div[id~=ZZ_dash] .content .inner-content .Display2:after { margin-left: auto !important; margin-right: auto !important; } .image-board-marquee .content-holder .inner-content .subheading-desktop { font-family: europa, 'BrandonGrotesque-Bold', 'Open Sans', sans-serif !important; font-weight: 700 !important; font-size: 18px !important; line-height: 24px !important; width: 60%; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .image-board-marquee .content-holder .inner-content { text-align: center; padding: 0; width: 100%; } .image-board-marquee .text-holder { background-color: rgba(255, 255, 255, 0); padding: 50px 20px; } .imageboardmarquee .image-board-marquee .content .inner-content .Display2 { font-size: 38px !important; line-height: 40px !important; text-align: center; } .image-board-marquee .content-holder .inner-content .subheading-desktop { width: 80%; color: #8b8d8d; text-align: center; } } .ingredientlist .ingredients-supplies-list, .ingredientlist .directions-list, .ingredientlist .container { background-color: #5b262e; } .ingredientlist .container { border-top: solid 1px #3f000b; } @media (max-width: 767px) { .ingredientlist .ingredients-supplies-list { padding-top: 50px; } } .ingredientlist .ingredients-supplies-list h2.headline, .ingredientlist .directions-list h2.headline { color: #fff; font-family: 'Milton', 'Open Sans', sans-serif !important; font-weight: normal !important; font-size: 30px !important; line-height: 34px !important; text-transform: uppercase; letter-spacing: 2px; } .ingredientlist .ingredients-supplies-list h2.headline:after, .ingredientlist .directions-list h2.headline:after { content: " "; display: block; background-color: #8b8d8d; width: 13px; height: 6px; margin-top: 6px; } @media (max-width: 767px) { .ingredientlist .ingredients-supplies-list h2.headline, .ingredientlist .directions-list h2.headline { text-align: center; } .ingredientlist .ingredients-supplies-list h2.headline:after, .ingredientlist .directions-list h2.headline:after { margin-left: auto; margin-right: auto; } } .ingredientlist .ingredients-supplies-list ul { border-top-color: #5b262e; } .ingredientlist .ingredients-supplies-list ul li { color: #fff; } .ingredientlist .directions-list .directions-list-wrapper ul { border-top-color: #5b262e; } .ingredientlist .directions-list .directions-list-wrapper ul li { color: #fff; } .ingredientlist .directions-list .directions-list-wrapper ul li:before { color: #fff; } .content-holder ul.hearting .btn-link { border-top: 0px; padding-bottom: 2px; } .recipecraftbar .recipe-craft-bar .janrainSocialRoot.janrainFormFactorDrawer .janrainDrawerButton, .janrainSocialRoot.janrainFormFactorDrawer .janrainSocialBar .janrainDrawerButtonContainer .janrainDrawerButton, .content-holder ul.hearting .btn-link, ul.prod-feature-fav .btn-link, .content-holder ul.hearting .janrainDrawerButton, .recipe-craft-bar ul li.save, /*.recipe-craft-bar ul li.save:after,*/ .recipe-craft-bar ul li.print /*.recipe-craft-bar ul li.print span*/ { color: #fff; } .recipecraftbar .recipe-craft-bar .janrainSocialRoot.janrainFormFactorDrawer .janrainDrawerButton:hover, .janrainSocialRoot.janrainFormFactorDrawer .janrainSocialBar .janrainDrawerButtonContainer .janrainDrawerButton:hover, .content-holder ul.hearting .btn-link:hover, ul.prod-feature-fav .btn-link:hover, .content-holder ul.hearting .janrainDrawerButton:hover, .recipe-craft-bar ul li.save:hover, /*.recipe-craft-bar ul li.save:hover:after,*/ .recipe-craft-bar ul li.print:hover { /*.recipe-craft-bar ul li.print:hover span {*/ color: #ffa300; /* caramel */ } .janrainSocialRoot.janrainFormFactorDrawer .janrainSocialBar .janrainDrawerButtonContainer .janrainDrawerButton::before, .content-holder ul.hearting .btn-link .icon-solid-heart, ul.prod-feature-fav .btn-link .icon-solid-heart, .content-holder ul.hearting .janrainDrawerButtonContainer .janrainDrawerButton::before, .recipe-craft-bar ul li.save .icon-Save:before, .recipe-craft-bar ul li.print .glyphicon-print:before { color: #ffa300; /* caramel */ } /* .janrainSocialRoot.janrainFormFactorDrawer .janrainSocialBar .janrainDrawerButtonContainer:hover .janrainDrawerButton::before, .content-holder ul.hearting .btn-link:hover .icon-solid-heart, ul.prod-feature-fav .btn-link:hover .icon-solid-heart, .content-holder ul.hearting .janrainDrawerButtonContainer:hover .janrainDrawerButton::before, .recipe-craft-bar ul li.save:hover .icon-Save:before, .recipe-craft-bar ul li.print:hover .glyphicon-print:before { color: #fff; } */ .janrainSocialRoot.janrainFormFactorDrawer .janrainSocialBar .janrainProviderList { background: #fff !important; } .janrainSocialRoot.janrainFormFactorDrawer .janrainSocialBar .janrainProviderList button.janrainProvider { background-color: #ffa300 !important; } .janrainSocialRoot.janrainFormFactorDrawer .janrainSocialBar .janrainProviderList button.janrainProvider:after { color: #fff !important; } .janrainSocialRoot.janrainFormFactorDrawer .janrainSocialBar .janrainProviderList button.janrainProvider:hover { background-color: #fff !important; border-color: #ffa300; } .janrainSocialRoot.janrainFormFactorDrawer .janrainSocialBar .janrainProviderList button.janrainProvider:hover:after { color: #ffa300 !important; } /* special case for email share */ .janrainSocialRoot.janrainFormFactorDrawer .janrainSocialBar .janrainProviderList button.janrain_emailButton:after { background-image: url(selfservice-framework-hersheysfranchise/css/images/email-icon-white.svg); } .janrainSocialRoot.janrainFormFactorDrawer .janrainSocialBar .janrainProviderList button.janrain_emailButton:hover:after { background-image: url(selfservice-framework-hersheysfranchise/css/images/email-icon-caramel.svg); } /* ---------------------------------------------------------------------- */ /* Text Color */ div[id~=ZZ_bg_3f000b] ul.hearting .btn-link, div[id~=ZZ_bg_3f000b] .janrainDrawerButton, div[id~=ZZ_bg_5b262e] ul.hearting .btn-link, div[id~=ZZ_bg_5b262e] .janrainDrawerButton, div[id~=ZZ_bg_68478d] ul.hearting .btn-link, div[id~=ZZ_bg_68478d] .janrainDrawerButton, div[id~=ZZ_bg_c5003e] ul.hearting .btn-link, div[id~=ZZ_bg_c5003e] .janrainDrawerButton, div[id~=ZZ_bg_8b8d8d] ul.hearting .btn-link, div[id~=ZZ_bg_8b8d8d] .janrainDrawerButton, div[id~=ZZ_bg_d5832f] ul.hearting .btn-link, div[id~=ZZ_bg_d5832f] .janrainDrawerButton, div[id~=ZZ_bg_ffa300] ul.hearting .btn-link, div[id~=ZZ_bg_ffa300] .janrainDrawerButton, div[id~=ZZ_bg_00b5e2] ul.hearting .btn-link, div[id~=ZZ_bg_00b5e2] .janrainDrawerButton, div[id~=ZZ_bg_943135] ul.hearting .btn-link, div[id~=ZZ_bg_943135] .janrainDrawerButton, div[id~=ZZ_bg_e03c31] ul.hearting .btn-link, div[id~=ZZ_bg_e03c31] .janrainDrawerButton, div[id~=ZZ_bg_9d432c] ul.hearting .btn-link, div[id~=ZZ_bg_9d432c] .janrainDrawerButton, div[id~=ZZ_bg_ff6a13] ul.hearting .btn-link, div[id~=ZZ_bg_ff6a13] .janrainDrawerButton, div[id~=ZZ_bg_0072ce] ul.hearting .btn-link, div[id~=ZZ_bg_0072ce] .janrainDrawerButton, div[id~=ZZ_bg_e93cac] ul.hearting .btn-link, div[id~=ZZ_bg_e93cac] .janrainDrawerButton, div[id~=ZZ_bg_54c9e9] ul.hearting .btn-link, div[id~=ZZ_bg_54c9e9] .janrainDrawerButton, div[id~=ZZ_bg_b6008d] ul.hearting .btn-link, div[id~=ZZ_bg_b6008d] .janrainDrawerButton { color: #fff !important; } div[id~=ZZ_bg_ffffff] ul.hearting .btn-link, div[id~=ZZ_bg_ffffff] .janrainDrawerButton, div[id~=ZZ_bg_f5f5f5] ul.hearting .btn-link, div[id~=ZZ_bg_f5f5f5] .janrainDrawerButton { color: #8b8d8d !important; /* gray */ } div[id~=ZZ_bg_daf1f7] ul.hearting .btn-link, div[id~=ZZ_bg_daf1f7] .janrainDrawerButton, div[id~=ZZ_bg_fffde9] ul.hearting .btn-link, div[id~=ZZ_bg_fffde9] .janrainDrawerButton, div[id~=ZZ_bg_ffbf3f] ul.hearting .btn-link, div[id~=ZZ_bg_ffbf3f] .janrainDrawerButton { color: #3f000b !important; /* dk brown */ } /* Text Hover Color */ div[id~=ZZ_bg_3f000b] ul.hearting .btn-link:hover, div[id~=ZZ_bg_3f000b] .janrainDrawerButton:hover, div[id~=ZZ_bg_5b262e] ul.hearting .btn-link:hover, div[id~=ZZ_bg_5b262e] .janrainDrawerButton:hover, div[id~=ZZ_bg_68478d] ul.hearting .btn-link:hover, div[id~=ZZ_bg_68478d] .janrainDrawerButton:hover, div[id~=ZZ_bg_c5003e] ul.hearting .btn-link:hover, div[id~=ZZ_bg_c5003e] .janrainDrawerButton:hover { color: #ffa300 !important; /* caramel */ } div[id~=ZZ_bg_ffffff] ul.hearting .btn-link:hover, div[id~=ZZ_bg_ffffff] .janrainDrawerButton:hover, div[id~=ZZ_bg_f5f5f5] ul.hearting .btn-link:hover, div[id~=ZZ_bg_f5f5f5] .janrainDrawerButton:hover, div[id~=ZZ_bg_daf1f7] ul.hearting .btn-link:hover, div[id~=ZZ_bg_daf1f7] .janrainDrawerButton:hover, div[id~=ZZ_bg_fffde9] ul.hearting .btn-link:hover, div[id~=ZZ_bg_fffde9] .janrainDrawerButton:hover, div[id~=ZZ_bg_ffbf3f] ul.hearting .btn-link:hover, div[id~=ZZ_bg_ffbf3f] .janrainDrawerButton:hover { color: #943135 !important; /* lt brown */ } div[id~=ZZ_bg_8b8d8d] ul.hearting .btn-link:hover, div[id~=ZZ_bg_8b8d8d] .janrainDrawerButton:hover, div[id~=ZZ_bg_d5832f] ul.hearting .btn-link:hover, div[id~=ZZ_bg_d5832f] .janrainDrawerButton:hover, div[id~=ZZ_bg_ffa300] ul.hearting .btn-link:hover, div[id~=ZZ_bg_ffa300] .janrainDrawerButton:hover, div[id~=ZZ_bg_00b5e2] ul.hearting .btn-link:hover, div[id~=ZZ_bg_00b5e2] .janrainDrawerButton:hover { color: #5b262e !important; /* brown */ } div[id~=ZZ_bg_943135] ul.hearting .btn-link:hover, div[id~=ZZ_bg_943135] .janrainDrawerButton:hover, div[id~=ZZ_bg_e03c31] ul.hearting .btn-link:hover, div[id~=ZZ_bg_e03c31] .janrainDrawerButton:hover, div[id~=ZZ_bg_9d432c] ul.hearting .btn-link:hover, div[id~=ZZ_bg_9d432c] .janrainDrawerButton:hover, div[id~=ZZ_bg_ff6a13] ul.hearting .btn-link:hover, div[id~=ZZ_bg_ff6a13] .janrainDrawerButton:hover, div[id~=ZZ_bg_0072ce] ul.hearting .btn-link:hover, div[id~=ZZ_bg_0072ce] .janrainDrawerButton:hover, div[id~=ZZ_bg_e93cac] ul.hearting .btn-link:hover, div[id~=ZZ_bg_e93cac] .janrainDrawerButton:hover, div[id~=ZZ_bg_54c9e9] ul.hearting .btn-link:hover, div[id~=ZZ_bg_54c9e9] .janrainDrawerButton:hover, div[id~=ZZ_bg_b6008d] ul.hearting .btn-link:hover, div[id~=ZZ_bg_b6008d] .janrainDrawerButton:hover { color: #3f000b !important; /* dk brown */ } /* Icon Color */ div[id~=ZZ_bg_3f000b] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_3f000b] .janrainDrawerButton::before, div[id~=ZZ_bg_5b262e] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_5b262e] .janrainDrawerButton::before, div[id~=ZZ_bg_68478d] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_68478d] .janrainDrawerButton::before, div[id~=ZZ_bg_c5003e] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_c5003e] .janrainDrawerButton::before { color: #ffa300 !important; /* caramel */ } div[id~=ZZ_bg_ffffff] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_ffffff] .janrainDrawerButton::before, div[id~=ZZ_bg_f5f5f5] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_f5f5f5] .janrainDrawerButton::before, div[id~=ZZ_bg_daf1f7] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_daf1f7] .janrainDrawerButton::before, div[id~=ZZ_bg_fffde9] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_fffde9] .janrainDrawerButton::before, div[id~=ZZ_bg_ffbf3f] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_ffbf3f] .janrainDrawerButton::before { color: #943135 !important; /* lt brown */ } div[id~=ZZ_bg_8b8d8d] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_8b8d8d] .janrainDrawerButton::before, div[id~=ZZ_bg_d5832f] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_d5832f] .janrainDrawerButton::before, div[id~=ZZ_bg_ffa300] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_ffa300] .janrainDrawerButton::before, div[id~=ZZ_bg_00b5e2] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_00b5e2] .janrainDrawerButton::before { color: #5b262e !important; /* brown */ } div[id~=ZZ_bg_943135] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_943135] .janrainDrawerButton::before, div[id~=ZZ_bg_e03c31] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_e03c31] .janrainDrawerButton::before, div[id~=ZZ_bg_9d432c] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_9d432c] .janrainDrawerButton::before, div[id~=ZZ_bg_ff6a13] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_ff6a13] .janrainDrawerButton::before, div[id~=ZZ_bg_0072ce] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_0072ce] .janrainDrawerButton::before, div[id~=ZZ_bg_e93cac] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_e93cac] .janrainDrawerButton::before, div[id~=ZZ_bg_54c9e9] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_54c9e9] .janrainDrawerButton::before, div[id~=ZZ_bg_b6008d] ul.hearting .btn-link span[class*=icon], div[id~=ZZ_bg_b6008d] .janrainDrawerButton::before { color: #3f000b !important; /* dk brown */ } /* For when "smartLabel" is set */ .nutritioninformationbar .nutrition-information-bar { background-color: #5b262e; } .nutrition-information-bar, .nutrition-information-bar .nutrition-details, .nutrition-information-bar .smartlabel-info, .nutrition-information-bar .pdp-nutrition-tbh, .nutrition-information-bar .pdp-nutrition-tbb, .nutrition-information-bar .nutrition-information-bar, .nutrition-information-bar .pdp-wt-insd-ttl-desc, .nutrition-information-bar .pdp-wht-inside-section, .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs, .nutrition-information-bar .row.pdp-nutrition-cnt, .nutrition-information-bar .nutri-wrapper{ background-color: #5b262e; } .nutritioninformationbar .nutrition-information-bar p { color: #fff; } .nutrition-information-bar, .nutrition-information-bar .nutrition-details, .nutrition-information-bar .smartlabel-info { color: #ffffff; } .nutrition-information-bar .smartlabel-info p:first-child a:before { background-image: url(selfservice-framework-hersheysfranchise/css/images/SmartLabel_logo_white.png); } .nutrition-information-bar .serving-info ul span.serving-detail { color: #8b8d8d; } .nutrition-information-bar .nutritional-stats ul li .circle { background-color: #4d131c; } .nutrition-information-bar .nutritional-stats ul li .circle div { color: #fff; } .nutrition-information-bar .nutritional-stats ul li .circle div label { color: #fff; } @media (max-width: 767px) { .nutrition-information-bar .nutritional-border { border-bottom-color: #5b262e; } } /* For when "smartLabel" is NOT set */ .nutrition-information-bar .pdp-wt-insd-ttl-desc { padding: 0 40px 20px 40px; } @media (max-width: 767px) { .nutrition-information-bar .pdp-wt-insd-ttl-desc { padding-top: 40px; } } .nutrition-information-bar .pdp-wt-insd-ttl-desc p { font-family: 'Milton', 'Open Sans', sans-serif !important; font-weight: normal !important; font-size: 56px; line-height: 60px; letter-spacing: 2px; color: #fff; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs { background-color: #fff; width: 92%; margin-left: 4%; margin-right: 4%; } @media (max-width: 375px) { .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs { display: inline-flex; align-items: center; margin-left: 4%; margin-right: 4%; width: 92% !important; } } @media (max-width: 360px) { .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs { margin-left: 2%; margin-right: 2%; widht: 96% !important; } } @media (max-width: 350px) { .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs { margin-left: 2%; margin-right: 2%; width: 96% !important; } } @media (max-width: 340px) { .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs { margin-left: 2%; margin-right: 2%; width: 96% !important; } } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs > li { width: 25%; border-right: solid 1px #efefef; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs > li:last-child { border-right: none; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs > li > a { font-family: europa, 'BrandonGrotesque-Black', 'Open Sans', sans-serif !important; font-weight: 700 !important; color: #fff !important; height: 80px; color: #8b8d8d !important; /* padding-top: 30px;*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 768px) { .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs > li > a { font-size: 18px; line-height: 24px; } } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs > li.active > a, .nutrition-information-bar .pdp-wht-inside-section .nav-tabs > li > a:hover { color: #4d131c !important; background-color: #fff; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs > li.active > a::after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 9px solid #5b262e; left: 47%; } @media (max-width: 767px) { .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .nav-tabs > li.active > a::after { border: none; } } @media (min-width: 1003px) { .nutrition-information-bar .row.pdp-nutrition-cnt > div { padding: 15px 7% !important; } } .nutrition-information-bar .nutri-wrapper { border-bottom-color: #735a5e; } @media (min-width: 768px) { .nutrition-information-bar .nutri-wrapper { padding-bottom: 80px; } } .nutrition-information-bar .nutri-wrapper .pdp-nutrition-hd { background-color: #4d131c; } .nutrition-information-bar .nutri-wrapper .pdp-nutrition-hd span.pdp-nutrition-no { font-family: 'Milton', 'Open Sans', sans-serif !important; font-weight: normal !important; color: #fff; } @media (min-width: 900px), (min-width: 480px) and (max-width: 767px) { .nutrition-information-bar .nutri-wrapper .pdp-nutrition-hd { background-color: #4d131c; width: 170px; height: 170px; } .nutrition-information-bar .nutri-wrapper .pdp-nutrition-hd span { width: 170px; } .nutrition-information-bar .nutri-wrapper .pdp-nutrition-hd span.pdp-nutrition-no { font-family: 'Milton', 'Open Sans', sans-serif !important; font-weight: normal !important; font-size: 80px; line-height: 170px; color: #fff; } } .nutrition-information-bar .nutri-wrapper .pdp-nutrition-hd span.pdp-nutrition-not, .nutrition-information-bar .nutri-wrapper .pdp-nutrition-hd span.pdp-nutrition-t { font-family: europa, 'BrandonGrotesque-Black', 'Open Sans', sans-serif !important; font-weight: 700 !important; font-size: 18px; } @media (max-width: 479px) { .nutrition-information-bar .nutri-wrapper .pdp-nutrition-hd span.pdp-nutrition-not { bottom: 2.5em; } } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .tab-content { border-top-color: #5b262e; margin-top: 0; padding-top: 14px; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .panel-group .pdp-plus-minus1 span { font-family: europa, 'BrandonGrotesque-Black', 'Open Sans', sans-serif !important; font-weight: 700 !important; color: #fff; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .panel-group .pdp-plus-minus1 span.panel-title { font-size: 35px; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .pdp-acc-slide { border-bottom-color: #735a5e; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab { color: #fff; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .pdp-nutrition-tbh { border-bottom-color: #735a5e; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .pdp-nutrition-tbh span { font-family: europa, 'BrandonGrotesque-Black', 'Open Sans', sans-serif !important; font-weight: 700 !important; color: #fff; } .nutrition-information-bar .pdp-wht-inside-section .fpaa-gqs-tab .pdp-nutrition-tbb span { color: #fff; } .nutrition-information-bar[id~=ZZ_dash] .pdp-wt-insd-ttl-desc p:after { content: " "; display: block; background-color: #fff; width: 23px; height: 10px; margin: 18px auto 20px auto; } .productcallout .product-callout { padding: 43px; } .productcallout .product-callout, .productcallout .product-callout .board-mol { background-color: #f5f5f5; } .productcallout .product-callout .container { color: #8b8d8d; } .productcallout .product-callout .Display1 { font-family: 'Milton', 'Open Sans', sans-serif !important; font-weight: normal !important; font-size: 30px !important; line-height: 34px !important; letter-spacing: 2px !important; color: #3f000b; margin: 0 0 40px 0; } .productcallout .product-callout .Display1:after { content: " "; display: block; width: 13px; height: 6px; background-color: #8b8d8d; margin-top: 6px; margin-left: auto; margin-right: auto; } .productcallout .product-callout .subheading-desktop { color: #3f000b; margin-top: 0; margin-bottom: 40px; } .productcallout .product-callout .component-button.primaryCTA { margin: 0; width: 100%; max-width: 220px !important; min-width: initial; } .productcallout .content-holder h2 { color: #8b8d8d; text-align: left; font-size: 18px; line-height: 24px; } .productcallout .content-holder h2 span { color: #943135; } .productcallout .board-mol:hover h2 { color: #943135; } .productcallout .board-mol:hover h2 span { color: #8b8d8d; } @media (max-width: 767px) { .productcallout .content-holder h2 { font-size: 13px; line-height: 14px; } } .productcallout .content-holder p { text-align: left; font-size: 14px; line-height: 18px; } .productcallout .product-callout .board-mol .content-holder { overflow: hidden; /*height: 110px; *** extra space for "favorite" link*/ background-color: #fff; } .productcallout .product-callout .board-mol .media-holder { overflow: hidden; } @media (min-width: 768px) { .productcallout .product-callout .board-mol .content-holder { height: 160px; } /* hacking the image and only using the div ment for the thumb */ .productcallout .product-callout .board-mol .media-holder { height: 18vw; padding: 8px; } .productcallout .product-callout .board-mol .media-holder img { display: none; } .productcallout .product-callout .board-mol .media-holder .square-background { background-size: contain; background-repeat: no-repeat; background-position: center; height: 100%; } .product-callout .ssf-buy-online { left: 31px; right: 31px; } } .productcallout .product-callout .board-mol .media-holder, .productcallout .product-callout .board-mol .media-holder img { background-color: #fff; } @media (min-width: 768px) { .productcallout .product-callout { padding: 43px 78px; /* NOTE: margin left/right 86px-8px*/ } .productcallout .product-callout .product-callout-header { padding-right: 90px; padding-left: 90px; } .productcallout .product-callout .board-mol { padding: 0 1px; } /* .productcallout .product-callout .component-button.primaryCTA { margin-top: 45px; }*/ } @media (max-width: 1200px) { .productcallout .container .product-callout .row:last-child { padding-left: 4%; padding-right: 4%; padding-left: calc(4% - 8px); padding-right: calc(4% - 8px); } } @media (max-width: 1002px) { .productcallout .container .product-callout .row:last-child { padding-left: 2%; padding-right: 2%; padding-left: calc(2% - 8px); padding-right: calc(2% - 8px); } } @media (max-width: 767px) { .productcallout .product-callout { padding: 15px 0; } .productcallout .container .product-callout .row:last-child { margin-top: 15px; padding-left: 20px; padding-right: 20px; } .productcallout .product-callout .board-mol { padding: 0; margin: 20px 0 0 0; } .productcallout .product-callout .board-mol:first-child { margin-top: 0; } .productcallout .product-callout .board-mol ul { margin-left: 20px; margin-right: 20px; } .productcallout .product-callout .content-holder, .productcallout .product-callout .board-mol .media-holder { height: 100px; float: left; } .product-callout .board-mol .content-holder h2 { top: initial; } .product-callout .ssf-buy-online { bottom: 4px; left: 10px; right: 10px; } } /* ---------------------------------------------------------------------- */ @media (min-width: 768px) { .productcallout > div[id~=ZZ_favorite] .product-callout .content-holder { height: 110px; } } @media (min-width: 768px) { .productcallout > div[id~=ZZ_tall] .product-callout .content-holder { height: 200px; } } .productfeature > div { background-color: rgba(255, 255, 255, 0); /* don't make this important!*/ } .product-feature { color: #8b8d8d; background-color: rgba(255, 255, 255, 0); } .product-feature .content-holder, .product-feature .media-holder { color: #8b8d8d; background-color: inherit; } .productfeature > div { padding: 0; } .product-feature .primaryCTA, .product-feature .secondaryCTA { display: none; } .product-feature .primaryCTA, .product-feature .secondaryCTA { margin: 0 8px 0 0; } .product-feature .Display2 { margin-top: 0; } .product-feature .content-holder .inner-content { text-align: left; padding: 16px 60px 16px 90px; vertical-align: middle !important; } @media (min-width: 768px) { .product-feature .content-holder.pull-left .inner-content { padding-left: 80px; } } @media (max-width: 767px) { .product-feature .content-holder .inner-content { text-align: center; padding: 0 16px; } .product-feature .content-holder .square-content-holder { padding: 35px 0; } } /* ---------------------------------------------------------------------- */ div[id~=ZZ_scale_img_80] .product-feature .media-holder img { width: 80%; height: 80%; margin-left: auto; margin-right: auto; padding-top: 10%; padding-bottom: 10%; } div[id~=ZZ_show_primaryBtn] .product-feature .primaryCTA, div[id~=ZZ_show_secondaryBtn] .product-feature .secondaryCTA { display: inline-block; } .recipecraftbar .recipe-craft-bar { background-color: #5b262e; } .recipecraftbar .recipe-craft-bar .tools, .recipecraftbar .recipe-craft-bar .mobileShareList, .recipecraftbar .recipe-craft-bar .info, .recipecraftbar .recipe-craft-bar .info p, .recipecraftbar .recipe-craft-bar .review-num { color: #fff; } .recipe-craft-bar .icon-Avatar { color: #ffa300; } .socialengagementsplitboard .content { background-color: #d5832f; } .socialengagementsplitboard .text-only-feature, .socialengagementsplitboard .text-only-feature .inner-content { background-color: #d5832f; } .socialengagementsplitboard .social-engagement-board, .socialengagementsplitboard .social-engagement-board .inner-content { background-color: #e03c31; } .socialengagementsplitboard .social-engagement-split-board .text-only-feature .subheading-desktop { color: #fff; margin-bottom: 10px; } .socialengagementsplitboard .social-engagement-split-board .inner-content .component-button.primaryCTA{ color: #fff; background-color: rgba(255, 255, 255, 0); border: 0; padding-top: 20px; } .socialengagementsplitboard .social-engagement-split-board .inner-content .component-button.primaryCTA:hover { color: #5b262e; background-color: rgba(255, 255, 255, 0); border: 0; } .socialengagementsplitboard .social-engagement-split-board .inner-content .component-button.primaryCTA:before { margin: 0 4px 0 0; color: #5b262e; display: inline-block; font-family: 'hersheys-icon-font' !important; content: "\e914"; font-size: 17px; vertical-align: middle; font-weight: bold; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .socialengagementsplitboard .social-engagement-split-board .inner-content .component-button.primaryCTA:hover:before { color: #fff; } .socialengagementsplitboard .social-engagement-split-board .inner-content h2 { color: #fff; } .socialengagementsplitboard .social-engagement-split-board .social-engagement-board .circle { background-color: #3f000b; } .socialengagementsplitboard .social-engagement-split-board .social-engagement-board .circle:hover { background-color: #fff; } .socialengagementsplitboard .social-engagement-split-board .social-engagement-board .circle .icon::before { color: #fff; } .socialengagementsplitboard .social-engagement-split-board .social-engagement-board .circle:hover .icon::before { color: #3f000b; } .socialengagementsplitboard div[id~=ZZ_alt_btn] .social-engagement-split-board .inner-content .component-button.primaryCTA:before { content: ""; display: none; } .splitboard > div { background-color: rgba(255, 255, 255, 0) !important; } .split-board { color: #8b8d8d; background-color: rgba(255, 255, 255, 0); } .split-board .content-holder, .split-board .image-holder { color: #8b8d8d; background-color: inherit; } .splitboard > div { padding: 35px 70px; } @media (max-width: 767px) { .splitboard > div { padding: 10px 20px; } } @media (min-width: 768px) { .splitboard > div[id~=ZZ_margin_0] .content-holder.pull-right .content, .splitboard > div[id~=ZZ_margin_left_0] .content-holder.pull-right .content { padding-left: 70px; } } .split-board .primaryCTA, .split-board .secondaryCTA { margin: 0 8px 0 0; } .split-board .content-holder .inner-content .Display2 { margin-top: 0; font-size: 36px !important; line-height: 40px !important; } @media (min-width: 900px) and (max-width: 1100px) { .split-board .content-holder .inner-content .Display2 { font-size: 30px !important; line-height: 36px !important; } } @media (min-width: 768px) and (max-width: 899px), (max-width: 560px) { .split-board .content-holder .inner-content .Display2 { font-size: 24px !important; line-height: 30px !important; } } .split-board .content-holder .inner-content b, .split-board .content-holder .inner-content strong { font-family: europa, 'BrandonGrotesque-Bold', 'Open Sans', sans-serif !important; font-weight: 700 !important; } .split-board .content-holder .inner-content br { line-height: 2em; } .split-board .content-holder .inner-content { text-align: left; padding: 16px 60px 16px 90px; } @media (min-width: 1101px) { .split-board .content-holder.pull-right .inner-content { padding-left: 80px; } } @media (min-width: 900px) and (max-width: 1100px) { .split-board .content-holder .inner-content { padding: 16px 50px; } } @media (min-width: 768px) and (max-width: 899px), (max-width: 560px) { .split-board .content-holder .inner-content { padding: 16px 30px; } } @media (max-width: 767px) { .split-board .content-holder .inner-content { text-align: center; padding: 0 16px; width: 100%; } .split-board .text-holder { padding: 35px 0; } } /* ---------------------------------------------------------------------- */ .splitboard > div[id~=ZZ_margin_bg_ffffff] { background-color: #ffffff !important; } @media (min-width: 1600px) { .splitboard > div[id~=ZZ_margin_bg_ffffff] { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; width: 100%; max-width: none; } .splitboard > div[id~=ZZ_margin_bg_ffffff] .split-board { margin-left: auto; margin-right: auto; max-width: 1600px; } } .splitfeature > div { background-color: rgba(255, 255, 255, 0) !important; /* don't make this important!*/ } .split-feature { color: #8b8d8d; background-color: rgba(255, 255, 255, 0); } .split-feature .content-holder, .split-feature .media-holder { color: #8b8d8d; background-color: inherit; } .splitfeature > div { padding: 35px 70px; } @media (max-width: 767px) { .splitfeature > div { padding: 10px 20px; } } @media (min-width: 768px) { .splitfeature > div[id~=ZZ_margin_0] .content-holder.pull-left .content, .splitfeature > div[id~=ZZ_margin_left_0] .content-holder.pull-left .content { padding-left: 70px; } } .split-feature .primaryCTA, .split-feature .secondaryCTA { margin: 0 8px 0 0; } .split-feature .Display2 { margin-top: 0; } .split-feature .content-holder .inner-content b, .split-feature .content-holder .inner-content strong { font-family: europa, 'BrandonGrotesque-Bold', 'Open Sans', sans-serif !important; font-weight: 700 !important; } .split-feature .content-holder .inner-content br { line-height: 2em; } .split-feature .content-holder .inner-content { text-align: left; padding: 16px 60px 16px 90px; } @media (min-width: 1101px) { .split-feature .content-holder.pull-left .inner-content { padding-left: 80px; } } @media (min-width: 900px) and (max-width: 1100px) { .split-feature .content-holder .inner-content { padding: 16px 50px; } } @media (min-width: 768px) and (max-width: 899px), (max-width: 560px) { .split-feature .content-holder .inner-content { padding: 16px 30px; } } @media (max-width: 767px) { .split-feature .content-holder .inner-content { text-align: center; padding: 0 16px; } .split-feature .content-holder .square-content-holder { padding: 35px 0 70px 0; } } /* ---------------------------------------------------------------------- */ .split-feature.slick-dotted .slick-prev, .split-feature.slick-dotted .slick-next { height: 80px; line-height: 80px; width: 40px; z-index: 100; font-weight: bold; } .split-feature.slick-dotted .slick-prev { border-radius: 0 80px 80px 0; -moz-border-radius: 0 80px 80px 0; -webkit-border-radius: 0 80px 80px 0; margin-left: 0; padding-left: 0; } .split-feature.slick-dotted .slick-next { border-radius: 80px 0 0 80px; -moz-border-radius: 80px 0 0 80px; -webkit-border-radius: 80px 0 0 80px; margin-right: 0; padding-right: 0; } .split-feature.slick-dotted .slick-prev::before, .split-feature.slick-dotted .slick-next::before { font-size: 17px; font-weight: bold; } .split-feature.slick-dotted .slick-prev, .split-feature.slick-dotted .slick-next, .split-feature.slick-dotted .slick-prev::before, .split-feature.slick-dotted .slick-next::before{ color: #943135; background-color: #fff; } .split-feature.slick-dotted .slick-prev:hover, .split-feature.slick-dotted .slick-next:hover, .split-feature.slick-dotted .slick-prev:hover::before, .split-feature.slick-dotted .slick-next:hover::before{ color: #fff; background-color: #943135; } @media (min-width: 768px) { .split-feature.slick-dotted .slick-prev { left: 0; } .split-feature.slick-dotted .slick-next { right: 0; } /* .split-feature.slick-dotted .slick-prev::before { margin-left: 33px; } .split-feature.slick-dotted .slick-next::before { margin-left: -33px; } */ } .split-feature.slick-dotted .slick-dots li { margin: 0 8px; padding-top: 2px; } .split-feature.slick-dotted .slick-dots li.slick-active { padding-top: 2px; } .split-feature.slick-dotted .slick-dots li button { width: 21px; height: 21px; border: 0; background-color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .split-feature.slick-dotted .slick-dots li.slick-active button { background-color: #943135; border: 5px solid #fff; } @media (min-width: 768px) { .split-feature.slick-dotted { margin-bottom: 0; } .split-feature.slick-dotted .content-holder .content, .split-feature.slick-dotted .media-holder .content { padding-top: 0; } .split-feature.slick-dotted .content-holder.pull-right .content, .split-feature.slick-dotted .media-holder.pull-right .content { padding-right: 0; } .split-feature.slick-dotted .content-holder.pull-left .content, .split-feature.slick-dotted .media-holder.pull-left .content { padding-left: 0; } .split-feature.slick-dotted .split-feature .slick-prev, .split-feature.slick-dotted .split-feature .slick-next { height: 94px; line-height: 94px; width: 94px; } .split-feature.slick-dotted .slick-dots { bottom: 30px; } } /* ---------------------------------------------------------------------- */ .splitfeature > div[id~=ZZ_carousel] { padding: 0; } @media (max-width: 767px) { .splitfeature > div[id~=ZZ_carousel] { /* background-color: #f5f5f5;*/ } .splitfeature > div[id~=ZZ_carousel] .split-feature { margin-bottom: 0; } .splitfeature > div[id~=ZZ_carousel] .split-feature .slick-dots { bottom: 16px; } } @media (min-width: 768px) { .splitfeature > div[id~=ZZ_carousel] .split-feature .content-holder .inner-content { padding-right: 90px; } .splitfeature > div[id~=ZZ_carousel] .split-feature .content-holder.pull-left .inner-content{ padding-left: 90px; } } @media (min-width: 481px) and (max-width: 767px) { .splitfeature > div[id~=ZZ_carousel] .split-feature .content-holder .inner-content, .splitfeature > div[id~=ZZ_carousel] .split-feature .content-holder.pull-left .inner-content{ padding-bottom: 40px; } } .splitfeature > div[id~=ZZ_carousel] .split-feature .content-holder .inner-content .Display2 { font-size: 80px !important; line-height: 90px !important; } @media (min-width: 900px) { .splitfeature > div[id~=ZZ_carousel] .split-feature .content-holder .inner-content .Display2 { margin-left: -6px; } .splitfeature > div[id~=ZZ_carousel] .split-feature .content-holder .inner-content .Display2:after { margin-left: 6px; } } @media (min-width: 900px) and (max-width: 1100px) { .splitfeature > div[id~=ZZ_carousel] .split-feature .content-holder .inner-content .Display2 { font-size: 60px !important; line-height: 66px !important; } } @media (min-width: 768px) and (max-width: 899px), (max-width: 560px) { .splitfeature > div[id~=ZZ_carousel] .split-feature .content-holder .inner-content .Display2 { font-size: 40px !important; line-height: 50px !important; } } /* ---------------------------------------------------------------------- */ @media (max-width: 767px) { .splitfeature > div[id~=MM_square_layout] .split-feature .content-holder .square-content-holder { height: calc(100vw - 40px); padding: 35px 0; } } /* ---------------------------------------------------------------------- */ .splitfeature > div[id~=ZZ_margin_bg_ffffff] { background-color: #ffffff !important; } @media (min-width: 1600px) { .splitfeature > div[id~=ZZ_margin_bg_ffffff] { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; width: 100%; max-width: none; } .splitfeature > div[id~=ZZ_margin_bg_ffffff] .split-feature { margin-left: auto; margin-right: auto; max-width: 1460px; } .splitfeature > div[id~=ZZ_margin_0][id~=ZZ_margin_bg_ffffff] .split-feature { margin-left: auto; margin-right: auto; max-width: 1600px; } } div[id~=ZZ_img_full_right] { padding: 0 0 0 70px !important; } div[id~=ZZ_img_full_left] { padding: 0 70px 0 0 !important; } div[id~=ZZ_img_full_right] .split-feature > div > div.slick-track, div[id~=ZZ_img_full_left] .split-feature > div > div.slick-track { width: 100% !important; max-width: 1600px !important; } div[id~=ZZ_img_full_right] .split-feature > div > div.slick-track .split-feature-row, div[id~=ZZ_img_full_left] .split-feature > div > div.slick-track .split-feature-row { width: 100% !important; max-width: 1600px !important; } @media (max-width: 767px) { div[id~=ZZ_img_full_right], div[id~=ZZ_img_full_left] { padding: 0 70px 0 0 !important; } div[id~=ZZ_img_full_right] .split-feature > div > div.slick-track, div[id~=ZZ_img_full_left] .split-feature > div > div.slick-track { width: 100% !important; max-width: 1600px !important; } div[id~=ZZ_img_full_right] .split-feature > div > div.slick-track .split-feature-row, div[id~=ZZ_img_full_left] .split-feature > div > div.slick-track .split-feature-row { width: 100% !important; max-width: 1600px !important; } } div[id~=ZZ_carousel_bg_1] > div.split-feature .slick-list > .slick-track > .split-feature-row:nth-child(2) { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Homepage_carousel_bg_1.png); background-color: transparent !important; } div[id~=ZZ_carousel_bg_2] > div.split-feature .slick-list > .slick-track > .split-feature-row:nth-child(3) { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Homepage_carousel_bg_2.png); background-color: transparent !important; } div[id~=ZZ_carousel_bg_3] > div.split-feature .slick-list > .slick-track > .split-feature-row:nth-child(4) { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Homepage_carousel_bg_3.png); background-color: transparent !important; } div[id~=ZZ_carousel_bg_4] > div.split-feature .slick-list > .slick-track > .split-feature-row:nth-child(5) { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Homepage_carousel_bg_4.png); background-color: transparent !important; } div[id~=ZZ_carousel_bg_5] > div.split-feature .slick-list > .slick-track > .split-feature-row:nth-child(6) { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Homepage_carousel_bg_5.png); background-color: transparent !important; } .text-accordion { padding: 15px 0; width: auto; margin-left: 15%; margin-right: 15%; } @media (max-width: 900px) { .text-accordion{ margin-left: 20px; margin-right: 20px; } } @media (min-width: 900px) and (max-width: 1100px) { .text-accordion{ margin-left: 60px; margin-right: 60px; } } .text-accordion .content-holder { color: #3f000b !important; background-color: inherit !important; padding-left: 0 !important; padding-right: 0 !important; } .text-accordion .text-accordion-row .content-holder .content { display: inline-block !important; padding: 15px 0px; } .text-accordion .showmore-btn { display: inline-block !important; color: inherit !important; font-family: "Brandontext-regular","Open Sans",sans-serif !important; } .text-accordion button { margin: 10px 0 0 4px !important; } .text-accordion button span::after { color: inherit !important; font-family: europa, 'BrandonGrotesque-Bold', 'Open Sans', sans-serif !important; font-weight: 700 !important; font-size: 14px !important; padding-right: 7px; margin-left: 10px; } .text-accordion .content-holder p { display: inline-block !important; color: inherit !important; padding: 10px 0; vertical-align: top; width: calc(100% - 53px) !important; } .text-accordion .accordion { background-color: inherit !important; } .text-accordion p.answer { padding: 0 0 20px 0 !important; } .text-accordion p.answer::before { display: inline-block !important; font-family: europa, 'BrandonGrotesque-Bold', 'Open Sans', sans-serif !important; font-weight: 700 !important; font-size: 14px !important; margin-left: -25px !important; padding-right: 11px; } /* ---------------------------------------------------------------------- */ div[id~=ZZ_bg_3f000b] .text-accordion .content-holder, div[id~=ZZ_bg_8b8d8d] .text-accordion .content-holder, div[id~=ZZ_bg_943135] .text-accordion .content-holder, div[id~=ZZ_bg_5b262e] .text-accordion .content-holder, div[id~=ZZ_bg_d5832f] .text-accordion .content-holder, div[id~=ZZ_bg_e03c31] .text-accordion .content-holder, div[id~=ZZ_bg_9d432c] .text-accordion .content-holder, div[id~=ZZ_bg_ff6a13] .text-accordion .content-holder, div[id~=ZZ_bg_ffa300] .text-accordion .content-holder, div[id~=ZZ_bg_84bd00] .text-accordion .content-holder, div[id~=ZZ_bg_319b42] .text-accordion .content-holder, div[id~=ZZ_bg_00c1d5] .text-accordion .content-holder, div[id~=ZZ_bg_00b5e2] .text-accordion .content-holder, div[id~=ZZ_bg_0072ce] .text-accordion .content-holder, div[id~=ZZ_bg_68478d] .text-accordion .content-holder, div[id~=ZZ_bg_e93cac] .text-accordion .content-holder, div[id~=ZZ_bg_c5003e] .text-accordion .content-holder { color: #fff !important; } /* ---------------------------------------------------------------------- */ /* Icon Color */ div[id~=ZZ_bg_3f000b] .text-accordion .showmore-btn .icon-open:before, div[id~=ZZ_bg_3f000b] .text-accordion .showmore-btn .icon-close:before, div[id~=ZZ_bg_5b262e] .text-accordion .showmore-btn .icon-open:before, div[id~=ZZ_bg_5b262e] .text-accordion .showmore-btn .icon-close:before, div[id~=ZZ_bg_68478d] .text-accordion .showmore-btn .icon-open:before, div[id~=ZZ_bg_68478d] .text-accordion .showmore-btn .icon-close:before, div[id~=ZZ_bg_c5003e] .text-accordion .showmore-btn .icon-open:before, div[id~=ZZ_bg_c5003e] .text-accordion .showmore-btn .icon-close:before { color: #ffa300 !important; /* caramel */ } div[id~=ZZ_bg_ffffff] .text-accordion .showmore-btn .icon-open:before, div[id~=ZZ_bg_ffffff] .text-accordion .showmore-btn .icon-close:before, div[id~=ZZ_bg_f5f5f5] .text-accordion .showmore-btn .icon-open:before, div[id~=ZZ_bg_f5f5f5] .text-accordion .showmore-btn .icon-close:before, div[id~=ZZ_bg_daf1f7] .text-accordion .showmore-btn .icon-open:before, div[id~=ZZ_bg_daf1f7] .text-accordion .showmore-btn .icon-close:before, div[id~=ZZ_bg_fffde9] .text-accordion .showmore-btn .icon-open:before, div[id~=ZZ_bg_fffde9] .text-accordion .showmore-btn .icon-close:before { color: #943135 !important; /* lt brown */ } div[id~=ZZ_bg_8b8d8d] .text-accordion .showmore-btn .icon-open:before, div[id~=ZZ_bg_8b8d8d] .text-accordion .showmore-btn .icon-close:before, div[id~=ZZ_bg_d5832f] .text-accordion .showmore-btn .icon-open:before, div[id~=ZZ_bg_d5832f] .text-accordion .showmore-btn .icon-close:before, div[id~=ZZ_bg_ffa300] .text-accordion .showmore-btn .icon-open:before, div[id~=ZZ_bg_ffa300] .text-accordion .showmore-btn .icon-close:before, div[id~=ZZ_bg_00b5e2] .text-accordion .showmore-btn .icon-open:before, div[id~=ZZ_bg_00b5e2] .text-accordion .showmore-btn .icon-close:before { color: #5b262e !important; /* brown */ } div[id~=ZZ_bg_943135] .text-accordion .showmore-btn .icon-open:before, div[id~=ZZ_bg_943135] .text-accordion .showmore-btn .icon-close:before, div[id~=ZZ_bg_e03c31] .text-accordion .showmore-btn .icon-open:before, div[id~=ZZ_bg_e03c31] .text-accordion .showmore-btn .icon-close:before, div[id~=ZZ_bg_9d432c] .text-accordion .showmore-btn .icon-open:before, div[id~=ZZ_bg_9d432c] .text-accordion .showmore-btn .icon-close:before, div[id~=ZZ_bg_ff6a13] .text-accordion .showmore-btn .icon-open:before, div[id~=ZZ_bg_ff6a13] .text-accordion .showmore-btn .icon-close:before, div[id~=ZZ_bg_0072ce] .text-accordion .showmore-btn .icon-open:before, div[id~=ZZ_bg_0072ce] .text-accordion .showmore-btn .icon-close:before, div[id~=ZZ_bg_e93cac] .text-accordion .showmore-btn .icon-open:before, div[id~=ZZ_bg_e93cac] .text-accordion .showmore-btn .icon-close:before { color: #3f000b !important; /* dk brown */ } /* ---------------------------------------------------------------------- */ div[id~=ZZ_border_bottom] .text-accordion { border-bottom: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, .3); } div[id~=ZZ_bg_ffffff][id~=ZZ_border_bottom] .text-accordion, div[id~=ZZ_bg_f5f5f5][id~=ZZ_border_bottom] .text-accordion, div[id~=ZZ_bg_daf1f7][id~=ZZ_border_bottom] .text-accordion, div[id~=ZZ_bg_fffde9][id~=ZZ_border_bottom] .text-accordion { border-bottom: 1px solid rgb(139, 141, 141); border-bottom: 1px solid rgba(139, 141, 141, .3); } .textblock h2.headline, .textblock h3.subheading-desktop { font-size: 56px !important; line-height: 60px !important; letter-spacing: 1px; padding-bottom: 6px; max-width: 700px; } @media (min-width: 900px) and (max-width: 1100px) { .textblock h2.headline, .textblock h3.subheading-desktop { font-size: 42px !important; line-height: 45px !important; padding-bottom: 10px; padding-bottom: 0px; } } @media (min-width: 768px) and (max-width: 899px), (max-width: 560px) { .textblock h2.headline, .textblock h3.subheading-desktop { font-size: 32px !important; line-height: 36px !important; padding-bottom: 0px; } } .textblock h3.subheading-desktop { margin-bottom: 0px; padding-bottom: 0px; } .textblock p { font-size: 18px; line-height: 24px; letter-spacing: 1px; margin-top: 10px; margin-bottom: 14px; max-width: 700px; } .textblock p:empty { display: none; } @media (min-width: 768px) and (max-width: 1002px), (max-width: 560px) { .textblock p{ font-size: 18px; line-height: 24px; margin-bottom: 24px; margin-top: 10px; } } /* ---------------------------------------------------------------------- */ .textblock div[id~=ZZ_split_feature_left], .textblock div[id~=ZZ_split_feature_right] { height: 50vw; max-height: 800px; } .textblock div[id~=ZZ_split_feature_left] { background-position: right !important; padding-left: 70px; } @media (min-width: 768px) and (max-width: 1610px) { .textblock div[id~=ZZ_split_feature_left], .textblock div[id~=ZZ_split_feature_right] { height: 0; padding-top: 50%; position: relative; } } @media (min-width: 768px) { .textblock div[id~=ZZ_split_feature_left], .textblock div[id~=ZZ_split_feature_right] { padding-left: 30px; } } @media (min-width: 926px) { .textblock div[id~=ZZ_split_feature_left], .textblock div[id~=ZZ_split_feature_right] { padding-left: 70px; } } .textblock div[id~=ZZ_split_feature_right] { background-position: left !important; } .textblock div[id~=ZZ_split_feature_left] > div, .textblock div[id~=ZZ_split_feature_right] > div, .textblock div[id~=ZZ_align_middle] > div { position: relative; left: 0px; width: 50%; height: 100%; padding: 16px 60px 16px 90px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex !important; flex-direction: column; -webkit-box-align: left; -webkit-align-items: left; -ms-flex-align: left; align-items: left; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .textblock div[id~=ZZ_split_feature_left] > div { float: left; } .textblock div[id~=ZZ_split_feature_right] > div { float: right; } @media (max-width: 767px) { .textblock div[id~="ZZ_split_feature_left"], .textblock div[id~="ZZ_split_feature_right"] { height: auto; max-height: none; padding-left: 0px; } .textblock div[id~=ZZ_split_feature_left] > div, .textblock div[id~=ZZ_split_feature_right] > div { width: 100%; padding: 35px 10px 70px; } .textblock div[id~=ZZ_split_feature_left] > div > *, .textblock div[id~=ZZ_split_feature_right] > div > * { width: 100%; max-width: 100%; text-align: center; } } @media (min-width: 768px) and (max-width: 1610px) { .textblock div[id~=ZZ_split_feature_left] > div { position: absolute !important; width: 50% !important; top: 0; left: 0; } .textblock div[id~=ZZ_split_feature_right] > div { position: absolute !important; width: 50% !important; top: 0; left: 50%; } } @media (min-width: 1101px) { .textblock div[id~=ZZ_split_feature_left] > div, .textblock div[id~=ZZ_split_feature_right] > div { padding-left: 80px; } } @media (min-width: 900px) and (max-width: 1100px) { .textblock div[id~=ZZ_split_feature_left] > div, .textblock div[id~=ZZ_split_feature_right] > div { padding: 16px 50px; } } @media (min-width: 768px) and (max-width: 899px), (max-width: 560px) { .textblock div[id~=ZZ_split_feature_left] > div, .textblock div[id~=ZZ_split_feature_right] > div { padding: 16px 30px; } } @media (max-width: 767px) { .textblock div[id~=ZZ_split_feature_left] > div, .textblock div[id~=ZZ_split_feature_right] > div { padding: 0 16px; text-align: center; } .textblock div[id~=ZZ_split_feature_left] > div, .textblock div[id~=ZZ_split_feature_right] > div { padding-top: 35px; padding-bottom: 70px; } } /* ---------------------------------------------------------------------- */ @media (min-width: 768px) { /* split feature style use with ZZ_split_feature_left and ZZ_split_feature_right*/ .textblock div[id~=ZZ_bgImg_cacao_pods] { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Franchise_Chocolate_cocoa_pods.png); background-size: 50% auto; background-repeat: no-repeat; } .textblock div[id~=ZZ_bgImg_winnowing] { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Franchise_Chocolate_winnowing.png); background-size: 50% auto; background-repeat: no-repeat; } .textblock div[id~=ZZ_bgImg_farm_milk] { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Franchise_Chocolate_farm_milk_bg.png); background-size: cover; background-repeat: no-repeat; } .textblock div[id~=ZZ_bgImg_crumb] { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Franchise_Chocolate_crumb.png); background-size: 50% auto; background-repeat: no-repeat; } .textblock div[id~=ZZ_bgImg_conching_process] { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Franchise_Chocolate_conching_process.png); background-size: 50% auto; background-repeat: no-repeat; } .textblock div[id~=ZZ_bgImg_pour] { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Franchise_Chocolate_pour_bg.png); background-size: cover; background-repeat: no-repeat; } /* text only marquee style use with ZZ_text_center */ .textblock div[id~=ZZ_bgImg_unsweetened] { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Franchise_Chocolate_unsweetened.png); background-size: cover; background-repeat: no-repeat; } .textblock div[id~=ZZ_bgImg_tempering] { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Franchise_Chocolate_tempering_bg.png); background-size: cover; background-repeat: no-repeat; } .textblock div[id~=ZZ_bgImg_cacao_pods] > div.text-block, .textblock div[id~=ZZ_bgImg_winnowing] > div.text-block, .textblock div[id~=ZZ_bgImg_farm_milk] > div.text-block, .textblock div[id~=ZZ_bgImg_crumb] > div.text-block, .textblock div[id~=ZZ_bgImg_conching_process] > div.text-block, .textblock div[id~=ZZ_bgImg_pour] > div.text-block, .textblock div[id~=ZZ_bgImg_unsweetened] > div.text-block, .textblock div[id~=ZZ_bgImg_tempering] > div.text-block { background-color: transparent !important; } } @media (max-width: 767px) { /* split feature style use with ZZ_split_feature_left and ZZ_split_feature_right*/ .textblock div[id~=ZZ_bgImg_cacao_pods]:before { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Franchise_Chocolate_cocoa_pods_mobile_bg.png); background-size: 100% 100%; width: 100%; height: 0; padding-top: 100%; } .textblock div[id~=ZZ_bgImg_winnowing]:before { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Franchise_Chocolate_winnowing.png); background-size: 100% 100%; width: 100%; height: 0; padding-top: 100%; } .textblock div[id~=ZZ_bgImg_farm_milk]:before { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Franchise_Chocolate_farm_milk_mobile_bg.png); background-size: 100% 100%; width: 100%; height: 0; padding-top: 100%; } .textblock div[id~=ZZ_bgImg_crumb]:before { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Franchise_Chocolate_crumb.png); background-size: 100% 100%; width: 100%; height: 0; padding-top: 100%; } .textblock div[id~=ZZ_bgImg_conching_process]:before { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Franchise_Chocolate_conching_process.png); background-size: 100% 100%; width: 100%; height: 0; padding-top: 100%; } .textblock div[id~=ZZ_bgImg_pour]:before { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Franchise_Chocolate_pour_mobile_bg.png); background-size: 100% 100%; width: 100%; height: 0; padding-top: 100%; } /* text only marquee style use with ZZ_text_center */ .textblock div[id~=ZZ_bgImg_unsweetened] { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Franchise_Chocolate_unsweetened_mobile_bg.png); background-size: 100% !important; background-position: center bottom !important; } .textblock div[id~=ZZ_bgImg_tempering] { background-image: url(../../content/dam/franchise/en_us/images/Common/HSY_Franchise_Chocolate_tempering_mobile_bg.png); background-size: cover; } .textblock div[id~=ZZ_bgImg_cacao_pods] > div.text-block, .textblock div[id~=ZZ_bgImg_winnowing] > div.text-block, .textblock div[id~=ZZ_bgImg_farm_milk] > div.text-block, .textblock div[id~=ZZ_bgImg_crumb] > div.text-block, .textblock div[id~=ZZ_bgImg_conching_process] > div.text-block, .textblock div[id~=ZZ_bgImg_pour] > div.text-block, .textblock div[id~=ZZ_bgImg_unsweetened] > div.text-block, .textblock div[id~=ZZ_bgImg_tempering] > div.text-block { background-color: transparent !important; } } /* ---------------------------------------------------------------------- */ @media (min-width: 768px) { .textblock div[id~=ZZ_h2_medium_large] .text-block h2.headline, .textblock div[id~=ZZ_h3_medium_large] .text-block h3.subheading-desktop { font-size: 58px !important; line-height: 60px !important; } } /* ---------------------------------------------------------------------- */ @media (min-width: 768px) { .textblock div[id~=ZZ_h2_medium] .text-block h2.headline, .textblock div[id~=ZZ_h3_medium] .text-block h3.subheading-desktop { font-size: 56px !important; line-height: 60px !important; } } @media (max-width: 767px) { .textblock div[id~=ZZ_h2_medium] .text-block h2.headline, .textblock div[id~=ZZ_h3_medium] .text-block h3.subheading-desktop { font-size: 32px !important; line-height: 36px !important; } } /* ---------------------------------------------------------------------- */ .textblock div[id~=ZZ_h2_small] .text-block h2.headline, .textblock div[id~=ZZ_h3_small] .text-block h3.subheading-desktop { font-weight: 700 !important; } @media (min-width: 768px) { .textblock div[id~=ZZ_h2_small] .text-block h2.headline, .textblock div[id~=ZZ_h3_small] .text-block h3.subheading-desktop { font-size: 30px !important; line-height: 34px !important; } } @media (max-width: 767px) { .textblock div[id~=ZZ_h2_small] .text-block h2.headline, .textblock div[id~=ZZ_h3_small] .text-block h3.subheading-desktop { font-size: 26px !important; line-height: 32px !important; } } @media (max-width: 500px) { .textblock div[id~=ZZ_h2_small] .text-block h2.headline, .textblock div[id~=ZZ_h3_small] .text-block h3.subheading-desktop { font-size: 24px !important; line-height: 27px !important; } } /* ---------------------------------------------------------------------- */ .textblock div[id~=ZZ_h2_xsmall] .text-block h2.headline, .textblock div[id~=ZZ_h3_xsmall] .text-block h3.subheading-desktop { font-weight: 700 !important; } @media (min-width: 768px) { .textblock div[id~=ZZ_h2_xsmall] .text-block h2.headline, .textblock div[id~=ZZ_h3_xsmall] .text-block h3.subheading-desktop { font-size: 16px !important; line-height: 20px !important; } } @media (max-width: 767px) { .textblock div[id~=ZZ_h2_xsmall] .text-block h2.headline, .textblock div[id~=ZZ_h3_xsmall] .text-block h3.subheading-desktop { font-size: 16px !important; line-height: 20px !important; } } @media (max-width: 500px) { .textblock div[id~=ZZ_h2_xsmall] .text-block h2.headline, .textblock div[id~=ZZ_h3_xsmall] .text-block h3.subheading-desktop { font-size: 16px !important; line-height: 20px !important; } } /* ---------------------------------------------------------------------- */ .textblock div[id~=ZZ_h2_uppercase] .text-block h2.headline, .textblock div[id~=ZZ_h3_uppercase] .text-block h3.subheading-desktop { text-transform: uppercase !important; } /* ---------------------------------------------------------------------- */ .textblock div[id~=ZZ_h2_alt_font] .text-block h2.headline, .textblock div[id~=ZZ_h3_alt_font] .text-block h3.subheading-desktop { font-family: 'Milton', 'Open Sans', sans-serif !important; letter-spacing: 2px !important; } /* ---------------------------------------------------------------------- */ .textblock div[id~=ZZ_h2_dash] h2.headline:after, .textblock div[id~=ZZ_h3_dash] h3.subheading-desktop:after { content: " "; display: block; background-color: #3f000b; width: 23px; height: 10px; margin-top: 18px; margin-left: 2px; margin-bottom: 27px; } @media (max-width: 767px) { .textblock div[id~=ZZ_h2_dash] h2.headline:after, .textblock div[id~=ZZ_h3_dash] h3.subheading-desktop:after { width: 13px; height: 6px; margin: 16px auto 16px auto; } } .textblock div[id~=ZZ_h2_small][id~=ZZ_h2_dash] .text-block h2.headline:after, .textblock div[id~=ZZ_h3_small][id~=ZZ_h3_dash] .text-block h2.headline:after, .textblock div[id~=ZZ_h2_small][id~=ZZ_h2_dash] .text-block h3.subheading-desktop:after, .textblock div[id~=ZZ_h3_small][id~=ZZ_h3_dash] .text-block h3.subheading-desktop:after, .textblock div[id~=ZZ_h2_xsmall][id~=ZZ_h2_dash] .text-block h2.headline:after, .textblock div[id~=ZZ_h3_xsmall][id~=ZZ_h3_dash] .text-block h2.headline:after, .textblock div[id~=ZZ_h2_xsmall][id~=ZZ_h2_dash] .text-block h3.subheading-desktop:after, .textblock div[id~=ZZ_h3_xsmall][id~=ZZ_h3_dash] .text-block h3.subheading-desktop:after { width: 13px; height: 6px; margin-top: 13px; } /* ---------------------------------------------------------------------- */ .textblock div[id~=ZZ_text_center] > div { left: 0; width: 100%; padding-left: 10px; padding-right: 10px; } .textblock div[id~=ZZ_text_center] > div > *{ max-width: 700px; text-align: center; margin-left: auto; margin-right: auto; } .textblock div[id~=ZZ_text_center][id~=ZZ_h2_dash] .text-block h2.headline:after, .textblock div[id~=ZZ_text_center][id~=ZZ_h3_dash] .text-block h3.subheading-desktop:after { margin-left: auto; margin-right: auto; } /* ---------------------------------------------------------------------- */ .textblock > div[id~=ZZ_bg_2_1] { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 50vw; min-height: initial; max-height: initial; } @media (min-width: 1600px) { .textblock > div[id~=ZZ_bg_2_1] { max-height: 800px; } } @media (max-width: 900px) { .textblock > div[id~=ZZ_bg_2_1] { height: 66vw; } } @media (max-width: 767px) { .textblock > div[id~=ZZ_bg_2_1], .textblock > div[id~=MM_bg_2_1] { min-height: 90vw; } } @media (max-width: 767px) { .textblock > div[id~=MM_bg_1_2] { height: 200vw; } .textblock > div[id~=MM_bg_4_5] { height: 125vw; } } /* ---------------------------------------------------------------------- */ .textblock div[id~=ZZ_small_div] h2.headline, .textblock div[id~=ZZ_small_div] h3.subheading-desktop, .textblock div[id~=ZZ_small_div] p { max-width: 500px; } @media (max-width: 767px) { .textblock div[id~=ZZ_small_div] h2.headline, .textblock div[id~=ZZ_small_div] h3.subheading-desktop, .textblock div[id~=ZZ_small_div] p { max-width: none; } } @media (max-width: 767px) { .textblock > div[id~=ZZ_bg_2_1], .textblock > div[id~=MM_bg_2_1] { max_width: none; } } @media (min-width: 768px) { .textblock div[id~=ZZ_split_feature_left], .textblock div[id~=ZZ_split_feature_right], .textblock div[id~=ZZ_split_feature_left] , .textblock div[id~=ZZ_split_feature_right] { padding-left: 10px; } } @media (min-width: 926px) { .textblock div[id~=ZZ_split_feature_left], .textblock div[id~=ZZ_split_feature_right], .textblock div[id~=ZZ_split_feature_left], .textblock div[id~=ZZ_split_feature_right] { padding-left: 10px; } } .textfeature > div { background-color: rgba(255, 255, 255, 0); /* don't make this important!*/ } .textfeature > div .text-only-feature { background-color: inherit; } .textfeature > div .text-only-feature .Display1 { font-family: europa, 'BrandonGrotesque-Bold', 'Open Sans', sans-serif !important; font-weight: 700 !important; font-size: 80px !important; line-height: 100px !important; } @media (max-width: 767px) { .textfeature > div .text-only-feature .Display1 { font-size: 38px !important; line-height: 40px !important; } } .text-only-feature .subheading-desktop { font-family: 'Brandontext-regular', 'Open Sans', sans-serif !important; font-weight: normal !important; font-size: 18px !important; line-height: 24px !important; max-width: 500px; } .text-only-feature .subheading-desktop b, .text-only-feature .subheading-desktop strong { font-family: europa, 'BrandonGrotesque-Bold', 'Open Sans', sans-serif !important; font-weight: 700 !important; } .text-only-feature .subheading-desktop br { line-height: 2em; } .text-only-feature h3 { font-size: 36px !important; line-height: 38px !important; } @media (max-width: 767px) { .text-only-feature h3 { font-size: 18px !important; line-height: 24px !important; } } /* .text-only-feature h3:before { content: " "; display: none; background-color: #ffffff; width: 23px; height: 10px; margin: 18px auto 50px auto; } @media (max-width: 767px) { .text-only-feature h3:before { display: none; width: 13px; height: 6px; margin: 16px auto 16px auto; } } */ .textfeature div[id~=ZZ_wide_subheading] .text-only-feature p.subheading-desktop { padding-left: 30px; padding-right: 30px; } .text-only-feature .inner-content div { position: relative; max-width: 860px; margin-left: auto; margin-right: auto; padding: 0 30px; display: inline-block; } .text-only-feature .inner-content div quote { font-size: 56px !important; line-height: 60px; display: inline-block; } @media (max-width: 767px) { .text-only-feature .inner-content div quote { font-size: 32px !important; line-height: 40px !important; } } .text-only-feature .inner-content div quote:before, .text-only-feature .inner-content div quote:after { font-family: 'Brandontext-regular', 'Open Sans', sans-serif !important; font-weight: normal !important; /* don't set to bold! */ font-size: 80px !important; color: #943135; position: absolute; top: 0; } .text-only-feature .inner-content div quote:before { content: '“'; left: -3px; } .text-only-feature .inner-content div quote:after { content: '”'; right: -3px; } /* ---------------------------------------------------------------------- */ .textfeature div[id~=ZZ_dash] .text-only-feature .Display1:after { margin-left: auto; margin-right: auto; } /* ---------------------------------------------------------------------- */ .textfeature div[id~=ZZ_text_medium] .text-only-feature .Display1, .textfeature div[id~=ZZ_text_medium_large] .text-only-feature .Display1 { font-family: 'Milton', 'Open Sans', sans-serif !important; letter-spacing: 2px !important; } @media (min-width: 768px) { .textfeature div[id~=ZZ_text_medium_large] .text-only-feature .Display1 { font-size: 58px !important; line-height: 60px !important; } } @media (min-width: 768px) { .textfeature div[id~=ZZ_text_medium] .text-only-feature .Display1 { font-size: 56px !important; line-height: 60px !important; } } @media (max-width: 767px) { .textfeature > div[id~=ZZ_text_medium] .text-only-feature .Display1 { font-size: 32px !important; line-height: 36px !important; } } .textfeature div[id~=ZZ_text_small] .text-only-feature .Display1 { font-family: 'Milton', 'Open Sans', sans-serif !important; letter-spacing: 2px !important; } @media (min-width: 768px) { .textfeature div[id~=ZZ_text_small] .text-only-feature .Display1 { font-size: 30px !important; line-height: 34px !important; } } @media (max-width: 767px) { .textfeature div[id~=ZZ_text_small] .text-only-feature .Display1 { font-size: 26px !important; line-height: 32px !important; } } @media (max-width: 500px) { .textfeature div[id~=ZZ_text_small] .text-only-feature .Display1 { font-size: 24px !important; line-height: 27px !important; } } .textfeature div[id~=ZZ_text_small][id~=ZZ_dash] .text-only-feature .Display1:after { width: 13px; height: 6px; margin-top: 13px; } /* ---------------------------------------------------------------------- */ /* .imageboardmarquee .image-board-marquee .content .inner-content .Display2 { font-family: europa, 'BrandonGrotesque-Bold', 'Open Sans', sans-serif !important; font-weight: 700 !important; font-size: 80px !important; line-height: 100px !important; } .imageboardmarquee > div[id~=ZZ_dash] .content .inner-content .Display2:after { margin-left: auto !important; margin-right: auto !important; } .image-board-marquee .content-holder .inner-content .subheading-desktop { font-family: europa, 'BrandonGrotesque-Bold', 'Open Sans', sans-serif !important; font-weight: 700 !important; font-size: 18px !important; line-height: 24px !important; width: 60%; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .image-board-marquee .text-holder { background-color: rgba(255, 255, 255, 0); padding: 50px 20px; } .imageboardmarquee .image-board-marquee .content .inner-content .Display2 { font-size: 38px !important; line-height: 40px !important; text-align: center; } .image-board-marquee .content-holder .inner-content .subheading-desktop { width: 80%; color: #8b8d8d; text-align: center; } } */ /* ---------------------------------------------------------------------- */ .textfeature div[id~=ZZ_margin_top_130], .textfeature div[id~=ZZ_margin_bottom_130]{ padding-top: 0 !important; padding-bottom: 0 !important; } .textfeature div[id~=ZZ_margin_top_130] .text-only-feature { padding-top: 130px !important; } .textfeature div[id~=ZZ_margin_bottom_130] .text-only-feature { padding-bottom: 130px !important; } @media (max-width: 767px) { .textfeature div[id~=ZZ_margin_top_130] .text-only-feature { padding-top: 70px !important; } .textfeature div[id~=ZZ_margin_bottom_130] .text-only-feature { padding-bottom: 70px !important; } } .textfeature div[id~=ZZ_margin_top_100], .textfeature div[id~=ZZ_margin_bottom_100]{ padding-top: 0 !important; padding-bottom: 0 !important; } .textfeature div[id~=ZZ_margin_top_100] .text-only-feature { padding-top: 100px !important; } .textfeature div[id~=ZZ_margin_bottom_100] .text-only-feature { padding-bottom: 100px !important; } @media (max-width: 767px) { .textfeature div[id~=ZZ_margin_top_100] .text-only-feature { padding-top: 50px !important; } .textfeature div[id~=ZZ_margin_bottom_100] .text-only-feature { padding-bottom: 50px !important; } } .textfeature div[id~=ZZ_margin_top_70], .textfeature div[id~=ZZ_margin_bottom_70]{ padding-top: 0 !important; padding-bottom: 0 !important; } .textfeature div[id~=ZZ_margin_top_70] .text-only-feature { padding-top: 70px !important; } .textfeature div[id~=ZZ_margin_bottom_70] .text-only-feature { padding-bottom: 70px !important; } @media (max-width: 767px) { .textfeature div[id~=ZZ_margin_top_70] .text-only-feature { padding-top: 35px !important; } .textfeature div[id~=ZZ_margin_bottom_70] .text-only-feature { padding-bottom: 35px !important; } } .textfeature div[id~=ZZ_margin_top_35], .textfeature div[id~=ZZ_margin_bottom_35]{ padding-top: 0 !important; padding-bottom: 0 !important; } .textfeature div[id~=ZZ_margin_top_35] .text-only-feature { padding-top: 35px !important; } .textfeature div[id~=ZZ_margin_bottom_35] .text-only-feature { padding-bottom: 35px !important; } @media (max-width: 767px) { .textfeature div[id~=ZZ_margin_top_35] .text-only-feature { padding-top: 18px !important; } .textfeature div[id~=ZZ_margin_bottom_35] .text-only-feature { padding-bottom: 18px !important; } } .textfeature div[id~=ZZ_margin_top_20], .textfeature div[id~=ZZ_margin_bottom_20]{ padding-top: 0 !important; padding-bottom: 0 !important; } .textfeature div[id~=ZZ_margin_top_20] .text-only-feature { padding-top: 20px !important; } .textfeature div[id~=ZZ_margin_bottom_20] .text-only-feature { padding-bottom: 20px !important; } @media (max-width: 767px) { .textfeature div[id~=ZZ_margin_top_20] { padding-top: 20px !important; } .textfeature div[id~=ZZ_margin_bottom_20] { padding-bottom: 20px !important; } } @media (max-width: 767px) { .textfeature div[id~=MM_margin_top_100] .text-only-feature { padding-top: 100px !important; } .textfeature div[id~=MM_margin_bottom_100] .text-only-feature { padding-bottom: 100px !important; } .textfeature div[id~=MM_margin_top_70] .text-only-feature { padding-top: 70px !important; } .textfeature div[id~=MM_margin_bottom_70] .text-only-feature { padding-bottom: 70px !important; } .textfeature div[id~=MM_margin_top_35] .text-only-feature { padding-top: 35px !important; } .textfeature div[id~=MM_margin_bottom_35] .text-only-feature { padding-bottom: 35px !important; } .textfeature div[id~=MM_margin_top_20] { padding-top: 20px !important; } .textfeature div[id~=MM_margin_bottom_20] { padding-bottom: 20px !important; } .textfeature div[id~=MM_margin_top_0] { padding-top: 0px !important; } .textfeature div[id~=MM_margin_bottom_0] { padding-bottom: 0px !important; } } .textfeature div[id~=ZZ_margin_0] .text-only-feature { padding: 0px !important; } .textfeature div[id~=ZZ_margin_top_0] .text-only-feature { padding-top: 0px !important; } .textfeature div[id~=ZZ_margin_bottom_0] .text-only-feature { padding-bottom: 0px !important; } .textfeature div[id~=ZZ_margin_0] .text-only-feature .subheading-desktop, .textfeature div[id~=ZZ_margin_bottom_0] .text-only-feature .subheading-desktop { margin-bottom: 0px !important; } .textfeature div[id~=ZZ_margin_left_0] .text-only-feature { padding-left: 0px !important; } .textfeature div[id~=ZZ_margin_right_0] .text-only-feature { padding-right: 0px !important; } /* ---------------------------------------------------------------------- */ .threeboard .board-grid-3 { padding: 43px; } .threeboard .board-grid-3 { background-color: #f5f5f5; } @media (max-width: 767px) { .threeboard .board-grid-3, .threeboard .board-grid-3 .board-mol { background-color: #f5f5f5; } } .threeboard .board-grid-3 .container { color: #8b8d8d; } .threeboard .board-grid-3 .container > div:first-child { background-color: #fff; } .threeboard .board-grid-3 .Display1 { font-family: 'Milton', 'Open Sans', sans-serif !important; font-weight: normal !important; font-size: 56px !important; line-height: 60px !important; letter-spacing: 2px !important; color: #3f000b; margin: 0 0 40px 0; } .threeboard .board-grid-3 .subheading-desktop { color: #3f000b; margin-top: 0; margin-bottom: 40px; } .threeboard .board-grid-3 .component-button.primaryCTA { margin: 0; } .threeboard .content-holder h2 { color: #8b8d8d !important; text-align: center; font-size: 18px; line-height: 24px; } .threeboard .content-holder h2 span { color: #943135; } .threeboard .board-mol:hover h2 { color: #943135; } .threeboard .board-mol:hover h2 span { color: #8b8d8d; } @media (max-width: 767px) { .threeboard .content-holder h2 { font-size: 13px; line-height: 14px; text-align: left; } } .threeboard .content-holder p { text-align: center; font-size: 14px; line-height: 17px; } @media (max-width: 767px) { .threeboard .content-holder p { text-align: left; } } .threeboard .board-grid-3 .board-mol .content-holder { overflow: hidden; height: 90px; background-color: #fff; margin-bottom: 20px; } @media (max-width: 767px) { .threeboard .board-grid-3 .board-mol .content-holder { margin-bottom: 0; } } .threeboard .board-grid-3 .board-mol .media-holder { overflow: hidden; } .threeboard .board-grid-3 .board-mol .media-holder, .threeboard .board-grid-3 .board-mol .media-holder img { background-color: #fff; } @media (min-width: 768px) { .threeboard .board-grid-3 { padding: 43px 78px; /* NOTE: margin left/right 86px-8px*/ } .threeboard .board-grid-3 .text-center.row { margin-right: 90px; margin-left: 90px; } .threeboard .board-grid-3 .board-mol { padding: 0 1px; } .threeboard .board-grid-3 .component-button.primaryCTA { margin-top: 45px; } } @media (max-width: 1200px) { .threeboard .board-grid-3 { padding-left: 4%; padding-right: 4%; padding-left: calc(4% - 8px); padding-right: calc(4% - 8px); } } @media (max-width: 1002px) { .threeboard .board-grid-3 { padding-left: 2%; padding-right: 2%; padding-left: calc(2% - 8px); padding-right: calc(2% - 8px); } } @media (max-width: 767px) { .threeboard .board-grid-3 { padding: 15px 0; } .threeboard .board-grid-3 .container .row:nth-child(2) { /* the button (if they have it) */ margin-top: 40px; padding-left: 20px; padding-right: 20px; } .threeboard .board-grid-3 .board-mol { padding: 0; margin: 0; } .threeboard .board-grid-3 .board-mol a { margin: 20px 20px 0 20px; } .threeboard .board-grid-3 .board-mol:first-child a { margin-top: 0; } .threeboard .board-grid-3 .board-mol ul { margin-left: 20px; margin-right: 20px; } .threeboard .board-grid-3 .board-mol .content-holder, .threeboard .board-grid-3 .board-mol .media-holder { height: 90px; } } /* ---------------------------------------------------------------------- */ @media (min-width: 768px) { .threeboard .board-grid-3[id~=ZZ_favorite] .content-holder { height: 110px; } } @media (min-width: 768px) { .threeboard .board-grid-3[id~=ZZ_tall] .content-holder { height: 200px; } } .threeboard .board-grid-3[id~=ZZ_card_padding_5] .board-mol { padding: 5px; } @media (max-width: 768px) { .threeboard .board-grid-3[id~=ZZ_card_padding_5] .board-mol { padding: 0; } } .threeboard .board-grid-3[id~=ZZ_card_padding_10] .board-mol { padding: 10px 5px 5px 5px; } @media (max-width: 768px) { .threeboard .board-grid-3[id~=ZZ_card_padding_10] .board-mol { padding: 0; } } .threeboard .board-grid-3[id~=ZZ_card_padding_15] .board-mol { padding: 15px 5px 5px 5px; } @media (max-width: 768px) { .threeboard .board-grid-3[id~=ZZ_card_padding_15] .board-mol { padding: 0; } } .threeboard .board-grid-3[id~=ZZ_card_padding_20] .board-mol { padding: 20px 5px 5px 5px; } @media (max-width: 768px) { .threeboard .board-grid-3[id~=ZZ_card_padding_20] .board-mol { padding: 0; } } .threeboard .board-grid-3[id~=ZZ_dash] .Display1:after { content: " "; display: block; width: 23px; height: 10px; background-color: #8b8d8d; margin-top: 18px; margin-left: auto; margin-right: auto; } .twoboard .board-grid-2 { padding: 43px; } .twoboard .board-grid-2 { background-color: #f5f5f5; } @media (max-width: 767px) { .twoboard .board-grid-2, .twoboard .board-grid-2 .board-mol { background-color: #f5f5f5; } } .twoboard .board-grid-2 .container { color: #8b8d8d; } .twoboard .board-grid-2 .container > div:first-child { background-color: #fff; } .twoboard .board-grid-2 .Display1 { font-family: 'Milton', 'Open Sans', sans-serif !important; font-weight: normal !important; font-size: 56px !important; line-height: 60px !important; letter-spacing: 2px !important; color: #3f000b; margin: 0 0 40px 0; } .twoboard .board-grid-2 .subheading-desktop { color: #3f000b; margin-top: 0; margin-bottom: 40px; } .twoboard .board-grid-2 .component-button.primaryCTA { margin: 0; } .twoboard .content-holder h2 { color: #8b8d8d !important; text-align: center; font-size: 18px; line-height: 24px; } .twoboard .content-holder h2 span { color: #943135; } .twoboard .board-mol:hover h2 { color: #943135; } .twoboard .board-mol:hover h2 span { color: #8b8d8d; } @media (max-width: 767px) { .twoboard .content-holder h2 { font-size: 13px; line-height: 14px; text-align: left; } } .twoboard .content-holder p { text-align: center; font-size: 14px; line-height: 17px; } @media (max-width: 767px) { .twoboard .content-holder p { text-align: left; } } .twoboard .board-grid-2 .board-mol .content-holder { overflow: hidden; height: 90px; background-color: #fff; margin-bottom: 20px; } @media (max-width: 767px) { .twoboard .board-grid-2 .board-mol .content-holder { margin-bottom: 0; } } .twoboard .board-grid-2 .board-mol .media-holder { overflow: hidden; } .twoboard .board-grid-2 .board-mol .media-holder, .twoboard .board-grid-2 .board-mol .media-holder img { background-color: #fff; } @media (min-width: 768px) { .twoboard .board-grid-2 { padding: 43px 78px; /* NOTE: margin left/right 86px-8px*/ } .twoboard .board-grid-2 .text-center.row { margin-right: 90px; margin-left: 90px; } .twoboard .board-grid-2 .board-mol { padding: 0 1px; } .twoboard .board-grid-2 .component-button.primaryCTA { margin-top: 45px; } } @media (max-width: 1200px) { .twoboard .board-grid-2 { padding-left: 4%; padding-right: 4%; padding-left: calc(4% - 8px); padding-right: calc(4% - 8px); } } @media (max-width: 1002px) { .twoboard .board-grid-2 { padding-left: 2%; padding-right: 2%; padding-left: calc(2% - 8px); padding-right: calc(2% - 8px); } } @media (max-width: 767px) { .twoboard .board-grid-2 { padding: 15px 0; } .twoboard .board-grid-2 > .row:nth-child(3) { /* the button (if they have it) */ margin-top: 40px; padding-left: 20px; padding-right: 20px; } .twoboard .board-grid-2 .board-mol { padding: 0; margin: 0; } .twoboard .board-grid-2 .board-mol a { margin: 20px 20px 0 20px; } .twoboard .board-grid-2 .board-mol:first-child a { margin-top: 0; } .twoboard .board-grid-2 .board-mol ul { margin-left: 20px; margin-right: 20px; } .twoboard .board-grid-2 .board-mol .content-holder, .twoboard .board-grid-2 .board-mol .media-holder { height: 90px; } } /* ---------------------------------------------------------------------- */ @media (min-width: 768px) { .twoboard .board-grid-2[id~=ZZ_favorite] .content-holder { height: 110px; } } @media (min-width: 768px) { .twoboard .board-grid-2[id~=ZZ_tall] .content-holder { height: 200px; } } .twoboard .board-grid-2[id~=ZZ_card_padding_5] .board-mol { padding: 5px; } @media (max-width: 768px) { .twoboard .board-grid-2[id~=ZZ_card_padding_5] .board-mol { padding: 0; } } .twoboard .board-grid-2[id~=ZZ_card_padding_10] .board-mol { padding: 10px 5px 5px 5px; } @media (max-width: 768px) { .twoboard .board-grid-2[id~=ZZ_card_padding_10] .board-mol { padding: 0; } } .twoboard .board-grid-2[id~=ZZ_card_padding_15] .board-mol { padding: 15px 5px 5px 5px; } @media (max-width: 768px) { .twoboard .board-grid-2[id~=ZZ_card_padding_15] .board-mol { padding: 0; } } .twoboard .board-grid-2[id~=ZZ_card_padding_20] .board-mol { padding: 20px 5px 5px 5px; } @media (max-width: 768px) { .twoboard .board-grid-2[id~=ZZ_card_padding_20] .board-mol { padding: 0; } } .twoboard .board-grid-2[id~=ZZ_dash] .Display1:after { content: " "; display: block; width: 23px; height: 10px; background-color: #8b8d8d; margin-top: 18px; margin-left: auto; margin-right: auto; } .arktanreviews .container { background-color: #5b262e; } .arktanreviews .container .reviews-module { background-color: #5b262e; } .arktanreviews .reviews-module h3 { color: #ffffff; } .arktanreviews .reviews-module h2 { color: #ffffff; } .reviews-module .echo-submit-review-container { color: #fff; } .reviews-module .echo-submit-forcedLoginUserInfoMessage { color: #fff; } .reviews-module .echo-stream-sortOrderDrop { color: #fff; } .reviews-module .echo-submit-container input, .echo-submit-container textarea { color: #3f000b; } .reviews-module .echo-stream-container .echo-stream-sortOrderDrop:before { color: #fff; } .reviews-module .echo-stream-container .echo-stream-sortOrderDrop:hover:before { color: #943135; } .reviews-module .echo-item-container { border-bottom-color: #5b262e; } .reviews-module .echo-item-subwrapper .echo-item-authorName { color: #ffcc4e; } .reviews-module .echo-item-subwrapper .echo-item-data div.note_title, .reviews-module .echo-item-subwrapper .echo-item-footer { color: #fff; } .reviews-module .echo-item-subwrapper span.echo-item-rating { color: #5b262e; } .reviews-module .echo-item-subwrapper .echo-item-date { color: #d4c4ac; } .reviews-module .echo-stream-more { color: #ffffff; } .reviews-module .echo-stream-more:hover { border-color: #ffffff; color: #943135; }