/* Theme Name: tbcparent Theme URI: https://thebuildcollective.net Author: The Build Collective Author URI: https://jeremyschuler.com Description: Hi. I'm a starter theme called tbcparent. We've created this as a foundation to help develop clean and modern websites. Our theme leverages WordPress' native Gutenberg block editor to create an open canvas for designing beautiful layouts. Version: 1.3.1 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: tbcparent Tags: entertainment, grid-layout, one-column, two-column, three-columns, four-columns, block-patterns, block-styles, custom-colors. custom-logo, editor-style, full-width-template, wide-blocks, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. tbcparent is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: Last Updated 01.09.2024 | Schuler 10:55pm ---------------------------------------------------------------- 1.0 # Normalize 8.0.1 2.0 # Typography 3.0 # Elements 4.0 # Forms 5.0 # Navigation ## Links ## Menus 6.0 # Accessibility 7.0 # Alignments 8.0 # Widgets 9.0 # Content ## Posts and pages ## Comments 10.0 # Media ## Captions ## Galleries 11.0 # Author Styles ## Color Variables and Helper Classes ## Typography ## Layout, CSS Grid ## Content ## Page Templates ## Blog ## Styleguide 12.0 # Components ## Events ## Email Signup 13.0 # Gutenberg ## Gutenberg Helper Classes ## Gutenberg Blocks 14.0 # Plugins, Overrides ## Ticketweb 15.0 # Media Queries 16.0 # Site Updates 17.0 # TA Pages - Styles --------------------------------------------------------------*/ /* ========================================================================== 1.0 # normalize.css v8.0.1 MIT License | https://github.com/necolas/normalize.css ========================================================================== */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;padding:0;}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} /* ========================================================================== 2.0 # Typography ========================================================================== */ body,button,input,optgroup,select,textarea{font-family:sans-serif;font-size:1.5em;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both}p{margin-top:0;margin-bottom:1em}cite,dfn,em,i{font-style:italic}blockquote,blockquote p{font-size:1.333rem;font-family:sans-serif;color:#121212}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;font-size:15px;font-size:.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;font-size:15px;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%} /* ========================================================================== 3.0 # Elements ========================================================================== */ html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ol,li>ul{margin-bottom:0;margin-left:1.5em}a,li{outline:0}dt{font-weight:700}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}figure{margin:1em 0}table{margin:0 0 1.5em;width:100%} /* ========================================================================== 4.0 # Buttons, Forms ========================================================================== */ button, input[type="button"], input[type="reset"], input[type="submit"], .wp-block-button__link, .wpcf7 input[type="submit"] { border: 1px solid transparent; border-radius: 0; background: var(--color-accent); padding: 1em; color: var(--color-white); transition: all .35s ease-in-out; } .event-card .wp-block-button.button-outlined-primary a { background: none; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, .wpcf7 input[type="submit"]:hover { background: #111; cursor: pointer; } input[type="submit"]:hover { background: none; color: var(--color-accent); border-color: var(--color-accent); } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus, .wpcf7 input[type="submit"]:active, .wpcf7 input[type="submit"]:focus { border-color: #aaa #bbb #bbb; outline: 0; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { padding: 3px; color: #666; border: 1px solid #ccc; border-radius: 0; box-shadow: none; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } select { border: 1px solid #ccc; } select:focus { color: #000; box-shadow: none; } textarea { width: 100%; } input::-webkit-input-placeholder { color: #666; } input::-moz-placeholder { color: #666; } input:-ms-input-placeholder { color: #666; } input:-moz-placeholder { color: #666; } textarea::-webkit-input-placeholder { color: #666; } textarea::-moz-placeholder { color: #666; } textarea:-ms-input-placeholder { color: #666; } textarea:-moz-placeholder { color: #666; } textarea::-webkit-input-placeholder:focus { color: #ccc; } textarea::-moz-placeholder:focus { color: #ccc; } textarea:-ms-input-placeholder:focus { color: #ccc; } textarea:-moz-placeholder:focus { color: #ccc; } /* ========================================================================== 5.0 # Navigation ========================================================================== */ /* -------------------------------------------------------------------------- ## Links -------------------------------------------------------------------------- */ a { color: #121212; text-decoration: none; } a:hover, a:focus, a:active { color: #121212; } .button { min-width: 140px; min-height: 40px; font-size: 12px; line-height: 1.35; } .button.ghost { color: #121212; border: 1px solid #121212; background: none; } .button.ghost:hover { background: #121212; color: #fff; } /* -------------------------------------------------------------------------- ## Menus -------------------------------------------------------------------------- */ /* Main Menu */ .main-navigation a { display: block; } .main-navigation li.wp-block-button__link { margin-left: 2em; padding-left: 0; } .main-navigation li.wp-block-button__link a { padding: 1.5em 2em; text-align: center; border-radius: 4px; } .main-navigation li.wp-block-button__link a, .main-navigation li.wp-block-button__link.current-menu-item a { color: var(--color-white); } .main-navigation ul { margin: 0; padding: 0; } .main-navigation ul.sub-menu { background: #fff; } .main-navigation ul ul { float: left; position: absolute; top: 0; left: -999em; z-index: 99999; min-width: 240px; margin-top: 2em; padding-top: 1em; padding-bottom: 1em; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .main-navigation ul ul li { width: 100%; margin-bottom: 5px; padding: 0 4% 5px; border-bottom: 1px solid #efefef; } .main-navigation ul ul li:last-child { margin-bottom: 0; padding-bottom: 0; border: 0; } .main-navigation ul ul li a { color: #5D5D5D; } .main-navigation ul ul ul { top: 0; left: -999em; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation ul ul a { width: 200px; padding-top: 0; padding-bottom: 0; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .menu li { position: relative; display: inline-block; margin: 0; padding: 0 1em; } .main-navigation li:last-child { padding-right: 0; } .main-navigation li.menu-item-has-children:last-of-type:hover ul.sub-menu { right: 0; } .menu li:hover > a, .menu li:hover > a::after { color: var(--color-accent); } .menu li.current-menu-item > a, .menu li.current-menu-ancestor > a, .menu li.current-page-ancestor > a { color: var(--color-accent); } .menu li.current-menu-item > a:hover, .menu li.current-menu-ancestor > a:hover { color: var(--color-black-dark); } .site-footer .menu ul { margin-left: 0; padding-left: 0; } .site-footer .menu ul li { padding: 0; } /* Responsive Menu */ .menu { display: flex; align-items: center; } .main-navigation .menu { justify-content: flex-end; } .menu-toggle, .main-navigation.toggled .menu { display: block; } .menu-toggle i { color: #505050; } @-webkit-keyframes slide-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes slide-down { 0% { opacity: 0; -moz-transform: translateY(-100%); } 100% { opacity: 1; -moz-transform: translateY(0); } } /* Navigation */ .main-navigation .menu-main-menu-container, .main-navigation .menu-secondary-menu-container { display: grid; } .main-navigation .menu-main-menu-container { z-index: 1; justify-content: end; align-items: center; } .main-navigation li a:before { height: 0; } ul.nav-menu li a { padding: 5px 0; color: var(--color-black-dark); } ul.nav-menu li a:hover { color: var(--color-accent); } ul.nav-menu li:last-child a { margin-right: 0; } ul.nav-menu li.current-menu-item li a { color: #505050; } ul.nav-menu li.current-menu-item li a:hover { color: var(--color-accent); } ul.nav-menu li.menu-item-has-children a::after { } ul.nav-menu li.menu-item-has-children li a::after { content: none; } .main-navigation.toggled ul { -webkit-animation: slide-down .3s ease-out; -moz-animation: slide-down .3s ease-out; } .main-navigation.toggled ul ul { padding-left: 10px; } .main-navigation.toggled ul ul:before { display: none; } /* Hamburger Menu */ .menu-toggle { position: relative; z-index: 999; display: none; width: 50px; height: 50px; margin: 0; background: none; border: 0; text-indent: -9999px; } .menu-toggle i { color: #505050; } .menu-toggle span, .menu-toggle span:before, .menu-toggle span:after { display: block; height: 3px; width: 30px; background: var(--color-black); position: absolute; content: ''; cursor: pointer; border-radius: 1px; } .menu-toggle span { width: 80%; top: 12px; left: 10px; } .menu-toggle span:before { width: 70%; top: 10px; } .menu-toggle span:after { width: 35%; top: 20px; } .menu-toggle span, .menu-toggle span:before, .menu-toggle span:after { transition: all .35s; -moz-transition: all .35s; /* Firefox 4 */ -webkit-transition: all .35s; /* Safari and Chrome */ -o-transition: all .35s; /* Opera */ } .menu-toggle:hover { background: none; } .menu-toggle:hover span, .menu-toggle:hover span:before, .menu-toggle:hover span:after { background: var(--color-gray-dark); } /* Hamburger Menu Toggled */ .main-navigation.toggled { align-items: unset; justify-content: unset; top: 1em; right: 2em; } .main-navigation.toggled ul { -webkit-animation: slide-down .3s ease-out; -moz-animation: slide-down .3s ease-out; } .main-navigation.toggled ul ul { padding-left: 10px; } .main-navigation.toggled ul ul:before { display: none; } .main-navigation.toggled .menu-toggle { position: absolute; top: 2em; right: 2em; } .main-navigation.toggled .menu-toggle span { top: 22px; background-color: transparent; } .main-navigation.toggled .menu-toggle span:before, .main-navigation.toggled .menu-toggle span:after { top: 0; background: #888888; width: 100%; } .main-navigation.toggled .menu-toggle span:before { transform: rotate(45deg); } .main-navigation.toggled .menu-toggle span:after { transform: rotate(-45deg); } .main-navigation.toggled .menu-toggle:hover, .main-navigation.toggled .menu-toggle:hover span { background: none; } .main-navigation.toggled .menu-toggle:hover span.icon:before, .main-navigation.toggled .menu-toggle:hover span.icon:after { background: #111; } .main-navigation .menu, .main-navigation .menu-main-menu-container { display: flex; justify-content: flex-end; } /* Lock Scroll */ body.lock-scroll { overflow: hidden; } /* Single Post Navigation */ .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 auto 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /* ScrollTo Menu */ .logged-in .scroll-navigation.fixed { top: 32px; } .scroll-navigation { width: 100%; } .scroll-navigation.fixed { position: fixed; top: 0; border-bottom: 1px solid #9f9f9f; } .scroll-navigation ul { margin: 0; padding: 0 0 0 10px; list-style: none; background: #7D7D7D; } .scroll-navigation li { display: inline-block; padding: 5px 10px; } .scroll-navigation a { color: #fff; outline: 0; } /* ========================================================================== 6.0 # Accessibility ========================================================================== */ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* * Hide only visually, but have it available for screen readers: * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility * * 1. For long content, line feeds are not interpreted as spaces and small width * causes content to wrap 1 word per line: * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); position: absolute!important; height: 1px; width: 1px; margin: -1px; padding: 0; overflow: hidden; white-space: nowrap; /* 1 */ } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; white-space: inherit; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /* ========================================================================== 7.0 # Alignments ========================================================================== */ .alignleft { align-self: flex-start; } .alignright { align-self: flex-end; } .aligncenter, .grid-container .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* ========================================================================== 8.0 # Widgets ========================================================================== */ .widget { display: inline-block; width: 100%; margin: 3em 0; /* Make sure select elements fit in widgets. */ } .widget ul li a { color: #717171; } .widget select { max-width: 100%; } .sidebar .widget ul { display: flex; flex-direction: column; align-items: start; padding-left: 0; } .sidebar .widget ul li { width: 100%; margin-left: 0; margin-bottom: .5em; padding-bottom: .5em; padding-left: 0; text-transform: uppercase; list-style-type: none; } .sidebar .widget ul li:not(:last-child) { border-bottom: 1px solid var(--border-color-light); } .sidebar .widget a { color: var(--color-accent); } .sidebar .widget a:hover { color: var(--color-accent); } /* ========================================================================== 9.0 # Content ========================================================================== */ /* -------------------------------------------------------------------------- ## Posts and pages -------------------------------------------------------------------------- */ .sticky { display: block; } .updated:not(.published) { display: none; } .page-links { margin: 0 0 1.5em; clear: both; } .post-password-form { margin-top: 4em; } /* -------------------------------------------------------------------------- ## Comments -------------------------------------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /* ========================================================================== 10.0 # Media ========================================================================== */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: flex; } /* -------------------------------------------------------------------------- ## Captions -------------------------------------------------------------------------- */ .wp-caption { max-width: 100%; margin-bottom: 1.5em; } .wp-caption img[class*="wp-image-"] { display: block; margin-right: auto; margin-left: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /* -------------------------------------------------------------------------- ## Galleries -------------------------------------------------------------------------- */ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; width: 100%; text-align: center; vertical-align: top; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } .wp-block-group.gallery .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) { width: 100%; } /* ========================================================================== 11.0 # Author Styles ========================================================================== */ /* Border Helper Classes */ .border { border: 1px solid var(--border-color-light)!important; } .bt { border-top: 1px solid var(--border-color-light)!important; } .br { border-right: 1px solid var(--border-color-light)!important; } .bb { border-bottom: 1px solid var(--border-color-light)!important; padding-bottom: .5em!important; } .bl { border-left: 1px solid var(--border-color-light)!important; } .b-0 { border: 0 !important; } .bt-0 { border-top: 0 !important; } .br-0 { border-right: 0 !important; } .bb-0 { border-bottom: 0 !important; } .bl-0 { border-left: 0 !important; } .bt-small { border-top: 2px solid var(--border-color-light)!important; } .br-small { border-right: 2px solid var(--border-color-light)!important; } .bb-small { border-bottom: 2px solid var(--border-color-light)!important; } .bl-small { border-left: 2px solid var(--border-color-light)!important; } .bt-medium { border-top: 5px solid var(--border-color-light)!important; } .br-medium { border-right: 5px solid var(--border-color-light)!important; } .bb-medium { border-bottom: 5px solid var(--border-color-light)!important; } .bl-medium { border-left: 5px solid var(--border-color-light)!important; } .bt-large { border-top: 10px solid var(--border-color-light)!important; } .br-large { border-right: 10px solid var(--border-color-light)!important; } .bb-large { border-bottom: 10px solid var(--border-color-light)!important; } .bl-large { border-left: 10px solid var(--border-color-light)!important; } .border-color-dark { border-color: var(--border-color-dark)!important; } .border-accent-color { border-color: var(--color-accent)!important; } .border-accent-light { border-color: var(--color-accent)!important; } .border-accent-dark { border-color: var(--color-accent-dark)!important; } /* Line Styling */ .entry-content ul.line-styling li { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid var(--border-color); } .entry-content .wp-block-columns ul.line-styling { grid-gap: 1em 1.5em; } /* Animate Scale */ .animate-scale { overflow: hidden; } .animate-scale img { backface-visibility: hidden; transition: all .35s; transform: scale(1); } .animate-scale:hover img { transform: scale(1.0125); opacity: .9; } /* Link Styling */ a.no-underline { text-decoration: none!important; } a.no-underline:hover { color: var(--color-black-dark)!important; } /* -------------------------------------------------------------------------- ## Color Variables and Helper Classes -------------------------------------------------------------------------- */ :root { --color-primary: #222; --color-accent: #DB0000; /*pre ADA: f41400*/ --color-accent-dark: #B50F00; --color-white: #fff !important; --color-white-opacity: rgba(255,255,255, 0.9) !important; --color-black: #000!important; --color-black-dark: #111!important; --color-black-opacity: rgba(0,0,0, 0.9) !important; --color-success: #09B09A; --color-feedback: #FEB503; --color-alert: #b7312c; --color-gray: #919191; --color-gray-secondary: #6B6B6B; --color-gray-light: #efefef; --color-gray-dark: #2e2e2e; --bkg-gray-light: #f7f7f7; --border-color: #D6D6D6; --border-color-light: #E3E3E3; --border-color-dark: #333; --border-color-gray: var(--color-gray) --box-shadow: 1px 2px 4px rgba(0,0,0,.05); --box-shadow-dark: 0 .5em 5em 0 rgba(0,0,0,0.25), 0 12px 90px 0 rgba(0,0,0,0.25); } .box-shadow { box-shadow: var(--box-shadow); } .background-gray-light { background-color: var(--bkg-gray-light); } .border-color-gray { border-color: var(--color-gray!important); } /* Light Theme */ body { background-color: var(--color-white); } #colophon { background-color: var(--color-white); } .menu a { color: var(--color-black); } .site-title a { color: var(--color-black); } h1, h2, h3, h4, h5, h6 { color: var(--color-black-dark); margin-bottom: 1em; padding-bottom: 0; } p, #main p { color: var(--color-black); } /* Block Color Palette Colors * declared in inc/theme-options.php */ .has-accent-color { color: var(--color-accent)!important; } .has-accent-dark-color { color: var(--color-accent-dark)!important; } .has-gray-color { color: var(--color-gray)!important; } .has-gray-light-color { color: var(--color-gray-light)!important; } .has-gray-dark-color { color: var(--color-gray-dark)!important; } .has-black-color, .has-black-color p { color: var(--color-black); } .has-white-background-color { background-color: var(--color-white)!important; } .has-black-background-color { background-color: var(--color-black)!important; } .has-black-dark-background-color { background-color: var(--color-black-dark)!important; } .has-gray-background-color { background-color: var(--color-gray)!important; } .has-gray-dark-background-color { background-color: var(--color-gray-dark)!important; } .has-gray-light-background-color { background-color: var(--color-gray-light)!important; } .has-accent-background-color { background-color: var(--color-accent)!important; } .has-accent-dark-background-color { background-color: var(--color-accent-dark)!important; } .has-success-color, span.has-success-color { color: var(--color-success)!important; } .has-feedback-color { color: var(--color-feedback)!important; } .entry-content p a { color: var(--color-accent); } .alert { color: var(--color-alert); } /* -------------------------------------------------------------------------- ## Typography -------------------------------------------------------------------------- */ :root { --font-primary: 'Roboto', sans-serif; --font-secondary: 'Roboto Condensed', sans-serif; --font-headlines: 'CeraPro-Medium', sans-serif; /* Type Scale based 1.250 - Major Third * https://type-scale.com/ --font-h1: 3.052rem; --font-h2: 2.441rem; --font-h3: 1.953rem; --font-h4: 1.563rem; --font-h5: 1.25rem; --font-h6: 1rem; */ --font-h1: 3.998rem; /* Type Scale based 1.333 - Perfect Fourth * https://type-scale.com/ */ /* --font-h1: 4.209rem; */ --font-h2: 3.157rem; --font-h3: 2.369rem; --font-h4: 1.777rem; --font-h5: 1.333rem; --font-h6: 1.25rem; --font-size-button: 1.25rem; --font-size-button-small: 1.067rem; /* Gutenberg */ --font-size-huge: 5.063rem; --font-size-large: 3.375rem; --font-size-medium: 1.44rem; --font-size-normal: 1.25rem; --font-size-small: .75rem; /* --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; */ } body { font-family: var(--font-primary); } /* Gutenberg Classes */ .has-huge-font-size, .has-large-font-size, .has-medium-font-size, .has-normal-font-size, .has-small-font-size { letter-spacing: 0; } .has-huge-font-size { font-size: var(--font-size-huge)!important; line-height: 1.2; } .has-large-font-size { font-size: var(--font-size-large)!important; line-height: 1.2; } .has-medium-font-size { font-size: var(--font-size-medium)!important; line-height: 1.3;} .has-normal-font-size { font-size: var(--font-size-normal)!important; line-height: 1.4; } .has-small-font-size { font-size: var(--font-size-small)!important; line-height: 1.25; } /* Custom Font Classes */ .cerapro-medium { font-family: "CeraPro-Medium"!important; } .cerapro-regular { font-family: "CeraPro-Regular"; } .roboto { font-family: 'Roboto', sans-serif!important; } .roboto-condensed { font-family: 'Roboto Condensed', sans-serif!important; } .roboto-condensed-italic { font-family: 'Roboto Condensed' , sans-serif!important; font-weight: 400; font-style: italic; } .subheading { font-family: var(--font-secondary); font-weight: 400; } .uppercase { text-transform: uppercase!important; } /* Font Weight */ .fw-100, .fw-100i { font-weight: 100; } .fw-300, .fw-300i { font-weight: 300; } .fw-400, .fw-400i { font-weight: 400; } .fw-500, .fw-500i { font-weight: 500; } .fw-600 { font-weight: 600; } .fw-700, .fw-700i { font-weight: 700; } .fw-800 { font-weight: 800; } .fw-900, .fw-900i { font-weight: 900; } .fw-100i, .fw-300i, .fw-400i, .fw-500i, .fw-700i, .fw-800i, .fw-900i { font-style: italic; } /* Letter Spacing Helper Classes */ .ls-0 { letter-spacing: 0; } .ls-1 { letter-spacing: 1px; } .ls-1 { letter-spacing: 2px; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-headlines); font-weight: 500; line-height: 1.1; letter-spacing: 2px; } h1 { font-size: var(--font-h1); } h1.site-title { font-size: 1.25rem; font-weight: 400; } h1.page-title { text-transform: uppercase; letter-spacing: 4px; } h2 { font-size: var(--font-h2); } .wp-block-cover.hero .wp-block-columns.has-2-columns--30-70 h2, .wp-block-cover.hero .wp-block-columns.has-2-columns--75-25 h2 { font-size: 2.441rem; } h3 { font-size: var(--font-h3); } h4 { font-size: var(--font-h4); } h5 { font-size: var(--font-h5); } h6 { font-size: var(--font-h6); letter-spacing: 1px; } h5.roboto, h6.roboto { line-height: 1.25; } .notice { font-family: var(--font-secondary); font-weight: 300; } b, strong { font-weight: 600; } a { font-family: var(--font-primary); text-decoration: none; } p { line-height: 1.75; } p a { text-decoration: underline; } p, ul, ol, ul li, ol li { font-size: 1.125rem; line-height: 1.4; font-family: var(--font-primary); } ul.contact-list a { font-size: .833rem; } img, span, input, textarea, select { font-family: var(--font-primary); } blockquote, blockquote p { line-height: 1.44; } .social-icons i { font-size: 1.77rem; } button, .button, input[type="button"], input[type="reset"], input[type="submit"], input[type="submit"], .wp-block-button__link, .wpcf7 input[type="submit"] { font-family: var(--font-primary); font-size: var(--font-size-button)!important; line-height: 1; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; } .font-size-button-small, .font-size-button-small a { font-size: var(--font-size-button-small)!important; } .buttonlink{ padding:16px; background:var(--color-accent); display:inline-block; color:#fff; font-weight:600; width:200px; text-align:center; letter-spacing: 2px; text-transform:uppercase; } .buttonlink:hover{ color:#FFFFFFcc } .wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link { font-size: unset; } .posted-on { font-size: 1rem; } .button { font-family: var(--font-primary); text-transform: uppercase; } .button.view-all { font-size: .75rem; } .menu-toggle { font-size: .75rem; font-family: var(--font-primary); text-transform: uppercase; } .menu-toggle i { font-size: 2.369rem; } .menu a { font-family: var(--font-primary)!important; font-size: .937rem; letter-spacing: .5px; font-weight: 400; text-transform: uppercase; text-decoration: none; } .menu .current-menu-item a { font-weight: 500; } .menu ul a { font-weight: 400; } .menu ul ul a { text-transform: capitalize; } .toggled .menu a { font-size: 1rem; } .site-title a { font-size: 1.33em; text-decoration: none; } .site-description { font-size: 1rem; font-weight: normal; } ul.social-icons i { font-size: 1.125rem; } .entry-content ul#crumbs li, .entry-content ul#crumbs li a { font-size: .875rem; letter-spacing: .5px; } .copyright, .site-info a, .cat-links, .cat-links a, .tags-links, .tags-links a, .comments-link a { font-size: .8rem; font-weight: 400; text-transform: uppercase; } .copyright { font-family: var(--font-headlines); } .site-info a.credit { font-size: .7rem; } .site-info .credit .devname{font-family:monospace; text-transform: none; margin-left: 0.5em; border-bottom:1px #333 dotted;} .sidebar ul li, .sidebar .widget-title { text-transform: uppercase; } .sidebar ul li { font-weight: 500; } article .entry-header a { font-family: var(--font-primary); } .blog .post .entry-header a { font-family: var(--font-secondary); } .archive article .entry-content h1, .archive article .entry-content h2 { font-size: 1.77rem; } .wp-block-image figcaption, .wp-block-image figcaption span, .page .featherlight .featherlight-content .caption, .blocks-gallery-grid .blocks-gallery-item figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption span { font-size: 1.205rem; font-family: var(--font-secondary); letter-spacing: .5px; font-weight: 300; text-transform: uppercase; text-align: left; } .effect--fadeUp figure figcaption a { font-family: var(--font-secondary); font-size: var(--font-size-medium); letter-spacing: 2px; } .effect--fadeUp .wp-block-columns.gallery figure figcaption a { font-size: .937rem; } .wp-block-tbc-accordion-item h3 { font-family: var(--font-secondary); font-weight: 400; font-size: var(--font-size-medium); letter-spacing: 0; } .wp-block-tbc-accordion-item .tbc-accordion-item-heading::after { font-size: 1.77rem; font-weight: 700; line-height: 1.25; } /* Event */ .date { text-transform: uppercase; letter-spacing: .5px; } .event-card p { font-size: var(--font-size-small); text-transform: uppercase; letter-spacing: .5px; } .event-card a, .event-details a, .entry-content .tw-plugin-upcoming-event-list .tw-opening-act, .entry-content .tw-plugin-upcoming-event-list .tw-opening-act span { font-family: var(--font-secondary); font-weight: 400; letter-spacing: 2px; text-transform: uppercase; } .event-details a{ font-size:var(--font-h5); color:var(--color-black); } .event-card a.ticket-link { text-align: right; } .event-card a.ticket-link, .event-details a.wp-block-button__link { font-weight: 600; } .event-card .date span:first-of-type { font-size: var(--font-size-small); } .event-card .date span:last-of-type { font-size: var(--font-size-large); line-height: 1; letter-spacing: -2px; } .event-card .event-details h3, .event-card .event-details h3 a { font-size: var(--font-h5); } .event-card .event-details h4, .event-card .event-details h4 a { font-size: .8rem; line-height: 1.35; } .event-card .tw-prefix-text{ color:var(--color-gray-secondary); font-family:var(--font-secondary); letter-spacing:1px; font-weight:400; font-size: 0.8rem; text-transform:uppercase; font-style:italic; } .event-detail-list .event-name { font-size: var(--font-h3); line-height: 1.35; } .event-detail-list .event-support { font-size: var(--font-h5); word-wrap: break-word; } .event-detail-list a, .event-detail-list h1 { text-transform: uppercase; } .single-event .event-name { color: var(--color-accent; )} .single-event .artist p { font-size: var(--font-size-normal); text-transform: unset; font-weight: 300; } .single-event .artist h4 { font-size: var(--font-size-medium); } /* Lists */ ul#crumbs li, ul#crumbs li a { font-size: var(--font-size-small); } ul#crumbs li:first-child::before, li.menu-item-has-children a::after { font-family:'Font Awesome 5 Free'; font-weight: 900; } ul#crumbs li:first-child::before { content:'\f015'; } ul#crumbs li { text-transform: uppercase; letter-spacing: 2px; } li.menu-item-has-children > a::after { display: inline-block; margin-left: .5em; content: '\f107'; transition: all .35s; } li.menu-item-has-children li a::after { content: ''; } li.menu-item-has-children:hover a::after { transform: rotate(-180deg); } /* -------------------------------------------------------------------------- ## Layout CSS Grid, Flexbox -------------------------------------------------------------------------- */ /* Size Variables */ :root { --spacer-xxs: .10em; --spacer-xs: .25em; --spacer-xs2: .5em; --spacer-sm: 1em; --spacer-med: 2em; --spacer-lg: 3em; --spacer-xl: 4em; --spacer-xxl: 5em; } .alignfull { max-width: 100%!important; } .alignfull > * { padding-right: 0; padding-left: 0; } .h-100 { height: 100%; } .pt-xs, .pt-extra-small { padding-top: var(--spacer-xs)!important; } .pb-xxs { padding-bottom: var(--spacer-xxs)!important; } .pb-xs, .pb-extra-small { padding-bottom: var(--spacer-xs)!important; } .mt-xs, .mt-extra-small { margin-top: var(--spacer-xs)!important; } .mb-xs, .mb-extra-small { margin-bottom: var(--spacer-xs)!important; } /* Spacing */ .m-auto { margin: auto!important; } .mt-0 { margin-top: 0 !important; } .mt-05{ margin-top: var(--spacer-xs2)!important; } .mt-1 { margin-top: var(--spacer-sm)!important; } .mt-2 { margin-top: var(--spacer-med)!important; } .mt-3 { margin-top: var(--spacer-lg)!important; } .mt-4 { margin-top: var(--spacer-xl)!important; } .mt-5 { margin-top: var(--spacer-xxl)!important; } .mr-0 { margin-right: 0 !important; } .mr-05 { margin-right: var(--spacer-xs2)!important; } .mr-1 { margin-right: var(--spacer-sm)!important; } .mr-2 { margin-right: var(--spacer-med)!important; } .mr-3 { margin-right: var(--spacer-lg)!important; } .mr-4 { margin-right: var(--spacer-xl)!important; } .mb-0 { margin-bottom: 0!important; } .mb-05 { margin-bottom: var(--spacer-xs2)!important; } .mb-1 { margin-bottom: var(--spacer-sm)!important; } .mb-2 { margin-bottom: var(--spacer-med)!important; } .mb-3 { margin-bottom: var(--spacer-lg)!important; } .mb-4 { margin-bottom: var(--spacer-xl)!important; } .mb-5 { margin-bottom: var(--spacer-xxl)!important; } .ml-0 { margin-left: 0!important; } .ml-05 { margin-left: var(--spacer-xs2)!important; } .ml-1 { margin-left: var(--spacer-sm)!important; } .ml-2 { margin-left: var(--spacer-med)!important; } .ml-3 { margin-left: var(--spacer-lg)!important; } .ml-4 { margin-left: var(--spacer-xl)!important; } .p-all-0 { padding: 0!important; } .p-all-05 { padding: var(--spacer-xs2)!important; } .p-all-1 { padding: var(--spacer-sm)!important; } .p-all-2 { padding: var(--spacer-med)!important; } .p-all-3 { padding: var(--spacer-lg)!important; } .p-all-4 { padding: var(--spacer-xl)!important; } .pt-0 { padding-top: 0 !important; } .pt-05 { padding-top: var(--spacer-xs2)!important; } .pt-1 { padding-top: var(--spacer-sm)!important; } .pt-2 { padding-top: var(--spacer-med)!important; } .pt-3 { padding-top: var(--spacer-lg)!important; } .pt-4 { padding-top: var(--spacer-xl)!important; } .pr-0 { padding-right: 0 !important; } .pr-05 { padding-right: var(--spacer-xs2)!important; } .pr-1 { padding-right: var(--spacer-sm)!important; } .pr-2 { padding-right: var(--spacer-med)!important; } .pr-3 { padding-right: var(--spacer-lg)!important; } .pr-4 { padding-right: var(--spacer-xl)!important; } .pb-0 { padding-bottom: 0!important; } .pb-05 { padding-bottom: var(--spacer-xs2)!important; } .pb-1 { padding-bottom: var(--spacer-sm)!important; } .pb-2 { padding-bottom: var(--spacer-med)!important; } .pb-3 { padding-bottom: var(--spacer-lg)!important; } .pb-4 { padding-bottom: var(--spacer-xl)!important; } .pl-0 { padding-left: 0!important; } .pl-05 { padding-left: var(--spacer-xs2)!important; } .pl-1 { padding-left: var(--spacer-sm)!important; } .pl-2 { padding-left: var(--spacer-med)!important; } .pl-3 { padding-left: var(--spacer-lg)!important; } .pl-4 { padding-left: var(--spacer-xl)!important; } /* Grid Gap */ .gg-0 { grid-gap: 0!important; } .gg-10 { grid-gap: 1em!important; } .gg-15 { grid-gap: 1.5em!important; } .gg-20 { grid-gap: 2em!important; } .gg-30 { grid-gap: 3em!important; } .gg-40 { grid-gap: 4em!important; } .g5-50 { grid-gap: 5em!important; } /* Theme Menu - Project */ .main-navigation ul#menu-project-menu { height: 100%; padding-right: 40px; text-align: right; display: grid; grid-template-columns: 1fr minmax(min-content, max-content); } /* .main-navigation ul#menu-project-menu li { } .main-navigation ul#menu-project-menu li a { } */ /* Position */ .absolute-tl, .absolute-br { position: absolute; } .absolute-tl { z-index: 10; top: 0; left: 0; } .absolute-br { z-index: 1; bottom: 0; right: 0; } /* Flexbox Alignments */ .justify-center { display: flex; flex-direction: column; justify-content: center; } .justify-align-center-end { display: flex!important; align-items: center!important; justify-content: flex-end!important; } .justify-align-center-start { display: flex!important; align-items: center!important; justify-content: flex-start!important; } /* Elevated */ .elevated { box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.125); -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.125); } .elevated--color-dark { box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.125); -webkit-box-shadow: 5px 5px 20px 0 rgba(0, 0, 0, 0.25); } /* Grid Alignments */ .align-center { height: 100%; align-content: center; } /* Helper Classes */ .one-col-centered, .one-col-centered.max-content, .entry-content.one-col-centered, .entry-content .wp-block-group.one-col-centered, .entry-content > .alignfull .wp-block-group.one-col-centered { max-width: 800px; margin-right: auto; margin-left: auto; padding: 0 3em; } .entry-content .one-col-centered.max-content { max-width: max-content!important; } .entry-content .wp-block-group.one-col-centered.wide { max-width: 101.25em; } .entry-content .one-col-centered.full-width { max-width: 95em; } .entry-content .one-col-centered article > * { padding-right: 0; padding-left: 0; } .entry-content .wp-block-group.has-background { padding: 4em 2em; } .entry-content .wp-block-columns.medium { max-width: 101.25em; } .justify-content { justify-content: center!important; } .justify-end { justify-content: end!important; } /* One Col Centered */ .one-col-centered .entry-header { margin-bottom: 0; } /* Default Centered */ .entry-content { display: flex; flex-direction: column; } #primary .entry-content > :first-child .entry-title { margin-top: 0; } /* Full Width, Hero Section margin adjustments */ #primary .entry-content > .alignfull:first-child { margin-top: 0; padding: 5em 0; } #primary .entry-content > .post:first-child header { margin-top: 0; } /* -------------------------------------------------------------------------- ## Blog -------------------------------------------------------------------------- */ article.entry-content header { margin-bottom: var(--spacer-sm); } article.entry-content header :first-child { margin-top: 0; } .blog article { max-width: 800px; margin-right: auto; margin-left: auto; } .blog .post-wrapper { margin-top: 5em; } .blog .post:first-child { margin-top: 0; } .blog .post:not(:last-child) { margin-bottom: 4em; } .blog .post .entry-header { margin-top: 0; margin-bottom: 3em; } .blog .post .entry-header a { margin-top: .5em; } .blog .post .wp-block-button__link { margin-top: 3em; } .blog .post .wp-block-button__link:hover { border-color: var(--color-accent); color: var(--color-accent); } .blog .post a:hover { color: var(--color-accent); } .error-404 > *, .entry-content > * { max-width: 1080px; width: 100%; margin-right: auto; margin-left: auto; padding: 0 2em; } .entry-content .wp-block-group { margin-top: 4em; margin-bottom: 4em; } .entry-content .wp-block-group .wp-block-group { margin-top: 0; margin-bottom: 0; padding: 0; } article .entry-content > * { word-break: break-word; } .entry-content .post-content { margin-top: 0; margin-bottom: 0; } .entry-content .post-content :last-child { margin-bottom: 0; } .entry-content .wp-block-group__inner-container > * { padding: 0; } .entry-content .wp-block-group__inner-container :first-child { margin-top: 0; } /* Align Default */ .entry-content .wp-block-group__inner-container { display: flex; flex-direction: column; } .entry-content .aligndefault { max-width: 1080px; width: 100%; margin: auto; padding: 0 3em; } /* Align Full */ .wp-block-group.alignfull.background-gray-light { padding-top: 4em; padding-bottom: 4em; } .entry-content > .alignfull .wp-block-group { max-width: 1080px; width: 100%; margin-right: auto; margin-left: auto; padding: 0; } .entry-content > .alignfull .wp-block-group .wp-block-group { padding-right: 0; padding-left: 0; } .entry-content > .alignfull .wp-block-group.alignfull { max-width: 100%; padding: 0; } .entry-content > .alignfull .wp-block-group.alignfull .wp-block-column { margin: 0; } /* Align Wide */ .entry-content .alignwide, .entry-content > .alignfull .wp-block-group.alignwide, .entry-content .wp-block-group__inner-container .alignwide { max-width: 1440px; width: 100%; margin-right: auto; margin-left: auto; } /* Align Extended */ .alignextended { max-width: 1920px; width: 100%; margin-right: auto; margin-left: auto; } .entry-content .wp-block-cover, .entry-content .wp-block-cover-image { margin-top: 0; margin-bottom: 0; } /* -------------------------------------------------------------------------- ## Content -------------------------------------------------------------------------- */ #primary { min-height: 50vh; } /* Global */ h1.entry-title, h2.widget-title { margin: 2em 0; } .success, .success li { color: var(--color-success); } p.has-small-font-size .highlight { color: #8b403f; } /* Links */ a { color: var(--color-accent); transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; -o-transition: all .35s; } a:hover, .entry-content p a:hover { color: var(--color-accent); } .project-tracker a { color: var(--color-accent); } /* Structure */ .wrapper { width: 100%; display: block; margin: 0 auto; } .container { max-width: 1280px; margin: 0 auto; padding: 2em; } .container.full-width { max-width: 90%; margin-right: auto; margin-left: auto; } /* Header */ #masthead, .main-navigation { display: grid; } .main-navigation { grid-template-columns: 1fr minmax(min-content, max-content); } #masthead { position: relative; z-index: 900; min-height: 100px; padding: 0 1em; border-bottom: 1px solid var(--border-color-light); grid-template-columns: auto minmax(min-content,max-content); align-items: center; } #masthead p a { text-decoration: none; } #masthead .inner-wrap { position: relative; } #masthead iframe { position: absolute; top: 3em; margin-left: 2em; } #masthead .textwidget { position: absolute; top: 10px; right: 21px; letter-spacing: .25px; } #masthead .site-branding { display: flex; align-items: center; height: 100%; } #masthead .site-branding img { width: 275px; height: auto; margin-right: 1em; padding: 0; } ul.contact-list { text-align: right; } ul.contact-list li { margin-bottom: 0; } ul.contact-list a:hover { color: var(--color-black-dark); } .site-title { display: inline-flex; margin: 0; } .site-title:not(:empty) + .site-description:not(:empty):before { content: "\2014"; margin: 0 .2em; } .site-description { display: inline; margin: 0 0 0 1.5em; color: #767676; } /* Shared List Styling */ .entry-content ul, .entry-content ol { margin: 1.5em 0 2em; padding-left: 1.5em; list-style-position: inside; } /* .entry-content ul li, .entry-content ol li { margin-bottom: 2em; } */ .entry-content ul ul, .entry-content ol ol, .entry-content ol ul { margin: 1em 0 3em; padding-left: 2em; } .entry-content ul ul ul, .entry-content ol ul ul, .entry-content .wp-block-group ul ul ul, .entry-content .wp-block-group ol ul ul { margin-top: .75em!important; } .entry-content ul ul li, .entry-content ol ol li, .entry-content ul ol li, .entry-content ol ul li { margin-bottom: 1em; margin-left: 0; } ul li i { margin-right: .25em; } ul li { margin-bottom: .5em; } ul.social, ul.contact-list, ul.line-styling { margin: 0; padding: 0; } ul.social li, ul.contact-list li, ul.line-styling li { list-style-type: none; } /* Contact List */ .entry-content ul.contact-list { margin-top: 0; } .entry-content ul.contact-list li { margin-bottom: 0; } .entry-content ul.contact-list li a { font-weight: 500; } .entry-content ul.contact-list li a:hover { color: var(--color-gray-dark); } /* Social */ #page:has(.vip-list-standalone) .social{ /* == on the standalone VIP mailing list, hide the redundant one in the footer ====*/ visibility: hidden; } .site-footer .social .wpforms-container{ position: relative; } .site-footer .social .wpforms-recaptcha-container{ position:absolute; bottom:-30px; left:0; z-index:2; } ul.social { margin: 0; padding-left: 0; } ul.social li { display: inline-block; margin-right: 1.5em; list-style-type: none; } ul.social li:last-child { margin-right: 0; } ul.social i { color: #505050; transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; -o-transition: all .35s; } ul.social i:hover { color: #121212; } ul.social a { color: #121212; } ul.social a:hover { color: var(--color-white); } /* Footer */ #colophon { position: relative; display: flex; min-height: 200px; padding: 3em 0; background: var(--color-gray-light); overflow: hidden; } #colophon .wrapper { max-width: 1440px; padding: 0 2em; display: grid; grid-gap: 3em; grid-template-columns: minmax(min-content,max-content) minmax(min-content,max-content) minmax(min-content,max-content) 3fr ; } #colophon h4, #colophon h5 { margin-top: 0; color: var(--color-gray-dark); font-size: var(--font-h5); } #colophon .footer-heading{ /*NOTE: avoiding H tags here b/c accessibility heading sequence is always off.*/ margin-top:0; margin-bottom: 1em; color: var(--color-gray-dark); font-weight: 500; line-height: 1.1; letter-spacing: 2px; font-family: var(--font-headlines); font-size: var(--font-h5); } #colophon .col { display: flex; flex-direction: column; align-self: flex-start; } #colophon .col:first-of-type a { margin-top: 1em; color: var(--color-gray-dark); } #colophon .col:first-of-type a:hover { color: var(--color-accent); } #colophon ul.contact-list { text-align: left; } #colophon ul.contact-list a { color: var(--color-gray-dark); } #colophon ul.contact-list a:hover { color: var(--color-accent); } ul#menu-footer-menu { display: flex; align-items: flex-start; flex-direction: column; margin-left: 0; margin-bottom: 0; padding-left: 0; } ul#menu-footer-menu li { margin-bottom: var(--spacer-xs2); padding-left: 0; } ul#menu-footer-menu-secondary { display: flex; flex-direction: column; align-items: flex-start; margin: 0; padding: 0; } ul#menu-footer-menu-secondary li { margin: 0; margin-bottom: var(--spacer-xs); padding: 0; } .contact-info p a { color: var(--color-gray); } .contact-info p a:hover { color: var(--color-accent-light); } .contact-info p a:first-child { margin-bottom: .5em; } #colophon .social { text-align: left; } #colophon .social form { margin-top: 1em; margin-bottom: 2em; } #colophon .social-icons a i { margin: 0; transition: color .35s; } .site-logo img { width: 240px; display: block; margin: 0 0 1em; } .site-info { text-transform: capitalize; text-align: right; } .site-info .copyright { margin: 0 0 10px; padding: 0; } .site-info a { display: flex; justify-content: flex-end; } .site-info a:hover { color: var(--color-accent); } .site-info a, .site-info span { color: var(--color-gray-dark); } /* Socials */ ul.social-icons { display: flex; margin: 0; padding: 0; } ul.social-icons li { display: inline-block; margin-right: 1em; } ul.social-icons li:last-child { margin-right: 0; } ul.social-icons a { color: var(--color-primary); } ul.social-icons a:hover, ul.social-icons a:hover i { color: var(--color-accent); } ul.social-icons .sr-only { font-size: 0; } /* Posts and pages */ #content { padding: 5em 0; background-color: var(--color-white); } .page-header { width: 100%; } .footer-lastcol{ padding-bottom:150px; } /* -------------------------------------------------------------------------- ## Page Templates -------------------------------------------------------------------------- */ /* Home */ .wp-block-group.vip { padding-left: 0; } .wp-block-group.private-events ul li { margin: 0; } .wp-block-group.private-events ul li:nth-child(11), .wp-block-group.private-events ul li:nth-child(12) { border: 0; } .home .hero-mobile { background: var(--color-white); padding: 0 2em!important; } .wp-block-group.private-events ul li a { color: var(--color-black); } .wp-block-group.private-events ul li a:hover { color: var(--color-accent); } .wp-block-group.alignwide.featured-events, .wp-block-group.alignwide.upcoming-events { max-width: 1440px; overflow: hidden; } /* VIP */ .wp-block-group.vip-services h4, .wp-block-group.vip-services h5, .wp-block-group.vip-services h6 { font-family: var(--font-secondary); } .entry-content .wp-block-group.vip-services .wp-block-group.card-aside { padding: 0; } .wp-block-group.floorplan img { border: 4px solid var(--border-color-dark); } .wp-block-columns.has-2-columns.hero-callout { grid-gap: 0; min-height: 600px; padding-right: 0; padding-left: 0; } .wp-block-columns.has-2-columns.hero-callout .wp-block-column:last-of-type { padding: 2em; } .wp-block-columns.has-2-columns.hero-callout .wp-block-column:last-of-type .wp-block-group { display: flex; flex-direction: column; justify-content: center; width: 600px; max-width: 100%; height: 100%; padding: 0; } /* Private Events */ h1.wp-block-heading.private-events span { font-size: var(--font-size-medium); color: var(--color-accent); } .entry-content .wp-block-cover#splash .one-col { display: flex; flex-direction: column; justify-content: center; width: 1200px; height: 100%; margin: 0; } .wp-block-cover#splash .wp-block-buttons { /* display: grid; grid-template-columns: minmax(min-content, 350px) minmax(min-content, 350px); */ } .entry-content .hero-mobile { margin-bottom: 2em; padding-right: 0; padding-left: 0; } .entry-content .wp-block-group.what-we-do .has-4-columns { margin-right: 0; margin-left: 0; } .callout--private-events { height: 100%; } .wp-block-group.what-we-do ul { margin-bottom: 0; } .wp-block-group.what-we-do ul li { margin-bottom: 0; color: var(--color-gray-dark); } .wp-block-group.what-we-do figure { margin-bottom: 0; } .entry-content .wp-block-group.capacities .wp-block-group { padding-right: 2em; padding-left: 2em; } .wp-block-group.venue-info .has-3-columns.private-events { display: grid; grid-template-columns: 1fr min-content min-content; } .wp-block-group.venue-info img { -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out } .wp-block-group.venue-info .spaces { overflow: hidden; } .wp-block-group.venue-info .spaces .wp-block-column img { width: 100%; border: 2px solid var(--border-color); } .wp-block-group.venue-info .spaces .has-2-columns--70-30 { grid-gap: 1em; } .wp-block-group.venue-info .spaces .has-2-columns--70-30 a.wp-block-button__link i { margin-left: .5em; } .wp-block-group.venue-info .spaces .has-2-columns .has-2-columns--70-30 .wp-block-button { text-align: right; } .wp-block-group.venue-info .spaces .has-2-columns .has-2-columns--70-30 a.wp-block-button__link { min-width: unset; border: 0; text-align: right; } .wp-block-group.venue-info .spaces .has-2-columns .has-2-columns--70-30 a.wp-block-button__link:hover { background: none; color: var(--color-white)!important; } .wp-block-group.venue-info .virtual-tour li:last-of-type { border-bottom: 0; } .wp-block-group.venue-info .virtual-tour a { display: flex; overflow: hidden; } .wp-block-group.venue-info .virtual-tour a:hover img { transform: scale(1.01); } .wp-block-group.venue-info .virtual-tour img { background: var(--color-black); } .wp-block-group.venue-info .wp-block-column .card-aside { height: 100%; } .wp-block-group.venue-info ul.capacity li { display: grid; grid-template-columns: 1fr max-content; } .wp-block-group.venue-info ul.capacity li, .wp-block-group.venue-info ul.venue-info li { font-weight: 400; } .wp-block-group#top-floor .wp-block-button__link { grid-gap: 12px; } .wp-block-group#host-outdoor-event .wp-block-column img { width: 100%; } .wp-block-group.what-we-do ul li h3, .wp-block-group.what-we-do ul li h4 { margin-bottom: 0; font-size: var(--font-size-medium); font-family: var(--font-secondary)!important; font-weight: 400; } .wp-block-group.location .has-2-columns--40-60 { min-height: 400px; } .wp-block-group.location .has-2-columns--40-60 .wp-block-column:first-child { display: flex; flex-direction: column; justify-content: center; } .wp-block-group.location .has-2-columns--40-60 a { color: var(--color-white); text-decoration: none; } .wp-block-group.location .has-2-columns--40-60 a:hover { opacity: .75; } .wp-block-group.location h2 { font-size: var(--font-h3); } .wp-block-group.location iframe { height: 100%; } .wp-block-column.tour .wp-block-image a { position: relative; } .wp-block-column.tour .wp-block-image a:before { content: ''; position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--color-black); opacity: .35; -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out } .wp-block-column.tour .wp-block-image i { position: absolute; z-index: 10; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: var(--color-white); -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out } .wp-block-column.tour .wp-block-image a:hover i { transform: scale(1.15); } .wp-block-column.tour .wp-block-image a:hover:before { opacity: .1; } .wp-block-column.tour .wp-block-image figcaption a:before { background: none; } .wp-block-column.tour .wp-block-image figcaption a:hover { color: var(--color-black-dark);} .wp-block-column.tour .wp-block-image i {font-size: var(--font-h1); } .wp-block-column.capacities ul li { display: grid; grid-template-columns: 1fr minmax(min-content,max-content); } .wp-block-column.capacities ul li span { font-weight: 600; } .wp-block-group.venue-info .wp-block-column .wp-block-columns { margin-top: 1em; margin-bottom: 2em; padding-top: 0; padding-bottom: 0; align-items: center; } .wp-block-group.venue-info .wp-block-column .wp-block-columns h1, .wp-block-group.venue-info .wp-block-column .wp-block-columns h2, .wp-block-group.venue-info .wp-block-column .wp-block-columns h3, .wp-block-group.venue-info .wp-block-column .wp-block-columns h4, .wp-block-group.venue-info .wp-block-column .wp-block-columns h5, .wp-block-group.venue-info .wp-block-column .wp-block-columns h6 { margin-bottom: 0; padding-bottom: 0; } /* Food & Drink Menu */ .wp-block-group.kitchen .wp-block-group .wp-block-columns, .wp-block-group.cocktails .wp-block-group .wp-block-columns, .wp-block-group.value-prop .wp-block-group .wp-block-columns { max-width: 1080px; } .wp-block-group.kitchen .wp-block-group .wp-block-columns:first-child, .wp-block-group.cocktails .wp-block-group .wp-block-columns:first-child { margin-right: auto; margin-left: auto; } .wp-block-group.beer .wp-block-columns:not(:first-of-type), .wp-block-group.kitchen .wp-block-columns:not(:first-of-type), .wp-block-group.draft-beer .wp-block-columns:not(:first-of-type) { border-bottom: 1px solid var(--border-color-light); } .wp-block-group.kitchen .wp-block-group .wp-block-columns, .wp-block-group.cocktails .wp-block-group .wp-block-columns, .wp-block-group.beer .wp-block-columns.has-2-columns--40-60, .wp-block-group.draft-beer .wp-block-columns.has-2-columns--50-50, .wp-block-group.draft-beer .wp-block-columns.has-2-columns--40-60 { margin-bottom: 2em; padding-bottom: 2em; } .wp-block-group.beer .wp-block-columns:last-of-type, .wp-block-group.kitchen .wp-block-columns:last-of-type, .wp-block-group.draft-beer .wp-block-columns:last-of-type { margin-bottom: 0; padding-bottom: 0; border: 0; } .wp-block-group.cocktails .wp-block-columns:not(:first-of-type) { align-items: unset; } .wp-block-group.draft-beer .has-2-columns.has-2-columns--20-80 { display: grid; grid-gap: 16px; } .wp-block-group.draft-beer .has-2-columns.has-2-columns--20-80 .wp-block-cover { height: 100%; } .wp-block-group.food .has-2-columns--20-80 .wp-block-column:first-of-type h2, .wp-block-group.cocktails .has-2-columns--30-70 .wp-block-column:first-of-type h2 { position: relative; top: -.25em; } .wp-block-group.draft-beer .wp-block-columns { align-items: center; } .wp-block-group.draft-beer .wp-block-columns:not(:first-of-type) {border-color: var(--border-color); } .wp-block-group.draft-beer .has-2-columns { padding-right: 2em; } .wp-block-group.draft-beer .has-2-columns .wp-block-column:first-of-type, .wp-block-group.draft-beer .has-2-columns .wp-block-column:first-of-type .wp-block-cover { height: 100%; } .wp-block-group.draft-beer .has-2-columns .wp-block-column:last-of-type { padding: 4em 0; } .wp-block-group.draft-beer .has-2-columns .wp-block-column:last-of-type .wp-block-group { max-width: 1000px; } .wp-block-group.draft-beer .wp-block-gallery.beer-logos { margin: 0; } .wp-block-group.draft-beer .wp-block-gallery.beer-logos ul { width: 800px; max-width: 100%; margin: auto; } .wp-block-group.draft-beer .wp-block-gallery.beer-logos ul li { width: max-content; height: 100%; margin: auto; } .wp-block-group.draft-beer .wp-block-gallery.beer-logos img { max-height: 140px; } .wp-block-group.draft-beer .wp-block-gallery.beer-logos li:nth-child(1) img, .wp-block-group.draft-beer .wp-block-gallery.beer-logos li:nth-child(2) img { max-height: 120px; } .wp-block-group.draft-beer .wp-block-gallery.beer-logos figure { justify-content: center; align-items: center; background: none; } @media screen and (max-width: 1440px) { .wp-block-group.draft-beer .wp-block-gallery.beer-logos img { max-height: 120px; } .wp-block-group.draft-beer .wp-block-gallery.beer-logos li:nth-child(1) img, .wp-block-group.draft-beer .wp-block-gallery.beer-logos li:nth-child(2) img { max-height: 100px; } } @media screen and (max-width: 1240px) { .wp-block-group.draft-beer .has-2-columns--20-80, .wp-block-group.food .wp-block-columns.has-2-columns--20-80 { grid-template-columns: 1fr; grid-gap: 0; } } @media screen and (max-width: 1180px) { .wp-block-group.draft-beer .wp-block-gallery.beer-logos img { max-height: 100px; } .wp-block-group.draft-beer .wp-block-gallery.beer-logos li:nth-child(1) img, .wp-block-group.draft-beer .wp-block-gallery.beer-logos li:nth-child(2) img { max-height: 80px; } } @media screen and (max-width: 1024px) { .wp-block-group.cocktails .has-2-columns--30-70 { grid-template-columns: 1fr; grid-gap: 0; } .wp-block-group.draft-beer .wp-block-gallery.beer-logos img { max-height: 80px; } .wp-block-group.draft-beer .wp-block-gallery.beer-logos li:nth-child(1) img, .wp-block-group.draft-beer .wp-block-gallery.beer-logos li:nth-child(2) img { max-height: 60px; } } @media screen and (max-width: 800px) { .wp-block-group.draft-beer .has-2-columns { grid-template-columns: 1fr; } .wp-block-group.draft-beer .has-2-columns:first-of-type { grid-gap: 0; } .wp-block-group.draft-beer .has-2-columns--20-80 { padding-right: 2em; padding-left: 2em; } } @media screen and (max-width: 414px) { .wp-block-group.draft-beer .wp-block-gallery.beer-logos img { max-height: 60px; } .wp-block-group.draft-beer .wp-block-gallery.beer-logos li:nth-child(1) img, .wp-block-group.draft-beer .wp-block-gallery.beer-logos li:nth-child(2) img { max-height: 50px; } } /* Venue Info */ .wp-block-group.hotels .wp-block-image img { width: 100%; margin-right: auto; margin-left: auto; } .wp-block-group.hotels .wp-block-image figure { float: none; width: 100%; margin-right: auto; margin-left: 0; } /* Template - Slider */ .page-template-template-slider #masthead { position: absolute; z-index: 500; top: 0; left: 0; width: 100%; background: none; } .page-template-template-slider .loaded #masthead { z-index: 9999; } .loaded #masthead { border: 0; } .page-template-template-slider .wp-block-group.slider { margin-top: 0; padding-right: 0; padding-left: 0; } /* Template - Styleguide */ .page-template-template-sidebar-styleguide .wp-block-cover { min-height: 400px; } .page-template-template-sidebar-styleguide .wp-block-cover .page-title { margin-top: 0; } .page-template-template-sidebar-styleguide .wp-block-columns .circle { min-width: 175px; max-width: 175px; min-height: 175px;} .page-template-template-sidebar-styleguide .has-2-columns.sidebar-content { grid-gap: 4em; } aside.styleguide-navigation p.widget-title { margin-bottom: 3em; padding: 0 2em 3em; color: var(--color-black); border-bottom: 1px solid var(--border-color-light); } .styleguide-navigation ul.menu { display: block; margin-left: 0; padding-left: 0; } .styleguide-navigation ul.menu li { width: 100%; padding: 1em; list-style-type: none; } .styleguide-navigation ul.menu li:last-child { border-bottom: 0; } .styleguide-navigation ul.menu li:hover, .styleguide-navigation ul.menu li.current-menu-item { background: var(--color-gray-light); -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out } .styleguide-navigation ul.menu li.current-menu-item.current_page_item > a::before { content:'>'; margin-right: 5px; } .styleguide-navigation ul.menu li.current-menu-item.current_page_item ul a { color: var(--color-gray-light); } .styleguide-navigation ul.menu li.current-menu-item.current_page_item ul a:hover { color: var(--color-accent); } .styleguide-navigation ul.menu li.menu-item-has-children a::after { content:''; } .styleguide-navigation ul.menu li a { display: block; color: var(--color-gray); text-transform: uppercase; } .styleguide-navigation ul.menu li:hover a, .styleguide-navigation ul.menu li.current-menu-item a { color: var(--color-accent); } .styleguide-navigation ul.menu ul.sub-menu { padding-left: 0; } .styleguide-navigation ul.menu ul.sub-menu li a { padding-bottom: 0; text-transform: capitalize; } /* 404 */ .error404 .error-404 { padding-top: 2em; padding-bottom: 5em; } /* -------------------------------------------------------------------------- ## Blog -------------------------------------------------------------------------- */ .blog .post .entry-title, .single .post .entry-title { margin-bottom: 10px; } .cat-links { margin-right: 10px; padding-right: 10px; color: #474747; border-right: 1px solid #efefef; } .cat-links a, .tags-links a { color: var(--color-accent); } .cat-links a:hover, .tags-links a:hover { color: var(--color-black); } .comments-link { display: none; } article:focus { outline: none; } /* Archive, Category */ .archive article .entry-content h1, .archive article .entry-content h2, .archive article .entry-content h3, .archive article .entry-content h4, .archive article .entry-content h5, .archive article .entry-content h6 { text-transform: capitalize; color: #505050; } .archive .page-content p, .category .page-content p { color: #6d706f; } .archive article, .category article { margin-bottom: 40px; padding-bottom: 4em; } .archive article:last-child, .category article:last-child { border-bottom: 0; } .archive article h2.entry-title, .category article h2.entry-title { margin-bottom: 0; } .archive article .entry-footer, .category article .entry-footer { border-top: 1px solid #efefef; } .entry-meta .byline { display: none; } /* Single Post */ .post h1.entry-title { margin-top: 10px; margin-bottom: 0; } .post .entry-content a { color: var(--color-black); } .post .entry-content a:hover { color: var(--color-black); } .post .entry-footer { margin-top: 40px; margin-bottom: 0; padding-top: 10px; border-top: 1px solid #D6D6D6; } .single .post .entry-header { margin-top: 0; } .single .post .entry-footer { } .single .post > * { padding-right: 0; padding-left: 0; } .single .site-main .post-navigation { margin-top: 3em; margin-bottom: 3em; padding: 0; } .single-post .entry-content > * { max-width: 800px; } .entry-footer a.post-edit-link { margin-left: 10px; color: #ccc; } .entry-footer a.post-edit-link:hover { color: var(--color-black); } a.post-edit-link:focus { outline: 0; } /* -------------------------------------------------------------------------- ## Project Tracker -------------------------------------------------------------------------- */ .entry-content .project-tracker > li { margin-bottom: 40px; } /* .entry-content .project-tracker > li:first-child::marker { color: var(--color-success); } */ .entry-content .project-tracker li li { color: var(--color-gray-dark); } .entry-content .project-tracker a { text-decoration: underline; } .entry-content .project-tracker a:hover { color: var(--color-accent); } /* -------------------------------------------------------------------------- ## Styleguide -------------------------------------------------------------------------- */ .typescale h1, .typescale h2, .typescale h3, .typescale h4, .typescale h5, .typescale h6 { margin-top: 0; } .typescale p { margin: 0; } /* ========================================================================== 12.0 # Components ========================================================================== */ /* Card -- Aside */ .wp-block-group.card-aside { width: 100%; max-width: 100%; } .wp-block-group.card-aside.small { width: 350px!important; } .wp-block-group.card-aside h1, .wp-block-group.card-aside h2, .wp-block-group.card-aside h3, .wp-block-group.card-aside h4 { font-family: var(--font-headlines); } .wp-block-group.card-aside h3, .wp-block-group.card-aside h4, .wp-block-group.card-aside h5 { margin: 0; padding: .75em 1em; text-align: center; } .wp-block-group.card-aside ul { margin-top: 0; padding: 1.5em; } .wp-block-group.card-aside ul li { list-style-type: none; margin-bottom: .75em; padding-bottom: .75em; border-bottom: 1px solid var(--color-gray); font-weight: 500; } .wp-block-group.card-aside ul li:last-child { padding-bottom: 0; border: 0; } #more-info .wp-block-group.card-aside ul li { font-weight: 500; } .wp-block-group.more-info .card-aside h3 { font-size: var(--font-h4); } /* -------------------------------------------------------------------------- ## Events -------------------------------------------------------------------------- */ /* Calendar */ #seetickets h2.month-name { text-transform: uppercase; } #seetickets .event_button.event_tickets { font-family: var(--font-secondary); letter-spacing: 2px; } #seetickets .calendar-event .detail_seetickets_eventtitle h1 { font-family: var(--font-secondary); font-size: var(--font-h6); } /* Event Listing */ .event-listing .has-3-columns { grid-template-columns: repeat(auto-fill, minmax(400px, 1fr) ); justify-content: center; } .event-listing #view-all { display: flex;justify-content: center; margin: 2em auto 0; } .wp-block-group.featured, .wp-block-group.upcoming, .wp-block-group.private-events, .wp-block-group.gallery { margin-top: 0; } .wp-block-group.featured, .wp-block-group.upcoming { margin-bottom: 0; } .wp-block-group.featured .wp-block-group.alignwide, .wp-block-group.upcoming .wp-block-group.alignwide { padding-right: 0; padding-left: 0; } .wp-block-group.featured .notice { margin: 0; } /* Hero */ .wp-block-cover.hero { justify-content: unset; align-items: unset; } .entry-content .wp-block-cover.hero--60vh { min-height: 60vh!important; } .entry-content .wp-block-cover.hero.justify-center { justify-content: center!important; align-items: center; padding-left: 2em; } .entry-content .wp-block-cover.hero .wp-block-cover__inner-container { padding-left: 0; padding-right: 0; } .wp-block-cover.hero .wp-block-columns, .wp-block-cover.hero .wp-block-columns .event-listing, .wp-block-cover.hero .wp-block-columns .wp-block-column.overlay { height: 100%; } .wp-block-cover.hero .wp-block-columns { align-items: center; padding-top: 0; padding-bottom: 0; } .wp-block-cover.hero .wp-block-columns .wp-block-column { justify-content: center; align-items: center; } .wp-block-cover.hero .wp-block-columns .wp-block-column.overlay { background: var(--color-black-dark); } .wp-block-cover.hero .wp-block-columns .event-listing { display: flex; flex-direction: column; justify-content: center; min-width: 330px; padding: 2em; } .wp-block-cover.hero .wp-block-columns.has-2-columns--30-70 h2, .wp-block-cover.hero .wp-block-columns.has-2-columns--75-25 h2 { margin-bottom: 1em; } .wp-block-cover.hero .wp-block-columns.has-2-columns--30-70 { grid-template-columns: minmax(min-content, 500px) 7fr; padding-left: 0; } .wp-block-cover.hero .wp-block-columns.has-2-columns--30-70 h4 { margin-top: 0; margin-bottom: 1em; } .wp-block-cover.hero .wp-block-columns.has-2-columns--30-70 .wp-block-column:first-of-type { height: 100%; } .wp-block-cover.hero .wp-block-columns.has-2-columns--30-70 .wp-block-group { display: flex; justify-content: center; height: 100%; padding-right: 2em; padding-left: 2em; } .wp-block-cover.hero .wp-block-columns.has-2-columns--30-70 .wp-block-group.has-black-background-color { background-color: rgba(0,0,0,.98)!important; } .wp-block-cover.hero.hero--60vh .wp-block-cover.hero .wp-block-columns.has-2-columns--30-70 .wp-block-group__inner-container { justify-content: center; padding: 2em 0; } .wp-block-cover.hero .wp-block-columns.has-2-columns--75-25 { grid-template-columns: minmax(min-content, 9fr) minmax(350px, 3fr); padding-left: 2em; } .wp-block-cover.hero .wp-block-columns.has-2-columns--75-25 { grid-template-columns: minmax(min-content, 9fr) minmax(350px, 3fr); } .wp-block-cover.hero .wp-block-columns.has-2-columns--75-25:first-of-type { height: 100%; } /* Just Announced */ .wp-block-group.just-announced .event-listing { margin-top: 0; } .wp-block-group.just-announced .wp-block-columns { grid-gap: 20px; } .wp-block-cover.hero ul.just-announced { display: flex; flex-direction: column; justify-content: center; margin-top: 0; padding-left: 0; } .wp-block-cover.hero ul.just-announced li { list-style-type: none; } .wp-block-cover.hero ul.just-announced li:not(:last-child) { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid var(--color-gray); } .wp-block-cover.hero ul.just-announced li a { color: var(--color-white); } .wp-block-cover.hero ul.just-announced li a:hover { color: var(--color-accent); } .wp-block-cover.hero ul.just-announced .date { color: var(--color-gray); } .wp-block-cover.hero ul.just-announced .event-name { font-family: var(--font-secondary); text-transform: uppercase; } .wp-block-cover.hero .event-details { display: grid; grid-template-columns: minmax(min-content, 1fr) min-content; } .wp-block-cover.hero .event-details i { display: flex; align-items: center; margin-right: 0; margin-left: 8px; } /* Event Card */ .event-card { display: grid; flex-direction: column; height: 100%; height: max-content; margin-top: 0; overflow: hidden; } .event-card h2, .event-card h3, .event-card h4, .event-card h5 { margin-top: 0; transition: all .35s; } .event-card .topline { margin: 0 0 .25em; min-height: 16px; } .event-card p:empty { display: none; } .event-card .date { position: absolute; right: 0; bottom: 0; z-index: 150; display: flex; flex-direction: column; padding: .5em 1em; color: var(--color-white); text-align: right; } .event-card .date span { color: var(--color-white); } .event-card .date span:first-of-type { text-align: center } .event-card .date span:last-of-type { display: flex; justify-content: center; } .event-card .wp-block-image { position: relative; margin-top: 0; margin-bottom: 0; background: var(--color-black); overflow: hidden; padding-top: 56.25% /* 16:9 Aspect Ratio */ } .event-card .wp-block-image .image-url::before { content:''; height: 95px; width: 100%; position: absolute; z-index: 100; bottom: 0; left: 0; transition: all .3s; background-image: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent); } .event-card .wp-block-image::before:hover { background-image: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); } .event-card .wp-block-button { display: flex; justify-content: flex-start; align-items: flex-start; text-align: right; } .event-card .wp-block-button a { max-width: 160px; padding: .889em 1.333em; } .event-card .wp-block-button__link { width: 100%; min-width: inherit; } .event-card img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:cover; border: 1px solid var(--border-color-light); transition: all .35s; backface-visibility: hidden; transform: scale(1); } .event-card a.image-url:hover img { opacity: .75; transform: scale(1.01); } .event-card .event-details { position: relative; display: grid; grid-template-columns: 77% 23%; min-height: 80px; padding: .5em 0 0; } .event-card .event-details .support a { color: var(--color-gray-dark); } .event-card .wp-block-button .wp-block-button__link { display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: unset; padding: 0; border: 0; } .event-card .wp-block-button .wp-block-button__link:hover { background: none; color: var(--color-gray-dark)!important; } .event-card .wp-block-button .wp-block-button__link i { margin-bottom: .5em; } .event-card .artist-info a, .event-card a.ticket-link:hover { color: var(--color-black); } .event-card a.ticket-link, .event-card .artist-info a:hover { color: var(--color-accent); } .event-details h1, .event-details h2, .event-details h3 { color: var(--color-white); text-transform: uppercase; } .event-details time { font-size: .889rem; text-transform: uppercase; color: var(--color-accent-light); } .event-details .event-name { margin-top: 0; margin-bottom: 0; } .event-details .event-name a { display: flex; width: 100%; } .event-details .wp-block-button__link i { transform: rotateY(0deg) rotate(-45deg); } /* Breadcrumbs */ ul#crumbs { display: block; width: 100%; margin: .5em 0 0; padding-left: 0; } ul#crumbs li { display: inline-block; margin-bottom: 0; list-style-type: none; } ul#crumbs li:not(:last-child), ul#crumbs li:first-child::before { margin-right: .75em; } ul#crumbs li:not(:last-child)::after { margin-left: 1em; content: '/'; } ul#crumbs li a:hover { color: var(--color-black); } ul#crumbs.breadcrumbs li:first-child::before { display: none; } /* Single Event */ .single-event { overflow: hidden; } .single-event .wp-block-columns { padding-bottom: 0; padding-top: 3em; } .single-event .wp-block-columns figure { margin: 0; } .single-event aside { height: max-content; padding: 2em 1.5em; } .single-event aside, .single-event .event-details { width: 100%; } .single-event aside, .single-event .event-wrapper { border: 1px solid var(--border-color); } .single-event .event-details { grid-template-columns: 1fr; padding: 3em 2em; border-top: 1px solid var(--border-color-dark); } .single-event .event-details span { color: var(--color-gray); } .single-event .event-details .event-name { margin-bottom: .5em; } .single-event aside h4, .single-event aside h5 { margin-top: 0; margin-bottom: .5em; } .single-event aside span { color: var(--color-gray-secondary); text-transform: uppercase; } .single-event .date, .single-event .event-name a:hover { color: var(--color-accent-light); } .single-event .artist { margin-bottom: 3em; padding-bottom: 3em; border-bottom: 1px solid var(--border-color-dark); } .single-event .artist:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .single-event .artist h4, .single-event .artist h5 { margin-top: 0; margin-bottom: .5em; text-transform: uppercase; } .single-event .artist iframe { margin-top: 1em; } .single-event .bio { margin-top: 1em; } .single-event ul.social-icons { margin-top: 0; margin-bottom: 0; padding-left: 0; } .single-event ul.social-icons li { margin-bottom: 0; padding-bottom: 0; } .single-event ul.social-icons a i { color: var(--color-accent-light); transition: all .35s; } .event-detail-list .wp-block-button { margin-bottom: 0; border: 0; } .event-detail-list a.wp-block-button__link { display: flex; justify-content: center; align-items: center; width: 100%; margin: 2em auto 0; } .event-detail-list div { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid var(--border-color); list-style-type: none; } .event-detail-list div.date { margin-bottom: 0; padding-bottom: 0; border: 0; } .event-detail-list div:last-of-type { margin-bottom: 0; padding-bottom: 0; border: 0; } .event-detail-list h1, .event-detail-list h2 { margin-top: 0; margin-bottom: 0; } .event-detail-list .event-name a:hover { color: var(--color-accent-light); } .event-detail-list .event-support a { color: var(--color-gray); word-break: break-word; } .event-detail-list .event-support a:hover { color: var(--color-accent-light); } .single-events #masthead .wp-block-button .wp-block-button__link { display: none; } .single-event .event-wrapper { position: relative; height: 100%; margin-top: 0; padding-top: 1em; display: flex; align-items: center; flex-direction: column; overflow: hidden; } .single-event .wp-block-image { position: relative; height: 470px; width: 100%; margin-top: 0; } .single-event .wp-block-image a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; transition: all .35s; backface-visibility: hidden; } .single-events .wp-block-group.signup .wp-block-group__inner-container { max-width: 1220px; } /* Search + Password Protected */ .search-form, .post-password-form p:last-child { display: grid; grid-template-columns: 70% 30%; justify-content: center; } .post-password-form { max-width: 1024px; margin-top: 4em; margin-right: auto; margin-left: auto; padding: 0 1.5em; } .post-password-form p { font-size: 1.205rem; } .post-password-form p:last-child { align-items: flex-end; } .post-password-form input { width: 100%; height: 50px; padding: 0; display: flex; align-items: center; justify-content: center; } .post-password-form label { position: relative; } .post-password-form label input { margin-top: .5em; } .search-form label, .search-form input[type="search"], .search-form input[type="submit"], .post-password-form input { min-height: 52px; } .search-form input { border: 1px solid var(--border-color); } .search-form input[type="search"] { width: 100%; text-indent: 5px; } .search-form input[type="submit"] { padding: 1em; } .search-form input[type="submit"]:hover { cursor: pointer; background: var(--color-black); border-color: var(--color-accent); } /* -------------------------------------------------------------------------- ## Hive Email Signup -------------------------------------------------------------------------- */ .hive-signup-form .form-wrapper { display: grid; grid-template-columns: 3fr 1fr; grid-gap: 20px; } .hive-signup-form label, .hive-signup-form input, .hive-signup-form span, .hive-signup-form .iti { display: block; max-width: 400px; height: 52px; } .hive-signup-form input { width: 100%; max-width: 100%; margin-bottom: 0; padding: 8px 10px; background: none; border-radius: 0; border: 1px solid transparent; border-top: 0; border-bottom: 1px solid var(--color-gray-dark); /* transition: transform 150ms ease-out, font-size 150ms ease-out; */ } .hive-signup-form input:focus { color: var(--color-gray-dark); border-bottom: 1px solid var(--color-accent); outline: none; } .hive-signup-form label { margin-bottom: 8px; } .hive-signup-form label input[type=checkbox] { display: inline-block; width: auto; margin-right: 8px; } .hive-signup-form span { display: flex; margin-bottom: 16px; } .hive-signup-form button { cursor: pointer; } .hive-signup-form select { background-color: #fff; width: 50%; height: 36px; margin-left: 8px; padding: 8px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.2); } .hive-signup-form select:first-child { margin-left: 0px; } /* ========================================================================== 13.0 # Gutenberg ========================================================================== */ /* -------------------------------------------------------------------------- ## Gutenberg Helper Classes -------------------------------------------------------------------------- */ .has-text-align-right { text-align: right !important; } .has-text-align-center { text-align: center !important; } .has-text-align-left { text-align: left !important; } .max-width--unset { } .max-width--800 { max-width: 800px; } /* Lists */ .entry-content ul.linear-list { padding-left: 0; } .entry-content ul.linear-list.center { margin: 0 auto; text-align: center; } .entry-content ul.linear-list li { display: inline-flex; margin-right: 2em; list-style-type: none; } .entry-content ul.linear-list li:last-child { margin-right: 0; } /* WP Block Image */ .image-opacity img { opacity: .65; } /* WP Block Cover */ .wp-block-cover.half { min-height: 200px!important; } .wp-block-cover.quarter { min-height: 100px!important; } .wp-block-cover.hero-alignfull { position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; } .entry-content .wp-block-group.cover-boxoverlay { position: relative; z-index: 10; top: -4em; margin-top: 0; margin-bottom: 0; padding: 2em 2em 0; background-color: var(--color-white); } .wp-block-group.cover-boxoverlay p:last-of-type { margin-bottom: 0; } .object-fit .wp-block-image, .object-fit .wp-block-image figure { height: 100%; } .object-fit .wp-block-image figure { margin: 0; } .object-fit .wp-block-image img { width: 100%; height: 100%; object-fit: cover; } /* Separator */ .hr-separator { position: relative; display: flex; align-items: center; } .hr-separator:after { content: ''; justify-content: center; position: absolute; z-index: 1; width: 100%; height: 1px; background: var(--color-gray); } .hr-separator strong { position: relative; z-index: 100; padding-right: 40px; } h2.hr-separator.hr-gray-light strong { background: var(--color-gray-light); } h2.hr-separator.hr-white strong { background: var(--color-white); } /* -------------------------------------------------------------------------- ## Gutenberg Blocks -------------------------------------------------------------------------- */ /* Shared */ .wp-block-group__inner-container > *:only-child { margin-top: 0; margin-bottom: 0; } .wp-block-columns:last-of-type, .wp-block-cover > * :last-child { margin-bottom: 0; } /* Block Buttons */ .wp-block-buttons { display: flex; column-gap: 1em; } .wpcf7 input[type="submit"], #page .wpforms-container input, #page .wpforms-container button, .wp-block-button__link, .wp-block-button__link.is-style-outline, .is-style-outline>.wp-block-button__link { display: flex; justify-content: center; align-items: center; min-width: 170px; min-height: 60px; border-radius: 0; padding: 16px; } #page .wpforms-container select{ min-height:60px; padding:16px; } .wp-block-button__link:hover { background: none; color: var(--color-accent); border-color: var(--color-accent); } .wp-block-button__link.has-accent-background-color:hover { color: var(--color-accent)!important; background: none!important; } .wp-block-button.is-style-outline a, .wp-block-button.is-style-outline .wp-block-button__link.has-accent-color { border-color: var(--color-accent); } .hero .wp-block-button.is-style-outline .wp-block-button__link.has-accent-color { border-color: var(--color-accent)!important; color: var(--color-white)!important; } .wp-block-button.font-size-small .wp-block-button__link { font-size: var(--font-size-button: 1.25rem); } .wp-block-button.is-style-outline .wp-block-button__link.has-accent-color:hover { background: var(--color-accent)!important; } .wp-block-button.is-style-outline a:hover { background: var(--color-accent); color: var(--color-white)!important; } .wp-block-button.is-style-outline a.has-accent-background-color:hover { background: none!important; color: var(--color-accent)!important; border-color: var(--color-accent); } .wp-block-button.is-style-outline a.has-black-dark-background-color { border: transparent; } .entry-content .wp-block-button.is-style-outline .wp-block-button__link.has-white-color:hover { background: var(--color-white); color: var(--color-accent)!important; } .entry-content #splash .wp-block-button.is-style-outline .wp-block-button__link.has-white-color:hover { background: var(--color-accent); border-color: var(--color-accent); color: var(--color-white)!important; } /* Block Code */ .wp-block-code { background: none; padding: 0; border: 0; } .wp-block-code code { display: flex; width: 100%; margin: 0; padding: 20px; background: var(--color-gray-light); color: #23282d; border: 1px solid var(--border-color-light); border-radius: 2px; overflow: hidden; } /* Block Columns */ .wp-block-columns { padding-top: 4em; padding-bottom: 4em; } .has-1-column, .wp-block-columns.has-1-columns { width: 800px; max-width: 100%; margin-right: auto; margin-left: auto; } .wp-block-column :first-child { margin-top: 0; } .wp-block-column p:last-of-type, .wp-block-column :last-child:not(.blocks-gallery-item) { margin-bottom: 0; } /* 2 Col - Shared */ .has-2-columns.sidebar-content, .has-2-columns.content-sidebar { grid-template-columns: repeat(6,1fr); } /* 2 Col - Sidebar, Content */ .has-2-columns.sidebar-content .wp-block-column:first-child { grid-column: 1 / span 2; } .has-2-columns.sidebar-content .wp-block-column:last-child { grid-column: 3 / span 4; } .has-2-columns.sidebar-content .wp-block-column:not(:first-child) { margin-left: 0; } /* 2 Col - Content, Sidebar */ .has-2-columns.content-sidebar .wp-block-column:first-child { grid-column: 1/5; } .has-2-columns.content-sidebar .wp-block-column:last-child { grid-column: 5 / 7; } .has-2-columns.content-sidebar .wp-block-column:not(:first-child) { margin-left: 0; } /* 2 Col - Custom Layouts */ .wp-block-columns { width: 100%; } .wp-block-columns.has-2-columns--20-80, .wp-block-columns.has-2-columns--25-75, .wp-block-columns.has-2-columns--30-70, .wp-block-columns.has-2-columns--40-60, .wp-block-columns.has-2-columns--60-40, .wp-block-columns.has-2-columns--70-30, .wp-block-columns.has-2-columns--75-25, .wp-block-columns.has-2-columns--80-20, .mosaic .has-2-columns--70-30 .wp-block-column { display: grid; } .wp-block-columns.has-2-columns--75-25 { grid-template-columns: minmax(min-content, 9fr) 3fr; } .wp-block-columns.has-2-columns--25-75 { grid-template-columns: minmax(min-content, 1fr) 3fr; } .wp-block-columns.has-2-columns--60-40 { grid-template-columns: minmax(min-content, 3fr) 2fr; } .wp-block-columns.has-2-columns--40-60 { grid-template-columns: minmax(min-content, 2fr) 3fr; } .wp-block-columns.has-2-columns--40-60.overlap > .wp-block-column:first-child { grid-column: 1 / 2; grid-row: 1;} .wp-block-columns.has-2-columns--40-60.overlap > .wp-block-column:last-child { grid-column: span 2 / -1; grid-row: 1; z-index: 2; margin-left: 0; } .wp-block-columns.has-2-columns--40-60.overlap .wp-block-column .has-3-columns { max-width: 80%; margin-right: 0; } .wp-block-columns.has-2-columns--30-70 { grid-template-columns: minmax(min-content, 3fr) 7fr; } .wp-block-columns.has-2-columns--70-30 { grid-template-columns: minmax(min-content, 7fr) 3fr; } .wp-block-columns.has-2-columns--20-80 { grid-template-columns: minmax(min-content, 2fr) 8fr; } .wp-block-columns.has-2-columns--80-20 { grid-template-columns: 8fr minmax(min-content, 2fr) ; } .mosaic .wp-block-columns figure, .mosaic .wp-block-columns figure a, .mosaic .wp-block-columns figure img { width: 100%; height: 100%; } .mosaic .wp-block-columns figure img { object-fit: cover; } #what-we-do .mosaic .wp-block-columns figure, #what-we-do .mosaic .wp-block-columns figure a, #what-we-do .mosaic .wp-block-columns figure img { height: unset; } #what-we-do .mosaic .wp-block-columns figure figcaption a { height: 100%; z-index: 500; transition: all .35s ease-in-out; } .mosaic .wp-block-columns { grid-template-columns: unset; overflow: hidden; } .mosaic .wp-block-columns.has-2-columns { grid-template-columns: 1fr 1fr; } .mosaic .wp-block-columns.has-2-columns--30-70 { grid-template-rows: repeat(2, max-content); } .mosaic .wp-block-columns.has-3-columns { grid-template-columns: 1fr 1fr 1fr; } .mosaic .wp-block-columns.has-4-columns { grid-template-columns: 1fr 1fr 1fr 1fr; } .wp-block-group#host-events .mosaic { max-width: 1920px!important; margin-right: auto; margin-left: auto; } .wp-block-group#brand-logos h2 { font-size: var(--font-h3); } @media screen and (max-width: 1000px) { .mosaic .wp-block-columns.has-4-columns { grid-template-columns: 1fr 1fr; max-width: 900px!important; margin-right: auto!important; margin-left: auto!important; } } .mosaic .wp-block-column { align-self: stretch; width: 100%; height: 100%; margin: 0; } .mosaic .wp-block-column figcaption { position: absolute; } .mosaic .has-2-columns--70-30 .wp-block-column, .mosaic .has-2-columns--30-70 .wp-block-column { margin-right: 0; margin-left: 0; } .mosaic .has-2-columns--70-30 .wp-block-column:first-of-type { grid-column-start: 1; grid-column-end: 8; } .mosaic .has-2-columns--70-30 .wp-block-column:last-of-type { grid-column-start: 8; grid-column-end: 12; } .mosaic .has-2-columns--30-70 .wp-block-column:first-of-type { grid-column-start: 1; grid-column-end: 5; } .mosaic .has-2-columns--30-70 .wp-block-column:last-of-type { grid-column-start: 5; grid-column-end: 12; } .wp-block-columns.has-2-columns--20-80 .has-2-columns, .wp-block-columns.has-2-columns--20-80 .has-3-columns, .wp-block-columns.has-2-columns--20-80 .has-4-columns, .wp-block-columns.has-2-columns--20-80 .has-5-columns, .wp-block-columns.has-2-columns--20-80 .has-6-columns { width: 100%; } .wp-block-columns.has-2-columns--20-80 .wp-block-column { display: grid; } .wp-block-columns.has-2-columns--75-25.alignfull, .wp-block-columns.has-2-columns--25-75.alignfull, .wp-block-columns.has-2-columns--60-40.alignfull, .wp-block-columns.has-2-columns--40-60.alignfull, .wp-block-columns.has-2-columns--30-70.alignfull, .wp-block-columns.has-2-columns--70-30.alignfull { margin-right: 0; margin-left: 0; } .wp-block-columns.has-2-columns--75-25 .wp-block-column .wp-block-cover { padding: 50px; } .wp-block-columns.has-2-columns--75-25 .wp-block-column:nth-child(2n) { display: flex; flex-direction: column; justify-content: center; } .wp-block-columns.has-2-columns--75-25 .wp-block-column:nth-child(2n) .wp-block-group { padding-top: 0; padding-bottom: 0; } .wp-block-columns.has-2-columns--40-60, .wp-block-columns.has-2-columns--60-40 { margin-bottom: 4em; } .has-2-columns--40-60 .wp-block-column:nth-child(1n) .wp-block-group, .has-2-columns--40-60 .wp-block-column:not(:last-child) .wp-block-group, .has-2-columns--60-40 .wp-block-column:nth-child(2n) .wp-block-group, .has-2-columns--60-40 .wp-block-column:not(:first-child) .wp-block-group { padding-right: 100px; padding-left: 100px; } .wp-block-columns .wp-block-column .wp-block-group.alignfull { width: 100%; padding-right: 0; padding-left: 0; } /* Cover Block */ .wp-block-cover.half { min-height: 200px!important; } .wp-block-cover.quarter { min-height: 100px!important; } .wp-block-cover.hero-alignfull { position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; } .wp-block-cover h1, .wp-block-cover h2, .wp-block-cover h3, .wp-block-cover h4, .wp-block-cover h5, .wp-block-cover h6 { margin-top: 2em; margin-bottom: 2em; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { width: 100%; padding-right: 2em; padding-left: 2em; } .wp-block-cover .wp-block-button { margin-top: 3em; } .wp-block-cover p.has-small-font-size { margin-left: 1em; text-transform: lowercase; opacity: .8; } .wp-block-cover-text p { padding: 1.5em 1em; } /* Block Embed */ .wp-block-embed__wrapper { display: block; width: 800px; max-width: 100%; margin: auto; } .wp-block-embed.type-video > .wp-block-embed__wrapper { position: relative; width: 100%; height: 0; padding-top: 56.25%; } .wp-block-embed.type-video > .wp-block-embed__wrapper > iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } /* WP Block Image */ .wp-block-image img { display: block; } .wp-block-image figcaption { margin-top: 0; padding-top: 8px; padding-bottom: 8px; text-transform: uppercase; } figure.wp-block-image { overflow: hidden; } figure.wp-block-image a img { transition: all .35s; } figure.wp-block-image a:hover img { opacity: .75; transform: scale(1.01); } #host-event figure.wp-block-image { background: var(--color-black); } /* WP Block Gallery */ .wp-block-gallery { margin: 30px auto; } .wp-block-gallery .blocks-gallery-grid { margin-top: 0; padding-left: 0; } .blocks-gallery-grid .blocks-gallery-item figure { position: relative; background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent); } .blocks-gallery-grid .blocks-gallery-item figure figcaption { padding-bottom: 1em; text-transform: uppercase; transform: translate3d(0,0,0); transition: all .35s; } .blocks-gallery-grid .blocks-gallery-item figure span { position: absolute; bottom: .75em; left: .75em; transition: all .35s; transform: translate3d(0,0,0); } .blocks-gallery-grid .blocks-gallery-item figure:hover span { transform: translate3d(0,-0.25em,0); } .blocks-gallery-grid figure { overflow: hidden; } .blocks-gallery-grid a { background: var(--color-black); } .blocks-gallery-grid a img { backface-visibility: hidden; transition: all .35s ease-in-out; } .blocks-gallery-grid a:hover img { opacity: .875; transform: scale(1.01); } .wp-block-gallery.has-2-columns--70-30 ul { display: grid; /* grid-template-columns: repeat(12, 1fr); */ grid-template-rows: repeat(2, max-content); grid-gap: 2em; } .wp-block-gallery.has-2-columns--70-30 li { align-self: stretch; width: 100%; height: 100%; margin: 0; } .wp-block-gallery.has-2-columns--70-30 li:nth-child(1) { grid-column-start: 1; grid-column-end: 8; grid-row-start: 1; grid-row-end: 1; } .wp-block-gallery.has-2-columns--70-30 li:nth-child(2) { grid-column-start: 8; grid-column-end: 12; grid-row-start: 1; grid-row-end: 1; } .wp-block-gallery.has-2-columns--70-30 li:nth-child(3) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 2; grid-row-end: 2; } .wp-block-gallery.has-2-columns--70-30 li:nth-child(4) { grid-column-start: 5; grid-column-end: 12; grid-row-start: 2; grid-row-end: 2; } .wp-block-gallery.has-2-columns--70-30 figure, .wp-block-gallery.has-2-columns--70-30 figure a, .wp-block-gallery.has-2-columns--70-30 figure img { width: 100%; height: 100%; object-fit: cover; } .entry-content .wp-block-gallery.client-logos ul { margin: 0 auto 0; } .entry-content .wp-block-gallery.client-logos ul li { justify-content: center; align-items: center; height: 100%; margin: 0; padding: 0 .5rem; } .entry-content .wp-block-gallery.client-logos figure { display: flex; justify-content: center; align-items: center; width: 150px!important; margin: 0 auto!important; padding: 0 2em; background: none; } .entry-content .wp-block-gallery.client-logos figure img { max-width: 125px!important; margin-bottom: 0!important; } @media screen and (max-width: 820px) { .entry-content .wp-block-gallery.client-logos ul li { display: none; } .entry-content .wp-block-gallery.client-logos:first-of-type ul li:nth-child(-n+4), .entry-content .wp-block-gallery.client-logos:last-of-type ul li:nth-child(-n+4) { display: flex; } } @media screen and (max-width: 600px) { .entry-content .wp-block-gallery.client-logos.marquee { grid-gap: 1em; } .entry-content .wp-block-gallery.client-logos:first-of-type ul li:nth-child(3) { order: 4; } .entry-content .wp-block-gallery.client-logos:first-of-type ul li:nth-child(4) { order: 3; } .entry-content .wp-block-gallery.client-logos:last-of-type ul li:nth-child(-n+2) { display: none; } .entry-content .wp-block-gallery.client-logos figure:nth-child(3) { order: 4; } .entry-content .wp-block-gallery.client-logos figure:nth-child(4) { order: 3; } .entry-content .wp-block-gallery.client-logos figure:nth-child(5), .entry-content .wp-block-gallery.client-logos figure:nth-child(6) { display: none; } } .wp-block-group.reusable-block--gallery { margin-top: var(--spacer-lg); } .effect--fadeUp .wp-block-column figure { position: relative; margin-top: 0; overflow: hidden; } .effect--fadeUp figure { background: var(--color-black); } .effect--fadeUp figure img { position: relative; opacity: 0.95; backface-visibility: hidden; transition: all .35s; transform-origin: 50% 50%; } .effect--fadeUp figure img:before { content: ''; width: 100%; height: 60px; position: absolute; bottom: 0; left: 0; z-index: 100; background-image: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent); transition: all .35s; } .effect--fadeUp figure:before, .effect--fadeUp figure figcaption, .effect--fadeUp figure figcaption a { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; } .effect--fadeUp figure:before { content: ''; height: 60px; z-index: 5; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 75%); transition: all .35s; transform: translate3d(0,0,0); } .effect--fadeUp figure figcaption a { z-index: 10; display: grid; justify-content: start; align-items: end; padding-bottom: .75em; padding-left: .75em; color: var(--color-white); line-height: 1; transform: translate3d(0,0,0); transition: all .35s; } .effect--fadeUp figure:hover img { transform: scale3d(1.01,1.01,1); opacity: .75; } .effect--fadeUp figure:hover figcaption a { transform: translate3d(0,-.25em,0); } .effect--fadeUp figure:hover figcaption::before { opacity: 1; } /* Block Latest Posts */ ul.wp-block-latest-posts.alignwide, ul.wp-block-latest-posts.alignfull, ul.wp-block-latest-posts.is-grid.alignwide, ul.wp-block-latest-posts.is-grid.alignwide { padding: 0 .5em; } /* Block Pullquote */ .entry-content .wp-block-quote { padding-left: 2em; } .wp-block-pullquote > p:first-child { margin-top: 0; } .wp-block-pullquote.is-style-solid-color blockquote { max-width: 80%; } /* Block Separator */ .wp-block-separator { border-color: var(--border-color-light); } .wp-block-separator.brand-logo { position: relative; display: flex; justify-content: center; align-items: center; } .wp-block-separator.brand-logo::before, .wp-block-separator.brand-logo::after { content: ''; position: absolute; top: auto; left: auto; z-index: 10; display: flex; } .wp-block-separator.brand-logo::before { width: 70px; height: 70px; background: var(--color-white); } .wp-block-separator.brand-logo.gray::before { background: var(--color-gray-light); } .wp-block-separator.brand-logo::after { width: 50px; height: 50px; background-color: var(--color-white); background-image: url('../svg/mbsd-logomark.svg'); background-size: cover; background-repeat: no-repeat; } .wp-block-separator.is-style-wide { margin: 0 auto; } /* Block Table */ .wp-block-table { display: block; overflow-x: auto; } .wp-block-table table { border-collapse: collapse; width: 100% } .wp-block-table td, .wp-block-table th { padding: .5em; } /* -------------------------------------------------------------------------- ## Custom Blocks -------------------------------------------------------------------------- */ /* Columns */ .has-2-columns, .has-3-columns, .has-4-columns, .has-5-columns, .has-6-columns { display: grid!important; grid-gap: 2em; margin: auto; } .has-2-columns .wp-block-column, .has-3-columns .wp-block-column, .has-4-columns .wp-block-column, .has-5-columns .wp-block-column, .has-6-columns .wp-block-column { margin-left: 0!important; } .has-2-columns.one-third-layout, .has-3-columns.one-third-layout, .has-4-columns.one-third-layout, .has-5-columns.one-third-layout, .has-6-columns.one-third-layout, .has-2-columns.two-third-layout, .has-3-columns.two-third-layout, .has-4-columns.two-third-layout, .has-5-columns.two-third-layout, .has-6-columns.two-third-layout { grid-template-columns: initial; } .has-2-columns { grid-template-columns: 1fr 1fr; } .has-3-columns { grid-template-columns: 1fr 1fr 1fr; } .has-4-columns { grid-template-columns: 1fr 1fr 1fr 1fr; } .has-5-columns { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .has-6-columns { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } /* Accordion */ .entry-content .wp-block-tbc-accordion { margin: 3em auto 0; padding-right: 0; padding-left: 0; list-style: none; } .tbc-accordion-item-heading { position: relative; padding: 1.5em 4em 1.5em 1.5em; border-bottom: 1px solid var(--border-color-light); transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; } .tbc-accordion-item-heading:hover { background: rgba(0,0,0,.025); } .tbc-accordion-item-heading::after { color: var(--color-accent-light); backface-visibility: hidden; } .tbc-accordion-item-heading, .tbc-accordion-item-heading h3, .tbc-accordion-item-heading::after { transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; } .tbc-accordion-item-heading h3 { margin: 0; } .entry-content .wp-block-tbc-accordion-item { margin-bottom: 3em; padding: 0; border: 1px solid var(--border-color-light); } .entry-content .wp-block-tbc-accordion-item:last-of-type, .entry-content .wp-block-tbc-accordion-item ul:last-of-type { margin-bottom: 0; } .entry-content .wp-block-tbc-accordion-item ul li:last-child { margin-bottom: 0; } .entry-content .wp-block-tbc-accordion-item .tbc-accordion-item-content p { padding: 0; } .entry-content .wp-block-tbc-accordion-item .tbc-accordion-item-content p:last-child { margin-bottom: 0; padding-bottom: 0; } .tbc-accordion-item-heading, .tbc-accordion-item-content { display: flex; flex-direction: column; } .wp-block-tbc-accordion-item .tbc-accordion-item-content { padding: 2em 1.5em; } .wp-block-tbc-accordion-item.closed .tbc-accordion-item-content { display: none; } .wp-block-tbc-accordion-item .tbc-accordion-item-heading::after { content: "+"; height: 100%; position: absolute; top: 0; right: 1em; color: var(--color-accent); display: flex; align-items: center; } .wp-block-tbc-accordion-item.open .tbc-accordion-item-heading::after { transform: rotate(45deg); transform-origin: center center; } .wp-block-tbc-accordion-item.open, .wp-block-tbc-accordion-item:hover { border-color: var(--color-accent); color: var(--color-accent-light); } .wp-block-tbc-accordion-item:hover .tbc-accordion-item-heading { cursor: pointer; } .wp-block-tbc-accordion-item.open:hover .tbc-accordion-item-heading { opacity: 1; } .wp-block-tbc-accordion-item.open .tbc-accordion-item-heading { border-bottom: 1px solid var(--color-accent); } /* ========================================================================== 14.0 # Plugins, Overrides ========================================================================== */ /* -------------------------------------------------------------------------- ## Ticketweb https://info.ticketweb.com/wordpress-plugin/ -------------------------------------------------------------------------- */ .wp-block-group.upcoming .wp-block-group__inner-container { position: relative; } .wp-block-group.upcoming .event-toggle { height: 0; margin-bottom: 2em; } .wp-block-group.upcoming .event-toggle .wp-block-button { position: absolute; top: 0; right: 0; min-width: 170px; } .event-toggle, .event-toggle a { display: grid; align-items: center; } .event-toggle { grid-template-columns: minmax(min-content,1fr) minmax(165px,max-content); grid-gap: .5em; margin-bottom: 1.5rem; } .event-toggle a { grid-template-columns: minmax(min-content,1fr) minmax(min-content,max-content); grid-gap: 12px; width: max-content; margin: 0; } .event-toggle a:hover { color: var(--color-accent)!important; border-color: var(--color-accent); } .event-toggle h1 { margin: 0; } /* TW Just Announced Widget */ .wp-block-cover.hero .widget_ticketweb-widget .tw-event-prefix-text { display: none; } .widget_ticketweb-widget { max-width: 600px; padding: 2em; } .widget_ticketweb-widget ul { padding-left: 0; } .widget_ticketweb-widget ul li { display: grid; list-style-type: none; } .widget_ticketweb-widget ul li:not(:last-child) { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid var(--color-gray); } .widget_ticketweb-widget .tw-event-name, .widget_ticketweb-widget .tw-event-date-time { text-transform: uppercase; } .widget_ticketweb-widget .tw-event-date-time { order: 1; color: #919191; letter-spacing: .5px; } .widget_ticketweb-widget .tw-event-name { order: 2; } .widget_ticketweb-widget .tw-event-name a { color: var(--color-white); font-family: 'Roboto Condensed', sans-serif; font-size: 1.563rem; } .widget_ticketweb-widget .tw-event-name a:hover { color: var(--color-accent); } .page-template-template-tw-event-just-announced .widget_ticketweb-widget { padding-left: 0; } .page-template-template-tw-event-just-announced .widget_ticketweb-widget h2 { margin-top: 0; margin-bottom: 1em; } .page-template-template-tw-event-just-announced .widget_ticketweb-widget .tw-event-name a { color: var(--color-black); } .page-template-template-tw-event-just-announced .widget_ticketweb-widget .tw-event-name a:hover { color: var(--color-accent); } /* TW Calendar */ .tw-plugin-calendar table.fc-col-header { margin-bottom: 0; } .tw-plugin-calendar .fc-toolbar-chunk .fc-toolbar-title { font-size: var(--font-h2); font-family: var(--font-secondary); color: var(--color-gray-dark); text-transform: uppercase; } .tw-plugin-calendar .fc-toolbar-chunk .fc-button { color: var(--color-gray-dark); background: none; text-transform: uppercase; letter-spacing: 1px; } .tw-plugin-calendar .fc-toolbar-chunk .fc-button:hover { background-color: var(--bkg-gray-light); color: var(--color-black); } .tw-plugin-calendar .fc-button, .tw-plugin-calendar .fc-button .fc-icon, .tw-plugin-calendar .tw-calendar-event-title { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .tw-plugin-calendar .fc-button-group .fc-button { width: 75px; height: 75px; border: none; background: none; border-radius: 0; } .tw-plugin-calendar .fc-button .fc-icon { font-size: 32px; color: var(--color-black); } .tw-plugin-calendar .fc-button:hover .fc-icon { color: var(--color-accent); } .tw-plugin-calendar .fc-daygrid-day.fc-day-today { background: var(--color-gray-light); } .tw-plugin-calendar .tw-calendar-event-title { color: var(--color-gray-dark); font-size: var(--font-h6); font-family: var(--font-secondary); font-weight: 400; letter-spacing: 2px; text-transform: uppercase; } .tw-plugin-calendar .tw-calendar-event-title:hover { color: var(--color-accent); } .tw-plugin-calendar .fc-daygrid-dot-event { border: 1px solid transparent; } .tw-plugin-calendar .fc-daygrid-dot-event:hover { background: none; } .tw-plugin-calendar .fc-col-header a { font-weight: 400; text-transform: uppercase; color: var(--color-gray-dark); } .tw-plugin-calendar .fc-col-header a.fc-col-header-cell-cushion { background: var(--bkg-gray-light); } .tw-plugin-calendar .fc-scrollgrid-sync-table .fc-daygrid-day-number { color: var(--color-dark); } .tw-plugin-calendar .fc .fc-button-primary:focus { box-shadow: 0 0 0 0.1rem rgb(0 0 0 / 25%) } /* TW Calendar Popup */ .tw-cal-event-popup .cal-pop-col30, .tw-cal-event-popup .cal-pop-col70, .tw-cal-event-popup .cal-pop-colfull { padding: 0; } .tw-cal-event-popup .button.button-primary { display: flex; justify-content: center; align-items: center; width: max-content; margin-top: 1em; } /* TW Calendar Mobile */ .entry-content #tw-responsive .tw-plugin-calendar-list .tw-name, .entry-content #tw-responsive .tw-plugin-calendar-list .tw-name a { font-family: var(--font-secondary); font-size: var(--font-h5); font-weight: 400; letter-spacing: 2px; text-transform: uppercase; color: var(--color-black); } .entry-content #tw-responsive .tw-plugin-calendar-list .tw-name a:hover { color: var(--color-accent); } .entry-content #tw-responsive .tw-image { margin-bottom: 1em; } .entry-content #tw-responsive .tw-image img { width: 100%!important; height: 100%!important; } @media screen and (max-width: 600px) { /* Hide grid view */ .entry-content .tw-plugin-calendar .fc-view-harness { display: none!important; } .entry-content .tw-plugin-calendar .fc-toolbar.fc-header-toolbar { flex-direction: column; } .entry-content .tw-plugin-calendar .fc-toolbar-chunk .fc-toolbar-title { font-size: var(--font-h3); } /* Mobile View */ .entry-content #tw-responsive .tw-plugin-calendar-list .tw-cal-event, .entry-content #tw-responsive .tw-plugin-calendar #calendar .fc-event-skin { background: none; border: 0; } .entry-content #tw-responsive .row, .entry-content #tw-responsive .ten.columns { max-width: 305px; margin-right: auto; margin-left: auto; } .entry-content #tw-responsive .row { display: flex; flex-direction: column; } .entry-content #tw-responsive .ten.columns { width: 100%; } .entry-content #tw-responsive .fc-toolbar.fc-header-toolbar { flex-direction: column; } .entry-content #tw-responsive .tw-plugin-calendar-list { display: inherit!important; } .entry-content #tw-responsive .tw-plugin-calendar-list .tw-month-header:first-of-type { display: none; } .entry-content #tw-responsive .tw-image { margin-bottom: 0; } .entry-content #tw-responsive .tw-cal-event .tw-event-date { font-size: var(--font-size-small); font-family: var(--font-primary); text-transform: uppercase; } } @media screen and (max-width: 414px) { .entry-content .tw-plugin-calendar .fc-toolbar-chunk .fc-button.fc-today-button { display: none; } .entry-content .tw-plugin-calendar .fc-direction-ltr .fc-toolbar > * > :not(:first-child) { margin-left: 0; } .entry-content #tw-responsive .tw-plugin-calendar-list .tw-cal-event { padding: 0; } } /* TW Grid -- Custom */ .event-listing .ticketweb-grid .artist-info a, .event-listing .ticketweb-grid .artist-info h1 a, .event-listing .ticketweb-grid .artist-info h2 a, .event-listing .ticketweb-grid .artist-info h3 a { font-family: var(--font-headlines: 'CeraPro-Medium', sans-serif;); } .event-listing .ticketweb-grid .wp-block-image { padding-top: 0; } .event-listing .ticketweb-grid .wp-block-image a { display: flex; height: 100%; min-height: 246px; background-size: cover; transition: all .35s; backface-visibility: hidden; transform: scale(1); } .event-listing .ticketweb-grid .wp-block-image a:hover { transform: scale(1.01); } .event-listing .ticketweb-grid .wp-block-image::before { display: none; } .event-listing .ticketweb-grid .wp-block-button__link i { transform: rotateY(0deg) rotate(-180deg); } .event-listing .ticketweb-grid .date { font-size: 1em;font-size: var(--font-size-small); color: var(--color-white); } .event-listing .ticketweb-grid .date span { font-size: var(--font-size-large); line-height: 1; letter-spacing: -2px; } .entry-content .flexmedia--artistevents { margin-top: 0; background: none; } .entry-content .flexmedia--artistevents a.button, .entry-content .flexmedia--artistevents a.button:link, .entry-content .eventartists__event__ticketbutton a.button, .entry-content .eventartists__event__ticketbutton a.button:link, .entry-content .artistevents__event__ticketbutton a.button, .entry-content .artistevents__event__ticketbutton a.button:link, .entry-content a.timedview-button, .entry-content a.timedview-button:link, .entry-content .eventinfo a, .entry-content .eventinfo a span { font-family: var(--font-secondary); font-size: var(--font-h5); font-weight: 600; letter-spacing: 2px; text-transform: uppercase; background: none; color: var(--color-accent); } .entry-content .flexmedia--artistevents a.button, .entry-content .flexmedia--artistevents a.button:link { font-size: 1.138em; } .entry-content .flexmedia--artistevents a.button:hover, .entry-content .flexmedia--artistevents a.button:link:hover { color: var(--color-gray-dark)!important; } .entry-content .eventinfo a span { font-weight: 400; } .entry-content .eventinfo a, .entry-content .eventinfo a span { color: var(--color-black); transition: color .35s; -moz-transition: color .35s; -webkit-transition: color .35s; -o-transition: color .35s; } .entry-content .eventinfo a:hover span { color: var(--color-accent); } .entry-content .eventinfo i { transform: rotateY(0deg) rotate(-45deg); } .entry-content .flexdisplay--artistevents { justify-content: center; } .entry-content .flexmedia--artistevents .eventinfo { margin-right: 0; margin-bottom: 0; margin-left: 0; } .entry-content .flexmedia--artistevents .eventinfo span { text-transform: uppercase; } .entry-content .flexmedia--artistevents .eventsbutton { margin-bottom: 0; } .entry-content .flexmedia--artistevents .eventsbutton a.button { display: flex; justify-content: center; align-items: center; } .entry-content .flexmedia--artistevents .eventsbutton a.button i { margin-right: 6px; } /* TW List2 View Custom */ .entry-content .tw-plugin-upcoming-event-list .tw-opening-act a { color: var(--color-black); } .entry-content .tw-plugin-upcoming-event-list .tw-opening-act a:hover { color: var(--color-accent); } .entry-content .tw-plugin-upcoming-event-list span { display: flex; flex-direction: column; } .entry-content .tw-plugin-upcoming-event-list .tw-artist-billing, .entry-content .tw-plugin-upcoming-event-list .tw-artist-billing-1_00 { font-size: var(--font-h5); line-height: 1.35; font-family: var(--font-secondary); } .entry-content .tw-plugin-upcoming-event-list .tw-artist-billing-0_75, .entry-content .tw-plugin-upcoming-event-list .tw-artist-billing-0_50, .entry-content .tw-plugin-upcoming-event-list .tw-artist-billing-0_25 { font-size: .8rem; line-height: 1.35; } .entry-content .event-listing .tw-paginate { display: none; margin-top: 2em; text-transform: uppercase; } .entry-content .event-listing .tw-paginate a:hover { color: var(--color-black); } .entry-content .event-listing .tw-paginate .previous { margin-right: .5em; } .entry-content .event-listing .tw-paginate .next { margin-left: .5em; } .entry-content .event-listing .tw-paginate .seperator { color: var(--color-gray-secondary); } /* TW Upcoming Event Listing */ /* hack on spanned dates */ .event-card .date:has(.tw-event-date-complete){ right:100px; } .tw-plugin-upcoming-event-list .event-card .date .tw-event-date-complete { position:absolute; right:-84px; bottom: 8px; } .tw-plugin-upcoming-event-list .event-card .date .tw-event-date-complete:before{ content:""; display:block; position:absolute; left:-20px; top:60%; width:10px; height:1px; background:#fff; } .tw-plugin-upcoming-event-list .event-card .date .tw-event-date-complete .tw-event-date {font-size:1rem; font-family: var(--font-secondary); letter-spacing: 0.5px; } .tw-plugin-upcoming-event-list .event-card .date .tw-event-date-complete .tw-event-date span { padding-top:3px; display: inline-block!important; } /* end spanned dates */ /* TW Slider */ .entry-content #tw-slider.custom-slider .tw-slick-slide-image { position: relative; } .entry-content #tw-slider.custom-slider .tw-slick-slide-image { display: grid!important; grid-template-columns: 67.25% 32.75%; margin-bottom: 0; padding: 0; } .entry-content #tw-slider.custom-slider .tw-slick-slide-caption, .entry-content #tw-slider.custom-slider .tw-slick-slide-image a, .entry-content #tw-slider.custom-slider .tw-slick-slide-eventname a { display: unset; } .entry-content #tw-slider.custom-slider .tw-slick-slide-image img { width: 100%; height: 100%; object-fit: cover; } .entry-content #tw-slider.custom-slider .tw-slick-slide-caption { display: grid; margin-top: 0; align-self: center; } .entry-content #tw-slider.custom-slider .tw-slick-slide-caption .tw-slick-slide-eventdate { order: 1; } .entry-content #tw-slider.custom-slider .tw-slick-slide-eventname a:first-of-type { color: #111!important; } .entry-content #tw-slider.custom-slider .tw-slick-slide-eventname a:first-of-type:hover{ color: var(--color-accent) !important; } .entry-content #tw-slider.custom-slider a.wp-block-button__link { display: flex; justify-content: center; width: 170px; padding: 1em; margin-top: 1em; background: none!important; color: var(--color-accent)!important; border: 1px solid var(--color-accent)!important; } .entry-content #tw-slider.custom-slider a.wp-block-button__link:hover { background: var(--color-accent)!important; color: #fff!important; } .entry-content .slick-dots li button:before { font-size: 16px; -moz-transition: color .35s; -webkit-transition: color .35s; -o-transition: color .35s; } .entry-content #tw-slider.custom-slider .tw-slick-slide-caption .tw-slick-slide-eventname a { font-family: var(--font-secondary); font-weight: 400; } .entry-content #tw-slider.custom-slider .tw-slick-slide-caption .tw-slick-slide-eventname a.wp-block-button__link { font-weight: 600; } .entry-content #tw-slider .tw-slick-slide-eventdate { order: 1; color: var(--color-gray-secondary); text-transform: uppercase; } .entry-content #tw-slider .tw-slick-slide-eventname { order: 2; color: var(--color-black); font-family: var(--font-secondary); text-transform: uppercase; } .entry-content #tw-slider .tw-slick-slide-eventname a:first-of-type { font-size: var(--font-h3); font-weight: 400; line-height: 1.35; letter-spacing: 2px; } .entry-content #tw-slider .tw-slick-slide-eventname a:last-of-type { font-size: 16px; } .entry-content #tw-slider .slick-slide, .entry-content #tw-slider .slick-slide > div { height: 520px; } .entry-content #tw-slider .tw-slick-slide-image { background: var(--color-white); border: 1px solid var(--border-color-light); } .entry-content #tw-slider .tw-slick-slide-image a { position: relative; overflow: hidden; display: grid; align-items: center; grid-template-columns: 67.25% 32.75%; max-height: 520px; margin: 0; padding: 0; } .entry-content #tw-slider .tw-slick-slide-image img { height: unset; border-right: 1px solid var(--border-color-light); } .entry-content #tw-slider .tw-slick-slide-caption { display: grid; position: relative; left: unset; right: 0; background: none; margin-top: -4em; padding: 0 2em 2em; } .entry-content #tw-slider .slick-dots { right: 1em; bottom: 1em; left: unset; width: max-content; margin: 0; padding: 0; } .entry-content #tw-slider .slick-dots li { margin: 0 2px; } .entry-content #tw-slider .slick-dots li button { background: none; } .entry-content #tw-slider .slick-dots li button:before { color: var(--color-gray-dark); transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; -o-transition: all .35s; } .entry-content #tw-slider .slick-dots li button:hover:before, .entry-content #tw-slider .slick-dots li.slick-active button:before { color: var(--color-accent); } .entry-content #tw-slider .slick-list { margin: 0; } .entry-content #tw-slider .slick-prev:after, .entry-content #tw-slider .slick-next:after, .entry-content #tw-slider .slick-prev:before, .entry-content #tw-slider .slick-next:before { color: var(--color-black); } .entry-content #tw-slider .slick-prev, .entry-content #tw-slider .slick-next { position: absolute; z-index: 900; top: 0; width: 75px; height: 75px; color: var(--color-black); font-size: 0!important; } .entry-content #tw-slider .slick-prev, .entry-content #tw-slider .slick-next { top: 50px; } .entry-content #tw-slider .slick-prev { right: 75px; left: unset; } .entry-content #tw-slider .slick-next { right: 0; } .entry-content #tw-slider .slick-prev:hover:before, .entry-content #tw-slider .slick-next:hover:before { color: var(--color-accent); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .entry-content #tw-slider .slick-prev:before, .entry-content #tw-slider .slick-next:before { font-family: 'swiper-icons'; font-size: 32px; font-variant: initial; text-transform: none!important; letter-spacing: 0; line-height: 1; } .entry-content #tw-slider .slick-prev:before { content: 'prev'; } .entry-content #tw-slider .slick-next:before { content: 'next'; } @media screen and (max-width: 800px) { .entry-content #tw-slider.custom-slider .tw-slick-slide-image { grid-template-columns: 1fr; } .entry-content #tw-slider.custom-slider .tw-slick-slide-caption { padding: 1em; } .entry-content #tw-slider .slick-prev, .entry-content #tw-slider .slick-next { top: 50%; margin-top: -25px; width: 50px; height: 50px; background-color: var(--color-white); } .entry-content #tw-slider .slick-prev { left: -25px; right: unset; } .entry-content #tw-slider .slick-next { right: -25px; } .entry-content #tw-slider .slick-prev:before, .entry-content #tw-slider .slick-next:before { display: flex; justify-content: center; align-items: center; font-size: 1.205rem; } .entry-content #tw-slider.custom-slider .tw-slick-slide-caption .tw-slick-slide-eventname a.wp-block-button__link { display: flex; justify-content: center; align-items: center; width: 150px; min-height: 50px; margin: 1em 0 0 auto; padding: 0.889em 1.333em; } .entry-content #tw-slider .slick-dots { display: none!important; } } @media screen and (max-width: 600px) { .event-toggle { grid-template-columns: 1fr; margin-top: -1.5em!important; margin-bottom: 4em; } .wp-block-group.upcoming .event-toggle .wp-block-button { position: relative; top: -.5em; width: 150px; margin-top: 0; } .wp-block-group.upcoming .event-listing { margin-top: 1em; } } @media screen and (max-width: 414px) { .entry-content #tw-slider.custom-slider { margin-top: 0; padding-top: 0; } .entry-content #tw-slider.custom-slider .tw-slick-slide-caption { padding-top: 0; padding-bottom: 0; } .entry-content #tw-slider.custom-slider .tw-slick-slide-caption .tw-slick-slide-eventname a:first-of-type { font-size: 1.563rem; line-height: 1.2; } } /* TW Single Event */ .page-template-template-tw-event .entry-content ul.tw-event-artist-media { margin-left: 0; padding-left: 0; } .page-template-template-tw-event .entry-content ul.tw-event-attractions-listing li p { font-size: var(--font-size-normal); font-weight: 300; } .page-template-template-tw-event .tw-plugin-basic-event-info .event-name, .page-template-template-tw-event .tw-plugin-basic-event-info .event-name a { font-family: var(--font-secondary); } .page-template-template-tw-event .event-detail-list .tw-event-date { color: var(--color-black); } .page-template-template-tw-event .event-detail-list .event-name { line-height: 1; } .page-template-template-tw-event .tw-event-artist-image { margin-bottom: 1em; font-size: var(--font-size-medium); } .page-template-template-tw-event .event-card img { position: unset; } .page-template-template-tw-event .event-card .wp-block-image { height: unset; margin: 0 0 1.5em; padding: 0; background: none; } .page-template-template-tw-event .event-card .wp-block-image:before { display: none; } .page-template-template-tw-event .tw-plugin-event-image { float: none; clear: unset; } .page-template-template-tw-event .tw-event-links { margin-top: 1em; } .page-template-template-tw-event ul.tw-event-attractions-listing { width: 100%; margin: 0; padding: 0; } .page-template-template-tw-event ul.tw-event-attractions-listing li { width: 100%; list-style-type: none; width:auto;} .page-template-template-tw-event ul.tw-event-attractions-listing li:first-of-type .tw-event-artist-image { display: none; } .page-template-template-tw-event ul.tw-event-attractions-listing li strong { display: inline-flex; } .page-template-template-tw-event .tw-event-attraction:last-of-type, .page-template-template-tw-event .tw-event-attraction p:last-of-type { margin-bottom: 0; } .page-template-template-tw-event .tw-paginate { display: none; } .page-template-template-tw-event .tw-event-artist-media { margin: 0; } .page-template-template-tw-event .tw-event-artist-name { text-transform: uppercase; } .page-template-template-tw-event .tw-event-artist-name h1, .page-template-template-tw-event .tw-event-artist-name h2, .page-template-template-tw-event .tw-event-artist-name h3, .page-template-template-tw-event .tw-event-artist-name h4 { margin-bottom: .5em; font-weight: 500; font-family: var(--font-secondary); } .page-template-template-tw-event .tw-event-attractions-listing p { text-transform: inherit; } .page-template-template-tw-event .event-detail-list .tw-billing-75, .page-template-template-tw-event .event-detail-list .tw-billing-50, .page-template-template-tw-event .event-detail-list .tw-billing-25 { color: var(--color-gray); } .page-template-template-tw-event .event-detail-list a.tw-billing-75:hover, .page-template-template-tw-event .event-detail-list a.tw-billing-50:hover, .page-template-template-tw-event .event-detail-list a.tw-billing-25:hover { color: var(--color-black); } .page-template-template-tw-event .event-detail-list .tw-billing-75 { font-size: var(--font-h5); line-height: 1; } .page-template-template-tw-event .event-detail-list .tw-billing-50 { line-height: 0; } .page-template-template-tw-event .event-detail-list .tw-billing-50, .page-template-template-tw-event .event-detail-list .tw-billing-25 { font-size: var(--font-h6); } .page-template-template-tw-event .tw-event-price { margin-top: 1em; font-family: var(--font-primary); color: var(--color-gray-secondary); } .page-template-template-tw-event .tw-event-prefix-text { display: flex; margin-top: .5em; margin-bottom: .5em; font-size: var(--font-size-small); letter-spacing: .5px; } .page-template-template-tw-event .tw-event-date-complete { display: flex; flex-direction: column; } .page-template-template-tw-event .event-detail-list .tw-billing-50 { position: relative; top: -.5em; } .page-template-template-tw-event ul.tw-event-attractions-listing { width: 100%; margin: 0; padding: 0; } .page-template-template-tw-event ul.tw-event-attractions-listing li.tw-event-attraction { padding-right: 1em; padding-left: 1em; } .page-template-template-tw-event ul.tw-event-attractions-listing li.tw-event-attraction:first-of-type { padding-top: 1em; } .page-template-template-tw-event ul.tw-event-attractions-listing li.tw-event-attraction:last-of-type { padding-bottom: 1em; } .page-template-template-tw-event ul.tw-event-attractions-listing .tw-event-artist-name h3 { margin-bottom: 0; padding-bottom: 0; } .page-template-template-tw-event ul.tw-event-attractions-listing .tw-event-artist-info { display: flex; flex-direction: column; } .page-template-template-tw-event ul.tw-event-attractions-listing .tw-event-artist-links { display: flex; flex-wrap:wrap; gap: 0.5em; margin-bottom: 1em; margin-left: 0; padding-left: 0; } .page-template-template-tw-event ul.tw-event-attractions-listing .tw-event-artist-links li { margin-bottom: .25em; } .page-template-template-tw-event ul.tw-event-attractions-listing .tw-event-artist-links li:last-child { margin-right: 0; } .page-template-template-tw-event ul.tw-event-attractions-listing .tw-event-artist-links a:hover { color: var(--color-black); } .page-template-template-tw-event ul.tw-event-attractions-listing .tw-event-artist-image, .page-template-template-tw-event ul.tw-event-attractions-listing .wp-block-image { position: relative; display: flex; height: 470px; width: 100%; background: var(--color-black); overflow: hidden; } .page-template-template-tw-event ul.tw-event-attractions-listing .tw-event-artist-image:before { content: ''; position: absolute; z-index: 100; bottom: 0; left: 0; height: 60px; width: 100%; transition: all .3s; background-image: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent); } .page-template-template-tw-event ul.tw-event-attractions-listing .tw-event-artist-image a { width: 100%; transition: none; } .page-template-template-tw-event ul.tw-event-attractions-listing .tw-event-artist-image img { object-fit: cover; backface-visibility: hidden; transition: all .35s; } .page-template-template-tw-event ul.tw-event-attractions-listing .tw-event-artist-image a:hover img { transform: scale(1.01);} @media screen and (max-width: 600px) { .page-template-template-tw-event ul.tw-event-attractions-listing .tw-event-artist-links { flex-wrap: wrap; } } /* * Contact Form 7 v5.1.6 * disabled CSS from functions/cleanup.php and minified below */ div.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);height:1px;width:1px;margin:0;padding:0;border:0}div.wpcf7-response-output{margin:2em 0;padding:1em;}div.wpcf7-mail-sent-ok{border:2px solid #398f14}div.wpcf7-aborted,div.wpcf7-mail-sent-ng{border:2px solid red}div.wpcf7-spam-blocked{border:2px solid orange}div.wpcf7-acceptance-missing,div.wpcf7-validation-errors{border:2px solid #f7e700}.wpcf7-form-control-wrap{position:relative}span.wpcf7-not-valid-tip{color:red;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip span.wpcf7-not-valid-tip{position:absolute;top:20%;left:20%;z-index:100;border:1px solid red;background:#fff;padding:.2em .8em}span.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}span.wpcf7-list-item-label::after,span.wpcf7-list-item-label::before{content:" "}.wpcf7-display-none{display:none}div.wpcf7 .ajax-loader{visibility:hidden;display:flex;align-items:center;background-image:url(../gif/loader.gif);width:1.5em;height:1.5em;border:none;padding:0;margin:.5em auto 0;vertical-align:middle}div.wpcf7 .ajax-loader.is-active{visibility:visible}div.wpcf7 div.ajax-error{display:none}div.wpcf7 .placeheld{color:#888}div.wpcf7 input[type=file]{cursor:pointer}div.wpcf7 input[type=file]:disabled{cursor:default}div.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed} /* CF7 Overrides */ .entry-content .wpcf7 { margin-top: 0; } .entry-content .wpcf7 form { display: flex; flex-direction: column; } .entry-content .wpcf7 form p:not(:last-of-type) { margin-bottom: 1.5em; } .entry-content .wpcf7 form :last-child { margin-bottom: 0; } .wpcf7-form-control-wrap { display: block; margin-top: 5px; } .wpcf7 .wpcf7-not-valid-tip, .wpcf7 .wpcf7-validation-errors { font-size: 14px; } span.wpcf7-not-valid-tip { margin-bottom: 1em; } .wpcf7 h2, .wpcf7 h3 { margin-bottom: 2em; } .wpcf7 h3 { margin-top: 0; } .wpcf7 p { margin-bottom: 1em; } .wpcf7 p:last-of-type { margin-bottom: 0; } .wpcf7 input[type="submit"] { display: block; width: initial; margin: 1em auto 0; background: none; color: var(--color-accent); border: 2px solid var(--color-accent); } .wpcf7 input[type="submit"]:hover { background: var(--color-accent); color: var(--color-white); } .wpcf7 fieldset { margin-top: 0; padding: 0 2em; border: 1px solid #333; } .wpcf7 fieldset legend { margin-bottom: 0; background: none; color: #171717; text-align: center; } .wpcf7 form br { display: none; } .wpcf7 .form-group { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid var(--border-color); } .wpcf7 .wpcf7-not-valid-tip, .wpcf7 .form-group.required h4, .wpcf7 .invalid .form-group.required label { color: var(--color-accent); } .wpcf7 form .wpcf7-response-output { border: 2px solid transparent; } .wpcf7 form.invalid .wpcf7-response-output { border-color: var(--color-accent); } .wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output { margin-bottom: 4em; } .wpcf7 form.sent .wpcf7-response-output { color: #067062!important; border-color: var(--color-success); } .wpcf7 .form-group.required h4, .wpcf7 .form-group.required label { color: #079D7C; } .wpcf7 .invalid .required input, .wpcf7 .invalid .required select, .wpcf7 .invalid .required textarea { border-color: #97100E; } .wpcf7 .wpcf7-validation-errors { margin: 0; padding: 10px; } #main div.wpcf7 .ajax-loader { display: block; margin: 10px auto 0; } .wpcf7 select, .wpcf7 input, .wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 input[type="date"], .wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="month"], .wpcf7 input[type="week"], .wpcf7 input[type="email"], .wpcf7 input[type="number"], .wpcf7 input[type="search"], .wpcf7 input[type="tel"], .wpcf7 input[type="time"], .wpcf7 input[type="url"], .wpcf7 input[type="color"] { margin: 10px 0; } .wpcf7 input[type="text"]:focus, .wpcf7 input[type="password"]:focus, .wpcf7 input[type="date"]:focus, .wpcf7 input[type="datetime"]:focus, .wpcf7 input[type="datetime-local"]:focus, .wpcf7 input[type="month"]:focus, .wpcf7 input[type="week"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 input[type="number"]:focus, .wpcf7 input[type="search"]:focus, .wpcf7 input[type="tel"]:focus, .wpcf7 input[type="time"]:focus, .wpcf7 input[type="url"]:focus, .wpcf7 input[type="color"]:focus, .wpcf7 textarea:focus { outline: 0; border: 1px solid var(--color-accent); } .wpcf7 input, .wpcf7 select, .wpcf7 textarea, .wpcf7 input[type="text"], .wpcf7 input[type="url"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"] { width: 100%; padding: 10px; background-color: #fff; } /* CF7 - Footer Signup */ #colophon .wpcf7 form .cf7-wrapper { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 1em; margin: 0; padding: 0; } #colophon .wpcf7 form .cf7-wrapper:first-child { grid-template-columns: 1fr 1fr; } #colophon .wpcf7 form .cf7-wrapper:nth-child(3) { grid-template-columns: 3fr 1fr; margin-top: 1em; } #colophon .wpcf7 input { min-height: 52px; margin: 0; padding: 0; text-indent: 8px; font-weight: 300; } #colophon .wpcf7 input[type="submit"] { background: var(--color-accent); color: var(--color-white); border-color: var(--color-accent); font-weight: 500; } #colophon .wpcf7 input[type="submit"]:hover { background: none; color: var(--color-accent); } #colophon .wpcf7 form span.user-email { position: relative; margin-top: 0; } #colophon .wpcf7 form .wpcf7-response-output { padding: .5em; } #colophon .wpcf7 span.label { display: none; } #colophon .wpcf7 span.wpcf7-not-valid-tip { margin-top: 2px; margin-bottom: 0; } #colophon .wpcf7 form.spam p, #colophon .wpcf7 form.invalid p { margin-bottom: 2.5em; } #colophon .wpcf7 form.spam .cf7-wrapper:nth-child(3) .wpcf7-not-valid-tip, #colophon .wpcf7 form.invalid .cf7-wrapper:nth-child(3) .wpcf7-not-valid-tip { position: absolute; } #colophon .wpcf7 form.spam .wpcf7-response-output, #colophon .wpcf7 form.invalid .wpcf7-response-output { margin-top: 2.5em; color: var(--color-accent); border-color: var(--color-accent); } #colophon .wpcf7 span.label { font-size: var(--font-size-small); font-weight: 300; } @media screen and (max-width: 414px) { #colophon .wpcf7 form input { font-size: var(--font-size-small); } #colophon .wpcf7 form input[type="submit"] { margin-top: 1.5em; } #colophon .wpcf7 form input::placeholder { display: none; color: transparent; } #colophon .wpcf7 form .label { display: flex; } #colophon .wpcf7 form .cf7-wrapper:nth-child(3) { grid-template-columns: 1fr; } } /* * CF7 reCAPTCHA (v3) * https://contactform7.com/recaptcha/ */ .grecaptcha-badge { display: none!important; } /* -------------------------------------------------------------------------- ## WP Forms -------------------------------------------------------------------------- */ #page .wpforms-container form { display: grid; } #page .wpforms-container input { max-width: 100%!important; } #page .wpforms-container .wpforms-field { padding-top: 0; } #page .wpforms-container .wpforms-submit-container { order: 3; display: flex; justify-content: flex-end; } #page .wpforms-container .wpforms-submit-container button { float: none; margin: 0; } #page .wpforms-container .wpforms-submit-container button:hover { background: none; color: var(--color-accent); border-color: var(--color-accent); } #page .wpforms-container .wpforms-recaptcha-container { margin: 1em auto; padding: 0; } #page .wpforms-container .wpforms-submit-container { padding-top: 4px; } .social .wpforms-container .wpforms-field { padding: 20px 0; } /* * WP Featherlight * https://wordpress.org/plugins/wp-featherlight/ */ .featherlight .featherlight-content .caption { margin-top: .5em; } /* * SEO Yoast * https://yoast.com/ */ #yoast-breadcrumbs span a { color: var(--color-accent); } #yoast-breadcrumbs span a:hover { color: var(--color-accent); } #yoast-breadcrumbs span i { margin-right: .5em; margin-left: .5em; } .single #breadcrumbs .breadcrumb_last { display: none; } .single #breadcrumbs span span span span i { display: none; } /* WP Notification Bar */ .mtsnb { width: 100%; top: 0; box-shadow: none!important; z-index: 999; } .logged-in .mtsnb { top: 32px; } .mtsnb.mtsnb-hidden { display: none; background: none!important; } .mtsnb .mtsnb-container { width: 100%!important; padding: 1em 2em 1em 1em!important; text-align: center; } .mtsnb a.mtsnb-hide span { display: inline-block; -webkit-transform: rotate(45deg) translate3d(0,0,0); transform: rotate(45deg) translate3d(0,0,0); } .mtsnb a.mtsnb-hide { position: absolute; top: 0; right: .5em; display: flex; justify-content: center; align-items: center; height: 100%; font-size: 1.333rem; } .mtsnb a.mtsnb-hide:hover { color: var(--color-black-dark)!important; } .mtsnb .mtsnb-text { margin-left: 0!important; } @media screen and (max-width: 780px) { .logged-in .mtsnb { top: 46px; } } @media screen and (max-width: 414px) { .mtsnb a.mtsnb-hide { font-size: 1.296rem!important; } .mtsnb a.mtsnb-hide:hover { color: var(--color-black-dark)!important; } .mtsnb .mtsnb-container { margin-right: 0!important; margin-left: 0!important; font-size: .878rem!important; } } /* UItoTop */ #toTop { display: none; position: fixed; z-index: 900; right: 1em; bottom: 1em; width: 40px; height: 40px; background-color: rgba(0,0,0,.15); border: 1px solid #474747; overflow: hidden; text-decoration:none; } #toTop:hover { background: var(--color-accent); } #toTop:hover i { color: var(--color-white); } #toTop, #topTop span { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out } #toTop span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: 1!important; width: 0px; height: 0px; text-indent: -999px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out } #toTop i { width: 100%; height: 100%; font-size: 1.25em; text-align: center; display: flex; justify-content: center; align-items: center; } #toTopHover { float:left; display:block; overflow:hidden; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #toTop:active, #toTop:focus { outline:none; } /** * Swiper 7.0.8 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2021 Vladimir Kharlampidi * * Released under the MIT License * * Released on: October 4, 2021 */ @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:1em;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} .swiper-button-next:after, .swiper-button-prev:after { font-size: 1.953rem; } .swiper-container { height: 100vh; min-height: 600px; } .swiper-container .swiper-pagination-bullet { width: 16px; height: 16px; } .swiper-container, .entry-content .swiper-container { position: relative; width: 100%; max-width: 100%; padding-right: 0; padding-left: 0; border: 1px solid var(--border-color-light); overflow: hidden; } .swiper-slide { min-height: 100%; background: #fff; color: #151414; display: flex; justify-content: center; align-items: center; } .swiper-slide p { position: absolute; z-index: 10; bottom: 30px; left: 30px; margin: 0; color: #fff; } .swiper-slide p span { margin-left: 5px; } .swiper-slide a, .swiper-slide p span a { color: var(--color-black); } .swiper-slide a:hover { color: var(--color-accent); } .swiper-button-next, .swiper-button-prev { color: var(--color-black); right: 0; bottom: 0; z-index: 900; width: 75px; height: 75px; font-size: 32px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .swiper-button-next:hover, .swiper-button-prev:hover { cursor: hand; opacity: 1; color: var(--color-accent); } .swiper-button-prev { right: 90px; left: inherit; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .25; } .swiper-container.static .swiper-button-next.swiper-button-disabled, .swiper-container.static .swiper-button-prev.swiper-button-disabled { display: none; } /* Scroll UX Indicator */ .scroll-down { display: flex; justify-content: center; margin: auto; place-content: center; width: max-content; position: absolute; z-index: 1; right: 0; bottom: 1em; left: 0; width: 100%; margin: auto; color: #fff; } .scroll-down span { position: relative; display: flex; justify-content: center; align-items: center; width: max-content; padding: 20px 20px 32px; color: #fff; } .scroll-down span { font-size: .79rem; } .scroll-down span:after {position: absolute; top: 3em; right: 0; bottom: 0; left: 0; display: block; margin: auto; width: 32px; height: 32px; content:''; background: url('../svg/mouse.svg') no-repeat; background-size: 40px; background-position: center center; } /* Bullets */ .swiper-pagination-bullet { width: 12px; height: 12px; border: 2px solid var(--color-gray-dark); background: none; opacity: .5; transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; -o-transition: all .35s; } .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--color-accent); border-color: var(--color-accent); opacity: 1; } .swiper-pagination-bullet.swiper-pagination-bullet:hover { background: var(--color-accent); border-color: var(--color-accent); cursor: pointer; opacity: 1; } /* Horizontal */ .swiper-container-horizontal .swiper-pagination { width: max-content; z-index: 500; } .swiper-container-horizontal > .swiper-pagination-bullets { right: 0; bottom: 1.5em; left: inherit; padding-right: 2em; text-align: right; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } /* Mobile Conditional */ .hero-mobile { max-width: 100%; padding: 0; background: var(--color-black); text-align: center; } .hero-mobile img { margin: auto; } /* Swiper.js Featured Events */ .swiper-container.featured-events { box-shadow: var(--box-shadow); } .swiper-container.featured-events, .swiper-container.featured-events .swiper-wrapper, .swiper-container.featured-events .swiper-slide:after { height: 520px; min-height: 520px; } .swiper-container.featured-events .swiper-slide { position: relative; margin-bottom: 0; padding: 0; display: grid; grid-template-columns: 67.25% 32.75%; } .swiper-container.featured-events i { display: none; } .swiper-container.featured-events .date { color: var(--color-gray-secondary); } .swiper-container.featured-events .wp-block-button { margin-top: 1em; } .swiper-container.featured-events .artist-info { margin-bottom: 2em; } .swiper-container.featured-events .swiper-slide a { overflow: hidden; } .swiper-container.featured-events .swiper-slide a img { position: absolute; top: 0; left: 0; transition: all .35s; backface-visibility: hidden; } .swiper-container.featured-events .swiper-slide a:hover img { opacity: .75; transform: scale(1.01); } .swiper-container.featured-events .swiper-slide .wp-block-image { display: flex; width: 100%; height: 100%; margin: 0; } .swiper-container.featured-events .swiper-slide .event-link { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; background: var(--color-black); } .swiper-container.featured-events .event-details { position: relative; z-index: 999; padding: 2em; } .swiper-container.featured-events .swiper-button-prev, .swiper-container.featured-events .swiper-button-next { top: .5em; margin: 0; }.swiper-container.featured-events > .swiper-pagination-bullets { right: 1em; left: auto; text-align: right; } /* Swiper.js Featured Events Mobile */ .wp-block-group.featured { padding-bottom: 6em!important; background: var(--color-gray-light); } .swiper-container.featured-events.mobile, .swiper-container.featured-events.mobile .swiper-wrapper, .swiper-container.featured-events.mobile .swiper-slide:after { height: unset; min-height: unset; width: 90%; max-width: 100%; margin-right: 0; margin-left: 0; } .swiper-container.featured-events.mobile { margin-top: 0; border: 0; box-shadow: none; } .swiper-container.featured-events.mobile .swiper-slide { grid-template-columns: 1fr; grid-template-rows: 470px 1fr; align-items: start; max-width: 400px; background: none; } .swiper-container.featured-events.mobile .swiper-slide .wp-block-image { height: 470px; align-self: flex-start; } .swiper-container.featured-events.mobile .swiper-slide .event-link { max-height: 600px; } .swiper-container.featured-events.mobile .event-details { height: 100%; padding: .5em 0 0; } .swiper-container.featured-events.mobile .wp-block-button { align-items: flex-end; } .swiper-container.featured-events.mobile .wp-block-button, .swiper-container.featured-events.mobile .wp-block-button a { width: 100%; max-width: 100%; padding-right: 0; padding-left: 0; } .swiper-container.featured-events.mobile .wp-block-button a { font-size: 1rem; } .swiper-container.featured-events.mobile .swiper-pagination { position: absolute; display: block; right: 0; bottom: -3em; } /* Swiper.js Testimonials */ .testimonials-container, .swiper.testimonials, .swiper.testimonials .swiper-wrapper { width: 1080px!important; max-width: 100%!important; } .testimonials-container .group { padding: 0 3.75em; } .swiper.testimonials { min-height: 200px; margin-top: 4em; margin-bottom: 4em; } .swiper.testimonials .swiper-wrapper { position: relative; margin: 3em auto 0; } .swiper.testimonials .swiper-slide { width: 100%!important; display: block; margin: 0 auto!important; background: none; } .swiper.testimonials .swiper-slide p { position: unset; color: #111; } .swiper.testimonials .swiper-slide p:first-of-type { margin-bottom: 1em; } .swiper.testimonials .swiper-slide p:last-of-type { margin-bottom: 0; } .swiper.testimonials .swiper-button-next, .swiper.testimonials .swiper-button-prev { width: 50px; height: 50px; } .swiper.testimonials .swiper-button-prev { left: 0!important; right: auto!important; } .swiper.testimonials .citation { display: flex; flex-direction: column; } .swiper.testimonials .citation, .swiper.testimonials .citation span { font-family: var(--font-secondary); } .swiper.testimonials .citation span { margin-left: 0; } .swiper.testimonials .citation .name { font-weight: 600; } .swiper.testimonials .citation .title, .swiper.testimonials .citation .company { font-weight: 400; } .swiper.testimonials .citation .title { text-transform: uppercase; } .swiper.testimonials .wp-block-columns { grid-gap: 1em; width: fit-content; margin-top: 2em; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .swiper.testimonials .wp-block-columns .wp-block-column:last-of-type { display: flex; justify-content: center; align-items: center; } .swiper.testimonials .wp-block-column img { max-width: 175px; max-height: 100px; object-fit: contain; } .swiper.testimonials .wp-block-column p strong { display: inline-flex; width: 100%; margin-top: 1em; margin-bottom: .5em; font-weight: 600; font-style: normal; } .wp-block-group.testimonials-wrapper h2 { font-size: var(--font-h3); } @media screen and (max-width: 820px) { .entry-content .wp-block-group.testimonials-wrapper { padding-right: 1em; padding-left: 1em; } .swiper.testimonials .swiper-wrapper { margin-top: 1em; } .swiper.testimonials .swiper-wrapper .group { padding: 2em; } .swiper.testimonials .swiper-button-next, .swiper.testimonials .swiper-button-prev { width: max-content; } .swiper.testimonials .wp-block-columns.has-2-columns--70-30 { grid-template-columns: minmax(min-content, 7fr) 3fr!important; } } @media screen and (max-width: 414px) { .swiper.testimonials .wp-block-columns.has-2-columns--70-30 { grid-template-columns: 2fr 1fr!important; } .testimonials-container .group { padding-top: 0; } } /* Swiper - Logos */ .swiper-container.logos { width: 1000px; max-width: 100%; height: auto; min-height: 400px; margin-right: auto; margin-left: auto; } .swiper-container.logos .swiper-wrapper { height: unset; min-height: unset; align-items: center; } .swiper-container.logos .swiper-slide { min-height: unset; margin-right: 0!important; } .swiper-container.logos .swiper-slide img { width: inherit; max-width: max-content; height: unset; object-fit: unset; } .swiper-container.logos .swiper-pagination-bullets { bottom: -3em!important; } .swiper-container.logos .swiper-button-next, .swiper-container.logos .swiper-button-prev { position: absolute; width: 50px; height: 50px; background: #fff; } .swiper-container.logos .swiper-button-next { right: -16px; } .swiper-container.logos .swiper-button-prev { left: -16px; } /* Swiper ACF Heros - 1,2, 3 Column */ .swiper-container.acf, .entry-content .swiper-container.acf { border: 0; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } /* 1 Column */ .swiper-container.hero--1col { height: 80vh; } .swiper-container.hero--1col .swiper-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } /* 2 Column */ .swiper-container.hero--2col { position: relative; padding: 5em 0; } .swiper-container.hero--2col:before { position: absolute; z-index: -1; top: 0; right: 75px; content:''; width: 100%; height: 100%; padding: 5em; background: var(--bkg-gray-light); } .swiper-container.hero--2col, .swiper-container.hero--2col .swiper-slide { height: unset; min-height: 600px; } .swiper-container.hero--2col .swiper-button-container { display: flex; align-items: flex-end; margin-top: 10; } .swiper-container.hero--2col .swiper-button-next, .swiper-container.hero--2col .swiper-button-prev { position: relative; top: 0; display: inline-flex; background: var(--color-white); width: 75px; height: 75px; } .swiper-container.hero--2col .swiper-button-next:after, .swiper-container.hero--2col .swiper-button-prev:after { font-size: 2.074rem; } .swiper-container.hero--2col .swiper-button-prev { left: 75px; right: auto; } .swiper-container.hero--2col .swiper-button-next { right: 75px; } .swiper-container.hero--2col .swiper-slide.swiper-slide-active { width: 92.5%; } .swiper-container.hero--2col > .swiper-pagination-bullets { display: flex; justify-content: flex-end; grid-gap: 4px; margin-left: 16px; margin-bottom: 16px; text-align: left; } /* 3 Column */ .swiper-container.hero--3col { height: 80vh; max-height: 800px; } .swiper-container.hero--3col .swiper-pagination-bullet, .swiper-container.hero--3col .swiper-pagination-bullet:hover, .swiper-container.hero--3col .swiper-pagination-bullet-active { border-color: var(--color-white); } .swiper-container.hero--3col .swiper-pagination-bullet-active { background: var(--color-white); } .swiper-container.hero--3col .swiper-button-next, .swiper-container.hero--3col .swiper-button-prev { position: absolute; width: 50px; height: 50px; color: var(--color-white); } .swiper-container.hero--3col .swiper-button-next:hover, .swiper-container.hero--3col .swiper-button-prev:hover { color: var(--color-accent); } .swiper-container.hero--3col .swiper-button-next { right: .5em; } .swiper-container.hero--3col .swiper-button-prev { left: .5em; } /* wpforms checkboxes appear pretty crazy. This corrects it.*/ .wpforms-field.wpforms-field-checkbox ul{ list-style:none; padding:0; margin:0; } .wpforms-field.wpforms-field-checkbox li{ display:flex; align-items:center; } #page .wpforms-field.wpforms-field-checkbox input[type="checkbox"]{ min-width:unset; min-height:unset; padding:0; } /* ========================================================================== 15.0 # Media Queries ========================================================================== */ @media screen and (max-width: 1440px) { .wp-block-cover.hero, .wp-block-cover.hero.justify-center .wp-block-cover__inner-container { min-height: 75vh!important; } .wp-block-cover.hero.justify-center .wp-block-cover__inner-container { display: flex; align-items: center; padding-right: 2em; padding-left: 2em; } .wp-block-cover.hero .wp-block-column:first-child br { display: none; } /* Custom Layouts */ .has-2-columns--40-60 .wp-block-column:nth-child(1n) .wp-block-group, .has-2-columns--40-60 .wp-block-column:not(:last-child) .wp-block-group, .has-2-columns--60-40 .wp-block-column:nth-child(2n) .wp-block-group, .has-2-columns--60-40 .wp-block-column:not(:first-child) .wp-block-group { padding-left: 3em; padding-right: 3em; } } @media screen and (max-width: 1240px) { .wp-block-group.venue-info .has-3-columns.private-events { grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto; } .wp-block-group.venue-info .has-3-columns.private-events .wp-block-column { width: 100%; } .wp-block-group.venue-info .has-3-columns.private-events .wp-block-column:nth-child(1) { grid-column: span 3; grid-row: 1; } .wp-block-group.venue-info .has-3-columns.private-events .wp-block-column:nth-child(2) { grid-column: 1 / 2; grid-row: 2; } .wp-block-group.venue-info .has-3-columns.private-events .wp-block-column:nth-child(3) { grid-column: 2 / 3; grid-row: 2; text-align: left; } } @media screen and (max-width: 1180px) { .menu-toggle { display: block; } .main-navigation .menu, .main-navigation .menu-main-menu-container { display: none; } .main-navigation { display: flex; align-items: flex-end; justify-content: end; } .main-navigation.toggled { position: absolute; z-index: 9999; top: 0; left: 0; height: 100%; min-height: 100vh; display: inherit; width: 100%; padding: 0; background: #fff; } .main-navigation.toggled .logo-nav li { background: #888888; } .main-navigation.toggled .menu-main-menu-container { display: flex; width: 100%; min-height: 100vh; height: 100%; clear: both; } .main-navigation.toggled ul { position: absolute; top: 0; left: 0; width: 100%; max-width: 100%; margin: 0 auto; padding: 80px 1.5em; } .main-navigation.toggled ul li { display: inline-block; width: 100%; margin-bottom: 1em; padding-right: 0; padding-left: 0; padding-bottom: 1em; text-align: left; } .main-navigation.toggled ul li:last-child { margin-bottom: 0; border: 0; } .main-navigation.toggled ul li a { padding: 0; } .main-navigation.toggled ul li.wp-block-button__link { margin-top: 3em; background: none!important; text-indent: 0; text-align: center; } .main-navigation.toggled ul li.wp-block-button__link a { width: 146px; max-width: 100%; margin: 0 auto; padding: 1.5em 22px; background: var(--color-accent); color: var(--color-white); } .main-navigation.toggled ul li.menu-item-has-children a { margin-bottom: 15px; } .main-navigation.toggled ul li.menu-item-has-children a:after { display: none; } .main-navigation.toggled ul li.menu-item-has-children ul li { display: block; margin-left: auto; margin-right: auto; text-indent: 0; } .main-navigation.toggled ul li.menu-item-has-children ul li a { margin-bottom: 0; color: #8C8C8C; } .main-navigation.toggled ul ul { position: inherit; top: inherit; left: inherit; width: 100%; padding-top: 0; padding-bottom: 0; box-shadow: none; } .main-navigation.toggled ul ul li:first-child { padding-top: 0; } #masthead .textwidget { display: none; } .wp-block-columns.has-2-columns--60-40 { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 1120px) { #colophon .wrapper { grid-template-columns: 1fr 1fr 1fr; grid-gap: 1em 2em; padding-right: 0; padding-left: 0; } #colophon .wrapper .col:nth-child(1) { padding-left: 1.5em; } #colophon .wrapper .col:last-of-type { grid-row: 3; grid-column: 1 / 4; } #colophon .social { width: 100%; max-width: 800px; margin-right: auto; margin-bottom: 1em; margin-left: auto; padding-right: 1.5em; padding-left: 1.5em; } #colophon .social form { margin-bottom: 0; } #colophon .site-info { padding: 1.5em; } } @media screen and (max-width: 1024px) { .wp-block-group.more-info .card-aside h3 { font-size: var(--font-size-medium); } #more-info .wp-block-group.card-aside ul li { font-size: 1rem; } .wp-block-columns.has-2-columns--20-80 { grid-template-columns: 1fr; } .page-template-template-sidebar-styleguide .wp-block-columns.has-2-columns--20-80 aside { display: none; } .has-5-columns, .has-6-columns { grid-template-columns: repeat(3, 1fr); } .footer-lastcol{ padding:20px; text-align:center; } } @media screen and (max-width: 900px) { .event-listing .has-3-columns { grid-template-columns: 1fr; max-width: 430px; } .entry-content .wp-block-group.reusable-block--gallery { padding: 0 1em; } .wp-block-columns.gallery { grid-gap: 1em; } .wp-block-group.private-events figure.client-logos { margin-bottom: 0; } .wp-block-group.private-events ul.wp-block-gallery { margin-bottom: 0; } .wp-block-group.private-events ul.blocks-gallery-grid { display: grid; grid-gap: 2em; grid-template-columns: 1fr 1fr 1fr; justify-content: center; align-items: center; margin: 0 auto; } .wp-block-group.private-events ul.blocks-gallery-grid li { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; margin: 0; } .wp-block-group.private-events ul.blocks-gallery-grid li figure { margin: 0; padding: 0; } .wp-block-group.venue-info .has-3-columns.private-events { grid-template-columns: 1fr 1fr!important; } } @media screen and (max-width: 800px) { /* Typography */ .wp-block-image figcaption, .wp-block-image figcaption span, .page .featherlight .featherlight-content .caption, .blocks-gallery-grid .blocks-gallery-item figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption span { font-size: .8rem; } .effect--fadeUp figure figcaption a { font-size: var(--font-size-normal); } /* Header */ .site-header .site-title { order: 1; } .site-header .site-description { order: 2; } .site-header ul.social-icons { display: none; } /* Custom Block Layouts */ .wp-block-columns .wp-block-column { flex-basis: 100%!important; margin-left: 0; } .wp-block-columns .wp-block-column.logo { border: 0; } .has-3-columns, .has-2-columns.sidebar-content, .has-2-columns.content-sidebar, .wp-block-columns.has-2-columns--25-75, .wp-block-columns.has-2-columns--75-25, .wp-block-columns.has-2-columns--70-30, .wp-block-columns.has-2-columns--30-70, .wp-block-columns.has-2-columns--60-40, .wp-block-columns.has-2-columns--40-60, .wp-block-cover.hero .wp-block-columns.has-2-columns--75-25:first-of-type, .wp-block-group.vip .has-2-columns, .wp-block-group.private-events .has-2-columns { grid-template-columns: 1fr!important; } .wp-block-columns.gallery.has-2-columns--70-30, .wp-block-columns.gallery.has-2-columns--30-70 { grid-template-columns: 1fr!important; } .mosaic .has-2-columns--30-70 .wp-block-column:first-of-type, .mosaic .has-2-columns--30-70 .wp-block-column:last-of-type { grid-column-start: unset; grid-column-end: unset; } .wp-block-group.vip .swiper-container.hero--2col { padding-bottom: 2em; } .wp-block-cover.hero, .wp-block-cover.hero.justify-center .wp-block-cover__inner-container { min-height: 20vh!important; } .wp-block-cover.hero#contact-us .wp-block-cover__inner-container, .wp-block-cover.hero#food-drink .wp-block-cover__inner-container { background: var(--color-black); } .wp-block-group.private-events ul.has-2-columns li { display: none; } .wp-block-group.private-events ul.has-2-columns li:nth-child(-n+6) { display: flex; } .wp-block-group.private-events ul.has-2-columns li:nth-child(6) { border-bottom: 0; } .wp-block-group#outdoor-event-space .wp-block-group .has-2-columns { grid-template-columns: 1fr; grid-gap: 0!important; } .wp-block-group.food .wp-block-columns .wp-block-column .wp-block-group { max-width: 420px; margin-right: auto; margin-left: auto; } .wp-block-group.food .wp-block-columns.has-2-columns--20-80 { grid-gap: 0; } .wp-block-cover.hero { flex-direction: column!important; min-height: inherit!important; } .wp-block-cover.hero img { position: relative; } .wp-block-cover.hero .wp-block-columns .event-listing { width: 100%; padding: 4em 1.5em; } .wp-block-cover.hero .wp-block-columns .event-listing br { display: none; } .wp-block-cover.hero .wp-block-columns.has-2-columns--75-25:first-of-type { background-color: var(--color-black); padding-left: 0; padding-right: 0; } .wp-block-cover.hero .wp-block-columns.has-2-columns--75-25 .wp-block-column:first-of-type { padding: 4em 1.5em 2em; } .wp-block-cover.hero .wp-block-columns.has-2-columns--30-70 { grid-gap: 0; } .wp-block-cover.hero .wp-block-columns.has-2-columns--30-70 .wp-block-group { padding: 3em 1.5em; } .wp-block-cover.hero .wp-block-columns .wp-block-column.overlay { margin-left: 0; } .has-2-columns.sidebar-content .wp-block-column, .has-2-columns.content-sidebar .wp-block-column { grid-column: 1; } .entry-content .has-2-columns.content-sidebar { grid-template-columns: 1fr; padding-bottom: 0; } .entry-content .has-2-columns.content-sidebar .wp-block-column, .entry-content .has-2-columns.sidebar-content .wp-block-column { grid-column: 1; } .entry-content .wp-block-group.what-we-do .has-4-columns { grid-template-columns: 1fr 1fr; grid-gap: 1em 1.5em!important;} .has-2-columns.sidebar-content .wp-block-column:last-of-type { order: 1; } .has-2-columns.sidebar-content .wp-block-column:first-of-type { order: 2; } .has-2-columns--70-30 .wp-block-column:first-child .wp-block-cover { padding: 3em; } .has-2-columns--70-30 .wp-block-column:last-of-type .wp-block-group { padding-top: 3em; } .wp-block-columns.has-2-columns--75-25 .wp-block-column:nth-child(2n) .wp-block-group { padding-top: 4em; } .wp-block-cover .wp-block-group.pl-2.pr-2 { padding: 3em 0 4em!important; } .wp-block-cover-text p { padding: 1.5em 0; } .wp-block-group.vip-services .wp-block-columns.has-2-columns--60-40 { grid-gap: 3em; margin-bottom: 0; } .wp-block-group.hotels .has-2-columns--60-40 { grid-template-columns: minmax(min-content, 3fr) 2fr; } /* Footer */ #colophon { padding-bottom: 0; } #colophon .wrapper { grid-template-columns: 1fr 1fr 1fr; grid-gap: 1em 2em; padding-right: 0; padding-left: 0; } #colophon .wrapper .col:last-of-type { grid-row: 3; grid-column: 1 / 4; } #colophon .wrapper .social { width: 100%; margin-right: auto; margin-bottom: 0; margin-left: auto; } #colophon .wrapper .col:nth-child(1) { padding-left: 1.5em; } .site-info { margin-top: 0; background-color: var(--color-gray-dark); text-align: left; } .site-info a { margin-top: .5em; justify-content: flex-start; } .site-info a, .site-info h1, .site-info h2 .site-info h3, .site-info h4, .site-info span, #colophon .site-info h5 { color: var(--color-white); } /* Block -- Private Events Gallery */ .mosaic .has-2-columns--70-30 .wp-block-column:first-of-type, .mosaic .has-2-columns--70-30 .wp-block-column:last-of-type { grid-column-start: unset; grid-column-end: unset; } .mosaic .has-2-columns--70-30 .wp-block-column img { width: 100%!important; } /* Page -- Styleguide */ .styleguide-navigation .widget-title { margin-bottom: 3em; } .styleguide-navigation ul.menu { margin-bottom: 2em; } .styleguide-navigation ul.menu li { display: inline-flex; margin: 0 2em 2em 0; padding: 0; } .styleguide-navigation ul.menu li:last-child { margin-right: 0; } .styleguide-navigation ul.menu li:hover, .styleguide-navigation ul.menu li.current-menu-item { background: none; } /* Swiperjs Featured Events */ .wp-block-group.featured { position: relative; z-index: 900; overflow: hidden; } .swiper-container.featured-events { display: flex; height: auto; } .swiper-container.featured-events .swiper-slide { grid-template-columns: 1fr; grid-template-rows: 1fr max-content; margin-bottom: 0; max-width: 600px; background: none; } .swiper-container.featured-events .swiper-slide .wp-block-image { position: relative; } .swiper-container.featured-events .event-details { display: grid; padding: 1em; } .swiper-container.featured-events .artist-info { margin-bottom: 0; } .swiper-container.featured-events .wp-block-button { display: flex; justify-content: flex-end; align-items: center; font-size: .79rem; font-weight: 500; letter-spacing: 2px; } .swiper-container.featured-events .wp-block-button a { display: flex; justify-content: center; align-items: center; min-width: 150px; min-height: 50px; padding: .889em 1.333em; } .swiper-container.featured-events, .swiper-container.featured-events .swiper-wrapper { max-width: 600px; overflow: visible; } .swiper-container.featured-events .swiper-button-prev, .swiper-container.featured-events .swiper-button-next { top: unset; bottom: 50%; } .swiper-container.featured-events .swiper-button-prev { left: -.25em; right: unset; } .swiper-container.featured-events .swiper-button-next { right: -.25em; left: unset; } .swiper-container.featured-events .swiper-button-next, .swiper-container.featured-events .swiper-button-prev { width: 65px; background-color: var(--color-white); } .swiper-container.featured-events .swiper-pagination { display: none; } /* Event Detail */ .single-event .wp-block-columns { display: grid; } .single-event .wp-block-columns aside { order: 1; } .single-event .wp-block-columns .event-wrapper { order: 2; } .single-event .event-detail-list a.wp-block-button__link { max-width: 200px; margin-left: 0; } } @media screen and (max-width: 600px) { /* Typescale */ .wp-block-cover h1, .wp-block-cover-image h1 { text-align: left; } h1, h2, h3, h4, h5, h6 { line-height: 1.2; } h1 { font-size: 3.157rem; } h1.site-title { font-size: 1.25rem; } #tabs header h1 { font-size: 2.369rem; } .entry-content h1.header-styling::before { font-size: 1.777rem; } h2 { font-size: 2.369rem; } h3 { font-size: 1.777rem; } h4, .wp-block-tbc-accordion-item h3 { font-size: 1.333rem; } h5 { font-size: 1.205rem; } h6 { font-size: 1rem; } .effect--fadeUp figure figcaption a { font-size: var(--font-size-small); } #yoast-breadcrumbs { font-size: .889rem; } .has-huge-font-size { font-size: 3.157rem!important; } .has-large-font-size { font-size: 2.369rem!important; } .has-medium-font-size { font-size: 1.205rem!important; line-height: 1.3; } .has-normal-font-size { font-size: 1rem!important; } .has-small-font-size { font-size: .889rem!important; } .h-secondary { font-size: 1.44rem; line-height: 1.2; } .h-tertiary { font-size: 1.138rem; line-height: 1.35; } .wp-block-group.what-we-do ul li h3, .wp-block-group.what-we-do ul li h4 { font-size: 1rem!important; line-height: 1.3; } .h-tertiary { font-family: var(--font-secondary); font-weight: 400; font-style: italic; text-transform: capitalize; } .wp-block-cover:is(h1,h2,h3,h4,h5,h6), .wp-block-cover-image:is(h1,h2,h3,h4,h5,h6) { text-align: left; } .wp-block-cover h4, .wp-block-cover-image h4 { font-size: 1.44rem; line-height: 1.4; } p, ul, ol, ul li, ol li, figcaption { font-size: 1rem; line-height: 1.4; } button, input[type="button"], input[type="reset"], input[type="submit"], input[type="submit"], .wp-block-button__link { font-size: .823rem!important; } ul.menu li, ul.menu li a, ul.menu ul li a, ul.menu li ul li a { font-size: .8rem; } .styleguide-navigation ul.menu li, .styleguide-navigation ul.menu ul li a { font-size: .8em; } .wp-block-quote.hero-quote p { font-size: 1.125rem; } .wp-block-quote.hero-quote cite { font-size: .75rem; } pre, code, kbd, tt, var, .wp-block-code { font-size: .75em; line-height: 2em; } /* Footer */ #colophon .wrapper { grid-template-columns: 1fr 1fr; grid-gap: 2em; } #colophon .wrapper .col:first-of-type { grid-row: 1; grid-column: 1/4; padding-left: 1.5em; } #colophon .wrapper .col:nth-child(2), #colophon .wrapper .col:nth-child(3) { grid-row: 2; padding-left: 1.5em; } #page .wpforms-container .wpforms-recaptcha-container { position: unset; order: unset; } .site-description { display: none; } /* Content */ .entry-content .wp-block-group.has-background { padding-right: 1.25em; padding-left: 1.25em; } .wp-block-cover .wp-block-group.pl-2.pr-2 br { display: none; } .wp-block-group.vip { margin-top: 0; padding-right: 0; padding-left: 0; } .wp-block-group.venue-info .has-3-columns.private-events { grid-template-columns: 1fr!important; grid-template-rows: auto; } .wp-block-group.venue-info .has-3-columns.private-events .wp-block-column:nth-child(1), .wp-block-group.venue-info .has-3-columns.private-events .wp-block-column:nth-child(2), .wp-block-group.venue-info .has-3-columns.private-events .wp-block-column:nth-child(3) { grid-column: unset; grid-row: unset; } .has-2-columns, .wp-block-group.hotels .has-2-columns--40-60, .wp-block-group.hotels .has-2-columns--60-40 { grid-template-columns: 1fr; } .wp-block-group.hotels .wp-block-image img { width: 100%; } .wp-block-group.hotels .has-2-columns--60-40 .wp-block-column:first-child { order: 2; } .wp-block-group.hotels .has-2-columns--60-40 .wp-block-column:last-child { order: 1; } .tw-plugin-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(3) { display: none; } .event-toggle { margin-bottom: 2em; } .event-toggle .wp-block-button { display: none; } } @media screen and (max-width: 414px) { h1, .has-large-font-size { font-size: 2.369rem!important; } .hr-separator:after { display: none; } .wp-block-tbc-accordion-item h3 { font-size: 1.25rem; } .wp-block-cover h4, .wp-block-cover-image h4 { font-size: 1.25rem; line-height: 1.2; } p, .card p, ul, ol, ul li, ol li, figcaption, .page-template-template-tw-event .entry-content ul.tw-event-attractions-listing li p { font-size: .889rem; line-height: 1.4; } { font-size: var(--font-size-normal); font-weight: 300; } .copyright, .site-info a, .cat-links, .cat-links a, .tags-links, .tags-links a, .comments-link a { font-size: .694rem; line-height: 1.4; } .wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer { font-size: .75rem; } .entry-content .testimonial blockquote:before, .entry-content .testimonial blockquote:after { font-size: 1.953rem; } .wp-block-group.testimonials-wrapper h2 { font-size: var(--font-h4); } .wp-block-image figcaption, .wp-block-image figcaption span, .blocks-gallery-grid .blocks-gallery-item figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption span { font-size: .702rem; } .entry-content .wp-block-group.reusable-block--gallery { padding-left: .75em; padding-right: .75em; } .wp-block-group.reusable-block--gallery .wp-block-columns.gallery { grid-gap: .75em; } .wp-block-group.reusable-block--gallery figcaption, .wp-block-group.reusable-block--gallery figcaption span { display: flex; font-size: .7rem; } .effect--fadeUp figure figcaption a { padding-bottom: .5em; padding-left: .5em; transition: none!important } .page .featherlight .featherlight-content .caption { font-size: .702rem; } .page-id-137 .wp-block-image figcaption, .page-id-137 .wp-block-image figcaption span { display: inherit; } /* Content */ .pl-2 { padding-left: 1.5em!important; } .pr-2 { padding-right: 1.5em!important; } .wpcf7 input[type="submit"], #page .wpforms-container input, .wp-block-button__link, .wp-block-button__link.is-style-outline, .is-style-outline>.wp-block-button__link { min-width: inherit; } #toTop { right: .5em; bottom: .5em; } .site-info .wp-block-group { padding-right: 2em; padding-left: 2em; } .site-footer ul.contact-list li:first-of-type { margin-bottom: .5em; } ul#crumbs li:not(:last-child), ul#crumbs li:first-child::before { margin-right: .5em; } .entry-content > *, .entry-content .wp-block-group.one-col-centered { padding-right: 1.5em; padding-left: 1.5em; } .entry-content > .alignfull .wp-block-group { max-width: 100%; } .entry-content .wp-block-cover.hero img { min-height: 414px; } .entry-content > .wp-block-cover .wp-block-cover__inner-container { padding: 0 1em; } .entry-content .wp-block-code { padding: 1em; } .wp-block-cover.hero .wp-block-columns .event-listing, .wp-block-cover.hero .wp-block-columns.has-2-columns--75-25 .wp-block-column:first-of-type { padding: 2em 1.5em; } .wp-block-cover.hero.justify-center .wp-block-cover__inner-container { padding-right: 1.5em; padding-left: 1.5em; } .home .wp-block-cover.hero .wp-block-columns.has-2-columns--75-25 .wp-block-column:first-of-type { padding-bottom: 1em; } .entry-content .wp-block-gallery.client-logos ul { display: grid; grid-gap: 2em; grid-template-columns: 1fr 1fr; margin: auto; } .entry-content .wp-block-gallery.client-logos ul li { width: 100%; margin: 0; padding: 0; } .entry-content .wp-block-gallery.client-logos figure { padding: 0; } .wp-block-group.venue-info .spaces .wp-block-button, .wp-block-group.venue-info .spaces .wp-block-button a { width: 100%; min-width: 100%; } .wp-block-group.venue-info .spaces .has-2-columns--70-30 { grid-gap: 2em; } .wp-block-group.venue-info .spaces .wp-block-column .has-2-columns--70-30 { grid-template-columns: minmax(min-content, 6fr) 4fr!important; } .wp-block-group.private-events { margin-bottom: 0; padding-right: 1em; padding-left: 1em; } .wp-block-group.private-events .wp-block-button { margin-bottom: 1em; } .wp-block-group.private-events ul.blocks-gallery-grid { grid-template-columns: 1fr 1fr; } .tbc-accordion-item-heading { padding: 1.5em 2.25em 1.5em 1em } .wp-block-tbc-accordion-item .tbc-accordion-item-content { padding-right: 1em; padding-left: 1em; } .wp-block-tbc-accordion-item .tbc-accordion-item-heading::after { right: .5em; } .wp-block-group.contact-dropdown .wpforms-container { grid-template-columns: 1fr!important; } } @media screen and (max-width: 375px) { .entry-content > *, .entry-content .wp-block-group.one-col-centered { padding-right: 1em; padding-left: 1em; } .wp-block-cover.hero .wp-block-columns .event-listing { min-width: inherit; } } /* ========================================================================== 16.0 # Site Updates Private Events - 01.09.24 ========================================================================== */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes scroll-left { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translateX(-25%); } } /* Mobile Menu - Private Events */ .mobile-menu-wrapper { display: none; min-height: 80px; padding: 16px; background: #2e2e2e; opacity: 0; } .mobile-menu-wrapper.fixed.bottom { z-index: 900; position: fixed; justify-content: center; bottom: 0; left: 0; width: 100%; } .mobile-menu-wrapper ul { grid-gap: 1em; justify-content: center; margin: 0; padding: 0; } .mobile-menu-wrapper ul li { display: flex; width: 100%; max-width: 200px; } .mobile-menu-wrapper ul li a { color: #fff; } .mobile-menu-wrapper .menu-mobile-menu-container { width: 100%; } .mobile-menu-wrapper .wp-block-button__link a { font-weight: 600; } .mobile-menu-wrapper .wp-block-button__link.ghost { background: none; border: 1px solid var(--color-accent); } /* Ticker */ .ticker { display: flex; position: relative; justify-content: center; align-items: center; width: 100%; min-height: 50px; padding: 0; overflow: hidden; } .marquee { display: flex; animation: scroll-left 20s linear infinite; } .safari .mosaic .wp-block-columns.gallery figure { height: unset; } .wp-block-group#brand-logos { position: relative; min-height: 65px; } .wp-block-group#brand-logos:before { content: 'BRANDS THAT BOOK WITH US'; position: absolute; top: 0; left: 0; z-index: 10; display: flex; justify-content: center; align-items: center; height: 100%; padding: 12px 1em; background: #111; color: #fff; font-family: 'CeraPro-Medium', sans-serif; font-size: 1rem; line-height: 1; font-weight: 600; } .mosaic .wp-block-columns figure img { height: 100%; } .wp-block-group#gallery .mosaic .wp-block-columns figure, .wp-block-group#gallery .mosaic .wp-block-columns figure img { height: unset; } .entry-content .wp-block-group#gallery .wp-block-group__inner-container, .entry-content .wp-block-group#gallery .wp-block-group__inner-container:first-of-type { display: unset; } .page-id-132 .entry-content .wp-block-gallery.client-logos { display: none; } .entry-content .wp-block-gallery.client-logos.marquee { display: flex; flex-wrap: unset; max-width: 100%; justify-content: center; align-items: center; grid-gap: 4em; } .entry-content .wp-block-gallery.marquee .wp-block-gallery { display: none; } .entry-content .wp-block-group.ticker .wp-block-gallery.marquee img { max-height: 32px; } .entry-content .wp-block-group.ticker .wp-block-gallery.marquee .wp-block-image { padding: 0!important; } .has-white-color a { color: var(--color-white)!important; } .wp-block-group.contact-dropdown .wpforms-container { display: grid; grid-gap: 16px; grid-template-columns: 1fr max-content; } .wp-block-group.contact-dropdown .wpforms-container label { margin-bottom: 6px; font-weight: 500; } .wp-block-group.contact-dropdown .wpforms-container select { width: 100%; max-width: 100%; height: 60px; } #page .entry-content .wpforms-container .wpforms-submit-container { display: flex; justify-content: center; padding-top: 12px; } .gallery .wp-block-image:hover figcaption a { height: 100%; } #brand-logos.brands-mobile { display: flex; flex-direction: column; margin: 0!important; padding: 0!important; } #brand-logos.brands-mobile:before { position: unset; width: 100%; padding: 24px 0; } .entry-content #brand-logos.brands-mobile .wp-block-gallery { display: flex; grid-gap: 20px; padding: 1.5em 0 2em; } .entry-content #brand-logos.brands-mobile .wp-block-gallery figure img { max-height: 50px; } @media (max-width: 1240px) { .entry-content .wp-container-25.wp-container-25 { justify-content: center; } } @media (max-width: 1440px) { .entry-content .wp-block-gallery.client-logos.marquee { grid-gap: 2em; } } @media (max-width: 767px) { .mobile-menu-wrapper { display: none; } .wp-block-group#brand-logos:before { display: none; } .wp-block-group#brand-logos.brands-mobile:before { display: flex; } .entry-content #brand-logos.brands-mobile .wp-block-gallery { max-width: 320px; } .wp-block-group#brand-logos.brands-mobile .wp-block-gallery .hide-clone { display: none; } .entry-content .wp-block-gallery.client-logos.marquee { grid-gap: 0; } .page-id-132 #toTop, .page-id-132 #toTop i, .page-id-132 #toTop span { display: none!important; } } @media (max-width: 600px) { .wp-block-group#what-we-do .mosaic .wp-block-column { height: unset; } } .safari .mosaic .wp-block-columns { overflow: visible; } .safari .mosaic .gallery { grid-template-columns: 1fr 1fr; } .safari .mosaic .has-2-columns--30-70 .wp-block-column:first-of-type, .safari .mosaic .has-2-columns--30-70 .wp-block-column:last-of-type, .safari .mosaic .has-2-columns--70-30 .wp-block-column:first-of-type, .safari .mosaic .has-2-columns--70-30 .wp-block-column:last-of-type { grid-column-start: unset; grid-column-end: unset; height: unset; } /* ========================================================================== 17.0 # TA Pages - Styles --------------------------------- * TA - Private Events Page ========================================================================== */ /* ---------- Navbar ---------- */ :root{ --tabrand: #F41500; --tabranddark: #B50F00; --taink: #2E2E2E; --tamuted: #919191; --tagraylight: #dedede; --tabg-dark: #2f2f2f; --tacard: #ffffff; --tamaxw: 1285px; --font-tertiary: 'CeraPro-Regular', sans-serif; --font-headlines: 'CeraPro-Medium', sans-serif; } /* ---------- Containers ---------- */ .tapg .entry-content .wp-block-group__inner-container :first-child{ margin-top: auto; } .tapg .container-1285{ width: 100%; max-width: var(--tamaxw) !important; padding-left: 16px; padding-right: 16px; margin-left: auto; margin-right: auto; } @media (max-width: 767.98px) { .tapg { overflow-x: hidden; } } /* ---------- Dark section ---------- */ .s-dark{ background: linear-gradient(180deg, #3a3a3a, #2b2b2b); } /* ---------- Buttons ---------- */ .tapg .btn-brand{ background: var(--tabrand); color: #fff; border: 1px solid var(--tabrand); border-radius: 2px; letter-spacing: .02em; } .tapg .btn-brand:hover { filter: brightness(.95); color: var(--tabrand); border: 1px solid var(--tabrand); } .tapg .btn-brand--sm{ padding: 10px 14px; font-size: 12px; } .tapg .btn-brand--lg{ padding: 20px 32px; font-size: 17px; } .tapg .hero-ctas .btn-brand--lg{ padding: 14px 22px; font-size: 18px; } .tapg .btn-outline-light--lg{ padding: 14px 22px; border-radius: 10px; font-weight: 700; } /* ---------- Typography helpers ---------- */ .tapg p{ font-size: 16px; font-family: var(--font-primary); } .tapg h1, .tapg h2, .tapg h3, .tapg h4, .tapg h5, .tapg h6 { font-family: var(--font-headlines); font-weight: 500; line-height: 1.1; letter-spacing: 2px; } .tapg h1 { font-size: var(--font-h1); } .tapg h2 { font-size: var(--font-h2); } .tapg h3 { font-size: var(--font-h3); } .tapg h4 { font-size: var(--font-h4); } .tapg h5 { font-size: var(--font-h5); } .tapg h6 { font-size: var(--font-h6); letter-spacing: 1px; } .tapg h5, .tapg h6 { line-height: 1.25; } .tapg a { text-decoration: none; font-family: var(--font-primary); } .s-title{ margin: 0; } .s-subtitle{ margin: 10px auto 0; max-width: 760px; padding: 0px 20px!important; } .s-title--light, .s-subtitle--light{ color: #fff; } .s-subtitle--light{ opacity: .85; } /* ---------- Navbar ---------- */ .s-nav{ border-bottom: 1px solid #eee; } .s-nav .navbar-nav li { margin-bottom: 0; padding: 5px 0; } .s-nav .navbar-nav li a { color: #1f2937; text-transform: uppercase; font-family: var(--font-primary); font-size: 15.5px; text-decoration: none; letter-spacing: .5px; } .s-nav .navbar-nav li a:hover { color: var(--tabrand); } .s-header #mainNav .navbar-nav li a.btn-brand--sm { padding: 10px 14px; font-size: 12px; color: #fff; } .s-header #mainNav .navbar-nav li a.btn-brand { background: var(--tabrand); color: #fff; border: 1px solid var(--tabrand); border-radius: 2px; letter-spacing: .02em; } .s-header #mainNav .navbar-nav li a.btn-brand:hover { color: var(--tabrand); background: #fff; } .s-nav .navbar-nav .current-menu-item > a, .s-nav .navbar-nav .current_page_item > a { color: var(--tabrand); } /* Logo tweaks if needed */ .s-nav .brand-logo img, .s-nav .custom-logo { max-height: 48px; width: auto; } .s-header .navbar-brand .custom-logo { display: block; height: 39px; width: auto; } .s-header .navbar-brand .custom-logo-link { display: inline-flex; align-items: center; } /* Moble Toggel Adjustment */ .s-header .navbar-toggler-icon { display: inline-block; width: 2.3em; height: 2.3em; } /* ===== Mobile overlay menu (Bootstrap collapse) ===== */ @media (max-width: 991.98px) { .s-header button.navbar-toggler.menu-toggle { border-color: transparent; } .s-header button.navbar-toggler:focus{ box-shadow: none; } /* Make the opened menu fill the screen */ .s-header #mainNav.navbar-collapse.show, .s-header #mainNav.navbar-collapse.collapsing { position: fixed; inset: 0; width: 100%; height: 100vh; background: #fff; z-index: 1055; padding: 70px 24px 24px; overflow-y: auto; -webkit-animation: slide-down .3s ease-out; -moz-animation: slide-down .3s ease-out; } .s-header #mainNav .navbar-nav { width: 100%; margin: 0; align-items: flex-start !important; gap: 0 !important; } .s-header #mainNav .navbar-nav > li { width: 100%; } .s-header #mainNav .navbar-nav > li > a { display: block; padding: 12px 0; text-transform: uppercase; letter-spacing: .5px; font-size: 1rem; color: #111; text-decoration: none; font-weight: 400; font-family: var(--font-primary) !important; } .s-header #mainNav .navbar-nav > li > a:hover { color: var(--brand); } /* Close X in top right */ .s-header #mainNav .nav-close { position: absolute; top: -5px; right: 25px; border: 0; background: transparent; color: #888888; cursor: pointer; font-weight: 100; font-size: 65px; } .s-header #mainNav .nav-close:hover { color: #111; } } /*--------------------------------- * TA - Blocks ========================================================================== */ /* ---------- Hero ---------- */ #section-1.s-hero { padding-top: 0px !important; padding-bottom: 0px !important; margin-bottom: 0px; } /* ---------- Logos ---------- */ #section-2.s-brands { margin-top: 0px !important; margin-bottom: 0px !important; } p.s-brands-title{ font-size: 16px; } /* ---------- Logos ---------- */ #section-4.s-dark{ background: linear-gradient(180deg, #3a3a3a, #2b2b2b); } /* ---------- Section 3 ---------- */ #section-3 { overflow-x: hidden; padding: 0px !important; } #section-3 .container-1285 { padding: 0px !important; width: 100%; max-width: none !important; } #section-3 .wp-block-group.container-1285 > .wp-block-group__inner-container { display: block; } .tapg .swiper.tamb-explore-modal__main { margin-top: 0px !important; } /* ---------- Section 4 ---------- */ #section-4 { /* padding: 100px 0px !important; */ margin: 0px !important; } #section-4 .wp-block-group.container-1285 > .wp-block-group__inner-container { display: block; } /* ---------- Section 5 ---------- */ #section-5 { overflow-x: hidden; padding: 0px !important; } #section-5 .wp-block-group.container-1285 > .wp-block-group__inner-container { display: block; } @media (max-width: 767px) { #section-5 .center-leftalign { width: 320px; gap: 25px; margin: 0px !important; padding: 25px 0px !important; } } /* ---------- Section 6 ---------- */ #section-6 { background: #ECECF04D; /* padding: 100px 0px !important; */ margin: 0px !important; } .tapg .entry-content .wp-container-core-columns-is-layout-9d6595d7 :first-child { margin-top: 0px; } #section-6 .mb-1.ctabtn .wp-element-button { margin-bottom: 15px !important; } @media (max-width: 767px) { #section-6 .mbtapgbullets { padding: 20px 20px; gap: 20px; } } /* ---------- Section 7 ---------- */ #section-7 { /* padding: 100px 0px !important; */ margin: 0px auto !important; } .tapg .info-cards-row > :first-child { margin-top: 1rem !important; } /* Make the wrapper behave like your button */ .info-actions .info-cta.btn.info-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 5px; text-decoration: none; border: 1px solid #333; border-radius: 0px; padding: 0px 30px; min-width: 300px; margin: 10px auto; } /* Remove default Gutenberg margins */ .info-actions .info-cta .wp-block-image { margin: 0 !important; padding: 0px !important; } .info-actions .info-cta .wp-block-buttons{ margin: 0; } .info-actions .info-cta .wp-block-button{ margin: 0; } /* Make the inner Gutenberg button NOT look like a second button */ .info-actions .info-cta__button .wp-element-button{ background: transparent; border: 0; padding: 0; box-shadow: none; color: inherit; text-decoration: none; font-size: 16px !important; } /* Optional: ensure icon is sized nicely (tweak as needed) */ .info-actions .info-btn-ico img{ display: block; width: 18px; height: 18px; } .info-divider{ height: 0px; background: #eee; margin-top: 3rem; } .info-cert{ display: inline-flex; align-items: center; justify-content: center; gap: 14px; max-width: 280px; margin: 0 auto; text-align: left; } .info-cert__logo{ width: 64px; height: auto; flex: 0 0 auto; } .info-cert__text { margin: 0; color: var(--color-gray-dark); font-size: 0.85rem !important; line-height: 18px; } .info-actions{ display: flex; gap: 12px; max-width: 560px; margin: 0 auto; } .info-actions__row { padding-top: 0px; padding-bottom: 0px; } @media (min-width: 769px) { .info-actions{ display: grid; grid-template-columns: 1fr 1fr; max-width: 600px; gap: 18px; } } @media (min-width: 782px) { #section-7 .info-footnote.hidedesk{display: none;} #section-7 .info-footnote.hidemob{display: block;} } @media (max-width: 781px) { .info-actions__row { gap: 0px; } #section-7 .info-footnote.hidedesk{display: block; margin-bottom: 15px;} #section-7 .info-footnote.hidemob{display: none;} } .info-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 20px 18px; border-radius: 3px; border: 1px solid #9ca3af; background: #fff; color: #111827; font-weight: 700; letter-spacing: .12em; font-size: 0.78rem; text-transform: uppercase; } .info-btn:hover{ border-color: var(--tabrand); color: var(--tabrand); } .info-btn-ico{ width: 20px; height: 20px; display: block; } .info-footnote{ margin: 0 auto; max-width: 760px; color: #6b7280; font-style: italic; font-size: 0.8rem; } .mini-badge{ display: inline-block; padding: 10px 14px; border-radius: 999px; background: #f7f7f7; border: 1px solid #eee; font-weight: 800; } .info-cert > .wp-block-group__inner-container { display: flex; flex-direction: row; gap: 10px; margin: 20px 0px 15px !important; } /* ---------- Section 8 ---------- */ #section-8{ background: #ECECF04D; /* padding: 100px 0px !important; */ margin: 0px !important; } .tour-card { position: relative; overflow: hidden; box-shadow: 0 16px 45px rgba(0, 0, 0, .5); width: 100%; max-width: 1080px; margin: 0px auto; border-radius: 12px; display: flex; } /* .tour-card{ position: relative; border-radius: 14px; overflow: hidden; box-shadow: 0 16px 45px rgba(0,0,0,.12); } */ .tour-card__overlay{ position: absolute; inset: 0; background: rgba(0, 0, 0, 0.45); pointer-events: none; } .tour-card__cta{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 10px; font-weight: 800; z-index: 1; } .poweredby-card { position: absolute; bottom: 20px; z-index: 1; left: 50%; max-width: 160px; color: #fff; margin-left: -80px; display: flex; flex-direction: column; justify-self: center; align-items: center; justify-content: center; } /* ---------- Section 9 ---------- */ #section-9 { overflow-x: hidden; /* padding: 100px 0px !important; */ margin: 0px !important; } #section-9 .container-1285 { padding: 0px !important; width: 100%; max-width: none !important; } #section-9 .wp-block-group.container-1285 > .wp-block-group__inner-container { display: block; } /* ---------- Section 10 ---------- */ #section-10{ /* padding: 100px 0px !important; */ margin: 0px !important; } #section-10 .s-subtitle { margin-bottom: 20px; } /* ---------- Form card ---------- */ .form-card .row_contact_header { display: none; } #section-10 #tripleseat_embed_form .row_gdpr_consent label { margin: -44px 0px 24px; padding-left: 2em; } #section-10 #tripleseat_embed_form .row_phone_number #lead_phone_number, #section-10 #tripleseat_embed_form input, #section-10 #tripleseat_embed_form textarea, #section-10 #tripleseat_embed_form select { min-height: 40px!important; padding: 10px!important; border-color: #f3f3f5 !important; } #section-10 input{ background: #F3F3F5; border: none; border-radius: 8px; padding: 10px 16px; font-size: 14px; margin-bottom: 10px; } #section-10 textarea { padding: 14px 18px; border-radius: 8px; font-size: 15px; } #section-10 textarea#lead_additional_information{ background: #F3F3F5; } #section-10 #lead_referral_source_id, #section-10 selectselect { background: #F3F3F5; border: none; padding: 10px 12px; font-size: 14px; color: #656565; margin-bottom: 10px; } #section-10 input#agreeTerms { border: 2px solid #bbb; width: 16px; height: 16px; } #section-10 #tripleseat_embed_form #lead_submit { border-color: var(--tabrand) !important; cursor: pointer; border-radius: 0px !important; background: var(--tabrand) !important; color: #fff; padding: 20px !important; width: 100%; max-width: 400px; } #section-10 #tripleseat_embed_form #lead_submit:hover { border-color: var(--tabrand) !important; background: #fff !important; color: var(--tabrand) !important; } #section-10 .form-card{ background: #fff; border-radius: 14px; padding: 22px; max-width: 920px; box-shadow: 0 18px 60px rgba(0,0,0,.18); text-align: left; } .eventInquiryFooterNote.form-check.text-start { padding: 15px 15px 0px; display: flex; margin-bottom: 10px; } .eventInquiryFooterNote.form-check.text-start img { margin: 0px 10px 0px 0px !important; padding: 0px !important; } .form-label { font-size: 13px; color: #0A0A0A; } .eventInquiryFooterNote {background: #FFFAE9;padding: 15px 20px 0px;display: flex;align-items: flex-start;} .eventInquiryFooterNote img { margin-right: 10px; } @media screen and (max-width: 991px) { .form-card #tripleseat_embed_form table td { vertical-align: top; display: block; padding: 0px !important; } /* Section 10 */ #tripleseat_embed_form table, #tripleseat_embed_form tbody { width: 100%; display: block; } #tripleseat_embed_form table tbody tr { width: 100% !important; display: block !important; padding: 5px 0px; } } @media screen and (max-width: 375px) { #section-10 #tripleseat_embed_form .g-recaptcha { transform: scale(0.75); position: absolute; left: 4px; } #section-10 #tripleseat_embed_form tr.row_robot_check.ts_robot_check { height: 90px; } } /* ---------- Section 11 ---------- */ #section-11{ padding: 0px !important; margin: 0px !important; } .s-map{ position: relative; min-height: 540px; }