@charset "UTF-8"; /* Theme Name: BlankSlate Theme URI: https://github.com/tidythemes/blankslate Author: TidyThemes Author URI: http://tidythemes.com/ Description: UPDATE - 4.0+ is here, completely overhauled, yet again. As always, use caution when upgrading (tidythemes.com/concept/#upgrading) and learn the TidyThemes concept (tidythemes.com/concept).   → CAUTION: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.   → DESCRIPTION: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go.   → SUPPORT: Please use the official support forum (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "TidyThemes Sucks!" (tidythemes.com/tidythemes-sucks). Just getting started? Want to learn CSS? (tidythemes.com/want-to-learn-css)   → WHAT'S NEW?: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. Chip Bennett (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. See (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been opened up on GitHub (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate. Version: 4.0.4 License: GNU General Public License License URI: https://www.gnu.org/licenses/gpl.html Tags: one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready Text Domain: blankslate BlankSlate WordPress Theme © 2011-2017 TidyThemes BlankSlate is distributed under the terms of the GNU GPL */ /****************************** IMPORTANT! All css hass been moved to ./scss/ If you make edits here they'll be overwritten ******************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-size: 100%; font: inherit; padding: 0; border: 0; margin: 0; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } .clear { clear: both; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } body, #cta .cta__link a, #profiles.profiles--multiple .influencers__pagination a { font-family: "Roboto", sans-serif; font-weight: 300; } .page-template-page-products .table p, .page-template-page-featured-chefs .questions-answers h3, #menu li a, .page-template-page-home .home-button, .form-instructions, .button, h2.w-sub + .sub-heading, h1, .h1, h2, body.single-recipe .recipes h3, body.single-recipe .recipe-selector p, body.page-template-page-products section.premiumbeef-meaning .table p, body.home section.home-become-chef .inner .half .sub-heading { font-family: "Roboto Condensed", sans-serif; font-weight: 400; } .social .phone, .social .facebook { font-family: "Roboto Condensed", sans-serif; font-weight: 700; } .form-instructions + small { font-family: "Roboto Condensed", sans-serif; font-style: italic; font-weight: 400; } .background-gray-3 { background-color: #242424; } .page-template-page-influencers .footer-image { display: none; } #profiles { padding-top: 50px; padding-bottom: 50px; } #profiles .profiles__inner { width: 100%; max-width: 1175px; margin: auto; } @media only screen and (min-width: 1200px) { #profiles .profiles__inner { padding: 0; } } #profiles .influencer { width: 100%; margin: 50px auto; display: flex; flex-wrap: wrap; box-sizing: border-box; } #profiles .influencer__column-1 { width: 37%; box-sizing: border-box; position: relative; padding-bottom: 25px; } #profiles .influencer__column-2 { width: 63%; padding-left: 67px; padding-left: 6%; box-sizing: border-box; } #profiles .influencer__photo { box-sizing: border-box; width: calc(85% - 3.5px); margin: auto; border-radius: 50%; border: solid 3.5px #fff; position: relative; z-index: 5; } #profiles .influencer__photo img { object-fit: contain; border: solid 12px #242424; box-sizing: border-box; border-radius: 50%; } #profiles .influencer__photo:before { content: ""; position: absolute; bottom: -25px; left: 50%; transform: translateX(-50%); width: 120%; background-image: url("/assets/images/button-swirl.png"); background-repeat: no-repeat; background-size: cover; background-position: center; height: 32%; z-index: 50; } #profiles h1 { font-style: normal; font-weight: normal; font-size: 34px; line-height: 120%; letter-spacing: 2px; color: #FFFFFF; margin: 0; } #profiles h1 a { color: #fff; text-decoration: none; } @media only screen and (min-width: 1200px) { #profiles h1 { display: inline-block; padding: 0 0.5em; border-right: 2px solid #fff; } #profiles h1:first-child { padding-left: 0; } #profiles h1:last-child { border-right: none; } } #profiles h2 { font-style: normal; font-weight: normal; font-size: 27px; line-height: 148%; letter-spacing: 2px; color: #FEC325; margin: 0.5em 0 2em; padding: 0; } #profiles h3 { font-family: Roboto Condensed; font-style: normal; font-weight: normal; font-size: 18px; line-height: 120%; color: #FEC325; margin: 2em 0 1em; } #profiles a { color: #fff; } @media only screen and (max-width: 767px) and (min-width: 1200px) { #profiles .profiles__inner { padding: 0; } } @media only screen and (max-width: 767px) { #profiles .influencer { max-width: 476px; padding: 0; background-color: #333; text-align: center; } #profiles .influencer__column-1 { width: 100%; padding-bottom: 0; position: relative; } #profiles .influencer__column-1:before { content: ""; position: absolute; background-color: #242424; top: 0; width: 100%; height: 50%; left: 50%; transform: translateX(-50%); } #profiles .influencer__column-2 { width: 100%; padding: 44px; padding: 9%; } #profiles .influencer__photo { width: 54%; border: solid 8.5px #FEC325; } #profiles .influencer__photo img { border: solid 10.5px #333; position: relative; } #profiles .influencer__photo:before { content: none; } #profiles .influencer__photo-inner { border: solid 3.5px #fff; z-index: 50; border-radius: 50%; } #profiles h1 { font-size: 27px; line-height: 140%; } #profiles h1 a { font-weight: bold; } #profiles h2 { font-size: 18px; letter-spacing: 0; margin: 0.5em 0 3em; } #profiles ul { margin: 0; padding: 0; list-style-type: none; } } #profiles.profiles--multiple .profiles__inner { max-width: 1181px; } @media only screen and (min-width: 1200px) { #profiles.profiles--multiple .profiles__inner { padding: 0; } } #profiles.profiles--multiple .profiles__row { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } #profiles.profiles--multiple .influencer { width: 48%; max-width: 476px; padding: 0; background-color: #333; text-align: center; display: block; margin: 50px 0; } #profiles.profiles--multiple .influencer:nth-child(odd) { margin-right: 110px; } #profiles.profiles--multiple .influencer:nth-child(even) { margin-left: 110px; } @media only screen and (max-width: 1199px) { #profiles.profiles--multiple .influencer:nth-child(odd) { margin-right: 2%; } #profiles.profiles--multiple .influencer:nth-child(even) { margin-left: 2%; } } #profiles.profiles--multiple .influencer__column-1 { width: 100%; padding-bottom: 0; position: relative; height: auto; } #profiles.profiles--multiple .influencer__column-1:before { content: ""; position: absolute; background-color: #242424; top: 0; width: 100%; height: 50%; left: 50%; transform: translateX(-50%); } #profiles.profiles--multiple .influencer__column-2 { width: 100%; padding: 44px; padding: 9%; } #profiles.profiles--multiple .influencer__photo { width: 54%; border: solid 8.5px #FEC325; } #profiles.profiles--multiple .influencer__photo img { border: solid 10.5px #333; position: relative; } #profiles.profiles--multiple .influencer__photo:before { content: none; } #profiles.profiles--multiple .influencer__photo-inner { border: solid 3.5px #fff; z-index: 50; border-radius: 50%; } #profiles.profiles--multiple h1 { font-size: 27px; line-height: 140%; display: inline-block; padding: 0; border: none; } #profiles.profiles--multiple h1 a { font-weight: bold; } #profiles.profiles--multiple h2 { font-size: 18px; letter-spacing: 0; margin: 0.5em 0 3em; } #profiles.profiles--multiple ul { margin: 0; padding: 0; list-style-type: none; } @media only screen and (max-width: 767px) { #profiles.profiles--multiple .profiles__row { display: block; } #profiles.profiles--multiple .influencer { width: 100%; margin: 50px auto; } #profiles.profiles--multiple .influencer:nth-child(odd) { margin-right: auto; } #profiles.profiles--multiple .influencer:nth-child(even) { margin-left: auto; } } #profiles.profiles--multiple .influencers__pagination { text-align: center; } #profiles.profiles--multiple .influencers__pagination-inner { margin: auto; width: 100%; width: 53vw; max-width: 620px; height: 14vw; max-height: 170px; display: inline-block; background-image: url("/assets/images/button-swirl.png"); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; } #profiles.profiles--multiple .influencers__pagination a { display: inline-block; border: solid 2px #fff; font-size: 16px; line-height: 150%; color: #FFFFFF; text-decoration: none; text-transform: uppercase; padding: 8px 17px; margin-top: -30px; } #profiles.profiles--multiple .influencers__pagination a:hover { background-color: #fff; color: #000; } @media only screen and (max-width: 767px) { #profiles.profiles--multiple .influencers__pagination-inner { background-image: none; } #profiles.profiles--multiple .influencers__pagination a { margin-top: 0; } } #carousel { padding-bottom: 50px; } #carousel .carousel__inner { text-align: center; } #carousel .instafeed .insta-container { overflow: hidden; max-width: 898px; padding: 0; margin: 0 auto; } #carousel .instafeed .insta-title h1 { margin: 0; border: 0; color: #fff; font-weight: bold; } #cta { width: 100%; } #cta .cta__inner { display: flex; text-align: center; } #cta .cta__column--1 { background-color: #333; background-image: url("/assets/images/button-swirl-dark.png"); background-repeat: no-repeat; background-size: 636px auto; background-position: -150px 66%; } #cta .cta__column--2 { background-color: #222; background-image: url("/assets/images/button-swirl-dark.png"); background-repeat: no-repeat; background-size: 636px auto; background-position: 370px 5%; } #cta .cta__column { padding: 70px 0; width: 50%; box-sizing: border-box; } #cta .cta__column-inner { width: 66%; max-width: 476px; border: solid 1px #fff; margin: 50px auto; padding: 0 20px; } #cta .cta__column-content { width: 100%; max-width: 327px; margin: 0 auto 50px; } #cta .cta__header { margin-top: -1.6em; } #cta .cta__header a { background-color: #FEC325; text-decoration: none; padding: 13px 10px; display: block; margin-bottom: 45px; } #cta .cta__header h2 { color: #000; background-color: #FEC325; line-height: 1; margin: 0; padding: 0; } #cta .cta__link a { display: inline-block; border: solid 2px #fff; font-size: 16px; line-height: 150%; color: #FFFFFF; text-decoration: none; text-transform: uppercase; padding: 8px 50px; margin-top: 30px; } #cta .cta__link a:hover { background-color: #fff; color: #000; } @media only screen and (max-width: 767px) { #cta .cta__inner { display: block; } #cta .cta__column { padding: 50px 20px; width: 100%; } #cta .cta__column-inner { margin: 50px auto; width: auto; } } #in-gallery .in-gallery__inner { width: 100%; } #in-gallery .in-gallery__row { display: flex; } #in-gallery .in-gallery__slide { border-right: solid 4px #222; border-bottom: solid 2px #222; } #in-gallery .in-gallery__slide:last-child { border-right: none; } #in-gallery img { max-width: 100%; } @media only screen and (max-width: 767px) { #in-gallery .in-gallery__row { flex-wrap: wrap; } #in-gallery .in-gallery__slide { width: 50%; box-sizing: border-box; } #in-gallery .in-gallery__slide--double { width: 100%; } } .page-template-page-ambassador section#hero { position: relative; } .page-template-page-ambassador section#hero .video-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } .page-template-page-ambassador section#hero .video-wrapper video { width: 100%; height: 100%; object-fit: cover; object-position: center; } .page-template-page-ambassador section#hero .inner { padding-top: 470px; padding-bottom: 78px; max-width: 963px; margin: 0 auto; text-align: center; position: relative; z-index: 3; } .page-template-page-ambassador section#hero .inner h1 { color: #FFF; text-align: center; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); font-family: "Roboto Condensed"; font-size: 75px; font-style: normal; font-weight: 700; line-height: 77px; /* 102.667% */ letter-spacing: 2px; text-transform: uppercase; max-width: 830px; margin: 0 auto 65px auto; } .page-template-page-ambassador section#hero .inner h2 { color: #FFF; text-align: center; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); font-family: "Roboto Condensed"; font-size: 27px; font-style: normal; font-weight: 400; line-height: 40px; letter-spacing: 2px; } .page-template-page-ambassador section#hero .inner .button-wrapper { display: flex; flex-direction: row; justify-content: space-between; max-width: 525px; margin: 0 auto; } .page-template-page-ambassador section#hero .inner .button { color: #fff; text-align: center; font-family: "Roboto Condensed"; font-size: 21.333px; font-style: normal; font-weight: 400; line-height: 1; padding: 13px 68px; display: block; height: 100%; } .page-template-page-ambassador section#hero .inner .button svg path { transition: 0.2s all ease-in-out; } .page-template-page-ambassador section#hero .inner .button:hover { background-color: #fff; color: #000; border: 2px solid #fff; } .page-template-page-ambassador section#hero .inner .button:hover svg path { fill: #000; } .page-template-page-ambassador section#hero .inner .button-yellow { background-color: #fec325; color: var(--Black, #000); border: 2px solid #fec325; } .page-template-page-ambassador section#hero .inner .button-yellow:hover { background-color: transparent; color: #fec325; } .page-template-page-ambassador section#hero:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(36, 36, 36, 0.35) 0%, rgba(36, 36, 36, 0.85) 85%); } .page-template-page-ambassador section#hero #share-dialog { max-width: 300px; width: 100%; } .page-template-page-ambassador section#hero #share-dialog p { color: #000; display: flex; flex-direction: row; justify-content: space-between; font-family: "Roboto Condensed"; font-size: 27px; font-style: normal; font-weight: 400; line-height: 40px; /* 148.148% */ letter-spacing: 2px; } .page-template-page-ambassador section#hero #share-dialog #share-close { border: none; background: transparent; cursor: pointer; } .page-template-page-ambassador section#hero #share-dialog #share-close svg { height: 25px; width: 25px; } .page-template-page-ambassador section#hero #share-dialog input { max-width: 100%; width: 100%; border-radius: 0; border: 1px solid #000; font-size: 18px; padding: 5px; } .page-template-page-ambassador section#hero dialog { border: none; border-radius: 10px; padding: 20px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); } .page-template-page-ambassador section#hero dialog::backdrop { background: rgba(0, 0, 0, 0.5); } @media only screen and (max-width: 1200px) { .page-template-page-ambassador section#hero .inner { padding-left: 25px; padding-right: 25px; } } @media only screen and (max-width: 960px) { .page-template-page-ambassador section#hero .inner { padding-left: 25px; padding-right: 25px; padding-top: 200px; } } @media only screen and (max-width: 550px) { .page-template-page-ambassador section#hero .inner h1 { font-size: 50px; line-height: 60px; margin-bottom: 15px; } .page-template-page-ambassador section#hero .inner h2 { font-size: 21px; } .page-template-page-ambassador section#hero .inner .button-wrapper { flex-direction: column; gap: 15px; } } .page-template-page-ambassador section#sound { margin-top: 140px; margin-bottom: -100px; } .page-template-page-ambassador section#sound .inner { max-width: 1190px; margin: 0 auto; position: relative; transform: translateY(0); } .page-template-page-ambassador section#sound .inner .copy { max-width: 513px; position: absolute; top: -50px; left: 0; z-index: 3; } .page-template-page-ambassador section#sound .inner .copy p { color: #FFF; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 300; line-height: 26px; } .page-template-page-ambassador section#sound .inner .copy p strong { color: var(--Yellow, #FEC325); font-family: "Roboto Condensed"; font-size: 27px; font-style: normal; font-weight: 700; line-height: 40px; /* 148.148% */ letter-spacing: 2px; } .page-template-page-ambassador section#sound .inner .grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .page-template-page-ambassador section#sound .inner .grid .item { position: relative; } .page-template-page-ambassador section#sound .inner .grid .item .content { background: #FEC325; padding: 15px 30px 15px 30px; position: absolute; box-sizing: border-box; z-index: 2; } .page-template-page-ambassador section#sound .inner .grid .item .content p { color: #000; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 300; line-height: 26px; } .page-template-page-ambassador section#sound .inner .grid .item .content p strong { color: #000; font-family: "Roboto Condensed"; font-size: 20px; font-style: normal; font-weight: 700; line-height: 26px; } .page-template-page-ambassador section#sound .inner .grid .item .image { z-index: 1; } .page-template-page-ambassador section#sound .inner .grid .item:nth-child(1) { max-width: 561px; display: flex; flex-direction: column; justify-content: end; margin-left: 94px; margin-bottom: -40px; } .page-template-page-ambassador section#sound .inner .grid .item:nth-child(1) .content { max-width: 384px; top: 180px; right: 40px; padding-left: 32px; padding-right: 29px; } .page-template-page-ambassador section#sound .inner .grid .item:nth-child(1) .image { max-width: 561px; margin: 0 auto; } .page-template-page-ambassador section#sound .inner .grid .item:nth-child(2) { max-width: 401px; margin-right: 117px; } .page-template-page-ambassador section#sound .inner .grid .item:nth-child(2) .content { max-width: 401px; bottom: -71px; right: -117px; padding-left: 32px; padding-right: 25px; box-sizing: border-box; } .page-template-page-ambassador section#sound .inner .grid .item:nth-child(2) .image { max-width: 379px; margin: 0 auto; } .page-template-page-ambassador section#sound .inner .grid .item:nth-child(3) { max-width: 757px; margin-left: auto; margin-right: auto; margin-top: 270px; } .page-template-page-ambassador section#sound .inner .grid .item:nth-child(3) .content { max-width: 420px; bottom: -51px; left: 41px; padding-left: 32px; padding-right: 20px; box-sizing: border-box; } .page-template-page-ambassador section#sound .inner .grid .item:nth-child(3) .image { max-width: 757px; margin: 0 auto; } @media only screen and (max-width: 1200px) { .page-template-page-ambassador section#sound .inner { padding-left: 25px; padding-right: 25px; } .page-template-page-ambassador section#sound .inner .copy { position: relative; } .page-template-page-ambassador section#sound .inner .grid .item:nth-child(1) { margin-left: 0; } } @media only screen and (max-width: 1130px) { .page-template-page-ambassador section#sound .inner .copy { margin: 0 auto 40px auto; } .page-template-page-ambassador section#sound .inner .grid { flex-direction: column; gap: 30px; } .page-template-page-ambassador section#sound .inner .grid .item { margin: 0 auto !important; } .page-template-page-ambassador section#sound .inner .grid .item:nth-child(1) .content { top: 230px; right: -30px; } .page-template-page-ambassador section#sound .inner .grid .item img { height: auto; } } @media only screen and (max-width: 600px) { .page-template-page-ambassador section#sound .inner .grid .item:nth-child(2) .content { right: -57px; } } @media only screen and (max-width: 550px) { .page-template-page-ambassador section#sound .inner .grid { gap: 90px; } .page-template-page-ambassador section#sound .inner .grid .item .content { position: relative; top: unset !important; right: unset !important; bottom: unset !important; left: unset !important; margin-bottom: 15px; } } .page-template-page-ambassador section#video-col { background-color: #000; display: table; overflow: hidden; width: 100%; padding-top: 75px; padding-bottom: 75px; } .page-template-page-ambassador section#video-col .container { width: 100%; height: 100%; } .page-template-page-ambassador section#video-col .container .left { height: 376px; display: flex; flex-direction: column; justify-content: center; } .page-template-page-ambassador section#video-col .container .left .copy-wrapper { max-width: 492px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; align-items: center; } .page-template-page-ambassador section#video-col .container .left h1, .page-template-page-ambassador section#video-col .container .left h2, .page-template-page-ambassador section#video-col .container .left h3, .page-template-page-ambassador section#video-col .container .left h4, .page-template-page-ambassador section#video-col .container .left h5 { color: var(--Yellow, #FEC325); font-family: "Roboto Condensed"; font-size: 34px; font-style: normal; font-weight: 400; line-height: 42px; /* 123.529% */ letter-spacing: 2px; text-transform: capitalize; } .page-template-page-ambassador section#video-col .container .left p { color: #FFF; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 300; line-height: 26px; /* 162.5% */ margin-top: 45px; } .page-template-page-ambassador section#video-col .container .right .content { position: relative; } .page-template-page-ambassador section#video-col .container .right .content .video-placeholder { cursor: pointer; } .page-template-page-ambassador section#video-col .container .right .content .video-placeholder:after { content: url("/assets/images/play-circle.svg"); position: absolute; top: 50%; left: 50%; width: 64px; height: 64px; transform: translate(-50%, -50%); } .page-template-page-ambassador section#video-col .container .right .responsive-video { width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; display: none; } .page-template-page-ambassador section#video-col .container .right .responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } .page-template-page-ambassador section#video-col .container .right img { max-width: 100%; height: auto; display: block; } @media only screen and (max-width: 950px) { .page-template-page-ambassador section#video-col .container { display: flex; flex-direction: column; align-items: center; } .page-template-page-ambassador section#video-col .right { float: none; max-width: 667px; width: 100%; } .page-template-page-ambassador section#video-col .left { height: 100% !important; margin-bottom: 50px; } .page-template-page-ambassador section#video-col .right, .page-template-page-ambassador section#video-col .left { padding: 0; } } .page-template-page-ambassador section#fan-quotes .inner { text-align: center; margin-top: 113px; margin-bottom: 113px; } .page-template-page-ambassador section#fan-quotes .inner h3 { color: var(--Yellow, #FEC325); text-align: center; font-family: "Roboto Condensed"; font-size: 34px; font-style: normal; font-weight: 400; line-height: 34px; /* 100% */ letter-spacing: 2px; margin-bottom: 51px; } .page-template-page-ambassador section#fan-quotes .inner .ambassador-swiper { max-width: 1200px; margin: 0 auto; overflow: hidden; padding-top: 30px; margin-top: -30px; } .page-template-page-ambassador section#fan-quotes .inner .ambassador-swiper .swiper-slide { max-width: 734px; } .page-template-page-ambassador section#fan-quotes .inner .ambassador-swiper .swiper-slide .quote { background: #fff; padding: 30px 19px; } .page-template-page-ambassador section#fan-quotes .inner .ambassador-swiper .swiper-slide .quote img { height: auto; } .page-template-page-ambassador section#fan-quotes .inner .ambassador-swiper .swiper-slide.swiper-slide-active { filter: drop-shadow(0px 6.364px 10.607px rgba(0, 0, 0, 0.15)) drop-shadow(0px 2.121px 3.182px rgba(0, 0, 0, 0.3)); transition: 0.2s all ease-in-out; } .page-template-page-ambassador section#fan-quotes .inner .ambassador-swiper .swiper-slide.swiper-slide-active:after { content: url("/assets/images/ambassador-quote.svg"); position: absolute; top: -30px; right: 30px; width: 91px; height: 69px; filter: drop-shadow(0px 6.364px 10.607px rgba(0, 0, 0, 0.15)) drop-shadow(0px 2.121px 3.182px rgba(0, 0, 0, 0.3)); } .page-template-page-ambassador section#fan-quotes .inner .controls { position: relative; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-top: 87px; } .page-template-page-ambassador section#fan-quotes .inner .controls .swiper-pagination { position: relative; width: max-content; margin: 0 30px 0 30px; } .page-template-page-ambassador section#fan-quotes .inner .controls .swiper-pagination .swiper-pagination-bullet { background: transparent; border: 2px solid #FEC325; } .page-template-page-ambassador section#fan-quotes .inner .controls .swiper-pagination .swiper-pagination-bullet-active { background: #FEC325; } .page-template-page-ambassador section#fan-quotes .inner .controls .swiper-button-next, .page-template-page-ambassador section#fan-quotes .inner .controls .swiper-button-prev { position: relative; color: #fec325; height: 17px; width: 8.5px; } .page-template-page-ambassador section#fan-quotes .inner .controls .swiper-button-next:after, .page-template-page-ambassador section#fan-quotes .inner .controls .swiper-button-prev:after { display: none; } @media only screen and (max-width: 1200px) { .page-template-page-ambassador section#fan-quotes .inner .ambassador-swiper { margin-left: 25px; margin-right: 25px; padding-left: 25px; padding-right: 25px; } } @media only screen and (max-width: 600px) { .page-template-page-ambassador section#fan-quotes .inner .ambassador-swiper .swiper-slide.swiper-slide-active:after { transform: scale(0.5) translate(90px, -10px); } } .page-template-page-ambassador section#winners .top { background-size: cover; background-repeat: no-repeat; position: relative; } .page-template-page-ambassador section#winners .top .inner { padding-top: 85px; padding-bottom: 355px; display: flex; flex-direction: row; justify-content: space-between; max-width: 979px; margin: 0 auto; z-index: 3; position: relative; } .page-template-page-ambassador section#winners .top .inner .copy { max-width: 662px; } .page-template-page-ambassador section#winners .top .inner .copy p { color: #FFF; font-family: "Roboto Condensed"; font-size: 27px; font-style: normal; font-weight: 400; line-height: 40px; /* 148.148% */ letter-spacing: 2px; } .page-template-page-ambassador section#winners .top .inner .copy p strong { color: var(--Yellow, #FEC325); font-family: "Roboto Condensed"; font-size: 34px; font-style: normal; font-weight: 700; line-height: 34px; /* 100% */ letter-spacing: 2px; } .page-template-page-ambassador section#winners .top .inner .social-icons { display: flex; flex-direction: row; align-items: flex-end; gap: 14px; margin-bottom: 25px; } .page-template-page-ambassador section#winners .top:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(36, 36, 36, 0.65) 0%, rgba(36, 36, 36, 0.85) 100%); mix-blend-mode: multiply; } .page-template-page-ambassador section#winners .bottom { margin-top: -235px; z-index: 3; position: relative; } .page-template-page-ambassador section#winners .bottom .inner { position: relative; } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper { max-width: 1325px; margin: 0 0 50px auto; overflow: hidden; } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper .swiper-slide { max-width: 443px; width: 100%; perspective: 1000px; cursor: pointer; position: relative; width: 100%; height: 562px; margin-top: 65px; margin-bottom: 65px; } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper .swiper-slide .flip-card { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 0.6s; cursor: none; } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper .swiper-slide .card-face { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; top: 0; left: 0; } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper .swiper-slide .card-face img { max-width: 443px; width: 100%; max-height: 562px; height: auto; object-fit: cover; } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper .swiper-slide .card-face.card-front { transition: 0.2s all ease-in-out; } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper .swiper-slide .card-face.card-front .card-content { position: absolute; height: 100%; width: 100%; } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper .swiper-slide .card-face.card-front .card-content .year { position: absolute; top: 20px; left: 22px; background-color: #fec325; color: #000; font-family: "Roboto Condensed"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 1; padding: 12px 17px 12px 20px; z-index: 9; margin-bottom: 0; } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper .swiper-slide .card-face.card-front .card-content .handle { position: absolute; bottom: 29px; right: 27px; border: 1.127px solid #FFF; background: rgba(255, 255, 255, 0.3); color: #fff; text-decoration: none; padding: 8px 18px; display: flex; flex-direction: row; align-items: center; z-index: 9; } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper .swiper-slide .card-face.card-front .card-content .handle svg { margin-right: 17px; } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper .swiper-slide .card-face.card-front:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 53.88%, rgba(0, 0, 0, 0.55) 100%); } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper .swiper-slide .card-face.card-back { background: #f1f1f1; transform: rotateY(180deg); display: flex; flex-direction: column; align-items: center; justify-content: center; } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper .swiper-slide .card-face.card-back .bio { position: absolute; padding: 48px 47px; z-index: 3; } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper .swiper-slide .card-face.card-back .bio p { color: #000; font-family: "Roboto Condensed"; font-size: 23px; font-style: normal; font-weight: 400; line-height: 35px; /* 152.174% */ } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper .swiper-slide .card-face.card-back .bio a { text-decoration: underline; color: #000; } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper .swiper-slide .card-face.card-back:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(254, 195, 37, 0.9); } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper .flipped { transform: rotateY(-180deg); } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper .flipped .card-front { pointer-events: none; opacity: 0; } .page-template-page-ambassador section#winners .bottom .inner .scrollbar-wrapper { max-width: 1325px; margin: 50px 0 80px auto; } .page-template-page-ambassador section#winners .bottom .inner .scrollbar-wrapper .scrollbar-line { border-bottom: 2px solid #FEC325; max-width: 1033px; margin: 0 auto; position: relative; } .page-template-page-ambassador section#winners .bottom .inner .scrollbar-wrapper .swiper-scrollbar { position: relative; height: 10px; bottom: -5px; max-width: 980px; position: absolute; --swiper-scrollbar-bottom: 0; --swiper-scrollbar-drag-bg-color: #FEC325; --swiper-scrollbar-size: 12px; --swiper-scrollbar-bg-color: transparent; --swiper-scrollbar-sides-offset: 5%; --swiper-scrollbar-border-radius: 0px; } .page-template-page-ambassador section#winners .bottom .hover-label { position: fixed; border: 1.127px solid #FFF; background: rgba(255, 255, 255, 0.3); color: #FFF; border-radius: 50%; padding: 35px 24px; font-size: 18px; font-weight: 500; pointer-events: none; z-index: 1000; display: none; transform: translate(-50px, -50px); } @media only screen and (max-width: 1400px) { .page-template-page-ambassador section#winners .bottom .inner { padding-left: 25px; } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper { margin-left: 25%; } } @media only screen and (max-width: 1050px) { .page-template-page-ambassador section#winners .top .inner { padding-left: 25px; padding-right: 25px; flex-wrap: wrap; gap: 30px; } } @media only screen and (max-width: 550px) { .page-template-page-ambassador section#winners .bottom .inner #hover-label { display: none !important; } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper { margin-left: 25px; } .page-template-page-ambassador section#winners .bottom .inner .ambassador-winner-swiper .swiper-slide .card-face img { height: 562px; } } .page-template-page-ambassador section#icons { background: #242424; } .page-template-page-ambassador section#icons .inner { text-align: center; padding-top: 113px; padding-bottom: 113px; } .page-template-page-ambassador section#icons .inner h3 { color: var(--Yellow, #FEC325); text-align: center; font-family: "Roboto Condensed"; font-size: 34px; font-style: normal; font-weight: 400; line-height: 34px; /* 100% */ letter-spacing: 2px; margin-bottom: 65px; } .page-template-page-ambassador section#icons .inner .icon-wrapper { max-width: 1363px; margin: 0 auto 65px auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 37px; } .page-template-page-ambassador section#icons .inner .icon-wrapper .icon { max-width: 242px; } .page-template-page-ambassador section#icons .inner .icon-wrapper .icon p { color: var(--WHITE, #FFF); text-align: center; font-family: "Roboto Condensed"; font-size: 24px; font-style: normal; font-weight: 400; line-height: 32px; /* 133.333% */ letter-spacing: 2px; text-wrap: balance; } .page-template-page-ambassador section#icons .inner .icon-wrapper .icon img { margin-bottom: 9px; } @media only screen and (max-width: 960px) { .page-template-page-ambassador #container { margin-top: 0; } } /****************************** WHERE TO BUY TEMPLATE ******************************/ body.page-template-page-where-to-buy p.yellow { color: #FEC325; text-align: center; font-family: "Roboto Condensed"; font-size: 18px; font-weight: 700; line-height: 26px; } body.page-template-page-where-to-buy a.button { color: #ffffff; text-align: center; font-family: "Roboto Condensed"; font-size: 16px; font-weight: 700; line-height: 1em; padding: 8px 51px; height: auto; } body.page-template-page-where-to-buy a.button:hover { color: #000; } body.page-template-page-where-to-buy section.background-gray-dark { background: #222222; } body.page-template-page-where-to-buy section.background-gray-dark h1 { font-family: "Roboto Condensed", sans-serif; font-weight: normal; font-size: 34px; line-height: 34px; text-align: center; letter-spacing: 2px; color: #FFFFFF; padding: 0; margin: 0 auto 15px auto; } body.page-template-page-where-to-buy section.background-gray-dark h2 { font-family: "Roboto Condensed", sans-serif; font-weight: normal; font-size: 27px; line-height: 40px; text-align: center; letter-spacing: 2px; color: #FEC325; padding: 0; margin: 0 auto 48px auto; } body.page-template-page-where-to-buy section.wrap.background-gray-map .container { margin: 0 auto; padding-bottom: 53px; padding-top: 53px; } body.page-template-page-where-to-buy section.background-gray.wrap.background-gray-dark-results { background: #222222; } body.page-template-page-where-to-buy section.background-gray.wrap.background-gray-dark-results .container { margin: 0 auto; padding-bottom: 53px; padding-top: 10px; } body.page-template-page-where-to-buy section.wrap .container { width: auto; max-width: 1020px; margin: 0 auto; padding-bottom: 112px; padding-top: 112px; padding-right: 38px; } body.page-template-page-where-to-buy section.wrap.wrap-disclaimer { max-width: 900px; margin: 70px auto; } body.page-template-page-where-to-buy section.wrap.wrap-disclaimer p { font-weight: 300; font-size: 16px; line-height: 26px; text-align: center; color: #FFFFFF; } body.page-template-page-where-to-buy .half-wrapper { display: flex; justify-content: space-between; flex-direction: column; } @media (min-width: 768px) { body.page-template-page-where-to-buy .half-wrapper { flex-direction: row; } } body.page-template-page-where-to-buy .half { max-width: 100%; width: 100%; } body.page-template-page-where-to-buy .half input, body.page-template-page-where-to-buy .half label, body.page-template-page-where-to-buy .half select { width: 100%; max-width: 100%; } @media (min-width: 768px) { body.page-template-page-where-to-buy .half { max-width: 48%; } } body.page-template-page-where-to-buy .locations-filtered { border-radius: 0px; padding: 10px 30px; border: 2px solid; float: left; width: 100%; margin-top: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid #FEC325; font-family: "Roboto", sans-serif; font-weight: 300; font-size: 16px; line-height: 26px; color: #FFFFFF; } body.page-template-page-where-to-buy .locations-filtered a { font-family: "Roboto", sans-serif; font-weight: 300; font-size: 16px; line-height: 26px; color: #FEC325; } body.page-template-page-where-to-buy .locations-filtered img { vertical-align: bottom; } body.page-template-page-where-to-buy .submit-wrap { margin-top: 20px; } body.page-template-page-where-to-buy button[name=search-btn] { background: none; color: #fff; border: 3px solid #fff; clear: both; display: block; float: none; font-family: "Roboto Condensed", sans-serif; font-weight: normal; font-size: 16px; line-height: 26px; margin: auto; text-align: center; text-transform: uppercase; transition: all 0.3s ease; cursor: pointer; padding: 8px 51px; } body.page-template-page-where-to-buy button[name=search-btn]:hover { background: #fff; color: #222; } body.page-template-page-where-to-buy #map-canvas { height: 500px; } body.page-template-page-where-to-buy .map-search { margin-top: 50px; width: 100%; } body.page-template-page-where-to-buy .map-search p { margin-block: 1em; } @media only screen { body.page-template-page-where-to-buy .map-search label { color: #fff; display: block; margin-bottom: 0.3em; } } body.page-template-page-where-to-buy .map-search .field { width: 100%; text-align: center; padding: 0; } body.page-template-page-where-to-buy .map-search input[type=text], body.page-template-page-where-to-buy .map-search select[name=radius] { -webkit-appearance: none; background: transparent; border: 2px solid #fff; border-radius: 0; box-sizing: border-box; color: #fff; font-family: "Roboto Condensed", sans-serif; font-size: 16px; font-weight: 300; height: 42px; line-height: 38px; padding: 0 16px; width: 100%; } body.page-template-page-where-to-buy .map-search select[name=radius] { appearance: none; background-image: url("img/arrow-down.svg"); background-position: 98% center; background-repeat: no-repeat; color: #fff; } body.page-template-page-where-to-buy #location-list { display: inline-block; margin-top: 50px; } body.page-template-page-where-to-buy #location-list ul { list-style-type: none; padding: 0; margin: 0; display: flex; justify-content: flex-start; flex-wrap: wrap; width: 100%; } body.page-template-page-where-to-buy #location-list ul li { flex: 0 1 100%; width: 100%; margin-bottom: 30px; font-family: "Roboto", sans-serif; padding-right: 15px; font-weight: 300; font-size: 16px; line-height: 26px; box-sizing: border-box; } body.page-template-page-where-to-buy #location-list ul li strong { font-family: "Roboto Condensed", sans-serif; font-weight: normal; font-size: 27px; line-height: 40px; letter-spacing: 2px; color: #FEC325; } body.page-template-page-where-to-buy #location-list ul li a { color: #fff; text-decoration: underline; display: inline-block; } body.page-template-page-where-to-buy #location-list ul li a:hover { color: #FEC325; } @media (min-width: 768px) { body.page-template-page-where-to-buy #location-list ul li { width: 50%; flex: 1 1 50%; } } @media (min-width: 1070px) { body.page-template-page-where-to-buy #location-list ul li { width: 33.33%; max-width: 314px; flex: 1 1 33.33%; } } body.page-template-page-where-to-buy #location-list span.notes { font-size: 16px; line-height: 26px; font-weight: 400; } body.page-template-page-where-to-buy .retail-list ul li.hide { display: none; } body.page-template-page-where-to-buy .disclaimer { padding: 0 15px; margin-bottom: 20px; font-weight: bold; } @media (max-width: 550px) { body.page-template-page-where-to-buy #location-list ul li div + a.store-link { margin-top: 10px; } } /****************************** WHERE TO BUY TEMPLATE ******************************/ body.page-template-page-faq section.intro p a { text-decoration: underline !important; } body.page-template-page-faq .intro { background: #222; } body.page-template-page-faq .intro .content { max-width: 800px; margin: 0 auto; padding: 115px 30px; } body.page-template-page-faq .intro h1 { font-family: "Roboto Condensed", sans-serif; font-weight: normal; font-size: 34px; line-height: 34px; text-align: center; letter-spacing: 2px; color: #FFFFFF; margin: 0 0 15px; } body.page-template-page-faq .intro h2 { font-family: "Roboto Condensed", sans-serif; font-weight: normal; font-size: 27px; line-height: 40px; text-align: center; letter-spacing: 2px; color: #FEC325; margin: 0 0 40px 0; } body.page-template-page-faq .intro p { font-family: "Roboto", sans-serif; font-weight: 300; font-size: 16px; line-height: 26px; text-align: center; color: #FFFFFF; margin: 0; } body.page-template-page-faq .faq-container { background: #333; padding: 100px 30px; } body.page-template-page-faq .faq-wrap { max-width: 860px; margin: 0 auto; } body.page-template-page-faq .faq-wrap h2 { font-family: "Roboto Condensed", sans-serif; font-weight: normal; font-size: 27px; line-height: 40px; letter-spacing: 2px; color: #FEC325; margin: 0 0 22px 0; padding: 0; } body.page-template-page-faq .faq-wrap a { text-decoration: underline; } body.page-template-page-faq .faqs { margin: 0 0 70px; } body.page-template-page-faq .faqs .faq { margin: 15px 0; } body.page-template-page-faq .faqs .faq.show .faq-question:before { transform: rotate(45deg); top: 0px; } body.page-template-page-faq .faq-question { padding-left: 30px; position: relative; cursor: pointer; } body.page-template-page-faq .faq-question:before { content: ""; width: 15px; height: 15px; border-bottom: 3px solid #FEC325; border-right: 3px solid #FEC325; position: absolute; left: 0; top: 3px; transform: rotate(-45deg); transition: 0.2s ease-in-out; } body.page-template-page-faq .faq-question h3 { font-family: "Roboto", sans-serif; font-style: italic; font-weight: 500; font-size: 16px; line-height: 26px; color: #FFFFFF; } body.page-template-page-faq .faq-answer { padding-left: 30px; } body.page-template-page-faq .faq-answer p { font-family: "Roboto", sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #FFFFFF; margin: 0; padding: 0 0 12px 0; } body.page-template-page-faq .faq-answer img { width: auto; max-width: 100%; height: auto; } /****************************** WHERE TO BUY TEMPLATE ******************************/ body.home section.home-testimonial { height: auto; margin: 0; padding: 100px 30px 130px; background-image: url("/assets/images/swirl.png"); background-size: 580px auto; background-position: center 70%; background-repeat: no-repeat; background-color: #000; transition: 0.6s ease-in-out; } body.home section.home-testimonial .inner { text-align: center; max-width: 768px; margin: 0 auto; } body.home section.home-testimonial .inner p.testimonial { font-family: "Roboto Condensed"; font-weight: normal; font-size: 27px; line-height: 40px; text-align: center; letter-spacing: 2px; color: #FFFFFF; } body.home section.home-testimonial .inner p.testimonial strong { font-weight: bold; color: #FEC325; } body.home section.home-testimonial .inner p.author { font-family: "Roboto Condensed"; font-weight: normal; font-size: 18px; line-height: 26px; text-align: center; color: #FFFFFF; } body.home section.home-become-chef { background: #000; padding: 97px 30px 100px; height: auto; } body.home section.home-become-chef h2 { font-family: "Roboto Condensed"; font-weight: normal; font-size: 27px; line-height: 40px; text-align: center; letter-spacing: 2px; color: #FEC325; margin: 0 auto 65px; text-align: center; } body.home section.home-become-chef .inner { max-width: 1000px; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; } body.home section.home-become-chef .inner .half { flex: 0 0 45%; text-align: center; } body.home section.home-become-chef .inner .half p, body.home section.home-become-chef .inner .half h3 { color: #fff; } body.home section.home-become-chef .inner .half a.button { margin-top: 30px; margin-bottom: 0; } body.home section.home-become-chef .inner .half .sub-heading { font-size: 18px; margin-bottom: 44px; } @media only screen and (max-width: 768px) { body.home section.home-become-chef .inner { display: block; } body.home section.home-become-chef .inner .half:first-child { margin-bottom: 60px; } } /****************************** PRODUCT TEMPLATE ******************************/ @media (min-width: 769px) { body.page-template-page-products .sticky { position: sticky; top: 40px; } } body.page-template-page-products section.post-hero.beef-products { background: #222; } body.page-template-page-products section.post-hero.beef-products h1 { font-family: "Roboto Condensed"; font-weight: normal; font-size: 34px; line-height: 34px; text-align: center; letter-spacing: 2px; color: #FEC325; } body.page-template-page-products section.post-hero.beef-products h2 { font-family: "Roboto Condensed"; font-weight: normal; font-size: 27px; line-height: 40px; text-align: center; letter-spacing: 2px; color: #FFFFFF; } body.page-template-page-products section.premiumbeef-meaning { background: #333; margin: 0 auto; padding: 0; } body.page-template-page-products section.premiumbeef-meaning .inner { max-width: 1000px; margin: 0 auto; padding: 110px 30px; } body.page-template-page-products section.premiumbeef-meaning h2 { font-family: "Roboto Condensed"; font-weight: normal; font-size: 27px; line-height: 40px; letter-spacing: 2px; color: #FEC325; text-align: left; } body.page-template-page-products section.premiumbeef-meaning p { font-family: "Roboto"; font-weight: 300; font-size: 16px; line-height: 26px; color: #FFFFFF; } body.page-template-page-products section.premiumbeef-meaning ul { margin: 0; padding: 0 0 0 20px; } body.page-template-page-products section.premiumbeef-meaning ul li { font-family: "Roboto"; font-weight: 300; font-size: 16px; line-height: 26px; color: #FFFFFF; } body.page-template-page-products section.premiumbeef-meaning .links { text-align: center; } body.page-template-page-products section.premiumbeef-meaning .links a { margin: 5px 25px; } body.page-template-page-products section.premiumbeef-meaning .table { clear: both; display: table; width: 100%; background: #989898; margin: 45px auto; } body.page-template-page-products section.premiumbeef-meaning .table p { color: #222; display: table-cell; font-size: 13px; text-align: center; vertical-align: middle; } body.page-template-page-products section.premiumbeef-meaning .table .tcol { border: 1px solid #222; display: table-cell; width: 10%; } body.page-template-page-products section.premiumbeef-meaning .table .thead { background: #989898; display: table; height: 40px; width: 100%; } body.page-template-page-products section.premiumbeef-meaning .table .thead p { font-weight: 600; } body.page-template-page-products section.premiumbeef-meaning .table .tdesc { background: #dddddc; display: table; height: 60px; width: 100%; } body.page-template-page-products section.post-hero.beef-cuts { text-align: left; background: #000; padding: 110px 30px; } body.page-template-page-products section.post-hero.beef-cuts img { width: auto; max-width: 100%; height: auto; } body.page-template-page-products section.post-hero.beef-cuts .container { max-width: 1250px; margin: 0 auto; } body.page-template-page-products section.post-hero.beef-cuts h2 { font-family: "Roboto Condensed"; font-weight: normal; font-size: 27px; line-height: 40px; letter-spacing: 2px; color: #FEC325; text-align: left; } body.page-template-page-products section.post-hero.beef-cuts p { font-family: "Roboto"; font-weight: 300; font-size: 16px; line-height: 26px; color: #FFFFFF; } body.page-template-page-products section.post-hero.beef-cuts table { margin-top: 30px; width: 100%; } body.page-template-page-products section.post-hero.beef-cuts table tr td:first-child { font-family: "Roboto Condensed"; font-weight: normal; font-size: 24px; line-height: 35px; text-align: right; letter-spacing: 2px; color: #FEC325; max-width: 110px; padding: 12px 12px 12px 0; } body.page-template-page-products section.post-hero.beef-cuts table tr td:last-child { font-family: "Roboto Condensed"; font-weight: bold; font-size: 16px; line-height: 26px; color: #FFFFFF; padding: 12px 0 12px 12px; } body.page-template-page-products section.post-hero.beef-cuts ul { margin: 0; padding: 0 0 0 20px; } body.page-template-page-products .post-hero.formsection { background: #222; } body.page-template-page-products .post-hero.formsection .inner { padding: 0 30px; margin: 0 auto; max-width: 1200px; } body.page-template-page-products .post-hero.formsection h2 { font-family: "Roboto Condensed"; font-weight: normal; font-size: 27px; line-height: 40px; text-align: left; letter-spacing: 2px; color: #FEC325; margin: 0 0 15px; } body.page-template-page-products .post-hero.formsection h3 { font-family: "Roboto"; font-weight: 300; font-size: 16px; line-height: 26px; color: #FFFFFF; } body.page-template-page-products .post-hero.formsection p { margin-bottom: 15px; } body.page-template-page-products .post-hero.formsection .clearfix { width: 100%; } body.page-template-page-products .post-hero.formsection form { margin: 20px auto 0; } body.page-template-page-products .post-hero.formsection form > p { margin: 0 0 30px 0; } @media only screen and (max-width: 1336px) { body.page-template-page-products section.premiumbeef-meaning .table .tcol { border: 1px solid #222; box-sizing: border-box; display: block; float: left; width: 20% !important; } } body.page-template-page-products section.post-hero.beef-products .left h2 { max-width: 550px; margin-left: auto; margin-right: auto; } body.page-template-page-products section.post-hero.beef-products .right h2 { max-width: 490px; margin-left: auto; margin-right: auto; } body.page-template-page-products section.premiumbeef-meaning ul { margin-bottom: 15px; } .page-template-page-holiday-campaign section.intro { background: #333333; } .page-template-page-holiday-campaign section.intro .content { width: auto; max-width: 1020px; margin: 0 auto; padding-bottom: 112px; padding-top: 112px; } .page-template-page-holiday-campaign section.intro h1 { margin: 0 0 9px 0; color: #fff; } .page-template-page-holiday-campaign section.photo-left { background-image: url("/assets/images/bg-swirl.jpg"); background-repeat: no-repeat; background-position: center right; background-size: 100% auto; } .page-template-page-holiday-campaign section.photo-left strong { color: #fec325; } .page-template-page-holiday-campaign section.photo-right { background: #333333; } .page-template-page-holiday-campaign section.photo-right strong { color: #fec325; } .page-template-page-holiday-campaign section.form-container { background: #000; } .page-template-page-holiday-campaign section.form-container .content { max-width: 660px; margin: 0 auto; padding: 65px 30px; } .page-template-page-holiday-campaign section.form-container h2 { font-family: "Roboto Condensed"; font-weight: normal; font-size: 27px; line-height: 40px; text-align: center; letter-spacing: 2px; color: #FEC325; } .page-template-page-holiday-campaign section.form-container form .wpcf7-form-control-wrap { float: none; width: 100%; margin: 0 0 24px 0; display: inline-block; } .page-template-page-holiday-campaign section.form-container .half-wrap { display: flex; flex-direction: row; justify-content: space-between; } .page-template-page-holiday-campaign section.form-container .half-wrap .half { flex-grow: 0; flex-shrink: 0; flex-basis: calc(50% - 12px); } .page-template-page-holiday-campaign section.form-container .select-type { position: relative; } .page-template-page-holiday-campaign section.form-container .select-type:before { content: ""; width: 12px; height: 12px; border-bottom: 3px solid #FEC325; border-right: 3px solid #FEC325; position: absolute; top: 10px; right: 20px; transform: rotate(45deg); pointer-events: none; } .page-template-page-holiday-campaign section.form-container .select-type .wpcf7-not-valid-tip { right: 46px; } .page-template-page-holiday-campaign section.form-container form p { margin-bottom: 0; } .page-template-page-holiday-campaign section.form-container #upload { padding-bottom: 10px; margin-bottom: 24px; text-align: center; border: 2px solid #fff; padding: 20px; } .page-template-page-holiday-campaign section.form-container #upload input { cursor: pointer; max-width: 200px; } @media only screen and (max-width: 850px) { .page-template-page-holiday-campaign section.form-container .featured-chef-info .row { flex-direction: column; } } @media only screen and (max-width: 768px) { .page-template-page-holiday-campaign section.form-container .half-wrap { flex-direction: column; } .page-template-page-holiday-campaign section.form-container .half-wrap .half { flex-basis: 100%; } .page-template-page-holiday-campaign section.form-container .half-wrap br { display: none; } } .page-template-page-holiday-campaign section.form-container .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 10px 30px; border: 2px solid #00a0d2; width: 100%; max-width: none; text-align: center; font-family: "Roboto Condensed"; font-weight: 600; box-sizing: border-box; } .page-template-page-holiday-campaign section.content-banner { background: #222222; } .page-template-page-holiday-campaign section.content-banner .content { width: auto; max-width: 1020px; margin: 0 auto; padding-bottom: 112px; padding-top: 112px; } .page-template-page-holiday-campaign section.content-banner h1 { margin: 0 0 9px 0; color: #fff; } .page-template-page-holiday-campaign section.intro.footer-disclaimer { background: #000000; } .page-template-page-holiday-campaign-vote section.intro { background: #333333; } .page-template-page-holiday-campaign-vote section.intro .content { width: auto; max-width: 900px; margin: 0 auto; padding-bottom: 112px; padding-top: 112px; } .page-template-page-holiday-campaign-vote section.intro h1 { margin: 0 0 9px 0; color: #fff; } .page-template-page-holiday-campaign-vote section.holiday-voting { background-image: url("/wp-content/uploads/2021/11/holiday-vote-bg-1.jpg"); background-size: cover; background-position: center top; background-repeat: no-repeat; background-attachment: fixed; } .page-template-page-holiday-campaign-vote section.holiday-voting .content { width: auto; max-width: 900px; margin: 0 auto; padding-bottom: 100px; padding-top: 100px; } @media only screen and (max-width: 950px) { .page-template-page-holiday-campaign-vote section.holiday-voting .content { padding-left: 25px; padding-right: 25px; } } @media only screen and (max-width: 850px) { .page-template-page-holiday-campaign-vote section.holiday-voting .content { padding-left: 50px; padding-right: 50px; } } @media only screen and (max-width: 700px) { .page-template-page-holiday-campaign-vote section.holiday-voting .content { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 600px) { .page-template-page-holiday-campaign-vote section.holiday-voting .content { padding-left: 80px; padding-right: 80px; } } @media only screen and (max-width: 430px) { .page-template-page-holiday-campaign-vote section.holiday-voting .content { padding-left: 20px; padding-right: 20px; } } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 25px; width: 100%; margin: 0; padding: 0; position: relative; z-index: 5; } @media only screen and (max-width: 850px) { .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap { grid-template-columns: 1fr 1fr; grid-column-gap: 50px; } } @media only screen and (max-width: 700px) { .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap { grid-column-gap: 20px; } } @media only screen and (max-width: 600px) { .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap { grid-template-columns: 1fr; } } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap .recipe-vote { position: relative; margin-bottom: 33px; box-sizing: border-box; background: rgba(0, 0, 0, 0.6); padding-bottom: 20px; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap .recipe-vote-image { cursor: pointer; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap .recipe-vote-image img { display: block; margin: 0 auto 5px; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap .flxcol { display: flex; flex-direction: column; height: 150px; margin-bottom: 4px; justify-content: space-evenly; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap .recipe-vote-name { cursor: pointer; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap .recipe-vote-name p { font-family: "Roboto Condensed"; font-weight: bold; font-size: 24px; line-height: 29px; text-align: center; color: #FEC325; margin: 0; padding: 0 1em; } @media only screen and (max-width: 970px) { .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap .recipe-vote-name p br { display: none; } } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap .recipe-vote-name:hover p { color: #fff; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap .recipe-vote-email p { font-family: "Roboto Condensed"; font-style: normal; font-weight: normal; font-size: 16px; line-height: 26px; text-align: center; color: #FFFFFF; margin: 0 auto; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap .recipe-vote-email p:nth-child(1) { font-size: 20px; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap .daily-voting { font-family: "Roboto Condensed"; font-weight: normal; font-size: 14px; line-height: 16px; text-align: center; color: #FFFFFF; margin: 0 auto 2px; position: absolute; bottom: -40px; padding: 0 33px; display: none; opacity: 0; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap .recipe-vote-button .element-vote-button { border: 2px solid #FFFFFF; background: none; font-family: "Roboto Condensed"; font-weight: normal; font-size: 16px; line-height: 26px; color: #FFFFFF; text-align: center; position: relative; bottom: 0; left: 50%; padding: 8px 10px; width: 100%; max-width: 135px; transform: translateX(-50%); cursor: pointer; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap .recipe-vote-button .element-vote-button:hover, .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap .recipe-vote-button .element-vote-button.voted { background: #fff; color: #333; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap .recipe-vote-button .disabled-vote-button { pointer-events: none; opacity: 0.2; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-voting-wrap .recipe-vote-button .disabled-voted-button { opacity: 1; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-vote-close { cursor: pointer; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-overlay { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; opacity: 0; z-index: -2; pointer-events: none; display: none; background-color: rgba(51, 51, 51, 0.5); } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-overlay.active { display: block; pointer-events: all; opacity: 1; z-index: 15; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-vote-lightbox { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1055px; height: auto; min-height: 300px; display: none; pointer-events: none; opacity: 0; z-index: -1; padding: 70px 132px 70px 90px; box-sizing: border-box; background-color: #FEC325; background-size: cover; background-repeat: no-repeat; background-position: center right; background-image: url("/wp-content/uploads/2021/11/bg-swirl-yellow.png"); } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-vote-lightbox.active { display: block; pointer-events: all; opacity: 1; z-index: 20; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-vote-lightbox .recipe-vote-close { position: absolute; top: 0px; right: 0px; font-family: "Roboto Condensed"; font-weight: normal; font-size: 20px; line-height: 26px; letter-spacing: 2px; color: #000000; transition: 0.2s ease-in-out; padding: 20px; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-vote-lightbox .recipe-vote-close:hover { transform: scale(1.1); } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-vote-lightbox .recipe-vote-name p { font-family: "Roboto Condensed"; font-weight: bold; font-size: 22px; line-height: 29px; letter-spacing: 2px; color: #222222; margin: 0 0 15px 0; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-vote-lightbox .recipe-vote-email p { font-family: "Roboto Condensed"; font-weight: normal; font-size: 20px; line-height: 26px; letter-spacing: 2px; color: #222222; margin: 0 0 2px 0; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-vote-lightbox .recipe-vote-contents p { font-family: "Roboto"; font-weight: 300; font-size: 16px; line-height: 26px; color: #222222; margin: 40px 0 0 0; } @media only screen and (max-width: 768px) { .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-vote { flex: 0 0 33%; } } @media only screen and (max-width: 600px) { .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-vote { flex: 0 0 50%; } } @media only screen and (max-width: 500px) { .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-vote { flex: 0 0 100%; } } .page-template-page-holiday-campaign-vote section.intro.footer-disclaimer { background: #000000; } .page-template-page-holiday-campaign-vote section.intro.footer-disclaimer .content { max-width: 780px; } @media only screen and (max-width: 920px) { .page-template-page-holiday-campaign-vote section.intro .content { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 950px) { .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-vote-lightbox { padding: 70px 80px 70px 50px; } } @media only screen and (max-width: 700px) { .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-vote-lightbox { padding: 40px; } } @media only screen and (max-width: 460px) { .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-vote-lightbox .recipe-vote-contents { margin-top: 25px; position: relative; border-bottom: 2px solid #e4a907; padding-bottom: 4px; } .page-template-page-holiday-campaign-vote section.holiday-voting .recipe-vote-lightbox .recipe-vote-contents p { margin: 0; max-height: 197px; overflow: scroll; } } .blog-intro.post-hero .container { max-width: 900px; } .blog-intro.post-hero h2 { margin-bottom: 0; } .blog-posts .container, .recent-blog-posts .container { display: flex; flex-direction: row; flex-wrap: wrap; padding: 40px 20px; justify-content: center; gap: 40px; } .blog-posts .single-blog-post, .recent-blog-posts .single-blog-post { max-width: 480px; width: 100%; border: 2px solid #FFF; padding: 40px; box-sizing: border-box; text-align: center; margin-bottom: 40px; } .blog-posts .single-blog-post img, .recent-blog-posts .single-blog-post img { max-width: 100%; width: 100%; height: 246px; margin-bottom: 29px; object-fit: cover; object-position: center; } .blog-posts .single-blog-post h2, .recent-blog-posts .single-blog-post h2 { margin-bottom: 18px; } .blog-posts .single-blog-post p, .recent-blog-posts .single-blog-post p { margin-bottom: 31px; } .blog-posts { background-image: url("/assets/images/swirl.png"); background-repeat: no-repeat; background-position: top 58px center; background-size: 100%; } .blog-posts .blog-post-content { padding: 0px 21px; } .recent-blog-posts .container { flex-direction: column; padding-top: 55px; padding-bottom: 40px; } .recent-blog-posts .container > div { text-align: center; } .recent-blog-posts .container .recent-wrapper { display: flex; justify-content: center; flex-wrap: wrap; } .recent-blog-posts .single-blog-post { max-width: 350px; } .recent-blog-posts .single-blog-post img { height: 180px; margin-bottom: 25px; } .recent-blog-posts .single-blog-post h2 { margin-bottom: 25px; font-size: 21px; line-height: 32px; } .recent-blog-posts .button.yellow { border-color: #FEC325; } .recent-blog-posts .button.yellow:hover { background-color: #FEC325; } .single-blog { background: #FFF; padding-top: 30px; color: #222222; } .single-blog .container { max-width: 1000px; width: 100%; margin: 0 auto; } .single-blog .content-wrapper { max-width: 800px; width: 100%; margin: 0 auto; } .single-blog .content-wrapper img { height: auto; } .single-blog .featured-image { margin-bottom: 35px; } .single-blog .featured-image img { max-width: 100%; width: 100%; height: auto; } .single-blog .header-black { color: #333333; line-height: 40px; margin-bottom: 18px; } .single-blog .share { padding-top: 57px; padding-bottom: 77px; text-align: center; background-image: url("/assets/images/swirl.png"); background-repeat: no-repeat; background-position: center; background-size: contain; } @media (min-width: 600px) { .single-blog .share { background-size: 544px; } } .single-blog .share .addtoany_shortcode a { padding: 0 15px; } .single-blog .share .addtoany_shortcode a > span { border-radius: 50% !important; background-color: rgb(156, 156, 156) !important; } .single-blog .share .addtoany_shortcode a > span svg { transform: scale(0.8); } .single-blog .share .addtoany_shortcode a > span svg path { fill: rgb(255, 255, 255); } .single-blog .aligncenter, .single-blog img.aligncenter { margin: 0 auto; max-width: 100%; display: block; } .single-blog .wp-caption-text { font-family: Roboto Condensed; font-style: normal; font-weight: normal; font-size: 14px; line-height: 26px; color: #000000; } .single-blog p + .aligncenter { margin-top: 57px; margin-bottom: 57px; } .single-blog h2 { color: #222222; margin-top: 0; margin-bottom: 12px; } .single-blog p + h2 { margin-top: 47px; } .single-blog p { color: #222222; } .single-blog p strong { font-weight: bold; } .single-blog p.date { font-family: Roboto Condensed; font-style: normal; font-weight: normal; } .single-blog hr { margin-top: 35px; margin-bottom: 35px; border: 1px solid #FEC325; } .single-blog p a { color: #222222 !important; text-decoration: underline; } .single-blog h3 { font-family: Roboto Condensed; font-style: normal; font-weight: normal; font-size: 18px; line-height: 120%; color: #222222; margin: 2em 0 1em; } .single-blog li { color: #222222; } @media (min-width: 961px) { .single-blog { padding-top: 233px; } .single-blog .featured-image { margin-bottom: 72px; } } @media (min-width: 769px) { .page-template-page-blog .wrap-positioned-image.hero { padding-bottom: 43%; } .blog-intro.post-hero { padding-top: 120px; padding-bottom: 120px; } .blog-posts .container { padding-top: 120px; padding-bottom: 240px; } } .page-template-page-summer-steaks section, .page-template-page-summer-steaks div { box-sizing: border-box; } .page-template-page-summer-steaks .post-hero .interior-lead-content { width: 100%; max-width: 906px; margin-right: auto; margin-left: auto; text-align: center; } .page-template-page-summer-steaks .wrap-positioned-image.hero { padding-bottom: 42.5%; } .page-template-page-summer-steaks .interior-hero h1 { font-family: "Roboto Condensed", sans-serif; font-style: normal; font-weight: 700; font-size: 87px; line-height: 87px; letter-spacing: 4.35px; text-transform: uppercase; color: #FFFFFF; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); max-width: 1070px; width: 100%; position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 40%; } @media only screen and (max-width: 1350px) { .page-template-page-summer-steaks .interior-hero h1 { top: 35%; } } @media only screen and (max-width: 1150px) { .page-template-page-summer-steaks .interior-hero h1 { font-size: 60px; text-align: center; top: 33%; } } @media only screen and (max-width: 960px) { .page-template-page-summer-steaks .interior-hero h1 { top: 28%; } } @media only screen and (max-width: 815px) { .page-template-page-summer-steaks .interior-hero h1 { top: 20%; font-size: 50px; line-height: 40px; } } @media only screen and (max-width: 656px) { .page-template-page-summer-steaks .interior-hero h1 { top: 10%; } } .page-template-page-summer-steaks .interior-hero sup { font-size: 50px; top: -27px; } @media only screen and (max-width: 1150px) { .page-template-page-summer-steaks .interior-hero sup { font-size: 35px; top: -20px; } } @media only screen and (max-width: 815px) { .page-template-page-summer-steaks .interior-hero sup { top: -15px; font-size: 30px; } } .page-template-page-summer-steaks section#opening-copy { background: #333333; } .page-template-page-summer-steaks section#opening-copy .inner { max-width: 922px; width: 100%; margin: 0 auto; text-align: center; padding: 55px 0 67px 0; } .page-template-page-summer-steaks section#opening-copy .inner h2 { font-family: "Roboto Condensed", sans-serif; font-style: normal; font-weight: 700; font-size: 38px; line-height: 40px; letter-spacing: 2px; text-transform: capitalize; color: #FEC325; margin-bottom: 34px; } .page-template-page-summer-steaks section#opening-copy .inner p { font-family: "Roboto", sans-serif; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; text-align: center; color: #FFFFFF; } @media only screen and (max-width: 950px) { .page-template-page-summer-steaks section#opening-copy .inner { padding: 55px 3% 67px 3%; } } .page-template-page-summer-steaks section#how-to-enter { background-color: #242424; background-image: url("/wp-content/themes/element/img/summer-steak-swirl.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; } .page-template-page-summer-steaks section#how-to-enter .inner { display: flex; flex-direction: row; max-width: 1500px; width: 100%; margin: 0 auto; } .page-template-page-summer-steaks section#how-to-enter .inner .left, .page-template-page-summer-steaks section#how-to-enter .inner .right { width: 50%; } .page-template-page-summer-steaks section#how-to-enter .inner .left img { object-fit: cover; display: block; } @media only screen and (max-width: 1250px) { .page-template-page-summer-steaks section#how-to-enter .inner .left { padding-right: 0; } } .page-template-page-summer-steaks section#how-to-enter .inner .right { display: flex; flex-direction: column; justify-content: center; padding-left: 135px; padding-top: 151px; padding-bottom: 95px; } .page-template-page-summer-steaks section#how-to-enter .inner .right strong { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; font-size: 27px; line-height: 40px; letter-spacing: 2px; color: #FEC325; } .page-template-page-summer-steaks section#how-to-enter .inner .right p { margin-bottom: 30px; } .page-template-page-summer-steaks section#how-to-enter .inner .right ul { max-width: 460px; width: 100%; } .page-template-page-summer-steaks section#how-to-enter .inner .right ul li { font-family: "Roboto"; font-style: normal; font-weight: 300; font-size: 24px; line-height: 36px; color: #FFFFFF; margin: 10px 0; } @media only screen and (max-width: 1250px) { .page-template-page-summer-steaks section#how-to-enter .inner .right { padding-left: 5%; } } @media only screen and (max-width: 1200px) { .page-template-page-summer-steaks section#how-to-enter .inner { flex-direction: column-reverse; align-items: center; } .page-template-page-summer-steaks section#how-to-enter .inner .right { padding-top: 50px; max-width: 460px; width: 100%; } .page-template-page-summer-steaks section#how-to-enter .inner .right ul li { font-size: 22px; } .page-template-page-summer-steaks section#how-to-enter .inner .left { width: 100%; max-width: 100%; } .page-template-page-summer-steaks section#how-to-enter .inner .left img { margin: 0 auto; object-fit: contain; height: auto; } } .page-template-page-summer-steaks #carousel { padding-bottom: 52px; padding-top: 52px; background: #333333; } .page-template-page-summer-steaks #carousel .carousel__inner { text-align: center; } .page-template-page-summer-steaks #carousel .instafeed .insta-container { overflow: hidden; max-width: 898px; padding: 0; margin: 0 auto; } .page-template-page-summer-steaks #carousel .instafeed .insta-title h2 { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; font-size: 47.6561px; line-height: 71px; text-align: center; color: #FEC325; margin-bottom: 0; } .page-template-page-summer-steaks #carousel .instafeed .insta-title h3 { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; font-size: 38px; line-height: 56px; text-align: center; color: #FEC325; margin-top: -5px; } .page-template-page-summer-steaks #carousel .instafeed .insta-title p { font-family: "Roboto"; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; text-align: center; color: #FFFFFF; margin-top: 25px; margin-bottom: 15px; } .page-template-page-summer-steaks #carousel .instafeed .disclaimer { margin-top: -50px; } .page-template-page-summer-steaks #carousel .instafeed .disclaimer a { font-family: "Roboto"; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; text-align: center; text-decoration-line: underline; color: #FFFFFF; } .page-template-page-summer-steaks #footer .parallax-window { height: 634px; } @media only screen and (max-width: 768px) { .page-template-page-summer-steaks #footer .parallax-window { height: 300px; } } body.single-recipe { /* Begin Slider */ /* End Slider */ } body.single-recipe section.sliderheight { display: flex; flex-direction: row; } @media only screen and (max-width: 768px) { body.single-recipe section.sliderheight { display: block; } } body.single-recipe section.sliderheight .left, body.single-recipe section.sliderheight .right { float: none; } body.single-recipe section.sliderheight .recipe-photo { height: 100%; overflow: auto; } body.single-recipe .recipe-photo { height: 474px; } @media only screen and (max-width: 768px) { body.single-recipe .recipe-photo { height: auto; } } body.single-recipe .recipe-photo > .images { position: relative; } body.single-recipe .recipe-photo > .images img { max-width: 100%; max-height: 100%; width: 100%; height: 100%; position: relative; object-fit: cover; object-position: center; } body.single-recipe .recipe-photo > .images .swiper-wrap1 { max-width: 100%; width: 100%; height: 475px; } body.single-recipe .recipe-photo > .images .swiper-wrap1 .slide.video { position: relative; height: 475px; box-sizing: border-box; } body.single-recipe .recipe-photo > .images .swiper-wrap1 .slide.video img { position: absolute; z-index: 3; } body.single-recipe .recipe-photo > .images .swiper-wrap1 .slide.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%; } body.single-recipe .recipe-photo > .images .swiper-wrap1 .slick-track, body.single-recipe .recipe-photo > .images .swiper-wrap1 .slick-list { height: 100%; } body.single-recipe .recipe-photo > .images .swiper-wrap1 button { display: none; } body.single-recipe .recipe-photo > .images .swiper-wrap2 { position: relative; padding: 12px 0 25px; max-width: 650px; width: 100%; margin: 0 auto; } body.single-recipe .recipe-photo > .images .swiper-wrap2 .slick-list { max-width: 577px; margin: 0 auto; width: 100%; } body.single-recipe .recipe-photo > .images .swiper-wrap2 .slide { display: inline-block; margin: 0 7px; } body.single-recipe .recipe-photo > .images .swiper-wrap2 .slide, body.single-recipe .recipe-photo > .images .swiper-wrap2 img { max-width: 133px; width: 100%; } body.single-recipe .recipe-photo > .images .slick-prev, body.single-recipe .recipe-photo > .images .slick-next { height: 34px; width: 25px; top: 45%; z-index: 1; background: rgba(51, 51, 51, 0.8); padding: 4px; } body.single-recipe .recipe-photo > .images .slick-prev::before, body.single-recipe .recipe-photo > .images .slick-next::before { content: ""; cursor: pointer; display: inline-block; height: 44px; opacity: 0.5; overflow: visible; transition: all 0.3s ease; height: 100%; width: 100%; background-size: contain !important; } body.single-recipe .recipe-photo > .images .slick-prev:hover::before, body.single-recipe .recipe-photo > .images .slick-next:hover::before { opacity: 1; overflow: visible; } body.single-recipe .recipe-photo > .images .slick-next { right: 5px; } body.single-recipe .recipe-photo > .images .slick-prev { left: 5px; } body.single-recipe .slider-group { padding-top: 110px; } body.single-recipe .slider-group h1 { text-align: center; } body.single-recipe .slider-group h2 { text-align: center; font-size: 34px; } body.single-recipe .slider-group .container { max-width: 1756px; } body.single-recipe .slider-group .container .slick-next { right: 0; } body.single-recipe .slider-group .container .slick-prev { left: 0; } body.single-recipe .right.background-gray { background-image: url("/assets/images/swirl.png"); background-position: center right 140px; background-repeat: no-repeat; } body.single-recipe .right.background-gray .content { max-width: 560px !important; } body.single-recipe .right.background-gray a { color: #fff; font-size: 18px; font-weight: 700; text-decoration: none; } body.single-recipe .recipe-selector { margin: 0 35px 70px; text-align: center; } body.single-recipe .recipe-selector:focus { outline: none; } body.single-recipe .recipe-selector.active p { color: #fec325; } body.single-recipe .recipe-selector p { color: #fff; font-size: 18px !important; line-height: 26px !important; margin-top: 20px; transition: all 0.3s ease; } body.single-recipe .recipe-selector a { text-decoration: none; } body.single-recipe .recipe-selector .image-container { display: block; margin-bottom: 26px; padding: 14px; transition: all 0.3s ease; } body.single-recipe .recipe-selector .image-container:focus { outline: none; } body.single-recipe .recipe-selector img { width: 100%; } body.single-recipe .recipes { box-sizing: border-box; height: 970px; overflow: hidden; padding-top: 90px; } body.single-recipe .recipes .back-button { margin: 0 0 30px; } body.single-recipe .recipes .back-button a { color: white; font-weight: bold; font-family: "Roboto Condensed", sans-serif; } body.single-recipe .recipes .recipe { display: none; } body.single-recipe .recipes .recipe.active { display: block; } body.single-recipe .recipes .left { clear: left; } body.single-recipe .recipes .right { clear: right; } body.single-recipe .recipes h3 { border-bottom: 2px solid #fff; color: #fff; font-size: 18px; margin-bottom: 36px; padding-bottom: 18px; } body.single-recipe .recipes ul { list-style: none; margin-bottom: 12px; padding-left: 0; } body.single-recipe .recipes .instruction { margin-bottom: 4px; } body.single-recipe .half-containers .ingredients_left, body.single-recipe .half-containers .ingredients_right { box-sizing: border-box; float: left; padding-right: 20px; width: 50%; } body.single-recipe #container { padding-top: 130px; } body.single-recipe .recipes { height: auto; } @media only screen and (max-width: 960px) { body.single-recipe #container { padding-top: 0; } body.single-recipe .recipes { padding-bottom: 40px; } body.single-recipe .recipes .left, body.single-recipe .recipes .right { clear: both; display: table; padding-left: 0; width: 100%; } body.single-recipe .recipes .left { margin-bottom: 20px; } } @media only screen and (max-width: 768px) { body.single-recipe .recipe-selector { margin-left: 20px; margin-right: 20px; } } @media only screen and (max-width: 550px) { body.single-recipe .half-containers .ingredients_left, body.single-recipe .half-containers .ingredients_right { float: none; padding-right: 0; width: 100%; } body.single-recipe .slider-group { padding-top: 40px; } body.single-recipe .recipe-selector { margin-bottom: 0; } body.single-recipe .recipe-selector p { line-height: normal !important; } } .page-template-page-ambassador-application h1 { text-align: center; margin-bottom: 79px; } @media only screen and (min-width: 960px) { .page-template-page-ambassador-application .wrap-positioned-image.hero { padding-top: 130px; } } .page-template-page-ambassador-application .post-hero .interior-lead-content { width: 100%; max-width: 906px; margin-right: auto; margin-left: auto; text-align: center; } .page-template-page-ambassador-application section#program-details { background-color: #242424; padding-top: 113px; padding-bottom: 108px; position: relative; } .page-template-page-ambassador-application section#program-details .inner { z-index: 3; position: relative; } .page-template-page-ambassador-application section#program-details .inner h2 { color: var(--Yellow, #FEC325); text-align: center; font-family: "Roboto Condensed"; font-size: 34px; font-style: normal; font-weight: 400; line-height: 40px; /* 117.647% */ letter-spacing: 2px; margin-bottom: 0; } .page-template-page-ambassador-application section#program-details .inner .requirement-wrapper h3 { color: #FFF; text-align: center; font-family: "Roboto Condensed"; font-size: 27px; font-style: normal; font-weight: 400; line-height: 40px; /* 148.148% */ letter-spacing: 2px; margin-bottom: 51px; } .page-template-page-ambassador-application section#program-details .inner .requirement-wrapper .requirements { columns: 2; max-width: 1295px; margin: 0 auto 80px auto; } .page-template-page-ambassador-application section#program-details .inner .requirement-wrapper .requirements .single-requirement { background-color: #333; padding: 30px; max-width: 635px; margin-bottom: 30px; } .page-template-page-ambassador-application section#program-details .inner .requirement-wrapper .requirements .single-requirement .icon img { margin-bottom: 11px; } .page-template-page-ambassador-application section#program-details .inner .requirement-wrapper .requirements .single-requirement p { color: var(--Yellow, #FEC325); font-family: "Roboto Condensed"; font-size: 24px; font-style: normal; font-weight: 400; line-height: 32px; /* 133.333% */ letter-spacing: 2px; } .page-template-page-ambassador-application section#program-details .inner .requirement-wrapper:nth-of-type(2) .single-requirement:first-child { margin-bottom: 40px; } .page-template-page-ambassador-application section#program-details .inner .requirement-wrapper:nth-of-type(2) .single-requirement:nth-of-type(3), .page-template-page-ambassador-application section#program-details .inner .requirement-wrapper:nth-of-type(2) .single-requirement:nth-of-type(4), .page-template-page-ambassador-application section#program-details .inner .requirement-wrapper:nth-of-type(2) .single-requirement:nth-of-type(5) { padding-bottom: 10px; } .page-template-page-ambassador-application section#program-details .inner .requirement-wrapper:last-of-type .requirements { columns: 1; max-width: 841px; margin-bottom: 0; } .page-template-page-ambassador-application section#program-details .inner .requirement-wrapper:last-of-type .requirements .single-requirement { max-width: 100%; } .page-template-page-ambassador-application section#program-details:after { content: url("/assets/images/ambassador-swirl.png"); position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; height: 219px; width: 960px; z-index: 1; } @media only screen and (max-width: 1000px) { .page-template-page-ambassador-application section#program-details .inner { padding-left: 25px; padding-right: 25px; } .page-template-page-ambassador-application section#program-details .inner .requirement-wrapper .requirements { columns: 1; max-width: 100%; margin: 0 auto; } .page-template-page-ambassador-application section#program-details .inner .requirement-wrapper .requirements .single-requirement { max-width: 841px; margin: 0 auto 30px auto; } } @media only screen and (min-width: 768px) { .page-template-page-ambassador-application .photo-left { background-image: url("/assets/images/button-swirl-dark.png"); background-position: center; background-repeat: no-repeat; background-size: 100%; } .page-template-page-ambassador-application .photo-left .image, .page-template-page-ambassador-application .photo-left .right { min-height: 38vw; } .page-template-page-ambassador-application .photo-left a.button { margin-top: 60px; } } .page-template-page-ambassador-application section#dividing-image .inner img { width: 100%; height: 414px; object-fit: cover; object-position: center; } .page-template-page-ambassador-application section#terms .inner { padding-top: 80px; padding-bottom: 80px; max-width: 885px; margin: 0 auto; } .page-template-page-ambassador-application section#terms .inner h2 { color: var(--Yellow, #FEC325); text-align: center; font-family: "Roboto Condensed"; font-size: 16px; font-style: normal; font-weight: 700; line-height: 26px; /* 162.5% */ } .page-template-page-ambassador-application section#terms .inner p { color: #FFF; font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; } .page-template-page-ambassador-application section#terms .inner p strong { font-weight: 700; } .page-template-page-ambassador-application section#terms .inner ol { list-style-type: number; } .page-template-page-ambassador-application section#terms .inner .terms-content { max-width: 870px; } @media only screen and (max-width: 900px) { .page-template-page-ambassador-application section#terms .inner { box-sizing: border-box; width: 100%; padding-left: 25px; padding-right: 25px; } } .page-template-page-ambassador-application .ambassador-form { padding-top: 60px; padding-bottom: 60px; } .page-template-page-ambassador-application .ambassador-form label { display: none; } .page-template-page-ambassador-application .ambassador-form form .wpcf7-form-control-wrap { float: left; margin-bottom: 24px; margin-right: 0; position: relative; width: 100%; } .page-template-page-ambassador-application .ambassador-form .form-row { display: flex; justify-content: space-between; } .page-template-page-ambassador-application .ambassador-form .form-column { width: 47%; } .page-template-page-ambassador-application .ambassador-form p { padding: 0; margin: 0; } .page-template-page-ambassador-application .ambassador-form h3 { font-style: normal; font-weight: normal; font-weight: 400; color: #FFFFFF; padding-bottom: 60px; -webkit-font-smoothing: antialiased; } .page-template-page-ambassador-application .ambassador-form h4 { font-style: italic; font-weight: 300; font-size: 16px; line-height: 14px; color: #fff; } .page-template-page-ambassador-application .ambassador-form p.ambassador-checkbox { text-align: center; padding: 60px 0 20px; overflow: hidden; } .page-template-page-ambassador-application .ambassador-form p.ambassador-checkbox input[type=checkbox] { -webkit-appearance: checkbox; background: #fff; border: 2px solid #C4C4C4; border-radius: 1; height: 28px; padding: 0; width: 28px; vertical-align: middle; margin-right: 16px; } .page-template-page-ambassador-application .ambassador-form textarea { line-height: 21px; padding-top: 10px; } .page-template-page-ambassador-application .ambassador-form #recaptcha > div { margin: 0 auto 30px; } @media only screen and (max-width: 767px) { .page-template-page-ambassador-application .ambassador-form .form-row { display: block; justify-content: space-between; } .page-template-page-ambassador-application .ambassador-form .form-column { width: 100%; } } .page-template-page-ambassador-application section.photo-right.aoy-section { padding-top: 146px; padding-bottom: 45px; } .page-template-page-ambassador-application section.photo-right.aoy-section .aoy-inner { max-width: 1440px; width: 100%; margin: 0 auto; } .page-template-page-ambassador-application section.photo-right.aoy-section p { font-family: "Roboto"; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #FFFFFF; max-width: 100%; width: 100%; } .page-template-page-ambassador-application section.photo-right.aoy-section ul { max-width: 557px; width: 100%; padding-left: 26px; } .page-template-page-ambassador-application section.photo-right.aoy-section strong { color: #FEC325; font-family: "Roboto"; font-style: normal; font-weight: 700; font-size: 16px; line-height: 26px; color: #FEC325; } .page-template-page-ambassador-application section.photo-right.aoy-section .left { padding-top: 60px; } .page-template-page-ambassador-application section.photo-right.aoy-section .left h2 { max-width: 616px; width: 100%; font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; font-size: 34px; line-height: 42px; letter-spacing: 2px; text-transform: capitalize; color: #FEC325; } @media only screen and (max-width: 768px) { .page-template-page-ambassador-application section.photo-right.aoy-section { padding-top: 0; } } .page-template-page-ambassador-application section.photo-right.aoy-section .content { max-width: 905px; margin: 0 auto 56px auto; text-align: center; } .page-template-page-ambassador-application section.photo-right.aoy-section .content p { max-width: 100%; } .page-template-page-ambassador-application section.photo-right.aoy-section .image-content { max-width: 1095px; margin: 0 auto; } .page-template-page-ambassador-application section.photo-right.aoy-section .image-content img { display: inline-block; height: auto; max-height: 554px; } .page-template-page-ambassador-application section.photo-right.aoy-section .image-content #vert-video { max-width: 311px; } @media only screen and (max-width: 1090px) { .page-template-page-ambassador-application section.photo-right.aoy-section .image-content { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 5px; max-width: 100%; width: 100%; } .page-template-page-ambassador-application section.photo-right.aoy-section .image-content video { height: auto; width: 100%; } .page-template-page-ambassador-application section.photo-right.aoy-section .image-content img { height: auto !important; } .page-template-page-ambassador-application section.photo-right.aoy-section .image-content .second-grid { display: none; } } @media only screen and (max-width: 768px) { .page-template-page-ambassador-application section.photo-right.aoy-section .image-content .first-grid { display: none; } } .page-template-page-ambassador-application section.aoy-final { width: 100%; background-image: url("/wp-content/themes/element/img/Swirl-Graphic.png"); background-size: 1078px 295px; background-repeat: no-repeat; background-position: top; padding-top: 45px; padding-bottom: 102px; } .page-template-page-ambassador-application section.aoy-final a { text-decoration: underline; } .page-template-page-ambassador-application section.aoy-final strong { color: #FEC325; } .page-template-page-ambassador-application section.aoy-final .bonus-beef { max-width: 792px; width: 100%; margin: 0 auto; display: block; } .page-template-page-ambassador-application section.aoy-final .bonus-beef .left { max-width: 131px; width: 100%; border-right: 5px solid #FEC325; padding-right: 0; } .page-template-page-ambassador-application section.aoy-final .bonus-beef .left p { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; font-size: 37.4894px; line-height: 36px; text-transform: uppercase; color: #FEC325; margin-bottom: 0; } .page-template-page-ambassador-application section.aoy-final .bonus-beef .left .large-text { font-size: 47.6561px; } .page-template-page-ambassador-application section.aoy-final .bonus-beef .right { max-width: 633px; width: 100%; padding-left: 0; margin-left: 28px; } @media only screen and (max-width: 800px) { .page-template-page-ambassador-application section.aoy-final .bonus-beef .right { float: none; max-width: 100%; margin-left: 0; padding: 0 3%; } .page-template-page-ambassador-application section.aoy-final .bonus-beef .left { float: none; margin: 0 auto; border: none; margin-bottom: 25px; } } .page-template-page-ambassador-application section.aoy-final .next-year-aoy { display: block; padding-top: 73px; } .page-template-page-ambassador-application section.aoy-final .next-year-aoy p { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; font-size: 27px; line-height: 40px; letter-spacing: 2px; color: #FFFFFF; } .page-template-page-ambassador-application section.aoy-final .next-year-aoy strong { color: #FEC325; font-weight: normal; } .page-template-page-ambassador-application .ambassador-form { padding-top: 60px; padding-bottom: 60px; } .page-template-page-ambassador-application .ambassador-form label { display: none; } .page-template-page-ambassador-application .ambassador-form form .wpcf7-form-control-wrap { float: left; margin-bottom: 24px; margin-right: 0; position: relative; width: 100%; } .page-template-page-ambassador-application .ambassador-form .form-row { display: flex; justify-content: space-between; } .page-template-page-ambassador-application .ambassador-form .form-column { width: 47%; } .page-template-page-ambassador-application .ambassador-form p { padding: 0; margin: 0; } .page-template-page-ambassador-application .ambassador-form h3 { font-style: normal; font-weight: normal; font-weight: 400; color: #fff; padding-bottom: 60px; -webkit-font-smoothing: antialiased; } .page-template-page-ambassador-application .ambassador-form h4 { font-style: italic; font-weight: 300; font-size: 16px; line-height: 14px; color: #fff; } .page-template-page-ambassador-application .ambassador-form p.ambassador-checkbox { text-align: center; padding: 60px 0 20px; overflow: hidden; } .page-template-page-ambassador-application .ambassador-form p.ambassador-checkbox input[type=checkbox] { -webkit-appearance: checkbox; background: #fff; border: 2px solid #c4c4c4; border-radius: 1; height: 28px; padding: 0; width: 28px; vertical-align: middle; margin-right: 16px; } .page-template-page-ambassador-application .ambassador-form #recaptcha > div { margin: 0 auto 30px; } @media only screen and (max-width: 767px) { .page-template-page-ambassador-application .ambassador-form .form-row { display: block; justify-content: space-between; } .page-template-page-ambassador-application .ambassador-form .form-column { width: 100%; } } .page-template-page-ambassador-application section.photo-right.aoy-section { padding-top: 146px; padding-bottom: 45px; } .page-template-page-ambassador-application section.photo-right.aoy-section .aoy-inner { max-width: 1440px; width: 100%; margin: 0 auto; } .page-template-page-ambassador-application section.photo-right.aoy-section p { font-family: "Roboto"; font-style: normal; font-weight: 300; font-size: 16px; line-height: 26px; color: #fff; max-width: 633px; width: 100%; } .page-template-page-ambassador-application section.photo-right.aoy-section ul { max-width: 557px; width: 100%; padding-left: 26px; } .page-template-page-ambassador-application section.photo-right.aoy-section strong { color: #fec325; font-family: "Roboto"; font-style: normal; font-weight: 700; font-size: 16px; line-height: 26px; color: #fec325; } .page-template-page-ambassador-application section.photo-right.aoy-section .left { padding-top: 60px; } .page-template-page-ambassador-application section.photo-right.aoy-section .left h2 { max-width: 616px; width: 100%; font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; font-size: 34px; line-height: 42px; letter-spacing: 2px; text-transform: capitalize; color: #fec325; } @media only screen and (max-width: 768px) { .page-template-page-ambassador-application section.photo-right.aoy-section { padding-top: 0; } } .page-template-page-ambassador-application section.aoy-final { width: 100%; background-image: url("/wp-content/themes/element/img/Swirl-Graphic.png"); background-size: 1078px 295px; background-repeat: no-repeat; background-position: top; padding-top: 45px; padding-bottom: 102px; } .page-template-page-ambassador-application section.aoy-final a { text-decoration: underline; } .page-template-page-ambassador-application section.aoy-final strong { color: #fec325; } .page-template-page-ambassador-application section.aoy-final .bonus-beef { max-width: 792px; width: 100%; margin: 0 auto; display: block; } .page-template-page-ambassador-application section.aoy-final .bonus-beef .left { max-width: 131px; width: 100%; border-right: 5px solid #fec325; padding-right: 0; } .page-template-page-ambassador-application section.aoy-final .bonus-beef .left p { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; font-size: 37.4894px; line-height: 36px; text-transform: uppercase; color: #fec325; margin-bottom: 0; } .page-template-page-ambassador-application section.aoy-final .bonus-beef .left .large-text { font-size: 47.6561px; } .page-template-page-ambassador-application section.aoy-final .bonus-beef .right { max-width: 633px; width: 100%; padding-left: 0; margin-left: 28px; } @media only screen and (max-width: 800px) { .page-template-page-ambassador-application section.aoy-final .bonus-beef .right { float: none; max-width: 100%; margin-left: 0; padding: 0 3%; } .page-template-page-ambassador-application section.aoy-final .bonus-beef .left { float: none; margin: 0 auto; border: none; margin-bottom: 25px; } } .page-template-page-ambassador-application .next-year-aoy { display: block; padding-top: 73px; } .page-template-page-ambassador-application .next-year-aoy p { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; font-size: 27px; line-height: 40px; letter-spacing: 2px; color: #fff; } .page-template-page-ambassador-application .next-year-aoy strong { color: #fec325; font-weight: normal; } .page-template-page-ambassador-application section.video-col { background-color: #000; display: table; overflow: hidden; width: 100%; padding-top: 75px; padding-bottom: 75px; } .page-template-page-ambassador-application section.video-col .container { width: 100%; height: 100%; } .page-template-page-ambassador-application section.video-col .container .left { height: 376px; display: flex; flex-direction: column; justify-content: center; } .page-template-page-ambassador-application section.video-col .container .left .copy-wrapper { max-width: 572px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; align-items: center; } .page-template-page-ambassador-application section.video-col .container .left h1, .page-template-page-ambassador-application section.video-col .container .left h2, .page-template-page-ambassador-application section.video-col .container .left h3, .page-template-page-ambassador-application section.video-col .container .left h4, .page-template-page-ambassador-application section.video-col .container .left h5 { color: var(--Yellow, #FEC325); font-family: "Roboto Condensed"; font-size: 34px; font-style: normal; font-weight: 400; line-height: 42px; /* 123.529% */ letter-spacing: 2px; text-transform: capitalize; } .page-template-page-ambassador-application section.video-col .container .left p { color: #FFF; font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 300; line-height: 26px; /* 162.5% */ margin-top: 45px; } .page-template-page-ambassador-application section.video-col .container .right .content { position: relative; } .page-template-page-ambassador-application section.video-col .container .right .content .video-placeholder { cursor: pointer; } .page-template-page-ambassador-application section.video-col .container .right .content .video-placeholder:after { content: url("/assets/images/play-circle.svg"); position: absolute; top: 50%; left: 50%; width: 64px; height: 64px; transform: translate(-50%, -50%); } .page-template-page-ambassador-application section.video-col .container .right .responsive-video { width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; display: none; } .page-template-page-ambassador-application section.video-col .container .right .responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } .page-template-page-ambassador-application section.video-col .container .right img { max-width: 100%; height: auto; display: block; } @media only screen and (max-width: 950px) { .page-template-page-ambassador-application section.video-col .container { display: flex; flex-direction: column; align-items: center; } .page-template-page-ambassador-application section.video-col .right { float: none; max-width: 667px; width: 100%; } .page-template-page-ambassador-application section.video-col .left { height: 100% !important; margin-bottom: 50px; } .page-template-page-ambassador-application section.video-col .right, .page-template-page-ambassador-application section.video-col .left { padding: 0; } } .page-template-page-ambassador-voting section#intro-copy { padding-top: 250px; padding-bottom: 112px; } .page-template-page-ambassador-voting section#intro-copy h1 { font-size: 34px; color: #FFF; margin-bottom: 10px; letter-spacing: 2px; } .page-template-page-ambassador-voting section#intro-copy .inner { max-width: 900px; margin: 0 auto; text-align: center; padding-left: 25px; padding-right: 25px; } .page-template-page-ambassador-voting section#videos { background-color: #222; padding-top: 0; padding-bottom: 100px; } .page-template-page-ambassador-voting section#videos .inner { display: flex; flex-direction: row; max-width: 1334px; margin: 0 auto; justify-content: flex-start; flex-wrap: wrap; padding-left: 25px; padding-right: 25px; gap: 30px; } .page-template-page-ambassador-voting section#videos .inner h2 { flex-basis: 100%; margin: 50px 0 0 0; } .page-template-page-ambassador-voting section#videos .inner .video-wrapper { max-width: 311px; } .page-template-page-ambassador-voting section#videos .inner .video-wrapper video { max-width: 311px; } .page-template-page-ambassador-voting section#videos .inner .creator-info { text-align: center; } .page-template-page-ambassador-voting section#videos .inner .creator-info p { font-size: 21px; font-weight: 700; color: #fec325; margin-bottom: 10px; } .page-template-page-ambassador-voting section#videos .inner .creator-info a { font-size: 18px; color: #FFF; text-decoration: none; font-weight: 600; cursor: pointer; } .page-template-page-ambassador-voting section#videos .inner .creator-info a:hover { color: #fec325; } @media only screen and (max-width: 1384px) { .page-template-page-ambassador-voting section#videos .inner { max-width: 990px; justify-content: space-around; } } .page-template-page-ambassador-voting #footer .footer-image .parallax-window { background-position: center !important; height: 400px; } body { background: #333; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, .h1, h2 { color: #fec325; font-size: 34px; letter-spacing: 2px; margin-bottom: 44px; } h2 { font-size: 27px; line-height: 40px; } h2.w-sub { margin-bottom: 0; } h2.w-sub + .sub-heading { font-size: 18px; margin-bottom: 44px; } p, q, li { color: #fff; font-size: 16px; line-height: 26px; } ul, p { margin-bottom: 12px; } section p a { color: #fff; text-decoration: underline; } section p a:visited { color: #fff; } q { font-size: 16px; font-style: italic; } ul { list-style: initial; padding-left: 14px; } h1 sup, h2 sup { top: -15px; } sup { font-size: 12px; margin-top: -10px; position: relative; top: -8px; } strong { font-weight: 700; } img { max-width: 100%; } .container { box-sizing: border-box; margin: 0 auto; max-width: 1430px; padding: 0 40px; } .hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .clearfix { clear: both; content: ""; display: table; } .button { border: 2px solid #fff; box-sizing: border-box; color: #fff; display: inline-block; height: 42px; line-height: 38px; min-width: 182px; padding: 0 44px; text-align: center; text-decoration: none; text-transform: uppercase; transition: all 0.3s ease; } .button:hover, .button.active { background-color: #fff; color: #222; } .button-large { border: 3px solid #fff; clear: both; display: block; float: none; font-size: 26px; font-weight: 700; height: 66px; line-height: 60px; margin: auto; text-align: center; text-transform: uppercase; transition: all 0.3s ease; width: 236px; } .button-large:hover { background: #fff; color: #222; } .header-white { color: #fff; margin-bottom: 10px; } .interior-hero > .parallax-window { padding-bottom: 36.5%; width: 100%; } .wrap-positioned-image { width: 100%; position: relative; overflow: hidden; } .wrap-positioned-image.hero { padding-bottom: 36.5%; } .wrap-positioned-image.footer { margin-bottom: -2px; margin-top: -2px; height: 538px; } .wrap-positioned-image.photo-center { height: 474px; } .wrap-positioned-image.photo-left, .wrap-positioned-image.photo-right { height: 100%; } .wrap-positioned-image.photo-both { height: 474px; z-index: -1; } .wrap-positioned-image img { position: absolute; object-fit: cover; width: 100%; height: 100%; } .wrap-positioned-image.photo-center img { object-fit: none; } @media only screen and (max-width: 768px) { .wrap-positioned-image.hero { padding-bottom: 0; height: 308px; } .wrap-positioned-image.footer { height: 308px; } .wrap-positioned-image.photo-left, .wrap-positioned-image.photo.right { height: auto; padding-bottom: 50%; } .wrap-positioned-image.photo-both { height: auto; padding-bottom: 50%; } .wrap-positioned-image.photo-center { height: auto; padding-bottom: 50%; } } .background-gray { background-color: #333; } .background-dark-gray { background-color: #222; } .post-hero { display: block; height: auto; padding-bottom: 112px; padding-top: 112px; } .post-hero.background-gray { text-align: center; } .post-hero.background-gray .content { text-align: center; } .post-hero.background-gray .content p { margin: auto; max-width: 586px; } .post-hero .content { margin: auto; } section.photo-left, section.photo-right, section.photo-both { display: table; overflow: hidden; width: 100%; } section.photo-left .image, section.photo-right .image, section.photo-both .image { background-color: #000; background-position: center; background-repeat: no-repeat; background-size: cover; display: block; height: 474px; } section .left, section .right { box-sizing: border-box; float: left; width: 50%; } section .left a, section .right a { color: #fff; } section .left { padding-right: 44px; } section .right { padding-left: 44px; } section.photo-right .right, section.photo-left .left { padding: 0; } section.photo-right .left, section.photo-left .right { display: table; height: 474px; vertical-align: middle; } section.photo-right .left .container, section.photo-left .right .container { box-sizing: border-box; display: table-cell; max-width: 695px; vertical-align: middle; } section.photo-right .left .container .content, section.photo-left .right .container .content { max-width: 655px; } section.photo-right .left .container { padding-right: 0; } section.photo-left .right .container { padding-left: 0; } section.photo-both .left, section.photo-both .right { padding: 0; } section.photo-right .left .content { margin-left: auto; } .featured-chef { background: #222; display: table; width: 100%; } .featured-chef .container { display: table; height: 100%; width: 100%; } .featured-chef .left { display: table-cell; float: none; max-width: 510px; padding-right: 30px; width: 26.6%; vertical-align: middle; } .featured-chef .right { display: table-cell; float: none; padding-left: 30px; vertical-align: middle; width: 73.4%; } .featured-chef .content { margin-bottom: 44px; } .slick-prev, .slick-next { height: 44px; width: 26px; top: 29%; z-index: 1; } .slick-prev::before, .slick-next::before { content: ""; cursor: pointer; display: inline-block; height: 44px; opacity: 0.5; overflow: visible; transition: all 0.3s ease; width: 26px; } .slick-prev:hover::before, .slick-next:hover::before { opacity: 1; overflow: visible; } .slick-prev { left: -10px; } .slick-next { right: -10px; } .slick-prev::before { background: url("/assets/images/arrow-left.png") center no-repeat; } .slick-next::before { background: url("/assets/images/arrow-right.png") center no-repeat; } form { margin-top: 44px; } form input:not([type=checkbox]), form textarea, form select { -webkit-appearance: none; background: transparent; border: 2px solid #fff; border-radius: 0; box-sizing: border-box; color: #fff; font-family: "Roboto Condensed", sans-serif; font-size: 16px; font-weight: 300; height: 42px; line-height: 38px; padding: 0 16px; width: 100%; } form input:not([type=checkbox]) option, form textarea option, form select option { color: #222; } form input:not([type=checkbox])[type=submit], form textarea[type=submit], form select[type=submit] { border: 3px solid #fff; clear: both; display: block; float: none; font-size: 26px; font-weight: 700; height: 66px; line-height: 60px; margin: auto; text-align: center; text-transform: uppercase; transition: all 0.3s ease; width: 236px; } form input:not([type=checkbox])[type=submit]:hover, form textarea[type=submit]:hover, form select[type=submit]:hover { background: #fff; color: #222; } form input:not([type=checkbox])::-webkit-input-placeholder, form textarea::-webkit-input-placeholder, form select::-webkit-input-placeholder { color: #fff; } form input:not([type=checkbox])::-moz-placeholder, form textarea::-moz-placeholder, form select::-moz-placeholder { color: #fff; } form input:not([type=checkbox]):-ms-input-placeholder, form textarea:-ms-input-placeholder, form select:-ms-input-placeholder { color: #fff; } form input:not([type=checkbox]):-moz-placeholder, form textarea:-moz-placeholder, form select:-moz-placeholder { color: #fff; } form .wpcf7-form-control-wrap { float: left; margin-bottom: 24px; margin-right: 102px; position: relative; width: calc(50% - 51px); } form .wpcf7-form-control-wrap:nth-child(2n) { margin-right: 0; } form .wpcf7-form-control-wrap.Message { clear: both; display: block; float: none; width: 100%; } form .wpcf7-form-control-wrap.customer { margin-right: 0px; } form textarea { height: 128px; width: 100%; } form .wpcf7-not-valid-tip { position: absolute; right: 16px; top: 12px; } form div.wpcf7-validation-errors { border: 0; color: #f00; } .form-instructions { font-size: 18px; line-height: 32px; } .form-instructions + small { color: #fff; } .submit-wrap { background: url("/assets/images/button-swirl.png") center no-repeat; background-size: contain; box-sizing: border-box; height: 144px; margin: auto; max-width: 516px; padding: 39px 0; width: 100%; } .featuredchef-form { background-color: #000; margin: 0; padding: 45px 20px; } .featuredchef-form .container { padding: 40px 0 45px; text-align: center; background: url("/assets/images/button-swirl.png") center no-repeat; background-size: 514px auto; background-position: bottom center; box-sizing: border-box; transition: 0.6s ease-in-out; } .featuredchef-form .joinus { font-family: "Roboto Condensed", sans-serif; font-style: normal; font-weight: bold; font-size: 26px; line-height: 34px; color: #FFFFFF; border: 2px solid #FFFFFF; padding: 17px 52px; display: inline-block; margin: 0 auto; text-transform: uppercase; text-align: center; transition: 0.2s ease-in-out; cursor: pointer; position: relative; } .featuredchef-form .joinus:hover { background: #fff; color: #000; } .featuredchef-form h2 { color: #FEC325; font-family: Roboto Condensed; font-style: normal; font-weight: normal; font-size: 39px; line-height: 47px; display: block; align-items: center; text-align: center; letter-spacing: 0.09em; } .featuredchef-form h2 strong { text-transform: uppercase; padding: 0; align-items: baseline; } .featuredchef-form h3 { font-size: 27px; line-height: 40px; color: #fff; letter-spacing: 2px; padding-bottom: 44px; } .featuredchef-form .hiddenform { max-height: 0; overflow: hidden; transition: 0.6s ease-in-out; } .featuredchef-form form { margin: 0; text-align: left; } .featuredchef-form .submit-wrap { height: auto; margin: 0 auto; padding: 20px 0 0; background-position: bottom center; } .featuredchef-form .submit-wrap .futureinformation { margin: 0 auto 15px auto; } .featuredchef-form .submit-wrap .wpcf7-form-control-wrap { margin: 0 auto; width: 100%; text-align: center; color: #fff; } .featuredchef-form .submit-wrap .wpcf7-list-item-label { line-height: 40px; padding-left: 20px; } .featuredchef-form .submit-wrap input[type=checkbox] { width: 30px; height: 30px; border: 2px solid #FEC325; float: left; padding: 0; position: relative; outline: none; } .featuredchef-form .submit-wrap input[type=checkbox]:checked { outline: none; border: 2px solid #FEC325; } .featuredchef-form .submit-wrap input[type=checkbox]:checked:after { content: "✓"; top: 0; left: 0; position: absolute; background: #FEC325; width: 100%; height: 100%; line-height: 30px; text-align: center; color: #000; font-size: 30px; } .featuredchef-form .submit-wrap .wpcf7-form-control.wpcf7-recaptcha > div { margin: 20px auto 30px; } .featuredchef-form.showform .container { background-position: center 1000px; } .featuredchef-form.showform .joinus { display: none; } .featuredchef-form.showform .hiddenform { max-height: 1000px; } .social .phone, .social .facebook { color: #fff; display: inline-block; font-size: 16px; height: 40px; line-height: 40px; padding-left: 50px; text-decoration: none; } .social .phone { background: url("/assets/images/phone.png") center left no-repeat; margin-right: 40px; } .social .facebook { background: url("/assets/images/facebook.png") center left no-repeat; } #header { background: url("/assets/images/nav-background-interior.png") center top no-repeat; box-sizing: border-box; position: absolute; width: 100%; z-index: 100; } .home #header { background: url("/assets/images/nav-background-home.png") center top no-repeat; top: 0; } .page-template-page-home .home-button { border: 2px solid #fff; box-sizing: border-box; color: #fff; display: inline-block; min-height: 42px; min-width: 182px; padding: 15px 44px; text-align: center; text-decoration: none; text-transform: uppercase; transition: all 0.3s ease; } .page-template-page-home .home-button:hover, .page-template-page-home .home-button.active { background-color: #fff; color: #222; } @media only screen and (max-width: 550px) { .page-template-page-home .home-left { margin-left: 16% !important; width: auto !important; max-width: 100% !important; } } @media only screen and (max-width: 370px) { .page-template-page-home .home-left { margin-left: 9% !important; } } @media only screen and (max-width: 550px) { .page-template-page-home .home-right { margin-left: 25% !important; width: auto !important; max-width: 100% !important; } } @media only screen and (max-width: 370px) { .page-template-page-home .home-right { margin-left: 18% !important; } } .page-template-page-home .home-button-center-wrap { background-color: rgba(51, 51, 51, 0.45); color: #fff; position: absolute; top: 44%; width: 37%; margin-left: 28%; max-width: 42%; } .page-template-page-home .home-button-center-wrap:hover { background-color: #fff; border-color: #fff; } .page-template-page-home .button-links { display: flex; flex-direction: row; justify-content: center; margin-top: 50px; } .page-template-page-home .button-links a:first-child { margin-right: 25px; } @media only screen and (max-width: 899px) { .page-template-page-home .button-links a:first-child { margin-right: 0; margin-bottom: 20px; } } @media only screen and (max-width: 899px) { .page-template-page-home .button-links { flex-direction: column; } } .mobile-menu { display: none; } .mobile-logo { display: none; } #menu { height: 230px; margin: auto; max-width: 840px; position: relative; text-align: center; } #menu .nav-home { background: url("/assets/images/logo-updated.png") center no-repeat; background-size: cover; display: inline-block; height: 186px; margin: auto; position: relative; left: 3px; top: 9px; text-indent: -9999px; width: 186px; } #menu .menu-left, #menu .menu-right { position: absolute; top: 100px; transform: translateY(-50%); } #menu .menu-left { right: 528px; } #menu .menu-right { left: 534px; } #menu .menu-left li { margin-right: 20px; } #menu .menu-left li:last-child { margin-right: 0; } #menu .menu-right li { margin-left: 20px; } #menu .menu-right li:first-child { margin-left: 0; } #menu ul { padding-left: 0; list-style: none; } #menu li { float: left; } #menu li.current_page_item a, #menu li.current-menu-item a { color: #fec325; } #menu li a { color: #fff; font-size: 16px; text-decoration: none; transition: all 0.3s ease; } #menu li a:hover, #menu li a:focus { color: #fec325; } #menu li.yellow a { color: #000; position: relative; } #menu li.yellow a:hover:before { background: #fff; } #menu li.yellow a:before { content: ""; position: absolute; background: #FEC325; width: 100%; height: 100%; z-index: -1; padding: 14px 12px; top: 50%; left: 50%; transform: translate(-50%, -50%); } #menu ul.menu > li { position: relative; } #menu ul.menu > li:hover .sub-menu { display: block; } #menu .sub-menu { display: none; position: absolute; background: url("/assets/images/nav-background-interior.png") center top no-repeat; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75); padding: 10px 0; } #menu .sub-menu li { float: none; display: block; width: 12em; text-align: left; margin: 0; } #menu .sub-menu a { padding: 5px 10px; display: block; } #menu .menu-item.yellow a:hover:before { background: #fec325; } #menu .menu-item.yellow a:hover { color: #FFF; } #menu .menu-item.yellow .sub-menu { background: none; box-shadow: none; } #menu .menu-item.yellow .sub-menu li { width: 10em; } .mobile-menu ul.menu > li > a { text-transform: uppercase; font-weight: bold; } .mobile-menu .sub-menu { display: block; padding: 0; margin-top: 10px; } .mobile-menu .sub-menu li { text-align: center; } .post-hero h1, .post-hero h2 { text-align: center; } .post-hero h1 { color: #fff; } .post-hero h2 { color: #fec325; } footer .parallax-window { margin-bottom: -2px; margin-top: -2px; height: 538px; } footer #copyright { background: #222; box-sizing: border-box; color: #fff; min-height: 74px; padding-bottom: 20px; padding-top: 30px; text-align: center; } footer #copyright a { color: inherit; text-decoration: none; } footer #copyright a:hover { text-decoration: underline; } footer .footer-page-links { margin-bottom: 15px; } .home-hero { padding-bottom: 56.25%; position: relative; } .home-hero .video-container { background-size: cover; height: 100%; position: absolute; left: 0; top: 0; width: 100%; z-index: 0; } .home-hero .video-container iframe { height: 100%; width: 100%; } .home #container { margin-top: 130px; } .home section { height: 474px; } .home .post-hero { background: #222; height: auto; } .home .post-hero h1 { color: #fec325; } .home .photo-left .right { background-color: #333; background-image: url("/assets/images/swirl.png"); background-repeat: no-repeat; background-position: center right; } .page-template-page-contact-us .background-dark-gray { padding-bottom: 100px; padding-top: 100px; } .page-template-page-contact-us .post-hero.background-gray .content p { max-width: none; } .page-template-page-contact-us .content .left { clear: left; } .page-template-page-contact-us .content .right { clear: right; } .page-template-page-contact-us .content .left, .page-template-page-contact-us .content .right { text-align: left; } .page-template-page-contact-us .content .full { margin: auto; max-width: 586px; padding-top: 20px; } .page-template-page-contact-us .content .social { margin: 44px 0; } .page-template-page-contact-us .content .social a { color: #fff; text-decoration: none; } .page-template-page-contact-us .clearfix { width: 100%; } .page-template-page-featured-chefs .background-gray h2 { margin-bottom: 0; } .page-template-page-featured-chefs .background-dark-gray { padding-bottom: 76px; padding-top: 60px; } .page-template-page-featured-chefs .featured-chef { margin: 0 59px 70px; text-align: center; } .page-template-page-featured-chefs .featured-chef:focus { outline: none; } .page-template-page-featured-chefs .featured-chef .image-container { background: #444; border: 4px solid #fff; border-radius: 100%; cursor: pointer; display: block; margin-bottom: 26px; padding: 14px; transition: all 0.3s ease; } .page-template-page-featured-chefs .featured-chef .image-container:focus { outline: none; } .page-template-page-featured-chefs .featured-chef .image-container:hover { border: 4px solid #fec325; } .page-template-page-featured-chefs .featured-chef.active .image-container { border: 4px solid #fec325; } .page-template-page-featured-chefs .featured-chef img { width: 100%; } .page-template-page-featured-chefs .featured-chef .content { margin-bottom: 20px; } .page-template-page-featured-chefs .featured-chef h2.w-sub + .sub-heading { margin-bottom: 0; } .page-template-page-featured-chefs .questions-answers { height: 670px; overflow: hidden; width: 100%; } .page-template-page-featured-chefs .questions-answers .questions-answers-group { display: none; position: absolute; z-index: -1; } .page-template-page-featured-chefs .questions-answers .questions-answers-group.active { display: block; position: static; z-index: 1; } .page-template-page-featured-chefs .questions-answers h3 { border-bottom: 2px solid #fff; color: #fff; font-size: 18px; margin-bottom: 36px; padding-bottom: 18px; } .page-template-page-featured-chefs .questions-answers .left, .page-template-page-featured-chefs .questions-answers .right { margin-bottom: 40px; } .page-template-page-featured-chefs .questions-answers .right > div, .page-template-page-featured-chefs .questions-answers .left > div { margin-bottom: 8px; } .page-template-page-featured-chefs .questions-answers .question { color: #fec325; font-style: italic; font-weight: 500; margin-bottom: 0; } .page-template-page-featured-chefs .questions-answers .button { clear: both; display: table; float: none; margin: 0 auto; } .page-template-page-featured-chefs .featured-chef-bio { clear: both; display: none; } .page-template-page-featured-chefs .featured-chef-bio .featured-chef-bio-wrapper a { color: #fec325; } .page-template-page-featured-chefs .featured-chef-bio.active { display: block; } .page-template-page-featured-chefs .featured-chef-bio.active .button { margin-bottom: 20px; } .page-template-page-featured-chefs .featured-chef-bio.active .featured-chef-bio-wrapper { display: none; } .page-template-page-products .background-dark-gray .content { margin: auto; } .page-template-page-products .background-dark-gray p, .page-template-page-products .background-dark-gray li { font-family: "Roboto Condensed", sans-serif; } .page-template-page-products .background-dark-gray .left, .page-template-page-products .background-dark-gray .right { margin-bottom: 90px; } .page-template-page-products .table { clear: both; display: table; width: 100%; } .page-template-page-products .table p { color: #222; display: table-cell; font-size: 16px; text-align: center; vertical-align: middle; } .page-template-page-products .table .tcol { border: 1px solid #222; display: table-cell; width: 10%; } .page-template-page-products .table .thead { background: #989898; display: table; height: 40px; width: 100%; } .page-template-page-products .table .tdesc { background: #dddddc; display: table; height: 60px; width: 100%; } .page-template-page-products .photo-right .background-gray { background-color: #444; background-image: url("/assets/images/swirl.png"); background-position: center right 100px; background-repeat: no-repeat; } .page-template-page-products .photo-right .right { background-color: #333; } .page-template-page-products .photo-right .image { background-color: #333; background-size: calc(100% - 120px); } .page-template-page-retail .image-content .image, .page-template-page-interior .image-content .image { background-color: transparent; background-position: center; background-size: auto; } .page-template-page-retail .photo-left .left.image-content, .page-template-page-interior .photo-left .left.image-content { background-color: #333; background-image: url("/assets/images/swirl.png"); background-position: center right 44px; background-repeat: no-repeat; } .page-template-page-retail .photo-left .right, .page-template-page-interior .photo-left .right { background: #444; } .page-template-page-retail .photo-right .right.image-content, .page-template-page-interior .photo-right .right.image-content { background-color: #333; background-image: url("/assets/images/swirl.png"); background-position: center right 44px; background-repeat: no-repeat; } .page-template-page-retail .photo-right .left, .page-template-page-interior .photo-right .left { background: #444; } .page-template-page-retail .background-dark-gray:last-of-type, .page-template-page-interior .background-dark-gray:last-of-type { display: table; height: 420px; width: 100%; } .page-template-page-retail .background-dark-gray:last-of-type .content, .page-template-page-interior .background-dark-gray:last-of-type .content { display: table-cell; vertical-align: middle; text-align: center; } .page-template-page-recipes .recipe-disclaimer { max-width: 1200px; width: 100%; margin: 0 auto; padding-bottom: 50px; } .page-template-page-recipes .recipe-disclaimer p { padding: 0 20px; } .page-template-page-recipes .recipe-grid-wrapper { max-width: 1200px; display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 auto; padding: 40px 0 50px 0; min-height: 380px; } .page-template-page-recipes .recipe-grid-wrapper .recipe-single { max-width: 30%; width: 100%; padding: 0 20px; margin-bottom: 40px; } .page-template-page-recipes .recipe-grid-wrapper .recipe-single a { text-decoration: none; font-size: 18px !important; line-height: 26px !important; } .page-template-page-recipes .recipe-grid-wrapper .recipe-single a p { font-weight: 400; } .page-template-page-recipes .recipe-grid-wrapper .recipe-single img { width: 100%; } @media only screen and (max-width: 1259px) { .page-template-page-recipes .recipe-grid-wrapper .recipe-single { margin: 0 auto 40px auto; max-width: 40%; } } @media only screen and (max-width: 700px) { .page-template-page-recipes .recipe-grid-wrapper .recipe-single { max-width: 100%; } } .page-template-page-recipes .recipe-filter { display: flex; justify-content: center; padding-top: 40px; } .page-template-page-recipes .recipe-filter button { background: #222; border: 1px solid #fff; color: #fff; font-size: 22px; font-weight: bold; font-weight: 400; padding: 5px 20px; margin-right: 20px; font-family: "Roboto Condensed", sans-serif; cursor: pointer; } @media only screen and (max-width: 590px) { .page-template-page-recipes .recipe-filter button { width: 70%; margin-bottom: 20px; margin-right: 0; } } .page-template-page-recipes .recipe-filter button:hover { background-color: #fff; color: #000; } .page-template-page-recipes .recipe-filter .select-wrap { position: relative; max-width: 300px; width: 100%; display: inline-block; } .page-template-page-recipes .recipe-filter .select-wrap::before { content: ""; width: 12px; height: 12px; border-bottom: 3px solid #FEC325; border-right: 3px solid #FEC325; position: absolute; top: 8px; right: 16px; transform: rotate(45deg); pointer-events: none; } .page-template-page-recipes .recipe-filter select { -webkit-appearance: none; border: 1px solid #fff; color: #fff; border-radius: 0; font-size: 18px; font-weight: bold; font-weight: 400; max-width: 300px; width: 100%; font-family: "Roboto Condensed", sans-serif; background-color: #222; padding: 8px; } @media only screen and (max-width: 795px) { .page-template-page-recipes .recipe-filter select { width: 100%; } } @media only screen and (max-width: 440px) { .page-template-page-recipes .recipe-filter select { width: 45%; } } @media only screen and (max-width: 590px) { .page-template-page-recipes .recipe-filter { flex-wrap: wrap; } } .page-template-page-interior .interior-lead-content { margin: auto; max-width: 584px; } .page-template-page-interior section.photo-left, .page-template-page-interior section.photo-right, .page-template-page-interior section.photo-both { display: block; height: 100%; position: relative; width: 100%; } .page-template-page-interior section.photo-right .right, .page-template-page-interior section.photo-left .left { background: #444; position: absolute; height: 100%; } .page-template-page-interior section.photo-right .right { right: 0; } .page-template-page-interior section.photo-right .left, .page-template-page-interior section.photo-left .right { display: block; height: auto; padding-bottom: 40px; padding-top: 40px; } .page-template-page-interior section.photo-right .left .container { display: block; margin-left: auto; margin-right: inherit; } .page-template-page-interior section.photo-left .right { float: right; } .page-template-page-interior section.photo-left .image, .page-template-page-interior section.photo-right .image, .page-template-page-interior section.photo-both .image { background-size: cover; display: block; height: 100%; position: absolute; width: 100%; } .page-template-page-interior .featured-chef { height: 474px; } .error404 { text-align: center; } .error404 h1 { font-size: 80px; } .error404 h2 { margin-bottom: 0; } .error404 .footer-image { display: none; } .page-template-default { text-align: left; } .page-template-default .post-hero.background-gray .content p { max-width: 100%; } #menu .intl-menu-left { right: 528px; left: auto; width: auto; } @media only screen and (max-width: 1336px) { .container { padding: 0 30px; } section .left { padding-right: 30px; } section .right { padding-left: 30px; } .page-template-page-products .table .tcol { border: 1px solid #222; box-sizing: border-box; display: block; float: left; width: 20%; } } @media only screen and (max-width: 960px) { .home #header { animation: none; background: #000; transform: translateY(0); } #container, .home #container { margin-top: 60px; } #header { background: #000; padding-bottom: 20px; padding-top: 20px; position: absolute; top: 0px; } .mobile-logo { display: block; text-indent: -1000px; } .mobile-logo > span { display: block; height: 100%; background-image: url("/assets/images/logo-mobile.png"); position: absolute; top: 0; background-size: contain; background-repeat: no-repeat; width: 120px; background-position: center; height: 60px; } .mobile-menu { display: block; } .mobile-menu .mobile-menu__button { cursor: pointer; margin-left: auto; margin-right: 20px; height: 20px; width: 30px; } .mobile-menu .mobile-menu__button span { background: #fff; display: block; height: 3px; margin-bottom: 5px; transition: all 0.3s ease; width: 100%; } .mobile-menu .mobile-menu__button span:last-child { margin-bottom: 0; } .mobile-menu .mobile-menu__button.active span:first-child { margin-top: 8px; transform: rotate(45deg); } .mobile-menu .mobile-menu__button.active span:nth-child(2) { opacity: 0; } .mobile-menu .mobile-menu__button.active span:last-child { margin-top: -16px; transform: rotate(-45deg); } .mobile-menu ul { display: none; list-style: none; } .mobile-menu li { text-align: center; margin-bottom: 10px; width: 100%; } .mobile-menu li:last-child { margin-bottom: 0; } .mobile-menu a { color: #fff; font-size: 18px; text-decoration: none; } #menu { display: none; } } @media only screen and (max-width: 768px) { .interior-hero > .parallax-window { padding-bottom: 300px; } .container { padding: 0 20px; } section .left { padding-right: 20px; } section .right { padding-left: 20px; } section .left, section .right { float: none; display: block; width: 100%; } section .right { padding-left: 0; } section.photo-left .right .container { padding-left: 20px; } section.photo-right .left, section.photo-left .right { display: block; height: auto; padding: 40px 0; } section.photo-left .image, section.photo-right .image, section.photo-both .image { height: auto; padding-bottom: 50%; } .featured-chef .left, .featured-chef .right { display: block; margin: auto; padding: 0; width: 100%; } .post-hero, .home .featured-chef { height: auto; padding: 40px 0; } .home section { height: auto; } .home .featured-chef { text-align: center; } .page-template-page-products .background-dark-gray .right { margin-bottom: 20px; } .page-template-page-products .background-dark-gray .left { margin-bottom: 0; } .page-template-page-retail .background-dark-gray:last-of-type { height: auto; padding: 40px 0; } .page-template-page-featured-chefs .featured-chef { margin-left: 30px; margin-right: 30px; } .page-template-page-interior section.photo-right .right, .page-template-page-interior section.photo-left .left, .page-template-page-interior section.photo-left .image, .page-template-page-interior section.photo-right .image, .page-template-page-interior section.photo-both .image { position: static; } .page-template-page-interior section.photo-right .left .container { margin-left: initial; } .page-template-page-interior .featured-chef { box-sizing: border-box; padding: 40px 0; text-align: center; } .page-template-page-interior section.photo-right .left .container, .page-template-page-interior section.photo-left .right .container, .page-template-page-interior section.photo-right .left .container .content, .page-template-page-interior section.photo-left .right .container .content { max-width: 100%; } section.photo-right .left .container { padding-right: 20px; } form .wpcf7-form-control-wrap, form .wpcf7-form-control-wrap.business-name { display: block; float: none; margin-bottom: 20px; margin-right: 0; width: 100%; } footer .footer-image, footer .parallax-window { height: 300px; } footer small { font-size: 12px; } .error404 h1 { margin-top: 40px; } .page-template-page-interior section.photo-left .right, .page-template-page-retail section.photo-left .right { padding-bottom: 0; } } @media only screen and (max-width: 660px) { .page-template-page-products .table .tcol { border: 1px solid #222; box-sizing: border-box; width: 50%; } .page-template-page-retail .photo-left .image { background-position: center left 23px; background-size: contain; } } @media only screen and (max-width: 550px) { .page-template-page-featured-chefs .slick-prev { left: 0; } .page-template-page-featured-chefs .slick-next { right: 0; } .page-template-page-featured-chefs .featured-chef { margin-left: 40px; margin-right: 40px; } } @media only screen and (max-width: 440px) { .page-template-page-contact-us .content .social { text-align: left; } .page-template-page-contact-us .content .social a { margin-bottom: 20px; } } @media only screen and (max-width: 400px) { .page-template-page-products .table .tcol { width: 100%; } } .submit-wrap { display: flex; flex-direction: column; align-items: center; } #notification { position: fixed; left: 0; bottom: 0; right: 0; width: 100%; padding: 25px 50px; z-index: 99; background: #333; box-sizing: border-box; } #notification p { max-width: 860px; width: 100%; margin: 0 auto; text-align: center; } #notification p a { color: inherit; text-decoration: underline; } #notification .close { display: block; position: absolute; margin-left: -25px; margin-top: -10px; font-size: 1.1em; cursor: pointer; } #footer #copyright .social-icons { display: flex; justify-content: center; align-items: center; margin: 8px 0 11px 0; } #footer #copyright .social-icons a { margin: 0 7px; } #footer #copyright .social-icons img { max-width: 28px; width: 100%; } #footer .new-footer { background-color: #222; padding-top: 28px; padding-bottom: 59px; padding: 28px 25px 59px 25px; } #footer .new-footer .inner { max-width: 1285px; margin: 0 auto; display: flex; flex-direction: row; } #footer .new-footer .inner a { text-decoration: none; } #footer .new-footer .inner a:hover { color: #fec325 !important; } #footer .new-footer .inner .logo { margin-right: 97px; } #footer .new-footer .inner .footer-menu { flex: 1; display: flex; flex-direction: row; } #footer .new-footer .inner .footer-menu ul#menu-footer-menu, #footer .new-footer .inner .footer-menu ul#menu-footer-where-to-buy { list-style-type: none; display: grid; grid-template-rows: repeat(4, 1fr); grid-auto-flow: column; grid-column-gap: 70px; grid-row-gap: 20px; max-width: 460px; } #footer .new-footer .inner .footer-menu a { color: var(--WHITE, #FFF); font-family: Roboto; font-size: 16px; font-style: normal; font-weight: 300; text-decoration: none; } #footer .new-footer .inner .footer-menu a:hover { color: #fec325; } #footer .new-footer .inner .footer-menu .bold a { font-weight: 700; } #footer .new-footer .inner .footer-menu .second-menu { margin-left: 70px; } #footer .new-footer .inner .footer-socials { max-width: 177px; width: 100%; } #footer .new-footer .inner .footer-socials .social-icons { display: flex; flex-direction: row; justify-content: space-between; max-width: 177px; width: 100%; margin-bottom: 21px; } #footer .new-footer .inner .footer-socials p, #footer .new-footer .inner .footer-socials a { display: inline-block; color: var(--WHITE, #FFF); font-family: Roboto; font-size: 12px; font-style: normal; font-weight: 300; line-height: 17px; /* 141.667% */ margin: 0 0 5px 0; } @media only screen and (max-width: 1000px) { #footer .new-footer .inner .footer-menu ul#menu-footer-menu { grid-column-gap: 35px; } #footer .new-footer .inner .footer-menu .second-menu { margin-left: 35px; } #footer .new-footer .inner .logo { margin-right: 15px; } } @media only screen and (max-width: 800px) { #footer .new-footer .inner { flex-direction: column; align-items: center; gap: 30px; } #footer .new-footer .inner .logo { margin: 0; } #footer .new-footer .inner .footer-menu { padding: 0; } #footer .new-footer .inner .footer-menu ul#menu-footer-menu { grid-auto-flow: row; grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 550px) { #footer .new-footer .inner .footer-menu ul#menu-footer-menu { grid-template-columns: 1fr; } } .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok, .wpcf7-response-output, .wpcf7-display-none, .wpcf7-mail-sent-ok { background: #fff; padding: 20px; max-width: 320px; margin: auto !important; font-size: 1.5em; font-weight: bold; border: none; line-height: 1.2; margin-top: -10px !important; z-index: 10; } input.wpcf7-form-control.wpcf7-submit { outline: none; z-index: 0; } /****************************** Default page template ******************************/ body.page-template-default .post-hero h1 { text-align: left; padding-bottom: 1em; } body.page-template-default .post-hero h2 { margin-top: 44px; text-align: left; margin-bottom: 22px; } body.page-template-default .post-hero h3 { font-size: 1.2em; text-align: left; margin-bottom: 22px; color: #fff; font-weight: bold; } body.page-template-default .post-hero.background-gray .content { text-align: left; max-width: 1024px; } body.page-template-default .post-hero.background-gray .content p { margin-bottom: 1em; } body.page-template-default .post-hero.background-gray .content a { color: #ffffff; text-decoration: underline; font-weight: bold; } body.page-template-default .post-hero.background-gray .content ol, body.page-template-default .post-hero.background-gray .content ul { margin: 0 0 0 2.2em; list-style-type: unset; } body.page-template-default .post-hero.background-gray .content ol li, body.page-template-default .post-hero.background-gray .content ul li { margin: 0 0 0.5em 0; } body.page-template-default .post-hero.background-gray .content ol { list-style-type: decimal; } body.page-template-default .post-hero.background-gray .content ol.roman { list-style-type: upper-roman; } body.page-template-default .post-hero.background-gray .content ol.toc li { font-size: 1.2em; text-transform: uppercase; color: #fec325; } body.page-template-default .post-hero.background-gray .content ol.toc li a { color: #fec325; } section.stop-and-shop { height: auto; padding: 20px 0; } section.stop-and-shop .content { display: block; max-width: 800px; margin: 0 auto; } section.stop-and-shop .content svg { display: block; margin: 0 auto; max-width: 800px; width: 100%; height: auto; } section.stop-and-shop .content svg image { max-width: 800px; width: 100%; height: auto; } .page-template-page-featured-chefs-php .post-hero.background-gray { background: #222222; } .page-template-page-featured-chefs-php .post-hero.background-gray .content h2 { margin-bottom: 48px; } .page-template-page-featured-chefs-php .post-hero.background-gray .content p { max-width: 900px; } .page-template-page-featured-chefs-php ul li ul { margin-bottom: 0; } .page-template-page-featured-chefs-php h2 sup { top: -16px; } .page-template-page-featured-chefs-php .featured-chef-info { background: #333333; } .page-template-page-featured-chefs-php .featured-chef-info .inner { max-width: none; margin: 0 auto; } .page-template-page-featured-chefs-php .featured-chef-info .row { display: flex; flex-direction: row; justify-content: center; } .page-template-page-featured-chefs-php .featured-chef-info .row .content { flex: 0 0 50%; box-sizing: border-box; align-self: center; } .page-template-page-featured-chefs-php .featured-chef-info .row .content ul li ul { margin: 3px 0 3px 20px; } .page-template-page-featured-chefs-php .featured-chef-info .row .image { flex: 0 0 50%; background-size: cover; background-repeat: no-repeat; background-position: center; } .page-template-page-featured-chefs-php .featured-chef-info .row .image img { max-width: none; width: 100%; height: auto; display: block; margin: 0; padding: 0; opacity: 0; } .page-template-page-featured-chefs-php .featured-chef-info .row:nth-child(odd) .content { padding: 20px 20px 20px 45px; } .page-template-page-featured-chefs-php .featured-chef-info .row:nth-child(even) .content { padding: 20px 45px 20px 45px; } .page-template-page-featured-chefs-php .featured-chef-form { background: #000; } .page-template-page-featured-chefs-php .featured-chef-form .inner { max-width: 660px; margin: 0 auto; padding: 65px 30px; } .page-template-page-featured-chefs-php .featured-chef-form .inner h2 { text-align: center; } .page-template-page-featured-chefs-php form .wpcf7-form-control-wrap { float: none; width: 100%; margin: 0 0 24px 0; display: inline-block; } .page-template-page-featured-chefs-php .half-wrap { display: flex; flex-direction: row; justify-content: space-between; } .page-template-page-featured-chefs-php .half-wrap .half { flex-grow: 0; flex-shrink: 0; flex-basis: calc(50% - 12px); } .page-template-page-featured-chefs-php .select-question { position: relative; } .page-template-page-featured-chefs-php .select-question:before { content: ""; width: 12px; height: 12px; border-bottom: 3px solid #FEC325; border-right: 3px solid #FEC325; position: absolute; top: 10px; right: 20px; transform: rotate(45deg); pointer-events: none; } .page-template-page-featured-chefs-php .select-question .wpcf7-not-valid-tip { right: 46px; } .page-template-page-featured-chefs-php form p { margin-bottom: 0; } .page-template-page-featured-chefs-php #upload { padding-bottom: 10px; margin-bottom: 24px; text-align: center; border: 2px solid #fff; padding: 20px; } .page-template-page-featured-chefs-php #upload input { cursor: pointer; max-width: 200px; } @media only screen and (max-width: 850px) { .page-template-page-featured-chefs-php .featured-chef-info .row { flex-direction: column; } } @media only screen and (max-width: 768px) { .page-template-page-featured-chefs-php .half-wrap { flex-direction: column; } .page-template-page-featured-chefs-php .half-wrap .half { flex-basis: 100%; } .page-template-page-featured-chefs-php .half-wrap br { display: none; } } .page-template-page-featured-chefs-php .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 10px 30px; border: 2px solid #00a0d2; width: 100%; max-width: none; text-align: center; font-family: "Roboto Condensed"; font-weight: 600; box-sizing: border-box; } a.buttonborder { font-family: "Roboto Condensed", sans-serif; font-style: normal; font-weight: 700; font-size: 26px; line-height: 34px; color: #fff; border: 2px solid #fff; padding: 17px 52px; display: inline-block; margin: 0 auto; text-transform: uppercase; text-align: center; transition: 0.2s ease-in-out; cursor: pointer; position: relative; height: auto; text-decoration: none; } a.buttonborder:hover { background: #fff; color: #000; } .page-template-page-retail .featuredchef-form h2, .featuredchef-form[data-pagename=foodservice] h2 { margin-bottom: 0; color: #FEC325; } .page-template-page-retail .featuredchef-form h3, .featuredchef-form[data-pagename=foodservice] h3 { color: #fff; font-family: "Roboto Condensed", sans-serif; font-weight: 400; } .page-template-page-retail section.home-testimonial { height: auto; margin: 0; padding: 100px 30px 130px; background-image: url("/assets/images/swirl.png"); background-size: 580px auto; background-position: center 70%; background-repeat: no-repeat; background-color: #000; transition: 0.6s ease-in-out; } .page-template-page-retail section.home-testimonial .inner { text-align: center; max-width: 768px; margin: 0 auto; } .page-template-page-retail section.home-testimonial .inner p.testimonial { font-family: "Roboto Condensed"; font-weight: normal; font-size: 27px; line-height: 40px; text-align: center; letter-spacing: 2px; color: #FFFFFF; } .page-template-page-retail section.home-testimonial .inner p.testimonial strong { font-weight: bold; color: #FEC325; } .page-template-page-retail section.home-testimonial .inner p.author { font-family: "Roboto Condensed"; font-weight: normal; font-size: 18px; line-height: 26px; text-align: center; color: #FFFFFF; } .last-nav-spacer .sub-menu { right: 0; width: 8em; } .osano-cm-info p, .osano-cm-info q, .osano-cm-info li { color: #171717; } #wpcf7-f1156-o1 { max-width: 425px; margin: 0 auto; } #wpcf7-f1156-o1 input { border-color: #222; color: #222; width: 100% !important; } #wpcf7-f1156-o1 input::placeholder { color: #222; } #wpcf7-f1156-o1 .submit-wrap { background: none; padding-top: 0; } #wpcf7-f1156-o1 .wpcf7-form-control-wrap { width: 100%; } #wpcf7-f1156-o1 input[type=submit] { cursor: pointer; } #wpcf7-f1156-o1 input[type=submit]:hover { background: #222; color: #fff; } #wpcf7-f1156-o1 p { color: #222 !important; } @media only screen and (max-width: 768px) { #wpcf7-f1156-o1 .wpcf7-form-control-wrap { float: left; margin-right: 102px; } }