/*-------------------------------------------------- Compiled on April 12, 2016 at 03:51pm by tz --------------------------------------------------*/ /* line 18, scss/fragments/_coffee_story_main.scss */ .tls-main { position: relative; overflow: hidden; width: 100%; max-width: 999px; margin: 0 auto; height: 400px; background-color: black; z-index: 2; } /* line 30, scss/fragments/_coffee_story_main.scss */ .tls-main .hidden { display: none !important; } /* line 34, scss/fragments/_coffee_story_main.scss */ .tls-main h1.page-title { color: #fff; } /* line 38, scss/fragments/_coffee_story_main.scss */ .tls-main a { text-decoration: none; } /* line 42, scss/fragments/_coffee_story_main.scss */ .tls-main .tls-common { width: 100%; height: 100%; position: absolute; display: block; z-index: 20; top: 0px; pointer-events: none; } /* line 53, scss/fragments/_coffee_story_main.scss */ .tls-main .tls-common .tls-arrows { width: 100%; position: absolute; top: 50%; margin-top: -39px; pointer-events: all; } /* line 61, scss/fragments/_coffee_story_main.scss */ .tls-main .tls-common .tls-arrows > a { display: inline-block; margin: auto 5px; width: 36px; height: 118px; background-repeat: no-repeat; cursor: pointer; } /* line 93, scss/fragments/_coffee_story_main.scss */ .tls-main .holder { position: relative; width: 100%; height: 100%; } /* line 98, scss/fragments/_coffee_story_main.scss */ .tls-main .holder > div { width: 100%; } /* line 104, scss/fragments/_coffee_story_main.scss */ .tls-main .tls-slides { height: 100%; width: 200%; position: absolute; } /* line 112, scss/fragments/_coffee_story_main.scss */ .tls-main .tls-slides h2.title-lined { color: white; font-weight: bold; position: absolute; top: 8px; width: 100%; z-index: 4; } /* line 121, scss/fragments/_coffee_story_main.scss */ .tls-main .tls-slides > div { display: inline-block; width: 50%; float: left; height: 100%; } /* line 130, scss/fragments/_coffee_story_main.scss */ .tls-main .tls-slide-content { width: 100%; height: 100%; } /* line 136, scss/fragments/_coffee_story_main.scss */ .tls-main .tls-slide-background { background-repeat: no-repeat; background-size: cover; width: 100%; height: 100%; top: 0px; position: absolute; z-index: 0; } /* line 148, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline { position: absolute; left: 100%; height: 100%; } /* line 155, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .tls-bubble { position: absolute; bottom: 39%; background-color: #760815; border: 4px solid #f4eed3; border-radius: 12px; padding: 25px; } /* line 163, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .tls-bubble p { color: white; margin: 0; } /* line 168, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .tls-bubble img { display: block; position: absolute; top: 50%; margin-top: -92px; right: -96px; } /* line 179, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .tls-bubble-pointer { display: block; width: 23px; height: 43px; position: absolute; margin-bottom: -39px; left: 0%; bottom: 39%; } /* line 192, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .tls-timeline { position: absolute; width: 100%; height: 100px; bottom: 5%; overflow: hidden; } /* line 202, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .tls-timeline .tls-timeline-bk { width: 100%; height: 7px; background-color: white; top: 21px; position: absolute; } /* line 209, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .tls-timeline .tls-timeline-bk .tls-timeline-progress { width: 90%; left: 10%; display: none; height: 3px; background-color: #760815; margin: 2px 0; position: absolute; } /* line 223, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .tls-timeline ul { position: absolute; color: white; font-weight: bold; font-size: 1.5em; width: 100%; display: block; position: absolute; } /* line 233, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .tls-timeline ul li { display: inline-block; position: absolute; cursor: pointer; } /* line 239, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .tls-timeline ul li > div { width: 100%; height: 100%; float: right; } /* line 245, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .tls-timeline ul li > img.hotspot { cursor: pointer; width: 100%; height: 100%; position: absolute; display: block; top: 0; left: 0; } /* line 256, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .tls-timeline ul li .marker { width: 50px; height: 50px; background-color: white; border: 9px solid white; border-radius: 100%; } /* line 268, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .tls-timeline ul li p { margin: 5px 0; } /* line 275, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .tls-timeline ul li:hover .marker, .tls-main #slide_timeline .tls-timeline ul li.selected .marker { background-color: #760815; } /* line 280, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .tls-timeline ul li:nth-child(1) { left: 7%; } /* line 281, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .tls-timeline ul li:nth-child(2) { left: 28%; } /* line 282, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .tls-timeline ul li:nth-child(3) { left: 50%; } /* line 283, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .tls-timeline ul li:nth-child(4) { left: 70%; } /* line 284, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .tls-timeline ul li:nth-child(5) { left: 87%; } /* line 292, scss/fragments/_coffee_story_main.scss */ .tls-main #slide_timeline .instructions { position: absolute; color: white; bottom: 10px; width: 100%; text-align: center; } /* line 12, scss/fragments/_coffee_story_slides.scss */ .tls-main { /* Slide 1 */ /* Slide 2 */ /* Slide 3 */ /* Slide 4 */ /* Slide 5 */ } /* line 14, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_intro { position: absolute; width: 100%; height: 100%; background-color: #fff; } /* line 20, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_intro .tls-copy { position: relative; width: 50%; margin-left: 3%; float: left; display: block; } /* line 28, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_intro h2 { font-weight: bold; position: relative; font-size: 35px; padding: 0; margin: 1.2rem 0; line-height: 1.2em; color: #46030b; text-transform: uppercase; font-family: "laudatio", "Trebuchet MS", sans-serif; } /* line 40, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_intro .tls-slide-background { background-position: top left; background-repeat: repeat; background-size: auto; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; } /* line 47, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_intro .tls-slide-content { color: white; z-index: 100; } /* line 51, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_intro .tls-slide-content .cta .long { display: none; } /* line 55, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_intro .tls-slide-content p { margin: 0; color: #2d2d2d; line-height: 1.25em; } /* line 61, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_intro .tls-slide-content .cta { position: relative; display: inline-block; margin-top: 1.25%; cursor: pointer; background-color: #9f0b1e; z-index: 400; font-size: 1.2rem; } /* line 70, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_intro .tls-slide-content .cta .label { padding: 15px; text-transform: uppercase; font-size: 0.75em; font-weight: bold; cursor: pointer; color: white; width: 100%; height: 100%; background-color: #9f0b1e; } /* line 85, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_intro .tls-slide-content .cta .label:after { content: ""; display: inline-block; width: 0; height: 0; margin-left: 5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid white; } /* line 102, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_intro .tls-intro-cup.tls-desktop { position: absolute; width: 55%; bottom: 0; right: -0.8rem; } /* line 109, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_intro .tls-intro-cup.tls-mobile { max-width: 550px; max-width: 80%; margin: 0 auto; } /* line 116, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_intro .tls-intro-beans { position: absolute; top: 0; right: 0; } /* line 126, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_timeline[data-index="0"] .tls-bubble { left: 59px; padding-right: 100px; width: 75%; } /* line 132, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_timeline[data-index="0"] .tls-bubble-pointer { left: 8.5%; } /* line 146, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_timeline[data-index="1"] .tls-bubble { left: 107px; padding-right: 100px; width: 52%; } /* line 157, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_timeline[data-index="1"] .tls-bubble-pointer { left: 29.5%; } /* line 166, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_timeline[data-index="2"] .tls-bubble { right: 18%; padding-right: 100px; width: 56%; } /* line 172, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_timeline[data-index="2"] .tls-bubble-pointer { left: 51.5%; } /* line 185, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_timeline[data-index="3"] .tls-bubble { left: 22%; padding-left: 100px; padding-right: 25px; width: 60%; } /* line 192, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_timeline[data-index="3"] .tls-bubble-pointer { left: 71.3%; } /* line 196, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_timeline[data-index="3"] img { left: -96px; } /* line 205, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_timeline[data-index="4"] .tls-bubble { right: 2%; padding-left: 100px; padding-right: 25px; width: 82%; } /* line 212, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_timeline[data-index="4"] .tls-bubble-pointer { left: 88.4%; } /* line 216, scss/fragments/_coffee_story_slides.scss */ .tls-main #slide_timeline[data-index="4"] img { left: -96px; } /* Responsive */ /* line 5, scss/fragments/_coffee_story_responsive.scss */ h2.break-point:after { content: "full"; } /* line 14, scss/fragments/_coffee_story_responsive.scss */ .tls-main .tls-mobile { display: none; } @media (max-width: 900px) { /* line 19, scss/fragments/_coffee_story_responsive.scss */ h2.break-point:after { content: "900px"; } /* line 21, scss/fragments/_coffee_story_responsive.scss */ .tls-main { height: 430px; } /* line 31, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline .tls-bubble { bottom: 35%; } /* line 35, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline .tls-bubble-pointer { bottom: 35%; margin-bottom: -39px; } /* line 42, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline img { width: 192px; height: 192px; } /* line 49, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline[data-index="2"] .tls-bubble { left: initial; right: 20%; width: 70%; } } @media (max-width: 780px) { /* line 62, scss/fragments/_coffee_story_responsive.scss */ h2.break-point:after { content: "780px"; } /* line 66, scss/fragments/_coffee_story_responsive.scss */ .tls-main .tls-common h2 { top: -18px !important; } /* line 72, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_intro h2 { font-size: 30px; margin: 1rem 0; } /* line 79, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline .tls-bubble { width: 70% !important; left: 10% !important; padding-right: 140px !important; padding-left: 25px !important; bottom: 40%; } /* line 86, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline .tls-bubble p { height: 100%; vertical-align: middle; } /* line 94, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline .tls-bubble-pointer { display: none; } /* line 98, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline img { left: initial !important; right: -96px !important; } } @media (max-width: 675px) { /* line 112, scss/fragments/_coffee_story_responsive.scss */ h2.break-point:after { content: "675px"; } /* line 115, scss/fragments/_coffee_story_responsive.scss */ .tls-main[data-index="0"] .tls-arrows { display: none; } /* line 120, scss/fragments/_coffee_story_responsive.scss */ .tls-main { height: 480px; } /* line 123, scss/fragments/_coffee_story_responsive.scss */ .tls-main .tls-desktop { display: none !important; } /* line 127, scss/fragments/_coffee_story_responsive.scss */ .tls-main .tls-mobile { display: block; } /* line 133, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_intro .tls-copy { width: 100%; margin-left: 0; padding: 0 0.8rem; } /* line 138, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_intro .tls-copy h2 { font-size: 25px; margin: 1rem 0 0.6rem 0; } /* line 143, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_intro .tls-copy p { font-size: 0.9rem; } /* line 147, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_intro .tls-copy .cta { margin-top: 0.5rem; display: block; text-align: center; background-color: transparent; } /* line 155, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_intro .tls-intro-cup { width: 320px; } /* line 159, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_intro .tls-intro-beans { display: none; } /* line 164, scss/fragments/_coffee_story_responsive.scss */ .tls-main .tls-common h2 { top: -18px !important; } /* line 174, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline .tls-bubble { width: 60% !important; left: 15% !important; padding-right: 100px !important; } /* line 180, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline .tls-bubble-pointer { display: none; } /* line 184, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline .instructions { display: none; } /* line 192, scss/fragments/_coffee_story_responsive.scss */ #slide_timeline[data-index="0"] .tls-bubble { padding: 10px 100px 10px 10px !important; font-size: 0.9em; } /* line 199, scss/fragments/_coffee_story_responsive.scss */ #slide_timeline[data-index="4"] .tls-bubble { padding: 10px 100px 10px 10px !important; font-size: 0.9em; } } @media (max-width: 540px) { /* line 209, scss/fragments/_coffee_story_responsive.scss */ h2.break-point:after { content: "540px"; } /* line 211, scss/fragments/_coffee_story_responsive.scss */ .tls-main { height: 600px; } /* line 214, scss/fragments/_coffee_story_responsive.scss */ .tls-main .tls-intro-cup { width: 400px; } /* line 218, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_intro .tls-copy p { font-size: 1rem; } /* line 225, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline .tls-bubble { padding-right: 25px !important; padding-left: 25px !important; padding-top: 96px !important; left: 20% !important; bottom: 30%; } /* line 234, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline .tls-bubble p { vertical-align: middle; } /* line 238, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline .tls-bubble img { right: initial !important; left: 50% !important; margin-left: -96px; top: 0; } /* line 248, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(1) { left: 7% !important; } /* line 249, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(2) { left: 28% !important; } /* line 250, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(3) { left: 47% !important; } /* line 251, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(4) { left: 66% !important; } /* line 252, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(5) { left: 85% !important; } } @media (max-width: 480px) { /* line 260, scss/fragments/_coffee_story_responsive.scss */ h2.break-point:after { content: "480px"; } /* line 265, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline img { display: none; } /* line 269, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline .tls-bubble { padding-right: 20px !important; padding: 10px 20px; } /* line 274, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(1) { left: 4% !important; } /* line 275, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(2) { left: 23% !important; } /* line 276, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(3) { left: 42% !important; } /* line 277, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(4) { left: 61% !important; } /* line 278, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(5) { left: 80% !important; } } @media (max-width: 370px) { /* line 284, scss/fragments/_coffee_story_responsive.scss */ h2.break-point:after { content: "370px"; } /* line 286, scss/fragments/_coffee_story_responsive.scss */ .tls-main { height: 595px; } /* line 290, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline img { display: none; } /* line 294, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline .tls-bubble { padding-right: 20px !important; padding: 10px 20px; bottom: 25%; } /* line 300, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(1) { left: 4% !important; } /* line 301, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(2) { left: 23% !important; } /* line 302, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(3) { left: 42% !important; } /* line 303, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(4) { left: 61% !important; } /* line 304, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(5) { left: 80% !important; } } @media (max-width: 320px) { /* line 311, scss/fragments/_coffee_story_responsive.scss */ h2.break-point:after { content: "320px"; } /* line 313, scss/fragments/_coffee_story_responsive.scss */ .tls-main { height: 610px; } /* line 317, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline img { display: none; } /* line 321, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline .tls-bubble { padding-right: 20px !important; padding: 10px 20px; } /* line 326, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(1) { left: 4% !important; } /* line 327, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(2) { left: 23% !important; } /* line 328, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(3) { left: 42% !important; } /* line 329, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(4) { left: 61% !important; } /* line 330, scss/fragments/_coffee_story_responsive.scss */ .tls-main #slide_timeline li:nth-child(5) { left: 80% !important; } } /* line 5, scss/fragments/_cs_carousel.scss */ #carousel_holder { background-color: #440a07; background-position: center top; background-repeat: no-repeat; background-size: auto 100%; max-height: 400px; } /* line 13, scss/fragments/_cs_carousel.scss */ .cs-carousel { position: relative; overflow: hidden; width: 100%; margin: 0 auto; height: 0; max-height: 400px; padding-top: 38.02281368821293%; } /* line 26, scss/fragments/_cs_carousel.scss */ .cs-carousel .hidden { display: none !important; } /* line 30, scss/fragments/_cs_carousel.scss */ .cs-carousel .scalable-image { width: 100%; height: 100%; background-size: contain; } /* line 36, scss/fragments/_cs_carousel.scss */ .cs-carousel .common { width: 100%; height: 100%; position: absolute; display: block; z-index: 20; top: 0px; pointer-events: none; } /* line 47, scss/fragments/_cs_carousel.scss */ .cs-carousel .common .arrows { width: 100%; height: 100%; position: absolute; top: 39%; pointer-events: all; } /* line 54, scss/fragments/_cs_carousel.scss */ .cs-carousel .common .arrows > a { display: inline-block; margin: 0; width: 5.038022813688213%; height: 25%; background-repeat: no-repeat; background-position: center; background-size: contain; cursor: pointer; } /* line 67, scss/fragments/_cs_carousel.scss */ .cs-carousel .common .arrows .arrow-next { margin-right: 7%; float: right; } /* line 73, scss/fragments/_cs_carousel.scss */ .cs-carousel .common .arrows .arrow-prev { float: left; margin-left: 1%; } /* line 89, scss/fragments/_cs_carousel.scss */ .cs-carousel .holder { position: relative; width: 100%; height: 100%; } /* line 94, scss/fragments/_cs_carousel.scss */ .cs-carousel .holder > div { width: 100%; height: 100%; display: inline-block; top: 0; } /* line 108, scss/fragments/_cs_carousel.scss */ .cs-carousel .slides { height: 100%; width: 200%; position: absolute; top: 0; } /* line 115, scss/fragments/_cs_carousel.scss */ .cs-carousel .slides .slide { width: 50%; position: absolute; top: 0; } /* line 120, scss/fragments/_cs_carousel.scss */ .cs-carousel .slides .slide .slide-background { background-repeat: no-repeat; } /* line 124, scss/fragments/_cs_carousel.scss */ .cs-carousel .slides .slide .slide-content { position: absolute; top: 0; background-repeat: no-repeat; } /* line 137, scss/fragments/_cs_carousel.scss */ .cs-carousel .slides .slide[data-index="1"] { left: 50%; } /* #carousel_holder { width:100%; } .cs-carousel { max-width:$maxWidth; width:100%; height:400px; background-size:cover; background-repeat:no-repeat; packground-position:center; margin:0 auto; border:5px solid blue; .holder { position:relative; width:100%; height:100%; >div { width:100%; } } // Slides .slides { // height:400px; height:100%; width:200%; //z-index:200; position:absolute; //left:-50%; > div { display:inline-block; width:50%; float:left; height:100%; } } .slide-background { width:100%; height:100%; } } #cs_carousel { //background-image:url($assetFolder + 'cs_carousel_common_bk.jpg'); .slide-background { //background-image:url($assetFolder + 'cs_carousel_common_slide_bk.png'); } } */ /* Store Lists */ /* Used on pages where lots of stores are listed (i.e. participating restaurants) */ /* line 4, scss/fragments/_store-list.scss */ .store-list { display: block; overflow: auto; width: 100%; padding-right: 1.6em; list-style: none; } /* line 11, scss/fragments/_store-list.scss */ .store-list li { float: left; width: 50%; padding: 1em; } @media (max-width: 40em) { /* line 11, scss/fragments/_store-list.scss */ .store-list li { float: none; width: 100%; } } /* line 23, scss/fragments/_store-list.scss */ .store-list.alternate-rows li:nth-child(4n), .store-list.alternate-rows li:nth-child(4n-1) { background-color: #d6c493; } @media (max-width: 40em) { /* line 28, scss/fragments/_store-list.scss */ .store-list.alternate-rows li:nth-child(4n), .store-list.alternate-rows li:nth-child(4n-1) { background-color: transparent; } /* line 32, scss/fragments/_store-list.scss */ .store-list.alternate-rows li:nth-child(2n) { background-color: #d6c493; } } /* RJ */ /* Promoted/first result on search results page */ /* This needs to be moved to search.scss eventually */ /* line 44, scss/fragments/_store-list.scss */ .search-result-top { padding: .5em .75em; background-color: #e6e6e6; } /* line 48, scss/fragments/_store-list.scss */ .search-result-top a { text-decoration: none; } /* line 51, scss/fragments/_store-list.scss */ .search-result-top a h5 { font-size: .95em; color: #9f0b1e; } /* line 56, scss/fragments/_store-list.scss */ .search-result-top a p { margin-top: 0; font-size: .85em; color: #363636; } @media screen and (max-width: 60em) { /* line 4, scss/fragments/_device_specific.scss */ .sitemap [data-page-id="3428"] { display: none; } } /* Accordions */ /* line 13, scss/fragments/_aoda.scss */ .aoda .text-accordion__title a { position: relative; display: block; width: 100%; } /* line 19, scss/fragments/_aoda.scss */ .text-accordion__title a, .text-accordion.nutrition-accordion a { text-decoration: none; } /* Hero Carousel */ /* line 26, scss/fragments/_aoda.scss */ .aoda .homepage_carousel .playControls { display: none; } /* line 28, scss/fragments/_aoda.scss */ .aoda .homepage_carousel .playControls:focus { border: 1px solid yellow; } /* Main Menu */ /* line 34, scss/fragments/_aoda.scss */ .aoda .flyout_button img.focus { background: rgba(82, 11, 14, 0.8); } /* line 38, scss/fragments/_aoda.scss */ .aoda .header_flyout a.group:focus { border: 1px solid #ede2c3; background: #ede2c3; cursor: pointer; } /* Secondary Navigation */ /* line 46, scss/fragments/_aoda.scss */ .aoda .header_secondary_navigation .flyout_button img.focus { background: transparent; opacity: .5; } /* Product Pages */ /* line 53, scss/fragments/_aoda.scss */ .product-listing a.no-arrow, .product-pairing a.no-arrow { display: block; } /* Store Search */ /* line 61, scss/fragments/_aoda.scss */ .custom_checkbox_checked_example, .custom_checkbox_unchecked_example { display: none; } /* line 67, scss/fragments/_aoda.scss */ .drink-size a:focus img { opacity: .75; } /* Search Results */ /* line 75, scss/fragments/_aoda.scss */ a.pagination-button.active:focus, .btn-group .button.active:focus { border: 1px dotted #000; } /* line 80, scss/fragments/_aoda.scss */ .search-result a:focus { display: block; outline: thin dotted; } /* Find a Tims Button Element on homepage - use instead of Submit to accept tabbing */ /* Email Newsletter Signup - use instead of Submit to accept tabbing */ /* Being specific to not affect any other button elements elsewhere */ /* line 89, scss/fragments/_aoda.scss */ .email-subscribe button, .find_a_tims_near_you button { border: none; } /* line 94, scss/fragments/_aoda.scss */ .find_a_tims_near_you label.error { display: block; } /* Find Tims in Global Nav */ /* line 100, scss/fragments/_aoda.scss */ .find_a_location_form a:focus img { border: 1px dotted #720f14; } /* Instruction text on Nutrition Snapshot */ /* line 106, scss/fragments/_aoda.scss */ .aoda-instructions { padding-top: .25em; font-size: .8em; line-height: 1.5; } /* Products */ /* This needs to be incorporated into _products.scss */ /* This file was created so we can push to production safely without impacting work currently in progress - rj */ /* Wasn't that what fresh.css was for? - tz */ /* line 7, scss/fragments/_products.scss */ .product-pairing img.short, .product-pairing img.tall { max-height: 16em; } /* line 1, scss/fragments/_timcard.scss */ .timcard-video-player { color: #210000; } /* line 4, scss/fragments/_timcard.scss */ .timcard-video-player .title-lined { color: #210000; } /* line 7, scss/fragments/_timcard.scss */ .timcard-video-player .title-lined:before, .timcard-video-player .title-lined:after { border-color: #210000; } /* line 13, scss/fragments/_timcard.scss */ .timcard-videos { background: #8c0000; color: #fff; text-align: center; } /* line 19, scss/fragments/_timcard.scss */ .timcard-video-toggle { position: relative; background: #690000; } /* line 23, scss/fragments/_timcard.scss */ .timcard-video-toggle .active_colour_stretch { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: #e30613; } /* line 31, scss/fragments/_timcard.scss */ .timcard-video-toggle .active_colour_stretch.right_side { left: auto; right: 0; } /* line 37, scss/fragments/_timcard.scss */ .timcard-video-toggle a { position: relative; width: 50%; padding: 0.5em 1em; float: left; display: block; color: #fff; font-size: 1.1em; font-weight: bold; text-transform: uppercase; text-shadow: 0 1px 0 #2e0000; text-decoration: none; font-family: "laudatio", "Trebuchet MS", sans-serif; } /* line 51, scss/fragments/_timcard.scss */ .timcard-video-toggle a.active { text-shadow: 0 1px 0 #630308; cursor: default; } /* line 58, scss/fragments/_timcard.scss */ [data-module="timcard-video-player"] { width: 70%; margin: 2em 15%; } /* line 62, scss/fragments/_timcard.scss */ [data-module="timcard-video-player"] [data-module-role="timcard-video-iframe"] { border: 3px solid #650606; background: #000; } /* line 67, scss/fragments/_timcard.scss */ [data-module="timcard-video-player"] [data-module-role="timcard-video-transcript"] { margin-top: 1em; padding-left: 2em; padding-right: 2em; font-size: 0.75em; font-family: Arial, sans-serif; font-weight: bold; color: #fff; display: none; } /* line 79, scss/fragments/_timcard.scss */ [data-module="timcard-video-container"] { width: 90%; margin: 1em 5%; } /* line 83, scss/fragments/_timcard.scss */ [data-module="timcard-video-container"] [data-module-role="timcard-video"] { position: relative; width: 30%; margin: 0 1.666% 3em 1.666%; float: left; display: block; font-size: 0.9em; color: #fff; font-family: Arial, sans-serif; } @media (max-width: 60em) { /* line 83, scss/fragments/_timcard.scss */ [data-module="timcard-video-container"] [data-module-role="timcard-video"] { width: 45%; margin: 0 2.5% 2.5em 2.5%; } } @media (max-width: 40em) { /* line 83, scss/fragments/_timcard.scss */ [data-module="timcard-video-container"] [data-module-role="timcard-video"] { width: 80%; margin: 0 10% 2em 10%; } } /* line 103, scss/fragments/_timcard.scss */ [data-module="timcard-video-container"] [data-module-role="timcard-video"] .button { font-size: 0.8em; padding-left: 2em; padding-right: 2em; font-weight: bold; } /* line 110, scss/fragments/_timcard.scss */ [data-module="timcard-video-container"] [data-module-role="timcard-video"] [data-module-role="timcard-video-transcript"] { display: none; } /* line 114, scss/fragments/_timcard.scss */ [data-module="timcard-video-container"] [data-module-role="timcard-video"] [data-module-role="timcard-video-thumbnail"] { position: relative; display: block; } /* line 118, scss/fragments/_timcard.scss */ [data-module="timcard-video-container"] [data-module-role="timcard-video"] [data-module-role="timcard-video-thumbnail"]:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ' '; background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRFRjA1NEY5NEYyNzExRTQ5RThCRDVFQzhGQkQxNzdEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRFRjA1NEZBNEYyNzExRTQ5RThCRDVFQzhGQkQxNzdEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REVGMDU0Rjc0RjI3MTFFNDlFOEJENUVDOEZCRDE3N0QiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REVGMDU0Rjg0RjI3MTFFNDlFOEJENUVDOEZCRDE3N0QiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz55chBtAAAOtElEQVR42uxce1CU1xX/dllgee7CgkjkIeADQUfQasY4OtJY08kf6qStr1gDaHU0M9iZ2KQDkvEBmWgyllRDm7ZpSohmSEYtKhhrQDMZJfJoxQfyUCHIQ3mICqu8t+eS823v3r3f7rewu5iOd+YO4i73O9/vnvM75957zhWEZ012U4zzMxU2yGGQ+Pl/B5ZCRufJwwIzjP9mu1PAUzgRICWnK6ifLGAGBrRh6ifb6c8dBpzCgSCJILhgV1L/pv+PBo4eg35xFqQhTmfBM9gbtDGDZTD8II8CGqNBIiAqukdFRal37do1Mz4+fo5Op4vRaDSzXV1dA1QqlVZi/IH+/v72vr6+Ow8fPqyqr6+vuHDhwrXU1NQG+HiQ02nwDD8MYZAE7Qexnct7Ijiu0D2g+0D3gx4EPWTDhg3xZWVlv2tvbz/d29vbahh7G+7p6bne2Nj491OnTq2HZ4RDfw56IHQCuhd0d5SHyKUgePH6eABFhFJD96ZACs3NzV3e3NycNzQ01GNwYHvy5Mmt2trarB07djwPz52EoGmge0J3Q61W8kBzJlAuKIwnCkeEDCEgdXZ2Fhmc3GBSnoCZ/jkhISEW5AiGrkMtV+OEmgHmLG1SoaoTbfInwr300kuxd+7c+cwwzg34rZWYPcgUBn0Co2UmZulIglcwYLkiYOozZ84sgxl9B8g6SO5gYD4Njx49uqrX65u7urqa4fdHjx8/1kPvUyqVLn7Q/P39g7Ra7WRPT88wHx+f6eAIdHLHv3///tfp6emp2dnZTfBrH/YB0QEQYB1F8DQ/ERL3xVkLb2ho+JssVh4eHuro6DhXXl6+MzMzMwH+djLO/iQkaGI6E6kejP8fQp4TGRk5LT8/f31dXd0hALROzjMHBwe7zp07twXH0KEluONkK5wBFFHroLlz50aDO79oTeCBgYEOeMGDaWlpiynPRTQwAB2CFsH3RY4Ruy8+S4umHoggkhePOH78+PqWlpZ/knmwJkN1dfV+nJgAHNshgNFmJwI18b333lsCZnPTyqz2XL9+ff+SJUtm4gsG4exqcIY9kXzdkU/ccELE7iaaOT7bC19Uiy9NNC/8wIEDy+7evXvKGmBgAX9FwAIpwFzsCZgCgVLjTAdt2rRpLgDx0JJgZMZff/31BSSEQHP1QwE9qBhIxUTyCgvLJDHAdUNZvFAeHWpbeEFBQRKY5y1LckGsV0hpmDdN+vYKD9xFjoqOjp4GGlVnwX33QoT9BvLRRATJm3LfKhoYqWBRIoBUcIDzpEAj5h1pzSODhn2Mk6hD0F05S65RmZ8bviyZifDu7u4KKSFgVmuAuF9EkwvAl/CgImmlrQDJAI4GTYumHg6hQ6olwIAeMtGx+FEyKkcLlkjonkiuobC8yJF6OBB9aURExHTkET9qyaGyJ0gWQHOlqIJwUigshTaCBx6Ukvnw4cOvoLwa/NtRmaNofmocKPj06dOJUg8Fbask6o9mp0WAra7LHAAYHSgTEws5cuTIKgteuj0wMHAKcqrIXzaZI2t+E0hkDlykl1iXNcycOXMGAqVhVNrhQHFAE5dgXggY0bBkC4R/EvnLH2VX2QqWGCYQcwq9d+9evkSQ2ZeSkvICqrKWephVoFiv52DAwi5fvrxbCjCI19biZPvaGk6IWkXcfFBeXt4vpB5y9uzZrUjmfpTpSQLFhAP0XpeLPR0AA5g3ctjktra2r3jv0dvbeweDZR31HgpbtIqoZRh4uBu8B0AQWIAPCGDdr4yXENeUHlR3t6fX5IQ9E2NjY2Ok6AQ07220EFq75GvVsWPH1kjEUvrFixfPQjfty1vNWwFKXFv64aT4Id95UfGYy1hNlEMpISUlJW/y3qm/v7+N0S6L3EV7wBGu6uzs/FpiFnZT5mckRRsE1+zdu3cGcOGHra2th7KzsxdRO50ae4YdVFjhheNH9PT0cK2luLh4M3KXD+UZJcEyDrpt27Z5EjPQgWGC6G5HzE+m0KLWBur1+u8oRzEIUfVfFi1aFIOgiQGt1Z1OG82RTMRzQOi/5r1bV1fXBfSMflTcZdEEiZDBV65c4XqPqqqq/ahVWjqQkyG0MW5LTk6eDgANcCbibkVFRRoulYLRRH3GugpgFIFMRARwMW8TYHjr1q1zUQO9WFNUShw8qEJDQxM4Jy2DGRkZebiBJp6kWDw94Zm6Wq32ALB62Q/JxuGcOXMyYDVwrLCw8GecnQkjYApsNgTaw9QJUH9NTc1nPPmSkpISOIt7rhckggUsWLAgmmyvsLB3dHQUIwmKAZzsCB2/S8bXJSYmxlnbtUCPe3Lfvn0JqMlj4jNKu8gEBK1bt24uT7vhmccoy3Hn8ZbJQEePHl3NE760tPT3yCkacSAbTME4GeRoTA5YyGf9t27d+pDsdoyFzyju8kCPF/7gwYMSzorkNuUVPWjeUnL21pUxMTE/4elxfn7+Rc4hpmNPRxQK18jIyG3ggYsuXbq0nmOaKso0lVKmiVRhoM0RPPEF9ntAERF79uwJ4+yx8TkLFpdx7CAQ5TZkZmY2OhMourm7u4fMnz9/H/BZHnizBAo0DwY0S1xGpwEM3bhx4z+8Ly1dunQOj7OUnCQOpZeX1xR2gO7u7hoqz2DYEbkEcpqvr+/8lStXHmlpaflDWlraVOQwdvfVmgMYAQwspZo4LfbD4ODgGXRQLKVZI93NzW0iB6wGRyZd2NrghV4BczlbW1v7BpiOqGXskknKFEc0LCcnp7Ovr6+Z/Z63t3cYk9xiFjoYAVMqlWoOWPfGU6O4gSHIOXXq1N9CMFkEzmc1apgbs3XNM0VjihKA1cZ+AZQliJMKZaZZkg2WCA/slTwGAg7bEJtZbYSU582blwV8lrNx40YdDZaEKRo1jHhlTryn4aRA8TVL4gWf2EGjRsbXarWuxMs5gM+Wvvvuuzus7HaaJMkBWH0cjXXnKZByPMwnKirKy8XFxdMRY8O4vjamJyisACoJliQfgWp6COOTsCu7QXhT9cknn+yzwq0m5qVSqdzMXCUEwjzQVNbQpFRcK0inMtrUQPXtCtLQ0FA3yX+YMWPGhyTfhA5vJLjR6PkBLF/OeA8F85xWvmbxFrkA1kRLi8vxak1NTbkpKSkvAlCHEKh+jNCHLWiWMSyAYHcCh5/bedqp4nkIsmsIHiaME3uwR+zj1sjG5IkTJz5ITk6uxFSifmtAUZ5xBKzXXntNB2BN4oRJ3wvmGdBGsEyCNb1eX8OC5ePjE01t4dCgOTXmghDmSklJycFly5adJTSFANFbRuJyRrBggiMWsnz58uk8rwxrxhvi9hOtXUrOummovb29khPLTIblRRgD1mjDh9HEZq2VlZVvw6StAKDIYUkPmh0NmDFJzRpQ5D1iYmLiec8qLi7+t2CaJm7iDU1yzauqqsp5g6xYseIF9thqFO9tkyaSDdTbt2//aeHChT+Ni4v7GEHSU0CJWjUs5mlJ7F6wWYuqoKCghRyPWr9z587vBfOcer5mvf/++5XkBIcdaMqUKS+z27uKUeQZQtAnCzAwh+MZGRnLIC57p6KiopMCqY/ipyFLIHFCpZGd4MTExAkQHM9jvwCrgMtytqFMTnZgvfUt7xRs8+bNz+MRmOzDCmbzT5eVlbXY0obf/fv3v/3iiy/IWi8Mn8WmLdl0TMYcWpAQaNLVq1czeM8uKyt7U+qEh6tZZMYaGxuLeDOzffv2XwqmiWhytcs4PsQ2A7wvkEzCixcvpvj7+69ftWrVN2hyj9Hc+mTykiWtEk/A3UBbV/O2bnJycooZR2GwehS2Zs2aeF6uJikNGetR2OzZsycBYd+gslk6gSczqFMdnfC/3C5HHIWtl9Do83KPwthD1hCIZc7a8ZDVJIEXFryxzc3N++vr63etXbs2GkEKEP6Xs+7IQ9brvPcqKir6jdxDVrPj+/z8fMnje0yqHc3xvRt1fK8VTLOVzWpu7H18D2a+QypXCzVb1vE9O7i1xJBTgv0SQ9T2BGk0iSEQw+0SbEwMMdMuSylHBQUFm4SxpRy5cOI2h6UcdXR0/EsiJeEeo1WucmNIVrskk9lglh5v2bJlgTDGZDYnZP+FQaiQKTXpQDevCqNMZjNLk4TIfRapuJJKk5w2bVq08PSmSYaA95PMh21ra6PTJGVxlSXPOJKAe+bMmY0/xgTcTz/99FdS5SpA6m0ajSZKGEMCLs1dJqnd4Oo/s5DaXREfHx8jjH9qtw86ndAvv/zyVbLrKSVzbm7uSsEOqd08cyQkSYoGLlsoGri5e/duMZFjXIsGLl26ZLFo4Nq1a3sE06IB1VjPJKTKUW5aKEfRnz9/PgXDCt66bqzlKKJMkuUopNTYElDw+WHBzuUorHc0KXQCe++yUuh0HBfdIYJ9C51Ec6NBGil0OnnypNVCJwgfvqLiQ7sWOrHqbiyhS09PXwiCVVspoXtEXPasWbOiBQeW0B06dOhlOSV0EAIdQ6AcVkLHkqixODMyMnIqEPt31oQk6Y/V1dUf7N27d4lgv+LMyUePHl0HIJ2Qk+dVU1NzQDCvNXRaNaux7LexsfEfcou9YWX/TXl5eXpWVhZJg4zAFwgRZJT9BgYGTv38889X19bW/lEq45gTHnThAll0Oj6Ml3bYfrhkQTkI9PNFixZl2FJQTnK+yC0gYM4tAOL38PMheNtu0MRBL2hqtdqTFJRDLBQGv4Z6e3tHk9tF5I4PYxanpqa+9dFHHzULTi4o53GY2VUFlmIxZ15VANr7lmDnqwrsEVaYXYJBFt8kp9zZIJGMmPr6+uyn6RIMKR4zu16FgNba2ponN9l2DNerNNTV1R1ISkqaIzyl16uwgLEX9/gjaCFkIV5aWrqjvb29AHiqyR4AkRJjUllbWFi4QXDSxT1OvxIKyNrt4MGDsXFxcfPAu5EroWYCaQeqVCp/qXNDUgIDPNREnEFTU9PlsrKya9u3b78pOPlKKGddNia12SdVyWDrZWPDnBOZp++yMRmgPbvGbozAjfaCRIPAvyTRYQCNB1hSz/xRXb35rD1rjmn/FWAAttvJLLyKIWsAAAAASUVORK5CYII=") center center no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -moz-transition: opacity, 200ms, ease; -o-transition: opacity, 200ms, ease; -webkit-transition: opacity, 200ms, ease; transition: opacity, 200ms, ease; } /* line 130, scss/fragments/_timcard.scss */ [data-module="timcard-video-container"] [data-module-role="timcard-video"] [data-module-role="timcard-video-thumbnail"]:hover:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } /* line 3, scss/fragments/_form-franchisee.scss */ .form-franchisee ol { padding-top: 1em; margin-left: 1em; } /* line 7, scss/fragments/_form-franchisee.scss */ .form-franchisee ol li { padding-left: 3em; margin-bottom: 0.3em; } @media (max-width: 40em) { /* line 7, scss/fragments/_form-franchisee.scss */ .form-franchisee ol li { padding-left: 1em; } } /* line 19, scss/fragments/_form-franchisee.scss */ .form-franchisee p.direction { text-transform: uppercase; font-weight: bold; text-align: center; padding-bottom: 1em; } /* line 25, scss/fragments/_form-franchisee.scss */ .form-franchisee p.direction span { text-transform: none; } /* line 30, scss/fragments/_form-franchisee.scss */ .form-franchisee p.footnote { padding-bottom: 2em; } /* line 35, scss/fragments/_form-franchisee.scss */ .form-franchisee form { font-family: "laudatio", "Trebuchet MS", sans-serif; padding: 1em 0; } /* line 39, scss/fragments/_form-franchisee.scss */ .form-franchisee form fieldset { clear: both; border: 1px solid #ccc; padding: 1em; background: #eee; } /* line 46, scss/fragments/_form-franchisee.scss */ .form-franchisee form fieldset .franchisee-value { float: left; width: 37%; padding-left: 3%; } @media (max-width: 47.938em) { /* line 46, scss/fragments/_form-franchisee.scss */ .form-franchisee form fieldset .franchisee-value { clear: both; width: 100%; margin: 0 auto; padding: 0.5em 0; } } /* line 58, scss/fragments/_form-franchisee.scss */ .form-franchisee form fieldset .franchisee-value.date-field { width: 26%; padding-left: 0; } @media (max-width: 47.938em) { /* line 58, scss/fragments/_form-franchisee.scss */ .form-franchisee form fieldset .franchisee-value.date-field { clear: both; width: 100%; margin: 0 auto; padding: 0.5em 0; } } /* line 69, scss/fragments/_form-franchisee.scss */ .form-franchisee form fieldset .franchisee-value.date-field input { padding: 0.6em 0.2em 0.6em 2em; } /* line 74, scss/fragments/_form-franchisee.scss */ .form-franchisee form fieldset .franchisee-value.submit-field { text-align: center; margin: 0 auto; width: 100%; padding-left: 0; float: none; } /* line 81, scss/fragments/_form-franchisee.scss */ .form-franchisee form fieldset .franchisee-value.submit-field .email-alert { padding-top: 1em; display: none; color: #720f14; font-weight: bold; } /* line 89, scss/fragments/_form-franchisee.scss */ .form-franchisee form fieldset .franchisee-value .Zebra_DatePicker_Icon_Wrapper { float: none !important; } /* line 93, scss/fragments/_form-franchisee.scss */ .form-franchisee form fieldset .franchisee-value label { float: left; font-size: 0.8em; } /* line 98, scss/fragments/_form-franchisee.scss */ .form-franchisee form fieldset .franchisee-value input { float: left; padding: 0.6em 0.2em; width: 100%; clear: both; font-size: 0.9em; color: #222; font-family: Arial, sans-serif; } /* line 107, scss/fragments/_form-franchisee.scss */ .form-franchisee form fieldset .franchisee-value input.date1, .form-franchisee form fieldset .franchisee-value input.date2 { cursor: pointer; width: 70%; } @media (max-width: 47.938em) { /* line 107, scss/fragments/_form-franchisee.scss */ .form-franchisee form fieldset .franchisee-value input.date1, .form-franchisee form fieldset .franchisee-value input.date2 { width: 50%; } } /* line 117, scss/fragments/_form-franchisee.scss */ .form-franchisee form fieldset .franchisee-value input.button { color: #fff; float: none; width: 30%; } /* line 134, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker *, .Zebra_DatePicker *:after, .Zebra_DatePicker *:before { -moz-box-sizing: content-box !important; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } /* line 138, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker { position: absolute; background: #FFF; border: 1px solid #999; z-index: 100; padding: 5px; cursor: pointer; } /* line 140, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker * { margin: 0; padding: 0; color: #373737; background: transparent; border: none; } /* = GLOBALS ------------------------------ */ /* line 144, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker table { border-collapse: collapse; border-spacing: 0; width: auto; table-layout: auto; } /* line 146, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker td, .Zebra_DatePicker th { text-align: center; padding: 5px 0; } /* line 149, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker td { cursor: pointer; } /* line 151, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker .dp_daypicker, .Zebra_DatePicker .dp_monthpicker, .Zebra_DatePicker .dp_yearpicker { margin-top: 3px; } /* line 155, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker .dp_daypicker td, .Zebra_DatePicker .dp_daypicker th, .Zebra_DatePicker .dp_monthpicker td, .Zebra_DatePicker .dp_yearpicker td { width: 30px; } /* line 160, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker, .Zebra_DatePicker .dp_header .dp_hover, .Zebra_DatePicker td.dp_selected, .Zebra_DatePicker .dp_footer .dp_hover, .Zebra_DatePicker td.dp_hover { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } /* = VISIBLE/HIDDEN STATES (USE TRANSITIONS FOR EFFECTS) ----------------------------*/ /* line 168, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker.dp_visible { visibility: visible; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; transition: opacity 0.2s ease-in-out; } /* line 169, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker.dp_hidden { visibility: hidden; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; opacity: 0; } /* = HEADER ---------------------------*/ /* line 175, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker .dp_header .dp_previous, .Zebra_DatePicker .dp_header .dp_next { width: 30px; } /* line 178, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker .dp_header .dp_caption { font-weight: bold; } /* line 179, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker .dp_header .dp_hover { background: #DEDEDE; color: #373737; } /* = DATEPICKER ---------------------------*/ /* line 183, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker .dp_daypicker th { font-weight: bold; } /* line 184, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker td.dp_not_in_month { color: #DEDEDE; cursor: default; } /* line 187, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker td.dp_weekend_disabled { color: #DEDEDE; cursor: default; } /* line 188, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker td.dp_selected { background: #039; color: #FFF !important; } /* line 189, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker td.dp_week_number { cursor: text; font-weight: bold; } /* = MONTHPICKER ---------------------------*/ /* line 193, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker .dp_monthpicker td { width: 33%; } /* = YEARPICKER ----------------------------*/ /* line 196, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker .dp_yearpicker td { width: 33%; } /* = FOOTER ----------------------------*/ /* line 200, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker .dp_footer { margin-top: 3px; } /* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PREVIOUS PROPERTIES) ----------------------------*/ /* line 205, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker td.dp_current { color: #3A87AD; } /* line 206, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker td.dp_disabled_current { color: #3A87AD; } /* line 207, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker td.dp_disabled { color: #DEDEDE; cursor: default; } /* line 208, scss/fragments/_form-franchisee.scss */ .Zebra_DatePicker td.dp_hover { background: #DEDEDE; } /* = ICON ----------------------------*/ /* line 212, scss/fragments/_form-franchisee.scss */ button.Zebra_DatePicker_Icon { display: block; position: absolute; width: 16px; height: 16px; background: url("calendar.png") no-repeat left top; text-indent: -9000px; border: none; cursor: pointer; padding: 0; line-height: 0; vertical-align: top; } /* don't set vertical margins! */ /* line 216, scss/fragments/_form-franchisee.scss */ button.Zebra_DatePicker_Icon { margin: 0 0 0 3px; } /* line 217, scss/fragments/_form-franchisee.scss */ button.Zebra_DatePicker_Icon_Inside { margin: 0 3px 0 0; } /* line 2, scss/fragments/_soup.scss */ .find_a_tims_near_you.homepage_find_tims_promo_soup { padding: 0; } @media (max-width: 47.938em) { /* line 2, scss/fragments/_soup.scss */ .find_a_tims_near_you.homepage_find_tims_promo_soup { display: block; background: none; } } /* line 10, scss/fragments/_soup.scss */ .find_a_tims_near_you.homepage_find_tims_promo_soup h2 { width: auto; margin: 0.5em 0 0 0.5em; } @media (max-width: 47.938em) { /* line 10, scss/fragments/_soup.scss */ .find_a_tims_near_you.homepage_find_tims_promo_soup h2 { display: none; } } /* line 19, scss/fragments/_soup.scss */ .find_a_tims_near_you.homepage_find_tims_promo_soup form { width: 55%; margin: 2em 0 0 20%; } @media (max-width: 47.938em) { /* line 19, scss/fragments/_soup.scss */ .find_a_tims_near_you.homepage_find_tims_promo_soup form { display: none; } } /* line 28, scss/fragments/_soup.scss */ .find_a_tims_near_you.homepage_find_tims_promo_soup .find_tims_soup_promo { position: relative; width: 25%; float: right; display: block; } @media (max-width: 47.938em) { /* line 28, scss/fragments/_soup.scss */ .find_a_tims_near_you.homepage_find_tims_promo_soup .find_tims_soup_promo { display: none; } } /* line 38, scss/fragments/_soup.scss */ .find_a_tims_near_you.homepage_find_tims_promo_soup .find_tims_soup_promo.mobile_version { width: 100%; display: none; } @media (max-width: 47.938em) { /* line 38, scss/fragments/_soup.scss */ .find_a_tims_near_you.homepage_find_tims_promo_soup .find_tims_soup_promo.mobile_version { display: block; } } /* line 47, scss/fragments/_soup.scss */ .find_a_tims_near_you.homepage_find_tims_promo_soup .find_tims_soup_promo img { position: relative; width: 100%; float: left; display: block; } /* line 59, scss/fragments/_soup.scss */ [data-page="soup"] { height: auto !important; background-color: #f5f1e7; background-position: left top; background-repeat: repeat; } /* line 69, scss/fragments/_soup.scss */ [data-page="soup"] .chewycenter { padding-top: 0; background-color: transparent; } /* line 74, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] { position: relative; width: 100%; padding-bottom: 2em; float: left; display: block; overflow: hidden; } /* line 82, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] .font_cursive { font-family: 'Damion', cursive; font-weight: normal; } /* line 87, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] .font_block { font-family: 'Cabin', Arial, Helvetica, sans-serif; font-weight: bold; } /* line 92, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] .font_sans { font-family: 'Open Sans', Arial, Helvetica, sans-serif; } /* line 96, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] .font_red { color: #e32726; } /* line 100, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] [data-module-role="banner"] { position: relative; width: 100%; float: left; display: block; color: #542115; } /* line 107, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] [data-module-role="banner"] .container { width: 1200px; max-width: 100%; padding-bottom: 4em; } @media (max-width: 1000px) { /* line 107, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] [data-module-role="banner"] .container { padding-bottom: 1.5em; } } @media (max-width: 767px) { /* line 107, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] [data-module-role="banner"] .container { padding-left: 0; padding-right: 0; padding-bottom: 40%; } } /* line 123, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] [data-module-role="banner"] img { position: absolute; width: 100%; top: 0; margin-top: -15%; right: 0; display: block; } @media (max-width: 1000px) { /* line 123, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] [data-module-role="banner"] img { margin-top: -10%; } } @media (max-width: 767px) { /* line 123, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] [data-module-role="banner"] img { width: 1200px; max-width: none; right: 50%; margin-top: 0; margin-right: -380px; } } /* line 144, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] [data-module-role="banner"] h2 { position: relative; width: 40%; margin: 5% 0 0 5%; float: left; display: block; color: inherit; text-align: center; text-transform: uppercase; } @media (max-width: 767px) { /* line 144, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] [data-module-role="banner"] h2 { width: 98%; margin: 2% 1% 0 1%; } } /* line 159, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] [data-module-role="banner"] h2:before, [data-page="soup"] [data-module="soup"] [data-module-role="banner"] h2:after { position: relative; width: 3em; height: 1px; display: block; background: #542115; content: ' '; } /* line 168, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] [data-module-role="banner"] h2:before { margin: 0 auto 0.75em auto; } /* line 172, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] [data-module-role="banner"] h2:after { margin: 0.75em auto 0 auto; } /* line 177, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] [data-module-role="banner"] p { position: relative; width: 33%; margin: 1em 0 0 10%; padding: 0; line-height: 1.4em; float: left; clear: both; display: block; color: inherit; font-weight: bold; text-shadow: 0 0 1em #fff; } @media (max-width: 767px) { /* line 177, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] [data-module-role="banner"] p { width: 95%; margin: 0.25em 2.5% 0 2.5%; text-align: center; } } @media (max-width: 560px) { /* line 177, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] [data-module-role="banner"] p { font-size: 0.9em; } } /* line 202, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] [data-module-role="blackboard"] { position: relative; width: 100%; float: left; display: block; box-shadow: 0.5em 0.5em 3em rgba(0, 0, 0, 0.6); background-position: left top; background-repeat: repeat-y; background-size: 100% auto; } /* line 213, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] [data-module-role="blackboard_top"], [data-page="soup"] [data-module="soup"] [data-module-role="blackboard_bottom"] { position: absolute; width: 100%; left: 0; display: block; } /* line 220, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] [data-module-role="blackboard_top"] { top: 0; } /* line 224, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup"] [data-module-role="blackboard_bottom"] { bottom: 0; } /* line 229, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] { position: relative; width: 966px; max-width: 100%; margin: 2em auto 0; padding: 0; clear: both; display: block; } @media (max-width: 767px) { /* line 229, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] { max-width: 117.5%; margin: 2em 0 0 -8.5%; } } /* line 243, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] { padding: 6.78% 7.6% 7.3% 7.04%; } /* line 246, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="region_selector"] { position: relative; width: 100%; padding: 10% 25% 15% 25%; float: left; display: block; overflow: hidden; text-align: center; } @media (max-width: 767px) { /* line 246, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="region_selector"] { padding: 10% 10% 15% 10%; } } /* line 259, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="region_selector"] [data-module-role="blackboard_top_right"], [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="region_selector"] [data-module-role="blackboard_bottom_left"] { position: absolute; max-width: 30%; display: block; } /* line 265, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="region_selector"] [data-module-role="blackboard_top_right"] { top: 0; right: 0; } @media (max-width: 767px) { /* line 265, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="region_selector"] [data-module-role="blackboard_top_right"] { right: -10%; } } /* line 274, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="region_selector"] [data-module-role="blackboard_bottom_left"] { bottom: 0; left: 0; } @media (max-width: 767px) { /* line 274, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="region_selector"] [data-module-role="blackboard_bottom_left"] { left: -10%; } } /* line 283, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="region_selector"] [data-module-role="title"] { position: relative; width: 100%; padding: 0 10%; float: left; display: block; } /* line 290, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="region_selector"] [data-module-role="title"]:before, [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="region_selector"] [data-module-role="title"]:after { position: relative; width: 5em; height: 1px; display: block; background: #fff; content: ' '; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* line 300, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="region_selector"] [data-module-role="title"]:before { margin: 0 auto 1em auto; } /* line 304, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="region_selector"] [data-module-role="title"]:after { margin: 1em auto 0 auto; } /* line 308, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="region_selector"] [data-module-role="title"] h4 { padding: 0; margin-bottom: 0.5em; font-size: 1.5em; color: #fff; } /* line 315, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="region_selector"] [data-module-role="title"] p { padding: 0; margin: 0; color: #fff; font-size: 0.9em; font-weight: normal; line-height: 1.5em; } /* line 325, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="region_selector"] [data-module="custom_select"] { position: relative; width: 75%; margin: 2em 12.5% 0 12.5%; padding: 0.5em 1em; float: left; display: block; cursor: pointer; background: #fdf3e5; } /* line 335, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="region_selector"] [data-module="custom_select"] label { margin: 0; padding: 0 0.75em 0 0; font-size: 1.3em; color: #5f1003; text-transform: uppercase; text-align: center; background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZENEMzRjEzNUVERjExRTRCOEE0OTE1QUM4RjUzNDdBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZENEMzRjE0NUVERjExRTRCOEE0OTE1QUM4RjUzNDdBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkQ0QzNGMTE1RURGMTFFNEI4QTQ5MTVBQzhGNTM0N0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkQ0QzNGMTI1RURGMTFFNEI4QTQ5MTVBQzhGNTM0N0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ZYTUXAAAAQklEQVR42mKMF2DuYGBgMGbADc6yAIlOIN6NQ+FZkDwTkHgPxK5QAXQFIPH3TFABdIVwBSAOE5JOmMJZyApAACDAADHjD9lzlUJYAAAAAElFTkSuQmCC") right center no-repeat; } /* line 345, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="region_selector"] [data-module="custom_select"] select { position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } /* line 357, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] { position: relative; width: 100%; padding: 1em 0; float: left; display: none; } /* line 364, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="top"] { position: relative; width: 100%; float: left; display: block; } /* line 370, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="top"] [data-module-role="title"] { position: relative; width: 100%; float: left; display: block; overflow: hidden; text-align: center; } @media (max-width: 767px) { /* line 370, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="top"] [data-module-role="title"] { margin: 0.5em 0 1em 0; } /* line 381, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="top"] [data-module-role="title"]:before { position: relative; width: 80%; height: 1px; margin: 0 10% 1em 10%; display: block; background: #4b4b4b; background: rgba(255, 255, 255, 0.2); content: ' '; } } /* line 393, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="top"] [data-module-role="title"] h4 { position: relative; width: 100%; padding: 0; float: left; display: block; color: #fff; font-size: 1.5em; text-transform: uppercase; } /* line 404, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="top"] [data-module-role="title"] h3 { position: relative; padding: 0; display: inline; color: #fff; font-size: 2em; } /* line 411, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="top"] [data-module-role="title"] h3 [data-module-role="line_left"], [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="top"] [data-module-role="title"] h3 [data-module-role="line_right"] { position: absolute; width: 300%; top: 50%; height: 1px; background: #4b4b4b; background: rgba(255, 255, 255, 0.2); } @media (max-width: 767px) { /* line 411, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="top"] [data-module-role="title"] h3 [data-module-role="line_left"], [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="top"] [data-module-role="title"] h3 [data-module-role="line_right"] { display: none; } } /* line 424, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="top"] [data-module-role="title"] h3 [data-module-role="line_left"] { margin-right: 0.5em; right: 100%; } /* line 429, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="top"] [data-module-role="title"] h3 [data-module-role="line_right"] { margin-left: 0.5em; left: 100%; } /* line 437, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="previous_day"], [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="next_day"] { position: absolute; top: 0; display: block; z-index: 2; color: #fff; text-transform: uppercase; text-decoration: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; -moz-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; } @media (max-width: 767px) { /* line 437, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="previous_day"], [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="next_day"] { position: relative; width: 50%; float: left; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } } /* line 455, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="previous_day"]:hover, [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="previous_day"]:focus, [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="next_day"]:hover, [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="next_day"]:focus { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } /* line 459, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="previous_day"] span, [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="previous_day"] img, [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="next_day"] span, [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="next_day"] img { vertical-align: middle; } /* line 463, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="previous_day"] img, [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="next_day"] img { margin: 0 0.25em; } /* line 468, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="previous_day"] { left: 0.5em; text-align: left; } /* line 473, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="next_day"] { right: 0.5em; text-align: right; } /* line 478, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="bottom"] { position: relative; width: 100%; float: left; display: block; } /* line 485, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="change_region"] { position: absolute; top: 1em; right: 4%; padding: 0.25em 0.75em; display: block; } @media (max-width: 767px) { /* line 485, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="change_region"] { position: relative; width: 80%; top: auto; right: auto; margin: 1em 10%; float: left; display: block; text-align: center; } } /* line 504, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] { position: relative; width: 30%; float: left; display: block; z-index: 2; } @media (max-width: 767px) { /* line 504, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] { width: 100%; } } /* line 515, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] [data-module-role="soup"] { position: relative; width: 100%; margin: 0.1em 0; float: left; display: block; overflow: hidden; cursor: pointer; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* line 525, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="active"] { position: absolute; width: 40%; top: 0; left: -2em; display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: left 300ms ease, opacity 300ms ease; -o-transition: left 300ms ease, opacity 300ms ease; -webkit-transition: left 300ms ease, opacity 300ms ease; transition: left 300ms ease, opacity 300ms ease; } @media (max-width: 767px) { /* line 525, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="active"] { width: 15%; margin-left: 15%; } } /* line 542, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] [data-module-role="soup"].active p { margin-left: 15%; } @media (max-width: 767px) { /* line 542, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] [data-module-role="soup"].active p { margin-left: 10%; } } /* line 550, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] [data-module-role="soup"].active [data-module-role="active"] { left: -2.5%; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } /* line 556, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="thumbnail"] { position: relative; margin-left: -20%; width: 40%; float: left; display: block; -moz-transition: margin-left 300ms ease; -o-transition: margin-left 300ms ease; -webkit-transition: margin-left 300ms ease; transition: margin-left 300ms ease; } @media (max-width: 767px) { /* line 556, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="thumbnail"] { margin-left: 5%; width: 15%; } } /* line 572, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] [data-module-role="soup"]:hover [data-module-role="thumbnail"], [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] [data-module-role="soup"]:focus [data-module-role="thumbnail"], [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] [data-module-role="soup"].active [data-module-role="thumbnail"] { margin-left: -15%; } @media (max-width: 767px) { /* line 572, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] [data-module-role="soup"]:hover [data-module-role="thumbnail"], [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] [data-module-role="soup"]:focus [data-module-role="thumbnail"], [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] [data-module-role="soup"].active [data-module-role="thumbnail"] { margin-left: 5%; } } /* line 581, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] [data-module-role="soup"] p { position: relative; width: 55%; padding: 0; margin: 10% 5% 0 5%; margin-left: 5%; float: left; display: block; color: #fff; word-wrap: break-word; text-transform: uppercase; -moz-transition: margin-left 300ms ease; -o-transition: margin-left 300ms ease; -webkit-transition: margin-left 300ms ease; transition: margin-left 300ms ease; } @media (max-width: 767px) { /* line 581, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] [data-module-role="soup"] p { margin: 5% 0 0 2.5%; } } @media (max-width: 480px) { /* line 581, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] [data-module-role="soup"] p { margin-top: 3%; } } /* line 603, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="new"] { display: none; text-transform: none; } /* line 608, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="soup_list"] [data-module-role="soup"][data-soup-new="1"] [data-module-role="new"] { display: inline; } /* line 614, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] { position: relative; width: 65.87%; margin: 2.25em 4% 0.5em 0; float: right; display: block; } @media (max-width: 767px) { /* line 614, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] { width: 100%; margin: 1em 0; } } /* line 626, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"]:before { position: absolute; top: 4%; left: -2%; width: 106.47%; height: 100%; max-height: 382px; display: block; content: " "; background-position: left top; background-repeat: no-repeat; background-size: 100% 100%; } @media (max-width: 767px) { /* line 626, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"]:before { display: none; } } /* line 644, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="title_tab"] { position: relative; padding: 0.5em 3em; margin: 0 0 0 4px; float: left; display: block; z-index: 2; color: #5f1003; font-size: 0.8em; text-transform: uppercase; background-position: left top; background-repeat: no-repeat; background-size: 100% 100%; } @media (max-width: 767px) { /* line 644, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="title_tab"] { max-width: 100%; font-size: 1em; margin-left: -1.5em; } } /* line 665, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] { position: relative; width: 100%; float: left; display: block; overflow: hidden; border-radius: 4px; box-shadow: 0.5em 0.5em 1em rgba(0, 0, 0, 0.65); background-position: left top; background-repeat: no-repeat; background-color: #fbf2e3; background-size: 100% auto; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (max-width: 767px) { /* line 665, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] { margin-top: -2px; } } /* line 683, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="large_thumbnail"] { position: absolute; top: 0; right: 0; display: block; } @media (max-width: 767px) { /* line 683, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="large_thumbnail"] { max-width: 50%; } } /* line 694, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="content"] { position: relative; width: 66.66%; margin: 1em 0.5em 0.5em 5%; float: left; display: block; color: #000; } /* line 702, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="content"] h4 { color: #5f1003; } /* line 705, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="content"] h4 [data-module-role="new"] { font-size: 1.25em; } /* line 709, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="content"] h4 [data-module-role="title"] { text-transform: uppercase; } /* line 714, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="content"] p { margin: 0.5em 0 0 0; } /* line 719, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="souptributes"] { position: relative; width: 66.66%; margin: 0 0 0 5%; float: left; display: block; } /* line 726, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="souptributes"] [data-module-role="souptribute"] { position: relative; max-width: 17.5%; margin: 0 2.5% 0 0; float: left; display: none; } /* line 735, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="footnotes"] { position: relative; width: 66.66%; margin: 0.75em 33.33% 0 5%; float: left; display: block; font-size: 0.7em; } /* line 744, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="calendar_reminder"] { position: relative; width: 100%; padding: 0 40% 0 0; margin: 0.5em 0 0.25em 0; float: left; display: block; overflow: hidden; } /* line 753, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"] { position: relative; width: 100%; margin: 0; padding: 0.5em 0 0.5em 8%; float: left; display: block; } /* line 763, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"]:hover div, [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"]:focus div { background-color: #ff262a; } /* line 768, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"] div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; background-color: #ea2327; -moz-transition: background-color 200ms ease; -o-transition: background-color 200ms ease; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; } /* line 778, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"] div:before, [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"] div:after { position: absolute; width: 5em; height: 100%; right: 0; margin-right: -1em; display: block; cursor: pointer; z-index: 1; content: ' '; background-color: inherit; } /* line 791, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"] div:before { top: -1em; -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } /* line 796, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"] div:after { bottom: -1em; -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } /* line 802, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"] p { position: relative; width: 100%; margin: 0; float: left; display: block; cursor: pointer; z-index: 2; color: #fff; font-weight: bold; font-size: 1em; text-decoration: none; line-height: 1; text-shadow: 0 1px 0 #660f11; text-transform: uppercase; } /* line 818, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"] p:after { vertical-align: middle; content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkZGNEEzMDIyQUEwMTFFMzk0OUVGREI2QTI5REQwQkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkZGNEEzMDEyQUEwMTFFMzk0OUVGREI2QTI5REQwQkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4OTE5RDk5MjYwNTExRTM4OUI1QjdFMDgzMkQxQUY2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4OTE5RDlBMjYwNTExRTM4OUI1QjdFMDgzMkQxQUY2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++mKXAQAAAExJREFUeNpi/P//PwO5gHHANDOANOPAHUAsiEcer827gVgQiF2B+D2pNu/+DwFncLmAGM04DSBWMwjMpLvNOP1Ms9CmKJ4HcdoGCDAAveRnopb23oYAAAAASUVORK5CYII="); } /* line 826, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] small { position: relative; width: 45%; margin: 0.25em 0 0.5em 5%; float: left; clear: both; display: block; font-size: 0.7em; } @media (max-width: 767px) { /* line 826, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_of_the_day"] [data-module-role="blackboard"] [data-module-role="soup_selector"] [data-module-role="current_soup"] [data-module-role="folder"] small { width: 69%; margin: 0.25em 5% 0.5em 5%; } } /* line 846, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] { position: relative; width: 1200px; max-width: 100%; margin: 2em auto 0 auto; display: none; } /* line 853, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="footnotes"] { position: relative; width: 100%; margin-top: 2em; padding: 0 1em; float: left; display: block; } @media (max-width: 767px) { /* line 853, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="footnotes"] { padding: 0 10%; } } /* line 865, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="footnotes"] small { position: relative; width: 100%; margin-bottom: 0.25em; float: left; display: block; color: #777; color: rgba(0, 0, 0, 0.5); } @media (max-width: 767px) { /* line 846, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] { max-width: 110.5%; margin: 2em 0 0 -5.25%; } } /* line 881, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] { padding: 8% 9%; } @media (max-width: 767px) { /* line 881, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] { padding: 8% 4.75%; } } /* line 888, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="top"] { position: relative; width: 100%; padding: 0 1em; float: left; display: block; text-align: center; } /* line 896, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="top"] h3, [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="top"] h4 { padding: 0; color: #fff; } /* line 901, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="top"] h4 { font-size: 1.5em; margin-bottom: 0.1em; font-weight: normal; } @media (max-width: 767px) { /* line 901, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="top"] h4 { font-size: 1.25em; } } /* line 911, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="top"] h3 { font-size: 2em; margin-top: 0.1em; text-transform: uppercase; } @media (max-width: 767px) { /* line 911, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="top"] h3 { font-size: 1.5em; } } /* line 921, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="top"] p { position: relative; width: 100%; margin-top: 1em; float: left; display: block; color: #fff; } /* line 930, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="top"] [data-module-role="title"] { position: relative; width: 100%; float: left; display: block; } /* line 936, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="top"] [data-module-role="title"]:before, [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="top"] [data-module-role="title"]:after { position: relative; width: 5em; height: 1px; display: block; background: #fff; content: ' '; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } /* line 946, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="top"] [data-module-role="title"]:before { margin: 0 auto 0.5em auto; } /* line 950, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="top"] [data-module-role="title"]:after { margin: 0.5em auto 0 auto; } /* line 956, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="bottom"] { position: relative; width: 100%; margin-top: 2em; float: left; display: block; } /* line 964, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] { position: relative; width: 70%; float: left; display: block; } @media (max-width: 767px) { /* line 964, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] { width: 100%; margin-top: 5%; } } /* line 975, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-soup-filter-locked] { display: none !important; } /* line 979, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="no_results"] { position: relative; width: 95%; margin: 0 2.5%; float: left; display: none; color: #fff; color: rgba(255, 255, 255, 0.8); text-align: center; } /* line 990, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] { position: relative; width: 95%; margin: 0 2.5% 5% 2.5%; float: left; display: block; overflow: hidden; background-color: #fdf5ea; } @media (max-width: 767px) { /* line 990, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] { width: 100%; margin: 0 0 2.5% 0; } } /* line 1004, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"][data-module-status="hidden"] { display: none !important; } /* line 1010, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"][data-soup-region-days="none"] [data-module-role="information"] [data-module-role="calendar_reminder"], [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"][data-soup-region-days="none"] [data-module-role="information"] small { display: none; } /* line 1015, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="thumbnail"] { position: absolute; width: 60%; min-height: 100%; top: -1.5em; right: -25%; display: block; } @media (max-width: 1000px) { /* line 1015, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="thumbnail"] { width: 75%; top: 0; } } @media (max-width: 767px) { /* line 1015, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="thumbnail"] { width: 65%; right: -20%; } } @media (max-width: 420px) { /* line 1015, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="thumbnail"] { width: 90%; right: -30%; } } /* line 1039, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="close"] { position: absolute; top: 0.25em; right: 0.25em; display: block; cursor: pointer; background: transparent; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; -moz-transition: opacity 250ms ease; -o-transition: opacity 250ms ease; -webkit-transition: opacity 250ms ease; transition: opacity 250ms ease; } /* line 1049, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="close"]:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } /* line 1053, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="close"]:before { position: relative; float: right; display: block; content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM4REFBQTJCNUUxRjExRTQ5MEQ3OEE3ODQ4NjYwOTY3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM4REFBQTJDNUUxRjExRTQ5MEQ3OEE3ODQ4NjYwOTY3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QzhEQUFBMjk1RTFGMTFFNDkwRDc4QTc4NDg2NjA5NjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QzhEQUFBMkE1RTFGMTFFNDkwRDc4QTc4NDg2NjA5NjciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6XhzbXAAABeElEQVR42rRVMW6DQBCEsx8AP7D8BR7gFO7ND3JVaOnIE+KOllTXpzG9C+jDFyL/AB7gIntoVjpdbjFKlJVG9p2P8e7s3BI/J5tICE3ICSese8IB31vChWDMeP/xoAqQWaIbSO2DKSEmPOEzxb79/abTbe4TxF6mNQ4z4aOwhAYZlyHSGtlYTNH6SAidBRMr5x/1LwgjIprwnGYplFe2T1gFePb+Pog1eGZSjcaENDwSGm/vjZAFMr6gcVo5YoeiAPER6xcQFpIalk/Bh1KnvwhnZMtlvxJG4bzlObGmS815JwyET8KV8PGgabOm/YomDzD9sOJsr5yrJ4VbdgXypTgox8BSNCj5jEwbcVik24TLb+GAUFTItHDckMEF0rVtlTMcpLJd+4zIWJJhnhl89635y4C19rCVHxk3jUcfrmhN6x1rWsK4ScCnkht8LQ14/ndKcbYdpMhXEvJA76R56h6scdhA58nLjEflziaDYRItkf75HfUtwADgDoKmg7KcngAAAABJRU5ErkJggg=="); } /* line 1061, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="information"] { position: relative; width: 80%; min-height: 120px; float: left; display: block; background: #fdf5ea; } /* line 1069, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="information"] [data-module-role="content"] { position: relative; width: 100%; padding: 0.75em 0.5em 0.5em 1em; float: left; display: block; } /* line 1077, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="information"] h4 { position: relative; width: 100%; padding: 0; float: left; display: block; color: #5f1003; font-size: 1.2em; text-transform: uppercase; } /* line 1088, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="information"] p { position: relative; width: 100%; margin: 0; float: left; display: block; color: #000; font-size: 0.8em; } /* line 1098, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="information"] [data-module-role="calendar_reminder"] { position: relative; width: 100%; padding: 0 20% 0 0; margin: 0; float: left; display: block; overflow: hidden; } /* line 1107, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="information"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"] { position: relative; width: 100%; margin: 0; padding: 0.5em 0 0.5em 5%; float: left; display: block; } /* line 1117, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="information"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"]:hover div, [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="information"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"]:focus div { background-color: #ff262a; } /* line 1122, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="information"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"] div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; background-color: #ea2327; -moz-transition: background-color 200ms ease; -o-transition: background-color 200ms ease; -webkit-transition: background-color 200ms ease; transition: background-color 200ms ease; } /* line 1132, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="information"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"] div:before, [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="information"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"] div:after { position: absolute; width: 5em; height: 100%; right: 0; margin-right: -1em; display: block; cursor: pointer; z-index: 1; content: ' '; background-color: inherit; } /* line 1145, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="information"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"] div:before { top: -1em; -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } /* line 1150, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="information"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"] div:after { bottom: -1em; -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } /* line 1156, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="information"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"] p { position: relative; width: 100%; margin: 0; float: left; display: block; cursor: pointer; z-index: 2; color: #fff; font-weight: bold; font-size: 1em; text-decoration: none; line-height: 1; text-shadow: 0 1px 0 #660f11; text-transform: uppercase; } /* line 1172, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="information"] [data-module-role="calendar_reminder"] [data-module-role="calendar_button"] p:after { vertical-align: middle; content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkZGNEEzMDIyQUEwMTFFMzk0OUVGREI2QTI5REQwQkQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkZGNEEzMDEyQUEwMTFFMzk0OUVGREI2QTI5REQwQkQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU4OTE5RDk5MjYwNTExRTM4OUI1QjdFMDgzMkQxQUY2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU4OTE5RDlBMjYwNTExRTM4OUI1QjdFMDgzMkQxQUY2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++mKXAQAAAExJREFUeNpi/P//PwO5gHHANDOANOPAHUAsiEcer827gVgQiF2B+D2pNu/+DwFncLmAGM04DSBWMwjMpLvNOP1Ms9CmKJ4HcdoGCDAAveRnopb23oYAAAAASUVORK5CYII="); } /* line 1180, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="information"] small { position: relative; width: 45%; margin: 0.25em 0 0.5em 1.5em; float: left; clear: both; display: block; font-size: 0.7em; } @media (max-width: 1000px) { /* line 1180, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="current_soup"] [data-module-role="information"] small { width: 75%; } } /* line 1196, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] { position: relative; width: 45%; height: 0; padding-bottom: 20%; margin: 0 2.5% 5% 2.5%; float: left; display: block; overflow: hidden; cursor: pointer; background-color: #fdf5ea; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (max-width: 1000px) { /* line 1196, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] { padding-bottom: 25%; } } @media (max-width: 767px) { /* line 1196, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] { width: 100%; margin: 2.5% 0; padding-bottom: 35%; } } /* line 1221, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"]:hover img, [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"]:focus img { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } /* line 1226, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"][data-soup-region-locked] { display: none !important; } /* line 1230, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="new"] { display: none; } /* line 1234, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"][data-soup-new="1"] [data-module-role="new"] { display: inline; } /* line 1238, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="thumbnail"] { position: absolute; width: 135%; max-width: none; top: -25%; left: -10%; display: block; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -webkit-transform-origin: center center 50%; transform-origin: center center 50%; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-transition: -moz-transform 300ms ease; -o-transition: -o-transform 300ms ease; -webkit-transition: -webkit-transform 300ms ease; transition: transform 300ms ease; } @media (max-width: 767px) { /* line 1238, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="thumbnail"] { width: 100%; top: -20%; left: 0; } } /* line 1257, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="title"] { position: absolute; width: 100%; padding: 0 40% 0 0; top: 10%; left: 0; display: block; overflow: hidden; word-wrap: break-word; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (max-width: 1000px) { /* line 1257, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="title"] { padding: 0 30% 0 0; } } /* line 1272, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="title"] div { z-index: 1; } /* line 1275, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="title"] div:before, [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="title"] div:after { position: absolute; height: 10em; width: 5em; right: 40%; display: block; background-color: inherit; content: ' '; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -webkit-transform-origin: center center 50%; transform-origin: center center 50%; } @media (max-width: 1000px) { /* line 1275, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="title"] div:before, [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="title"] div:after { right: 30%; } } /* line 1290, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="title"] div:before { top: -1em; -moz-transform: rotate(15deg); -ms-transform: rotate(15deg); -webkit-transform: rotate(15deg); transform: rotate(15deg); } /* line 1295, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="title"] div:after { bottom: -1em; -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } /* line 1301, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="title"] h4 { position: relative; width: 100%; padding: 0.5em 0 0.5em 1em; float: left; display: block; z-index: 2; color: #fff; text-transform: uppercase; } @media (max-width: 1000px) { /* line 1301, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="title"] h4 { font-size: 1.1em; } } @media (max-width: 767px) { /* line 1301, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="title"] h4 { font-size: 1.25em; } } @media (max-width: 420px) { /* line 1301, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="title"] h4 { font-size: 1em; } } /* line 1323, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="soup_list"] [data-module-role="soup"] [data-module-role="title"] h4 .font_cursive { color: #5f1003; text-transform: none; } /* line 1332, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] { position: relative; width: 27.5%; padding: 1.5em 2em 1em 2em; float: right; display: block; background-position: left top; background-repeat: repeat-x; background-color: #f3e8e1; } @media (max-width: 1000px) { /* line 1332, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] { padding: 1.5em 1em 1em 1em; } } @media (max-width: 767px) { /* line 1332, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] { width: 100%; padding: 8% 5% 7% 5%; } } /* line 1351, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="tape_top"], [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="tape_bottom"] { position: absolute; width: 44%; -moz-transform-origin: center center 50%; -ms-transform-origin: center center 50%; -webkit-transform-origin: center center 50%; transform-origin: center center 50%; } /* line 1357, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="tape_top"] { top: 0; left: 28%; margin-top: -15%; display: block; } @media (max-width: 767px) { /* line 1357, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="tape_top"] { width: 20%; left: 40%; margin-top: -6%; -moz-transform: rotate(-12deg); -ms-transform: rotate(-12deg); -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } } /* line 1371, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="tape_bottom"] { bottom: 0; left: 28%; margin-bottom: -15%; display: none; } @media (max-width: 767px) { /* line 1371, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="tape_bottom"] { display: block; width: 22%; left: 39%; margin-bottom: -6%; -moz-transform: rotate(170deg); -ms-transform: rotate(170deg); -webkit-transform: rotate(170deg); transform: rotate(170deg); } } /* line 1386, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="title"] { position: relative; width: 100%; float: left; display: block; } @media (max-width: 767px) { /* line 1386, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="title"] { padding: 0.5em 7.5% 0.5em 0; } } /* line 1396, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="title"]:before, [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="title"]:after { position: relative; width: 5em; height: 1px; display: block; background: #5f1003; content: ' '; } @media (max-width: 767px) { /* line 1396, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="title"]:before, [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="title"]:after { display: none; } } /* line 1409, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="title"]:before { margin: 0 auto 0.5em auto; } /* line 1413, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="title"]:after { margin: 0.5em auto 0 auto; } /* line 1417, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="title"] [data-module-role="accordion"] { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; border-top: 1px solid #5f1003; border-bottom: 1px solid #5f1003; text-decoration: none; background-color: transparent; background-position: right center; background-position: right 5% center; background-repeat: no-repeat; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAFCAYAAACXU8ZrAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZENEMzRjEzNUVERjExRTRCOEE0OTE1QUM4RjUzNDdBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZENEMzRjE0NUVERjExRTRCOEE0OTE1QUM4RjUzNDdBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkQ0QzNGMTE1RURGMTFFNEI4QTQ5MTVBQzhGNTM0N0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkQ0QzNGMTI1RURGMTFFNEI4QTQ5MTVBQzhGNTM0N0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ZYTUXAAAAQklEQVR42mKMF2DuYGBgMGbADc6yAIlOIN6NQ+FZkDwTkHgPxK5QAXQFIPH3TFABdIVwBSAOE5JOmMJZyApAACDAADHjD9lzlUJYAAAAAElFTkSuQmCC"); } @media (max-width: 767px) { /* line 1417, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="title"] [data-module-role="accordion"] { display: block; } } /* line 1439, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] h4, [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] h3 { padding: 0; margin: 0; text-align: center; color: #5f1003; } @media (max-width: 767px) { /* line 1439, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] h4, [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] h3 { display: inline; } } /* line 1450, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] h4 { font-size: 1.2em; margin-bottom: 0.1em; font-weight: normal; } @media (max-width: 767px) { /* line 1450, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] h4 { font-size: 1.7em; } } /* line 1460, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] h3 { font-size: 1.7em; margin-top: 0.1em; text-transform: uppercase; } /* line 1466, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="attributes"] { position: relative; width: 100%; margin-top: 2em; padding: 0; float: left; display: block; list-style-type: none; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media (min-width: 768px) { /* line 1466, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="attributes"] { display: block !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important; opacity: 1 !important; } } @media (max-width: 767px) { /* line 1466, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="attributes"] { margin-top: 1em; display: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } /* line 1488, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="attributes"] [data-module="custom_checkbox"] { position: relative; width: 100%; float: left; display: block; overflow: hidden; font-size: 1em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-tap-highlight-color: transparent; } /* line 1503, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="attributes"] [data-module="custom_checkbox"] [type="checkbox"] { position: absolute; bottom: 100%; right: 100%; display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } /* line 1511, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="attributes"] [data-module="custom_checkbox"] label { position: relative; width: 82.5%; padding: 0.8em 0; float: right; display: block; cursor: pointer; border-bottom: 1px solid #5f1003; color: #5f1003; font-family: inherit; font-size: 1em; line-height: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } @media (max-width: 767px) { /* line 1511, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="attributes"] [data-module="custom_checkbox"] label { width: 100%; padding-left: 2em; } } /* line 1535, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="attributes"] [data-module="custom_checkbox"] [data-module-role="checkbox"] { position: absolute; width: 1em; height: 1em; max-width: 15%; top: 50%; left: 0; margin-top: -0.6em; display: block; cursor: pointer; border: 1px solid #c0b5a4; background: #fff; } @media (max-width: 767px) { /* line 1535, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="attributes"] [data-module="custom_checkbox"] [data-module-role="checkbox"] { border: 2px solid #5f1003; } } /* line 1552, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="attributes"] [data-module="custom_checkbox"] [data-module-role="checkbox"]:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAE1JREFUOMtjYBgFOIEuacqjGf4wNJCm/D/xGoaOchaGpQzhpJgeCpT8wxBBimMawFoiSXE7REsUKV6FaCEpZEBa/pOSDEBaGkbzGhoAAOoCLdCFh2hhAAAAAElFTkSuQmCC") left top no-repeat; background-size: 100% 100%; content: ' '; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); -moz-transition: opacity 200ms ease, -moz-transform 200ms ease; -o-transition: opacity 200ms ease, -o-transform 200ms ease; -webkit-transition: opacity 200ms ease, -webkit-transform 200ms ease; transition: opacity 200ms ease, transform 200ms ease; } /* line 1570, scss/fragments/_soup.scss */ [data-page="soup"] [data-module="soup_filter"] [data-module-role="blackboard"] [data-module-role="filter"] [data-module-role="attributes"] [data-module="custom_checkbox"][data-checked] [data-module-role="checkbox"]:before { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } /* line 2, scss/fragments/_single_serve.scss */ .single-serve { width: 100%; /***************** General Styles **********************************************************/ /***************** Single Serve Awareness **********************************************************/ /***************** Awareness Accordion *************************************************************/ /***************** Awareness Title & Paragraph ******************************************************/ /************* Paragraph Hover Fix *********************************************************************/ /***************** Awareness Carousel ******************************************************************/ /***************** Awareness How To ******************************************************************/ /***************** Awareness 3-Step Plan *************************************************************/ /***************** Awareness Become a Success Story *************************************************************/ /***************** Awareness Image Beside Text *****************************************************************/ /************* Awareness Social Share **************************************************************************/ /***************************************************************************************************/ /***************** Serve Up Something New At Home **************************************************/ /***************************************************************************************************/ /************* DIY Social Share **************************************************************************/ /************ FLIP ***************************************************************************************/ /******** Alert Box **************************************************************************************/ } /* line 5, scss/fragments/_single_serve.scss */ .single-serve .chewycenter { padding-top: 0; } /* line 8, scss/fragments/_single_serve.scss */ .single-serve .chewycenter .banner { padding-top: 0; margin-top: 0; } /* line 12, scss/fragments/_single_serve.scss */ .single-serve .chewycenter .banner h1 { margin-top: 0; } /* line 18, scss/fragments/_single_serve.scss */ .single-serve [class*="span"] { display: block; float: left; margin-left: 2.5641%; padding: 0em !important; } /* line 25, scss/fragments/_single_serve.scss */ .single-serve .text-accordion__title:before { content: "" !important; } /* line 29, scss/fragments/_single_serve.scss */ .single-serve .text-accordion__title { cursor: pointer; margin-top: 0em !important; padding: 0em !important; } /* line 34, scss/fragments/_single_serve.scss */ .single-serve .text-accordion__title .span12 { position: relative; } /* line 42, scss/fragments/_single_serve.scss */ .single-serve .row { margin-bottom: 0em !important; } /* line 46, scss/fragments/_single_serve.scss */ .single-serve .text-accordion__content { padding: 0em !important; } /* line 50, scss/fragments/_single_serve.scss */ .single-serve #coffee, .single-serve #coffee-content { background: #c6b299; } /* line 54, scss/fragments/_single_serve.scss */ .single-serve #diy, .single-serve #diy-content { background: #4c0b0c; } /* line 59, scss/fragments/_single_serve.scss */ .single-serve #coffee .container, .single-serve #coffee-content .container, .single-serve #diy .container, .single-serve #diy-content .container { padding: 0; } /* line 66, scss/fragments/_single_serve.scss */ .single-serve .SSAwarenessAccordionBanner { display: block; } /* line 69, scss/fragments/_single_serve.scss */ .single-serve .SSAwarenessAccordionBanner.mobile { width: 480px; max-width: 100%; margin: 0 auto; } /* line 76, scss/fragments/_single_serve.scss */ .single-serve .SSAwarenessAccordion .text-accordion__title:before { color: #720f14; content: "+"; font-size: 1.5em; font-weight: 700; line-height: 0.8em; } /* line 84, scss/fragments/_single_serve.scss */ .single-serve .SSAwarenessAccordionCTA { z-index: 1; } /* line 88, scss/fragments/_single_serve.scss */ .single-serve .SSAwarenessAccordion [class*="span"] { padding: 0em; } /* line 93, scss/fragments/_single_serve.scss */ .single-serve .SSTitleParagraphContainer { background-position: center; background-repeat: no-repeat; background-color: #e2d9cf; padding: 25px 10% 25px 10%; } /* line 100, scss/fragments/_single_serve.scss */ .single-serve .SSTitleParagraph1 h3 { font: 20px/1.3; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; text-align: center; color: #46030b; } /* line 110, scss/fragments/_single_serve.scss */ .single-serve .SSTitleParagraph2 h3 { font: 20px/2.0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0; text-align: center; color: #46030b; } /* line 120, scss/fragments/_single_serve.scss */ .single-serve .SSTitleParagraph1 p { font: 14px/1.4; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; margin-top: 10px; text-align: center; } /* line 129, scss/fragments/_single_serve.scss */ .single-serve .SSTitleParagraph2 p { font: 14px/1.4; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; text-align: center; margin-bottom: 10px; } /* line 139, scss/fragments/_single_serve.scss */ .single-serve .SSTitleParagraph1 p { color: #46030b !important; } /* line 143, scss/fragments/_single_serve.scss */ .single-serve .SSTitleParagraph2 p { color: #4A4A4A !important; } /* line 147, scss/fragments/_single_serve.scss */ .single-serve .SSImgBesideText p { color: #4A4A4A !important; } /* line 151, scss/fragments/_single_serve.scss */ .single-serve .SSImageFlipContainer p { color: #fff !important; } /* line 155, scss/fragments/_single_serve.scss */ .single-serve .SSDIYProductContainer p { color: #fff !important; text-align: left; } /* line 160, scss/fragments/_single_serve.scss */ .single-serve .SSDIYAccordionBanner { display: block; } /* line 163, scss/fragments/_single_serve.scss */ .single-serve .SSDIYAccordionBanner.mobile { width: 480px; max-width: 100%; margin: 0 auto; } /* line 170, scss/fragments/_single_serve.scss */ .single-serve .SSDIYAccordion p { color: #4A4A4A !important; } /* line 174, scss/fragments/_single_serve.scss */ .single-serve .SSTitleParagraph1 p:hover { color: #46030b !important; } /* line 178, scss/fragments/_single_serve.scss */ .single-serve .SSTitleParagraph2 p:hover { color: #4A4A4A !important; } /* line 182, scss/fragments/_single_serve.scss */ .single-serve .SSImgBesideText p:hover { color: #4A4A4A !important; } /* line 186, scss/fragments/_single_serve.scss */ .single-serve .SSImageFlipContainer p:hover { color: #fff !important; } /* line 190, scss/fragments/_single_serve.scss */ .single-serve .SSDIYProductContainer p:hover { color: #fff !important; } /* line 194, scss/fragments/_single_serve.scss */ .single-serve .SSDIYAccordion p:hover { color: #4A4A4A !important; } /* line 200, scss/fragments/_single_serve.scss */ .single-serve .bx-wrapper { margin: 0 auto; } /* line 204, scss/fragments/_single_serve.scss */ .single-serve .bx-wrapper .bx-pager, .single-serve .bx-wrapper .bx-controls-auto { bottom: 5px !important; } /* line 208, scss/fragments/_single_serve.scss */ .single-serve .bx-wrapper .bx-pager.bx-default-pager a { border-color: #FFFFFF; border-style: solid; border-width: 2px; } /* line 214, scss/fragments/_single_serve.scss */ .single-serve .bx-wrapper .bx-pager.bx-default-pager a { background-color: #fff !important; } /* line 217, scss/fragments/_single_serve.scss */ .single-serve .bx-wrapper .bx-pager.bx-default-pager a.active { background-color: #000 !important; } /* line 222, scss/fragments/_single_serve.scss */ .single-serve .bx-wrapper .bx-pager.bx-default-pager a { border-radius: 15px !important; height: 15px !important; width: 15px !important; } /* line 228, scss/fragments/_single_serve.scss */ .single-serve .bx-wrapper img { margin: auto; width: 100%; } /* line 233, scss/fragments/_single_serve.scss */ .single-serve section { margin: 0; padding: 0; position: relative; } /* line 239, scss/fragments/_single_serve.scss */ .single-serve .SS-slider-photo .bx-wrapper .bx-controls-direction a { position: absolute; outline: 0px none; text-indent: -9999px; z-index: 2000; width: 10%; height: 20%; top: 41%; background: transparent url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") left top no-repeat; } /* line 250, scss/fragments/_single_serve.scss */ .single-serve .SS-slider-photo .bx-wrapper .bx-controls-direction .bx-prev { left: 4%; } /* line 254, scss/fragments/_single_serve.scss */ .single-serve .SS-slider-photo .bx-wrapper .bx-controls-direction .bx-next { right: 4%; } @media (max-width: 40em) { /* line 259, scss/fragments/_single_serve.scss */ .single-serve .SS-slider-photo .bx-wrapper .bx-controls-direction .bx-prev { left: 3%; } /* line 262, scss/fragments/_single_serve.scss */ .single-serve .SS-slider-photo .bx-wrapper .bx-controls-direction .bx-next { right: 3%; } /* line 265, scss/fragments/_single_serve.scss */ .single-serve .SS-slider-photo .bx-wrapper .bx-controls-direction a { width: 25%; height: 20%; top: 75%; } } /* line 273, scss/fragments/_single_serve.scss */ .single-serve #SSHowToContainer { background-position: center; background-repeat: no-repeat; background-color: #e1d8cf; padding: 35px 10% 0px 10%; } /* line 282, scss/fragments/_single_serve.scss */ .single-serve #SSThreeStepPlanContainer { background-position: center; background-repeat: no-repeat; background-color: #cedbe3; padding: 35px 10% 0px 10%; } /* line 291, scss/fragments/_single_serve.scss */ .single-serve #SSBecomeASuccessStoryContainer { background-position: center; background-repeat: no-repeat; background-color: #e2d9cf; padding: 35px 10% 0px 10%; } /* line 298, scss/fragments/_single_serve.scss */ .single-serve .BecomeASuccessStoryImg { margin-top: 30px; } /* line 302, scss/fragments/_single_serve.scss */ .single-serve .BecomeASuccessStoryCTA img { margin-bottom: 55px; margin-top: 20px; } /* line 309, scss/fragments/_single_serve.scss */ .single-serve .SSImgBesideText { min-height: 60px; } /* line 312, scss/fragments/_single_serve.scss */ .single-serve .SSImgBesideText > .span1, .single-serve .SSImgBesideText > .span11 { display: inline-block !important; vertical-align: middle; float: none; } /* line 317, scss/fragments/_single_serve.scss */ .single-serve .SSImgBesideText > .span11 { width: 90%; } /* line 320, scss/fragments/_single_serve.scss */ .single-serve .SSImgBesideText img { display: block; max-width: 46px; width: 100%; } /* line 326, scss/fragments/_single_serve.scss */ .single-serve .SSImgBesideText p { font: 14px/1.4; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; margin-left: 2%; text-align: left; } /* line 335, scss/fragments/_single_serve.scss */ .single-serve .SSCenterImgBesideText { margin: 0 auto; float: none; margin-bottom: 40px; } /* line 340, scss/fragments/_single_serve.scss */ .single-serve .SSCenterImgSpan3 { display: block; } /* line 344, scss/fragments/_single_serve.scss */ .single-serve .SSSocialShare { background-position: center; background-repeat: no-repeat; background-color: #d0e2d4; } /* line 350, scss/fragments/_single_serve.scss */ .single-serve .SSSocialShareImgs img { padding: 18px 0px 10px 0px; } /* line 357, scss/fragments/_single_serve.scss */ .single-serve .SSDIYAccordion { position: relative; } /* line 361, scss/fragments/_single_serve.scss */ .single-serve #SSDIYAccordionText { z-index: 1; position: absolute; top: 50%; padding: 0px 10% 0px 10%; font: 16px/1.6; font-family: Arial, Helvetica, sans-serif; display: block; } /* line 371, scss/fragments/_single_serve.scss */ .single-serve .SSDIYAccordion [class*="span"] { padding: 0em; } /* line 375, scss/fragments/_single_serve.scss */ .single-serve .SSImageProductTopBorder { background-color: #5b0800; height: 11px; width: 100%; } /* line 380, scss/fragments/_single_serve.scss */ .single-serve .SSDIYProductContainer { background-color: #740a00; display: block; } /* line 385, scss/fragments/_single_serve.scss */ .single-serve .SSDIYProductContainer h4 { text-align: left; color: #fff; font-size: 14px !important; font-family: Arial, Helvetica, sans-serif !important; margin-top: 25px; padding: 0; } /* line 394, scss/fragments/_single_serve.scss */ .single-serve .SSDIYProductContainer p { font-size: 12px !important; font-family: Arial, Helvetica, sans-serif !important; text-align: left; color: #fff; } /* line 401, scss/fragments/_single_serve.scss */ .single-serve .SSDIYProduct1 { margin-bottom: 30px; margin-top: 30px; position: relative; text-align: center; } /* line 408, scss/fragments/_single_serve.scss */ .single-serve .SSDIYProduct2 { margin-bottom: 30px; margin-top: 30px; position: relative; text-align: center; } /* line 421, scss/fragments/_single_serve.scss */ .single-serve .SSDIYProduct1Text { position: absolute; z-index: 1; top: 45%; left: 32%; width: 55%; max-width: 300px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } /* line 433, scss/fragments/_single_serve.scss */ .single-serve .SSDIYProduct2Text { position: absolute; z-index: 1; top: 45%; left: 32%; width: 55%; max-width: 300px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } /* line 448, scss/fragments/_single_serve.scss */ .single-serve .SSDIYProductContainer p { color: #fff; font: bold 11px/1.1; font-family: Arial, Helvetica, sans-serif; padding: 0; } /* line 455, scss/fragments/_single_serve.scss */ .single-serve .SSImageFlipContainerTopBorder { background-position: center; height: 8px; width: 100%; } /* line 461, scss/fragments/_single_serve.scss */ .single-serve .SSImageFlipContainer { background-position: center; background-repeat: repeat-y; background-color: #8c1117; padding: 0px 9.5% 0px 9.5%; } /* line 468, scss/fragments/_single_serve.scss */ .single-serve .SSImageFlipContainer { margin: auto; text-align: center; } /* line 472, scss/fragments/_single_serve.scss */ .single-serve .SSImageFlipContainer .row .span4 { float: none; display: inline-block; } /* line 476, scss/fragments/_single_serve.scss */ .single-serve .SSImageFlipDescription { margin-top: 10px; margin-bottom: 5px; } /* line 481, scss/fragments/_single_serve.scss */ .single-serve .SSImageFlipDescription p { color: #fff; font: 14px/1.4; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 15px; margin-bottom: 15px; } /* line 491, scss/fragments/_single_serve.scss */ .single-serve .SSDIYSocialShare { background-position: center; background-repeat: no-repeat; background-color: #fff; } /* line 497, scss/fragments/_single_serve.scss */ .single-serve .SSDIYSocialShareImgs img { padding: 26.7% 5px 26.7% 5px; max-width: 60px; } /* line 502, scss/fragments/_single_serve.scss */ .single-serve .SSImageFlipContainer [class*="span"] { padding: 0em; } /* line 507, scss/fragments/_single_serve.scss */ .single-serve #f1_container { position: relative; width: 246px; height: 200px; z-index: 1; margin: 5px; } @media (max-width: 47.938em) { /* line 507, scss/fragments/_single_serve.scss */ .single-serve #f1_container { width: 45%; height: auto; margin: 2.5%; float: left; } /* line 520, scss/fragments/_single_serve.scss */ .single-serve #f1_container #f1_card, .single-serve #f1_container .face, .single-serve #f1_container a, .single-serve #f1_container img { position: relative; width: 100%; height: auto; display: block; } /* line 527, scss/fragments/_single_serve.scss */ .single-serve #f1_container .face.back { position: absolute; top: 0; left: 0; } } /* line 535, scss/fragments/_single_serve.scss */ .single-serve #f1_container_social_share { background-color: #fff; height: 200px; margin: 5px; position: relative; width: 246px; z-index: 1; } @media (max-width: 47.938em) { /* line 535, scss/fragments/_single_serve.scss */ .single-serve #f1_container_social_share { position: relative; width: 45%; height: auto; margin: 2.5%; float: left; display: block; } /* line 551, scss/fragments/_single_serve.scss */ .single-serve #f1_container_social_share > .row { padding: 26.5% 0; } /* line 555, scss/fragments/_single_serve.scss */ .single-serve #f1_container_social_share img { width: 25%; padding: 0; } } /* line 562, scss/fragments/_single_serve.scss */ .single-serve #f1_container { perspective: 1000; } /* line 565, scss/fragments/_single_serve.scss */ .single-serve #f1_card { width: 246px; height: 200px; } /* line 569, scss/fragments/_single_serve.scss */ .single-serve #f1_card:hover .face, .single-serve #f1_card.flipped .face { -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } /* line 572, scss/fragments/_single_serve.scss */ .old-ie .single-serve #f1_card:hover .face, .ie9 .single-serve #f1_card:hover .face, .old-ie .single-serve #f1_card.flipped .face, .ie9 .single-serve #f1_card.flipped .face { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; } /* line 576, scss/fragments/_single_serve.scss */ .single-serve #f1_card:hover .face.back, .single-serve #f1_card.flipped .face.back { -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } /* line 579, scss/fragments/_single_serve.scss */ .old-ie .single-serve #f1_card:hover .face.back, .ie9 .single-serve #f1_card:hover .face.back, .old-ie .single-serve #f1_card.flipped .face.back, .ie9 .single-serve #f1_card.flipped .face.back { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; display: block; } /* line 585, scss/fragments/_single_serve.scss */ .single-serve .face { position: absolute; width: 246px; height: 200px; box-shadow: 0 0 10px #3a0f0f; -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } /* line 595, scss/fragments/_single_serve.scss */ .old-ie .single-serve .face, .ie9 .single-serve .face { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; } /* line 599, scss/fragments/_single_serve.scss */ .single-serve .face.back { display: block; -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); color: white; text-align: center; background-color: #aaa; cursor: pointer; z-index: 2; } /* line 608, scss/fragments/_single_serve.scss */ .old-ie .single-serve .face.back, .ie9 .single-serve .face.back { display: none; } /* line 614, scss/fragments/_single_serve.scss */ .single-serve #dialogoverlay { display: none; opacity: .8; position: fixed; top: 0px; left: 0px; background: #FFF; width: 100%; z-index: 10; } /* line 625, scss/fragments/_single_serve.scss */ .single-serve #dialogbox { display: none; position: fixed; background: #000; border-radius: 7px; width: 5px; z-index: 10; } /* line 634, scss/fragments/_single_serve.scss */ .single-serve #dialogbox > div { background: #FFF; margin: 8px; } /* line 639, scss/fragments/_single_serve.scss */ .single-serve #dialogbox > div > #dialogboxhead { background: #666; font-size: 19px; padding: 10px; olor: #CCC; } /* line 646, scss/fragments/_single_serve.scss */ .single-serve #dialogbox > div > #dialogboxbody { background: #333; padding: 20px; color: #FFF; } /* line 652, scss/fragments/_single_serve.scss */ .single-serve #dialogbox > div > #dialogboxfoot { background: #666; padding: 10px; text-align: right; } /*********** Tim's Stuff ****************/ /* line 661, scss/fragments/_single_serve.scss */ html.single_serve_modal_active, html.single_serve_modal_active body { overflow: hidden; } /* line 665, scss/fragments/_single_serve.scss */ [data-module="single_serve_cards"] [data-module-role="modal_body"] { display: none; } /* line 669, scss/fragments/_single_serve.scss */ [data-module="single_serve_modal_window"] { position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none; overflow: auto; z-index: 10001; background: rgba(0, 0, 0, 0.3); } /* line 681, scss/fragments/_single_serve.scss */ [data-module="single_serve_modal_window"] [data-module-role="modal_container"] { position: relative; max-width: 90%; margin: 2em auto; display: block; background: #fff; box-shadow: 0 0 10px #757575; } /* line 690, scss/fragments/_single_serve.scss */ [data-module="single_serve_modal_window"] [data-module-role="modal_container"]:after { display: block; clear: both; content: ' '; } /* line 696, scss/fragments/_single_serve.scss */ [data-module="single_serve_modal_window"] [data-module-role="modal_body"] { position: relative; width: 100%; float: left; display: block; } /* line 703, scss/fragments/_single_serve.scss */ [data-module="single_serve_modal_window"] [data-module-role="modal_close"] { position: absolute; top: -0.5em; right: -0.5em; display: block; cursor: pointer; } /* line 711, scss/fragments/_single_serve.scss */ [data-module="single_serve_modal_window"] [data-module-role="modal_close"] img { position: relative; display: block; } /* line 716, scss/fragments/_single_serve.scss */ [data-module="single_serve_modal_window"] h1, [data-module="single_serve_modal_window"] h2 { position: relative; width: 100%; padding: 0.3em 0.66em; margin: 0 0 0.75em 0; float: left; display: block; font-size: 2em; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; background-color: #b79448; background-image: url(http://dev.thrillworks.com/corey/tim-hortons/assets/images/single-serve/dialog_peach_header.png); background-position: left top; background-repeat: repeat-x; background-size: auto 100%; } /* line 733, scss/fragments/_single_serve.scss */ [data-module="single_serve_modal_window"] [data-module-role="modal_body"] div { position: relative; width: 100%; float: left; display: block; } /* line 740, scss/fragments/_single_serve.scss */ [data-module="single_serve_modal_window"] strong { position: relative; width: 100%; margin: 0 0 1em 0; padding: 0 1em; float: left; display: block; font-family: "Laudatio", Trebuchet, serif; color: #720f14; } /* line 751, scss/fragments/_single_serve.scss */ [data-module="single_serve_modal_window"] h3 { position: relative; width: 100%; padding: 0 0 0 0.66em; margin: 0 0 0.25em 0; float: left; display: block; font-size: 1.3em; font-weight: bold; word-wrap: break-word; } /* line 763, scss/fragments/_single_serve.scss */ [data-module="single_serve_modal_window"] p { position: relative; width: 100%; padding: 0 1em; margin: 0 0 1em 0; float: left; display: block; font-family: "Laudatio", Trebuchet, serif; } /* line 17, scss/fragments/_th-slider.scss */ .th-slider { clear: both; margin: 0em auto; padding: 0em 2.1em; } /* line 22, scss/fragments/_th-slider.scss */ .th-slider .widget.full-width { padding: 0.5em !important; width: 96%; } @media print { /* line 17, scss/fragments/_th-slider.scss */ .th-slider { display: none; } } /* line 30, scss/fragments/_th-slider.scss */ .th-slider .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } /* line 37, scss/fragments/_th-slider.scss */ .th-slider .bx-wrapper img { max-width: 100%; display: block; margin: 0 auto; } @media (max-width: 40em) { /* line 37, scss/fragments/_th-slider.scss */ .th-slider .bx-wrapper img { max-width: 100%; } } /* line 46, scss/fragments/_th-slider.scss */ .th-slider .text { font-size: 1.786rem; color: #FFF; position: absolute; top: 15px; left: 30px; } @media (max-width: 900px) { /* line 46, scss/fragments/_th-slider.scss */ .th-slider .text { font-size: 1.643em; } } @media (max-width: 47.938em) { /* line 46, scss/fragments/_th-slider.scss */ .th-slider .text { font-size: 1.286em; top: 7px; left: 15px; } } @media (max-width: 33em) { /* line 46, scss/fragments/_th-slider.scss */ .th-slider .text { font-size: 1.286em; } } @media (max-width: 40em) { /* line 46, scss/fragments/_th-slider.scss */ .th-slider .text { top: 7px; left: 15px; font-size: 1.15em; } } @media (max-width: 30em) { /* line 46, scss/fragments/_th-slider.scss */ .th-slider .text { font-size: 0.9em; } } /* line 73, scss/fragments/_th-slider.scss */ .th-slider .text span { font-size: 1.2em; color: #FFF; margin-top: 0em; padding-top: 0em; line-height: 0.5; } @media (max-width: 40em) { /* line 89, scss/fragments/_th-slider.scss */ .th-slider-photo { padding: 0; margin: 0; background-color: #fff; } /* line 96, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-viewport { border-top: 10px solid #fff; border-bottom: 10px solid #fff; } } /* line 102, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper { margin: 0 auto 0px; } @media (max-width: 47.938em) { /* line 102, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper { margin: 0 auto 0px; } } /* line 111, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-pager, .th-slider-photo .bx-wrapper .bx-controls-auto { position: absolute; bottom: 10px; width: 100%; } @media (max-width: 47.938em) { /* line 111, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-pager, .th-slider-photo .bx-wrapper .bx-controls-auto { bottom: -30px; } } /* line 122, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper img { max-width: 85%; } @media (max-width: 40em) { /* line 122, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper img { max-width: 100%; } } /* line 132, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* line 144, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #e4d9c2; padding-top: 20px; } /* line 153, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-pager .bx-pager-item, .th-slider-photo .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } /* line 160, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-pager.bx-default-pager a { background: #e4d9c2; text-indent: -9999px; display: block; width: 15px; height: 15px; margin: 0 5px; outline: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } /* line 173, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-pager.bx-default-pager a:hover, .th-slider-photo .bx-wrapper .bx-pager.bx-default-pager a:focus, .th-slider-photo .bx-wrapper .bx-pager.bx-default-pager a.active { color: #f68026; background-color: #f68026; } /* line 184, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-controls-direction a { width: 42px; height: 79px; background-size: contain; } @media (max-width: 47.938em) { /* line 184, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-controls-direction a { width: 35px; height: 65.83px; } } @media (max-width: 30em) { /* line 184, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-controls-direction a { top: 35%; } } /* line 199, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-prev, .th-slider-photo .bx-wrapper .bx-next { opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } /* line 207, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-prev { left: 5px; } /* line 211, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-next { right: 5px; } /* line 215, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-prev:hover, .th-slider-photo .bx-wrapper .bx-prev:focus, .th-slider-photo .bx-wrapper .bx-next:hover, .th-slider-photo .bx-wrapper .bx-next:focus { background-position: 0 0; } /* line 223, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* line 231, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-controls-auto { text-align: center; } /* line 235, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; margin: 0 3px; } /* line 244, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-controls-auto .bx-start:hover, .th-slider-photo .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } /* line 249, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; margin: 0 3px; } /* line 258, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-controls-auto .bx-stop:hover, .th-slider-photo .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* line 265, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } /* line 270, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* line 277, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; } /* line 285, scss/fragments/_th-slider.scss */ .th-slider-photo .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /* line 301, scss/fragments/_th-slider.scss */ .th-slider-media { position: relative; margin: 0em auto 2em auto !important; z-index: 10; } /* line 306, scss/fragments/_th-slider.scss */ .th-slider-media .widget { float: none !important; } @media (max-width: 40em) { /* line 306, scss/fragments/_th-slider.scss */ .th-slider-media .widget { margin-left: auto; margin-right: auto; } } @media (max-width: 40em) { /* line 301, scss/fragments/_th-slider.scss */ .th-slider-media { padding: 0; max-width: 500px; } } /* line 319, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper { margin: 0 0 0em 0; } /* line 321, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper img { width: 100%; } /* line 326, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper .bx-pager, .th-slider-media .bx-wrapper .bx-controls-auto { position: absolute; bottom: -20px; width: 100%; } /* line 335, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper .bx-loading { min-height: 50px; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* line 349, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper .bx-controls-direction a { width: 42px; height: 79px; background-size: contain; } @media (max-width: 47.938em) { /* line 349, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper .bx-controls-direction a { width: 35px; height: 65.83px; } } /* line 362, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper .bx-prev, .th-slider-media .bx-wrapper .bx-next { top: 38%; opacity: 1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } /* line 371, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper .bx-prev { left: 17px; } /* line 375, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper .bx-next { right: 17px; } /* line 379, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper .bx-prev:hover, .th-slider-media .bx-wrapper .bx-prev:focus, .th-slider-media .bx-wrapper .bx-next:hover, .th-slider-media .bx-wrapper .bx-next:focus { background-position: 0 0; } /* line 387, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* line 395, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper .bx-controls-auto { text-align: center; } /* line 399, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; margin: 0 3px; } /* line 408, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper .bx-controls-auto .bx-start:hover, .th-slider-media .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } /* line 413, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; margin: 0 3px; } /* line 422, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper .bx-controls-auto .bx-stop:hover, .th-slider-media .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* line 429, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } /* line 434, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* line 441, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666 \9; background: rgba(80, 80, 80, 0.75); width: 100%; } /* line 449, scss/fragments/_th-slider.scss */ .th-slider-media .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } @media (max-width: 40em) { /* line 461, scss/fragments/_th-slider.scss */ .th-slider-media .th-center .widget.full-width { padding-left: 0; padding-right: 0; margin: 0; } } /* line 471, scss/fragments/_th-slider.scss */ .slider-media-pager .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #e4d9c2; padding: 1em 0; } @media (max-width: 40em) { /* line 471, scss/fragments/_th-slider.scss */ .slider-media-pager .bx-pager { padding: 0; } } /* line 484, scss/fragments/_th-slider.scss */ .slider-media-pager .bx-pager .bx-pager-item, .slider-media-pager .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } /* line 491, scss/fragments/_th-slider.scss */ .slider-media-pager .bx-pager.bx-default-pager a { background: #e4d9c2; text-indent: -9999px; display: block; width: 15px; height: 15px; margin: 0 5px; outline: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } /* line 504, scss/fragments/_th-slider.scss */ .slider-media-pager .bx-pager.bx-default-pager a:hover, .slider-media-pager .bx-pager.bx-default-pager a:focus, .slider-media-pager .bx-pager.bx-default-pager a.active { color: #f68026; background-color: #f68026; } /* line 514, scss/fragments/_th-slider.scss */ .bx-sharing { position: absolute; bottom: 1em; left: 0; display: block; width: 100%; margin: 1em 1em 0 1em; } /* line 522, scss/fragments/_th-slider.scss */ .bx-sharing a { float: left; display: inline-block; padding: 0 .75em; } /* line 527, scss/fragments/_th-slider.scss */ .bx-sharing a.bx-close { float: right; margin-right: 2em; } @media (max-width: 40em) { /* line 514, scss/fragments/_th-slider.scss */ .bx-sharing { bottom: 0.5em; } /* line 536, scss/fragments/_th-slider.scss */ .bx-sharing a { padding: 0 .5em; } /* line 539, scss/fragments/_th-slider.scss */ .bx-sharing img { height: 25px; } } /* line 547, scss/fragments/_th-slider.scss */ .bx-video .bx-sharing { position: relative; overflow: auto; bottom: 0; } /* line 553, scss/fragments/_th-slider.scss */ .bx-video, .bx-loading { display: none; } /* line 557, scss/fragments/_th-slider.scss */ .bx-play { position: absolute; top: 50%; left: 50%; margin: -32px 0 0 -32px; -webkit-transition: transform .5s; transition: transform .5s; } @media (max-width: 47.938em) { /* line 557, scss/fragments/_th-slider.scss */ .bx-play { top: 55%; width: 60px; height: 60px; } } @media (max-width: 40em) { /* line 557, scss/fragments/_th-slider.scss */ .bx-play { top: 50%; width: 60px; height: 60px; } } /* line 575, scss/fragments/_th-slider.scss */ .bx-play:hover { transform: scale(1.15, 1.15); } /* line 580, scss/fragments/_th-slider.scss */ .video-overlay { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); } /* line 6, scss/fragments/_th-video.scss */ .section-white .container.video .widget.full-width { float: none; display: inline-block; padding: 0; } /* line 14, scss/fragments/_th-video.scss */ .video-yt.brown-border { background-color: #fff; } /* line 18, scss/fragments/_th-video.scss */ .video-cover { position: relative; } /* line 21, scss/fragments/_th-video.scss */ .video-cover img { display: block; width: 100%; } /* line 30, scss/fragments/_th-video.scss */ .video-yt .bx-sharing { position: relative; overflow: auto; bottom: 0; background-color: #fff; } /* line 1, scss/fragments/_th-widget.scss */ .widgets { z-index: 1; position: relative; padding: 2em 0; } /* line 6, scss/fragments/_th-widget.scss */ .widgets .container { padding-top: 0; padding-left: 0; padding-right: 0; } /* line 13, scss/fragments/_th-widget.scss */ .widget { position: relative; background: #363636; padding: 1em 2em; width: 48%; margin: 0.7em; float: left; display: block; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); margin-bottom: 1.1em; /*********************************/ /* WIDGET TYPOGRAPHY */ } /* line 24, scss/fragments/_th-widget.scss */ .widget.full-width { display: block; width: 98%; padding: 1em; margin: 0 auto 0.6em; left: 10px; } @media (max-width: 62.44em) { /* line 24, scss/fragments/_th-widget.scss */ .widget.full-width { margin: 0 0.6em 0.7em; width: 95.5%; } } @media (max-width: 47.938em) { /* line 24, scss/fragments/_th-widget.scss */ .widget.full-width { left: 2% !important; padding: 1em 2em; width: 96% !important; margin: 0 auto 0.6em !important; } /* line 44, scss/fragments/_th-widget.scss */ .widget.full-width .span4 img { text-align: center; } } @media (max-width: 62.44em) { /* line 13, scss/fragments/_th-widget.scss */ .widget { margin: 0.7em 0.7em 0.7em 1.4em; width: 46%; } } @media (max-width: 47.938em) { /* line 13, scss/fragments/_th-widget.scss */ .widget { left: 2% !important; padding: 1em 2em; margin: 0 auto 0.6em; width: 96%; } } /* line 63, scss/fragments/_th-widget.scss */ .widget.view-desktop { display: block !important; } @media (max-width: 47.938em) { /* line 63, scss/fragments/_th-widget.scss */ .widget.view-desktop { display: none !important; } } /* line 71, scss/fragments/_th-widget.scss */ .widget.view-mobile { display: none !important; } @media (max-width: 47.938em) { /* line 71, scss/fragments/_th-widget.scss */ .widget.view-mobile { display: block !important; } } /* line 83, scss/fragments/_th-widget.scss */ .widget .widget-content h2 { padding-bottom: 1em; text-transform: uppercase; font-weight: bold; } @media (max-width: 47.938em) { /* line 91, scss/fragments/_th-widget.scss */ .widget .widget-content img { text-align: center; margin: 0 auto; display: table; } /* line 97, scss/fragments/_th-widget.scss */ .widget .widget-content a { text-align: center; margin: 0 auto; display: table; padding: 1em; font-size: 1.2em; } /* line 106, scss/fragments/_th-widget.scss */ .widget .widget-content a .last-word:after { top: 0.1em; } } /* line 121, scss/fragments/_th-widget.scss */ .widget .widget h2, .widget .widget h3, .widget .widget h4 { text-transform: uppercase; color: #740613; font-weight: bold; } /* line 128, scss/fragments/_th-widget.scss */ .widget .widget h2 { font-size: 18px; margin-top: 0; background-image: none !important; } /* line 134, scss/fragments/_th-widget.scss */ .widget .widget h3 { font-size: 16px; margin-top: 0; padding-bottom: 0em; } /* line 140, scss/fragments/_th-widget.scss */ .widget .widget .thumbnail { border: 8px solid #d9d9d9; margin-left: 0em; } /* line 147, scss/fragments/_th-widget.scss */ .widget .three-column-row { float: left; padding-bottom: 1em; /*******************************/ /* LIFTED CORNERS */ } /* line 153, scss/fragments/_th-widget.scss */ .widget .three-column-row .widget { background: #f3ebda; width: 32%; padding: 0 1em !important; margin-top: 0.5em; margin-bottom: 0.75em; } /* line 154, scss/fragments/_th-widget.scss */ .widget .three-column-row .widget .row { margin-bottom: .5em; margin-top: 0.5em; } @media (max-width: 47.938em) { /* line 154, scss/fragments/_th-widget.scss */ .widget .three-column-row .widget .row { width: 100%; } } /* line 162, scss/fragments/_th-widget.scss */ .widget .three-column-row .widget [class*="span"] { vertical-align: middle; } @media (max-width: 47.938em) { /* line 162, scss/fragments/_th-widget.scss */ .widget .three-column-row .widget [class*="span"] { padding-bottom: 1em !important; } } /* line 170, scss/fragments/_th-widget.scss */ .widget .three-column-row .widget .span5 { text-align: center; } /* line 174, scss/fragments/_th-widget.scss */ .widget .three-column-row .widget p { color: #333333; margin: 0; padding-bottom: 0.5em; } /* line 180, scss/fragments/_th-widget.scss */ .widget .three-column-row .widget .span4 { text-align: right; padding: 0; } @media (max-width: 47.938em) { /* line 180, scss/fragments/_th-widget.scss */ .widget .three-column-row .widget .span4 { width: 31.6239%; } } /* line 188, scss/fragments/_th-widget.scss */ .widget .three-column-row .widget .span8 { padding: 0; padding-left: 1em; } @media (max-width: 47.938em) { /* line 188, scss/fragments/_th-widget.scss */ .widget .three-column-row .widget .span8 { width: 65.812%; } } @media (max-width: 47.938em) { /* line 201, scss/fragments/_th-widget.scss */ .widget .three-column-row .widgets { border-spacing: 0; } /* line 205, scss/fragments/_th-widget.scss */ .widget .three-column-row .widget { width: 99% !important; display: block; margin-top: 1em; float: none; } } /* line 219, scss/fragments/_th-widget.scss */ .widget .three-column-row .lifted { position: relative; } /* line 222, scss/fragments/_th-widget.scss */ .widget .three-column-row .lifted.parallax-fix { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: block; } /* line 232, scss/fragments/_th-widget.scss */ .widget .three-column-row .lifted:before, .widget .three-column-row .lifted:after { content: ""; position: absolute; z-index: -1; } /* line 240, scss/fragments/_th-widget.scss */ .widget .three-column-row .lifted:before, .widget .three-column-row .lifted:after { bottom: 15px; left: 10px; width: 50%; height: 20%; max-width: 300px; -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.3); -moz-transform: rotate(-3deg); -ms-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); transform: rotate(-3deg); } /* line 254, scss/fragments/_th-widget.scss */ .parallax-enabled .widget .three-column-row .lifted[data-parallax]:before, .parallax-enabled .widget .three-column-row .lifted[data-parallax]:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } /* line 260, scss/fragments/_th-widget.scss */ .parallax-enabled .widget .three-column-row .lifted[data-parallax].parallax_complete:before, .parallax-enabled .widget .three-column-row .lifted[data-parallax].parallax_complete:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } /* line 270, scss/fragments/_th-widget.scss */ .widget .three-column-row .lifted:after { right: 10px; left: auto; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); } /* line 1, scss/fragments/_coffee_quality.scss */ [data-module="coffee_quality_carousel"] { position: relative; width: 100%; padding: 20px 0; float: left; display: block; overflow: hidden; border-top: 20px solid #6c0002; border-bottom: 20px solid #6c0002; background-color: #fef7e5; } /* line 12, scss/fragments/_coffee_quality.scss */ [data-module="coffee_quality_carousel"] .module_title { position: relative; width: 100%; margin-top: 6%; display: block; text-align: center; } /* line 19, scss/fragments/_coffee_quality.scss */ [data-module="coffee_quality_carousel"] .module_title h2 { position: relative; padding: 0; display: inline-block; margin: 0 0 1rem 0; color: #46030b; font-weight: bold; line-height: 1; text-transform: uppercase; text-align: inherit; } /* line 30, scss/fragments/_coffee_quality.scss */ [data-module="coffee_quality_carousel"] .module_title h2 img { position: absolute; top: -3.75rem; left: -3.75rem; display: block; } /* line 38, scss/fragments/_coffee_quality.scss */ [data-module="coffee_quality_carousel"] .module_title p { padding: 0; margin: 0; color: #362f2d; font-size: 1.3rem; font-weight: bold; line-height: 1; text-align: inherit; } /* line 49, scss/fragments/_coffee_quality.scss */ [data-module="coffee_quality_carousel"] [data-module-role="cups"] { position: relative; width: 250px; max-width: 50%; margin: 1.5rem auto; display: block; } /* line 56, scss/fragments/_coffee_quality.scss */ [data-module="coffee_quality_carousel"] [data-module-role="cups"] .responsive_container { position: relative; padding-bottom: 160%; display: block; } /* line 62, scss/fragments/_coffee_quality.scss */ [data-module="coffee_quality_carousel"] [data-module-role="cups"] [data-module-attribution] { position: absolute; width: 100%; display: block; } /* line 69, scss/fragments/_coffee_quality.scss */ [data-module="coffee_quality_carousel"] [data-module-role="descriptions"] { position: relative; width: 100%; padding: 1rem 0; display: block; box-shadow: 0 0 1rem #f2ebda; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; text-align: center; background-color: #ede9e2; background-position: center top; background-repeat: repeat; } /* line 81, scss/fragments/_coffee_quality.scss */ [data-module="coffee_quality_carousel"] [data-module-role="descriptions"] [data-module-attribution] { position: absolute; width: 100%; padding: 0 20%; display: block; text-align: center; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } @media (max-width: 47.938em) { /* line 81, scss/fragments/_coffee_quality.scss */ [data-module="coffee_quality_carousel"] [data-module-role="descriptions"] [data-module-attribution] { padding: 0 1rem; } } /* line 94, scss/fragments/_coffee_quality.scss */ [data-module="coffee_quality_carousel"] [data-module-role="descriptions"] h4 { padding: 0; margin: 0 0 0.8rem 0; color: #e20615; font-size: 1.3rem; font-weight: bold; line-height: 1; text-transform: uppercase; text-align: inherit; } /* line 105, scss/fragments/_coffee_quality.scss */ [data-module="coffee_quality_carousel"] [data-module-role="descriptions"] p { padding: 0; margin: 0; color: #2d2d2d; font-size: 1.2rem; line-height: 1.4; text-align: inherit; } /* line 116, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline { position: relative; width: 100%; padding-top: 1.4rem; float: left; display: block; text-align: center; background-color: #ede9e2; background-position: left top; background-repeat: repeat; } /* line 127, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline .timeline_subtitle { position: relative; width: 95%; padding: 1.3rem 0.1rem 1.3rem 16%; margin-bottom: 12%; float: left; display: block; color: #362f2d; font-size: 1.2rem; font-weight: bold; line-height: 1; background-color: transparent; background-position: left top; background-repeat: repeat; background-size: auto 100%; } @media (max-width: 47.938em) { /* line 127, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline .timeline_subtitle { width: 80%; margin: 0 10% 20% 10%; padding: 1.3rem 0.5rem; } } /* line 149, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline .timeline_subtitle img { position: absolute; width: 17.9%; top: -2.2rem; left: 6%; display: block; } @media (max-width: 47.938em) { /* line 149, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline .timeline_subtitle img { width: 22%; top: 100%; left: 0; margin-top: -1.6rem; } } /* line 165, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline .timeline_content { position: relative; width: 100%; padding-bottom: 5rem; float: left; display: block; background-color: transparent; background-position: left bottom; background-repeat: repeat-x; } /* line 176, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline .timeline_row_left, .coffee_quality_timeline .timeline_row_right { position: relative; width: 100%; padding-bottom: 10%; float: left; display: block; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; } @media (max-width: 47.938em) { /* line 176, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline .timeline_row_left, .coffee_quality_timeline .timeline_row_right { background-image: none; } } /* line 191, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline .timeline_row_left h5, .coffee_quality_timeline .timeline_row_left p, .coffee_quality_timeline .timeline_row_right h5, .coffee_quality_timeline .timeline_row_right p { margin: 0; padding: 0; } @media (max-width: 47.938em) { /* line 176, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline .timeline_row_left, .coffee_quality_timeline .timeline_row_right { padding-bottom: 0; } } /* line 203, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline .timeline_row_right [data-module-role="video"] { float: right; } /* line 208, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline .timeline_row_cup { padding-bottom: 22%; } @media (max-width: 47.938em) { /* line 208, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline .timeline_row_cup { padding-bottom: 0; } } /* line 216, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline [data-module-role="video"] { position: relative; width: 30%; margin: 0 5%; float: left; display: block; } @media (max-width: 47.938em) { /* line 216, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline [data-module-role="video"] { width: 100%; margin: 0; } } /* line 228, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline [data-module-role="video"] img.timeline_mobile_line { position: relative; margin: 0.5rem 0 0 0; display: none; } @media (max-width: 47.938em) { /* line 228, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline [data-module-role="video"] img.timeline_mobile_line { display: inline-block; } } /* line 238, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline [data-module-role="video"] h5 { position: relative; padding: 0.8rem 0.1rem; margin: 0 0 0.75rem 0; width: 100%; float: left; display: block; color: #46030b; font-family: "laudatio", "Trebuchet MS", sans-serif; font-size: 0.9rem; font-weight: bold; background-color: transparent; background-position: left top; background-repeat: repeat; background-size: auto 100%; } @media (max-width: 47.938em) { /* line 238, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline [data-module-role="video"] h5 { width: 80%; margin: 0 10% 1rem 10%; } } /* line 260, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline [data-module-role="video"] [data-module-role="thumbnail"] { position: relative; width: 100%; float: left; display: block; cursor: pointer; border: 4px solid #fef7e5; box-shadow: 5px 5px 27px rgba(10, 10, 10, 0.75); } @media (max-width: 47.938em) { /* line 260, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline [data-module-role="video"] [data-module-role="thumbnail"] { border-left: 0; border-right: 0; } } /* line 274, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline [data-module-role="video"] [data-module-role="thumbnail"]:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; content: ' '; background-color: transparent; background-position: center center; background-repeat: no-repeat; -moz-transform: scale(0.75); -ms-transform: scale(0.75); -webkit-transform: scale(0.75); transform: scale(0.75); -moz-transition: -moz-transform 200ms ease; -o-transition: -o-transform 200ms ease; -webkit-transition: -webkit-transform 200ms ease; transition: transform 200ms ease; } @media (max-width: 47.938em) { /* line 274, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline [data-module-role="video"] [data-module-role="thumbnail"]:after { background-color: rgba(40, 40, 40, 0.5); -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } /* line 294, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline [data-module-role="video"] [data-module-role="thumbnail"]:hover:after { -moz-transform: scale(0.85); -ms-transform: scale(0.85); -webkit-transform: scale(0.85); transform: scale(0.85); } @media (max-width: 47.938em) { /* line 294, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline [data-module-role="video"] [data-module-role="thumbnail"]:hover:after { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } /* line 302, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline [data-module-role="video"] [data-module-role="thumbnail"] img { position: relative; width: 100%; float: left; display: block; } /* line 310, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline [data-module-role="video"] [data-module-role="sharing"] { position: relative; width: 100%; margin-top: 0.4rem; float: left; display: block; text-align: left; } @media (max-width: 47.938em) { /* line 310, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline [data-module-role="video"] [data-module-role="sharing"] { margin-top: -5rem; } } /* line 322, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline [data-module-role="video"] [data-module-role="sharing"] p, .coffee_quality_timeline [data-module-role="video"] [data-module-role="sharing"] a { position: relative; margin-right: 0.3rem; padding: 0.3rem; float: left; display: block; border-radius: 4px; color: #fff; font-size: 0.75rem; text-transform: uppercase; background-color: #b61f26; } @media (max-width: 47.938em) { /* line 322, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline [data-module-role="video"] [data-module-role="sharing"] p, .coffee_quality_timeline [data-module-role="video"] [data-module-role="sharing"] a { margin-right: 0; display: none; background-color: transparent; } } /* line 341, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline [data-module-role="video"] [data-module-role="sharing"] [data-share-type] { width: 1.6rem; height: 1.6rem; display: block; background-position: center center; background-repeat: no-repeat; background-size: 100%; } @media (max-width: 47.938em) { /* line 341, scss/fragments/_coffee_quality.scss */ .coffee_quality_timeline [data-module-role="video"] [data-module-role="sharing"] [data-share-type] { width: 4rem; height: 4rem; display: block; } } /* line 359, scss/fragments/_coffee_quality.scss */ [data-module="coffee_quality_modal"] { position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none; overflow: auto; z-index: 1338; background: rgba(0, 0, 0, 0.75); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } /* line 371, scss/fragments/_coffee_quality.scss */ [data-module="coffee_quality_modal"] [data-module-role="container"] { position: relative; width: 800px; max-width: 90%; height: 0; margin: 0 auto; display: block; } /* line 379, scss/fragments/_coffee_quality.scss */ [data-module="coffee_quality_modal"] [data-module-role="container"] iframe { position: absolute; width: 100%; height: 100%; top: 25%; left: 0; display: block; box-shadow: 0 0 4rem #000; background-color: #000; } /* line 390, scss/fragments/_coffee_quality.scss */ [data-module="coffee_quality_modal"] [data-module-role="container"] [data-module-role="close"] { position: absolute; color: #fff; width: 1.5rem; height: 1.5rem; top: 25%; right: 0; margin-top: -1rem; margin-right: -0.9rem; display: block; font-size: 1.1rem; font-family: monospace; font-weight: bold; line-height: 1.5rem; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #000; border-radius: 50%; background-color: #6c0002; } /* line 14, scss/fragments/_aged_cheddar_biscuit.scss */ [data-module="cheddar_plank"] [data-module-role="plank"] { outline: 1px solid transparent; -moz-transform-origin: top right 50%; -ms-transform-origin: top right 50%; -webkit-transform-origin: top right 50%; transform-origin: top right 50%; -moz-transform: translateX(50%) translateY(-100%) rotate(25deg); -ms-transform: translateX(50%) translateY(-100%) rotate(25deg); -webkit-transform: translateX(50%) translateY(-100%) rotate(25deg); transform: translateX(50%) translateY(-100%) rotate(25deg); -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* line 21, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit { font-family: 'Montserrat', 'Century Gothic', sans-serif; text-align: center; } /* line 25, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .container { max-width: 1650px; } /* line 29, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit h2, .aged_cheddar_biscuit p { margin: 0; padding: 0; font-family: inherit; color: inherit; word-wrap: break-word; } /* line 37, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit h2 { font-size: 1.75rem; line-height: 1.1em; font-weight: bold; text-transform: uppercase; } /* line 44, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit p { font-size: 1.075rem; line-height: 1.4em; } /* line 49, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_section { position: relative; width: 100%; float: left; display: block; overflow: hidden; } @media print { /* line 49, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_section { display: none !important; } } /* line 61, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_banner { background-color: #e4edf2; } /* line 64, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_banner img { display: block; } @media (max-width: 1237.5px) { /* line 64, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_banner img { max-width: 140%; margin-left: -20%; } } @media (max-width: 47.938em) { /* line 64, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_banner img { max-width: 160%; margin-left: -30%; } } @media (max-width: 40em) { /* line 64, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_banner img { max-width: 180%; margin-left: -40%; } } /* line 83, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_banner small { position: absolute; width: 95%; left: 2.5%; bottom: 4.5%; color: #fff; font-size: 0.75rem; text-align: right; text-transform: uppercase; line-height: 1em; letter-spacing: -1px; text-shadow: 0px 0px 5px #000; } @media (max-width: 40em) { /* line 83, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_banner small { font-size: 0.5rem; } } /* line 102, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_content { background-color: #0a0603; } /* line 105, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_content .container { background-color: transparent; background-position: top center; background-repeat: no-repeat; background-size: auto 100%; background-size: cover; } /* line 113, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_content .content_plank { position: absolute; max-width: none; top: 0; right: 50%; display: block; } @media (max-width: 47.938em) { /* line 113, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_content .content_plank { display: none; } } /* line 125, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_content .section_copy { position: relative; width: 375px; max-width: 45%; padding: 5.5% 0 7.5% 0; margin: 0 0 0 55%; float: left; display: block; color: #fff; } @media (max-width: 47.938em) { /* line 125, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_content .section_copy { width: 100%; max-width: none; padding: 2rem 0 3rem 0; margin: 0; } } /* line 142, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_content .section_copy h2 { font-size: 2.5rem; } @media (max-width: 47.938em) { /* line 142, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_content .section_copy h2 { font-size: 1.75rem; } } /* line 150, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_content .section_copy h2, .aged_cheddar_biscuit .biscuit_content .section_copy p { text-shadow: 4px 0 10px rgba(0, 0, 0, 0.75); } /* line 153, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_content .section_copy h2:after, .aged_cheddar_biscuit .biscuit_content .section_copy p:after { position: relative; width: 115px; height: 2px; max-width: 80%; margin: 1.2rem auto; display: block; background: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; content: ' '; } /* line 159, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_content .section_copy:after { position: relative; width: 115px; height: 2px; max-width: 80%; margin: 1.2rem auto; display: block; background: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; content: ' '; } /* line 166, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_coupon { background-color: #dfe5e5; } @media print { /* line 166, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_coupon { display: block !important; } } /* line 173, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_coupon .container { background-color: transparent; background-position: top center; background-repeat: no-repeat; background-size: auto 100%; background-size: cover; } @media print { /* line 173, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_coupon .container { background-image: none !important; } } /* line 185, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_coupon .section_copy { position: relative; width: 580px; max-width: 100%; padding: 3% 0 5% 0; margin: 0 auto; display: block; color: #402020; } @media (max-width: 47.938em) { /* line 185, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_coupon .section_copy { padding: 2rem 0 3rem 0; } } /* line 198, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_coupon .section_copy img { padding: 9px; margin: 1.5rem 0; cursor: pointer; border: 4px dashed #ab192d; border: 4px dashed rgba(171, 25, 45, 0.8); } @media (max-width: 47.938em) { /* line 198, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_coupon .section_copy img { border: 0; padding: 0; } } /* line 211, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_coupon .section_copy p { font-size: 0.9rem; line-height: 1.5em; font-weight: bold; text-shadow: 0 0 20px #fff; box-shadow: 0 0 30px white; background-color: rgba(255, 255, 255, 0.5); } /* line 222, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_locator, .aged_cheddar_biscuit .biscuit_share { color: #402020; background-color: #f2a838; background-position: bottom center; background-repeat: no-repeat; } /* line 228, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_locator .section_copy, .aged_cheddar_biscuit .biscuit_share .section_copy { position: relative; width: 480px; max-width: 100%; padding: 3% 0 5% 0; margin: 0 auto; display: block; } @media (max-width: 47.938em) { /* line 228, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_locator .section_copy, .aged_cheddar_biscuit .biscuit_share .section_copy { padding: 2rem 0 3rem 0; } } /* line 240, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_locator .section_copy p, .aged_cheddar_biscuit .biscuit_share .section_copy p { margin: 1.2rem 0; } /* line 248, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_share .section_copy { width: 100%; } /* line 254, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_share .share_buttons:before { position: relative; width: 115px; height: 2px; max-width: 80%; margin: 1.2rem auto; display: block; background: #fff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90); opacity: 0.9; content: ' '; } /* line 259, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_share .share_buttons a { position: relative; margin: 0 0.4rem; display: inline-block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; -moz-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; } /* line 266, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_share .share_buttons a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } /* line 270, scss/fragments/_aged_cheddar_biscuit.scss */ .aged_cheddar_biscuit .biscuit_share .share_buttons a img { display: block; } /* line 11, scss/fragments/_three_peaks.scss */ [data-module="three_peaks_parallax"] [data-module-role="flair"] { -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transition: -moz-transform 500ms ease-out; -o-transition: -o-transform 500ms ease-out; -webkit-transition: -webkit-transform 500ms ease-out; transition: transform 500ms ease-out; } /* line 16, scss/fragments/_three_peaks.scss */ [data-module="three_peaks_parallax"] [data-module-role="box"] { -moz-transition: -moz-transform 500ms ease-out; -o-transition: -o-transform 500ms ease-out; -webkit-transition: -webkit-transform 500ms ease-out; transition: transform 500ms ease-out; } /* line 20, scss/fragments/_three_peaks.scss */ [data-module="three_peaks_parallax"] [data-module-role="frame"] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } /* line 24, scss/fragments/_three_peaks.scss */ [data-module="three_peaks_parallax"] [data-module-role="icon"] { -moz-transform-origin: center center; -ms-transform-origin: center center; -webkit-transform-origin: center center; transform-origin: center center; } /* line 28, scss/fragments/_three_peaks.scss */ [data-module="three_peaks_parallax"] [data-module-role="frame"] { -moz-transform-origin: center top; -ms-transform-origin: center top; -webkit-transform-origin: center top; transform-origin: center top; } /* line 35, scss/fragments/_three_peaks.scss */ [data-module="three_peaks_flyouts"] [data-module-role="flyout"] { display: none; } /* line 42, scss/fragments/_three_peaks.scss */ [data-module="three_peaks_validation"] [data-module-role="group"] { -moz-transition: background-color 250ms ease; -o-transition: background-color 250ms ease; -webkit-transition: background-color 250ms ease; transition: background-color 250ms ease; } /* line 46, scss/fragments/_three_peaks.scss */ [data-module="three_peaks_validation"] [data-validation-error] { background-color: #0e6899; } /* line 51, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper { position: relative; width: 100%; float: left; display: block; overflow: hidden; background-position: left top; background-repeat: repeat; } /* line 60, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_row { position: relative; width: 100%; float: left; display: block; text-align: center; } /* line 68, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_button { position: relative; max-width: 100%; padding: 0.75rem 4rem; display: inline-block; font-size: 0.9rem; font-weight: 700; color: #fff; text-transform: uppercase; text-decoration: none; border: 2px solid #fff; background-color: transparent; font-family: "proxima-nova-alt", sans-serif; -moz-transition: background-color 250ms ease-out, text-shadow 300ms ease-out; -o-transition: background-color 250ms ease-out, text-shadow 300ms ease-out; -webkit-transition: background-color 250ms ease-out, text-shadow 300ms ease-out; transition: background-color 250ms ease-out, text-shadow 300ms ease-out; } /* line 83, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_button:hover, .three_peaks_wrapper .three_peaks_button.active { background-color: #c89605; text-shadow: 1px 1px 2px #997403; } /* line 91, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_chevron:after { margin-left: 0.5em; display: inline-block; content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMCAYAAABfnvydAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAzNjU1RUY2REVGMDExRTQ5NTlCQjY3ODJEMDJFRThDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAzNjU1RUY3REVGMDExRTQ5NTlCQjY3ODJEMDJFRThDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM2NTVFRjRERUYwMTFFNDk1OUJCNjc4MkQwMkVFOEMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM2NTVFRjVERUYwMTFFNDk1OUJCNjc4MkQwMkVFOEMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6idmTYAAAAWklEQVR42mL8//8/AxAIAPEHBiyACUoXAHECPgUgMB+bIiY0PoYiJiymoijCpgCmKACfgotAfACXApCkA8zbTPgk0RVgSIIBKCSBOACIBaBsFMwIDWqcACDAABtIK6ftcl1WAAAAAElFTkSuQmCC); -moz-backface-visibility: visible; -webkit-backface-visibility: visible; backface-visibility: visible; -moz-transform-origin: center center; -ms-transform-origin: center center; -webkit-transform-origin: center center; transform-origin: center center; -moz-transition: -moz-transform 350ms ease-out; -o-transition: -o-transform 350ms ease-out; -webkit-transition: -webkit-transform 350ms ease-out; transition: transform 350ms ease-out; } /* line 100, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_chevron.chevron_down:after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } /* line 104, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_chevron.chevron_up:after { -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } /* line 109, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .row_title { margin-top: 2rem; margin-bottom: 1.5rem; } /* line 113, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .row_title img { margin-bottom: 1.25rem; } /* line 117, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .row_title h2, .three_peaks_wrapper .row_title h3 { position: relative; width: 100%; margin: 0; padding: 0; } /* line 124, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .row_title h3 { margin-bottom: 1.6rem; font-size: 1.2rem; font-weight: 600; color: #fff; letter-spacing: 0.5px; line-height: 1; text-transform: uppercase; text-shadow: -2px 3px 6px rgba(0, 0, 0, 0.25); font-family: "proxima-nova-alt", sans-serif; } /* line 136, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .row_title h2 { font-size: 4.5rem; font-style: italic; color: #fff; text-shadow: -4px 6px 10px rgba(0, 0, 0, 0.25); font-family: "Bitter", cursive; } @media (max-width: 47.938em) { /* line 136, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .row_title h2 { font-size: 3.25rem; } } @media (max-width: 40em) { /* line 136, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .row_title h2 { font-size: 2.5rem; } } /* line 151, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .row_title h2 span { font-size: 1.5rem; font-style: normal; vertical-align: super; vertical-align: 130%; font-family: "proxima-nova-alt", sans-serif; } @media (max-width: 47.938em) { /* line 151, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .row_title h2 span { vertical-align: 100%; } } @media (max-width: 40em) { /* line 151, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .row_title h2 span { vertical-align: 70%; } } /* line 167, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .row_title h2 strong { font-weight: 700; font-style: normal; letter-spacing: -1px; text-transform: uppercase; font-family: "proxima-nova-alt", sans-serif; } /* line 176, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .row_title p { position: relative; width: 100%; margin: 1.5rem 0; padding: 0; color: #fff; font-size: 1.3rem; font-weight: 100; text-transform: uppercase; text-shadow: -2px 3px 5px rgba(0, 0, 0, 0.25); font-family: "proxima-nova-alt", sans-serif; } /* line 190, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air { padding-top: 2rem; } /* line 193, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .three_peaks_coupon { margin: 0; display: inline-block; border: 6px solid transparent; outline: 4px solid #fff; } /* line 200, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .row_buttons { margin-bottom: 1.5rem; } @media (max-width: 40em) { /* line 200, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .row_buttons { padding: 0 1rem; } } /* line 207, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .row_buttons .three_peaks_button { width: 235px; margin: 0 0.75rem; padding: 0.5rem 0.1rem; } @media (max-width: 40em) { /* line 207, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .row_buttons .three_peaks_button { width: 100%; margin: 0 0 0.75rem 0; } } /* line 217, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .row_buttons .three_peaks_button:hover { background-color: rgba(0, 0, 0, 0.15); text-shadow: none; } /* line 222, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .row_buttons .three_peaks_button.active { background-color: #c89605; text-shadow: 1px 1px 2px #997403; } /* line 226, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .row_buttons .three_peaks_button.active:after { -moz-transform: rotate(90deg) rotateY(180deg); -ms-transform: rotate(90deg) rotateY(180deg); -webkit-transform: rotate(90deg) rotateY(180deg); transform: rotate(90deg) rotateY(180deg); } /* line 232, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .row_buttons .three_peaks_button[data-module-attribution="register"]:before { position: absolute; width: 100%; height: 100%; top: -2px; left: -2px; display: block; border: 2px solid #fff; content: ' '; -webkit-animation: three_peaks_button_glow 1.5s ease-out infinite; animation: three_peaks_button_glow 1.5s ease-out infinite; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform-origin: center center; -ms-transform-origin: center center; -webkit-transform-origin: center center; transform-origin: center center; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; } /* line 248, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .row_buttons .three_peaks_button[data-module-attribution="register"].active:before { display: none; } /* line 255, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_container { position: relative; width: 835px; max-width: 100%; background-color: #1288c9; display: inline-block; overflow: hidden; } /* line 264, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_close { position: absolute; top: 1rem; right: 1.5rem; display: block; cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; -moz-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; } /* line 273, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_close:hover { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } /* line 277, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_close img { display: block; } /* line 282, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_content { position: relative; width: 100%; float: left; } /* line 288, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_table, .three_peaks_wrapper .three_peaks_air .flyout_table_row, .three_peaks_wrapper .three_peaks_air .flyout_table_cell { position: relative; width: 100%; margin: 0; padding: 0; float: left; display: block; } /* line 297, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_table_cell { width: 50%; margin: 0; } /* line 302, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register { padding: 2rem 0.8rem; color: #fff; font-family: "proxima-nova-alt", sans-serif; } /* line 307, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register h2, .three_peaks_wrapper .three_peaks_air .flyout_register h3, .three_peaks_wrapper .three_peaks_air .flyout_register h4, .three_peaks_wrapper .three_peaks_air .flyout_register h5, .three_peaks_wrapper .three_peaks_air .flyout_register h6, .three_peaks_wrapper .three_peaks_air .flyout_register label { position: relative; margin: 0; padding: 0; display: inline-block; color: inherit; font-family: inherit; } /* line 316, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register h2 { width: 100%; margin-bottom: 1rem; font-size: 1.5rem; font-weight: normal; text-transform: uppercase; } /* line 324, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register h3 { width: 100%; margin-bottom: 1rem; font-size: 1.3rem; font-weight: 700; text-transform: none; } /* line 332, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register h4, .three_peaks_wrapper .three_peaks_air .flyout_register h5 { font-size: 0.9rem; font-weight: normal; line-height: 1.25em; } /* line 338, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register h4 { width: 100%; margin: 0 0 1rem 0; } /* line 343, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register h5 { width: 525px; max-width: 100%; } /* line 348, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register h6 { width: 100%; margin-bottom: 0.4rem; font-size: 0.7rem; font-weight: normal; letter-spacing: 1px; text-align: left; text-transform: uppercase; } /* line 358, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register label { cursor: text; } /* line 362, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register .flyout_form { position: relative; width: 100%; float: left; display: block; border-top: 8px solid #c89605; } /* line 370, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register .flyout_table_row { border-bottom: 1px solid #c89605; text-align: left; } @media (max-width: 47.938em) { /* line 370, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register .flyout_table_row { border-bottom: none; } } /* line 378, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register .flyout_table_row:before { position: absolute; width: 1px; height: 100%; top: 0; left: 50%; margin-left: -1px; display: block; z-index: 5; content: ' '; background-color: #c89605; } @media (max-width: 47.938em) { /* line 378, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register .flyout_table_row:before { display: none; } } @media (max-width: 47.938em) { /* line 396, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register .flyout_table_cell { width: 100%; margin: 0; border-bottom: 1px solid #c89605; } } /* line 403, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register .flyout_table_cell label { position: relative; width: 100%; padding: 0.4rem 0.5rem 0 0.5rem; float: left; display: block; font-size: 0.9rem; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; font-family: inherit; } /* line 417, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register [type="text"] { position: relative; width: 100%; padding: 0.4rem 0.5rem; float: left; display: block; background-color: transparent; border: none; outline: none; color: #fff; font-size: 1.25rem; line-height: 1; font-family: inherit; } /* line 432, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register .submit { margin-bottom: 1rem; padding: 0.75rem 1.75rem; font-size: 1rem; } /* line 438, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register strong { font-size: 0.85rem; letter-spacing: 0.5px; font-family: inherit; } /* line 444, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register .row_newsletter { margin-top: 1.25rem; margin-bottom: 2.5rem; padding: 0 3.25rem 0 4.25rem; text-align: left; } /* line 450, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register .row_newsletter input { position: absolute; min-width: 1rem; min-height: 1rem; top: 0; right: 100%; margin-right: -3.75rem; display: block; cursor: pointer; } /* line 461, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register .row_newsletter label, .three_peaks_wrapper .three_peaks_air .flyout_register .row_newsletter small { position: relative; width: 100%; display: inline-block; font-weight: normal; letter-spacing: 0; text-transform: none; font-family: inherit; } /* line 471, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register .row_newsletter label { font-size: 0.9rem; } /* line 475, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register .row_newsletter small { font-size: 0.7rem; } /* line 480, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_register .row_success { display: none; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } /* line 486, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_restaurants { max-height: 700px; padding: 2rem 3.5rem; overflow: auto; font-size: 1.3rem; text-transform: uppercase; text-align: left; font-family: "proxima-nova-alt", sans-serif; } /* line 495, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_restaurants .flyout_table_row { margin: 0.75rem 0; color: #fff; } @media (max-width: 47.938em) { /* line 495, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_restaurants .flyout_table_row { margin: 0; text-align: center; } } /* line 504, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_restaurants .flyout_table_row:nth-child(even) { color: #171717; } /* line 509, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_restaurants .flyout_table_cell { padding-right: 0.75rem; } @media (max-width: 40em) { /* line 509, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_air .flyout_restaurants .flyout_table_cell { width: 100%; margin: 0.75rem 0; padding-right: 0; } } /* line 521, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_mountain { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; display: block; box-shadow: 0 0 16px #000; background-color: #49abe2; background-position: center top; background-repeat: no-repeat; background-size: cover; } /* line 533, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_mountain:after { position: relative; width: 1px; height: 0; clear: both; display: block; pointer-events: none; font-size: 0; line-height: 0; content: ' '; } /* line 546, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements { position: relative; width: 100%; padding: 0 0 320px 0; float: left; display: block; } /* line 553, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_section { position: relative; width: 100%; margin: 80px 0; padding: 0 1rem; float: left; display: block; } /* line 562, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_container { position: relative; width: 1200px; max-width: 100%; margin: 0 auto; display: block; } /* line 569, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_container:after { position: relative; width: 1px; height: 0; clear: both; display: block; pointer-events: none; font-size: 0; line-height: 0; content: ' '; } /* line 582, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_flair { position: absolute; right: 50%; display: block; } /* line 588, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_box { position: relative; width: 825px; max-width: 100%; display: inline-block; text-align: left; vertical-align: top; } /* line 597, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_icon { position: absolute; top: -90px; left: 50%; margin-left: -70px; display: block; } /* line 605, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_frame { position: relative; width: 100%; float: left; display: block; overflow: hidden; border: 5px solid #fff; } /* line 614, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_content { position: relative; width: 100%; padding: 4rem 7.5% 7.5% 15%; float: left; display: block; color: #fff; background: rgba(25, 25, 25, 0.5); font-family: "proxima-nova-alt", sans-serif; } /* line 624, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_content strong, .three_peaks_wrapper .three_peaks_parallax_elements .parallax_content h2, .three_peaks_wrapper .three_peaks_parallax_elements .parallax_content p { position: relative; width: 100%; margin: 0; padding: 0; float: left; clear: both; display: block; font-family: inherit; color: inherit; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); } /* line 637, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_content hr { position: relative; width: 100px; height: 5px; max-width: 100%; margin: 1.5rem 0 0 0; float: left; clear: both; display: block; border: 0; outline: 0; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); background-color: #fff; display: none; } /* line 653, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_content strong { font-weight: 700; font-size: 1.15rem; text-transform: uppercase; } /* line 659, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_content h2 { margin-top: 1.25rem; font-weight: 300; font-size: 2.6rem; line-height: 1.15em; text-transform: uppercase; } /* line 666, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_content h2:after { position: absolute; width: 100px; height: 5px; max-width: 100%; bottom: -1.5rem; left: 0; display: block; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); content: ' '; background-color: #fff; } /* line 680, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_content p { margin-top: 3.25rem; font-size: 1.2rem; line-height: 1.5em; letter-spacing: 1px; } /* line 688, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_section_experience { text-align: left; z-index: 4; } /* line 692, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_section_experience .parallax_flair { bottom: -120px; margin-right: 400px; } @media (max-width: 1250px) { /* line 692, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_section_experience .parallax_flair { right: auto; left: -100px; } } /* line 702, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_section_experience .parallax_icon { top: -90px; } /* line 707, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_section_origin { z-index: 3; text-align: right; } /* line 711, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_section_origin .parallax_flair { right: 0; top: -550px; } @media (max-width: 1250px) { /* line 711, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_section_origin .parallax_flair { right: auto; left: 685px; } } /* line 721, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_section_origin .parallax_box { width: 635px; } /* line 725, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_section_origin .parallax_content { padding: 7.5%; } /* line 730, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_section_flavour { z-index: 5; text-align: center; } /* line 734, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_section_flavour .parallax_flair { top: -85px; margin-right: 275px; } @media (max-width: 1000px) { /* line 734, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_parallax_elements .parallax_section_flavour .parallax_flair { right: auto; left: -50px; } } /* line 746, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_soil { position: relative; width: 100%; padding: 0 1rem; float: left; display: block; text-align: center; background-color: #5e2a17; background-position: left bottom; background-repeat: repeat; } /* line 757, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_soil:before { position: absolute; width: 100%; height: 350px; top: -250px; left: 0; display: block; content: ' '; background-position: center top; background-repeat: repeat-x; background-size: auto 100%; } /* line 770, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_soil .row_scroll { position: absolute; bottom: 100%; left: 0; margin-bottom: 1rem; padding-top: 3rem; color: #fff; display: block; } /* line 779, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_soil .row_scroll img { -webkit-animation: three_peaks_scroll 1s ease-in-out infinite; animation: three_peaks_scroll 1s ease-in-out infinite; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* line 785, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_soil .row_scroll p { position: relative; width: 100%; margin: 0; padding: 0; display: inline-block; font-weight: 700; font-size: 1rem; color: inherit; letter-spacing: -0.75px; text-transform: uppercase; text-shadow: 0 0 6px #000; text-shadow: 0 0 6px #000, 0 0 6px #000; font-family: "proxima-nova-alt", sans-serif; } /* line 802, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_soil .row_title { margin-bottom: 2.5rem; } /* line 805, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_soil .row_title img { margin-bottom: 2rem; } /* line 809, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_soil .row_title h2 { color: #c89605; } /* line 814, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_soil .row_button { margin-bottom: 2.5rem; } /* line 817, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_soil .row_button .three_peaks_button { text-transform: none; } /* line 820, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_soil .row_button .three_peaks_button:before { position: absolute; width: 100%; height: 100%; top: -2px; left: -2px; display: block; border: 2px solid #fff; content: ' '; -webkit-animation: three_peaks_button_glow 1.5s ease-out infinite; animation: three_peaks_button_glow 1.5s ease-out infinite; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform-origin: center center; -ms-transform-origin: center center; -webkit-transform-origin: center center; transform-origin: center center; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; } /* line 836, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_soil .row_button .three_peaks_button.active:before { display: none; } /* line 842, scss/fragments/_three_peaks.scss */ .three_peaks_wrapper .three_peaks_soil .row_image img { position: relative; width: 750px; max-width: 100%; margin: 0 auto; display: block; } @-webkit-keyframes three_peaks_scroll { 0% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -webkit-transform: translateY(-25%); transform: translateY(-25%); } 100% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); } } @keyframes three_peaks_scroll { 0% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); } 50% { -moz-transform: translateY(-25%); -ms-transform: translateY(-25%); -webkit-transform: translateY(-25%); transform: translateY(-25%); } 100% { -moz-transform: translateY(0%); -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%); } } @-webkit-keyframes three_peaks_button_glow { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } 75% { -moz-transform: scaleX(1.1) scaleY(1.3); -ms-transform: scaleX(1.1) scaleY(1.3); -webkit-transform: scaleX(1.1) scaleY(1.3); transform: scaleX(1.1) scaleY(1.3); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 100% { -moz-transform: scaleX(1.1) scaleY(1.3); -ms-transform: scaleX(1.1) scaleY(1.3); -webkit-transform: scaleX(1.1) scaleY(1.3); transform: scaleX(1.1) scaleY(1.3); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } @keyframes three_peaks_button_glow { 0% { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } 75% { -moz-transform: scaleX(1.1) scaleY(1.3); -ms-transform: scaleX(1.1) scaleY(1.3); -webkit-transform: scaleX(1.1) scaleY(1.3); transform: scaleX(1.1) scaleY(1.3); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } 100% { -moz-transform: scaleX(1.1) scaleY(1.3); -ms-transform: scaleX(1.1) scaleY(1.3); -webkit-transform: scaleX(1.1) scaleY(1.3); transform: scaleX(1.1) scaleY(1.3); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } } /* line 1, scss/fragments/_campaign-nutella.scss */ .chewycenter.nutella { padding-top: 0; } /* line 5, scss/fragments/_campaign-nutella.scss */ .campaign-nutella { width: 100%; display: table; margin: 0 auto; } /* line 10, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .container { max-width: 1400px; } /* line 14, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-banner { width: 100%; display: table; margin: 0 auto; text-align: center; height: 34em; background-color: #e4292a; background-repeat: no-repeat; background-position: top center; postition: relative; } @media (max-width: 40em) { /* line 14, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-banner { background-size: cover; height: 26em; } } @media (max-width: 30em) { /* line 14, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-banner { height: 25em; } } @media (max-width: 23.75em) { /* line 14, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-banner { height: 20em; } } /* line 38, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-banner .logo { padding-top: 7em; } @media (max-width: 40em) { /* line 38, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-banner .logo { padding-top: 2em; } } @media (max-width: 30em) { /* line 45, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-banner .logo img { width: 90%; } } /* line 53, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-banner .jar { position: absolute; left: 0; right: 0; z-index: 1; } @media (max-width: 40em) { /* line 53, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-banner .jar { top: 17.5em; } } @media (max-width: 23.75em) { /* line 53, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-banner .jar { top: 14em; } } @media (max-width: 40em) { /* line 67, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-banner .jar img { width: 70%; } } @media (max-width: 30em) { /* line 67, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-banner .jar img { width: 90%; } } /* line 81, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-logo { clear: both; width: 100%; display: table; text-align: center; background: #fff; } @media (max-width: 1100px) { /* line 81, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-logo { padding-top: 2em; } } @media (max-width: 47.938em) { /* line 81, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-logo { padding-top: 4em; } } @media (max-width: 23.75em) { /* line 81, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-logo { padding-top: 3em; padding-bottom: 1em; } } @media (max-width: 20em) { /* line 81, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-logo { padding-top: 2.5em; } } /* line 105, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-logo img { width: 100%; } /* line 110, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-donut { clear: both; width: 100%; display: table; text-align: center; height: 28em; background-color: #9fd9fa; postition: relative; z-index: 10; } @media (max-width: 47.938em) { /* line 110, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-donut { padding-bottom: 2em; } } /* line 125, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-donut .donut { width: 60%; position: absolute; top: 0; left: 0; z-index: 10; } @media (max-width: 1240px) { /* line 125, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-donut .donut { left: -19em !important; width: auto; } } @media (max-width: 62.44em) { /* line 125, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-donut .donut { left: -20em !important; } } @media (max-width: 54em) { /* line 125, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-donut .donut { left: -21em !important; } } @media (max-width: 47.938em) { /* line 125, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-donut .donut { left: 0 !important; width: 100%; position: relative; margin-bottom: -8em; } } @media (max-width: 40em) { /* line 125, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-donut .donut { margin-bottom: -4em; } } @media (max-width: 47.938em) { /* line 157, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-donut .donut:left { clear: both; float: none; } } @media (max-width: 47.938em) { /* line 166, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-donut .donut img { width: 100%; } } /* line 173, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-donut .copy { width: 40%; text-align: left; height: 28em; } @media (max-width: 1240px) { /* line 173, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-donut .copy { width: 60%; } } @media (max-width: 1040px) { /* line 173, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-donut .copy { width: 55%; } } @media (max-width: 62.44em) { /* line 173, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-donut .copy { width: 50%; } } @media (max-width: 54em) { /* line 173, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-donut .copy { width: 45%; } } @media (max-width: 47.938em) { /* line 173, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-donut .copy { width: 100%; height: 20em; } } @media (max-width: 30em) { /* line 173, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-donut .copy { height: 25em; } } /* line 208, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-bagel { clear: both; width: 100%; display: table; text-align: center; height: 28em; background-color: #fff; postition: relative; z-index: 3; } @media (max-width: 47.938em) { /* line 208, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-bagel { padding-bottom: 2em; } } /* line 222, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-bagel .bagel { width: 65%; position: absolute; top: 0; right: 0; } @media (max-width: 62.44em) { /* line 222, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-bagel .bagel { width: 70%; } } @media (max-width: 47.938em) { /* line 222, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-bagel .bagel { left: 0; width: 100%; position: relative; margin-bottom: -4em; } } @media (max-width: 40em) { /* line 222, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-bagel .bagel { margin-bottom: 0; } } @media (max-width: 47.938em) { /* line 244, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-bagel .bagel:right { clear: both; float: none; } } @media (max-width: 47.938em) { /* line 253, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-bagel .bagel img { width: 100%; } } /* line 260, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-bagel .copy { width: 35%; text-align: left; height: 28em; } @media (max-width: 62.44em) { /* line 260, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-bagel .copy { width: 30%; } } @media (max-width: 47.938em) { /* line 260, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-bagel .copy { width: 100%; height: 20em; } } @media (max-width: 30em) { /* line 260, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-bagel .copy { height: 25em; } } /* line 281, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-bagel .footnote { width: 20%; text-align: right; margin-top: -1em; } @media (max-width: 1160px) { /* line 281, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-bagel .footnote { width: 25%; } } @media (max-width: 62.44em) { /* line 281, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-bagel .footnote { width: auto; margin-top: 0; } } @media (max-width: 47.938em) { /* line 281, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-bagel .footnote { text-align: center; position: relative; top: 0; clear: both; right: 0; float: right; } } /* line 309, scss/fragments/_campaign-nutella.scss */ .campaign-nutella h5 { font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; font-size: 0.9em; line-height: 1.3em; font-weight: bold; text-transform: uppercase; color: #000; } /* line 318, scss/fragments/_campaign-nutella.scss */ .campaign-nutella h2 { font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; font-size: 2.3em; line-height: 1em; text-transform: uppercase; color: #000; padding: 0.1em 0 0; } /* line 326, scss/fragments/_campaign-nutella.scss */ .campaign-nutella h2:after { border-bottom: 5px solid #000; width: 1.7em; display: block; height: 0.5em; content: ""; } /* line 335, scss/fragments/_campaign-nutella.scss */ .campaign-nutella p { font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; color: #000; } /* line 340, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .footnote { position: absolute; top: 37em; right: 1em; color: #000; font-size: 0.7em; font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; } @media (max-width: 47.938em) { /* line 340, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .footnote { text-align: center; position: relative; top: 0; clear: both; right: 0; float: right; } } /* line 358, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-pastry { clear: both; width: 100%; display: table; text-align: center; height: 28em; background-color: #71c7f8; postition: relative; z-index: 10; } @media (max-width: 47.938em) { /* line 358, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-pastry { padding-bottom: 2em; } } /* line 373, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-pastry .pastry { width: 60%; position: absolute; top: 0; left: 0; z-index: 10; } @media (max-width: 1240px) { /* line 373, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-pastry .pastry { left: -19em !important; width: auto; } } @media (max-width: 62.44em) { /* line 373, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-pastry .pastry { left: -20em !important; } } @media (max-width: 54em) { /* line 373, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-pastry .pastry { left: -21em !important; } } @media (max-width: 47.938em) { /* line 373, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-pastry .pastry { left: 0 !important; width: 100%; position: relative; margin-bottom: -6em; } } @media (max-width: 40em) { /* line 373, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-pastry .pastry { margin-bottom: -2em; } } @media (max-width: 47.938em) { /* line 405, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-pastry .pastry:left { clear: both; float: none; } } @media (max-width: 47.938em) { /* line 414, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-pastry .pastry img { width: 100%; } } /* line 421, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-pastry .copy { width: 40%; text-align: left; height: 28em; } @media (max-width: 1240px) { /* line 421, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-pastry .copy { width: 60%; } } @media (max-width: 1040px) { /* line 421, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-pastry .copy { width: 55%; } } @media (max-width: 62.44em) { /* line 421, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-pastry .copy { width: 50%; } } @media (max-width: 54em) { /* line 421, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-pastry .copy { width: 45%; } } @media (max-width: 47.938em) { /* line 421, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-pastry .copy { width: 100%; height: 20em; } } @media (max-width: 30em) { /* line 421, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-pastry .copy { height: 25em; } } /* line 456, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-spread { width: 100%; display: table; margin: 0 auto; text-align: center; background-color: #411910; background-repeat: no-repeat; background-position: top center; postition: relative; } /* line 466, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-spread .logo { padding-top: 4em; } @media (max-width: 40em) { /* line 466, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-spread .logo { padding-top: 2em; } } @media (max-width: 30em) { /* line 473, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-spread .logo img { width: 90%; } } /* line 481, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-spread .hashtag { padding: 0.5em 0; font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; color: #fff; font-size: 3em; text-shadow: 2px 2px 2px #000; } @media (max-width: 40em) { /* line 481, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-spread .hashtag { font-size: 2em; } } @media (max-width: 30em) { /* line 481, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-spread .hashtag { font-size: 1.7em; } } /* line 497, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-spread .social-share { margin: 0 auto; padding-top: 1em; padding-bottom: 3em; } /* line 502, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-spread .social-share table { text-align: center; width: 280px; color: #fff; text-transform: uppercase; margin: 0 auto; font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; font-size: 0.9em; padding: 0; } /* line 514, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-spread .social-share td { border: 1px solid #fff; text-align: center; width: 50px; vertical-align: middle; padding: 0; height: 50px; text-transform: uppercase; } /* line 523, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-spread .social-share td a { display: table; } /* line 528, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-spread .social-share td a:hover#fb { background: #3d4ea9; } /* line 532, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-spread .social-share td a:hover#tw { background: #42a7e4; } /* line 540, scss/fragments/_campaign-nutella.scss */ .campaign-nutella .nutella-spread .social-share .text { width: 180px; } /* line 1, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 { position: relative; padding-bottom: 100px; overflow: hidden; background-color: #fff; background-position: center top; background-repeat: repeat; } /* line 9, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 h1, .nutella-2016 h2, .nutella-2016 h3 { margin: 0 0 0.5em 0; padding: 0; font-family: 'Nothing You Could Do', cursive; font-weight: 600; font-size: 2rem; color: #1e1e1e; line-height: 1.2; letter-spacing: -0.5px; } @media only screen and (max-width: 1000px) { /* line 9, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 h1, .nutella-2016 h2, .nutella-2016 h3 { font-size: 1.6rem; } } @media only screen and (max-width: 480px) { /* line 9, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 h1, .nutella-2016 h2, .nutella-2016 h3 { font-size: 1.3rem; } } /* line 28, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 p { margin: 0 0 1em 0; padding: 0; color: #323232; font-family: Verdana, Arial, 'Helvetica', sans-serif; font-size: 1rem; line-height: 1.65em; } @media only screen and (max-width: 480px) { /* line 28, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 p { font-size: 0.8rem; } } /* line 41, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 a { color: #ee3642; text-decoration: none; } /* line 45, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 a:hover, .nutella-2016 a:focus { text-decoration: underline; } /* line 50, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-header { max-width: 1200px; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } /* line 55, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-title { margin-top: 10%; } @media only screen and (max-width: 640px) { /* line 55, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-title { margin-top: 5%; } } /* line 63, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-heart { margin-right: 2%; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* line 67, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-heart:before { position: relative; width: 100%; height: 100%; padding-bottom: 100%; top: 0; left: 0; display: block; content: ' '; } /* line 78, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-heart:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; cursor: pointer; content: ' '; } /* line 89, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-heart img { position: absolute; width: 100%; height: 100%; max-width: none; max-height: none; bottom: 0; left: 0; display: block; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* line 102, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-heart .nutella-instructional-icon { width: auto; height: auto; max-width: 35%; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* line 111, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-heart .nutella-icon-drag { display: block; } /* line 115, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-heart .nutella-icon-tap { display: none; } /* line 120, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-heart.touch-enabled .nutella-icon-drag { display: none; } /* line 124, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-heart.touch-enabled .nutella-icon-tap { display: block; } /* line 129, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-heart .nutella-sunburst { width: 150%; height: 150%; top: -25%; left: -25%; } /* line 137, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-broken-heart, .nutella-2016 .nutella-mended-heart { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; } /* line 146, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-broken-heart { opacity: 1; } /* line 150, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-left-ventricle, .nutella-2016 .nutella-left-product { -moz-transform: translateX(-6%) translateY(-2%) rotate(-5deg); -ms-transform: translateX(-6%) translateY(-2%) rotate(-5deg); -webkit-transform: translateX(-6%) translateY(-2%) rotate(-5deg); transform: translateX(-6%) translateY(-2%) rotate(-5deg); } /* line 154, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-right-ventricle, .nutella-2016 .nutella-right-product { -moz-transform: translateX(6%) translateY(2%) rotate(5deg); -ms-transform: translateX(6%) translateY(2%) rotate(5deg); -webkit-transform: translateX(6%) translateY(2%) rotate(5deg); transform: translateX(6%) translateY(2%) rotate(5deg); } /* line 158, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-mended-heart { opacity: 0; } /* line 162, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-happy-product { -moz-transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); } /* line 166, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-spread { position: relative; width: 100%; height: 0; margin: 100px 0; padding-bottom: 1350px; background-color: transparent; background-position: center top; background-repeat: repeat-x; background-size: auto 100%; } @media only screen and (max-width: 1000px) { /* line 166, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-spread { padding-bottom: 400px; margin: 7.5% 0; } } @media only screen and (max-width: 600px) { /* line 166, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-spread { padding-bottom: 300px; } } @media only print { /* line 166, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-spread { display: none; } } /* line 190, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-spread.fix-ie { background: none; } /* line 193, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-spread.fix-ie .nutella-ie-fix { display: block; } /* line 199, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-ie-fix { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none; } /* line 208, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-hashtag { position: fixed; width: auto; max-width: none; height: 50%; top: 25%; left: 100%; margin: 0; padding: 0; display: block; -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); } @media only screen and (max-width: 1000px) { /* line 208, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-hashtag { position: absolute; width: 90%; height: auto; top: 50%; left: 5% !important; margin-top: -10%; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } } /* line 235, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-products { margin-top: 3rem; } /* line 239, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .row .nutella-product { margin-top: 4rem; } /* line 243, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-product { position: relative; margin-top: 4rem; display: block; } /* line 248, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-product h2, .nutella-2016 .nutella-product p { padding: 0 2rem; } /* line 252, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-product h2 { margin-top: -1em; } /* line 256, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-product small { font-size: 0.65em; } /* line 261, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-product-shot { position: absolute; top: 0; left: 55%; } @media only print { /* line 261, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-product-shot { display: none; } } /* line 271, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-product-donut .nutella-product-shot { top: 8%; left: -7.5%; } /* line 276, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-product-cookie .nutella-product-shot { top: 8%; left: -7.5%; } /* line 281, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-product-croissant .nutella-product-shot { top: 5%; left: 57.5%; } /* line 286, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-product-croissant .nutella-product-shot img { -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); transform: rotate(-30deg); -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* line 291, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-social-title { margin-top: 3rem; } /* line 294, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-social-title h3 { font-family: 'proxima-nova', Arial, 'Helvetica', sans-serif; font-weight: 700; margin: 0 0 0.33em 0; } /* line 301, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-social-aggregator { margin-top: 2rem; } /* line 304, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-social-aggregator .columns { padding-bottom: 1.875rem; } /* line 308, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-social-aggregator [data-template] { display: none; } /* line 315, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-social-aggregator.touchable .nutella-social-post:hover p, .nutella-2016 .nutella-social-aggregator.touchable .nutella-social-post:focus p { opacity: 0; } /* line 320, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-social-aggregator.touchable .touched .nutella-social-post p { opacity: 1; } /* line 326, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-social-post { position: relative; height: 0; width: 100%; padding-bottom: 100%; display: block; outline: none; overflow: hidden; box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.1); background-color: #fff; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; } /* line 340, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-social-post p, .nutella-2016 .nutella-social-post img { position: absolute; top: 0; left: 0; display: block; } /* line 347, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-social-post p { width: 100%; height: 100%; padding: 0.8rem; overflow: auto; opacity: 0; color: #fff; word-wrap: break-word; background-color: rgba(163, 203, 219, 0.9); -moz-transition: opacity 250ms ease; -o-transition: opacity 250ms ease; -webkit-transition: opacity 250ms ease; transition: opacity 250ms ease; } /* line 359, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-social-post .nutella-social-icon { display: none; } /* line 363, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-social-post:hover p, .nutella-2016 .nutella-social-post:focus p { opacity: 1; } /* line 368, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-social-tweet .nutella-social-post .nutella-icon-tweet { display: block; } /* line 372, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-social-instagram .nutella-social-post .nutella-icon-instagram { display: block; } /* line 376, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-social-button { position: relative; width: 12em; max-width: 100%; padding: 0.33em; margin: 2rem 0.5rem; display: inline-block; border: 3px solid #000; color: #000; font-family: 'proxima-nova', Arial, 'Helvetica', sans-serif; font-size: 20px; font-weight: 700; } /* line 390, scss/fragments/_campaign-nutella-2016.scss */ .nutella-2016 .nutella-next, .nutella-2016 .nutella-previous { display: none; } /* line 1, scss/fragments/_campaign-croissant.scss */ .chewycenter.campaign-croissant { padding-top: 0; } /* line 5, scss/fragments/_campaign-croissant.scss */ .campaign-croissant { position: relative; background: #a4d6da; } /* line 9, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .container { max-width: 1200px; } @media (max-width: 20em) { /* line 9, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .container { padding: 0 0.8em; } } /* line 17, scss/fragments/_campaign-croissant.scss */ .campaign-croissant h1 { color: #fff; font: 6em/1.6em "Sacramento", "proxima-nova-alt", arial, helvetica, sans-serif; text-align: center; position: relative; z-index: 1; padding: 0 1em; text-shadow: 1px 1px 0px #7ea2a4, -1px 1px 0px #7ea2a4, -1px -1px 0px #7ea2a4, 1px -1px 0px #7ea2a4, 2px 2px 0px #7ea2a4, -2px 2px 0px #7ea2a4, -2px -2px 0px #7ea2a4, 2px -2px 0px #7ea2a4, 1px 2px 0px #7ea2a4, 2px 0px 0px #7ea2a4, -2px 0px 0px #7ea2a4, 0px 2px 0px #7ea2a4, 0px -2px 0px #7ea2a4, 2px 1px 0px #7ea2a4, -2px 1px 0px #7ea2a4, 1px 2px 0px #7ea2a4, 1px -2px 0px #7ea2a4, 3px 1px 0px #7ea2a4, -3px 1px 0px #7ea2a4, 1px 3px 0px #7ea2a4, 1px -3px 0px #7ea2a4, 3px 2px 0px #7ea2a4, -3px 2px 0px #7ea2a4, 2px 3px 0px #7ea2a4, 2px -3px 0px #7ea2a4, 3px 0px 0px #7ea2a4, -3px 0px 0px #7ea2a4, 0px 3px 0px #7ea2a4, 0px -3px 0px #7ea2a4; } @media (max-width: 1200px) { /* line 17, scss/fragments/_campaign-croissant.scss */ .campaign-croissant h1 { font-size: 4em; line-height: 1em; } } @media (max-width: 40em) { /* line 17, scss/fragments/_campaign-croissant.scss */ .campaign-croissant h1 { font-size: 3em; } } /* line 51, scss/fragments/_campaign-croissant.scss */ .campaign-croissant h2 { clear: both; color: #fff; font: 3em/1em "proxima-nova-alt", arial, helvetica, sans-serif; font-weight: 100; letter-spacing: -1px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); padding-top: 0; } @media (max-width: 60em) { /* line 51, scss/fragments/_campaign-croissant.scss */ .campaign-croissant h2 { width: 75%; } } @media (max-width: 40em) { /* line 51, scss/fragments/_campaign-croissant.scss */ .campaign-croissant h2 { font-size: 2.5em; } } @media (max-width: 30em) { /* line 51, scss/fragments/_campaign-croissant.scss */ .campaign-croissant h2 { width: auto; font-size: 2em; } } /* line 75, scss/fragments/_campaign-croissant.scss */ .campaign-croissant h3 { clear: both; color: #87a4a7; text-transform: uppercase; font: 1.2em/1em "proxima-nova-alt", arial, helvetica, sans-serif; font-weight: 600; letter-spacing: 5px; padding-top: 0; } @media (max-width: 40em) { /* line 75, scss/fragments/_campaign-croissant.scss */ .campaign-croissant h3 { width: 50%; font-size: 1em; } } @media (max-width: 30em) { /* line 75, scss/fragments/_campaign-croissant.scss */ .campaign-croissant h3 { width: 75%; } } /* line 94, scss/fragments/_campaign-croissant.scss */ .campaign-croissant p { clear: both; font: 1.125em/1.2em "proxima-nova-alt", arial, helvetica, sans-serif; color: #303030; width: 50%; position: relative; z-index: 1; margin: 0; padding: 2em 0 1em; } @media (max-width: 40em) { /* line 94, scss/fragments/_campaign-croissant.scss */ .campaign-croissant p { font-size: 1em; width: 75%; } } /* line 110, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .hero-container { position: relative; } /* line 114, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .cta-croissant { padding: 6px; background: #e0e8e8; display: table; margin-bottom: 1em; text-decoration: none; } /* line 121, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .cta-croissant .cta-container { padding: 0.8em 1.2em; border: 2px solid #310008; color: #310008; font: 0.9em/1em "proxima-nova-alt", arial, helvetica, sans-serif; font-weight: 600; text-transform: uppercase; display: table; width: auto; position: relative; } @media (max-width: 30em) { /* line 121, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .cta-croissant .cta-container { width: 245px; } } /* line 136, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .cta-croissant .cta-container .cta-text { position: relative; } @media (max-width: 30em) { /* line 136, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .cta-croissant .cta-container .cta-text { width: 75%; text-align: left; } } /* line 146, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .cta-croissant .cta-container .triangle { margin-left: 10px; top: 3px; position: relative; float: right; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #310008; } @media (max-width: 30em) { /* line 146, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .cta-croissant .cta-container .triangle { float: none; position: absolute; right: -50px; top: 11px; } } /* line 168, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .cta-croissant .social-share { margin: 0 auto; } /* line 171, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .cta-croissant .social-share table { text-align: center; color: #310008; text-transform: uppercase; margin: 0 auto; font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; font-size: 0.9em; padding: 0; } /* line 182, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .cta-croissant .social-share td { border: 2px solid #310008; text-align: center; vertical-align: middle; border-right: none; color: #310008; font: 0.9em/1em "proxima-nova-alt", arial, helvetica, sans-serif; font-weight: 600; text-transform: uppercase; padding: 0; } /* line 193, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .cta-croissant .social-share td:last-child { border-right: 2px solid #310008; } /* line 197, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .cta-croissant .social-share td a { display: table; text-decoration: none; } /* line 201, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .cta-croissant .social-share td a#fb { background: #3d4ea9; } /* line 204, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .cta-croissant .social-share td a#fb img { width: 70%; } /* line 209, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .cta-croissant .social-share td a#tw { background: #42a7e4; } /* line 212, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .cta-croissant .social-share td a#tw img { width: 70%; } /* line 221, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .cta-croissant .social-share .text { padding: 0.8em 1.2em; width: 138px; } /* line 228, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .frame-title { position: relative; height: 38em; } @media (max-width: 47.938em) { /* line 228, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .frame-title { height: 42em; } } /* line 237, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .frame-title2 { position: relative; height: 18em; text-align: center; margin: 0 auto; } /* line 244, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section2 { clear: both; margin: 0 auto; width: 100%; display: table; position: relative; height: 38em; } @media (max-width: 1230px) { /* line 244, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section2 { background-position: -18em top !important; } } @media (max-width: 60em) { /* line 244, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section2 { background-position: -32em top !important; } } @media (max-width: 47.938em) { /* line 244, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section2 { height: 42em; } } @media (max-width: 40em) { /* line 244, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section2 { background-position: -44em top !important; } } @media (max-width: 23.75em) { /* line 244, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section2 { background-position: -50em top !important; } } /* line 273, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section2 .section2-content { margin: 0 auto; width: 100%; display: table; position: absolute; top: 0; height: 38em; } @media (max-width: 47.938em) { /* line 273, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section2 .section2-content { height: 42em; } } /* line 285, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section2 .section2-content h2 { color: #310008; } /* line 290, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section2 .section2-content h3 { color: #87a4a7; } @media (max-width: 47.938em) { /* line 294, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section2 .section2-content p { width: 50%; } } @media (max-width: 30em) { /* line 294, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section2 .section2-content p { width: 80%; } } /* line 309, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section2 .section2-shadow { margin: 0 auto; width: 100%; display: table; position: relative; height: 38em; -moz-box-shadow: inset 0 0 50px #000000; -webkit-box-shadow: inset 0 0 50px #000000; box-shadow: inset 0 0 50px #000000; opacity: 0.5; } @media (max-width: 47.938em) { /* line 309, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section2 .section2-shadow { height: 42em; } } /* line 326, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section3 { clear: both; margin: 0 auto; width: 100%; display: table; position: relative; height: 38em; } /* line 334, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section3 .section3-top, .campaign-croissant .section3 .section3-bottom { margin: 0 auto; height: 198px; } /* line 340, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section3 .section3-left { position: absolute; top: 0; left: 0; height: 600px; width: 250px; } @media (max-width: 1200px) { /* line 340, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section3 .section3-left { background-position: -6em top !important; } } @media (max-width: 40em) { /* line 340, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section3 .section3-left { background-position: -9em top !important; } } @media (max-width: 30em) { /* line 340, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section3 .section3-left { display: none; } } /* line 360, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section3 .section3-right { position: absolute; top: 0; right: 0; height: 600px; width: 250px; } @media (max-width: 1200px) { /* line 360, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section3 .section3-right { background-position: 6em top !important; } } @media (max-width: 40em) { /* line 360, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section3 .section3-right { background-position: 9em top !important; } } @media (max-width: 30em) { /* line 360, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section3 .section3-right { display: none; } } /* line 380, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section3 .section3-content { height: 18em; display: table; width: 100%; margin: 0 auto; } /* line 386, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section3 .section3-content p { text-align: center; width: 70%; margin: 0 auto; padding-top: 1em; } @media (max-width: 1200px) { /* line 386, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section3 .section3-content p { width: 50%; } } @media (max-width: 40em) { /* line 386, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section3 .section3-content p { width: 75%; } } @media (max-width: 30em) { /* line 386, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section3 .section3-content p { width: 100%; } } /* line 405, scss/fragments/_campaign-croissant.scss */ .campaign-croissant .section3 .section3-content h3 { color: #310008; } /* line 419, scss/fragments/_campaign-croissant.scss */ .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: #a4d6da; position: absolute; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } /* line 434, scss/fragments/_campaign-croissant.scss */ .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 2px; height: 9999px; left: 50%; margin-left: -0px; } /* line 442, scss/fragments/_campaign-croissant.scss */ .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -0px; } /* line 450, scss/fragments/_campaign-croissant.scss */ .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } /* line 459, scss/fragments/_campaign-croissant.scss */ .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } /* line 467, scss/fragments/_campaign-croissant.scss */ .twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } /* line 474, scss/fragments/_campaign-croissant.scss */ .twentytwenty-before-label:before, .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; } /* line 481, scss/fragments/_campaign-croissant.scss */ .twentytwenty-before-label:before, .twentytwenty-after-label:before { position: absolute; line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /* line 492, scss/fragments/_campaign-croissant.scss */ .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; } /* line 499, scss/fragments/_campaign-croissant.scss */ .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -45px; text-align: center; width: 90px; } /* line 507, scss/fragments/_campaign-croissant.scss */ .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; } /* line 517, scss/fragments/_campaign-croissant.scss */ .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } /* line 523, scss/fragments/_campaign-croissant.scss */ .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; } /* line 529, scss/fragments/_campaign-croissant.scss */ .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; margin-bottom: 2em; max-height: 975px; } /* line 540, scss/fragments/_campaign-croissant.scss */ .twentytwenty-container.view-desktop { max-height: 975px; } @media (max-width: 47.938em) { /* line 540, scss/fragments/_campaign-croissant.scss */ .twentytwenty-container.view-desktop { display: none; } } /* line 548, scss/fragments/_campaign-croissant.scss */ .twentytwenty-container.view-mobile { max-height: 750px; display: none; } @media (max-width: 47.938em) { /* line 548, scss/fragments/_campaign-croissant.scss */ .twentytwenty-container.view-mobile { display: block; } } /* line 561, scss/fragments/_campaign-croissant.scss */ .twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; width: 100%; } /* line 569, scss/fragments/_campaign-croissant.scss */ .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: transparent; } /* line 572, scss/fragments/_campaign-croissant.scss */ .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } /* line 578, scss/fragments/_campaign-croissant.scss */ .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* line 584, scss/fragments/_campaign-croissant.scss */ .twentytwenty-before-label { opacity: 0; } /* line 592, scss/fragments/_campaign-croissant.scss */ .twentytwenty-after-label { opacity: 0; } /* line 600, scss/fragments/_campaign-croissant.scss */ .twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; } /* line 604, scss/fragments/_campaign-croissant.scss */ .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } /* line 608, scss/fragments/_campaign-croissant.scss */ .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } /* line 612, scss/fragments/_campaign-croissant.scss */ .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } /* line 616, scss/fragments/_campaign-croissant.scss */ .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: transparent; z-index: 25; } /* line 628, scss/fragments/_campaign-croissant.scss */ .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } /* line 632, scss/fragments/_campaign-croissant.scss */ .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } /* line 636, scss/fragments/_campaign-croissant.scss */ .twentytwenty-before { z-index: 20; } /* line 640, scss/fragments/_campaign-croissant.scss */ .twentytwenty-after { z-index: 10; } /* line 644, scss/fragments/_campaign-croissant.scss */ .twentytwenty-handle { height: 100px; width: 100px; position: absolute; left: 50%; top: 88%; margin-left: -52px; margin-top: -22px; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; z-index: 40; cursor: pointer; } /* line 661, scss/fragments/_campaign-croissant.scss */ .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 45px; /* -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); */ } /* line 671, scss/fragments/_campaign-croissant.scss */ .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 45px; /* -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); */ } @media (max-width: 1250px) { /* line 671, scss/fragments/_campaign-croissant.scss */ .twentytwenty-horizontal .twentytwenty-handle:after { margin-top: 22px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { /* line 671, scss/fragments/_campaign-croissant.scss */ .twentytwenty-horizontal .twentytwenty-handle:after { margin-top: 22px; } } @media (max-width: 47.938em) { /* line 671, scss/fragments/_campaign-croissant.scss */ .twentytwenty-horizontal .twentytwenty-handle:after { margin-top: 22px; } } @media (max-width: 30em) { /* line 671, scss/fragments/_campaign-croissant.scss */ .twentytwenty-horizontal .twentytwenty-handle:after { margin-top: -3px; } } /* line 699, scss/fragments/_campaign-croissant.scss */ .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } /* line 707, scss/fragments/_campaign-croissant.scss */ .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); } /* line 716, scss/fragments/_campaign-croissant.scss */ .twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; display: none; } /* line 723, scss/fragments/_campaign-croissant.scss */ .twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; display: none; } /* line 730, scss/fragments/_campaign-croissant.scss */ .twentytwenty-up-arrow { border-bottom: 6px solid white; top: 50%; margin-top: -17px; } /* line 736, scss/fragments/_campaign-croissant.scss */ .twentytwenty-down-arrow { border-top: 6px solid white; bottom: 50%; margin-bottom: -17px; } /* line 1, scss/fragments/_campaign-oreocapp.scss */ .chewycenter.oreocapp { padding-top: 0; } /* line 5, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp { position: relative; width: 100%; display: table; margin: 0 auto; } /* line 10, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .container { max-width: 1000px; } /* line 13, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-banner { width: 100%; display: table; margin: 0 auto; text-align: left; height: 720px; background-size: cover; background-position: top; background-color: #dbf1ec; background-repeat: no-repeat; background-position: top center; postition: relative; } @media all and (max-width: 420px) { /* line 13, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-banner { background-size: cover; height: 26em; } } @media all and (min-width: 641px) { /* line 13, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-banner { background-size: cover; height: 46em; } } /* line 37, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-banner .product-front { position: absolute; top: 0; right: 0; } @media all and (max-width: 420px) { /* line 37, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-banner .product-front { width: 70%; bottom: 0; position: inherit; float: right; margin-top: -50px; } } @media all and (max-width: 768px) { /* line 37, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-banner .product-front { width: 60%; } } /* line 58, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-banner .copy { color: #aa6b33; font-size: 23px; margin-top: -20px; } @media all and (max-width: 420px) { /* line 58, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-banner .copy { font-size: 125%; } } @media all and (min-width: 641px) { /* line 58, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-banner .copy { width: 50%; } } /* line 73, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-banner .tagline { padding-top: 3em; } @media all and (min-width: 641px) { /* line 73, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-banner .tagline { width: 45%; } } /* line 82, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-whipped { clear: both; width: 100%; display: table; text-align: center; height: 440px; background-repeat: no-repeat; background-size: cover; background-color: #faf7f6; postition: relative; z-index: 10; } @media (max-width: 47.938em) { /* line 82, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-whipped { padding-bottom: 2em; } } /* line 96, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-whipped .copy { width: 35%; text-align: left; padding-top: 3em; height: 22em; } @media all and (max-width: 420px) { /* line 96, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-whipped .copy { padding-top: 35px; width: 100%; } } @media only screen and (device-width: 768px) { /* line 96, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-whipped .copy { width: 100%; } } @media only screen and (device-width: 1024px) { /* line 96, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-whipped .copy { width: 100%; } } /* line 118, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-whipped .copy h2 { font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; font-size: 2.3em; line-height: 1em; text-transform: uppercase; color: #2c211b; padding: 0.1em 0 0; } /* line 125, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-whipped .copy h2:after { border-bottom: 5px solid #2c211b; width: 1.7em; display: block; height: 0.5em; content: ""; } /* line 133, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-whipped .copy p { font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; color: #2c211b; } /* line 139, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-icedcapp { clear: both; width: 100%; display: table; text-align: center; height: 440px; background-repeat: no-repeat; background-size: cover; background-color: #4c2a18; postition: relative; z-index: 3; } @media all and (max-width: 420px) { /* line 139, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-icedcapp { background-size: cover; height: 26em; } } /* line 158, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-icedcapp .scroll-text { width: 100%; text-align: center; text-transform: uppercase; position: absolute; z-index: 0; } @media (max-width: 30em) { /* line 158, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-icedcapp .scroll-text { display: none; } } @media only screen and (device-width: 768px) { /* line 158, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-icedcapp .scroll-text { display: none; } } @media only screen and (device-width: 1024px) { /* line 158, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-icedcapp .scroll-text { display: none; } } /* line 174, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-icedcapp .scroll-text p { font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; color: #fff; font-size: 95%; } /* line 180, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-icedcapp .copy { width: 35%; text-align: left; padding-top: 3em; height: 22em; } @media all and (max-width: 420px) { /* line 180, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-icedcapp .copy { padding-top: 35px; width: 100%; } } @media all and (min-width: 641px) { /* line 180, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-icedcapp .copy { width: 35%; } } @media only screen and (device-width: 768px) { /* line 180, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-icedcapp .copy { width: 100%; } } @media only screen and (device-width: 1024px) { /* line 180, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-icedcapp .copy { width: 100%; } } /* line 207, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-icedcapp .copy h2 { font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; font-size: 2.3em; line-height: 1em; text-transform: uppercase; color: #fff; padding: 0.1em 0 0; } /* line 214, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-icedcapp .copy h2:after { border-bottom: 5px solid #fff; width: 1.7em; display: block; height: 0.5em; content: ""; } /* line 222, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-icedcapp .copy p { font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; color: #fff; } /* line 228, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-crumble { clear: both; width: 100%; display: table; text-align: center; height: 440px; background-color: #281601; postition: relative; z-index: 10; } @media (max-width: 47.938em) { /* line 228, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-crumble { padding-bottom: 2em; } } /* line 240, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-crumble .copy { width: 35%; text-align: left; padding-top: 3em; height: 22em; } @media all and (max-width: 420px) { /* line 240, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-crumble .copy { padding-top: 35px; width: 100%; } } /* line 252, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-crumble .copy h2 { font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; font-size: 2.3em; line-height: 1em; text-transform: uppercase; color: #fff; padding: 0.1em 0 0; } /* line 259, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-crumble .copy h2:after { border-bottom: 5px solid #fff; width: 1.7em; display: block; height: 0.5em; content: ""; } /* line 267, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-crumble .copy p { font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; color: #fff; } /* line 272, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-crumble .cookiesRight { padding-top: 3em; float: right; } @media all and (max-width: 420px) { /* line 272, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-crumble .cookiesRight { padding-top: 20px; } } /* line 281, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-herodunk { width: 100%; height: 0; padding-bottom: 43.76368%; background-repeat: no-repeat; background-size: cover; background-color: #fdfffe; background-position: top center; } @media all and (max-width: 420px) { /* line 281, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-herodunk { display: none; } } /* line 293, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-herodunk .icedCapp-cup { position: absolute; display: block; z-index: 50; bottom: -806px; margin-left: -230px; left: 50%; } /* line 302, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-herodunk .legal-copy { position: absolute; z-index: 8; width: 100%; text-align: center; font-size: 70%; } /* line 311, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-products { clear: both; width: 100%; display: table; height: 454px; background-repeat: no-repeat; background-size: cover; background-position: center; background-color: #faf7f6; z-index: 7; position: relative; } @media (max-width: 47.938em) { /* line 311, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-products { padding-bottom: 2em; } } /* line 326, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-products .copy { width: 35%; text-align: left; height: 22em; } @media all and (max-width: 420px) { /* line 326, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-products .copy { margin-top: -40px; width: 100%; } } /* line 338, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-products .copy h2 { font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; font-size: 2.3em; line-height: 1em; text-transform: uppercase; color: #fff; padding: 0.1em 0 0; } /* line 345, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-products .copy h2:after { border-bottom: 5px solid #fff; width: 1.7em; display: block; height: 0.5em; content: ""; } /* line 353, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-products .copy p { font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; color: #fff; } /* line 358, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-products .product-image { width: 58%; position: absolute; top: 0; left: 0; z-index: 10; } @media all and (max-width: 420px) { /* line 358, scss/fragments/_campaign-oreocapp.scss */ .campaign-oreocapp .oreocapp-products .product-image { width: 100%; position: inherit; float: right; margin-top: -60px; margin-bottom: -38px; } } /* line 378, scss/fragments/_campaign-oreocapp.scss */ #cookie { position: absolute; border-radius: 200px; width: 240px; height: 240px; display: none; margin-left: -120px; left: 50%; top: 0; z-index: 0; } @media (max-width: 1040px) { /* line 378, scss/fragments/_campaign-oreocapp.scss */ #cookie { width: 200px; height: 200px; margin-left: -100px; left: 50%; -webkit-transform: translateZ(0); } } @media all and (max-width: 420px) { /* line 378, scss/fragments/_campaign-oreocapp.scss */ #cookie { width: 0; height: 0; } } @media only screen and (device-width: 768px) { /* line 378, scss/fragments/_campaign-oreocapp.scss */ #cookie { width: 0; height: 0; } } @media only screen and (device-width: 1024px) { /* line 378, scss/fragments/_campaign-oreocapp.scss */ #cookie { width: 0; height: 0; } } /* line 414, scss/fragments/_campaign-oreocapp.scss */ #end { position: absolute; height: 800px; width: 100%; display: inline-block; } /* line 421, scss/fragments/_campaign-oreocapp.scss */ #start { margin-top: 700px; position: absolute; width: 100%; } /* line 427, scss/fragments/_campaign-oreocapp.scss */ #rollPath { margin-top: 460px; position: absolute; width: 100%; left: 0; } @media (max-width: 1040px) { /* line 427, scss/fragments/_campaign-oreocapp.scss */ #rollPath { margin-top: 500px; } } /* line 437, scss/fragments/_campaign-oreocapp.scss */ #cookieRoll { position: absolute; width: 240px; height: 240px; right: 100%; z-index: 5; background-size: contain; } @media all and (max-width: 420px) { /* line 437, scss/fragments/_campaign-oreocapp.scss */ #cookieRoll { display: none; } } @media only screen and (device-width: 768px) { /* line 437, scss/fragments/_campaign-oreocapp.scss */ #cookieRoll { display: none; } } @media only screen and (device-width: 1024px) { /* line 437, scss/fragments/_campaign-oreocapp.scss */ #cookieRoll { display: none; } } @media (max-width: 1040px) { /* line 437, scss/fragments/_campaign-oreocapp.scss */ #cookieRoll { width: 200px; height: 200px; background-size: contain; } } /* line 465, scss/fragments/_campaign-oreocapp.scss */ .TH-OREO-ICEDCAPP { z-index: 5 !important; } @media only screen and (device-width: 768px) { /* line 471, scss/fragments/_campaign-oreocapp.scss */ #mobileCookie { display: block; position: absolute; z-index: 5; width: 240px; margin-left: -120px; margin-bottom: 50px; left: 50%; margin-top: -20px; } } @media only screen and (device-width: 1024px) { /* line 484, scss/fragments/_campaign-oreocapp.scss */ #mobileCookie { display: block; position: absolute; z-index: 5; width: 240px; margin-left: -120px; margin-bottom: 50px; left: 50%; margin-top: -20px; } } @media all and (min-width: 1024px) { /* line 497, scss/fragments/_campaign-oreocapp.scss */ #mobileCookie { display: none; } } /* line 1, scss/fragments/_campaign-gcbs.scss */ .chewycenter.campaign-gcbs { padding-top: 0; background: transparent; font: 1em/1.2em "proxima-nova-alt", arial, helvetica, sans-serif !important; } /* line 11, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page { background: -moz-radial-gradient(center, ellipse cover, transparent 0%, rgba(0, 0, 0, 0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.65))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, transparent 0%, rgba(0, 0, 0, 0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, transparent 0%, rgba(0, 0, 0, 0.65) 100%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, transparent 0%, rgba(0, 0, 0, 0.65) 100%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } /* line 24, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page [class*="section-"] { padding-bottom: 0; } /* line 28, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page::before { content: 'mobile'; display: none; } @media only screen and (min-width: 1170px) { /* line 28, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page::before { content: 'desktop'; } } @media only screen and (min-width: 1170px) { /* line 37, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-outer { height: 100vh; } /* line 42, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-outer:nth-of-type(even) .half-block:first-of-type { left: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } /* line 51, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-outer:nth-of-type(odd) .half-block:nth-of-type(2) { left: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } /* line 60, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-outer:nth-of-type(odd) .half-block:first-of-type { right: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } /* line 69, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-outer:nth-of-type(even) .half-block:nth-of-type(2) { right: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } } /* line 82, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-outer:first-of-type .section-block { visibility: visible; height: 100%; } @media only screen and (min-width: 1170px) { /* line 82, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-outer:first-of-type .section-block { visibility: visible; } } /* line 93, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block { -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media only screen and (min-width: 1170px) { /* line 93, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block { position: fixed; width: 100%; min-height: 100vh; top: 0; left: 0; height: 100vh; box-shadow: 0 0 40px rgba(0, 0, 0, 0.7); visibility: hidden; } /* line 118, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block > * { visibility: visible; } } /* line 123, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block .inner { height: 100%; width: 100%; } /* line 127, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block .inner .vertical-align { z-index: 400; } /* line 132, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block .main-intro-section { height: 100%; } @media screen and (max-width: 1170px) { /* line 132, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block .main-intro-section { height: 38em; display: table; width: 100%; padding-top: 0; } } /* line 142, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block .main-intro-section .vertical-align { margin-top: 100px; } @media screen and (max-width: 1170px) { /* line 142, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block .main-intro-section .vertical-align { margin-top: 0; } } /* line 153, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block .half-block { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #ffffff; color: #000000; } @media only screen and (min-width: 1170px) { /* line 153, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block .half-block { height: 100vh !important; width: 50%; position: absolute; top: 0; } } @media screen and (max-width: 1170px) { /* line 153, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block .half-block { width: 50%; height: 45em; float: left; } } @media screen and (max-width: 47.938em) { /* line 153, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block .half-block { width: 100%; } } /* line 181, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block .half-block.content-text { margin: 0 auto; text-align: center; } @media screen and (max-width: 47.938em) { /* line 181, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block .half-block.content-text { height: auto; padding: 2em 0; } } /* line 190, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block .half-block.content-text .vertical-align { padding: 0 5%; } /* line 196, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block .half-block .vertical-align { margin-top: 149px; height: 100%; } @media screen and (max-width: 1170px) { /* line 196, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block .half-block .vertical-align { margin-top: 0; } } @media only screen and (max-width: 1024px) { /* line 196, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block .half-block .vertical-align { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); top: 0%; } } @media only screen and (max-width: 1024px) { /* line 216, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block .inner { overflow-x: hidden !important; overflow-y: hidden !important; background-position: top center !important; } } @media only screen and (max-width: 1024px) { /* line 227, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .one-page .section-block .section-outer :first-child { margin-bottom: 100px; } } @media screen and (max-width: 1170px) { /* line 246, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel2 .section-block .half-block, .campaign-gcbs #panel4 .section-block .half-block { float: right; } } /* line 258, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 .noon { position: absolute; bottom: 2em; left: 4em; } @media screen and (max-width: 1170px) { /* line 258, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 .noon { left: auto; right: 1em; bottom: 1em; } } @media screen and (max-width: 47.938em) { /* line 271, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 .half-block { display: none; } } /* line 279, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 .half-block.content-text .footnote { padding-bottom: 2em; } @media screen and (max-width: 47.938em) { /* line 279, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 .half-block.content-text .footnote { margin: 0; width: 50%; text-align: left; } } @media screen and (max-width: 23.75em) { /* line 279, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 .half-block.content-text .footnote { width: 80%; } } @media screen and (max-width: 47.938em) { /* line 277, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 .half-block.content-text { display: block !important; height: 55em; padding: 0; } /* line 298, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 .half-block.content-text .nitinh-vAlign { top: 0 !important; } } /* line 306, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 .half-block.content-text .noon { display: none !important; } @media screen and (max-width: 47.938em) { /* line 309, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 .half-block.content-text .noon.mobile { display: block !important; } } /* line 343, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 h1 { width: 20em; margin: 0 auto; } @media screen and (max-width: 1350px) { /* line 343, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 h1 { width: 90%; } } @media screen and (max-width: 47.938em) { /* line 343, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 h1 { width: 90%; } } /* line 358, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 p { margin: 0 auto; } @media screen and (max-width: 47.938em) { /* line 358, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 p { text-align: left; width: 50%; margin: 0; line-height: 1.3em; } } @media screen and (max-width: 40em) { /* line 358, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 p { width: 60%; } } @media screen and (max-width: 30em) { /* line 358, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 p { width: 80%; } } /* line 380, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 .social-share { position: relative; margin: 0 auto; width: 140px; text-align: center; display: table; padding-bottom: 3em; } @media screen and (max-width: 47.938em) { /* line 380, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 .social-share { margin: 0; } } /* line 392, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 .social-share a { clear: none; width: auto; float: left; display: block !important; margin: 0 0.5em; } @media screen and (max-width: 47.938em) { /* line 392, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #panel4 .social-share a { margin: 0 1em 0 0; } } /* line 408, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #home { position: relative; } @media screen and (max-width: 47.938em) { /* line 411, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #home .hero-title { width: 90%; } } /* line 423, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #home .scroll-down { margin: 0 auto; text-align: center; } @media (max-width: 1170px) { /* line 423, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #home .scroll-down { display: none !important; } } /* line 432, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #home .scroll-down .scroll-down-container { height: 80px; width: 50px; margin: 0 auto; text-align: center; padding-bottom: 1em; } /* line 440, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #home .scroll-down .scroll-down-container img { display: table; margin: 0 auto; position: relative; top: 8px; } /* line 450, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #home .scroll-down span { clear: both; color: #fff; padding-top: 1em; font-size: 18px; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); } /* line 460, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #home .noon { position: absolute; bottom: 2em; left: 1em; } @media screen and (max-width: 47.938em) { /* line 460, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs #home .noon { bottom: 1em; } } /* line 477, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs h1 { clear: both; color: #ac162c; font: 28px/1.2em "proxima-nova-alt", arial, helvetica, sans-serif; font-weight: 600; letter-spacing: 3px; text-transform: uppercase; padding-top: 0; margin: 2em auto 0; } @media screen and (max-width: 1350px) { /* line 477, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs h1 { width: 90%; } } @media screen and (max-width: 1170px) { /* line 477, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs h1 { font-size: 20px; } } /* line 497, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs h2 { clear: both; color: #fff; font: 24px/2em "proxima-nova-alt", arial, helvetica, sans-serif; font-weight: 600; letter-spacing: 3px; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); text-transform: uppercase; padding: 1em; width: 24em; text-align: center; margin: 0 auto; } @media screen and (max-width: 47.938em) { /* line 497, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs h2 { width: 90%; font-size: 20px; } } /* line 516, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs p { clear: both; font: 1.2em/1.8em "proxima-nova-alt", arial, helvetica, sans-serif; color: #000; font-weight: normal; position: relative; z-index: 1; margin: 1em auto 0; padding: 1em 0; text-align: center; width: 80%; } @media screen and (max-width: 1350px) { /* line 516, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs p { width: 90%; } } @media screen and (max-width: 47.938em) { /* line 533, scss/fragments/_campaign-gcbs.scss */ .campaign-gcbs .section-hero-title { width: 100%; } } /* line 554, scss/fragments/_campaign-gcbs.scss */ .fr .campaign-gcbs h1 { font: 600 24px/1em "proxima-nova-alt", arial, helvetica, sans-serif; } /* line 558, scss/fragments/_campaign-gcbs.scss */ .fr .campaign-gcbs h2 { font: 600 20px/2em "proxima-nova-alt", arial, helvetica, sans-serif; } /* line 562, scss/fragments/_campaign-gcbs.scss */ .fr .campaign-gcbs p { font: 1.2em/1.6em "proxima-nova-alt", arial, helvetica, sans-serif; } /* line 568, scss/fragments/_campaign-gcbs.scss */ .fr .campaign-gcbs #panel4 h1 { margin: 0 auto; } /* line 1, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 { padding-top: 0; font-family: 'proxima-nova', Arial, 'Helvetica', sans-serif; background-color: #fefef6; } /* line 6, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 h1, .eggs-benedict-2016 h2, .eggs-benedict-2016 h3 { font-family: 'proxima-nova', Arial, 'Helvetica', sans-serif; } /* line 10, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-header { position: relative; padding-top: 2rem; overflow: hidden; color: #fff; background-size: cover; background-position: center center; background-repeat: no-repeat; } /* line 19, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-header h1 { position: relative; width: 100%; padding: 0.5em 0.5em 0.75em 0.5em; display: inline-block; border: 3px solid #fff; font-size: 3.5rem; font-family: inherit; font-weight: 600; line-height: 1; color: inherit; text-shadow: -0.05em 0.05em 0.2em rgba(0, 0, 0, 0.3); letter-spacing: -1px; text-transform: uppercase; } /* line 34, scss/fragments/_campaign-eggs-benedict-2016.scss */ :lang(fr) .eggs-benedict-2016 .eggs-benedict-header h1 { padding-bottom: 2em; } @media only screen and (max-width: 1200px) { /* line 19, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-header h1 { font-size: 3rem; } } @media only screen and (max-width: 1000px) { /* line 19, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-header h1 { font-size: 2.5rem; } } @media only screen and (max-width: 767px) { /* line 19, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-header h1 { font-size: 2rem; } } @media only screen and (max-width: 600px) { /* line 19, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-header h1 { font-size: 1.5rem; } } @media only screen and (max-width: 480px) { /* line 19, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-header h1 { font-size: 1.25rem; } } /* line 58, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-header h1 span { position: relative; width: 100%; display: inline-block; color: #aa1f2e; line-height: inherit; } /* line 66, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-header h1 strong { position: relative; width: 100%; margin: 0 0 0.1em 0; display: inline-block; font-size: 1.75em; font-weight: 900; color: inherit; line-height: inherit; letter-spacing: 0; } /* line 81, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-header small { position: relative; width: 40%; margin-top: 1rem; display: inline-block; z-index: 2; font-size: 0.8rem; line-height: 1.1; text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5); } @media only screen and (max-width: 767px) { /* line 81, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-header small { position: absolute; width: 100%; left: 0; bottom: 0.25rem; display: block; text-align: center; } } @media only screen and (max-width: 480px) { /* line 81, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-header small { font-size: 0.65rem; } } /* line 105, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-header .eggs-benedict-product-shot { position: relative; max-width: 80%; margin-top: -17.5%; margin-right: -15%; float: right; display: block; z-index: 1; } @media only screen and (max-width: 767px) { /* line 105, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-header .eggs-benedict-product-shot { margin-top: -15%; } } /* line 120, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-content { padding: 4em 0; font-size: 1rem; } @media only screen and (max-width: 1000px) { /* line 120, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-content { font-size: 0.9rem; } } @media only screen and (max-width: 767px) { /* line 120, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-content { font-size: 0.72rem; } } @media only screen and (max-width: 600px) { /* line 120, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-content { font-size: 0.6rem; } } @media only screen and (max-width: 480px) { /* line 120, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-content { font-size: 0.5rem; } } @media only screen and (max-width: 360px) { /* line 120, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-content { font-size: 0.42rem; } } /* line 144, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-content .eggs-benedict-product-shot { position: relative; max-width: 80%; margin-top: -10%; margin-right: 5%; float: right; display: block; } /* line 154, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-box { padding: 2.5em 4em 4em 4em; font-size: 1em; border: 1px solid #c8c8c8; background-color: #fff; background-position: 0% 40%; background-repeat: repeat; } /* line 162, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-box h2 { margin: 0 0 0.66em 0; padding: 0; font-family: 'Pacifico', cursive; font-size: 4em; font-weight: 300; color: #dede54; line-height: 1; } /* line 172, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-box h3 { margin: 0 0 0.66em 0; padding: 0; font-size: 2em; font-weight: 900; color: #000; line-height: 1; } /* line 181, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-box p { margin: 0 0 2.5em 0; padding: 0; font-size: 1.1em; line-height: 1.5; color: #000; } @media only screen and (max-width: 600px) { /* line 181, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-box p { font-size: 1.66em; } } /* line 194, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-button { padding: 0.8em 2em; background-color: #dede54; font-size: 1em; font-weight: 500; color: #000; letter-spacing: 0.5px; text-transform: uppercase; text-decoration: none; transition: background-color 150ms ease; } /* line 205, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-button:after { width: 0; height: 0; margin-left: 0.5em; display: inline-block; vertical-align: 3%; border-style: solid; border-width: 0.3em 0 0.3em 0.3em; border-color: transparent transparent transparent #000; content: ""; } /* line 217, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-button:hover, .eggs-benedict-2016 .eggs-benedict-button:focus { background-color: #c9c850; color: #000; } @media only screen and (max-width: 600px) { /* line 194, scss/fragments/_campaign-eggs-benedict-2016.scss */ .eggs-benedict-2016 .eggs-benedict-button { font-size: 1.66em; } } /* line 7, scss/fragments/_product-steeped-tea.scss */ .fr .chewycenter.steeped-tea .banner-share .banner-content { padding-left: 0; } /* line 14, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea { padding-top: 0; background-color: #fef7e5; } /* line 18, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .gradient-light-brown { background: #bc2a30; box-shadow: 0 0 30px -10px rgba(0, 0, 0, 0.6) inset; } /* line 25, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .banner-share .banner-content { padding-left: 7em; } @media (max-width: 60em) { /* line 25, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .banner-share .banner-content { padding-left: 0; } } /* line 33, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .banner-share p { width: 85%; } @media (max-width: 54em) { /* line 33, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .banner-share p { width: 96%; } } @media (max-width: 47.938em) { /* line 33, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .banner-share p { width: 50%; } } /* line 52, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .text-accordion.nutrition-accordion.active .container:before { content: ""; } /* line 59, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .text-accordion.nutrition-accordion .container { max-width: 500px; } @media (max-width: 47.938em) { /* line 59, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .text-accordion.nutrition-accordion .container { max-width: auto; } } /* line 66, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .text-accordion.nutrition-accordion .container:before { content: ""; width: 29px; height: 29px; } /* line 75, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea { width: 100%; margin: 0 auto; background-position: top center; background-size: auto auto; /* Landcape */ /* Portrait */ } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { /* line 75, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea { background-size: 200% 150%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { /* line 75, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea { background-size: 250% 150%; } } /* line 91, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container { max-width: 800px; width: 100%; margin: 0 auto; display: table; padding: 5em 1em; /* Landcape */ /* Portrait */ } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { /* line 91, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container { width: 80%; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { /* line 91, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container { width: 100%; } } /* line 108, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box { position: relative; display: table; height: 150px; width: 100%; max-width: 800px; clear: both; margin-bottom: 2em; box-shadow: 4px 4px 4px 0px #ccc; } @media (max-width: 40em) { /* line 108, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box { height: 250px; } } @media (max-width: 23.75em) { /* line 108, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box { height: 300px; } } /* line 126, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content { position: absolute; top: 0; display: table; height: 150px; width: 100%; } @media (max-width: 40em) { /* line 126, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content { height: 250px; } } @media (max-width: 23.75em) { /* line 126, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content { height: 300px; } } /* line 141, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content a { color: #fff; text-decoration: underline; } /* line 147, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content p { float: right; font-size: 1em; line-height: 1.2em; color: #fff; text-shadow: 2px 2px 10px #000; padding: 1em 2em 0; position: relative; } @media (max-width: 23.75em) { /* line 147, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content p { font-size: 0.9em; } } /* line 161, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.one { background-position: 4em center !important; } @media (max-width: 40em) { /* line 161, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.one { background-position: center right !important; background-size: auto !important; } } /* line 170, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.one p { width: 70%; text-align: left; } @media (max-width: 47.938em) { /* line 170, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.one p { width: 80%; } } /* line 180, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.two { background-position: 4em -3em !important; } @media (max-width: 40em) { /* line 180, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.two { background-position: -3em top !important; background-size: auto auto !important; } } @media (max-width: 30em) { /* line 180, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.two { background-position: -7em top !important; background-size: auto auto !important; } } /* line 198, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.two p { width: 60%; text-align: right; color: #350e0f; text-shadow: none; } @media (max-width: 47.938em) { /* line 198, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.two p { width: 55%; position: absolute; bottom: 2em; right: 0; } } @media (max-width: 40em) { /* line 198, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.two p { width: 65%; } } /* line 217, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.three { background-position: 4em top !important; } @media (max-width: 47.938em) { /* line 217, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.three { background-position: right top !important; background-size: auto auto !important; } } @media (max-width: 40em) { /* line 217, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.three { background-position: center center !important; } } /* line 231, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.three p { width: 52%; text-align: right; color: #350e0f; text-shadow: 2px 2px 10px #fff; } @media (max-width: 47.938em) { /* line 231, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.three p { padding-top: 0; } } @media (max-width: 40em) { /* line 231, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.three p { padding-top: 1em; width: 80%; } } /* line 248, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.four { background-position: 4em top !important; } @media (max-width: 40em) { /* line 248, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.four { background-position: left top !important; } } /* line 256, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.four p { width: 70%; text-align: left; } @media (max-width: 47.938em) { /* line 256, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content.four p { width: 80%; text-align: center; } } /* line 267, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-content .logo-insert { position: absolute; right: 0; bottom: -6px; } /* line 274, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover { position: absolute; top: 0; display: table; height: 150px; width: 100%; } @media (max-width: 40em) { /* line 274, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover { height: 250px; } } @media (max-width: 23.75em) { /* line 274, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover { height: 300px; } } /* line 288, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle { width: 100%; height: 151px; background: #fbb54b; top: 0; z-index: 1; float: left; min-width: 100px !important; } @media (max-width: 40em) { /* line 288, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle { height: 251px; } } @media (max-width: 23.75em) { /* line 288, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle { height: 301px; } } /* line 305, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle .text { float: left; height: 100%; } @media (max-width: 40em) { /* line 305, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle .text { width: 80%; } } @media (max-width: 23.75em) { /* line 305, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle .text { width: 70%; } } /* line 317, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle .text p { vertical-align: middle; font-weight: bold; font-size: 2em; line-height: 1em; text-shadow: 0 1px 2px #ccc; margin: 0 0 0 1em; font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; color: #9b5a0a; } @media (max-width: 23.75em) { /* line 317, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle .text p { margin: 0 0 0 0.5em; } } /* line 333, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle.one { background: #fbb54b; } /* line 338, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle.one .text p { color: #9b5a0a; } /* line 344, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle.two { background: #e59c2f; } /* line 349, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle.two .text p { color: #9d5e0b; } /* line 355, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle.three { background: #d18718; } /* line 360, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle.three .text p { color: #89550a; } /* line 366, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle.four { background: #b36e05; } /* line 371, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle.four .text p { color: #623d05; } /* line 378, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle .trigger1 { width: 4em; float: right; cursor: pointer; height: 151px; text-align: center; position: relative; vertical-align: middle; } @media (max-width: 40em) { /* line 378, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle .trigger1 { height: 251px; } } @media (max-width: 23.75em) { /* line 378, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle .trigger1 { height: 301px; } } /* line 395, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle .trigger1 span { display: table; height: 100%; position: relative; text-align: center; vertical-align: middle; width: 100%; color: #fff; font-weight: bold; font-size: 5em; text-shadow: -3px 5px 10px #000; line-height: 150px; font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; } @media (max-width: 40em) { /* line 395, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle .trigger1 span { line-height: 250px; } } @media (max-width: 23.75em) { /* line 395, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .toggle .trigger1 span { line-height: 300px; } } /* line 422, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .trigger2 { width: 4em; float: left; cursor: pointer; height: 150px; text-align: center; position: relative; vertical-align: middle; background: #fbb54b; display: none; box-shadow: -2px -1px 0 -1px #999 inset; } @media (max-width: 40em) { /* line 422, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .trigger2 { height: 250px; } } @media (max-width: 23.75em) { /* line 422, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .trigger2 { height: 300px; } } /* line 442, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .trigger2 span { display: table; height: 100%; position: relative; vertical-align: middle; width: 100%; font-size: 5em; line-height: 150px; color: #9b5a0a; font-weight: bold; text-shadow: 0 1px 2px #ccc; font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; color: #fff !important; text-shadow: 3px 2px 10px #000; } @media (max-width: 40em) { /* line 442, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .trigger2 span { line-height: 250px; } } @media (max-width: 23.75em) { /* line 442, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .trigger2 span { line-height: 300px; } } /* line 467, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .trigger2.one { background: #fbb54b; } /* line 470, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .trigger2.one span { color: #9b5a0a; } /* line 475, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .trigger2.two { background: #e59c2f; } /* line 478, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .trigger2.two span { color: #9b5a0a; } /* line 483, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .trigger2.three { background: #d18718; } /* line 486, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .trigger2.three span { color: #89550a; } /* line 491, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .trigger2.four { background: #b36e05; } /* line 494, scss/fragments/_product-steeped-tea.scss */ .chewycenter.steeped-tea .product-steeped-tea .container .slider-box .slide-cover .trigger2.four span { color: #623d05; } /* line 517, scss/fragments/_product-steeped-tea.scss */ .fr .chewycenter.steeped-tea .text-accordion.nutrition-accordion .container { max-width: 600px; } /* line 1, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee { padding-top: 0; background-position: left top; background-repeat: repeat; position: relative; width: 100%; margin: 0 auto; display: table; } /* line 11, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .banner-share { padding-top: 0; height: 24em; } @media screen and (max-width: 767px) { /* line 11, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .banner-share { height: 35em; } } @media screen and (max-width: 640px) { /* line 11, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .banner-share { background-position: -8em top !important; } } @media screen and (max-width: 480px) { /* line 11, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .banner-share { background-position: -12em top !important; } } @media screen and (max-width: 380px) { /* line 11, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .banner-share { background-position: -15em top !important; } } /* line 31, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .banner-share .banner-content { padding-top: 4em; } @media screen and (max-width: 54em) { /* line 31, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .banner-share .banner-content { padding-top: 1em; } } @media screen and (max-width: 47.938em) { /* line 31, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .banner-share .banner-content { padding-top: 2em; } } /* line 44, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline { position: relative; width: 100%; padding-top: 1.4rem; float: left; display: block; text-align: center; background-color: transparent; background-position: left bottom; background-repeat: repeat-x; } /* line 59, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .container { max-width: 1200px; } @media (max-width: 47.938em) { /* line 59, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .container { padding: 0; } } /* line 67, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_title { position: relative; width: 70%; height: 2em; padding: none; margin: 5% auto 0; display: table; background-color: transparent; background-position: left top; background-repeat: repeat; background-size: auto 100%; } @media (max-width: 47.938em) { /* line 67, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_title { width: 80%; margin: 0 auto; padding: 1.3rem 0.5rem; } /* line 84, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_title img { width: 80%; } } /* line 92, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_subtitle { position: relative; width: 95%; padding: none; margin: -11% 0 14%; float: left; display: block; background: none; } @media (max-width: 47.938em) { /* line 92, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_subtitle { width: 80%; margin: -12% 0 22% 10%; padding: none; } } /* line 107, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_subtitle img { position: absolute; width: auto; top: -2.2rem; left: 10%; display: block; } @media (max-width: 1200px) { /* line 107, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_subtitle img { width: 14.9%; } } @media (max-width: 60em) { /* line 107, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_subtitle img { width: 15.9%; left: 6%; } } @media (max-width: 47.938em) { /* line 107, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_subtitle img { width: 22%; top: 100%; left: 0; margin-top: -1.6rem; } } /* line 133, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_content { position: relative; width: 100%; padding-bottom: 5rem; float: left; display: block; background: none; } /* line 145, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_row_left, .product-decaf-coffee .coffee_quality_timeline .timeline_row_right { position: relative; width: 100%; padding-bottom: 10%; float: left; display: block; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; } @media (max-width: 47.938em) { /* line 145, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_row_left, .product-decaf-coffee .coffee_quality_timeline .timeline_row_right { background-image: none; } } /* line 160, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_row_left h5, .product-decaf-coffee .coffee_quality_timeline .timeline_row_left p, .product-decaf-coffee .coffee_quality_timeline .timeline_row_right h5, .product-decaf-coffee .coffee_quality_timeline .timeline_row_right p { margin: 0; padding: 0; } @media (max-width: 47.938em) { /* line 145, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_row_left, .product-decaf-coffee .coffee_quality_timeline .timeline_row_right { padding-bottom: 0; } } /* line 172, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_row_right [data-module-role="video"] { float: right; } @media (max-width: 47.938em) { /* line 172, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_row_right [data-module-role="video"] { float: left; } } /* line 181, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_row_right [data-module-role="graphic"] { float: right; } @media (max-width: 47.938em) { /* line 181, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_row_right [data-module-role="graphic"] { float: left; } } /* line 190, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_row_cup { padding-bottom: 22%; } @media (max-width: 47.938em) { /* line 190, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_row_cup { padding-bottom: 0; padding-top: 5%; } } /* line 198, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_row_cup [data-module-role="graphic"] { margin: 9% 16% 0 0; } @media (max-width: 62.44em) { /* line 198, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_row_cup [data-module-role="graphic"] { margin: 9% 18% 0 0; } } @media (max-width: 54em) { /* line 198, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_row_cup [data-module-role="graphic"] { margin: 12% 18% 0; } } @media (max-width: 47.938em) { /* line 198, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline .timeline_row_cup [data-module-role="graphic"] { margin: 0; } } /* line 216, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="graphic"] { position: relative; margin: 0 5%; float: left; display: block; min-height: 10em; } @media (max-width: 1200px) { /* line 216, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="graphic"] { width: 32%; margin: 0 6%; } } @media (max-width: 47.938em) { /* line 216, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="graphic"] { width: 100%; margin: 0; clear: both; } } @media (max-width: 47.938em) { /* line 235, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="graphic"] img { margin-top: -1em; } } @media (max-width: 30em) { /* line 235, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="graphic"] img { width: 80%; } } /* line 246, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="graphic"] img.timeline_mobile_line { clear: both; position: relative; margin: -0.5em auto; display: none; } @media (max-width: 47.938em) { /* line 246, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="graphic"] img.timeline_mobile_line { display: table; } } @media (max-width: 30em) { /* line 246, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="graphic"] img.timeline_mobile_line { width: 65%; } } /* line 263, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] { position: relative; width: 30%; margin: 0 1%; float: left; display: table; } @media (max-width: 47.938em) { /* line 263, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] { width: 100%; margin: 0; } } @media (max-width: 23.75em) { /* line 275, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] img { width: 80%; } } /* line 281, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] img.timeline_mobile_line { position: relative; margin: 0.5rem 0 0 0; display: none; } @media (max-width: 47.938em) { /* line 281, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] img.timeline_mobile_line { display: inline-block; } } @media (max-width: 30em) { /* line 281, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] img.timeline_mobile_line { width: 65%; } } /* line 296, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] h5 { position: relative; padding: 0.8rem 0.1rem; margin: 0 0 0.75rem 0; width: 100%; float: left; display: block; color: #46030b; font-family: "laudatio", "Trebuchet MS", sans-serif; font-size: 0.9rem; font-weight: bold; background-color: transparent; background-position: left top; background-repeat: repeat; background-size: auto 100%; } @media (max-width: 47.938em) { /* line 296, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] h5 { width: 80%; margin: 0 10% 1rem 10%; } } /* line 318, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] [data-module-role="thumbnail"] { position: relative; width: 100%; float: left; display: block; cursor: pointer; border: 4px solid #fef7e5; box-shadow: 5px 5px 27px rgba(10, 10, 10, 0.75); } @media (max-width: 47.938em) { /* line 318, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] [data-module-role="thumbnail"] { border-left: 0; border-right: 0; } } /* line 332, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] [data-module-role="thumbnail"]:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; content: ' '; background-color: transparent; background-position: center center; background-repeat: no-repeat; -moz-transform: scale(0.75); -ms-transform: scale(0.75); -webkit-transform: scale(0.75); transform: scale(0.75); -moz-transition: -moz-transform 200ms ease; -o-transition: -o-transform 200ms ease; -webkit-transition: -webkit-transform 200ms ease; transition: transform 200ms ease; } @media (max-width: 47.938em) { /* line 332, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] [data-module-role="thumbnail"]:after { background-color: rgba(40, 40, 40, 0.5); -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } /* line 352, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] [data-module-role="thumbnail"]:hover:after { -moz-transform: scale(0.85); -ms-transform: scale(0.85); -webkit-transform: scale(0.85); transform: scale(0.85); } @media (max-width: 47.938em) { /* line 352, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] [data-module-role="thumbnail"]:hover:after { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } /* line 360, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] [data-module-role="thumbnail"] img { position: relative; width: 100%; float: left; display: block; } /* line 368, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] [data-module-role="sharing"] { position: relative; width: 100%; margin-top: 0.4rem; float: left; display: block; text-align: left; } @media (max-width: 47.938em) { /* line 368, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] [data-module-role="sharing"] { margin-top: -5rem; } } /* line 380, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] [data-module-role="sharing"] p, .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] [data-module-role="sharing"] a { position: relative; margin-right: 0.3rem; padding: 0.3rem; float: left; display: block; border-radius: 4px; color: #fff; font-size: 0.75rem; text-transform: uppercase; background-color: #b61f26; } @media (max-width: 47.938em) { /* line 380, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] [data-module-role="sharing"] p, .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] [data-module-role="sharing"] a { margin-right: 0; display: none; background-color: transparent; } } /* line 399, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] [data-module-role="sharing"] [data-share-type] { width: 1.6rem; height: 1.6rem; display: block; background-position: center center; background-repeat: no-repeat; background-size: 100%; } @media (max-width: 47.938em) { /* line 399, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee_quality_timeline [data-module-role="video"] [data-module-role="sharing"] [data-share-type] { width: 4rem; height: 4rem; display: block; } } /* line 417, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee [data-module="coffee_quality_modal"] { position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none; overflow: auto; z-index: 1338; background: rgba(0, 0, 0, 0.75); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } /* line 429, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee [data-module="coffee_quality_modal"] [data-module-role="container"] { position: relative; width: 800px; max-width: 90%; height: 0; margin: 0 auto; display: block; } /* line 437, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee [data-module="coffee_quality_modal"] [data-module-role="container"] iframe { position: absolute; width: 100%; height: 100%; top: 25%; left: 0; display: block; box-shadow: 0 0 4rem #000; background-color: #000; } /* line 448, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee [data-module="coffee_quality_modal"] [data-module-role="container"] [data-module-role="close"] { position: absolute; color: #fff; width: 1.5rem; height: 1.5rem; top: 25%; right: 0; margin-top: -1rem; margin-right: -0.9rem; display: block; font-size: 1.1rem; font-family: monospace; font-weight: bold; line-height: 1.5rem; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #000; border-radius: 50%; background-color: #6c0002; } /* line 471, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee-footnote { float: right; position: absolute; bottom: 8em; right: 0; } @media (max-width: 47.938em) { /* line 471, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee-footnote { position: relative; bottom: 0; padding: 1em; } } /* line 483, scss/fragments/_product-decaf-coffee.scss */ .product-decaf-coffee .coffee-footnote p { font-size: 0.6em; color: #350e0f; text-align: right; } /* line 497, scss/fragments/_product-decaf-coffee.scss */ .fr .product-decaf-coffee .banner-share h1 { font-size: 3em; } /* line 501, scss/fragments/_product-decaf-coffee.scss */ .fr .product-decaf-coffee .banner-share .banner-content { padding-top: 4em; } @media screen and (max-width: 62.44em) { /* line 501, scss/fragments/_product-decaf-coffee.scss */ .fr .product-decaf-coffee .banner-share .banner-content { padding-top: 2em; } } @media screen and (max-width: 47.938em) { /* line 501, scss/fragments/_product-decaf-coffee.scss */ .fr .product-decaf-coffee .banner-share .banner-content { padding-top: 2em; } } @media (max-width: 1200px) { /* line 516, scss/fragments/_product-decaf-coffee.scss */ .fr .product-decaf-coffee .timeline_title img { width: 80%; } } @media (max-width: 47.938em) { /* line 516, scss/fragments/_product-decaf-coffee.scss */ .fr .product-decaf-coffee .timeline_title img { width: 100%; } } @media (max-width: 47.938em) { /* line 528, scss/fragments/_product-decaf-coffee.scss */ .fr .product-decaf-coffee .timeline_subtitle { margin: -10% 0 22% 10%; } } /* line 11, scss/fragments/_caramel_iced_coffee.scss */ [data-module="cic_banner"] [data-module-role="frame"] { -moz-transform-origin: center center; -ms-transform-origin: center center; -webkit-transform-origin: center center; transform-origin: center center; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } /* line 17, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper { position: relative; width: 100%; float: left; display: block; overflow: hidden; } /* line 24, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper ::selection { background: #ad6022; } /* line 25, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper ::-moz-selection { background: #ad6022; } /* line 27, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section { position: relative; width: 100%; float: left; display: block; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; } /* line 38, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .section_container { position: relative; width: 1220px; max-width: 100%; margin: 0 auto; padding: 0 10px; display: block; } @media (max-width: 1180px) { /* line 38, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .section_container { padding: 0 10px; } } /* line 50, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .section_container:after { position: relative; width: 1px; height: 0; clear: both; display: block; pointer-events: none; font-size: 0; line-height: 0; content: ' '; } /* line 63, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_banner { text-transform: lowercase; background-color: #f0f0ee; font-size: 1rem; } @media (max-width: 60em) { /* line 63, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_banner { font-size: 0.95rem; } } @media (max-width: 54em) { /* line 63, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_banner { font-size: 0.85rem; } } @media (max-width: 47.938em) { /* line 63, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_banner { font-size: 0.75rem; } } @media (max-width: 40em) { /* line 63, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_banner { font-size: 0.65rem; text-shadow: 0 0 3em #fff; } /* line 84, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_banner:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; content: ' '; background-color: rgba(255, 255, 255, 0.25); } } @media (max-width: 30em) { /* line 63, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_banner { font-size: 0.55rem; } } @media (max-width: 23.75em) { /* line 63, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_banner { font-size: 0.45rem; } } /* line 104, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_banner .banner_title { position: relative; width: 100%; margin: 10% 0 13% 0; float: left; display: block; font-size: 1em; font-family: "proxima-nova", Arial, sans-serif; } /* line 113, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_banner .banner_title h2, .cic_wrapper .page_section_banner .banner_title h3, .cic_wrapper .page_section_banner .banner_title h4 { position: relative; width: 100%; margin: 0; padding: 0; float: left; clear: both; display: block; font-family: inherit; text-transform: lowercase; line-height: 0.9; } /* line 126, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_banner .banner_title h3, .cic_wrapper .page_section_banner .banner_title h4 { padding-left: 8.5%; } @media (max-width: 30em) { /* line 126, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_banner .banner_title h3, .cic_wrapper .page_section_banner .banner_title h4 { padding-left: 4%; } } /* line 134, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_banner .banner_title h4 { padding-left: 8.5%; color: #7c3618; font-size: 2.375em; font-weight: 300; letter-spacing: -0.25px; } /* line 141, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_banner .banner_title h4 strong { font-size: 1.1em; color: #ab162b; font-weight: 900; letter-spacing: -1.25px; text-transform: uppercase; } /* line 150, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_banner .banner_title h2 { color: #cd7e17; font-size: 8.25em; font-weight: 700; letter-spacing: -1.5px; } /* line 157, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_banner .banner_title h3 { padding-left: 8.5%; color: #7c3618; font-size: 5.4375em; font-weight: 300; letter-spacing: -1.25px; } /* line 164, scss/fragments/_caramel_iced_coffee.scss */ .fr .cic_wrapper .page_section_banner .banner_title h3 { margin-top: 0.25em; font-size: 2.5em; } /* line 172, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_banner .banner_sticker { position: absolute; width: 10em; right: 10px; top: 50%; margin-top: -5em; display: block; } /* line 181, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_banner small { position: absolute; right: 0.5em; bottom: 0.2em; display: block; color: #7c3618; font-size: 0.65rem; text-align: right; text-transform: none; text-shadow: none; } @media (max-width: 23.75em) { /* line 181, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_banner small { font-size: 0.5rem; } } /* line 198, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_game { background-color: #bb6f3b; } /* line 204, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-melt { position: absolute; width: 100%; top: 0; left: 0; display: block; } /* line 212, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message { position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 22.5% 3em 0 3em; display: block; overflow: hidden; z-index: 3; border-radius: 10px; color: #fff; font-size: 1rem; text-align: center; background-color: rgba(0, 0, 0, 0.5); font-family: "proxima-nova", Arial, sans-serif; } @media (max-width: 520px) { /* line 212, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message { padding: 20% 2em 0 2em; font-size: 0.75rem; } /* line 233, scss/fragments/_caramel_iced_coffee.scss */ .fr .cic_wrapper .game-container .game-message { padding: 20% 1em 0 1em; } } /* line 238, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message.game-end, .cic_wrapper .game-container .game-message.game-win { display: none; background-color: rgba(0, 0, 0, 0.75); } /* line 243, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message.game-start small { position: absolute; width: 100%; left: 0; bottom: 0.5rem; padding: 0 0.5rem; display: block; font-size: 0.8rem; } @media (max-width: 520px) { /* line 243, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message.game-start small { display: none; } } /* line 257, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message h2, .cic_wrapper .game-container .game-message h4, .cic_wrapper .game-container .game-message p { position: relative; width: 100%; margin: 0; padding: 0; color: inherit; font-family: inherit; } /* line 266, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message h2 { margin-bottom: 1.4em; font-size: 1.65em; font-weight: 700; line-height: 1em; } /* line 272, scss/fragments/_caramel_iced_coffee.scss */ .fr .cic_wrapper .game-container .game-message h2 { margin-bottom: 0.65em; } @media (max-width: 520px) { /* line 266, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message h2 { margin-bottom: 0.75em; } /* line 279, scss/fragments/_caramel_iced_coffee.scss */ .fr .cic_wrapper .game-container .game-message h2 { margin-bottom: 0.5em; } } /* line 285, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message h4 { margin-bottom: 1.2em; font-size: 1.2em; font-weight: 500; line-height: 1em; } @media (max-width: 520px) { /* line 285, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message h4 { margin-bottom: 0.8em; } } /* line 295, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message h4 strong { color: #cd7e17; font-weight: 700; } /* line 301, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message p { margin-bottom: 2em; font-size: 1em; letter-spacing: -0.5px; line-height: 1.6em; } /* line 307, scss/fragments/_caramel_iced_coffee.scss */ .fr .cic_wrapper .game-container .game-message p { margin-bottom: 1.5em; line-height: 1.4em; } @media (max-width: 520px) { /* line 301, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message p { margin-bottom: 1.25em; } /* line 315, scss/fragments/_caramel_iced_coffee.scss */ .fr .cic_wrapper .game-container .game-message p { line-height: 1.2em; margin-bottom: 1em; } } /* line 322, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message .game-button { margin-bottom: 1.25em; padding: 1em; display: inline-block; border: 2px solid #fff; color: #fff; font-size: 1em; font-weight: 700; text-transform: uppercase; text-decoration: none; background-color: #ab162b; -moz-transition: background-color 250ms ease; -o-transition: background-color 250ms ease; -webkit-transition: background-color 250ms ease; transition: background-color 250ms ease; } /* line 335, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message .game-button:hover { background-color: #c41a30; } @media (max-width: 520px) { /* line 322, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message .game-button { padding: 0.75em 1em; } /* line 342, scss/fragments/_caramel_iced_coffee.scss */ .fr .cic_wrapper .game-container .game-message .game-button { padding: 0.5em 0.75em; } } /* line 348, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message .game-share { position: relative; display: inline-block; border: 1px solid #fff; font-size: 0; } /* line 354, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message .game-share span { padding: 0.5rem 1rem 0 1rem; display: inline-block; font-size: 0.8rem; text-transform: uppercase; vertical-align: top; } @media (max-width: 520px) { /* line 354, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message .game-share span { padding: 0.7rem 0.5rem 0 0.5rem; font-size: 0.5rem; } } /* line 367, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message .game-share a { display: inline-block; border-left: 1px solid #fff; font-size: 0; -moz-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; -webkit-transition: background-color 300ms ease; transition: background-color 300ms ease; background-color: rgba(255, 255, 255, 0); } /* line 374, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-container .game-message .game-share a:hover { background-color: rgba(255, 255, 255, 0.15); } /* line 382, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-progress { position: relative; width: 100%; margin-top: 1rem; display: block; text-align: center; font-size: 0; } /* line 390, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-progress .progress-tier { position: relative; margin: 2px 0; padding: 0 7px 0 8px; display: inline-block; text-align: center; background-position: left center; background-repeat: no-repeat; } /* line 399, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-progress .progress-tier:first-child { padding-left: 0; background-image: none; } /* line 404, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-progress .progress-tier:last-child { padding-right: 0; } @media (max-width: 520px) { /* line 410, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-progress .progress-tier-1 { width: 100%; float: left; display: block; background-image: none; } /* line 417, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-progress .progress-tier-2 { background-image: none; } } @media (max-width: 23.75em) { /* line 423, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-progress .progress-tier-2 { width: 100%; float: left; display: block; background-image: none; } /* line 430, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-progress .progress-tier-3 { background-image: none; } } /* line 435, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-progress .progress-tile { position: relative; margin: 0 3px; width: 32px; height: 32px; display: inline-block; border-radius: 50%; background-color: #723117; } /* line 444, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-progress .progress-tile:first-child { margin-left: 0; } /* line 448, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-progress .progress-tile:last-child { margin-right: 0; } /* line 452, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-progress .progress-tile.tile-achieved .tile-inner { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -webkit-animation: cic_glow 800ms ease-out; animation: cic_glow 800ms ease-out; } /* line 459, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .game-progress .tile-inner { position: absolute; width: 100%; height: 100%; display: block; border-radius: 50%; background-color: #60250b; background-position: center center; background-repeat: no-repeat; background-size: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; -moz-transition: opacity 300ms ease-out; -o-transition: opacity 300ms ease-out; -webkit-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; } /* line 474, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_wood { padding: 2.25em 0 0.5em 0; color: #60250b; font-size: 2.25rem; text-align: center; background-color: #fff; background-position: center center; background-repeat: repeat; background-size: auto; } @media (max-width: 47.938em) { /* line 474, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_wood { padding-top: 2em; font-size: 1.75rem; } /* line 488, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_wood:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } } @media (max-width: 30em) { /* line 474, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_wood { padding-top: 1.75em; font-size: 1.25rem; } } /* line 498, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_wood:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; content: ' '; background-position: center center; background-repeat: no-repeat; } /* line 510, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_wood h2 { position: relative; width: 100%; margin-bottom: 1em; float: left; display: block; color: inherit; font-size: inherit; letter-spacing: -0.25px; font-family: "proxima-nova", Arial, sans-serif; } /* line 521, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_wood h2 strong { font-weight: 700; } /* line 526, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_wood img { margin-bottom: 2em; } /* line 530, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_wood small { position: relative; width: 100%; margin-bottom: 0.25em; float: left; display: block; color: inherit; font-size: 0.65rem; line-height: 1em; } /* line 540, scss/fragments/_caramel_iced_coffee.scss */ .cic_wrapper .page_section_wood small a { color: inherit; text-decoration: underline; } @-webkit-keyframes cic_glow { 0% { box-shadow: 0 0 0 #fff; } 25% { box-shadow: 0 0 14px #fff; } 35% { box-shadow: 0 0 14px #fff; } 100% { box-shadow: 0 0 0 #fff; } } @keyframes cic_glow { 0% { box-shadow: 0 0 0 #fff; } 25% { box-shadow: 0 0 14px #fff; } 35% { box-shadow: 0 0 14px #fff; } 100% { box-shadow: 0 0 0 #fff; } } /* line 2, scss/fragments/_campaign-reese-donut.scss */ .chewycenter.reese { padding-top: 0 !important; } /* line 6, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese { width: 100%; display: table; margin: 0 auto; } /* line 10, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .container { max-width: 1140px; } /* line 13, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-banner { width: 100%; display: table; margin: 0 auto; text-align: center; height: 35em; background-color: #ee692d; postition: relative; } @media (max-width: 40em) { /* line 13, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-banner { background-size: cover; height: 15em; } } @media (max-width: 30em) { /* line 13, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-banner { height: 15em; } } @media (max-width: 23.75em) { /* line 13, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-banner { height: 15em; } } /* line 31, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-banner .logo { padding-top: 7em; } @media (max-width: 40em) { /* line 31, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-banner .logo { padding-top: 2em; width: 100%; } } @media (max-width: 30em) { /* line 37, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-banner .logo img { width: 100%; } } /* line 43, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-banner .social { display: block; float: right; width: 75%; margin-top: 1%; text-align: right; position: absolute; z-index: 20; } /* line 52, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-banner .product { position: absolute; left: 0; right: 0; z-index: 1; } @media (max-width: 40em) { /* line 52, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-banner .product { width: 100%; float: left; clear: both; } } @media (max-width: 40em) { /* line 63, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-banner .product img { width: 95%; margin-top: 10px; } } @media (max-width: 47.938em) { /* line 63, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-banner .product img { width: 60%; margin-top: -20px; } } @media (max-width: 30em) { /* line 63, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-banner .product img { width: 95%; margin-top: 10px; } } /* line 83, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-chocolate { clear: both; width: 100%; display: table; text-align: center; height: 28em; postition: relative; z-index: 10; background-position: left; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } /* line 95, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-chocolate .container { max-width: 1140px; } @media (max-width: 47.938em) { /* line 83, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-chocolate { padding-bottom: 2em; } } /* line 103, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-chocolate .copy { width: 40%; text-align: left; padding: 0 20px 40px; height: auto; background-color: #451200; color: #fff; margin-top: 8%; } /* line 111, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-chocolate .copy h2 { font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; font-size: 2.3em; line-height: 1em; text-transform: uppercase; color: #fff; padding: 0.1em 0 0; } /* line 119, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-chocolate .copy p { font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; color: #fff; } @media (max-width: 1240px) { /* line 103, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-chocolate .copy { width: 60%; } } @media (max-width: 1040px) { /* line 103, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-chocolate .copy { width: 55%; } } @media (max-width: 62.44em) { /* line 103, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-chocolate .copy { width: 50%; } } @media (max-width: 54em) { /* line 103, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-chocolate .copy { margin-top: 8em; width: 100%; } } @media (max-width: 47.938em) { /* line 103, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-chocolate .copy { margin-top: 8em; width: 100%; } } @media (max-width: 30em) { /* line 103, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-chocolate .copy { margin-top: 8em; width: 100%; } } /* line 146, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .footnote { position: absolute; top: 37em; right: 1em; color: #000; font-size: 0.7em; font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; } @media (max-width: 47.938em) { /* line 146, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .footnote { text-align: center; position: relative; top: 0; clear: both; right: 0; float: right; } } /* line 162, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-bitesize { clear: both; width: 100%; display: table; text-align: center; height: auto; padding: 8% 0; background: #f8c412; /* Old browsers */ background: -moz-linear-gradient(top, #eab410 0%, #f8c412 26%, #f8c412 63%, #eab410 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eab410), color-stop(26%, #f8c412), color-stop(63%, #f8c412), color-stop(100%, #d39a0c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eab410 0%, #f8c412 26%, #f8c412 63%, #eab410 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eab410 0%, #f8c412 26%, #f8c412 63%, #eab410 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eab410 0%, #f8c412 26%, #f8c412 63%, #eab410 100%); /* IE10+ */ background: linear-gradient(to bottom, #eab410 0%, #f8c412 26%, #f8c412 63%, #eab410 100%); /* W3C */ postition: relative; z-index: 10; } /* line 192, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-bitesize .container { max-width: 1200px; } /* line 196, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-bitesize .bitesize { width: 60%; position: absolute; top: -40%; left: 0; z-index: 10; } @media (max-width: 1240px) { /* line 196, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-bitesize .bitesize { margin-top: 4em; margin-left: 1em; width: 50%; } } @media (max-width: 62.44em) { /* line 196, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-bitesize .bitesize { width: 50%; } } @media (max-width: 47.938em) { /* line 196, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-bitesize .bitesize { width: 50%; position: relative; margin-bottom: -6em; } } @media (max-width: 40em) { /* line 196, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-bitesize .bitesize { margin-bottom: -2em; width: 100%; } } @media (max-width: 47.938em) { /* line 219, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-bitesize .bitesize:left { clear: both; float: none; } } @media (max-width: 47.938em) { /* line 225, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-bitesize .bitesize img { width: 100%; } } /* line 231, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-bitesize .copy { width: 40%; text-align: left; height: 28em; padding: 0 20px 40px; height: auto; background-color: #ebb012; } /* line 239, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-bitesize .copy h2 { font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; font-size: 2.3em; line-height: 1em; text-transform: uppercase; color: #000; padding: 0.1em 0 0; } /* line 247, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-bitesize .copy p { font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; color: #000; } @media (max-width: 1240px) { /* line 231, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-bitesize .copy { width: 50%; } } @media (max-width: 1040px) { /* line 231, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-bitesize .copy { width: 50%; } } @media (max-width: 62.44em) { /* line 231, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-bitesize .copy { width: 50%; } } @media (max-width: 54em) { /* line 231, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-bitesize .copy { width: 50%; } } @media (max-width: 47.938em) { /* line 231, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-bitesize .copy { width: 50%; } } @media (max-width: 40em) { /* line 231, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-bitesize .copy { width: 100%; float: left; clear: both; } } @media (max-width: 30em) { /* line 231, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-bitesize .copy { width: 100%; float: left; clear: both; } } /* line 279, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-peanuts { clear: both; width: 100%; padding: 8% 0; display: table; text-align: center; height: auto; background-color: bisque; postition: relative; z-index: 10; background-position: bottom; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } /* line 293, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-peanuts .container { max-width: 1140px; } @media (max-width: 47.938em) { /* line 279, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-peanuts { padding-bottom: 2em; } } /* line 300, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-peanuts .copy { width: 40%; text-align: left; padding: 0 20px 40px; height: auto; background-color: #ebb012; } /* line 306, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-peanuts .copy h2 { font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; font-size: 2.3em; line-height: 1em; text-transform: uppercase; color: #000; padding: 0.1em 0 0; } /* line 314, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-peanuts .copy p { font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; color: #000; } @media (max-width: 1240px) { /* line 300, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-peanuts .copy { width: 60%; } } @media (max-width: 1040px) { /* line 300, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-peanuts .copy { width: 55%; } } @media (max-width: 62.44em) { /* line 300, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-peanuts .copy { width: 50%; } } @media (max-width: 54em) { /* line 300, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-peanuts .copy { width: 100%; } } @media (max-width: 47.938em) { /* line 300, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-peanuts .copy { width: 100%; } } @media (max-width: 30em) { /* line 300, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-peanuts .copy { width: 100%; } } /* line 339, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-outro { width: 100%; height: 26em; display: table; margin: 0 auto; text-align: center; background-color: #0076a3; background-repeat: no-repeat; background-position: bottom; background-size: cover; postition: relative; } /* line 350, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-outro .container { max-width: 900px; } /* line 353, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-outro .copy { width: 50%; text-align: center; height: auto; color: #fff; margin-top: 8%; } @media (max-width: 54em) { /* line 353, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-outro .copy { width: 45%; marginop: 3em; } } @media (max-width: 47.938em) { /* line 353, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-outro .copy { width: 100%; float: left; clear: both; margin-top: 0; } } @media (max-width: 30em) { /* line 353, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-outro .copy { width: 100%; float: left; clear: both; margin-top: 0; } } /* line 376, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-outro .copy h2 { font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; font-size: 2em; line-height: 1em; text-transform: uppercase; color: #fff; padding: 0.1em 0 0; font-weight: 700; } /* line 385, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-outro .copy .buttonCTA { display: block; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#751c24+0,b91c3f+31,b91c3f+74,751c24+100 */ background: #b91c3f; /* Old browsers */ background: -moz-linear-gradient(left, #751c24 0%, #b91c3f 31%, #b91c3f 74%, #751c24 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #751c24), color-stop(31%, #b91c3f), color-stop(74%, #b91c3f), color-stop(100%, #751c24)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #751c24 0%, #b91c3f 31%, #b91c3f 74%, #751c24 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #751c24 0%, #b91c3f 31%, #b91c3f 74%, #751c24 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #751c24 0%, #b91c3f 31%, #b91c3f 74%, #751c24 100%); /* IE10+ */ background: linear-gradient(to right, #751c24 0%, #b91c3f 31%, #b91c3f 74%, #751c24 100%); /* W3C */ padding: 15px 10px; color: #ffffff; font: 700 18px proxima-nova-alt; text-decoration: none; width: 50%; margin-left: 25%; border: 3px solid #d7b46b; outline: 4px solid #cb8b36; } /* line 418, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-outro .copy .buttonCTA:hover { background: #b91c3f; } @media (max-width: 54em) { /* line 385, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-outro .copy .buttonCTA { margin-left: 20%; width: 60%; } } /* line 428, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-outro .logo { padding-top: 4em; float: left; } @media (max-width: 40em) { /* line 428, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-outro .logo { padding-top: 2em; width: 100%; float: none; } } @media (max-width: 47.938em) { /* line 428, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-outro .logo { float: none; } } @media (max-width: 30em) { /* line 442, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-outro .logo img { width: 90%; } } /* line 448, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-outro .trademark { padding: 0.5em 0; font-family: 'proxima-nova-alt', 'Century Gothic', sans-serif; color: rgba(255, 255, 255, 0.43137); font-size: 0.9em; } @media (max-width: 40em) { /* line 448, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-outro .trademark { font-size: 0.5em; width: 41%; } } @media (max-width: 30em) { /* line 448, scss/fragments/_campaign-reese-donut.scss */ .campaign-reese .reese-outro .trademark { font-size: 0.5em; width: 100%; } } /* line 3, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps { position: relative; width: 100%; display: table; background: #192730; padding-bottom: 3em; } /* line 10, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper { width: 100%; } @media (max-width: 23.75em) { /* line 13, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .container { padding: 0; } } /* line 20, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .view-desktop { width: 100%; display: table; } @media (max-width: 47.938em) { /* line 20, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .view-desktop { display: none; } } /* line 29, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .view-mobile { width: 100%; display: none; } @media (max-width: 47.938em) { /* line 29, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .view-mobile { display: table; } } /* line 39, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper [data-module="poster-multimedia-modal"] { position: fixed; width: 100%; height: 100%; top: 0; left: 0; display: none; overflow: auto; z-index: 13380; background: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } /* line 51, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper [data-module="poster-multimedia-modal"] .modal-wrapper { position: relative; width: 900px; max-width: 90%; height: 0; margin: 0 auto; display: block; height: 550px; position: absolute; top: 10%; left: 0; right: 0; } /* line 64, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper [data-module="poster-multimedia-modal"] .modal-wrapper .trailer-title { margin-top: 10px; margin-bottom: -20px; text-align: center; } @media (max-width: 47.938em) { /* line 64, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper [data-module="poster-multimedia-modal"] .modal-wrapper .trailer-title { display: none; } } /* line 77, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper [data-module="poster-multimedia-modal"] [data-module-role="container"] { position: relative; width: 800px; max-width: 90%; height: 0; margin: 0 auto; display: block; } /* line 85, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper [data-module="poster-multimedia-modal"] [data-module-role="container"] .fluid-width-video-wrapper { padding-top: 56.25%; /* Landscape */ } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { /* line 85, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper [data-module="poster-multimedia-modal"] [data-module-role="container"] .fluid-width-video-wrapper { padding-top: 40%; } } /* line 93, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper [data-module="poster-multimedia-modal"] [data-module-role="container"] .fluid-width-video-wrapper iframe { position: absolute; width: 100%; height: 100%; top: 5%; left: 0; display: block; box-shadow: 0 0 4rem #000; background-color: #000; } /* line 104, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper [data-module="poster-multimedia-modal"] [data-module-role="container"] .fluid-width-video-wrapper [data-module-role="media-legend"] { clear: both; height: 3em; width: 100%; display: table; background: #9f0b1e; padding: 10px; position: absolute; top: 125%; /* Landscape */ /* Portrait */ } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { /* line 104, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper [data-module="poster-multimedia-modal"] [data-module-role="container"] .fluid-width-video-wrapper [data-module-role="media-legend"] { height: 5em; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { /* line 104, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper [data-module="poster-multimedia-modal"] [data-module-role="container"] .fluid-width-video-wrapper [data-module-role="media-legend"] { height: 5em; } } /* line 125, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper [data-module="poster-multimedia-modal"] [data-module-role="container"] .fluid-width-video-wrapper [data-module-role="media-legend"] [data-module-role="title"] { text-transform: uppercase; color: #fff; font-size: 0.8em; font-weight: 700; width: 100%; height: 30px; overflow: hidden; text-overflow: ellipsis; } /* line 135, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper [data-module="poster-multimedia-modal"] [data-module-role="container"] .fluid-width-video-wrapper [data-module-role="media-legend"] [data-module-role="title"] .download { float: right; width: 34px; height: 34px; background: #000; margin-left: 1em; cursor: pointer; display: none; } /* line 147, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper [data-module="poster-multimedia-modal"] [data-module-role="container"] .fluid-width-video-wrapper [data-module-role="close"] { position: absolute; top: -24px; right: 0; text-align: center; } /* line 158, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee { clear: both; position: relative; margin: 0 auto; text-align: center; display: table; width: 100%; padding-top: 20px; } @media (max-width: 47.938em) { /* line 158, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee { padding-top: 0; } } @media (max-width: 47.938em) { /* line 171, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee img { width: 100%; max-width: 540px; } } /* line 179, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container { width: 552px; height: 117px; margin: 0 auto; position: absolute; top: 216px; left: 0; right: 0; } /* line 189, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active { position: absolute; z-index: 10; height: 15px; width: 15px; top: 0; left: 0; } /* line 198, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light2, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light2-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light2, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light2-active { left: 56px; } /* line 203, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light3, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light3-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light3, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light3-active { left: 110px; } /* line 208, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light4, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light4-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light4, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light4-active { left: 162px; } /* line 213, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light5, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light5-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light5, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light5-active { left: 214px; } /* line 218, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light6, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light6-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light6, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light6-active { left: 266px; } /* line 223, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light7, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light7-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light7, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light7-active { left: 318px; } /* line 228, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light8, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light8-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light8, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light8-active { left: 370px; } /* line 233, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light9, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light9-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light9, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light9-active { left: 422px; } /* line 238, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light10, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light10-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light10, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light10-active { left: 478px; } /* line 243, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light11, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light11-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light11, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light11-active { left: 535px; } /* line 248, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light12, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light12-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light12, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light12-active { left: 535px; top: 50px; } /* line 254, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light13, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light13-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light13, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light13-active { left: 535px; top: 102px; } /* line 260, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light14, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light14-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light14, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light14-active { left: 478px; top: 102px; } /* line 266, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light15, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light15-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light15, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light15-active { left: 422px; top: 102px; } /* line 272, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light16, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light16-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light16, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light16-active { left: 370px; top: 102px; } /* line 278, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light17, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light17-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light17, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light17-active { left: 318px; top: 102px; } /* line 284, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light18, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light18-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light18, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light18-active { left: 266px; top: 102px; } /* line 290, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light19, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light19-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light19, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light19-active { left: 214px; top: 102px; } /* line 296, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light20, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light20-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light20, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light20-active { left: 162px; top: 102px; } /* line 302, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light21, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light21-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light21, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light21-active { left: 110px; top: 102px; } /* line 308, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light22, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light22-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light22, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light22-active { left: 56px; top: 102px; } /* line 314, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light23, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light23-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light23, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light23-active { left: 20; top: 102px; } /* line 320, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light24, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light.light24-active, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light24, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee .light-container .light-active.light24-active { left: 0; top: 50px; } /* line 332, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector { clear: both; margin: 0 auto; display: table; text-align: center; position: relative; top: -30px; } @media (max-width: 47.938em) { /* line 332, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector { width: 100%; max-width: 540px; top: 0; left: 10px; } } /* line 350, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector a { cursor: pointer; clear: both; margin: 0 auto; text-align: center; text-decoration: none; color: #fff; } /* line 358, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector a:hover { opacity: 0.75; } /* line 362, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector a img { border: none; margin: 1em; width: 35%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); } /* line 370, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector .container-mobile { width: 48%; float: left; margin: 0 auto; text-align: left; padding: 0 1em; } /* line 379, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector .container-mobile a img { width: auto; box-shadow: none; margin: 1em 0; float: left; } /* line 387, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector .container-mobile h2 { clear: both; font-family: Arial, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 1.2em; line-height: 1.2em; letter-spacing: 1px; color: #fff; position: relative; left: 5px; } @media (max-width: 30em) { /* line 387, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector .container-mobile h2 { font-size: 1em; } } /* line 404, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector .container-mobile p { clear: both; font-family: Arial, sans-serif; font-size: 1.2em; line-height: 1.2em; letter-spacing: 1px; color: #fff; position: relative; left: 5px; width: 50%; float: left; } @media (max-width: 40em) { /* line 404, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector .container-mobile p { width: 100%; } } /* line 420, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector .container-mobile p a { text-decoration: none; } /* line 423, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector .container-mobile p a.link { text-decoration: underline; margin-top: 1em; } @media (max-width: 47.938em) { /* line 430, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector .container-mobile .poster-social-wrapper { float: left; display: table; position: relative; width: 32%; } } @media (max-width: 40em) { /* line 430, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector .container-mobile .poster-social-wrapper { width: 100%; clear: both; } } /* line 444, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector .container-mobile .poster-social-wrapper .social-share { margin: 0 auto; } /* line 447, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector .container-mobile .poster-social-wrapper .social-share a { text-decoration: none; } /* line 450, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector .container-mobile .poster-social-wrapper .social-share a img { border: none; width: 50%; } @media (max-width: 40em) { /* line 450, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector .container-mobile .poster-social-wrapper .social-share a img { width: 3em; } } /* line 463, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .marquee-selector .container-mobile .btn-trailer-mobile { cursor: pointer; margin-top: 24px; } /* line 471, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .container-poster { padding: 0; width: 560px; margin: 0 auto; } @media (max-width: 47.938em) { /* line 471, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .container-poster { width: 100%; padding: 0 1em; background: #000; } } /* line 483, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .mb_YTVPlayer { display: block; transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform-style: preserve-3d; -ms-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; perspective: 1000; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); animation-timing-function: linear; } /* line 501, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .mb_YTVPlayer .mbYTP_wrapper { border-radius: 6px; } /* line 504, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .mb_YTVPlayer .mbYTP_wrapper iframe { max-width: 4000px !important; border-radius: 6px; height: 84%; } /* line 512, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .button-close { display: none; position: relative; margin: 0 auto; width: 560px; padding: 2em 0 1em; } /* line 519, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .button-close a { float: right; cursor: pointer; } /* line 525, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch { display: none; clear: both; height: 790px; width: 560px; position: relative; z-index: 5 !important; margin: 1em auto; border-radius: 6px; } /* line 536, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay { height: 790px; width: 560px; position: absolute; top: 0; z-index: 6; border-radius: 6px; } /* line 546, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper { position: absolute; height: 790px; width: 560px; position: absolute; top: 0; border-radius: 6px; z-index: 200; } /* line 555, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper { overflow: hidden; position: relative; top: 0; height: 723px; padding: 2.5em 2em 1em; } /* line 562, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-top-title, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-top-title { font-family: Arial, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 0.95em; line-height: 1.2em; letter-spacing: 1px; text-shadow: 0 0px 2px black, 0 0px 2px black; color: #fff; text-align: center; display: none; } /* line 576, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-top-title span.emp, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-top-title span.emp { font-style: italic; } /* line 582, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-ingredients, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-ingredients { position: absolute; bottom: 60px; font-family: "birch-std"; font-weight: 100; font-size: 1.4em; line-height: 1.2em; letter-spacing: 1px; text-shadow: 0 0px 2px black, 0 0px 2px black, 0 0px 2px black; color: #fff; text-align: center; margin: 0 auto; left: 0; right: 0; display: none; /* Portrait and Landscape */ } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { /* line 582, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-ingredients, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-ingredients { font-size: 1.2em; } } /* line 605, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-footer, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-footer { position: absolute; bottom: 0; width: 495px; } /* line 610, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-footer .poster-footer-left, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-footer .poster-footer-left { float: left; position: relative; left: 1em; z-index: 20; display: none; cursor: pointer; } /* line 618, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-footer .poster-footer-left[data-module-role="video"], .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-footer .poster-footer-left[data-module-role="video"] { cursor: pointer; } /* line 623, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-footer .poster-footer-middle, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-footer .poster-footer-middle { float: none; margin: 0 auto; position: absolute; font-family: Arial, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 1.3em; line-height: 1.2em; letter-spacing: 1px; text-shadow: 0 0px 2px black, 0 0px 2px black; color: #fff; text-align: center; left: 0; right: 0; margin-left: 10px; padding-top: 15px; display: none; } /* line 645, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-footer .poster-footer-middle span.emp, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-footer .poster-footer-middle span.emp { color: #40b5ff; } /* line 651, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-footer .poster-footer-right, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-footer .poster-footer-right { float: right; position: relative; right: 1em; display: none; } /* line 660, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-social-wrapper, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-social-wrapper { position: absolute; bottom: 0; margin: 0 auto; left: 0; right: 0; width: 100%; height: 67px; } @media (max-width: 47.938em) { /* line 660, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-social-wrapper, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-social-wrapper { float: right; position: relative; width: 40%; } } /* line 675, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-social-wrapper .social-share, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-social-wrapper .social-share { margin: 0 auto; } /* line 678, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-social-wrapper .social-share a, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-social-wrapper .social-share a { text-decoration: none; } /* line 681, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-social-wrapper .social-share a img, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-social-wrapper .social-share a img { border: none; } /* line 686, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-social-wrapper .social-share .site-audio, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-social-wrapper .social-share .site-audio { position: relative; float: left; padding-left: 1em; padding-right: 24%; } /* line 692, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-social-wrapper .social-share .site-audio .btn-play, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-social-wrapper .social-share .site-audio .btn-pause, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-social-wrapper .social-share .site-audio .btn-play, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-social-wrapper .social-share .site-audio .btn-pause { cursor: pointer; } /* line 697, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-social-wrapper .social-share .site-audio .btn-play, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-social-wrapper .social-share .site-audio .btn-play { display: none; } /* line 711, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast #video-overlay-frame-1 { height: 790px; width: 560px; border-radius: 6px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); } /* line 717, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast #video-overlay-frame-1 #mbYTP_video-overlay-frame-1 { min-width: 100%; border-radius: 6px; } /* line 729, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-top-title { text-shadow: 0 0px 2px #fff, 0 0px 2px #fff !important; color: #000 !important; } /* line 734, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-main-title { font-family: "century-old-style-std"; text-transform: uppercase; font-weight: 100; font-size: 2.4em; line-height: 1.3em; text-shadow: 0 0 2px black; color: #fff; text-align: center; position: absolute; top: 70px; left: 0; right: 0; } /* line 749, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-main-title .one { color: #ffae00; width: 100%; margin: 0 auto; text-align: center; left: 0; right: 0; clear: both; display: none; } /* line 760, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-main-title .two { width: 100%; margin: 0 auto; text-align: center; left: 0; right: 0; clear: both; display: none; } /* line 770, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-main-title .three { width: 100%; margin: 0 auto; text-align: center; left: 0; right: 0; clear: both; display: none; } /* line 781, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-wreath { position: absolute; top: 5em; width: 495px; } /* line 787, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-wreath .poster-wreath-left { float: left; position: relative; left: 1em; display: none; } /* line 794, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-wreath .poster-wreath-right { float: right; position: relative; right: 1em; display: none; } /* line 803, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-label { position: absolute; z-index: 2000; } /* line 807, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-label.poster-label-1 { top: 310px; left: 35px; display: none; } /* line 813, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-label.poster-label-2 { top: 547px; left: 72px; display: none; } /* line 819, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-label.poster-label-3 { top: 584px; left: 206px; display: none; } /* line 825, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-label a { font-family: Arial, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 0.95em; line-height: 1.2em; letter-spacing: 1px; text-shadow: 0 0px 2px #fff, 0 0px 2px #fff,0 0px 2px #fff; color: #000; text-decoration: none; } /* line 839, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .wrap-hover-1 { position: absolute; width: 100%; height: 150px; z-index: 20; top: 228px; } /* line 847, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .wrap-hover-2 { position: absolute; width: 100%; height: 150px; z-index: 20; top: 376px; } /* line 855, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .wrap-hover-3 { position: absolute; height: 150px; z-index: 20; top: 489px; width: 60%; right: 0; } /* line 864, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .wrap-hover { color: #ff0000 !important; } /* line 868, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-ingredients { text-shadow: 0 0px 2px #fff,0 0px 2px #fff,0 0px 2px #fff; font-weight: bold; color: #000; } /* line 882, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch #video-overlay-frame-2 { height: 790px; width: 560px; border-radius: 6px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); } /* line 889, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch #video-overlay-frame-2 #mbYTP_video-overlay-frame-2 { min-width: 100%; border-radius: 6px; } /* line 900, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper { padding: 2.5em 20px 1em !important; } /* line 903, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper { padding: 0 10px; overflow: hidden; height: 670px; position: relative; top: 0; } /* line 910, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-main-title { position: absolute; top: 42px; width: 495px; } /* line 915, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-main-title .one, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-main-title .two, .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-main-title .three { position: absolute; left: 1em; } /* line 922, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-main-title .one { top: -12px; display: none; } /* line 927, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-main-title .two { top: 42px; display: none; } /* line 932, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-main-title .three { right: 0; left: auto; top: 128px; display: none; } /* line 941, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-wreath { position: absolute; top: 25px; width: 495px; text-align: right; } /* line 947, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-wreath .poster-wreath-1 { display: none; float: right; margin-top: 2px; margin-left: 2px; } /* line 954, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-wreath .poster-wreath-2 { display: none; float: right; } /* line 959, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-wreath .poster-wreath-3 { display: none; float: right; } /* line 969, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-label { position: absolute; z-index: 2000; } /* line 973, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-label.poster-label-1 { top: 287px; left: 30px; display: none; } /* line 979, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-label.poster-label-2 { top: 515px; right: 21px; display: none; } /* line 985, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-label a { font-family: Arial, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 0.95em; line-height: 1.2em; letter-spacing: 1px; text-shadow: 0 0px 2px black, 0 0px 2px black; color: #fff; text-decoration: none; } /* line 1000, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-footer .poster-footer-middle { padding-top: 0; position: absolute; left: 147px; right: 0; } /* line 1008, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .wrap-hover-1 { position: absolute; width: 100%; height: 150px; z-index: 200; top: 228px; } /* line 1016, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .wrap-hover-2 { position: absolute; width: 100%; height: 150px; z-index: 200; top: 382px; } /* line 1024, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .wrap-hover { color: #ff0000 !important; } /* line 1028, scss/fragments/_campaign-grilled-wraps.scss */ .campaign-grilled-wraps .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-ingredients { font-size: 1.28em; bottom: 68px; } /* line 1056, scss/fragments/_campaign-grilled-wraps.scss */ .fr .campaign-grilled-wraps-wrapper [data-module="poster-multimedia-modal"] .modal-wrapper .trailer-title { opacity: 0; } /* line 1071, scss/fragments/_campaign-grilled-wraps.scss */ .fr .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-top-title, .fr .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-top-title { font-size: 0.85em; } /* line 1090, scss/fragments/_campaign-grilled-wraps.scss */ .fr .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-main-title { font-size: 2.3em; } /* line 1094, scss/fragments/_campaign-grilled-wraps.scss */ .fr .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-wreath { top: 58px; } /* line 1097, scss/fragments/_campaign-grilled-wraps.scss */ .fr .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-wreath .poster-wreath-left { left: 0; } /* line 1101, scss/fragments/_campaign-grilled-wraps.scss */ .fr .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-wreath .poster-wreath-right { right: 0; } /* line 1107, scss/fragments/_campaign-grilled-wraps.scss */ .fr .campaign-grilled-wraps-wrapper .poster-breakfast .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-ingredients { font-size: 1.15em; } /* line 1127, scss/fragments/_campaign-grilled-wraps.scss */ .fr .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-top-title { font-size: 0.8em; } /* line 1133, scss/fragments/_campaign-grilled-wraps.scss */ .fr .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-main-title .one { left: 0; } /* line 1137, scss/fragments/_campaign-grilled-wraps.scss */ .fr .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-main-title .two { left: 0; top: 32px; } /* line 1142, scss/fragments/_campaign-grilled-wraps.scss */ .fr .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-main-title .three { top: 70px; } /* line 1148, scss/fragments/_campaign-grilled-wraps.scss */ .fr .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-wreath { top: 14px; } /* line 1151, scss/fragments/_campaign-grilled-wraps.scss */ .fr .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-wreath .poster-wreath-2 { padding-right: 1em; } /* line 1155, scss/fragments/_campaign-grilled-wraps.scss */ .fr .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-wreath .poster-wreath-3 { display: none !important; } /* line 1160, scss/fragments/_campaign-grilled-wraps.scss */ .fr .campaign-grilled-wraps-wrapper .poster-lunch .poster-overlay .poster-overlay-wrapper .poster-content-wrapper .poster-overflow-wrapper .poster-ingredients { font-size: 1.16em; } /* line 1, scss/fragments/_foundation-grid.scss */ meta.foundation-version { font-family: "/5.5.3/"; } /* line 4, scss/fragments/_foundation-grid.scss */ meta.foundation-mq-small { font-family: "/only screen/"; width: 0; } /* line 8, scss/fragments/_foundation-grid.scss */ meta.foundation-mq-small-only { font-family: "/only screen and (max-width: 40em)/"; width: 0; } /* line 12, scss/fragments/_foundation-grid.scss */ meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.0625em)/"; width: 40.0625em; } /* line 16, scss/fragments/_foundation-grid.scss */ meta.foundation-mq-medium-only { font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/"; width: 40.0625em; } /* line 20, scss/fragments/_foundation-grid.scss */ meta.foundation-mq-large { font-family: "/only screen and (min-width:64.0625em)/"; width: 64.0625em; } /* line 24, scss/fragments/_foundation-grid.scss */ meta.foundation-mq-large-only { font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/"; width: 64.0625em; } /* line 28, scss/fragments/_foundation-grid.scss */ meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.0625em)/"; width: 90.0625em; } /* line 32, scss/fragments/_foundation-grid.scss */ meta.foundation-mq-xlarge-only { font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/"; width: 90.0625em; } /* line 36, scss/fragments/_foundation-grid.scss */ meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.0625em)/"; width: 120.0625em; } /* line 40, scss/fragments/_foundation-grid.scss */ meta.foundation-data-attribute-namespace { font-family: false; } /* line 43, scss/fragments/_foundation-grid.scss */ html { height: 100%; } /* line 46, scss/fragments/_foundation-grid.scss */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 53, scss/fragments/_foundation-grid.scss */ html, body { font-size: 100%; } /* line 57, scss/fragments/_foundation-grid.scss */ body { background: #fff; color: #222222; cursor: auto; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1.5; margin: 0; padding: 0; position: relative; } /* line 69, scss/fragments/_foundation-grid.scss */ a:hover { cursor: pointer; } /* line 72, scss/fragments/_foundation-grid.scss */ img { max-width: 100%; height: auto; } /* line 76, scss/fragments/_foundation-grid.scss */ img { -ms-interpolation-mode: bicubic; } /* line 79, scss/fragments/_foundation-grid.scss */ #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } /* line 90, scss/fragments/_foundation-grid.scss */ .left { float: left !important; } /* line 93, scss/fragments/_foundation-grid.scss */ .right { float: right !important; } /* line 96, scss/fragments/_foundation-grid.scss */ .clearfix:before, .clearfix:after { content: " "; display: table; } /* line 99, scss/fragments/_foundation-grid.scss */ .clearfix:after { clear: both; } /* line 102, scss/fragments/_foundation-grid.scss */ .hide { display: none; } /* line 105, scss/fragments/_foundation-grid.scss */ .invisible { visibility: hidden; } /* line 108, scss/fragments/_foundation-grid.scss */ .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 112, scss/fragments/_foundation-grid.scss */ img { display: inline-block; vertical-align: middle; } /* line 116, scss/fragments/_foundation-grid.scss */ textarea { height: auto; min-height: 50px; } /* line 120, scss/fragments/_foundation-grid.scss */ select { width: 100%; } /* line 123, scss/fragments/_foundation-grid.scss */ .row { margin: 0 auto; max-width: 72.5rem; width: 100%; } /* line 127, scss/fragments/_foundation-grid.scss */ .row:before, .row:after { content: " "; display: table; } /* line 130, scss/fragments/_foundation-grid.scss */ .row:after { clear: both; } /* line 132, scss/fragments/_foundation-grid.scss */ .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; } /* line 136, scss/fragments/_foundation-grid.scss */ .row.collapse .row { margin-left: 0; margin-right: 0; } /* line 139, scss/fragments/_foundation-grid.scss */ .row .row { margin: 0 -0.9375rem; max-width: none; width: auto; } /* line 143, scss/fragments/_foundation-grid.scss */ .row .row:before, .row .row:after { content: " "; display: table; } /* line 146, scss/fragments/_foundation-grid.scss */ .row .row:after { clear: both; } /* line 148, scss/fragments/_foundation-grid.scss */ .row .row.collapse { margin: 0; max-width: none; width: auto; } /* line 152, scss/fragments/_foundation-grid.scss */ .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } /* line 155, scss/fragments/_foundation-grid.scss */ .row .row.collapse:after { clear: both; } /* line 158, scss/fragments/_foundation-grid.scss */ .column, .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; } /* line 165, scss/fragments/_foundation-grid.scss */ .column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child { float: right; } /* line 171, scss/fragments/_foundation-grid.scss */ .column + .column.end, .columns + .column.end, .column + .columns.end, .columns + .columns.end { float: left; } @media only screen { /* line 179, scss/fragments/_foundation-grid.scss */ .small-push-0 { position: relative; left: 0; right: auto; } /* line 184, scss/fragments/_foundation-grid.scss */ .small-pull-0 { position: relative; right: 0; left: auto; } /* line 189, scss/fragments/_foundation-grid.scss */ .small-push-1 { position: relative; left: 8.33333%; right: auto; } /* line 194, scss/fragments/_foundation-grid.scss */ .small-pull-1 { position: relative; right: 8.33333%; left: auto; } /* line 199, scss/fragments/_foundation-grid.scss */ .small-push-2 { position: relative; left: 16.66667%; right: auto; } /* line 204, scss/fragments/_foundation-grid.scss */ .small-pull-2 { position: relative; right: 16.66667%; left: auto; } /* line 209, scss/fragments/_foundation-grid.scss */ .small-push-3 { position: relative; left: 25%; right: auto; } /* line 214, scss/fragments/_foundation-grid.scss */ .small-pull-3 { position: relative; right: 25%; left: auto; } /* line 219, scss/fragments/_foundation-grid.scss */ .small-push-4 { position: relative; left: 33.33333%; right: auto; } /* line 224, scss/fragments/_foundation-grid.scss */ .small-pull-4 { position: relative; right: 33.33333%; left: auto; } /* line 229, scss/fragments/_foundation-grid.scss */ .small-push-5 { position: relative; left: 41.66667%; right: auto; } /* line 234, scss/fragments/_foundation-grid.scss */ .small-pull-5 { position: relative; right: 41.66667%; left: auto; } /* line 239, scss/fragments/_foundation-grid.scss */ .small-push-6 { position: relative; left: 50%; right: auto; } /* line 244, scss/fragments/_foundation-grid.scss */ .small-pull-6 { position: relative; right: 50%; left: auto; } /* line 249, scss/fragments/_foundation-grid.scss */ .small-push-7 { position: relative; left: 58.33333%; right: auto; } /* line 254, scss/fragments/_foundation-grid.scss */ .small-pull-7 { position: relative; right: 58.33333%; left: auto; } /* line 259, scss/fragments/_foundation-grid.scss */ .small-push-8 { position: relative; left: 66.66667%; right: auto; } /* line 264, scss/fragments/_foundation-grid.scss */ .small-pull-8 { position: relative; right: 66.66667%; left: auto; } /* line 269, scss/fragments/_foundation-grid.scss */ .small-push-9 { position: relative; left: 75%; right: auto; } /* line 274, scss/fragments/_foundation-grid.scss */ .small-pull-9 { position: relative; right: 75%; left: auto; } /* line 279, scss/fragments/_foundation-grid.scss */ .small-push-10 { position: relative; left: 83.33333%; right: auto; } /* line 284, scss/fragments/_foundation-grid.scss */ .small-pull-10 { position: relative; right: 83.33333%; left: auto; } /* line 289, scss/fragments/_foundation-grid.scss */ .small-push-11 { position: relative; left: 91.66667%; right: auto; } /* line 294, scss/fragments/_foundation-grid.scss */ .small-pull-11 { position: relative; right: 91.66667%; left: auto; } /* line 299, scss/fragments/_foundation-grid.scss */ .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } /* line 306, scss/fragments/_foundation-grid.scss */ .small-1 { width: 8.33333%; } /* line 309, scss/fragments/_foundation-grid.scss */ .small-2 { width: 16.66667%; } /* line 312, scss/fragments/_foundation-grid.scss */ .small-3 { width: 25%; } /* line 315, scss/fragments/_foundation-grid.scss */ .small-4 { width: 33.33333%; } /* line 318, scss/fragments/_foundation-grid.scss */ .small-5 { width: 41.66667%; } /* line 321, scss/fragments/_foundation-grid.scss */ .small-6 { width: 50%; } /* line 324, scss/fragments/_foundation-grid.scss */ .small-7 { width: 58.33333%; } /* line 327, scss/fragments/_foundation-grid.scss */ .small-8 { width: 66.66667%; } /* line 330, scss/fragments/_foundation-grid.scss */ .small-9 { width: 75%; } /* line 333, scss/fragments/_foundation-grid.scss */ .small-10 { width: 83.33333%; } /* line 336, scss/fragments/_foundation-grid.scss */ .small-11 { width: 91.66667%; } /* line 339, scss/fragments/_foundation-grid.scss */ .small-12 { width: 100%; } /* line 342, scss/fragments/_foundation-grid.scss */ .small-offset-0 { margin-left: 0 !important; } /* line 345, scss/fragments/_foundation-grid.scss */ .small-offset-1 { margin-left: 8.33333% !important; } /* line 348, scss/fragments/_foundation-grid.scss */ .small-offset-2 { margin-left: 16.66667% !important; } /* line 351, scss/fragments/_foundation-grid.scss */ .small-offset-3 { margin-left: 25% !important; } /* line 354, scss/fragments/_foundation-grid.scss */ .small-offset-4 { margin-left: 33.33333% !important; } /* line 357, scss/fragments/_foundation-grid.scss */ .small-offset-5 { margin-left: 41.66667% !important; } /* line 360, scss/fragments/_foundation-grid.scss */ .small-offset-6 { margin-left: 50% !important; } /* line 363, scss/fragments/_foundation-grid.scss */ .small-offset-7 { margin-left: 58.33333% !important; } /* line 366, scss/fragments/_foundation-grid.scss */ .small-offset-8 { margin-left: 66.66667% !important; } /* line 369, scss/fragments/_foundation-grid.scss */ .small-offset-9 { margin-left: 75% !important; } /* line 372, scss/fragments/_foundation-grid.scss */ .small-offset-10 { margin-left: 83.33333% !important; } /* line 375, scss/fragments/_foundation-grid.scss */ .small-offset-11 { margin-left: 91.66667% !important; } /* line 378, scss/fragments/_foundation-grid.scss */ .small-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } /* line 385, scss/fragments/_foundation-grid.scss */ .column.small-centered, .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } /* line 391, scss/fragments/_foundation-grid.scss */ .column.small-uncentered, .columns.small-uncentered { float: left; margin-left: 0; margin-right: 0; } /* line 397, scss/fragments/_foundation-grid.scss */ .column.small-centered:last-child, .columns.small-centered:last-child { float: none; } /* line 401, scss/fragments/_foundation-grid.scss */ .column.small-uncentered:last-child, .columns.small-uncentered:last-child { float: left; } /* line 405, scss/fragments/_foundation-grid.scss */ .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right; } /* line 409, scss/fragments/_foundation-grid.scss */ .row.small-collapse > .column, .row.small-collapse > .columns { padding-left: 0; padding-right: 0; } /* line 413, scss/fragments/_foundation-grid.scss */ .row.small-collapse .row { margin-left: 0; margin-right: 0; } /* line 416, scss/fragments/_foundation-grid.scss */ .row.small-uncollapse > .column, .row.small-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } } @media only screen and (min-width: 40.0625em) { /* line 422, scss/fragments/_foundation-grid.scss */ .medium-push-0 { position: relative; left: 0; right: auto; } /* line 427, scss/fragments/_foundation-grid.scss */ .medium-pull-0 { position: relative; right: 0; left: auto; } /* line 432, scss/fragments/_foundation-grid.scss */ .medium-push-1 { position: relative; left: 8.33333%; right: auto; } /* line 437, scss/fragments/_foundation-grid.scss */ .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } /* line 442, scss/fragments/_foundation-grid.scss */ .medium-push-2 { position: relative; left: 16.66667%; right: auto; } /* line 447, scss/fragments/_foundation-grid.scss */ .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } /* line 452, scss/fragments/_foundation-grid.scss */ .medium-push-3 { position: relative; left: 25%; right: auto; } /* line 457, scss/fragments/_foundation-grid.scss */ .medium-pull-3 { position: relative; right: 25%; left: auto; } /* line 462, scss/fragments/_foundation-grid.scss */ .medium-push-4 { position: relative; left: 33.33333%; right: auto; } /* line 467, scss/fragments/_foundation-grid.scss */ .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } /* line 472, scss/fragments/_foundation-grid.scss */ .medium-push-5 { position: relative; left: 41.66667%; right: auto; } /* line 477, scss/fragments/_foundation-grid.scss */ .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } /* line 482, scss/fragments/_foundation-grid.scss */ .medium-push-6 { position: relative; left: 50%; right: auto; } /* line 487, scss/fragments/_foundation-grid.scss */ .medium-pull-6 { position: relative; right: 50%; left: auto; } /* line 492, scss/fragments/_foundation-grid.scss */ .medium-push-7 { position: relative; left: 58.33333%; right: auto; } /* line 497, scss/fragments/_foundation-grid.scss */ .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } /* line 502, scss/fragments/_foundation-grid.scss */ .medium-push-8 { position: relative; left: 66.66667%; right: auto; } /* line 507, scss/fragments/_foundation-grid.scss */ .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } /* line 512, scss/fragments/_foundation-grid.scss */ .medium-push-9 { position: relative; left: 75%; right: auto; } /* line 517, scss/fragments/_foundation-grid.scss */ .medium-pull-9 { position: relative; right: 75%; left: auto; } /* line 522, scss/fragments/_foundation-grid.scss */ .medium-push-10 { position: relative; left: 83.33333%; right: auto; } /* line 527, scss/fragments/_foundation-grid.scss */ .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } /* line 532, scss/fragments/_foundation-grid.scss */ .medium-push-11 { position: relative; left: 91.66667%; right: auto; } /* line 537, scss/fragments/_foundation-grid.scss */ .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } /* line 542, scss/fragments/_foundation-grid.scss */ .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } /* line 549, scss/fragments/_foundation-grid.scss */ .medium-1 { width: 8.33333%; } /* line 552, scss/fragments/_foundation-grid.scss */ .medium-2 { width: 16.66667%; } /* line 555, scss/fragments/_foundation-grid.scss */ .medium-3 { width: 25%; } /* line 558, scss/fragments/_foundation-grid.scss */ .medium-4 { width: 33.33333%; } /* line 561, scss/fragments/_foundation-grid.scss */ .medium-5 { width: 41.66667%; } /* line 564, scss/fragments/_foundation-grid.scss */ .medium-6 { width: 50%; } /* line 567, scss/fragments/_foundation-grid.scss */ .medium-7 { width: 58.33333%; } /* line 570, scss/fragments/_foundation-grid.scss */ .medium-8 { width: 66.66667%; } /* line 573, scss/fragments/_foundation-grid.scss */ .medium-9 { width: 75%; } /* line 576, scss/fragments/_foundation-grid.scss */ .medium-10 { width: 83.33333%; } /* line 579, scss/fragments/_foundation-grid.scss */ .medium-11 { width: 91.66667%; } /* line 582, scss/fragments/_foundation-grid.scss */ .medium-12 { width: 100%; } /* line 585, scss/fragments/_foundation-grid.scss */ .medium-offset-0 { margin-left: 0 !important; } /* line 588, scss/fragments/_foundation-grid.scss */ .medium-offset-1 { margin-left: 8.33333% !important; } /* line 591, scss/fragments/_foundation-grid.scss */ .medium-offset-2 { margin-left: 16.66667% !important; } /* line 594, scss/fragments/_foundation-grid.scss */ .medium-offset-3 { margin-left: 25% !important; } /* line 597, scss/fragments/_foundation-grid.scss */ .medium-offset-4 { margin-left: 33.33333% !important; } /* line 600, scss/fragments/_foundation-grid.scss */ .medium-offset-5 { margin-left: 41.66667% !important; } /* line 603, scss/fragments/_foundation-grid.scss */ .medium-offset-6 { margin-left: 50% !important; } /* line 606, scss/fragments/_foundation-grid.scss */ .medium-offset-7 { margin-left: 58.33333% !important; } /* line 609, scss/fragments/_foundation-grid.scss */ .medium-offset-8 { margin-left: 66.66667% !important; } /* line 612, scss/fragments/_foundation-grid.scss */ .medium-offset-9 { margin-left: 75% !important; } /* line 615, scss/fragments/_foundation-grid.scss */ .medium-offset-10 { margin-left: 83.33333% !important; } /* line 618, scss/fragments/_foundation-grid.scss */ .medium-offset-11 { margin-left: 91.66667% !important; } /* line 621, scss/fragments/_foundation-grid.scss */ .medium-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } /* line 628, scss/fragments/_foundation-grid.scss */ .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } /* line 634, scss/fragments/_foundation-grid.scss */ .column.medium-uncentered, .columns.medium-uncentered { float: left; margin-left: 0; margin-right: 0; } /* line 640, scss/fragments/_foundation-grid.scss */ .column.medium-centered:last-child, .columns.medium-centered:last-child { float: none; } /* line 644, scss/fragments/_foundation-grid.scss */ .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { float: left; } /* line 648, scss/fragments/_foundation-grid.scss */ .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right; } /* line 652, scss/fragments/_foundation-grid.scss */ .row.medium-collapse > .column, .row.medium-collapse > .columns { padding-left: 0; padding-right: 0; } /* line 656, scss/fragments/_foundation-grid.scss */ .row.medium-collapse .row { margin-left: 0; margin-right: 0; } /* line 659, scss/fragments/_foundation-grid.scss */ .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } /* line 665, scss/fragments/_foundation-grid.scss */ .push-0 { position: relative; left: 0; right: auto; } /* line 670, scss/fragments/_foundation-grid.scss */ .pull-0 { position: relative; right: 0; left: auto; } /* line 675, scss/fragments/_foundation-grid.scss */ .push-1 { position: relative; left: 8.33333%; right: auto; } /* line 680, scss/fragments/_foundation-grid.scss */ .pull-1 { position: relative; right: 8.33333%; left: auto; } /* line 685, scss/fragments/_foundation-grid.scss */ .push-2 { position: relative; left: 16.66667%; right: auto; } /* line 690, scss/fragments/_foundation-grid.scss */ .pull-2 { position: relative; right: 16.66667%; left: auto; } /* line 695, scss/fragments/_foundation-grid.scss */ .push-3 { position: relative; left: 25%; right: auto; } /* line 700, scss/fragments/_foundation-grid.scss */ .pull-3 { position: relative; right: 25%; left: auto; } /* line 705, scss/fragments/_foundation-grid.scss */ .push-4 { position: relative; left: 33.33333%; right: auto; } /* line 710, scss/fragments/_foundation-grid.scss */ .pull-4 { position: relative; right: 33.33333%; left: auto; } /* line 715, scss/fragments/_foundation-grid.scss */ .push-5 { position: relative; left: 41.66667%; right: auto; } /* line 720, scss/fragments/_foundation-grid.scss */ .pull-5 { position: relative; right: 41.66667%; left: auto; } /* line 725, scss/fragments/_foundation-grid.scss */ .push-6 { position: relative; left: 50%; right: auto; } /* line 730, scss/fragments/_foundation-grid.scss */ .pull-6 { position: relative; right: 50%; left: auto; } /* line 735, scss/fragments/_foundation-grid.scss */ .push-7 { position: relative; left: 58.33333%; right: auto; } /* line 740, scss/fragments/_foundation-grid.scss */ .pull-7 { position: relative; right: 58.33333%; left: auto; } /* line 745, scss/fragments/_foundation-grid.scss */ .push-8 { position: relative; left: 66.66667%; right: auto; } /* line 750, scss/fragments/_foundation-grid.scss */ .pull-8 { position: relative; right: 66.66667%; left: auto; } /* line 755, scss/fragments/_foundation-grid.scss */ .push-9 { position: relative; left: 75%; right: auto; } /* line 760, scss/fragments/_foundation-grid.scss */ .pull-9 { position: relative; right: 75%; left: auto; } /* line 765, scss/fragments/_foundation-grid.scss */ .push-10 { position: relative; left: 83.33333%; right: auto; } /* line 770, scss/fragments/_foundation-grid.scss */ .pull-10 { position: relative; right: 83.33333%; left: auto; } /* line 775, scss/fragments/_foundation-grid.scss */ .push-11 { position: relative; left: 91.66667%; right: auto; } /* line 780, scss/fragments/_foundation-grid.scss */ .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.0625em) { /* line 785, scss/fragments/_foundation-grid.scss */ .large-push-0 { position: relative; left: 0; right: auto; } /* line 790, scss/fragments/_foundation-grid.scss */ .large-pull-0 { position: relative; right: 0; left: auto; } /* line 795, scss/fragments/_foundation-grid.scss */ .large-push-1 { position: relative; left: 8.33333%; right: auto; } /* line 800, scss/fragments/_foundation-grid.scss */ .large-pull-1 { position: relative; right: 8.33333%; left: auto; } /* line 805, scss/fragments/_foundation-grid.scss */ .large-push-2 { position: relative; left: 16.66667%; right: auto; } /* line 810, scss/fragments/_foundation-grid.scss */ .large-pull-2 { position: relative; right: 16.66667%; left: auto; } /* line 815, scss/fragments/_foundation-grid.scss */ .large-push-3 { position: relative; left: 25%; right: auto; } /* line 820, scss/fragments/_foundation-grid.scss */ .large-pull-3 { position: relative; right: 25%; left: auto; } /* line 825, scss/fragments/_foundation-grid.scss */ .large-push-4 { position: relative; left: 33.33333%; right: auto; } /* line 830, scss/fragments/_foundation-grid.scss */ .large-pull-4 { position: relative; right: 33.33333%; left: auto; } /* line 835, scss/fragments/_foundation-grid.scss */ .large-push-5 { position: relative; left: 41.66667%; right: auto; } /* line 840, scss/fragments/_foundation-grid.scss */ .large-pull-5 { position: relative; right: 41.66667%; left: auto; } /* line 845, scss/fragments/_foundation-grid.scss */ .large-push-6 { position: relative; left: 50%; right: auto; } /* line 850, scss/fragments/_foundation-grid.scss */ .large-pull-6 { position: relative; right: 50%; left: auto; } /* line 855, scss/fragments/_foundation-grid.scss */ .large-push-7 { position: relative; left: 58.33333%; right: auto; } /* line 860, scss/fragments/_foundation-grid.scss */ .large-pull-7 { position: relative; right: 58.33333%; left: auto; } /* line 865, scss/fragments/_foundation-grid.scss */ .large-push-8 { position: relative; left: 66.66667%; right: auto; } /* line 870, scss/fragments/_foundation-grid.scss */ .large-pull-8 { position: relative; right: 66.66667%; left: auto; } /* line 875, scss/fragments/_foundation-grid.scss */ .large-push-9 { position: relative; left: 75%; right: auto; } /* line 880, scss/fragments/_foundation-grid.scss */ .large-pull-9 { position: relative; right: 75%; left: auto; } /* line 885, scss/fragments/_foundation-grid.scss */ .large-push-10 { position: relative; left: 83.33333%; right: auto; } /* line 890, scss/fragments/_foundation-grid.scss */ .large-pull-10 { position: relative; right: 83.33333%; left: auto; } /* line 895, scss/fragments/_foundation-grid.scss */ .large-push-11 { position: relative; left: 91.66667%; right: auto; } /* line 900, scss/fragments/_foundation-grid.scss */ .large-pull-11 { position: relative; right: 91.66667%; left: auto; } /* line 905, scss/fragments/_foundation-grid.scss */ .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } /* line 912, scss/fragments/_foundation-grid.scss */ .large-1 { width: 8.33333%; } /* line 915, scss/fragments/_foundation-grid.scss */ .large-2 { width: 16.66667%; } /* line 918, scss/fragments/_foundation-grid.scss */ .large-3 { width: 25%; } /* line 921, scss/fragments/_foundation-grid.scss */ .large-4 { width: 33.33333%; } /* line 924, scss/fragments/_foundation-grid.scss */ .large-5 { width: 41.66667%; } /* line 927, scss/fragments/_foundation-grid.scss */ .large-6 { width: 50%; } /* line 930, scss/fragments/_foundation-grid.scss */ .large-7 { width: 58.33333%; } /* line 933, scss/fragments/_foundation-grid.scss */ .large-8 { width: 66.66667%; } /* line 936, scss/fragments/_foundation-grid.scss */ .large-9 { width: 75%; } /* line 939, scss/fragments/_foundation-grid.scss */ .large-10 { width: 83.33333%; } /* line 942, scss/fragments/_foundation-grid.scss */ .large-11 { width: 91.66667%; } /* line 945, scss/fragments/_foundation-grid.scss */ .large-12 { width: 100%; } /* line 948, scss/fragments/_foundation-grid.scss */ .large-offset-0 { margin-left: 0 !important; } /* line 951, scss/fragments/_foundation-grid.scss */ .large-offset-1 { margin-left: 8.33333% !important; } /* line 954, scss/fragments/_foundation-grid.scss */ .large-offset-2 { margin-left: 16.66667% !important; } /* line 957, scss/fragments/_foundation-grid.scss */ .large-offset-3 { margin-left: 25% !important; } /* line 960, scss/fragments/_foundation-grid.scss */ .large-offset-4 { margin-left: 33.33333% !important; } /* line 963, scss/fragments/_foundation-grid.scss */ .large-offset-5 { margin-left: 41.66667% !important; } /* line 966, scss/fragments/_foundation-grid.scss */ .large-offset-6 { margin-left: 50% !important; } /* line 969, scss/fragments/_foundation-grid.scss */ .large-offset-7 { margin-left: 58.33333% !important; } /* line 972, scss/fragments/_foundation-grid.scss */ .large-offset-8 { margin-left: 66.66667% !important; } /* line 975, scss/fragments/_foundation-grid.scss */ .large-offset-9 { margin-left: 75% !important; } /* line 978, scss/fragments/_foundation-grid.scss */ .large-offset-10 { margin-left: 83.33333% !important; } /* line 981, scss/fragments/_foundation-grid.scss */ .large-offset-11 { margin-left: 91.66667% !important; } /* line 984, scss/fragments/_foundation-grid.scss */ .large-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } /* line 991, scss/fragments/_foundation-grid.scss */ .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } /* line 997, scss/fragments/_foundation-grid.scss */ .column.large-uncentered, .columns.large-uncentered { float: left; margin-left: 0; margin-right: 0; } /* line 1003, scss/fragments/_foundation-grid.scss */ .column.large-centered:last-child, .columns.large-centered:last-child { float: none; } /* line 1007, scss/fragments/_foundation-grid.scss */ .column.large-uncentered:last-child, .columns.large-uncentered:last-child { float: left; } /* line 1011, scss/fragments/_foundation-grid.scss */ .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right; } /* line 1015, scss/fragments/_foundation-grid.scss */ .row.large-collapse > .column, .row.large-collapse > .columns { padding-left: 0; padding-right: 0; } /* line 1019, scss/fragments/_foundation-grid.scss */ .row.large-collapse .row { margin-left: 0; margin-right: 0; } /* line 1022, scss/fragments/_foundation-grid.scss */ .row.large-uncollapse > .column, .row.large-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } /* line 1028, scss/fragments/_foundation-grid.scss */ .push-0 { position: relative; left: 0; right: auto; } /* line 1033, scss/fragments/_foundation-grid.scss */ .pull-0 { position: relative; right: 0; left: auto; } /* line 1038, scss/fragments/_foundation-grid.scss */ .push-1 { position: relative; left: 8.33333%; right: auto; } /* line 1043, scss/fragments/_foundation-grid.scss */ .pull-1 { position: relative; right: 8.33333%; left: auto; } /* line 1048, scss/fragments/_foundation-grid.scss */ .push-2 { position: relative; left: 16.66667%; right: auto; } /* line 1053, scss/fragments/_foundation-grid.scss */ .pull-2 { position: relative; right: 16.66667%; left: auto; } /* line 1058, scss/fragments/_foundation-grid.scss */ .push-3 { position: relative; left: 25%; right: auto; } /* line 1063, scss/fragments/_foundation-grid.scss */ .pull-3 { position: relative; right: 25%; left: auto; } /* line 1068, scss/fragments/_foundation-grid.scss */ .push-4 { position: relative; left: 33.33333%; right: auto; } /* line 1073, scss/fragments/_foundation-grid.scss */ .pull-4 { position: relative; right: 33.33333%; left: auto; } /* line 1078, scss/fragments/_foundation-grid.scss */ .push-5 { position: relative; left: 41.66667%; right: auto; } /* line 1083, scss/fragments/_foundation-grid.scss */ .pull-5 { position: relative; right: 41.66667%; left: auto; } /* line 1088, scss/fragments/_foundation-grid.scss */ .push-6 { position: relative; left: 50%; right: auto; } /* line 1093, scss/fragments/_foundation-grid.scss */ .pull-6 { position: relative; right: 50%; left: auto; } /* line 1098, scss/fragments/_foundation-grid.scss */ .push-7 { position: relative; left: 58.33333%; right: auto; } /* line 1103, scss/fragments/_foundation-grid.scss */ .pull-7 { position: relative; right: 58.33333%; left: auto; } /* line 1108, scss/fragments/_foundation-grid.scss */ .push-8 { position: relative; left: 66.66667%; right: auto; } /* line 1113, scss/fragments/_foundation-grid.scss */ .pull-8 { position: relative; right: 66.66667%; left: auto; } /* line 1118, scss/fragments/_foundation-grid.scss */ .push-9 { position: relative; left: 75%; right: auto; } /* line 1123, scss/fragments/_foundation-grid.scss */ .pull-9 { position: relative; right: 75%; left: auto; } /* line 1128, scss/fragments/_foundation-grid.scss */ .push-10 { position: relative; left: 83.33333%; right: auto; } /* line 1133, scss/fragments/_foundation-grid.scss */ .pull-10 { position: relative; right: 83.33333%; left: auto; } /* line 1138, scss/fragments/_foundation-grid.scss */ .push-11 { position: relative; left: 91.66667%; right: auto; } /* line 1143, scss/fragments/_foundation-grid.scss */ .pull-11 { position: relative; right: 91.66667%; left: auto; } } /* line 1148, scss/fragments/_foundation-grid.scss */ meta.foundation-version { font-family: "/5.5.3/"; } /* line 1151, scss/fragments/_foundation-grid.scss */ meta.foundation-mq-small { font-family: "/only screen/"; width: 0; } /* line 1155, scss/fragments/_foundation-grid.scss */ meta.foundation-mq-small-only { font-family: "/only screen and (max-width: 40em)/"; width: 0; } /* line 1159, scss/fragments/_foundation-grid.scss */ meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.0625em)/"; width: 40.0625em; } /* line 1163, scss/fragments/_foundation-grid.scss */ meta.foundation-mq-medium-only { font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/"; width: 40.0625em; } /* line 1167, scss/fragments/_foundation-grid.scss */ meta.foundation-mq-large { font-family: "/only screen and (min-width:64.0625em)/"; width: 64.0625em; } /* line 1171, scss/fragments/_foundation-grid.scss */ meta.foundation-mq-large-only { font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/"; width: 64.0625em; } /* line 1175, scss/fragments/_foundation-grid.scss */ meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.0625em)/"; width: 90.0625em; } /* line 1179, scss/fragments/_foundation-grid.scss */ meta.foundation-mq-xlarge-only { font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/"; width: 90.0625em; } /* line 1183, scss/fragments/_foundation-grid.scss */ meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.0625em)/"; width: 120.0625em; } /* line 1187, scss/fragments/_foundation-grid.scss */ meta.foundation-data-attribute-namespace { font-family: false; } /* line 1190, scss/fragments/_foundation-grid.scss */ html { height: 100%; } /* line 1193, scss/fragments/_foundation-grid.scss */ *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 1200, scss/fragments/_foundation-grid.scss */ html, body { font-size: 100%; } /* line 1204, scss/fragments/_foundation-grid.scss */ body { background: #fff; color: #222222; cursor: auto; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1.5; margin: 0; padding: 0; position: relative; } /* line 1216, scss/fragments/_foundation-grid.scss */ a:hover { cursor: pointer; } /* line 1219, scss/fragments/_foundation-grid.scss */ img { max-width: 100%; height: auto; } /* line 1223, scss/fragments/_foundation-grid.scss */ img { -ms-interpolation-mode: bicubic; } /* line 1226, scss/fragments/_foundation-grid.scss */ #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } /* line 1237, scss/fragments/_foundation-grid.scss */ .left { float: left !important; } /* line 1240, scss/fragments/_foundation-grid.scss */ .right { float: right !important; } /* line 1243, scss/fragments/_foundation-grid.scss */ .clearfix:before, .clearfix:after { content: " "; display: table; } /* line 1246, scss/fragments/_foundation-grid.scss */ .clearfix:after { clear: both; } /* line 1249, scss/fragments/_foundation-grid.scss */ .hide { display: none; } /* line 1252, scss/fragments/_foundation-grid.scss */ .invisible { visibility: hidden; } /* line 1255, scss/fragments/_foundation-grid.scss */ .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* line 1259, scss/fragments/_foundation-grid.scss */ img { display: inline-block; vertical-align: middle; } /* line 1263, scss/fragments/_foundation-grid.scss */ textarea { height: auto; min-height: 50px; } /* line 1267, scss/fragments/_foundation-grid.scss */ select { width: 100%; } /* small displays */ @media only screen { /* line 1272, scss/fragments/_foundation-grid.scss */ .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } /* line 1275, scss/fragments/_foundation-grid.scss */ .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } /* line 1278, scss/fragments/_foundation-grid.scss */ .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } /* line 1285, scss/fragments/_foundation-grid.scss */ .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } /* line 1292, scss/fragments/_foundation-grid.scss */ table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } /* line 1295, scss/fragments/_foundation-grid.scss */ thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } /* line 1298, scss/fragments/_foundation-grid.scss */ tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } /* line 1301, scss/fragments/_foundation-grid.scss */ tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } /* line 1304, scss/fragments/_foundation-grid.scss */ th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* medium displays */ @media only screen and (min-width: 40.0625em) { /* line 1308, scss/fragments/_foundation-grid.scss */ .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } /* line 1311, scss/fragments/_foundation-grid.scss */ .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } /* line 1314, scss/fragments/_foundation-grid.scss */ .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } /* line 1321, scss/fragments/_foundation-grid.scss */ .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } /* line 1328, scss/fragments/_foundation-grid.scss */ table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } /* line 1331, scss/fragments/_foundation-grid.scss */ thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } /* line 1334, scss/fragments/_foundation-grid.scss */ tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } /* line 1337, scss/fragments/_foundation-grid.scss */ tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } /* line 1340, scss/fragments/_foundation-grid.scss */ th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* large displays */ @media only screen and (min-width: 64.0625em) { /* line 1344, scss/fragments/_foundation-grid.scss */ .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } /* line 1347, scss/fragments/_foundation-grid.scss */ .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } /* line 1350, scss/fragments/_foundation-grid.scss */ .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } /* line 1357, scss/fragments/_foundation-grid.scss */ .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } /* line 1364, scss/fragments/_foundation-grid.scss */ table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } /* line 1367, scss/fragments/_foundation-grid.scss */ thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } /* line 1370, scss/fragments/_foundation-grid.scss */ tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } /* line 1373, scss/fragments/_foundation-grid.scss */ tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } /* line 1376, scss/fragments/_foundation-grid.scss */ th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* xlarge displays */ @media only screen and (min-width: 90.0625em) { /* line 1380, scss/fragments/_foundation-grid.scss */ .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } /* line 1383, scss/fragments/_foundation-grid.scss */ .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } /* line 1386, scss/fragments/_foundation-grid.scss */ .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } /* line 1393, scss/fragments/_foundation-grid.scss */ .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } /* line 1400, scss/fragments/_foundation-grid.scss */ table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } /* line 1403, scss/fragments/_foundation-grid.scss */ thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } /* line 1406, scss/fragments/_foundation-grid.scss */ tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } /* line 1409, scss/fragments/_foundation-grid.scss */ tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } /* line 1412, scss/fragments/_foundation-grid.scss */ th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* xxlarge displays */ @media only screen and (min-width: 120.0625em) { /* line 1416, scss/fragments/_foundation-grid.scss */ .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } /* line 1419, scss/fragments/_foundation-grid.scss */ .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } /* line 1422, scss/fragments/_foundation-grid.scss */ .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } /* line 1429, scss/fragments/_foundation-grid.scss */ .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } /* line 1436, scss/fragments/_foundation-grid.scss */ table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } /* line 1439, scss/fragments/_foundation-grid.scss */ thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } /* line 1442, scss/fragments/_foundation-grid.scss */ tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } /* line 1445, scss/fragments/_foundation-grid.scss */ tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } /* line 1448, scss/fragments/_foundation-grid.scss */ th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* Orientation targeting */ /* line 1451, scss/fragments/_foundation-grid.scss */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } /* line 1455, scss/fragments/_foundation-grid.scss */ .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ /* line 1460, scss/fragments/_foundation-grid.scss */ table.hide-for-landscape, table.show-for-portrait { display: table !important; } /* line 1463, scss/fragments/_foundation-grid.scss */ thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; } /* line 1466, scss/fragments/_foundation-grid.scss */ tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; } /* line 1469, scss/fragments/_foundation-grid.scss */ tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; } /* line 1472, scss/fragments/_foundation-grid.scss */ td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { /* line 1478, scss/fragments/_foundation-grid.scss */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } /* line 1482, scss/fragments/_foundation-grid.scss */ .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ /* line 1487, scss/fragments/_foundation-grid.scss */ table.show-for-landscape, table.hide-for-portrait { display: table !important; } /* line 1490, scss/fragments/_foundation-grid.scss */ thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; } /* line 1493, scss/fragments/_foundation-grid.scss */ tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; } /* line 1496, scss/fragments/_foundation-grid.scss */ tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; } /* line 1499, scss/fragments/_foundation-grid.scss */ td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { /* line 1504, scss/fragments/_foundation-grid.scss */ .show-for-portrait, .hide-for-landscape { display: inherit !important; } /* line 1508, scss/fragments/_foundation-grid.scss */ .hide-for-portrait, .show-for-landscape { display: none !important; } /* Specific visibility for tables */ /* line 1513, scss/fragments/_foundation-grid.scss */ table.show-for-portrait, table.hide-for-landscape { display: table !important; } /* line 1516, scss/fragments/_foundation-grid.scss */ thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; } /* line 1519, scss/fragments/_foundation-grid.scss */ tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; } /* line 1522, scss/fragments/_foundation-grid.scss */ tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; } /* line 1525, scss/fragments/_foundation-grid.scss */ td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ /* line 1530, scss/fragments/_foundation-grid.scss */ .show-for-touch { display: none !important; } /* line 1533, scss/fragments/_foundation-grid.scss */ .hide-for-touch { display: inherit !important; } /* line 1536, scss/fragments/_foundation-grid.scss */ .touch .show-for-touch { display: inherit !important; } /* line 1539, scss/fragments/_foundation-grid.scss */ .touch .hide-for-touch { display: none !important; } /* Specific visibility for tables */ /* line 1543, scss/fragments/_foundation-grid.scss */ table.hide-for-touch { display: table !important; } /* line 1546, scss/fragments/_foundation-grid.scss */ .touch table.show-for-touch { display: table !important; } /* line 1549, scss/fragments/_foundation-grid.scss */ thead.hide-for-touch { display: table-header-group !important; } /* line 1552, scss/fragments/_foundation-grid.scss */ .touch thead.show-for-touch { display: table-header-group !important; } /* line 1555, scss/fragments/_foundation-grid.scss */ tbody.hide-for-touch { display: table-row-group !important; } /* line 1558, scss/fragments/_foundation-grid.scss */ .touch tbody.show-for-touch { display: table-row-group !important; } /* line 1561, scss/fragments/_foundation-grid.scss */ tr.hide-for-touch { display: table-row !important; } /* line 1564, scss/fragments/_foundation-grid.scss */ .touch tr.show-for-touch { display: table-row !important; } /* line 1567, scss/fragments/_foundation-grid.scss */ td.hide-for-touch { display: table-cell !important; } /* line 1570, scss/fragments/_foundation-grid.scss */ .touch td.show-for-touch { display: table-cell !important; } /* line 1573, scss/fragments/_foundation-grid.scss */ th.hide-for-touch { display: table-cell !important; } /* line 1576, scss/fragments/_foundation-grid.scss */ .touch th.show-for-touch { display: table-cell !important; } /* Screen reader-specific classes */ /* line 1580, scss/fragments/_foundation-grid.scss */ .show-for-sr { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } /* line 1587, scss/fragments/_foundation-grid.scss */ .show-on-focus { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } /* line 1593, scss/fragments/_foundation-grid.scss */ .show-on-focus:focus, .show-on-focus:active { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } /* Print visibility */ /* line 1601, scss/fragments/_foundation-grid.scss */ .print-only, .show-for-print { display: none !important; } @media print { /* line 1606, scss/fragments/_foundation-grid.scss */ .print-only, .show-for-print { display: block !important; } /* line 1610, scss/fragments/_foundation-grid.scss */ .hide-on-print, .hide-for-print { display: none !important; } /* line 1614, scss/fragments/_foundation-grid.scss */ table.show-for-print { display: table !important; } /* line 1617, scss/fragments/_foundation-grid.scss */ thead.show-for-print { display: table-header-group !important; } /* line 1620, scss/fragments/_foundation-grid.scss */ tbody.show-for-print { display: table-row-group !important; } /* line 1623, scss/fragments/_foundation-grid.scss */ tr.show-for-print { display: table-row !important; } /* line 1626, scss/fragments/_foundation-grid.scss */ td.show-for-print { display: table-cell !important; } /* line 1629, scss/fragments/_foundation-grid.scss */ th.show-for-print { display: table-cell !important; } } /* line 1632, scss/fragments/_foundation-grid.scss */ .text-left { text-align: left !important; } /* line 1635, scss/fragments/_foundation-grid.scss */ .text-right { text-align: right !important; } /* line 1638, scss/fragments/_foundation-grid.scss */ .text-center { text-align: center !important; } /* line 1641, scss/fragments/_foundation-grid.scss */ .text-justify { text-align: justify !important; } @media only screen and (max-width: 40em) { /* line 1645, scss/fragments/_foundation-grid.scss */ .small-only-text-left { text-align: left !important; } /* line 1648, scss/fragments/_foundation-grid.scss */ .small-only-text-right { text-align: right !important; } /* line 1651, scss/fragments/_foundation-grid.scss */ .small-only-text-center { text-align: center !important; } /* line 1654, scss/fragments/_foundation-grid.scss */ .small-only-text-justify { text-align: justify !important; } } @media only screen { /* line 1657, scss/fragments/_foundation-grid.scss */ .small-text-left { text-align: left !important; } /* line 1660, scss/fragments/_foundation-grid.scss */ .small-text-right { text-align: right !important; } /* line 1663, scss/fragments/_foundation-grid.scss */ .small-text-center { text-align: center !important; } /* line 1666, scss/fragments/_foundation-grid.scss */ .small-text-justify { text-align: justify !important; } } @media only screen and (min-width: 40.0625em) and (max-width: 64em) { /* line 1669, scss/fragments/_foundation-grid.scss */ .medium-only-text-left { text-align: left !important; } /* line 1672, scss/fragments/_foundation-grid.scss */ .medium-only-text-right { text-align: right !important; } /* line 1675, scss/fragments/_foundation-grid.scss */ .medium-only-text-center { text-align: center !important; } /* line 1678, scss/fragments/_foundation-grid.scss */ .medium-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 40.0625em) { /* line 1681, scss/fragments/_foundation-grid.scss */ .medium-text-left { text-align: left !important; } /* line 1684, scss/fragments/_foundation-grid.scss */ .medium-text-right { text-align: right !important; } /* line 1687, scss/fragments/_foundation-grid.scss */ .medium-text-center { text-align: center !important; } /* line 1690, scss/fragments/_foundation-grid.scss */ .medium-text-justify { text-align: justify !important; } } @media only screen and (min-width: 64.0625em) and (max-width: 90em) { /* line 1693, scss/fragments/_foundation-grid.scss */ .large-only-text-left { text-align: left !important; } /* line 1696, scss/fragments/_foundation-grid.scss */ .large-only-text-right { text-align: right !important; } /* line 1699, scss/fragments/_foundation-grid.scss */ .large-only-text-center { text-align: center !important; } /* line 1702, scss/fragments/_foundation-grid.scss */ .large-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 64.0625em) { /* line 1705, scss/fragments/_foundation-grid.scss */ .large-text-left { text-align: left !important; } /* line 1708, scss/fragments/_foundation-grid.scss */ .large-text-right { text-align: right !important; } /* line 1711, scss/fragments/_foundation-grid.scss */ .large-text-center { text-align: center !important; } /* line 1714, scss/fragments/_foundation-grid.scss */ .large-text-justify { text-align: justify !important; } } @media only screen and (min-width: 90.0625em) and (max-width: 120em) { /* line 1717, scss/fragments/_foundation-grid.scss */ .xlarge-only-text-left { text-align: left !important; } /* line 1720, scss/fragments/_foundation-grid.scss */ .xlarge-only-text-right { text-align: right !important; } /* line 1723, scss/fragments/_foundation-grid.scss */ .xlarge-only-text-center { text-align: center !important; } /* line 1726, scss/fragments/_foundation-grid.scss */ .xlarge-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 90.0625em) { /* line 1729, scss/fragments/_foundation-grid.scss */ .xlarge-text-left { text-align: left !important; } /* line 1732, scss/fragments/_foundation-grid.scss */ .xlarge-text-right { text-align: right !important; } /* line 1735, scss/fragments/_foundation-grid.scss */ .xlarge-text-center { text-align: center !important; } /* line 1738, scss/fragments/_foundation-grid.scss */ .xlarge-text-justify { text-align: justify !important; } } @media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) { /* line 1741, scss/fragments/_foundation-grid.scss */ .xxlarge-only-text-left { text-align: left !important; } /* line 1744, scss/fragments/_foundation-grid.scss */ .xxlarge-only-text-right { text-align: right !important; } /* line 1747, scss/fragments/_foundation-grid.scss */ .xxlarge-only-text-center { text-align: center !important; } /* line 1750, scss/fragments/_foundation-grid.scss */ .xxlarge-only-text-justify { text-align: justify !important; } } @media only screen and (min-width: 120.0625em) { /* line 1753, scss/fragments/_foundation-grid.scss */ .xxlarge-text-left { text-align: left !important; } /* line 1756, scss/fragments/_foundation-grid.scss */ .xxlarge-text-right { text-align: right !important; } /* line 1759, scss/fragments/_foundation-grid.scss */ .xxlarge-text-center { text-align: center !important; } /* line 1762, scss/fragments/_foundation-grid.scss */ .xxlarge-text-justify { text-align: justify !important; } } /* line 3, scss/fragments/_ecard.scss */ #timCard-intro-banner { display: inline-block; width: 100%; height: auto; min-height: 420px; margin-top: -30px; } /* line 13, scss/fragments/_ecard.scss */ #timCard-intro-banner hr { border: 1px #000 solid; margin-top: 20px; } /* line 17, scss/fragments/_ecard.scss */ #timCard-intro-banner h2 { color: #000; margin-top: -20px; font-family: "proxima-nova-alt"; font-weight: 400; } /* line 23, scss/fragments/_ecard.scss */ #timCard-intro-banner .timCard-cta { margin-top: 60px; } /* line 26, scss/fragments/_ecard.scss */ #timCard-intro-banner .timCard-devices { margin-top: 120px; } /* line 29, scss/fragments/_ecard.scss */ #timCard-intro-banner .timCard-cards { margin-top: 80px; } /* line 32, scss/fragments/_ecard.scss */ #timCard-intro-banner sup { font-size: 50%; } /* line 37, scss/fragments/_ecard.scss */ #timCard-cta-banner { background: #fff; display: inline-block; width: 100%; padding: 20px 0; height: auto; } /* line 43, scss/fragments/_ecard.scss */ #timCard-cta-banner h2 { color: #000; margin-top: -20px; font-family: "proxima-nova-alt"; font-weight: 400; text-transform: none; } /* line 50, scss/fragments/_ecard.scss */ #timCard-cta-banner .timCard-cta-text { color: #ac162c; padding: 0 5px; font-weight: bold; } /* line 57, scss/fragments/_ecard.scss */ #timCard-cta-banner .button sup { font-size: 87%; } /* line 65, scss/fragments/_ecard.scss */ #timCard-digital-banner { display: inline-block; width: 100%; height: auto; min-height: 460px; margin-top: -10px; padding-top: 5%; color: #8a1b20; } /* line 77, scss/fragments/_ecard.scss */ #timCard-digital-banner h1 { color: #8a1b20; font-size: 41px; font-family: "proxima-nova-alt"; font-weight: 600; } /* line 83, scss/fragments/_ecard.scss */ #timCard-digital-banner sup { font-size: 57%; } /* line 86, scss/fragments/_ecard.scss */ #timCard-digital-banner p { color: #8a1b20; } /* line 92, scss/fragments/_ecard.scss */ #timCard-digital-banner .button sup { font-size: 85%; } /* line 101, scss/fragments/_ecard.scss */ #timCard-traditional-banner { display: inline-block; width: 100%; height: auto; min-height: 460px; margin-top: -10px; margin-bottom: -10px; padding-top: 60px; color: #8a1b20; } /* line 114, scss/fragments/_ecard.scss */ #timCard-traditional-banner h1 { color: #8a1b20; font-weight: 600; font-size: 41px; font-family: "proxima-nova-alt"; } /* line 121, scss/fragments/_ecard.scss */ #timCard-traditional-banner p { color: #8a1b20; } /* line 124, scss/fragments/_ecard.scss */ #timCard-traditional-banner sup { font-size: 57%; } /* line 130, scss/fragments/_ecard.scss */ #timCard-traditional-banner .button sup { font-size: 85%; } /* line 138, scss/fragments/_ecard.scss */ .text-center { text-align: center; } @media only screen and (max-width: 40em) { /* line 143, scss/fragments/_ecard.scss */ #timCard-traditional-banner { display: inline-block; width: 100%; background: #fff; height: auto; margin-top: -10px; padding-bottom: 60px; color: #8a1b20; } /* line 152, scss/fragments/_ecard.scss */ #timCard-digital-banner { display: inline-block; width: 100%; background: #fff; height: auto; margin-top: -10px; color: #8a1b20; } /* line 161, scss/fragments/_ecard.scss */ #timCard-intro-banner .timCard-devices { margin-top: 40px; margin-bottom: 30px; } /* line 165, scss/fragments/_ecard.scss */ #timCard-intro-banner .timCard-cards { margin-top: 30px; } /* line 171, scss/fragments/_ecard.scss */ #timCard-cta-banner .timCard-cta-text { display: block; padding: 5px 0; } } @media only screen and (max-width: 40em) { /* line 185, scss/fragments/_ecard.scss */ :lang(fr) #timCard-traditional-banner .button, :lang(fr) #timCard-digital-banner .button, :lang(fr) #timCard-intro-banner .button { font-size: 70%; } } /* line 194, scss/fragments/_ecard.scss */ :lang(fr) #timCard-cta-banner sup { top: -1em; font-size: 55%; } /* line 203, scss/fragments/_ecard.scss */ :lang(fr) #timCard-digital-banner sup { top: -1em; font-size: 35%; } /* line 209, scss/fragments/_ecard.scss */ :lang(fr) #timCard-digital-banner .button sup { top: -1em; font-size: 55%; } /* line 219, scss/fragments/_ecard.scss */ :lang(fr) #timCard-traditional-banner sup { top: -1em; font-size: 35%; } /* line 224, scss/fragments/_ecard.scss */ :lang(fr) #timCard-traditional-banner .button sup { top: -1em; font-size: 55%; } /* line 1, scss/fragments/_ehmoji.scss */ .ehmoji_campaign { position: relative; width: 100%; padding-bottom: 30px; float: left; display: block; font-family: "proxima-nova", Arial, Helvetica, sans-serif; color: #fff; text-align: center; background-color: #830b17; } /* line 14, scss/fragments/_ehmoji.scss */ .ehmoji_campaign * { font-family: inherit; color: inherit; } /* line 19, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .container { max-width: 940px; padding: 0 30px; } @media (max-width: 767px) { /* line 19, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .container { padding: 0 10px; } } /* line 28, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .flannel { background-position: right top; background-repeat: repeat; } /* line 33, scss/fragments/_ehmoji.scss */ .ehmoji_campaign h2 { position: relative; margin: 0 0 1em 0; padding: 0; font-size: 30px; font-weight: 100; } /* line 40, scss/fragments/_ehmoji.scss */ .ehmoji_campaign h2:after { position: absolute; width: 190px; max-width: 100%; height: 1px; left: 50%; bottom: -0.25em; margin-left: -95px; content: ' '; background-color: #fff; } /* line 53, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_banner { position: relative; color: #fff; overflow: hidden; background-position: center top; background-repeat: repeat; } /* line 60, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_banner .ehmoji_share { position: absolute; top: 10px; left: 5px; display: block; } /* line 66, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_banner .ehmoji_share a, .ehmoji_campaign .ehmoji_banner .ehmoji_share img { position: relative; float: left; display: block; text-decoration: none; } /* line 73, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_banner .ehmoji_share img { margin: 0 2px; } /* line 78, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_banner .ehmoji_logo { position: relative; max-width: 50%; margin-left: 10%; float: left; display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } @media (max-width: 767px) { /* line 78, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_banner .ehmoji_logo { margin-left: 0; margin-top: 20px; } } @media (max-width: 479.375px) { /* line 78, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_banner .ehmoji_logo { max-width: 80%; margin: 20px 10% 0 10%; } } /* line 97, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_banner .bottom_bar { position: relative; overflow: visible; text-align: left; background-color: #010101; } /* line 103, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_banner .bottom_bar .container { padding-top: 15px; padding-bottom: 20px; } /* line 108, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_banner .bottom_bar .content { position: relative; width: 65%; float: left; display: block; } @media (max-width: 767px) { /* line 108, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_banner .bottom_bar .content { width: 50%; } } @media (max-width: 479.375px) { /* line 108, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_banner .bottom_bar .content { width: 100%; } } /* line 123, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_banner .bottom_bar p { margin: 0 0 5px 0; line-height: 1.33em; } /* line 128, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_banner .bottom_bar a { position: relative; height: 50px; margin-right: 20px; margin-top: 10px; float: left; display: block; } @media (max-width: 479.375px) { /* line 128, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_banner .bottom_bar a { height: 35px; } } /* line 140, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_banner .bottom_bar a img { position: relative; height: 100%; display: inline-block; } /* line 147, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_banner .bottom_bar .ehmoji_demonstration { position: absolute; max-width: 35%; bottom: 0; right: 0; display: block; -moz-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); } @media (max-width: 767px) { /* line 147, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_banner .bottom_bar .ehmoji_demonstration { max-width: 50%; } } @media (max-width: 479.375px) { /* line 147, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_banner .bottom_bar .ehmoji_demonstration { display: none; } } /* line 166, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_intro { position: relative; margin-top: 50px; } /* line 171, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_list { position: relative; margin-top: 25px; } /* line 176, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_grid { position: relative; width: 100%; padding: 24px; float: left; display: block; overflow: hidden; border: 2px solid #dadada; } /* line 185, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_grid:before, .ehmoji_campaign .ehmoji_grid:after { position: absolute; width: 24px; height: 100%; top: 0; content: ' '; display: block; background-position: right top; background-repeat: repeat; } /* line 196, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_grid:before { left: 0; } /* line 200, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_grid:after { right: 0; } /* line 204, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_grid ul { position: relative; width: 100%; margin: 0; padding: 5px; float: left; display: block; list-style-type: none; border: 2px solid #fff; background-color: #dadada; } /* line 215, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_grid ul:before, .ehmoji_campaign .ehmoji_grid ul:after { position: absolute; width: 150%; height: 24px; left: -2px; content: ' '; display: block; background-repeat: repeat; } /* line 225, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_grid ul:before { bottom: 100%; margin-bottom: 2px; background-position: left top; } /* line 231, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_grid ul:after { top: 100%; margin-top: 2px; background-position: -25px top; } /* line 237, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_grid ul li { position: relative; width: 16.66667%; float: left; display: block; text-align: center; font-size: 0; line-height: 0; } /* line 246, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_grid ul li:nth-of-type(6n+1) { clear: both; } @media (max-width: 767px) { /* line 237, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_grid ul li { width: 33.33333%; } /* line 253, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_grid ul li:nth-of-type(3n+1) { clear: both; } } /* line 261, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions, .ehmoji_campaign .ehmoji_submit { position: relative; padding-top: 40px; padding-bottom: 20px; border-top: 5px solid #fbf6f7; border-bottom: 5px solid #fbf6f7; color: #464547; background-color: #dadada; } /* line 270, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions h2, .ehmoji_campaign .ehmoji_submit h2 { color: #b20818; } /* line 273, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions h2:after, .ehmoji_campaign .ehmoji_submit h2:after { background-color: #b20818; } /* line 277, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions h2 + p, .ehmoji_campaign .ehmoji_submit h2 + p { position: relative; max-width: 500px; margin: 0 auto; display: block; font-size: 1.1rem; } /* line 287, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions { margin-top: 50px; } /* line 290, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions img { max-width: 2.5em; } @media (max-width: 479.375px) { /* line 290, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions img { max-width: 2em; } } /* line 298, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions ul { position: relative; width: 100%; margin-top: 40px; padding: 0; float: left; display: block; } /* line 306, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions ul:before { position: absolute; width: 1px; height: 100%; top: 0; left: 50%; display: block; content: ' '; background-color: #464547; } @media (max-width: 767px) { /* line 306, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions ul:before { display: none; } } /* line 321, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions ul li { position: relative; width: 50%; margin-bottom: 0.5em; float: left; display: block; font-size: 17px; font-weight: 700; text-align: center; } /* line 331, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions ul li:nth-of-type(2n+1) { clear: both; } /* line 335, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions ul li .eh-align-left { display: inline; float: left; width: 45%; text-align: right; margin-right: 2%; } @media (max-width: 767px) { /* line 321, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions ul li { width: 100%; } } @media (max-width: 479.375px) { /* line 321, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions ul li { font-size: 16px; } } /* line 356, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions ul span { color: #b20818; font-weight: 900; } /* line 361, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions ul span.nudge_left { margin-left: -0.5em; } /* line 365, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions ul span.nudge_right { margin-left: 0.13em; } @media (max-width: 830px) { /* line 356, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions ul span { margin-left: -0.3em; } } /* line 375, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions .eh-descrip { float: left; color: #464547; font-weight: 700; padding-top: 2%; } /* line 380, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_expressions .eh-descrip span { color: #b20818; } /* line 391, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit { margin-top: 15px; } /* line 394, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit form { position: relative; margin-top: 20px; padding-top: 55px; padding-bottom: 55px; text-align: left; background-position: center -25px; } /* line 402, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit form.submitted [type="submit"] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; } /* line 405, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit form.submitted [type="submit"]:hover { cursor: default; } /* line 409, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit form.submitted [type="submit"]:focus { box-shadow: none; } /* line 414, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit form.completed .ehmoji_thanks { display: block; } /* line 418, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit form [type="submit"] { position: relative; max-width: 100%; margin-top: 2.2rem; padding: 15px 60px; display: block; outline: 0; border: 3px solid #000; border-radius: 6px; color: #fff; font-size: 1.3rem; text-transform: uppercase; vertical-align: middle; line-height: 1em; background-color: #000; background-position: bottom right; background-repeat: no-repeat; background-size: 100% 100%; -moz-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; } /* line 438, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit form [type="submit"]:focus { box-shadow: 0px 0px 4px 1px #fff; } /* line 442, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit form [type="submit"]:after { width: 0; height: 0; margin-left: 0.4em; display: inline-block; border-top: 0.33em solid transparent; border-bottom: 0.33em solid transparent; border-left: 0.4em solid white; content: ' '; } @media (max-width: 767px) { /* line 418, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit form [type="submit"] { width: 100%; margin-top: 0; padding: 15px; } } /* line 461, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit .ehmoji_equals { position: absolute; top: 2.85rem; left: 50%; display: block; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 767px) { /* line 461, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit .ehmoji_equals { position: relative; width: 40px; top: auto; left: auto; margin: 0 auto 15px auto; clear: both; -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; } } /* line 479, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit .form_field { position: relative; width: 45%; margin-bottom: 30px; float: left; display: block; } /* line 486, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit .form_field:nth-of-type(2n) { float: right; } /* line 490, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit .form_field:nth-of-type(2n+1) { clear: both; } @media (max-width: 767px) { /* line 479, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit .form_field { width: 100%; margin-bottom: 15px; } } /* line 500, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit label, .ehmoji_campaign .ehmoji_submit input, .ehmoji_campaign .ehmoji_submit [data-module="ehmoji_select"], .ehmoji_campaign .ehmoji_submit .ehmoji_error { position: relative; width: 100%; float: left; display: block; font-size: 1.1rem; line-height: 1em; vertical-align: middle; } /* line 510, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit label, .ehmoji_campaign .ehmoji_submit .ehmoji_error { margin: 0; padding: 10px 15px 6px 15px; color: #fff; font-size: 1.15rem; text-shadow: 0 0 3px #000; background-color: #000; } /* line 519, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit .ehmoji_error { padding: 6px 15px 10px 15px; display: none; } /* line 524, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit input, .ehmoji_campaign .ehmoji_submit [data-module="ehmoji_select"] [data-module-role="select"] { height: 3.5em; padding: 0 20px; border: 4px solid #000; outline: none; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.5); line-height: 3em; background-color: #fff; -moz-transition: background-color 200ms ease-out, box-shadow 100ms ease; -o-transition: background-color 200ms ease-out, box-shadow 100ms ease; -webkit-transition: background-color 200ms ease-out, box-shadow 100ms ease; transition: background-color 200ms ease-out, box-shadow 100ms ease; } /* line 534, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit input:focus, .ehmoji_campaign .ehmoji_submit [data-module="ehmoji_select"] [data-module-role="select"]:focus { box-shadow: inset 1px 1px 0.65em rgba(0, 0, 0, 0.5); } /* line 541, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit [data-module-role="undo"] { position: relative; margin-left: 1em; float: right; display: none; color: #b20818; text-decoration: none; } /* line 549, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit [data-module-role="undo"]:hover, .ehmoji_campaign .ehmoji_submit [data-module-role="undo"]:focus { text-decoration: underline; } /* line 554, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit [data-module="ehmoji_select"] [data-module-role="select"] { position: relative; width: 100%; padding: 0 60px 0 10px; float: left; display: block; text-decoration: none; cursor: pointer; overflow: hidden; color: #b20818; font-weight: 900; } /* line 566, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit [data-module="ehmoji_select"] [data-module-role="select"] span { position: relative; width: 16.66667%; float: left; display: block; text-align: center; } /* line 574, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit [data-module="ehmoji_select"] [data-module-role="select"] img { max-width: 2em; } /* line 581, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit [data-module="ehmoji_select"] [data-module-role="select"] [data-module-role="defaults"], .ehmoji_campaign .ehmoji_submit [data-module="ehmoji_select"] [data-module-role="select"] [data-module-role="ehmojis"] { position: relative; width: 100%; float: left; display: block; } /* line 588, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit [data-module="ehmoji_select"] [data-module-role="select"]:after { position: absolute; width: 50px; max-width: 30%; height: 100%; top: 0; right: 0; display: block; border-left: 4px solid #000; content: ' '; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; } /* line 605, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit [data-module-role="flyout"] { position: absolute; width: 100%; height: 150px; top: 100%; left: 0; padding: 5px 10px; margin-top: -4px; display: none; overflow: auto; z-index: 5; border: 4px solid #000; background-color: #fff; } @media (max-width: 767px) { /* line 605, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit [data-module-role="flyout"] { height: 220px; } } @media (max-width: 479.375px) { /* line 605, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit [data-module-role="flyout"] { height: 240px; } } /* line 627, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit [data-module-role="flyout"] [data-ehmoji] { position: relative; width: 16.66667%; padding: 2px 2.5%; float: left; display: block; cursor: pointer; text-align: center; font-size: 0; line-height: 0; } /* line 638, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit [data-module-role="flyout"] [data-ehmoji]:nth-of-type(6n+1) { clear: both; } @media (max-width: 479.375px) { /* line 627, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit [data-module-role="flyout"] [data-ehmoji] { width: 33.33333%; } /* line 645, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit [data-module-role="flyout"] [data-ehmoji]:nth-of-type(3n+1) { clear: both; } } /* line 652, scss/fragments/_ehmoji.scss */ .ehmoji_campaign .ehmoji_submit .ehmoji_thanks { position: relative; width: 100%; margin: 0; padding: 5px; float: left; display: none; text-align: center; color: #fff; font-size: 1.2rem; font-weight: 700; background: #000; } /* line 670, scss/fragments/_ehmoji.scss */ .rotateArrow:after { transform: rotate(180deg); border-left: none !important; border-right: 4px solid #000; margin-top: -1px; } /* line 1, scss/fragments/_quiz.scss */ .quiz { position: relative; width: 100%; font-family: 'proxima-nova', 'Helvetica', Arial, sans-serif; font-size: 1rem; } @media only screen and (max-width: 767px) { /* line 1, scss/fragments/_quiz.scss */ .quiz { font-size: 0.875rem; } } @media only screen and (max-width: 480px) { /* line 1, scss/fragments/_quiz.scss */ .quiz { font-size: 0.75rem; } } /* line 15, scss/fragments/_quiz.scss */ .quiz .row { position: relative; padding-top: 4rem; max-width: 1000px; text-align: center; } /* line 22, scss/fragments/_quiz.scss */ .quiz h1, .quiz h2, .quiz h3, .quiz h4, .quiz h5, .quiz h6 { font-family: inherit; font-weight: 700; } /* line 27, scss/fragments/_quiz.scss */ .quiz .quiz-intro { position: relative; margin-bottom: 3em; } /* line 31, scss/fragments/_quiz.scss */ .quiz .quiz-intro h1 { margin: 0; padding: 0; font-size: 2.5em; } /* line 37, scss/fragments/_quiz.scss */ .quiz .quiz-intro p { margin: 0.5em 0; padding: 0; font-size: 1.1em; } /* line 44, scss/fragments/_quiz.scss */ .quiz .quiz-question { position: relative; width: 100%; margin-bottom: 3em; float: left; display: block; } /* line 51, scss/fragments/_quiz.scss */ .quiz .quiz-question h3 { position: relative; width: 100%; float: left; display: block; } /* line 58, scss/fragments/_quiz.scss */ .quiz .quiz-question.is-answered .quiz-answer { opacity: 0.5; } /* line 61, scss/fragments/_quiz.scss */ .quiz .quiz-question.is-answered .quiz-answer.is-active { opacity: 1; } /* line 67, scss/fragments/_quiz.scss */ .quiz .quiz-answers { position: relative; width: 100%; margin-top: 1em; float: left; display: block; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; } @media only screen and (max-width: 767px) { /* line 67, scss/fragments/_quiz.scss */ .quiz .quiz-answers { margin-top: 0.5em; } } /* line 86, scss/fragments/_quiz.scss */ .quiz .quiz-answer { position: relative; width: 47%; margin: 0.75% 1.5%; padding: 0.75em; float: left; display: block; cursor: pointer; color: #000; font-weight: 700; background-color: rgba(0, 0, 0, 0.1); -moz-transition: background-color 150ms ease, box-shadow 150ms ease; -o-transition: background-color 150ms ease, box-shadow 150ms ease; -webkit-transition: background-color 150ms ease, box-shadow 150ms ease; transition: background-color 150ms ease, box-shadow 150ms ease; } @media only screen and (max-width: 767px) { /* line 86, scss/fragments/_quiz.scss */ .quiz .quiz-answer { width: 100% !important; margin: 1.25% 0 !important; } } /* line 104, scss/fragments/_quiz.scss */ .quiz .quiz-answer:nth-child(odd) { width: 48.5%; margin-left: 0; margin-right: 1.5%; clear: both; } /* line 111, scss/fragments/_quiz.scss */ .quiz .quiz-answer:nth-child(even) { width: 48.5%; margin-right: 0; margin-left: 1.5%; } /* line 117, scss/fragments/_quiz.scss */ .quiz .quiz-answer:hover { background-color: rgba(0, 0, 0, 0.2); } /* line 121, scss/fragments/_quiz.scss */ .quiz .quiz-answer.is-focused, .quiz .quiz-answer.is-active { background-color: rgba(0, 0, 0, 0.3); } /* line 125, scss/fragments/_quiz.scss */ .quiz .quiz-answer.is-active { box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.15); } /* line 129, scss/fragments/_quiz.scss */ .quiz .quiz-answer img, .quiz .quiz-answer p { position: relative; width: 100%; margin: 0; padding: 0; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; } /* line 137, scss/fragments/_quiz.scss */ .quiz .quiz-answer img { margin-bottom: 0.5em; } /* line 141, scss/fragments/_quiz.scss */ .quiz .quiz-answer img[src=""], .quiz .quiz-answer img:not([src]) { display: none; } /* line 145, scss/fragments/_quiz.scss */ .quiz .quiz-answer [type="radio"], .quiz .quiz-answer [type="checkbox"] { position: absolute; top: 0; left: -99999px; display: block; } /* line 153, scss/fragments/_quiz.scss */ .quiz .quiz-results { position: fixed; width: 100%; height: 100%; top: 0; left: 0; padding: 5% 1em; overflow: auto; display: none; background-color: rgba(0, 0, 0, 0.6); z-index: 9999; } /* line 166, scss/fragments/_quiz.scss */ .quiz .quiz-result { position: relative; width: auto; padding: 3em 1.5em 4em 1.5em; margin: 0 auto; display: inline-block; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15); background-color: #bbb; } /* line 175, scss/fragments/_quiz.scss */ .quiz .quiz-result h3 { margin: 0 auto; padding: 0; font-size: 2.5em; } /* line 181, scss/fragments/_quiz.scss */ .quiz .quiz-result > p { margin: 1.5em auto 0 auto; } /* line 185, scss/fragments/_quiz.scss */ .quiz .quiz-result .quiz-result-image { position: relative; margin: 0 auto; display: block; border: 5px solid #fff; } /* line 193, scss/fragments/_quiz.scss */ .quiz .quiz-result-close { position: absolute; top: 0.5em; right: 0.5em; display: block; opacity: 0.8; -moz-transition: opacity 150ms ease; -o-transition: opacity 150ms ease; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } /* line 201, scss/fragments/_quiz.scss */ .quiz .quiz-result-close:hover, .quiz .quiz-result-close:focus { text-decoration: none; opacity: 1; } /* line 207, scss/fragments/_quiz.scss */ .quiz .quiz-result-share { position: absolute; width: 100%; left: 0; bottom: 1em; display: block; } /* line 214, scss/fragments/_quiz.scss */ .quiz .quiz-result-share a { display: inline-block; text-decoration: none; opacity: 0.8; -moz-transition: opacity 150ms ease; -o-transition: opacity 150ms ease; -webkit-transition: opacity 150ms ease; transition: opacity 150ms ease; } /* line 220, scss/fragments/_quiz.scss */ .quiz .quiz-result-share a:hover, .quiz .quiz-result-share a:focus { text-decoration: none; opacity: 1; } /* line 226, scss/fragments/_quiz.scss */ .quiz .quiz-result-share [data-module-role="twitter_body"], .quiz .quiz-result-share [data-module-role="facebook_title"], .quiz .quiz-result-share [data-module-role="facebook_body"], .quiz .quiz-result-share [data-module-role="facebook_image"] { display: none !important; } /* line 1, scss/fragments/_camp-day-2015.scss */ .chewycenter.camp-day-2015 { padding-top: 0; background: transparent; font: 1em/1.2em "proxima-nova-alt", arial, helvetica, sans-serif !important; } /* line 7, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 { position: relative; } /* line 11, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero, .camp-day-2015 .preloader, .camp-day-2015 .view1, .camp-day-2015 .view2 { height: 47em; } @media (max-width: 47.938em) { /* line 11, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero, .camp-day-2015 .preloader, .camp-day-2015 .view1, .camp-day-2015 .view2 { height: 42em; } } @media (max-width: 20em) { /* line 11, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero, .camp-day-2015 .preloader, .camp-day-2015 .view1, .camp-day-2015 .view2 { height: 38em; } } /* line 29, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .frame-title-main-welcome, .camp-day-2015 .frame-title-main-compass { position: relative; top: 11em; } /* line 37, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .frame-title-main-loader { position: absolute; top: 17.5em; left: 0; right: 0; } @media (max-width: 47.938em) { /* line 37, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .frame-title-main-loader { top: 13.5em; } } @media (max-width: 400px) { /* line 37, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .frame-title-main-loader { top: 32.5%; } /* line 50, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .frame-title-main-loader img { width: 100%; max-width: 100%; } } /* line 57, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .site-audio { position: absolute; left: 1em; bottom: 1em; z-index: 100; opacity: 0.5; } /* line 64, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .site-audio .btn-play { display: none; float: left; max-width: 100%; width: 35px; cursor: pointer; } /* line 72, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .site-audio .btn-pause { float: left; max-width: 100%; width: 35px; cursor: pointer; } /* line 79, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .site-audio .equalizer { max-width: 100%; width: 30px; float: right; margin-left: 10px; } /* line 88, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .static-logo { display: none; position: absolute; width: 100%; margin: 0 auto; text-align: center; } @media (max-width: 47.938em) { /* line 88, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .static-logo { left: 0; right: 0; text-align: center; width: 90%; } } @media (max-width: 400px) { /* line 102, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .static-logo .container { padding: 0; } } /* line 110, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .social-share { position: absolute; right: 0; top: 40%; width: 51px; z-index: 100; } @media (max-width: 47.938em) { /* line 110, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .social-share { top: 91.8%; width: 102px; } } @media (max-width: 30em) { /* line 110, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .social-share { top: 91.8%; } } @media (max-width: 20em) { /* line 110, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .social-share { top: 90.5%; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { /* line 110, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .social-share { top: 91.8%; } } /* line 134, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .social-share a { clear: both; display: table; height: 51px; margin: 0 0 -6px; padding: 0; } @media (max-width: 47.938em) { /* line 134, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .social-share a { clear: none; float: left; } } /* line 148, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .container { max-width: 1200px; } /* line 155, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 h2 { clear: both; color: #3f2021; font: 3em/1em "bebas-neue", "proxima-nova-alt", arial, helvetica, sans-serif; font-weight: 100; letter-spacing: -1px; text-transform: uppercase; padding-top: 0; } @media (max-width: 30em) { /* line 155, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 h2 { font: 2em/1em "bebas-neue", "proxima-nova-alt", arial, helvetica, sans-serif; } } /* line 170, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 h3 { clear: both; color: #ac162c; font: 2em/1em "lobster", "proxima-nova-alt", arial, helvetica, sans-serif; font-weight: 100; letter-spacing: -1px; padding-top: 0; } /* line 180, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 p { clear: both; font: 1.125em/1.2em "proxima-nova-alt", arial, helvetica, sans-serif; color: #282828; font-weight: normal; position: relative; z-index: 1; margin: 0; padding: 1em 0; } /* line 190, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 p.hashtag { font-size: 2em; color: #fff; padding: 0.2em; } @media (max-width: 23.75em) { /* line 190, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 p.hashtag { font-size: 1.5em; } } /* line 204, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .cta-camp-day { padding: 6px; background: #9ccc56; display: table; margin-bottom: 1em; text-decoration: none; margin: 0 auto; border: none; } @media (max-width: 30em) { /* line 204, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .cta-camp-day { width: 100%; } } /* line 217, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .cta-camp-day .cta-container { padding: 0.8em 2em; border: 2px solid #ffffff; color: #ffffff; font: 1em/1em "proxima-nova-alt", arial, helvetica, sans-serif; font-weight: 600; text-transform: uppercase; display: table; width: 100%; position: relative; } @media (max-width: 30em) { /* line 217, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .cta-camp-day .cta-container { padding: 0.8em; } } /* line 232, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .cta-camp-day .cta-container .cta-text { position: relative; /* @media (max-width:$bp-xxsmall) { width:75%; text-align:left; padding-right:1em; } */ } /* line 245, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .cta-camp-day .cta-container .triangle { margin-left: 10px; top: 3px; position: relative; float: right; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #ffffff; /* @media (max-width:$bp-xxsmall) { float:none; position:absolute; right:-25px; top:11px; } */ } /* line 272, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero { width: 100%; display: table; position: relative; margin: 0 auto; z-index: 10; border-bottom: 4px solid #fff; } /* line 284, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .preloader { display: table; position: relative; width: 100%; margin: 0 auto -4px; } /* line 290, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .preloader .frame-title-loader { width: 100%; display: table; position: absolute; margin: 0 auto; } /* line 304, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view1 { display: none; position: absolute; width: 100%; margin: 0 auto; top: 0; z-index: 10; background: transparent; } /* line 313, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view1 .frame-title-main-welcome { width: 100%; display: table; position: relative; margin: 0 auto; } @media (max-width: 30em) { /* line 313, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view1 .frame-title-main-welcome { top: 6em; } } /* line 323, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view1 .frame-title-main-welcome .welcome { margin: 0 auto; z-index: 100; color: #FFFFFF; position: relative; text-align: center; } @media (max-width: 47.938em) { /* line 330, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view1 .frame-title-main-welcome .welcome .logo { max-width: 100%; width: 90%; } } /* line 341, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 { display: none; position: absolute; width: 100%; margin: 0 auto; top: 0; z-index: 10; background: transparent; } /* line 350, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass { width: 100%; display: none; position: absolute; margin: 0 auto; top: 0; } /* line 357, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass { margin: 0 auto; z-index: 100; color: #FFFFFF; position: relative; text-align: center; display: block; width: 400px; height: 400px; top: 11em; } @media (max-width: 47.938em) { /* line 357, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass { top: 7em; } } @media (max-width: 400px) { /* line 357, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass { background: none; width: 100%; height: auto; display: table; } } /* line 379, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .compass-mobile { display: none; } @media (max-width: 400px) { /* line 379, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .compass-mobile { display: block; } } /* line 386, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .compass-mobile img { width: 100%; } /* line 391, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video1, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video2, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video3, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video4, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video5, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video6, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video7, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video8 { display: none; height: 60px; width: 60px; position: absolute; border: none; cursor: pointer; z-index: 100; } @media (max-width: 400px) { /* line 391, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video1, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video2, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video3, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video4, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video5, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video6, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video7, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video8 { background-size: contain !important; height: 16%; width: 16%; } } /* line 422, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video1 { top: 7.4%; left: 0; right: 0; margin: 0 auto; } @media (max-width: 400px) { /* line 422, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video1 { top: 7%; } } /* line 434, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video2 { top: 44%; right: 6.6%; bottom: 0; } @media (max-width: 400px) { /* line 434, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video2 { top: 43%; right: 6%; } } /* line 445, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video3 { bottom: 5.6%; left: 0; right: 0; margin: 0 auto; } @media (max-width: 400px) { /* line 445, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video3 { bottom: 6%; } } /* line 456, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video4 { top: 44%; left: 6.4%; bottom: 0; } @media (max-width: 400px) { /* line 456, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video4 { top: 43%; left: 6%; } } /* line 468, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video5 { top: 18.4%; left: 50%; right: 0; margin: 0 auto; } /* line 480, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video6 { left: 50%; bottom: 16.6%; right: 0; margin: 0 auto; } /* line 491, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video7 { bottom: 16.6%; left: 17%; margin: 0 auto; } /* line 501, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video8 { top: 18.4%; left: 17%; margin: 0 auto; } /* line 512, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video1-text, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video2-text, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video3-text, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video4-text, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video5-text, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video6-text, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video7-text, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video8-text { display: none; font: 1em/1em "proxima-nova-alt", arial, helvetica, sans-serif; font-weight: bold; position: absolute; text-transform: uppercase; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); letter-spacing: 1px; width: 120px; text-align: center; } @media (max-width: 47.938em) { /* line 512, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video1-text, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video2-text, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video3-text, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video4-text, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video5-text, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video6-text, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video7-text, .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video8-text { font-size: 1.2em; padding: 1em 0; top: -1.5em !important; right: 0 !important; left: 0 !important; bottom: 0 !important; text-align: center !important; margin: 0 auto !important; vertically-align: bottom; width: auto; } } /* line 544, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video1-text { top: -3%; left: 0; right: 0; margin: 0 auto; vertical-align: bottom; } /* line 553, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video2-text { top: 48%; right: -115px; bottom: 0; text-align: left; } /* line 560, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video3-text { bottom: -2%; left: 0; right: 0; margin: 0 auto; } /* line 567, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video4-text { top: 48%; left: -110px; bottom: 0; text-align: right; } /* line 575, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video5-text { top: 13%; left: 85%; right: 0; margin: 0 auto; text-align: left; } /* line 584, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video6-text { bottom: 10%; left: 85%; right: 0; margin: 0 auto; text-align: left; } /* line 592, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video7-text { bottom: 10%; left: -92%; right: 0; margin: 0 auto; text-align: right; } /* line 600, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video8-text { top: 13%; left: -100%; right: 0; margin: 0 auto; text-align: right; } /* line 609, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass a { border: none; } /* line 612, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass a.compass-donate { display: none; width: 188px; height: 188px; position: absolute; top: 27%; left: 0; right: 0; margin: 0 auto; } @media (max-width: 400px) { /* line 612, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass a.compass-donate { background-size: contain !important; height: 46%; width: 46%; } } /* line 631, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video-description { display: none; position: absolute; left: 0; right: 0; bottom: -6em; margin: 0 auto; text-align: center; font: 1em/1em "proxima-nova-alt", arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8); letter-spacing: 1px; } @media (max-width: 47.938em) { /* line 631, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video-description { width: 90%; bottom: -6em; } } @media (max-width: 40em) { /* line 631, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video-description { width: 280px; } } /* line 654, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video-description img { margin: 0 auto; display: table; } /* line 659, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .main-hero .view2 .frame-title-main-compass .compass .video-description span { clear: both; } /* line 676, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-about { width: 100%; display: table; position: relative; margin: 0 auto; z-index: 10; height: 32em; vertical-align: bottom; border-bottom: 4px solid #fff; } /* line 686, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-about .frame-content { padding: 2em 1em 1em; width: 100%; text-align: center; margin: 0 auto 200px; vertically-align: bottom; display: inline-table; } @media (max-width: 40em) { /* line 686, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-about .frame-content { margin: 0 auto 300px; } } /* line 698, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-about .frame-content p { text-align: center; margin: 0 auto; } /* line 705, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-about .logo-thcf { position: absolute; right: 10%; bottom: 3em; } @media (max-width: 62.44em) { /* line 705, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-about .logo-thcf { right: 1%; } } @media (max-width: 54em) { /* line 705, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-about .logo-thcf { width: 9em; bottom: 8em; } } @media (max-width: 40em) { /* line 705, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-about .logo-thcf { right: 0; left: 0; bottom: 12.5em; margin: 0 auto; width: 6em; } } @media (max-width: 54em) { /* line 727, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-about .logo-thcf img { width: 100%; } } /* line 739, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-donate { width: 100%; display: table; position: relative; margin: 0 auto; z-index: 10; height: 22em; vertical-align: bottom; border-bottom: 4px solid #fff; } /* line 749, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-donate .cup-container { width: 100%; display: table; position: relative; height: 22em; } /* line 755, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-donate .cup-container .frame-content { text-align: right; width: 50%; margin: 3em 0 2em; display: table; } @media (max-width: 40em) { /* line 755, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-donate .cup-container .frame-content { margin: 2em 0; width: 60%; } } @media (max-width: 23.75em) { /* line 755, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-donate .cup-container .frame-content { width: 70%; } } /* line 770, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-donate .cup-container .frame-content .cta-camp-day { float: right; text-align: center; } /* line 776, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-donate .cup-container .logo-button { position: absolute; right: 0; bottom: 0; } @media (max-width: 1040px) { /* line 776, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-donate .cup-container .logo-button { width: 9em; top: 0; } } @media (max-width: 54em) { /* line 776, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-donate .cup-container .logo-button { top: 1em; } } @media (max-width: 47.938em) { /* line 776, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-donate .cup-container .logo-button { display: none; } } /* line 800, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-testimonials { width: 100%; display: table; position: relative; margin: 0 auto; z-index: 10; height: 22em; vertical-align: bottom; border-bottom: 4px solid #fff; } /* line 810, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-testimonials .child-container { width: 100%; display: table; position: relative; height: 22em; } /* line 816, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-testimonials .child-container .frame-content { float: right; width: 50%; margin: 3em 0 2em; display: table; } @media (max-width: 40em) { /* line 816, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-testimonials .child-container .frame-content { margin: 2em 0; width: 60%; } } @media (max-width: 23.75em) { /* line 816, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-testimonials .child-container .frame-content { width: 70%; } } /* line 831, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-testimonials .child-container .frame-content .cta-camp-day { float: left; text-align: center; } /* line 837, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-testimonials .child-container .logo-thcf { position: absolute; top: 1em; } @media (max-width: 1170px) { /* line 837, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-testimonials .child-container .logo-thcf { bottom: 1em; top: auto; } } @media (max-width: 23.75em) { /* line 837, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-testimonials .child-container .logo-thcf { display: none; } } /* line 856, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-social { width: 100%; display: table; position: relative; margin: 0 auto; z-index: 10; height: 18em; margin-bottom: -1.2em; /* Portrait and Landscape */ } @media (max-width: 1093px) { /* line 856, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-social { margin-bottom: -2.6em; } } @media (max-width: 585px) { /* line 856, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-social { margin-bottom: -3.6em; } } @media (max-width: 392px) { /* line 856, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-social { margin-bottom: -5em; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { /* line 856, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-social { margin-bottom: 0; } } @media (max-width: 314px) { /* line 856, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-social { margin-bottom: -6em; } } /* line 890, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-social h2 { margin: 0 auto; text-align: center; color: #fff; padding-top: 1em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); } /* line 898, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-social p { margin: 0 auto; text-align: center; color: #fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); } /* line 905, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-social .social-share { position: relative; margin: 0 auto; width: 140px; text-align: center; display: table; padding-bottom: 3em; } /* line 913, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-social .social-share a { clear: none; width: auto; float: left; display: block !important; margin: 0 0.5em; } /* line 926, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you { width: 100%; display: table; position: relative; margin: 0 auto; z-index: 15; height: 30em; vertical-align: bottom; border-bottom: 4px solid #fff; top: 0; } @media (max-width: 30em) { /* line 926, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you { background-position: -36em top; } } @media (max-width: 23.75em) { /* line 926, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you { background-position: -37em top; } } /* line 946, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you [data-takeover-role="close"] { position: absolute; bottom: 0.5em; right: 1em; display: none; text-align: center; font-size: 0.6em; text-decoration: none; } /* line 955, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you [data-takeover-role="close"] img { width: 35px; margin: 0 auto; display: block; } /* line 961, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you [data-takeover-role="close"] p { position: relative; width: 100%; margin: 0.3em 0 0 0; float: left; display: block; text-align: center; color: #b22026; font: 2em/1em "bebas-neue", "proxima-nova-alt", arial, helvetica, sans-serif; font-weight: 100; text-shadow: 2px 2px 2px white; text-transform: uppercase; padding: 0; } /* line 978, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you .frame-content { float: right; width: 50%; margin: 3em 0 2em; display: table; } @media (max-width: 1024px) { /* line 978, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you .frame-content { margin: 2em 0; width: 60%; } } @media (max-width: 40em) { /* line 978, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you .frame-content { margin: 2em 0; width: 60%; } } @media (max-width: 23.75em) { /* line 978, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you .frame-content { width: 70%; } } /* line 998, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you .frame-content .cta-camp-day { display: table; float: left; text-align: center; } @media (max-width: 400px) { /* line 998, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you .frame-content .cta-camp-day { float: left; text-align: left; } } @media (max-width: 23.75em) { /* line 1008, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you .frame-content .cta-camp-day .cta-text { width: 90%; } } @media (max-width: 400px) { /* line 1015, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you .frame-content .cta-camp-day .triangle { position: absolute; right: 0; } } @media (max-width: 23.75em) { /* line 1015, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you .frame-content .cta-camp-day .triangle { right: -1em; } } /* line 1028, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you .frame-content h3 { font: 100 3em/1em "lobster","proxima-nova-alt",arial,helvetica,sans-serif; } @media (max-width: 54em) { /* line 1028, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you .frame-content h3 { font: 100 2.5em/1em "lobster","proxima-nova-alt",arial,helvetica,sans-serif; } } /* line 1037, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you .logo-thcf { position: relative; float: right; } @media (max-width: 47.938em) { /* line 1037, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you .logo-thcf { position: absolute; float: none; right: auto; bottom: 1em; left: 0; } } @media (max-width: 40em) { /* line 1037, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you .logo-thcf { right: auto; top: auto; } } @media (max-width: 23.75em) { /* line 1037, scss/fragments/_camp-day-2015.scss */ .camp-day-2015 .camp-day-2015-thank-you .logo-thcf { display: none; } } /* line 1071, scss/fragments/_camp-day-2015.scss */ .fr .camp-day-2015 h2 { font: 2.5em/1em "bebas-neue", "proxima-nova-alt", arial, helvetica, sans-serif; } @media (max-width: 30em) { /* line 1071, scss/fragments/_camp-day-2015.scss */ .fr .camp-day-2015 h2 { font: 1.8em/1em "bebas-neue", "proxima-nova-alt", arial, helvetica, sans-serif; } } @media (max-width: 400px) { /* line 1083, scss/fragments/_camp-day-2015.scss */ .fr .camp-day-2015 .camp-day-2015-about .cta-container .cta-text { float: left; text-align: left; width: 90%; } } @media (max-width: 400px) { /* line 1091, scss/fragments/_camp-day-2015.scss */ .fr .camp-day-2015 .camp-day-2015-about .cta-container .cta-text .triangle { position: absolute; right: -1.5em; } } @media (max-width: 396px) { /* line 1091, scss/fragments/_camp-day-2015.scss */ .fr .camp-day-2015 .camp-day-2015-about .cta-container .cta-text .triangle { top: 11px; } }