/* Theme Name: Bespoke Description: 2.2.6 Author: Addedlovely */ :root { /* Colours */ --accent: #97694b; --orange: #c78c3d; --transition-color: color 0.5s cubic-bezier(.77,0,.175,1); --transition-background: background 0.5s cubic-bezier(.77,0,.175,1); --transition-opacity: opacity 0.5s cubic-bezier(.77,0,.175,1), visibility 0.5s cubic-bezier(.77,0,.175,1); /* Swiper */ --swiper-navigation-color: #1f2521; /* Full Calendar */ --fc-small-font-size: 16px; --fc-page-bg-color: #f1eddd; --fc-neutral-bg-color: #f1eddd; --fc-neutral-text-color: #674e42; --fc-border-color: #674e42; --fc-button-text-color: #fff; --fc-button-bg-color: #f1eddd; --fc-button-border-color: #f1eddd; --fc-button-hover-bg-color: #f1eddd; --fc-button-hover-border-color: #f1eddd; --fc-button-active-bg-color: #f1eddd; --fc-button-active-border-color: #f1eddd; --fc-event-bg-color: #f1eddd; --fc-event-border-color: #674e42; --fc-event-text-color: #674e42; --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25); --fc-more-link-bg-color: #d0d0d0; --fc-more-link-text-color: inherit; --fc-event-resizer-thickness: 8px; --fc-event-resizer-dot-total-width: 8px; --fc-event-resizer-dot-border-width: 1px; --fc-non-business-color: rgba(215, 215, 215, 0.3); --fc-bg-event-color: #f1eddd; --fc-bg-event-opacity: 1; --fc-highlight-color: #f1eddd; --fc-today-bg-color: #321d0e; --fc-now-indicator-color: #321d0e; } /* ========================================================================== Snow ho ho ho ========================================================================== */ .main, .container.news-slideshow, .post-hero.container, .container.layout-page { z-index:1 !important; } #snow-canvas { z-index: 0 !important; } .footer { position: relative; z-index: 1; } /* ========================================================================== Fonts ========================================================================== */ @font-face { font-family: 'fontello'; src: url('fonts/fontello.eot'); src: url('fonts/fontello.eot#iefix') format('embedded-opentype'), url('fonts/fontello.woff') format('woff'), url('fonts/fontello.ttf') format('truetype'), url('fonts/fontello.svg#fontello') format('svg'); font-weight: normal; font-style: normal; } /* Default Fontello */ [class^="icon-"]:before, [class*=" icon-"]:before {font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-right:before { content: '\e800'; } /* '' */ .icon-left:before { content: '\e801'; } /* '' */ .icon-location:before { content: '\e802'; } /* '' */ .icon-calendar:before { content: '\e803'; } /* '' */ .icon-tick:before { content: '\e804'; } /* '' */ .icon-down:before { content: '\e806'; } /* '' */ .icon-close:before { content: '\e808'; } /* '' */ .icon-plus:before { content: '\e80b'; } /* '' */ .icon-twitter:before { content: '\f099'; } /* '' */ .icon-facebook:before { content: '\f09a'; } /* '' */ .icon-gplus:before { content: '\f0d5'; } /* '' */ .icon-email:before { content: '\f0e0'; } /* '' */ /* ========================================================================== Helpers ========================================================================== */ .clear:after {content: ""; visibility: hidden; display: block; height: 0; clear: both;} .v-center {position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);} .center {text-align: center;} .cover {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; } .browsehappy {position: fixed; bottom: 0; left: 0; right: 0; text-align: center; background: #000; color: #fff;} .fluid-video {position: relative;} .fluid-video iframe {position: absolute; top:0; left:0; bottom: 0; right:0; height: 100%; width: 100%;} .fluid-video:before {padding-top: 56.25%; content: ''; display: block;} .hotspot {position: absolute; top:0; bottom: 0; left: 0; right: 0; cursor: pointer;} .mobile {display: none;} .image { position: relative; display: block; } .image img { width: 100%; height:100%; position: absolute; top:0; left:0; object-fit: cover; } img:not([src]):not([srcset]) { visibility: hidden; } img.lazyload { opacity: 0; } img:not(.initial) { transition: opacity 1.2s ease-in 0.3s; } img.initial, img.loaded, img.error { opacity: 1; } /* ========================================================================== General ========================================================================== */ * {margin: 0; padding: 0;} html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; box-sizing: border-box;} *, *:before, *:after {box-sizing: inherit;} body {background: #321d0e; /* color: #e4dcbe; */ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: fixed;} img {border: 0; display: block; outline: none; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto;} iframe {border: 0;} /* ========================================================================== Typography ========================================================================== */ body {font-size: 16px; font-family: "Gotham Narrow A", "Gotham Narrow B"; color: #402113;} h1, h2, h3, h4 {font-weight: normal; } p {margin-bottom: 20px; } a {text-decoration: none; outline: none; color: inherit; transition: var(--transition-color);} a:hover { color: var(--accent); } cite, address {font-style: normal;} .underline {text-decoration: underline;} .uppercase { text-transform: uppercase; } .f-0 {font-size: 0;} .f-12 { font-size: 12px; } .f-14 { font-size: 14px; } .f-15 { font-size: 15px; } .f-16 { font-size: 16px; } .f-17 { font-size: 17px; } .f-18 { font-size: 18px; } .f-20 { font-size: 20px; } .f-21 { font-size: 21px; } .f-22 { font-size: 22px; } .f-24 { font-size: 24px; } .f-28 { font-size: 28px; } .f-30 { font-size: 30px; } .f-32 { font-size: 32px; } .f-36 { font-size: 36px; } .f-40 { font-size: 40px; } .f-44 { font-size: 44px; } .sanserif {font-family: "Gotham Narrow A", "Gotham Narrow B";} .serif {font-family: "Chronicle Display A", "Chronicle Display B";} .light {font-weight: 300;} .wysiwyg {font-family: "Gotham Narrow A", "Gotham Narrow B";} .wysiwyg img {margin: auto; margin-bottom: 20px; } .wysiwyg h1, .wysiwyg h2, .wysiwyg h3 {font-family: "Chronicle Display A", "Chronicle Display B";} .wysiwyg h1 {padding-bottom: 26px; margin-bottom: 36px; border-bottom: 1px solid rgb(53, 52, 51); letter-spacing: 0.02em; } .wysiwyg h2 {font-size: 30px; margin-bottom: 32px; letter-spacing: 0.02em; } .wysiwyg h3 {font-size: 27px; margin-bottom: 12px; letter-spacing: 0.02em; } .wysiwyg h2.f-36 { font-size: 36px;} .wysiwyg blockquote {font-weight: bold; color: var(--accent); padding: 60px 0; max-width: 800px; width: 100%; margin: auto;}.wysiwyg {max-width: 833px; width: 100%; margin: auto; } .wysiwyg p, .wysiwyg li {font-size: 20px; line-height: 1.3; margin-bottom: 20px; } .wysiwyg hr {border: 0; border-bottom: 1px solid rgb(53, 52, 51); margin: 46px 0 52px 0;} .wysiwyg a { position: relative; text-decoration: none; } .wysiwyg li {list-style-position: inside;} .wysiwyg bold, .wysiwyg strong {font-weight: 400;} .wysiwyg a.button { display: inline-block; border: 0; background: var(--accent); color: #e4dcbe; transition: background 0.3s ease-in; } .wysiwyg a.button:after {display: none;} .wysiwyg a.button:hover { background: #321d0e; } .wysiwyg table { width: 100%; margin-bottom: 20px; margin-top: 30px; } .wysiwyg table strong { font-weight: 600; } .wysiwyg table td {vertical-align: top; font-size: 16px; padding-bottom: 10px; } .wysiwyg p:last-child { margin-bottom: 0; } .wysiwyg p a:not(.read-more, .button) { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; } /* ========================================================================== Forms ========================================================================== */ button, input, optgroup, select, textarea {color: inherit; font: inherit; outline: none; border: none; border-radius: 0;} input[type=text], input[type=submit], input[type=email], input[type=password] {-webkit-appearance: none; border-radius:0;} input, select {height: 30px;} /* Input / select need to have height set and NOT lineheight (IE specifically) */ button, input[type="button"], input[type="submit"] {cursor: pointer;} textarea {resize: none; overflow: auto; -webkit-appearance: none;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; line-height: normal;} ::-webkit-input-placeholder {color: rgb(159, 144, 138);} :-moz-placeholder {color: rgb(159, 144, 138);} ::-moz-placeholder {color: rgb(159, 144, 138);} :-ms-input-placeholder {color: rgb(159, 144, 138);} .button {height: 56px; line-height: 56px; background: #e4dcbe; color: #281101; padding: 0 28px; margin: auto; text-transform: uppercase; } fieldset {border: 0;} input[type=text], select, button {height: 56px; line-height: 56px; color: #402113; padding: 0 14px; background: #e4dcbe; border-radius: 0; -webkit-appearance: none; appearance: none; font-weight: 300; font-size: 20px; } input[type=radio] {width: 19px; height: 19px; border: 1px solid #e4dcbe; border-radius: 9.5px; -webkit-appearance: none; appearance: none; vertical-align: middle;} input[type=radio]:checked {background: rgb(228, 220, 190);} button {text-transform: uppercase;} /* Quiz */ .gform_wrapper {margin-top: 40px; text-align: left;} .gform_wrapper, .gform_confirmation_wrapper { background: #f1edde; padding: 40px; } .gform_confirmation_wrapper {font-size: 18px;} .gform_wrapper li {list-style-type: none;} .gform_wrapper .validation_message {font-size: 14px; margin-top: -20px; color: #d22c1c; } .gfield_radio { text-align: left; margin: 0; display: inline-block; } .gfield_radio label {vertical-align: middle; margin-left: 10px; cursor: pointer; } .gfield_radio {margin-bottom: 30px; } .gfield_radio li {margin-bottom: 10px; margin-right: 20px; margin-top: 20px; display: block;} .gfield_label {margin-bottom: 10px; display: block;} .gf_progressbar_wrapper {margin-bottom: 20px;} .gf_progressbar {display: none;} .validation_error {line-height: 30px; margin-bottom: 20px; color: #d22c1c; } .gform_ajax_spinner { width: 50px; padding: 10px; height:50px;} .gform_page_footer:after {content: ""; visibility: hidden; display: block; height: 0; clear: both;} .gform_next_button, .gform_button { background: var(--accent); color: #e4dcbe; } .gform_previous_button {float: left;} .gquiz-field { padding: 20px 0; border-bottom: 1px solid #353433; } .gquiz-field:last-of-type {border-bottom: 0;} .gquiz-field input[type=radio] {border-color: #402113; } .gquiz-field input[type=radio]:checked {background: #402113;} .gform_footer {clear: both; overflow: auto;} .quiz { background: #f1edde; padding: 40px; text-align: left; } .quiz .button-secondary { background: var(--accent); color: #e4dcbe; height: 56px; line-height: 56px; padding: 0 28px; margin: auto; text-transform: uppercase; } .wpst_question { font-size: 20px; line-height: 1.3; margin-bottom: 20px; } .wpsqt_multiple_question li {list-style-type: none;} .wpsqt_multiple_question label { cursor: pointer; } .wpsqt_multiple_question input[type=checkbox], .wpsqt_multiple_question input[type=radio] { appearance: none; background: transparent; -webkit-appearance: none; width: 18px; height: 18px; border: 1px solid #000; margin-right: 10px; vertical-align: top; margin-top: 3px; } .wpsqt_multiple_question input[type=checkbox] {border-color: #402113; } .wpsqt_multiple_question input[type=checkbox]:checked {background: #402113;} .wpsqt_multiple_question input[type=radio] {border-color: #402113; } .wpsqt_multiple_question input[type=radio]:checked {background: #402113;} .wpst_question { padding: 20px 0; border-bottom: 1px solid #353433; } .wpsqt_multiple_question {margin-top: 20px;} .wpsqt-exam-finished-title, .wpsqt-answer-explanation { padding-bottom: 26px; margin-bottom: 36px; border-bottom: 1px solid rgb(53, 52, 51); letter-spacing: 0.02em; } /* ========================================================================== Structure ========================================================================== */ body {padding-top: 218px;} .container {max-width: 1100px; width: 100%; margin: auto; padding: 0 20px; position: relative; background: rgb(248, 246, 239); z-index: 0;} .container.white {background: #FFF;} .container.narrow {padding-left: 81px; padding-right: 81px;} .container.wide {padding: 0;} .listing {letter-spacing: normal; font-size: 0; margin: 0 -15px;} .col {padding: 0 15px 40px 15px; display: inline-block; vertical-align: top; position: relative;} .main {margin-bottom: 48px;} /* Background Images */ .page { background-image: url('images/backgrounds/hf_company.jpg'); } .page-home {background-image:url('images/backgrounds/hf_home_hwd.jpg');} .page-habano-story {background-image:url('images/backgrounds/hf_habano-story.jpg');} .page-our-cigars {background-image:url('images/backgrounds/hf_our-cigars.jpg');} .page-buy-smoke {background-image:url('images/backgrounds/hf_buy-smoke.jpg');} .page-cigar-scene {background-image:url('images/backgrounds/hf_cigar-scene.jpg');} .page-events {background-image:url('images/backgrounds/hf_events.jpg');} .page-news {background-image:url('images/backgrounds/hf_news.jpg');} /* Swiper */ .swiper-button-disabled { opacity: 0 !important; } .swiper-button-next:after, .swiper-button-prev:after { content:''; background-size: 26px auto; background-position: center center; display: block; width: 100%; height:100%; } .swiper-button-prev:after{ background-image:url('images/icon-slideshow-left.svg'); } .swiper-button-next:after { background-image:url('images/icon-slideshow-right.svg'); } /* ========================================================================== Header ========================================================================== */ .header { height: 218px; background: #321d0e; position: absolute; top:0; left: 0; right: 0; z-index: 2; } .has-fixed-header .header {-webkit-transform: translateY(-158px); transform: translateY(-158px); position: fixed; } .logo { position: absolute; left: 0; right: 0; margin: auto; top:43px; display: inline-block; width: 338px; } .logo-ems { position: absolute; top:24px; left: 40px; } .logo-habanos {position: absolute; top:0; right: 0;} .menu { position: absolute; bottom: 0; left: 0; right: 0; background: #e4dcbe; text-align: center; line-height: 60px; text-transform: uppercase; letter-spacing: 0.05em; font-weight: 300;} .menu li {list-style-type: none; display: inline-block; position: relative; padding: 0 10px;} .menu li:hover .submenu {opacity: 1; visibility: visible; -webkit-transform: translateX(-50%) translateY(0px); transform: translateX(-50%) translateY(0px); } .menu li:hover a:before, .menu li:hover a:after {opacity: 1; -webkit-transform: translateX(0px); transform: translateX(0px);} .menu li a:before {margin-right: 7px; -webkit-transform: translateX(-7px); transform: translateX(-7px); } .menu li a:after {margin-left: 7px; -webkit-transform: translateX(7px); transform: translateX(7px); } .menu a {color: #402012; display: block;} .menu > li > a:before, .menu > li > a:after {content: ''; height: 1px; width: 7px; background: rgb(64, 33, 20); vertical-align: middle; display: inline-block; opacity: 0;} .menu a:hover, .menu .active > a {color: var(--accent);} .submenu {position: absolute; top:60px; left: 50%; -webkit-transform: translateX(-50%) translateY(20px); transform: translateX(-50%) translateY(20px); padding: 7px 19px; background: rgb(228, 220, 190); opacity: 0; visibility: hidden;} .submenu li {line-height: 30px; border-bottom: 1px solid rgb(99, 73, 55); display: block; } .submenu li:last-child {border-bottom: 0;} .submenu a {display: block; white-space: nowrap; padding: 0;} .close-menu, .open-menu {display: none;} .menu-container .logo-ems {display: none;} /* ========================================================================== Layouts ========================================================================== */ /* Slideshow */ .layout-slideshow {position: relative; z-index: 0; } .layout-slideshow .image, .layout-slideshow .video { padding-top:53.517587939698492%; } .layout-slideshow .plyr { position: absolute; top:0; left:0; width: 100%; height: 100%; } .layout-slideshow .hotspot { z-index: 1; } .layout-slideshow:hover .read-more { color:var(--accent); } .layout-slideshow:hover .read-more::after { transform: scale(1); } .slideshow-slide {position: relative; z-index: 0;} /* Slideshow Caption */ .slideshow-caption {position: absolute; left: 132px; right: 132px; background:rgb(228, 220, 190); background:rgba(228, 220, 190, 0.8); text-align: center; color: #402012; letter-spacing: 0.02em; padding: 30px 40px; z-index: 1;} .slideshow-caption h1 {margin-bottom: 10px;} .slideshow-caption p {margin-bottom: 10px; } .read-more, .layout-page .read-more {text-transform: uppercase; display: inline-block; margin: auto; text-decoration: none !important; letter-spacing: 0.05em; position: relative; line-height: 30px; break-inside: avoid; transition: var(--transition-color);} .read-more:after { content: ""; display: block; position: absolute; bottom:0px; left:0; right:0; width: 100%; height: 1px; background: currentColor; transition: transform 0.5s ease-in-out, background 0.5s ease-in-out; transform: scale(0);} .read-more:hover::after { transform: scale(1); } /* Slideshow : Hidden Caption */ .hide-caption .slideshow-caption { display: none; } /* Layout : Text */ .layout-text { padding: 40px; text-align: center; } .layout-text.is-collapsable article { max-height: 44px; overflow: hidden; transition: max-height 0.5s cubic-bezier(.77,0,.175,1); } .layout-text.is-collapsable p { opacity:0; transition: var(--transition-opacity);} .layout-text.is-open article { max-height: 500px; } .layout-text.is-open p { opacity: 1; } .layout-text.is-open .button-toggle-text svg { transform: rotate(180deg); } .layout-text .button-text { text-decoration: underline; text-transform: uppercase; font-weight: 300; margin: 40px auto 0px; display: block; } .button-toggle-text { cursor: pointer; transition: color 0.5s cubic-bezier(.77,0,.175,1); display: flex; justify-content: center; } .button-toggle-text span { padding-left: 41px; } .button-toggle-text svg { width: 21px; height: 11px; fill:none; stroke:currentcolor; transition: transform 0.5s cubic-bezier(.77,0,.175,1); margin: 20px 0 0 20px; } .button-toggle-text:hover { color: var(--accent); } /* Banner : Formats */ .layout-banners { position: relative; } .layout-banners.half_half .banner {width: 50%; aspect-ratio: 550/401; } .layout-banners.two_thirds-third > .banner {width: 33.3333%;} .layout-banners.fullwidth .banner { width: 100%; } /* Banner : News / Events */ .banner-news {position: relative;} .banner-news.two_thirds {width: 66.6666%;} .banner-news.two_thirds > .banner {width: 50%;} /* Banner */ .banner {float: left; position: relative; overflow: hidden; z-index: 0;} .banner-title, .banner-caption {position: absolute; top:0; left: 0; right: 0; text-align: center; background: rgb(27, 8, 0); background: rgba(27, 8, 0, 0.85); text-transform: uppercase; color: #e4dcbe; line-height: 3.636363636363636; font-weight: 300; padding: 0 20px; z-index: 1; pointer-events: none; transition:var(--transition-background); } .banner-title {top:auto; bottom: 0; line-height: normal; padding: 20px; text-transform: none; } .banner:hover img {-webkit-transform: scale(1.05); transform: scale(1.05); } .banner:hover .banner-title, .banner:hover .banner-caption { background: rgba(151,105,75,0.85); } /* Slick Slider */ .slick-slide {outline: none; } .slick-disabled {visibility: hidden;} .slick-arrow {font-size: 0; position: absolute; top:0; bottom: 0; margin: auto; width: 26px; height: 51px; background-size: 100% auto; background-repeat: no-repeat; z-index: 1;} .slick-prev { left: -26px; background-image:url('images/icon-slideshow-left.svg'); } .slick-next { right: -26px; background-image:url('images/icon-slideshow-right.svg'); } .slick-dots {position: absolute; left: 0; right: 0; bottom: 100px; margin: auto; font-size: 0; text-align: center;} .slick-dots li {width: 32px; height: 32px; list-style-type: none; display: inline-block; position: relative;} .slick-dots button {width: 20px; height: 20px; border-radius: 10px; position: absolute; margin: auto; background: #e4dcbe; opacity: 0.5; font-size: 0; padding: 0; top:0; bottom: 0; right: 0; left: 0;} .slick-active button {opacity: 1;} /* Slick Slider : Transparent button : Used on slideshow */ .has-transparent-arrows .slick-arrow { background-color: transparent; } .has-transparent-arrows .slick-prev { background-image:url('images/icon-slideshow-left_transparent.svg'); } .has-transparent-arrows .slick-next { background-image:url('images/icon-slideshow-right_transparent.svg'); } /* Layout : Sections */ .section-logo {max-width: 226px; width: 100%; margin: auto; margin-bottom: 28px;} .read-more-text {display: none;} .read-more-text.active {display: block;} /* Layout : Sections : Locations */ .section-locations {font-size: 0; text-align: center;} .section-locations .location h2 { font-size: 21px; padding-right:0; } .section-locations .location {width: 33%;} /* Countdown */ .layout-countdown { width: 100%; padding-top: 56.25%; position: relative; text-align: center; color: #e4dcbe; z-index:0; background: #000; } .layout-countdown img { position: absolute; top:0; left: 0; z-index: 0; } .layout-countdown .pre-event, .layout-countdown .post-event { display: none; position: absolute; top:0; left: 0; width: 100%; height: 100%; } .layout-countdown .pre-event.active, .layout-countdown .post-event.active { display: block; } .countdown-caption { padding: 32px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; z-index: 1; } .countdown-caption h1, .countdown-caption h2, .countdown-caption h3 { line-height: 52px; } .countdown-caption h3 { text-transform: uppercase; } .countdown { color: #98694c; display: flex; margin: auto auto 50px auto; justify-content: center; } .countdown span { width: 160px; height: 98px; border-left: 1px solid #98694c; position: relative; font-size: 85px; line-height: 60px; } .countdown span:after { content: attr(data-label); font-size: 21px; position: absolute; left: 0; right: 0; bottom: 0; line-height: 16px; } .countdown span:first-of-type { border-left: 0; } .post-event .video-title { bottom: auto; top:0; padding:40px; position:absolute; left:0; right:0; z-index:1; } .post-event.is-playing .video-title { visibility: hidden; } /* Video */ .layout-video { display: flex; } .layout-video.is-hidden { display: none; } .layout-video video, .plyr--video { width: 100%; height: auto; outline: none; } .plyr--full-ui.plyr--video .plyr__control--overlaid { height: auto; } .plyr--paused video { opacity: 0; } .plyr--paused .plyr__poster { opacity: 1; } :root { --plyr-color-main: #ebc17b; } /* ========================================================================== Layouts : FAQs ========================================================================== */ .page-faqs .layout-page {margin-bottom: 0; padding-bottom: 28px;} .layout-faqs {text-align: center; padding-bottom: 80px; padding-top: 80px; } .faq article {display: none;} .faq.active article {display: block; padding-top: 10px;} .faq { border-bottom: 1px solid rgb(53, 52, 51); padding: 20px 0 20px 0;} .faq h2 {cursor: pointer; margin-bottom: 0; font-size: 24px; transition:var(--transition-color); } .faq:first-of-type { border-top: 1px solid rgb(53, 52, 51); } .no-touchevents .faq h2:hover { color:var(--accent); } /* ========================================================================== Home ========================================================================== */ .page-home .main {background: transparent;} /* HWD */ .layout-home-hwd { padding-top:58.136363636363636%; position: relative; text-align: center; color:#c58c3d; font-size: 19px; background-color: #0f0d0c; z-index: 0; } .layout-home-hwd article { position: absolute; max-width: 690px; padding: 0 20px; left:0; right:0; top:0; z-index: 1; width: 100%; margin: auto; } .layout-home-hwd img { width: 100%; height: 100%; object-fit: cover; position: absolute; top:0; left:0; right:0; z-index: 0; } .layout-home-hwd img.loaded { opacity: 0.6; } .layout-home-hwd .home-hwd-button { text-transform: uppercase; text-decoration: underline;text-underline-offset: 4px; } .layout-home-hwd svg { max-width: 320px; margin:30px auto 10px auto; } .layout-home-hwd p { line-height:1.214; } @media screen and (max-width:1100px) { .layout-home-hwd svg { max-width: 200px; } .layout-home-hwd article { bottom:0; display: flex; justify-content: center; flex-direction: column; } } @media screen and (max-width:840px) { .layout-home-hwd { padding-top:100%; } .layout-home-hwd article { padding: 20px;} } @media screen and (max-width:500px) { .layout-home-hwd { padding-top:0; height: calc(100vh - 90px);} } /* ========================================================================== Chase Archives ========================================================================== */ .layout-archive-listing { --articles-padding:52px; --card-padding:52px; --card-margin:64px; --card-padding-negative:-52px; --card-image-aspect-ratio:996/260; --card-right-width:10px; --card-right-height:20px; --card-right-margin:10px; --card-footer-height:62px; --modal-margin:60px; --modal-margin-offset: calc(var(var(--modal-margin) * 2)); --modal-padding:44px; } .archive-listing-header { position: relative; margin-bottom: 50px; margin-top:16px; display: flex; flex-direction: column;} .archive-listing-standfirst { color:var(--orange); margin-bottom: 22px; } .archive-articles { padding: 0 var(--articles-padding); } /* Filters */ .archive-listing-filter-option { position: absolute; width: 100%; max-width: 152px; bottom:0; } .archive-listing-filter-option:hover .archive-listing-dropdown { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto;} .archive-listing-filter-option:hover .icon-down { transform: rotate(180deg); } .archive-listing-filter-button { background: transparent; text-transform: none; font-weight: normal; text-align: center; line-height: 40px; height: 40px; width: 100%; display: flex; justify-content: center; } .archive-listing-filter-button svg { width: 15px; height: 8px; stroke: #98694c; fill: none; margin: auto 0 auto 10px; transition: all 0.3s cubic-bezier(.77,0,.175,1); } .archive-listing-dropdown { position: absolute; top:40px; left: 0; line-height: 26px; background-color: #f1edde; display: flex; flex-direction: column; max-width: 152px; width: 100%; padding: 5px; transition: all 0.3s cubic-bezier(.77,0,.175,1); opacity: 0; transform: translateY(-20px); visibility: hidden; pointer-events: none; } .archive-listing-dropdown input { background-color: transparent; border: 0; width: 24px; height: 24px; } .archive-listing-dropdown input:checked { background: url('images/icon-tick.svg') no-repeat center center !important; background-size:12px auto !important; } .archive-listing-dropdown label { cursor: pointer; } .archive-listing-dropdown .is-active { color: #98694c; } .archive-sort { right:64px; } .archive-filter { right:228px; } /* Search */ .archive-listing-search { position: absolute; left: var(--articles-padding); bottom: 0; max-width: 260px; } .archive-listing-search svg { width: 100%; height: 100%; fill: var(--orange); vertical-align: top; } .archive-listing-search-input { background: #f1edde; line-height: 40px; height: 40px; padding: 0 20px 0 44px; } .archive-listing-search .button-search { width: 40px; height: 40px; position: absolute; top: 0; left: 0; background-color: transparent; padding: 13px; pointer-events: none; } .archive-articles-no-results { display: none; background-color: #FFF; padding: var(--articles-padding); text-align: center; } .archive-articles-no-results.is-visible { display: block; } /* Card */ .archive-article-card { background-color: #FFF; padding: 0 var(--card-padding); margin-bottom: var(--card-margin); box-shadow: 7px 7px 25px 10px rgba(75, 44, 31, 0.15); list-style-type: none; } .archive-article-card:last-of-type { margin-bottom: 0; } .archive-article-card[data-embed] { cursor: pointer; } .archive-article-meta { display: flex; justify-content: space-between; color:var(--orange); } .archive-article-image { aspect-ratio: var(--card-image-aspect-ratio); margin: 0 var(--card-padding-negative) 18px var(--card-padding-negative); background-color: #98694c; } .archive-article-image img { object-fit: cover; width: 100%; height: 100%; } .archive-article-description { line-height: 1.4; max-width: 630px; } .archive-article-title { margin-bottom: 10px; font-size: 30px; } .archive-article-footer { margin-top:30px; line-height: var(--card-footer-height); border-top:1px solid #98694c; display: flex; justify-content: space-between; } .archive-article-reading-time { margin-bottom: 0; } .archive-article-cta { display: flex; margin-bottom: 0; } .archive-article-cta svg { width: var(--card-right-width); height: var(--card-right-height); margin: auto 0 auto var(--card-right-margin); transition: all 0.3s cubic-bezier(.77,0,.175,1); } .archive-article-card:hover .archive-article-cta svg { transform: translateX(50%); } /* Footer */ .article-listing-footer { display: flex; padding: 0 var(--card-padding); justify-content: space-between; align-items: center; height: 140px; } .article-listing-footer button { background-color: transparent; padding: 0; width: 140px; display: flex; } .article-listing-footer .article-listing-top { justify-content: flex-end; } .article-listing-pagination { padding: 0 !important; margin: auto; color: #916B50; } .article-listing-pagination .page { background: transparent; } .article-listing-pagination .active { border-bottom: 1px solid #502b1c; } .article-listing-pagination .active a { color: #502b1c; } .article-listing-share { text-align: left; position: relative; } .article-listing-share:hover .article-listing-share-options { opacity: 1; visibility: visible; pointer-events: all; } .article-listing-share svg { width: 16px; height: 16px; margin: auto 0 auto 4px; fill: currentcolor; } .article-listing-share-options { display: flex; margin: auto; position: absolute; top: 6px; left: 100px; transition: all 0.3s cubic-bezier(.77,0,.175,1); opacity: 0; visibility: hidden; pointer-events: none; } .article-listing-share-options .share-link { display: flex; } .article-listing-share-options svg { margin: auto; } .article-listing-top { text-align: right; } /* Modal */ .article-listing-modal::backdrop { background-color: #FFF; opacity: 0.75; cursor: pointer; } .article-listing-modal { position: fixed; left:var(--modal-margin); right:var(--modal-margin); bottom:var(--modal-margin); top:var(--modal-margin); width: calc(100vw - var(--modal-margin-offset)); height: calc(100dvh - var(--modal-margin-offset)); max-width: none; max-height:none; background: #f8f6f0; overflow: hidden; border: 0; padding: var(--modal-padding);} .article-listing-modal iframe { width: 100%; height: 100%; } .article-listing-modal-close { padding: 0; background-color: transparent; position: absolute; width: 44px; height: 44px; top:44px; right: 44px; } .article-listing-modal-close svg { width: 100%; height:100%; } .has-modal-open { overflow: hidden; } @media only screen and (max-width : 1040px) { .archive-listing-filter-option { position: relative; left: auto; right: auto; } .archive-listing-filters { display: flex; justify-content: center; } .archive-listing-search { position: relative; margin: 16px auto; left: auto; bottom: auto; } } @media only screen and (max-width : 850px) { .layout-archive-listing { --articles-padding: 28px; --card-padding:15px; --card-margin:40px; --card-padding-negative:-15px; --card-image-aspect-ratio:320/194; --card-right-width:6px; --card-right-height:16px; --card-right-margin:8px; --card-footer-height:50px; --modal-margin:28px; --modal-padding:20px; } .layout-archive-listing .archive-listing-header { margin-bottom: 6px;} .layout-archive-listing .archive-listing-standfirst { font-size: 16px; margin-bottom: 10px; } .layout-archive-listing .archive-listing-title { font-size: 22px; } .layout-archive-listing .archive-listing-filter-button, .layout-archive-listing .archive-listing-dropdown, .layout-archive-listing .archive-listing-search { font-size: 12px; } .layout-archive-listing .archive-article-title { font-size: 20px; } .layout-archive-listing .archive-article-description, .layout-archive-listing .archive-articles-no-results { font-size: 14px; } .layout-archive-listing .archive-article-meta { font-size: 14px; } .layout-archive-listing .archive-article-footer { font-size: 12px; } .layout-archive-listing .article-listing-footer { font-size: 12px; padding: 0 ;} .article-listing-modal-close { top:10px; right: 10px;} .archive-article-publications { margin-bottom: 14px; } .article-listing-footer button { font-size: 12px; width: 80px; } .article-listing-share-options { top:-1px; left: 72px; width: calc(100vw - 128px); background-color: rgb(248, 246, 239);} } /* ========================================================================== Newsletter ========================================================================== */ .layout-newsletter form { max-width: 400px; width: 100%; margin: auto; position: relative; } .layout-newsletter input { line-height: 56px; height: 56px; border-bottom: 1px solid #6c5342; width: 100%; background: transparent; font-size: 20px; } .layout-newsletter button { position: absolute; top: 0; right: 0; width: 30px; background-image: url('images/icon-arrow.svg'); background-size: 12px 25px; background-repeat: no-repeat; background-position: center center; height: 50px; background-color: transparent; } /* ========================================================================== Cigars ========================================================================== */ .page-our-cigars .main {margin-bottom: 0;} /* EMS Introduction */ .ems-introduction {color: #e4dcbe; text-align: center; background: rgb(27, 8, 0); background: rgba(27, 8, 0, 0.75); padding: 36px 20px; position: relative;} .ems-introduction p {max-width: 630px; width: 100%; margin: auto; margin-bottom: 16px;} .ems-introduction h1 {margin-bottom: 16px;} /* Cigar Portfolio */ .cigar-container {position: relative;} .cigar-container .slick-prev { left: -12px; } .cigar-container .slick-next { right: -12px; } .cigar-portfolio {text-align: center;} .cigar-category {margin: 0;} .cigar-category-heading {padding: 35px 0; border-bottom: 1px solid rgb(123, 95, 84); color: rgb(64, 33, 20); position: relative; margin-bottom: 38px; } .cigar-brand {width: 25%; position: relative; padding: 0; margin-bottom: 40px; } .cigar-brand h2 {border-top:1px solid currentcolor; border-bottom: 1px solid currentcolor; color: #b18e77; padding:5px 0; margin: 0 30px; letter-spacing: 0.04em; position: relative; transition: var(--transition-color); } .cigar-brand .no-image {color: #412114; border-top:1px solid #412114; border-bottom: 1px solid #412114; text-transform: uppercase; min-height: 70px; padding: 5px 0; margin-top: 28px; } .cigar-brand:hover .no-image {color: #b18e77; border-color: #b18e77;} .cigar-brand img {padding: 0 10px; object-fit: contain; } .cigar-brand .no-image.short {padding: 0; line-height: 70px;} .cigar-brand .hover { visibility: hidden; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); position: absolute; top:0; left: 0;} .no-touchevents .cigar-brand:hover h2 { color:var(--accent); } .no-touchevents .cigar-brand:hover .hover, .cigar-brand.active .hover { visibility: visible; opacity: 1; } .cigar-mask {height: 0; overflow: hidden;} .cigar-mask.open { border-bottom: 1px solid #502b1c; } .cigar-close {width: 50px; height: 50px; line-height: 50px; text-align: center; position: absolute; font-size: 28px; top: -12px; right: -12px; cursor: pointer; z-index: 3;} .button-refine-search { text-transform: uppercase; letter-spacing: 0.05em; position: absolute; top: 0; bottom: 0; margin: auto; height: 40px; line-height: 57px; right: 0; } .button-refine-search:after { content:''; width: 7px; height: 15px; background-image:url('images/icon-arrow.svg'); margin-left:10px;background-repeat: no-repeat; background-position: center; background-size: 100% auto; margin-bottom: -2px; display:inline-block; } /* Brand */ .cigar-brand-logo { position: relative; z-index: 1;} .cigar-brand-logo img { margin: 0 auto 15px auto; max-width: 230px; width: 100%; } .cigar-brand-biography { max-width: 800px; width: 100%; color: #041101; margin: auto; padding: 0 0 40px 0; line-height: 1.4;} .cigar-brand-biography .read-more {cursor: pointer; } .cigar-brand-biography-mask { max-height: 0; overflow: hidden; transition: max-height 0.5s cubic-bezier(.77,0,.175,1); } .cigar-brand-biography-mask.is-open { max-height: 1000px; } .cigar-brand-biography-mask div { padding-top:40px; } /* Cigar Slider */ .cigar-slider {margin-top: -40px; position: relative; z-index: 0; margin-bottom: 40px; transition: height 0.3s ease-in; } .cigar-slider-wrapper { padding: 0 40px; position: relative; } .cigar-slider-wrapper .swiper-button-next { right: 0; } .cigar-slider-wrapper .swiper-button-prev { left: 0; } .cigar-slider-wrapper:before, .cigar-slider-wrapper:after { content:''; display: block; width: 30px; background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); position: absolute; top:0; bottom: 0; z-index: 2; pointer-events: none; } .cigar-slider-wrapper:before { left: 40px; } .cigar-slider-wrapper:after { right: 40px; transform: rotate(180deg); } .has-featured .cigar { opacity:0.4; } .has-featured .swiper-slide-active .cigar { opacity:1; } .cigar {color: #041101; transition: opacity 0.3s ease-in; opacity: 1; } .cigar ul {padding: 0 20px;} .cigar ul.no-description li:last-of-type { border-bottom:1px solid #c9cbc8; } .cigar-meta {list-style-type: none; padding: 4px 0; border-top:1px solid #c9cbc8; } .cigar-title { padding: 4px 0; display: flex; flex-direction: row; justify-content: center; align-items: center; } .cigar-title span { margin: 0 -44px 0 auto; padding: 0 44px; } /* Cigar Slider : Insufficient Slides */ .has-insufficient-slides .swiper-wrapper { transform: none !important; justify-content: center; } .has-insufficient-slides .swiper-button-prev, .has-insufficient-slides .swiper-button-next { display: none !important; } /* Share */ .button-cigar-share { background: none; height: 44px; width: 44px; padding: 0; vertical-align: middle; margin-left: auto; transition: visibility 0.3s ease-in, opacity 0.3s ease-in; margin-right:8px; } .cigar-share { display: flex; align-content: center; justify-content: center; height: 0; padding: 0; border:0; transition: height 0.3s ease-in; overflow:hidden; position: relative; } .cigar-share svg, .button-cigar-share svg { width: 16px; height: 16px; margin: 7px 12px; fill: currentcolor; } .cigar-share p { display: none; width: 100%; position: absolute; top:0; left: 0; right: 0; background: #FFF; line-height: 30px; height: 44px; } .cigar-share.is-open { height: 44px; } .cigar-share.is-copied p { display: block; } .no-touchevents .cigar .button-cigar-share { visibility: hidden; opacity: 0; } .no-touchevents .cigar:hover .button-cigar-share, .no-touchevents .button-cigar-share:hover { visibility: visible; opacity: 1; } .no-touchevents .cigar-share a:hover { color:var(--accent); } /* Loading State */ .is-loading .cigar-brand a { cursor: default; } .is-loading .cigar-brand.active a { cursor: wait;} /* ========================================================================== News ========================================================================== */ .news-slideshow { padding: 0;} .slick-arrow { width: 53px; height: 81px; background-color: transparent; background-size: 26px auto; background-position: center center; z-index: 2; } .slick-next { right: 0; } .slick-prev { left: 0; } .post-slide {position: relative;} .post-slide:before {content:''; padding-top: 52.272727272727273%; width: 100%; display: block;} .post-caption { max-width: 780px; margin: auto; background: rgb(228, 220, 190); background: rgba(228, 220, 190, 0.9); padding: 30px; left: 40px; right: 40px; position: absolute; bottom: 40px; } .post-caption h1 { margin-bottom: 12px; } .post-caption h3 { margin-bottom: 8px;} .post-caption p {margin-bottom: 18px;} /* Archive */ .news-container {padding-top: 50px;} .news-archive-heading { padding-bottom: 16px; margin-bottom: 32px; border-bottom: 1px solid rgb(53, 52, 51); position: relative; } .news-archive-heading .back { bottom: 16px; } .news-archive-heading h1 { padding: 0 60px; } .back {position: absolute; right: 0; text-transform: uppercase; bottom: 32px; font-weight: 300;} .news-listing {margin: 0 -15px; text-align: center; font-size: 0;} .post {width: 33.3333%; padding: 0 15px 40px 15px; display: inline-block; vertical-align: top; position: relative; z-index: 0; } .post-image { margin-bottom: 20px; padding-top: 67.808219178082192%; overflow: hidden; } .no-results {padding-bottom: 40px;} .animate-listing h3, .animate-listing h2, .animate-listing p { transition: color 0.5s cubic-bezier(.77,0,.175,1); } .animate-listing img { transition: transform ease-in 0.5s; } .animate-listing:hover img { transform: scale(1.05); } .animate-listing:hover h3, .animate-listing:hover h2, .animate-listing:hover p { color: var(--accent); } /* Article */ .news-article { max-width: 800px; width: 100%; margin: auto; padding-bottom: 40px; } .news-article h1 { margin-bottom: 0; border-bottom:0; } .news-article .news-title { border-bottom: 0; margin-bottom:0; } .news-article-header { display: flex; justify-content: center; margin-bottom: 40px; position: relative; padding: 0 60px; text-align: center; } .news-article-header .post-back { bottom: 5px; position: absolute; right: 0; margin: 0; } /* Article : Heading above the image */ .news-single-heading { padding-top:30px; padding-bottom:40px; margin-bottom:0; } .news-single-heading h1 { text-align: center; } /* Share */ .share {text-align: center; border-bottom: 1px solid #000000; padding-bottom: 20px; position: relative; text-transform: uppercase;} .share-link {width: 44px; height: 44px; display: inline-block; line-height: 44px; margin: 0; font-size: 20px;} .share svg { width: 16px; height: 16px; margin: 14px; fill: currentcolor; } /* Post Navigation */ .post-navigation { position: relative; text-align: center; display: flex; flex-direction: row; flex-wrap: wrap; padding-top: 40px; border-top: 1px solid #000000; } .post-navigation .share {border-bottom: 0; width: 100%; } .post-back { margin: 0 auto 40px auto; } .post-prev:before, .post-next:before { width: 13px; height: 26px; font-size: 26px;} .post-prev, .post-next { width: 44px; height: 44px; } /* Related Posts */ .news-related-posts { border-top: 1px solid #000000; padding-top: 40px;} .news-related-posts h3 {text-transform: uppercase; margin-bottom: 40px;} /* News Categories */ .news-archive-heading .dropdown {position: absolute; right: 0; top:0; z-index: 1; } .news-archive-heading .dropdown label {padding-bottom: 32px; line-height: 34px; } /* Categories */ .dropdown {position: relative; display: inline-block; } .dropdown label {text-align: right; position: relative; padding-right: 28px; transition: var(--transition-color); } .dropdown label:before {position: absolute; right: 0; font-size: 7px; top: 9px; line-height: 11px; margin: auto; height: 11px;} .dropdown > div { padding: 16px 24px; background: #f1edde; line-height: 1.76; text-transform: uppercase; position: absolute; right: 0; top:51px; font-weight: normal; letter-spacing: 0.05em; opacity: 0; visibility: hidden; -webkit-transform: translateY(-20px); transform: translateY(-20px);} .dropdown a {display: block; white-space: nowrap;} .dropdown > a {cursor: default;} .no-touchevents .dropdown:hover > div, .dropdown.active > div {opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .no-touchevents .dropdown:hover label { color:var(--accent); } /* Pagination */ .pagination {padding-bottom: 80px; text-align: center;} .pagination a, .pagination span {display: inline-block; width: 40px; height: 40px; color: #9f908a; line-height: 40px;} .pagination span {color: #402113; position: relative;} .pagination a:hover { color: #402113; } .pagination .current:after {content: ''; width: 14px; bottom: 0; left: auto; right: auto; border-bottom: 1px solid #402113; display: block; margin: auto;} .pagination li {display: inline-block; list-style-type: none;} /* Gallery */ .layout-gallery {margin-top: 40px;} .layout-gallery h2 {line-height: 2;} .layout-gallery-container { position: relative; margin-right: -20px; } .layout-gallery-container .gallery-item { width: calc(33.33% - 20px); margin-bottom: 20px; } .layout-gallery-container a, .layout-gallery-container img { display: block; } .layout-gallery-container a:after {display: none;} /* Gallery : Slideshow */ .layout-gallery-slideshow .slide { display: none; } .layout-gallery-slideshow .slide:first-of-type { display: block;} .layout-gallery-slideshow .slide-image { padding-top: 52.272727272727273%; position: relative; } .layout-gallery-slideshow .slide-image img { position: absolute; top:0; bottom: 0; width: auto; margin: auto; height: 100%; left: 0; right: 0; } /* Gallery : Page layout */ .layout-gallery-page {margin-top: 0; padding: 20px; } .layout-gallery-page h2 { text-align: center; margin-bottom: 20px; } /* ========================================================================== Events ========================================================================== */ .events-container .layout-slideshow, .layout-page .layout-slideshow { margin-left: -81px; margin-right: -81px; } /* Event Filter */ .event-filter {padding: 0 0 20px 0; z-index: 1; position: relative; line-height: 44px;} .event-filter label, .event-filter .dropdown {display: inline-block; margin: 0 10px; } .event-filter .dropdown {padding-right: 28px; position: relative; text-align: left; } .event-filter .dropdown > div {right: auto; left: 50%; -webkit-transform: translateX(-50%) translateY(-20px); transform: translateX(-50%) translateY(-20px); z-index: 1; } .event-filter .dropdown > a:after {content: ''; width: 14px; height: 11px; content: '\e806'; font-family: 'fontello'; font-size: 7px; display: inline-block; position: absolute; top:0; bottom: 0; right: 0; margin: auto; line-height: 10px; transition: transform 0.3s ease-in; } .event-filter .dropdown-calendar > a:after {content: '\e803'; height: 20px; font-size: 14px; line-height: 20px;} .no-touchevents .event-filter .dropdown:hover > div, .event-filter .dropdown.active > div { transform: translateX(-50%) translateY(-0px); z-index: 2; } .no-touchevents .event-filter .dropdown:not(.dropdown-calendar):hover > a:after { transform: rotate(180deg); } /* Event Filter : Calendar */ .event-calendar { width: 312px; max-width: 312px; margin: auto; height: 280px; text-align: center; line-height: 29px; pointer-events: none;} .event-calendar table {width: 100%; } .event-calendar table, .event-calendar td, .event-calendar tr, .event-calendar tbody, .event-calendar thead, .event-calendar th { border: 0 !important; } .event-calendar th {font-weight: 400;} .event-calendar td {position: relative; font-weight: 300; width: 29px; width: 29px; } .event-calendar.fc .fc-scroller { overflow: visible !important; } .event-calendar.fc .fc-toolbar-title { font-size: 20px; } .event-calendar.fc .fc-toolbar.fc-header-toolbar { margin-bottom: 0; } .event-calendar.fc .fc-button-primary { width: 44px; height:44px; } .event-calendar.fc .fc-day-other { visibility: hidden !important; opacity: 0 !important; } .event-calendar.fc .fc-day-today { background: none; } .event-calendar.fc .fc-day-today .fc-daygrid-day-number { font-weight: 400; } .event-calendar.fc .fc-daygrid-day-bg { display: none; } .event-calendar.fc .fc-daygrid-day-frame { min-height: 0; height: 29px; } .event-calendar.fc .fc-daygrid-day-number { line-height: 32px; width: 100%; padding: 0; } .event-calendar.fc .fc-daygrid-event-harness, .event-calendar.fc .fc-daygrid-day-events { position: absolute; top:0; left: 0; right: 0; } .event-calendar.fc .fc-daygrid-day-top { width: 100%; height: 29px; line-height: 29px; padding: 0; text-align: center; font-weight: 300; } .event-calendar.fc .fc-event { font-size:0; width: 29px; height: 29px; line-height: 20px; border-radius: 14.5px; border:1px solid #281101; margin: auto; position: absolute; top:0; left: 0; right:0; background: none; } .event-calendar.fc .fc-icon-chevron-left::before, .event-calendar.fc .fc-icon-chevron-right::before { content:''; background-repeat: no-repeat; width: 100%; height: 100%; display: block; background-size: contain; } .event-calendar.fc .fc-icon-chevron-left::before { background-image: url('images/icon-left.svg'); } .event-calendar.fc .fc-icon-chevron-right::before { background-image: url('images/icon-right.svg'); } .no-touchevents .fc-button:hover { color:var(--accent); } .dropdown.active .event-calendar { pointer-events: auto;} /* Event Filter : Location */ .event-by-location {top: 40px; text-align: left; min-width: 346px; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; grid-row-gap:5px; } .event-location {line-height: 1.91; text-transform: uppercase; display: inline-block; vertical-align: top;} .event-location a {font-weight: 300;} /* Event Listing */ .events-heading {line-height: 46px; border-bottom: 1px solid rgb(103, 78, 66); margin-bottom: 12px; } .events-listing {margin: 0 -16px; padding-bottom: 40px; min-height: 300px; } .event {width: 25%; padding: 16px; display: inline-block; vertical-align: top; position: relative; padding-bottom: 40px; z-index: 0; margin-bottom: 20px;} .event h2 {margin-bottom: 5px; line-height: 1.3;} .event h3 {margin-bottom: 4px;} .event h3 { padding-bottom: 8px; } .event .read-more {display: block; background: none; line-height: 40px; position: absolute; bottom: 0; left: 16px; right: 16px; border-top: 1px solid rgb(103, 78, 66);} .event:hover .read-more { border-color: currentcolor; } .event:hover .read-more::after { transform: scale(1); } /* Single Event */ .single-events-container {padding-bottom: 40px; padding-top: 40px; margin-top: 0; } .single-event {padding: 55px 0 26px 0; border-top: 1px solid rgb(64, 33, 20); line-height: 1.333333333333333; position: relative; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 32px; } .single-event .back {top:0; line-height: 60px;} .single-event p {margin-bottom: 20px;} .single-event address { border-bottom: 1px solid #402113; padding-bottom: 20px; margin-bottom: 20px; line-height: 1.333333333333333; } .single-event address .f-20 {display: block; margin-bottom: 4px;} .single-event article { padding: 0 3.8% 0 3.8%; } /* Related Events */ .related-events {padding-top: 40px;} .related-events .events-listing { padding-bottom: 0; } /* Event Details */ .event-details {width: 100%; line-height: 1.625; letter-spacing: 0.025em; max-width: 270px; margin: auto; } .event-details td { padding: 0 5px 10px 5px; vertical-align: top;} .event-details td:first-of-type {width: 100px;} .event-details .read-more {text-transform: none; letter-spacing: 0.025em; } /* ========================================================================== Habano Story ========================================================================== */ .layout-hero {position: relative; aspect-ratio: 1100/575; } .layout-hero article {background: rgb(228, 220, 190); background: rgba(228, 220, 190, 0.9); color: #281101; padding: 24px 60px; max-width: 836px; width: 100%; left: 0; right: 0; margin: auto; z-index: 1;} .layout-hero h1, .layout-hero p {margin-bottom: 10px;} /* Hero : With Video */ .video-container {position: relative; width: 100%; padding-top: 56.25%; z-index: 0;} .video-container video {position: absolute; top:0; left:0; width: 100%; height: 100%;} .close-hero-caption {position: absolute; line-height: 60px; width: 60px; height: 40px; top:0; right:0; background: transparent; transition:var(--transition-color); } .close-hero-caption:hover { color: var(--accent); } .hide-caption .layout-hero article {opacity: 0; visibility: hidden;} .story-section {position: relative;} .story-intro {color: #e4dcbe; cursor: pointer; position: relative; } .story-intro article { max-width: 716px; width: 100%; left: 0; right: 0; margin: auto; z-index: 1; padding: 20px;} .story-intro h1 {margin-bottom: 10px; padding-top: 22px; position: relative; } .story-intro p {position: relative; padding-bottom: 30px; margin-bottom: 25px;} .story-intro h1:before, .story-intro p:after {content: ''; position: absolute; top:0; left: 0; right: 0; margin: auto; display: block; max-width: 180px; width: 100%; background: #e4dcbe; height: 1px;} .story-intro p:after {top:auto; bottom: 0;} .story-intro .hotspot {z-index: 1;} .story-intro:after {content: ''; position: absolute; top:0; left: 0; right: 0; bottom: 0; display: block; background: rgba(103, 78, 66,0.8); mix-blend-mode: multiply;} .story-intro:hover:after {opacity: 0.8;} .story-mask {height: 0; overflow: hidden;} .story-content {padding: 32px 40px; background: rgb(241, 237, 222); color: #281101; text-align: left; position: relative; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .story-content h2 {margin-bottom: 23px; break-inside: avoid; } .story-content h2 span { margin-top:10px; } .story-content p {margin-bottom: 25px; display: inline-block; break-inside: avoid;} .story-columns { column-count: 2; } .story-columns.is-one-column { column-count: 1; } .story-columns.is-one-column .story-text { max-width: 50%; } .story-columns p a {text-decoration: underline;} .story-locations { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:32px; break-inside: avoid; } .story-close {height: 80px; width: 80px; position: absolute; top:0; right: 0; } .story-close:after {content: ''; width: 20px; height: 20px; margin: auto; background-image: url('images/icon-close.svg'); vertical-align: middle; background-repeat: no-repeat; background-size: 100% auto; left: 0; right: 22px; top: 0; bottom: 0; position: absolute;} .story-location { margin-bottom: 0; } .story-location .image { margin-bottom: 10px; } .story-location:hover .read-more::after { transform: scale(1); } .story-section.open .story-intro:after {opacity: 0;} .story-section.open .story-intro article {opacity: 0; -webkit-transform: translateY(-60%); transform: translateY(-60%); } /* Beginners Guide */ .beginners-guide { padding:20px; text-align: center; background-image: url('images/beginners-guide/H&F_Enthusiasts Guide.gif'); color: #e0d8be; position:relative; z-index: 0; } .beginners-guide h3, .beginners-guide h2, .beginners-guide img { z-index: 1; position: relative; } .beginners-guide h3 { margin-bottom: 14px; } .beginners-guide img { margin: auto auto 28px auto; } .beginners-guide .hotspot { z-index: 3; } .beginners-guide:after {content: ''; position: absolute; top:0; left: 0; right: 0; bottom: 0; display: block; background: rgba(103, 78, 66,0.8); mix-blend-mode: multiply; transition: var(--transition-opacity); } .no-touchevents .beginners-guide:hover:after {opacity: 0.8;} /* ========================================================================== Where to buy / smoke ========================================================================== */ /* Search Introduction */ .search-introduction {background: #1a0800; background: rgba(26,8,0, 0.8); padding: 10% 99px; z-index: 1;} .search-introduction .search-container h1 {color: var(--accent);} .search-introduction .search-container > p {color: #e4dcbe; max-width: 70%; margin-left: auto; margin-right: auto;} .search-introduction input, .search-introduction button, .search-introduction select { background: #e4dcbe; } .search-introduction #bh-sl-geocode, .search-introduction #bh-sl-geocode:before { color: #e4dcbe; } .search-introduction fieldset {color: #e4dcbe;} .search-introduction .search-filter-buy-smoke label:before{ border-color: #e4dcbe; } .search-introduction .search-filter-buy-smoke input:checked + label:after {background: #e4dcbe;} .search-introduction .bh-sl-filters-container {display: none;} #bh-sl-maxdistance { cursor: pointer; } /* Search Introduction : Key */ .search-introduction .locations-key { border-bottom: 0; z-index: 0; position: relative; } .search-introduction .locations-key label { color: #e4dbbe; } .search-introduction .feature-retailer:before, .search-introduction .feature-terrace:before { border: 1px solid #e4dbbe; border-radius: 50%;} .search-introduction .feature.label { display: none; } .touchevents .search-introduction .locations-key .dropdown {position: static; display: block; transform: none; background: transparent; color: #e4dbbe; visibility: visible; opacity: 1; padding: 10px 10px 20px 0; } .touchevents .search-introduction .locations-key .locations-key .dropdown:before { display: none;} .touchevents .search-introduction .locations-key .dropdown:before { display: none; } .touchevents .search-introduction .feature { height: auto; } /* Search Introduction : Filter */ .refine-search-label { background: #f1edde; line-height: 56px; vertical-align: top; font-size: 20px; color: #402113; font-weight: 300; padding: 0 14px; cursor: pointer; } .refine-search { z-index: 1; } .refine-search .filters { background: #f1edde; width: 100%; position: absolute; text-transform: uppercase; padding: 0 16px 16px 16px; color: #402113; font-size: 16px; font-weight: 300; opacity: 0; visibility: hidden; } .refine-search.open .filters { opacity: 1; visibility: visible; } .refine-search.open:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); } /* Search Results */ .search-results {height: 0; overflow: hidden; } .search-results.active {height: auto; overflow: auto;} .search-results .search-container > p {display: none;} .search-results .bh-sl-loading { bottom: 142px; } .search-results .search-filters {display: block;} .search-results .search-container .locations-key { display: none; } .search-results .layout-counties { display: none; } /* Search Form */ .search-container { width: 100%; margin: auto; text-align: center; position: relative;} .search-container h1 {color: #402113; line-height: 110px} .search-container input, .search-container select {width: 100%; background: #f1edde;} .bh-sl-form-input {padding-right: 155px; font-size: 0;} .bh-sl-form-input-group {display: inline-block; text-align: left; position: relative; border-right: 14px solid transparent;} .bh-sl-form-input-group:nth-child(1) { width: 45%; } .bh-sl-form-input-group:nth-child(2) { width: 20%; } .bh-sl-form-input-group:nth-child(3) { width: 35%; } .bh-sl-form-input-group:before { height: 56px; width: 56px; position: absolute; top:0; right: 0; text-align: center; font-size: 11px; line-height: 56px; pointer-events: none; } #bh-sl-user-location {position: relative; } #bh-sl-submit {position: absolute; top:0; right: 0; width: 155px; background: var(--accent); color: #f1edde; transition: var(--transition-background); } #bh-sl-submit:hover { background: #321d0e; } #bh-sl-geocode {display: block; line-height: 80px; background: transparent; height: 80px; margin: auto; text-transform: none; padding-right: 38px; position: relative;} #bh-sl-geocode:before { width: 23px; height: 23px; font-size: 23px; position: absolute; right: 0; vertical-align: middle; display: inline-block; color: #402113; } .bh-sl-filters-container {display: none;} .search-filter-buy-smoke {line-height: 100px;} .search-filter-buy-smoke input { display: none;} .search-filter-buy-smoke label, .search-filter-buy-smoke p {margin-right: 20px; position: relative; padding-left: 24px; margin-bottom: 0; display: inline;} .search-filter-buy-smoke label { cursor: pointer;} .search-filter-buy-smoke label:before {width: 18px; height: 18px; border: 1px solid #402113; } .search-filter-buy-smoke label:before, .search-filter-buy-smoke label:after {position: absolute; content: ''; border-radius: 50%; top:2px; left: 0; } .search-filter-buy-smoke input:checked + label:after {width: 10px; height: 10px; background: #402113; margin: 4px;} /* Results */ .results-container {padding-top: 32px;} .results-container .search-form {color: #402113;} /* Results : Locations */ .locations-container {margin: -14px -14px 0 -14px; font-size: 0; padding-bottom: 40px; } .location-title { padding: 17.5px 0; text-transform: capitalize;} .location {width: 33.3333%; vertical-align: top; padding: 14px; display: inline-block; background: transparent !important; line-height: 1.44; position: relative; cursor: pointer; } .location img {width: 100%; height: 100%; object-fit:cover; } .location h2 { margin-bottom: 5px; font-weight: normal; padding-right:50px; position: relative; } .location address {margin-bottom: 10px; min-height: 50px; transition:var(--transition-color); } .location address:hover { color:var(--accent); } .location footer {line-height: 40px; border-bottom: 1px solid rgb(64, 33, 20); margin-top: 14px; position: relative; } .location footer a, .location footer span {width: 50%; float: left;} .location .link-copied { opacity: 0; visibility: hidden; transition: var(--transition-opacity); text-align: right; } .location.is-copied .link-copied { opacity: 1; visibility: visible; } .location .key {clear: both;} .location .street-address {display: block;} .location .view-details {text-align: right;} .location .distance {position: absolute; bottom: 0; right: 0;} .location-links { min-height: 25px; margin-bottom: 20px;} .location-links a {display: inline-block; margin-right: 20px; position: relative;} .location-links a:after {content: ''; height: 1px; background: #402114; left: 0; right: 0; position: absolute; bottom: 0; opacity: 0.5;} .location-image {margin-bottom: 20px; display: block; padding-top: 67.808219178082192%; position: relative; background-size:cover; } .location-image img {position: absolute; top:0; left: 0;} .show-on-map, .view-details { position: relative;} .no-results {padding: 0 0 40px 0; text-align: center; display: none; font-size: 18px;} /* Filters */ .search-filters {position: relative; line-height: 62px; height: 62px; display: block; margin-left: auto; margin-right: 0; width: 220px; top: 77px; right:0; display: none;} .no-touchevents .search-filters:hover .search-filters-container {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; } .search-filters > label { font-size: 20px; font-weight: 300; background:var(--accent); color: #f1edde; display: inline-block; line-height: 40px; height: 40px; width: 160px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; } /* Filters : Dropdown */ .search-filters-container {position: absolute; right: 0; top:51px; left: 0; padding: 20px; font-size: 15px; background: #e4dcbe; color: #402113; text-align: left; z-index: 1; text-transform: uppercase; font-weight: 300; opacity: 0; visibility: hidden; -webkit-transform: translateY(10%); transform: translateY(10%); max-width: 220px; margin: auto; width: 100%; line-height: normal; } .filters {margin-bottom: 10px;} .filters li {list-style-type: none; position: relative; cursor: pointer;} .filters li:before {content: ''; width: 20px; height: 20px; border: 1px solid #a6a39a; position: absolute; right: 0; top: 4px; } .filters input {visibility: hidden; display: none;} .filters label {line-height: 30px; cursor: pointer; } .filters span {display: block;} .filters span:before { width: 18px; height: 18px; background-size: 100% auto; margin-right: 10px; content: ''; display: block; margin-top: 5px; vertical-align: top; float: left; background-repeat: no-repeat; background-position: center center;} .filters span:after {content: '\e804'; font-family: 'fontello'; font-size: 10px; position: absolute; right: 0; vertical-align: middle; color: rgb(64,33,18); color: rgba(64,33,18, 0.5); width: 20px; text-align: center;} .filters input + span:after {opacity: 0;} .filters input:checked + span:after {opacity: 1; color: #c97c2f; } .filters ::selected {background: transparent;} .apply-filters { width: 100%; background: var(--accent); color: #f1edde; line-height: 40px; height: 40px; } /* Filters : Mobile */ button.show-filters, .filter-description, button.close-filters {display: none;} /* Map Info */ .location-mapinfo { color: #402113; font-size: 14px; line-height: 1.333333333333333; width: 250px; } .location-mapinfo-title {font-size: 16px; margin-bottom: 10px;} .location-mapinfo-image {margin-bottom: 14px;} .location-mapinfo-image img {max-width: 100% !important; height: auto; } .location-mapinfo-address, .location-mapinfo-phone { margin-bottom: 10px; } .location-mapinfo-links {text-decoration: underline; margin-bottom: 10px;} .location-mapinfo-links a {display: block;} .location-mapinfo-directions {margin-bottom: 10px; text-decoration: underline;} .location-mapinfo-phone a { text-decoration: underline; } /* Loading */ #bh-sl-submit.loading { background-image: url('images/loading-dark.svg'); background-size: 40px auto; background-position: center; background-repeat: no-repeat; font-size: 0; } .bh-sl-loading { display: none;} /* Share */ .location-share { line-height: 30px; height: 30px; position: absolute; top:0; right:0; } .location-share svg { width: 16px; height: 16px; margin:7px 12px; fill: currentcolor; } .location-share a { width:40px; height:30px; } .location-share-options { display: flex; flex-direction: column; height:120px; position: absolute; top:30px; right:0; background: #f8f6ef; transition:var(--transition-opacity); opacity: 0; pointer-events: none; background: #f8f6ef; } .no-touchevents .location-share:hover .location-share-options, .location-share-options.is-visible { opacity: 1; pointer-events: auto; } .no-touchevents .location-share a:hover { color:var(--accent); } /* Key */ .locations-key { line-height: 75px; border-bottom: 1px solid rgb(53, 52, 51); text-transform: uppercase; margin-bottom:28px; } .locations-key .feature { vertical-align: middle; margin-right: 16px; position: relative;} .locations-key .feature.label:before {display: none;} .locations-key .feature:last-of-type {margin-right: 0;} .locations-key .feature:before { margin-right: 4px; margin-top: -1px; } .no-touchevents .locations-key .feature:hover .dropdown, .touchevents .locations-key .feature.active .dropdown {opacity: 1; visibility: visible; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0);} .locations-key .dropdown {position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(-10%); transform: translateX(-50%) translateY(-10%); top:86px; background: rgb(241, 237, 222); text-align: center; line-height: 1.42; text-transform: none; min-width: 280px; padding: 24px 12px; z-index: 1; opacity: 0; visibility: hidden; } .locations-key .dropdown:before {content: ''; position: absolute; left: 0; right: 0; top:-34px; width: 0; height: 0; border-style: solid; border-width: 0 38px 34px 38px; border-color: transparent transparent rgb(241, 237, 222) transparent; margin: auto; } .key {border-top: 1px solid rgb(64, 33, 20); display: block; line-height: 40px; height: 40px;} .feature {display: inline-block; vertical-align: top; height: 16px; line-height: 16px; margin: 9px 0 0 5px; } .feature:before {vertical-align: middle; background-repeat: no-repeat; background-position: top center; margin-right: 2px; width: 20px; height: 20px; display: inline-block; content: '';} .feature-terrace:before {background-image: url('images/icon-terrace.svg'); } .feature-specialist:before {background-image: url('images/icon-specialist.svg'); } .feature-retailer:before {background-image: url('images/icon-retailer.svg'); } .feature-gold-star:before { background-image: url('images/icon-gold-star.svg'); } .feature-silver-star:before { background-image: url('images/icon-silver.svg'); } .feature-havana-cigar-point:before { background-image: url('images/icon-havana-point.svg'); } .feature-sampling:before { background-image: url('images/icon-sampling.svg'); width: 28px; height: 7px; margin-top:5px } .feature-silver-star, .feature-gold-star{ display: none; } .feature-where-to-smoke, .feature-where-to-buy {display: none;} /* Results Map */ .results-map-container {position: relative; max-height: 70vh;} .results-map-container:before { content: ''; padding: 0 0 51.818181818181818% 0; width: 100%; display: block; } .gm-map {position: absolute !important; top:0; bottom: 0; left: 0; right: 0; width: auto !important; height: auto !important;} /* Pagination */ .bh-sl-pagination {margin-top: 40px;} .bh-sl-pagination li {display: inline-block; width: 40px; height: 40px; color: #9f908a; line-height: 40px; cursor: pointer;} .bh-sl-pagination .bh-sl-next-prev {display: none;} .bh-sl-pagination .bh-sl-current {color: #402113; } /* No Results */ .has_no-results .results-map-container {display: none;} /* ========================================================================== Where to buy / smoke : Counties ========================================================================== */ .layout-counties { padding: 60px 0 40px 0; } .layout-counties .grid { display: grid; grid-template-columns: repeat(4, 1fr); } .layout-counties h2 { color: var(--accent); margin-bottom: 20px; } .layout-counties li { list-style-type:none; color: #e4dcbe; margin-bottom: 10px; } .layout-counties a:hover { color: var(--accent); } .counties-location-title { text-align: center; margin-bottom: 20px; } .layout-locations { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap:28px; padding-bottom:40px; } .layout-locations .location { width:auto; padding: 0; } .layout-locations .pagination { width: 100%; clear: both; grid-column: span 3; } .layout-locations .no-results { display:block; grid-column: 1/-1; } /* ========================================================================== Single Location ========================================================================== */ .location-container {padding:30px 0 100px 0;} .single-location { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:32px; } .single-location h1 { position: relative; padding-right:50px; } .single-location .key { border-bottom: 1px solid rgb(64, 33, 20); margin: 20px 0 0 0; text-transform: uppercase; display: flex; flex-direction: row; } .single-location .key .feature-sampling:before { margin-top: -2px; } .single-location .feature { margin: auto 20px auto 0; } .single-location .feature:before { margin-top: -2px; } .single-location-address { position: relative; display: flex; flex-direction: column; } .single-location-address address { margin-bottom: 20px; line-height: 1.5; } .single-location-address footer { margin-top:auto; } .single-location-image-container { overflow: hidden; } .single-location-image img {width: 100%; height: auto;} .single-location-description { margin-bottom: 40px; line-height: 1.5; } .single-location-description ul, .single-location-description ol { margin-bottom: 20px; } .single-location-description li { list-style-position: inside; } .single-location-share { position: absolute; top:0; right:0; width: 160px; line-height: 30px;} .single-location-share label, .single-location-share a { display: block; } .single-location-share a { border-bottom: 1px solid #402113; } .single-location-share-container { max-height: 0; overflow:hidden; transition: max-height 0.5s ease-in; } .single-location-share-container a:hover { color:var(--accent); } .single-location-share-container a svg { width: 16px; height: 16px; vertical-align: middle; margin-right: 6px; fill:currentColor; } .single-location-share:hover .single-location-share-container { max-height: 150px; } .single-location-share:hover .button-single-location-share svg { transform:rotate(180deg); } .button-single-location-share { cursor: pointer; } .button-single-location-share svg { width:21px; height: 11px; vertical-align: middle; margin-left: 6px; transition: transform 0.3s ease-in; margin-top:-2px;} .bh-sl-map-shortcode { position: absolute !important; top: 0; left: 0; bottom: 0; right: 0;} /* ========================================================================== General Page ========================================================================== */ .layout-page {text-align: center; padding: 28px 20px 84px 20px; margin-bottom: 60px; letter-spacing: 0.02em; min-height: calc(100vh - 568px); } .layout-page.has-slideshow { padding-top:0; } /* ========================================================================== Masters ========================================================================== */ .logo-masters {max-width: 226px; width: 100%; margin: auto;} .masters-listing-heading { margin-top:-42px; } .masters-listing { margin-top: 42px; } .master {width: 25%; padding-bottom: 28px; } .master h2 {margin-bottom: 2px; letter-spacing: normal;} .master .image { margin-bottom: 20px; overflow: hidden; } .master-detail { text-align: left; position: relative; margin-bottom: 91px; line-height: 1.3; letter-spacing: 0; } .master-detail > h2 { line-height: 52px; border-bottom: 1px solid rgb(53, 52, 51); letter-spacing: normal;} .master-detail .col { width: 50%; padding: 25px 0; float: left; } .master-detail .master-image { max-width: 50%; padding-left: 15px; } .master-detail .back { bottom: auto; top:0; line-height: 53px; } .master-detail .back:hover { color: var(--accent); } .master-text {clear: both; border-top: 1px solid rgb(53, 52, 51); padding-top: 38px; -webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; border-bottom: 1px solid rgb(53, 52, 51); padding-bottom: 40px;} .master-contacts {line-height: 1.55;} .master-contacts a {display: block;} /* ========================================================================== Portfolio Search ========================================================================== */ .portfolio-search-header { line-height: 2.75; border-bottom: 1px solid #7a5f54; text-align: center; position: relative; } .portfolio-search-header-back { position: absolute; right:32px; top:0; bottom: 0; margin: auto; text-transform: uppercase; color: #98694c; height: 40px; line-height:57px; letter-spacing: 0.05em; } .portfolio-search-filters { padding-bottom: 130px; margin-top:30px; } .portfolio-search-filters-footer { margin-top:38px; display: flex; justify-content:space-between; } .portfolio-search-filters-footer button { line-height: 38px; height:38px; padding: 0 20px; } .portfolio-search-filter { margin-bottom: 12px; max-height: 48px; overflow: hidden; -webkit-transition: max-height 0.5s cubic-bezier(.77,0,.175,1); transition: max-height 0.5s cubic-bezier(.77,0,.175,1); } .portfolio-search-filter-title { background:#e4dcbe; padding: 0 10px; line-height:48px; cursor: pointer; position:relative; } .portfolio-search-filter-title svg { position: absolute; right:42px; top:0; bottom: 0; margin: auto; stroke:currentcolor; } .portfolio-search-filter-title .icon-arrow { width:21px; height: 11px; fill:none; } .portfolio-search-filter-title .icon-close { width:20px; height:20px; visibility: hidden; } .portfolio-search-filter-values { -webkit-columns: 5; -moz-columns: 5; columns: 5; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; margin-bottom: 34px; padding: 0 14px; } .portfolio-search-filter-values li { border-bottom: 1px solid #402114; list-style-type: none; display:block; line-height: 27px; break-inside: avoid; } .portfolio-search-filter-values label { display: block; position: relative; cursor:pointer; } .portfolio-search-filter-values input { width: 13px; height: 13px; border: 1px solid #402114; -webkit-appearance: none; appearance:none; border-radius:0; position: absolute; right:6px; top:0; bottom:0; margin: auto; } .portfolio-search-filter-values input:checked { background:#e4dcbe; background-image:url('images/icon-portfolio-tick.svg'); background-size:7px auto; background-position: 2px 3px; background-repeat: no-repeat; } /* Brand */ .brand .portfolio-search-filter-values { -webkit-columns: 4; -moz-columns: 4; columns: 4; } .portfolio-search-filter-values .portfolio-search-filter-subcategory { column-span: all; border-bottom: 0; margin-bottom: 16px; } /* Length */ .length.portfolio-search-filter.is-open { border-bottom: 1px solid #7a5f54; } /* Search */ .portfolio-search-field { line-height: 40px; position:relative; width:206px; margin: 22px auto 0 auto; } .portfolio-search-field input { border-bottom: 1px solid #98694c; color:#98694c; width:100%; height: 40px; } .portfolio-search-field button { width:40px; height:40px; background-size:8px 15px; background-repeat: no-repeat; background-image: url(images/icon-arrow.svg); background-position: center right; position: absolute; top:0; right:0; background-color: transparent; } /* Search Filters : Selected */ .portfolio-search-filter.has-selected .portfolio-search-filter-title { background:#98694c; color:#e4dcbe; } /* Search Filters : Open */ .portfolio-search-filter.is-open { max-height: 2000px; } .portfolio-search-filter.is-open .portfolio-search-filter-title .icon-close { visibility: visible; } .portfolio-search-filter.is-open .portfolio-search-filter-title .icon-arrow { visibility: hidden; } /* Search Filters : Buttons */ .button-filter-portfolio { background: #98694c; margin: 0 0 0 auto; color:#e4dcbe; } .button-filter-clear { margin: 0 auto 0 0; color:#402113; background: #e4dcbe; display: none; } .button-filter-clear.active { display: block; } .button-filter-selectall { color: #98694c; line-height: 40px; padding: 0 14px; background: transparent; text-transform: none; } .button-portfolio-results-close { display:none; width: 30px; height:30px; position: absolute; right:40px; bottom:-70px; background-color: transparent; padding: 0; z-index: 1; } .button-portfolio-results-close svg { width: 100%; height:100%; stroke: currentColor; vertical-align: top; } .button-portfolio-results-close.active { display:block; } /* Search Filters : Range */ .portfolio-search-filter-range { display: flex; max-width: 468px; margin: 40px auto; width: 100%; display:none; padding-right:110px; } .portfolio-search-filter-range label { color:#98694c; padding: 0 12px; line-height: 46px; height:40px; width:110px; } .portfolio-search-filter-range select { appearance:none; height: 48px; padding: 0 16px; background: #f1edde; color:#402113; width:100%; line-height: 40px; font-family: "Gotham Narrow A", "Gotham Narrow B";} .portfolio-search-filter-range optgroup { font: -moz-pull-down-menu; font-weight:bold; } .portfolio-search-filter-range option { font: -moz-pull-down-menu; } .portfolio-search-filter-range .select-wrapper { position: relative; width:100px; margin: 0 12px; } .portfolio-search-filter-range .icon-arrow { position: absolute; top:0; bottom: 0; margin: auto; pointer-events:none; right:16px; width:14px; height: 7px; fill:none; stroke: currentColor;} .portfolio-search-filter-range.is-visible { display:flex; } .portfolio-search-filter-range .range-checkboxes { display: none; } /* Search Filters : Length */ .portfolio-search-length-options { color:#98694c; line-height: 26px; text-align: center; margin: 20px auto; } .portfolio-search-length-options a { margin: 0 8px; } .portfolio-search-length-options .active { border-bottom: 1px solid #98694c; } /* Results */ .portfolio-search-results { text-align:center; -webkit-transition: height 0.2s ease-in; transition: height 0.2s ease-in; overflow: hidden;} .portfolio-search-results .slick-next, .portfolio-search-results .slick-prev { top:300px; bottom: auto; background-color: transparent; } .portfolio-search-results .slick-track { min-width: 100%; display: flex; justify-content: center; } .portfolio-search-results .image { height: 0; } .portfolio-search-results .image.transition { -webkit-transition: padding 0.2s ease-in; transition: padding 0.2s ease-in; } .portfolio-search-results .image img { bottom:0; top:auto; } .portfolio-search-results > p { margin-top:30px; } /* Cta */ .portfolio-cta { display: none; text-align: center; line-height: 1.4; margin-bottom: 46px; margin-bottom:20px; } .portfolio-cta.active { display: block; } /* ========================================================================== Footer ========================================================================== */ .footer {background: #e4dcbe; color: #402012; line-height: 1.625; padding: 42px 0; font-weight: 300; clear: both;} .footer .container {background: transparent;} .footer-col {width: 33.3333%; float: left;} /* Menu */ .footer-menu {text-transform: uppercase;} .footer-menu a {display: block; } /* Address */ .footer-contact { width: 27%;} .footer-contact a {display: block;} .footer-contact address {font-style: normal; margin-bottom: 4px;} /* Newsletter */ .footer-newsletter {width: 39.667%;} .footer-newsletter h3 {text-transform: uppercase; font-weight: 300;} .footer-newsletter form {position: relative; max-width: 360px; } .footer-newsletter button {position: absolute; top:0; right: 0; width: 30px; background-image: url('images/icon-arrow.svg'); background-size: 12px 25px; background-repeat: no-repeat; background-position: center center; height: 50px; background-color: transparent;} .footer-newsletter input {background: transparent; font-size: 20px; line-height: 50px; border-bottom: 1px solid #6c5341; width: 100%; height: 50px;} .footer-newsletter ::-webkit-input-placeholder {color: #b3a6a1;} .footer-newsletter :-moz-placeholder {color: #b3a6a1;} .footer-newsletter ::-moz-placeholder {color: #b3a6a1;} .footer-newsletter :-ms-input-placeholder {color: #b3a6a1;} .footer-newsletter.mc4wp-form-success .mc4wp-form-fields {display: none;} .mc4wp-alert {margin-top: 10px;} /* Credit */ .site-credit { margin-top: 24px; font-size: 14px; } /* ========================================================================== Layout : Cookie ========================================================================== */ #moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme { background: #321d0e !important; border: 0 !important; } .moove-gdpr-cookie-notice p, .moove-gdpr-cookie-notice p a { color: #98694c !important; font-size: 16px !important; line-height: 1.4 !important; } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton { background: #e4dcbf !important; color: #321d0e !important; text-transform: uppercase !important; height: auto; } .moove-gdpr-info-bar-container { max-width: 1100px !important; width: 100% !important; margin: auto !important; padding: 14px 50px !important; } .moove-gdpr-info-bar-content, .moove-gdpr-cookie-notice {padding: 0 !important;} /* ========================================================================== Layout : Simon Chase ========================================================================== */ .layout-simon-chase { padding-left: 0; padding-right: 0; color: #e4dbbe; text-align: center; position: relative; background-color: #050402; background: #0b0b09 !important; } .layout-simon-chase > img { width: 100%; height: auto; } .layout-simon-chase article { max-width: 740px; width: 80%; padding: 60px 20px; position: absolute; top:0; left: 0; right: 0; margin: auto;} .layout-simon-chase h2 { font-size: 36px; } .layout-simon-chase h3 { font-size: 22px; margin-bottom: 20px; } /* ========================================================================== News : Simon Chase ========================================================================== */ .page-news-simon-chase .layout-hero article { max-width: 550px; text-align: left; background: none; right: 0; left: auto; } .page-news-simon-chase .layout-hero article h1 { color: #e4dcbe; font-size: 62px; } .page-news-simon-chase .layout-hero article h1:after { content:'(19th April 1944 - 11th March 2019)'; margin-top: 10px; display:block; font-size: 26px;} .page-news-simon-chase .news-archive-heading { display: none; } @media only screen and (max-width : 850px) { .page-news-simon-chase .layout-hero article { position: static; -webkit-transform: none; transform: none; padding-bottom: 0; max-width: none; text-align: center; } .page-news-simon-chase .layout-hero article h1 { font-size: 46px; color: #402113; margin-bottom: 0; } .page-news-simon-chase .layout-hero article h1:after { font-size: 21px; margin-top: 6px; } } .page-news-simon-chase .post-caption { max-width: 540px; background: none; color: #e4dcbe; text-align: left; right: 0; left: auto; } .page-news-simon-chase .post-caption h3 { display: none; } .page-news-simon-chase .post-caption h1:after { content:'(19th April 1944 - 11th March 2019)'; display:block; font-size: 26px;} .page-news-simon-chase .post-caption h1 { color: #e4dcbe; font-size: 62px; } .page-news-simon-chase .post-caption p { display: none; } .page-news-simon-chase .post-caption .read-more { display: none; } .page-news-simon-chase .slick-dots { display: none; } @media only screen and (max-width : 850px) { .page-news-simon-chase .post-caption h1 { font-size: 26px; } .page-news-simon-chase .post-caption h1:after { font-size: 21px; margin-top: 6px; } } /* ========================================================================== Page : Policies ========================================================================== */ .download-date { margin-bottom:10px; } .download-link { text-transform: uppercase; } /* ========================================================================== Popup : Newsletter ========================================================================== */ .boxzilla-container { padding: 10px; } .boxzilla-newsletter, .boxzilla-center-container .boxzilla { text-align: center !important; } .boxzilla-newsletter { padding: 70px 60px 70px 350px !important; width: 100%; text-align: center; } .boxzilla-newsletter:before { content: ''; position: absolute; top:0; bottom: 0; left: 0; width: 290px; background-size: cover; background-position: center center; background-image: url('images/popup/newsletter.jpg'); background-repeat: no-repeat; } .boxzilla-newsletter:after { content: ''; position: absolute; top:0; right: 0; width: 150px; height: 150px; background-size: cover; background-position: center center; background-image: url('images/popup/stripe.png'); background-repeat: no-repeat; z-index: 0; } .boxzilla-newsletter h2 { color: #98694c; font-family: "Chronicle Display A", "Chronicle Display B"; font-size: 36px; } .boxzilla-newsletter p { max-width: 380px; margin-left: auto; margin-right: auto; line-height: 1.26; font-size: 19px; margin-top:10px; text-align: center; font-weight: 300; } .boxzilla-newsletter .mc4wp-form { max-width: 438px; width: 100%; margin: 35px auto auto auto; } .boxzilla-newsletter .mc4wp-form-fields { position: relative; padding-right: 145px; } .boxzilla-newsletter .mc4wp-form input { background: transparent; line-height: 30px; color: #8c7a71; border-bottom: 1px solid #402114; width: 100%; } .boxzilla-newsletter .mc4wp-form button { font-size: 14px; text-align: center; line-height: 30px; letter-spacing: 0.05em; text-transform: uppercase; color: #e4dcbe; width: 125px; position: absolute; top:0; right: 0; background: #98694c; height: 30px; } .boxzilla-newsletter .mc4wp-form button:before { content: 'Subscribe'; } .boxzilla-newsletter .boxzilla-close-icon {padding: 0; width: 50px; height: 50px; line-height: 50px; font-size: 0; background-image: url('images/popup/icon-close.svg'); background-size:20px 20px; background-position: center center; background-repeat: no-repeat; opacity: 1 !important; z-index: 2; } .boxzilla-newsletter .popup-privacy { position: absolute; bottom: 0; line-height: 50px; left: 280px; right: 0; text-align: center; font-size: 14px; text-decoration: none; } /* ========================================================================== Media Queries ========================================================================== */ @media only screen and (max-width : 1080px) { /* Tuck in Menu */ .menu li {padding: 0 5px;} .menu > li > a:before, .menu > li > a:after { display: none; } /* Where to buy and smoke */ .search-container form {margin: 0px;} /* Remove forced lined breaks */ .slideshow-caption br { display: none;} /* Layout : Countdown */ .layout-countdown { padding-top: 54%; } /* Portfolio Search */ .portfolio-search-filter-values { -webkit-columns: 4; -moz-columns: 4; columns: 4; } .brand .portfolio-search-filter-values { -webkit-columns: 3; -moz-columns: 3; columns: 3; } .button-refine-search { right:0; } } @media only screen and (max-width : 980px) { /* Portfolio Search */ .button-refine-search { display: block; position: static; } } @media only screen and (max-width : 900px) { /* Popup : Newsletter : Move image above */ .boxzilla-newsletter:before { bottom: auto; right: 0; height: 180px; width: 100%; } .boxzilla-newsletter { max-width: 400px !important; padding: 230px 30px 40px 30px !important; } .boxzilla-newsletter .boxzilla-close-icon { top:180px; } } @media only screen and (max-width : 850px) { /* Structure */ body {padding-top: 90px;} .container.narrow {padding: 30px;} .desktop {display: none !important;} .mobile {display: block;} .main {margin-bottom: 0;} /* Typography */ .f-15 {font-size: 15px;} .f-16 {font-size: 14px;} .f-17 {font-size: 14px;} .f-18 {font-size: 16px;} .f-20 {font-size: 16px;} .f-22 {font-size: 17px;} .f-24 {font-size: 17px;} .f-28 {font-size: 21px;} .f-32 {font-size: 24px;} .f-36 {font-size: 26px;} .f-40 {font-size: 30px;} .wysiwyg p, .wysiwyg li {font-size: 16px;} .wysiwyg hr {margin: 30px 0;} .wysiwyg h2 {font-size: 23px;} .wysiwyg h2 {font-size: 20px;} .wysiwyg h2.f-36 { font-size: 26px; } /* Forms */ input[type=text], select, button, .button { line-height: 42px; height: 42px; font-size: 18px;} /* Menu */ .menu-container { position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding: 60px 20px; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 1; background: #e4dcbe; max-width: 375px;} .header .menu-container .logo-ems { width: 50px; height: auto; margin: 40px auto auto auto; display: block; position: static; } .show-menu .menu-container { -webkit-transform: translateX(0%); transform: translateX(0%); } .menu {position: static; font-size: 18px; line-height: 50px; width: auto; } .menu li {display: block; padding: 0; } .submenu {height: 0; overflow: hidden; position: static; width: 100%; -webkit-transform: none !important; transform: none !important; padding: 0; opacity: 1; visibility: visible; margin-bottom: 0;} .submenu li {border:0; line-height: 30px;} .open-menu { position: absolute; right: 20px; top: 25px; padding: 0; background: transparent; margin: 0; left: auto; width: 40px; height: 40px; line-height: 40px; display: block; font-size: 0; } .open-menu:before, .open-menu:after {content: ''; position: absolute; top:0; bottom: 0; margin: auto; left: 0; right: 0; width: 26px;} .open-menu:before { height: 20px; border-top: 2px solid #634937; border-bottom: 2px solid #634937;} .open-menu:after { height: 2px; background: #634937; } .close-menu {width: 60px; position: absolute; top:0; right: 0; height: 60px; line-height: 60px; text-align: center; display: block;} /* Logos */ .logo { width: 200px; top:20px; } .header .logo-ems {width: 40px; left: 20px; top:25px;} .logo-habanos { display: none; } /* Header */ .header {height: 90px;} .has-fixed-header .header { -webkit-transform: none; transform:none; } /* Footer */ .footer {text-align: center; padding: 30px 20px 20px 20px ;} .footer-contact, .footer-newsletter, .footer-col {width: 100%; float: none; margin-bottom: 30px;} .footer-newsletter { border-top: 1px solid #6c5341; padding: 10px 0 0 0; } .footer-newsletter h3 { font-size: 18px; letter-spacing: 0.04em;} .footer-newsletter form {width: 100%; margin: auto;} .footer-contact {font-size: 13px;} .footer-contact a {display: inline-block; padding: 0 20px;} .site-credit { font-size: 13px; width: 100%; } /* Where to buy & smoke */ .search-introduction {padding: 20px;} .search-introduction .search-container > p {max-width: 90%;} .search-introduction .locations-key { display: none; } .search-container h1 {line-height: normal; margin-bottom: 20px;} .search-container form {margin: 0;} .search-filter-buy-smoke label:before, .search-filter-buy-smoke label:after {top:5px;} .search-filter-buy-smoke { line-height: 30px; margin: 20px 0;} .search-filter-buy-smoke label {display: inline-block;} .search-filter-buy-smoke p {display: none;} .refine-search-label { line-height: 42px; height: 42px; font-size: 18px; } #bh-sl-submit {position: static;} .bh-sl-form-input {padding-right: 0;} .bh-sl-form-input-group, .bh-sl-form-input-group:nth-child(1),.bh-sl-form-input-group:nth-child(2), .bh-sl-form-input-group:nth-child(3) { margin-bottom: 14px; width: 100%; border-right: 0; } .bh-sl-form-input-group:before {height: 42px; width: 42px; line-height: 42px; } .bh-sl-loading { top:auto; bottom: 120px; right: 0; left: 0; margin: auto; height: 42px; background-size: 30px auto;} .search-results .bh-sl-loading { bottom: 80px;} .search-results .search-container form {margin-bottom: 0;} .search-results .locations-key { display: none; } .search-results #bh-sl-user-location { border-bottom: 1px solid #311c0e; margin-bottom: 20px; } /* Where to buy & smoke : filters */ .search-filters { margin: auto; width: auto; height: auto; } .search-filters-container {position: fixed; top:90px; left: 0; right: 0; bottom: 0; max-width: 375px; overflow: auto; -webkit-overflow-scrolling: touch; height: auto; z-index: 3; -webkit-transform: translateX(-100%); transform: translateX(-100%); margin-left: 0;} .search-filters > label {display: none;} .search-filters .filters {position: absolute; -webkit-transform: none; transform: none; visibility: visible; opacity: 1; padding: 80px 20px 60px 20px; top: 0; bottom: 0; left: 0; right: 0; overflow: auto;overflow: auto; -webkit-overflow-scrolling: touch;} .search-filters .filters li { margin-bottom: 6px; padding-bottom:12px; border-bottom: 1px solid #353433; position: relative;} .search-filters .filters li:last-of-type {border-bottom: 0; margin-bottom: 0;} .filter-description { text-transform: none; display: block; font-size: 14px; padding-right: 20px;} button.apply-filters, button.close-filters { display: block; margin: 0; height: 60px; width: 100%; font-size: 20px; position: absolute; bottom: 0; left: 0; z-index: 2; } button.show-filters { display: inline-block; line-height: 36px; height: 36px; background: #634937; color: #e4dcbe; font-size: 14px; margin: 0 auto 20px auto; background: var(--accent); color: #f1edde; display: block;} button.close-filters { width: 60px; left: auto; right: 0; top: 0; height: 60px; line-height: 60px; padding: 0; } /* State */ .show-filters .search-filters-container {-webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; visibility: visible;} /* Where to buy & smoke : map */ .bh-sl-map-container {position: relative;} .results-map-container:before {padding-bottom: 100%;} /* Where to buy & smoke : locations */ .locations-container {margin: 0;} .location {width: 100%; padding: 0; float: none; margin-bottom: 60px;} .location .location-directions {display: block;} .location-title {padding-right: 140px;} /* Where to buy & smoke : Counties */ .layout-locations { display: block; } .layout-locations .location { display: block; } .layout-counties .grid { grid-template-columns: repeat(3, 1fr); } /* Single Location */ .single-location { grid-template-columns: repeat(1, 1fr); } .single-location .key { margin-bottom: 0; } .location-links-container { position: relative; display: flex; flex-direction: row; } .location-links a { margin-bottom: 4px; } /* News */ .news-archive-heading {margin-bottom: 20px; padding-bottom:24px;} .news-archive-heading .back { bottom: auto; top:4px; } .news-listing {margin: 0;} .news-slideshow { background: #e4dcbe; } .post-slide { background: none !important; } .post-slide:before { display: none; } .post-caption {position: static; -webkit-transform: none; transform: none; background: transparent; padding: 30px 30px 20px 30px;} .post {width: 100%; padding: 0; margin-bottom: 20px;} .news-archive-heading .dropdown label {padding-bottom: 24px;} .dropdown > div {top:50px; max-width: 400px; margin-left: auto; margin-right: auto; } .dropdown label:before {font-size: 10px; top:4px;} /* News : Single */ .news-article-header { flex-direction: column; justify-content: center; padding: 0; } .news-article-header .post-back { display: none; } .news-article-header h1 { text-align: center; } .post-back { margin: 0 auto; line-height: 26px; } .back {bottom: 26px;} .share {padding-top: 50px;} .post-prev span, .post-next span { display: none; } .layout-gallery-container .gallery-item { width: calc(50% - 20px); } /* Slideshow */ .layout-slideshow { background:#e4dcbe; } .slideshow-caption {position: static; -webkit-transform: none; transform: none; background: #e4dcbe; padding: 30px 30px 20px 30px;} .slick-dots {position: static; padding: 0 10px 20px 10px;} .slick-arrow {top:auto; bottom: 0; width: 40px; height: 60px; background-size: 19px auto; } /* Layout : Banner */ .show-caption .banner-title { display: block; } .fullwidth-height .banner { min-height: 250px; } .fullwidth-height .banner img { height: 100%; object-fit:cover;} /* Layout : Text */ .button-toggle-text svg { margin-top:9px;} /* Layout : Hero */ .layout-hero article { width: auto; padding: 30px 30px 20px 30px; position: static; transform: none; background-color: #e4dcbe; } .layout-hero .image { padding-top:100% !important; } .layout-hero.has-mobile-image .image { padding-top:66.4921466% !important; } .video-container {padding-top: 100%;} /* Layout : Banners */ .layout-banners.half_half .banner {width: 100%; float: none;} .layout-banners .image { padding-top: 68.545454545455% !important; } .layout-banners .image img { height: 100%; object-fit: cover; } /* Layout : Page */ .layout-page {padding: 30px; margin-bottom: 0;} /* Layout : Locations */ .section-locations .location {width: auto;} /* Layout : Downloads */ .layout-downloads h3 { font-size: 17px; } /* Layout : Countdown */ .layout-countdown { padding-top: 70%; } .layout-countdown img { top:30px; } .post-event .banner-title { display: block; } /* EMS : Panel */ .ems-logo {display: none;} /* Our Cigars */ .cigar-brand {width: 50%; margin-bottom: 10px; } .cigar-brand .no-image {min-height: 0;} .cigar-brand .no-image.short {min-height: 50px; line-height: 50px;} .cigar-category {margin: 0 -5px;} .cigar-category-heading { margin-bottom: 20px; } .cigar ul { padding: 0 8px; } .cigar-slider {margin-top: -20px;} .cigar-mask { margin: 0 -30px; } .cigar-slider-wrapper { padding: 0 20px; } .cigar-slider-wrapper .swiper-button-prev { left: 20px; } .cigar-slider-wrapper .swiper-button-next { right:20px; } .cigar-slider-wrapper:before { left: 0; } .cigar-slider-wrapper:after { right:0; } .cigar-close { right:20px; } .cigar-share svg, .button-cigar-share svg { margin-top:14px; } /* Events */ .event {width: 50%; float: none; } .event-by-location {min-width: 0; grid-template-columns: repeat(1, 1fr); } .event-caption {position: static; padding: 30px; max-width: none; } .event-calendar td {line-height: 37px;} .event-filter { position: relative; margin-top:-20px; } .event-filter .dropdown {position: static; padding-right: 0;} .event-filter .dropdown > div {left: 0; right: 0; width: auto; -webkit-transform: translateY(-20px); transform: translateY(-20px); top:50px;} .event-filter .dropdown > a:after { position: static; font-size: 8px; margin-left: 6px; margin-top: 1px; vertical-align: middle;} .event-filter .dropdown-calendar > a:after {font-size: 12px; width: 13px; height: 12px; line-height: 12px;} .event-filter .mobile {display: inline;} .no-touchevents .event-filter .dropdown:hover > div { -webkit-transform: translateY(0px); transform: translateY(0px);} .touchevents .event-filter .dropdown.active > div { -webkit-transform: translateY(0px); transform: translateY(0px); } /* Single Event */ .single-event { grid-template-columns: repeat(1, 1fr); } .event-details {margin-bottom: 20px;} .event-details td:first-of-type {width: 50%;} /* Habanon Story */ .story-content {padding: 30px;} .story-intro img { height: 100vw; width: 100%; object-fit: cover; } .story-columns { columns: auto; } .story-columns.is-one-column .story-text { max-width: 100%; } .story-locations { grid-template-columns: repeat(1, 1fr); } .story-content .story-location { margin-bottom:0; } .story-content p:last-child { margin-bottom: 0; } .story-text.no-locations { columns: auto; } .story-close:after {right: 0;} /* Masters */ .master {width: 50%; padding: 0 10px 0px 10px;} .master-text { -webkit-columns: auto; -moz-columns: auto; columns: auto;} .master-detail .master-image { max-width: 50%; padding-right: 0;} .masters-listing-heading { margin-top:-35px; } /* Layout : Simon Chase */ .layout-simon-chase article { position: relative; z-index: 1; } .layout-simon-chase img { margin-top: -40%; } .layout-simon-chase h2 { font-size: 26px; } .layout-simon-chase h3 { font-size: 17px; } /* Portfolio Search */ .portfolio-search-filter-values { -webkit-columns: 3; -moz-columns: 3; columns: 3; } .brand .portfolio-search-filter-values { -webkit-columns: 2; -moz-columns: 2; columns:2; } /* Cookie Banner */ .moove-gdpr-cookie-notice p, .moove-gdpr-cookie-notice p a { font-size: 13px !important;} .moove-gdpr-info-bar-container { padding: 14px 30px !important; } .moove-gdpr-button-holder { margin-left: -4px !important; } } @media only screen and (max-width : 600px) { /* Portfolio Search */ .portfolio-search-filter-values { -webkit-columns: 2; -moz-columns: 2; columns: 2; } .portfolio-search-filter-range { padding-right:0; max-width: 446px; } .portfolio-search-filters { padding-bottom: 40px; } .portfolio-search-header-back { display: none;} .button-portfolio-results-close { right:0; } .portfolio-search-filter-range label { display: none; } .portfolio-search-filter-range .select-wrapper { width: 50%; } } @media only screen and (max-width : 500px) { /* Layout : Simon Chase */ .layout-simon-chase article { width: 100%; } /* Layout : Countdown */ .layout-countdown { padding-top: 100%; } .layout-countdown img { top:20px; } .countdown-caption h1 { line-height: normal; margin-bottom: 10px; } .countdown-caption h2 { font-size: 16px; line-height: normal; } .countdown-caption h3 { font-size: 14px; } .countdown { margin-bottom: 20px; } .countdown span { font-size: 52px; height: 70px; line-height: 34px; } .countdown span:after { font-size: 16px; } /* Layout : Counties */ .layout-counties .grid { grid-template-columns: repeat(2, 1fr); } /* Popup : Newsletter : Make Form full width */ .boxzilla-newsletter h2 { font-size: 28px; } .boxzilla-newsletter .mc4wp-form button { position: static; width: 100%;} .boxzilla-newsletter .mc4wp-form-fields { padding-right: 0; } .boxzilla-newsletter .mc4wp-form input { margin-bottom: 10px; text-align: center; } .boxzilla-newsletter p { font-size: 16px; } .boxzilla-newsletter .popup-privacy { left: 0; } /* Portfolio Search */ .portfolio-search-filters { margin: 40px -10px 20px -10px; } } @media only screen and (max-width : 374px) { /* Header */ .logo-ems {left:16px;} .header .logo-ems {display: none;} .open-menu {right: 10px;} /* Typography */ .f-28 {font-size: 18px;} /* Menu */ .menu-container .logo-ems {display: none;} } /* ========================================================================== Transitions ========================================================================== */ .banner img {-webkit-transition: all 2s cubic-bezier(.77,0,.175,1); transition: all 2s cubic-bezier(.77,0,.175,1);} .submenu, .menu a:before, .menu a:after, .menu a, .event-calendar, .menu-container, .filters-container {-webkit-transition: all 0.5s cubic-bezier(.77,0,.175,1); transition: all 0.5s cubic-bezier(.77,0,.175,1);} .story-mask {-webkit-transition: height 0.5s cubic-bezier(.77,0,.175,1); transition: height 0.5s cubic-bezier(.77,0,.175,1);} .story-mask.no-transition {-webkit-transition: none; transition: none; } .story-intro:after { transition: var(--transition-opacity); } .story-section article {-webkit-transition: all 0.3s cubic-bezier(.77,0,.175,1); transition: all 0.3s cubic-bezier(.77,0,.175,1);} .dropdown, .filters, .dropdown div {-webkit-transition: all 0.3s cubic-bezier(.77,0,.175,1); transition: all 0.3s cubic-bezier(.77,0,.175,1);} .cigar-mask {-webkit-transition: height 0.5s cubic-bezier(.77,0,.175,1); transition: height 0.5s cubic-bezier(.77,0,.175,1);} .cigar-brand .hover {-webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} .cigar {-webkit-transition: transform 0.2s ease-in; transition: transform 0.2s ease-in;} .wysiwyg a:after {-webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;} /* ========================================================================== Cross Browser ========================================================================== */ .browserupgrade {padding: 10px; position: fixed; bottom: 0; left:0; right:0; font-size: 13px; text-align: center; color: #000; background-color: #FFF;} .browserupgrade a {color: #000; text-decoration: underline;} /* ========================================================================== Slick Slider ========================================================================== */ .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;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}.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.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} /* ========================================================================== Fancy Box ========================================================================== */ body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-40px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}.fancybox-share p{margin:0;padding:0}p.fancybox-share__links{margin-right:-10px}.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}} /* Perfect Scrollbar */ /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; padding-right: 16px; } /* * Scrollbar rail styles */ .ps__rail-y { display: none; opacity: 1; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } /* * Scrollbar thumb styles */ .ps__thumb-y { background-color: #402114; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; cursor: pointer; opacity: 0.5; min-height: 100px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } }