/* Theme Name: Nectar Lounge Theme URI: http://nectarlounge-eb.ticketfly.com/ Description: Child of Eventbrite Gold Parent based on _s Author: Eventbrite Wordpress Team Author URI: http://eventbrite.com Template: gold-parent_s Version: 1.0.0 Text Domain: gold-parent_s-child */ /* -------------------------------------------------------------------------- >>> TABLE OF CONTENTS: Last Updated 10.04.19 - Schuler ----------------------------------------------------------------------------- BriteIcons Version 46.7.0 Eventbrite Shared Styles v1.1.7 1.0 - Layout 2.0 - Elements, Buttons 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 - Sidebar 8.4 - Templates 8.5 - Blog 8.6 - Components 9.0 Plugin Overrides 10.0 Helper Classes 11.0 Media Queries ----------------------------------------------------------------------------- */ /* BriteIcons Version 46.7.0 */ @charset "UTF-8"; @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--color-brand-orange { color: #f6682f; } .ico-eventbrite-wordmark:before {content: ""; } /** * 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:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html .ui-helper-clearfix{height:1%}.ui-helper-clearfix{display:block}.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}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;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;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(images/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(images/facebook-share.svg) no-repeat 20px center;background-size:11px 22px}.ui-dialog .share-twitter a{background:#55acee url(images/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(images/twitter-share.svg) no-repeat 15px center;background-size:21px auto}.ui-dialog .share-email a{background:#a0a0a0 url(images/email-share.svg) no-repeat 15px center;background-size:21px 14px}.ui-dialog .share-email a:active,.ui-dialog .share-email a:hover{background:#b2b2b2 url(images/email-share.svg) no-repeat 15px center;background-size:21px 14px}.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}.share-button .button-text{font-size:1em;padding-left:.75em}.share-button .ico-calendar,.share-button .ico-share{font-size:1.3em}.event-detail .dates,.event-detail .times{display:block}.share-text{display:block;clear:left;margin:0 0 10px 0}.eb-tooltip span{margin-left:-999em;position:absolute;opacity:.5;border:solid #ccc 1px}.eb-tooltip:hover span{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;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;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-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:1em;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:2.8em}.text{clip:rect(0 0 0 0);overflow:hidden;position:absolute;height:1px;width:1px} /* Overrides */ .eb-tooltip:hover span { top: 40px; left: 5px; } .ui-dialog { z-index: 9999!important; } .ui-widget-overlay { z-index: 999!important; } /* ========================================================================== 1.0 Layout ========================================================================== */ * { margin:0; padding:0; } html, body { height: 100%; } body { background: #fff; color: #000; } .container { width: 100%; max-width: 1180px; padding: 0 30px; } .container .grid { position: relative; display: flex; } .container, .container.hentry { margin: 0 auto; } .grid-wrapper { display: grid; } #masthead { width: 100%; margin: 0 auto; background: rgba(104,170,148,0.7); } #content { min-height: 600px; padding: 0; background-color: #fff; } #primary.calendar { width: 100%; } #secondary { min-height: 50px; background-color: #fff; border: 1px solid #000; } #footer { width: 100%; min-height: 50px; margin: 0 auto; clear: both; } .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; } /* Search & email signup */ textarea, input[type="text"], input[type="email"], input[type="search"], #searchform .textform { width: 100%; margin: 8px 0 10px 0; padding: 10px; text-transform: uppercase; color: #8b5a4b; border: 1px solid transparent; border-radius: 0; } input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, #searchform .textform:focus, .tfly-email-subscribe-text:focus, textarea:focus { border-color: #a67262; 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: #497869; border: 1px 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; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } button { font-size: 16px; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #searchform #searchsubmit:hover, .tfly-email-subscribe-submit:hover { background:#8C5F51; cursor: pointer; } /* Shared Button Classes */ .button { display: inline-block; margin-top: 10px; padding: 13px 37px 13px 37px; background: #497869; } .button:hover, .button.list-view:hover { background: #8C5F51; color: #fff; } .button.alt-color { background: #8C5F51; } .button.alt-color:hover { background: #497869; } .button.center { width: 220px; max-width: 100%; padding: 13px 37px 13px 37px; border: none; background: #497869; } .button.center:hover { background: #8C5F51; } .button.list-view { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 60px; z-index: 1; width: 50px; height: 45px; margin: 0; padding: 0; } .button.list-view.alignright { left: inherit; right: 0; } /* ========================================================================== 3.0 Typography ========================================================================== */ body { font-family: 'Montserrat', sans-serif; font-size: 62.5%; font-weight: 400; } h1, h2, h3, h4, h5, h6 { text-transform: uppercase; line-height: 1.2; font-weight: 500; color: #fff; } h1 { 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; } .no-results .entry-title { font-size: 38px; } h2 { font-size: 44px; } h3 { font-size: 38px; } h4 { font-size: 30px; } h5, h6 { font-size: 24px; } #topnav ul li a { font-size: 18px; text-decoration: none; } .main-navigation li a { font-weight: 500; text-transform: uppercase; text-decoration: none;} .main-navigation li.external-link a::after, .main-navigation li.menu-item-has-children a::after { font-family: 'Font Awesome 5 Free'; font-weight: 600; } .main-navigation li.menu-item-has-children a::after { content: '\f107' } .main-navigation ul.sub-menu li.external-link a::after { content: '\f35d' } .main-navigation ul ul { text-align: center; } .main-navigation ul ul a { font-size: 14px; } .video-section h1 { font-family: 'Permanent Marker', cursive; font-size: 50px; text-align: center; text-transform: capitalize; } p, a { font-size: 16px; } blockquote, blockquote p { font-size: 21px; font-weight: 500; } .header-section h1.page-title { font-size: 38px; } .non-event ul { font-size: 12px; } a.button { font-size: 18px; font-weight: 600; text-align: center; } .accordion-item h2, .accordion-item h3, .accordion-item h4 { font-family: 'Oswald', sans-serif; font-size: 24px; text-transform: capitalize; } .accordion-item a { font-weight: 600; } .accordion-content li { font-size: 16px; } /* Eventbrite */ .eb-powered-footer { text-align: center; } .eb-powered-footer a { font-size: 12px; line-height: 1; } .eb-powered-footer a.site-credit { font-size: 12px; font-weight: 500; } h2.list-view-title { font-size: 38px; } .search-results-message { font-size: 38px; font-weight: 500; } .date-meta0, .date-meta1, .date-meta2, .date-meta3, .date-meta4, .date-meta5, .date-meta6 { display: block; text-transform: uppercase; line-height: 1; } .date-meta3, .date-meta4, .date-meta5, .date-meta6 { display: none; } .date-meta0 { font-size: 22px; font-family: 'Oswald', sans-serif; } .date-meta1, .date-meta2 { font-family: 'Permanent Marker', cursive; } .date-meta1 { font-size: 54px; } .date-meta2 { font-size: 87px; } .times:before { font-family: 'Font Awesome 5 Free'; } .calendar-link a:after, .calendar-list-flip:after, .calendar-view .times:before, .list-view-details .times:before { font-family: 'Font Awesome 5 Free', sans-serif; font-style: normal; font-weight: normal; text-decoration: inherit; } .times.no-times:before { display: none; } .calendar-view .topline-info { font-size: 12px; } .calendar-link a:after { content: "\f073"; font-size: 16px; } .calendar-list-flip:after { content: "\f03a"; font-size: 18px; } .times:before { font-size: 18px; font-weight: 500; content: '\f017'; } .calendar-view .times:before { font-size: 12px; } #wrapper .headliners, #wrapper .headliners a, #wrapper .event-detail .headliners { font-size: 30px; line-height: 40px; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: inherit; line-height: 1.1; text-transform: uppercase; } #wrapper .event-status-message { font-size: 30px; text-transform: inherit; } .event-detail { font-size: 14px; } .topline-info { font-size: 18px; font-family: 'Montserrat', sans-serif; font-weight: 500; text-transform: uppercase; line-height: 1.1; } #wrapper .times { font-size: 25px; font-family: 'Oswald', sans-serif; } #eb-featured-events .headliners a { font-size: 58px; line-height: 1; } #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 #eb-featured-events .ticket-link a, #wrapper #eb-featured-events button.ticket-link, #wrapper .event-detail .ticket-link a { font-family: 'Montserrat', sans-serif; font-size: 20.67px; font-weight: 500; line-height: 42px; text-shadow: none; text-transform: uppercase; text-align: center; } #wrapper #eb-featured-events button.ticket-link { line-height: 1; } #wrapper .list-view .on-sale-soon { font-size: 16px; } #wrapper .dates { font-size: 87px; font-family: 'Permanent Marker', cursive; text-align: center; } #wrapper .venue { font-size: 14px; font-weight: 400; } #wrapper .price-range { font-size: 16px; font-weight: 500; text-align: center; } #wrapper .performers section, #wrapper .list-view .supports, #wrapper .event-detail .supports { font-size: 18px; line-height: 1.35; } #wrapper .event-detail .supports { order: 3; grid-column: 2; grid-row: 1; padding: 0 20px; /* margin-top: 100px; */ } #wrapper .performers section { font-family: 'Oswald', sans-serif; } #wrapper .list-view .headliners, #wrapper .event-detail .headliners { font-size: 30px; line-height: 1.2; word-wrap: break-word; -ms-word-wrap: break-word; } #wrapper .ticketing-provider { display: none; } #wrapper .calendar-view .supports a, #wrapper .calendar-view .headliners a { text-transform: uppercase; } #wrapper .calendar-view .supports a { font-size: 16px; line-height: 1; } #wrapper .calendar-view .headliners, #wrapper .calendar-view .headliners a { font-size: 18px; line-height: 1.1; word-wrap: break-word; } #wrapper .calendar-view .times { font-size: 14px; } .calendar-view table .month { font-size: 32px; text-align: center; } .calendar-view .date { font-size: 21px; font-weight: 500; text-align: right; } #wrapper .calendar-view .no-link, #wrapper .calendar-view .ticket-link a, #wrapper .calendar-view button.ticket-link { font-size: 15px; font-weight: 500; text-align: center; text-transform: uppercase; } .share-text { font-weight:400; text-transform:uppercase; font-size: 11px;} .age-restriction { font-size: 12px; font-style: italic; line-height: 1; } /* Widgets */ #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: 'Oswald', sans-serif; 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; } /* Components */ .flexible-layout h1 { font-size: 40px; } .flexible-layout h2 { font-size: 36px; } .flexible-layout h3 { font-size: 32px; } .flexible-layout h4 { font-size: 28px; } .flexible-layout h5 { font-size: 24px; } .flexible-layout h6 { font-size: 20px; } .flexible-layout a { font-weight: 600; } .flexible-layout .inquiries a { font-weight: 500; text-transform: lowercase; } .flexible-layout .inquiries h4, .flexible-layout .inquiries h5, .flexible-layout .inquiries h6 { font-size: 21px; line-height: 1.35; } /* ========================================================================== 4.0 - Links ========================================================================== */ a { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } a:link, a:visited { color: #fff; } a img { backface-visibility: visible; } a:hover { color: #aaa;text-decoration: none; } 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;} /* == updates for NVCS page == */ .wp-block-embed-youtube .wp-block-embed__wrapper{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .wp-block-embed-youtube .wp-block-embed__wrapper iframe,.wp-block-embed-youtube .wp-block-embed__wrapper object,.wp-block-embed-youtube .wp-block-embed__wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .wp-block-embed-youtube{ margin-bottom:25px; } #wrapper .block-row .list-view{ display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; } #wrapper .block-row .list-view .list-view-heading{ flex: 0 0 100%; } #wrapper .block-row .list-view-item{ flex: 1 1 calc(33% - 15px); flex-direction: column; margin-right: 15px; margin-bottom: 15px; } #wrapper .block-row .dates{ max-width: 100%; padding: 12px 0; flex-direction: row; justify-content: center; } #wrapper .block-row .dates span{margin-right:10%;} #wrapper .block-row .date-meta1, #wrapper .block-row .date-meta2{ font-size: 22px; } #wrapper .block-row .image-url, #wrapper .block-row .image-url img{ max-width: unset; min-width: unset; min-height: 240px; max-height: 240px; width: 100%; } #wrapper .block-row .list-view-details{ width: auto; height: auto; } #wrapper .block-row .list-view-item .ticket-price{ display: block; text-align: center; min-height: 87px; } #wrapper .block-row .list-view button.ticket-link, #wrapper .block-row .list-view .ticket-link a{ margin: 0 auto; } @media screen and (max-width: 800px){ #wrapper .block-row .list-view-item{flex:1 1 100%;margin-right: 0;} #wrapper .block-row .dates{max-width: 140px;padding: 30px 0;flex-direction: column;} #wrapper .block-row .dates .date-meta1 {font-size: 54px;} #wrapper .block-row .dates .date-meta2 {font-size: 87px;} #wrapper .block-row .list-view-item a.image-url {min-height: 225px;height: 225px;} #wrapper .block-row .image-url, #wrapper .block-row .image-url img {height: 225px; max-width: calc(100% - 70px);min-height: 223px; max-height: 240px;align-items: flex-end;} #wrapper .block-row .dates span{margin: 0;} #wrapper .block-row .list-view-details{height: auto;} } /* ========================================================================== 6.0 - Navigation ========================================================================== */ /* Main Menu */ .main-navigation { display: grid; width: 1180px; max-width: 100%; grid-template-columns: 1fr 1fr; } .main-navigation .menu-main-menu-container { display: none; } .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: 115px; } .main-navigation .menu-menu-right-container { margin-left: 115px; margin-right: 0; } .main-navigation ul { display: flex; justify-content: space-between; margin: 0; padding: 0; } .main-navigation ul#menu-menu-left { justify-content: flex-end; } .main-navigation ul#menu-menu-right { justify-content: flex-start; } .main-navigation li { position: relative; } .main-navigation li:hover { background: #8a5e50; } .main-navigation li.logo a { width: 187px; height: 216px; padding: 0; background: url('images/nectar-logo.png'); text-indent: -9999px; } .main-navigation li a { display: block; padding: 15px 25px; } .main-navigation li a:before { height: 0; } .main-navigation li:last-child a { margin-right: 0; } .main-navigation li.current-menu-item { background: #8a5e50; } .main-navigation li.current-menu-item li a { color: #fff; } .main-navigation li.menu-item-has-children a::after, .main-navigation ul.sub-menu li.external-link 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: #8a5e50; } .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 a { color: #fff; } .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 */ .menu-toggle { display: block; } .menu-toggle:focus { outline: none; } .menu-toggle i { color: #505050; } @-webkit-keyframes slide-down { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes slide-down { 0% { opacity: 0; -moz-transform: translateY(-100%); } 100% { opacity: 1; -moz-transform: translateY(0); } } /* Hamburger Menu */ .menu-toggle { position: absolute; z-index: 999; right: 0; display: none; width: 50px; height: 50px; margin: 0 15px; padding: 0; background: none; border: 0; text-indent: -9999px; border: 0; } .menu-toggle span, .menu-toggle span:before, .menu-toggle span:after { position: absolute; display: block; height: 6px; width: 30px; cursor: pointer; border-radius: 1px; background: #fff; content: ''; } .menu-toggle span { top: 12px; right: 0; left: 0; margin: 0 auto; } .menu-toggle span:before { top: 10px; } .menu-toggle span:after { top: 20px; } .menu-toggle span, .menu-toggle span:before, .menu-toggle span:after { transition: all .45s; -moz-transition: all .45s; /* Firefox 4 */ -webkit-transition: all .45s; /* Safari and Chrome */ -o-transition: all .45s; /* Opera */ } .menu-toggle:hover { background: none; } .menu-toggle:hover span, .menu-toggle:hover span:before, .menu-toggle:hover span:after { background: rgba(255,255,255,.25); } /* Hamburger Menu Toggled */ .main-navigation #primary-menu.menu { display: none; padding-top: 10px; padding-bottom: 10px; } .main-navigation.toggled .menu-toggle { position: fixed; float: right; } .main-navigation.toggled #primary-menu.menu { display: inherit; } .main-navigation.toggled ul { -webkit-animation: slide-down .3s ease-out; -moz-animation: slide-down .3s ease-out; } .main-navigation.toggled ul ul:before { display: none; } .main-navigation.toggled .menu-toggle span { top: 22px; background-color: transparent; } .main-navigation.toggled .menu-toggle span:before, .main-navigation.toggled .menu-toggle span:after { top: 0; background: #fff; } .main-navigation.toggled .menu-toggle span:before { transform: rotate(45deg); } .main-navigation.toggled .menu-toggle span:after { transform: rotate(-45deg); } .main-navigation.toggled .menu-toggle:hover, .main-navigation.toggled .menu-toggle:hover span { background: none; } .main-navigation.toggled .menu-toggle:hover span.icon:before, .main-navigation.toggled .menu-toggle:hover span.icon:after { background: #121212; } /* ========================================================================== 7.0 - Eventbrite Styles ========================================================================== */ .powered-by { font-size: 12px; } /* List View */ #wrapper .list-view-heading { width: 100%; margin-bottom: 20px; position: relative;} #wrapper .list-view-title { margin-bottom: 30px; color: #fff; } #wrapper .topline-info { margin-bottom: 10px; color: #497869; } #wrapper .event-status-message { margin-bottom: 40px; } .list-view-details { float: none; max-width: inherit; } .list-view-details .date-age { text-align: center; overflow: hidden; } .dates { width: 100%; max-width: 140px; padding: 30px 0; background: #8C5F51; color: #fff; } /* Flexbox Listview */ .list-view-item, .list-view-item .dates, .list-view-details, .list-view-details .date-age, .list-view .ticket-price, .list-view-item a.image-url { display: flex; } #wrapper .list-view-item { position: relative; margin-bottom: 30px; padding: 0; border: 0; background: rgba(227,228,229,0.9); height: 240px;} #wrapper .list-view-item .ticket-price { float: none; padding: 10px 10px 10px 0; flex-direction: column; justify-content: flex-end; flex-grow: 1; order: 4; } .list-view-item .dates { flex-direction: column; order: 1; justify-content: center; text-align: center; } .list-view-item a.image-url { flex-direction: column; width: 275px; min-height: 230px; max-height: 240px; order: 2; align-items: stretch; overflow: hidden; } .list-view-item a.image-url img { transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; -o-transition: all .35s; } .list-view-item a.image-url: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); } .list-view-details { width: 570px; order: 3; flex-direction: column; justify-content: space-between; padding: 20px 10px 20px 20px; } .list-view-details .artist-info { order: 1; } .list-view-details .date-age { order: 2; justify-content: flex-end; text-align: left; } .list-view-details .date-age, .list-view-details .artist-info { display: initial; } /* Override EB Shortcode - exclude="more-info" not working * v1.1.8 10.03.19 */ .list-view-details .more-info { display: none; } .times, .times:before { position: relative; } .times:before { top: -3px; display: inline-block; margin-right: 5px; /* transform: rotateY(0deg) rotate(-45deg); */ } .list-view-item .image-url { height: 100%; max-width: -webkit-calc(100% - 140px); max-width: -moz-calc(100% - 140px); max-width: calc(100% - 140px); } .list-view-item .image-url img { float: none; min-height: 233px; object-fit: cover; border: 0; } .list-view .pages { display: flex; margin-left: 0; list-style-type: none; } .list-view .pages li { margin-right: 10px; } .list-view .pages li:last-child { margin-right: 0; } .list-view .pages li a { padding: 10px 20px; background: rgba(104,170,148,10); font-weight: 600; } .list-view .pages li a:hover { color: #fff; background: #8C5F51; } #wrapper .calendar-link { margin-bottom: 40px; text-align: right; position: absolute; top: 0; right: 0; text-align: right; } #wrapper .calendar-link a { padding: 0; font-size:0; background: #497869; } #wrapper .calendar-link a:after { /*position: relative; top: -2px; margin-left: 8px;*/ display: inline-block; padding: 20px 30px; background: #497869; } #wrapper .calendar-link a:hover { background: #8C5F51; color: #fff; } #wrapper .price-range { width: 100%; margin-top: 10px; margin-bottom: 5px; color: #8b5a4b; } #wrapper .times { color: #8b5a4b; } #wrapper .age-restriction, .additional-event-info { display: inline-block; margin-top: 16px; padding: 4px 8px 0 0; color: #121212; } /* Just Announced */ #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: #8C5F51; color: #fff; } /* Event Detail */ #wrapper .venue { margin: 15px 0; } #wrapper .event-detail { position: relative; width: 770px; max-width: 100%; margin: auto; background: rgba(227,228,229,0.9); } #wrapper .event-detail .event-info { padding: 10px 20px 20px; display: block; position: relative; /* display: grid; grid-template-columns: 140px auto; grid-template-rows: 230px auto auto auto; */ } #wrapper .event-info .date-age { /*order:1;*/ order: 0; display: inline; float: left; margin-right: 20px; } #wrapper .event-info .topline-info, #wrapper .event-info .event-name, #wrapper .event-info .performers, #wrapper .event-info .ticket-price { order: 2; } #wrapper .event-detail .cal-share { margin-top: 0; margin-bottom: 20px; /*order: 3; grid-column-start: 1; grid-column-end: span 2; */} #wrapper .event-info .ticket-price { margin-top: 20px; /* grid-column: 2; grid-row: second-line / 4; */ display: flex; justify-content: flex-end; position: absolute; top: 230px; right: 20px; width: 75%; } #wrapper .event-detail .event-name, #wrapper .event-detail .event-info .topline-info { grid-column: 2; grid-row: first-line / 1; } #wrapper .event-info .headliners { grid-column: 2; grid-row: first-line / 1; display: flex; align-self: flex-end; align-items: flex-end; } .event-info .dates { overflow: hidden; } #wrapper .event-detail .times { position: relative; } #wrapper .event-info .performers { margin-bottom: 10px; } #wrapper .event-info .performers section { margin: 2.5px; } #wrapper .event-detail .event-info .dates { display: flex; flex-direction: column; padding: 40px 10px; background: #8C5F51; } #wrapper .event-detail .event-info .dates.no-date{display: none;} #wrapper .event-detail .event-info .topline-info, #wrapper .event-detail .event-name, #wrapper .event-detail .performers, #wrapper .event-detail .price-range { margin-left: 20px; } #wrapper .event-detail .event-name { margin-top: 40px; } #wrapper .event-detail img { height: 275px; width: 100%; max-width: 100%; object-fit: cover; object-position: 0 0; } #wrapper .event-detail .times { text-align: center; } #wrapper .event-description { width: 100%; margin-bottom: 20px; padding: 20px; } #wrapper .event-info .price-range { text-align: left; } .event-detail, .event-detail p, .event-detail h1, .event-detail h2, .event-detail h3, .event-detail h4, .event-detail h5, .event-detail h6 { color: #333; } .event-detail a { color: #497869; } .event-detail a:hover { color: #8b5a4b; } .cal-share button { display: inline-block; padding: 10px 23.75px; } #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, #wrapper .event-detail .event-description { display: inline-block; margin: 20px auto; padding: 20px; } #wrapper .event-detail .venue-info { padding: 0 20px 20px 20px; } #wrapper .event-detail .event-description img { float: none; display: block; width: initial; max-width: 100%; margin: auto; } .event-detail .event-description div:last-of-type { margin-bottom: 0; } .event-detail .event-description div > div { margin-left: 0!important; margin-right: 0!important; } /* Artist Database */ .event-detail .artist-boxes .artist-box-headliner:after, .event-detail .artist-boxes .artist-box-support:after, .event-detail .artist-boxes .artist-box-supporter:after, .event-detail .artist-boxes ul.links:after { content: " "; display: block; clear: both; } .event-detail .artist-boxes .artist-name, .event-detail .artist-boxes .artist-start-time { font-weight: bold; } .event-detail .artist-boxes .artist-box-headliner, .event-detail .artist-boxes .artist-box-supporter, .event-detail .artist-boxes .artist-box-support, .attraction-detail .artist-boxes .artist-box-headliner { margin-bottom: 25px; } .event-detail .artist-boxes img.bio-image-right { position: relative; float: right; margin: 0 0 15px 15px; } .event-detail .artist-boxes img.bio-image-no-float { position: relative; float: none; } .event-detail .artist-boxes ul.links, .attraction-detail .artist-boxes ul.links, .artist-boxes ul.links { list-style-type: none; margin-bottom: 10px; } .event-detail .artist-boxes ul.links li, .attraction-detail .artist-boxes ul.links li { float: left; font-weight: bold; padding-right: 10px; } .event-detail .artist-boxes ul.links li a, .attraction-detail .artist-boxes ul.links li a { display: block; text-indent: 12px; background-color: transparent; background-image: url("images/list-arrow.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; } /* Artist Links dialogs */ .fancy-close .ui-dialog-content { padding-top: 0px !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: 0px 0px 0 0; padding: 1px; height: 22px; border: 0 !important; top: initial; } .fancy-close .ui-button { background: url(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; } /* jQ UI CSS end*/ 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; } /* EDP ARTIST LINKS */ .eb-more { list-style-type: none; margin: 0px; padding: 0px; width: 100%; } .eb-more li { margin-top: 5px; height: 26px; margin-left: 0px; padding-right: 10px; padding-left: 10px; position: relative; visibility: visible; } /* tfly-brand icon font */ @font-face { font-family: 'ticketfly'; src: url('/wp-content/plugins/eventbrite-events/fonts/eventbrite/eb-icons.otf') format('opentype'); url('/wp-content/plugins/eventbrite-events/fonts/eventbrite/eb-icons.ttf') format('truetype'), url('/wp-content/plugins/eventbrite-events/fonts/eventbrite/eb-icons.woff2') format('woff2'), url('/wp-content/plugins/eventbrite-events/fonts/eventbrite/eb-icons.woff') format('woff'), font-weight: normal; font-style: normal; } .eb-artist_links_hidden { display: none; } .eb-artist-links-dialog { width: auto !important; padding: 5px; } .eb-more li a { text-decoration: none; display: block; color: #535353; width: auto; margin: 0; padding: 5px 0 0 0; text-align: left; } .eb-more a { font-family: "Helvetica", Arial, sans-serif; font-size: 11px; color: #666666; text-decoration: none; border: none; } .eb-more a:hover { color: #000; } .eb-more a:focus, .eb-more, .eb-more li { border: none; outline: none; } .eb-more .artist-icon a:before, span.link-slide:before { font-family: 'ticketfly'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; } /* Modal links */ .eb-more .artist-icon a:before { font-size: 18px; padding-right: 7px; top: 3.5px; } /** Default and sitepage */ .eb-more .artist-icon a:before { content: "\e933"; } .eb-more li.web a:before { content: "\E906"; } .eb-more li.facebook a:before { content: "\e910"; } .eb-more li.twitter a:before { content: "\e914"; } .eb-more li.instagram a:before { content: "\e91d"; } .eb-more li.spotify a:before { content: "\e937"; } .eb-more li.wikipedia a:before { content: "\E93A"; } .eb-more li.youtube a:before { content: "\e93D"; } .eb-more li.applemusic a:before { content: "\e940"; } .eb-more li.soundcloud a:before { content: "\e91f"; } .eb-more li.bandcamp a:before { content: "\e91c"; } .eb-more li.buy-music a:before { content: "\e912"; } /* inline links and icons */ .eb-more.inline-links, .eb-more.inline-icons { margin: 0px 0px 8px 0px; padding: 0px; } .eb-more.inline-links li a:hover, .eb-more.inline-icons li a:hover { opacity: 0.8; } /* inline-links */ .inline-links-wrap { white-space: nowrap; overflow: hidden; position: relative; max-width: 100%; } .eb-more.inline-links, span.link-slide { display: inline-block; position: relative; } span.link-slide { width: 20px; height: 20px; background: #fff; right: 30px; cursor: pointer; padding: 0 16px; } span.link-slide:before { content: "\e932"; } div.slide-return span.link-slide:before { content: "\e931" !important; } div.inline-links-wrap ul.inline-links { right: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .eb-more.inline-links li { display: inline-block; padding: 0 10px 0 3px; height: auto; } .eb-more.inline-links li a { font-size: 12px; padding-top: 0; color: inherit; } .eb-more.inline-links li.artist-icon a:before { font-size: 20px; padding-right: 5px; top: 4px; } /** Default **/ .eb-more.inline-links li.artist-icon a:before { content: "\e933"; } .eb-more.inline-links li.youtube a:before { content: "\e93D"; } .eb-more.inline-links li.web a:before { content: "\e906"; } .eb-more.inline-links li.spotify a:before { content: "\e937"; } .eb-more.inline-links li.facebook a:before { content: "\e900"; /* font-size:13px;top:1.25px;*/ } .eb-more.inline-links li.twitter a:before { content: "\e909"; } .eb-more.inline-links li.instagram a:before { content: "\e92e"; } .eb-more.inline-links li.bandcamp a:before { content: "\e92d"; } .eb-more.inline-links li.soundcloud a:before { content: "\e930"; } .eb-more.inline-links li.buy-music a:before { content: "\e907"; } .eb-more.inline-links li.watch-video a:before { content: "\e90a"; /*font-size:13px;top:1px;*/ } .eb-more.inline-links li.audio-link a:before { content: "\e90c"; } .eb-more.inline-links li.wikipedia a:before { content: "\e93A"; } .eb-more.inline-links li.applemusic a:before { content: "\e940"; } /* inline-icons */ .eb-more.inline-icons li { display: inline-block; padding: 0px; height: auto; } .eb-more.inline-icons li a { /* visibility:hidden; */ display: block; width: 28px; padding-top: 0; color: #666; font-size: 0; } .eb-more.inline-icons li.buy-music a { font-size: 0; } .eb-more.inline-icons li.artist-icon a:before { visibility: visible; font-size: 19px; top: 0; } .eb-more.inline-icons li.artist-icon a:before { content: "\e935"; } .eb-more.inline-icons li.web a:before { content: "\e917"; } .eb-more.inline-icons li.facebook a:before { content: "\e916"; } .eb-more.inline-icons li.spotify a:before { content: "\e938"; } .eb-more.inline-icons li.wikipedia a:before { content: "\E93B"; } .eb-more.inline-icons li.youtube a:before { content: "\e93E"; } .eb-more.inline-icons li.applemusic a:before { content: "\e941"; } .eb-more.inline-icons li.twitter a:before { content: "\e91a"; } .eb-more.inline-icons li.instagram a:before { content: "\e92a"; } .eb-more.inline-icons li.bandcamp a:before { content: "\e929"; } .eb-more.inline-icons li.soundcloud a:before { content: "\e92c"; } .eb-more.inline-icons li.buy-music a:before { content: "\e918"; } .eb-more.inline-icons li.watch-video a:before { content: "\e91b"; } .eb-more.inline-icons li.audio-link a:before { content: "\e915"; } #wrapper .event-detail .artist-boxes img { width: auto; height: auto; float: right; } #wrapper .artist-boxes .artist-icon a { width: 32px; } #wrapper .artist-boxes .artist-icon a:before { font-size: 26px; } #wrapper .artist-boxes .artist-box-headliner, #wrapper .artist-boxes .artist-box-supporter { padding: 1.5em; margin: 0; } /* Calendar */ .calendar-view { position: relative; width: 100%; border-collapse: collapse; } .calendar-view table { width: 100%; margin: 0; padding: 0; border-spacing: 0 0; border-collapse: collapse; background: #fff; margin-bottom: 60px; } .calendar-view table:last-of-type { margin-bottom: 90px; } .calendar-view table tr { margin: 0; padding: 0; } .calendar-view table tr td { width: 14%; height: auto; margin: 0; padding: 0; border-top: 1px solid #68aa94; border-right: 1px solid #68aa94; vertical-align: top; } .calendar-view table tr td:last-of-type { border-right: 0; } .calendar-view table tr:first-child td { background: #68aa94; } .calendar-view table td section { padding: 0 5px 5px; } .calendar-view table .month { padding: 20px; background: #68aa94; color: #fff; } .calendar-view table tr:nth-child(2) td.Sunday:before, .calendar-view table tr:nth-child(2) td.Monday:before, .calendar-view table tr:nth-child(2) td.Tuesday:before, .calendar-view table tr:nth-child(2) td.Wednesday:before, .calendar-view table tr:nth-child(2) td.Thursday:before, .calendar-view table tr:nth-child(2) td.Friday:before, .calendar-view table tr:nth-child(2) td.Saturday:before { display: flex; align-items: center; justify-content: center; content:''; height: 30px; background: #8a5e50; color: #fff; } .calendar-view table tr:nth-child(2) td.Sunday:before { content:'S'; } .calendar-view table tr:nth-child(2) td.Monday:before { content:'M'; } .calendar-view table tr:nth-child(2) td.Tuesday:before { content:'T'; } .calendar-view table tr:nth-child(2) td.Wednesday:before { content:'W'; } .calendar-view table tr:nth-child(2) td.Thursday:before { content:'T'; } .calendar-view table tr:nth-child(2) td.Friday:before { content:'F'; } .calendar-view table tr:nth-child(2) td.Saturday:before { content:'S'; } .calendar-view table:last-of-type tr:nth-child(3) td.Sunday:before, .calendar-view table:last-of-type tr:nth-child(3) td.Monday:before, .calendar-view table:last-of-type tr:nth-child(3) td.Tuesday:before, .calendar-view table:last-of-type tr:nth-child(3) td.Wednesday:before, .calendar-view table:last-of-type tr:nth-child(3) td.Thursday:before, .calendar-view table:last-of-type tr:nth-child(3) td.Friday:before, .calendar-view table:last-of-type tr:nth-child(3) td.Saturday:before { display: flex; align-items: center; justify-content: center; content:''; height: 30px; background: #8a5e50; color: #fff; } .calendar-view table:last-of-type tr:nth-child(3) td.Sunday:before { content:'S'; } .calendar-view table:last-of-type tr:nth-child(3) td.Monday:before { content:'M'; } .calendar-view table:last-of-type tr:nth-child(3) td.Tuesday:before { content:'T'; } .calendar-view table:last-of-type tr:nth-child(3) td.Wednesday:before { content:'W'; } .calendar-view table:last-of-type tr:nth-child(3) td.Thursday:before { content:'T'; } .calendar-view table:last-of-type tr:nth-child(3) td.Friday:before { content:'F'; } .calendar-view table:last-of-type tr:nth-child(3) td.Saturday:before { content:'S'; } #wrapper .calendar-view .topline-info { padding: 0; } .calendar-view .date { margin: 0; padding-bottom: 0; color: #68aa94; } .calendar-view .data .sold-out { padding-top: 7.5px; padding-bottom: 7.5px; } .calendar-view .calendar-sync { position: relative; display: block; min-width: 46px; margin: 0; cursor: pointer; } .calendar-view .start { margin-top: 0; } .calendar-sync .share-button { float: left; height: 45px; margin-bottom: 20px; padding: 10.5px 15px; } .calendar-view .data .sold-out, .calendar-view .data .on-sale-soon, .calendar-view button.ticket-link, .calendar-view .data .ticket-link a, .calendar-view .data .future-sale a { width: 100%; margin-top: 10px; margin-bottom: 0; padding: 10px; border-radius: 0; background: url('assets/images/home-page-ticket-image.png') no-repeat center; background-size: 98%; transition: none; } #wrapper .future-sale a, #wrapper .list-view .future-sale a, #wrapper .calendar-view .data .future-sale a { background: #8b5a4b; height: auto !important } .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 { background: url('assets/images/home-page-ticket-hover-image.png') no-repeat center; background-size: 98%; } .calendar-view .data .free a { background: url('assets/images/home-page-ticket-hover-image.png') no-repeat center; background-size: 98%; } .calendar-view .data .free a:hover { background: url('assets/images/home-page-ticket-image.png') no-repeat center; background-size: 98%; } .calendar-view .start, .calendar-view .times:before { position: relative; } .calendar-view .times:before { top: -1px; display: inline-block; margin-right: 5px; transform: rotateY(0deg) rotate(-45deg); } .calendar-view .times { margin-top: 10px; } .calendar-view .age-restriction { margin-top: 5px; } .ico-calendar:before { color: #fff; } .eb-tooltip:hover span { top: 30px; } /* Headliner and Support */ #wrapper .headliners, #wrapper .headliners a, #wrapper .event-detail .headliners { color: #8b5a4b; } #wrapper .supports, #wrapper .supports a, #wrapper .event-detail .supports { color: #333; font-size: inherit; margin-top: 5px; } #wrapper .supports a:hover, #wrapper .headliners a:hover { color: #8C5F51; } #wrapper .list-view .headliners, #wrapper .event-detail .headliners { margin-bottom: 0; } #wrapper .calendar-view .headliners a { margin-bottom: 0; color: #68aa94; } /* 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; color: #fff; } #wrapper .list-view .ticket-link a, #wrapper .list-view button.ticket-link{ padding: 0; font-family: 'Montserrat', sans-serif; } #wrapper .event-detail .ticket-link a, #wrapper .event-detail button.ticket-link { padding: 0; font-family: 'Montserrat', sans-serif; width: 300px!important; } #wrapper .tfly-calendar .ticket-link a, #wrapper .tfly-calendar button.ticket-link #wrapper .calendar-view .ticket-link a, #wrapper .calendar-view button.ticket-link { width: 80px; margin: 6px auto; padding:6px 10px; } #wrapper .tickets-at-the-door, #wrapper .future-sale a, #wrapper .on-sale-soon, #wrapper .custom { background: #8b5a4b; font-weight:normal; color: #fff; margin: 0 auto; border-radius: 6px; display: inline-block; line-height: 1; } #wrapper .custom a { color: #8b5a4b; } #wrapper .off-sale { width: 100px; } #wrapper .custom:hover, #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 { width: 96%; margin: 6px auto; padding: 5px; } #wrapper .ticket-link a, #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 .custom, #wrapper .off-sale, #wrapper #eb-featured-events .ticket-link a, #wrapper #eb-featured-events button.ticket-link { align-self: flex-end; height: 43px; width: 179px!important; margin: 0; border: 0; color: #fff; background: url('assets/images/home-page-ticket-image.png') no-repeat center; text-align: center; } #wrapper .calendar-view button.ticket-link, #wrapper .calendar-view .ticket-link a { width: 120px !important; margin: auto; background-image: none; font-family: 'Montserrat', sans-serif; font-weight: 400; letter-spacing: 0; box-sizing: border-box; } #wrapper .calendar-view .ticket-price { background: none; } #wrapper .calendar-view .ticket-price.no-link { padding-top: 10px; padding-bottom: 10px; } #wrapper .calendar-view .ticket-price span { padding: 10px; background: #121212; } #wrapper .calendar-view button.ticket-link, #wrapper .calendar-view .ticket-link a { background: #8a5e50; } #wrapper .calendar-view button.ticket-link:hover, #wrapper .calendar-view .ticket-link a:hover { background: #68A994; } #wrapper .calendar-view button.ticket-link.free, #wrapper .calendar-view .ticket-link.free a { background: #68A994; } #wrapper .calendar-view button.ticket-link.free:hover, #wrapper .calendar-view .ticket-link.free a:hover { background: #8a5e50; } #wrapper .free { background: none; } #wrapper .ticket-link.free a, #wrapper button.ticket-link.free, #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: url('assets/images/home-page-ticket-hover-image.png') no-repeat center !important; } #wrapper #eb-featured-events button.ticket-link, #wrapper #eb-featured-events .ticket-link a { line-height: normal; } /* ticketfly powered logo */ .tfly-powered { float: none; width:100%; padding: 1em 0; margin: 0.5em auto; text-align:center; border: 0; } .tfly-powered a img { border: 0; } /* ========================================================================== 8.0 - Author Styles www.jeremyschuler.com ========================================================================== */ /* Global */ #primary { min-height: 600px; background: #4A5652 url("assets/images/bkg-pattern-700.jpg"); } #primary #main { position: relative; z-index: 10; } #primary .site-main { padding-top: 230px; } .blog #primary .site-main, #primary .site-main.no-padding { padding: 0; } p { color: #fff; } p:last-of-type, article p:last-of-type { margin-bottom: 0; padding-bottom: 20px; } /* -------------------------------------------------------------------------- ## 8.1 Header -------------------------------------------------------------------------- */ #masthead { display: flex; justify-content: space-between; position: absolute; top: 50px; min-height: 50px; z-index: 998; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } /* Sticky Header */ #masthead.sticky, #masthead.sticky .site-logo img { position: fixed; top: 0; right: 0; left: 0; margin: auto; } #masthead.sticky { background: rgba(104,170,148,10); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.25); box-shadow: 0 0 10px rgba(0,0,0,.25); } #masthead.sticky .site-logo img { width: 100px; } .site-logo { position: absolute; top: -45px; right: 0; left: 0; z-index: 100; margin-top: -10px; text-align: center; } .site-branding { display: inline-flex; min-width: 600px; align-items: center; } .site-description { width: 100%; margin: 0 0 0 -100px; color: #767676; } h1.site-title a:link, h1.site-title a:visited { color: #8C5F51; text-decoration: none; } h1.site-title a:hover { color: #aaa; text-decoration: none; } #masthead .social-icons { position: absolute; z-index: 999; top: 15px; right: 20px; } #masthead .social-icons li { margin-right: 20px; padding: 0; } #masthead .social-icons li:hover { background: none; } #masthead .social-icons li:last-child { margin-right: 0; } #masthead .social-icons a { padding: 0; } #masthead .social-icons a i { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } #masthead .social-icons a:hover i { color: #8a5e50; } /* -------------------------------------------------------------------------- ## 8.2 Footer -------------------------------------------------------------------------- */ #footer, .eb-powered-footer { background: #8C5F51; } #footer .social-icons { display: block; padding: 40px 0 30px; text-align: center; } #footer .social-icons li { display: inline-block; margin-right: 80px; } #footer .social-icons li:last-child { margin-right: 0; } #footer .social-icons i { font-size: 36px; } .eb-powered-footer { padding: 20px 40px 40px 40px; } .eb-powered a { display: inline-block; } .eb-powered .ico--color-brand-orange, .eb-powered .ico-eventbrite-wordmark:before { color: #fff; } .eb-powered a:hover { opacity: .9; } .eb-powered-footer a.site-credit { display: block; margin-top: 5px; } .footer-content a { color: #fff; } #footer-widgets { text-align: center; } #footer-widgets .widget_sp_image img { position: relative; top: -50px; max-width: 90%!important; } /* -------------------------------------------------------------------------- ## 8.3 Sidebar -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- ## 8.4 Templates -------------------------------------------------------------------------- */ /* Non Event Global Styles */ .entry-content { position: relative; margin: 0 0 40px 0; } .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; } .header-section { min-height: 425px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-size: cover; } .header-section.parallax-image { display: flex; justify-content: center; align-items: flex-end; background-attachment: fixed; margin-bottom: 60px; } .header-section h1.page-title { margin-bottom: 75px; color: #fff; } /* Home */ .page-template-page-home.top-padding #main { padding-top: 85vh; } .page-template-page-home #wrapper .list-view { margin: 60px 0 0; } .page-template-page-home #wrapper .list-view-item:last-of-type { margin-bottom: 50px; } .page-template-page-home .flexible-layout.two-col { margin-top: 20px; padding-bottom: 110px; } /* Partners */ ul.partners { margin: 40px 0; text-align: center; } ul.partners li { display: inline-block; padding: 20px; list-style-type: none; } .flexible-layout ul.partners a, .flexible-layout ul.partners img { border: 0; } .flexible-layout ul.partners a:hover { background: none; } /* 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; } /* 404 */ .not-found { text-align: center; } .not-found .page-content { margin: 0; } /* Non essential layout styling for specific pages */ .page-id-42 iframe { margin-bottom: 40px; } .page-id-56 div.entry-content.non-event { padding: 0; } .page-id-56 .flexible-layout.two-col:last-of-type { padding-bottom: 80px; } .page-id-62 .site-main .gallery { margin-top: 0; margin-bottom: 60px; } /* Search */ .search-results-message { margin-bottom: 30px; color: #fff; } /* -------------------------------------------------------------------------- ## 8.5 Blog -------------------------------------------------------------------------- */ .blog .no-results { padding-bottom: 80px; } .blog .site-main .container { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; padding-top: 0; padding-bottom: 90px; } .blog article { background: #fff; margin-bottom: 0; padding: 8px 8px 20px 8px; } .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: #497869; } .hentry { margin: 0; } .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.6 Components -------------------------------------------------------------------------- */ /* Hero Video */ .video-section { display: grid; position: absolute; top: 0; width: 100%; height: 80vh!important; z-index: 1; background-color: #664b41; text-align: center; overflow: hidden; } .video-section .video-wrapper { position: relative; } .video-img-mobile { display: none; } .video-section h1 { display: grid; align-items: center; position: absolute; top: 20px; left: 0; right: 0; height: 80vh; color: #fff; } #video { text-align: center; } /* EB Owl Carousel */ #eb-featured-events { margin: 0 auto 90px; } #eb-featured-events a.image-url { display: flex; flex-direction: column; height: 650px; overflow: hidden; } #eb-featured-events a.image-url img { width: 100%; height: 100%; object-fit: cover; } #eb-featured-events .dates, #eb-featured-events #overlay { min-height: 240px; } #eb-featured-events #overlay { display: flex; top: initial; bottom: 0; height: initial; padding: 30px 20px 30px 160px; background: rgba(227,228,229,0.9); opacity: 1; z-index: 5; } #eb-featured-events #overlay h1 { font-size: 58px; text-align: left; } #eb-featured-events .ticket-price { flex-direction: column; justify-content: flex-end; flex-grow: 1; order: 4; } #eb-featured-events .ticket-price .ticket-link { position: absolute; right: 10px; bottom: 10px; } #eb-featured-events .date-venue { display: flex; } #eb-featured-events .date-time { background: #8C5F51; } #eb-featured-events .dates { display: flex; flex-direction: column; justify-content: center; position: absolute; bottom: 0; z-index: 10; width: 140px; background: #8C5F51; color: #fff; } #eb-featured-events .owl-theme .owl-nav [class*=owl-]:hover { background: none; } #eb-featured-events .owl-nav { align-self: center; } #eb-featured-events .owl-nav span { color: #7eccb3; } #eb-featured-events .owl-prev, #eb-featured-events .owl-next { position: absolute; top: 0; height: 100%; } #eb-featured-events .owl-prev { left: 0; } #eb-featured-events .owl-next { right: 0; } #eb-featured-events .owl-prev, #eb-featured-events .owl-next { font-size: 72px; text-shadow: none; } #eb-featured-events .owl-dots { margin-top: 20px; justify-content: center; } #eb-featured-events .list-view-details { position: absolute; bottom: 0; float: none; width: 100%; max-width: 100%; padding: 20px 0 20px 20px; background: rgba(255,255,255,.8); } #eb-featured-events #wrapper button.ticket-link { font-size: 18px; padding: 11px 19px; } .owl-carousel .owl-item img { border: 0; } /* EB Search */ .search-alignment { position: relative; top: 12px; right: 50px; } .search-alignment .eb-search { margin-right: 65px; } .eb-search { position: absolute; right: 0; z-index: 1; overflow: hidden; font-size: 0; } .eb-search form div { display: flex; } .eb-search form input, .eb-search form input[type="text"], .eb-search #searchform .textform { width: 200px; height: 45px; margin: 0; } .eb-search #searchform #searchsubmit, .eb-search #searchform input[type="submit"] { width: 40px; background: #121212; padding: 0; } .eb-search #searchform #searchsubmit:hover { background: #68A994; } .eb-search form input[type="text"] { font-size: 10px; } .eb-search form input[type="submit"], .eb-search #searchform #searchsubmit { font-size: 18px; font-weight: 600; } /* * ACF - Advanced Custom Fields * https://www.advancedcustomfields.com/ */ /* ACF Nested Repeator - FAQ Accordion * https://www.advancedcustomfields.com/resources/repeater */ #faq { margin: 60px auto 0; padding-bottom: 120px; } #faq header { margin-bottom: 30px; } .accordion { width: 100%; padding: 18px; cursor: pointer; background: none; border: 1px solid #fff; text-align: left; } .accordion i { position: relative; top: 2px; float: right; } .accordion.active { background: #8C5F51; } .accordion.active i { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .accordion-item { margin-bottom: 30px; } .accordion-item:last-child { margin-bottom: 0; } .accordion-content { display: none; padding: 20px; border: 1px solid #fff; border-top: 0; overflow: hidden; } .accordion-content ul { margin-bottom: 20px; padding-left: 40px; } .accordion-content li { list-style-type: disc; } .accordion-content, .accordion-content p, .accordion-content li, .accordion-content span { color: #fff; } /* 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: 20px 20px; } .flexible-layout iframe { display: block; width: 100%; margin: auto; } .flexible-layout blockquote { margin: 0; padding: 0; } .flexible-layout img { border: 10px solid #fff; } .flexible-layout h1, .flexible-layout h2, .flexible-layout h3, .flexible-layout h4, .flexible-layout h5, .flexible-layout h6, .flexible-layout p, .flexible-layout a { margin-bottom: 20px; color: #fff; } .flexible-layout .line-styling { margin-bottom: 30px; } .flexible-layout a { padding: 2.5px 10px; border-bottom: 1px solid rgba(170,170,170.9); -webkit-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s } .flexible-layout a:hover { background: #aaa; color: #fff; } .flexible-layout a.button { background: #8C5F51; padding: 13px 37px 13px 37px; border: 0; } .flexible-layout a.button:hover { background: #497869; color: #fff; } /* * 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; } /* 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: #8a5e50; } /* 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;} /* ========================================================================== 9.0 Plugin Overrides ========================================================================== */ /* ## UItoTop */ #toTop { position: fixed; z-index: 900; right: 20px; bottom: 20px; width: 40px; height: 40px; background-color: rgba(18,18,18,.8); border: 1px solid #474747; overflow: hidden; text-decoration:none; } #toTop:hover { background: #68A895; border-color: #68A895; } #toTop:hover i { color: #fff; } #toTop, #topTop span { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out } #toTop span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: 1!important; width: 0px; height: 0px; text-indent: -999px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out } #toTop i { position: relative; top: 5px; width: 100%; font-size: 24px; text-align: center; color: #fff; } #toTopHover { float:left; display:block; overflow:hidden; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #toTop:active, #toTop:focus { outline:none; } /* Contact Form 7 */ div.wpcf7 { margin: 40px 0; } .wpcf7 label { font-weight: 500; } .wpcf7 input, .wpcf7 textarea { text-transform: capitalize; } .wpcf7 input[type="submit"] { text-transform: uppercase; } .wpcf7-form select { position: relative; width: 100%; height: 46px; margin: 8px 0 10px 0; padding: 10px; border: 1px solid transparent; border-radius: 0; color: #757575; } .wpcf7-form select:focus { outline: 0; } .wpcf7 .wpcf7-form-control-wrap { display: flex; padding: 0; } .wpcf7 .wpcf7-form-control-wrap .wpcf7-list-item { width: 100%; margin-left: 0; } .wpcf7-form-control.wpcf7-checkbox { margin-top: 20px; } .wpcf7 span.wpcf7-not-valid-tip { display: flex; width: 100%; margin: 5px 0 20px!important; font-size: 12px; color: #FC626D; } .wpcf7-form #private-events.grid-wrapper { grid-template-columns: 1fr 1fr; grid-gap: 20px; } .wpcf7-form #private-events .col { margin-top: 40px; } .wpcf7-form #private-events h1, .wpcf7-form #private-events h2, .wpcf7-form #private-events h3, .wpcf7-form #private-events h4, .wpcf7-form #private-events h5, .wpcf7-form #private-events h6 { margin-bottom: 20px; } .wpcf7-form #private-events input, .wpcf7-form #private-events select, .wpcf7-form #private-events textarea { margin-top: 0; margin-bottom: 0; } /* Twitter Widget {ro */ #main aside.widget_twitter {position:relative;} #wrapper .follow-button { position: relative; top: 20px; } #main .widget_twitter ul li { font-size:0.8em; display: block; padding: 5px 10px; background-color: #fff; color: #333; } #main .widget_twitter ul li a:link { border-bottom: 1px dotted #ccc; } #main span.time-meta, #main span.from-meta { font-size: 9px; } /* Instagram Slider */ #instagram-widget { position: relative; margin-top: -65px; } #instagram-widget .widget { background: #4A5652; } #instagram-widget h2.widget-title { position: absolute; top: -45px; left: 0; right: 0; margin-bottom: 25px; color: #fff; } #instagram-widget .jr-insta-thumb { max-height: 250px; } #instagram-widget .jr-insta-thumb ul.thumbnails { overflow: hidden; display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: minmax(200px, 100px); } #instagram-widget .jr-insta-thumb ul.thumbnails li { display: flex; margin: 0; } #instagram-widget img { object-fit: cover; transition: all .35s; -moz-transition: all .35s; -webkit-transition: all .35s; -o-transition: all .35s; } #instagram-widget a { display: flex; overflow: hidden; } #instagram-widget a:hover img { cursor: hand; 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); } /* ========================================================================== 10.0 - Helper Classes, Accessibility ========================================================================== */ #eb-featured-events .owl-nav button:focus, #eb-featured-events .owl-dots .owl-dot:focus, .eb-search #searchform #searchsubmit:focus, #wrapper .list-view-item:focus { outline: dotted; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* * Hide only visually, but have it available for screen readers: * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility * * 1. For long content, line feeds are not interpreted as spaces and small width * causes content to wrap 1 word per line: * https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); position: absolute!important; height: 1px; width: 1px; margin: -1px; padding: 0; overflow: hidden; white-space: nowrap; /* 1 */ } /* * Extends the .visuallyhidden class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; white-space: inherit; } /* * Hide visually and from screen readers, but maintain layout */ .invisible { visibility: hidden; } .center { display: block; margin: 0 auto; text-align: center; } .line-styling { text-align: center; } .line-styling:after { display: block; content:""; width: 100px; height: 2px; margin: 15px auto 0; background: #fff; } /* 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%; } /* ========================================================================== 11.0 Media Queries ========================================================================== */ .main-navigation.toggled .menu-main-menu-container { display: none; } @media screen and (max-width: 1440px) { #masthead .social-icons { display: none; } #masthead .main-navigation.toggled .social-icons { display: none; } } @media screen and (max-width: 1230px) { #masthead .social-icons { display: flex; justify-content: left; left: 20px; } .menu-toggle, .main-navigation.toggled .menu { display: block; } .main-navigation .menu-main-menu-container, .main-navigation .menu-menu-left-container, .main-navigation .menu-menu-right-container { display: none; } .main-navigation.toggled { position: fixed; top: 0; left: 0; height: 100%; min-height: 100vh; z-index: 9999; display: inherit; width: 100%; padding: 0; background: #fff; overflow-x: hidden; } .main-navigation.toggled .site-logo { top: -10px; display: inline-block; width: 100px; margin: auto; } .main-navigation.toggled .logo-nav li { background: #888888; } .main-navigation.toggled .menu-main-menu-container { display: inherit; width: 100%; min-height: 100vh; height: 100%; margin-top: 0; } .main-navigation.toggled ul#menu-main-menu{height:100vh;} .main-navigation.toggled ul { position: absolute; left: 0; width: 100%; max-width: 100%; margin: 0 auto; padding: 130px 20px 25px 20px; background: rgba(104,170,148,10); } .main-navigation.toggled ul li { width: 100%; margin-bottom: 10px; padding: 10px 0; text-align: center; background: none; } .main-navigation.toggled ul li:hover { background: none; } .main-navigation.toggled ul li:first-child { padding-top: 10px; } .main-navigation.toggled ul li:last-child { margin-bottom: 0; padding-bottom: 0; border: 0; } .main-navigation.toggled ul li a { padding: 0; color: #fff; } .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; padding-bottom: 0; text-indent: 0; } .main-navigation.toggled ul li.menu-item-has-children ul li a { margin: 0 auto; 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 { border: 0; } .main-navigation.toggled ul ul li:first-child { padding-top: 0; } #wrapper .calendar-view button.ticket-link, #wrapper .calendar-view .ticket-link a { width: 100% !important;} #masthead .social-icons { max-width:120px; } #masthead .main-navigation.toggled .social-icons { display: none; } } @media screen and (max-width: 1024px) { #masthead { top: 0; } .site-logo { top: 0; } .site-logo img { width: 100px; } #primary .site-main { padding-top: 150px; } .topline-info, .times:before { font-size: 12px; } .event-detail .topline-info { font-size: 18px; } .times:before { top: -2px; } #eb-featured-events #overlay h1 { line-height: .9px; } #wrapper #eb-featured-events .dates { top: initial; height: 240px; } #wrapper .times { font-size: 16px; } #wrapper .price-range { font-size: 14px; } #wrapper .list-view { display: flex; flex-flow: row wrap; } #wrapper .topline-info { margin-bottom: 5px; } #wrapper .list-view-item { width: 46%; margin: 0 2% 40px; padding-top: 240px; overflow: hidden; } #wrapper .dates, #wrapper .list-view-item a.image-url { position: absolute; top: 0; } #wrapper .event-detail .dates, #wrapper .event-detail a.image-url { position: inherit; } #wrapper .event-detail .times { font-size: 25px; } #wrapper .dates { left: 0; } #wrapper .list-view-item a.image-url { right: 0; width: 100%; } #wrapper .dates, #wrapper .list-view-item a.image-url { min-height: 225px; height: 225px; } #wrapper .list-view-details { width: 100%; padding: 0 15px 15px 15px; } } @media screen and (max-width: 800px) { #wrapper .post-310, #wrapper .list-view { max-width: 420px; margin: 0 auto; } #wrapper .calendar-link { top: -50px; left: 0; right: auto; } .search-alignment { right: 0; } .search-alignment .eb-search { margin-right: 0; } #wrapper .list-view-title { display: none; } #wrapper .list-view-item { width: 420px; max-width: 100%; margin: 20px auto; overflow: hidden; display: flex; flex-direction: row; flex-wrap: wrap; } #wrapper .list-view-item .ticket-price { padding: 10px; } #wrapper .list-view-item .ticket-price a { margin: auto; } .header-section { min-height: 245px; } .header-section h1.page-title { font-size: 21px; } .line-styling:after { width: 50px; margin-top: 10px; } .flexible-layout img { display: block; margin: auto;} .flexible-layout.two-col { grid-template-columns: 1fr; } .flexible-layout.two-col:nth-of-type(2) .col:nth-of-type(1) { order: 1; } .flexible-layout.two-col:nth-of-type(2) .col:nth-of-type(2) { order: 2; } .flexible-layout.two-col:nth-of-type(3) .col:nth-of-type(1) { order: 2; } .flexible-layout.two-col:nth-of-type(3) .col:nth-of-type(2) { order: 1; } .search-alignment { position: relative; top: 0; margin-bottom: 30px; } .blog .site-main .container { grid-template-columns: 1fr 1fr; } /* Calendar */ .calendar-view { margin: 0 auto; } .calendar-view table { display: table; background: #D4D6D7; } .calendar-view table tr { border-top: 0; border-bottom: 0; } .calendar-view table tr:first-child td { display: block; max-width: 100%; border: 0; } .calendar-view table tr td { display: none; width: 100%; max-width: 300px; margin: auto; } .calendar-view table tr td section { padding-top: 5px; } .calendar-view table tr td.has-event { display: block; border-top: 0; border-right: 0; border-left: 0; } .calendar-view table tr:nth-child(2) td.has-event { border-top: 0; } .calendar-view table .one-event { margin: 0 20px 20px; background: #fff; border-top: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3; } .calendar-view table .one-event:last-child { padding-bottom: 20px; border-bottom: 0; } .calendar-view table .date { margin: 0; padding: 15px 5px; border-top: 1px solid #fff; font-size: 16px; } #wrapper .calendar-view .ticket-price { padding: 0; } #wrapper .calendar-view table tr:nth-child(2) td:before { display: none; } } @media (max-width: 600px) { #wrapper .event-detail .event-description { margin-top: 0; padding-top: 0; } #wrapper .event-detail .event-info { display: block; padding-top: 50px; position: static; } #wrapper .event-detail .event-info .date-age { position: absolute; top: 0; left: 0; width: 140px; height: 230px; } #wrapper .event-detail img { height: 225px; } #wrapper .event-detail .event-info .topline-info, #wrapper .event-detail .event-name, #wrapper .event-detail .performers, #wrapper .event-detail .price-range { margin-left: 0; } #wrapper .event-detail .times { text-align: left; } #wrapper .event-info .ticket-price, #wrapper .event-detail .performers { display: block; } #wrapper .event-detail .free { display: block; margin: 30px auto; } #wrapper .event-info .ticket-price { margin: 10px 0; position: initial; width: auto; } #wrapper .event-info .price-range { display: block; margin-bottom: 10px; } #wrapper .event-detail .times { padding-left: 20px; } #wrapper .event-detail .headliners { margin: 5px 0 10px; } #wrapper .event-detail .supports { margin-top: 0; padding: 0 !important; } #wrapper .event-detail .ticket-link a { margin: 10px auto 20px; } #wrapper .event-detail .cal-share { margin-top: 0; } #wrapper .event-detail .cal-share button { display: block; margin-bottom: 20px; } #wrapper .event-detail .cal-share button:last-of-type { margin-bottom: 0; } #instagram-widget .jr-insta-thumb ul.thumbnails { overflow: hidden; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, minmax(150px, 150px)); } #footer-widgets .widget_sp_image img { top: 0; } #footer-widgets .widget_text { padding-top: 40px; } /* Responsive Typography */ .video-section h1 { font-size: 44px; } h1 { font-size: 44px; } h2 { font-size: 38px; } h3 { font-size: 30px; } h4 { font-size: 24px; } h5, h6 { font-size: 21px; } #wrapper .list-view .ticket-link a { font-size: 18px; } /* Hero Video */ #eb-featured-events, .video-section #video { display: none; } .video-img-mobile { display: block; } .page-template-page-home .video-text, .page-template-page-home .video-section, .page-template-page-home .video-img-mobile { height: 50vh!important; } .page-template-page-home.top-padding #main { padding-top: 55vh; } .page-template-page-home #wrapper .list-view { margin-top: 0; } /* #wrapper #eb-featured-events { display: none; } */ #eb-featured-events .headliners a { font-size: 44px; } /* Search */ .eb-search #searchform .textform { width: 180px; } /* Gallery */ .site-main .gallery-columns-4 { grid-template-columns: 1fr 1fr; } /* Partners */ ul.partners img { max-width: 300px; width: 100%; } /* Private Events */ .wpcf7-form #private-events.grid-wrapper { grid-template-columns: 1fr; } } @media (max-width: 414px) { .search-alignment .eb-search { margin-right: 0; } .blog .site-main .container { grid-template-columns: 1fr; } .eb-search #searchform .textform { width: 150px; font-size: 9px; } }