/* Theme Name: tbcparent Theme URI: https://thebuildcollective.net Author: Jeremy Schuler 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 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: tbcparent Tags: entertainment, food-and-drink, 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 12.17.22 - Schuler - modal fixes 11.29.22 - Schuler ---------------------------------------------------------------- 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 ## Helper Classes ## Blocks 14.0 # Plugins, Overrides 15.0 # Media Queries --------------------------------------------------------------*/ /* ========================================================================== 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:16px;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"], .entry-content .gform_wrapper input[type=submit] { border: 1px solid transparent; background: var(--color-accent-light); padding: 16px 22px; color: #fff; transition: background 150ms ease-in-out; } 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-light); border-color: var(--color-accen-light); } 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: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: 16px 20px; 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: 30px; padding-top: 20px; padding-bottom: 10px; 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; } .main-navigation .one-col-centered { position: relative; width: 100%; } .menu li { position: relative; display: inline-block; padding: 0 20px; } .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-light); } .menu li.current-menu-item > a:hover, .menu li.current-menu-ancestor > a:hover { color: var(--color-white); } /* Responsive Menu */ .menu { display: flex; align-items: center; } .main-navigation .menu { justify-content: flex-end; } .menu-toggle { display: block; } .main-navigation.toggled .menu { display: flex; flex-direction: column; align-items: center; justify-content: center; } @-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 { position: relative; display: grid; justify-content: center; align-items: center; } .main-navigation .menu-main-menu-container, .main-navigation .menu-secondary-menu-container { display: grid; } .main-navigation li a:before { height: 0; } #masthead.overlay .main-navigation { position: absolute; right: 0; display: flex; } ul.nav-menu li a { padding: 5px 0; text-transform: uppercase; } ul.nav-menu li a:hover { color: var(--color-accent-light); } 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-secondary); } ul.nav-menu li.menu-item-has-children a::after { position: relative; left: 1em; } ul.nav-menu li.menu-item-has-children li a::after { content: 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; background: var(--color-black); } .menu-toggle i { color: #505050; } .menu-toggle span, .menu-toggle span:before, .menu-toggle span:after { content: ''; position: absolute; display: block; height: 3px; width: 30px; cursor: pointer; border-radius: 1px; } .menu-toggle span { width: 34px; top: 12px; left: 8px; } .menu-toggle span:before { width: 24px; top: 10px; } .menu-toggle span:after { width: 16px; top: 20px; } .menu-toggle span, .menu-toggle span:before, .menu-toggle span:after { transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; -o-transition: all .35s; } .menu-toggle:hover { } .menu-toggle:hover span, .menu-toggle:hover span:before, .menu-toggle:hover span:after { background: var(--color-gray); } /* Hamburger Menu Toggled */ #masthead .main-navigation.toggled { position: fixed; z-index: 9999; top: 0; left: 0; z-index: 9999; display: inherit; min-height: 100vh; width: 100%; padding: 0; background: var(--color-black); overflow-y: hidden; } .main-navigation.toggled .contact-info a:first-of-type { margin-bottom: .5em; } .main-navigation.toggled .logo-nav li { background: #888888; } .main-navigation.toggled .one-col-centered { display: grid; grid-template-columns: 1fr 1fr; max-width: 600px; margin-top: -60px; -webkit-animation: fadeIn .3s ease-out; -moz-animation: fadeIn .3s ease-out; animation: fadeIn .3s ease-out; } .main-navigation.toggled .one-col-centered ul li { margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; } .main-navigation.toggled .menu-main-menu-container { display: flex; width: 100%; clear: both; } .main-navigation.toggled ul { width: 100%; max-width: 100%; margin: 0 auto; -webkit-animation: fadeIn .3s ease-out; -moz-animation: fadeIn .3s ease-out; animation: fadeIn .3s ease-out; } .main-navigation.toggled ul ul { position: inherit; top: inherit; left: inherit; width: 100%; padding-top: 0; padding-bottom: 0; box-shadow: none; padding-left: 10px; } .main-navigation.toggled ul ul:before { display: none; } .main-navigation.toggled ul li { width: 100%; margin-bottom: 16px; padding-bottom: 16px; text-align: left; text-indent: 10px; } .main-navigation.toggled ul li:first-child { padding-top: 0; } .main-navigation.toggled ul li:last-child { margin-bottom: 0; padding-bottom: 0; border: 0; } .main-navigation.toggled ul li a { padding: 0; } .main-navigation.toggled ul li.wp-block-button__link { margin-top: 30px; 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: 16px 22px; background: var(--color-accent-secondary); 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 .menu-toggle { position: absolute; top: 25px; right: 15px; } .logged-in .main-navigation.toggled .menu-toggle { top: 4.5em; } .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: #121212; } .menu li.external-link a { position: relative; } .menu li.external-link a::after { position: absolute; top: 0; font-size: .8rem; } .site-footer .menu li.external-link a::after { top: -1px; right: -24px; } .menu li.external-link a:hover::after { color: var(--color-accent-light); } .menu-toggle { display: block; } .main-navigation .menu, .main-navigation .one-col-centered { display: none; } .page-template-template-project-tracker .main-navigation .menu, .page-template-template-sidebar-styleguide .main-navigation .menu { display: flex; } .main-navigation .contact-info { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0; text-align: center; } .main-navigation .contact-info p { margin-bottom: 0; text-align: left; } .main-navigation .contact-info i { margin-right: .5em; } .main-navigation .contact-info a { color: #919191; } .main-navigation .contact-info a:hover { color: var(--color-accent-light); } .main-navigation .contact-info img { margin: 0 0 1em; } .contact-info { margin-left: 2em; text-transform: uppercase; } .contact-info i { margin-right: .5em; transition: color .35s; -moz-transition: color .35s; -webkit-transition: color .35s; -o-transition: color .35s; } .contact-info a { display: flex; align-items: center; font-size: .889rem; text-decoration: none; } .contact-info br { margin-bottom: .5em; } .contact-info span { display: flex; font-size: 1.205rem; margin-bottom: .5em; letter-spacing: .1em; } .contact-info span b { margin-left: .5em; } .contact-info img { width: 240px; display: block; margin: 0 auto; opacity: .1; } /* 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: 30px 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: 8px; padding-bottom: 8px; padding-left: 0; text-transform: uppercase; list-style-type: none; } .sidebar .widget ul li:not(:last-child) { border-bottom: 1px solid var(--border-color); } .sidebar .widget a { color: var(--color-accent); } .sidebar .widget a:hover { color: var(--color-accent-secondary); } /* ========================================================================== 9.0 # Content ========================================================================== */ /* -------------------------------------------------------------------------- ## Posts and pages -------------------------------------------------------------------------- */ .sticky { display: block; } .updated:not(.published) { display: none; } .page-links { margin: 0 0 1.5em; clear: both; } /* -------------------------------------------------------------------------- ## 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; flex-direction: column; justify-content: center; } /* -------------------------------------------------------------------------- ## 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 -------------------------------------------------------------------------- */ img { backface-visibility: hidden; } .gallery-item { display: inline-block; width: 100%; text-align: center; vertical-align: top; } .blocks-gallery-grid figure, .gallery .blocks-gallery-item figure { overflow: hidden; } .blocks-gallery-grid a img, .gallery .blocks-gallery-item a img { backface-visibility: hidden; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .blocks-gallery-grid a:hover img, .gallery .blocks-gallery-item a:hover img { opacity: .875; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); } .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 ul { padding-left: 0; } .wp-block-group.gallery a:hover img { cursor: pointer; } .wp-block-group.gallery .wp-block-gallery.columns-4 { margin-top: 0; } .wp-block-group.gallery .wp-block-gallery.columns-4 ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 2.5em; } .wp-block-group.gallery .wp-block-gallery.columns-4 ul li { width: 100%; margin: 0; padding: 0; } .wp-block-group.gallery .wp-block-gallery.columns-4 ul li figure, .wp-block-group.gallery .wp-block-gallery.columns-4 ul li figure img { width: 100%; max-width: 100%; } .wp-block-group.gallery .wp-block-gallery.columns-4 figure a, .wp-block-galleries .blocks-gallery-grid.child-pages figure a { border: 1px solid var(--border-color-dark); overflow: hidden; } .wp-block-galleries, .wp-block-galleries ul.blocks-gallery-grid { margin-top: 0; } .wp-block-galleries ul.blocks-gallery-grid.child-pages li { margin-bottom: 0; } .wp-block-galleries ul.blocks-gallery-grid.child-pages figure { margin-top: 0; margin-bottom: .5em; } .wp-block-galleries ul.blocks-gallery-grid.child-pages img { object-fit: cover; } .wp-block-galleries ul.blocks-gallery-grid.child-pages span { display: flex; margin-top: .5em; } .wp-block-galleries ul.blocks-gallery-grid.child-pages span a { border: 0; } .wp-block-gallery .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .blocks-gallery-grid .blocks-gallery-image figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { font-size: 12.8px; line-height: 1.4; font-family: var(--font-secondary); letter-spacing: 1px; text-transform: uppercase; } .blocks-gallery-grid .blocks-gallery-image figcaption em, .blocks-gallery-grid .blocks-gallery-item figcaption em, .wp-block-gallery .blocks-gallery-image figcaption em, .wp-block-gallery .blocks-gallery-item figcaption em { font-style: normal; } .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { padding: 3em .77em .77em; } .wp-block-group .wp-block-gallery.columns-3 { display: flex; flex-wrap: wrap; grid-gap: 16px; } .wp-block-group .wp-block-gallery.columns-3 .wp-block-image { position: relative; display: flex; flex-grow: 1; flex-direction: column; justify-content: center; width: calc(33.33333% - 0.66667em)!important; margin: 0 1em 1em 0; margin-right: 1em; } @media screen and (max-width: 600px) { .wp-block-group .wp-block-gallery.columns-3 .wp-block-image { width: calc(50% - 0.66667em)!important; } } @media screen and (max-width: 414px) { .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { font-size: 11.37px } } /* ========================================================================== 11.0 # Author Styles ========================================================================== */ /* Border Helper Classes */ .border { border: 1px solid var(--border-color)!important; } .bt { border-top: 1px solid var(--border-color)!important; } .br { border-right: 1px solid var(--border-color)!important; } .bb { border-bottom: 1px solid var(--border-color)!important; padding-bottom: 30px!important; } .bl { border-left: 1px solid var(--border-color)!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)!important; } .br-small { border-right: 2px solid var(--border-color)!important; } .bb-small { border-bottom: 2px solid var(--border-color)!important; } .bl-small { border-left: 2px solid var(--border-color)!important; } .bt-medium { border-top: 5px solid var(--border-color)!important; } .br-medium { border-right: 5px solid var(--border-color)!important; } .bb-medium { border-bottom: 5px solid var(--border-color)!important; } .bl-medium { border-left: 5px solid var(--border-color)!important; } .bt-large { border-top: 10px solid var(--border-color)!important; } .br-large { border-right: 10px solid var(--border-color)!important; } .bb-large { border-bottom: 10px solid var(--border-color)!important; } .bl-large { border-left: 10px solid var(--border-color)!important; } .border-color-dark { border-color: var(--border-color-dark)!important; } .border-accent-color { border-color: var(--color-accent)!important; } .border-accent-color-secondary { border-color: var(--color-accent-secondary)!important; } .border-accent-light { border-color: var(--color-accent-light)!important; } .border-accent-dark { border-color: var(--color-accent-dark)!important; } /* Animate Scale */ .animate-scale { overflow: hidden; } .animate-scale img { backface-visibility: hidden; transition: all .35s; } .animate-scale:hover img { transform: scale(1.01); opacity: .9; } /* -------------------------------------------------------------------------- ## Color Variables and Helper Classes -------------------------------------------------------------------------- */ :root { --color-primary: #222; --color-accent: #004B7D; --color-accent-light: #0072BC; --color-accent-dark: #00253D; --color-accent-secondary: #0088E3; --color-white: #fff !important; --color-white-opacity: rgba(255,255,255, 0.9) !important; --color-black: #000!important; --color-black-dark: #191919!important; --color-black-opacity: rgba(0,0,0, 0.9) !important; --color-success: #09B09A; --color-feedback: #FEB503; --color-alert: #C91414; /* --color-alert: #CC2723; */ --color-gray: #919191; --color-gray-light: #C4C4C4; --color-gray-dark: #2e2e2e; --border-color: #8C8C88; --border-color-gray: #333; --border-color-dark: #222; --border-color-accent-secondary: #b58e31; --box-shadow: 0 6px 9px 0 rgba(50,54,65,0.05); --box-shadow-dark: 0 8px 60px 0 rgba(0,0,0,0.25), 0 12px 90px 0 rgba(0,0,0,0.25); } .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-white-color, .has-white-color a { color: var(--color-white)!important; } /* Dark Theme */ body { position: relative; background-color: var(--color-black-dark); } #masthead, #colophon { background-color: var(--color-black); } .site-title a { color: var(--color-white); } .menu a { color: var(--color-white); } h1, h2, h3, h4, h5, h6, ol li, ul li { color: var(--color-white); } .has-very-dark-gray-background-color h1, .has-very-dark-gray-background-color h2, .has-very-dark-gray-background-color h3, .has-very-dark-gray-background-color h4, .has-very-dark-gray-background-color h5, .has-very-dark-gray-background-color h6 { color: var(--color-white); } b, p, div, .site-main p { color: var(--color-white); } .menu-toggle span, .menu-toggle span:before, .menu-toggle span:after { background: var(--color-white); } /* 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-accent-light-color { color: var(--color-accent-light)!important; } .has-accent-secondary-color { color: var(--color-accent-secondary)!important; } .has-dark-gray-color { color: var(--color-gray-dark)!important; } .has-light-gray-color { color: var(--color-gray-light)!important; } .background-client-variable { background-color: #00629c!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-accent-light-background-color { background-color: var(--color-accent-light)!important; } .has-accent-secondary-background-color { background-color: var(--color-accent-secondary)!important; } .has-success-color, span.has-success-color { color: var(--color-success)!important; } .has-feedback-color { color: var(--color-feedback)!important; } .alert { color: var(--color-alert); } /* -------------------------------------------------------------------------- ## Typography -------------------------------------------------------------------------- */ :root { --font-primary: 'Roboto', sans-serif; --font-secondary: 'Roboto Condensed', 'proxima-nova', sans-serif; --font-headlines: 'proxima-nova', sans-serif; } .proxima-light { font-family: 'proxima-nova', sans-serif; font-weight: 300; font-style: normal; } .proxima-regular { font-family: 'proxima-nova', sans-serif; font-weight: 400; font-style: normal; } .proxima-italic { font-family: 'proxima-nova', sans-serif; font-weight: 400; font-style: italic; } .proxima-medium { font-family: 'proxima-nova', sans-serif; font-weight: 500; font-style: normal; } .proxima-semibold { font-family: 'proxima-nova', sans-serif; font-weight: 600; font-style: normal; } /* Gutenberg Helper Classes */ .uppercase { text-transform: uppercase!important; } /* Font Helper Classes */ .roboto { font-family: 'Roboto', sans-serif!important; } .roboto-condensed { font-family: 'Roboto Condensed', 'proxima-nova', sans-serif!important; } /* Font Weight Helper Classes */ .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-100i, .fw-300i, .fw-400i, .fw-500i { font-style: italic; } .font-unset { font-size: unset!important; } b, strong { font-weight: 600; } .has-huge-font-size { font-size: 4.209rem!important; line-height: 1.2; } .has-large-font-size { font-size: 3.157rem!important; line-height: 1.2; } .has-medium-font-size { font-size: 1.777rem!important; line-height: 1.2;} .has-normal-font-size { font-size: 1.125rem!important; line-height: 1.4; } .has-small-font-size { font-size: 1rem!important; line-height: 1.25; } /* Typescale */ h1, h2, h3, h4, h5, h6 { font-family: var(--font-headlines); font-weight: 300; letter-spacing: .075em; } h1, h1 span, h2 span, h3 span, h4 span { font-family: var(--font-headlines); font-size: 3.052rem; line-height: 1.2; } .page-id-1586 .post-password-form:before { font-size: 3.052rem; line-height: 1.2; font-family: var(--font-headlines); font-weight: 300; letter-spacing: 4px; } h1.site-title { font-size: 1.25rem; font-weight: 400; } h1.page-title { text-transform: uppercase; letter-spacing: 4px; } h2 { font-size: 2.441rem; line-height: 1.2; } h3 { font-size: 1.954rem; line-height: 1.2; } h4 { font-size: 1.563rem; line-height: 1.35; } h5 { font-size: 1.25rem; line-height: 1.2; } h6 { font-size: .8rem; line-height: 1.2; } .box-group h3, .modal-content h4 { font-size: 1.563rem; line-height: 1.2; font-family: var(--font-secondary); } .modal-content h4 strong { font-weight: 400; } .box-group h4 { font-size: 1.25rem; line-height: 1.5; } h5 { font-size: 1.25rem; line-height: 1.5; } h6 { font-size: .8rem; line-height: 1.5; } .drums h4 span { font-size: 1rem; } p, ul, ol, ul li, ol { font-size: 1rem; line-height: 1.4; font-family: var(--font-primary); } p, img, span, input, textarea, select { font-family: var(--font-primary); font-weight: 300; } p { line-height: 1.75; } a { text-decoration: none; } p a { text-decoration: underline; } .wp-block-group.signup .success p { font-size: 1.205rem; } ul.menu li a { font-size: 1rem; } ul.menu li ul li a { font-size: .937rem; } blockquote, blockquote p { line-height: 1.44; } .scroll-down i, .modal .close i { font-size: 1.33rem; } .social-icons i { font-size: 1.125rem; } button, input[type="button"], input[type="reset"], input[type="submit"], input[type="submit"], .wp-block-button__link, .wpcf7 input[type="submit"] { font-size: 1rem; line-height: 1; text-transform: uppercase; font-family: var(--font-headlines); font-weight: 500; letter-spacing: 2px; } .entry-content .gform_wrapper input[type=submit] { font-weight: 500; letter-spacing: 1px; } .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-weight: 400; text-transform: uppercase; text-decoration: none; } .menu ul a { font-weight: 400; } .menu ul ul a { text-transform: capitalize; } .main-navigation.toggled .contact-info a { font-size: .75em; } .site-title a { font-size: 1.33em; text-decoration: none; } .site-description { font-size: 1rem; font-weight: normal; } .site-footer .nav p { font-size: .8rem; font-weight: 300; letter-spacing: .1em; text-align: right; } ul.social i { font-size: 1rem; } ul#crumbs li, ul#crumbs li a { font-size: .8rem; } .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; } .sidebar ul li, .sidebar .widget-title, { text-transform: uppercase; } .sidebar ul li { font-weight: 500; } .blog .post .entry-header a { font-family: var(--font-secondary); } article .entry-header a { font-family: var(--font-primary); } .archive article .entry-content h1, .archive article .entry-content h2 { font-size: 1.77rem; } .wp-block-image figcaption { font-size: .75rem; font-family: var(--font-primary); } .wp-block-group.what-we-do ul li { font-family: var(--font-secondary); } /* Component - Accordion */ .wp-block-tbc-accordion-item .tbc-accordion-item-heading::after { font-size: 1.563rem; font-weight: 700; line-height: 1.25; } .wp-block-tbc-accordion-item h1, .wp-block-tbc-accordion-item h2, .wp-block-tbc-accordion-item h3, .wp-block-tbc-accordion-item h4 { font-family: var(--font-secondary); } .tbc-accordion-item-heading h1, .tbc-accordion-item-heading h2, .tbc-accordion-item-heading h3, .tbc-accordion-item-heading h4 { font-weight: 300; } .wp-block-tbc-accordion-item p { font-size: 1.067rem; } /* Events */ .event-card p { font-size: 1rem; } .event-card span { font-size: .85rem; font-weight: 400; } .event-card h3 { font-size: 1.125rem; letter-spacing: .1em; text-transform: uppercase; } .event-card .wp-block-button a { font-size: .79rem; font-weight: 500; letter-spacing: 2px; line-height: 1.4; } .just-announced .event-card i { font-size: 1.205rem; } .featured-events .date { font-weight: 400; text-transform: uppercase; } /* Font Awesome */ ul#crumbs li:first-child::before, .menu-item-has-children a::after, .menu li.external-link a::after, .backline h2 a:before, .production-specs h2 a:before, .production-downloads .wp-block-button__link:before { font-family:'Font Awesome 5 Free'; font-weight: 900; } ul#crumbs li:first-child::before { content:'\f015'; } li.menu-item-has-children > a::after { display: inline-block; margin-left: 8px; 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); } .backline h2 a:before, .production-specs h2 a:before, .production-downloads .wp-block-button__link:before { content: '\f1c1'; font-size: 1.33rem; } .menu li.external-link a::after { content: '\f35d'; } /* -------------------------------------------------------------------------- ## Layout CSS Grid, Flexbox -------------------------------------------------------------------------- */ /* Size Variables */ :root { --spacer-sm: .5em; --spacer-med: 1em; --spacer-lg: 2em; --spacer-xl: 2.5em; --spacer-xxl: 3em; } .alignfull { max-width: 100%!important; } .alignfull > * { padding-right: 0; padding-left: 0; } /* Spacing */ .m-auto { margin: auto!important; } .mt-0 { margin-top: 0 !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-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-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-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-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-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-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-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-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-small { grid-gap: 20px!important; } .gg-medium { grid-gap: 40px!important; } .g-large { grid-gap: 60px!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; align-items: center; } .justify-content { 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; } /* Grid Alignments */ .align-center { height: 100%; align-content: center; } /* Helper Classes */ .one-col-centered, .entry-content.one-col-centered, .entry-content .wp-block-group.one-col-centered, .entry-content > .alignfull .wp-block-group.one-col-centered { max-width: 1024px; margin-right: auto; margin-left: auto; padding: 0 1.5em; } .entry-content.one-col-centered .wp-block-group, .entry-content.one-col-centered .wp-block-group .wp-block-group { padding-right: 0; padding-left: 0; } .entry-content .wp-block-group.one-col-centered.wide { max-width: 1024px; } .entry-content .one-col-centered.full-width { max-width: 960px; } .entry-content .one-col-centered article > * { padding-right: 0; padding-left: 0; } .entry-content .wp-block-columns.medium { max-width: 1024px; } /* 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: 4em 0; } #primary .entry-content > .wp-block-cover:first-child { margin-top: 0; padding-right: 3em; padding-left: 3em; } #primary .entry-content > .post:first-child header { margin-top: 0; } article.entry-content header { margin-bottom: 1em; } article.entry-content header :first-child { margin-top: 0; } /* Blog */ .blog article { max-width: 800px; margin-right: auto; margin-left: auto; } .blog .post-wrapper { margin-top: 4em; } .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-secondary); color: var(--color-accent-secondary); } .blog .post a:hover { color: var(--color-accent-secondary); } .error-404 > *, .entry-content > * { max-width: 1280px; 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-columns .wp-block-group { margin-top: unset; margin-bottom: unset; } 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 > p { margin-top: 1em; margin-bottom: 1em; } .entry-content .wp-block-group__inner-container :last-child:not(.blocks-gallery-item) { margin-bottom: 0; } .entry-content .wp-block-group__inner-container .wp-block-column:first-child /* Align Default */ .entry-content .aligndefault { max-width: 1080px; width: 100%; margin: auto; padding: 0 3em; } /* Align Wide */ .entry-content .alignwide, .entry-content .wp-block-group__inner-container .alignwide { max-width: 1920px; margin-right: auto; margin-left: auto; } /* Align Extended */ .alignextended { max-width: 1920px; margin-right: auto; margin-left: auto; } /* Align Full */ .alignfull, .wp-block-group > .alignfull { max-width: 100%; } .entry-content .wp-block-group .wp-block-group { padding: 0; } .entry-content > .alignfull .wp-block-group { max-width: 1080px; width: 100%; margin: auto; padding: 0 2em; } .entry-content > .alignfull .wp-block-group .wp-block-group { padding-right: 0; padding-left: 0; } .entry-content > .alignfull.wp-block-group.has-background { padding: 100px 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; } .entry-content .wp-block-group__inner-container { display: flex; flex-direction: column; } .entry-content .wp-block-cover, .entry-content .wp-block-cover-image { margin-top: 0; margin-bottom: 0; } /* -------------------------------------------------------------------------- ## Content -------------------------------------------------------------------------- */ /* Global */ h1.entry-title, h2.widget-title { margin: 20px 0; } .success, .success li { color: var(--color-success); } ol.fa-icons-list li { margin-left: 0; list-style-type: none; } ol.fa-icons-list li i { margin-right: 10px; } p.has-small-font-size .highlight { color: #8b403f; } /* Links */ a { color: var(--color-accent-light); transition: color .35s; -moz-transition: color .35s; -webkit-transition: color .35s; -o-transition: color .35s; } a:hover, .entry-content p a:hover { color: var(--color-white); } .project-tracker a { color: var(--color-accent-secondary); } /* Structure */ .wrapper { width: 100%; display: block; margin: 0 auto; } .container { max-width: 1280px; margin: 0 auto; padding: 20px; } .container.full-width { max-width: 90%; margin-right: auto; margin-left: auto; } /* Header */ #masthead { position: relative; z-index: 900; min-height: 100px; padding: 0 1em; border-bottom: 1px solid var(--border-color-dark); display: grid; grid-template-columns: minmax(min-content, max-content) 1fr minmax(min-content, max-content); align-items: center; } /* @media only screen and (min-width: 783px) { .logged-in.home #masthead { top: 32px!important; } } @media only screen and (max-width: 782px) { .logged-in.home #masthead { top: 46px!important; } } */ #masthead p a { text-decoration: none; } #masthead iframe { position: absolute; top: 30px; margin-left: 20px; } #masthead .inner-wrap { position: relative; } #masthead .textwidget { position: absolute; top: 10px; right: 21px; letter-spacing: .25px; } #masthead .wp-block-button { margin-top: 0; margin-bottom: 0; } .site-header .site-branding img, .site-header .site-branding svg { position: absolute; right: 0; left: 0; width: 200px; margin: auto; } .logged-in .site-header.overlay .site-branding img, .logged-in .site-header.overlay .site-branding svg { margin-top: 3em; } .site-header.overlay .site-branding img, .site-header.overlay .site-branding svg { margin-top: .75em; } .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 170px; color: #767676; } /* Social */ ul.social { margin: 0; padding-left: 0; } ul.social li { display: inline-block; margin-right: 15px; 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: 30px 20px; border-top: 1px solid var(--border-color-dark); overflow: hidden; } #colophon .logo p { color: #505050; text-align: center; } #colophon .logo a { text-decoration: none; } #colophon a:hover { color: var(--color-accent-secondary); } #colophon .menu-footer-menu-container { height: 100%; } #colophon .menu { display: grid; align-items: baseline; align-content: center; height: 100%; margin-bottom: 0; margin-left: 0; padding: 25px 0; grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); } #colophon .menu li { width: 100%; list-style-type: none; } #colophon .menu li ul { margin-left: 0; padding-left: 0; } #colophon .menu li li { padding-left: 0; opacity: .75; } #colophon .menu li li li { padding-left: 0; } #colophon .menu li.menu-item-has-children > ul.sub-menu { margin-top: 24px; margin-bottom: 24px; } #colophon .menu ul.sub-menu ul.sub-menu { margin-top: 8px; } #colophon .menu li.menu-item-has-children > a::after { content: ''; } #colophon .wrapper { max-width: 1920px; display: grid; grid-template-columns: minmax(min-content,max-content) minmax(min-content,max-content) 1fr ; } #colophon .wrapper .nav { margin-left: 4em; } #colophon .wrapper .nav .menu { justify-content: space-between; max-width: 800px; grid-template-columns: minmax(min-content,max-content) minmax(min-content,max-content) minmax(min-content,max-content); } #colophon .wrapper .nav .menu li { margin: .5em 0; padding: 0; } #colophon a:hover, #colophon a:hover p, #colophon a:hover i { color: var(--color-accent-light); } #colophon .col { display: flex; flex-direction: column; align-self: center; } #colophon .contact-info p a { color: var(--color-gray); } #colophon .contact-info p a:hover { color: var(--color-accent-light); } #colophon .contact-info p a:first-child { margin-bottom: .5em; } #colophon .nav { align-self: flex-end; margin-right: 3.5em; } #colophon .nav .social-icons { justify-content: flex-end; margin-bottom: .5em; } #colophon .nav .social-icons a { color: #fff; } #colophon .nav .social-icons a i { transition: color .35s; } .site-logo img { width: 240px; display: block; margin: 0 auto; opacity: .1; } .site-info .copyright { margin: 0; padding: 0; } #colophon .site-info a { color: var(--color-gray); text-decoration: none; } #colophon .site-info a:hover { color: var(--color-white); } .site-info a, .site-info span { color: var(--color-gray); } .site-info { text-transform: capitalize; } .site-info .copyright { margin: 0 0 10px; padding: 0; } .site-info .copyright:after { margin-right: 6px; padding-left: 8px; content: '|'; } /* Socials */ ul.social-icons { display: flex; margin: 4px 0 0; padding: 0; } ul.social-icons li { display: inline-block; margin-right: 16px; } ul.social-icons li:last-child { margin-right: 0; } ul.social-icons a { color: var(--color-primary); } ul.social-icons a:hover { color: var(--color-accent); } ul.social-icons .sr-only { font-size: 0; } /* Posts and pages */ #primary { min-height: 500px; } #content { padding: 60px 0; background-color: var(--color-white); } .page-header { width: 100%; } /* -------------------------------------------------------------------------- ## Page Templates -------------------------------------------------------------------------- */ /* Page -- Home */ .home #page .wp-block-group.slider { padding-top: 0; } .wp-block-group.alignwide.featured-events, .wp-block-group.alignwide.upcoming-events { max-width: 1440px; overflow: hidden; } .home .wp-block-group.upcoming-events .event-listing { margin-top: 0; margin-bottom: 0; } .home .wp-block-group.gallery { margin-top: 0; } .home .wp-block-group.gallery .wp-block-buttons { margin: auto; } .home .wp-block-group.gallery .wp-block-gallery.columns-4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 1em; width: 100%; } .home .wp-block-group.gallery .wp-block-gallery.columns-4.has-nested-images figure.wp-block-image:not(#individual-image) { width: 100%; } .home .wp-block-columns.private-events h2 { color: var(--color-white); } .wp-block-columns.private-events { max-width: 1920px!important; margin: 5em auto; padding-top: 0; padding-bottom: 0; } .wp-block-columns.private-events .wp-block-cover { display: flex; justify-content: flex-end; flex-direction: column; padding: 2em; } .wp-block-columns.private-events .wp-block-cover__inner-container { display: grid; grid-template-columns: 1fr minmax(min-content, max-content); padding-right: 0; padding-left: 0; } .wp-block-columns.private-events .wp-block-cover h1, .wp-block-columns.private-events .wp-block-cover h2, .wp-block-columns.private-events .wp-block-cover h3, .wp-block-columns.private-events .wp-block-cover h4 { margin-bottom: 0; display: flex; align-items: flex-end; } .wp-block-columns.private-events .wp-block-button { position: absolute; top: 0; right: 0; margin-top: 0; } .wp-block-columns.private-events .wp-block-button a { background: var(--color-black); color: var(--color-white); border-color: var(--color-accent-light); } .wp-block-columns.private-events .wp-block-button:hover a { background: var(--color-accent-light); } /* Page -- Default */ .page-template-default .entry-content .event-listing { margin-top: 2em; margin-bottom: 2em; } /* Page -- Events */ .page-template-template-events #primary { min-height: inherit; } .page-template-template-events .event-listing { max-width: 1440px; margin-right: auto; margin-left: auto; } .page-template-template-events .event-listing h1 { margin-top: 0; } /* Page -- Private Events */ .page-template-page-private-events .pe-images img { border: 1px solid var(--border-color-dark); } .wp-block-group.what-we-offer ul { margin-top: .5em; padding-left: 2em; } .wp-block-group.what-we-offer ul li { margin-bottom: 1em; color: var(--color-gray-light)!important; } .wp-block-group.what-we-do ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-gap: 20px; } .wp-block-group.what-we-do ul li { display: flex; justify-content: center; align-items: center; background-color: var(--color-black); border: 1px solid var(--border-color-dark); margin-bottom: 0; padding: 2em; list-style-type: none; text-transform: uppercase; text-align: center; letter-spacing: 1px; } .entry-content .private-events-columns ul { padding-left: 0; } .entry-content .private-events-columns ul li { margin-bottom: .5em; list-style-type: none; } .wp-block-columns.private-events-columns { margin-top: 0; } .wp-block-columns.private-events-columns h5, .wp-block-columns.private-events-columns h6 { line-height: 1.4; letter-spacing: 0; } .wp-block-columns.press-logos .wp-block-column { display: flex; flex-direction: column; justify-content: center; align-items: center; } .wp-block-column.what-we-offer li, .wp-block-column.type-of-events li { margin-bottom: 1em; text-transform: uppercase; } .wp-block-columns.press-logos figure { width: 100%; } .wp-block-columns.press-logos img { width: 100%; max-width: 225px; margin-left: auto; margin-right: auto; } .wp-block-columns.press-logos .espn img { max-width: 200px; } .wp-block-columns.press-logos .visa img { max-width: 170px; } /* Page -- Gift Cards */ .wp-block-group.gift-cards .wp-block-group__inner-container { padding: 2em 2em 2.5em; background-color: var(--color-black); border: 1px solid var(--border-color-dark); } .wp-block-group.gift-cards .wp-block-columns { grid-gap: 30px; } .wp-block-group.gift-cards .wp-block-buttons { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1em; } .wp-block-group.gift-cards .wp-block-button { margin: 0; } .wp-block-group.gift-cards .wp-block-button a { width: 100%; -moz-context-properties: } .wp-block-group.gift-cards .wp-block-button:last-of-type a { padding-right: 0; padding-left: 0; background: none; border-color: var(--color-accent-light); } .wp-block-group.gift-cards .wp-block-button:last-of-type a:hover { background: var(--color-accent-light); } /* Page -- Single Gallery */ .page-child.galleries .entry-content { max-width: 1280px; width: 100%; min-height: 50vh; margin-right: auto; margin-left: auto; padding: 0 2em; } .page-child.galleries .entry-content > * { padding: 0; } .page-child.galleries .entry-content h1:first-of-type { margin-top: 2em; } .entry-content ul.gallery-breadcrumbs { margin-top: 0; margin-bottom: 2em; padding: 0; } .entry-content ul.gallery-breadcrumbs li { margin-bottom: 1em; } .single-gallery h1.page-title { margin-top: 0; } .single-gallery .entry-content { min-height: 50vh; } .single-gallery .sub-gallery { position: relative; margin-bottom: 0; } .sub-gallery a.parent-post { position: absolute; top: -1.75em; } .sub-gallery a.parent-post i { margin-right: .2em; } .sub-page-navigation { display: inline-flex; flex-direction: row; justify-content: space-between; margin-bottom: 3em; } .sub-page-navigation a:hover { color: var(--color-white); } .sub-page-navigation .next i { margin-right: .5em; } .sub-page-navigation .previous i { margin-left: .5em; } ul.gallery-breadcrumbs a:hover { color: var(--color-white); } ul.gallery-breadcrumbs li { display: inline-flex; margin-right: .5em; list-style-type: none; } ul.gallery-breadcrumbs li:last-child { margin-right: 0; } ul.gallery-breadcrumbs a[aria-current] { color: var(--color-gray-light); } ul.blocks-gallery-grid.child-pages { display: grid; } ul.blocks-gallery-grid.child-pages a { display: flex; flex-direction: column; color: #fff; } ul.blocks-gallery-grid.child-pages a:hover { color: var(--color-accent-light); } ul.blocks-gallery-grid.child-pages p { margin-top: 0; } /* Page -- Contact */ .entry-content .bua-contact { margin-top: 0; } .entry-content .bua-contact a { text-decoration: none; } .entry-content .bua-contact a:hover { color: var(--color-white); } .entry-content .bua-contact .wp-block-group.box-group { margin-top: 1.5em; margin-bottom: 1.5em; } .bua-contact .wp-block-group p { color: var(--color-gray-light); } .bua-contact .wp-block-group h4 { margin-top: 0; margin-bottom: 0; } .bua-contact .wp-block-group.box-group p { margin-top: 0; } .bua-contact .wp-block-group.box-group h4 { margin-bottom: 0; } .bua-contact .wp-block-group.box-group:not(:first-of-type) .wp-block-group__inner-container { grid-template-columns: 1fr; align-items: center; } .entry-content .bua-contact .management { margin-bottom: 0; padding: 2em 1.5em!important; background: var(--color-black); } .entry-content .bua-contact .management .box-group { margin-bottom: 0; } .entry-content .bua-contact .management .box-group p { margin: 0; } .entry-content .bua-contact .management .box-group p:not(:last-of-type) { border-right: 1px solid var(--border-color-gray); } .entry-content .bua-contact .management .wp-block-group__inner-container { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } .wp-block-group.management p { height: 100%; } .entry-content .bua-contact .other, .entry-content .bua-contact .management { margin-top: 3em; } .entry-content .wp-block-group.other > .wp-block-group__inner-container { display: grid; grid-gap: 2em; grid-template-columns: repeat(auto-fit, minmax(40%, 1fr)); } .entry-content .bua-contact .wp-block-group.single { margin: 0; padding: 2em 1.5em; background: var(--color-black); border: 1px solid var(--border-color-dark); } .entry-content .bua-contact .wp-block-group.single .wp-block-group__inner-container { grid-template-columns: 1fr; grid-gap: 1em; } /* Page -- Employment */ .entry-content .wp-block-group.box-group { margin-top: 3em; } .wp-block-group.box-group p, .wp-block-group.box-group span, .wp-block-group.box-group ul li { color: var(--color-gray-light); } .wp-block-group.box-group h2, .wp-block-group.box-group h3, .wp-block-group.box-group h4, .wp-block-group.box-group h5, .wp-block-group.box-group h6, .bua-contact .wp-block-group.management h4 { margin-top: 0; margin-bottom: .75em; padding-bottom: .5em; border-bottom: 1px solid var(--border-color-gray); } .wp-block-group.box-group ul { margin-top: 0; } .wp-block-group.box-group ul li { list-style-type: none; } .wp-block-group.box-group ul li:not(:last-child) { margin-bottom: .5em; } .wp-block-group.box-group > .wp-block-group__inner-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } .wp-block-group.box-group .wp-block-group { margin: 0; padding: 2em 1.5em; background: var(--color-black); border: 1px solid var(--border-color-dark); } .wp-block-group.box-group a { position: relative; color: var(--color-accent-secondary); text-decoration: none; } .wp-block-group.box-group a::before { margin-right: 5px; font-family: "Font Awesome 5 Free"; font-weight: 500; content: "\f0e0"; } .wp-block-group.box-group a:hover { color: var(--color-gray-light); } .wp-block-group.box-group p { margin-top: .5em; } .wp-block-group.box-group p, .wp-block-group.box-group ul li { font-size: .937rem; } /* Page -- Production */ .production-downloads .wp-block-buttons { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); grid-gap: 1.5em; margin-top: 1em; } .production-downloads .wp-block-buttons a { width: 100%; } .production-downloads .wp-block-buttons .wp-block-button { margin-right: 0; margin-bottom: 0; } .backline h2 a, .production-specs h2 a { position: relative; width: max-content; color: var(--color-accent-light); } .production-downloads .wp-block-button__link { position: relative; } .backline h2 a:before, .production-specs h2 a:before, .production-downloads .wp-block-button__link:before { position: absolute; } .drums h4 span { display: flex; } .bua-contact .wp-block-group.management h4 { margin-bottom: 0; } .wp-block-group.production-specs .wp-block-columns, .wp-block-group.box-group > .wp-block-group__inner-container { grid-gap: 1.5em; } .wp-block-group.production-specs .wp-block-columns figure { border: 1px solid var(--border-color-dark); } .backline h2 a, .production-specs h2 a { display: flex; height: 100%; justify-content: center; align-items: center; } .backline h2 a:before, .production-specs h2 a:before { right: -1.5em; transition: color .35s; } .production-downloads .wp-block-button__link:before { right: 1em; } .backline h2 a:hover, .backline h2 a:hover:before, .production-specs h2 a:hover, .production-specs h2 a:hover:before { color: var(--color-white); } /* Page -- 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: 50px; } .page-template-template-sidebar-styleguide .wp-block-columns.component { margin-bottom: 4em!important; padding-top: 0; } .page-template-template-sidebar-styleguide .wp-block-columns.component:first-of-type { padding-top: 4em!important; } .page-template-template-sidebar-styleguide .wp-block-columns.component .wp-block-column:last-child { display: flex; flex-direction: column; } .wp-block-columns.component .wp-block-cover { width: 350px; height: 350px; max-width: 100%; } aside.styleguide-navigation p.widget-title { margin-bottom: 30px; padding: 0 20px 30px; color: var(--color-black); border-bottom: 1px solid var(--border-color); } .styleguide-navigation ul.menu { display: block; margin-left: 0; padding-left: 0; } .styleguide-navigation ul.menu li { width: 100%; padding: 20px; 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-black); -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-light); text-transform: uppercase; } .styleguide-navigation ul.menu li:hover a, .styleguide-navigation ul.menu li.current-menu-item a { color: var(--color-accent-light); } .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; } .wp-block-group.logo-options .wp-block-image.border figcaption { border-top: 1px solid var(--border-color); } .logo-selection .wp-block-image { position: relative; overflow: hidden; } .logo-selection .wp-block-image img { border: 1px solid #D9D8D4; } /* 404 */ .error404 #primary { min-height: inherit; } .error404 .wp-block-group.signup { display: none; } .error-404 { display: flex; justify-content: center; flex-direction: column; margin: 5em auto; } .error-404 > * { padding-right: 0; padding-left: 0; } .error-404 h1 { margin-top: 0; } /* Password Protected */ .entry-content .post-password-form { position: relative; margin-top: 5em; margin-bottom: 5em; } .entry-content .post-password-form p { color: var(--color-gray-light); } .page-id-1586 .post-password-form:before { display: inline-flex; margin-bottom: .25em; content:'PRODUCTION SPECS'; } /* -------------------------------------------------------------------------- ## 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: 50px; } .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: 30px; margin-bottom: 30px; 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; } /* -------------------------------------------------------------------------- ## Styleguide -------------------------------------------------------------------------- */ .typescale h1, .typescale h2, .typescale h3, .typescale h4, .typescale h5, .typescale h6 { margin-top: 0; margin-bottom: 30px; } .typescale p { margin: 0; } /* ========================================================================== 12.0 # Components ========================================================================== */ /* -------------------------------------------------------------------------- ## Events https://www.seetickets.us/ -------------------------------------------------------------------------- */ .event-toggle, .event-toggle a { display: grid; align-items: center; } .event-toggle { grid-gap: .5em; grid-template-columns: minmax(min-content,1fr) minmax(165px,max-content); } .event-toggle a { grid-template-columns: minmax(min-content,1fr) minmax(min-content,max-content); padding: 0.889em; } .event-toggle a { font-size: .79rem; font-weight: 500; letter-spacing: 2px; line-height: 1.4; } /* Calendar */ #seetickets { margin-right: auto; margin-left: auto; } #seetickets table.calendar { margin-bottom: var(--spacer-xxl); border: 1px solid var(--border-color-dark); } #seetickets table.calendar .calendar-day .calendar-event { background: var(--color-black); } #seetickets table.calendar .calendar-day .date { padding-right: 0.889em; padding-left: 0.889em; color: var(--color-white); text-transform: uppercase; } #seetickets table.calendar .calendar-event { padding: 0 0 .889rem; } #seetickets table.calendar .calendar-event h1 { font-size: 1.125rem!important; letter-spacing: .1em!important; text-transform: uppercase; } #seetickets table.calendar .calendar-event .calendar-event { padding-bottom: 0; } #seetickets table.calendar .calendar-event .detail_seetickets_eventtitle h1 { margin-bottom: var(--spacer-sm); } #seetickets table.calendar .calendar-day, #seetickets table.calendar .calendar-day-np { background: var(--color-black); border-right: 1px solid var(--border-color-dark); border-bottom: 1px solid var(--border-color-dark); } #seetickets .calendar-link { margin-top: 0; padding-top: 0; } #seetickets .calendar-link a, #seetickets form#searchform button i { color: var(--color-accent-light); } #seetickets .calendar-event a, #seetickets .calendar-event h1, #seetickets .calendar-event h2, #seetickets .calendar-event h3, #seetickets form#searchform button i { transition: color .35s; -moz-transition: color .35s; -webkit-transition: color .35s; -o-transition: color .35s; } #seetickets form#searchform .textform { border-color: var(--border-color-gray); } #seetickets form#searchform .textform:focus { border-color: var(--color-accent-light); } #seetickets .calendar-event .detail_seetickets_image a { margin-bottom: 0; line-height: 0; } #seetickets .calendar-event .detail_seetickets_eventtitle a { margin-left: 0; padding: 0 5px; text-align: left; } #seetickets .calendar-event a:hover h1, #seetickets .calendar-event a:hover h2, #seetickets .calendar-event a:hover h3 { color: var(--color-accent); } #seetickets h2.month-name { text-align: left; text-transform: uppercase; } #seetickets h2.month-name:not(:first-of-type) { margin-top: var(--spacer-xl); } #seetickets h2.calendar-link a:hover, #seetickets h2.calendar-link a:focus, #seetickets form#searchform button:hover i { color: var(--color-white); } #seetickets h2.calendar-link a:hover { text-decoration: none; } #seetickets table .event_button.event_tickets { max-width: 150px; margin-top: 0; margin: 0 auto; background: none; border-color: var(--color-accent-light); font-family: var(--font-headlines); font-size: .64rem; font-weight: 500; letter-spacing: 2px; line-height: 1.4; } #seetickets table .event_button.event_tickets:hover { background: var(--color-accent-light); color: var(--color-white); } @media (max-width: 960px){ #seetickets table.calendar { border: 0; } #seetickets table.calendar tr, #seetickets table.calendar th, #seetickets table.calendar td { display: block; width: 100%; border: 0px; } #seetickets table.calendar td.calendar-day, #seetickets table.calendar td.calendar-day-np { margin-bottom: var(--spacer-xxl); background: var(--color-black-dark); } #seetickets table.calendar td.calendar-day-no-events { display: none; } #seetickets table.calendar td.calendar-day, #seetickets table.calendar td.calendar-day-np { width: 100%; max-width: 400px; margin: 4em auto; height: auto; border: 0px; padding: 0px; margin-bottom: 5px; } #seetickets table .calendar-day .date { background: var(--color-black); } #seetickets table .event_button.event_tickets, #seetickets table .detail_seetickets_eventtitle { display: flex; flex-direction: column; } #seetickets table .calendar-event .event_button.event_tickets, #seetickets table .calendar-event .detail_seetickets_eventtitle { max-width: 95%; margin-right: auto; margin-left: auto; } #seetickets table .calendar-event .detail_seetickets_eventtitle a { padding: 0; text-align: left; } #seetickets .calendar-row td:last-of-type { margin-bottom: 0; } } /* Event Listing */ .event-listing .center { text-align: center; } .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: 3em auto 0; } #view-all a.wp-block-button__link { background: var(--color-black); border-color: var(--color-accent-light); } #view-all a.wp-block-button__link:hover { background: var(--color-accent-light); } .event-card .wp-block-button { text-align: right; } /* Featured Event */ .featured-events .wp-block-button a { width: 180px; max-width: 100%; } /* Just Announced */ .wp-block-group.just-announced .event-listing { margin-top: 0; } .wp-block-group.just-announced .wp-block-columns { grid-gap: 20px; } .just-announced .event-card { padding: 1.5em 1em; border: 1px solid var(--border-color-dark); } .just-announced .event-card:hover { border: 1px solid var(--color-accent-light); transition: all .35s; } .just-announced .event-card .wp-block-button { display: flex; align-items: center; justify-content: flex-end; min-width: unset; text-align: right; } .just-announced .event-card .wp-block-button, .just-announced .event-card .wp-block-button a { cursor: pointer; } .just-announced .event-card a:hover .event-name { color: var(--color-accent-light); } .just-announced .event-card .wp-block-button a { padding: 0; } .just-announced .event-card .wp-block-button i { color: var(--color-gray-light); } .just-announced .event-card .wp-block-button:hover i { color: var(--color-accent-light); } .just-announced .event-card .event-details { grid-template-columns: 1fr; min-height: unset; padding: 0; } .just-announced .event-card .event-details .event-name { margin-top: .25em; } .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 .wp-block-button { min-width: 120px; } /* Event Card */ .event-card { display: grid; flex-direction: column; height: 100%; margin-top: 0; background: var(--color-black); overflow: hidden; } .event-card h2, .event-card h3, .event-card h4, .event-card h5 { margin-top: 0; transition: all .35s; } .event-card .wp-block-button a { max-width: 165px; padding: .889em; } .event-card .wp-block-image { position: relative; margin-top: 0; margin-bottom: 0; overflow: hidden; padding-top: 56.25% /* 16:9 Aspect Ratio */ } .event-card img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit:cover; transition: all .35s; backface-visibility: hidden; transform: scale(1); } .event-card:hover img { opacity: .75; transform: scale(1.01); } .event-card .event-details { position: relative; display: grid; grid-template-columns: 60% 40%; align-items: center; min-height: 80px; padding: .889em; } .event-card .event-details h3 a { color: var(--color-white); } .event-card .event-details h3 a:hover { color: var(--color-accent-light); } .event-card .event-details .date { color: var(--color-accent-light); text-transform: uppercase } .event-card .wp-block-button { margin-top: 0; } .event-card .wp-block-button__link { width: 100%; min-width: inherit; } .event-card .wp-block-button__link:hover { background: none!important; color: var(--color-accent); border-color: var(--color-accent); } .event-card:hover .wp-block-button__link { background: none!important; color: var(--color-accent); border-color: var(--color-accent); } /* Breadcrumbs */ ul#crumbs { display: block; width: 100%; margin: 0; padding-left: 0; } ul#crumbs li { display: inline-block; margin-bottom: 0; list-style-type: none; text-transform: uppercase; letter-spacing: 2px; } ul#crumbs li:not(:last-child), ul#crumbs li:first-child::before { margin-right: 1em; } ul#crumbs li:not(:last-child)::after { margin-left: 1em; content: '/'; } Ul#crumbs li a:hover { color: var(--color-white); } /* 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 { background: var(--color-black); width: 100%; } .single-event aside, .single-event .event-wrapper { border: 1px solid var(--border-color-dark); } .single-event .event-details { grid-template-columns: 1fr; padding: 3em 2em; border-top: 1px solid var(--border-color-dark); } .single-event .event-details h4 { text-transform: uppercase; } .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-light); } .single-event aside .date { font-size: 1.067rem; } .single-event aside .price span { font-size: 1.2rem; font-weight: 400; color: var(--color-white); } .single-event aside .age span { font-style: italic; font-size: .937rem; } .single-event .event-name a { color: var(--color-white); } .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); -moz-float-edge: } .single-event .artist:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; } .single-event .artist p { color: var(--color-gray-light); } .single-event .artist h4 { margin-top: 0; margin-bottom: .5em; color: var(--color-white); } .single-event .artist h5 { margin-top: 0; margin-bottom: .5em; } .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; } .single-event ul.social-icons a:hover i { color: var(--color-white); } .event-detail-list a.wp-block-button__link { display: flex; justify-content: center; align-items: center; width: 100%; margin: 2em auto; background: var(--color-accent-light)!important; } .event-detail-list a.wp-block-button__link:hover { background: none!important; } .event-detail-list div { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid var(--border-color-dark); list-style-type: none; } .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 { font-size: 1.953em; margin-bottom: .25em; } .event-detail-list .event-support { font-size: 1.414rem; word-wrap: break-word; } .event-detail-list .event-name a:hover { color: var(--color-accent-light); } .event-detail-list .event-support a { color: var(--color-gray-light); word-break: break-word; } .event-detail-list .event-support a:hover { color: var(--color-accent-light); } .event-detail-list a, .event-detail-list h1, .event-detail-list .date { text-transform: uppercase; } .single-events #masthead .wp-block-button .wp-block-button__link { display: none; } .single-event .event-wrapper { position: relative; height: 100%; margin-top: 0; display: flex; align-items: center; flex-direction: column; background: var(--color-black); 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-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; } .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: 50px; } .search-form input { border: 1px solid #efefef; } .search-form input[type="search"] { width: 100%; text-indent: 5px; } .search-form input[type="submit"] { padding: 1em; border: 1px solid transparent; } .search-form input[type="submit"]:hover { cursor: pointer; background: var(--color-black); border-color: var(--color-accent); } /* -------------------------------------------------------------------------- ## Hive Email Signup -------------------------------------------------------------------------- */ /* Signup */ .wp-block-group.signup { max-width: 1280px; margin-right: auto; margin-bottom: 4em; margin-left: auto; padding: 0 2em; } .wp-block-group.signup .wp-block-group__inner-container { padding: 2em; background: var(--color-black); border: 1px solid var(--border-color-dark); } .wp-block-group.signup h2, .wp-block-group.signup .success p, .wp-block-group.signup .success h2, .wp-block-group.signup .success h3 { margin-top: 0; text-align: center; } .wp-block-group.signup .success h2, .wp-block-group.signup .success h3 { margin-bottom: .5em; color: var(--color-gray-light); } .wp-block-group.signup .success p { color: var(--color-accent-light); } .wp-block-group.signup button { border-color: var(--color-accent-light); } .wp-block-group.signup button:hover { background-color: var(--color-accent-light); } .hive-signup-form .form-wrapper { display: grid; grid-template-columns: 3fr 1fr; grid-gap: 20px; } .hive-signup-form-has-error { border-color: #ff0000!important; } .hive-signup-form label, .hive-signup-form input, .hive-signup-form button, .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; border-radius: 0; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px rgba(0, 0, 0, 0.04); } .hive-signup-form input:focus{ border: 1px solid rgba(0, 0, 0, 0.65); 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 { padding: 10px 24px; background-color: rgba(0, 0, 0, 0.1); 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; } /* Signup -- FAQ */ .page-template-template-centered.page-id-503 #primary .entry-content > .alignfull:first-child { padding-bottom: 0; } .page-template-template-centered.page-id-503 .wp-block-group.signup { max-width: 1024px; padding: 1.5em; } /* Signup -- Private Events */ .page-template-page-private-events .wp-block-group.signup { max-width: 1080px; } /* ========================================================================== 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; } /* Object Fit */ .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; } /* Drop Shadow */ :root { --dropShadow: 0 6px 20px -8px rgba(127, 128, 123, .875); --dropShadow-white: 0 6px 20px -8px rgba(255, 255, 255, .475); } .drop-shadow { box-shadow: var(--dropShadow); -webkit-box-shadow: var(--dropShadow); } .drop-shadow--white { box-shadow: var(--dropShadow-white); -webkit-box-shadow: var(--dropShadow-white); } /* Top Overlap */ .overlap { position: relative; z-index: 999; } /* -------------------------------------------------------------------------- ## Gutenberg Blocks -------------------------------------------------------------------------- */ /* ACF - Swiper.js Block */ /* .home #masthead */ .page-id-404 #masthead, .page-template-template-slider #masthead { width: 100%; background: none; border: 0; position: absolute; z-index: 9999; top: 0; left: 0; } .home #masthead .ghost.wp-block-button__link.has-accent-light-background-color, .page-template-template-slider .ghost.wp-block-button__link.has-accent-light-background-color { position: absolute; left: 2em; top: 1.75em; border-color: var(--color-white); } .home #masthead .ghost.wp-block-button__link.has-accent-light-background-color:hover, .page-template-template-slider .ghost.wp-block-button__link.has-accent-light-background-color:hover { background: var(--color-gray)!important; border-color: var(--color-gray)!important; } .loaded #masthead { border: 0; z-index: 9999; } .home .wp-block-group.slider, .page-template-template-slider .wp-block-group.slider { margin-top: 0; padding-right: 0; padding-left: 0; } /* WP Block Button */ #masthead .wp-block-button__link, .wpcf7 input[type="submit"] { max-width: 171px; width: 100%; min-width: 171px; padding-right: 0; padding-left: 0; } .wpcf7 input[type="submit"] { background: none; border: 1px solid; border-color: var(--color-accent-light); } .wpcf7 input[type="submit"]:hover { background: var(--color-accent-light); color: var(--color-white); } .wp-block-button:last-of-type { margin-bottom: 0; } .wp-block-button__link, .ghost .wp-block-button__link:hover { border: 2px solid transparent; } .wp-block-button__link { min-width: 150px; border-radius: 0; } .wp-block-button__link.no-border-radius { border-radius: 0; } .wp-block-button__link:hover, .ghost .wp-block-button__link { background: none; color: var(--color-white); border-color: var(--color-accent-light); } /* WP Block Button Link */ .wp-block-button__link.has-black-background-color:hover, .wp-block-button__link.has-accent-background-color:hover, .wp-block-button__link.has-accent-dark-background-color:hover, .wp-block-button__link.has-dark-gray-background-color:hover, .wp-block-button__link.has-light-gray-background-color:hover, .wp-block-button__link.has-accent-secondary-background-color:hover { background: none!important; } .wp-block-button__link.has-accent-light-background-color:hover { background: none!important; color: var(--color-accent-light); } .ghost .wp-block-button__link.has-accent-background-color { background: none!important; border-color: var(--color-accent); color: var(--color-accent); } .ghost .wp-block-button__link.has-accent-background-color:hover { background: var(--color-accent)!important; color: #fff; } .ghost.wp-block-button__link.has-accent-light-background-color { background: none!important; border-color: var(--color-accent-light); color: var(--color-accent-light); } .ghost.wp-block-button__link.has-accent-light-background-color:hover { background: var(--color-accent-light)!important; color: var(--color-white); } .wp-block-button__link.has-black-background-color { background-color: var(--color-black); color: var(--color-white); } .wp-block-button__link.has-black-background-color:hover { color: var(--color-black); border-color: var(--color-black); } .wp-block-button__link.has-accent-secondary-background-color:hover { background: none!important; color: var(--color-accent-secondary); border-color: var(--color-accent-secondary); } .wp-block-button__link.has-accent-dark-background-color { background-color: var(--color-accent-dark); } .wp-block-button__link.has-accent-dark-background-color:hover { color: var(--color-accent-dark); border-color: var(--color-accent-dark); } .wp-block-button__link.has-dark-gray-background-color { color: var(--color-white); border-color: var(--color-gray-dark); } .wp-block-button__link.has-dark-gray-background-color:hover { color: var(--color-gray-dark); } .wp-block-button__link.has-light-gray-background-color { color: var(--color-black); border-color: var(--color-gray-light); } .wp-block-button__link.has-light-gray-background-color:hover { color: var(--color-gray-dark); border-color: var(--color-gray-light); } .wp-block-button__link.has-accent-background-color { background-color: var(--color-accent); } .wp-block-button__link.has-accent-background-color:hover { color: var(--color-accent); border-color: var(--color-accent); } .wp-block-button.alignleft, .wp-block-buttons.alignleft { display: grid; justify-content: start; } .wp-block-button.alignright, .wp-block-buttons.alignright { display: grid; justify-content: end; } /* WP Block Embed */ .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 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); border-radius: 2px; overflow: hidden; } /* 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; } /* WP 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%; } /* Separator */ hr.wp-block-separator { width: 100%; border-color: var(--border-color); background-color: 1px solid var(--border-color); } .wp-block-separator.is-style-wide { margin: 0 auto; } /* Shared */ .wp-block-group__inner-container > *:only-child { margin-top: 0; margin-bottom: 0; } /* Columns Block */ .wp-block-columns { padding-top: 3em; padding-bottom: 3em; } .wp-block-columns:last-of-type { margin-bottom: 0;} .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; } /* Cover Block */ .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: 1em; padding-left: 1em; } .wp-block-cover .wp-block-button { margin-top: 3em; } .wp-block-cover > * :last-child { margin-bottom: 0; } .wp-block-cover p.has-small-font-size { margin-left: 1em; text-transform: lowercase; opacity: .8; } /* 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.has-2-columns--25-75, .wp-block-columns.has-2-columns--75-25, .wp-block-columns.has-2-columns--60-40, .wp-block-columns.has-2-columns--40-60, .wp-block-columns.has-2-columns--70-30, .wp-block-columns.has-2-columns--30-70 { display: grid; } .wp-block-columns.has-2-columns--75-25 { grid-template-columns: 3fr minmax(min-content, 1fr); } .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) ; } .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: 60px; } .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; } .wp-block-image img { display: block; } .wp-block-video video { max-width: 640px; } .wp-block-image.alignleft, .wp-block-image.alignright { width: 100% } .wp-block-embed__wrapper { display: block; width: 800px; max-width: 100%; margin: auto; } .wp-block-image.alignfull img { width: 100vw; } .wp-block-image figcaption { margin-top: 0; padding-top: 8px; padding-bottom: 8px; } figure.wp-block-gallery { margin: 30px auto; } figure.wp-block-gallery .blocks-gallery-grid { margin-top: 0; padding-left: 0; } .wp-block-cover-text p { padding: 1.5em 1em; } 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; } .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; } .entry-content ul, .entry-content ol { margin: 1.5em 0 2em; padding-left: 1.5em; list-style-position: outside; } .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; } /* -------------------------------------------------------------------------- ## Custom Blocks -------------------------------------------------------------------------- */ /* Columns */ .has-2-columns, .has-3-columns, .has-4-columns, .has-5-columns, .has-6-columns { display: grid; grid-gap: 40px; margin: auto; } .entry-content .wp-block-columns.box-layout { margin: 0; } .entry-content .wp-block-columns.box-layout .wp-block-group.box-container { max-width: 500px; margin-top: 0; padding: 0; } .wp-block-columns.box-layout .wp-block-column { display: flex; justify-content: center; align-items: center; padding: 50px; } .wp-block-columns.box-layout .wp-block-column:nth-child(1) { background: var(--color-accent-dark)!important; } .wp-block-columns.box-layout .wp-block-column:nth-child(1) > * { color: var(--color-white); } .wp-block-columns.box-layout .wp-block-column:nth-child(2) { background: var(--color-accent)!important; } .wp-block-columns.box-layout .wp-block-column:nth-child(3) { background: var(--color-gray-light)!important; } .wp-block-columns.box-layout .wp-block-column:nth-child(1) h1, .wp-block-columns.box-layout .wp-block-column:nth-child(2) h1, .wp-block-columns.box-layout .wp-block-column:nth-child(1) h2, .wp-block-columns.box-layout .wp-block-column:nth-child(2) h2, .wp-block-columns.box-layout .wp-block-column:nth-child(1) h3, .wp-block-columns.box-layout .wp-block-column:nth-child(2) h3, .wp-block-columns.box-layout .wp-block-column:nth-child(1) h4, .wp-block-columns.box-layout .wp-block-column:nth-child(2) h4, .wp-block-columns.box-layout .wp-block-column:nth-child(1) h5, .wp-block-columns.box-layout .wp-block-column:nth-child(2) h5, .wp-block-columns.box-layout .wp-block-column:nth-child(1) h6, .wp-block-columns.box-layout .wp-block-column:nth-child(2) h6, .wp-block-columns.box-layout .wp-block-column:nth-child(1) p, .wp-block-columns.box-layout .wp-block-column:nth-child(2) p { color: #fff; } .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: 0 auto; padding-right: 0; padding-left: 0; list-style: none; } .tbc-accordion-item-heading { position: relative; padding: 1.5em 4em 1.5em 1.5em; background: var(--color-black); border: 1px solid transparent; } .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: 30px; padding: 0; } .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; color: var(--color-gray-light); } .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; background: var(--color-black); } .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-white); 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:hover .tbc-accordion-item-heading h3, .wp-block-tbc-accordion-item:hover .tbc-accordion-item-heading::after, .wp-block-tbc-accordion-item.open .tbc-accordion-item-heading::after, .wp-block-tbc-accordion-item.open:hover .tbc-accordion-item-heading::after, .wp-block-tbc-accordion-item.closed:hover .tbc-accordion-item-heading::after { color: var(--color-accent-light); } .wp-block-tbc-accordion-item.open, .wp-block-tbc-accordion-item:hover { border-color: var(--color-accent-light); 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(--border-color-gray); } /* ========================================================================== 14.0 # Plugins, Overrides ========================================================================== */ /* * Animate * https://animate.style/ * Selected styles: FadeIn, FadeOut, ZoomIn, ZoomOut */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);-ms-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} /* Animated Modal */ .modal { display: none; max-width: 100%; width: 100%; padding: 2em; background-color: rgba(0, 0, 0, 0.875)!important; display: flex; flex-direction: column; justify-content: center; align-items: center; } .modal .modal-wrapper { display: flex; flex-direction: column; justify-content: center; align-content: center; width: 600px; max-width: 100%; margin: auto; padding: 2em; height: 100%; } .modal-content { position: relative; width: 800px; max-width: 100%; margin: auto; padding: 2em; background-color: var(--color-black); border: 1px solid var(--border-color-dark); } .modal-content form { background: var(--color-black); } .modal-content p { color:var(--color-gray-light); } .modal-content p:last-of-type { margin-bottom: 0; } .modal .modal-content .wpcf7 input, .modal .modal-content .wpcf7 select, .modal .modal-content .wpcf7 textarea { margin-top: .5em; } .modal-content h1, .modal-content h2, .modal-content h3, .modal-content h4 { text-transform: uppercase; } .modal-content h2 { margin-top: 0; } .modal .close { display: flex; justify-content: flex-end; position: relative; z-index: 999; margin-right: 1em; text-align: right; cursor: pointer; color: var(--color-accent-light); -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 } .modal .close i { margin-left: .5em; } .modal .close:hover { color: var(--color-white); } #covid_animatedModal .modal-content .icon { position: absolute; top: 1.5em; right: 1.5em; margin: 0; } #covid_animatedModal .modal-content .close:first-of-type { margin-top: 0; margin-right: 0; } #covid_animatedModal .modal-content .close:last-of-type { margin-top: 3em; justify-content: center; } #covid_animatedModal h5 span { color: var(--color-accent-light); font-weight: 600; } #covid_animatedModal strong { color: var(--color-white); } #tables_animatedModal.modal { display: inherit; justify-content: unset; align-items: unset; padding-top: 3em; } #tables_animatedModal textarea { height: 150px; } /* Modal -- Featured Poster */ .modal.featured-poster { padding: 0; background: rgba(0, 0, 0, 0.95)!important; } .modal.featured-poster .modal-content { display: grid; width: 450px; margin-top: 1.25em; padding: 1.25em 0 0; background: none; border: 0; } .modal.featured-poster .featured-image p { margin: 0; padding: 0; line-height: 0; } .modal.featured-poster .wp-block-group.buttons { display: grid; grid-template-columns: 1fr; grid-gap: 20px; padding: 1.25em 1em 1em; background: #191919; } .modal.featured-poster .has-2-columns { width: 100%; grid-gap: 16px; } .wp-block-button__link .button__full-width { width: 100%; margin-bottom: 20px; } .modal.featured-poster { position: relative; z-index: 10; } .modal.featured-poster .close-covid_animatedModal { position: absolute; z-index: 900!important; top: -1em; left: 0; width: 100%; } .modal.featured-poster .close, .modal.featured-poster .close { color: #fff; } .modal.featured-poster .close:hover { color: #0072BC; } .hide-desktop { display: none!important; } @media screen and (max-width: 1368px) { .modal.featured-poster .modal-content { width: 375px; } } @media screen and (max-width: 420px) { .hide-desktop { display: inherit!important; } #covid_animatedModal .close.hide-desktop { display: flex; position: unset; justify-content: center; margin: 1em 0 0; text-align: center; } #covid_animatedModal .close.hide-desktop p { margin: 0; } } .logged-in .modal.featured-poster .modal-content { margin-top: 3.25em; } /* * WP Featherlight * https://wordpress.org/plugins/wp-featherlight/ */ body .featherlight .featherlight-content .caption { font-size: 1rem; font-family: var(--font-secondary); letter-spacing: 1px; font-weight: 400; padding-top: .77em; } body .featherlight .featherlight-content .caption br { display: none; } /* * SEO Yoast * https://yoast.com/ */ #yoast-breadcrumbs span a { color: var(--color-accent-light); } #yoast-breadcrumbs span a:hover { color: var(--color-accent-secondary); } #yoast-breadcrumbs span i { margin-right: 8px; margin-left: 8px; } .single #breadcrumbs .breadcrumb_last { display: none; } .single #breadcrumbs span span span span i { display: none; } /* UItoTop */ #toTop { display: none; position: fixed; z-index: 900; right: 20px; bottom: 20px; width: 40px; height: 40px; background-color: rgba(0,0,0,.5); border: 1px solid #474747; overflow: hidden; text-decoration:none; } #toTop:hover { background: var(--color-accent-light); border: 1px solid #111; } #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 { position: relative; top: 5px; width: 100%; font-size: 24px; text-align: center; } #toTopHover { float:left; display:block; overflow:hidden; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #toTop:active, #toTop:focus { outline:none; } /* * 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:1em .5em 0;padding:.2em 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:inline-block;/* background-image:url(../images/ajax-loader.gif)*/;width:16px;height:16px;border:none;padding:0;margin:0 0 0 4px;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; } div.wpcf7 .ajax-loader:empty, div.wpcf7-response-output:empty { display: none; } span.wpcf7-not-valid-tip { margin-left: 10px; margin-bottom: 15px; } .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: 0 auto; } .wpcf7 fieldset { margin-top: 0; padding: 0 20px; 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: 20px; padding-bottom: 20px; border-bottom: 1px solid #333333; } .wpcf7 .wpcf7-not-valid-tip, .wpcf7 .form-group.required h4, .wpcf7 .invalid .form-group.required label { color: #97100E; } div.wpcf7-mail-sent-ok { border-color: #079D7C; color: #079D7C; } div.wpcf7 .ajax-loader { margin-right: auto; margin-left: auto; } .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; border-color: #D6D50B; } #main div.wpcf7 .ajax-loader { display: block; margin: 10px auto 0; } .wpcf7 select, .wpcf7 textarea, .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: 1em 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-light); } .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: .5em; background-color: #fff; border: 1px solid transparent; } /* * Swiper 5.3.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://swiperjs.com * * Copyright 2014-2020 Vladimir Kharlampidi * * Released under the MIT License * Released on: February 29, 2020 */ @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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-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-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:40px}.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(-1 * 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}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.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-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;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:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-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-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-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-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} .swiper-button-next:after, .swiper-button-prev:after { font-size: 1.953rem; } .ip-container, .swiper-container { height: 100vh; min-height: 600px; } .swiper-container, .entry-content .swiper-container { position: relative; width: 100%; max-width: 100%; padding-right: 0; padding-left: 0; } .swiper-container.featured-events .swiper-slide a { overflow: hidden; } .swiper-container.featured-events .swiper-slide a img { 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 .date { color: var(--color-accent-light); } .swiper-container.featured-events .wp-block-button { margin-top: 1em; } .swiper-container ul.social-icons { position: absolute; top: inherit; left: 2em; bottom: 1.5em; margin: 0; padding: 0; z-index: 10; } .swiper-container ul.social-icons li { margin: 0 1em 0 0; padding: 0; } .swiper-container ul.social-icons li a { display: flex; color: var(--color-white); } .swiper-container ul.social-icons li a i { transition: opacity 0.3s ease-in-out; -webkit-transition: opacity 0.3s ease-in-out; } .swiper-container ul.social-icons li a:hover i { opacity: .5; } .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:before { content:''; background: #111; padding: 20px; } */ .swiper-slide p span { margin-left: 5px; } .swiper-slide a { color: #111; } .swiper-slide a:hover { color: #474747; } .swiper-slide p span a { color: #111; } .swiper-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .swiper-button-next, .swiper-button-prev { background: var(--color-black); color: var(--color-white); top: inherit; 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: .25; color: var(--color-gray-light); } .swiper-button-prev { border-top-left-radius: 4px; right: 85px; 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('assets/svg/mouse.svg') no-repeat; background-size: 40px; background-position: center center; } /* Bullets */ .swiper-pagination-bullet { width: 12px; height: 12px; border: 2px solid #fff; opacity: .5; transition: all .35s; -moz-transition: color .35s; -webkit-transition: color .35s; -o-transition: color .35s; } .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--color-white); border-color: var(--color-white); opacity: 1; } .swiper-pagination-bullet.swiper-pagination-bullet:hover { background: var(--color-white); border-color: var(--color-color); 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.75em; 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, .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; background: var(--color-black); display: grid; grid-template-columns: 67.25% 32.75%; } .swiper-container.featured-events .artist-info { margin-bottom: 2em; } .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; } .swiper-container.featured-events .swiper-slide .event-link img { position: absolute; } .swiper-container.featured-events .event-details { position: relative; z-index: 999; padding: 2em; } .swiper-container.featured-events .event-details a { width: max-content; color: var(--color-white); } .swiper-container.featured-events .event-details a:hover { color: var(--color-accent-light); } .swiper-container.featured-events .swiper-button-prev, .swiper-container.featured-events .swiper-button-next { top: 1em; margin: 0; } .swiper-container.featured-events .swiper-button-prev { right: 2em; } .swiper-container.featured-events .swiper-button-next { right: 0; } /* Swiper.js Featured Events Mobile */ .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; max-width: 100%; width: 100%; } .swiper-container.featured-events.mobile { margin-top: 0; padding: 5em 0 5em 1em; background: var(--color-black); } .swiper-container.featured-events.mobile .swiper-slide { grid-template-columns: 1fr; grid-template-rows: 1fr max-content; } .swiper-container.featured-events.mobile .swiper-slide .event-link { max-height: 600px; } .swiper-container.featured-events.mobile .swiper-slide .event-link img { position: unset; } .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 .swiper-pagination { position: absolute; display: block; bottom: -3em; } /* ========================================================================== 15.0 # Media Queries ========================================================================== */ body { min-width: 300px; } @media screen and (max-width: 1440px) { .wp-block-columns.box-layout .wp-block-column { padding: 60px 40px; } /* Custom Layouts */ .wp-block-columns.has-2-columns--60-40 { grid-template-columns: 1fr 1fr; } .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: 30px; padding-right: 30px; } } @media screen and (max-width: 1180px) { ul.menu li { padding: 0 16px; } ul.menu li a { font-size: 1rem; } .main-navigation li.wp-block-button__link { margin-left: 8px; } .main-navigation li.wp-block-button__link a { padding: 16px 16px; } } @media screen and (min-width: 1080px) { #masthead .textwidget { display: none; } } @media screen and (max-width: 1080px) { #colophon .col:first-of-type { position: absolute; } #colophon .contact-info { align-self: flex-end; margin-left: 0; } #colophon .contact-info span { display: none; } #colophon .wrapper { grid-template-columns: minmax(min-content,max-content) 1fr; } #colophon .site-logo img { max-width: 150px; } } @media screen and (max-width: 1024px) { .wp-block-group.gallery .wp-block-gallery.columns-4 ul { grid-template-columns: 1fr 1fr; } .just-announced .has-4-columns { grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; } .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; } .scroll-down span { display: none; } } @media screen and (max-width: 960px) { .has-5-columns, .has-6-columns, .home .wp-block-group.gallery .wp-block-gallery.columns-4 { grid-template-columns: repeat(3, 1fr); } .event-listing .has-3-columns { grid-template-columns: 1fr; max-width: 430px; } } @media screen and (max-width: 800px) { #masthead { grid-template-columns: minmax(min-content, max-content) 1fr; justify-content: start } #masthead .main-navigation { display: flex; grid-template-columns: unset; justify-content: flex-end; } #masthead .wp-block-button { display: none; } .site-header .site-title { order: 1; } .site-header .site-description { order: 2; } .site-header ul.social-icons { display: none; } .site-header .site-branding img, .site-header .site-branding svg { margin-left: 1em; } #colophon .wrapper { grid-template-columns: 1fr; } #colophon .wrapper .nav { margin-left: 0; margin-right: 0; } #colophon .nav p { margin-top: .25em; text-align: center; } #colophon .nav .social-icons { justify-content: center; } #colophon .col:first-of-type { position: unset; } #colophon .contact-info { margin-top: 1em; align-items: center; } #colophon .contact-info p { display: flex; flex-direction: column; align-items: center; margin-bottom: 0; line-height: 1.75; } #colophon .wrapper .nav .menu { justify-content: center; column-gap: 2em; } /* Custom Block Layouts */ .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; } .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 { grid-template-columns: 1fr; } .has-4-columns, .home .wp-block-group.gallery .wp-block-gallery.columns-4 { grid-template-columns: 1fr 1fr; } .blocks-gallery-grid.has-4-columns { grid-gap: 20px; } .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: 30px; } .has-2-columns--70-30 .wp-block-column:last-of-type .wp-block-group { padding-top: 30px; } .wp-block-columns.has-2-columns--75-25 .wp-block-column:nth-child(2n) .wp-block-group { padding-top: 50px; } .wp-block-cover-text p { padding: 1.5em 0; } /* Hero Mobile */ .entry-content .hero-mobile { position: relative; padding-right: 0; padding-left: 0; } .hero-mobile img { width: 100%; max-width: 100%; object-fit: cover; } /* Page Templates */ .styleguide-navigation .widget-title { margin-bottom: 30px; } .styleguide-navigation ul.menu { margin-bottom: 20px; } .styleguide-navigation ul.menu li { display: inline-flex; margin: 0 20px 20px 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; } .wp-block-group.featured-events h1:first-child, .wp-block-group.featured-events h2:first-child, .wp-block-group.featured-events h3:first-child, .wp-block-group.featured-events h4:first-child, .wp-block-group.upcoming-events h1:first-child, .wp-block-group.upcoming-events h2:first-child, .wp-block-group.upcoming-events h3:first-child, .wp-block-group.upcoming-events h4:first-child { text-align: center; } .wp-block-group.gallery .wp-block-gallery.columns-4 ul li figure img { width: 420px; } /* Swiperjs Featured Events */ .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; } .swiper-container.featured-events .swiper-slide .wp-block-image { position: relative; } .swiper-container.featured-events .event-details { display: grid; padding: 1em; background: var(--color-black); } .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 { max-width: 120px; min-width: 150px; 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; } .swiper-container-horizontal .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; } /* Private Events */ .wp-block-group.what-we-offer iframe { max-width: 100%; width: 100%; } .wp-block-group.what-we-offer .wp-block-columns { width: 100%; } /* Gift Cards */ .wp-block-group.gift-cards .wp-block-columns { grid-template-columns: 1fr; } } @media screen and (max-width: 600px) { .site-description { display: none; } /* Typescale */ .wp-block-cover h1, .wp-block-cover-image h1 { text-align: left; } #tabs header h1 { font-size: 2.369rem; line-height: 1.2; } h1 { font-size: 3.157rem; line-height: 1.2; } h1.site-title { font-size: 1.25rem; } h2, h1.header-styling, .page-id-1586 .post-password-form:before { font-size: 2.369rem; line-height: 1.1; } #covid_animatedModal h2 { font-size: 1.777rem!important; } #covid_animatedModal h3 { font-size: 1.444rem!important; } h3 { font-size: 1.777rem; line-height: 1.2; } h4 { font-size: 1.444rem; line-height: 1.2; } h5, h6 { font-size: 1.205rem; line-height: 1.2; } .tbc-accordion-item-heading h3 { font-size: 1.444rem; line-height: 1.2; } .wp-block-tbc-accordion-item p { font-size: 1rem; } .swiper-container.featured-events .event-name { font-size: 1.125rem; letter-spacing: .1em; } .swiper-button-next:after, .swiper-button-prev:after { font-size: 1.563rem; } #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.333rem!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-gallery .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption { font-size: .8rem; line-height: 1.2; } .h-tertiary { font-family: var(--font-secondary); font-weight: 400; font-style: italic; text-transform: capitalize; } .home .wp-block-group.featured-events h2, .home .wp-block-group.upcoming-events h2{ text-align: left; } .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.6; } p.callout { font-size: 1.25rem; line-height: 1.6; font-weight: 300; } button, textarea, 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"], input[type="button"], input[type="reset"], input[type="submit"], input[type="submit"], .wp-block-button__link, .wpcf7 input[type="submit"] { font-size: .8rem; } 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: 20px; } .event-listing .has-3-columns { max-width: 100%; } .event-card .wp-block-button a { font-size: .79rem; line-height: 1.4; font-weight: 500; letter-spacing: 2px; } /* Modal */ .modal { display: block!important; padding: 1em; } .modal-content { padding: 1.5em; } .modal .close { margin-right: 1em; } /* Swiper.js */ .swiper-container.featured-events .swiper-button-next, .swiper-container.featured-events .swiper-button-prev { width: 50px; } .entry-content ul.gallery-breadcrumbs { margin-left: 0; } /* Signup */ .hive-signup-form { grid-gap: 10px; } .wp-block-group.signup input, .wp-block-group.signup button { height: 44px; } .wp-block-group.signup input { margin-bottom: .5em; } .wp-block-group.signup .wp-block-group__inner-container { padding-right: 0; padding-left: 0; background: none; border: 0; } /* Home */ .just-announced .has-4-columns { grid-template-columns: 1fr 1fr; } .wp-block-columns.private-events, .home .wp-block-group.gallery .wp-block-gallery.columns-4 { grid-template-columns: 1fr; } .wp-block-group.gallery .wp-block-gallery.columns-4 ul { grid-template-columns: 1fr 1fr; } .swiper-container.featured-events .wp-block-button, .swiper-container.featured-events .wp-block-button a { width: 100%; max-width: 100%; } /* Private Events */ .wp-block-group.client-roster .press-logos { grid-template-columns: 1fr 1fr; grid-gap: 20px; } .wp-block-group.client-roster .wp-block-columns:first-of-type { margin-bottom: 1em; } .wp-block-group.client-roster .visa img { max-width: 90px; } .wp-block-group.client-roster .espn img { max-width: 110px; } /* Gift Cards */ .wp-block-group.gift-cards .wp-block-columns .wp-block-buttons { grid-template-columns: 1fr; } /* Contact */ .entry-content .wp-block-group.other { margin-top: 2em; } .entry-content .wp-block-group.other > .wp-block-group__inner-container, .entry-content .bua-contact .management .wp-block-group__inner-container { grid-template-columns: 1fr; } .entry-content .bua-contact .management .box-group p:not(:last-of-type) { border: 0; } /* Event */ .event-toggle a {display: none; } .single-event .wp-block-image { height: unset; } .single-event .wp-block-image a img { position: unset; } .single-event .event-card .wp-block-image { padding-top: 0; } .event-details .wp-block-button { min-width: inherit; } } @media screen and (max-width: 414px) { h1, .has-large-font-size { font-size: 2.618rem!important; } h1.header-styling, .page-id-1586 .post-password-form:before { font-size: 1.777rem!important; } .entry-content h1.header-styling::before { font-size: 1.33rem; } .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 { font-size: .889rem; line-height: 1.6; } .copyright, .site-info a, .cat-links, .cat-links a, .tags-links, .tags-links a, .comments-link a { font-size: .694rem; line-height: 1.4; } button, input[type="button"], input[type="reset"], input[type="submit"], input[type="submit"], .wp-block-button__link, #primary .entry-content .gform_wrapper input.button, #primary .entry-content .gform_wrapper input[type=submit] { font-size: .823rem; } .wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer { font-size: .75rem; } button, input[type="button"], input[type="reset"], input[type="submit"], .wp-block-button__link, .wpcf7 input[type="submit"] { padding-right: 16px; padding-left: 16px; } .wp-block-button__link { min-width: 135px; } #primary .entry-content > .wp-block-cover:first-child { padding-right: 10px; padding-left: 10px; } .scroll-down { width: max-content; justify-content: flex-end; left: unset; right: 1em; } .entry-content > * { padding-right: 1.5em; padding-left: 1.5em; } .entry-content .wp-block-code { padding: 10px; } .entry-content .wp-block-cover { min-height: 320px; padding: 0 10px; } .entry-content .wp-block-cover__inner-container { text-align: center; } .menu-toggle span { width: 60%; } .main-navigation.toggled .contact-info span { flex-direction: column; } .main-navigation.toggled .contact-info span b { margin-left: 0; } /* Signup */ .hive-signup-form { grid-template-columns: 1fr minmax(min-content,max-content);} .hive-signup-form .form-wrapper { grid-gap: 0; } .hive-signup-form button { padding: 10px 16px; } .wp-block-group.signup { padding: 0 1em; } /* Just Announced */ .just-announced .event-card { padding: 1em; } /* Event */ .event-card .event-details { grid-template-columns: 1fr; padding: 1.5em; } .event-card .event-details .wp-block-button { margin-top: 1em; } .event-card .event-details .wp-block-button, .event-card .event-details .wp-block-button a { width: 100%; max-width: 100%; } .just-announced .has-4-columns { grid-template-columns: 1fr; } .single-event .event-detail-list a.wp-block-button__link { max-width: 100%; } /* Swiper.js */ .swiper-container.featured-events .swiper-slide { min-height: 510px; border: 1px solid var(--border-color-dark); } .swiper-container.featured-events .event-details { grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; border-top: 1px solid var(--border-color-dark); } .swiper-container.featured-events .wp-block-button { margin-top: 1em; } .swiper-container.featured-events .wp-block-button a { width: 100%; max-width: 100%; } .swiper-container.featured-events .swiper-button-next, .swiper-container.featured-events .swiper-button-prev { display: none; } .swiper-container ul.social-icons { left: 1em; } .swiper-container.featured-events.mobile .swiper-slide { min-width: 250px!important; max-width: 250px!important; } /* Private Events */ .wp-block-columns.private-events .wp-block-cover h1, .wp-block-columns.private-events .wp-block-cover h2, .wp-block-columns.private-events .wp-block-cover h3, .wp-block-columns.private-events .wp-block-cover h4 { text-align: left; font-size: 2rem; } /* Gallery */ .wp-block-group.gallery .wp-block-gallery.columns-4 ul { grid-gap: 2.5em; } } @media screen and (max-width: 400px) { #colophon .wrapper .nav .menu { grid-template-columns: 1fr 1fr; } } @media screen and (max-width: 350px) { .hive-signup-form { grid-template-columns: 1fr; } } @media screen and (max-width: 400px) { #colophon .wrapper .nav .menu { grid-template-columns: 1fr; text-align: center; } }