/* Theme Name: City Brew Tours Merch Author: Top Hat Author URI: https://builtbytophat.com; Version: 1.0 License: GPL-2.0+ License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* `/shmNNNmho- `sNNNNNNNNNNNNy` -mNNNms/---+mNNNd /hmNh` .NNNN: ``` -NNNN: `-omNNNh `.:/+sydmNNNNNs` `.-:/oyhdmmNNNNNNNNmh+. `.-:/+sydmmNNNNNNNNNmdhys+:-` `.-:+oyhdmmNNNNNNNNmdhhso/:..`` `.-:/+shddmNNNNNNNNNmdhyo+:-.``.-:: .:+shhhys/. ``.-:+oyhdmmNNNNNNNNmdhyso/-..` /mNNNymNNNNNNNNNmy. ./shddmNNNNNNNNNmdhyo+:-.`` `....` +NNNNNNNdyo++sdNNNd. :ymNNNNNNmddymNNNs.` ./shdmmmmdho- +NNNNNd/` .dNNNs +NNNNds+:-.` dNNNo -ymNNNNNmmNNNNNs` +NNNNy` sNNNh :NNNN+` dNNNo `sNNNNds/----+mNNNd` +NNNN` sNNNd sNNNd dNNNo `hNNNm+` .NNNN+ +NNNN yNNNy +NNNm- `` dNNNo yNNNd. dNNNs +NNNN /NNNN: `hNNNmyydh: dNNNo .NNNN: dNNNo +NNNN: `-yNNNNo `omNNNNNNm- dNNNo :NNNN` /NNNN- +NNNNNy+++sdNNNNd/ `:+oo+:` dNNNo -NNNN. `+NNNNs +NNNNNNNNNNNNmd+` dNNNo dNNNh-` `.+dNNNNo +NNNNoyhhhyo/. dNNNo .dNNNNdyyhdNNNNNh- +NNNN /s- dNNNo `+dNNNNNNNNNdo- oNNNm .hNNNy` dNNNo .:/+o+/-` `.:/yNNNN+ .mNNNd- dNNNo `-:- .NNNNNNNm/ dNNNh` dNNN+ /ydNNNN+ -NNNmhs: :NNNN. -:.` :mNNNNNNm/ -. +NNNm :NNNNy:.` `-/+o+/- +NNNm :+sy/ yNNNh `+hNNNNNNNNms. +NNNm dNNNo yNNNy `omNNNNmhyhNNNNm- +NNNm dNNNo yNNNy `hNNNNs-` `yNNNd +NNNm dNNNo yNNNy yNNNd- :NNNN` +NNNm dNNNo yNNNy .NNNN: :NNNN` +NNNm `.-/+- dNNNo yNNNy -NNNN. :NNNN` +NNNNhdmmNNNo dNNNo yNNNy -NNNN. `/NNNN` +NNNNNNNNmdh: `/oyh` dNNNo yNNNy -NNNN:-:/oyhdmNNNNN` +NNNNo/:..`` `mNNN+ dNNNo yNNNy -NNNNmNNNNNNNNNNNNN` +NNNm sNNNh dNNNo `.-:+dNNNy -NNNNNmdhhso/:/NNNN` +NNNm sNNNd `.dNNNdhddmNNNNNNNy -NNNN:.`` :NNNN` /NNNN` `dNNNs `.-:+oyhdmNNNNNNNNNmdhmNNNy -NNNN. :NNNN` `mNNNs `sNNNm. -+ydmNNNNNNNNNNNNdo+:-.``yNNNy -NNNN. `o+:- /NNNNy- `/dNNNm: `/hmNNNNmddys+/-dNNNo yNNNy -Nmdh` :dNNNNho:-....-/sdNNNNh- -hNNNNdo:.` dNNNo smmdo -.` `/hNNNNNNmmmmNNNNNmy: /mNNNh:` dNNNo .-.` `-+ydmmNNNmmdhs/. /NNNNo` dNNNo `..----.` `mNNNs `mNNN+ -NNNN. sNNNm` -NNNN. `sNNNN/ dNNNh` .+mNNNm/ -mNNNmo:-.-:oyNNNNNy. .sNNNNNNNNNNNNNms- ./ydmNNNmdy+- ``` */ /* # HTML5 Reset ---------------------------------------------------------------------------------------------------- */ /* ## Baseline Normalize --------------------------------------------- */ /* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} /* ## Box Sizing --------------------------------------------- */ html, input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } /* ## Float Clearing --------------------------------------------- */ .author-box::before, .clearfix::before, .entry::before, .entry-content::before, .footer-widgets::before, .nav-primary::before, .nav-secondary::before, .pagination::before, .site-container::before, .site-footer::before, .site-header::before, .site-inner::before, .widget::before, .wrap::before { content: " "; display: table; } .author-box::after, .clearfix::after, .entry::after, .entry-content::after, .footer-widgets::after, .nav-primary::after, .nav-secondary::after, .pagination::after, .site-container::after, .site-footer::after, .site-header::after, .site-inner::after, .widget::after, .wrap::after { clear: both; content: " "; display: table; } /* # Defaults ---------------------------------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin: 0; } /* ## Top Hat Layout Structures --------------------------------------------- */ section { float: left; width: 100%; position: relative; } /*Parallax Trick*/ .bg-wrap, .bg-video { clip: rect(0, auto, auto, 0); clip-path: inset(0 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .bg { position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; transform: translate3d(0,0,0) perspective(0px)!important; -ms-transform: translate3d(0,0,0) perspective(0px)!important; -webkit-transform: translate3d(0,0,0) perspective(0px)!important; -moz-transform: translate3d(0,0,0) perspective(0px)!important; -o-transform: translate3d(0,0,0) perspective(0px)!important; will-change: transform; z-index: 2; object-fit: cover; object-position: center; } /* ## Typographical Elements --------------------------------------------- */ html { font-size: 62.5%; /* 10px browser default */ scroll-behavior: smooth; } /* Chrome fix */ body > div { font-size: 20px; font-size: 2rem; } body { margin-top: 100px; } body.top-banner { margin-top: 136px; } body { background-color: #fff; color: #3c0014; font-family: sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased; font-weight: normal; line-height: 1.2; margin: 0; scroll-behavior: smooth; } body input { outline: none!important; } a:active, a:focus { outline:0; border:none; outline-style: none; -moz-outline-style: none; } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } a { text-decoration: underline; outline:0; border:none; outline-style: none; -moz-outline-style: none; } a:focus, a:hover { text-decoration: none; outline:0; border:none; outline-style: none; -moz-outline-style: none; } p { margin: 0 0 2.8rem; padding: 0; } p:last-child { margin-bottom: unset; } ol, ul { margin: 0 0 2.8rem; padding: 0 0 0 2rem; list-style-position: outside; } li + ol, li + ul { margin-bottom: unset; } hr { border: 0; border-collapse: collapse; border-top: 1px solid #eee; clear: both; margin: 1em 0; } b, strong { font-weight: 700; } blockquote, cite, em, i { font-style: italic; } mark { background: #ddd; color: #000; } blockquote { margin: 40px; } blockquote::before { content: "\201C"; display: block; font-size: 30px; font-size: 3rem; height: 0; left: -20px; position: relative; top: -10px; } /* ## Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; } figure { margin: 0; } /* ## Forms --------------------------------------------- */ ::-moz-placeholder { color: #333; opacity: 1; } ::-webkit-input-placeholder { color: #333; } input { -webkit-appearance: none!important; border-radius: 0px!important; } .wpcf7-not-valid-tip, .wpcf7-response-output, .wpcf7-spinner { display: none!important; } .contact-area input:not(input[type='radio']):not(.wpcf7-submit).wpcf7-not-valid { border-color: red; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .contact-area input:not(input[type='radio']):not(.wpcf7-submit).wpcf7-not-valid::-moz-placeholder { color: red; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .contact-area input:not(input[type='radio']):not(.wpcf7-submit).wpcf7-not-valid::-webkit-input-placeholder { color: red; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .wpcf7-submit { width: 120px; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; text-align: center; justify-content: center; } .wpcf7-submit.sent { width: 255px; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; background-color: #000; pointer-events: none; } /* ## Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; word-break: break-all; } tbody { border-bottom: 1px solid #eee; } td, th { text-align: left; } td { border-top: 1px solid #eee; padding: 6px; } th { font-weight: 400; padding: 0 6px; } td:first-child, th:first-child { padding-left: 0; } /* ## Slick Sliders --------------------------------------------- */ .slick-slide, .slick-slide:focus { outline: none !important; } .slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}.slick-list:focus {outline: none;}.slick-list.dragging {cursor: pointer;cursor: hand;}.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}.slick-track:before, .slick-track:after {display: table;content: '';}.slick-track:after {clear: both;}.slick-loading .slick-track {visibility: hidden;}.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}[dir='rtl'] .slick-slide {float: right;}.slick-slide img {display: block;}.slick-slide.slick-loading img {display: none;}.slick-slide.dragging img {pointer-events: none;}.slick-initialized .slick-slide {display: block;}.slick-loading .slick-slide {visibility: hidden;}.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}.slick-arrow.slick-hidden {display: none;} /* ## Screen Reader Text --------------------------------------------- */ .screen-reader-shortcut, .screen-reader-text, .screen-reader-text span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus, .screen-reader-shortcut:focus, .widget_search input[type="submit"]:focus { background: #fff; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); clip: auto !important; color: #333; display: block; font-size: 1em; font-weight: bold; height: auto; padding: 15px 23px 14px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar. */ } .more-link { position: relative; } /* # Global ---------------------------------------------------------------------------------------------------- */ .grecaptcha-badge { display: none!important; height: 0; overflow: hidden; } .flex { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .flex.center { align-items: center; } .upper { text-transform: uppercase; } .shortcode-page { overflow: hidden; } .anchor { position: absolute; top: -150px; left: 0; width: 100%; right: 0; } /* ## Buttons --------------------------------------------- */ .site-button, .wpcf7-submit { height: 46px; min-width: 154px; max-width: 100%; align-items: center; justify-content: center; cursor: pointer; border-radius: 4px; line-height: 1; text-decoration: none; display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; appearance: none; -webkit-appearance: none; } .site-button.solid-mauve { color: #ffc30f; background-color: #3c0014; } .site-button.mauve { color: #3c0014; background-color: unset; border: solid 2px #3c0014; } .wpcf7-submit { color: #3c0014!important; cursor: pointer; background-color: unset!important; border: solid 2px #3c0014!important; font-family: "prohibition", sans-serif; } .site-button.mauve.solid { background-color: #3c0014; color: #fff; } .site-button.light-yellow { color: #fef2de; border: solid 2px #fef2de; } .site-button.transparent { border: solid 2px #3c0014; color: #3c0014; } .site-button span { position: relative; top: -1px; } .site-button.yellow { background-color: #ffc30f; color: #3c0014; } /* ## Font References --------------------------------------------- */ .prohibition { font-family: "prohibition", sans-serif; font-weight: 400; font-style: normal; } .fact { font-family: "factoria", serif; font-weight: 400; font-style: normal; } .fact.med, .fact.medium { font-weight: 500; } .fact.bold { font-weight: 700; } .tlm { font-family: "titillium-web", sans-serif; font-weight: 400; font-style: normal; } .tlm.bold { font-weight: 700; } .fridge { font-family: "refrigerator-deluxe", sans-serif; font-weight: 400; font-style: normal; } .fridge.bold { font-weight: 700; } .upper { text-transform: uppercase; } /* ## Site Specific Containers --------------------------------------------- */ .main-container { width: 1200px; max-width: 90%; margin: 0 auto; } .wide-container { width: 1300px; max-width: 95%; margin: 0 auto; } .narrow-container { width: 950px; margin: 0 auto; max-width: 90%; } /* ## Animations --------------------------------------------- */ @-webkit-keyframes goWestYoungMan { 0% { left: 0; } 100% { left: -100%; } } @keyframes goWestYoungMan { 0% { left: 0; } 100% { left: -100%; } } /* // Dot Loader */ @keyframes dot { 0% {background-color:#f1eee8;} 30% {background-color:#f1eee8;} 50% {background-color: #ffca3a;} 70% {background-color:#f1eee8;} 100% {background-color:#f1eee8;} } .dot_loader { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; transition: all .4s ease; pointer-events: none; display: none; } .dot { display: inline-block; margin:0 5px; width:10px; height: 10px; border-radius: 50%; animation-fill-mode: forwards; animation: 1s infinite dot; } .dot:nth-child(2) { animation-delay: .1s; } .dot:nth-child(3) { animation-delay: .2s; } /* Implement in form styles: .button-outer { width: 110px; // change this to meet needs cursor: pointer; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; } */ /* Implement in WPCF7 (minified like this is best):
[submit "Crush it"]
Message received!
*/ /* # Page Templates ---------------------------------------------------------------------------------------------------- */ .cart-wrapper-inner.empty { min-height: unset; } .cart-wrapper-inner .button-holder-bottom { width: 100%; } .cart-empty.woocommerce-info { display: none!important; } /* ## CF --------------------------------------------- */ .the-form form p { width: 100%; } .form-inner .wpcf7-submit { margin-top: 25px; width: 100%; max-width: 154px; } .form-inner .wpcf7-submit.sent { max-width: 100%; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; background-color: #ffc30f!important; } .contact-left { width: 189px; margin-right: auto; } .the-form-area { width: calc(100% - 189px); } .form-inner { width: 570px; max-width: 100%; margin-left: auto; } .contact-item a { color: #3c0014; font-size: 24px; } .form-blurb { font-size: 16px; margin-bottom: 33px; } .contact-item { margin-bottom: 42px; } .the-form input, .the-form textarea { width: 100%; border-radius: 4px; border: solid 1px #d4c9b5; background-color: #fff; padding: 10px 15px; font-size: 18px; } .the-form textarea::-moz-placeholder { color: #d4c9b5; opacity: 1; } .the-form textarea::-webkit-input-placeholder { color: #d4c9b5; opacity: 1; } .the-form input::-moz-placeholder { color: #d4c9b5; opacity: 1; } .the-form input::-webkit-input-placeholder { color: #d4c9b5; opacity: 1; } .form-full { width: 100%; } .form-full br { display: none; } .the-form label { font-size: 18px; font-family: "titillium-web", sans-serif; font-weight: bold; margin-bottom: 5px; display: block; } .form-half { margin-bottom: 27px; } .form-half br { display: none; } .form-half.first { margin-right: auto; } .form-half { width: 47%; } .the-form form { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } /* ## Holiday Box Product --------------------------------------------- */ .product-item { font-size: 16px; line-height: 1.1; margin-bottom: 25px; } .product-item:last-child { margin-bottom: unset; } .product-item:last-child .product-item-element { border-bottom: unset; } .product-item-title { width: 100px; } .shipping-info-boxes { font-size: 16px; line-height: 1.35; } .product-info-bottom { padding-bottom: 150px; } .shipping-info-boxes li:last-child { margin-bottom: unset; } .postid-443 .bottom-cta { background-color: #fff; } .postid-443 .other-box { background-color: #ffc30f; } .postid-442 .other-box { background-color: #fff; } .shipping-info-boxes li { margin-bottom: 25px; } .other-box-dots { margin-top: 28px; border-top: 2px dotted #3c0014; } .other-box-contents-inner { width: 418px; margin: 0 auto; max-width: 100%; } .top-small { font-size: 24px; margin-top: 5px; } .other-box-item-link { margin-top: 30px; } .other-box-contents h2 { font-size: 48px; line-height: 1.04; } .other-box-dots .main-container { align-items: center; padding: 100px 0; } .other-box-image { width: 60%; padding-right: 5%; } .other-box-contents { width: 40%; } .other-box-contents a { padding: 0 15px; } .product-item-element { width: calc(95% - 100px); margin-left: auto; padding-bottom: 25px; border-bottom: 2px dotted #3c0014; } .product-box { width: 45%; } .product-box.first { margin-right: auto; } .box-ran .bottom-cta-inner { align-items: center; padding: 90px 0; } .gift-text-left, .gift-text-right { width: 229px; font-size: 72px; line-height: 1.04; align-items: center; } .gift-text-left { text-align: left; } .gift-text-right { text-align: right; } .center-gif { width: calc(90% - 229px - 229px); margin: 0 auto; } .livestream-section-h .youtube-player { border-radius: 20px; } .youtube-embed-inclusions { width: 100%; justify-content: center; } .inclusion-item-h-y { width: 25%; border-right: 2px dotted #5f1d33; justify-content: center; } .youtube-link { width: 100%; justify-content: center; margin-top: 44px; } .inclusion-inner { width: 226px; margin: 0 auto; max-width: 90%; font-size: 24px; line-height: 1.1; text-align: center; padding: 15px 0; } .small-top-titles { text-align: center; width: 675px; max-width: 100%; margin: 0 auto 76px; } .youtube-player-holder { width: 100%; } .small-top-title-h { margin-bottom: 10px; font-size: 25px; line-height: 1; } .small-top-titles h2 { font-size: 72px; line-height: 1.04; } .livestream-section-h { padding-bottom: 176px; } .stops-button-area { margin-top: 25px; } .in-box.testimonials { padding-top: 150px; } .in-box.testimonials { padding-bottom: unset; } .stops-box { padding: 121px 0 150px; } .holiday-box-hero-left { width: 55%; } .holiday-box-hero-right { width: 45%; } .holiday-box-hero-left { margin-right: auto; } .review-item-top .review-stars { position: relative; } .review-item-top { width: 100%; margin-bottom: 13px; } .review-item-top img { width: 90px; } .review-item-top .review-stars-curtain { background-color: #fff; } .pop-up-reviews-top .fact { line-height: 1; font-size: 18px; } .top-main { font-size: 36px; line-height: 1.; } .pop-up-reviews-top { margin-bottom: 33px; padding-bottom: 18px; border-bottom: 2px dotted #3c0014; } .reviewer { font-size: 16px; margin-top: 5px; width: 100%; } .review-text { font-size: 20px; line-height: 1.35; } .review-item:last-child { border-bottom: unset; } .review-item { width: 100%; background-color: #fff; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #dcdcdc; } .pop-upper .pop-up-reviews { opacity: 1; pointer-events: unset; top: 50%; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .pop-up-reviews { opacity: 0; pointer-events: none; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; padding: 39px 2.5% 0; position: fixed; height: 397px; overflow: auto; top: 30%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 1000; left: 0; right: 0; margin: 0 auto; background-color: #fff; max-width: 90%; width: 726px; } .holiday-box-hero { padding: 81px 0 150px; } .pre-order-bubble { border-radius: 100px; background-color: #3c0014; color: #ffeedc; font-size: 14px; height: 24px; align-items: center; justify-content: center; padding: 0 10px; } .holiday-box-hero-right h1 { font-size: 72px; line-height: 1; margin-bottom: 35px; } .h-inclusions-inner { padding-top: 25px; border-top: 2px dotted #3c0014; } .holiday-box-hero-right-inner { width: 325px; max-width: 100%; margin: 0 auto; } .holiday-box-hero .main-container { align-items: center; } .includes-title { font-size: 16px; margin-bottom: 10px; } .includes-item-text { width: calc(95% - 31px); margin-left: auto; font-size: 16px; line-height: 1.1; } .includes-icon { width: 31px; } .includes-item-h { margin-bottom: 12px; align-items: center; } .pricing-and-reviews { margin-top: 35px; align-items: center; } .pricing-info { font-size: 24px; } .reviews .review-stars img { position: relative; z-index: 1; } .pricing-info { width: 80px; } .reviews { width: calc(100% - 80px); max-width: 200px; margin-left: 0; margin-right: auto; align-items: center; } .review-stars-curtain { position: absolute; right: 0; height: 100%; content: ''; display: block; background-color: #ffeedc; z-index: 2; opacity: .75; } .reviews .review-stars { width: calc(100% - 100px); margin-right: auto; position: relative; } .review-count { width: 90px; font-size: 16px; cursor: pointer; } /* ## Holiday Box --------------------------------------------- */ body.top-banner .holiday-hero { height: calc(100vh - 103px); } body:not(.top-banner) .holiday-hero { height: calc(100vh - 80px); } .holiday-left { position: relative; background-color: #3c0014; align-items: center; overflow: hidden; } .holiday-left, .holiday-right { width: 50%; } .pine, .dreid { position: absolute; pointer-events: none; } .pine { width: 300px; top: -10%; left: 0; max-width: 33.333%; } .dreid { width: 289px; max-width: 33.333%; right: 0; bottom: -10%; } .expand-box span:nth-child(2) { height: 1.5px; width: 11px; left: 0; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); margin: 0 auto; } .active .expand-box span:nth-child(2) { background-color: #460a1f; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .active .expand-box span:nth-child(1) { top: 150%; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .expand-box span:nth-child(1) { height: 11px; width: 1.5px; left: 0; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); margin: 0 auto; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .expand-box span { background-color: #fff; position: absolute; content: ''; display: block; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .active .expand-box { background-color: #fff; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .expand-box { width: 33px; height: 33px; border-radius: 50%; border: 2px solid #fff; position: absolute; top: 10px; right: 10px; cursor: pointer; z-index: 10; overflow: hidden; } .holiday-right { background: no-repeat center center / cover; } .holiday-hero-top { color: #ffc30f; letter-spacing: .63px; line-height: 1.1; font-size: 18px; margin-bottom: 5px; } .holiday-left-inner { width: 516px; margin-right: 10%; margin-left: auto; max-width: 80%; color: #ffeedc; } .holiday-left-inner h1 { color: #fff; font-size: #ffeedc; font-size: 72px; line-height: 1; margin-bottom: 30px; } .holiday-hero-blurb { font-size: 16px; line-height: 1.35; } .holiday-buttons { margin-top: 40px; } .holiday-buttons a:last-child { margin-right: unset; } .holiday-buttons a { margin-right: 20px; } .hiw-box { width: 33.3333%; position: relative; overflow: hidden; background-color: #460a1f; color: #ffffff; } .hiw-description { font-size: 16px; line-height: 1.35; min-height: 44px; } .hiw-title { margin-bottom: 7px; font-size: 24px; line-height: 1.04; } .hiw-box:nth-child(3) { background-color: #5f1d33; } .hiw-box:nth-child(2) { background-color: #511127; } .hiw-box-inner { width: 356px; max-width: 90%; margin: 0 auto; } .hiw-box-top { align-items: center; justify-content: center; text-align: center; height: 100%; position: relative; padding: 71px 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; top: 0; } .hiw-box-bottom p { margin-bottom: 15px; } .hiw-box-bottom p:last-child { margin-bottom: unset; } .hiw-box-bottom { font-size: 16px; line-height: 1.3; } .hiw-box-bottom { padding-top: 71px; overflow: auto; position: absolute; top: 100%; height: 100%; width: 100%; left: 0; right: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .active .hiw-box-top { top: -100%; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .active .hiw-box-bottom { top: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .hiw-image { justify-content: center; margin-bottom: 38px; } .hiw-image-image { width: 166px; max-width: 100%; margin: 0 auto; background: no-repeat center center / cover; border-radius: 50%; box-shadow: 0 0 25px 0 rgba(255, 255, 255, 0.5); } .hiw-image-image:before { padding-top: 100%; display: block; content: ''; width: 100%; } .hiw-cat { justify-content: center; margin-bottom: 15px; } .hiw-work-box { align-items: center; justify-content: center; padding: 0 10px; font-size: 18px; height: 28px; font-weight: bold; line-height: 1.35; text-align: center; color: #3c0014; border-radius: 100px; background-color: #ffc30f; } .scroller-section { background-color: #ffc30f; height: 98px; overflow: hidden; } .scroller-section-inner { flex-wrap: nowrap; align-items: center; position: relative; animation: goWestYoungMan 30s linear infinite; } .scroller-text { font-size: 72px; flex: 0 0 auto; padding-bottom: 7px; line-height: 1; letter-spacing: 2.52px; color: #ffc30f; -webkit-text-stroke: 1.5px #3c0014; paint-order: stroke fill; margin: 0 10px; } .other-stops-embed-area { width: 50%; } .scroller-text.white { -webkit-text-stroke: 1.5px #fff; } .livesteams { padding: 150px 0; } .livesteams .main-container { align-items: center; } .holiday-box-cta:last-child { margin-right: unset; } .holiday-box-cta { width: 45%; margin-right: 5%; border-radius: 37px; background-color: #fff; text-decoration: none; } .holiday-button-holder { justify-content: center; margin-bottom: 44px; } .holiday-bottom-cta-hold { margin-bottom: 117px; width: 100%; justify-content: center; } .holiday-box-cta-image { justify-content: center; margin-bottom: 19px; } .holiday-box-cta-image img { width: 248px; height: 198px; object-fit: contain; object-position: center bottom; margin: 0 auto; max-width: 90%; } /* ## General --------------------------------------------- */ .heading-break { margin-bottom: 30px; } .heading-break:not(div:first-of-type) { margin-top: 100px; } .heading-break h2 { font-size: 24px; } .faqs h1 { font-size: 72px; text-align: center; margin-bottom: 65px; } .city-content-area { margin-bottom: 15px; } .faqs-inner { width: 900px; margin: 0 auto; max-width: 100%; } .faqs { padding: 50px 0 100px; background-color: #ffeedc; } .content-container { width: 750px; margin: 0 auto; max-width: 100%; } .content-container a { color: #ffc30f; } .content-container h2 { font-family: "prohibition", sans-serif; font-weight: 400; font-style: normal; margin-top: 50px; } .content-container { font-size: 20px; line-height: 1.4; } /* ## Account --------------------------------------------- */ .youtube-player { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; background: #000; margin: 5px; } .youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; } .youtube-player-holder { margin-bottom: 50px; } .youtube-player img { object-fit: cover; display: block; left: 0; bottom: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; transition: 0.4s all; } .youtube-player img:hover { -webkit-filter: brightness(75%); } .youtube-player .play { height: 48px; width: 68px; left: 50%; top: 50%; margin-left: -34px; margin-top: -24px; position: absolute; background: url('https://i.ibb.co/j3jcJKv/yt.png') no-repeat; cursor: pointer; } .woocommerce-error li { margin-bottom: 15px; } .woocommerce-remove-coupon { color: #000; } body.woocommerce-account .woocommerce-ResetPassword .woocommerce-form-row { width: 100%; } body.woocommerce-account .woocommerce-button.button.woocommerce-form-login__submit, body.woocommerce-account .woocommerce-ResetPassword .woocommerce-Button { border-radius: 4px; background-color: #ffc30f!important; min-width: 149px; margin: 0 auto; height: 46px; font-weight: 400!important; align-items: center; justify-content: center; color: #3c0014!important; } .woocommerce-MyAccount-navigation-link--dashboard { display: none; } .woocommerce-form-login__rememberme { margin-bottom: 10px!important; display: block!important; } .woocommerce-lost-password .woocommerce-message { display: none!important; } .woocommerce-ResetPassword, .confirmation-box { padding: 20px; border-radius: 5px; } .woocommerce-form-login, .woocommerce-ResetPassword, .confirmation-box { width: 666px; max-width: 100%; margin: 0 auto!important; background-color: #fff!important; position: relative; z-index: 3; } .woocommerce-form-login-screen { position: absolute; left: 0; right: 0; bottom: 0; height: 50%; width: 1000000%; background-color: #511127; content: ''; z-index: 1; } .woocommerce-account .shortcode-page { padding: 75px 0 100px; background-color: #ffeedc; overflow: hidden; } .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads { display: none!important; } .woocommerce-MyAccount-content fieldset legend { display: none; } .woocommerce-MyAccount-content fieldset { border: unset; background-color: #fff; border-radius: 3px; padding: 25px 2.5%; margin: 50px 0 25px; } .account-title h1 { text-align: center; font-size: 72px; margin-bottom: 26px; line-height: 1; width: 100%; } .woocommerce-account .woocommerce table.shop_table td { padding: 10px 0!important; } .woocommerce-account .woocommerce table.shop_table th { padding-left: unset; } .woocommerce-account .button.wcs_deletion_error { background-color: #ffc30f!important; color: #3c0014!important; } .woocommerce-account .woocommerce-button, .woocommerce-account .button { font-family: "prohibition", sans-serif; font-weight: 400; font-style: normal; color: #ffeedc!important; background-color: #3c0014!important; } .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th { padding-left: unset; } .woocommerce-account .shop_table td { text-align: left; } .woocommerce-account .open-site-container { width: 1200px; max-width: 90%; margin: 0 auto; } .woocommerce-account { font-family: "titillium-web", sans-serif; font-weight: 400; } .woocommerce-account a { color: #3c0014; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 283px!important; background-color: #fff; margin-top: unset!important; padding: 25px 1.5%; order: 2; } .woocommerce-MyAccount-navigation ul { padding-left: unset; } .woocommerce-account .woocommerce { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: flex-start; } .woocommerce-account .woocommerce-MyAccount-content { width: calc(95% - 283px); margin-right: auto; order:1; } .woocommerce-MyAccount-navigation li:last-child { border-bottom: unset!important; } .woocommerce-MyAccount-navigation li { list-style: none; border-bottom: 3px solid #3c0014!important; padding-bottom: 9px; margin-bottom: 9px; } .woocommerce-MyAccount-navigation a { text-decoration: none; color: #3c0014; font-family: "refrigerator-deluxe", sans-serif; font-weight: bold; text-transform: uppercase; font-size: 18px; } .city-experiences-area h2 { margin-bottom: 30px; } .city-content-area.active { max-height: 2000px; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .city-content-area{ border: solid 1px #3c0014; background-color: #fff; max-height: 57px; overflow: hidden; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .city-top-title-bar { position: relative; height: 57px; align-items: center; padding: 0 25px; cursor: pointer; } .plus span:nth-child(2) { top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; width: 100%; height: 3px; } .active .plus span:nth-child(1) { top: 100%; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .plus span:nth-child(1) { top: 0; left: 0; right: 0; margin: 0 auto; height: 100%; width: 3px; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .plus span { position: absolute; background-color: #3c0014; content: ''; display: block; } .plus { height: 13px; overflow: hidden; width: 13px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .actual-content { padding: 25px; } /* ## Cart --------------------------------------------- */ .woocommerce form .form-row { position: relative; } .edit-cart{ color: #000; text-decoration: underline; cursor: pointer; } #wc-square-digital-wallet { padding-top: unset!important; margin-bottom: 25px; } .product-add-ons { width: 100%; } .product-add-ons .variation { display: flex; display: -webkit-flex; display: -moz-flex; margin-top: 5px; font-size: 15px; } .variation dd { display: none!important; } .woocommerce-order-received .woo-order-inner a { color: #000; } .postid-125 #order_comments_field { display: none!important; } .woocommerce-order-received .woocommerce-MyAccount-subscriptions, .woocommerce-order-received .order_details + header { display: none!important; } .gpay-card-info-container:not(.gpay-card-info-container-fill:first-child .gpay-card-info-container){ display: none!important; } body.woocommerce-checkout .woocommerce-additional-fields, .postid-29428 .woocommerce-additional-fields { display: none!important; } .woocommerce-checkout-review-order .variation { margin-top: 2px; font-size: 12px; width: 100%; } .quant-label { width: 100%; text-align: center; margin-bottom: 5px; } .woocommerce-cart .quantity input { height: 46px; width: 100%!important; border: solid 2px #3c0014; background-color: transparent; color: #3c0014 ; } .woocommerce-cart h1 { text-align: center; font-size: 72px; margin-bottom: 26px; line-height: 1; width: 100%; } .woocommerce-cart .cart_totals h2 { font-size: 36px; font-weight: bold; text-transform: uppercase; line-height: 1.77; letter-spacing: 1.26px; font-family: "refrigerator-deluxe", sans-serif; } .product-add-ons .variation p { margin-bottom: 0px; } .woocommerce-cart .shortcode-holder { padding: 75px 0 150px; } .a-product-in-your-order:last-child { margin-bottom: unset; } .a-product-in-your-order { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; margin-bottom: 30px; padding-left: 30px; position: relative; border-bottom: 1px solid #3c0014; padding-bottom: 30px; } .a-product-in-your-order .subscription-details { font-size: 12px!important; } .product-image { width: 257px; } .variation-note { color: #000; font-size: 14px; width: 100%; text-align: center; line-height: 1.1; margin-top: 8px; font-style: italic; } .product-name-price-etc { width: calc(100% - 75px); display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; margin-left: auto; padding-left: 5%; } .product-name-in-cart { font-size: 24px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.4; letter-spacing: 0.9px; color: #333333; width: calc(100% - 59px); padding-right: 75px; } .cart-order-text h1 { font-size: 24px; letter-spacing: 0.14px; text-align: center; color: #000000; font-weight: bold; text-transform: uppercase; } .the-actual-name { font-size: 32px; line-height: 1.1; color: #000; } .subscription-active .the-price { display: none!important; } .product-quantity-and-price { width: 59px; position: relative; } .woocommerce .quantity .qty { border-radius: 0px!important; } .quantity input[type="number"]::-webkit-inner-spin-button, .quantity input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none!important; appearance: none!important; } .product-price-in-cart { font-size: 14px; font-style: normal; font-stretch: normal; line-height: 1.1; letter-spacing: 0.5px; text-align: center; color: #000; padding: 10px 0; font-weight: bold; text-transform: uppercase; } .pbco-cart-total { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; padding-top: 25px; border-top: 3px solid #000; } .total { text-align: left; font-size: 21px; font-weight: bold; letter-spacing: 0.16px; text-transform: uppercase; margin-right: 38px; line-height: 1.1; } .total strong { font-weight: normal!important; } .coupon-toggle-area { margin-bottom: 50px; } .wc-proceed-to-checkout { width: 100%; text-align: right; display: flex; display: -webkit-flex; display: -moz-flex; align-items: center; padding: 0px!important; justify-content: flex-end; } .woocommerce-cart .wc-proceed-to-checkout { position: absolute; bottom: 0; } .page-id-119 .wc-proceed-to-checkout { position: relative; } .woocommerce-cart .cart_totals { height: 100%; position: relative; } .woocommerce-privacy-policy-text { display: none!important; } .checkout-button { width: 100%; } #place_order { min-width: 154px; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: unset!important; } .woocommerce form .form-row { padding: 0!important; } .screen .checkout-button, .screen #place_order { background-color: #000!important; color: #ffc30f!important; } .checkout-button, #place_order { height: 46px; font-size: 18px!important; font-family: "prohibition", sans-serif; font-weight: 400!important; font-style: normal; background-color: #ffc30f!important; color: #3c0014!important; align-items: center; justify-content: center; border-radius: 4px; line-height: 1; text-decoration: none; display: flex!important; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; padding: 0 0 3px!important; } .wc-proceed-to-checkout .wcppec-checkout-buttons { display: none!important; } .wc-proceed-to-checkout a { margin-bottom: 0px!important; } .woocommerce-cart .cart-collaterals tr { margin-bottom: 10px; padding-bottom: 0px; display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; border-bottom: 3px solid #3c0014!important; } .wapf-input-label input { -webkit-appearance: square-button!important; } .woocommerce-cart .cart-collaterals tr:last-child { border-bottom: unset!important; } .woocommerce-cart .cart-collaterals tr td { margin-bottom: unset!important; margin-left: auto; } .subscription-details { min-width: 100px; } .cart-collaterals td { font-family: "titillium-web", sans-serif; font-size: 16px; font-weight: bold; } .cart-collaterals th { font-family: "refrigerator-deluxe", sans-serif; font-weight: bold; text-transform: uppercase; font-size: 18px; } .cart-collaterals { width: 100%; margin-top: 50px; } /*.cart-wrapper-inner,*/ form.woocommerce-checkout, .full-height { min-height: calc(100vh - 200px); } .shortcode-page.full-height { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; align-items: center; } .woocommerce-cart { background-color: #ffeedc; } .cart-image { width: 75px; position: relative; } .remover-man { width: 18px; position: absolute; left: 0; top: 41%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .remover-man a { cursor: pointer; width: 18px!important; height: 18px!important; align-items: center; flex-direction: column; justify-content: space-between; display: flex!important; display: -webkit-flex!important; display: -moz-flex!important; flex-wrap: wrap; -webkit-flex-wrap: wrap; transform: rotate(90deg); transition: all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99); margin: 0 auto!important; } .remover-man a:hover { background-color: transparent!important; } .remover-man a:hover span:nth-child(1) { transform: translateY(8px) rotate(90deg); -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .remover-man a:hover span:nth-child(2) { transform: translateY(-8px) rotate(-90deg); -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .remover-man a span { background-color: #000; height: 3px; width: 100%; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .remover-man a span:nth-child(1) { transform: translateY(8px) rotate(45deg); } .remover-man a span:nth-child(2) { transform: translateY(-8px) rotate(-45deg); } .cart-wrapper-inner { width: 1200px; margin: 0 auto; max-width: 90%; display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .product-image-maker { padding-top: 100%; width: 100%; } .in-product-image { width: 100%; background: no-repeat center center / contain; } /*Product reg */ .product-outer-holder { background-color: #511127; color: #fff; } .product-top-area { padding: 121px 0 150px; } .product-image { margin-right: auto; } .product-outer-holder .merch-photo { margin-bottom: unset; } .phantom-cart { cursor: pointer; } .var-catcher { width: 100%; margin-bottom: 15px; align-items: center; } .label-ish { width: 46px; text-align: center; margin-right: 15px; } .var-catcher select { border-radius: 4px!important; background-color: #transparent; padding: 10px!important; font-size: 18px; color: #3c0014!important; appearance: none; font-family: "titillium-web", sans-serif; } .var-catcher select:nth-child(2n) { margin-right: unset; } .holiday-box-hero-right .product-add-info { position: relative; } .holiday-box-hero-right .quantity-box { border-color: #3c0014; color: #3c0014; } .product-control { height: 42px; width: 22px; background-color: #3c0014; align-items: center; justify-content: center; color: #ffeedc; font-size: 24px; padding-bottom: 2px; cursor: pointer; } .quantity-box::-webkit-inner-spin-button, .quantity-box::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .product-quant-holder { margin-right: 15px; } .quantity-box { border-radius: 4px!important; border: solid 2px #fef2de; background-color: transparent; color: #fef2de; height: 42px; width: 42px; text-align: center; -moz-appearance: textfield; border-radius: 0px!important; } .var-catcher select { width: 45%; margin-right: auto; } .product-image, .product-main-info { width: 45%; position: relative; } .product-main-info h1 { margin-bottom: 10px; } .price-area { color: #ffc30f; font-size: 24px; margin-bottom: 23px; } .product-add-info { margin-top: 35px; position: absolute; bottom: 0; align-items: center; } .woocommerce-cart-form { width: calc(95% - 283px); margin-right: auto; } .woocommerce-cart .woocommerce-shipping-destination, .woocommerce-cart .shipping-calculator-button { display: none!important; } .cart-collaterals { width: 283px!important; background-color: #fff; margin-top: unset!important; padding: 25px 1.5%; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 100%!important; } /*Checkout - reg */ .woocommerce-checkout .open-site-container { width: 1200px; max-width: 90%; margin: 0 auto; } .woocommerce-checkout { background-color: #ffeedc; } .woocommerce-checkout .shortcode-holder { padding: 75px 0 150px; } /*Shop*/ .shop-navigator { position: sticky; width: 100%; align-items: center; justify-content: center; background-color: #ffc30f; height: 50px; z-index: 20; } .shop-navigator a { color: #3c0014; text-decoration: none; } .top-banner .shop-navigator { top: 136px; } body:not(.top-banner) .shop-navigator { top: 103px; } .shop-navigation-item { font-size: 18px; margin-right: 47px; align-items: center; } .shop-navigation-item:last-child { margin-right: unset; } .shop-navigation-item img { margin-left: 10px; } .merch-render { padding: 100px 0; } .merch-cat-name { width: 100%; position: relative; margin-bottom: 43px; } .merch-category-name-top { position: relative; background-color: #3c0014; display: inline-block; z-index: 2; padding-right: 10px; font-size: 24px; color: #ffc30f; } .merch-category { margin-bottom: 100px; } .merch-photo:before { padding-top: 100%; content: ''; display: block; } .merch-photo { background: no-repeat center center / cover; margin-bottom: 20px; } .merch-cat-name:after { position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 1; content: ''; display: block; background-color: #ffc30f; left: 0; width: 100%; height: 2px; } .button-holder .site-button { width: 130px; margin: 25px auto 0; } .merch-name { font-size: 24px; text-align: center; } .merch-price { font-size: 24px; color: #ffc30f; text-align: center; } .merch-item { width: 23%; margin-right: 2%; margin-bottom: 53px; text-decoration: none; color: #fff; } /*city*/ .city-hero-inner { position: relative; z-index: 5; width: 853px; max-width: 90%; margin: 0 auto; text-align: center; transform: translate3d(0,0,0) perspective(0px)!important; -ms-transform: translate3d(0,0,0) perspective(0px)!important; -webkit-transform: translate3d(0,0,0) perspective(0px)!important; -moz-transform: translate3d(0,0,0) perspective(0px)!important; -o-transform: translate3d(0,0,0) perspective(0px)!important; } .city-hero-inner h1 { font-size: 72px; color: #fff; line-height: 1.1; letter-spacing: 2.52px; } .top-tag { height: 28px; align-items: center; line-height: 1; padding: 0 15px; background-color: #fff; color: #3c0014; font-size: 12px; } .city-info-area { padding: 100px 0; } .city-inside-feature.on-city-page .city-itself { margin-bottom: 49px; } .city-blurb-label, .content-container h2 { color: #ffc30f; font-size: 22px; margin-bottom: 15px; } .city-blurb-text { font-size: 20px; line-height: 1.4; } .city-blurb-text p, .content-container p { margin-bottom: 15px; } .other-areas .site-button.prev-month { margin-right: 15px; } .other-areas .site-button.next-month { margin-left: 15px; } .prev-month img { margin-right: 10px; } .next-month img { margin-left: 10px; } .other-areas { justify-content: center; padding: 80px 5% 100px; } .other-areas .site-button img { width: 10px; } .other-areas .site-button { width: 192px; max-width: 31%; } .city-blurb { margin-right: auto; } .city-blurb, .city-featured-brews { width: 45%; } .brewery-info-inner { width: 616px; margin: 0 auto; max-width: 90%; text-align: center; } .top-tag-holder { justify-content: center; margin-bottom: 10px; } .brewery-info { padding: 114px 0 0; } .breweries-beer { padding: 114px 0 0; } .city-hero { padding: 130px 0; background-color: #511127; } .city-hero .bg:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.55); content: ''; z-index: 3; } /*Cities*/ .the-cities-render:before { bottom: 0; position: absolute; z-index: 1; width: 100%; background-color: #511127; height: 45%; left: 0; right: 0; content: ''; display: block; } .cities-overview { background-color: #fef2de; } .cities-overview-top { padding: 50px 0 35px; } .cities-overview h1 { text-align: center; font-size: 72px; line-height: 1.04; letter-spacing: 2.52px; } .city-text { position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); width: 90%; margin: 0 auto; left: 0; right: 0; color: #fff; text-align: center; z-index: 2; } .city-name { font-size: 12px; } .city-code { font-size: 72px; line-height: 1.1; } .city-tile .site-button { border: 2px solid #fff; padding-bottom: 2px; color: #fff; left: 0; right: 0; position: absolute; max-width: 90%; margin: 0 auto; bottom: 29px; width: 191px; z-index: 2; } .city-tile:hover .site-button { color: #511127; background-color: #fff; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .city-tile:first-child { margin-left: 23px; } .city-tile:nth-child(odd) { margin-top: 80px; } .the-cities-render { flex-wrap: nowrap!important; -webkit-flex-wrap: nowrap!important; overflow-x: auto; align-items: center; -webkit-overflow-scrolling: touch; padding-bottom: 50px; } .the-cities-render::-webkit-scrollbar, .the-beers::-webkit-scrollbar { display: none; } .the-cities-render, .the-beers { -ms-overflow-style: none; scrollbar-width: none; } .city-tile:hover { -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.5); } .city-tile { width: 242px; min-width: 242px; background: no-repeat center center / cover; background-color: #3c0014; position: relative; flex: 0 0 auto; margin-right: 23px; z-index: 2; box-shadow: 0 0 0px 0 rgba(255, 255, 255, 0.5); -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .city-tile:after { position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.4); content: ''; z-index: 1; } .city-tile:before { padding-top: 150%; display: block; content: ''; } .city-date { height: 28px; max-width: 80%; align-items: center; color: #fff; background-color: #3c0014; width: 177px; font-size: 12px; justify-content: center; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; z-index: 3; } .van-scroller-inner { width: 1067px; max-width: 90%; margin: 0 auto; color: #fff; align-items: center; } .van-scroll-thumb { width: 69px; position: relative; z-index: 2; cursor: pointer; } .year-bubble { height: 49px; width: 49px; align-items: center; justify-content: center; font-size: 12px; color: #fff; border-radius: 50%; border: 2px solid #fff; cursor: pointer; } .year-bubble span { text-transform: uppercase; font-size: 11px; } .van-scroller { position: relative; z-index: 10; padding-bottom: 200px; background-color: #511127; } .van-track { width: calc(100% - 49px - 49px); position: relative; } .van-track:before { position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; right: 0; width: 100%; height: 2px; background-color: #fff; content: ''; display: block; z-index: 1; } /*Thank you*/ .woocommerce-order-received .shortcode-page { background-color: #ffc30f; } .woocommerce-order-received .woo-order-inner { max-width: 100%; } .woo-order-inner { width: 800px; margin: 0 auto; max-width: 90%; } .woocommerce-order { padding: 100px 0 200px; } /*Subscribe flow*/ .subscribe-by-get-lingo { margin-bottom: 12px; font-size: 14px; } .subscribe-by-get-lingo br { display: none; } .woocommerce-json-payload.hidden { display: none!important; } .box-checkout-flow-top-bar { height: 98px; align-items: center; background-color: #fff; position: relative; padding: 0 2.5%; } .subscribe-by-date { text-decoration: underline; font-weight: bold; } .checkout .checkout-title { top: 50%; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .checkout .step-indicator-inner { top: 100px; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .step-indicator-inner { top: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; justify-content: center; text-align: center; align-items: center; position: relative; } .step-indicator { position: absolute; overflow: hidden; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); justify-content: center; align-items: center; left: 0; right: 0; font-size: 24px; } .woocommerce-error, .woocommerce-info, .woocommerce-message { display: none!important; } .subscribe-by { margin-left: auto; font-size: 14px; line-height: 1; } .box-checkout-flow .slick-track, .box-checkout-flow .slick-slide, .box-checkout-flow .slick-list { height: 100%; } .box-checkout-flow .slick-list { overflow: hidden; } .coupon-holder .woocommerce-form-coupon { display: flex!important; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; border: unset!important; padding: unset!important; height: 100%!important; margin-bottom: unset!important; } .coupon-area-note { margin-top: 10px; } .coupon-holder input:not(.upper) { width: calc(100% - 154px); border-right: unset!important; border-top-left-radius: 4px!important; border-bottom-left-radius: 4px!important; background-color: #fff; padding: 10px!important; border: solid 1px #d4c9b5!important; font-size: 18px; color: #3c0014!important; } .coupon-holder .site-button.mauve.solid { font-weight: normal!important; border-top-left-radius: 0px!important; border-bottom-left-radius: 0px!important; width: 154px; height: 46px!important; background-color: #3c0014!important; color: #fff!important; } .screen { background-color: #ffeedc; display: flex!important; display: -webkit-flex!important; display: -moz-flex!important; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; position: relative; } .step-number { line-height: 1; align-items: center; justify-content: center; border-radius: 50%; background-color: #3c0014; color: #fff; margin: 0 10px; padding-bottom: 5px; height: 40px; width: 40px; } .box-navigation-bottom { height: 98px; justify-content: center; align-items: center; background-color: #3c0014; } .prev-holder { overflow: hidden; max-width: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .prev-holder.active { max-width: 250px; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .pop-up-breweries-buttons { justify-content: center; margin-top: 25px; } .order-recap-thank-you .woocommerce-order-details { padding-bottom: 100px; } .woocommerce .order-recap-thank-you table.shop_table td a { color: #000!important; } .order-recap-thank-you .woocommerce-order-details__title { margin-bottom: 25px; } .woocommerce .order-recap-thank-you table.shop_table tr:last-child { border-bottom: unset!important; } .woocommerce .order-recap-thank-you table.shop_table tr { border-bottom: 2px dotted #000; } .woocommerce .order-recap-thank-you table.shop_table th, .woocommerce .order-recap-thank-you table.shop_table td{ padding: 10px!important; width: 50%; text-align: left; } .order-recap-thank-you .order_details { background-color: #fff; } .close-sneak { margin-right: 18px; } .pop-up-breweries-buttons .next-goer { max-width: 100%!important; min-width: 154px!important; } .prev-goer { color: #fef2de; border: 2px solid #fef2de; padding-bottom: 2px; margin-right: 18px; } .next-goer, .back-to-check { background-color: #fef2de; padding-bottom: 2px; color: #3c0014; max-width: 0; min-width: unset!important; overflow: hidden; margin-left: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .next-goer.active, .cart-opened .back-to-check { max-width: 250px; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .add-to-cart-ph img { margin-right: 6px; } .box-navigation-bottom .site-button { width: 196px; cursor: pointer; } .add-to-cart-ph-inner { min-width: 196px; justify-content: center; align-items: center; } .checkout-title { position: absolute; left: 0; right: 0; text-align: center; top: -200px; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .started-holder { font-size: 32px; margin-bottom: 25px; letter-spacing: 1.5px; width: 100%; text-align: center; } .cart-opened .cart-screen-phantom{ right: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .cart-screen-phantom-inner, .cart-screen-phantom-inner iframe { height: 100%; position: relative; width: 100%; border: unset!important; } .cart-screen-phantom { -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; position: absolute; right: -100%; height: 100%; top: 0; width: 100%; background-color: #fff; } .pop-up-modal-inner .button-holder-bottom { width: 100%; text-align: center; justify-content: center; } .product-name { position: relative; } .remove_from_cart { cursor: pointer; position: absolute; left: -15px; font-weight: bold; } .screen #place_order { display: none!important; } #drip_woocommerce_accepts_marketing_field { display: none!important; } .woocommerce-terms-and-conditions-checkbox-text, #ship-to-different-address label span { padding-left: 30px; position: relative; display: inline-block; } .checkbox .required { display: none; } .woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox a { color: #000; } .woocommerce-terms-and-conditions-checkbox-text:before, #ship-to-different-address label span:before { position: absolute; top: 50%; left: 0; height: 20px; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); width: 20px; border: 2px solid #000; border-radius: 2px; content: ''; display: block; } .woocommerce-form__label.checkbox { cursor: pointer; } .woocommerce-form__label.checkbox input:checked + .woocommerce-terms-and-conditions-checkbox-text:before, #ship-to-different-address label input:checked + span:before { background-color: #fff; background-image: url(/wp-content/themes/city-brew-tours-merch/assets/image/check-black.svg); background-position: center; background-repeat: no-repeat; background-size: contain; } .woocommerce-form__label.checkbox input { display: none!important; } .cart-iframed .woocommerce-cart-form { margin-left: auto; } .cart-iframed .the-header-container, .cart-iframed .site-footer, .cart-iframed .cart-collaterals { display: none!important; } .cart-iframed { margin-top: unset!important; } .add-to-cart-ph.active, .place-order.active:not(.form-row) { max-width: 250px!important; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .box-checkout-flow { background-color: #ffeedc; } .add-to-cart-ph, .place-order:not(.form-row) { background-color: #ffc30f; color: #3c0014; max-width: 0; margin-left: 0; min-width: unset!important; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; overflow: hidden; } .wc-square-credit-card-payment-gateway-icon { display: none!important; } #billing_country_field, #shipping_country_field { display: none; } .checkout-fields-flow, .screen .woocommerce { width: 100%; } .screen, .the-step-screens { width: 100%; } .top-banner .the-step-screens { height: calc(100vh - 98px - 98px - 136px); } .the-step-screens.loaded { opacity: 1; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; pointer-events: unset; } .cart-opened .place-order:not(.form-row), .cart-opened .prev-holder.active { max-width: 0!important; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .the-step-screens { height: calc(100vh - 98px - 98px - 100px); background-color: #ffeedc; overflow: hidden; opacity: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; pointer-events: none; } .as-low-as-title { font-size: 16px; text-align: center; } .when-you { color: #d4c9b5; font-size: 12px; width: 126px; margin: 0 auto; max-width: 100%; text-align: center; } .as-low-as-price { font-size: 36px; line-height: 1; text-align: center; margin: 5px 0; } .screen-title { text-align: center; width: 100%; letter-spacing: 0.84px; font-size: 24px; margin-bottom: 30px; width: 440px; margin-left: auto; margin-right: auto; max-width: 100%; } .screen-inner { width: 780px; margin: 0 auto; max-width: 90%; } .box-selectors, .payment-showcase, .the-city-render { width: 696px; max-width: 100%; margin: 0 auto; } .city-info { padding-right: 5%; } .box-peek-button img { margin-right: 5px; } .box-peek-button { height: 46px; align-items: center; padding: 0 15px; border: 2px solid #3c0014; border-radius: 3px; cursor: pointer; width: 186px; } .city-image { height: 100%; background: no-repeat center center / cover; position: absolute; content: ''; top: 0; right: 0; display: block; border-top-right-radius: 9px; border-bottom-right-radius: 9px; } .tour-step-item .label { font-size: 18px; margin-bottom: 1px; } .alt-billing .when-you { color: #3c0014; font-size: 16px; } .step-content { font-size: 21px; } .tour-step-item { margin-bottom: 15px; } .tour-step-item:last-child { margin-bottom: unset; } .taste-of { font-size: 18px; line-height: 1.1; color: #ffc30f; margin-bottom: 6px; } .tours-intro-full { width: 100%; padding: 25px 0; overflow: auto; max-height: 302px; } .tours-intro-left.left-side-showcase { padding-left: 7%; padding-right: 5%; } .tours-intro-left-inner { width: 500px; margin: 0 auto; max-width: 90%; } .tours-intro-left-inner ul { margin-bottom: unset; } .tours-intro-left-inner img.aligncenter { margin-left: auto; margin-right: auto; } .tours-intro-box p { margin-bottom: 15px; } .tours-intro-box p:last-child { margin-bottom: unset; } .tours-intro-box { border-radius: 11px; font-size: 18px; border: solid 2px #d4c9b5; background-color: #fff; } .city-name-modal { font-size: 24px; line-height: 1.1; margin-bottom: 6px; } .city-selector { border-top-left-radius: 0px!important; } .payment-showcase, .city-selector { border-radius: 11px; border: solid 2px #d4c9b5; background-color: #fff; padding-left: 7%; position: relative; } .road-ahead { width: 100%; margin-top: 42px; } .road-ahead-items { width: 100%; justify-content: center; } .road-ahead-item:nth-child(2) { border-left: 2px dashed #3c0014; } .pop-up-modal-inner { width: 500px; max-width: 90%; margin: 0 auto; } .pop-up-modal.active, .error-pop-up .error-modal { top: 50%; opacity: 1; pointer-events: unset; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .pop-up-modal.get-started-options, .pop-up-modal.added-to-cart-message, .pop-up-modal.coupon-pop { width: 516px; } .error-pop-up .error-modal { position: fixed!important; } .pop-up-modal { padding: 72px 0; width: 726px; max-width: 90%; margin: 0 auto; pointer-events: none; opacity: 0; z-index: 10000; background-color: #fff; top: 30%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; right: 0; align-items: center; position: fixed; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .pop-up-breweries { justify-content: center; } .x-out span:nth-child(2) { top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; right: 0; margin: auto auto; width: 100%; height: 2px; } .x-out span:nth-child(1) { top: 0; left: 0; right: 0; margin: 0 auto; width: 2px; height: 100%; } .x-out span { position: absolute; content: ''; display: block; background-color: #3c0014; } .pop-up-modal .x-out, .pop-up-reviews .x-out { transform: rotate(45deg); top: 10px; right: 10px; } .pop-up-reviews .x-out { position: sticky; background-color: #fff; top: 0; } .x-out { position: absolute; top: 0px; right: 0px; height: 28px; width: 28px; content: ''; display: block; cursor: pointer; } .pop-up-modal-inner-date { text-align: center; font-size: 18px; } .pop-up-modal-inner-city { margin-bottom: 54px; font-size: 36px; line-height: 1.1; text-align: center; } .road-ahead-item { width: 50%; padding: 0 5% 15px; text-align: center; } .featured-brewery:nth-child(2n) { margin-right: unset; } .featured-brewery { text-align: center; width: 47%; margin-bottom: 13px; margin-right: 4%; border-radius: 100px; border: solid 1px #3c0014; height: 44px; font-size: 14px; justify-content: center; align-items: center; } .road-ahead-month { font-size: 16px; line-height: 1.1; color: #ffc30f; } .road-ahead-month-city-name { font-size: 36px; line-height: 1.1; } .road-ahead-label { width: 100%; text-align: center; margin-bottom: 25px; font-size: 14px; } .city-selector { cursor: pointer; } .box-selector.selected, .city-selector.selected { border-color: #3c0014; box-shadow: 0 0 15px 0 #ffc30f; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .city-selector { margin-bottom: 54px; } .city-selector:last-child { margin-bottom: unset; } .box-selector { position: relative; background-color: #fff; border-radius: 11px; border: solid 2px #d4c9b5; padding-left: 5%; margin-bottom: 24px; cursor: pointer; box-shadow: 0 0 0px 0 #ffc30f; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .box-selector:last-child { margin-bottom: unset; } .box-selected-status { position: absolute; top: 16px; left: 16px; } .selected .box-selected-status span:before { opacity: 1; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .box-selected-status span:before { border-radius: 50%; content: ''; opacity: 0; height: 10px; width: 10px; background-color: #3c0014; position: absolute; left: 0; right: 0; top: 50%; margin: 0 auto; display: block; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .icon-info-holder, .left-side-showcase, .city-info { width: 70%; align-items: center; padding: 43px 0; } .included-item { align-items: center; } .included-item img { width: 14px; } .included-item-inner { width: calc(100% - 14px - 6px); margin-left: auto; } .included-item:last-child { margin-bottom: unset; } .included-item { font-size: 12px; line-height: 1.1; margin-bottom: 5px; padding-right: 10px; width: 50%; } .includes-label { font-size: 12px; letter-spacing: 0.42px; margin-bottom: 8px; } .box-name { font-size: 24px; margin-bottom: 13px; line-height: 1.1; } .left-side-showcase-inner { width: 255px; max-width: 100%; font-size: 24px; } .popular { border-top-left-radius: 0px; } .popular-tag { color: #ffeedc; font-size: 12px; position: absolute; height: 35px; padding: 0 13px; left: -2px; top: -35px; line-height: 1; align-items: center; border-top-left-radius: 7px; border-top-right-radius: 7px; background-color: #3c0014; } .time-period-shower { width: 100%; text-align: center; font-size: 16px; } .time-period { text-align: center; } .price-per-period { font-size: 36px; line-height: 1; text-align: center; width: 100%; margin-bottom: 2px; } .box-info-top { margin-bottom: 12px; } .box-price-area-month:not(.as-low-as-price) { height: 50px; align-items: center; justify-content: center; padding-bottom: 1px; font-size: 36px; line-height: 1; width: 133px; border: 2px solid #d4c9b5; } .per-box-area-label { align-items: center; width: 90px; border: 2px solid #d4c9b5; border-left: unset; font-size: 18px; justify-content: center; } .as-low-as, .right-side-showcase, .city-image { width: 30%; align-items: center; border-left: 2px dashed #3c0014; justify-content: center; } .in-every-box { text-align: center; font-size: 14px; line-height: 1.1; margin-top: 5px; } .box-icon { justify-content: center; margin-bottom: 10px; } .box-icon-area { width: 99px; } .name-and-info { width: calc(90% - 99px); margin-left: auto; } .beers-in-box { width: 100%; border-radius: 100px; background-color: #ffc30f; text-align: center; align-items: center; justify-content: center; height: 30px; } .bonus-text { font-size: 14px; font-weight: bold; line-height: 1.1; text-align: center; margin-top: 19px; } .bonus-text-inner { width: 500px; max-width: 100%; margin: 0 auto; } .box-selected-status span { border-radius: 50%; display: block; border: 2px solid #d4c9b5; height: 24px; width: 24px; } .pay-structures { border-radius: 100px; border: solid 1.5px #ffc30f; height: 58px; width: 100%; margin-bottom: 51px; position: relative; } .pay-structures[data-position="2"][data-option-count="2"]:before { left: 50%; } [data-option-count="2"]:before { width: 50%!important; } .pay-structures:before { background-color: #ffc30f; position: absolute; z-index: 1; width: 33.3333%; height: 100%; border-radius: 100px; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; content: ''; display: block; } .pay-structures[data-position="1"]:before { left: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .pay-structures[data-position="2"]:before { left: 33.3333%; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .pay-structures[data-position="3"]:before { left: 66.6666%; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } [data-option-count="2"] .billing-option { width: 50%; } .billing-option { width: 33.3333%; position: relative; z-index: 2; text-align: center; border-radius: 100px; height: 100%; align-items: center; justify-content: center; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; cursor: pointer; } .billing-option.selected { -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; font-weight: bold; } .checkout-area { overflow: auto; } .screen form.checkout { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .box-checkout-left, .box-checkout-right { width: 50%; padding: 66px 5%; } .box-checkout-right { background-color: #ffc30f; } .screen .woocommerce-message { display: none!important; } .screen .form-row.place-order button { display: none!important; } .screen .woocommerce-privacy-policy-text, #wc-stripe-payment-request-wrapper, #wc-stripe-payment-request-button-separator { display: none!important; } /*temp*/ .woocommerce-form-coupon-toggle { display: none!important; } .woocommerce-checkout .form-row, .woocommerce-account .form-row { margin-bottom: 20px!important; } .wc-stripe-elements-field { border: solid 1px #3c0014!important; } .woocommerce-checkout input, .woocommerce-account input, .woocommerce-checkout select, .woocommerce-account select { border: solid 1px #d4c9b5!important; } .woocommerce-checkout input, .woocommerce-checkout select, .woocommerce-account input, .woocommerce-account select, .wc-stripe-elements-field { border-radius: 4px!important; background-color: #fff; padding: 10px!important; font-size: 18px; color: #3c0014!important; } .woocommerce-checkout label, .woocommerce-account label, body .woocommerce-checkout #payment div.payment_box .form-row label { font-family: "titillium-web", sans-serif; font-weight: bold; line-height: 1!important; width: 100%; font-size: 18px; margin-bottom: 7px; color: #3c0014; } body .woocommerce-checkout #payment div.payment_box .form-row, body .woocommerce-account #payment div.payment_box .form-row { margin-bottom: 20px!important; padding: unset!important; } #payment { margin-top: 50px; } body .woocommerce-checkout #payment div.payment_box p, body .woocommerce-account #payment div.payment_box p { font-family: "titillium-web", sans-serif; font-weight: 400; font-style: normal; font-size: 16px; } body .woocommerce-checkout #payment div.payment_box p a, body .woocommerce-account #payment div.payment_box p a { color: #3c0014; } body .woocommerce-checkout #payment div.payment_box, body .woocommerce-account #payment div.payment_box { background-color: #fff; border-radius: 3px; padding: 25px 2.5%; } body .woocommerce-account #payment div.payment_box fieldset, body .woocommerce-checkout #payment div.payment_box fieldset { border: unset!important; padding: unset!important; } #payment li label[for="payment_method_stripe"] { margin-bottom: 15px!important; display: block; } .woocommerce-checkout h3, .woocommerce-account h3, #ship-to-different-address label, #payment li label[for="payment_method_stripe"], #payment_method_square_credit_card label[for="payment_method_square_credit_card"] { font-family: "prohibition", sans-serif; font-weight: 400; font-style: normal; font-size: 25px; line-height: 1.1; margin-bottom: 25px; } .woocommerce-account #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { display: none!important; } #ship-to-different-address label { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; cursor: pointer; } .woocommerce .screen .col2-set .col-2, .woocommerce-page .screen .col2-set .col-2, .woocommerce .screen .col2-set .col-1, .woocommerce-page .screen .col2-set .col-1 { width: 100%!important; margin-right: unset!important; } .box-price-area-month-top { text-align: center; text-decoration: line-through; text-decoration-color: #ffc30f; } .woocommerce-remove-coupon a { color: #000; } .woocommerce-checkout-review-order-table thead:first-child, .recurring-totals, .cart-subtotal.recurring-total, .shipping.recurring-total, .order-total.recurring-total, .coupon-tour_referral.recurring-total { display: none!important; } .screen .cart_item:last-of-type td, .screen .cart_item:last-of-type th { padding-bottom: 10px!important; } .screen .cart-subtotal { border-top: 2px dashed #fff; } .woocommerce .screen table.shop_table tfoot th, .woocommerce .screen table.shop_table tfoot td { padding-top: 10px!important; } .woocommerce table.shop_table { border-collapse: collapse; } .woocommerce table.shop_table, .woocommerce tbody, .woocommerce table.shop_table td, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { border: unset!important; padding: unset!important; } .woocommerce table.shop_table td { vertical-align: top; } .payment_method_stripe input { display: none!important; } #payment li { list-style: none!important; } .wc_payment_methods { padding-left: unset!important; } .shop_table td { text-align: right; margin-bottom: 15px; } .woocommerce-MyAccount-content tr { border-bottom: 2px solid #000; } #account_display_name + span { margin-top: 10px; display: block; margin-bottom: 10px; } .subscription-title { font-size: 18px; color: #fff; line-height: 1.1; margin-bottom: 27px; } .subscription-image { margin-right: auto; align-items: center; } .subscription-image, .subscription-price { width: 90px; } .subscription-price { text-align: right; } .subscription-name { margin-right: auto; } .subscription-other-details, .subscription-name { width: calc(95% - 90px); margin-left: auto; align-items: center; } .the-subscription { margin-bottom: 29px; } .subscription-stats { margin-bottom: 25px; } .subscription-metric { margin-bottom: 15px; } .subscription-metrics { border-bottom: 2px dashed #fff; padding-bottom: 10px; margin-bottom: 25px; } .subscription-metric-label { margin-right: auto; } .stat-box { width: 31.3%; margin-right: 3%; padding: 36px 0; border-radius: 3px; } .stat-box.size { background-color: #fff; } .stat-box.size .stat-pill { color: #fff; background-color: #3c0014; } .stat-box.payment { background-color: #5f1d33; color: #fff; } .stat-box.payment .stat-pill { color: #5f1d33; background-color: #fff; } .stat-box.first-ship { background-color: #3c0014; color: #ffc30f; } .stat-box.first-ship .stat-pill { color: #3c0014; background-color: #ffc30f; } .bottom-stat-info .fact { font-size: 14px; line-height: 1.1; text-transform: uppercase; min-height: 15.4px; } .info-stat { font-size: 36px; line-height: 1; } .bottom-stat-info { text-align: center; } .stat-box:nth-child(3n) { margin-right: unset; } .stat-label { margin-bottom: 15px; justify-content: center; min-height: 15.4px; } .stat-pill { height: 28px; align-items: center; text-align: center; padding: 0 10px; border-radius: 100px; } dl { display: none!important; } #order_review_heading { margin-top: 75px; } .woocommerce-page td.product-name { text-align: left; } /*temp*/ .cart_item { /*display: none!important;*/ } .cart_item td { width: 50%; } .woocommerce-checkout #payment, .woocommerce-checkout #payment ul.payment_methods { background-color: unset!important; border-radius: unset!important; padding: unset!important; border-bottom: unset!important; } /* ## Home --------------------------------------------- */ .all-reviews-button { justify-content: center; } .other-stops { position: relative; } .the-map { position: relative; } .the-map img:first-child { position: relative; z-index: 1; } .the-map img:nth-child(2) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .the-map img:nth-child(3) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .inclusion-bubble { position: absolute; z-index: 20; cursor: pointer; height: 70px; width: 70px; } .active .bubble-top { width: 0; height: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; opacity: 0; } .active .bubble-text { top: 0%; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; opacity: 1; } .bubble-text { width: 189px; text-align: center; background-color: #ffc30f; font-size: 18px; padding: 15px 25px; left: 50%; top: 70%; position: absolute; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); opacity: 0; pointer-events: none; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .bubble-text:after{ width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #ffc30f; position: absolute; bottom: -19px; margin: 0 auto; content: ''; display: block; left: 0; right: 0; } .second-to-last .half { position: relative; } .bubble-top { height: 70px; width: 70px; left: 50%; top: 50%; position: absolute; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); background-color: #ffc30f; border-radius: 50%; color: #fff; align-items: center; justify-content: center; } .inclusion-bubble[data-counter="1"]{ top: 10%; left: 10%; } .inclusion-bubble[data-counter="2"]{ top: 14%; right: 3%; } .inclusion-bubble[data-counter="3"]{ top: 50%; right: 10%; } .inclusion-bubble[data-counter="4"]{ top: 60%; left: -2%; } .inclusion-bubble[data-counter="5"]{ top: 85%; left: 27%; } .background-piece.plane { width: 354px; max-width: 30%; top: 3%; } .background-piece.van { bottom: 8%; width: 218px; max-width: 15%; z-index: 10; left: 20%; } .background-piece.city-bg { position: absolute; left: 0; width: 100%; height: 100%; background: repeat-x center bottom / contain; bottom: 0; max-height: 669px; z-index: 4; } .background-piece { position: absolute; } .background-piece.left { top: 13%; width: 20%; } .background-piece.top-right { width: 15%; top: 0; right: 21%; } .background-piece.bottom-left { width: 15%; top: 29%; left: 21%; } .background-piece.bottom-right { right: 0; top: 10%; width: 25%; z-index: 2; } .beer-item:hover .untappd-link { top: 50%; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; opacity: 1; } .untappd-link img { margin-right: 5px; } .untappd-link { opacity: 0; border-radius: 100px; left: 0; right: 0; margin: 0 auto; box-shadow: 0 0 11px 0 #3c0014; background-color: #ffeedc; position: absolute; top: 30%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; z-index: 3; color: #3c0014; font-size: 14px; text-decoration: none; padding: 0 15px; height: 41px; align-items: center; justify-content: center; } body.top-banner .home-hero { height: calc(100vh - 136px); } .home-hero { height: calc(100vh - 100px); background-color: #ffeedc; overflow: hidden; max-height: 930px; } .top-hero { position: absolute; left: 0; right: 0; z-index: 10; top: 20%; transform: translateY(-20%); -ms-transform: translateY(-20%); -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -o-transform: translateY(-20%); } body.top-banner .hero-trigger { top: -136px; } body:not(.top-banner) .hero-trigger { top: -100px; } .hero-trigger { position: absolute; } .bubble-button { position: absolute; left: 0; right: 0; bottom: 8%; z-index: 18; justify-content: center; } .bubble-button a { z-index: 12; width: 250px; height: 65px; align-items: center; justify-content: center; border-radius: 100px; box-shadow: 0 0 12px 0 #fef2de; background-color: #fff; line-height: 1.04; letter-spacing: 0.84px; text-align: center; color: #3c0014; text-decoration: none; } .main-container-inner { width: 933px; max-width: 100%; margin: 0 auto; } .hero-top-text { width: 100%; text-align: center; line-height: 1.04; letter-spacing: 0.63px; text-align: center; color: #3c0014; font-size: 18px; margin-bottom: 10px; } .home-hero h1 { font-size: 72px; line-height: 1.04; letter-spacing: 2.52px; text-align: center; color: #3c0014; margin-bottom: 40px; } .city-hero .button-holder-bottom { margin-top: 30px; } .city-hero .site-button.transparent { border-color: #ffc30f; color: #ffc30f; } .button-holder-bottom { justify-content: center; } .button-holder-bottom .site-button:nth-child(2) { margin-left: 15px; } .mauve { background-color: #3c0014; color: #ffeedc; } .light-mauve { background-color: #5f1d33; color: #ffeedc; } .yellow { background-color: #ffeedc; } .how-it-works { padding-top: 150px; } .how-it-works .main-container .how-it-works-item { width: 22%; margin-right: 4%; } .how-it-works .main-container .how-it-works-item:nth-child(4n) { margin-right: unset; } .how-it-works-item-icon { justify-content: center; margin-bottom: 27px; } .how-it-works-item-inner { width: 243px; margin: 0 auto; max-width: 100%; text-align: center; } .how-it-works-item-inner .how-it-works-item-title { font-size: 36px; line-height: 1.1; color: #ffc30f; margin-bottom: 11px; } .how-it-works-item-desc { line-height: 1.04; letter-spacing: 0.56px; text-align: center; color: #ffeedc; font-size: 16px; } .how-it-works-bubble { height: 55px; width: 55px; border-radius: 50%; background-color: #ffc30f; align-items: center; justify-content: center; } .city-feature { padding-top: 150px; padding-bottom: 80px; } .half { width: 42%; } .half.first { margin-right: auto; } .other-stops-button { margin-top: 79px; justify-content: center; } .top-circle { height: 150px; position: relative; overflow: hidden; } .top-circle-circle { position: absolute; left: -2.5%; right: 0; top: 2px; border-radius: 100%; background-color: #ffeedc; z-index: 2; width: 105%; height: 200%; } .testimonial-text.short { font-size: 28px; } .testimonial-text-side { width: 100%; } .testimonial-inner { width: 384px; max-width: 100%; } .testimonial-stars { margin-bottom: 24px; } .testimonials { padding-bottom: 150px; } .testimonial-text { font-size: 36px; font-weight: bold; line-height: 1.04; letter-spacing: 1.26px; text-align: left; color: #3c0014; margin-bottom: 34px; } .testimonial-attribution { font-size: 18px; line-height: 1.1; letter-spacing: 0.63px; } .testimonial-arrow-holder { width: 23px; align-items: center; } .testimonial-slider-holder { width: calc(90% - 23px - 23px); margin: 0 auto; position: relative; } .inner-bubble { position: relative; top: 21px; } .quote-bubble { position: absolute; overflow: hidden; background-color: #ffc30f; font-size: 80px; line-height: 1; justify-content: center; border-radius: 50%; height: 84px; width: 84px; z-index: 20; color: #3c0014; right: 10px; top: 40px; } .testimonial-slide { background: no-repeat center center / cover; border-radius: 50%; } .testimonial-slider-slider { border-radius: 50%; overflow: hidden; } .testimonial-slide:before { padding-top: 100%; display: block; content: ''; } .testimonial-slider-right { align-items: center; } .logo-container { padding: 50px 0; } .logo-container h2 { font-size: 24px; font-weight: 500; line-height: 1.04; letter-spacing: 0.84px; text-align: center; color: #ffc30f; margin-bottom: 25px; } .logo-holder { align-items: center; } .logo-holder:not(.logo-holder:last-child){ margin-right: 73px; } .logos { align-items: center; justify-content: center; display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; } .second-to-last { padding: 110px 0; } .main-title { font-size: 48px; font-weight: bold; line-height: 1.04; letter-spacing: 1.68px; margin-bottom: 20px; } .desc { font-size: 16px; line-height: 1.3; letter-spacing: 0.56px; } .desc p:not(p:last-child) { margin-bottom: 15px; } .inclusions-image img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center; } .inclusions-image { position: relative; border-radius: 50%; overflow: hidden; width: 100%; } .inclusions-image:before { padding-top: 100%; display: block; content: ''; } .not-convinced-desc { margin-bottom: 48px; } .nc-inner { width: 411px; max-width: 100%; } .label-inner { align-items: center; padding: 0 18px; height: 46px; line-height: 1; font-size: 18px; letter-spacing: 0.63px; text-align: left; color: #ffc30f; border-top-right-radius: 5px; border-top-left-radius: 5px; } .go-beyond-text { margin-bottom: 30px; font-size: 18px; line-height: 1.2; letter-spacing: 0.63px; } .go-beyond-box-inner { color: #3c0014; border: solid 2px #3c0014; padding: 36px 5%; } .bottom-cta { background-color: #ffc30f; } .bottom-cta-inner { margin: 30px 0; border-top: 2px dotted #5f1d33; border-bottom: 2px dotted #5f1d33; } .box-cta .bottom-cta-inner-inner { padding-bottom: unset; } .bottom-cta-inner-inner { padding: 80px 0; } .bottom-cta-inner-inner { width: 700px; margin: 0 auto; max-width: 100%; text-align: center; } .bottom-cta-top { font-size: 18px; line-height: 1.04; letter-spacing: 0.63px; margin-bottom: 2px; } .box-cta .bottom-cta-inner-inner h2 { width: 100%!important; } .bottom-cta-inner-inner h2 { font-size: 72px; line-height: 1.04; letter-spacing: 1.52px; text-align: center; color: #fff; margin-bottom: 43px; } .city-feature-title { justify-content: center; margin-bottom: 49px; position: relative; } .city-month, .city-itself { width: 100%; text-align: center; } .city-month { font-size: 18px; line-height: 1.1; } .city-itself { font-size: 62px; line-height: 1.1; color: #ffc30f; letter-spacing: 1.52px; } .other-stops-left-inner { width: 408px; max-width: 100%; } .other-stops-left-inner h2 { color: #ffc30f; } .featured-breweries { margin-top: 64px; } .featured-top-text { font-size: 18px; letter-spacing: 0.49px; margin-bottom: 32px; } .breweries-featured-in:after { content: "|"; display: inline-block; padding: 0 12px; } .the-city { color: #ffc30f; } .featured-city:nth-child(2n) { margin-right: unset; } .featured-city:hover { background-color: #fff; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; color: #3c0014; } .featured-city { -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; border-radius: 100px; margin-bottom: 13px; width: 48%; margin-right: auto; text-decoration: none!important; align-items: center; justify-content: center; min-height: 44px; padding: 10px 0; font-size: 14px; line-height: 1.04; letter-spacing: 0.49px; text-align: center; color: #ffeedc; border: 1px solid #ffeedc!important; } .test-arrow { cursor: pointer; } .stats-top { width: 100%; } .stat-item { width: 31%; margin-right: 2.5%; text-align: center; } .stat-item:last-child { margin-right: unset; } .stat-number { font-size: 36px; line-height: 1; letter-spacing: 1.26px; } .stat-text { font-size: 24px; line-height: 1; letter-spacing: 0.84px; } .the-beers-holder { overflow: hidden; } .beers-toggler { justify-content: center; width: 100%; } .beers-toggler { cursor: pointer; } .beers-toggler .left { margin-right: 25px; } .the-beers-holder { margin-bottom: 150px; } .the-beers-holder .slick-track { display: flex!important; display: -webkit-flex!important; display: -moz-flex!important; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: flex-end; } .breweries-beer .the-beers { justify-content: center; } .breweries-beer .the-beers.no-slider .beer-item { width: 20%; margin-right: 2%; } .breweries-beer .the-beers.no-slider .beer-item:last-child { margin-right: unset; } table { word-break: break-word!important; } .breweries-beer .the-beers.no-slider { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; width: 100%; } .the-beers .slick-list { overflow: visible; } .the-beers { width: calc(160px + 17px + 17px); margin: 0 auto; margin-bottom: 50px; } .beer-item:first-child { } .beer-item.hover { opacity: .4; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .beer-item { padding: 0 17px; height: auto!important; width: 100%; position: relative; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } /* # Site Navigation ---------------------------------------------------------------------------------------------------- */ /* ## Mobile Menu --------------------------------------------- */ /*.popover-menu-area-container { width: 1200px; max-width: 90%; margin: 0 auto; }*/ .menu-toggle { cursor: pointer; } .side-bar-menu { position: fixed; height: 100%; top: 0; right: 0; background-color: #ffc30f; z-index: 110; width: 381px; right: -381px; padding: 41px 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .side-bar-menu-inner { width: 307px; margin: 0 auto; position: relative; height: 100%; } .back-to-tours { color: #3c0014; text-decoration: none; font-size: 18px; line-height: 1; letter-spacing: .63px; } .side-bar-menu-top { margin-bottom: 45px; position: relative; } .side-bar-menu-top .x-out { top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); } .x-out { margin-left: auto; cursor: pointer; } .side-bar-menu-items a:last-child { border-bottom: unset; } .side-bar-menu-items a { width: 100%; color: #ffeedc; font-size: 36px; line-height: 1; letter-spacing: 1.26px; padding-bottom: 15px; border-bottom: 2px dotted #ffeedc; text-decoration: none; margin-bottom: 15px; display: block; } .bottom-info-area { position: absolute; bottom: 0; width: 100%; padding-top: 20px; border-top: 2px dotted #ffeedc; font-size: 24px; line-height: 1.25; letter-spacing: 0.84px; } .dark-layer { position: fixed; top: 0; left: 0; pointer-events: none; height: 100%; width: 100%; z-index: 99; background-color: #3c0014; opacity: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } body.menu-open, body.modal, body.pop-upper, body.error-pop-up, body.cart-editor { height: 100%; overflow: hidden; } .menu-open .dark-layer, .modal .dark-layer, body.pop-upper .dark-layer, .error-pop-up .dark-layer { opacity: .7; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; pointer-events: unset; } .menu-open .side-bar-menu { right: 0; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } /* ## Desktop Menu --------------------------------------------- */ .cart-contents-count { position: absolute; right: 6px; top: 9px; background-color: #fff; font-size: 10px; width: 16px; color: #000; height: 16px; line-height: 1; border-radius: 50%; align-items: center; justify-content: center; } .the-header-container { position: fixed; z-index: 99; top: 0; left: 0; width: 100%; } .primary-menu { height: 100px; background-color: #3c0014; align-items: center; position: relative; } .menu-logo { width: 200px; text-decoration: none; margin-right: auto; position: relative; z-index: 3; } .middle-nav-items { position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; justify-content: center; align-items: center; z-index: 1; } .middle-nav-items a { text-decoration: none; font-size: 18px; font-weight: bold; letter-spacing: 0.63px; text-align: left; line-height: 1; color: #ffeedc; } .middle-nav-items a:not(.middle-nav-items a:last-child) { margin-right: 32px; } .menu-items-right { margin-left: auto; position: relative; z-index: 3; } .menu-items-right .site-button { margin-right: 32px; } .account-icon, .cart-holder { margin-right: 22px; } .cart-holder { position: relative; } .top-banner-text-message { text-align: center; height: 36px; background-color: #ffc30f; align-items: center; justify-content: center; font-size: 18px; line-height: 1.1; letter-spacing: 0.63px; text-align: center; color: #3c0014; } .top-banner-text-message p { margin-bottom: unset; } /* # Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { background-color: #3c0014; padding: 100px 0; float: left; width: 100%; } .footer-right-side-links { margin-left: auto; } .footer-right-side-links a { color: #fff; font-size: 18px; line-height: 1; text-decoration: none; } .footer-right-side-links a:not(.footer-right-side-links a:last-child) { margin-right: 50px; } ,.top-items { padding-bottom: 37px; border-bottom: 2px solid #ffc30f; } .bottom-links { padding-top: 21px; } .copyrights, .copyrights a { text-decoration: none; color: #ffc30f; line-height: 1.1; font-size: 18px; letter-spacing: 0.63px; } .social-icons { margin-left: auto; } .social-link { width: 24px; } .social-link:not(.social-link:last-child){ margin-right: 22px; } .social-link img { object-fit: contain; object-position: center; } .copyrights .item:not(.item:last-child):after { content: '|'; display: inline-block; padding: 0 12px; } /* # Media Queries ---------------------------------------------------------------------------------------------------- */ @media (max-width: 1400px) { .middle-nav-items a { font-size: 15px; } .middle-nav-items a:not(.middle-nav-items a:last-child) { margin-right: 24px; } } @media (max-height: 850px) { .background-piece.city-bg { max-height: 560px; } .city-info { padding: 25px 0; } .top-banner .shop-navigator { top: 103px; } body:not(.top-banner) .shop-navigator { top: 80px; } body.top-banner .hero-trigger { top: -103px; } body:not(.top-banner) .hero-trigger { top: -80px; } .background-piece.plane { width: 262px; } .hero-top-text { font-size: 15px; margin-bottom: 4px; } .main-container-inner { width: 693px; } .home-hero h1 { font-size: 52px; margin-bottom: 21px; } .bubble-button a { height: 55px; width: 220px; font-size: 18px; } .top-hero { top: 21%; } .screen-title { margin-bottom: 30px; } .box-selector { margin-bottom: 14px; } .box-selected-status { top: 10px; left: 10px; } .icon-info-holder { padding: 27px 0; } .box-checkout-flow-top-bar { height: 53px; } .box-navigation-bottom { height: 63px; } .step-indicator { font-size: 18px; } .top-banner .home-hero { height: calc(100vh - 80px); } body.top-banner .home-hero { height: calc(100vh - 103px); } .the-step-screens { height: calc(100vh - 63px - 53px - 80px); } .top-banner .the-step-screens { height: calc(100vh - 63px - 53px - 103px); } .step-number { height: 30px; width: 30px; margin: 0 7px; padding-bottom: 3px; } body.top-banner { margin-top: 103px; } body:not(.top-banner) { margin-top: 80px; } .top-banner-text-message { height: 23px; font-size: 14px; } .primary-menu { height: 80px; } .menu-logo { width: 159px; } } @media (max-height: 725px) { .city-info { padding: 15px 0; } .city-selector { margin-bottom: 43px; } .primary-menu { height: 60px; } .background-piece.van { width: 138px; bottom: 8%; } .menu-items-right .site-button { margin-right: 32px; height: 37px; font-size: 18px; } .box-checkout-flow-top-bar { height: 42px; } .menu-logo { width: 119px; } body.top-banner { margin-top: 82px; } .box-navigation-bottom { height: 56px; } .top-banner .the-step-screens { height: calc(100vh - 83px - 56px - 42px); } .background-piece.city-bg { height: 60%; } } @media (max-width: 1200px and max-height: 800px ){ .middle-nav-items { width: calc(100% - 301px - 200px); } } @media (max-width: 1200px) { .pop-up-breweries-buttons .next-goer { min-width: 133px!important; } .middle-nav-items { width: calc(100% - 301px - 200px); position: relative; top: unset; transform: unset!important; } .middle-nav-items a { font-size: 16px; } .middle-nav-items a:not(.middle-nav-items a:last-child) { margin-right: 21px; } .site-button:not(.phantom-cart) { height: 38px; min-width: 133px; font-size: 16px; } .testimonial-text { font-size: 28px; } .testimonial-text.short { font-size: 23px; } } @media (max-width: 951px) { .other-box-dots .main-container { width: 500px; padding: 50px 0; } .contact-left { margin-bottom: 25px; } .contact-left, .the-form-area { width: 100%; } .faqs-inner { width: 500px; max-width: 100%; margin: 0 auto; } .other-box-image { margin-bottom: 25px; } .other-box-image, .other-box-contents { width: 100%; } .gift-text-left, .gift-text-right { width: 100%; justify-content: center; } .center-gif { width: 100%; margin: 25px 0; } .holiday-box-hero { padding: 65px 0 100px; } .hiw-box { width: 100%; } body.top-banner .holiday-hero { height: unset; } .holiday-left { padding: 77px 0 110px; } .pine, .dreid { width: 166px; max-width: 100%; } .holiday-left-inner { margin: 0 auto; } .holiday-left, .holiday-right { width: 100%; } .holiday-right { height: 450px; } .woocommerce-MyAccount-navigation li:nth-last-child(2), .woocommerce-MyAccount-navigation li:last-child { border-bottom: unset!important; } .woocommerce-MyAccount-navigation ul { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .woocommerce-MyAccount-navigation li:nth-child(2n) { border-right: unset; padding-left: 10px; } li.woocommerce-MyAccount-navigation-link--orders, li.woocommerce-MyAccount-navigation-link--payment-methods, li.woocommerce-MyAccount-navigation-link--edit-address { border-right: unset!important; padding-left: 10px!important; } li.woocommerce-MyAccount-navigation-link--customer-logout { width: 100%!important; text-align: center; border-right: unset!important; margin-bottom: unset!important; padding-bottom: unset!important; } body.woocommerce-page li.woocommerce-MyAccount-navigation-link--edit-address { border-bottom: 3px solid #000!important; } li.woocommerce-MyAccount-navigation-link--cities, li.woocommerce-MyAccount-navigation-link--subscriptions { border-right: 3px solid #000!important; padding-left: unset!important; } .woocommerce-MyAccount-navigation li { width: 50%; border-right: 3px solid #000; } .woocommerce-account .woocommerce-MyAccount-navigation { order: 1; margin-bottom: 50px; padding-bottom: unset; } .woocommerce-account .woocommerce-MyAccount-content { order: 2; } .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation { width: 100%!important; margin-right: unset; } .box-checkout-left, .box-checkout-right { width: 100%; padding: 50px 5% 80px; } .step-number { height: 26px; width: 26px; margin: 0 4px; } .step-indicator { font-size: 14px; } .step-indicator { /* position: relative; transform: unset; top: unset;*/ } .logo-holder:not(.logo-holder:last-child) { margin-right: 33px; } .testimonials { padding-bottom: 50px; } .other-stops-button { margin-top: 49px; } .stats-top { width: 100%; margin-bottom: 40px; justify-content: center; } .other-stops .half.first { margin-bottom: 50px; } .featured-top-text { margin-bottom: 22px; } .testimonial-stars { margin-bottom: 16px; } .featured-breweries { margin-top: 44px; } .testimonial-slider-left { margin-bottom: 25px; } .other-stops .main-container, .testimonials .main-container, .second-to-last .main-container, .city-info-area .main-container, .livesteams .main-container, .holiday-box-hero .main-container { width: 500px; } .holiday-box-hero-left, .holiday-box-hero-right, .holiday-box-hero-right-inner { width: 100%; } .holiday-box-hero-left { margin-bottom: 25px; } .livesteams .half { order: 2; } .other-stops-embed-area { width: 100%; order: 1; margin-bottom: 25px; } .city-blurb { margin-bottom: 50px; } .second-to-last .half:not(.first) { margin-bottom: 30px; order: 1; } .second-to-last .half.first { order: 2; } .other-stops .half, .testimonials .half, .second-to-last .half, .city-blurb, .city-featured-brews, .woocommerce-cart-form, .cart-collaterals, .livesteams .half { width: 100%!important; margin-right: unset; } .how-it-works-item-icon { margin-bottom: 17px; } .how-it-works .main-container .how-it-works-item { width: 46.5%; margin-right: auto; margin-bottom: 50px; } .how-it-works .main-container .how-it-works-item:nth-child(2n) { margin-right: unset!important; } .bubble-button a { height: 45px; width: 175px; font-size: 16px; } .home-hero { height: 550px!important; } .product-top-area { padding: 81px 0 150px; } .product-image { margin-bottom: 25px; } .product-add-info { position: relative; } .product-top-area { width: 500px; max-width: 100%; margin: 0 auto; } .product-image, .product-main-info { width: 100%; } .copyrights { width: 100%; justify-content: center; margin-bottom: 25px; } .social-icons { margin-right: auto; } .bottom-logo { margin: 0 auto 25px; } .footer-right-side-links { width: 100%; justify-content: center; } .cities-overview-top { padding: 50px 0 15px; } .city-tile:first-child { margin-left: 13px; } .city-tile { margin-right: 13px; } .middle-nav-items { display: none; } .menu-items-right .site-button { margin-right: 18px; } .account-icon, .cart-holder { margin-right: 12px; } .cities-overview h1 { font-size: 52px; } .the-cities-render:before { height: 61%; } .city-code { font-size: 62px; } .city-text { top: 45%; } .city-tile { width: 182px; min-width: 182px; } .city-tile:nth-child(odd) { margin-top: 40px; } .city-hero-inner h1 { font-size: 52px; } .merch-item { width: 45%; margin-right: 10%!important; } .merch-item:nth-child(2n) { margin-right: unset!important; } .inclusion-item-h-y { width: 100%; border-right: unset; border-bottom: 2px dotted #5f1d33; } .inclusion-item-h-y:last-child { border-bottom: unset; } .small-top-titles h2 { font-size: 52px; } } @media (max-width: 768px) { body:not(.woocommerce-account) .woocommerce .col2-set .col-2, .woocommerce-page:not(.woocommerce-account) .col2-set .col-2 { margin-top: 50px; } } @media (max-width: 600px) { .background-piece.plane { width: 206px; max-width: unset; } .top-hero { top: 23%; } .background-piece.city-bg { width: 700px; max-width: unset; bottom: 0; left: 0%; } .home-hero h1 { font-size: 40px; letter-spacing: .5px; } .hero-top-text { font-size: 10px; margin-bottom: 1px; } .background-piece.van { bottom: 25px; width: 100px; max-width: unset; z-index: 10; left: 0; } } @media (min-width: 501px) { .beer-item.hover { opacity: .4; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } } @media (max-width: 500px) { .coupon-holder .site-button.mauve.solid { min-width: 70px; width: 118px; font-size: 16px; } .coupon-holder input:not(.upper) { width: calc(100% - 118px); } .woocommerce .order-recap-thank-you table.shop_table th, .woocommerce .order-recap-thank-you table.shop_table td, .woocommerce .order-recap-thank-you table.shop_table tr{ font-size: 14px; } .woocommerce-checkout.woocommerce-order-received .shortcode-holder { padding-top: unset; } .breweries-beer .the-beers.no-slider .beer-item { width: 47%; margin-right: 6%; } .breweries-beer .the-beers.no-slider .beer-item:nth-child(2n) { margin-right: unset!important; } .stat-item { width: 23%; } .beer-item.slick-active .untappd-link { top: 50%; -moz-transition: all .4s ease; -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; opacity: 1; } .beer-item.slick-slide:not(.slick-active) { pointer-events: none; } .started-holder { font-size: 29px; margin-bottom: 22px; letter-spacing: 1px; } .note { font-size: 16px; } .tours-intro-box p { margin-bottom: 11px; } .tours-intro-left.left-side-showcase { padding-left: 2.5%; padding-right: 2.5%; } [data-type="tours-intro"] .screen-title { margin-bottom: 9px; } .tour-step-item { margin-bottom: 10px; } .tour-step-item .label { font-size: 16px; } .step-content { font-size: 18px; } .tours-intro-box { font-size: 14px; } .right-side-showcase-inner { width: 100%; text-align: center; } .subscribe-by-get-lingo br { display: block; } .woocommerce-ResetPassword p { font-size: 16px; } .form-inner .heading-break { margin-bottom: 15px; } .the-form label { font-size: 15px; } .form-half { margin-bottom: 17px; } .form-half { width: 100%!important; margin-right: unset!important; } .product-add-info { margin-top: 15px; } .inclusion-inner { font-size: 18px; } .shipping-info-boxes { font-size: 14px; } .shipping-info-boxes li { margin-bottom: 10px; } .product-item { font-size: 14px; } .product-item-title { width: 70px; } .product-item-element { width: calc(95% - 70px); } .other-box-item-link { margin-top: 12px; } .other-box-contents h2 { font-size: 35px; } .top-small { font-size: 18px; } .in-box.testimonials { padding-top: 50px; } .livestream-section-h .youtube-player-holder { margin-bottom: 6px; } .youtube-link { margin-top: 25px; } .livestream-section-h { padding-bottom: 100px; } .small-top-titles { margin-bottom: 36px; } .small-top-title-h { font-size: 18px; margin-bottom: 5px; } .small-top-titles h2 { font-size: 42px; } .pop-up-reviews-top .fact { font-size: 15px; } .review-item-top img { width: 74px; } .reviewer { font-size: 14px; } .review-item { margin-bottom: 20px; padding-bottom: 20px; } .review-text { font-size: 15px; } .pop-up-reviews-top { margin-bottom: 23px; padding-bottom: 13px; } .top-main { font-size: 29px; } .center-gif { margin: 15px 0; } .box-ran .bottom-cta-inner { padding: 50px 0; } .gift-text-left, .gift-text-right { font-size: 42px; } .product-info-bottom { padding-bottom: 75px; } .single-product .faqs { padding-bottom: 50px; } .product-box { width: 100%; margin-right: unset!important; } .product-box.first { margin-bottom: 25px; } .pre-order-bubble { font-size: 11px; } .pre-order-top { margin-bottom: 5px; } .holiday-box-hero-right h1 { font-size: 42px; margin-bottom: 20px; } .expand-box { top: 20px; right: 22px; } .pine, .dreid { width: 136px; max-width: 100%; } .holiday-bottom-cta-hold { margin-bottom: 67px; } .holiday-button-holder { margin-bottom: 29px; } .holiday-box-cta-image img { height: 138px; } .other-stops-embed-area { margin-bottom: unset; } .livesteams { padding: 75px 0; } .scroller-section { height: 78px; } .scroller-text { font-size: 32px; } .hiw-box-top { padding: 51px 0; } .hiw-box-bottom { padding-top: 51px; } .hiw-image { margin-bottom: 28px; } .hiw-image-image { width: 136px; } .hiw-description { font-size: 14px; } .hiw-title { font-size: 22px; } .hiw-work-box { font-size: 14px; } .holiday-left-inner h1 { font-size: 50px; margin-bottom: 20px; } .holiday-hero-blurb { font-size: 14px; } .holiday-buttons { margin-top: 20px; } .holiday-hero-top { font-size: 12px; } .content-container { font-size: 16px; } .anchor { top: -100px; } .youtube-player-holder { margin-bottom: 25px; } .actual-content p { margin-bottom: 12px; } .city-top-title-bar { font-size: 16px; padding: 0 35px 0 15px; min-height: 77px; } .city-content-area { max-height: 77px; } .actual-content { padding: 0 15px 25px; font-size: 14px; } .city-selector { margin-bottom: 35px; padding-left: 8%; } .woocommerce-cart .quantity input { height: 38px; } .a-product-in-your-order { padding-bottom: 20px; margin-bottom: 20px; } .a-product-in-your-order:last-child { border-bottom: unset!important; } .product-price-in-cart { padding: 5px 0 0; } .quant-label { font-size: 14px; } .product-quantity-and-price { width: 40px; } .product-name-in-cart { width: calc(100% - 40px); } .the-actual-name { font-size: 22px; } .product-name-in-cart { padding-right: 10px; } .product-name-price-etc { width: calc(100% - 60px); } .cart-image { width: 60px; } .woocommerce-cart .shortcode-holder, .woocommerce-account .shortcode-page { padding: 50px 0 100px; } .heading-break:not(div:first-of-type) { margin-top: 60px; } .heading-break h2 { font-size: 20px; } .woocommerce-cart .cart_totals h2 { font-size: 30px; text-align: center; } .heading-break { margin-bottom: 20px; } .woocommerce-cart h1, .account-title h1, .faqs h1 { font-size: 32px!important; } .faqs h1 { margin-bottom: 35px; } .stat-box { width: 100%; margin-right: unset; margin-bottom: 10px; } .the-subscription { margin-bottom: 15px; } .featured-brewery { font-size: 11px; } .pop-up-modal-inner-date { font-size: 15px; } .pop-up-modal-inner-city { font-size: 36px; margin-bottom: 17px; } .box-peek-button img { margin-right: 2px; } .box-peek-button { height: 33px; font-size: 12px; width: 124px; max-width: 95%; justify-content: center; } .box-peek-button img { margin-left: -7px; } .subscribe-by-get-lingo { margin-bottom: 9px; } .taste-of { font-size: 13px; } .city-name-modal { font-size: 19px; } .inclusions { display: flex; display: -webkit-flex; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .included-item:nth-child(2n) { margin-right: unset; } .included-item { padding-right: 5px; } .screen.alt-billing .included-item { /*width: 100%;*/ } .screen:not(.alt-billing) .included-item { width: 48%; font-size: 14px; margin-right: auto; } .box-name { font-size: 20px; margin-bottom: 9px; } .box-name { font-size: 24px; } .includes-label { margin-bottom: 5px; } .name-and-info { width: calc(95% - 99px); } .box-icon img { width: 50px; } .step-number { height: 22px; width: 22px; } .box-icon { margin-bottom: 5px; } .box-selector { margin-bottom: 8px; } .bonus-text { margin-top: 9px; font-size: 10px; } .popular-tag { height: 25px; font-size: 11px; padding: 0 9px; top: -25px; } .in-every-box { margin-top: 1px; } .beers-in-box { width: 80%; margin: 0 auto; } .box-selected-status span:before { height: 8px; width: 8px; } .box-selected-status span { height: 20px; width: 20px; } .box-selected-status { top: 5px; left: 5px; } .beers-in-box { font-size: 14px; height: 23px; } .icon-info-holder { padding: 16px 0 15px 10px; width: 100%; align-items: center; } .as-low-as-title { width: 96px; text-align: right; } .alt-billing .when-you { width: 72px; } .when-you { text-align: left; line-height: 1; } .as-low-as-price { margin: 0 7px; } .as-low-as-price { font-size: 27px; } .as-low-as-inner { display: flex; display: -webkit-flex; align-items: center; justify-content: center; display: -moz-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .box-selector { padding-left: unset; } .subscribe-by-get-lingo { font-size: 12px; } .city-info { width: 60%; padding: 27px 5% 15px 0; } .city-image { width: 40%; } .as-low-as, .right-side-showcase { width: 100%; border-left: unset; border-top: 2px dashed #3c0014; padding: 7px 0 9px; } .price-per-period { font-size: 29px; margin-bottom: -3px; } .box-info-top { margin-bottom: 5px; } .box-price-area-month { height: 40px; font-size: 29px; } .payment-showcase { padding-left: unset; } .left-side-showcase-inner { font-size: 20px; } .left-side-showcase-inner { margin: 0 auto; } .left-side-showcase { width: 100%; padding: 25px 0; } .screen-title { font-size: 20px; } .top-banner .the-step-screens { height: calc(100vh - 56px - 36px - 87px); } .box-navigation-bottom { height: 56px; } .billing-option { font-size: 14px; } [data-type="select-billing"] .screen-title { margin-bottom: 8px; } .pay-structures { margin-bottom: 19px; height: 48px; } .box-checkout-flow-top-bar { height: 36px; } .subscribe-by { font-size: 10px; } .other-areas .site-button img { position: relative; top: 1.5px; } .other-areas .site-button { width: 100%; max-width: 100%; margin-left: unset!important; margin-right: unset!important; margin-bottom: 10px; } .other-areas .site-button { width: 100%; max-width: 100%; margin-top: ; } .city-inside-feature.on-city-page .city-itself { margin-bottom: 19px; } .other-areas { padding: 50px 2.5% 100px; } .city-blurb-text { font-size: 16px; } .city-info-area { padding: 50px 0; } .top-tag-holder { margin-bottom: 5px; } .top-tag { font-size: 11px; height: 23px; } .testimonial-arrow-holder { width: 16px; } .testimonial-slider-holder { width: calc(90% - 16px - 16px); } .bottom-cta-inner { margin: 20px 0; } .bottom-cta-inner-inner { padding: 50px 0; } .holiday-box-cta { width: 47%; } .box-cta .bottom-cta-inner-inner h2 { width: 450px!important; } .bottom-cta-inner-inner h2 { font-size: 46px; margin-bottom: 30px; width: 290px; margin-left: auto; margin-right: auto; max-width: 100%; } .bottom-cta-top { font-size: 14px; } .top-circle { height: 80px; } .logo-container { padding: 50px 0 25px; } .logo-holder { width: 33.3333%; margin-right: unset!important; justify-content: center; padding: 0 19px; margin-bottom: 25px; } .logos { flex-wrap: wrap; } .inner-bubble { top: 14px; } .quote-bubble { height: 54px; width: 54px; font-size: 58px; top: 5px; } .testimonial-stars img { width: 120px; } .testimonial-attribution { font-size: 14px; } .testimonial-text { font-size: 20px; margin-bottom: 15px; } .testimonial-text.short { font-size: 17px; } .bubble-text:after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #ffc30f; position: absolute; bottom: -9px; } .bubble-text { width: 104px; padding: 10px 5px; font-size: 13px; } .bubble-top { height: 50px; width: 50px; } .not-convinced-desc { margin-bottom: 30px; } .go-beyond-box-inner { padding: 26px 2.5%; } .go-beyond-text { font-size: 15px; margin-bottom: 14px; } .logo-container h2 { font-size: 18px; } .label-inner { height: 38px; font-size: 13px; } .second-to-last { padding: 75px 0 100px; } .untappd-link { font-size: 11px; padding: 0 5px; } .stat-number { font-size: 32px; } .stats-top { margin-bottom: 10px; } .stat-text { font-size: 14px; } .featured-city { min-height: 38px; font-size: 12px; } .breweries-featured-in:after { margin: 0 6px; } .featured-top-text { font-size: 15px; margin-bottom: 18px; } .featured-breweries { margin-top: 34px; } .desc p:not(p:last-child) { margin-bottom: 11px; } .desc { font-size: 14px; } .main-title { font-size: 26px; padding-right: 10px; margin-bottom: 10px; } .the-beers-holder { margin-bottom: 75px; } .beer-item { padding: 0 7px; } .the-beers { width: calc(160px + 7px + 7px); margin-bottom: 30px; } .city-feature-title { margin-bottom: 11px; } .city-month { font-size: 14px; } .city-itself { font-size: 32px; } .city-feature { padding-top: 100px; } .how-it-works-item-desc { font-size: 12px; } .how-it-works-bubble img { max-width: 80%; } .how-it-works-bubble { height: 38px; width: 38px; } .how-it-works-item-inner .how-it-works-item-title { font-size: 21px; margin-bottom: 3px; } .brewery-info { padding-top: 50px; } .brewery-info-area { font-size: 16px; } .how-it-works { padding-top: 50px; } .top-banner-text-message { letter-spacing: .2px; } .shop-navigation-item { font-size: 14px; margin-right: 20px; } .shop-navigation-item img { margin-left: 5px; width: 20px; } .top-banner .shop-navigator { top: 87px; } body:not(.top-banner) .shop-navigator { top: calc(87px - 23px); } .merch-cat-name { margin-bottom: 23px; } .merch-category:last-child { margin-bottom: unset; } .merch-category { margin-bottom: 50px; } .merch-render { padding: 70px 0; } .button-holder .site-button { margin-top: 15px; } .merch-name, .merch-price { font-size: 19px; } .city-hero-inner h1 { font-size: 42px; } .product-description { font-size: 16px; } .product-main-info h1 { font-size: 30px; } .bottom-links { padding-top: 14px; } .copyrights .item:not(.item:last-child):after { padding: 0 6px; } .copyrights, .copyrights a { line-height: 1.4; } .bottom-logo { width: 144px; margin-bottom: 15px; } .footer-right-side-links a:not(.footer-right-side-links a:last-child) { margin-right: 15px; } .footer-right-side-links a { font-size: 15px; } .copyrights, .copyrights a { font-size: 14px; } .site-footer { padding: 50px 0; } .the-cities-render:before { height: 57%; } .city-date { width: 107px; font-size: 10px; } .year-bubble { height: 39px; width: 39px; font-size: 10px; } .year-bubble span { font-size: 9px; } .van-track { width: calc(100% - 39px - 39px); } .van-scroll-thumb { width: 56px; } .the-cities-render { padding-bottom: 25px; } .cities-overview h1 { font-size: 32px; max-width: 90%; margin: 0 auto; } .van-scroller { padding-bottom: 100px; } .primary-menu { height: 64px; } .menu-items-right .site-button { margin-right: 13px; min-width: 100px; } .account-icon, .cart-holder { margin-right: 4px; } .menu-logo { width: 109px; } .menu-items-right { width: calc(100% - 109px); justify-content: right; } .add-to-cart-ph img { width: 22px; } .box-navigation-bottom .site-button { width: 122px; } .site-button { font-size: 14px; min-width: 83px; padding: 0 10px; } .box-navigation-bottom .site-button { padding: unset!important; } .side-bar-menu-top { margin-bottom: 25px; } .the-header-container .x-out { top: -5px; right: -10px; } body.top-banner { margin-top: 87px; } body:not(.top-banner) { margin-top: calc(87px - 23px); } .side-bar-menu { width: 100%; right: -100%; } } /* # Print Styles ---------------------------------------------------------------------------------------------------- */ @media print { *, *::before, *::after { background: transparent !important; box-shadow: none !important; color: #000 !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]::after { content: " (" attr(href) ")"; } abbr[title]::after { content: " (" attr(title) ")"; } a[href^="javascript:"]::after, a[href^="#"]::after, .site-title > a::after { content: ""; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 2cm 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } blockquote, pre { border: 1px solid #999; page-break-inside: avoid; } .content, .content-sidebar { width: 100%; } button, input, select, textarea, .breadcrumb, .comment-edit-link, .comment-form, .comment-list .reply a, .comment-reply-title, .edit-link, .entry-comments-link, .entry-footer, .header-widget-area, .hidden-print, .home-top, .nav-primary, .nav-secondary, .post-edit-link, .sidebar { display: none !important; } .title-area { text-align: center; width: 100%; } .site-title > a { margin: 0; text-decoration: none; text-indent: 0; } .site-inner { padding-top: 0; position: relative; top: -100px; } .author-box { margin-bottom: 0; } h1, h2, h3, h4, h5, h6 { orphans: 3; page-break-after: avoid; page-break-inside: avoid; widows: 3; } img { page-break-after: avoid; page-break-inside: avoid; } blockquote, pre, table { page-break-inside: avoid; } dl, ol, ul { page-break-before: avoid; } }