/* Theme Name: Ophelia's Electric Soap Box v3 Theme URI: https://opheliasdenver.com Description: Child of Eventbrite Gold Parent based on _s Author: Jeremy Schuler Author URI: https://jeremyschuler.com/ Template: gold-parent_s Version: 1.0.0 Text Domain: gold-parent_s-child */ /* -------------------------------------------------------------------------- >>> TABLE OF CONTENTS: Log: 12.31.13 = Schuler - Home mobile 09.12.13 = Schuler - Chef Throwdown 09.08.23 = Schuler - Chef Throwdown 08.31.23 = Schuler - Free Shows + Conditional fallback 08.30.23 = Schuler - Splash CTA button + migrate styles from footer.php 08.18.23 = Schuler - Talent Booking 08.02.23 - Schuler - General site updates ( copy, images ) 05.31.23 - Schuler - Home splash responsive edits 05.25.23 - Schuler - Home splash updates 05.03.23 - Schuler - Home splash page ----------------------------------------------------------------------------- Eventbrite Defaults Selected Styles v1.1.7 Ticketmaster Integration 1.0 - #Layout 2.0 - #Elements 3.0 - #Typography 4.0 - #Links 5.0 - #Widgets 6.0 - #Navigation 7.0 - #Custom Eventbrite Styles 8.0 - #Author Styles 8.1 - #Header 8.2 - #Footer 8.3 - #Templates 8.4 - #Blog 8.5 - #Components 8.6 - #Gutenberg 9.0 #Plugins 10.0 #Helper Classes 11.0 #Media Queries ----------------------------------------------------------------------------- */ a.logo-eb { position: absolute; z-index: 1; right: 12px; bottom: 0; } a.logo-eb img { width: 75px; transition: opacity 0.3s ease-in-out; } a.logo-eb:hover img { opacity: .8; } @media (max-width: 768px) { a.logo-eb { display: flex; justify-content: center; right: 0; left: 0; margin: auto; } } @media (max-width: 600px) { a.logo-eb img { width: 60px; } } @media (max-width: 414px) { a.logo-eb { display: none; } } /* ========================================================================== Ticketmaster Integration ========================================================================== */ /* TM Typography */ #primary div[w-theme="grid"] .event-date, #primary div[w-theme="grid"] .event-name, #primary div[w-theme="grid"] ul .event-buy-btn, #primary div[w-theme="grid"] .event-date-wraper { font-family: 'roboto-condensed', sans-serif; text-transform: uppercase; } #primary div[w-theme="grid"] .event-name { font-size: 18px; line-height: 1.4; } #primary div[w-theme="grid"] .event-date { font-size: 12px; line-height: 1.2; } #primary div[w-theme="grid"] ul .event-buy-btn { font-size: 14px; line-height: 1.3; font-weight: 500; text-align: center; text-shadow: none; } #primary div[w-theme="grid"][w-layout="fullwidth"] .event-date-wraper { line-height: 1; } .event-listing.acf-events .event-card h3, .event-listing.acf-events .event-card h3 a, .event-listing.acf-events .event-card h4, .event-listing.acf-events .event-card h4 a { font-family: 'roboto-condensed', sans-serif; text-transform: uppercase; line-height: 1.2; text-transform: uppercase; } .event-listing.acf-events .event-card .date, .event-listing.acf-events .event-card .topline { font-size: 12px; line-height: 1.2; text-transform: uppercase; } .event-listing.acf-events .event-card h3, .event-listing.acf-events .event-card h3 a { font-size: 18px; color: #fff } .event-listing.acf-events .event-card h4, .event-listing.acf-events .event-card h4 a { font-size: 16px; color: #fff; opacity: .75; } .event-listing.acf-events .event-details .wp-block-button a { font-family: 'roboto-condensed', sans-serif; font-size: 14px; text-transform: uppercase; line-height: 1.3; font-weight: 500; text-align: center; } /* Event Grid */ #primary div[w-theme="grid"], #primary div[w-theme="grid"] ul, #primary div[w-theme="grid"] ul li.event-wrapper, #primary div[w-theme="grid"] .ss-content , #primary div[w-theme="grid"] .events-root-container { height: 100%!important; width: 98%!important; max-width: 100%!important; margin: 0!important; padding: 0!important; border: 0; } #primary div[w-theme="grid"] .events-root-container { background: none; } #primary div[w-theme="grid"][w-layout="horizontal"] .ss-content { position: unset; left: inherit; } #primary div[w-theme="grid"] ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 2em; margin: auto!important; } #primary div[w-theme="grid"] ul li.event-wrapper { background: #000; } #primary div[w-theme="grid"] ul li.event-wrapper .event-content-wraper { padding: 15px; } #primary div[w-theme="grid"] .event-date-wraper { margin-bottom: 16px; opacity: .5; color: #fff; } #primary div[w-theme="grid"] ul li .event-buy-btn { position: unset; bottom: unset; left: unset; display: flex; justify-content: center; align-items: center; width: 180px; max-width: 100%; min-height: 40px; margin: 0 auto; padding: 0; background: #D451A1; border: 2px solid transparent; transition: all 0.3s ease-in-out, opacity 0.2s ease-in-out; transform: unset; } #primary div[w-theme="grid"] ul li .event-buy-btn:hover { background: #000; border-color: #D451A1; } #primary div[w-theme="grid"] .legal-notice, #primary div[w-theme="grid"] .event-logo-box, #primary div[w-theme="grid"] .event-question, #primary div[w-theme="grid"] .address-wrapper { display: none!important; } #primary div[w-theme="grid"] .wrapper-thumbnails, #primary div[w-theme="grid"] .bg-cover-thumbnails { width: 100%; max-width: 100%; margin: 0; padding: 0; } #primary div[w-theme="grid"] .bg-cover-thumbnails { height: 200px; } #primary div[w-theme="grid"] .event-name.event-name { margin-bottom: 0; color: #fff; } #primary div[w-theme="grid"] .show-more_button, #primary div[w-theme="grid"] ul li.event-wrapper { border-radius: 12.5px; /* border-radius: 0; */ } #primary div[w-theme="grid"] .show-more_button { margin-bottom: 0; background: #000; color: #D451A1; } #primary div[w-theme="grid"] .show-more_button:hover { background: #D451A1; color: #fff; } /* Event Calendar */ #primary div[w-theme="calendar"] { width: 100%; } /* TW Event Listing */ .event-listing.tm-events div[w-theme="grid"] .ss { width: 100%!important; } #wrapper .event-listing.tm-events h2.entry-title { margin-bottom: 0; padding-bottom: 0; } #wrapper .event-listing.tm-events div[w-theme="grid"] ul { grid-gap: 24px; } /* ACF Event Listing */ #wrapper .event-listing.acf-events { margin-bottom: 0; padding-bottom: 0; } #wrapper .event-listing.acf-events.brunch { padding-top: 0; padding-bottom: 100px; } .event-listing.acf-events .entry-header, .event-listing.acf-events .wp-block-columns { overflow: hidden; max-width: 1200px; margin: 0 auto; padding-right: 30px; padding-left: 30px; } .event-listing.acf-events .wp-block-columns { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 24px; } .event-listing.acf-events .entry-header h2 { color: #111; } /* ACF Event Card */ .event-listing.acf-events .event-card { background: #000; border-radius: 12.5px; display: grid; } .event-listing.acf-events .event-card .date { opacity: .5; } .event-listing.acf-events .event-card h3, .event-listing.acf-events .event-card h4 { margin-bottom: 8px; } .event-listing.acf-events .event-card .wp-block-image, .event-listing.acf-events .event-card .wp-block-image:before { border-top-left-radius: 12.5px; border-top-right-radius: 12.5px; } .event-listing.acf-events .event-card .wp-block-image:before { content: ''; position: absolute; top: 0; left: 0; border-radius: 12.5; width: 100%; height: 100%; background: #000; opacity: .25; } .event-listing.acf-events .event-card .wp-block-image { position: relative; display: flex; width: 100%; margin: 0; } .event-listing.acf-events .event-card .wp-block-image a { overflow: hidden; position: relative; width: 100%; height: 345px; padding-top: 77%; /* Aspect Ratio */ } .event-listing.acf-events .event-card .wp-block-image a img { position: absolute; top: 0; left: 0; height: 100%; object-fit: cover; } .event-listing.acf-events .event-card .event-details { display: grid; align-items: end; padding: 16px; } .event-listing.acf-events .event-details .wp-block-button a { display: flex; justify-content: center; align-items: center; width: 180px; max-width: 100%; min-height: 40px; margin: 16px auto 0; padding: 0; border-radius: 4px; background: #D451A1; border: 2px solid transparent; transition: all 0.3s ease-in-out, opacity 0.2s ease-in-out; } .event-listing.acf-events .wp-block-button a:hover { background: #000; border-color: #D451A1; } /* Template -- Events */ .page-template-template-events #wrapper .event-listing.acf-events { padding-top: 50px; } @media (max-width: 1080px) { .event-listing.acf-events .wp-block-columns { grid-template-columns: 1fr 1fr 1fr; } .event-listing.acf-events .event-card .wp-block-image a { height: 411px; } } @media (max-width: 800px) { .event-listing.acf-events .wp-block-columns { grid-template-columns: 1fr 1fr; } .page-template-template-events #wrapper .event-listing.acf-events h2.entry-title { margin-bottom: 30px; } } @media (max-width: 600px) { .event-listing.acf-events .wp-block-columns { grid-template-columns: 1fr; } .page-template-template-events #main { padding-top: 100px; } .page-template-template-events #wrapper .event-listing.acf-events { padding-top: 50px; } .page-template-template-events #wrapper .event-listing.acf-events h2.entry-title { margin-top: 0; margin-bottom: 50px; } } /* ========================================================================== 04.30.21 Eventbrite Migration ========================================================================== */ .button.ubereats { display: inline-block; max-width: 100%; width: max-content; cursor: pointer; background-color: #D451A1; color: #fff; } .button.ubereats:hover { background-color: #222; color: #fff; } .page-template-page-home a.button, .page-template-page-dine .acf-hero a.button { min-width: 175px; -moz-border-right-colors: } .page-template-page-about .press .acf-card .button:hover { color: #222; } /* ========================================================================== Minified Styles ========================================================================== */ /* BriteIcons Version 46.7.0 */ @font-face { font-family: briteicons; src: url(https://cdn.evbstatic.com/s3-build/32314-rc2018-11-27_16.04-2e7a185/django/css/fonts/briteicons.eot); src: url(https://cdn.evbstatic.com/s3-build/32314-rc2018-11-27_16.04-2e7a185/django/css/fonts/briteicons.eot#iefix) format("embedded-opentype"), url(https://cdn.evbstatic.com/s3-build/32314-rc2018-11-27_16.04-2e7a185/django/css/fonts/briteicons.woff2) format("woff2"), url(https://cdn.evbstatic.com/s3-build/32314-rc2018-11-27_16.04-2e7a185/django/css/fonts/briteicons.woff) format("woff"), url(https://cdn.evbstatic.com/s3-build/32314-rc2018-11-27_16.04-2e7a185/django/css/fonts/briteicons.svg#briteiconsregular) format("svg"), url(https://cdn.evbstatic.com/s3-build/32314-rc2018-11-27_16.04-2e7a185/django/css/fonts/briteicons.ttf) format("truetype"); } [class^=ico-], [class*=" ico-"], .ico { font-family: briteicons, "Benton Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: 400; font-style: normal; text-decoration: inherit; display: inline; vertical-align: baseline; } .ico-share::before { content:""} .ico-calendar:before { content: ""; } .ico-eventbrite-wordmark:before {content: ""; } .ico--color-brand-orange { color: #f6682f; } .ico--color-brand-white { color: #fff; } /* * Selected Styles * Eventbrite Basic Layout Stylesheet * Version: v1.1.7 * Author: Bill Rousseau & Yoli Hodde */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix{display:block}.ui-helper-clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html .ui-helper-clearfix{height:1%}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-corner-all{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.6;z-index:9999!important}button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{border:0;padding:0}.ui-button-text{display:none}.ui-dialog{padding:15px 15px 50px;width:25%!important;z-index:99999!important;box-shadow:1px 2px 6px #111;-webkit-box-shadow:1px 2px 6px #111;-moz-box-shadow:1px 2px 6px #111;overflow:hidden;position:absolute;top:0;left:0;outline:0;background:#fff;border:1px solid #ddd}.ui-dialog .ui-dialog-content{position:relative;padding:0;border:0;background:0 0;overflow:auto}.ui-dialog .ui-dialog-titlebar{position:absolute;bottom:0;width:100%}.ui-dialog .ui-dialog-title{display:none;float:left;width:90%;margin:.1em 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{width:25px;height:25px;background:url(assets/svg/close-icon.svg) no-repeat center;background-size:22px auto;position:absolute;bottom:15px;left:42%;padding:1px;border:0;cursor:pointer}.ui-dialog .ui-dialog-titlebar-close:focus{outline:0}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-dialog .ui-dialog-titlebar-close span{text-indent:-9999px;display:block}.ui-front{z-index:100}.ui-dialog h2{font-size:16px;color:#464646;padding-bottom:25px;text-align:center;border-bottom:solid 1px rgba(118,118,118,.5);margin-bottom:25px}.ui-dialog a{width:90%;display:block;margin:15px auto;text-decoration:none;border-radius:3px;text-align:center;padding:15px 0;font-size:15px;color:#fff;letter-spacing:.5px;line-height:19px;position:relative}.ui-dialog .share-facebook a{background:#3b5998 url(assets/svg/facebook-share.svg) no-repeat 20px center;background-size:11px 22px}.ui-dialog .share-facebook a:active,.ui-dialog .share-facebook a:hover{background:#2e4a7a url(assets/svg/facebook-share.svg) no-repeat 20px center;background-size:11px 22px}.ui-dialog .share-twitter a{background:#55acee url(assets/svg/twitter-share.svg) no-repeat 15px center;background-size:21px auto}.ui-dialog .share-twitter a:active,.ui-dialog .share-twitter a:hover{background:#3990c6 url(assets/svg/images/twitter-share.svg) no-repeat 15px center;background-size:21px auto}.ui-dialog .share-email a{background:url'assets/svg/email-share.svg') no-repeat 15px center;background-color:#a0a0a0;background-size:21px 14px}.ui-dialog .share-email a:active,.ui-dialog .share-email a:hover{background:url(assets/svg/email-share.svg) no-repeat 15px center;background-size:21px 14px;background-color:#b2b2b2;}.ui-dialog .gcal-sync a,.ui-dialog .ical-sync a,.ui-dialog .share-email a,.ui-dialog .share-facebook a,.ui-dialog .share-twitter a{color:#fff;-moz-transition:none;-webkit-transition:none;-o-transition:none;transition:none}.cal-share{margin-top:2em}.share-button{position:relative;padding:10px 15px}.share-button .button-text{font-family:Helvetica,Arial sans-serif;font-size:16px;padding-left:.75em}.share-button .ico-calendar,.share-button .ico-share{font-size:18px}.share-text{display:block;margin:0 0 10px 0}.eb-tooltip span{z-index:-1;left:-999px;margin-left:-999em;position:absolute;opacity:.5;border:solid #ccc 1px}.eb-tooltip:hover span{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:11px;font-family:Helvetica,Arial sans-serif;background:#fff;position:absolute;left:0;top:22px;z-index:99;margin-left:0;padding:5px;opacity:.9;transition:opacity .3s ease-in;-moz-transition:opacity .3s ease-in;-webkit-transition:opacity .3s ease-in;color:#333;text-decoration:none;white-space:nowrap;text-shadow:none}.eb-tooltip:link{text-decoration:none}div#at_promo{display:none!important}.ui-dialog .gcal-sync a,.ui-dialog .ical-sync a{background:#a0a0a0 url(assets/svg/calendar-large-icon.svg) no-repeat 15px center;background-size:21px auto}.ui-dialog .gcal-sync a:active,.ui-dialog .gcal-sync a:hover,.ui-dialog .ical-sync a:active,.ui-dialog .ical-sync a:hover{background:#b2b2b2 url(assets/svg/calendar-large-icon.svg) no-repeat 15px center;background-size:21px auto}.fancy-close .ui-dialog-content{padding-top:0!important;margin-bottom:30px!important}.fancy-close .ui-dialog-titlebar{position:absolute;bottom:0;width:96%;width:calc(100% - 10px);height:26px;padding:0}.fancy-close .ui-dialog-title{display:none}.fancy-close .ui-dialog-titlebar-close{width:20px;margin:0;padding:1px;height:22px;border:0!important;top:initial}.fancy-close .ui-button{background:url(assets/svg/images/close-icon.svg) no-repeat center bottom #fff;background-size:19px auto;position:absolute;left:50%;margin-left:-11px}.fancy-close .ui-dialog-content{overflow:visible}div#fancy_div{background:#fff!important;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}a#fancy_left,a#fancy_right{display:none!important}.powered-by{font-family:"Benton Sans",sans-serif;font-size:13px;clear:both;position:relative;top:7px}.eb-powered a,.eb-powered a:hover,.powered-by,.powered-by:hover{text-decoration:none}i.ico-eventbrite-wordmark{display:block;font-size:34px}.text{clip:rect(0 0 0 0);overflow:hidden;position:absolute;height:1px;width:1px} /* ========================================================================== 1.0 #Layout ========================================================================== */ * { margin: 0; padding: 0; } html, body { height: 100%; } body { color: #fff; } .container { max-width: 1200px; width: 100%; padding: 0 30px; } .container, .container.hentry { margin: 0 auto; } .grid-wrapper { display: grid; } #masthead { width: 100%; margin: 0 auto; } #masthead:focus { outline: 0; } #content { min-height: 600px; } #secondary { min-height: 50px; background-color: #fff; border: 0; } #footer { width: 100%; min-height: 50px; margin: 0 auto; padding-top: 80px; padding-bottom: 80px; background: #151516; } .footer-content { width: 100%; padding: 40px; margin: 0 auto; overflow: auto; } /* ========================================================================== 2.0 #Elements, Buttons ========================================================================== */ /* Etc. */ ul {list-style: none;} blockquote { font-weight: bold; margin: 0; padding: 0 0 20px; } /* EB search & email signup */ select{ appearance: none; -webkit-appearance: none; -moz-appearance: none; } textarea, input[type="tel"], input[type="text"], input[type="email"], input[type="search"], #searchform .textform, .tfly-email-subscribe-text { width: 100%; margin: 8px 0 10px 0; padding: 10px; text-transform: uppercase; border: 1px solid transparent; border-radius: 0; } input[type="tel"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, #searchform .textform:focus, .tfly-email-subscribe-text:focus, textarea:focus { border-color: #D451A0; outline: 0; } button, input[type="button"], input[type="reset"], input[type="submit"], #searchform #searchsubmit, .tfly-email-subscribe-submit { display: block; margin: 0 auto; padding: 13px 37px 13px 37px; color: #fff; background: #D451A0; border: 2px solid transparent; border-radius: 0; text-align: center; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ font-size: 21px; line-height: 1; outline: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #searchform #searchsubmit:hover, .tfly-email-subscribe-submit:hover { background: #000; border-color: #D451A0; cursor: pointer; } /* Shared Button Classes */ .button { display: inline-block; max-width: 160px; width: 100%; margin-top: 10px; padding: 13px 25px; background: #D451A1; border-radius: 12.5px; color: #fff; } button:focus, .button:hover, .button:focus { background: #222; color: #fff; } .button.alt-color { background: #222; } .button.alt-color:hover { background: #D451A0; } .button.medium { width: 180px; max-width: 100%; } .button.large { width: 225px; max-width: 100%; width: fit-content; } .button.center, .button.aligncenter { display: block; margin: 20px auto 0; } .button.breadcrumb { position: relative; max-width: 220px; margin-bottom: 40px; padding: 8px 0; background: none; color: #fff; } .button.breadcrumb:before { position: absolute; top: 0; left: 0; content:''; width: 40px; height: 40px; text-indent: 30px; border-radius: 30px; background: url('assets/images/left-arrow.png') top left / 40px 40px no-repeat; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .button.breadcrumb { font-size: 24px; line-height: 20px; text-indent: 50px; } .button.breadcrumb:focus { color: #D451A0; } .button.breadcrumb:focus:before { background-color: #D451A0; } .button.breadcrumb:hover { color: #D451A0; } .button.breadcrumb:hover:before { background-color: #D451A0; } /* ========================================================================== 3.0 #Typography ========================================================================== */ .cooper-black { font-family: 'cooper-black-std', serif!important;; } .roboto-condensed { font-family: 'roboto-condensed', sans-serif!important;; } body { font-family: 'sofia-pro', sans-serif; font-size: 62.5%; font-weight: 500; } h1, h2, h3, h4, h5, h6 { font-family: 'cooper-black-std'; line-height: 1.2; font-weight: 400; color: #fff; } h1, h1.entry-title { font-size: 50px; } h1.site-title { line-height: 1; } h1.site-title a { font-size: 24px; } h1.entry-title a:link, h1.entry-title a:hover { text-decoration: none; } h1.page-title, h1.entry-title{ text-align: center; } h2 { font-size: 50px; } h3 { font-size: 44px; } h4 { font-size: 34px; } h5, h6 { font-size: 24px; } #faq h3, #tournament .entry-title, .acf-hero h2, .acf-card-repeater h2, .acf-repeater header h2, .event-listing h2.entry-title, .slide-wrapper h3.entry-title, .carousel-wrapper .entry-title { font-family: 'cooper-black-std', serif; font-size: 50px; line-height: 60px; font-weight: 400; font-style: italic; } p, a, ul, ul li { font-size: 16px; } ul.star-icons li { font-size: 18px; line-height: 24px; } .btn-text, .menu-toggle b { font-size: 16px; text-indent: 0; } .capitalize { text-transform: capitalize; } .container.capitalize { text-transform: inherit;} .container.center { margin: auto; } .main-navigation li a { font-size: 44px; font-family: 'cooper-black-std'; font-weight: 400; text-transform: capitalize; text-decoration: none;} .main-navigation li.menu-item-has-children a::after { font-family: 'Font Awesome 5 Free', sans-serif; font-weight: 600; } .main-navigation li.menu-item-has-children a::after { content: '\f107' } .main-navigation ul ul { text-align: center; } .main-navigation ul ul a { font-size: 14px; } .social-icons a, #footer .social-icons a i, .main-navigation .social-icons a { font-size: 26px; } blockquote, blockquote p { font-family: 'sofia-pro', sans-serif; font-size: 21px; font-weight: 700; } blockquote.large, blockquote.large p { font-size: 38px; } blockquote.medium, blockquote.medium p { font-size: 24px; } .header-section h1.page-title { font-size: 38px; } .non-event ul { font-size: 12px; } form.post-password-form input[type="submit"] { display: unset; width: 160px; height: 50px; transition: background-color 0.3s ease-in-out; font-size: 18px; font-weight: 700; font-family: 'roboto-condensed', sans-serif; text-align: center; text-transform: uppercase; text-decoration: none; } button, a.button { font-size: 18px; font-weight: 700; font-family: 'roboto-condensed', sans-serif; text-align: center; text-transform: uppercase; text-decoration: none; } .wp-block-button__link { font-family: 'roboto-condensed', sans-serif; font-size: 18px; font-weight: 700; text-align: center; text-transform: uppercase; text-decoration: none } a.site-credit { font-size: 11px; } .descrip { font-size: 20px; line-height: 24px; font-family: 'roboto-condensed'; text-transform: uppercase; } #footer a { font-family: 'sofia-pro', sans-serif; font-weight: 700; } #footer p a i { font-size: 30px; } #footer #footer-menu-01 a, #footer #footer-menu-02 a, #footer #footer-menu-03 a { font-size: 16px; } #footer-info { text-align: center; } #footer-info a { font-size: 16px; line-height: 1.2; text-transform: uppercase; } .widget-wrapper .menu a { text-transform: uppercase; } .accordion-item a { font-weight: 600; } .accordion-item h2, .accordion-item h3, .accordion-item h4, .acf-repeater-item, .acf-repeater-item p, .acf-repeater-item span, .acf-repeater-item h1, .acf-repeater-item h2, .acf-repeater-item h3, .acf-repeater-item h4 { font-family: 'roboto-condensed', sans-serif; font-size: 30px; text-transform: uppercase; } .faq-group .accordion-item h4 { font-size: 24px; line-height: 20px; } .acf-repeater-item { text-align: center; } .acf-hero:first-of-type h2 { font-size: 60px; line-height: 72px; } .acf-hero.medium .overlay h3, .flexible-layout .col .entry-title { font-size: 50px; line-height: 60px; font-style: italic; } .flexible-layout .col h3.entry-title { font-size: 42px; line-height: 50px; } .flexible-layout .col .descrip { line-height: 32px; } .flexible-layout .col p { font-size: 18px; line-height: 30px; } /* * Templates */ /* Home */ .page-template-page-home .col h2 { font-size: 92px; line-height: 113px; font-style: italic; } .page-template-page-home .col h2 span { font-size: 65px; line-height: 78px; } .page-template-page-home .col h3 { font-size: 18px; } .page-template-page-home .button.center { font-size: 21px; } .page-template-page-home .flexible-layout .col:last-child:before { font-family: 'cooper-black-std', serif; font-size: 92px; font-style: italic; } /* Home 05.03.22 - Reopening Edits */ .page-template-page-home .button-group { display: grid; grid-template-columns: minmax(min-content, max-content) minmax(min-content, max-content); grid-gap: 20px; align-items: center; justify-content: center; } .page-template-page-home .button-group .button { margin: 0; padding: 13px 20px; } /* About */ .page-template-page-about .press .acf-card h1, .page-template-page-about .press .acf-card h2, .page-template-page-about .press .acf-card h3, .page-template-page-about .press .acf-card h4, .page-template-page-about .press .acf-card h5, .page-template-page-about .press .acf-card h6 { font-family: 'roboto-condensed', sans-serif; font-weight: 700; text-transform: uppercase; } .page-template-page-about .press .acf-card a { font-size: 16px; text-transform: uppercase; } .page-template-page-about .press .acf-card h3 { font-style: normal; text-align: left; text-transform: capitalize; } .page-template-page-about .press .acf-card h4 { font-size: 27px; line-height: 29px; } .page-template-page-about .press .entry-title, .page-template-page-about .lineup .entry-title { text-align: center; font-style: italic; } .page-template-page-about .press header.container .entry-title { font-size: 50px; line-height: 60px; } section.artist-listing .col p { font-size: 18px; line-height: 1.75; } .press .acf-card .entry-title { font-size: 14px; text-align: left; text-transform: capitalize; } #wrapper .calendar .list-view-details .dates { line-height: 22px; text-align: center; text-transform: uppercase; } #wrapper .calendar .list-view-details .dates .data-meta0 { font-size: 16px; line-height: 22px; text-align: center; } #wrapper .calendar .list-view-details .dates .data-meta1, #wrapper .calendar .list-view-details .dates .data-meta2 { font-size: 23px; line-height: 30px; } #wrapper .calendar .list-view-details .artist-info { font-size: 29px; line-height: 31px; text-transform: uppercase; } #wrapper .calendar .list-view-details .event-summary { font-size: 20px; line-height: 24px; text-transform: uppercase; } .page-template-page-calendar .entry-content header span, .page-template-template-calendar-view .entry-content header span { font-family: 'roboto-condensed', sans-serif; font-size: 16px; font-weight: 600; text-transform: uppercase; } /* Dine */ .page-template-page-dine .acf-card p { font-size: 18px; line-height: 22px; } /* Eventbrite */ .eb-powered a { font-size: 12px; line-height: 1; text-align: left; } .section-title, .list-view-title { font-size: 38px; } #wrapper #eb-featured-events .event-name a { font-size: 40px; line-height: 46px; } #wrapper #eb-featured-events .date-time span { font-size: 24px; line-height: 20px; } .date-meta0, .date-meta1, .date-meta2, .date-meta3, .date-meta4, .date-meta5, .date-meta6 { display: block; text-transform: uppercase; line-height: 1.2; } .date-meta4, .date-meta5, .date-meta6 { display: none; } .date-meta0, .date-meta1, .date-meta2, .date-meta3, .date-meta4, .date-meta5, .date-meta6 { font-size: 21px; font-family: 'sofia-pro', sans-serif; font-weight: 700; } .date-meta1 { font-size: 40px; } .calendar-link:after, .calendar-list-flip:after, .calendar-view .start:before { font-family: 'Font Awesome 5 Free', sans-serif; font-style: normal; font-weight: normal; text-decoration: inherit; } .calendar-link:after { content: "\f073"; font-size: 16px; } .calendar-list-flip:after { content: "\f03a"; font-size: 18px; } #wrapper .calendar-link a { font-size: 18px; line-height: 16px; font-family: 'roboto-condensed', sans-serif; font-weight: 700; text-transform: uppercase; } .calendar-view .times:before { font-size: 12px; } #wrapper .headliners, #wrapper .headliners a, #wrapper .event-status-message, #wrapper .list-view .supports, #wrapper .list-view .supports a, #wrapper .event-detail .headliners { font-size: 24px; line-height: 27px; font-family: 'roboto-condensed', sans-serif; font-weight: 700; text-transform: uppercase; } .event-detail, .topline-info { font-size: 14px; } .topline-info { font-family: 'roboto-condensed', sans-serif; font-weight: 700; text-transform: uppercase; } .event-status-message { font-size: 27px; text-transform: inherit; } #wrapper .dates, #wrapper .times, #wrapper .price-range, #wrapper .event-summary { font-size: 14px; line-height: 19px; font-family: 'roboto-condensed', sans-serif; font-weight: 700; text-transform: uppercase; text-align: left; } #wrapper .times.no-times, #wrapper .dates.no-date{ display: none; } #wrapper .just-announced a { font-size: 24px; font-family: 'roboto-condensed', sans-serif; font-weight: 700; } #wrapper .grid-view .dates .date-meta0, #wrapper .grid-view .dates .date-meta1, #wrapper .grid-view .dates .date-meta2, #wrapper .grid-view .dates .date-meta3 { font-size: 16px; line-height: 21px; font-weight: 500; font-family: 'roboto-condensed', sans-serif; text-align: center; text-transform: uppercase; } #wrapper .more-info, #wrapper .more-info a, #wrapper .ticket-price .custom, #wrapper .list-view .ticket-link a, #wrapper .list-view button.ticket-link, #wrapper .list-view .cancelled, #wrapper .list-view .sold-out, #wrapper .list-view .sales-ended, #wrapper .list-view .unavailable, #wrapper .list-view .postponed, #wrapper .list-view .rescheduled, #wrapper .list-view .free, #wrapper .list-view .tickets-at-the-door, #wrapper .list-view .future-sale a, #wrapper .list-view .on-sale-soon, #wrapper .list-view .custom, #wrapper .list-view .off-sale, #wrapper .event-detail .ticket-link a, #wrapper .event-detail button.ticket-link, #wrapper .calendar-view button.ticket-link, #wrapper #eb-featured-events .ticket-link a, #wrapper #eb-featured-events button.ticket-link, #wrapper .sales-ended, #wrapper .tickets-at-the-door { font-size: 18px; line-height: 21px; font-weight: 500; font-family: 'roboto-condensed', sans-serif; text-shadow: none; text-transform: uppercase; text-align: center; } /* Consider resizing down for longer descriptions ie Closed for Private Event #wrapper .ticket-price .custom { font-size: 14px; line-height: 17px; } */ #wrapper .calendar-view .sales-ended, #wrapper .calendar-view button.ticket-link, #wrapper .calendar-view .ticket-price .custom { font-size: 14px; line-height: 1.1; } #wrapper .grid-view .dates, #wrapper .grid-view .price-range { text-align: left; } #wrapper .venue, #wrapper .price-range { font-size: 14px; font-weight: 400; } #wrapper .event-detail .supports { font-size: 24px; line-height: 1.45; font-family: 'sofia-pro'; font-weight: 700; text-transform: uppercase; } #wrapper .event-detail .event-name { font-size: 44px; line-height: 1.1; } #wrapper .event-detail .performers a, #wrapper .event-detail .topline-info { font-size: 24px; line-height: 1.45; } #wrapper .event-detail .ticket-price button { font-size: 18px; } #wrapper .event-detail .times, #wrapper .event-detail .dates { font-size: 24px; } #wrapper .event-detail .times { text-align: right; } #wrapper .event-info .price-range { font-size: 27px; line-height: 18px; text-align: left; } #wrapper .calendar-view .supports, #wrapper .calendar-view .supports a, #wrapper .calendar-view .headliners, #wrapper .calendar-view .headliners a { font-family: 'sofia-pro'; font-weight: 700; word-wrap: break-word; text-transform: uppercase; } #wrapper .calendar-view .headliners, #wrapper .calendar-view .headliners a { font-size: 18px; line-height: 1.25; } #wrapper .calendar-view .supports, #wrapper .calendar-view .supports a { font-size: 16px; line-height: 1.2; } .page-template-template-calendar-view #wrapper .calendar-view .headliners, .page-template-template-calendar-view #wrapper .calendar-view .headliners a { font-size: 14px; line-height: 1.2; } .page-template-template-calendar-view #wrapper .calendar-view .supports, .page-template-template-calendar-view #wrapper .calendar-view .supports a { font-size: 10px; line-height: 1; } .age-restriction { font-size: 12px; line-height: 1; } #wrapper .calendar-view .times, #wrapper .calendar-view .age-restriction { font-size: 10px; text-align: center; } .calendar-view table td section { text-align: center; } .calendar-view table .month { font-family: 'cooper-black-std'; font-size: 32px; font-style: italic; text-align: center; } .calendar-view .date { font-size: 14px; font-weight: 500; text-align: center; text-transform: uppercase; } .calendar-view .ticket-link a, .calendar-view button.ticket-link { font-size: 15px; font-weight: 600; text-align: center; text-transform: uppercase; } .share-text { font-weight: 400; text-transform:uppercase; font-size: 11px;} /* Widgets */ .textwidget { font-size: 14px; } #instagram-widget h2.widget-title { font-size: 26px; text-align: center; } /* Blog */ .blog article .entry-title { font-size: inherit; line-height: 1.35; text-align: center; } .blog article .entry-title a { font-size: 21px; font-family: 'sofia-pro', sans-serif; font-weight: 700; text-align: center; } .entry-meta-single { font-style: italic; } p.lower-meta, p.upper-meta { font-size: 10px; } .posted-on { font-size: 15px; font-weight: 500; text-transform: uppercase; } .single-post .posted-on { font-size: 21px; } .single-post .entry-title { text-align: center; } .meta-nav { font-size: 14px; font-weight: 400; text-transform: capitalize; } .entry-meta { text-align: center; } .post-excerpt p { font-size: 15px; } div.nav-next, div.nav-previous { font-size: 11px; font-weight: 300; text-transform: uppercase; } p.gallery { font-size: 14px; } p.gallery-text { font-size: 12px; font-style:italic; } .gallery-caption { font-size: 14px; line-height: 1.1; text-transform: uppercase; } .carousel-wrapper.two-col .descrip { font-family: 'sofia-pro'; font-size: 16px; text-transform: capitalize; } .carousel-wrapper.two-col h4 { font-size: 27px; font-family: 'roboto-condensed'; font-weight: 700; text-transform: uppercase; } /* ACF Components */ .acf-card p { font-size: 18px; font-family: 'sofia-pro'; font-weight: 700; } .acf-card h3 { font-size: 30px; line-height: 41px; font-family: 'roboto-condensed'; font-weight: 700; line-height: 1.1; text-transform: uppercase; } .flexible-layout .inquiries a { font-weight: 700; text-transform: lowercase; } .flexible-layout .inquiries h4, .flexible-layout .inquiries h5, .flexible-layout .inquiries h6 { font-size: 21px; line-height: 1.35; } .slide-wrapper .entry-title span { font-size: 30px; } #wrapper .carousel-wrapper.event .date, #wrapper .carousel-wrapper.event .dates, #wrapper .carousel-wrapper.event .genre, #wrapper .carousel-wrapper.event .times, #wrapper .carousel-wrapper.event .times span, #wrapper .carousel-wrapper.event .topline-info { font-size: 24px; line-height: 26px; } .carousel-wrapper.event .time { text-align: right; } #wrapper .carousel-wrapper.event .event-name, #wrapper .carousel-wrapper.event .event-name a { font-size: 44px; line-height: 46px; } .carousel-wrapper.event p, .carousel-wrapper.event h1, .carousel-wrapper.event h2, .carousel-wrapper.event h3, .carousel-wrapper.event h4 { font-family: 'sofia-pro', sans-serif; font-weight: 700; text-transform: uppercase; } .carousel-wrapper.event .entry-title, .carousel-wrapper.event .entry-title span { text-transform: capitalize; font-family: 'cooper-black-std'; } .carousel-wrapper.event .entry-title span { font-size: 23px; } /* FAQ */ #faq p, #faq p a { font-family: 'sofia-pro', sans-serif; font-size: 18px; font-weight: 400; } /* Gutenberg */ .page-template-template-gutenberg h1 { font-size: 56px; line-height: 72px; } .page-template-template-gutenberg h2 { font-size: 48px; line-height: 60px; } .page-template-template-gutenberg h2.has-large-font-size { line-height: 40px; } .page-template-template-gutenberg h3 { font-size: 32px; line-height: 48px; } .page-template-template-gutenberg h4 { font-size: 24px; line-height: 36px; } /* Tournament */ #tournament-info h3, #tournament-info h4, #tournament-info h5, #tournament-info h6 { font-family: 'roboto-condensed', sans-serif!important;; } #tournament-info p { font-size: 18px; } /* ========================================================================== 4.0 - #Links ========================================================================== */ a { color: #D451A0; text-decoration: none; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } a:hover { color: #aaa; text-decoration: none; } a img { backface-visibility: visible; } a:hover img { border-color: inherit; } img.alignleft { float: left; margin:0 16px 10px 0;} img.alignright { float: right; margin:0 0 10px 16px;} /* ========================================================================== 5.0 - #Widgets ========================================================================== */ h2.widget-title {font-size: 18px;font-weight:bold;} #secondary aside {margin-bottom:2.5em;} #wrapper div.youtube-playlist-sidebar ul, #wrapper .onsale ul, #wrapper .upcoming ul { background: #888; padding: 0; margin: 0 0 12px 0; } #wrapper div.youtube-playlist-sidebar li, #wrapper .onsale ul li, #wrapper .upcoming ul li { font-size: 0.9em; padding:0; margin: 1px 0; border-bottom:1px solid #ccc; } #wrapper div.youtube-playlist-sidebar li a:link, #wrapper .onsale ul li a:link, #wrapper .upcoming ul li a:link { color: #fff; font-weight: 400; display: block; padding: 7px 14px; } #wrapper div.youtube-playlist-sidebar li a:hover, #wrapper .onsale ul li a:hover, #wrapper .upcoming ul li a:hover { color: #fff; background-color: #333; } div.spacer {clear:both;height:20px;} /* ========================================================================== 6.0 - #Navigation ========================================================================== */ /* Main Menu */ .main-navigation { display: grid; grid-template-columns: 1fr; } .main-navigation .menu-main-menu-container { padding-right: 0; z-index: 1; } .main-navigation .menu-menu-left-container, .main-navigation .menu-menu-right-container { position: relative; z-index: 900; } .main-navigation .menu-menu-left-container { margin-right: 100px; } .main-navigation .menu-menu-right-container { margin-left: 100px; margin-right: 0; } .main-navigation ul { display: none; position: relative; z-index: 9999; max-width: 100%; margin: 0; padding: 0; text-align: center; } .main-navigation li { position: relative; } .main-navigation li:hover a, .main-navigation li.current-menu-item a { color: #D451A1; } .main-navigation li a { display: inline-flex; padding: 25px 30px; } .main-navigation li a:before { height: 0; } .main-navigation li:last-child a { margin-right: 0; } .main-navigation li.current-menu-item li a { color: #D451A0; } .main-navigation li.menu-item-has-children a::after { position: relative; left: 10px; } .main-navigation li.menu-item-has-children li a::after { content: none; } /* Dropdown */ .main-navigation ul ul { flex-direction: column; position: absolute; top: 0; left: -999em; z-index: 99999; background: rgba(104,170,148,0.9); margin-top: 55px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .main-navigation ul ul li { width: 100%; padding: 15px 10px; border-bottom: 1px solid #59917F; } .main-navigation ul ul li:hover { background: #D451A0; } .main-navigation ul ul li:hover a { color: #fff; } .main-navigation ul ul li:last-child { margin-bottom: 0; border: 0; } .main-navigation ul ul li a { margin-right: 0; color: #fff; } .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; color: #505050; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: 0; } /* Responsive Menu */ @-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); } } /* Hamburger Menu */ .menu-toggle { position: fixed; top: 10px; right: 10px; margin: 0; padding: 0; background: none; border: 1px solid transparent; text-indent: -9999px; } .menu-toggle:focus { border: 1px dotted #fff; } .menu-toggle::after { display: block; height: 50px; width: 50px; border-radius: 25px; content: ''; background-image: url('assets/images/menu-icon.png'); background-size: cover; background-color: #111; } .btn-text, .menu-toggle::after { transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; -o-transition: all .35s; } .menu-toggle:hover { background: none; border: 1px solid transparent; } .menu-toggle:hover .btn-text { color: #D451A1; } .menu-toggle:hover::after { background-color: #D451A1; } .menu-toggle .btn-text { display: flex; align-self: center; margin-right: 10px; text-indent: 0; } .main-navigation #primary-menu { display: none; padding-top: 10px; padding-bottom: 10px; } /* Hamburger Menu Toggled */ .main-navigation.toggled { transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; -o-transition: all .35s; } .main-navigation.toggled b { display: none; } .main-navigation.toggled #primary-menu { display: inherit; } .main-navigation.toggled .social-icons { display: flex; opacity: 1; } .menu-toggle, .main-navigation.toggled .menu { display: flex; z-index: 99999; } #site-navigation.toggled { position: fixed; top: 0; left: 0; height: 100%; min-height: 100vh; z-index: 9999; display: inherit; width: 100%; padding: 0; background: #161617; } #site-navigation.toggled .primary-menu { margin-right: auto; margin-left: auto; } #site-navigation.toggled .menu-toggle::after { background-image: url('assets/images/close-icon.png'); } #site-navigation.toggled .menu-toggle .btn-text::before { content: 'CLOSE'; } #site-navigation.toggled ul { display: grid; max-width: 330px; width: 100%; align-content: center; margin: auto; } #site-navigation.toggled ul ul:before { display: none; } #site-navigation.toggled ul li:first-child { padding-top: 10px; } #site-navigation.toggled ul li:last-child { margin-bottom: 0; border: 0; } ul li.tilde a { text-transform: uppercase; } ul li.tilde a:before { position: absolute; content: '\007E'; top: -10px; right: 35px; } span.tilde { position: relative; text-transform: uppercase; } span.tilde:before { position: absolute; content: '\007E'; top: -35px; right: 0; } .main-navigation.toggled ul li { padding: 0; } .main-navigation.toggled ul li a { position: relative; color: #fff; } .main-navigation.toggled ul li a:focus, .main-navigation.toggled ul li a:hover { color: #D451A1; } .main-navigation.toggled ul li a:focus:hover { outline: thin dotted; } .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; text-transform: capitalize; } .main-navigation.toggled ul ul { position: inherit; top: inherit; left: inherit; width: 100%; padding: 0; box-shadow: none; } .main-navigation.toggled ul ul li:first-child { padding-top: 0; } .main-navigation.toggled .social-icons a { color: #D451A1; } .main-navigation.toggled .social-icons a:hover { color: #fff; } /* ========================================================================== 7.0 - #Eventbrite Styles ========================================================================== */ /* List View */ #wrapper .list-view-heading { position: absolute; top: -110px; right: 0; margin-bottom: 0; } #wrapper .list-view-title { margin-bottom: 30px; color: #fff; } #wrapper .topline-info { margin-bottom: 5px; } #wrapper .event-status-message { color: #fff; } .dates { width: 100%; max-width: 140px; padding: 30px 0; } .list-view-item .dates { flex-direction: column; order: 1; justify-content: center; text-align: center; } .list-view-item .event-summary { margin-top: 5px; margin-bottom: 2.5px; color: #09AAA3; } .list-view-item .image-url img { min-height: 200px; width: 100%; object-fit: cover; backface-visibility: hidden; border: 0; transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; -o-transition: all .35s; } .list-view-item .image-url:hover img { opacity: .75; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } #wrapper .list-view { position: relative; } #wrapper .list-view .supports { margin-bottom: 0; } #wrapper .list-view-item .ticket-price { padding: 10px 20px 10px 0; } #wrapper .price-range { width: 100%; margin-top: 10px; margin-bottom: 5px; } #wrapper .age-restriction, .additional-event-info { display: inline-block; margin-top: 16px; padding: 4px 8px 0 0; } #wrapper .list-view-item { margin-bottom: 40px; padding: 0 0 40px; border: 0; display: grid; grid-template-columns: 0 1fr 175px; grid-template-rows: auto; } .list-view-details .more-info { display: none; } .list-view .pages { display: flex; justify-content: center; list-style-type: none; } .list-view .pages li { padding: 0 10px; } /* Grid, Flexbox Gridview */ #wrapper .event-listing { padding: 100px 0; background: #E7F1F7; } #wrapper .event-listing h2.entry-title { display: inline-flex; margin-bottom: 30px; padding: 25px 0 10px; background: url('assets/images/bubbles-icon-blk.png') 0 5px / 15px 21px no-repeat, url('assets/images/star-icon-blk.png') 24% 100% / 13px 14px no-repeat, url('assets/images/star-icon-blk-large.png') 94% 0 / 20px 22px no-repeat } #wrapper .grid-view .list-view { position: relative; display: grid; grid-gap: 30px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); } #wrapper .grid-view .list-view-item { grid-template-columns: initial; grid-template-rows: 200px auto auto; margin-bottom: 0; padding-bottom: 0; background: #151516; border-radius: 15px; overflow: hidden; -webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.3); box-shadow: 0 2px 6px 0 rgba(0,0,0,0.3); } #wrapper .grid-view .list-view-item .dates { display: flex; flex-direction: row; justify-content: inherit; order: inherit; max-width: inherit; margin-bottom: 5px; padding: 0; text-align: left; } #wrapper .grid-view .list-view-item .times { margin-left: 5px; } #wrapper .grid-view .list-view-item .times:before { margin-right: 5px; content: '|'; } #wrapper .grid-view .list-view-item .times.no-times:before{content: ""} #wrapper .grid-view .list-view-item .image-url { height: 200px; overflow: hidden; } #wrapper .grid-view .list-view-item .image-url img { min-height: initial; background-size: cover; } #wrapper .grid-view .list-view-item .more-info { border: 0; } #wrapper .grid-view .list-view-item .more-info a { display: inline-flex; justify-content: center; width: 100%; height: 100%; min-height: 50px; padding: 15px 0 13px; background: #E798C3; color: #fff; } #wrapper .grid-view .list-view-item .more-info a:hover { background: #222; } #wrapper .grid-view .list-view-item .ticket-price { display: grid; grid-template-columns: 1fr 1fr; align-items: end; padding: 0; } #wrapper .grid-view h2.entry-title { color: #151516; } #wrapper .grid-view .list-view-details { display: grid; padding: 15px 20px; } #wrapper .grid-view .event-summary { order: 1; } #wrapper .grid-view .artist-info { order: 2; } #wrapper .grid-view .date-age { order: 3; } /* Just Announced */ #wrapper .just-announced { margin: 30px 0; padding: 0; } #wrapper .just-announced ul { margin: 0; } #wrapper .just-announced ul li { list-style-type: none; } #wrapper .just-announced ul li:last-child { border-bottom: 0; } #wrapper .just-announced a { display: block; margin-bottom: 30px; padding: 20px; border: 1px solid #fff; } #wrapper .just-announced a:hover { background: #222; color: #fff; } /* Event Detail */ #wrapper .venue { margin: 15px 0; } #wrapper .event-detail { margin: auto; display: grid; grid-gap: 30px; grid-template-columns: 1fr 1fr; } #wrapper .event-info { position: relative; padding: 0 20px 20px; color: #fff; display: grid; grid-template-columns: 1fr; grid-template-areas: "date-time" "topline-info" "headliners" "supports" "ticket-price" "cal-share"; } #wrapper .event-info .topline-info { grid-area: topline-info; } #wrapper .event-info .headliners { grid-area: headliners; margin-bottom: 10px; } #wrapper .event-info .date-age { grid-area: date-time; } #wrapper .event-info .supports { grid-area: supports; } #wrapper .event-info .ticket-price { grid-area: ticket-price; } #wrapper .event-info .cal-share { grid-area: cal-share; } #wrapper .event-info button, #wrapper .event-info .ticket-price button, #wrapper .event-info .ticket-price span { border-radius: 15px; } #wrapper .event-info .dates { max-width: inherit; margin-bottom: 5px; padding: 0; } #wrapper .event-info .ticket-price { display: flex; align-items: center; position: relative; padding-top: 50px; } #wrapper .event-info .ticket-price:before { position: absolute; top: 10px; content:''; width: 100%; height: 6px; background: url('assets/images/border-roundedx2-gray.png') no-repeat center center; background-size: contain; } #wrapper .event-info .dotted-border { margin-bottom: 40px; padding: 0 0 40px 0; background-position: bottom left; } #wrapper .event-detail .topline-info { align-self: end; margin-bottom: 0; color: #09AAA3; } #wrapper .event-detail img { width: 100%; margin: 0 auto; border-radius: 15px } #wrapper .event-detail p { text-transform: initial; } #wrapper .event-description { width: 100%; margin-bottom: 20px; padding: 20px 0; } #wrapper .event-description div:first-child { color: #09AAA3; text-transform: uppercase; } #wrapper .event-info .price-range { display: flex; align-items: center; margin: 0; padding: 0; } #wrapper .event-info .date-time { display: grid; grid-template-columns: minmax(min-content, auto) 1fr; margin-bottom: 0; } .event-detail, .event-detail p, .event-detail h1, .event-detail h2, .event-detail h3, .event-detail h4, .event-detail h5, .event-detail h6 { color: #fff; } .event-detail p { color: #C7C7C7; } .event-detail a { color: #D451A0; } .event-detail a:hover { color: #8b5a4b; } .event-detail .venue-info { margin-top: 20px; padding: 20px; } .cal-share button { display: inline-block; } .cal-share button:first-child { margin-right: 5px; } #toolbox { margin-top: 20px; } #toolbox a, div.calendar-sync a { -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; } /* Preserve event summary for future purposes */ #wrapper .event-detail .event-summary { display: grid; margin: 20px auto; padding: 20px; } /* #wrapper .event-detail .event-description { display: grid; grid-column-start: 1; grid-column-end: 3; } */ #wrapper .event-detail .event-description img { float: none; display: block; width: initial; max-width: 100%; margin: auto; } #wrapper .event-detail .event-description * > div { margin-left: 0!important; } /* Calendar */ .page-template-page-calendar .calendar .entry-content { max-width: 1200px; width: 100%; margin: auto; padding: 100px 30px; } */ .page-template-page-calendar .calendar .event-status-message { color: #fff; text-align: center; } .calendar-view { position: relative; width: 100%; border-collapse: collapse; } .calendar-view table { background: #121212; margin-bottom: 60px; border-collapse: collapse; -webkit-box-shadow: 0 16px 64px -16px rgba(46,55,77,.1); box-shadow: 0 16px 64px -16px rgba(46,55,77,.1); position: relative; } .calendar-view table:last-of-type { margin-bottom: 0; } .calendar-view table .month { margin-bottom: 0; padding: 20px; border-bottom: 1px solid #383839; } .calendar-view table tr td { width: 14%; height: auto; margin: 0; padding: 0; border-top: 1px solid #383839; border-right: 1px solid #383839; vertical-align: top; } .calendar-view table tr td:last-of-type { border-right: 0; } .calendar-view table tr:first-child td { border: 1px solid transparent; } .calendar-view .date { padding: 5px; background: #09AAA3; color: #fff; } .calendar-view .data .sold-out { padding-top: 7.5px; padding-bottom: 7.5px; } .calendar-view .calendar-sync { position: absolute; z-index: 10; right: 10px; min-width: inherit; margin-right: 0; } .calendar-view .start { margin-top: 0; } .calendar-sync .share-button { float: right; margin-bottom: 20px; padding: 10px 20px; border-radius: 12.5px; } .calendar-view table td section h1, .calendar-view table td section h2, .calendar-view table td section .date-time { padding-right: 5px; padding-left: 5px; } .calendar-view table td section .date-time { display: flex; } .calendar-view table td section span.custom { display: flex; justify-content: center; align-items: center; } #wrapper .calendar-view .data .sold-out, #wrapper .calendar-view .data .on-sale-soon, #wrapper .calendar-view button.ticket-link, #wrapper .calendar-view .data .ticket-link a, #wrapper .calendar-view .data .future-sale a { width: 100%; margin-top: 10px; margin-bottom: 0; padding: 10px; border-radius: 0; } .calendar-view .data .sold-out:hover, .calendar-view .data .on-sale-soon:hover, .calendar-view button.ticket-link:hover, .calendar-view .data .ticket-link a:hover, .calendar-view .data .future-sale a:hover { } .calendar-view .start, .calendar-view .start:before { position: relative; } .calendar-view .start:before { top: -1px; display: inline-block; margin-right: 5px; transform: rotateY(0deg) rotate(-45deg); } #wrapper .calendar-link { position: relative; } #wrapper .calendar-link:after { display: none; } #wrapper .calendar-link a { display: inline-flex; justify-content: center; align-items: center; min-width: 165px; min-height: 50px; margin-top: 10px; padding: 13px 25px; background: #D451A1; border-radius: 12.5px; color: #fff; } #wrapper .calendar-link a:hover { background: #222; } #wrapper .calendar-view .times, #wrapper .calendar-view .age-restriction { display: flex; justify-content: center; width: 100%; margin-top: 10px; padding-right: 0; padding-left: 0; } .ico-calendar:before { color: #fff; } .eb-tooltip:hover span { top: 40px; left: -2px; border-radius: 0; } /* Headliner and Support */ #wrapper .headliners, #wrapper .headliners a, #wrapper .event-detail .headliners, #wrapper .supports, #wrapper .supports a, #wrapper .event-detail .performers a { color: #fff; } #wrapper .list-view .headliners { margin-bottom: 0; } #wrapper .calendar-view .headliners a { margin-bottom: 0; } #wrapper .supports a:hover, #wrapper .headliners a:hover { color: #D451A0; } #wrapper .calendar-view h1, #wrapper .calendar-view h2 { margin-bottom: 5px; } /* Ticket Status For All Sections */ #wrapper .ticket-link a, #wrapper button.ticket-link { display: flex; justify-content: center; align-items: center; cursor:pointer; border-radius: 0; text-decoration:none; background: #D451A0; } #wrapper .list-view .ticket-link a, #wrapper .event-detail .ticket-link a, #wrapper .list-view button.ticket-link, #wrapper .event-detail button.ticket-link { background: #D451A0; } #wrapper .tfly-calendar .ticket-link a, #wrapper .tfly-calendar button.ticket-link, #wrapper .calendar-view .ticket-link a, #wrapper .calendar-view button.ticket-link, #wrapper .calendar-view .ticket-price .custom { margin: 6px auto; padding: 6px 10px; } #wrapper .sales-ended, #wrapper .tickets-at-the-door, #wrapper .future-sale a, #wrapper .on-sale-soon, #wrapper .custom { margin: 0 auto; background: #444; color: #8b5a4b; font-weight:normal; line-height: 1; } #wrapper .custom a { color: #8b5a4b; } #wrapper .off-sale { width: 100px; } #wrapper .future-sale a:hover, #wrapper .on-sale-soon:hover { text-decoration:underline; } #wrapper .tfly-calendar .cancelled, #wrapper .tfly-calendar .sold-out, #wrapper .tfly-calendar .sales-ended, #wrapper .tfly-calendar .unavailable, #wrapper .tfly-calendar .postponed, #wrapper .tfly-calendar .rescheduled, #wrapper .tfly-calendar .free, #wrapper .tfly-calendar .tickets-at-the-door, #wrapper .tfly-calendar .future-sale a, #wrapper .tfly-calendar .on-sale-soon, #wrapper .tfly-calendar .custom, #wrapper .tfly-calendar .off-sale, #wrapper .calendar-view .cancelled, #wrapper .calendar-view .sold-out, #wrapper .calendar-view .sales-ended, #wrapper .calendar-view .unavailable, #wrapper .calendar-view .postponed, #wrapper .calendar-view .rescheduled, #wrapper .calendar-view .tickets-at-the-door, #wrapper .calendar-view .future-sale a, #wrapper .calendar-view .on-sale-soon, #wrapper .calendar-view .custom, #wrapper .calendar-view .off-sale { margin: 6px auto; padding: 5px; } #wrapper .custom, #wrapper .more-info, #wrapper .ticket-link a, #wrapper .ticket-price .custom, #wrapper button.ticket-link, #wrapper .cancelled, #wrapper .sold-out, #wrapper .sales-ended, #wrapper .unavailable, #wrapper .postponed, #wrapper .rescheduled, #wrapper .free, #wrapper .tickets-at-the-door, #wrapper .future-sale a, #wrapper .on-sale-soon, #wrapper .off-sale, #wrapper #eb-featured-events .ticket-link a, #wrapper #eb-featured-events button.ticket-link, #wrapper sales-ended { display: flex; justify-content: center; align-items: center; height: 50px; min-width: 150px; margin: 0; padding: 13px 0; border: 2px solid transparent; color: #fff; } #wrapper .custom { background: #0AAAA3; } #wrapper .free { background: none; } #wrapper .free a, #wrapper .ticket-link a:hover, #wrapper button.ticket-link:hover, #wrapper #eb-featured-events .ticket-link a:hover, #wrapper #eb-featured-events button.ticket-link:hover { background: #222; border-color: #222; } /* ========================================================================== 8.0 - #Author Styles www.jeremyschuler.com ========================================================================== */ /* Animations */ @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Images Loaded */ .acf-hero, .header-section { opacity: 0; background-repeat: no-repeat; -webkit-animation: 'fadein'; -o-animation: 'fadein'; animation: 'fadein'; animation-duration: .3s; } .acf-hero.loaded, .header-section.loaded { opacity: 1; } /* Global */ ::-webkit-input-placeholder { /* Edge */ color: #5E5E5E; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #5E5E5E; } ::placeholder { color: #5E5E5E; } .edit-link { padding: 0 20px; } #wrapper { min-height: 100vh; background: #151516; } #main { position: relative; padding-top: 200px; } #main.no-padding { padding-top: 0; } h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; } p, blockquote p { color: #fff; } p:last-of-type, article p:last-of-type { margin-bottom: 0; padding-bottom: 20px; } article:focus, section:focus { border: 1px dotted #fff; outline: none; } article blockquote { margin-bottom: 30px; color: #fff; } article blockquote p:last-of-type { padding-bottom: 0; } iframe { max-width: 100%; } i { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .entry-content h2.descrip { font-size: 21px; text-align: center; line-height: 1.35; } .entry-content h2.descrip { width: 525px; max-width: 100%; margin: -10px auto 40px; } /* -------------------------------------------------------------------------- ## 8.1 Header -------------------------------------------------------------------------- */ #masthead { position: absolute; top: 0; display: flex; justify-content: space-between; padding: 20px; z-index: 9999; } .site-logo { position: absolute; top: 48px; right: 0; left: 0; z-index: 100; margin-top: 0; text-align: center; } .home .site-logo { top: 16px; } .logged-in .site-logo { top: 32px; } .site-logo img { display: inline-block; width: 275px; max-width: 100%; backface-visibility: hidden; transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; -o-transition: all .35s; } .site-logo a { display: inline-block; } .site-logo a:hover img { opacity: .8; max-width: 96%; } .site-branding { display: inline-flex; min-width: 600px; align-items: center; } .site-description { width: 100%; margin: 0 0 0 -100px; color: #767676; } .site-logo, .home .site-logo, .logged-in .site-logo { top: 16px; margin-top: 0; } .logged-in #masthead { top: 32px; } .site-logo img {width: 275px; max-width: 100%; } .menu-toggle { top: 16px; } .logged-in .menu-toggle { top: 48px; } h1.site-title a:link, h1.site-title a:visited { color: #222; text-decoration: none; } h1.site-title a:hover { color: #aaa; text-decoration: none; } .entry-title { margin-bottom: 30px; } #masthead .social-icons { display: none; justify-content: center; align-items: center; position: absolute; z-index: 500; right: 0; left: 0; bottom: 40px; } #masthead .toggled .social-icons { display: flex; } #masthead .social-icons li { padding: 5px 10px; border: 0; } #masthead .social-icons li:hover { background: none; } #masthead .social-icons a { padding: 0; } /* -------------------------------------------------------------------------- ## 8.2 Footer -------------------------------------------------------------------------- */ #footer, #bottom-bar { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; } #footer a { color: #fff; } #footer a:focus, #footer a:hover, #footer .current_page_item a { color: #D451A0; } #footer p a i { display: block; margin-bottom: 5px; transition: none; } #bottom-bar { padding: 0 0 60px; } #bottom-bar .col { grid-column: 4; grid-row: 1; } #bottom-bar .eb-powered-footer { margin: 0; background: #151516; } #bottom-bar .social-icons li { display: inline-flex; margin-right: 20px; } #bottom-bar .social-icons li:last-child { margin-right: 0; } #bottom-bar a { color: #fff; } #bottom-bar a:focus, #bottom-bar a:hover { color: #D451A0; } .eb-powered a { display: inline-block; } .eb-powered a i { transition: none; } .eb-powered a:hover span, .eb-powered a:hover i { color: #f6682f; } #footer-info { text-align: left; } #footer-info .footer-widget, #bottom-bar .eb-powered-footer { width: 150px; max-width: 100%; margin: auto; } #footer-info .textwidget { margin-top: 20px; } .footer-widget ul li { padding-bottom: 30px; } .footer-widget img { display: block; width: 150px; margin: 0 auto 40px auto; } #footer-menu-03, #footer-menu-03 .col { display: flex; } #footer-menu-03 ul.social-icons { align-self: flex-end; } /* -------------------------------------------------------------------------- ## 8.3 #Templates -------------------------------------------------------------------------- */ /* Gutenberg */ .page-template-template-gutenberg #main { position: relative; padding-top: 100px; } .page-template-page-dine .acf-hero.bkg-overlay:after { background: rgba(0,0,0,.45); } .wp-block-group.has-background { padding-top: 5em; padding-bottom: 5em; } .wp-block-button__link { display: inline-block; max-width: 160px; width: 100%; margin-top: 10px; padding: 13px 25px; background: #D451A1; border-radius: 12.5px; color: #fff; } .is-content-justification-center .wp-block-button { display: flex; justify-content: center; } /* Gutenberg -- Tournament */ .page-template-template-gutenberg.page-id-1231 #main { background-color: #1F2549; } /* Template - Single Col Centered */ .page-template-page-template-single-col-centered .container { max-width: 770px; } /* 404 */ .error404 #content { background: #111; } /* Shared */ .page-template-page-listing .acf-hero.medium:last-of-type .button, .page-template-page-talent-booking-php .acf-hero.medium:last-of-type .button { margin-top: 0; } .acf-hero.bkg-overlay .overlay .button { margin-top: 0; } /* Add 20% black overlay to Private Party hero component */ .acf-hero.bkg-overlay:after { position: absolute; z-index: 1; width: 100%; height: 100%; content:''; background:rgba(0,0,0,.25); } .page-template-page-listing .acf-repeater .grid, .page-template-page-talent-booking .acf-repeater .grid { grid-template-columns: repeat( auto-fit, minmax(550px, 1fr)); grid-gap: 40px; } .page-template-page-talent-booking .acf-hero .overlay { max-width: 900px; width: 100%; } /* Page Listing */ .page-template-page-listing .acf-repeater { padding-right: 30px; padding-left: 30px; } .page-template-page-listing .acf-hero:first-of-type:before, .page-template-page-calendar .header-section:first-of-type:before, .page-template-template-calendar-view .header-section:first-of-type:before { height: 27px; width: 100%; position: absolute; z-index: 500; bottom: 0; left: 0; content:''; background: url('assets/images/LIVE!LIVE!LIVE!.png') repeat-x; background-size: 75%; } .page-template-page-listing .entry-content { margin-bottom: 0; } .page-template-page-listing .acf-hero h2 { display: inline-block; padding: 10px 20px 0; background: url('assets/images/heart-icon.png') 0 0 / 20px 23px no-repeat, url('assets/images/pound-icon-small.png') 100% 5px / 16px 16px no-repeat; } .page-template-page-listing .acf-hero:last-of-type h2 { background: none; } .page-template-page-listing #wrapper .event-listing.acf-events { padding-bottom: 100px; } .page-template-page-listing #wrapper #free, .page-template-page-listing #wrapper #free.notification { background: #151516; } .page-template-page-listing #wrapper #free { padding: 100px 20px; } .page-template-page-listing #wrapper #free .entry-title { color: #fff; background: url('assets/images/bubbles-icon.png') 0 5px / 15px 21px no-repeat, url('assets/images/star-icon.png') 24% 100% / 13px 14px no-repeat, url('assets/images/star-icon.png') 94% 0 / 20px 22px no-repeat; } /* Non Event Global Styles */ div.entry-content { margin: 0 0 40px 0; } div.entry-content.non-event { margin-bottom: 0; padding: 0 0 40px; } .non-event ul { list-style: disc; margin: 0 0 1em 3em; } article.format-standard { margin: 0 0 30px 0; overflow: auto; } /* Home */ .page-template-page-home .entry-header { position: absolute !important; border: 0; height: 1px; width: 1px; margin: -1px; padding: 0; overflow: hidden; word-wrap: normal !important; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); } .page-template-page-home .col h2 { display: inline-flex; padding: 25px 40px 0; } .page-template-page-home .col:first-child h2 { margin-bottom: 0; background: url('assets/images/star-icon.png') 5px 95% / 15px 15px no-repeat, url('assets/images/lightning-icon-right.png') 0 20px / 30px 31px no-repeat, url('assets/images/XO-icon-flipped.png') 50% 20px / 30px 15px no-repeat, url('assets/images/star-icon.png') 100% 20px / 20px 24px no-repeat, url('assets/images/pound-icon-small.png') 95% 95% / 20px 20px no-repeat; } .page-template-page-home .col:last-child h2 { margin-bottom: 0; background: url('assets/images/bubble-icon-right.png') 90px 20px / 20px 24px no-repeat, url('assets/images/star-icon.png') 100% 75% / 15px 15px no-repeat, url('assets/images/star-icon.png') 58% 0 / 20px 20px no-repeat, url('assets/images/heart-icon.png') 90% 25px / 20px 20px no-repeat; } .page-template-page-home .col h2 span { display: flex; align-self: flex-end; position: relative; top: -20px; margin-right: 30px; border-bottom: 6px solid #fff; } .page-template-page-home a.button { margin: 0 auto; } .page-template-page-home .header-section, .page-template-page-home-2023 .header-section, .page-template-page-home .flexible-layout.two-col { height: 100vh; min-height: 100%; } .page-template-page-home .header-section { position: absolute; top: 0; left: 0; z-index: 250; width: 100%; margin-bottom: 0; background-attachment: fixed; } .page-template-page-home .flexible-layout.two-col { align-content: center; position: relative; z-index: 500; padding-bottom: 0; } .page-template-page-home .flexible-layout.two-col .col { position: relative; top: 20px; text-align: center; } .page-template-page-home .flexible-layout.two-col .col:first-child:after, .page-template-page-home .flexible-layout.two-col .col:last-child:after, .page-template-page-home-2023 .header-section { z-index: 100; } .page-template-page-home-2023 #splash-home .col .typescale-02 { background: none; font-size: 81px; line-height: 1.2; } #splash-home.flexible-layout.two-col .col:nth-child(2):after { position: absolute; content: ''; height: 130px; width: 6px; background: url('assets/images/border-roundedx2-white.png') no-repeat bottom center; background-size: 6px; /* debug Safari rounded border bug border-left: 6px dotted #ffff; */ } #splash-home.flexible-layout.two-col .col:first-child:after, #splash-home.flexible-layout.two-col .col:nth-child(1):after { top: -110px; right: -18px; } #splash-home.flexible-layout.two-col .col:last-child:after, #splash-home.flexible-layout.two-col .col:nth-child(2):after { top: 150px; left: -18px; } #splash-home.flexible-layout.two-col .col:last-child:before, #splash-home.flexible-layout.two-col .col:nth-child(2):before { position: absolute; top: 15px; left: -55px; content: '&'; } @media (max-width: 760px) { .page-template-page-home-2023 #splash-home .col .typescale-02 { font-size: 37px; } } @media (max-height: 720px) { #splash-home.flexible-layout.two-col .col:first-child:after, #splash-home.flexible-layout.two-col .col:last-child:after, #splash-home.flexible-layout.two-col .col:nth-child(1):after, #splash-home.flexible-layout.two-col .col:nth-child(2):after { max-height: 80px; } #splash-home.flexible-layout.two-col .col:first-child:after, #splash-home.flexible-layout.two-col .col:nth-child(1):after { top: -55px; } } @media (max-height: 600px) { #splash-home.flexible-layout.two-col .col:first-child:after, #splash-home.flexible-layout.two-col .col:last-child:after, #splash-home.flexible-layout.two-col .col:nth-child(1):after, #splash-home.flexible-layout.two-col .col:nth-child(2):after { display: none; } { display: none; } } /* * Home Splash Page 2023 * Last Updated: 05.03.23 */ /* Typography */ .page-template-page-home-2023 .col h2 { font-size: 92px; line-height: 1.1; font-style: italic; } .page-template-page-home-2023 .col h2 span { font-size: 65px; line-height: 1.2; } .page-template-page-home-2023 .col h3 { font-size: 18px; } .page-template-page-home-2023 .button.center { font-size: 21px; } .page-template-page-home-2023 .flexible-layout .col:nth-child(2):before { font-family: 'cooper-black-std', serif; font-size: 92px; font-style: italic; } /* Content */ .page-template-page-home-2023 #splash-home .col:last-of-type { grid-column: 1 / -1; /* span the entire row */ justify-self: center; /* horizontally center the element */ } .page-template-page-home-2023 .post-password-form { position: relative; z-index: 500; height: 100vh; padding-right: 16px; padding-left: 16px; background: #111; display: grid; align-items: center; justify-content: center; } .page-template-page-home-2023 .post-password-form p { display: grid; grid-template-columns: auto max-content; height: 100%; } .page-template-page-home-2023 .post-password-form p:first-of-type { align-items: flex-end; min-height: 100%; margin: 0; } .page-template-page-home-2023 .post-password-form p:last-of-type { grid-gap: 8px; margin: 2em 0 0; } .page-template-page-home-2023 .post-password-form input { height: 53px; } .page-template-page-home-2023 .post-password-form input:first-of-type { width: 100%; } .page-template-page-home-2023 .post-password-form input[type="submit"] { border-radius: 12.5px; font-size: 18px; font-weight: 700; font-family: 'roboto-condensed', sans-serif; text-align: center; text-transform: uppercase; text-decoration: none; margin-top: 32px; } .page-template-page-home-2023 .post-password-form label[for="post_password"] { display: none; } .page-template-page-home-2023 .post-password-form label input { margin-top: 8px; } .page-template-page-home-2023 .entry-header { position: absolute !important; border: 0; height: 1px; width: 1px; margin: -1px; padding: 0; overflow: hidden; word-wrap: normal !important; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); } .page-template-page-home-2023 #main { display: grid; align-items: center; } #splash-home .col h2 { display: inline-flex; padding: 25px 40px 0; } #splash-home .col:first-child h2 { background: url('assets/images/star-icon.png') 5px 95% / 15px 15px no-repeat, url('assets/images/lightning-icon-right.png') 0 20px / 30px 31px no-repeat, url('assets/images/XO-icon-flipped.png') 50% 20px / 30px 15px no-repeat, url('assets/images/star-icon.png') 100% 20px / 20px 24px no-repeat, url('assets/images/pound-icon-small.png') 95% 95% / 20px 20px no-repeat; } #splash-home .col:nth-child(2) h2 { background: url('assets/images/bubble-icon-right.png') 90px 20px / 20px 24px no-repeat, url('assets/images/star-icon.png') 100% 75% / 15px 15px no-repeat, url('assets/images/star-icon.png') 58% 0 / 20px 20px no-repeat, url('assets/images/heart-icon.png') 90% 25px / 20px 20px no-repeat; } #splash-home .col:nth-child(3) h2 { padding-top: 0; background: url('assets/images/pound-icon-small.png') 16px 10px / 20px 20px no-repeat, url('assets/images/heart-icon.png') 95% 95% / 20px 20px no-repeat; } #splash-home .col h2 span { display: flex; align-self: flex-end; position: relative; top: -20px; margin-right: 30px; border-bottom: 6px solid #fff; } #splash-home a.button { margin: 0 auto; } #splash-home .header-section { position: absolute; top: 0; left: 0; z-index: 250; width: 100%; margin-bottom: 0; background-attachment: fixed; } #splash-home.flexible-layout.two-col { grid-row-gap: 8px; /* set the bottom gap to 8px */ min-height: 100vh; align-content: center; position: relative; z-index: 500; margin-top: 80px; padding-top: 30px; padding-bottom: 30px; } #splash-home.flexible-layout.two-col .col { position: relative; text-align: center; } #splash-home.flexible-layout.two-col .col:first-child:after, #splash-home.flexible-layout.two-col .col:nth-child(2):after { position: absolute; content: ''; height: 130px; width: 6px; background: url('assets/images/border-roundedx2-white.png') no-repeat bottom center; background-size: 6px; /* debug Safari rounded border bug border-left: 6px dotted #ffff; */ } #splash-home.flexible-layout.two-col .col:first-child:after { top: -110px; right: -18px; } #splash-home.flexible-layout.two-col .col:nth-child(2):after { top: 150px; left: -18px; } #splash-home.flexible-layout.two-col .col:nth-child(2):before { position: absolute; top: 15px; left: -55px; content: '&'; } #splash-home .button-group { display: grid; grid-template-columns: minmax(min-content, 150px) minmax(min-content, 150px); grid-gap: 16px; align-items: center; justify-content: center; } #splash-home .button-group .button { margin: 0; padding: 13px 20px; } #splash-home #cta.button { background: #D451A1 url('assets/images/cta-favicon.png') no-repeat; background-size: 18px; background-position: calc(100% - 16px) 8px; justify-content: flex-start!important; } #splash-home #cta.button:hover { background-color: #222; } /* * Home v2 * 05.26.23 */ .page-template-page-home-2023 .header-section { position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; min-width: 100%; min-height: 100%; background-color: #111; overflow: hidden; } #splash-home.has-2-columns--60-40 { grid-template-columns: 60% 40%; grid-gap: 0; max-width: 1440px; margin: 0 auto!important; padding: 0 16px; } #splash-home.has-2-columns--60-40 p { margin-bottom: 0; padding-bottom: 0; } #splash-home.has-2-columns--60-40 a.button { display: flex; justify-content: center; align-items: center; width: 160px; height: 50px; transition: background-color 0.3s ease-in-out; } #splash-home.has-2-columns--60-40 .col:last-of-type { display: none; } #splash-home.has-2-columns--60-40 .col:before, #splash-home.has-2-columns--60-40 .col:after { display: none; } #splash-home.has-2-columns--60-40 .button-group { grid-template-columns: repeat(2, 1fr); width: max-content; margin: auto; } #splash-home.has-2-columns--60-40 .button-group.has-3-columns { grid-template-columns: repeat(3, 1fr); } #splash-home.has-2-columns--60-40 .col:nth-child(1) .col--row:nth-child(1) h2 { background: url('/wp-content/themes/opheliasdenver-v3/assets/images/star-icon.png') 5px 95% / 15px 15px no-repeat, url('/wp-content/themes/opheliasdenver-v3/assets/images/lightning-icon-right.png') 0 20px / 30px 31px no-repeat, url('/wp-content/themes/opheliasdenver-v3/assets/images/XO-icon-flipped.png') 50% 20px / 30px 15px no-repeat, url('/wp-content/themes/opheliasdenver-v3/assets/images/star-icon.png') 100% 20px / 20px 24px no-repeat, url('/wp-content/themes/opheliasdenver-v3/assets/images/pound-icon-small.png') 98% 100% / 20px 20px no-repeat; } #splash-home.has-2-columns--60-40 .col:nth-child(2) h2 { background: url('/wp-content/themes/opheliasdenver-v3/assets/images/bubble-icon-right.png') 20px 20px / 20px 24px no-repeat, url('/wp-content/themes/opheliasdenver-v3/assets/images/star-icon.png') 100% 75% / 15px 15px no-repeat, url('/wp-content/themes/opheliasdenver-v3/assets/images/star-icon.png') 58% 0 / 20px 20px no-repeat, url('/wp-content/themes/opheliasdenver-v3/assets/images/heart-icon.png') 90% 25px / 20px 20px no-repeat; } #splash-home.has-2-columns--60-40 .col:nth-child(1) .col--row:nth-child(2) h2 { background: url('/wp-content/themes/opheliasdenver-v3/assets/images/pound-icon-small.png') 10px 24px / 20px 20px no-repeat, url('/wp-content/themes/opheliasdenver-v3/assets/images/heart-icon.png') 99% 100% / 20px 20px no-repeat; } #splash-home.has-2-columns--60-40 .col:nth-child(2) .col--row:nth-child(2) h2 { background: url('/wp-content/themes/opheliasdenver-v3/assets/images/heart-icon.png') 10px 24px / 20px 20px no-repeat, url('/wp-content/themes/opheliasdenver-v3/assets/images/pound-icon-small.png') 99% 100% / 20px 20px no-repeat; } @media (max-width: 1120px) { #splash-home.has-2-columns--60-40 h2 { font-size: 52px; line-height: 1.2; } #splash-home.has-2-columns--60-40 a.button { font-size: 14px; } } @media (max-width: 1024px) { #splash-home.has-2-columns--60-40 { grid-template-columns: 50% 50%; padding: 0; } #splash-home.has-2-columns--60-40 .col h2 span { top: -18px!important; margin-right: 16px!important; } } @media (max-width: 760px) { #splash-home.has-2-columns--60-40 { grid-template-columns: 1fr; } #splash-home.has-2-columns--60-40 .col:nth-child(1) { order: 2; } #splash-home.has-2-columns--60-40 .col:nth-child(2) { order: 1; } #splash-home.has-2-columns--60-40 .col:nth-child(2) .col--row:nth-child(2) { display: none; } #splash-home.has-2-columns--60-40 .col h2 { font-size: 44px; line-height: 1.2; } #splash-home .col h2 { margin-bottom: 16px; padding-right: 0; padding-left: 0; background: none!important; } #splash-home .col h2 span { top: -12px; margin: 0 12px 0 0; font-size: 24px; line-height: 1.2; } } @media (max-width: 414px) { #splash-home.has-2-columns--60-40 .col:nth-child(1) .col--row:nth-child(1) h2 { margin-top: 50px; } } /* Inner Shared Styles to maintain consistency */ .acf-card-wrapper, .acf-repeater, .page-template-page-about .about, .page-template-page-about .press, .page-template-page-about .lineup, .page-template-page-dine .dine-cal, .venue-specs { padding: 100px 0; } .acf-repeater-item { padding-bottom: 20px; } .page-template-page-about .press .entry-content, .page-template-page-about .flexible-layout.one-col, .page-template-page-about .flexible-layout.two-col, .page-template-page-dine .flexible-layout.one-col, .page-template-page-dine .flexible-layout.two-col { margin-bottom: 0; padding-bottom: 0; } .flexible-layout img { border-radius: 15px; } .acf-card-wrapper, .page-template-page-about .press { background: #1F2549; } .page-template-page-about .press header .container .entry-title { display: inline-block; padding: 20px 30px; background: url('assets/images/bubbles-icon.png') center 0 / 20px 24px no-repeat, url('assets/images/kiss-icon.png') right 10px / 28px 18px no-repeat, url('assets/images/XO-icon.png') 70% bottom / 30px 15px no-repeat, url('assets/images/pound-icon-small.png') 0 bottom / 15px 15px no-repeat; } .page-template-page-about .about, .page-template-page-about .lineup, .venue-specs { background: #E7F1F7; } .page-template-page-dine .acf-card-wrapper .grid, .page-template-page-about .acf-card-wrapper .grid, .page-template-page-private-events .acf-card-wrapper .grid { display: grid; grid-gap: 30px; justify-content: center; max-width: 1200px; width: 100%; margin: auto; padding: 0 30px; } .page-template-page-dine .acf-card-wrapper .grid { grid-auto-rows: 1fr; margin-bottom: 0; } .page-template-page-dine .acf-card-wrapper .acf-card { grid-template-rows: minmax(min-content, max-content) auto 53px; } .page-template-page-dine .acf-hero .overlay h3, .page-template-page-listing .acf-hero .overlay h3, .page-template-page-private-events .acf-hero .overlay h3 { max-width: 550px; width: 100%; margin: 0 auto 20px; } .page-template-page-dine .acf-hero.medium .overlay h3 { max-width: 100%; } /* Dine / Eat */ .page-template-page-dine .acf-hero h2 { display: inline-block; padding: 10px 20px 0; background: url('assets/images/pound-icon-small.png') 0 10px / 15px 15px no-repeat, url('assets/images/pound-icon-small.png') 100% 0 / 20px 20px no-repeat, url('assets/images/XO-icon.png') 50% 0 / 30px 15px no-repeat; } .page-template-page-dine .dine-cal .col p { padding-bottom: 0; } .page-template-page-dine .dine-cal .col:last-child { display: flex; flex-direction: column; justify-content: center; padding-right: 30px; padding-left: 30px; } .page-template-page-dine .dine-cal .col:last-child p { font-weight: 600; } .page-template-page-dine .acf-card-wrapper header { margin-bottom: 0; text-align: left; } .page-template-page-dine .acf-card-wrapper .grid { grid-template-columns: minmax(260px, 390px) minmax(260px, 390px); } .page-template-page-dine .acf-card .entry-content { margin-bottom: 20px; } .page-template-page-dine .acf-card p span:after { position: relative; top: 3px; margin-left: 5px; content:'\00B7'; font-size: 36px; } .page-template-page-dine .acf-card .button { margin: 0; } .page-template-page-dine .carousel-wrapper, .page-template-page-dine .carousel-wrapper #carousel, .page-template-page-dine #wrapper .carousel-wrapper.two-col, .page-template-page-private-events .carousel-wrapper, .page-template-page-private-events .carousel-wrapper #carousel { max-width: 100%; padding: 0; } /* About */ .page-template-page-about .acf-hero { background-position: right 0 bottom 0!important; } .page-template-page-about .acf-hero h2 { display: inline-block; padding: 20px 20px 0; background: url('assets/images/XO-icon.png') 0 16px / 16px 16px no-repeat, url('assets/images/star-icon.png') 70% 0 / 20px 23px no-repeat, url('assets/images/bubbles-icon.png') 100% 4px / 20px 24px no-repeat; } .page-template-page-about .about p, .page-template-page-about .about .entry-title, .page-template-page-about .lineup .entry-title { color: #161617; } .page-template-page-about .acf-card-wrapper .grid { grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); } .page-template-page-about .press .acf-card-wrapper { padding-top: 0; padding-bottom: 0; } .page-template-page-about .press .acf-card { padding: 15px; } .page-template-page-about .press .acf-card h1, .page-template-page-about .press .acf-card h2, .page-template-page-about .press .acf-card h3, .page-template-page-about .press .acf-card h4, .page-template-page-about .press .acf-card h5, .page-template-page-about .press .acf-card h6 { padding-left: 0; padding-right: 0; color: #161617; } .page-template-page-about .press .acf-card p { margin-top: 10px; } .page-template-page-about .press .acf-card .button { background: none; padding: 0; color: #D451A4; text-align: left; display: grid; align-items: end; } .page-template-page-about .press .acf-card header { margin-bottom: 0; } .page-template-page-about .press .container .entry-title { display: inline-block; margin-bottom: 0; padding: 20px 35px 10px; background: url('assets/images/pound-icon-small.png') 4px bottom / 16px 16px no-repeat, url('assets/images/kiss-icon.png') 100% 15px / 28px 18px no-repeat, url('assets/images/bubbles-icon.png') 50% 0 / 20px 24px no-repeat, url('assets/images/XO-icon.png') 65% bottom / 25px 13px no-repeat } .page-template-page-about .press .acf-card .entry-title { margin-bottom: 10px; color: #09AAA3; } .about .btn-group .button:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .about .btn-group .button:last-child { background: #E798C3; border-top-left-radius: 0; border-bottom-left-radius: 0; } .about .btn-group .button:hover { background: #222; } /* Shared Calendar Styles */ .page-template-page-calendar .header-section h1, .page-template-template-calendar-view .header-section h1 { padding: 20px 20px 0; font-style: italic; background: url('assets/images/kiss-icon.png') 0 bottom / 28px 18px no-repeat, url('assets/images/bubbles-icon.png') 35% 0 / 20px 24px no-repeat, url('assets/images/pound-icon-small.png') 100% 20px / 16px 16px no-repeat; } .page-template-page-calendar .entry-content header { display: grid; justify-content: start; margin-bottom: 40px; } .page-template-page-calendar .button.list-view, .page-template-template-calendar-view .button.list-view { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; min-width: inherit; margin-top: 0; border-radius: 12.5px; } .page-template-page-calendar .header-section .entry-header, .page-template-template-calendar-view .header-section .entry-header { max-width: 500px; width: 100%; margin: auto; text-align: center; } .page-template-page-calendar #wrapper .custom, .page-template-page-calendar #wrapper .ticket-price { display: flex; width: 100%; } /* Calendar View */ .page-template-page-calendar .entry-content header, .page-template-template-calendar-view .entry-content header { margin-bottom: 40px; display: grid; grid-template-columns: minmax(50px,auto) 1fr 1fr; justify-content: center; align-items: center; } .page-template-page-calendar .entry-content header a, .page-template-template-calendar-view .entry-content header a { margin-right: 15px; align-self: center; } .page-template-template-calendar-view .container { padding-top: 100px; padding-bottom: 100px; } .page-template-template-calendar-view #wrapper .custom, .page-template-template-calendar-view #wrapper .more-info, .page-template-template-calendar-view #wrapper .ticket-link a, .page-template-template-calendar-view #wrapper .ticket-price .custom, .page-template-template-calendar-view #wrapper button.ticket-link, .page-template-template-calendar-view #wrapper .cancelled, .page-template-template-calendar-view #wrapper .sold-out, .page-template-template-calendar-view #wrapper .sales-ended, .page-template-template-calendar-view #wrapper .unavailable, .page-template-template-calendar-view #wrapper .postponed, .page-template-template-calendar-view #wrapper .rescheduled, .page-template-template-calendar-view #wrapper .free, .page-template-template-calendar-view #wrapper .tickets-at-the-door, .page-template-template-calendar-view #wrapper .future-sale a, .page-template-template-calendar-view #wrapper .on-sale-soon, .page-template-template-calendar-view #wrapper .off-sale, .page-template-template-calendar-view #wrapper #eb-featured-events .ticket-link a, .page-template-template-calendar-view #wrapper #eb-featured-events button.ticket-link, .page-template-template-calendar-view #wrapper sales-ended { min-width: inherit; height: 40px; } /* Calendar */ .page-template-page-calendar #wrapper .more-info { display: none; } .page-template-page-calendar #wrapper .ticket-price .custom, .page-template-page-calendar #wrapper .list-view .sales-ended, .page-template-page-calendar #wrapper .list-view .ticket-link, .page-template-page-calendar #wrapper .list-view .tickets-at-the-door { display: inherit; border-radius: 12.5px; } .page-template-page-calendar #wrapper .ticket-price .custom, .page-template-page-calendar #wrapper .list-view .tickets-at-the-door { padding-right: 15px; padding-left: 15px; } .page-template-page-calendar .dates { padding: 10px 0; } .page-template-page-calendar .list-view-details { display: flex; padding: 0; } .page-template-page-calendar .list-view-item .event-summary { margin-top: 0; margin-bottom: 5px; } .page-template-page-calendar .list-view-item .image-url img { min-height: inherit; width: min-content; } #wrapper .calendar .list-view-item { grid-template-columns: 1fr; border-bottom: 1px solid #fff; border-color: rgba(255,255,255,.5); } #wrapper .calendar .list-view-item:last-of-type { border-bottom: 0; } #wrapper .list-view-item .ticket-price { padding: 10px 20px 10px 32px; align-items: center; } #wrapper .calendar .list-view-item .list-view-details { display: grid; position: relative; grid-template-columns: auto auto minmax(auto, 200px) 1fr; grid-template-areas: "date divider eb-image summary price" "date divider eb-image artist price"; } .page-template-page-calendar #wrapper .calendar .image-url { grid-area: eb-image; margin-left: 36px; } .page-template-page-calendar #wrapper .calendar .list-view-details .artist-info { grid-area: artist; } .page-template-page-calendar #wrapper .calendar .list-view-details .event-summary { grid-area: summary; } .page-template-page-calendar #wrapper .calendar .list-view-details .ticket-price { grid-area: price } .page-template-page-calendar #wrapper .calendar .list-view-details .artist-info, .page-template-page-calendar #wrapper .calendar .list-view-details .event-summary { margin-left: 30px; } #wrapper .calendar .list-view-details .dates { width: 100px; height: 100px; margin: 0 30px 0 0; padding: 1em; border-radius: 12.5px; background: #E7F1F7; color: #111; grid-area: date; display: flex; flex-direction: row; flex-wrap: wrap; } #wrapper .calendar .list-view-details .dates .data-meta1 { margin-right: 3px; } #wrapper .calendar .list-view-details:after { height: 124px; width: 6px; position: absolute; content: ''; background: url(assets/images/border-roundedx2-white.png) no-repeat top center; background-size: 6px; opacity: .5; /* debug Safari rounded border issue border-left: 6px dotted #8A8A8B; */ grid-area: divider; } #wrapper .calendar .list-view-details .dates .data-meta0 { flex: 0 0 100%; color: #09AAA3; } #wrapper .list-view .end .pages li { width: 50px; height: 50px; background: #E7F1F7; color: #111; border: 1px solid black; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } #wrapper .list-view .end .pages li:hover, #wrapper .list-view .end .pages li.selected { background: #0AAAA3; } #wrapper .list-view .end .pages li:hover a, #wrapper .list-view .end .pages li.selected a { color: #fff; } #wrapper .list-view .end .pages li a { color: #111; } #wrapper .list-view .end .pages .left-arrow { border-bottom-left-radius: 8px; border-top-left-radius: 8px; } #wrapper .list-view .end .pages .right-arrow { border-bottom-right-radius: 8px; border-top-right-radius: 8px; } /* Private Events */ .page-template-page-private-events .acf-hero .overlay { max-width: 800px; } .page-template-page-private-events .acf-hero h2 { display: inline-block; margin-bottom: 0; padding: 20px 20px 0; background: url('assets/images/pound-icon-small.png') 0 16px / 16px 16px no-repeat, url('assets/images/heart-icon-small.png') 40% 0 / 20px 23px no-repeat, url('assets/images/bubbles-icon.png') 90% 4px / 20px 24px no-repeat; } .page-template-page-private-events .acf-card-wrapper .grid { /* grid-gap: 20px 25px; */ grid-template-columns: repeat(auto-fill, minmax(360px, 1fr)); } .page-template-page-private-events .acf-card-wrapper .container h3 { display: inline-block; margin-bottom: 0; padding: 20px 20px 0; background: url('assets/images/XO-icon.png') 0 0 / 25px 13px no-repeat, url('assets/images/heart-icon-small.png') 100% 0 / 20px 23px no-repeat; } .page-template-page-private-events .acf-card { padding: 15px; background: #fff; } .page-template-page-private-events .acf-card-wrapper .grid header { margin-bottom: 0; text-align: left; } .page-template-page-private-events .acf-card h1, .page-template-page-private-events .acf-card h2, .page-template-page-private-events .acf-card h3, .page-template-page-private-events .acf-card h4, .page-template-page-private-events .acf-card h5, .page-template-page-private-events .acf-card h6 { margin-bottom: 10px; padding-left: 0; padding-right: 0; } .page-template-page-private-events .acf-card p { padding-left: 0; padding-right: 0; } /* Talent Booking */ .page-template-page-talent-booking .acf-hero .overlay { max-width: 800px; width: 100%; } .page-template-page-talent-booking .acf-hero h2 { display: inline-block; padding: 15px 20px 0; background: url('assets/images/pound-icon-small.png') 100% 5px / 16px 16px no-repeat, url('assets/images/bubbles-icon.png') 35% 0 / 20px 24px no-repeat, url('assets/images/kiss-icon.png') bottom left / 28px 18px no-repeat } .page-template-page-talent-booking .acf-hero.medium h2 { background: none; } .page-template-page-talent-booking .acf-repeater-item { padding-bottom: 0; } .page-template-page-listing .acf-repeater iframe, .page-template-page-talent-booking .acf-repeater iframe { width: 100%; max-width: 560px; margin: auto; } .venue-specs p, .venue-specs h1, .venue-specs h2, .venue-specs h3, .venue-specs h4 { color: #161617; } .venue-specs header { display: block; margin: 0 auto 30px; text-align: center; } .venue-specs header h3 { display: inline-block; padding: 10px 30px; background: url('assets/images/lightning-dark-small.png') top right / 28px 29px no-repeat; } .venue-specs .accordion { border-color: #1F2549; padding: 18px 18px 0 0; } .venue-specs .accordion:hover { border-color: #1F2549; } .venue-specs .accordion i { color: #D451A1; } .venue-specs .accordion-content .accordion-item p:last-of-type { padding-bottom: 0; } section.video { padding: 80px 0; } section.video p, section.video .entry-title { text-align: center; } section.video p { color: #D451A1; } section.video p span { color: #fff; } section.artist-listing { display: grid; grid-gap: 30px; grid-template-columns: 1fr 1fr; margin-bottom: 100px; } section.artist-listing .col p { padding-bottom: 0; } /* FAQ */ .page-template-page-faq #content { background: #1F2549; } /* Contact */ .page-template-page-contact iframe { margin-bottom: 20px; } .page-template-page-contact .inquiries h5 { display: inline-block; margin-top: 10px; } .page-template-page-contact .inquiries h5:first-child { margin-top: 0; } .page-template-page-contact .phone { margin-top: -18px; } .page-template-page-contact .wpcf7 { margin-top: 0; } .page-template-page-contact .location h1, .page-template-page-contact .location h2, .page-template-page-contact .location h3, .page-template-page-contact .location h4 { margin-bottom: 0; } .page-template-page-contact .location h4:nth-child(2) { margin-top: 20px; } /* Get Child Pages */ .child-page { margin: 30px auto 0; padding: 30px 0; } .child-page:first-child { margin-top: 0; padding-top: 0; } .child-page:last-child { padding-bottom: 60px; } /* Gift Cards */ .page-template-page-gift-cards #content { background: #1F2549; } .page-template-page-gift-cards h1.entry-title { display: block; width: 495px; max-width: 100%; margin: 0 auto 30px; padding: 0 30px; } .page-template-page-gift-cards h1.entry-title { background: url('assets/images/lightning-icon.png') 100% 0 / 30px 31px no-repeat, url('assets/images/heart-icon.png') top left / 30px 30px no-repeat; } /* Tournament */ .page-template-template-gutenberg.page-id-1231 { font-size: 16px!important; } .page-template-template-gutenberg.page-id-1231 #main { background-color: #1F2549; } .page-template-template-gutenberg.page-id-1231 #content { min-height: unset; } #tournament-info .tourny-date { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #1F2549; } #tournament-info .tourny-date:last-of-type { margin-bottom: 0; padding-bottom: 0; border: 0; } #tournament-info .tourny-date p { margin-bottom: 0; padding-bottom: 0; } #tournament-info .tourny-date h3 { margin-bottom: 8px; } #tournament-info .tourny-date .wp-block-column { display: flex; flex-direction: column; justify-content: center; } #tournament-info .tourny-date .wp-block-buttons { justify-content: flex-end; } #tournament-info .tourny-date .wp-block-button__link { width: 160px; max-width: 100%; margin-top: 0; } #tournament .simple-tournament-brackets { width: 100%; padding-bottom: 0; } #tournament .simple-tournament-brackets-round-header { display: inline-flex; justify-content: flex-start; align-items: center; margin: 5px; padding: 10px; background: #5A6DD6; font-size: 18px; font-family: 'roboto-condensed', sans-serif; font-weight: 600; text-transform: uppercase; } #tournament .simple-tournament-brackets-progress, #tournament .simple-tournament-brackets-round-header:last-of-type { background: #D451A1; } #tournament .simple-tournament-brackets-round-header-container { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 16px; width: 100%; margin-bottom: 3em; } #tournament .simple-tournament-brackets-round-header-container span { width: 100%; margin: 0; } #tournament .simple-tournament-brackets-round-body { width: min-content; min-width: 200px; } #tournament .simple-tournament-brackets .more-details { color: #D451A1; opacity: 1; } #tournament .simple-tournament-brackets-competitor { padding: 1px 5px; text-transform: uppercase; } /* 404 */ .not-found { text-align: center; } .not-found .page-content { margin: 0; } .error-404 .page-content p { text-align: center; } /* * Page - Password */ form.post-password-form { width: 800px; max-width: 100%; margin: 40px auto 0; } form.post-password-form p:first-of-type { text-align: center; } form.post-password-form p:last-of-type { display: grid; grid-template-columns: 1fr max-content; grid-gap: 16px; margin-top: 2em; } form.post-password-form label { display: flex; align-items: center; grid-gap: 12px; height: 100%; } form.post-password-form input { min-height: 50px; } form.post-password-form input[type="password"] { width: 100%; height: 100%; } form.post-password-form input[type="submit"] { display: unset; width: 160px; height: 50px; transition: background-color 0.3s ease-in-out; } @media screen and (max-width: 600px) { form.post-password-form p { width: 80%; margin: auto; } form.post-password-form p:last-of-type { grid-template-columns: 1fr; grid-gap: 1.5em; } form.post-password-form input[type="submit"] { width: 100%; } } /* Single Col Centered */ .page-template-template-single-col-centered #content { background: #1F2549; } /* -------------------------------------------------------------------------- ## 8.4 Blog -------------------------------------------------------------------------- */ .blog .site-main .container { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; padding-top: 40px; padding-bottom: 90px; } .blog article { max-width: 770px; margin-right: auto; margin-left: auto; padding: 40px; background: #fff; } .blog article .entry-title { margin-bottom: 5px; } .blog article p, .blog article .entry-title, .blog article .entry-title a { color: #8b5a4b; } .blog article p { padding-right: 10px; padding-left: 10px; } .blog article p:last-of-type { padding-bottom: 0; } .excerpt-thumb { width: 100%; height: 245px; margin-bottom: 20px; background: #eee; overflow: hidden; } .excerpt-thumb img { width: 100%; object-fit: cover; opacity: 0; } .single-post .container { width: 770px; max-width: 100%; margin: auto; } .posted-on { color: #D451A0; } .entry-meta { margin-bottom: 20px; padding-top: 0; } .entry-meta-single { padding: 0px 0 6px; } .lower-meta { margin-bottom: 0; } .nav-next, .nav-previous { margin-top: 20px; } #wrapper #nav-above { display:none; } /* -------------------------------------------------------------------------- ## 8.5 Components -------------------------------------------------------------------------- */ /* Hero Section integrated with WordPress Featured Image */ .header-section { position: relative; display: grid; align-content: center; min-height: 55vh; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; } .header-section.parallax-image { background-attachment: fixed; width: 100%; } .header-section h1.page-title { margin-bottom: 75px; color: #fff; } /* ACF Hero Section */ .acf-hero { position: relative; height: 55vh; min-height: 680px; display: grid; grid-template-columns: 1fr; align-content: center; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; } .acf-hero.medium { height: 445px; min-height: 440px; } .acf-hero .overlay { position: relative; z-index: 500; max-width: 600px; width: 100%; margin: auto; text-align: center; } .acf-hero .overlay p:last-of-type { padding-bottom: 0; } .acf-hero h2, .acf-hero h3, .acf-repeater header h2 { margin-bottom: 5px; } .acf-hero .overlay .button { margin-top: 30px; } /* ACF Repeater Card */ .acf-card-wrapper header { margin-bottom: 40px; text-align: center; } .acf-card { display: grid; grid-template-rows: minmax(min-content, max-content) auto auto; padding-top: 15px; background: #E6F1F7; border-radius: 15px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); box-shadow: 0 0 10px rgba(0,0,0,.3); } .acf-card p { margin-bottom: 0; padding-left: 15px; padding-right: 15px; color: #161617; } .acf-card p:last-of-type { padding-bottom: 0; } .acf-card .button { width: 100%; max-width: 100%; margin-top: 10px; border-top-left-radius: 0; border-top-right-radius: 0; } .acf-card h1, .acf-card h2, .acf-card h3, .acf-card h4, .acf-card h5, .acf-card h6 { color: #09AAA3; margin-bottom: 5px; padding-left: 15px; padding-right: 15px; } .acf-card-wrapper .button.cta { display: flex; margin: 60px auto 0; justify-content: center; } /* ACF Repeater */ .acf-repeater header { max-width: 400px; width: 100%; margin: 0 auto 60px; text-align: center; } .acf-repeater header h2 { padding: 15px 20px 0; background: url('assets/images/heart-icon.png') 100% 0 / 18px 18px no-repeat, url('assets/images/pound-icon-small.png') 0 0 / 16px 16px no-repeat; } .acf-repeater p { margin-bottom: 0; } .acf-repeater p:last-of-type { padding-bottom: 0; } .acf-repeater iframe { margin-bottom: 5px; padding: 0 20px; } .acf-repeater .grid { display: grid; grid-gap: 30px; grid-template-columns: repeat(auto-fill, minmax(320px, 600px)); justify-content: center; } /* ACF Nested Repeator - FAQ Accordion * https://www.advancedcustomfields.com/resources/repeater */ #faq a:hover { color: var(--color-white); text-decoration: underline; } #faq header { margin-bottom: 30px; } #faq .faq-group { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; } #faq .faq-group .col:first-child { min-height: 200px; background-repeat: no-repeat; background-size: contain; } #faq .button-group { display: flex; justify-content: center; margin-top: 30px; } #faq .button-group .button { margin-top: 0; margin-right: 10px; margin-left: 10px; } .page-template-page-faq-php #faq .faq-group { grid-template-columns: 1fr; margin-bottom: 100px; } .accordion { width: 100%; margin-bottom: 20px; padding: 30px 18px 6px 0; cursor: pointer; background: none; border: 0; border-top: 1px solid rgba(255,255,255,.5); text-align: left; } .accordion, .accordion:focus { outline: none; background: none; } .accordion:focus span { color: #D451A0; } .accordion h4 { display: flex; align-items: center; margin-bottom: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .accordion h4 span { width: 98%; padding-right: 2%; } .accordion:hover i, .accordion:hover h4, .accordion.active i, .accordion.active h4 { color: #D451A0; } .accordion.active i { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .accordion:hover { background: initial; border-right: transparent; border-left: transparent; border-color: inherit; } .accordion-item:last-child { margin-bottom: 0; } .accordion-content { display: none; padding: 0 18px 0 0; border: 1px solid #fff; border-top: 0; overflow: hidden; } .accordion-content.active { display: block; opacity: 1; border: 0; } .accordion-content p:last-of-type { padding-bottom: 30px; } /* ACF Flexible Content - 1, 2 col layouts * https://www.advancedcustomfields.com/resources/flexible-content/ */ .flexible-layout.one-col, .flexible-layout.two-col { padding-bottom: 40px; } .flexible-layout.two-col { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; } .flexible-layout .entry-title { margin-bottom: 20px; } .flexible-layout iframe { display: block; width: 100%; margin: auto; } .flexible-layout blockquote { margin: 0; padding: 0; } /* * Gallery Post Format */ .site-main .gallery { margin: 40px 0; } .site-main .gallery a { display: block; margin-bottom: 0; border: 5px solid #fff; overflow: hidden; } .site-main .gallery a img { max-width: 100%; transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; -o-transition: all .35s; } .site-main .gallery a:hover img { opacity: .75; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .site-main .gallery-title { font-size: 1.3em; margin: 8px 0 0 4px; } .site-main .gallery-thumb-wrap { float: left; display: block; padding: 5px; margin: 0px 0px 10px; } p.gallery { color: #8b5a4b; } p.gallery-text { margin: 0px 8px; } a.gallery-thumb img { position: relative; display: block; margin: 5px; padding: 5px; background-color: #fff; border: 1px solid #a9a9a9; border-radius: 0; } a:hover.gallery-thumb img { background-color: #ccc; } .gallery-icon img { display: block; margin: 10px auto; padding: 0; border-radius: 0; border: 5px solid #fff; background-color: #fff; } /* Gallery 4 Col Layout */ .site-main .gallery-columns-4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; } .site-main .gallery-columns-4 .gallery-item { max-width: 100%; margin: 0; padding: 0; background: #fff; } .site-main .gallery-columns-4 .gallery-item img { margin: 0; } .site-main .gallery-columns-4 figcaption { padding-bottom: 10px; color: #D451A0; } /* aside post format for FAQs */ h4.faq-question { font-size: 1.4em; font-weight: 700; line-height: 1.6; margin: 0px 0 0 8px; } div.faq-content {margin: 0 20px 30px;} /* -------------------------------------------------------------------------- ## 8.6 Components -------------------------------------------------------------------------- */ .has-small-font-size, .has-medium-font-size, .has-large-font-size, .has-x-large-font-size { line-height: 1; } /* ========================================================================== 9.0 #Plugins ========================================================================== */ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:block;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{overflow:hidden;position:relative;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* * Owl Carousel */ #carousel { position: relative; z-index: 500; overflow: hidden; } #carousel, #carousel .owl-carousel, .carousel-wrapper.two-col .slide-wrapper .slide-content, .carousel-wrapper.two-col .slide-wrapper .overlay-wrapper { max-height: 40vh; height: 100%; min-height: 660px; } #carousel .owl-carousel { position: relative; } .carousel-wrapper footer { position: absolute; bottom: 0; z-index: 10; display: inline-block; width: 100%; margin: 0; padding: 0; } #carousel .owl-item img { object-fit: cover; object-position: 50% 50%; } #carousel .owl-carousel .owl-nav { position: absolute; top: 50%; width: 100%; margin-top: -20px; } #wrapper .owl-carousel .owl-nav button.owl-next, #wrapper .owl-carousel .owl-nav button.owl-prev { display: flex; justify-content: center; position: absolute; width: 40px; height: 40px; font-size: 40px; margin: 0 20px; padding: 0; color: #fff; border-radius: 20px; } #wrapper .two-col.feat .owl-carousel .owl-nav { width: 120px; } #wrapper .two-col.feat .owl-carousel .owl-nav button.owl-next { margin-right: 0; } #wrapper .owl-carousel .owl-nav button.owl-next { right: 0; } #wrapper .owl-carousel .owl-nav button:focus, #wrapper .owl-carousel .owl-nav button.owl-next:hover, #wrapper .owl-carousel .owl-nav button.owl-prev:hover { background-color: #D451A1; } #wrapper .owl-carousel .owl-nav button span { display: none; } #wrapper .owl-carousel .owl-nav .owl-prev { background: url('assets/images/left-arrow.png') top left / 40px 40px no-repeat; } #wrapper .owl-carousel .owl-nav .owl-next { background: url('assets/images/right-arrow.png') top right / 40px 40px no-repeat; } #wrapper .owl-carousel .owl-nav button:focus { outline: 0; } #wrapper .owl-carousel .owl-nav button span { position: relative; top: -2.5px; color: #fff; -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 } #wrapper .owl-carousel .owl-nav button:hover span { color: #aeaeae; } #wrapper .owl-carousel .owl-dots { position: absolute; z-index: 500; bottom: 20px; left: 60px; width: 100%; text-align: center; } #wrapper .owl-carousel .owl-dot { display: inline-block; margin: 5px; padding: 5px!important; border-radius: 30px; border: 1px solid #fff; -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 } #wrapper .owl-carousel .owl-dot:hover, #wrapper .owl-carousel .owl-dot.active { background: #D451A1; border-color: #D451A1; } #wrapper .owl-carousel .owl-dot:hover { cursor: pointer; } #wrapper .owl-carousel .owl-dot:focus { outline: 0; } .slide-wrapper .slide-content { height: 500px; } .slide-wrapper .slide-content .overlay { position: absolute; z-index: 100; right: 0; bottom: 0; max-width: 400px; width: 100%; background: rgba(34,34,34,.9); padding: 25px; } .slide-wrapper h3.entry-title { display: inline-block; margin-bottom: 0; padding: 10px 30px 0 0; background: url('assets/images/kiss-icon.png') right 0 / 28px 18px no-repeat; } .slide-wrapper .entry-title span { position: relative; top: -10px; margin-right: 10px; border-bottom: 5px solid #fff; } .carousel-wrapper .ticket-price .more-info a { background: #E799C3; color: #fff; } .carousel-wrapper .ticket-price .more-info a:hover { background: #222; } /* 2 Col - Food / Menu */ .carousel-wrapper.two-col h4 { margin-top: 50px; margin-bottom: 5px; color: #09AAA3; } .carousel-wrapper.two-col .slide-wrapper { display: grid; grid-template-columns: 1fr 1fr; } .carousel-wrapper.two-col .slide-wrapper img { height: 100%; } .carousel-wrapper.two-col .slide-wrapper .slide-content { height: inherit; } .carousel-wrapper.two-col .slide-wrapper .overlay-wrapper { display: grid; align-content: center; height: 100%; background-repeat: no-repeat; background-size: cover; } .carousel-wrapper.two-col .slide-wrapper .button { width: 165px; } .carousel-wrapper.two-col .slide-wrapper .overlay-wrapper .overlay { display: grid; position: inherit; max-width: 560px; width: 100%; margin: auto; padding: 30px; background-color: inherit; } .carousel-wrapper.two-col #carousel .owl-carousel .owl-nav { top: 60px; right: 51%; width: 130px; margin-top: 0; margin-left: 0; } /* 2 Col - Custom Event Sliders */ .carousel-wrapper.event #carousel { max-width: 1220px; width: 100%; height: inherit; padding: 80px 30px; margin: auto; } .carousel-wrapper.event img { border-radius: 15px; } .carousel-wrapper.event .owl-carousel .owl-nav { position: absolute; top: -80px; right: 0; left: inherit; width: 115px; } .carousel-wrapper.event .owl-carousel .owl-dots { margin-top: 30px; } .carousel-wrapper.event .event-content { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; } .carousel-wrapper.event .event-summary { padding-top: 80px; } .carousel-wrapper.event .event-summary header { display: grid; grid-template-columns: 1fr 1fr; } .carousel-wrapper.event .entry-title { display: inline-flex; } .carousel-wrapper.event .entry-title span { display: flex; align-items: flex-end; margin: 8px 0 0 20px; } .carousel-wrapper.event .genre { margin-top: 20px; margin-bottom: 0; padding-bottom: 0; color: #09AAA3; } .carousel-wrapper.event .button.ticket-link { border-top-right-radius: 0; border-bottom-right-radius: 0; } .carousel-wrapper.event .button.info { margin-left: -4px; border-top-left-radius: 0; border-bottom-left-radius: 0; background: #E798C3; } .carousel-wrapper.event .button.info:hover { background: #E798C3; color: #151516; } .carousel-wrapper.event .dotted-border { margin-top: 60px; padding: 30px 0 0 0; } .page-template-page-dine .carousel-wrapper.two-col #carousel { max-width: 100%; padding-top: 0; padding-bottom: 0; } /* ACF Owl Carousel 2 Col using [eb_carousel] */ #eb-featured-events .owl-theme .owl-nav [class*=owl-] { border: 0; border-radius: 0; } #eb-featured-events .owl-theme .owl-dots .owl-dot:hover span, #eb-featured-events .owl-theme .owl-dots .owl-dot.active span { background: #D451A0; border-color: #D451A0; } #eb-featured-events .owl-theme .owl-nav span { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } #eb-featured-events .owl-theme .owl-nav:hover span { color: #D451A0; } #eb-featured-events .owl-item img { border: 0; } #eb-featured-events .owl-theme .owl-dots .owl-dot span { background: none; width: 12px; height: 12px; margin: 5px; border: 1px solid #fff; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } #eb-featured-events #overlay { position: inherit; display: inherit; height: inherit; padding: inherit; background: none!important; opacity: 1; text-align: left; display: flex; flex-direction: column; } #eb-featured-events #overlay .artist-info { order: 2; margin-top: 20px; } #eb-featured-events #overlay .data-venue { order: 1; } #eb-featured-events #overlay .ticket-price { order: 3; } #eb-featured-events #grey-back { display: none; } #eb-featured-events button { border-radius: 12.5px!important; } #eb-featured-events .owl-item img { border-radius: 15px; } .carousel-wrapper, .carousel-wrapper #carousel { max-width: 1220px; width: 100%; height: inherit; padding: 80px 0; margin: auto; } .carousel-wrapper .list-view-item { display: flex; } /* ACF Owl Carousel 2 Col using [eb_listview] */ #wrapper .carousel-wrapper.two-col { padding-right: 30px; padding-left: 30px; } #wrapper .carousel-wrapper.two-col .feat .owl-nav button.owl-next { margin-right: 0; } #wrapper .carousel-wrapper.two-col .owl-carousel .owl-dots { position: initial; margin-top: 0; right: 0; bottom: 0; left: 0; } .carousel-wrapper .entry-title { margin-bottom: 50px; padding: 25px 40px 0 40px; } .carousel-wrapper.feat .entry-title, .carousel-wrapper.free-shows .entry-title { background: url('assets/images/lightning-icon-right.png') 0 0 / 30px 31px no-repeat; } #wrapper .carousel-wrapper.two-col .event-status-live { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; } #wrapper .carousel-wrapper.two-col .list-view-item { display: inherit; margin-bottom: 20px; border: 0; } #wrapper .carousel-wrapper.two-col .list-view-details { position: relative; float: right; width: 48%; margin-bottom: 50px; margin-left: 2%; padding-bottom: 50px; padding-right: 0; padding-left: 0; /* debug Safari rounded border issue border: 8px dotted #8A8A8B; border-top: 0; border-right: 0; border-left: 0; */ } #wrapper .carousel-wrapper.two-col .list-view-details:after { position: absolute; content: ''; bottom: 0; width: 100%; height: 6px; background: url(assets/images/border-roundedx2-gray.png) no-repeat center center; background-size: contain; } #wrapper .carousel-wrapper.two-col .list-view-details .supports { margin-top: 10px; } #wrapper .carousel-wrapper.two-col .ticket-price { display: inline-flex; justify-content: center; margin-left: 2%; padding: 0; } #wrapper .carousel-wrapper.two-col .ticket-price button, #wrapper .carousel-wrapper.two-col .ticket-price .custom, #wrapper .carousel-wrapper.two-col .ticket-price .more-info a { width: 150px; max-width: 100%; min-height: 50px; border-radius: 12.5px; padding: 0; } #wrapper .carousel-wrapper.two-col .ticket-price button:focus, #wrapper .carousel-wrapper.two-col .ticket-price .more-info a:focus { background: #222; } #wrapper .carousel-wrapper.two-col .ticket-price .custom { border-top-right-radius: 0; border-bottom-right-radius: 0; } #wrapper .carousel-wrapper.two-col .ticket-price button { border-top-right-radius: 0; border-bottom-right-radius: 0; } #wrapper .carousel-wrapper.two-col .ticket-price .more-info { border: 0; } #wrapper .carousel-wrapper.two-col .ticket-price .more-info a { display: inline-flex; justify-content: center; align-items: center; border-top-left-radius: 0; border-bottom-left-radius: 0; } #wrapper .carousel-wrapper.two-col a.image-url { float: left; width: 48%; margin-right: 2%; margin-bottom: 4%; overflow: hidden; border-radius: 15px; } #wrapper .carousel-wrapper.two-col a.image-url img { border-radius: 0; } #wrapper .carousel-wrapper.two-col .dates { width: 100%; max-width: 100%; margin: 0 0 40px; padding: 0; display: inline-grid; grid-template-columns: 1fr 1fr; } #wrapper .carousel-wrapper.two-col .times { text-align: right; } #wrapper .carousel-wrapper.two-col .topline-info { color: #0AAAA3; } /* Contact Form 7 */ .wpcf7 label { font-weight: 500; } .wpcf7 input, .wpcf7 textarea { text-transform: capitalize; } .wpcf7 input[type="submit"] { font-family: 'sofia-pro', sans-serif; font-weight: 700; text-transform: uppercase; } .wpcf7 .wpcf7-form-control-wrap { padding: 0; } .wpcf7-form select { position: relative; width: 100%; height: 46px; margin: 8px 0 10px 0; padding: 10px; border: 1px solid transparent; border-radius: 0; } .wpcf7-form select:focus { outline: 0; } .wpcf7 span.wpcf7-not-valid-tip { display: flex; width: 100%; margin: 5px 0 20px!important; font-size: 12px; color: #FC626D; } div.wpcf7-response-output { padding: 20px; font-size: 14px; } div.wpcf7-validation-errors { border-color: #FDF97C; } /* Font Awesome 5 */ .sr-only { font-size: 0; } /* WP Notification Bars */ html body { padding-top: 0!important; } #wrapper .mtsnb { position: fixed; top: 0; bottom: 0; background: rgba(0,0,0,.94)!important; } #wrapper .mtsnb .mtsnb-content, #wrapper .mtsnb .mtsnb-container, #wrapper .mtsnb .mtsnb-container-outer { display: flex; } #wrapper .mtsnb .mtsnb-content { justify-content: center; align-items: center; padding: .75em 1em; } #wrapper .mtsnb .mtsnb-container { justify-content: center; padding: 0; } #wrapper .mtsnb .mtsnb-container-outer { height: 100%; } .mtsnb-hide, .mtsnb-show { font-size: 40px!important; background: none!important; } .mtsnb a { display: flex!important; top: 2.5px; right: 4px; height: 100%!important; align-items: start!important; } .mtsnb-hidden { display: none!important; } .mtsnb-custom-content img { width: 600px; } .mtsnb a.mtsnb-hide {margin-top: 0px!important; margin-right: 12px!important; } .mtsnb a.mtsnb-hide span { font-size: 54px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .mtsnb a.mtsnb-hide:hover span { color: #D451A1; } /* ========================================================================== 10.0 - #Helper Classes ========================================================================== */ /* -------------------------------------------------------------------------- ## Layout CSS Grid, Flexbox -------------------------------------------------------------------------- */ html { scroll-behavior: smooth; } /* Size Variables */ :root { --preset--spacing--20: clamp(1rem, 3vw, 1.5rem); --preset--spacing--30: clamp(1.5rem, 5vw, 2rem); --preset--spacing--40: clamp(1.8rem, 1.8rem + ((1vw - 0.48rem) * 2.885), 3rem); --preset--spacing--50: clamp(2.5rem, 8vw, 4.5rem); --preset--spacing--60: clamp(3.75rem, 10vw, 7rem); --preset--spacing--70: clamp(5rem, 5.25rem + ((1vw - 0.48rem) * 9.096), 8rem); } .alignfull { width: 100%!important; max-width: 100%!important; } .alignfull > * { padding-right: 0; padding-left: 0; } .alignwide { width: 1440px!important; max-width: 100%!important; margin: auto; padding: 0 16px; } .heightfull { height: 100%; } .one-col-centered { width: 1000px; max-width: 100%; margin: auto; padding: 0 16px; } /* Spacing */ .m-auto { margin: auto!important; } .m-all-0 { padding: 0!important; } .m-all-xs { margin-top: var(--preset--spacing--20)!important; } .m-all-1 { padding: var(--preset--spacing--30)!important; } .m-all-2 { padding: var(--preset--spacing--40)!important; } .m-all-3 { padding: var(--preset--spacing--50)!important; } .m-all-4 { padding: var(--preset--spacing--60)!important; } .mt-0 { margin-top: 0 !important; } .mt-xs { margin-top: var(--preset--spacing--20)!important; } .mt-1 { margin-top: var(--preset--spacing--30)!important; } .mt-2 { margin-top: var(--preset--spacing--40)!important; } .mt-3 { margin-top: var(--preset--spacing--50)!important; } .mt-4 { margin-top: var(--preset--spacing--60)!important; } .mt-5 { margin-top: var(--preset--spacing--70)!important; } .mr-0 { margin-right: 0 !important; } .mr-1 { margin-right: var(--preset--spacing--30)!important; } .mr-2 { margin-right: var(--preset--spacing--40)!important; } .mr-3 { margin-right: var(--preset--spacing--50)!important; } .mr-4 { margin-right: var(--preset--spacing--60)!important; } .mb-0 { margin-bottom: 0!important; } .mb-xs { margin-bottom: var(--preset--spacing--20)!important; } .mb-1 { margin-bottom: var(--preset--spacing--30)!important; } .mb-2 { margin-bottom: var(--preset--spacing--40)!important; } .mb-3 { margin-bottom: var(--preset--spacing--50)!important; } .mb-4 { margin-bottom: var(--preset--spacing--60)!important; } .mb-5 { margin-bottom: var(--preset--spacing--70)!important; } .ml-0 { margin-left: 0!important; } .ml-1 { margin-left: var(--preset--spacing--30)!important; } .ml-2 { margin-left: var(--preset--spacing--40)!important; } .ml-3 { margin-left: var(--preset--spacing--50)!important; } .ml-4 { margin-left: var(--preset--spacing--60)!important; } .p-all-0 { padding: 0!important; } .p-all-1 { padding: var(--preset--spacing--30)!important; } .p-all-2 { padding: var(--preset--spacing--40)!important; } .p-all-3 { padding: var(--preset--spacing--50)!important; } .p-all-4 { padding: var(--preset--spacing--60)!important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: var(--preset--spacing--30)!important; } .pt-2 { padding-top: var(--preset--spacing--40)!important; } .pt-3 { padding-top: var(--preset--spacing--50)!important; } .pt-4 { padding-top: var(--preset--spacing--60)!important; } .pr-0 { padding-right: 0 !important; } .pr-1 { padding-right: var(--preset--spacing--30)!important; } .pr-2 { padding-right: var(--preset--spacing--40)!important; } .pr-3 { padding-right: var(--preset--spacing--50)!important; } .pr-4 { padding-right: var(--preset--spacing--60)!important; } .pb-0 { padding-bottom: 0!important; } .pb-1 { padding-bottom: var(--preset--spacing--30)!important; } .pb-2 { padding-bottom: var(--preset--spacing--40)!important; } .pb-3 { padding-bottom: var(--preset--spacing--50)!important; } .pb-4 { padding-bottom: var(--preset--spacing--60)!important; } .pl-0 { padding-left: 0!important; } .pl-1 { padding-left: var(--preset--spacing--30)!important; } .pl-2 { padding-left: var(--preset--spacing--40)!important; } .pl-3 { padding-left: var(--preset--spacing--50)!important; } .pl-4 { padding-left: var(--preset--spacing--60)!important; } /* Grid Gap */ .gg-0 { grid-gap: 0em!important; } .gg-1 { grid-gap: 1em!important; } .gg-2 { grid-gap: 2em!important; } .gg-3 { grid-gap: 3em!important; } .gg-4 { grid-gap: 4em!important; } .gg-sm { grid-gap: var(--preset--spacing--30)!important; } .gg-med { grid-gap: var(--preset--spacing--40)!important; } .gg-lg { grid-gap: var(--preset--spacing--50)!important; } /* Background Opacity */ .bkg-overlay--10 { background: rgba(0,0,0,.10); } .bkg-overlay--20 { background: rgba(0,0,0,.20); } .bkg-overlay--30 { background: rgba(0,0,0,.30); } .bkg-overlay--40 { background: rgba(0,0,0,.40); } .bkg-overlay--50 { background: rgba(0,0,0,.5); } .bkg-overlay--60 { background: rgba(0,0,0,.6); } .bkg-overlay--70 { background: rgba(0,0,0,.7); } .bkg-overlay--80 { background: rgba(0,0,0,.8); } .center { display: block; margin: 0 auto; text-align: center; } .underline { text-decoration: underline; } ul.star-icons { display: flex; justify-content: center; align-items: center; margin-bottom: 30px; } ul.star-icons li { display: inline-flex; list-style-type: none; } ul.star-icons li:nth-child(2):after, ul.star-icons li:nth-child(3) { display: none; } ul.star-icons li::after { margin: 0 20px; align-self: center; content:''; width: 10px; height: 10px; background-image: url('assets/images/star-icon.png'); background-repeat: no-repeat; background-size: cover; } ul.star-icons li:last-child::after { margin: 0; background: none; } .dotted-border { padding: 20px; /* Add .png to fix Safari dotted border bug */ background: url('assets/images/border-roundedx2.png') no-repeat bottom center; background-size: auto 6px; } .main-navigation ul li.dotted-border:last-child { background: none; } /* Responsive Video */ .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * Accessibility */ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; 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; clip-path: none; 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. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /* ========================================================================== 11.0 #Media Queries ========================================================================== */ @media (max-width: 1024px) { #primary div[w-theme="grid"] ul { grid-template-columns: 1fr 1fr 1fr; } .owl-carousel .owl-item.active { opacity: 1; } .owl-carousel .owl-item.active.cloned { opacity: .25; } .page-template-page-home .flexible-layout.two-col, .page-template-page-home-2023 .flexible-layout.two-col { grid-template-columns: 1fr; } /* Header */ .site-logo img { width: 180px; } .page-template-page-home-2023 .button-group { margin-bottom: 20px; } .page-template-page-home .flexible-layout.two-col .col { padding: 40px 0; } .page-template-page-home .flexible-layout.two-col .col:last-child:after, .page-template-page-home .flexible-layout.two-col .col:first-child:after, .page-template-page-home-2023 .flexible-layout.two-col .col:nth-child(1):after, .page-template-page-home-2023 .flexible-layout.two-col .col:nth-child(2):after { height: inherit; width: 130px; height: 6px; background: url('assets/images/border-roundedx2-white-90.png') no-repeat; background-size: 130px 6px; } .page-template-page-home-2023 .flexible-layout.two-col { margin-top: 0; grid-gap: 0; } .page-template-page-home-2023 .flexible-layout .col:nth-child(2) { padding-bottom: 0; } .page-template-page-home .flexible-layout.two-col .col:first-child:after, .page-template-page-home-2023 .flexible-layout.two-col .col:nth-child(1):after { top: 100%; bottom: -6px; right: inherit; left: 50%; margin-top: 0; margin-left: 60px; } .page-template-page-home .flexible-layout.two-col .col:last-child:before, .page-template-page-home-2023 .flexible-layout.two-col .col:nth-child(2):before { top: -80px; right: 0; left: 0; } .page-template-page-home .flexible-layout.two-col .col:last-child:after, .page-template-page-home-2023 .flexible-layout.two-col .col:nth-child(2):after { top: -6px; bottom: 0; left: inherit; right: 50%; margin-right: 60px; } .page-template-page-home-2023 .flexible-layout.two-col .col:nth-child(1):after, .page-template-page-home-2023 .flexible-layout.two-col .col:nth-child(2):after, .page-template-page-home-2023 .flexible-layout.two-col .col:nth-child(2):before { display: none; } /* Home */ .page-template-page-home .flexible-layout.two-col .col:first-child { padding-bottom: 10px; } .page-template-page-home .flexible-layout.two-col .col:last-child p { padding-bottom: 80px; } .page-template-page-home .col h2, .page-template-page-home-2023 .col h2, .page-template-page-home .flexible-layout .col:last-child:before, .page-template-page-home-2023 .flexible-layout .col:nth-child(2):before { font-size: 52px; line-height: 1.2; } .page-template-page-home .col h2 span, .page-template-page-home-2023 .col h2 span { top: -18px; font-size: 30px; line-height: 1.2; } .page-template-page-home .col:first-child h2, .page-template-page-home-2023 .col:nth-child(1) h2 { background: url('assets/images/lightning-icon.png') 0 5px / 30px 31px no-repeat, url('assets/images/XO-icon-flipped.png') 0 0 / 0 0 no-repeat, url('assets/images/star-icon.png') 96% 30px / 20px 20px no-repeat; } .page-template-page-home .flexible-layout.two-col .col:last-child:before, .page-template-page-home-2023 .flexible-layout.two-col .col:nth-child(2):before { top: -40px; } .page-template-page-home .flexible-layout.two-col .col:last-child:after, .page-template-page-home .flexible-layout.two-col .col:first-child:after, .page-template-page-home-2023 .flexible-layout.two-col .col:nth-child(1):after, .page-template-page-home-2023 .flexible-layout.two-col .col:nth-child(2):after { right: 45%; margin-right: 80px; width: 80px; } .page-template-page-home-2023 .flexible-layout.two-col .col:nth-child(1):after, .page-template-page-home-2023 .flexible-layout.two-col .col:nth-child(2):after { margin-top: 0; } .page-template-page-home-2023 a.button, .page-template-page-home ul.star-icons li, .page-template-page-home-2023 ul.star-icons li { font-size: 14px; } } @media (max-width: 960px) { #footer { grid-template-columns: 1fr 1fr 1fr; padding-left: 30px; padding-right: 30px; } #footer .eb-powered-footer { grid-column: 2 / 2; grid-row: 3; } #bottom-bar { padding: 0 30px 30px; } #bottom-bar .eb-powered-footer { margin: 0; } #footer-info .footer-widget, #footer-info .eb-powered-footer { margin: inherit; } /* ACF EB Shortcode Owl Carousel */ #wrapper .carousel-wrapper.event { max-width: 800px; width: 100%; margin-right: auto; margin-left: auto; } #wrapper .carousel-wrapper.event .ticket-price, #wrapper .carousel-wrapper.event .list-view-details, #wrapper .carousel-wrapper.event a.image-url { width: 100%; } #wrapper .carousel-wrapper.event .ticket-price, #wrapper .carousel-wrapper.event .list-view-details { margin-left: 0; } #wrapper .carousel-wrapper.event .ticket-price { padding: 0; } #wrapper .carousel-wrapper.event a.image-url { margin-right: 0; margin-bottom: 30px; } #wrapper .carousel-wrapper.free-shows .button.medium { display: block; margin: 60px auto 0; } /* Calendar List View */ #wrapper .calendar .list-view { grid-template-columns: 1fr!important; } #wrapper .calendar .list-view-details .date-age, #wrapper .calendar .list-view-details .artist-info, #wrapper .calendar .list-view-details .ticket-price, #wrapper .calendar .list-view-details .event-summary { margin-left: 30px; } .page-template-page-calendar .list-view-item .image-url img { margin-right: 0; } .page-template-page-calendar #wrapper .list-view-item .ticket-price { padding: 32px 20px 10px 0px; } .page-template-page-calendar #wrapper .calendar .ticket-price .custom.inactive { width: 155px; } /* Event Detail */ #wrapper .event-detail, #wrapper .list-view-item { grid-template-columns: 1fr; } #wrapper .event-detail { width: 800px; max-width: 100%; } #wrapper .event-detail .event-info { padding: 0; } #wrapper .event-detail .event-description { padding-right: 0; padding-left: 0; } #wrapper .event-info .ticket-price:before { background-position: left center; } } @media (max-width: 800px) { /* Footer */ #bottom-bar { grid-template-columns: 1fr 1fr; grid-gap: 0; } #bottom-bar .col { grid-column: 2; grid-row: 1; align-self: center; justify-self: end; } /* Shows / Event Listing */ #primary div[w-theme="grid"] ul { grid-template-columns: 1fr 1fr; } #wrapper .list-view-heading { top: -100px; left: 0; right: inherit; } #wrapper .event-listing h2.entry-title { margin-bottom: 100px; text-align: center; } /* About */ #wrapper .about .btn-group .button { display: flex; justify-content: center; max-width: 175px; margin-bottom: 20px; border-radius: 12.5px; } #wrapper .about .btn-group .button:last-child { margin-bottom: 0; } /* ACF Carousels */ #carousel, #carousel .owl-carousel, .carousel-wrapper.two-col .slide-wrapper .slide-content { height: initial; min-height: inherit; } .carousel-wrapper.event .event-content, .carousel-wrapper.two-col .slide-wrapper { grid-template-columns: 1fr; max-width: 100%; margin: auto; } #carousel .owl-carousel .owl-dots { left: 0; right: 0; } .carousel-wrapper.event .event-summary { padding-top: 0; } .carousel-wrapper.event .dotted-border { text-align: center; } .carousel-wrapper.event .featured .entry-title { padding-top: 0; } .carousel-wrapper.event .entry-title span { display: none; } .carousel-wrapper.two-col #carousel { padding-top: 0; padding-bottom: 0; } .carousel-wrapper.two-col #carousel .owl-carousel .owl-nav { right: 20px; } .carousel-wrapper.two-col .slide-wrapper img { height: inherit; } .carousel-wrapper.two-col .slide-wrapper .overlay-wrapper .overlay { margin: 0; } .carousel-wrapper.event #carousel .owl-carousel .owl-dots { display: none; } .page-template-page-dine .carousel-wrapper.two-col .button { margin: 0; } /* Gallery */ .site-main .gallery-columns-4 { grid-template-columns: 1fr 1fr; } /* Calendar */ #wrapper .calendar .list-view-item .list-view-details { grid-template-columns: min-content min-content 125px 1fr min-content; } .page-template-page-calendar #wrapper .calendar .list-view-details .ticket-price { margin-left: 10px; } #wrapper .calendar-link { text-align: center; } .entry-content .calendar-view table { background: none; } .entry-content .calendar-view table tr { border-top: 0; border-bottom: 0; } .entry-content .calendar-view table .month { margin-bottom: 40px; padding-right: 0; padding-left: 0; text-align: left; } .entry-content .calendar-view tr:first-child td { display: block; max-width: 100%; border: 0; } .entry-content .calendar-view tr:nth-child(2) td.has-event { border-top: 0; } .entry-content .calendar-view td { display: none; width: 100%; max-width: 300px; margin: auto; } .entry-content .calendar-view td.has-event { display: block; border-top: 0; border-right: 0; border-left: 0; } .entry-content .calendar-view .one-event { margin-bottom: 30px; padding-bottom: 30px; background: #222; } .entry-content .calendar-view .last-event { padding-bottom: 0; } .entry-content .calendar-view .date { margin: 0; padding: 10px 0; } .entry-content .calendar-view .image-url img { width: 100%; margin-bottom: 10px; } #wrapper .calendar-view .times { margin-top: 0; margin-bottom: 10px; } #wrapper .calendar-view .data .sold-out, #wrapper .calendar-view .data .on-sale-soon, #wrapper .calendar-view button.ticket-link, #wrapper .calendar-view .data .ticket-link a, #wrapper .calendar-view .data .future-sale a { display: flex; align-items: center; justify-content: center; } #wrapper .age-restriction, #wrapper .additional-event-info { margin-bottom: 10px; padding-right: 0; } #wrapper .calendar-view button.ticket-link { margin: auto; } #wrapper .calendar-view .additional-event-info { margin-bottom: 20px; } } @media (max-width: 700px) { /* Calendar */ #wrapper .calendar .list-view-item .list-view-details { grid-template-columns: 1fr!important; padding-bottom: 0; grid-template-areas: "date" "divider" "eb-image" "summary" "artist" "price"!important; } .page-template-page-calendar #wrapper .calendar .entry-content header { display: none; } .page-template-page-calendar #wrapper .calendar .list-view-item { margin-bottom: 40px; } .page-template-page-calendar #wrapper .calendar .list-view-details:after { top: 5px; width: 100%; height: 6px; background: url('assets/images/border-roundedx2-gray.png') no-repeat top left; background-size: cover; opacity: 1; } .page-template-page-calendar #wrapper .calendar .image-url, .page-template-page-calendar #wrapper .calendar .list-view-details .artist-info, .page-template-page-calendar #wrapper .calendar .list-view-details .event-summary { margin-left: 0; } #wrapper .calendar .list-view-item .image-url img { width: 100%; margin-top: 40px; margin-bottom: 10px; margin-right: 0; } #wrapper .calendar .list-view-details .date-age, #wrapper .calendar .list-view-details .artist-info, #wrapper .calendar .list-view-details .ticket-price, #wrapper .calendar .list-view-details .event-summary { margin-left: 0; } #wrapper .calendar .list-view-details .ticket-price { margin-bottom: 0; padding-bottom: 0; } #wrapper .calendar .list-view-details .dates { margin-bottom: 20px; margin-left: 0; } } @media (max-width: 600px) { .container { padding: 0 24px; } /* Footer */ #footer { grid-template-columns: 1fr 1fr; grid-gap: 0; padding-bottom: 50px; } #footer-info, #footer-info .footer-widget { grid-column: span 2; margin: auto; text-align: center; } #footer-info .textwidget { margin-bottom: 60px; } /* Carousels */ .carousel-wrapper #carousel .owl-carousel .owl-dot { padding: 5px!important; } .carousel-wrapper #carousel .owl-carousel .owl-nav button { width: 30px; height: 30px; background-size: 30px 30px; } .carousel-wrapper.two-col #carousel .owl-carousel .owl-nav { right: 0; width: 120px; } .carousel-wrapper.two-col #eb-featured-events .event-status-live { grid-template-columns: 1fr; } .carousel-wrapper.two-col.free-shows .entry-title { display: grid; justify-items: center; } .carousel-wrapper.two-col.free-shows .entry-title span { margin-bottom: 40px; } .carousel-wrapper.event .entry-title { justify-content: center; width: 100%; margin: 0 auto 90px; } .carousel-wrapper.event .owl-carousel .owl-nav { top: -70px; left: 0; right: 0; margin: auto; } #wrapper .carousel-wrapper.two-col .owl-carousel .owl-dots { display: none; } /* ACF Flexible Layout */ .flexible-layout.two-col { grid-template-columns: 1fr; } .flexible-layout.two-col .entry-title { text-align: center; } .flexible-layout.two-col .button { display: block; } .flexible-layout.two-col .descrip { text-align: center; } .acf-card { width: 300px; max-width: 100%; margin: 0 auto; } /* Event Listing */ #wrapper .grid-view .entry-title { padding-bottom: 0; } #wrapper .grid-view .list-view { grid-template-columns: 1fr; } #wrapper .grid-view .list-view-heading { position: initial; } /* Dine */ .page-template-page-dine .dine-cal .col, .page-template-page-dine .dine-cal .col:last-child { padding-right: 0; padding-left: 0; } /* FAQ */ #faq .faq-group { grid-template-columns: 1fr; } .page-template-page-listing .acf-repeater .grid, .page-template-page-talent-booking .acf-repeater .grid { grid-template-columns: 1fr; } /* WP Notification Bar */ .mtsnb-text h4 { font-size: 18px; } #wrapper .mtsnb .mtsnb-content { padding: .25em .50em; } .mtsnb-hide, .mtsnb-show { font-size: 32px!important; } .mtsnb a { top: 4.5px; } /* General */ .button { min-width: 100px; max-width: 175px; width: 100%; margin: auto; } .btn-text, .menu-toggle b { font-size: 12px; } span.tilde:before { display: none; } } @media (max-width: 414px) { /* Mobile Typography */ h1, h1.entry-title, h2, #faq h3, .acf-hero h2, .acf-hero:first-of-type h2, .acf-card-repeater h2, .acf-repeater header h2, .acf-hero.medium .overlay h3, .event-listing h2.entry-title, .slide-wrapper h3.entry-title, .carousel-wrapper .entry-title, .flexible-layout .col .entry-title { font-size: 40px; line-height: 50px; } h3, .main-navigation li a { font-size: 34px; } #wrapper .carousel-wrapper.event .event-name, #wrapper .carousel-wrapper.event .event-name a { font-size: 34px; line-height: 38px } h4, .carousel-wrapper.two-col h4, .acf-repeater-item p, .acf-repeater-item span, .acf-repeater-item h1, .acf-repeater-item h2, .acf-repeater-item h3, .acf-repeater-item h4 { font-size: 24px; } h5, h6, #wrapper #eb-featured-events .date-time span { font-size: 14px; line-height: 18px; } p, a, ul, ul li { font-size: 14px; line-height: 21px; } #wrapper #eb-featured-events .event-name a, #wrapper .carousel-wrapper.event .event-name, #wrapper .carousel-wrapper.event .event-name a, #wrapper .event-detail .event-name { font-size: 36px; line-height: 38px; } #wrapper .carousel-wrapper.event .date, #wrapper .carousel-wrapper.event .dates, #wrapper .carousel-wrapper.event .genre, #wrapper .carousel-wrapper.event .times, #wrapper .carousel-wrapper.event .times span, #wrapper .carousel-wrapper.event .topline-info { font-size: 16px; line-height: 18px; } .descrip { font-size: 16px; } .powered-by { font-size: 11px; } .accordion-item h2, .accordion-item h3, .accordion-item h4 { font-size: 18px; } .social-icons a, #footer .social-icons a i, .main-navigation .social-icons a { font-size: 18px; } #wrapper .event-detail .times, #wrapper .event-detail .dates { font-size: 20px; } .ticket-price span, .ticket-price span a, .ticket-price button, .ticket-price a.button, .calendar-link a { font-size: 14px!important; } .carousel-wrapper.event .time { text-align: left; } .carousel-wrapper.event .event-name { font-size: 30px; } .slide-wrapper .entry-title span { font-size: 20px; } button, a.button, #footer #footer-menu-01 a, #footer #footer-menu-02 a, #footer #footer-menu-03 a, .carousel-wrapper.event .date, .carousel-wrapper.event .time, .carousel-wrapper.event .genre { font-size: 14px; } /* Footer */ .footer-widget img { margin-right: 0; margin-left: 0; } #footer-info, #footer-info .footer-widget { grid-template-columns: 1fr; margin-right: 0; margin-left: 0; text-align: left; } /* Menu */ .menu-toggle .btn-text { position: absolute; left: -999px; text-indent: -999px; height: 0; opacity: 0; } .main-navigation.toggled ul li { padding-top: 10px; padding-bottom: 10px; } /* ACF Components */ #primary div[w-theme="grid"] ul { grid-template-columns: 1fr; } .acf-card { max-width: 100%; } .acf-hero .overlay { padding: 0 15px; } /* Carousel */ #wrapper .event-listing h2.entry-title { margin-bottom: 30px; } #wrapper .carousel-wrapper.two-col .list-view-details { padding-bottom: 0; } #wrapper .carousel-wrapper.two-col .list-view-details:after { bottom: -25px; } #wrapper .carousel-wrapper.two-col .list-view-item { margin-bottom: 0; padding-bottom: 0; } #carousel .owl-carousel .owl-dots { bottom: 10px; } #carousel .slide-wrapper h3.entry-title { padding-top: 0;} .carousel-wrapper.event .featured .entry-title { width: 100%; padding-right: 0; padding-left: 0; background: none; } .carousel-wrapper.event .event-summary header { grid-template-columns: 1fr; } .carousel-wrapper.two-col h4 { margin-top: 20px; margin-bottom: 10px; } .carousel-wrapper.two-col .slide-wrapper img { height: 250px; } .carousel-wrapper.two-col .slide-wrapper .overlay-wrapper .overlay { padding: 100px 30px; } .carousel-wrapper.two-col #carousel .owl-carousel .owl-nav { top: 40px; } .carousel-wrapper.two-col #eb-featured-events #overlay .artist-info { margin-top: 0; } .carousel-wrapper.two-col.free-shows .entry-title { padding-right: 0; padding-left: 0; } /* Page Templates */ .page-template-page-home-2023 #splash-home { height: unset; } .page-template-page-about .acf-hero { background-position: right -100px bottom 0!important; } .page-template-page-dine:first-of-type .acf-hero { background-position: right -230px bottom 0!important; } .page-template-page-dine .carousel-wrapper.two-col .slide-wrapper .slide-content, .page-template-page-dine .carousel-wrapper.two-col .slide-wrapper .overlay-wrapper { min-height: inherit; height: inherit; } .page-template-page-home .button-group, .page-template-page-home-2023 .button-group { grid-template-columns: 1fr; } .page-template-page-home .button-group { margin-bottom: 40px; } .page-template-page-home .button-group .button, .page-template-page-home-2023 .button-group .button { margin: auto; } ul li.tilde a:before { top: 0; } .flexible-layout.two-col .descrip br { display: none; } .event-info .dotted-border, .carousel-wrapper.event .dotted-border { display: none; } .event-info .event-name.dotted-border { display: flex; } .page-template-page-home-2023 #main { height: unset; } .page-template-page-home-2023 #splash-home { padding-top: 60px; padding-bottom: 40px; } .page-template-page-calendar header span, .page-template-page-calendar header .button.list-view { display: none; } .page-template-page-listing .acf-hero:first-of-type:before, .page-template-page-calendar .header-section:first-of-type:before, .page-template-template-calendar-view .header-section:first-of-type:before { background-size: 175%; height: 15px; } /* Event Detail */ #wrapper .event-detail .ticket-price { display: grid; grid-template-columns: 1fr; grid-template-areas: "eb-button" "price-range" } #wrapper .event-detail button { grid-area: eb-button; width: fit-content; margin-bottom: 30px; } #wrapper .event-detail .price-range { grid-area: price-range; } #wrapper .event-info .dotted-border { margin-bottom: 0; border-color: #151516; } #wrapper .event-detail .event-summary, #wrapper .event-detail .event-description { padding-right: 0; padding-left: 0; } #wrapper .event-detail .event-description { margin-bottom: 0; padding-top: 0; padding-bottom: 0; } #wrapper .event-info .ticket-price:before { background-size: 150%; } } @media (max-width: 360px) { .carousel-wrapper.event #carousel .owl-carousel .owl-nav, .carousel-wrapper.two-col #carousel .owl-carousel .owl-nav { display: none; } }