/* Partials ================================================ */ * { box-sizing: border-box; } /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, .listing-page.standalone-content h1, .post-overview .intro-content h1, .venues-listings .intro-content h1, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } #wpadminbar { position: fixed; } /* Font stacks ================================================ */ /* Base Typography ================================================ */ html { font-size: 62.5%; } body { font-family: "aktiv-grotesk", sans-serif; font-size: 1.6rem; line-height: 1.4; color: #050505; font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-variant-ligatures: none; } @media screen and (min-width: 1024px) { body { font-size: 1.6rem; } } h1, h2, .listing-page.standalone-content h1, .post-overview .intro-content h1, .venues-listings .intro-content h1, h3, h4, h5 { font-family: "Signifier-Extralight", sans-serif; } .bg, .simple-content.standalone-content h1 { position: relative; left: 1rem; padding-right: 2rem; } .bg .line, .simple-content.standalone-content h1 .line { position: relative; display: inline-block !important; width: auto !important; } .bg .line:before, .simple-content.standalone-content h1 .line:before, .bg .line:after, .simple-content.standalone-content h1 .line:after { content: ""; display: block; position: absolute; top: 0; left: -2rem; width: 2rem; height: 100%; } .bg .line:after, .simple-content.standalone-content h1 .line:after { left: auto; right: -2rem; } .bg .line:first-of-type, .simple-content.standalone-content h1 .line:first-of-type { padding-top: 1rem; } .bg .line:last-of-type, .simple-content.standalone-content h1 .line:last-of-type { padding-bottom: 1rem; } .bg-primary .line, .simple-content.standalone-content h1 .line { background: #050505; color: #FFF; } .bg-primary .line:before, .simple-content.standalone-content h1 .line:before, .bg-primary .line:after, .simple-content.standalone-content h1 .line:after { background: #050505; } .bg-white .line { background: #FFF; } .bg-white .line:before, .bg-white .line:after { background: #FFF; } .bg-grey .line { background: #FFF; } .bg-grey .line:before, .bg-grey .line:after { background: #FFF; } h1 { font-size: 4rem; line-height: 1.3; } @media screen and (max-width: 767px) { h1 { font-size: 4rem; } } h2, .listing-page.standalone-content h1, .post-overview .intro-content h1, .venues-listings .intro-content h1 { font-family: "BureauGrot-CompBold", serif; line-height: 0.8; font-size: 7.5rem; margin: 0; text-transform: uppercase; } @media screen and (max-width: 767px) { h2, .listing-page.standalone-content h1, .post-overview .intro-content h1, .venues-listings .intro-content h1 { font-size: 5rem; line-height: 1; } } h3 { font-size: 2.5rem; } @media screen and (max-width: 767px) { h3 { font-size: 2.5rem; } } h4 { font-size: 2.4rem; } p { line-height: 2; margin-bottom: 2rem; } p:last-of-type { margin-bottom: 0; } p:last-child { margin-bottom: 0; } p:only-child { margin-bottom: 0; } em { font-style: italic; } .orphan { white-space: nowrap; } .body-style a:not(.btn):not(.cc-btn.cc-dismiss):not(.image-credit):not(.image-container) { position: relative; transition: all 0.5s ease-in-out; font-weight: 500; display: inline; text-decoration: underline; text-underline-offset: 5px; } .body-style a:not(.btn):not(.cc-btn.cc-dismiss):not(.image-credit):not(.image-container):hover { text-decoration: none; } .body-style a:not(.btn):not(.cc-btn.cc-dismiss):not(.image-credit):not(.image-container)[target=_blank] { margin-right: 0.4rem; } .body-style a:not(.btn):not(.cc-btn.cc-dismiss):not(.image-credit):not(.image-container)[target=_blank]:after { transition: all 0.5s ease-in-out; content: ""; width: 1.2rem; height: 1.2rem; margin-left: 1rem; color: #000; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; } @media screen and (min-width: 1024px) { .body-style a:not(.btn):not(.cc-btn.cc-dismiss):not(.image-credit):not(.image-container)[target=_blank]:after { width: 1.4rem; height: 1.4rem; } } .body-style .image-credit a { background: none !important; } .body-style .image-credit a:hover { background: none !important; color: inherit !important; } .body-style h1, .body-style h2, .body-style .listing-page.standalone-content h1, .listing-page.standalone-content .body-style h1, .body-style .post-overview .intro-content h1, .post-overview .intro-content .body-style h1, .body-style .venues-listings .intro-content h1, .venues-listings .intro-content .body-style h1, .body-style h3, .body-style h4, .body-style h5 { margin-bottom: 25px; margin-top: 25px; } .body-style h1:first-child, .body-style h2:first-child, .body-style h3:first-child, .body-style h4:first-child, .body-style h5:first-child { margin-top: 0; } .body-style h1:only-child, .body-style h2:only-child, .body-style h3:only-child, .body-style h4:only-child, .body-style h5:only-child { margin-bottom: 0; } .body-style h1 em, .body-style h2 em, .body-style .listing-page.standalone-content h1 em, .listing-page.standalone-content .body-style h1 em, .body-style .post-overview .intro-content h1 em, .post-overview .intro-content .body-style h1 em, .body-style .venues-listings .intro-content h1 em, .venues-listings .intro-content .body-style h1 em, .body-style h3 em, .body-style h4 em, .body-style h5 em { font-style: italic; } .body-style h1 { margin-bottom: 40px; } .body-style h2, .body-style .listing-page.standalone-content h1, .listing-page.standalone-content .body-style h1, .body-style .post-overview .intro-content h1, .post-overview .intro-content .body-style h1, .body-style .venues-listings .intro-content h1, .venues-listings .intro-content .body-style h1 { line-height: 1; } .body-style h2 + h3, .body-style .listing-page.standalone-content h1 + h3, .listing-page.standalone-content .body-style h1 + h3, .body-style .post-overview .intro-content h1 + h3, .post-overview .intro-content .body-style h1 + h3, .body-style .venues-listings .intro-content h1 + h3, .venues-listings .intro-content .body-style h1 + h3 { margin-top: 0; } .body-style p:last-child { margin-bottom: 0; } .body-style ul { display: inline-block; line-height: 1.8; padding-left: 20px; } .body-style ul li { list-style: none; padding-left: 0; position: relative; font-size: inherit; } .body-style ul li:before { content: ""; display: inline-block; height: 5px; width: 5px; border-radius: 50%; background-color: #000; margin-right: 15px; margin-left: -20px; margin-bottom: 2px; } .body-style .table-scroll { margin-top: 3rem; } @media screen and (max-width: 1023px) { .body-style .table-scroll { overflow: auto; margin-right: -2rem; } .body-style .table-scroll table { min-width: 900px; } } .body-style table { width: 100%; border-collapse: collapse; } .body-style td, .body-style th { background: none; border: 1px solid #dddddd; text-align: left; padding: 8px; width: 33%; } .body-style th { background: #FFF; } .body-style hr { border: none; height: 1px; width: 100%; background-color: #b4b4b4; margin: 50px 0; } .body-style p + hr { margin-top: 20px; } strong { font-weight: 500; } .impact-font { font-family: "BureauGrot-CompBold", serif; text-transform: uppercase; } /* Links ================================================ */ a, a:visited { color: inherit; text-decoration: none; } a[href=""] { pointer-events: none; } /* Font Face Imports ================================================ */ @font-face { font-family: "BureauGrot-CompBold"; src: local("BureauGrot-CompBold"), url("../library/fonts/bureaugrot-compbold-webfont.woff") format("woff"); } @font-face { font-family: "Signifier-Extralight"; src: local("Signifier-Extralight.woff"), url("../library/fonts/Signifier-Extralight.woff") format("woff"); } @font-face { font-family: "Signifier-Extralight"; font-style: italic; src: local("Signifier-ExtralightItalic.woff"), url("../library/fonts/Signifier-ExtralightItalic.woff") format("woff"); } @font-face { font-family: "Black Signature"; src: local("blacksignature.woff"), url("../library/fonts/blacksignature.woff") format("woff"); } a.btn, .btn, .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .review-modal .es-button-base-overlay, .cc-btn.cc-dismiss { cursor: pointer; display: flex; flex-direction: row; justify-content: center; align-items: center; transition: all 0.5s ease-in-out; display: inline-flex; font-size: 1.3rem; line-height: 1.4rem; font-weight: 500; background: #e55c00; border: 1px solid #e55c00; color: #faf5eb; border-radius: 5rem; height: 4rem; padding: 0 2rem; gap: 0.3rem; font-family: "aktiv-grotesk", sans-serif; padding-top: 0.1rem; } @media screen and (min-width: 768px) { a.btn, .btn, .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .review-modal .es-button-base-overlay, .cc-btn.cc-dismiss { font-size: 1.4rem; height: 3.6rem; padding: 0 2.2rem; } a.btn:hover, .btn:hover, .form-popup .gform_wrapper #gform_submit_button_2:hover, .form-popup .gform_wrapper #gform_submit_button_3:hover, .form-popup .gform_wrapper #gform_submit_button_5:hover, .form-popup .gform_wrapper #gform_submit_button_7:hover, .form-popup .review-modal .es-button-base-overlay:hover, .cc-btn.cc-dismiss:hover { background: none; color: #e55c00; } } @media screen and (min-width: 1024px) { a.btn, .btn, .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .review-modal .es-button-base-overlay, .cc-btn.cc-dismiss { min-width: 18.9rem; } } a.btn.orange, .btn.orange, .form-popup .gform_wrapper .orange#gform_submit_button_2, .form-popup .gform_wrapper .orange#gform_submit_button_3, .form-popup .gform_wrapper .orange#gform_submit_button_5, .form-popup .gform_wrapper .orange#gform_submit_button_7, .form-popup .review-modal .es-button-base-overlay, .orange.cc-btn.cc-dismiss { background-color: #e55c00; border-color: #e55c00; color: #FFF; } @media screen and (min-width: 768px) { a.btn.orange:hover, .btn.orange:hover, .form-popup .gform_wrapper .orange#gform_submit_button_2:hover, .form-popup .gform_wrapper .orange#gform_submit_button_3:hover, .form-popup .gform_wrapper .orange#gform_submit_button_5:hover, .form-popup .gform_wrapper .orange#gform_submit_button_7:hover, .form-popup .review-modal .es-button-base-overlay:hover, .orange.cc-btn.cc-dismiss:hover { color: #e55c00; background: transparent; } } a.btn.white, .btn.white, .standalone-media.white-text .btn, .form-popup .gform_wrapper .white#gform_submit_button_2, .form-popup .review-modal .standalone-media.white-text .gform_wrapper #gform_submit_button_2.es-button-base-overlay, .standalone-media.white-text .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .standalone-media.white-text #gform_submit_button_2, .form-popup .gform_wrapper .white#gform_submit_button_3, .form-popup .review-modal .standalone-media.white-text .gform_wrapper #gform_submit_button_3.es-button-base-overlay, .standalone-media.white-text .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .standalone-media.white-text #gform_submit_button_3, .form-popup .gform_wrapper .white#gform_submit_button_5, .form-popup .review-modal .standalone-media.white-text .gform_wrapper #gform_submit_button_5.es-button-base-overlay, .standalone-media.white-text .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .standalone-media.white-text #gform_submit_button_5, .form-popup .gform_wrapper .white#gform_submit_button_7, .form-popup .review-modal .standalone-media.white-text .gform_wrapper #gform_submit_button_7.es-button-base-overlay, .standalone-media.white-text .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .standalone-media.white-text #gform_submit_button_7, .form-popup .review-modal .white.es-button-base-overlay, .standalone-media.white-text .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .standalone-media.white-text .es-button-base-overlay, .white.cc-btn.cc-dismiss, .standalone-media.white-text .cc-btn.cc-dismiss { background-color: #FFF; color: #050505; border-color: #FFF; } @media screen and (min-width: 768px) { a.btn.white:hover, .btn.white:hover, .standalone-media.white-text .btn:hover, .form-popup .gform_wrapper .white#gform_submit_button_2:hover, .form-popup .review-modal .standalone-media.white-text .gform_wrapper #gform_submit_button_2.es-button-base-overlay:hover, .standalone-media.white-text .form-popup .gform_wrapper #gform_submit_button_2:hover, .form-popup .gform_wrapper .standalone-media.white-text #gform_submit_button_2:hover, .form-popup .gform_wrapper .white#gform_submit_button_3:hover, .form-popup .review-modal .standalone-media.white-text .gform_wrapper #gform_submit_button_3.es-button-base-overlay:hover, .standalone-media.white-text .form-popup .gform_wrapper #gform_submit_button_3:hover, .form-popup .gform_wrapper .standalone-media.white-text #gform_submit_button_3:hover, .form-popup .gform_wrapper .white#gform_submit_button_5:hover, .form-popup .review-modal .standalone-media.white-text .gform_wrapper #gform_submit_button_5.es-button-base-overlay:hover, .standalone-media.white-text .form-popup .gform_wrapper #gform_submit_button_5:hover, .form-popup .gform_wrapper .standalone-media.white-text #gform_submit_button_5:hover, .form-popup .gform_wrapper .white#gform_submit_button_7:hover, .form-popup .review-modal .standalone-media.white-text .gform_wrapper #gform_submit_button_7.es-button-base-overlay:hover, .standalone-media.white-text .form-popup .gform_wrapper #gform_submit_button_7:hover, .form-popup .gform_wrapper .standalone-media.white-text #gform_submit_button_7:hover, .form-popup .review-modal .white.es-button-base-overlay:hover, .standalone-media.white-text .form-popup .review-modal .es-button-base-overlay:hover, .form-popup .review-modal .standalone-media.white-text .es-button-base-overlay:hover, .white.cc-btn.cc-dismiss:hover, .standalone-media.white-text .cc-btn.cc-dismiss:hover { background-color: transparent; color: #FFF; } } a.btn.white.hollow, .btn.white.hollow, .standalone-media.white-text .btn.hollow, .form-popup .gform_wrapper .white.hollow#gform_submit_button_2, .form-popup .review-modal .standalone-media.white-text .gform_wrapper .hollow#gform_submit_button_2.es-button-base-overlay, .standalone-media.white-text .form-popup .gform_wrapper .hollow#gform_submit_button_2, .form-popup .gform_wrapper .standalone-media.white-text .hollow#gform_submit_button_2, .form-popup .gform_wrapper .white.hollow#gform_submit_button_3, .form-popup .review-modal .standalone-media.white-text .gform_wrapper .hollow#gform_submit_button_3.es-button-base-overlay, .standalone-media.white-text .form-popup .gform_wrapper .hollow#gform_submit_button_3, .form-popup .gform_wrapper .standalone-media.white-text .hollow#gform_submit_button_3, .form-popup .gform_wrapper .white.hollow#gform_submit_button_5, .form-popup .review-modal .standalone-media.white-text .gform_wrapper .hollow#gform_submit_button_5.es-button-base-overlay, .standalone-media.white-text .form-popup .gform_wrapper .hollow#gform_submit_button_5, .form-popup .gform_wrapper .standalone-media.white-text .hollow#gform_submit_button_5, .form-popup .gform_wrapper .white.hollow#gform_submit_button_7, .form-popup .review-modal .standalone-media.white-text .gform_wrapper .hollow#gform_submit_button_7.es-button-base-overlay, .standalone-media.white-text .form-popup .gform_wrapper .hollow#gform_submit_button_7, .form-popup .gform_wrapper .standalone-media.white-text .hollow#gform_submit_button_7, .form-popup .review-modal .white.hollow.es-button-base-overlay, .standalone-media.white-text .form-popup .review-modal .hollow.es-button-base-overlay, .form-popup .review-modal .standalone-media.white-text .hollow.es-button-base-overlay, .white.hollow.cc-btn.cc-dismiss, .standalone-media.white-text .hollow.cc-btn.cc-dismiss { color: #FFF; } @media screen and (min-width: 768px) { a.btn.white.hollow:hover, .btn.white.hollow:hover, .standalone-media.white-text .btn.hollow:hover, .form-popup .gform_wrapper .white.hollow#gform_submit_button_2:hover, .form-popup .review-modal .standalone-media.white-text .gform_wrapper .hollow#gform_submit_button_2.es-button-base-overlay:hover, .standalone-media.white-text .form-popup .gform_wrapper .hollow#gform_submit_button_2:hover, .form-popup .gform_wrapper .standalone-media.white-text .hollow#gform_submit_button_2:hover, .form-popup .gform_wrapper .white.hollow#gform_submit_button_3:hover, .form-popup .review-modal .standalone-media.white-text .gform_wrapper .hollow#gform_submit_button_3.es-button-base-overlay:hover, .standalone-media.white-text .form-popup .gform_wrapper .hollow#gform_submit_button_3:hover, .form-popup .gform_wrapper .standalone-media.white-text .hollow#gform_submit_button_3:hover, .form-popup .gform_wrapper .white.hollow#gform_submit_button_5:hover, .form-popup .review-modal .standalone-media.white-text .gform_wrapper .hollow#gform_submit_button_5.es-button-base-overlay:hover, .standalone-media.white-text .form-popup .gform_wrapper .hollow#gform_submit_button_5:hover, .form-popup .gform_wrapper .standalone-media.white-text .hollow#gform_submit_button_5:hover, .form-popup .gform_wrapper .white.hollow#gform_submit_button_7:hover, .form-popup .review-modal .standalone-media.white-text .gform_wrapper .hollow#gform_submit_button_7.es-button-base-overlay:hover, .standalone-media.white-text .form-popup .gform_wrapper .hollow#gform_submit_button_7:hover, .form-popup .gform_wrapper .standalone-media.white-text .hollow#gform_submit_button_7:hover, .form-popup .review-modal .white.hollow.es-button-base-overlay:hover, .standalone-media.white-text .form-popup .review-modal .hollow.es-button-base-overlay:hover, .form-popup .review-modal .standalone-media.white-text .hollow.es-button-base-overlay:hover, .white.hollow.cc-btn.cc-dismiss:hover, .standalone-media.white-text .hollow.cc-btn.cc-dismiss:hover { background-color: #FFF; color: #050505; } } a.btn.cream, .btn.cream, .form-popup .gform_wrapper .cream#gform_submit_button_2, .form-popup .gform_wrapper .cream#gform_submit_button_3, .form-popup .gform_wrapper .cream#gform_submit_button_5, .form-popup .gform_wrapper .cream#gform_submit_button_7, .form-popup .review-modal .cream.es-button-base-overlay, .cream.cc-btn.cc-dismiss { background-color: #faf5eb; color: #050505; border-color: #faf5eb; } @media screen and (min-width: 768px) { a.btn.cream:hover, .btn.cream:hover, .form-popup .gform_wrapper .cream#gform_submit_button_2:hover, .form-popup .gform_wrapper .cream#gform_submit_button_3:hover, .form-popup .gform_wrapper .cream#gform_submit_button_5:hover, .form-popup .gform_wrapper .cream#gform_submit_button_7:hover, .form-popup .review-modal .cream.es-button-base-overlay:hover, .cream.cc-btn.cc-dismiss:hover { background-color: transparent; color: #faf5eb; } } a.btn.cream.hollow, .btn.cream.hollow, .form-popup .gform_wrapper .cream.hollow#gform_submit_button_2, .form-popup .gform_wrapper .cream.hollow#gform_submit_button_3, .form-popup .gform_wrapper .cream.hollow#gform_submit_button_5, .form-popup .gform_wrapper .cream.hollow#gform_submit_button_7, .form-popup .review-modal .cream.hollow.es-button-base-overlay, .cream.hollow.cc-btn.cc-dismiss { color: #faf5eb; } @media screen and (min-width: 768px) { a.btn.cream.hollow:hover, .btn.cream.hollow:hover, .form-popup .gform_wrapper .cream.hollow#gform_submit_button_2:hover, .form-popup .gform_wrapper .cream.hollow#gform_submit_button_3:hover, .form-popup .gform_wrapper .cream.hollow#gform_submit_button_5:hover, .form-popup .gform_wrapper .cream.hollow#gform_submit_button_7:hover, .form-popup .review-modal .cream.hollow.es-button-base-overlay:hover, .cream.hollow.cc-btn.cc-dismiss:hover { background-color: #faf5eb; color: #050505; } } a.btn.black, .btn.black, .form-popup .gform_wrapper .black#gform_submit_button_2, .form-popup .gform_wrapper .black#gform_submit_button_3, .form-popup .gform_wrapper .black#gform_submit_button_5, .form-popup .gform_wrapper .black#gform_submit_button_7, .form-popup .review-modal .black.es-button-base-overlay, .black.cc-btn.cc-dismiss { background-color: #050505; color: #FFF; border-color: #050505; } @media screen and (min-width: 768px) { a.btn.black:hover, .btn.black:hover, .form-popup .gform_wrapper .black#gform_submit_button_2:hover, .form-popup .gform_wrapper .black#gform_submit_button_3:hover, .form-popup .gform_wrapper .black#gform_submit_button_5:hover, .form-popup .gform_wrapper .black#gform_submit_button_7:hover, .form-popup .review-modal .black.es-button-base-overlay:hover, .black.cc-btn.cc-dismiss:hover { background-color: transparent; color: #050505; } } a.btn.secondary, .btn.secondary, .form-popup .gform_wrapper .secondary#gform_submit_button_2, .form-popup .gform_wrapper .secondary#gform_submit_button_3, .form-popup .gform_wrapper .secondary#gform_submit_button_5, .form-popup .gform_wrapper .secondary#gform_submit_button_7, .form-popup .review-modal .secondary.es-button-base-overlay, .secondary.cc-btn.cc-dismiss { position: relative; background: #e55c00; border-color: #e55c00; padding-right: 5rem; min-width: auto; } a.btn.secondary:before, a.btn.secondary:after, .btn.secondary:before, .form-popup .gform_wrapper .secondary#gform_submit_button_2:before, .form-popup .gform_wrapper .secondary#gform_submit_button_3:before, .form-popup .gform_wrapper .secondary#gform_submit_button_5:before, .form-popup .gform_wrapper .secondary#gform_submit_button_7:before, .form-popup .review-modal .secondary.es-button-base-overlay:before, .secondary.cc-btn.cc-dismiss:before, .btn.secondary:after, .form-popup .gform_wrapper .secondary#gform_submit_button_2:after, .form-popup .gform_wrapper .secondary#gform_submit_button_3:after, .form-popup .gform_wrapper .secondary#gform_submit_button_5:after, .form-popup .gform_wrapper .secondary#gform_submit_button_7:after, .form-popup .review-modal .secondary.es-button-base-overlay:after, .secondary.cc-btn.cc-dismiss:after { transition: all 0.5s ease-in-out; content: ""; display: block; position: absolute; right: 2.5rem; height: 1.4rem; width: 0.2rem; background-color: #FFF; } a.btn.secondary:after, .btn.secondary:after, .form-popup .gform_wrapper .secondary#gform_submit_button_2:after, .form-popup .gform_wrapper .secondary#gform_submit_button_3:after, .form-popup .gform_wrapper .secondary#gform_submit_button_5:after, .form-popup .gform_wrapper .secondary#gform_submit_button_7:after, .form-popup .review-modal .secondary.es-button-base-overlay:after, .secondary.cc-btn.cc-dismiss:after { transform: rotate(90deg); } a.btn.secondary.active, .btn.secondary.active, .form-popup .gform_wrapper .secondary.active#gform_submit_button_2, .form-popup .gform_wrapper .secondary.active#gform_submit_button_3, .form-popup .gform_wrapper .secondary.active#gform_submit_button_5, .form-popup .gform_wrapper .secondary.active#gform_submit_button_7, .form-popup .review-modal .secondary.active.es-button-base-overlay, .secondary.active.cc-btn.cc-dismiss { background: #e55c00; border-color: #e55c00; } a.btn.secondary.active:before, .btn.secondary.active:before, .form-popup .gform_wrapper .secondary.active#gform_submit_button_2:before, .form-popup .gform_wrapper .secondary.active#gform_submit_button_3:before, .form-popup .gform_wrapper .secondary.active#gform_submit_button_5:before, .form-popup .gform_wrapper .secondary.active#gform_submit_button_7:before, .form-popup .review-modal .secondary.active.es-button-base-overlay:before, .secondary.active.cc-btn.cc-dismiss:before { opacity: 0; } @media screen and (min-width: 768px) { a.btn.secondary:hover, .btn.secondary:hover, .form-popup .gform_wrapper .secondary#gform_submit_button_2:hover, .form-popup .gform_wrapper .secondary#gform_submit_button_3:hover, .form-popup .gform_wrapper .secondary#gform_submit_button_5:hover, .form-popup .gform_wrapper .secondary#gform_submit_button_7:hover, .form-popup .review-modal .secondary.es-button-base-overlay:hover, .secondary.cc-btn.cc-dismiss:hover { background: none; } a.btn.secondary:hover:before, a.btn.secondary:hover:after, .btn.secondary:hover:before, .form-popup .gform_wrapper .secondary#gform_submit_button_2:hover:before, .form-popup .gform_wrapper .secondary#gform_submit_button_3:hover:before, .form-popup .gform_wrapper .secondary#gform_submit_button_5:hover:before, .form-popup .gform_wrapper .secondary#gform_submit_button_7:hover:before, .form-popup .review-modal .secondary.es-button-base-overlay:hover:before, .secondary.cc-btn.cc-dismiss:hover:before, .btn.secondary:hover:after, .form-popup .gform_wrapper .secondary#gform_submit_button_2:hover:after, .form-popup .gform_wrapper .secondary#gform_submit_button_3:hover:after, .form-popup .gform_wrapper .secondary#gform_submit_button_5:hover:after, .form-popup .gform_wrapper .secondary#gform_submit_button_7:hover:after, .form-popup .review-modal .secondary.es-button-base-overlay:hover:after, .secondary.cc-btn.cc-dismiss:hover:after { background: #e55c00; } } a.btn.hollow, .btn.hollow, .form-popup .gform_wrapper .hollow#gform_submit_button_2, .form-popup .gform_wrapper .hollow#gform_submit_button_3, .form-popup .gform_wrapper .hollow#gform_submit_button_5, .form-popup .gform_wrapper .hollow#gform_submit_button_7, .form-popup .review-modal .hollow.es-button-base-overlay, .hollow.cc-btn.cc-dismiss { background: none; } @media screen and (min-width: 768px) { a.btn.hollow:hover, .btn.hollow:hover, .form-popup .gform_wrapper .hollow#gform_submit_button_2:hover, .form-popup .gform_wrapper .hollow#gform_submit_button_3:hover, .form-popup .gform_wrapper .hollow#gform_submit_button_5:hover, .form-popup .gform_wrapper .hollow#gform_submit_button_7:hover, .form-popup .review-modal .hollow.es-button-base-overlay:hover, .hollow.cc-btn.cc-dismiss:hover { background: #8DE5C0; color: #050505; } } a.btn.wide, .btn.wide, .form-popup .gform_wrapper .wide#gform_submit_button_2, .form-popup .gform_wrapper .wide#gform_submit_button_3, .form-popup .gform_wrapper .wide#gform_submit_button_5, .form-popup .gform_wrapper .wide#gform_submit_button_7, .form-popup .review-modal .wide.es-button-base-overlay, .wide.cc-btn.cc-dismiss { min-width: 18.9rem; } a.btn.anchor-btn, .btn.anchor-btn, .form-popup .gform_wrapper .anchor-btn#gform_submit_button_2, .form-popup .gform_wrapper .anchor-btn#gform_submit_button_3, .form-popup .gform_wrapper .anchor-btn#gform_submit_button_5, .form-popup .gform_wrapper .anchor-btn#gform_submit_button_7, .form-popup .review-modal .es-button-base-overlay, .anchor-btn.cc-btn.cc-dismiss { gap: 10px; } a.btn.anchor-btn:after, .btn.anchor-btn:after, .form-popup .gform_wrapper .anchor-btn#gform_submit_button_2:after, .form-popup .gform_wrapper .anchor-btn#gform_submit_button_3:after, .form-popup .gform_wrapper .anchor-btn#gform_submit_button_5:after, .form-popup .gform_wrapper .anchor-btn#gform_submit_button_7:after, .form-popup .review-modal .es-button-base-overlay:after, .anchor-btn.cc-btn.cc-dismiss:after { content: ""; display: block; width: 2rem; height: 0.8rem; background: none; -webkit-mask-image: url("data:image/svg+xml;utf8,"); mask-image: url("data:image/svg+xml;utf8,"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; background-color: currentColor; } a.btn[target=_blank]:after, .btn[target=_blank]:after, .form-popup .gform_wrapper [target=_blank]#gform_submit_button_2:after, .form-popup .gform_wrapper [target=_blank]#gform_submit_button_3:after, .form-popup .gform_wrapper [target=_blank]#gform_submit_button_5:after, .form-popup .gform_wrapper [target=_blank]#gform_submit_button_7:after, .form-popup .review-modal [target=_blank].es-button-base-overlay:after, [target=_blank].cc-btn.cc-dismiss:after { transition: all 0.5s ease-in-out; content: ""; width: 1.2rem; height: 1.2rem; margin-left: 0.8rem; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; display: inline-block; } @media screen and (min-width: 1024px) { a.btn[target=_blank]:after, .btn[target=_blank]:after, .form-popup .gform_wrapper [target=_blank]#gform_submit_button_2:after, .form-popup .gform_wrapper [target=_blank]#gform_submit_button_3:after, .form-popup .gform_wrapper [target=_blank]#gform_submit_button_5:after, .form-popup .gform_wrapper [target=_blank]#gform_submit_button_7:after, .form-popup .review-modal [target=_blank].es-button-base-overlay:after, [target=_blank].cc-btn.cc-dismiss:after { width: 1.4rem; height: 1.4rem; } } html { scroll-behavior: smooth; scroll-padding: calc(var(--header-height) + 0rem); } html.overflow-allowed { overflow: auto !important; } html:has(.noscroll) { overflow: hidden !important; } body { padding-top: var(--header-height) !important; } body:before { transition: all 0.5s ease-in-out; content: ""; display: block; position: absolute; position: absolute; top: 0; left: 0; height: 100%; width: 100%; position: fixed; height: 100vh; opacity: 0; top: 0; left: 0; z-index: 5; background-color: rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(0.3rem); backdrop-filter: blur(0.3rem); pointer-events: none; } body.noscroll { overflow: hidden; } body:has(.mega-menu.active):before { opacity: 1; } .wrap { max-width: 1260px; padding: 0 20px; margin: 0 auto; width: 100%; } .gfield--type-honeypot { position: absolute !important; top: -999999px; left: -999999px; visibility: hidden; opacity: 0; pointer-events: none; } .block { position: relative; padding: 50px 0; } .block.large-pd-top { padding-top: 100px; } .block.small-pd-top { padding-top: 25px; } .block.no-pd-top { padding-top: 0; } .block.large-pd-bottom { padding-bottom: 100px; } .block.small-pd-bottom { padding-bottom: 25px; } .block.no-pd-bottom { padding-bottom: 0; } @media only screen and (min-width: 768px) { .block { padding: 100px 0; } .block.large-pd-top { padding-top: 150px; } .block.small-pd-top { padding-top: 50px; } .block.no-pd-top { padding-top: 0; } .block.large-pd-bottom { padding-bottom: 150px; } .block.small-pd-bottom { padding-bottom: 50px; } .block.no-pd-bottom { padding-bottom: 0; } } .breadcrumbs { display: flex; flex-direction: row; justify-content: stretch; align-items: stretch; gap: 1rem; margin-bottom: 3rem; color: #faf5eb; } @media screen and (max-width: 767px) { .breadcrumbs { font-size: 1.2rem; } } .breadcrumbs a { background: none !important; padding: 0 !important; text-underline-offset: 5px; } .breadcrumbs a:hover { text-decoration: underline; text-decoration-color: #e55c00; } .breadcrumbs .bullet { color: #e55c00; } a.image-credit, .image-credit { position: absolute; z-index: 5; color: #050505; padding: 0.8rem 4rem; white-space: nowrap; color: #FFF; transform: rotate(-90deg); transform-origin: left; padding: 0; left: 2rem; bottom: 1rem; font-size: 1.2rem; z-index: 99; } @media screen and (max-width: 767px) { a.image-credit, .image-credit { font-size: 1rem; } } a.image-credit a, .image-credit a { text-decoration: none !important; } a.image-credit a:hover, .image-credit a:hover { text-decoration: none !important; } a.image-credit:hover, .image-credit:hover { text-decoration: none; } body:has(.mega-menu.active) .image-credit { opacity: 0; } .condensed-image-credit, a.condensed-image-credit { position: absolute; bottom: 0.5rem; right: 0.8rem; z-index: 2; color: #FFF; font-size: 1.6rem; line-height: 1.6rem; } :root { --frame-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.85 41.027'%3E%3Cpath data-name='Path 5777' d='M0-.005h40.85L10.055 10.056 0 41.027V-.005Z' fill='%23fff'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 41.027 40.85'%3E%3Cpath data-name='Path 5778' d='M41.027.003v40.85L30.971 10.058 0 .003h41.027Z' fill='%23fff'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 41.027 40.85'%3E%3Cpath data-name='Path 5780' d='M0 40.85V0l10.055 30.795L41.027 40.85H0Z' fill='%23fff'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.851 41.026'%3E%3Cpath data-name='Path 5779' d='M40.851 41.026H0l30.795-10.055L40.851 0v41.026Z' fill='%23fff'/%3E%3C/svg%3E"); --frame-black: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.85 41.027'%3E%3Cpath data-name='Path 5777' d='M0-.005h40.85L10.055 10.056 0 41.027V-.005Z' fill='%23000'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 41.027 40.85'%3E%3Cpath data-name='Path 5778' d='M41.027.003v40.85L30.971 10.058 0 .003h41.027Z' fill='%23000'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 41.027 40.85'%3E%3Cpath data-name='Path 5780' d='M0 40.85V0l10.055 30.795L41.027 40.85H0Z' fill='%23000'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.851 41.026'%3E%3Cpath data-name='Path 5779' d='M40.851 41.026H0l30.795-10.055L40.851 0v41.026Z' fill='%23000'/%3E%3C/svg%3E"); --frame-position: top left,top right,bottom left,bottom right ; } .fancybox__container { --fancybox-bg: none!important; background: rgba(25, 25, 25, 0.95); } .cc-banner { font-family: "aktiv-grotesk", sans-serif !important; border-radius: 0 !important; } .cc-message { font-family: "aktiv-grotesk", sans-serif !important; } .cc-floating.cc-theme-classic { border-radius: 0 !important; } .cc-link { opacity: 1 !important; padding: 0 !important; } .cc-btn.cc-dismiss { border: 1px solid #8DE5C0 !important; display: flex; flex-direction: row; justify-content: center; align-items: center; display: inline-flex !important; transition: all 0.5s ease-in-out; display: inline-flex; font-weight: 500 !important; background: #8DE5C0; border: 1px solid #8DE5C0; border-radius: 0.8rem !important; color: #050505; gap: 0.3rem; font-family: "aktiv-grotesk", sans-serif; font-size: 1.2rem; line-height: 1.2rem; height: 4rem; padding: 0 3rem; } @media screen and (min-width: 768px) { .cc-btn.cc-dismiss { font-size: 1.5rem; height: 5.3rem; padding: 0 4rem; } } .cc-btn.cc-dismiss:hover { background: none !important; color: #FFF; } .grecaptcha-badge { display: none !important; opacity: 0 !important; pointer-events: none; visibility: hidden; } .animate.fadeinright { opacity: 0; } .animate.fadeinright.animateelement { animation: fadeInRight 0.5s forwards ease-in-out; } .animate.fadein { opacity: 0; } .animate.fadein.animateelement { animation: fadeIn 0.5s forwards ease-in-out; } .animate.fadeinup { opacity: 0; } .animate.fadeinup.animateelement { animation: fadeInUp 0.5s forwards ease-in-out; } @media only screen and (min-width: 768px) { .animate.delay { animation-delay: 0.5s !important; } .animate.lg-delay { animation-delay: 0.75s !important; } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(-20px); } 100% { transform: translateX(0px); opacity: 1; } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { transform: translateY(0px); opacity: 1; } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { transform: translateY(0px); opacity: 1; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } img, a { display: block; } img { -o-object-fit: cover; object-fit: cover; -o-object-position: var(--mobile_horizontal_position) var(--mobile_vertical_position); object-position: var(--mobile_horizontal_position) var(--mobile_vertical_position); } @media screen and (min-width: 1024px) { img { -o-object-position: var(--desktop_horizontal_position) var(--desktop_vertical_position); object-position: var(--desktop_horizontal_position) var(--desktop_vertical_position); } } /* Blog image styling ================================================ */ img.alignright, img.alignleft, img.aligncenter, img.alignnone { display: block; max-width: 100%; height: auto; } img.alignright { margin: 1em 0; } img.alignleft { margin: 1em 0; } img.alignnone { margin: 1em 0; } img.aligncenter { display: block; margin: 1em; } a img.alignright { float: right; margin: 0 0 1em 1em; } a img.alignleft { float: left; margin: 0 1em 1em 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 768px) { img.alignright { float: right; margin: 0 0 1em 1em; } img.alignleft { float: left; margin: 0 1em 1em 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } a img.alignright { float: right; margin: 0 0 1em 1em; } a img.alignleft { float: left; margin: 0 1em 1em 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .section { padding: 65px 0; } } /* Third Party Payload ================================================ */ /* Layout ================================================ */ header { transition: all 0.5s ease-in-out; transition-delay: 0s; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; background: #FFF; z-index: 999; } @media screen and (max-width: 1023px) { header:before { content: ""; display: block; position: absolute; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #FFF; z-index: 5; } } header .wrap { position: relative; } @media screen and (max-width: 1023px) { header .wrap { overflow: hidden; } } header .lower-row { font-weight: 500; } header .lower-row .wrap { transition: all 0.5s ease-in-out; padding-top: 2rem; padding-bottom: 2rem; display: flex; flex-direction: row; justify-content: stretch; align-items: center; } @media screen and (max-width: 1023px) { header .lower-row .wrap { padding-top: 1.5rem; padding-bottom: 1.5rem; } } header .logo { transition: all 0.5s ease-in-out; position: relative; z-index: 5; width: 14rem; margin-right: auto; flex-shrink: 0; overflow: visible; } @media screen and (max-height: 700px) and (min-width: 1024px) { header .logo { width: 12.4rem; } } @media screen and (max-width: 1023px) { header .logo { position: relative; overflow: visible; width: 12rem; margin-right: 2rem; } } @media screen and (max-height: 650px) and (max-width: 767px) { header .logo { width: 10rem; } } header .logo svg { overflow: visible; width: 100%; height: auto; } @media screen and (max-width: 1023px) { header .logo svg { width: 12rem; flex-shrink: 0; } } @media screen and (max-width: 1023px) and (max-height: 650px) and (max-width: 767px) { header .logo svg { width: 10rem; } } @media screen and (max-width: 1023px) { header .logo svg .logo-dot { transition: 0.5s 0.5s ease-in-out; } header .logo svg path:not(.logo-a):not(.logo-dot) { transition: 0.5s 0s ease-in-out; } } header .btn:not(li), header .form-popup .gform_wrapper #gform_submit_button_2:not(li), .form-popup .gform_wrapper header #gform_submit_button_2:not(li), header .form-popup .gform_wrapper #gform_submit_button_3:not(li), .form-popup .gform_wrapper header #gform_submit_button_3:not(li), header .form-popup .gform_wrapper #gform_submit_button_5:not(li), .form-popup .gform_wrapper header #gform_submit_button_5:not(li), header .form-popup .gform_wrapper #gform_submit_button_7:not(li), .form-popup .gform_wrapper header #gform_submit_button_7:not(li), header .form-popup .review-modal .es-button-base-overlay:not(li), .form-popup .review-modal header .es-button-base-overlay:not(li), header .cc-btn.cc-dismiss:not(li) { min-width: 14rem; padding-left: 0; padding-right: 0; } @media screen and (max-width: 1023px) { header .btn:not(li), header .form-popup .gform_wrapper #gform_submit_button_2:not(li), .form-popup .gform_wrapper header #gform_submit_button_2:not(li), header .form-popup .gform_wrapper #gform_submit_button_3:not(li), .form-popup .gform_wrapper header #gform_submit_button_3:not(li), header .form-popup .gform_wrapper #gform_submit_button_5:not(li), .form-popup .gform_wrapper header #gform_submit_button_5:not(li), header .form-popup .gform_wrapper #gform_submit_button_7:not(li), .form-popup .gform_wrapper header #gform_submit_button_7:not(li), header .form-popup .review-modal .es-button-base-overlay:not(li), .form-popup .review-modal header .es-button-base-overlay:not(li), header .cc-btn.cc-dismiss:not(li) { display: none; } } header.headerscrolled:has(.snackbar) { transform: translateY(-4.8rem); } @media screen and (max-width: 1023px) { header.headerscrolled .logo { width: 2.7rem; margin-right: 0rem; } header.headerscrolled path:not(.logo-a):not(.logo-dot) { transform: translateX(-100%); } header.headerscrolled .logo-dot { fill: #e55c00; } } .menu-toggle { transition: all 0.5s ease-in-out; display: flex; align-items: center; width: 33px; height: 33px; position: absolute; right: 2rem; z-index: 5; cursor: pointer; display: none; } @media screen and (min-width: 1024px) { .menu-toggle { display: none; } } .menu-toggle * { transition: 0.25s ease-in-out; } .menu-toggle span { background: #000; display: block; } .menu-toggle .hamburger { display: flex; flex-direction: column; justify-content: center; gap: 0.5rem; position: absolute; height: 100%; width: 100%; top: 0px; left: 0; } .menu-toggle .hamburger span { width: 100%; height: 3px; position: relative; width: 60%; margin-left: auto; border-radius: 10rem; } .menu-toggle .hamburger span:nth-child(1) { width: 70%; transition-delay: 0.5s; } .menu-toggle .hamburger span:nth-child(3) { transition-delay: 0.625s; } .menu-toggle .hamburger span:nth-child(2) { width: 100%; transition-delay: 0.75s; } .menu-toggle .cross { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; height: 100%; width: 100%; transform: rotate(45deg); } .menu-toggle .cross span:nth-child(1) { height: 0%; width: 3px; position: absolute; transition-delay: 0s; } .menu-toggle .cross span:nth-child(2) { width: 0%; height: 3px; position: absolute; transition-delay: 0.25s; } .menu-toggle.active .hamburger span { width: 0%; } .menu-toggle.active .hamburger span:nth-child(1) { transition-delay: 0s; } .menu-toggle.active .hamburger span:nth-child(2) { transition-delay: 0.125s; } .menu-toggle.active .hamburger span:nth-child(3) { transition-delay: 0.25s; } .menu-toggle.active .hamburger span:not(:first-of-type) { width: 0%; } .menu-toggle.active .cross span:nth-child(1) { height: 100%; transition-delay: 0.625s; } .menu-toggle.active .cross span:nth-child(2) { width: 100%; transition-delay: 0.375s; } @media screen and (max-width: 767px) { header.headerscrolled nav { margin-left: 0rem; padding-left: 1rem; } } header nav { transition: all 0.5s ease-in-out; position: relative; z-index: 5; display: flex; flex-direction: row; justify-content: stretch; align-items: center; } @media screen and (max-width: 767px) { header nav { overflow-x: auto; overflow-y: hidden; margin-right: -2rem; padding-left: 2rem; padding-right: 2rem; scrollbar-width: none; -ms-overflow-style: none; } header nav::-webkit-scrollbar { display: none; } } @media screen and (min-width: 1024px) { header nav { position: absolute; top: 50%; right: -5rem; opacity: 1; right: auto; left: 50%; transform: translate(-50%, -50%); } } header nav ul { display: flex; flex-direction: row; justify-content: stretch; align-items: center; gap: 4.5rem; flex-shrink: 0; } @media screen and (max-width: 767px) { header nav ul { gap: 2rem; font-size: 1.4rem; } } @media screen and (max-width: 1023px) { header nav li.btn.orange, header nav .form-popup .gform_wrapper li.orange#gform_submit_button_2, .form-popup .gform_wrapper header nav li.orange#gform_submit_button_2, header nav .form-popup .gform_wrapper li.orange#gform_submit_button_3, .form-popup .gform_wrapper header nav li.orange#gform_submit_button_3, header nav .form-popup .gform_wrapper li.orange#gform_submit_button_5, .form-popup .gform_wrapper header nav li.orange#gform_submit_button_5, header nav .form-popup .gform_wrapper li.orange#gform_submit_button_7, .form-popup .gform_wrapper header nav li.orange#gform_submit_button_7, header nav .form-popup .review-modal li.es-button-base-overlay, .form-popup .review-modal header nav li.es-button-base-overlay, header nav li.orange.cc-btn.cc-dismiss { font-size: inherit; background-color: transparent; color: #e55c00; font-weight: 500; min-width: auto; border: none; padding: 0; text-underline-offset: 0.4rem; text-decoration: underline; } } @media screen and (min-width: 1024px) { header nav li.btn.orange, header nav .form-popup .gform_wrapper li.orange#gform_submit_button_2, .form-popup .gform_wrapper header nav li.orange#gform_submit_button_2, header nav .form-popup .gform_wrapper li.orange#gform_submit_button_3, .form-popup .gform_wrapper header nav li.orange#gform_submit_button_3, header nav .form-popup .gform_wrapper li.orange#gform_submit_button_5, .form-popup .gform_wrapper header nav li.orange#gform_submit_button_5, header nav .form-popup .gform_wrapper li.orange#gform_submit_button_7, .form-popup .gform_wrapper header nav li.orange#gform_submit_button_7, header nav .form-popup .review-modal li.es-button-base-overlay, .form-popup .review-modal header nav li.es-button-base-overlay, header nav li.orange.cc-btn.cc-dismiss { display: none; } } header nav li:not(.btn):not(.cc-btn.cc-dismiss) a:not(.btn):not(.cc-btn.cc-dismiss) { transition: 0.15s 0s ease-in-out; } header nav li:not(.btn):not(.cc-btn.cc-dismiss).current_page_item > a:not(.btn):not(.cc-btn.cc-dismiss), header nav li:not(.btn):not(.cc-btn.cc-dismiss):hover > a:not(.btn):not(.cc-btn.cc-dismiss) { text-underline-offset: 0.5rem; text-decoration: underline; } header nav li.menu-item-has-children { position: relative; } @media screen and (min-width: 1024px) { header nav li.menu-item-has-children:after { position: absolute; top: 100%; content: ""; width: 100%; height: 4rem; } header nav li.menu-item-has-children > .sub-menu { position: absolute; } header nav li.menu-item-has-children:hover > .sub-menu { pointer-events: auto; opacity: 1; } } header nav .sub-menu { display: none; } @media screen and (min-width: 1024px) { header nav .sub-menu { transition: all 0.5s ease-in-out; display: block; border-radius: 1rem; padding: 3rem 3rem 2rem 3rem; background: #FFF; font-size: 13px; font-weight: 400; z-index: 20; opacity: 0; min-width: 40rem; -moz-column-count: 2; column-count: 2; left: -1.8rem; top: 100%; pointer-events: none; } header nav .sub-menu li { width: 100%; position: relative; padding: 1rem; white-space: nowrap; } header nav .sub-menu li a { position: relative; text-decoration: none !important; } header nav .sub-menu li a:hover { text-decoration: none; color: #e55c00; } header nav .sub-menu li a:after { content: none; } } header nav .social { display: none; } header nav .mega-menu-trigger { margin-right: -4.5rem; padding-right: 4.5rem; } @media screen and (min-width: 1024px) { header nav .mega-menu-trigger:after { content: ""; display: block; position: absolute; left: -5rem; top: 100%; height: 50px; width: 50rem; pointer-events: none; } } header nav .mega-menu-trigger.active:after { pointer-events: auto; } header nav .mega-menu-trigger, header nav .menu-item-has-children { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; } header nav .mega-menu-trigger:before, header nav .menu-item-has-children:before { transition: 0.15s 0s color ease-in-out, 0.25s 0s transform ease-in-out; content: ""; display: block; position: absolute; position: static; height: 0.8rem; width: 1.5rem; margin-right: 1rem; background-color: #050505; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.929' height='9.025' viewBox='0 0 15.929 9.025'%3E%3Cpath d='M485.361,239.565,492.8,247l7.434-7.434' transform='translate(-484.831%20-239.035)' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E"); mask-size: contain; mask-repeat: no-repeat; mask-position: center; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.929' height='9.025' viewBox='0 0 15.929 9.025'%3E%3Cpath d='M485.361,239.565,492.8,247l7.434-7.434' transform='translate(-484.831%20-239.035)' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E"); -webkit-mask-size: contain; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; } header nav .mega-menu-trigger.active, header nav .menu-item-has-children.active { color: #e55c00; } header nav .mega-menu-trigger.active:before, header nav .menu-item-has-children.active:before { background-color: #e55c00; transform: rotate(-180deg); } header nav .mega-menu-trigger > a, header nav .menu-item-has-children > a { position: relative; } @media screen and (max-width: 1023px) { header nav .mega-menu-trigger > a, header nav .menu-item-has-children > a { pointer-events: none; } } header nav .mega-menu-trigger > a:before, header nav .menu-item-has-children > a:before { content: ""; display: block; position: absolute; top: 100%; left: 0; width: 100%; height: 3rem; } header nav .mega-menu-trigger:hover > a, header nav .menu-item-has-children:hover > a { text-decoration: none !important; } footer { background: #FFF; padding: 4rem 0 5rem; } @media screen and (min-width: 1024px) { footer { padding: 9rem 0; } } footer .columns { display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem 0; } @media screen and (min-width: 1024px) { footer .columns { display: grid; grid-template-columns: repeat(12, 1fr); gap: 3rem 0; align-items: stretch; } } footer .left-col { display: flex; flex-direction: column; justify-content: stretch; align-items: stretch; grid-column: span 6; grid-row: span 2; } @media screen and (max-width: 1023px) { footer .left-col { display: contents; } } footer h3 { line-height: 1.2; margin-bottom: auto; letter-spacing: -0.2; } @media screen and (max-width: 1023px) { footer h3 { grid-column: span 2; text-align: center; margin-bottom: 0; } } footer p { font-weight: 500; font-size: 1.4rem; line-height: 1.4; } @media screen and (max-width: 1023px) { footer p { font-size: 1.2rem; } } footer .left-lower { display: flex; flex-direction: row; justify-content: stretch; align-items: stretch; } @media screen and (max-width: 1023px) { footer .left-lower { flex-wrap: wrap; justify-content: center; grid-column: span 2; grid-row: 6; text-align: center; gap: 1rem 1rem; } } footer .left-lower .footer-left-menu { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; padding: 0; margin: 0; gap: 0; width: auto; } @media screen and (max-width: 1023px) { footer .left-lower .footer-left-menu { display: contents; } } footer .left-lower .footer-left-menu li { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; gap: 0 1rem; margin-left: 1rem; } @media screen and (max-width: 1023px) { footer .left-lower .footer-left-menu li { margin-left: 0; } } footer .left-lower .footer-left-menu li:first-of-type:before { content: "|"; } footer .left-lower .footer-left-menu li:not(:last-of-type):after { content: "|"; } @media screen and (max-width: 1023px) { footer .left-lower .footer-left-menu li:nth-of-type(2):after { display: none; } } footer .left-lower .copyright { font-weight: 500; font-size: 1.4rem; } @media screen and (max-width: 1023px) { footer .left-lower .copyright { font-size: 1.2rem; text-align: center; } } footer .logo { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-bottom: 2.2rem; } footer .logo img { max-width: 28rem; } @media screen and (max-width: 1023px) { footer .logo { grid-column: span 2; margin: 0 auto 0 auto; } } footer .address { font-size: 1.3rem; margin-bottom: 4rem; grid-column: 7/10; } @media screen and (min-width: 1280px) { footer .address { grid-column: 8/10; } } footer .address p { line-height: 2.2; } @media screen and (max-width: 1023px) { footer .address { grid-column: span 2; text-align: center; grid-row: 5; max-width: 90%; margin: 0 auto; } footer .address br { display: none; } footer .address span { display: inline-block; width: 1ch; } } footer .social { grid-column: 10/-1; display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-start; gap: 1rem; } @media screen and (max-width: 1023px) { footer .social { grid-column: span 2; grid-row: 3; justify-content: center; } } footer .social a { max-width: 3.6rem; width: 100%; overflow: visible; transition: all 0.5s ease-in-out; } footer .social a path, footer .social a polygon { transition: 0.15s 0s ease-in-out; } footer .social a:hover path, footer .social a:hover polygon { fill: #e55c00; } footer .social svg { display: block; width: 100%; height: auto; } footer .footer-nav, footer .footer-left-menu { font-size: 1.2rem; font-weight: 500; display: flex; flex-direction: column; justify-content: center; align-items: center; flex-wrap: wrap; gap: 1rem; width: 100%; margin-top: 2rem; } @media screen and (max-width: 1023px) { footer .footer-nav, footer .footer-left-menu { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem 0; grid-auto-flow: column; grid-template-rows: repeat(3, auto); grid-auto-columns: 1fr; margin-left: auto; margin-right: auto; grid-column: span 2; width: 100%; max-width: 40rem; justify-content: start; margin: 0; text-align: center; margin: 2rem auto; } } @media screen and (min-width: 1024px) { footer .footer-nav, footer .footer-left-menu { font-size: 1.4rem; margin-top: 0; grid-column: 2/4; padding-left: 20rem; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; } } footer .footer-nav a, footer .footer-left-menu a { transition: all 0.5s ease-in-out; } footer .footer-nav a:hover, footer .footer-left-menu a:hover { text-underline-offset: 0.5rem; text-decoration: underline; } footer .footer-nav a[target=_blank]:after, footer .footer-left-menu a[target=_blank]:after { content: ""; width: 1.2rem; height: 1.2rem; margin-left: 0.8rem; margin-bottom: -0.1rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; } @media screen and (min-width: 1024px) { footer .footer-nav a[target=_blank]:after, footer .footer-left-menu a[target=_blank]:after { width: 1.4rem; height: 1.4rem; } } @media screen and (min-width: 1024px) { footer .footer-nav { padding: 0; grid-column: 7/-1; } } @media screen and (min-width: 1024px) and (min-width: 1280px) { footer .footer-nav { grid-column: 8/-1; } } /* Components Payload ================================================ */ .snackbar { position: relative; z-index: 5; color: #FFF; width: 100%; background: #050505; font-size: 1.4rem; padding: 1.5rem 0; height: 4.8rem; } @media screen and (min-width: 1024px) { .snackbar { font-size: 1.4rem; } } .snackbar .inner { display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; gap: 5rem; } .snackbar a:hover { text-underline-offset: 0.5rem; text-decoration: underline; } .mega-menu { transition: all 0.5s ease-in-out; position: fixed; top: var(--header-height); max-height: calc(100dvh - 2rem); padding: 1.5rem 2.3rem 3rem 2.3rem; background-color: #FFF; overflow-y: auto; overflow-x: hidden; z-index: 999; border-radius: 0 0 1rem 1rem; opacity: 0; pointer-events: none; min-width: 53rem; transform: none; opacity: 0; min-width: auto; } .mega-menu .close { display: none; } @media screen and (max-width: 767px) { .mega-menu { position: fixed; left: 0; max-height: calc(100dvh - 12.2rem); width: 100vw; max-width: none; max-height: none; border-radius: 0; padding: 1rem 2rem 3rem 2rem; transform: none; } } @media screen and (min-width: 768px) and (max-width: 1279px) { .mega-menu { left: 50%; transform: translateX(-50%); min-width: 55rem; } } @media screen and (max-height: 650px) and (max-width: 767px) { .mega-menu { padding-top: 1rem; padding-bottom: 3rem; } } .mega-menu.active { pointer-events: auto; opacity: 1; } .mega-menu.active .inner-menu.active { pointer-events: auto; } .mega-menu a { transition: 0.2s 0s ease-in-out; } @media screen and (min-width: 768px) { .mega-menu a:hover { color: #e55c00; } } .mega-menu .tabs { display: flex; flex-direction: row; justify-content: stretch; align-items: stretch; gap: 2.5rem; margin-bottom: 3rem; font-weight: 500; } @media screen and (max-width: 767px) { .mega-menu .tabs { margin-bottom: 3rem; gap: 2rem; } } @media screen and (max-width: 767px) and (max-width: 375px) { .mega-menu .tabs { gap: 1.5rem; } } @media screen and (max-height: 650px) and (max-width: 767px) { .mega-menu .tabs { margin-bottom: 2rem; } } .mega-menu .tabs .tab { display: flex; flex-direction: row; justify-content: center; align-items: center; cursor: pointer; transition: 0.2s 0s ease-in-out; line-height: 1; opacity: 0.3; gap: 1.15rem; font-size: 1.4rem; } .mega-menu .tabs .tab .show-mobile { display: none; } .mega-menu .tabs .tab .hide-mob { display: contents; } @media screen and (max-width: 767px) { .mega-menu .tabs .tab { font-size: 1.3rem; gap: 0.5rem; } .mega-menu .tabs .tab .hide-mob { display: none; } .mega-menu .tabs .tab .show-mobile { display: contents; } } .mega-menu .tabs .tab svg { transition: 0.2s 0s ease-in-out; transform: rotate(-90deg); width: 1.5rem; height: 0.8rem; flex-shrink: 0; } .mega-menu .tabs .tab svg path { transition: 0.2s 0s ease-in-out; } .mega-menu .tabs .tab.active:not(.venues-link) { opacity: 1; color: #e55c00; } .mega-menu .tabs .tab.active:not(.venues-link) svg { transform: rotate(0deg); } .mega-menu .tabs .tab.active:not(.venues-link) svg path { stroke: #e55c00; } .mega-menu .tabs .tab:hover { opacity: 1; color: #e55c00; } .mega-menu .tabs .tab:hover svg path { stroke: #e55c00; } .mega-menu .tabs .btn, .mega-menu .tabs .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .mega-menu .tabs #gform_submit_button_2, .mega-menu .tabs .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .mega-menu .tabs #gform_submit_button_3, .mega-menu .tabs .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .mega-menu .tabs #gform_submit_button_5, .mega-menu .tabs .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .mega-menu .tabs #gform_submit_button_7, .mega-menu .tabs .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .mega-menu .tabs .es-button-base-overlay, .mega-menu .tabs .cc-btn.cc-dismiss { margin-left: auto; min-width: auto; } @media screen and (min-width: 768px) { .mega-menu .tabs .btn, .mega-menu .tabs .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .mega-menu .tabs #gform_submit_button_2, .mega-menu .tabs .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .mega-menu .tabs #gform_submit_button_3, .mega-menu .tabs .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .mega-menu .tabs #gform_submit_button_5, .mega-menu .tabs .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .mega-menu .tabs #gform_submit_button_7, .mega-menu .tabs .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .mega-menu .tabs .es-button-base-overlay, .mega-menu .tabs .cc-btn.cc-dismiss { font-size: 1.4rem; } } .mega-menu .inner-menu { display: none; width: 100%; pointer-events: none; grid-template-columns: repeat(2, 1fr); grid-gap: 1.5rem 5.6em; padding: 0 2.5rem; } @media screen and (max-width: 767px) { .mega-menu .inner-menu { padding: 0; grid-gap: 2.25rem 2rem; } } @media screen and (max-height: 650px) and (max-width: 767px) { .mega-menu .inner-menu { grid-gap: 1.3rem 2rem; } } .mega-menu .inner-menu.type-menu, .mega-menu .inner-menu.location-menu { grid-auto-flow: column; grid-template-rows: repeat(11, 1fr); grid-auto-columns: 1fr; } @media screen and (max-width: 767px) { .mega-menu .inner-menu.type-menu, .mega-menu .inner-menu.location-menu { max-width: 35rem; grid-auto-columns: 1fr; grid-gap: 2.25rem 1rem; } } @media screen and (min-width: 768px) { .mega-menu .inner-menu.type-menu, .mega-menu .inner-menu.location-menu { grid-gap: 2rem 5.6em; } } .mega-menu .inner-menu.type-menu a, .mega-menu .inner-menu.location-menu a { line-height: 1.2; } .mega-menu .inner-menu.location-menu { grid-template-rows: repeat(7, auto); } .mega-menu .inner-menu li { opacity: 0; } .mega-menu .inner-menu a { transition: 0.2s 0s ease-in-out; opacity: 0; font-weight: 400; font-size: 1.4rem; } @media screen and (max-width: 767px) { .mega-menu .inner-menu a { font-size: 1.4rem; } } .mega-menu .inner-menu a em { font-family: "Signifier-Extralight", sans-serif; display: block; } .mega-menu .inner-menu.active { display: grid; } .mega-menu .inner-menu.active a { opacity: 1; } @media screen and (max-width: 767px) { body:has(.headerscrolled) .mega-menu { top: var(--header-height); max-height: calc(100dvh - var(--header-height)); } } .small-card { transition: all 0.5s ease-in-out; overflow: hidden; background: #FFF; border-radius: 1.2rem; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); } @media screen and (min-width: 1024px) { .small-card { flex: 1; } } .small-card .image-container { position: relative; overflow: hidden; height: 22rem; } .small-card img { transition: all 2s ease-in-out; height: 100%; width: 100%; } .small-card .content { transition: all 0.5s ease-in-out; padding: 2rem; text-align: center; } .small-card .content h3 { margin-bottom: 2rem; } .small-card .content h3 em { display: block; } .small-card .content h4 { line-height: 1.2; } .small-card .content h4 em { display: block; } .small-card .sub-text { min-height: auto; margin: 0; font-size: 1.8rem; } .small-card p.cta { transition: all 0.5s ease-in-out; font-size: 1.4rem; font-weight: 500; margin-top: auto; } .small-card:hover .image-container:after { transform: scale(0.95); } .small-card:hover img { transform: scale(1.3); } .small-card:hover p.cta { color: #e55c00; } .small-card.post-card.swiper-slide { display: flex; flex-direction: column; justify-content: stretch; align-items: stretch; } .small-card.post-card.swiper-slide .content { display: flex; flex-direction: column; justify-content: stretch; align-items: center; flex: 1; } .small-card.venue-card.swiper-slide .content { width: 100%; text-align: center; } .small-card.venue-card.swiper-slide .content .sub-text { font-family: "Signifier-Extralight", sans-serif; } .small-card.offer { display: flex; flex-direction: column; justify-content: stretch; align-items: stretch; } .small-card.offer .content { display: flex; flex-direction: column; justify-content: stretch; align-items: stretch; } @media screen and (min-width: 1024px) { .small-card.offer .content { flex: 1; } } .small-card.offer .content h3 { margin-bottom: 1rem; } .small-card.offer .content .sub-text { font-size: 1.6rem; margin-bottom: 2rem; } .small-card.offer .content p.cta { margin-top: auto; } .small-card.grey { background: #FFF; } @media screen and (min-width: 1024px) { .small-card.swiper-slide { flex-shrink: 1; width: auto; height: auto; } } .venue-card { transition: all 0.5s ease-in-out; overflow: hidden; background: #FFF; border-radius: 1.2rem; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15); max-width: 75rem; width: 100%; } .venue-card.highlighted { transform: scale(1.01); box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3); } .venue-card.hover-highlighted { transform: scale(1.01); box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3); } @media screen and (min-width: 768px) { .venue-card { display: flex; flex-direction: row; justify-content: stretch; align-items: stretch; } } .venue-card .gallery { position: relative; height: auto; width: 50%; } @media screen and (max-width: 767px) { .venue-card .gallery { width: 100%; } } @media screen and (min-width: 768px) { .venue-card .gallery .swiper, .venue-card .gallery .swiper-wrapper { display: contents; } } .venue-card .gallery .image-container { position: absolute; display: block; height: 100%; width: 100%; overflow: hidden; } @media screen and (max-width: 767px) { .venue-card .gallery .image-container { position: static; pointer-events: none; height: 25rem; } } .venue-card .gallery img { transition: 0.25s 0s ease-in-out; height: 100%; width: 100%; } @media screen and (min-width: 768px) { .venue-card .gallery .swiper-slide { position: relative; display: block; height: 100%; width: 100%; grid-row: span 1; } .venue-card .gallery .swiper-slide img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .venue-card .gallery .swiper-slide:first-of-type { grid-column: 1/3; grid-row: 1/4; height: 100%; } .venue-card .gallery .swiper-slide:first-of-type .image-container { height: 100%; } } .venue-card .gallery .swiper-pagination { top: auto; bottom: 1.8rem; } .venue-card .gallery .swiper-pagination .swiper-pagination-bullet { background: #F0F0F0; opacity: 0.35; margin: 0 0.6rem; height: 1rem; width: 1rem; } .venue-card .gallery .swiper-pagination .swiper-pagination-bullet-active { background: #8DE5C0; opacity: 1; } .venue-card .content { width: 50%; margin: auto 0; padding: 4rem 2rem 2.5rem 2rem; } @media screen and (max-width: 767px) { .venue-card .content { padding-top: 2rem; width: 100%; } } .venue-card .es-badge-container { padding: 0; } .venue-card .es-badge-sources-container { display: none; } .venue-card .top { position: relative; display: flex; flex-direction: row; justify-content: stretch; align-items: flex-start; gap: 1rem; margin-bottom: 1.5rem; } @media screen and (min-width: 1024px) { .venue-card .top { padding-bottom: 2rem; } } .venue-card .top h3 { font-size: 2.7rem; line-height: 1.2; margin-right: auto; } @media screen and (max-width: 767px) { .venue-card .top h3 { font-size: 2.6rem; line-height: 1.4; margin-bottom: 1rem; } } .venue-card .top h3 em { display: block; font-size: 2rem; margin-top: 0.9rem; } @media screen and (max-width: 767px) { .venue-card .top h3 em { margin-top: 0.4rem; } } .venue-card .review { height: 4.5rem; max-width: 12rem; font-family: "aktiv-grotesk", sans-serif; } .venue-card .review .es-badge-container:after { content: ""; display: none; } @media screen and (max-width: 767px) { .venue-card .review .es-card-badge-container { padding-right: 0; } } .venue-card .review .es-badge-rating-container { gap: 0.4rem 0.8rem; align-items: center; } .venue-card .review .es-rating-value { font-weight: 500; font-size: 1.6rem; line-height: 1; margin-top: 3px; } @media screen and (max-width: 767px) { .venue-card .review .es-rating-value { font-size: 1.5rem; } } .venue-card .review .es-badge-reviews-count { font-weight: 500; } @media screen and (max-width: 767px) { .venue-card .review .es-badge-reviews-count { font-size: 1.1rem; line-height: 1.2; } } .venue-card .review .es-rating-item { aspect-ratio: 1/1; width: 1.8rem; height: auto; } @media screen and (max-width: 767px) { .venue-card .review .es-rating-item { width: 1.5rem; } } .venue-card .gocgRC { padding: 0 !important; width: auto !important; } .venue-card .es-rating-item-filled svg path { fill: #000 !important; } .venue-card p { margin-bottom: 2rem; min-height: 6.3rem; } .venue-card .review { font-size: 1rem; } .venue-card .icon-row { display: flex; flex-direction: row; justify-content: start; align-items: center; gap: 2rem; margin-bottom: 2.5rem; } .venue-card .icon { display: flex; flex-direction: row; justify-content: start; align-items: center; gap: 0.8rem; font-size: 1.2rem; line-height: 1; } .venue-card .icon img { -o-object-fit: contain; object-fit: contain; max-height: 20px; width: auto; margin-top: -1px; } select { font-family: "aktiv-grotesk", sans-serif; font-size: 1.4rem; font-weight: 500; background: #FFF url("../library/images/down-chevron.svg") center right 1rem/1.5rem 0.8rem no-repeat; border: none; border-radius: 1rem; -webkit-appearance: none; padding: 1.3rem 4rem 1.3rem 1.8rem; outline: 0; min-width: 1.8rem; cursor: pointer; color: #050505; } select option { color: #050505; } @media screen and (max-width: 1279px) { select { width: 100%; } } select.green { background: #8DE5C0 url("../library/images/down-chevron.svg") center right 1rem/1.5rem 0.8rem no-repeat; } .filters { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 2rem; width: 100%; } .filters p { white-space: nowrap; margin: 0; } .filters select { border-radius: 1rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); } .ajax-listings { position: relative; min-height: 40rem; width: 100%; } .ajax-listings.loading { animation: fadeOut 0.5s both; } .ajax-listings.loaded { animation: fadeIn 0.5s 0.5s both; } @media screen and (max-width: 767px) { .ajax-listings .noposts { position: absolute; top: 0; left: 0; text-align: center; width: 100%; } } .ajax-listings .pagination { grid-column: 1/1; width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 1.5rem; } @media screen and (min-width: 768px) { .ajax-listings .pagination { grid-column: 1/3; } } @media screen and (min-width: 1024px) { .ajax-listings .pagination { grid-column: 1/4; } } .ajax-listings .page-numbers { transition: all 0.5s ease-in-out; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 3rem; width: 3rem; color: #050505; font-size: 1.6rem; line-height: 1; aspect-ratio: 1; border-radius: 50%; } @media screen and (min-width: 1024px) { .ajax-listings .page-numbers { height: 5rem; width: 5rem; } } .ajax-listings .page-numbers.current, .ajax-listings .page-numbers:hover { background: #050505; color: #FFF; } .ajax-listings .page-numbers.next, .ajax-listings .page-numbers.prev { display: none; } .ajax-listings .ajax-loader { display: flex; flex-direction: row; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; visibility: hidden; pointer-events: none; transition: 0.5s 0.5s all; z-index: 5; background: rgba(255, 255, 255, 0.4); } .ajax-listings .ajax-loader .loader { width: 5rem; height: 5rem; border-radius: 100%; position: absolute; top: 20rem; margin: 0 auto; } .ajax-listings .ajax-loader .loader:before, .ajax-listings .ajax-loader .loader:after { content: ""; position: absolute; top: -0.5rem; left: -0.5rem; width: 100%; height: 100%; border-radius: 100%; border: 5px solid transparent; border-top-color: #050505; } .ajax-listings .ajax-loader .loader:before { z-index: 100; animation: spin 1s infinite; } .ajax-listings .ajax-loader .loader:after { border: 5px solid #F4F4F4; } .ajax-listings .ajax-loader.show-loader { visibility: visible; opacity: 1; pointer-events: auto; transition-delay: 0s; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .ajax-loader { display: flex; flex-direction: row; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; visibility: hidden; pointer-events: none; transition: 0.5s 0.5s all; z-index: 5; background: rgba(255, 255, 255, 0.4); } .ajax-loader .loader { width: 5rem; height: 5rem; border-radius: 100%; position: absolute; top: 20rem; margin: 0 auto; } .ajax-loader .loader:before, .ajax-loader .loader:after { content: ""; position: absolute; top: -0.5rem; left: -0.5rem; width: 100%; height: 100%; border-radius: 100%; border: 5px solid transparent; border-top-color: #050505; } .ajax-loader .loader:before { z-index: 100; animation: spin 1s infinite; } .ajax-loader .loader:after { border: 5px solid #F4F4F4; } .ajax-loader.show-loader { visibility: visible; opacity: 1; pointer-events: auto; transition-delay: 0s; } .related-venue-strip { padding: 6rem 0 7rem 0; background: #FFF; } @media screen and (min-width: 1280px) { .related-venue-strip { padding: 6rem 0 9.5rem 0; } } .related-venue-strip .intro-content { margin-bottom: 5em; text-align: center; } .related-venue-strip .image-container { position: relative; max-width: 50rem; width: 100% !important; margin-bottom: 0 !important; } .related-venue-strip .image-container img { width: 100%; height: 25rem; } @media screen and (min-width: 1024px) { .related-venue-strip .image-container img { height: 37.5rem; } } .related-venue-strip .cols { position: relative; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; gap: 3rem; } @media screen and (min-width: 1024px) { .related-venue-strip .cols { flex-direction: row; } } .related-venue-strip .content-col { position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-right: auto; } @media screen and (max-width: 1023px) { .related-venue-strip .content-col { order: 2; margin-right: 0; width: 100%; } } .related-venue-strip h3 { font-family: "Signifier-Extralight", sans-serif; margin-bottom: 2rem; text-transform: none; font-size: 3rem; } @media screen and (min-width: 1024px) { .related-venue-strip h3 { font-size: 3.6rem; } } .related-venue-strip h3 em a { display: inline-block; } .related-venue-strip p { max-width: 35rem; margin-bottom: 2.5rem; } .form-popup { display: flex; flex-direction: row; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 99; pointer-events: none; opacity: 0; -webkit-backdrop-filter: blur(0.3rem); backdrop-filter: blur(0.3rem); height: 100vh; opacity: 0; top: 0; left: 0; z-index: 99999; background-color: rgba(250, 245, 235, 0.8); backdrop-filter: blur(0.3rem); pointer-events: none; padding: 2rem; } .form-popup.active { animation: fadeIn 0.25s ease-in-out forwards; backface-visibility: hidden; pointer-events: auto; } .form-popup.active .modal { animation: fadeIn 0.5s 0.25s forwards; backface-visibility: hidden; } .form-popup .modal { display: flex; flex-direction: column; justify-content: start; align-items: start; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #fff; width: 100%; height: auto; margin: auto; opacity: 0; padding: 0; transition: all 0.5s ease-in-out; border: none; overflow: hidden; height: clamp(50rem, var(--staticvh, 1vh) * 100 - 6rem, 90rem); max-width: calc(100vw - 4rem); z-index: 999; top: 3rem; left: 2rem; box-shadow: 0 0 4rem rgba(0, 0, 0, 0.35); } @media screen and (min-width: 1024px) { .form-popup .modal { top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: clamp(0rem, 95dvh, 90rem); max-width: clamp(0rem, 95vw, 90rem); height: auto; max-width: clamp(0rem, 90vw, 140rem); } } .form-popup .scroll-container { flex: 1; overflow-y: auto; overflow-x: hidden; -ms-overflow-style: none; scrollbar-width: none; } .form-popup .scroll-container::-webkit-scrollbar { display: none; } .form-popup .inner-modal { display: none; height: 100%; padding: 8rem; width: 100%; } @media screen and (max-width: 1023px) { .form-popup .inner-modal { padding: 45px 20px 0 20px; } } .form-popup .inner-modal.active { display: block; } .form-popup .inner-modal.offers-modal .offer-content { display: block; } .form-popup .inner-modal.offers-modal .general-content { display: none; } .form-popup .title-container.offer-content { display: none; } .form-popup .review-modal .title-container { margin-bottom: 4rem; text-align: center; display: block; } .form-popup .review-modal .es-grid-layout { grid-template-columns: repeat(1, 1fr) !important; gap: 5rem !important; } @media screen and (min-width: 1024px) { .form-popup .review-modal .es-grid-layout { grid-template-columns: repeat(3, 1fr) !important; gap: 3rem !important; } } .form-popup .review-modal .es-review-author-block-container { margin-bottom: 1rem; } .form-popup .review-modal .es-review-author-name { font-weight: 500; } .form-popup .review-modal .es-rating-container { margin-bottom: 2rem !important; } .form-popup .review-modal .es-rating-item-filled svg path { fill: #000 !important; } .form-popup .review-modal .es-text-shortener { font-size: 1.6rem; line-height: 1.4; } .form-popup .review-modal .es-text-shortener-control { font-size: 1.4rem; line-height: 1.4; } .form-popup .review-modal .es-text-shortener-control { margin-top: 1rem; margin-top: 2rem; color: #050505; text-decoration: underline; text-underline-offset: 5px; } .form-popup .review-modal .es-button-base-container { background-color: transparent !important; border: none !important; } .form-popup .review-modal .es-button-base-overlay { background: #e55c00 !important; border: 1px solid #e55c00; border-radius: 5rem !important; margin-top: 2rem; margin-bottom: 3rem; font-size: 0; padding: 0 1.2rem 0 2.2rem !important; min-width: auto; } .form-popup .review-modal .es-button-base-overlay .es-button-base-ellipsis { display: none; } .form-popup .review-modal .es-button-base-overlay:before { font-size: 1.3rem; content: "Load more"; } @media screen and (min-width: 768px) { .form-popup .review-modal .es-button-base-overlay:before { font-size: 1.4rem; } .form-popup .review-modal .es-button-base-overlay:hover { color: #e55c00; background: transparent !important; } } .form-popup .wrap { padding: 0; } @media screen and (max-width: 1023px) { .form-popup .title-container { margin-bottom: 2rem; } } .form-popup .title-container h2, .form-popup .title-container .listing-page.standalone-content h1, .listing-page.standalone-content .form-popup .title-container h1, .form-popup .title-container .post-overview .intro-content h1, .post-overview .intro-content .form-popup .title-container h1, .form-popup .title-container .venues-listings .intro-content h1, .venues-listings .intro-content .form-popup .title-container h1 { flex-shrink: 0; font-size: 5.6rem; margin-bottom: 2rem; } @media screen and (max-width: 1023px) { .form-popup .title-container h2, .form-popup .title-container .listing-page.standalone-content h1, .listing-page.standalone-content .form-popup .title-container h1, .form-popup .title-container .post-overview .intro-content h1, .post-overview .intro-content .form-popup .title-container h1, .form-popup .title-container .venues-listings .intro-content h1, .venues-listings .intro-content .form-popup .title-container h1 { font-size: 4.8rem; } } .form-popup p { margin-bottom: 2rem; } .form-popup p:last-of-type { margin-bottom: 0; } .form-popup iframe { width: 100%; border: none; } .form-popup .gform_wrapper { margin-left: auto; margin-right: auto; display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 81.5rem; } .form-popup .gform_wrapper form, .form-popup .gform_wrapper .gform_body { width: 100%; } .form-popup .gform_wrapper form[data-active-form=true] .btn, .form-popup .gform_wrapper form[data-active-form=true] #gform_submit_button_2, .form-popup .gform_wrapper form[data-active-form=true] #gform_submit_button_3, .form-popup .gform_wrapper form[data-active-form=true] #gform_submit_button_5, .form-popup .gform_wrapper form[data-active-form=true] #gform_submit_button_7, .form-popup .gform_wrapper form[data-active-form=true] .cc-btn.cc-dismiss, .form-popup .gform_wrapper form[data-active-form=true] .review-modal .es-button-base-overlay, .form-popup .review-modal .gform_wrapper form[data-active-form=true] .es-button-base-overlay { pointer-events: none; } .form-popup .gform_wrapper form[data-active-form=true] .btn:before, .form-popup .gform_wrapper form[data-active-form=true] #gform_submit_button_2:before, .form-popup .gform_wrapper form[data-active-form=true] #gform_submit_button_3:before, .form-popup .gform_wrapper form[data-active-form=true] #gform_submit_button_5:before, .form-popup .gform_wrapper form[data-active-form=true] #gform_submit_button_7:before, .form-popup .gform_wrapper form[data-active-form=true] .cc-btn.cc-dismiss:before, .form-popup .gform_wrapper form[data-active-form=true] .review-modal .es-button-base-overlay:before, .form-popup .review-modal .gform_wrapper form[data-active-form=true] .es-button-base-overlay:before { opacity: 1; } .form-popup .gform_wrapper form[data-active-form=true] .btn span, .form-popup .gform_wrapper form[data-active-form=true] #gform_submit_button_2 span, .form-popup .gform_wrapper form[data-active-form=true] #gform_submit_button_3 span, .form-popup .gform_wrapper form[data-active-form=true] #gform_submit_button_5 span, .form-popup .gform_wrapper form[data-active-form=true] #gform_submit_button_7 span, .form-popup .gform_wrapper form[data-active-form=true] .cc-btn.cc-dismiss span, .form-popup .gform_wrapper form[data-active-form=true] .review-modal .es-button-base-overlay span, .form-popup .review-modal .gform_wrapper form[data-active-form=true] .es-button-base-overlay span, .form-popup .gform_wrapper form[data-active-form=true] .btn:after, .form-popup .gform_wrapper form[data-active-form=true] #gform_submit_button_2:after, .form-popup .gform_wrapper form[data-active-form=true] #gform_submit_button_3:after, .form-popup .gform_wrapper form[data-active-form=true] #gform_submit_button_5:after, .form-popup .gform_wrapper form[data-active-form=true] #gform_submit_button_7:after, .form-popup .gform_wrapper form[data-active-form=true] .cc-btn.cc-dismiss:after, .form-popup .gform_wrapper form[data-active-form=true] .review-modal .es-button-base-overlay:after, .form-popup .review-modal .gform_wrapper form[data-active-form=true] .es-button-base-overlay:after { opacity: 0; } .form-popup .gform_wrapper .gform_heading { display: none; } .form-popup .gform_wrapper .gform_submission_error { font-family: "aktiv-grotesk", sans-serif; text-transform: none; display: inline-block; font-size: 1.6rem; line-height: 1.4; text-align: center; font-weight: 500; margin-bottom: 3rem; margin-top: 0; outline: 0; } .form-popup .gform_wrapper .gfield_label { display: none; } .form-popup .gform_wrapper .gform_ajax_spinner { position: absolute; right: 0; top: calc(100% + 1rem); } @media screen and (min-width: 1024px) { .form-popup .gform_wrapper .gform_fields { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem 2rem; } } .form-popup .gform_wrapper .gfield { display: flex; flex-direction: row; justify-content: center; align-items: stretch; position: relative; border-radius: 0.8rem; margin-bottom: 2rem; } @media screen and (min-width: 1024px) { .form-popup .gform_wrapper .gfield { margin-bottom: 0; border-radius: 0rem; } .form-popup .gform_wrapper .gfield:first-of-type { border-radius: 0.8rem 0 0 0.8rem; } } .form-popup .gform_wrapper .ginput_container { width: 100%; } .form-popup .gform_wrapper input:not([type=submit]), .form-popup .gform_wrapper select, .form-popup .gform_wrapper textarea { display: block; background: #faf5eb; border: 1px solid #faf5eb; -webkit-appearance: none; width: 100%; height: 5rem; outline: 0; padding-left: 2rem; font-family: "aktiv-grotesk", sans-serif; border-radius: 0.8rem; font-weight: 300; font-size: 1.6rem; } .form-popup .gform_wrapper input:not([type=submit]):focus, .form-popup .gform_wrapper select:focus, .form-popup .gform_wrapper textarea:focus { border: 1px solid #e55c00; } .form-popup .gform_wrapper .gfield--type-hidden, .form-popup .gform_wrapper .gfield_visibility_hidden { display: none; } .form-popup .gform_wrapper .gfield_error input:not([type=submit]), .form-popup .gform_wrapper .gfield_error select, .form-popup .gform_wrapper .gfield_error textarea { border: 1px solid #e55c00; } .form-popup .gform_wrapper select { background: #faf5eb url("../library/images/down-chevron.svg") center right 2rem/1.2rem 0.75rem no-repeat; } @media screen and (max-width: 767px) { .form-popup .gform_wrapper select { padding-right: 1rem; background: #faf5eb url("../library/images/down-chevron.svg") center right 1.5rem/1.2rem 0.75rem no-repeat; } } .form-popup .gform_wrapper select option { font-family: "aktiv-grotesk", sans-serif; white-space: nowrap; } .form-popup .gform_wrapper textarea { padding-top: 2rem; resize: none; height: 14rem; } .form-popup .gform_wrapper #field_2_20 .ginput_container, .form-popup .gform_wrapper #field_3_20 .ginput_container, .form-popup .gform_wrapper #field_5_20 .ginput_container, .form-popup .gform_wrapper #field_7_20 .ginput_container { display: flex; align-items: center; font-size: 1.2rem; } @media screen and (min-width: 768px) { .form-popup .gform_wrapper #field_2_20 .ginput_container, .form-popup .gform_wrapper #field_3_20 .ginput_container, .form-popup .gform_wrapper #field_5_20 .ginput_container, .form-popup .gform_wrapper #field_7_20 .ginput_container { font-size: 1.5rem; } } .form-popup .gform_wrapper input[type=checkbox] { display: inline-block; cursor: pointer; height: 5rem; width: 5rem; margin: 0 12px 0 0; flex-shrink: 0; } .form-popup .gform_wrapper input[type=checkbox]:checked { background: #faf5eb url("../library/images/tick.svg") center/15px no-repeat !important; } .form-popup .gform_wrapper #field_5_4, .form-popup .gform_wrapper #field_3_4, .form-popup .gform_wrapper #field_2_13, .form-popup .gform_wrapper #field_2_19, .form-popup .gform_wrapper #field_2_20, .form-popup .gform_wrapper #field_3_13, .form-popup .gform_wrapper #field_3_19, .form-popup .gform_wrapper #field_3_20, .form-popup .gform_wrapper #field_3_22, .form-popup .gform_wrapper #field_2_22, .form-popup .gform_wrapper #field_5_13, .form-popup .gform_wrapper #field_5_20, .form-popup .gform_wrapper #field_7_4, .form-popup .gform_wrapper #field_7_13, .form-popup .gform_wrapper #field_7_20 { grid-column: span 2; } .form-popup .gform_wrapper #field_2_19 p, .form-popup .gform_wrapper #field_3_19 p { font-size: 1.4rem; margin-bottom: 0; } .form-popup .gform_wrapper #field_2_22 .gform-field-label, .form-popup .gform_wrapper #field_3_22 .gform-field-label, .form-popup .gform_wrapper #input_5_20_1 .gform-field-label { display: block; font-weight: 500; margin-bottom: 1.5rem; } .form-popup .gform_wrapper #field_2_22 .gform-field-label.hidden_sub_label, .form-popup .gform_wrapper #field_3_22 .gform-field-label.hidden_sub_label, .form-popup .gform_wrapper #input_5_20_1 .gform-field-label.hidden_sub_label { display: none; } .form-popup .gform_wrapper #input_2_22, .form-popup .gform_wrapper #input_3_22 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; } @media screen and (max-width: 1023px) { .form-popup .gform_wrapper #input_2_22 select, .form-popup .gform_wrapper #input_3_22 select { font-size: 1.2rem; } } @media screen and (min-width: 1024px) { .form-popup .gform_wrapper #input_2_22, .form-popup .gform_wrapper #input_3_22 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } } .form-popup .gform_wrapper .gform_footer { margin-top: 2.5rem; } .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper #gform_submit_button_7 { display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; height: 5rem; margin-left: auto; margin-right: auto; -webkit-appearance: none; font-size: 1.4rem; padding: 0 4rem; height: 5rem; outline: 0; font-family: "aktiv-grotesk", sans-serif; } @media screen and (min-width: 768px) { .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper #gform_submit_button_7 { font-size: 1.5rem; height: 5.3rem; padding: 0 4rem; } } .form-popup .gform_wrapper #gform_submit_button_2:before, .form-popup .gform_wrapper #gform_submit_button_3:before, .form-popup .gform_wrapper #gform_submit_button_5:before, .form-popup .gform_wrapper #gform_submit_button_7:before { transition: all 0.5s ease-in-out; background-image: url("../library/images//processing.gif"); background-size: contain; background-repeat: no-repeat; background-size: 3rem; background-position: center; content: ""; display: block; position: absolute; z-index: 5; opacity: 0; top: 0; left: 0; height: 100%; width: 100%; } .form-popup .gform_wrapper .validation_message { position: absolute; left: 0; top: calc(100% + 2px); color: #e55c00; font-size: 1rem; letter-spacing: 0.2rem 0.5rem; padding: 0.3rem; z-index: 5; } @media screen and (max-width: 767px) { .form-popup .gform_wrapper .validation_message { top: 100%; } } .form-popup .close { background: transparent; aspect-ratio: 1; -webkit-appearance: none; border: none; position: absolute; top: 1.5rem; right: 1.5rem; cursor: pointer; outline: 0; z-index: 99; padding: 0; } @media screen and (min-width: 1024px) { .form-popup .close { top: 2.75rem; right: 2.75rem; } } @media screen and (min-width: 1024px) { .form-popup .wrap { display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 5rem; } .form-popup .title-container { position: relative; max-width: 40rem; margin-right: auto; z-index: 5; } .form-popup .title-container:before { left: 0; top: -2rem; width: 9999rem; height: 2rem; background-color: red; } .form-popup .scroll-container { width: 100%; } } .form-popup:has(.visit-calendar-container.active) .progress-bar { max-height: 6rem; } .form-popup:has(.visit-calendar-container.active) .show-calendar { transition-delay: 0.25s; opacity: 1; pointer-events: auto; } .form-popup:has(.visit-calendar-container.active) .date-selected { transition-delay: 0.25s; opacity: 1; pointer-events: auto; } .form-popup .visit-calendar-container { transition: max-height 0.5s ease-in-out; position: relative; overflow: hidden; max-height: 80rem; width: 100% !important; } .form-popup .visit-calendar-container #visitCalendar, .form-popup .visit-calendar-container .key-container, .form-popup .visit-calendar-container .form-container { transition: 0.5s 0.2s transform ease-in-out; will-change: transform; } @media screen and (min-width: 768px) { .form-popup .visit-calendar-container.active { max-height: 58rem; } } .form-popup .visit-calendar-container.active #visitCalendar, .form-popup .visit-calendar-container.active .key-container { transform: translateX(-100%); } .form-popup .visit-calendar-container.active .form-container { transform: translateX(0); } .form-popup .progress-bar { transition: all 0.5s ease-in-out; width: 100%; margin-top: 2rem; margin-bottom: 1rem; max-height: 0; } .form-popup .progress-bar .show-calendar { display: flex; flex-direction: row; justify-content: stretch; align-items: center; gap: 1rem; transition: all 0.5s ease-in-out; opacity: 0; pointer-events: none; cursor: pointer; } @media screen and (min-width: 768px) { .form-popup .progress-bar .show-calendar { position: absolute; bottom: calc(100% + 4rem); } } .form-popup .progress-bar .show-calendar:before { content: ""; display: block; position: absolute; position: static; background-image: url("../library/images//carousel-chevron.svg"); background-size: contain; background-repeat: no-repeat; height: 1.4rem; width: 1rem; transform: scaleX(-1); } .form-popup .progress-bar .date-selected { grid-column: 2; opacity: 0; } @media screen and (max-width: 767px) { .form-popup .progress-bar .date-selected { position: static; margin-top: 1.5rem; transform: none; text-align: left; } } .form-popup .form-container { display: block; position: absolute; top: 0; left: 0; width: 100%; background-color: #FFF; pointer-events: none; z-index: 5; transform: translateX(100%); } .form-popup .form-container .gform_wrapper { max-width: auto; } .f-button.is-close-btn { opacity: 1; } @media screen and (max-width: 767px) { .f-button.is-close-btn { background-color: rgba(255, 255, 255, 0.2); } } @media screen and (min-width: 768px) { .f-button.is-close-btn svg path { stroke-width: 3px; stroke: #000; } } @media only screen and (orientation: landscape) and (max-width: 767px) { .fancybox__caption a { color: #FFF; } } @media only screen and (orientation: portrait) and (max-width: 767px) { .fancybox__backdrop:before { content: ""; display: block; position: absolute; background-image: url("../library/images//mobile-phone-rotate.svg"); background-size: contain; background-repeat: no-repeat; animation: phoneRotate 2.5s forwards 5 ease-in-out; top: 7rem; left: calc(50% - 5rem); height: 10rem; width: 10rem; } } @keyframes phoneRotate { 0% { transform: rotate(0); } 40% { transform: rotate(90deg); } 80% { transform: rotate(0); } } .fancybox__container { background-color: rgba(250, 245, 235, 0.9); -webkit-backdrop-filter: blur(0.3rem); backdrop-filter: blur(0.3rem); } .fancybox__content { background-color: transparent !important; } .fancybox__toolbar__column.is-left { position: relative; } .fancybox__infobar { display: none; } .fancybox__caption { margin-top: 2rem !important; color: #000 !important; padding: 1rem 2rem !important; } .fancybox__footer { background: none !important; } .fancybox__footer .fancybox__caption { text-align: center; } .fancybox__nav .f-button { transition: all 0.5s ease-in-out; } .fancybox__nav .f-button svg { transition: all 0.5s ease-in-out; color: #FFF; box-shadow: none; filter: none; } @media only screen and (min-width: 600px) { .fancybox__nav .f-button svg { color: #000; } } .fancybox__nav .f-button svg path { transition: all 0.5s ease-in-out; } @media screen and (min-width: 1280px) { .fancybox__nav .f-button:hover { background-color: #000 !important; } .fancybox__nav .f-button:hover svg { color: #FFF; } } .small-print { text-align: center; font-size: 1rem; margin-top: 3rem; } .small-print a { display: inline-block; text-decoration: underline; } .small-print a:hover { text-decoration: none; } .mobile-venues-menu { transition: all 0.5s ease-in-out; position: fixed; top: 2rem; left: 50%; transform: translateX(-50%); width: calc(100% - 4rem); border-radius: 1rem; background-color: #FFF; z-index: 99; padding: 4rem 2rem 3rem 2rem; display: grid; grid-auto-flow: column; grid-template-rows: repeat(9, auto); grid-gap: 2.5rem 2rem; overflow: auto; overflow-y: auto; max-width: 50rem; pointer-events: none; opacity: 0; max-height: calc(100dvh - 4rem); } .mobile-venues-menu.active { opacity: 1; pointer-events: auto; } @media screen and (min-width: 1024px) { .mobile-venues-menu { display: none; } } .mobile-venues-menu .close { position: absolute; display: flex; flex-direction: row; justify-content: center; align-items: center; top: 2rem; right: 2rem; width: 2rem; height: 2rem; } .mobile-venues-menu .close::before, .mobile-venues-menu .close::after { content: ""; display: block; position: absolute; width: 2rem; height: 0.2rem; background: #000; pointer-events: none; } .mobile-venues-menu .close::before { transform: rotate(45deg); } .mobile-venues-menu .close::after { transform: rotate(-45deg); } .mobile-venues-menu a { -webkit-column-break-inside: avoid; font-size: 1.5rem; } .mobile-venues-menu a em { font-family: "Signifier-Extralight", sans-serif; display: block; font-size: 1.5rem; } body:has(.headerscrolled) .mobile-venues-menu { top: 8rem; } #CybotCookiebotDialog.CybotEdge { font-family: "aktiv-grotesk", sans-serif; background-color: #faf5eb !important; } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogHeader { border-bottom: none !important; } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyContentTitle { font-weight: 500; } @media screen and (max-width: 767px) { #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails { margin-top: 0 !important; } } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a { font-size: 1.3rem; color: #000 !important; font-weight: 500 !important; } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a:after { border-color: #000; } @media screen and (max-width: 767px) { #CybotCookiebotDialog.CybotEdge { top: auto; left: 0; width: 100%; left: 0; bottom: 0; border-radius: 0; transform: translateY(100%); animation: translateUp 0.75s forwards ease-in-out; } @keyframes translateUp { 0% { transform: translateY(100%); } 100% { transform: translateY(0%); } } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogHeader { display: none; } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyContent { padding-bottom: 0; } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogTabContent { display: contents; } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter { order: 2; } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails { order: 3; margin: 0 auto 15px auto !important; } #CybotCookiebotDialog.CybotEdge .CybotCookiebotScrollArea { height: auto; } #CybotCookiebotDialog.CybotEdge:not(.CybotCookiebotDialogBody) #CybotCookiebotDialogBody { display: contents; } #CybotCookiebotDialog.CybotEdge:not(.CybotCookiebotDialogBody) .CybotCookiebotDialogBodyBottomWrapper { display: contents; } } #CybotCookiebotDialog.CybotEdge .CybotCookiebotScrollContainer .CybotCookiebotScrollbarContainer { background-color: #faf5eb; } #CybotCookiebotDialog.CybotEdge .CybotCookiebotScrollContainer { border: none !important; } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtonsWrapper { display: flex; flex-direction: row-reverse; gap: 10px; } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyButtonsWrapper #CybotCookiebotDialogBodyLevelButtonCustomize { margin: 0; border-color: #000 !important; } #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyButton:not(.CybotCookiebotDialogHide) { cursor: pointer; display: flex; flex-direction: row; justify-content: center; align-items: center; transition: all 0.5s ease-in-out; display: inline-flex; font-size: 1.3rem; line-height: 1.4rem; font-weight: 500; background: #000; border: 1px solid #000; color: #faf5eb; border-radius: 5rem; gap: 0.3rem; font-family: "aktiv-grotesk", sans-serif; } @media screen and (min-width: 768px) { #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyButton:not(.CybotCookiebotDialogHide) { font-size: 1.4rem; } #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyButton:not(.CybotCookiebotDialogHide):hover { background: #000; color: #FFF; opacity: 1; } } #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyButton:not(.CybotCookiebotDialogHide)#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { background-color: #000; border-color: #000; } #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyButton:not(.CybotCookiebotDialogHide)#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover { background-color: #000; border-color: #000; color: #FFF; } #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyButton:not(.CybotCookiebotDialogHide)#CybotCookiebotDialogBodyLevelButtonCustomize { background: none; color: #000; border-color: #000; } #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyButton:not(.CybotCookiebotDialogHide)#CybotCookiebotDialogBodyLevelButtonCustomize .CybotCookiebotDialogArrow { display: none; } @media screen and (min-width: 768px) { #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyButton:not(.CybotCookiebotDialogHide)#CybotCookiebotDialogBodyLevelButtonCustomize:hover { background: none; color: #000; } } #CybotCookiebotDialog { background-color: #faf5eb !important; } #CybotCookiebotDialog .CybotCookiebotFader { background-image: linear-gradient(to top, #faf5eb, rgba(250, 245, 235, 0.8), rgba(250, 245, 235, 0)) !important; } #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a { color: #000 !important; } #CybotCookiebotDialog #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive { color: #000; border-bottom: #000; } #CybotCookiebotDialog #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover { color: #000; } #CybotCookiebotDialog .CybotCookiebotDialogBodyButton:not(.CybotCookiebotDialogHide) { cursor: pointer; display: flex; flex-direction: row; justify-content: center; align-items: center; transition: all 0.5s ease-in-out; display: inline-flex; font-size: 1.3rem; line-height: 1.4rem; font-weight: 500; background: #000; border: 1px solid #000; color: #faf5eb; border-radius: 5rem; gap: 0.3rem; font-family: "aktiv-grotesk", sans-serif; } @media screen and (min-width: 768px) { #CybotCookiebotDialog .CybotCookiebotDialogBodyButton:not(.CybotCookiebotDialogHide) { font-size: 1.4rem; } #CybotCookiebotDialog .CybotCookiebotDialogBodyButton:not(.CybotCookiebotDialogHide):hover { background: none; color: #000; } } #CybotCookiebotDialog .CybotCookiebotDialogBodyButton:not(.CybotCookiebotDialogHide)#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { background-color: #000; border-color: #000; } #CybotCookiebotDialog .CybotCookiebotDialogBodyButton:not(.CybotCookiebotDialogHide)#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover { opacity: 1; } #CybotCookiebotDialog .CybotCookiebotDialogBodyButton:not(.CybotCookiebotDialogHide)#CybotCookiebotDialogBodyButtonDecline { background: none; color: #000; } #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonCustomize { border-color: #000 !important; } #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider { background-color: #999 !important; } #CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider { background-color: #000 !important; } #CybotCookiebotDialog #custom-cb-close { display: none; position: absolute; top: 0; right: 0; background: none; -webkit-appearance: none; border: none; position: absolute; top: 1rem; right: 1rem; cursor: pointer; outline: 0; z-index: 5; } #CybotCookiebotDialog #custom-cb-close svg { width: 2rem; height: 2rem; } #CybotCookiebotDialog #CybotCookiebotDialogHeader { border: none; } #CybotCookiebotDialog #CybotCookiebotDialogPoweredbyCybot { display: none !important; } @media screen and (max-width: 767px) { #CybotCookiebotDialog[data-template=popup] { max-height: 75vh; } } #CybotCookiebotDialog[data-template=popup] #custom-cb-close { display: block; } #CybotCookiebotDialog:not([data-template=popup]) #CybotCookiebotDialogHeader { display: none !important; } .admin-label { position: absolute; top: 0; left: 0; background: #e55c00; color: #FFF; padding: 1rem; font-size: 1.2rem; text-transform: uppercase; letter-spacing: 0.05rem; z-index: 10; } /* Blocks Payload ================================================ */ .homepage-hero { transition: all 0.5s ease-in-out; display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; min-height: 5rem; height: clamp(50rem, var(--staticvh, 1vh) * 100 - var(--header-height), 90rem); max-height: 90rem; color: #faf5eb; opacity: 0; background-color: #050505; } .homepage-hero .bg-video { position: absolute; top: 0; left: 0; height: 100%; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); } .homepage-hero:has(.bg-video) { opacity: 1; } .homepage-hero .static-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5; padding: 0 2rem; } .homepage-hero .static-content:not(:has(.lower-content p)) .lower-content { transform: translateY(250%); } .homepage-hero:has(.swiper-initialized) { opacity: 1; } .homepage-hero .wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100dvh; width: 100%; height: 100%; } .homepage-hero .background-carousel { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .homepage-hero:not(.image-transition-off) .swiper .background-image { transition: 15s 0s ease-in-out; width: calc(100% + 20rem); height: calc(100% + 20rem); top: -10rem; left: -10rem; } @media screen and (max-width: 1023px) { .homepage-hero:not(.image-transition-off) .swiper .background-image { width: calc(100% + 10rem); height: calc(100% + 10rem); top: -5rem; left: 0rem; } } .homepage-hero .background-image { animation: horizontalAnimate linear 20s infinite alternate; } .homepage-hero .swiper-slide { position: relative; } .homepage-hero .swiper-slide.swiper-slide-active { position: relative; z-index: 5; } .homepage-hero .swiper-slide:after { background-color: #000; opacity: 0.3; content: ""; display: block; position: absolute; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; } .homepage-hero .swiper-slide:not(:has(.lower-content p)) .lower-content { transform: translateY(250%); } .homepage-hero img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .homepage-hero img.black-and-white { filter: grayscale(100%); } .homepage-hero .content { width: 100%; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 3; text-align: center; } .homepage-hero .lower-content { display: flex; flex-direction: column; justify-content: center; align-items: center; transform: translateY(100%); padding-top: 1rem; position: absolute; } @media screen and (max-width: 767px) { .homepage-hero .lower-content { padding-top: 1.8rem; } } @media screen and (max-width: 767px) { .homepage-hero h2, .homepage-hero .listing-page.standalone-content h1, .listing-page.standalone-content .homepage-hero h1, .homepage-hero .post-overview .intro-content h1, .post-overview .intro-content .homepage-hero h1, .homepage-hero .venues-listings .intro-content h1, .venues-listings .intro-content .homepage-hero h1 { font-size: 6rem; } .homepage-hero h2.smaller-title, .homepage-hero .listing-page.standalone-content h1.smaller-title, .listing-page.standalone-content .homepage-hero h1.smaller-title, .homepage-hero .post-overview .intro-content h1.smaller-title, .post-overview .intro-content .homepage-hero h1.smaller-title, .homepage-hero .venues-listings .intro-content h1.smaller-title, .venues-listings .intro-content .homepage-hero h1.smaller-title { font-size: 5.2rem; } } .homepage-hero p { font-family: "Signifier-Extralight", sans-serif; font-size: 2.7rem; line-height: 1; margin-bottom: 3.8rem; } @media screen and (max-width: 767px) { .homepage-hero p { font-size: 2rem; margin-bottom: 2rem; line-height: 1.2; } } .homepage-hero .swiper-pagination-bullets.swiper-pagination { z-index: 99; top: auto; bottom: 10%; } .homepage-hero .swiper-pagination-bullets.swiper-pagination .swiper-pagination-bullet { background: #FFF; opacity: 0.5; margin: 0 0.6rem; height: 1rem; width: 1rem; } .homepage-hero .swiper-pagination-bullets.swiper-pagination .swiper-pagination-bullet-active { opacity: 1; } .homepage-hero.disable-dots .swiper-pagination-bullets.swiper-pagination { display: none; } .homepage-hero.signifier h2, .homepage-hero.signifier .listing-page.standalone-content h1, .listing-page.standalone-content .homepage-hero.signifier h1, .homepage-hero.signifier .post-overview .intro-content h1, .post-overview .intro-content .homepage-hero.signifier h1, .homepage-hero.signifier .venues-listings .intro-content h1, .venues-listings .intro-content .homepage-hero.signifier h1 { font-family: "Signifier-Extralight", sans-serif; text-transform: none; font-size: 6rem; line-height: 1.1; } @media screen and (max-width: 767px) { .homepage-hero.signifier h2, .homepage-hero.signifier .listing-page.standalone-content h1, .listing-page.standalone-content .homepage-hero.signifier h1, .homepage-hero.signifier .post-overview .intro-content h1, .post-overview .intro-content .homepage-hero.signifier h1, .homepage-hero.signifier .venues-listings .intro-content h1, .venues-listings .intro-content .homepage-hero.signifier h1 { font-size: 4rem; } } .homepage-hero.signifier.smaller-title h2, .homepage-hero.signifier.smaller-title .listing-page.standalone-content h1, .listing-page.standalone-content .homepage-hero.signifier.smaller-title h1, .homepage-hero.signifier.smaller-title .post-overview .intro-content h1, .post-overview .intro-content .homepage-hero.signifier.smaller-title h1, .homepage-hero.signifier.smaller-title .venues-listings .intro-content h1, .venues-listings .intro-content .homepage-hero.signifier.smaller-title h1 { font-size: 3.6rem; } @media screen and (min-width: 768px) { .homepage-hero { min-height: 43rem; padding: 0 !important; } } @keyframes horizontalAnimate { 0% { transform: translateX(-5rem); } 100% { transform: translateX(0rem); } } @media screen and (min-width: 1024px) { @keyframes horizontalAnimate { 0% { transform: translateX(-10rem); } 100% { transform: translateX(0rem); } } } .title-and-content { background: #050505; color: #FFF; padding: 5rem 0 10rem 0; } .title-and-content .wrap { position: relative; } .title-and-content .title { margin-left: auto; margin-right: auto; max-width: 50rem; margin-right: auto; } .title-and-content .title span { display: block; margin-bottom: 2.5rem; } .title-and-content .title span + br { display: none; } .title-and-content .content { margin-left: auto; margin-right: auto; position: relative; } .title-and-content .divider { width: 9rem; height: 0.2rem; background-color: #FFF; justify-self: center; } @media screen and (max-width: 767px) { .title-and-content .divider { margin: 4rem auto; height: 9rem; width: 0.2rem; } } .title-and-content p { line-height: 2; } @media screen and (min-width: 1024px) { .title-and-content { padding: 13rem 0; } .title-and-content .wrap { max-width: 118rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; align-items: center; } .title-and-content .title { justify-self: center; margin-bottom: 0; } .title-and-content .content { justify-self: center; margin: 0; } } .special-offers { background: #FFF; } .special-offers .wrap { max-width: 110rem; padding: 0; } .special-offers .intro-content { margin-left: auto; margin-right: auto; text-align: center; max-width: 87.5rem; margin-bottom: 0rem; padding: 0 4rem; } .special-offers .intro-content h2, .special-offers .intro-content .listing-page.standalone-content h1, .listing-page.standalone-content .special-offers .intro-content h1, .special-offers .post-overview .intro-content h1, .post-overview .special-offers .intro-content h1, .special-offers .venues-listings .intro-content h1, .venues-listings .special-offers .intro-content h1 { margin-bottom: 3.5rem; } .special-offers .swiper { padding: 5rem 2rem; } .special-offers .btn, .special-offers .cc-btn.cc-dismiss, .special-offers .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .special-offers .es-button-base-overlay, .special-offers .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .special-offers #gform_submit_button_2, .special-offers .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .special-offers #gform_submit_button_3, .special-offers .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .special-offers #gform_submit_button_5, .special-offers .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .special-offers #gform_submit_button_7 { margin-left: auto; margin-right: auto; max-width: 15rem; display: flex; margin-top: 3rem; } @media screen and (min-width: 768px) { .special-offers .btn, .special-offers .cc-btn.cc-dismiss, .special-offers .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .special-offers .es-button-base-overlay, .special-offers .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .special-offers #gform_submit_button_2, .special-offers .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .special-offers #gform_submit_button_3, .special-offers .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .special-offers #gform_submit_button_5, .special-offers .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .special-offers #gform_submit_button_7 { max-width: 20rem; } } @media screen and (min-width: 1024px) { .special-offers .wrap { padding: 0 4rem; } .special-offers .wrap { display: flex; flex-direction: column; justify-content: stretch; align-items: center; } .special-offers .swiper, .special-offers .swiper-wrapper { display: contents; } .special-offers .intro-content { margin-bottom: 5.5rem; } .special-offers .intro-content h2, .special-offers .intro-content .listing-page.standalone-content h1, .listing-page.standalone-content .special-offers .intro-content h1, .special-offers .post-overview .intro-content h1, .post-overview .special-offers .intro-content h1, .special-offers .venues-listings .intro-content h1, .venues-listings .special-offers .intro-content h1 { font-size: 5.3rem; margin-bottom: 5rem; } .special-offers .intro-content p:first-of-type { font-size: 2rem; } .special-offers .offers-container { display: flex; flex-direction: row; justify-content: stretch; align-items: stretch; gap: 4rem; } .special-offers .btn, .special-offers .cc-btn.cc-dismiss, .special-offers .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .special-offers .es-button-base-overlay, .special-offers .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .special-offers #gform_submit_button_2, .special-offers .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .special-offers #gform_submit_button_3, .special-offers .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .special-offers #gform_submit_button_5, .special-offers .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .special-offers #gform_submit_button_7 { max-width: none; display: inline-flex; margin-top: 5.5rem; } } .portfolio.wedding-ideas { background: #faf5eb; } .portfolio.wedding-ideas:after { display: none; } .portfolio.wedding-ideas .small-card { box-shadow: none; height: auto; } .portfolio.wedding-ideas:after { display: none; } @media screen and (min-width: 1024px) { .portfolio.wedding-ideas { padding: 15rem 0; } } .team-member-cta { display: flex; flex-direction: column; justify-content: center; align-items: stretch; position: relative; background: #8de5c0; min-height: 35rem; overflow: hidden; } .team-member-cta .content { margin-left: auto; margin-right: auto; max-width: 63rem; text-align: center; position: relative; z-index: 3; background: rgba(141, 229, 192, 0.8); } @media screen and (max-width: 1023px) { .team-member-cta .content { margin-top: 5rem; margin-bottom: 5rem; padding: 0 1rem; } } .team-member-cta .content a { transition: all 0.5s ease-in-out; display: inline-block; margin-right: 0.2rem; font-style: italic; white-space: nowrap; } .team-member-cta .content a:hover { opacity: 0.4; } .team-member-cta .content:before, .team-member-cta .content:after { content: ""; display: block; position: absolute; background-image: url("../library/images//white-accent-shape.svg"); background-size: contain; background-repeat: no-repeat; left: 50%; transform: translateX(-50%); top: -6rem; height: 3rem; width: 3rem; } .team-member-cta .content:after { top: auto; bottom: -6rem; } .team-member-cta h2 br, .team-member-cta .listing-page.standalone-content h1 br, .listing-page.standalone-content .team-member-cta h1 br, .team-member-cta .post-overview .intro-content h1 br, .post-overview .intro-content .team-member-cta h1 br, .team-member-cta .venues-listings .intro-content h1 br, .venues-listings .intro-content .team-member-cta h1 br { display: none; } .team-member-cta img { display: none; } @media screen and (min-width: 1024px) { .team-member-cta img { display: block; position: absolute; right: -5rem; top: 0; height: 100%; width: auto; margin-left: auto; } } body:has(.venues-listings) { padding-top: 0 !important; } body:has(.venues-listings) .intro-content { padding-top: 10rem; } @media screen and (max-width: 1279px) { body:has(.venues-listings) .intro-content { padding-top: 0rem; } } body:has(.venues-listings) header { background-color: transparent; } body:has(.venues-listings) header.headerscrolled { background-color: #FFF; } body:has(.venues-listings) header:before { display: none; } body:has(.venues-listings) header .lower-row { background-color: transparent; } body:has(.venues-listings):has(.mega-menu.active) header, body:has(.venues-listings):has(.list-toggle.active) header { transition: all 0.5s ease-in-out; background-color: #FFF; } @media screen and (max-width: 1279px) { .venues-listings { padding-top: calc(var(--header-height) + 0rem); overflow: hidden; } } .venues-listings .mobile-toggle { transition: all 0.5s ease-in-out; position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; margin: 0 auto; text-align: center; z-index: 5; background-color: #f1f1f1; max-width: 12.6rem; height: 4.04rem; border-radius: 10rem; margin-bottom: 2.5rem; } @media screen and (min-width: 1280px) { .venues-listings .mobile-toggle { display: none; } } .venues-listings .mobile-toggle .toggle-item { transition: 0.25s 0s ease-in-out; display: flex; flex-direction: row; justify-content: center; align-items: center; position: relative; z-index: 5; width: 50%; height: 100%; cursor: pointer; font-weight: 400; padding-top: 0.15rem; font-size: 1.3rem; } .venues-listings .mobile-toggle .toggle-item.active { color: #FFF; } .venues-listings .mobile-toggle:has(.map-toggle.active) { background-color: #FFF; } .venues-listings .mobile-toggle:after { transition: 0.25s 0s ease-in-out; content: ""; display: block; position: absolute; height: calc(100% - 0.6rem); top: 0.3rem; left: 0.3rem; width: calc(50% - 0.4rem); border-radius: 10rem; background: #e55c00; } .venues-listings .mobile-toggle:has(.map-toggle.active):after { left: calc(100% - 6.3rem); right: 0.3rem; } .venues-listings:has(.map-column.active) p { display: none; } .venues-listings:has(.map-column.active) p.mobile.map-active { display: block; } .venues-listings .intro-content { position: relative; z-index: 2; margin-left: auto; margin-right: auto; max-width: 87.5rem; margin-bottom: 3rem; text-align: center; } @media screen and (min-width: 1024px) { .venues-listings .intro-content { margin-bottom: 7rem; } } .venues-listings .intro-content h1 { margin-bottom: 2rem; } @media screen and (min-width: 1024px) { .venues-listings .intro-content h1 { margin-bottom: 3rem; } } .venues-listings .intro-content span { display: none; } .venues-listings .intro-content p.mobile { display: none; } @media screen and (min-width: 1024px) { .venues-listings .intro-content p { font-size: 2rem; } .venues-listings .intro-content p span { display: inline; } } .venues-listings .mobile-filters { display: none; margin-bottom: 4rem; } .venues-listings .mobile-filters p { white-space: nowrap; } @media screen and (max-width: 1279px) { .venues-listings .mobile-filters { margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content: center; gap: 3rem; max-width: 44.3rem; } } @media screen and (max-width: 1279px) and (max-width: 767px) { .venues-listings .mobile-filters { max-width: 29.5rem; } } .venues-listings .mobile-filters select { margin-left: auto; } .venues-listings .venues { width: 100%; display: flex; flex-direction: row; justify-content: stretch; align-items: flex-start; position: relative; } @media screen and (max-width: 1279px) and (min-width: 768px) { .venues-listings .venues { margin-left: auto; margin-right: auto; max-width: 60rem; } } .venues-listings .venues .left-col { position: relative; width: 100%; z-index: 2; } @media screen and (min-width: 1024px) { .venues-listings .venues .left-col { margin-right: auto; } } @media screen and (max-width: 1279px) { .venues-listings .venues .left-col { flex-shrink: 0; transform: translateX(-100vw); transition: transform 0.25s, max-height 0s 0.25s; overflow: hidden; max-height: 0; } .venues-listings .venues .left-col.active { max-height: 100%; overflow: visible; transform: translateX(0); } } .venues-listings .venue-card { margin-bottom: 2.5rem; overflow: hidden; } @media screen and (max-width: 767px) { .venues-listings .venue-card .gallery { position: relative; } .venues-listings .venue-card .gallery:after { content: ""; display: block; position: absolute; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); } .venues-listings .venue-card .content { position: relative; z-index: 5; } .venues-listings .venue-card .content h3 { margin-bottom: 0; } .venues-listings .venue-card .content .top { position: absolute; bottom: 100%; color: #FFF; } } .venues-listings .venue-card:last-of-type { margin-bottom: 0; } .venues-listings .right-col { display: flex; flex-direction: column; justify-content: stretch; align-items: stretch; position: sticky; top: 10rem; width: 100%; max-width: 40rem; margin-left: 3rem; flex-shrink: 0; } .venues-listings .right-col .filters { position: relative; z-index: 3; margin-bottom: 6rem; justify-content: end; } @media screen and (max-width: 1279px) { .venues-listings .right-col .filters { display: none; } } @media screen and (max-width: 1279px) { .venues-listings .right-col { position: relative; display: block; transition: 0.25s 0s ease-in-out; transform: translateX(100vw); margin: 0; top: auto; width: calc(100vw - 4rem); max-width: none; margin-top: -12rem; } } @media screen and (max-width: 1279px) and (min-width: 768px) { .venues-listings .right-col { width: 100%; transform: translateX(100%); margin-top: -8rem; } } @media screen and (max-width: 1279px) { .venues-listings .right-col.active { transform: translateX(calc(-100vw + 4rem)); } } @media screen and (max-width: 1279px) and (min-width: 768px) { .venues-listings .right-col.active { transform: translateX(-100%); } } .venues-listings .map { position: relative; width: 100%; height: 46rem; left: -3rem; } @media screen and (max-width: 1279px) and (min-width: 768px) { .venues-listings .map { margin-left: auto; margin-right: auto; max-width: 30rem; } } .venues-listings .map .map-svg { display: block; position: absolute; top: -57.5rem; left: -17rem; width: 58rem; height: auto; } .venues-listings .map .map-markers { position: absolute; top: 0; left: 0; height: 100%; width: 100%; height: 44rem; width: 38rem; top: auto; bottom: -3.5rem; z-index: 2; } .venues-listings .map .map-markers.loading { animation: fadeOut 0.5s both; } .venues-listings .map .map-markers.loaded { animation: fadeIn 0.5s 0.5s both; } @media screen and (min-width: 1280px) { .venues-listings .map:has(.map-marker.hovered) .map-marker:not(.hovered) { opacity: 0; pointer-events: none !important; } } .venues-listings .map .map-marker { transition: all 0.5s ease-in-out; position: absolute; width: 4rem; height: 5rem; cursor: pointer; transform-origin: bottom; opacity: 0; pointer-events: none; } .venues-listings .map .map-marker .venue-label { pointer-events: none; transition: all 0.5s ease-in-out; position: absolute; bottom: calc(100% + 0.8rem); left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 1.5rem; z-index: 99; opacity: 0; } @media screen and (max-width: 767px) { .venues-listings .map .map-marker[venue-related=braxted-park] .venue-label { left: -10%; } } .venues-listings .map .map-marker svg { transition: all 0.5s ease-in-out; transform: scale(0.6); width: 100%; height: auto; } .venues-listings .map .map-marker svg path { transition: all 0.5s ease-in-out; } .venues-listings .map .map-marker:before { transition: all 0.5s ease-in-out; content: ""; display: block; position: absolute; bottom: 0.3rem; left: 50%; transform: translateX(-50%); width: 1rem; height: 1rem; border-radius: 50%; background: rgba(0, 0, 0, 0.6); filter: blur(5px); z-index: -1; } .venues-listings .map .map-marker.active { pointer-events: auto; opacity: 1; } .venues-listings .map .map-marker.active svg { transform: scale(0.7) translateY(-0.3rem); } .venues-listings .map .map-marker.focused .venue-label { opacity: 1; } @media screen and (max-width: 1279px) { .venues-listings .map .map-marker.focused svg { transform: scale(0.9) translateY(-0.5rem); } .venues-listings .map .map-marker.focused svg path { fill: #e55c00 !important; stroke: #e55c00 !important; } } @media screen and (min-width: 1280px) { .venues-listings .map .map-marker.hovered { transition: all 0.5s ease-in-out; z-index: 5; } .venues-listings .map .map-marker.hovered .venue-label { opacity: 1; } .venues-listings .map .map-marker.hovered svg { transform: scale(0.9) translateY(-0.5rem); } .venues-listings .map .map-marker.hovered svg path { fill: #e55c00 !important; stroke: #e55c00 !important; } } .venues-listings .map .location { opacity: 0; transition: opacity 0.25s ease-in-out; } .venues-listings .map .location.active, .venues-listings .map .location.hovered { opacity: 1; } .mobile-venues-popup { display: flex; flex-direction: row; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 9991; pointer-events: none; opacity: 0; background-color: rgba(250, 245, 235, 0.9); -webkit-backdrop-filter: blur(0.2rem); backdrop-filter: blur(0.2rem); padding: 2rem 3rem 2rem 3rem; } @media screen and (min-width: 1280px) { .mobile-venues-popup { display: none; } } .mobile-venues-popup.active { animation: fadeIn 0.4s ease-in-out forwards; backface-visibility: hidden; pointer-events: auto; } .mobile-venues-popup.fade-out { animation: fadeOut 0.4s ease-in-out forwards; backface-visibility: hidden; pointer-events: none; } .mobile-venues-popup .inner { position: relative; } .mobile-venues-popup .venue-card { display: none; } @media screen and (max-width: 767px) { .mobile-venues-popup .venue-card .gallery { position: relative; } .mobile-venues-popup .venue-card .gallery:after { content: ""; display: block; position: absolute; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); } .mobile-venues-popup .venue-card .content { position: relative; z-index: 5; } .mobile-venues-popup .venue-card .content .top { position: absolute; bottom: 100%; color: #FFF; } .mobile-venues-popup .venue-card .content .top h3 { margin: 0; } } .mobile-venues-popup .venue-card.active { display: block; } @media screen and (min-width: 768px) { .mobile-venues-popup .venue-card.active { display: flex; } } .mobile-venues-popup .close { display: flex; flex-direction: row; justify-content: end; align-items: start; background-color: transparent; aspect-ratio: 1; -webkit-appearance: none; border: none; padding: 1.5rem 1.5rem; position: absolute; top: 0; right: 0; cursor: pointer; outline: 0; z-index: 5; height: 6rem; width: 6rem; } @media screen and (min-width: 768px) { .mobile-venues-popup .close { right: auto; left: 0; justify-content: start; } } .post-overview .wrap { display: flex; flex-direction: column; justify-content: stretch; align-items: center; } .post-overview .intro-content { margin-left: auto; margin-right: auto; max-width: 87.5rem; margin-bottom: 5rem; text-align: center; } @media screen and (min-width: 1024px) { .post-overview .intro-content { margin-bottom: 7rem; } } .post-overview .intro-content h1 { margin-bottom: 3rem; } @media screen and (min-width: 1024px) { .post-overview .intro-content p { font-size: 2rem; } } .post-overview .filters { display: none; margin-bottom: 6rem; } .post-overview .filters select { width: auto; } @media screen and (min-width: 1024px) { .post-overview .filters { margin-bottom: 10rem; } } .post-overview .grid { margin-left: auto; margin-right: auto; position: relative; width: 100%; max-width: 107rem; } .post-overview .noposts { grid-column: span 3; } .post-overview .inner-grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 4rem; } @media screen and (min-width: 768px) { .post-overview .inner-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; } } @media screen and (min-width: 1024px) { .post-overview .inner-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4rem; } } .simple-content .btn, .simple-content .cc-btn.cc-dismiss, .simple-content .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .simple-content .es-button-base-overlay, .simple-content .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .simple-content #gform_submit_button_2, .simple-content .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .simple-content #gform_submit_button_3, .simple-content .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .simple-content #gform_submit_button_5, .simple-content .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .simple-content #gform_submit_button_7 { margin-top: 2rem; } .simple-content.standalone-content { margin-left: auto; margin-right: auto; max-width: 87.5rem; margin-bottom: 7rem; text-align: center; } .simple-content.standalone-content h1 { margin-bottom: 5rem; } @media screen and (min-width: 768px) { .simple-content.standalone-content h3 { font-size: 3rem; } } .image-carousel { padding: 5rem 0; } .image-carousel .swiper-wrapper { height: auto; } .image-carousel .media-element-container { display: contents; } .image-carousel .main-image { position: relative; overflow: hidden; margin-bottom: 1.3rem; width: 100%; border-radius: 1.2rem; } .image-carousel .main-image .swiper-slide { aspect-ratio: 740/500; border-radius: 1.2rem; overflow: hidden; } @media screen and (min-width: 1024px) { .image-carousel .main-image .swiper-slide { aspect-ratio: 1220/813; } } .image-carousel .main-image .image-container { display: block; height: 100%; } .image-carousel .main-image .image-container img { width: 100%; height: 100% !important; } .image-carousel .gallery-container { margin-left: auto; margin-right: auto; } @media screen and (max-width: 1023px) { .image-carousel .gallery-container { order: 2; } } .image-carousel .navigation-container { margin-left: auto; margin-right: auto; position: relative; background: #FFF; padding: 1rem 0; border-radius: 1.2rem; max-width: 60rem; padding: 1rem 3rem; } @media screen and (min-width: 1280px) { .image-carousel .navigation-container { padding: 1rem 0; max-width: 74rem; } } .image-carousel .swiper-button-prev, .image-carousel .swiper-button-next { margin: 0; height: 2rem; width: 2rem; } .image-carousel .swiper-button-prev:after, .image-carousel .swiper-button-next:after { color: #191919; font-size: 1.6rem; } .image-carousel .swiper-button { transition: all 0.5s ease-in-out; visibility: visible; opacity: 0.4; background-color: transparent !important; background-image: url(../library/images/carousel-chevron.svg) !important; background-size: contain !important; background-repeat: no-repeat !important; box-shadow: none; height: 5rem; width: 2.9rem; border: none; font-size: 0; opacity: 1; cursor: pointer; flex-shrink: 0; margin-top: 0; right: -5.3rem; top: 50%; transform: translateY(-50%); } .image-carousel .swiper-button:after { display: none; } .image-carousel .swiper-button:hover { opacity: 0.7; } .image-carousel .swiper-button-prev { right: auto; left: -5.3rem; transform: translateY(-50%) scaleX(-1); } @media screen and (max-width: 1023px) { .image-carousel .swiper-button { height: 3rem; width: 1.5rem; right: 0; } .image-carousel .swiper-button-prev { left: 0; } } .image-carousel .navigation .swiper-slide { aspect-ratio: 1/1; } .image-carousel .navigation img { cursor: pointer; border-radius: 1.2rem; width: 100%; height: auto; aspect-ratio: 1; } .image-gallery .media-element-container { display: contents; } .image-gallery .grid { width: 100%; display: grid; grid-template-columns: repeat(1, 1fr); gap: 2.3rem; } @media screen and (min-width: 768px) { .image-gallery .grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.3rem; } } .image-gallery .gallery-image-container { position: relative; width: 100%; height: 100%; border-radius: 1.9rem; overflow: hidden; } @media screen and (max-width: 767px) { .image-gallery .gallery-image-container { height: auto; } } .image-gallery .gallery-image-container img { width: 100%; height: auto; } @media screen and (max-width: 767px) { .image-gallery .gallery-image-container img { aspect-ratio: 740/500; } } @media screen and (min-width: 768px) { .image-gallery .gallery-image-container:first-of-type { grid-column: span 2; } .image-gallery .gallery-image-container:nth-of-type(4) { grid-column: span 2; } .image-gallery .gallery-image-container:nth-of-type(7) { grid-column: span 2; } .image-gallery .gallery-image-container:nth-of-type(10) { grid-column: span 2; } } .brochure-thank-you .intro-content, .brochure-thank-you .main-content { text-align: center; } .brochure-thank-you .intro-content { margin-bottom: 4rem; } .brochure-thank-you .main-content { margin-left: auto; margin-right: auto; max-width: 60rem; } .brochure-thank-you .btn, .brochure-thank-you .cc-btn.cc-dismiss, .brochure-thank-you .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .brochure-thank-you .es-button-base-overlay, .brochure-thank-you .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .brochure-thank-you #gform_submit_button_2, .brochure-thank-you .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .brochure-thank-you #gform_submit_button_3, .brochure-thank-you .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .brochure-thank-you #gform_submit_button_5, .brochure-thank-you .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .brochure-thank-you #gform_submit_button_7 { margin-top: 4rem; } .thank-you p { margin-left: auto; margin-right: auto; margin-bottom: 2rem; max-width: 70rem; } .thank-you .buttons { display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; gap: 1.5rem; } .thank-you .btn, .thank-you .cc-btn.cc-dismiss, .thank-you .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .thank-you .es-button-base-overlay, .thank-you .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .thank-you #gform_submit_button_2, .thank-you .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .thank-you #gform_submit_button_3, .thank-you .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .thank-you #gform_submit_button_5, .thank-you .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .thank-you #gform_submit_button_7 { margin-top: 4rem; } .portfolio { position: relative; background-color: #faf5eb; padding: 10rem 0; } .portfolio .overflow-container { overflow: hidden; } .portfolio .wrap { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 110rem; } .portfolio .intro-content { margin-left: auto; margin-right: auto; text-align: center; max-width: 80rem; margin-bottom: 4rem; padding: 0.5rem 0 0 0; } .portfolio .intro-content h2, .portfolio .intro-content .listing-page.standalone-content h1, .listing-page.standalone-content .portfolio .intro-content h1, .portfolio .venues-listings .intro-content h1, .venues-listings .portfolio .intro-content h1, .portfolio .post-overview .intro-content h1, .post-overview .portfolio .intro-content h1 { margin-bottom: 3.5rem; } .portfolio .intro-content h2:last-child, .portfolio .intro-content .listing-page.standalone-content h1:last-child, .listing-page.standalone-content .portfolio .intro-content h1:last-child, .portfolio .venues-listings .intro-content h1:last-child, .venues-listings .portfolio .intro-content h1:last-child, .portfolio .post-overview .intro-content h1:last-child, .post-overview .portfolio .intro-content h1:last-child { margin-bottom: 0; } .portfolio .carousel-container { width: 100%; } .portfolio .swiper { overflow: visible; width: 100%; } .portfolio .swiper .swiper-wrapper { align-items: flex-start; } .portfolio .swiper .small-card { transition: all 0.5s ease-in-out; box-shadow: none; height: auto; flex: auto; flex-shrink: 0; } @media screen and (max-width: 1023px) { .portfolio .swiper .small-card:not(.swiper-slide-active) { opacity: 0.5; } } @media screen and (min-width: 1024px) { .portfolio .swiper .small-card:not(.swiper-slide-prev):not(.swiper-slide-next):not(.swiper-slide-active) { opacity: 0.5; } } .portfolio .swiper .small-card .content { background-color: #FFF; } .portfolio .btn, .portfolio .cc-btn.cc-dismiss, .portfolio .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .portfolio .es-button-base-overlay, .portfolio .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .portfolio #gform_submit_button_2, .portfolio .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .portfolio #gform_submit_button_3, .portfolio .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .portfolio #gform_submit_button_5, .portfolio .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .portfolio #gform_submit_button_7 { margin-left: auto; margin-right: auto; display: flex; margin-top: 4rem; } .portfolio .carousel-nav-container { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 2.1rem; margin: 6rem auto 0 auto; } @media screen and (max-width: 1023px) { .portfolio .carousel-nav-container { display: none; gap: 1rem; margin-top: 4.5rem; } } .portfolio .carousel-nav-container .swiper-button { transition: all 0.5s ease-in-out; position: static; visibility: visible; opacity: 0.4; background-color: transparent !important; background-image: url(../library/images/carousel-chevron.svg) !important; background-size: contain !important; background-repeat: no-repeat !important; box-shadow: none; height: 4.5rem; width: 2.9rem; border: none; font-size: 0; opacity: 1; cursor: pointer; flex-shrink: 0; margin-top: 0; } .portfolio .carousel-nav-container .swiper-button:after { display: none; } .portfolio .carousel-nav-container .swiper-button:hover { opacity: 0.7; } .portfolio .carousel-nav-container .swiper-button-prev { transform: scaleX(-1); } @media screen and (max-width: 1023px) { .portfolio .carousel-nav-container .swiper-button { top: calc(100% + 5rem); height: 2rem; width: 3rem; } } .portfolio .carousel-nav-container .progress { position: relative; height: 0.8rem; width: 7.3rem; border-radius: 0.4rem; background-color: #FFF; overflow: hidden; } .portfolio .carousel-nav-container .progress:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background-color: #000; transform: scaleX(0); transform-origin: left; } .portfolio .carousel-nav-container .progress.active:before { animation: scaleProgress 10s forwards linear; } @keyframes scaleProgress { 0% { transform: scaleX(0); } 100% { transform: scaleX(1); } } @media screen and (min-width: 1024px) { .portfolio { padding: 15rem 0; } .portfolio .wrap { padding: 0 2rem; } .portfolio .intro-content { margin-bottom: 6rem; padding: 0.5rem 2rem 0 2rem; } .portfolio .intro-content h2, .portfolio .intro-content .listing-page.standalone-content h1, .listing-page.standalone-content .portfolio .intro-content h1, .portfolio .venues-listings .intro-content h1, .venues-listings .portfolio .intro-content h1, .portfolio .post-overview .intro-content h1, .post-overview .portfolio .intro-content h1 { margin-bottom: 7rem; } .portfolio .carousel-container:not(:has(.small-card:nth-of-type(4))) { display: flex; flex-direction: row; justify-content: stretch; align-items: stretch; gap: 4rem; } .portfolio .carousel-container:not(:has(.small-card:nth-of-type(4))) .swiper-wrapper, .portfolio .carousel-container:not(:has(.small-card:nth-of-type(4))) .swiper { display: contents; } .portfolio .carousel-container:not(:has(.small-card:nth-of-type(4))) .swiper-slide.small-card { opacity: 1; flex-shrink: 1; flex: 1; } .portfolio .btn, .portfolio .cc-btn.cc-dismiss, .portfolio .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .portfolio .es-button-base-overlay, .portfolio .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .portfolio #gform_submit_button_2, .portfolio .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .portfolio #gform_submit_button_3, .portfolio .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .portfolio #gform_submit_button_5, .portfolio .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .portfolio #gform_submit_button_7 { max-width: none; display: inline-flex; margin-top: 6rem; } } .instagram-feed { overflow: hidden; padding: 8rem 0 5rem 0; /* the slides */ /* the parent */ } @media screen and (min-width: 1024px) { .instagram-feed { padding: 12rem 0; } } .instagram-feed .intro-content { text-align: center; margin-bottom: 6rem; } @media screen and (min-width: 1024px) { .instagram-feed .intro-content { margin-bottom: 10rem; } } .instagram-feed .feed-container { position: relative; } .instagram-feed .feed-container .eapps-instagram-feed-content-loader { display: none !important; } .instagram-feed .feed-container .ajax-loader { left: 0; opacity: 1; } @media screen and (min-width: 768px) { .instagram-feed .feed-container .ajax-loader { left: 4.65%; } } .instagram-feed .feed-container .ajax-loader .loader { top: calc(50% - 3rem); } .instagram-feed .feed-container .eapps-instagram-feed { transition: all 0.5s ease-in-out; } .instagram-feed .feed-container.loaded .eapps-instagram-feed .eapps-instagram-feed-posts-item { filter: blur(0); } .instagram-feed .feed-container.loaded .eapps-instagram-feed .eapps-instagram-feed-posts-item-link { opacity: 1; } .instagram-feed .feed-container.loaded .ajax-loader { pointer-events: none; opacity: 0; } @media screen and (min-width: 768px) { .instagram-feed .feed-container { margin-left: -10.3%; } } .instagram-feed .slick-slide { margin: 0 5px !important; } .instagram-feed .slick-list { margin: 0 -5px; } .instagram-feed .slick-slide { height: auto !important; } .instagram-feed .slick-list { overflow: visible !important; } .instagram-feed .eapps-instagram-feed-posts-grid .eapps-instagram-feed-posts-inner { display: block !important; } .instagram-feed .eapps-instagram-feed-posts-grid-load-more { display: none !important; } .instagram-feed .eapps-instagram-feed-posts-item { opacity: 1 !important; transition: none !important; visibility: visible !important; border-radius: 1.5rem; background-color: #faf5eb; filter: blur(2px); } .instagram-feed .eapps-instagram-feed-posts-item .eapps-instagram-feed-posts-item-link { transition: all 0.5s ease-in-out; opacity: 0; } .instagram-feed .eapps-instagram-feed-posts-item:hover video, .instagram-feed .eapps-instagram-feed-posts-item:hover canvas { opacity: 1; } .instagram-feed .eapps-instagram-feed-posts-item-image-wrapper { border-radius: 1.5rem; padding-top: 0 !important; width: 100%; height: 100%; } .instagram-feed .eui-slider-slide { overflow: visible !important; } .instagram-feed .eapps-instagram-feed-posts-item-image { position: static !important; transform: none !important; aspect-ratio: 1/1.8 !important; } .instagram-feed video, .instagram-feed canvas { transition: all 0.5s ease-in-out; position: absolute; top: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; z-index: 99; opacity: 0; } .instagram-feed .eapps-instagram-feed-posts-item-image-ratio-4-5 .eapps-instagram-feed-posts-item-image { width: 100%; top: 0; left: 0; transform: none !important; transition: none !important; position: static !important; } .instagram-feed .eui-slider, .instagram-feed .eapps-eapps-instagram-feed-posts-view { overflow: visible !important; } .instagram-feed .slick-arrow { transition: all 0.5s ease-in-out; position: absolute; left: 60.5%; top: calc(100% + 5rem); visibility: visible; opacity: 0.4; background-color: transparent !important; background-image: url(../library/images/carousel-chevron.svg) !important; background-size: contain !important; background-repeat: no-repeat !important; box-shadow: none; height: 4.5rem; width: 2.9rem; border: none; font-size: 0; opacity: 1; cursor: pointer; } @media screen and (max-width: 767px) { .instagram-feed .slick-arrow { display: none !important; } } .instagram-feed .slick-arrow:hover { opacity: 0.7; } .instagram-feed .slick-arrow.slick-disabled { opacity: 0.2; pointer-events: none; } .instagram-feed .slick-arrow.slick-next { transform: translateX(calc(-60.5% + 3rem)); } .instagram-feed .slick-arrow.slick-prev { transform: translateX(calc(-60.5% - 3rem)) scaleX(-1); } @media screen and (max-width: 1023px) { .instagram-feed .slick-arrow { top: calc(100% + 5rem); height: 2rem; width: 3rem; } .instagram-feed .slick-arrow.slick-next { left: 50%; transform: translateX(calc(-50% + 2rem)); } .instagram-feed .slick-arrow.slick-prev { left: 50%; transform: translateX(calc(-50% - 2rem)) scaleX(-1); } } .eapps-instagram-feed-popup-item-content { display: none !important; } body .eapps-instagram-feed-popup.eapps-widget.eapps-instagram-feed-popup-visible { background-color: rgba(250, 245, 235, 0.9) !important; -webkit-backdrop-filter: blur(0.3rem); backdrop-filter: blur(0.3rem); } .eapps-instagram-feed-popup .eapps-instagram-feed-popup-item-content { position: absolute; } .eapps-instagram-feed-popup .eapps-instagram-feed-popup-item-content { display: block !important; transition: all 0.5s ease-in-out; position: absolute !important; bottom: 0; left: 0; z-index: 5; background-color: #FFF; padding: 2rem !important; transform: translateY(100%); } .eapps-instagram-feed-popup .eapps-instagram-feed-popup-item-content a { display: inline; text-decoration: underline !important; color: #000 !important; } .eapps-instagram-feed-popup .eapps-instagram-feed-popup-item-content .text-trigger { transition: transform 0.2s ease-in-out; position: absolute; top: -3.6rem; right: 2rem; cursor: pointer; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 1rem; width: 6.7rem; } .eapps-instagram-feed-popup .eapps-instagram-feed-popup-item-media-video-placeholder { transition: 0.25s all ease-in-out; } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item, .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-mobile-panel { background: transparent !important; border: none !important; } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-wrapper { overflow-y: scroll; -webkit-overflow-scrolling: touch; scroll-snap-type: y mandatory; height: 100dvh; width: auto; top: 0; -ms-overflow-style: none; scrollbar-width: none; } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-wrapper::-webkit-scrollbar { display: none; } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-wrapper .eapps-instagram-feed-popup-inner { max-width: none; } @media only screen and (orientation: landscape) and (max-width: 767px) { .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-wrapper { width: 100%; } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-wrapper .eapps-instagram-feed-popup-inner { margin: 0; width: 100%; } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-wrapper .eapps-instagram-feed-popup-item-media-video-placeholder-play, .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-wrapper .text-trigger { opacity: 0 !important; transition: none; } } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible button.eapps-instagram-feed-popup-close { position: absolute; opacity: 1 !important; left: auto; right: 2rem; margin: 0; margin: 0 0 0 4.1rem; padding: 0; width: 2rem; height: 2rem; } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible button.eapps-instagram-feed-popup-close:before, .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible button.eapps-instagram-feed-popup-close:after { background-color: #FFF !important; } @media only screen and (orientation: landscape) and (max-width: 767px) { .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible button.eapps-instagram-feed-popup-close { opacity: 0 !important; transition: none; } } @media screen and (min-width: 1024px) { .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible button.eapps-instagram-feed-popup-close { position: fixed; right: calc(50vw - min(56.1643835616dvh, 100vw) / 2 + 2rem); left: auto; margin: 0 !important; } } @media only screen and (orientation: landscape) and (max-width: 767px) { .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item-media-video-sound { transition: none; opacity: 0; } } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .scroll-nav { position: fixed; right: calc(50vw - min(56.1643835616dvh, 100vw) / 2 - 9.9rem); top: 50%; transform: translateY(-50%); z-index: 10; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1.5rem; } @media only screen and (max-width: 1023px) { .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .scroll-nav { display: none; } } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .scroll-nav button { display: block; background: transparent; border: none; padding: 0; cursor: pointer; transition: all 0.5s ease-in-out; } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .scroll-nav button::after { content: ""; display: block; position: absolute; position: relative; background-image: url("../library/images//carousel-chevron.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; top: 0; left: 0; height: 5rem; width: 2.9rem; display: block; } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .scroll-nav button.up::after { transform: rotate(-90deg); } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .scroll-nav button.down::after { transform: rotate(90deg); } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .scroll-nav.at-top .up, .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .scroll-nav.at-bottom .down { opacity: 0.2; pointer-events: none; } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item { margin-left: auto; margin-right: auto; scroll-snap-align: start; scroll-snap-stop: always; height: 100dvh; aspect-ratio: 164/292; width: auto; } @media screen and (max-width: 1023px) { .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item { width: 100%; } } @media screen and (max-width: 1023px) { .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .eapps-instagram-feed-popup-wrapper { top: 0 !important; } } @media screen and (min-width: 1024px) { .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .eapps-instagram-feed-popup-wrapper .eapps-instagram-feed-popup-item-media-video-container { margin-left: auto; margin-right: auto; max-height: 100dvh; aspect-ratio: 164/292; width: auto; } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .eapps-instagram-feed-popup-wrapper .eapps-instagram-feed-popup-inner, .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .eapps-instagram-feed-popup-wrapper .eapps-instagram-feed-popup, .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .eapps-instagram-feed-popup-wrapper .eapps-instagram-feed-popup-item-media-video-placeholder img, .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .eapps-instagram-feed-popup-wrapper .es-post-media-video { aspect-ratio: 164/292; width: auto; max-height: 100dvh; } } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .eapps-instagram-feed-popup-item-media-video-placeholder img, .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .es-post-media-video { height: 100dvh; width: auto; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 1023px) { .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .eapps-instagram-feed-popup-item-media-video-placeholder img, .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .es-post-media-video { width: 100%; } } @media only screen and (orientation: landscape) and (max-width: 767px) { .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item { width: 100%; } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .eapps-instagram-feed-popup-item-media-video-placeholder img, .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .es-post-media-video { width: 100%; } } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .eapps-instagram-feed-popup-item-text { font-family: "aktiv-grotesk", sans-serif; margin-top: 0 !important; } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .eapps-instagram-feed-popup-item-content { display: block !important; transition: all 0.5s ease-in-out; position: absolute !important; bottom: 0; left: 0; z-index: 5; background-color: #FFF; padding: 2rem !important; transform: translateY(100%); } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .eapps-instagram-feed-popup-item-content a { display: inline; text-decoration: underline !important; color: #000 !important; } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .eapps-instagram-feed-popup-item-content .text-trigger { transition: transform 0.2s ease-in-out; position: absolute; top: -3.6rem; right: 2rem; cursor: pointer; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 1rem; width: 6.7rem; } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .eapps-instagram-feed-popup-item-content .text-trigger:before { display: block; font-size: 1.4rem; line-height: 1; content: "Show"; font-family: "aktiv-grotesk", sans-serif; color: #faf5eb; font-weight: 500; } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .eapps-instagram-feed-popup-item-content .text-trigger:after { transition: 0.25s 0s ease-in-out; content: ""; display: block; position: absolute; position: relative; background-image: url("../library/images//white-down-chevron.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; top: 0; left: 0; height: 1.5rem; width: 2rem; transform: rotate(180deg); } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .eapps-instagram-feed-popup-item-content .eapps-instagram-feed-popup-item-text-author { font-weight: 500; font-size: 1.6rem; line-height: 2; display: block; text-underline-offset: 0.5rem; } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .eapps-instagram-feed-popup-item-content:has(.active) { transform: none; } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .eapps-instagram-feed-popup-item-content:has(.active) .text-trigger:after { transform: rotate(0deg); } .eapps-instagram-feed-popup.loaded.eapps-instagram-feed-popup-visible .eapps-instagram-feed-popup-item .eapps-instagram-feed-popup-item-content:has(.active) .text-trigger:before { content: "Hide"; } .single-post-inner .sibling-posts { overflow: hidden; position: relative; padding: 0; } @media screen and (max-width: 1279px) { .single-post-inner .sibling-posts { padding: 4rem 0; margin: 0; width: 100%; } } .single-post-inner .sibling-posts .wrap { display: flex; flex-direction: row; justify-content: stretch; align-items: stretch; position: relative; z-index: 2; } @media screen and (max-width: 767px) { .single-post-inner .sibling-posts .wrap { flex-direction: column; } } @media screen and (max-width: 1279px) { .single-post-inner .sibling-posts .wrap { gap: 3rem; } } .single-post-inner .sibling-posts .sibling-post-container { position: relative; width: 100%; } @media screen and (min-width: 1280px) { .single-post-inner .sibling-posts .sibling-post-container { width: 50%; } .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover + .image-container { transform: none; } .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover + .image-container:after { opacity: 1; } .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content { color: #FFF; } .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content .btn, .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content .cc-btn.cc-dismiss, .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content .es-button-base-overlay, .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content #gform_submit_button_2, .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content #gform_submit_button_3, .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content #gform_submit_button_5, .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content #gform_submit_button_7 { border-color: #FFF; background-color: transparent; } .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content .btn:hover, .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content .cc-btn.cc-dismiss:hover, .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content .form-popup .review-modal .es-button-base-overlay:hover, .form-popup .review-modal .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content .es-button-base-overlay:hover, .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content .form-popup .gform_wrapper #gform_submit_button_2:hover, .form-popup .gform_wrapper .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content #gform_submit_button_2:hover, .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content .form-popup .gform_wrapper #gform_submit_button_3:hover, .form-popup .gform_wrapper .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content #gform_submit_button_3:hover, .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content .form-popup .gform_wrapper #gform_submit_button_5:hover, .form-popup .gform_wrapper .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content #gform_submit_button_5:hover, .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content .form-popup .gform_wrapper #gform_submit_button_7:hover, .form-popup .gform_wrapper .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .content #gform_submit_button_7:hover { background-color: #FFF; color: #e55c00; } .single-post-inner .sibling-posts .sibling-post-container .sibling-post:hover .image-credit { opacity: 1; } } @media screen and (max-width: 1279px) { .single-post-inner .sibling-posts .sibling-post-container { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; aspect-ratio: 1/1; height: auto; padding: 0; color: #FFF; text-align: center; margin-bottom: 0; } .single-post-inner .sibling-posts .sibling-post-container:before { content: ""; display: block; position: absolute; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.4); z-index: 2; } } .single-post-inner .sibling-posts .sibling-post { position: relative; z-index: 5; padding: 8rem 0; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: 100%; } @media screen and (min-width: 1280px) { .single-post-inner .sibling-posts .sibling-post { display: flex; flex-direction: row; justify-content: stretch; align-items: stretch; padding: 8rem; } .single-post-inner .sibling-posts .sibling-post:after { content: ""; display: block; position: absolute; left: 100%; top: 0; height: 100%; width: 100%; } } .single-post-inner .sibling-posts .sibling-post .text-link { transition: all 0.5s ease-in-out; } .single-post-inner .sibling-posts .sibling-post .text-link:after { background: #FFF; } .single-post-inner .sibling-posts strong { font-size: 1.6rem; } .single-post-inner .sibling-posts .mobile-title { text-align: center; margin-bottom: 0; } @media screen and (min-width: 768px) { .single-post-inner .sibling-posts .mobile-title { display: none; } } @media screen and (max-width: 1279px) { .single-post-inner .sibling-posts .desktop-title { display: none; } } .single-post-inner .sibling-posts .desktop-title { margin-bottom: auto; margin-right: auto; } .single-post-inner .sibling-posts h3 { margin: 3rem 0; } @media screen and (max-width: 1279px) { .single-post-inner .sibling-posts h3 { margin: 0; line-height: 1.4; } } .single-post-inner .sibling-posts .content { display: block; position: relative; z-index: 5; transition: all 0.5s ease-in-out; width: 100%; margin-left: auto; margin-right: auto; padding: 1rem 1.5rem; } @media screen and (min-width: 1280px) { .single-post-inner .sibling-posts .content { display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 38rem; width: auto; margin-left: 0; margin-right: auto; padding: 0; } } @media screen and (min-width: 1280px) { .single-post-inner .sibling-posts .previous { margin-right: auto; padding-left: 9rem; margin-right: auto; } .single-post-inner .sibling-posts .previous .image-container { left: auto; right: 0; transform: translateX(calc(-100% + 6rem)); } .single-post-inner .sibling-posts .previous .sibling-post:after { left: auto; right: 100%; } .single-post-inner .sibling-posts .next { padding-right: 9rem; text-align: right; margin-left: auto; } .single-post-inner .sibling-posts .next .desktop-title { margin-right: 0; margin-left: auto; } .single-post-inner .sibling-posts .next .content { margin-left: auto; margin-right: 0; } .single-post-inner .sibling-posts .next .image-container { left: 0; transform: translateX(calc(100% - 6rem)); } } @media screen and (min-width: 1280px) and (min-width: 1280px) { .single-post-inner .sibling-posts .next .readmore { margin: auto 0 0 auto; } } .single-post-inner .sibling-posts .readmore { display: inline-flex; margin-top: auto; min-width: auto; } @media screen and (min-width: 1280px) { .single-post-inner .sibling-posts .readmore { margin-right: auto; } } @media screen and (max-width: 1279px) { .single-post-inner .sibling-posts .readmore { margin-top: 2rem; border-color: #FFF; background-color: transparent; } } .single-post-inner .sibling-posts .image-container { transition: all 0.5s ease-in-out; position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .single-post-inner .sibling-posts .image-container:after { transition: all 0.5s ease-in-out; content: ""; display: block; position: absolute; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.6); opacity: 0; } @media screen and (min-width: 1280px) { .single-post-inner .sibling-posts .image-credit { opacity: 0; } } .single-post-inner .sibling-posts img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .full-width-image-carousel { overflow: hidden; } .full-width-image-carousel .carousel-container { margin-left: auto; margin-right: auto; } .full-width-image-carousel .carousel-container .swiper-slide, .full-width-image-carousel .carousel-container .swiper-wrapper { height: auto; } .full-width-image-carousel .carousel-container .swiper-slide { aspect-ratio: 904/508; } @media screen and (max-width: 1023px) { .full-width-image-carousel .carousel-container .swiper-slide { aspect-ratio: 1; } } .full-width-image-carousel .carousel-container img { width: 100%; height: 100%; } .full-width-image-carousel .carousel-container .content { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; color: #FFF; padding: 3rem; } .full-width-image-carousel .carousel-nav-container { position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 2.1rem; margin: 6rem auto 0 auto; } @media screen and (max-width: 1023px) { .full-width-image-carousel .carousel-nav-container { display: none; gap: 1rem; margin-top: 4.5rem; } } .full-width-image-carousel .carousel-nav-container .swiper-button { transition: all 0.5s ease-in-out; position: static; visibility: visible; opacity: 0.4; background-color: transparent !important; background-image: url(../library/images/carousel-chevron.svg) !important; background-size: contain !important; background-repeat: no-repeat !important; box-shadow: none; height: 5rem; width: 2.9rem; border: none; font-size: 0; opacity: 1; cursor: pointer; flex-shrink: 0; margin-top: 0; } .full-width-image-carousel .carousel-nav-container .swiper-button:after { display: none; } .full-width-image-carousel .carousel-nav-container .swiper-button:hover { opacity: 0.7; } .full-width-image-carousel .carousel-nav-container .swiper-button-prev { transform: scaleX(-1); } @media screen and (max-width: 1023px) { .full-width-image-carousel .carousel-nav-container .swiper-button { top: calc(100% + 5rem); height: 2rem; width: 3rem; } } .single-post .full-width-image-carousel { padding: 0; } .standalone-media { position: relative; overflow: hidden; } .standalone-media.full-width .media-container { border-radius: 0; } .standalone-media .media-container { position: relative; aspect-ratio: var(--desktop-aspect-ratio, 16/9); border-radius: 1.9rem; overflow: hidden; } @media screen and (max-width: 1023px) { .standalone-media .media-container { aspect-ratio: var(--mobile-aspect-ratio, 1.2/1); } } .standalone-media .media-container:before { content: ""; display: block; position: absolute; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: var(--image-overlay-colour); z-index: 2; } .standalone-media img, .standalone-media iframe { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .standalone-media .below-media-content { z-index: 3; margin-top: 6rem; } .standalone-media .below-media-content .inner { max-width: var(--maximum-width); } .standalone-media .below-media-content.centralise-content { display: flex; flex-direction: column; justify-content: center; align-items: center; } .standalone-media .below-media-content.centralise-content .inner { display: flex; flex-direction: column; justify-content: center; align-items: center; } .standalone-media .below-media-content.centralise-content .btn, .standalone-media .below-media-content.centralise-content .cc-btn.cc-dismiss, .standalone-media .below-media-content.centralise-content .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .standalone-media .below-media-content.centralise-content .es-button-base-overlay, .standalone-media .below-media-content.centralise-content .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .standalone-media .below-media-content.centralise-content #gform_submit_button_2, .standalone-media .below-media-content.centralise-content .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .standalone-media .below-media-content.centralise-content #gform_submit_button_3, .standalone-media .below-media-content.centralise-content .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .standalone-media .below-media-content.centralise-content #gform_submit_button_5, .standalone-media .below-media-content.centralise-content .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .standalone-media .below-media-content.centralise-content #gform_submit_button_7 { margin-top: 4rem; } .standalone-media.overlay-content { position: relative; } .standalone-media.overlay-content.large-pd-top { margin-top: 100px; } .standalone-media.overlay-content.small-pd-top { margin-top: 25px; } .standalone-media.overlay-content.no-pd-top { margin-top: 0; } .standalone-media.overlay-content.large-pd-bottom { margin-bottom: 100px; } .standalone-media.overlay-content.small-pd-bottom { margin-bottom: 25px; } .standalone-media.overlay-content.no-pd-bottom { margin-bottom: 0; } @media only screen and (min-width: 768px) { .standalone-media.overlay-content.large-pd-top { margin-top: 150px; } .standalone-media.overlay-content.small-pd-top { margin-top: 50px; } .standalone-media.overlay-content.no-pd-top { margin-top: 0; } .standalone-media.overlay-content.large-pd-bottom { margin-bottom: 150px; } .standalone-media.overlay-content.small-pd-bottom { margin-bottom: 50px; } .standalone-media.overlay-content.no-pd-bottom { margin-bottom: 0; } } .standalone-media.overlay-content .below-media-content { max-width: none; margin: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .standalone-media.white-text { color: #FFF; } .video-block .video-container { position: relative; width: 100%; aspect-ratio: 16/9; overflow: hidden; border-radius: 1.9rem; } @media screen and (max-width: 767px) { .video-block .video-container { margin-left: -2rem; width: 100vw; aspect-ratio: 1/1; } } .video-block .video-container iframe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: 2; pointer-events: none; } .video-block .video-container img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .video-block .video-container .play-icon { position: absolute; transition: all 0.5s ease-in-out; background-image: url("../library/images//play-icon.svg"); background-size: contain; background-repeat: no-repeat; background-position: 55% center; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 12rem; width: 12rem; z-index: 3; border-radius: 50%; cursor: pointer; } @media screen and (max-width: 1023px) { .video-block .video-container .play-icon { background-image: url("../library/images//play-icon.svg"); background-size: contain; background-repeat: no-repeat; height: 10rem; width: 10rem; } } @media screen and (max-width: 767px) { .video-block .video-container .play-icon { background-image: url("../library/images//play-icon.svg"); background-size: contain; background-repeat: no-repeat; height: 8rem; width: 8rem; } } .popup-player { position: absolute; height: 0; width: 0; overflow: hidden; top: -9999999px; left: -9999999px; } .parallax-image-and-title { overflow: hidden; } .parallax-image-and-title .wrap { display: grid; grid-template-columns: repeat(12, 1fr); gap: 0; } .parallax-image-and-title h2, .parallax-image-and-title .listing-page.standalone-content h1, .listing-page.standalone-content .parallax-image-and-title h1, .parallax-image-and-title .venues-listings .intro-content h1, .venues-listings .intro-content .parallax-image-and-title h1, .parallax-image-and-title .post-overview .intro-content h1, .post-overview .intro-content .parallax-image-and-title h1 { line-height: 1.1; } .parallax-image-and-title .image-container { border-radius: 1.2rem; overflow: hidden; } .parallax-image-and-title img { width: 100%; height: 100%; } @media screen and (min-width: 1024px) { .parallax-image-and-title.layout-one { display: grid; grid-template-columns: repeat(12, 1fr); gap: 0; } .parallax-image-and-title.layout-one .wrap { display: contents; } } .parallax-image-and-title.layout-one .image-container-two { grid-column: 7/-1; aspect-ratio: 750/499; margin-bottom: 11.5rem; width: calc(100% - (100vw - 1240px) / 2); } @media screen and (max-width: 1023px) { .parallax-image-and-title.layout-one .image-container-two { aspect-ratio: 337/270; grid-column: 5/-1; width: 100%; margin-left: 2rem; margin-bottom: 0rem; border-radius: 1.2rem 0 0 1.2rem; } } .parallax-image-and-title.layout-one .image-container-one { grid-column: 1/8; grid-row: 2; border-radius: 0 1.2rem 1.2rem 0; } @media screen and (max-width: 1023px) { .parallax-image-and-title.layout-one .image-container-one { grid-row: 3; aspect-ratio: 387/639; margin-left: -2rem; grid-column: 1/12; } } .parallax-image-and-title.layout-one h2, .parallax-image-and-title.layout-one .listing-page.standalone-content h1, .listing-page.standalone-content .parallax-image-and-title.layout-one h1, .parallax-image-and-title.layout-one .venues-listings .intro-content h1, .venues-listings .intro-content .parallax-image-and-title.layout-one h1, .parallax-image-and-title.layout-one .post-overview .intro-content h1, .post-overview .intro-content .parallax-image-and-title.layout-one h1 { margin-top: 14rem; grid-row: 2; grid-column: 7/12; } @media screen and (max-width: 1023px) { .parallax-image-and-title.layout-one h2, .parallax-image-and-title.layout-one .listing-page.standalone-content h1, .listing-page.standalone-content .parallax-image-and-title.layout-one h1, .parallax-image-and-title.layout-one .venues-listings .intro-content h1, .venues-listings .intro-content .parallax-image-and-title.layout-one h1, .parallax-image-and-title.layout-one .post-overview .intro-content h1, .post-overview .intro-content .parallax-image-and-title.layout-one h1 { margin: 2rem 0 0 0; grid-column: 1/-1; } } .parallax-image-and-title.layout-one.right .image-container-two { grid-column: 1/7; width: calc(100% - (100vw - 1240px) / 2); margin-left: auto; } @media screen and (max-width: 1023px) { .parallax-image-and-title.layout-one.right .image-container-two { grid-column: 1/9; width: 100%; margin-left: -2rem; border-radius: 0 1.2rem 1.2rem 0; } } .parallax-image-and-title.layout-one.right .image-container-one { grid-column: 6/-1; border-radius: 1.2rem 0 0 1.2rem; } @media screen and (max-width: 1023px) { .parallax-image-and-title.layout-one.right .image-container-one { grid-column: 2/-1; grid-row: 3; margin-right: 0; margin-left: 2rem; } } .parallax-image-and-title.layout-one.right h2, .parallax-image-and-title.layout-one.right .listing-page.standalone-content h1, .listing-page.standalone-content .parallax-image-and-title.layout-one.right h1, .parallax-image-and-title.layout-one.right .venues-listings .intro-content h1, .venues-listings .intro-content .parallax-image-and-title.layout-one.right h1, .parallax-image-and-title.layout-one.right .post-overview .intro-content h1, .post-overview .intro-content .parallax-image-and-title.layout-one.right h1 { text-align: right; grid-column: 3/7; } @media screen and (max-width: 1023px) { .parallax-image-and-title.layout-one.right h2, .parallax-image-and-title.layout-one.right .listing-page.standalone-content h1, .listing-page.standalone-content .parallax-image-and-title.layout-one.right h1, .parallax-image-and-title.layout-one.right .venues-listings .intro-content h1, .venues-listings .intro-content .parallax-image-and-title.layout-one.right h1, .parallax-image-and-title.layout-one.right .post-overview .intro-content h1, .post-overview .intro-content .parallax-image-and-title.layout-one.right h1 { margin: 2rem 0 0 0; grid-column: 1/-1; } } .parallax-image-and-title.layout-two .image-container-one { grid-column: 1/8; grid-row: 1; aspect-ratio: 1000/1017; } @media screen and (max-width: 1023px) { .parallax-image-and-title.layout-two .image-container-one { grid-row: 2/4; grid-column: 1/12; } } .parallax-image-and-title.layout-two h2, .parallax-image-and-title.layout-two .listing-page.standalone-content h1, .listing-page.standalone-content .parallax-image-and-title.layout-two h1, .parallax-image-and-title.layout-two .venues-listings .intro-content h1, .venues-listings .intro-content .parallax-image-and-title.layout-two h1, .parallax-image-and-title.layout-two .post-overview .intro-content h1, .post-overview .intro-content .parallax-image-and-title.layout-two h1 { margin-top: 14rem; grid-column: 7/12; grid-row: 1; } @media screen and (max-width: 1023px) { .parallax-image-and-title.layout-two h2, .parallax-image-and-title.layout-two .listing-page.standalone-content h1, .listing-page.standalone-content .parallax-image-and-title.layout-two h1, .parallax-image-and-title.layout-two .venues-listings .intro-content h1, .venues-listings .intro-content .parallax-image-and-title.layout-two h1, .parallax-image-and-title.layout-two .post-overview .intro-content h1, .post-overview .intro-content .parallax-image-and-title.layout-two h1 { grid-row: 1/3; margin: 0; grid-column: 3/12; } .parallax-image-and-title.layout-two h2 br, .parallax-image-and-title.layout-two .listing-page.standalone-content h1 br, .listing-page.standalone-content .parallax-image-and-title.layout-two h1 br, .parallax-image-and-title.layout-two .venues-listings .intro-content h1 br, .venues-listings .intro-content .parallax-image-and-title.layout-two h1 br, .parallax-image-and-title.layout-two .post-overview .intro-content h1 br, .post-overview .intro-content .parallax-image-and-title.layout-two h1 br { display: none; } } .parallax-image-and-title.layout-two.right .image-container-one { grid-column: 6/-1; } @media screen and (max-width: 1023px) { .parallax-image-and-title.layout-two.right .image-container-one { grid-column: 2/-1; } } .parallax-image-and-title.layout-two.right h2, .parallax-image-and-title.layout-two.right .listing-page.standalone-content h1, .listing-page.standalone-content .parallax-image-and-title.layout-two.right h1, .parallax-image-and-title.layout-two.right .venues-listings .intro-content h1, .venues-listings .intro-content .parallax-image-and-title.layout-two.right h1, .parallax-image-and-title.layout-two.right .post-overview .intro-content h1, .post-overview .intro-content .parallax-image-and-title.layout-two.right h1 { grid-column: 1/7; text-align: right; } @media screen and (max-width: 1023px) { .parallax-image-and-title.layout-two.right h2, .parallax-image-and-title.layout-two.right .listing-page.standalone-content h1, .listing-page.standalone-content .parallax-image-and-title.layout-two.right h1, .parallax-image-and-title.layout-two.right .venues-listings .intro-content h1, .venues-listings .intro-content .parallax-image-and-title.layout-two.right h1, .parallax-image-and-title.layout-two.right .post-overview .intro-content h1, .post-overview .intro-content .parallax-image-and-title.layout-two.right h1 { grid-column: 1/9; } } .parallax-image-and-title.layout-three .image-container-two { grid-row: 1/3; grid-column: 7/-1; aspect-ratio: 750/499; } @media screen and (max-width: 1023px) { .parallax-image-and-title.layout-three .image-container-two { grid-row: 1; aspect-ratio: 337/270; grid-column: 5/-1; width: 100%; margin-left: 2rem; margin-bottom: 0rem; border-radius: 1.2rem 0 0 1.2rem; } } .parallax-image-and-title.layout-three .image-container-one { grid-column: 1/6; grid-row: 2/8; aspect-ratio: 642/1017; height: 1017px; width: 100%; } @media screen and (max-width: 1023px) { .parallax-image-and-title.layout-three .image-container-one { height: auto; grid-row: 3; aspect-ratio: 387/639; grid-column: 1/12; border-radius: 1.2rem; } } .parallax-image-and-title.layout-three h2, .parallax-image-and-title.layout-three .listing-page.standalone-content h1, .listing-page.standalone-content .parallax-image-and-title.layout-three h1, .parallax-image-and-title.layout-three .venues-listings .intro-content h1, .venues-listings .intro-content .parallax-image-and-title.layout-three h1, .parallax-image-and-title.layout-three .post-overview .intro-content h1, .post-overview .intro-content .parallax-image-and-title.layout-three h1 { grid-row: 4/5; grid-column: 5/10; margin-bottom: 13.5rem; } @media screen and (max-width: 1023px) { .parallax-image-and-title.layout-three h2, .parallax-image-and-title.layout-three .listing-page.standalone-content h1, .listing-page.standalone-content .parallax-image-and-title.layout-three h1, .parallax-image-and-title.layout-three .venues-listings .intro-content h1, .venues-listings .intro-content .parallax-image-and-title.layout-three h1, .parallax-image-and-title.layout-three .post-overview .intro-content h1, .post-overview .intro-content .parallax-image-and-title.layout-three h1 { grid-row: 2; margin: 2rem 0 0 0; grid-column: 1/-1; } } .parallax-image-and-title.layout-three.right .image-container-two { grid-column: 1/7; margin-left: right; } @media screen and (max-width: 1023px) { .parallax-image-and-title.layout-three.right .image-container-two { grid-column: 1/9; width: 100%; margin-left: -2rem; border-radius: 0 1.2rem 1.2rem 0; } } .parallax-image-and-title.layout-three.right .image-container-one { grid-column: 8/-1; } @media screen and (max-width: 1023px) { .parallax-image-and-title.layout-three.right .image-container-one { grid-column: 2/-1; grid-row: 3; margin-right: 0; } } .parallax-image-and-title.layout-three.right h2, .parallax-image-and-title.layout-three.right .listing-page.standalone-content h1, .listing-page.standalone-content .parallax-image-and-title.layout-three.right h1, .parallax-image-and-title.layout-three.right .venues-listings .intro-content h1, .venues-listings .intro-content .parallax-image-and-title.layout-three.right h1, .parallax-image-and-title.layout-three.right .post-overview .intro-content h1, .post-overview .intro-content .parallax-image-and-title.layout-three.right h1 { text-align: right; grid-column: 4/9; } @media screen and (max-width: 1023px) { .parallax-image-and-title.layout-three.right h2, .parallax-image-and-title.layout-three.right .listing-page.standalone-content h1, .listing-page.standalone-content .parallax-image-and-title.layout-three.right h1, .parallax-image-and-title.layout-three.right .venues-listings .intro-content h1, .venues-listings .intro-content .parallax-image-and-title.layout-three.right h1, .parallax-image-and-title.layout-three.right .post-overview .intro-content h1, .post-overview .intro-content .parallax-image-and-title.layout-three.right h1 { margin: 2rem 0 0 0; grid-column: 1/-1; } } /* Pages Payload ================================================ */ .error404__content { padding: 100px 2rem 150px; text-align: center; } .error404__content h1 { font-size: 7em; color: #050505; line-height: 170px; margin-bottom: 30px; } @media screen and (max-width: 1023px) { .error404__content h1 { font-size: 4em; } } .error404__content p a { display: block; } .taxonomies-masthead { background: #050505; color: #FFF; padding: 4.5rem 0 8rem 0; } .taxonomies-masthead .wrap { display: flex; flex-direction: column; justify-content: stretch; align-items: flex-start; } @media screen and (min-width: 768px) { .taxonomies-masthead .wrap { display: flex; flex-direction: row; justify-content: stretch; align-items: flex-start; } } .taxonomies-masthead select { width: auto; } @media screen and (max-width: 767px) { .taxonomies-masthead select { display: none; } } .taxonomies-masthead .left { max-width: 75rem; margin-right: auto; } @media screen and (max-width: 767px) { .taxonomies-masthead .left { display: contents; } } .taxonomies-masthead h1 { font-family: "BureauGrot-CompBold", serif; line-height: 0.8; font-size: 7.5rem; text-transform: uppercase; color: #FFF; } @media screen and (max-width: 767px) { .taxonomies-masthead h1 { font-size: 5rem; line-height: 1; } } .taxonomies-masthead p { margin-bottom: 2.5rem; } .taxonomies-masthead p:last-of-type { margin-bottom: 0; } .taxonomies-masthead .btn, .taxonomies-masthead .cc-btn.cc-dismiss, .taxonomies-masthead .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .taxonomies-masthead .es-button-base-overlay, .taxonomies-masthead .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .taxonomies-masthead #gform_submit_button_2, .taxonomies-masthead .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .taxonomies-masthead #gform_submit_button_3, .taxonomies-masthead .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .taxonomies-masthead #gform_submit_button_5, .taxonomies-masthead .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .taxonomies-masthead #gform_submit_button_7 { margin-top: 3.5rem; } @media screen and (min-width: 768px) { .taxonomies-masthead .btn:hover, .taxonomies-masthead .cc-btn.cc-dismiss:hover, .taxonomies-masthead .form-popup .review-modal .es-button-base-overlay:hover, .form-popup .review-modal .taxonomies-masthead .es-button-base-overlay:hover, .taxonomies-masthead .form-popup .gform_wrapper #gform_submit_button_2:hover, .form-popup .gform_wrapper .taxonomies-masthead #gform_submit_button_2:hover, .taxonomies-masthead .form-popup .gform_wrapper #gform_submit_button_3:hover, .form-popup .gform_wrapper .taxonomies-masthead #gform_submit_button_3:hover, .taxonomies-masthead .form-popup .gform_wrapper #gform_submit_button_5:hover, .form-popup .gform_wrapper .taxonomies-masthead #gform_submit_button_5:hover, .taxonomies-masthead .form-popup .gform_wrapper #gform_submit_button_7:hover, .form-popup .gform_wrapper .taxonomies-masthead #gform_submit_button_7:hover { background: none; border-color: #FFF; color: #FFF; } .taxonomies-masthead .btn:hover:before, .taxonomies-masthead .cc-btn.cc-dismiss:hover:before, .taxonomies-masthead .form-popup .review-modal .es-button-base-overlay:hover:before, .form-popup .review-modal .taxonomies-masthead .es-button-base-overlay:hover:before, .taxonomies-masthead .form-popup .gform_wrapper #gform_submit_button_2:hover:before, .form-popup .gform_wrapper .taxonomies-masthead #gform_submit_button_2:hover:before, .taxonomies-masthead .form-popup .gform_wrapper #gform_submit_button_3:hover:before, .form-popup .gform_wrapper .taxonomies-masthead #gform_submit_button_3:hover:before, .taxonomies-masthead .form-popup .gform_wrapper #gform_submit_button_5:hover:before, .form-popup .gform_wrapper .taxonomies-masthead #gform_submit_button_5:hover:before, .taxonomies-masthead .form-popup .gform_wrapper #gform_submit_button_7:hover:before, .form-popup .gform_wrapper .taxonomies-masthead #gform_submit_button_7:hover:before, .taxonomies-masthead .btn:hover:after, .taxonomies-masthead .cc-btn.cc-dismiss:hover:after, .taxonomies-masthead .form-popup .review-modal .es-button-base-overlay:hover:after, .form-popup .review-modal .taxonomies-masthead .es-button-base-overlay:hover:after, .taxonomies-masthead .form-popup .gform_wrapper #gform_submit_button_2:hover:after, .form-popup .gform_wrapper .taxonomies-masthead #gform_submit_button_2:hover:after, .taxonomies-masthead .form-popup .gform_wrapper #gform_submit_button_3:hover:after, .form-popup .gform_wrapper .taxonomies-masthead #gform_submit_button_3:hover:after, .taxonomies-masthead .form-popup .gform_wrapper #gform_submit_button_5:hover:after, .form-popup .gform_wrapper .taxonomies-masthead #gform_submit_button_5:hover:after, .taxonomies-masthead .form-popup .gform_wrapper #gform_submit_button_7:hover:after, .form-popup .gform_wrapper .taxonomies-masthead #gform_submit_button_7:hover:after { background: #FFF; } } .taxonomies-masthead .hidden-content { width: 100%; display: none; } .taxonomy-venue-listing { padding: 6.5rem 0 13rem 0; } .taxonomy-venue-listing .wrap { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; } .taxonomy-venue-listing .filters { justify-content: center; margin-bottom: 4rem; } @media screen and (min-width: 768px) { .taxonomy-venue-listing .filters { width: auto; margin-bottom: 8rem; } } .taxonomy-venue-listing .ajax-listings { display: flex; flex-direction: column; justify-content: center; align-items: center; } .taxonomy-venue-listing .venue-card { margin-bottom: 2.5rem; } .taxonomy-venue-listing .venue-card:last-of-type { margin-bottom: 0; } s.single-venues h2, s.single-venues .listing-page.standalone-content h1, .listing-page.standalone-content s.single-venues h1, s.single-venues .venues-listings .intro-content h1, .venues-listings .intro-content s.single-venues h1, s.single-venues .post-overview .intro-content h1, .post-overview .intro-content s.single-venues h1 { font-size: 6.5rem; } @media screen and (max-width: 767px) { s.single-venues h2, s.single-venues .listing-page.standalone-content h1, .listing-page.standalone-content s.single-venues h1, s.single-venues .venues-listings .intro-content h1, .venues-listings .intro-content s.single-venues h1, s.single-venues .post-overview .intro-content h1, .post-overview .intro-content s.single-venues h1 { font-size: 5rem; line-height: 1; } } s.single-venues a.btn[target=_blank]:after, s.single-venues a[target=_blank].cc-btn.cc-dismiss:after, s.single-venues .form-popup .review-modal a[target=_blank].es-button-base-overlay:after, .form-popup .review-modal s.single-venues a[target=_blank].es-button-base-overlay:after, s.single-venues .form-popup .gform_wrapper a[target=_blank]#gform_submit_button_2:after, .form-popup .gform_wrapper s.single-venues a[target=_blank]#gform_submit_button_2:after, s.single-venues .form-popup .gform_wrapper a[target=_blank]#gform_submit_button_3:after, .form-popup .gform_wrapper s.single-venues a[target=_blank]#gform_submit_button_3:after, s.single-venues .form-popup .gform_wrapper a[target=_blank]#gform_submit_button_5:after, .form-popup .gform_wrapper s.single-venues a[target=_blank]#gform_submit_button_5:after, s.single-venues .form-popup .gform_wrapper a[target=_blank]#gform_submit_button_7:after, .form-popup .gform_wrapper s.single-venues a[target=_blank]#gform_submit_button_7:after { transition: all 0.5s ease-in-out; content: ""; width: 1.2rem; height: 1.2rem; margin-left: 0.8rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; } @media screen and (max-width: 1023px) { s.single-venues a.btn[target=_blank]:after, s.single-venues a[target=_blank].cc-btn.cc-dismiss:after, s.single-venues .form-popup .review-modal a[target=_blank].es-button-base-overlay:after, .form-popup .review-modal s.single-venues a[target=_blank].es-button-base-overlay:after, s.single-venues .form-popup .gform_wrapper a[target=_blank]#gform_submit_button_2:after, .form-popup .gform_wrapper s.single-venues a[target=_blank]#gform_submit_button_2:after, s.single-venues .form-popup .gform_wrapper a[target=_blank]#gform_submit_button_3:after, .form-popup .gform_wrapper s.single-venues a[target=_blank]#gform_submit_button_3:after, s.single-venues .form-popup .gform_wrapper a[target=_blank]#gform_submit_button_5:after, .form-popup .gform_wrapper s.single-venues a[target=_blank]#gform_submit_button_5:after, s.single-venues .form-popup .gform_wrapper a[target=_blank]#gform_submit_button_7:after, .form-popup .gform_wrapper s.single-venues a[target=_blank]#gform_submit_button_7:after { display: none; } } @media screen and (min-width: 1024px) { s.single-venues a.btn[target=_blank]:after, s.single-venues a[target=_blank].cc-btn.cc-dismiss:after, s.single-venues .form-popup .review-modal a[target=_blank].es-button-base-overlay:after, .form-popup .review-modal s.single-venues a[target=_blank].es-button-base-overlay:after, s.single-venues .form-popup .gform_wrapper a[target=_blank]#gform_submit_button_2:after, .form-popup .gform_wrapper s.single-venues a[target=_blank]#gform_submit_button_2:after, s.single-venues .form-popup .gform_wrapper a[target=_blank]#gform_submit_button_3:after, .form-popup .gform_wrapper s.single-venues a[target=_blank]#gform_submit_button_3:after, s.single-venues .form-popup .gform_wrapper a[target=_blank]#gform_submit_button_5:after, .form-popup .gform_wrapper s.single-venues a[target=_blank]#gform_submit_button_5:after, s.single-venues .form-popup .gform_wrapper a[target=_blank]#gform_submit_button_7:after, .form-popup .gform_wrapper s.single-venues a[target=_blank]#gform_submit_button_7:after { width: 1.4rem; height: 1.4rem; } } s.single-venues a.btn[target=_blank]:hover:after, s.single-venues a[target=_blank].cc-btn.cc-dismiss:hover:after, s.single-venues .form-popup .review-modal a[target=_blank].es-button-base-overlay:hover:after, .form-popup .review-modal s.single-venues a[target=_blank].es-button-base-overlay:hover:after, s.single-venues .form-popup .gform_wrapper a[target=_blank]#gform_submit_button_2:hover:after, .form-popup .gform_wrapper s.single-venues a[target=_blank]#gform_submit_button_2:hover:after, s.single-venues .form-popup .gform_wrapper a[target=_blank]#gform_submit_button_3:hover:after, .form-popup .gform_wrapper s.single-venues a[target=_blank]#gform_submit_button_3:hover:after, s.single-venues .form-popup .gform_wrapper a[target=_blank]#gform_submit_button_5:hover:after, .form-popup .gform_wrapper s.single-venues a[target=_blank]#gform_submit_button_5:hover:after, s.single-venues .form-popup .gform_wrapper a[target=_blank]#gform_submit_button_7:hover:after, .form-popup .gform_wrapper s.single-venues a[target=_blank]#gform_submit_button_7:hover:after { filter: brightness(0); } .single-venue-masthead { position: relative; padding: 6rem 0 3rem 0; height: clamp(50rem, 100dvh - var(--header-height), 90rem); max-height: 90rem; color: #FFF; overflow: hidden; } @media screen and (max-width: 767px) { .single-venue-masthead { height: calc(var(--staticvh, 1vh) * 100 - var(--header-height)); } } .single-venue-masthead:before { content: ""; display: block; position: absolute; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 2; animation: bg-blur-fade-in 1.25s 0.7s ease-in both; opacity: 0; } @keyframes bg-blur-fade-in { from { opacity: 0; background-color: rgba(0, 0, 0, 0); } to { opacity: 1; background-color: rgba(0, 0, 0, 0.4); } } .single-venue-masthead .main-hero-image { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .single-venue-masthead .main-hero-image { height: 100%; width: calc(100% + 10rem); animation: horizontalAnimate linear 20s infinite alternate; } @keyframes horizontalAnimate { 0% { transform: translateX(-10rem); } 100% { transform: translateX(0rem); } } @media screen and (max-width: 767px) { .single-venue-masthead { padding: 3rem 0; } } .single-venue-masthead .wrap { height: 100%; position: relative; z-index: 2; display: flex; flex-direction: column; justify-content: center; align-items: center; } .single-venue-masthead .content { max-width: 55rem; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; } .single-venue-masthead .content *:not(.logo-container):not(.logo):not(em) { opacity: 0; animation: fadeIn 1s 1.75s forwards; } .single-venue-masthead h1 { position: relative; line-height: 1.2; margin-bottom: 2rem; } @media screen and (max-width: 767px) { .single-venue-masthead h1 { font-size: 3.6rem; margin-bottom: 0.5rem; max-width: 32.5rem; } } .single-venue-masthead h3 { margin-bottom: 0; } @media screen and (max-width: 767px) { .single-venue-masthead h3 { font-size: 2.5rem; } } .single-venue-masthead .vertical-divider { height: 6rem; width: 0.1rem; background-color: #FFF; margin: 3rem 0; } @media screen and (max-width: 767px) { .single-venue-masthead .vertical-divider { height: 4rem; margin: 2rem 0; } } .single-venue-masthead .short-description { font-size: 1.8rem; } @media screen and (max-width: 767px) { .single-venue-masthead .short-description { font-size: 1.6rem; } } .single-venue-masthead .text-link { margin-top: 3rem; min-width: auto; gap: 1.5rem; color: #FFF; text-decoration: underline; text-underline-offset: 0.5rem; cursor: pointer; display: inline-flex; font-size: 1.3rem; line-height: 1.4rem; font-weight: 500; } @media screen and (min-width: 768px) { .single-venue-masthead .text-link { font-size: 1.4rem; } } .single-venue-masthead .text-link svg { opacity: 1 !important; animation: none !important; max-width: 1.5rem; height: auto; } .single-venue-masthead .text-link svg path { stroke: #FFF; } .single-venue-masthead .main-image { position: relative; overflow: hidden; border-radius: 1rem; margin-bottom: 3rem; width: 100%; } .single-venue-masthead .main-image .swiper-wrapper, .single-venue-masthead .main-image .swiper-slide { display: contents; } .single-venue-masthead .main-image a { display: block; } @media screen and (min-width: 1024px) { .single-venue-masthead .main-image { height: 35rem; } } @media screen and (min-width: 1280px) { .single-venue-masthead .main-image { height: 46rem; } } .single-venue-masthead .main-image .image-container { height: auto; width: 100%; } .single-venue-masthead .main-image img { width: 100%; height: auto; } .single-venue-masthead .gallery-container { max-width: 60rem; overflow: hidden; max-height: 60rem; } @media screen and (max-width: 1023px) { .single-venue-masthead .gallery-container { order: 2; } } @media screen and (min-width: 1280px) { .single-venue-masthead .gallery-container { max-width: 70rem; } } .single-venue-masthead .navigation-container { position: relative; padding: 1rem 2.5rem; border-radius: 1rem; display: none; } @media screen and (max-width: 1023px) { .single-venue-masthead .navigation-container { margin-bottom: 2.5rem; } } .single-venue-masthead .swiper-button-prev, .single-venue-masthead .swiper-button-next { margin: 0; top: 50%; transform: translateY(-50%); height: 2rem; width: 2rem; } .single-venue-masthead .swiper-button-prev:after, .single-venue-masthead .swiper-button-next:after { color: #191919; font-size: 1.6rem; } .single-venue-masthead .swiper-button-prev { left: 0; } .single-venue-masthead .swiper-button-next { right: 0; } .single-venue-masthead .navigation .swiper-slide { aspect-ratio: 1/1; } .single-venue-masthead .navigation img { cursor: pointer; border-radius: 1rem; width: 100%; height: 100%; } .sticky-cta-bar { width: 100%; z-index: 5; background: #000; color: #FFF; padding: 0.9rem 0; position: relative; } .sticky-cta-bar.is_stuck { margin-top: 0; } @media screen and (min-width: 768px) { .sticky-cta-bar { padding: 1.5rem 0; } } .sticky-cta-bar .wrap { display: flex; flex-direction: row; justify-content: stretch; align-items: center; gap: 1rem; padding: 0 2rem; } @media screen and (min-width: 768px) { .sticky-cta-bar .wrap { gap: 2rem; } } .sticky-cta-bar a.btn, .sticky-cta-bar .btn, .sticky-cta-bar .cc-btn.cc-dismiss, .sticky-cta-bar .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .sticky-cta-bar .es-button-base-overlay, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_2, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_3, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_5, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_7 { gap: 0.3rem; } @media screen and (min-width: 1024px) { .sticky-cta-bar a.btn, .sticky-cta-bar .btn, .sticky-cta-bar .cc-btn.cc-dismiss, .sticky-cta-bar .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .sticky-cta-bar .es-button-base-overlay, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_2, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_3, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_5, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_7 { min-width: 13.5rem; padding-top: 0.1rem; } } @media screen and (max-width: 1023px) { .sticky-cta-bar a.btn, .sticky-cta-bar .btn, .sticky-cta-bar .cc-btn.cc-dismiss, .sticky-cta-bar .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .sticky-cta-bar .es-button-base-overlay, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_2, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_3, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_5, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_7 { font-size: 1.1rem; padding: 0 1.5rem; height: 3.2rem; padding-top: 0.2rem; text-transform: capitalize; } .sticky-cta-bar a.btn:after, .sticky-cta-bar .btn:after, .sticky-cta-bar .cc-btn.cc-dismiss:after, .sticky-cta-bar .form-popup .review-modal .es-button-base-overlay:after, .form-popup .review-modal .sticky-cta-bar .es-button-base-overlay:after, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_2:after, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_2:after, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_3:after, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_3:after, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_5:after, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_5:after, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_7:after, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_7:after { display: none; } .sticky-cta-bar a.btn span, .sticky-cta-bar .btn span, .sticky-cta-bar .cc-btn.cc-dismiss span, .sticky-cta-bar .form-popup .review-modal .es-button-base-overlay span, .form-popup .review-modal .sticky-cta-bar .es-button-base-overlay span, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_2 span, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_2 span, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_3 span, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_3 span, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_5 span, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_5 span, .sticky-cta-bar .form-popup .gform_wrapper #gform_submit_button_7 span, .form-popup .gform_wrapper .sticky-cta-bar #gform_submit_button_7 span { display: none; } } .sticky-cta-bar h4, .sticky-cta-bar .mobile-tel { display: none; } @media screen and (max-width: 767px) { .sticky-cta-bar .mobile-tel { display: block; margin-left: auto; } .sticky-cta-bar .mobile-tel img { height: 3.2rem; width: auto; } } @media screen and (min-width: 768px) { .sticky-cta-bar h4 { font-family: "aktiv-grotesk", sans-serif; font-size: 2rem; display: block; margin-left: auto; } .sticky-cta-bar h4 a { display: inline-block; font-weight: 500; } .sticky-cta-bar h4 a:hover { text-decoration: underline; } } #venue-information { position: relative; top: -6rem; } @media screen and (max-width: 767px) { #venue-information { top: -4rem; } } .key-features { margin: 2rem 0 5rem 0; } @media screen and (min-width: 768px) { .key-features { margin: 5rem 0 7rem 0; } } .key-features .inner-grid { border-radius: 1rem; padding: 2.5rem; display: grid; grid-template-columns: repeat(1, 1fr); gap: 2rem 15rem; font-size: 1.6rem; background-color: #faf5eb; } @media screen and (min-width: 768px) { .key-features .inner-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem 15rem; } } @media screen and (min-width: 1024px) { .key-features .inner-grid { padding: 2.5rem 3rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem 15rem; } } .key-features .feature { display: flex; flex-direction: row; justify-content: stretch; align-items: stretch; } .key-features .feature .title { margin-right: auto; padding-right: 1rem; } .key-features .feature .description { font-weight: 500; } .venue-content { text-align: center; padding: 6rem 0; } .venue-content .wrap { max-width: 96rem; } .venue-content .logo-container { margin-left: auto; margin-right: auto; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-bottom: 5rem; } @media screen and (max-width: 767px) { .venue-content .logo-container { margin-bottom: 4rem; } } .venue-content .logo-container img { max-height: 30rem; max-width: var(--logo_custom_width_desktop, 25rem); width: auto; height: auto; } @media screen and (max-width: 767px) { .venue-content .logo-container img { max-height: 25rem; max-width: var(--logo_custom_width_mobile, 20rem); } } .venue-content p { line-height: 2; } .venue-content a:not(.btn):not(.cc-btn.cc-dismiss) { display: inline-block; text-decoration: underline; text-underline-offset: 3px; } .venue-content a:not(.btn):not(.cc-btn.cc-dismiss):hover { text-decoration: none; } .venue-content a:not(.btn):not(.cc-btn.cc-dismiss)[target=_blank]:after { content: ""; width: 1.2rem; height: 1.2rem; margin-left: 0.8rem; margin-bottom: -0.1rem; color: #FFF; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='black' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; } @media screen and (min-width: 1024px) { .venue-content a:not(.btn):not(.cc-btn.cc-dismiss)[target=_blank]:after { width: 1.4rem; height: 1.4rem; } } .venue-content .btn, .venue-content .cc-btn.cc-dismiss, .venue-content .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .venue-content .es-button-base-overlay, .venue-content .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .venue-content #gform_submit_button_2, .venue-content .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .venue-content #gform_submit_button_3, .venue-content .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .venue-content #gform_submit_button_5, .venue-content .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .venue-content #gform_submit_button_7 { margin-top: 6.5rem; } .venue-videos { padding-bottom: 6rem; overflow: hidden; padding-top: 1rem; } @media screen and (min-width: 768px) { .venue-videos { padding-bottom: 10rem; padding-top: 3rem; } .venue-videos .wrap { display: flex; flex-direction: column; justify-content: stretch; align-items: center; } } .venue-videos h2, .venue-videos .listing-page.standalone-content h1, .listing-page.standalone-content .venue-videos h1, .venue-videos .venues-listings .intro-content h1, .venues-listings .intro-content .venue-videos h1, .venue-videos .post-overview .intro-content h1, .post-overview .intro-content .venue-videos h1 { margin-bottom: 4rem; text-align: center; } @media screen and (min-width: 1024px) { .venue-videos h2, .venue-videos .listing-page.standalone-content h1, .listing-page.standalone-content .venue-videos h1, .venue-videos .venues-listings .intro-content h1, .venues-listings .intro-content .venue-videos h1, .venue-videos .post-overview .intro-content h1, .post-overview .intro-content .venue-videos h1 { margin-bottom: 8rem; } .venue-videos h2 br, .venue-videos .listing-page.standalone-content h1 br, .listing-page.standalone-content .venue-videos h1 br, .venue-videos .venues-listings .intro-content h1 br, .venues-listings .intro-content .venue-videos h1 br, .venue-videos .post-overview .intro-content h1 br, .post-overview .intro-content .venue-videos h1 br { display: none; } } .venue-videos h2:only-child, .venue-videos .listing-page.standalone-content h1:only-child, .listing-page.standalone-content .venue-videos h1:only-child, .venue-videos .venues-listings .intro-content h1:only-child, .venues-listings .intro-content .venue-videos h1:only-child, .venue-videos .post-overview .intro-content h1:only-child, .post-overview .intro-content .venue-videos h1:only-child { margin-bottom: 0; } .venue-videos .swiper-wrapper { height: auto; } .venue-videos .video-row { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: stretch; flex-wrap: wrap; gap: 1.6rem; } .venue-videos .mobile-videos { display: none; } @media screen and (max-width: 767px) { .venue-videos .mobile-videos { display: block; } .venue-videos .video-row, .venue-videos .btn, .venue-videos .cc-btn.cc-dismiss, .venue-videos .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .venue-videos .es-button-base-overlay, .venue-videos .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .venue-videos #gform_submit_button_2, .venue-videos .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .venue-videos #gform_submit_button_3, .venue-videos .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .venue-videos #gform_submit_button_5, .venue-videos .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .venue-videos #gform_submit_button_7 { display: none; } } .venue-videos .video { position: relative; width: 100%; border-radius: 1rem; overflow: hidden; } @media screen and (min-width: 768px) { .venue-videos .video { width: calc(33.333% - 1.2rem); } } .venue-videos .video:before { content: ""; display: block; position: absolute; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.25); z-index: 2; } .venue-videos .video .play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 6rem; width: 6rem; z-index: 3; transition: all 0.5s ease-in-out; } .venue-videos .video .play-icon:hover { opacity: 0.4; } .venue-videos .video img:not(.play-icon) { width: 100%; height: 29.5rem; } @media screen and (max-width: 1023px) { .venue-videos .video img:not(.play-icon) { aspect-ratio: 1/1; height: auto; } } .venue-videos .video h4 { position: absolute; top: 4rem; left: 0; width: 100%; text-align: center; font-size: 2.5rem; line-height: 3rem; z-index: 2; color: #FFF; padding: 0 2rem; } .venue-videos .hidden-content { margin-top: 1.6rem; } .venue-videos .btn, .venue-videos .cc-btn.cc-dismiss, .venue-videos .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .venue-videos .es-button-base-overlay, .venue-videos .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .venue-videos #gform_submit_button_2, .venue-videos .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .venue-videos #gform_submit_button_3, .venue-videos .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .venue-videos #gform_submit_button_5, .venue-videos .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .venue-videos #gform_submit_button_7 { margin-top: 6.5rem; } .hidden-content { width: 100%; display: none; } .gallery-strip { overflow: hidden; background: #faf5eb; padding: 5rem 0; } @media screen and (min-width: 768px) { .gallery-strip { padding: 10rem 0; } } .gallery-strip h2, .gallery-strip .listing-page.standalone-content h1, .listing-page.standalone-content .gallery-strip h1, .gallery-strip .venues-listings .intro-content h1, .venues-listings .intro-content .gallery-strip h1, .gallery-strip .post-overview .intro-content h1, .post-overview .intro-content .gallery-strip h1 { margin-bottom: 4rem; text-align: center; } @media screen and (min-width: 1024px) { .gallery-strip h2, .gallery-strip .listing-page.standalone-content h1, .listing-page.standalone-content .gallery-strip h1, .gallery-strip .venues-listings .intro-content h1, .venues-listings .intro-content .gallery-strip h1, .gallery-strip .post-overview .intro-content h1, .post-overview .intro-content .gallery-strip h1 { margin-bottom: 8rem; } .gallery-strip h2 br, .gallery-strip .listing-page.standalone-content h1 br, .listing-page.standalone-content .gallery-strip h1 br, .gallery-strip .venues-listings .intro-content h1 br, .venues-listings .intro-content .gallery-strip h1 br, .gallery-strip .post-overview .intro-content h1 br, .post-overview .intro-content .gallery-strip h1 br { display: none; } } .gallery-strip h2:only-child, .gallery-strip .listing-page.standalone-content h1:only-child, .listing-page.standalone-content .gallery-strip h1:only-child, .gallery-strip .venues-listings .intro-content h1:only-child, .venues-listings .intro-content .gallery-strip h1:only-child, .gallery-strip .post-overview .intro-content h1:only-child, .post-overview .intro-content .gallery-strip h1:only-child { margin-bottom: 0; } .gallery-strip .gallery-strip-container { overflow: visible; } @media screen and (min-width: 768px) { .gallery-strip .gallery-strip-container { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1.5rem; } } @media screen and (min-width: 1024px) { .gallery-strip .gallery-strip-container { display: grid; grid-template-columns: repeat(8, 1fr); gap: 1.5rem; } } @media screen and (min-width: 768px) { .gallery-strip .gallery-strip-container .swiper-wrapper { display: contents; } } .gallery-strip .gallery-strip-container .swiper-wrapper { height: auto; } .gallery-strip .gallery-strip-container .swiper-slide { border-radius: 1rem; overflow: hidden; } .gallery-strip .gallery-strip-container .swiper-slide img { transition: all 2s ease-in-out; } .gallery-strip .gallery-strip-container .swiper-slide:hover img { transform: scale(1.2); } .gallery-strip .gallery-strip-container img { will-change: transform; aspect-ratio: 1/1; width: 100%; height: auto; transform: scale(1.02); } @media screen and (max-width: 1023px) { .gallery-strip .gallery-strip-container img { height: auto; } } .gallery-strip .gallery-strip-container .swiper-pagination { top: auto; bottom: -3rem; } .gallery-strip .gallery-strip-container .swiper-pagination .swiper-pagination-bullet { background: #050505; opacity: 0.35; margin: 0 0.6rem; height: 1rem; width: 1rem; } .gallery-strip .gallery-strip-container .swiper-pagination .swiper-pagination-bullet-active { background: #e55c00; opacity: 1; } .gallery-strip .gallery-strip-container .hidden-content, .gallery-strip .gallery-strip-container .inner-grid { display: contents; } .gallery-strip .gallery-strip-container .show-more { display: none; } @media screen and (min-width: 768px) { .gallery-strip .gallery-strip-container { display: grid; grid-template-columns: repeat(8, 1fr); gap: 1.5rem; } .gallery-strip .gallery-strip-container .show-more { display: inline-flex; grid-column: 4/6; margin: 30px auto 0 auto; } .gallery-strip .gallery-strip-container .show-more.active { margin-bottom: 30px; } .gallery-strip .gallery-strip-container .hidden-content { display: none; grid-column: span 8; } .gallery-strip .gallery-strip-container .hidden-content .inner-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 1.5rem; } } @media screen and (max-width: 767px) { .gallery-strip .gallery-strip-container.desktop-gallery-strip-container { display: none; } } @media screen and (min-width: 768px) { .gallery-strip .gallery-strip-container.mobile-gallery-strip-container { display: none; } } .contact-strip { background: #050505; color: #FFF; padding: 5rem 0; } @media screen and (min-width: 768px) { .contact-strip { padding: 10rem 0; } } .contact-strip .wrap { display: flex; flex-direction: row; justify-content: stretch; align-items: stretch; } @media screen and (max-width: 767px) { .contact-strip .wrap { flex-direction: column; align-items: center; text-align: center; } } .contact-strip .left { max-width: 35rem; margin-right: auto; } @media screen and (max-width: 767px) { .contact-strip .left { display: contents; } } .contact-strip h2, .contact-strip .listing-page.standalone-content h1, .listing-page.standalone-content .contact-strip h1, .contact-strip .venues-listings .intro-content h1, .venues-listings .intro-content .contact-strip h1, .contact-strip .post-overview .intro-content h1, .post-overview .intro-content .contact-strip h1 { margin-bottom: 5rem; } @media screen and (max-width: 767px) { .contact-strip h2, .contact-strip .listing-page.standalone-content h1, .listing-page.standalone-content .contact-strip h1, .contact-strip .venues-listings .intro-content h1, .venues-listings .intro-content .contact-strip h1, .contact-strip .post-overview .intro-content h1, .post-overview .intro-content .contact-strip h1 { order: 1; } } .contact-strip p { margin-bottom: 3.5rem; text-wrap: pretty; } @media screen and (max-width: 767px) { .contact-strip p { order: 3; } } .contact-strip a { display: inline-block; text-underline-offset: 0.5rem; } .contact-strip a:hover { text-decoration: underline; } .contact-strip .what-three-words { position: relative; margin-bottom: 0.5rem; } .contact-strip .what-three-words a { display: inline-flex; align-items: center; position: relative; text-decoration: underline; text-underline-offset: 5px; } .contact-strip .what-three-words a:after { content: ""; width: 1.2rem; height: 1.2rem; margin-left: 0.8rem; margin-bottom: -0.1rem; color: #FFF; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; } @media screen and (min-width: 1024px) { .contact-strip .what-three-words a:after { width: 1.4rem; height: 1.4rem; } } .contact-strip .what-three-words a:hover { text-decoration: none; } .contact-strip .map-link { display: inline-flex; align-items: center; position: relative; text-decoration: underline; text-underline-offset: 5px; } .contact-strip .map-link:after { content: ""; width: 1.2rem; height: 1.2rem; margin-left: 0.8rem; margin-bottom: -0.1rem; color: #FFF; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; } @media screen and (min-width: 1024px) { .contact-strip .map-link:after { width: 1.4rem; height: 1.4rem; } } @media screen and (max-width: 767px) { .contact-strip .map-link { order: 3; } } .contact-strip .map-link span { position: relative; } .contact-strip .map-link:hover { text-decoration: none; } .contact-strip .social { margin-top: 4.5rem; display: flex; flex-direction: row; justify-content: stretch; align-items: stretch; gap: 1.2rem; } @media screen and (max-width: 767px) { .contact-strip .social { order: 3; } } .contact-strip .social a { transition: all 0.5s ease-in-out; } .contact-strip .social a svg { width: 4.3rem; height: auto; } .contact-strip .social a svg path { transition: all 0.5s ease-in-out; } .contact-strip .social a:hover path { fill: #e55c00; } .contact-strip .acf-map { width: 100%; height: 100%; } .contact-strip .acf-map img { max-width: inherit !important; } .contact-strip .map { max-width: 70rem; height: auto; overflow: hidden; width: 100%; border-radius: 2rem; min-height: 40rem; height: auto; } @media screen and (max-width: 767px) { .contact-strip .map { order: 2; margin-bottom: 4rem; height: 23.5rem; } } .reviews-strip { overflow: hidden; padding: 5.5rem 0; } @media screen and (min-width: 768px) { .reviews-strip { padding: 15rem 0; } } .reviews-strip .wrap { display: flex; flex-direction: column; justify-content: stretch; align-items: center; } .reviews-strip h2, .reviews-strip .listing-page.standalone-content h1, .listing-page.standalone-content .reviews-strip h1, .reviews-strip .venues-listings .intro-content h1, .venues-listings .intro-content .reviews-strip h1, .reviews-strip .post-overview .intro-content h1, .post-overview .intro-content .reviews-strip h1 { display: inline-block; position: relative; color: #050505; margin-bottom: 5rem; line-height: 1.4; } @media screen and (min-width: 768px) { .reviews-strip h2, .reviews-strip .listing-page.standalone-content h1, .listing-page.standalone-content .reviews-strip h1, .reviews-strip .venues-listings .intro-content h1, .venues-listings .intro-content .reviews-strip h1, .reviews-strip .post-overview .intro-content h1, .post-overview .intro-content .reviews-strip h1 { margin-bottom: 8rem; } } .reviews-strip h2 em, .reviews-strip .listing-page.standalone-content h1 em, .listing-page.standalone-content .reviews-strip h1 em, .reviews-strip .venues-listings .intro-content h1 em, .venues-listings .intro-content .reviews-strip h1 em, .reviews-strip .post-overview .intro-content h1 em, .post-overview .intro-content .reviews-strip h1 em { display: block; margin-left: 5rem; } .reviews-strip .ReviewBackground__Container-sc-1md28nh-0 { padding: 0 !important; padding-top: 2rem !important; border-top: 1px #050505 solid; } .reviews-strip .es-review-content-rating { margin-bottom: 1rem; } .reviews-strip .es-carousel-layout-item { padding: 0 3rem !important; } .reviews-strip .ArrowControl__ArrowControlContainer-sc-ps7sz3-0 { box-shadow: none !important; } .reviews-strip .es-bullets-control-container { transform: scale(1.6) translateY(2rem); } .reviews-strip [aria-label=Next] { margin: 0 !important; } .reviews-strip [aria-label=Previous] { margin: 0 0 0 -0.2rem !important; } @media screen and (min-width: 768px) { .reviews-strip [aria-label=Previous] { margin: 0 0 0 -0.4rem !important; } } .reviews-strip .es-review-info-date { font-size: 1.4rem; opacity: 0.35; } .reviews-strip .es-review-background-container { padding: 0 !important; } .reviews-strip .es-text-shortener-control { display: block; margin-top: 2rem; color: #050505; text-decoration: underline; text-underline-offset: 5px; } .reviews-strip .es-text-shortener-control:hover { text-decoration: none; } .reviews-strip .es-rating-item-filled svg path { fill: #000 !important; } .reviews-strip .es-review-content-control-open { display: none !important; } .reviews-strip .es-review-author-name { font-size: 1.6rem !important; font-weight: 500 !important; } .reviews-strip .es-bullets-control-item { background: #e55c00 !important; opacity: 0.5 !important; } .reviews-strip .es-bullets-control-item-active { opacity: 1 !important; } .reviews-strip .es-text-shortener-control { font-size: 1.4rem; } .reviews-strip .btn, .reviews-strip .cc-btn.cc-dismiss, .reviews-strip .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .reviews-strip .es-button-base-overlay, .reviews-strip .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .reviews-strip #gform_submit_button_2, .reviews-strip .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .reviews-strip #gform_submit_button_3, .reviews-strip .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .reviews-strip #gform_submit_button_5, .reviews-strip .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .reviews-strip #gform_submit_button_7 { margin-top: 8rem; } .events-strip { padding: 7rem 0; } @media screen and (max-width: 1023px) { .events-strip { padding-bottom: 4rem; } } .events-strip .wrap { max-width: 110rem; display: flex; flex-direction: column; justify-content: stretch; align-items: center; } @media screen and (max-width: 1023px) { .events-strip .wrap { display: block; padding: 0; } } .events-strip .intro-content { padding: 0 2rem; display: flex; flex-direction: column; justify-content: stretch; align-items: center; } .events-strip h2, .events-strip .listing-page.standalone-content h1, .listing-page.standalone-content .events-strip h1, .events-strip .venues-listings .intro-content h1, .venues-listings .intro-content .events-strip h1, .events-strip .post-overview .intro-content h1, .post-overview .intro-content .events-strip h1 { max-width: 25rem; text-align: center; } @media screen and (min-width: 768px) { .events-strip h2, .events-strip .listing-page.standalone-content h1, .listing-page.standalone-content .events-strip h1, .events-strip .venues-listings .intro-content h1, .venues-listings .intro-content .events-strip h1, .events-strip .post-overview .intro-content h1, .post-overview .intro-content .events-strip h1 { max-width: none; margin-bottom: 6.8rem; } } .events-strip .mobile-carousel { width: 100%; } .events-strip .swiper { padding: 5rem 2rem; } .events-strip .swiper-wrapper { height: auto; } @media screen and (max-width: 1023px) { .events-strip .small-card { height: auto; } } @media screen and (min-width: 1024px) { .events-strip .swiper, .events-strip .swiper-wrapper { display: contents; } .events-strip .card-row { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: stretch; flex-wrap: wrap; gap: 5rem; } .events-strip .small-card { width: 33.33333%; max-width: 30.5rem; flex: auto !important; } } .events-strip .no-posts { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .events-strip .no-posts h4 { margin-bottom: 1.5rem; } .cta-strip { z-index: 5; background: #050505; color: #FFF; padding: 4rem 0; transition: all 0.5s ease-in-out; } @media screen and (min-width: 768px) { .cta-strip { padding: 6rem 0; } } .cta-strip .wrap { padding: 0 2rem; } .cta-strip h2, .cta-strip .listing-page.standalone-content h1, .listing-page.standalone-content .cta-strip h1, .cta-strip .venues-listings .intro-content h1, .venues-listings .intro-content .cta-strip h1, .cta-strip .post-overview .intro-content h1, .post-overview .intro-content .cta-strip h1 { margin-bottom: 2rem; text-align: center; } @media screen and (max-width: 767px) { .cta-strip h2, .cta-strip .listing-page.standalone-content h1, .listing-page.standalone-content .cta-strip h1, .cta-strip .venues-listings .intro-content h1, .venues-listings .intro-content .cta-strip h1, .cta-strip .post-overview .intro-content h1, .post-overview .intro-content .cta-strip h1 { font-size: 4.4rem; } } @media screen and (min-width: 768px) { .cta-strip h2, .cta-strip .listing-page.standalone-content h1, .listing-page.standalone-content .cta-strip h1, .cta-strip .venues-listings .intro-content h1, .venues-listings .intro-content .cta-strip h1, .cta-strip .post-overview .intro-content h1, .post-overview .intro-content .cta-strip h1 { margin-bottom: 4rem; } .cta-strip h2 br, .cta-strip .listing-page.standalone-content h1 br, .listing-page.standalone-content .cta-strip h1 br, .cta-strip .venues-listings .intro-content h1 br, .venues-listings .intro-content .cta-strip h1 br, .cta-strip .post-overview .intro-content h1 br, .post-overview .intro-content .cta-strip h1 br { display: none; } } .cta-strip .row { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 1rem; } @media screen and (min-width: 768px) { .cta-strip .row { gap: 2rem; } } .cta-strip a.btn, .cta-strip .btn, .cta-strip .cc-btn.cc-dismiss, .cta-strip .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .cta-strip .es-button-base-overlay, .cta-strip .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .cta-strip #gform_submit_button_2, .cta-strip .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .cta-strip #gform_submit_button_3, .cta-strip .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .cta-strip #gform_submit_button_5, .cta-strip .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .cta-strip #gform_submit_button_7 { color: #FFF; gap: 0.3rem; } @media screen and (min-width: 1024px) { .cta-strip a.btn, .cta-strip .btn, .cta-strip .cc-btn.cc-dismiss, .cta-strip .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .cta-strip .es-button-base-overlay, .cta-strip .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .cta-strip #gform_submit_button_2, .cta-strip .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .cta-strip #gform_submit_button_3, .cta-strip .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .cta-strip #gform_submit_button_5, .cta-strip .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .cta-strip #gform_submit_button_7 { min-width: 13.5rem; } } @media screen and (max-width: 1023px) { .cta-strip a.btn, .cta-strip .btn, .cta-strip .cc-btn.cc-dismiss, .cta-strip .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .cta-strip .es-button-base-overlay, .cta-strip .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .cta-strip #gform_submit_button_2, .cta-strip .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .cta-strip #gform_submit_button_3, .cta-strip .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .cta-strip #gform_submit_button_5, .cta-strip .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .cta-strip #gform_submit_button_7 { font-size: 1.1rem; padding: 0 1.5rem; height: 3.2rem; padding-top: 0.2rem; text-transform: capitalize; } .cta-strip a.btn span, .cta-strip .btn span, .cta-strip .cc-btn.cc-dismiss span, .cta-strip .form-popup .review-modal .es-button-base-overlay span, .form-popup .review-modal .cta-strip .es-button-base-overlay span, .cta-strip .form-popup .gform_wrapper #gform_submit_button_2 span, .form-popup .gform_wrapper .cta-strip #gform_submit_button_2 span, .cta-strip .form-popup .gform_wrapper #gform_submit_button_3 span, .form-popup .gform_wrapper .cta-strip #gform_submit_button_3 span, .cta-strip .form-popup .gform_wrapper #gform_submit_button_5 span, .form-popup .gform_wrapper .cta-strip #gform_submit_button_5 span, .cta-strip .form-popup .gform_wrapper #gform_submit_button_7 span, .form-popup .gform_wrapper .cta-strip #gform_submit_button_7 span { display: none; } } .cta-strip h4 { display: none; } @media screen and (min-width: 768px) { .cta-strip h4 { display: block; } .cta-strip h4 a { display: inline-block; } .cta-strip h4 a:hover { text-decoration: underline; } } .related-venues { padding: 7rem 0; } .related-venues .wrap { max-width: 110rem; } @media screen and (max-width: 1023px) { .related-venues { padding-bottom: 4rem; } } .related-venues .intro-content { padding: 0 2rem; display: flex; flex-direction: column; justify-content: stretch; align-items: center; } .related-venues .wrap { display: flex; flex-direction: column; justify-content: stretch; align-items: center; } @media screen and (max-width: 1023px) { .related-venues .wrap { display: block; padding: 0; } } @media screen and (min-width: 1024px) { .related-venues h2, .related-venues .listing-page.standalone-content h1, .listing-page.standalone-content .related-venues h1, .related-venues .venues-listings .intro-content h1, .venues-listings .intro-content .related-venues h1, .related-venues .post-overview .intro-content h1, .post-overview .intro-content .related-venues h1 { margin-bottom: 6.8rem; } } .related-venues .swiper { padding: 5rem 2rem; } .related-venues .swiper-wrapper { height: auto; } @media screen and (min-width: 1024px) { .related-venues .swiper, .related-venues .swiper-wrapper { display: contents; } .related-venues .card-row { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: stretch; gap: 5rem; } .related-venues .small-card { width: 33.33333%; max-width: 31.3rem; flex: auto; } } .related-venues .no-posts { grid-column: 1/4; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; } .related-venues .no-posts h4 { margin-bottom: 1.5rem; } .single-post-inner .wrap:not(.sibling-wrap) { display: flex; flex-direction: column; justify-content: stretch; align-items: stretch; max-width: 98.5rem; } .single-post-inner .wrap:not(.sibling-wrap) .wrap { padding-left: 0; padding-right: 0; } .single-post-inner .single-masthead { position: relative; padding-top: 4rem; background-color: #000; margin-bottom: 6rem; } @media screen and (min-width: 768px) { .single-post-inner .single-masthead { margin-bottom: 0; background-color: transparent; } .single-post-inner .single-masthead:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 48.5rem; background: #050505; } } .single-post-inner .single-masthead .top-content { position: relative; z-index: 4; margin-left: auto; margin-right: auto; width: 100%; max-width: 80rem; } .single-post-inner .single-masthead .wrap { position: relative; z-index: 2; } .single-post-inner .single-masthead h1 { color: #faf5eb; margin-bottom: 3rem; } .single-post-inner .image-container { position: relative; border-radius: 1rem; overflow: hidden; width: 100%; } @media screen and (max-width: 1023px) { .single-post-inner .image-container { margin-left: auto; margin-right: auto; max-width: 52rem; margin-bottom: -6rem; } } .single-post-inner .masthead-image { height: 25rem; width: 100%; } @media screen and (min-width: 768px) { .single-post-inner .masthead-image { height: 40rem; } } @media screen and (min-width: 1024px) { .single-post-inner .masthead-image { height: 57rem; } } .single-post-inner .event-details { background-color: #faf5eb; display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; margin-bottom: 6rem; gap: 3rem; padding: 2rem 3rem; border-radius: 1rem; } @media screen and (max-width: 767px) { .single-post-inner .event-details { font-size: 1.6rem; display: flex; flex-direction: row; justify-content: center; align-items: stretch; flex-wrap: wrap; gap: 2rem; } } .single-post-inner .event-details .detail { display: flex; flex-direction: row; justify-content: stretch; align-items: stretch; gap: 2rem; } .single-post-inner .event-details .detail span { font-weight: 500; } .single-post-inner .inner-content { margin-left: auto; margin-right: auto; max-width: 80rem; padding: 8rem 0; } @media screen and (max-width: 767px) { .single-post-inner .inner-content { padding: 4rem 0; } } .single-post-inner .inner-content .media-element-container { position: relative; margin: 3rem 0; border-radius: 1.2rem; overflow: hidden; } .single-post-inner .inner-content .media-element-container .media-element-container { display: contents; } .single-post-inner .inner-content .media-element-container p { display: none; } .single-post-inner .inner-content a:not(.btn):not(.cc-btn.cc-dismiss) { text-decoration: none; } .single-post-inner .inner-content img { width: 100%; height: auto; } .single-post-inner .inner-content h2, .single-post-inner .inner-content .listing-page.standalone-content h1, .listing-page.standalone-content .single-post-inner .inner-content h1, .single-post-inner .inner-content .venues-listings .intro-content h1, .venues-listings .intro-content .single-post-inner .inner-content h1, .single-post-inner .inner-content .post-overview .intro-content h1, .post-overview .intro-content .single-post-inner .inner-content h1 { font-size: 4rem; line-height: 1.1; } @media screen and (min-width: 1024px) { .single-post-inner .inner-content h2, .single-post-inner .inner-content .listing-page.standalone-content h1, .listing-page.standalone-content .single-post-inner .inner-content h1, .single-post-inner .inner-content .venues-listings .intro-content h1, .venues-listings .intro-content .single-post-inner .inner-content h1, .single-post-inner .inner-content .post-overview .intro-content h1, .post-overview .intro-content .single-post-inner .inner-content h1 { font-size: 6rem; } } .single-post-inner .smallprint { margin-top: 4rem; opacity: 0.5; } .single-post-inner .buttons { display: flex; flex-direction: row; justify-content: stretch; align-items: stretch; flex-wrap: wrap; margin-top: 4.8rem; gap: 1rem; } @media screen and (max-width: 767px) { .single-post-inner .buttons { gap: 1rem; } .single-post-inner .buttons .btn, .single-post-inner .buttons .cc-btn.cc-dismiss, .single-post-inner .buttons .form-popup .review-modal .es-button-base-overlay, .form-popup .review-modal .single-post-inner .buttons .es-button-base-overlay, .single-post-inner .buttons .form-popup .gform_wrapper #gform_submit_button_2, .form-popup .gform_wrapper .single-post-inner .buttons #gform_submit_button_2, .single-post-inner .buttons .form-popup .gform_wrapper #gform_submit_button_3, .form-popup .gform_wrapper .single-post-inner .buttons #gform_submit_button_3, .single-post-inner .buttons .form-popup .gform_wrapper #gform_submit_button_5, .form-popup .gform_wrapper .single-post-inner .buttons #gform_submit_button_5, .single-post-inner .buttons .form-popup .gform_wrapper #gform_submit_button_7, .form-popup .gform_wrapper .single-post-inner .buttons #gform_submit_button_7 { padding-right: 1.5rem; padding-left: 1.5rem; } } .single-post-inner .author-block { padding-top: 5.5rem; margin-top: 5.5rem; border-top: 1px solid #b4b4b4; } .single-post-inner .author-block .top { display: flex; flex-direction: row; justify-content: start; align-items: stretch; margin-bottom: 1.5rem; } .single-post-inner .author-block .top .left { display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; margin-right: auto; } .single-post-inner .author-block .top img { aspect-ratio: 1; border-radius: 50%; width: 16rem; height: auto; } @media screen and (max-width: 767px) { .single-post-inner .author-block .top img { width: 14rem; } } @media screen and (max-width: 767px) { .single-post-inner .author-block .top { margin-bottom: 3.3rem; } } .single-post-inner .author-block h3 { font-size: 2.8rem; margin-bottom: 0.3rem; } @media screen and (max-width: 767px) { .single-post-inner .author-block h3 { font-size: 2.4rem; } } .single-post-inner .author-block .author-name { font-family: "Black Signature", serif; color: #e55c00; font-size: 4.4rem; margin: 0; } @media screen and (max-width: 767px) { .single-post-inner .author-block .author-name { font-size: 4rem; } } .single-post-inner .author-block h5 { font-family: "aktiv-grotesk", sans-serif; font-size: 1.8rem; font-weight: 500; margin: 1.3rem 0 0 0; } .single-post-inner .author-block h5.hide-desktop { display: none; } @media screen and (max-width: 767px) { .single-post-inner .author-block h5.hide-desktop { display: block; margin-bottom: 3.2rem; } .single-post-inner .author-block h5.hide-mobile { display: none; } } .single-post-inner .author-block .social { display: flex; flex-direction: row; justify-content: start; align-items: center; flex-wrap: wrap; gap: 2rem 5rem; margin-top: 2rem; } @media screen and (max-width: 767px) { .single-post-inner .author-block .social { display: flex; flex-direction: column; justify-content: start; align-items: start; margin-top: 3rem; gap: 2rem 5rem; } } .single-post-inner .author-block a.social-icon:not(.btn):not(.cc-btn.cc-dismiss) { display: inline-flex; align-items: center; font-weight: 500; } .single-post-inner .author-block a.social-icon:not(.btn):not(.cc-btn.cc-dismiss):before { display: none; } .single-post-inner .author-block a.social-icon:not(.btn):not(.cc-btn.cc-dismiss) .icon { transition: all 0.5s ease-in-out; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 3.6rem; height: auto; aspect-ratio: 1; background-color: #191919; border-radius: 50%; margin-right: 1.5rem; flex-shrink: 0; } .single-post-inner .author-block a.social-icon:not(.btn):not(.cc-btn.cc-dismiss) .icon svg { flex-shrink: 0; display: block; width: 2.4rem; height: auto; } .single-post-inner .author-block a.social-icon:not(.btn):not(.cc-btn.cc-dismiss) .icon svg path { fill: #FFF; } .single-post-inner .author-block a.social-icon:not(.btn):not(.cc-btn.cc-dismiss).instagram .icon svg { width: 3rem; } .single-post-inner .author-block a.social-icon:not(.btn):not(.cc-btn.cc-dismiss):after { transition: all 0.5s ease-in-out; content: ""; width: 1.7rem; height: 1.8rem; margin-left: 1rem; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; display: inline-block; } @media screen and (min-width: 1024px) { .single-post-inner .author-block a.social-icon:not(.btn):not(.cc-btn.cc-dismiss):after { width: 1.4rem; height: 1.4rem; } } @media screen and (min-width: 768px) { .single-post-inner .author-block a.social-icon:not(.btn):not(.cc-btn.cc-dismiss):hover { text-underline-offset: 5px; text-decoration: underline; } } .listing-page.standalone-content h1 { margin-bottom: 10rem; } @media screen and (max-width: 767px) { .listing-page.standalone-content h1 { margin-bottom: 6rem; } } .listing-page.standalone-content .list { display: grid; grid-auto-flow: column; grid-template-rows: repeat(7, 1fr); grid-gap: 4rem 2rem; } .listing-page.standalone-content .list h4 { margin: 0; } @media screen and (max-width: 767px) { .listing-page.standalone-content .list h4 { font-size: 1.8rem; } } @media screen and (min-width: 768px) { .listing-page.standalone-content .list { grid-gap: 5rem 8rem; } } .listing-page.standalone-content .list.venue-types { grid-template-rows: repeat(11, 1fr); } @media screen and (min-width: 768px) { .listing-page.standalone-content .list.venue-types { grid-template-rows: repeat(8, 1fr); } } /*# sourceMappingURL=style.css.map*/