/*!
Theme Name: APE Child
Theme URI: apeconcerts.com
Description: Child Theme integrated with TicketMaster's plugin to add eventsfor Another Planet Entertainment
Author: Jeremy Schuler
Author URI: https://jeremyschuler.com
Template:  apeparent
Version: 1.0.0
Tags: White, Light, One-Column, Two-Columns, Right-Sidebar, Fluid-Layout, Responsive-Layout,
Custom Menu, Featured-Images, Full-Width-Template

Another Planet Entertainment is based on:
Foundation  // http://foundation.zurb.com, (C) 1998–2014 ZURB, Inc.
Underscores // http://underscores.me,      (C) 2012-2014 Automattic, Inc.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
>>> Last Updated 
06.14.22 - Schuler - The Castro
----------------------------------------------------------------

1.0 Global
2.0 Foundation 5
3.0 Typography
4.0 Menus
5.0 Layout
6.0 Pages
7.0 Plugin Overrides
8.0 Media Queries

/*-------------------------------------------------------------
Gutenberg Editor 
--------------------------------------------------------------*/

/* Helper Classes */
.headline-font { font-family: "ConcursoItalianBTN-Bold", serif; font-weight: 400; }
h1.headline-font { font-size: 4.1875rem; line-height: 110%; }

.ls-0 { letter-spacing: 0; }
.uppercase { text-transform: uppercase; }

.accent-color a { color: #fdbc49; }
.accent-color a:hover { color: #000235; }

/* Castro Theatre */
.page-template-page-castro-theatre #main h1.page-title { padding-bottom: 10px; }
.page-template-page-castro-theatre #main .wp-block-cover.alignwide { max-width: 1440px; margin: 0 auto 30px; }
.page-template-page-castro-theatre #main .wp-block-group { max-width: 1200px; margin: auto; padding-left: 0.9375rem; padding-right: 0.9375rem; }
.page-template-page-castro-theatre .title-area { border-bottom: 2px solid #000235; }
.page-template-page-castro-theatre .title-area h1.entry-title { margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px; line-height: 1; }
.page-template-page-castro-theatre .wp-block-group div { max-width: 100%; }

@media screen and (max-width: 414px) {
  .page-template-page-castro-theatre #main .wp-block-cover.alignwide { min-height: 414px!important; }
  
  .wp-block-group h2 { font-size: 1.33rem; line-height: 1.25; }
}

/* Health and Safety Page */
.page-template-template-gutenberg .site-main section:first-of-type, 
.page-template-template-gutenberg.page-id-49206 .site-main section { 
  padding-top: 30px; 
}
.wp-block-group.health-safety h1 { color: #000235; margin-bottom: 20px; padding-bottom: .5rem; border-bottom: 2px solid #000235; }

.wp-block-group.health-safety .wp-block-columns { grid-gap: var(--spacer-lg)!important; }
.wp-block-group.health-safety .wp-block-columns:first-of-type { margin-top: 2em; }
.wp-block-group.health-safety .wp-block-column { margin: auto; }
.wp-block-group.health-safety p a,
.wp-block-group.health-safety em a,
.wp-block-group.health-safety a strong,
.wp-block-group.health-safety strong a span { 
  color: #000235; text-decoration: underline; 
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}
.wp-block-group.health-safety p a:hover,
.wp-block-group.health-safety em a:hover,
.wp-block-group.health-safety a:hover strong,
.wp-block-group.health-safety strong a:hover span { 
  color: #fdbc49; 
}
.wp-block-group.health-safety .has-medium-font-size { font-size: 1.25em!important; }

/*-------------------------------------------------------------
1.0 Global
http://foundation.zurb.com/sites/docs/v/5.5.3/
--------------------------------------------------------------*/

.button { background: #000235; padding: .775rem 1.225rem; border: 1px solid #000235; }
.button:hover { background: none; color: #000235; }

.widget .button { padding: 8px 19px; }

.button.cal { display: block; max-width: 220px; margin: 30px auto 0; 
	background:none; color: #000235; text-align: center;  
}
.button.cal:hover { background: #000235; color: #fff; }

.ghost-style { padding: .775rem 1.225rem; border: 2px solid #000; background: none; color: #000;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out
}

.ghost-style:focus,
.ghost-style:hover {
  background: #000235; border-color: #000235; color: #fff
}

.ghost-style.small {
  display: block; width: 120px; margin: 0 auto;
  font-size: .875rem; text-align: center
}

.ghost-style.events {
  display: block; max-width: 185px; margin: 0 auto;
  color: #000; border-color: #000235;
}
.ghost-style.events:hover { background: #000235; color: #fff }
.ghost-style.events:focus { color: #fff; outline: 0 }

.ghost-style.color { color: #000235 }

p a:hover { color: #fdbc49; }

/*-------------------------------------------------------------
2.0 Foundation 5 Styles
http://foundation.zurb.com/sites/docs/v/5.5.3/
--------------------------------------------------------------*/

.accordion{margin-bottom:0;margin-left:0}.accordion:after,.accordion:before{content:" ";display:table}.accordion:after{clear:both}.accordion .accordion-navigation,.accordion dd{display:block;margin-bottom:0!important}.reveal-modal>:last-child,[data-magellan-expedition-clone] .sub-nav,[data-magellan-expedition-clone] .sub-nav dd,[data-magellan-expedition] .sub-nav,[data-magellan-expedition] .sub-nav dd{margin-bottom:0}.accordion .accordion-navigation.active>a,.accordion dd.active>a{background:#e8e8e8;color:#222}.accordion .accordion-navigation>a,.accordion dd>a{background:#EFEFEF;color:#222;display:block;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:1rem;padding:1rem}.accordion .accordion-navigation>a:hover,.accordion dd>a:hover{background:#e3e3e3}.accordion .accordion-navigation>.content,.accordion dd>.content{display:none;padding:.9375rem}.accordion .accordion-navigation>.content.active,.accordion dd>.content.active{background:#fff;display:block}[data-magellan-expedition-clone],[data-magellan-expedition]{background:#fff;min-width:100%;padding:10px;z-index:50}[data-magellan-expedition-clone] .sub-nav a,[data-magellan-expedition] .sub-nav a{line-height:1.8em}.reveal-modal-bg{background:#000;background:rgba(0,0,0,.45);bottom:0;display:none;position:fixed;right:0;top:0;z-index:1004;left:0}.reveal-modal{border-radius:3px;display:none;position:absolute;top:0;visibility:hidden;width:100%;z-index:1005;left:0;background-color:#fff;padding:1.875rem;border:1px solid #666;box-shadow:0 0 10px rgba(0,0,0,.4)}@media only screen and (max-width:40em){.reveal-modal{min-height:100vh}}.reveal-modal .column,.reveal-modal .columns{min-width:0}.reveal-modal>:first-child{margin-top:0}.reveal-modal.radius{box-shadow:none;border-radius:3px}.reveal-modal.round{box-shadow:none;border-radius:1000px}.reveal-modal.collapse{padding:0;box-shadow:none}@media only screen and (min-width:40.0625em){.reveal-modal{left:0;margin:0 auto;max-width:62.5rem;right:0;width:80%;top:6.25rem}.reveal-modal.tiny{left:0;margin:0 auto;max-width:62.5rem;right:0;width:30%}.reveal-modal.small{left:0;margin:0 auto;max-width:62.5rem;right:0;width:40%}.reveal-modal.medium{left:0;margin:0 auto;max-width:62.5rem;right:0;width:60%}.reveal-modal.large{left:0;margin:0 auto;max-width:62.5rem;right:0;width:70%}.reveal-modal.xlarge{left:0;margin:0 auto;max-width:62.5rem;right:0;width:95%}}.reveal-modal.full{height:100vh;height:100%;left:0;margin-left:0!important;max-width:none!important;min-height:100vh;top:0}@media only screen and (min-width:40.0625em){.reveal-modal.full{left:0;margin:0 auto;max-width:62.5rem;right:0;width:100%}}.reveal-modal.toback{z-index:1003}.reveal-modal .close-reveal-modal{color:#aaa;cursor:pointer;font-size:2.5rem;font-weight:700;line-height:1;position:absolute;top:.625rem;right:1.375rem}

/*-------------------------------------------------------------
3.0 Typography
--------------------------------------------------------------*/

html,
body {
  font-family: "Open Sans", sans-serif
}

h1,
h2 {
  letter-spacing: 1px
}

a { font-family: "Open Sans", sans-serif }

p a { font-weight: 600; }
p em a { text-decoration: underline; }

.content-page p,
.entry-content p {
	font-size: 16px;
}

.entry-title,
.widget-title {
  font-weight: 400
}

#secondary h1.widget-title a {
  font-family: "ConcursoItalianBTN-Bold", serif;
  font-size: 3.335rem;
  line-height: 112%
}

#secondary h1.widget-title {
  font-family: "ConcursoItalianBTN-Bold", serif;
  font-size: 3.335rem
}

.widget-title { text-align: right }
.widget_nav_menu li.small-print a { font-size: .75rem }

.footer-wrapper .site-footer .textwidget ul { text-align: right }
.footer-wrapper .site-footer .textwidget ul li { text-align: left }
.social-icons.mobile li {  text-align: left }

#menu-legal { text-align: right }
#menu-footer-menu li a { font-size: 1.3125rem; font-weight: 600 }

.page-title { text-align: center }

.home .entry-title,
.page-id-4363 .entry-header h1.entry-title,
.page-id-36421 .entry-header h1.entry-title,
.page-template-template-events .entry-title,
.page-template-template-postponed .entry-title,
.page-template-page-filtered-events-harveys .entry-title,
.page-template-page-castro-theatre .entry-title { 
	font-family: "ConcursoItalianBTN-Bold", serif; font-size: 4.1875rem; line-height: 1; padding-bottom: 0; 
}

.page-id-4363 .entry-header h1.entry-title,
.page-id-36421 .entry-header h1.entry-title { 
  padding-bottom: 20px; 
}

.home .entry-title i,
.page-template-template-events .entry-title i,
.page-template-template-postponed .entry-title i {
	font-size: 2rem;
}
.home #event-list .entry-title { line-height: 60%; }

.header-styling div h1.page-title,
.page-template-template-full #main h1,
.page-template-page-contact .masthead h1.page-title,
.page-template-page-just-announced .page-title span.long {
  font-family: "ConcursoItalianBTN-Bold", serif;
  font-weight: 400;
  line-height: 110%;
  font-size: 4.1875rem;
  text-transform: uppercase;
  text-align: left
}

.detail-information h2.show-title, .detail-information div.show-title {
  line-height: 110%;
  font-family: "ConcursoItalianBTN-Bold", serif;
  font-size: 2.225rem;
  font-weight: 400;
  text-transform: uppercase
}

.detail-information h3.support, .detail-information div.support { font-size: 1rem; font-weight: 600 }
.detail-information h3.support span, .detail-information div.support span { font-size: 1.3rem; }
.detail-information h4.topline, .detail-information div.topline { font-size: .875rem; font-style: italic }
.detail-information .time-show { font-size: .875rem; }
.venue-location .address span { font-weight: 300 }
.date-show .data-meta1 { font-size: 3rem; line-height: 100%; }

h2.attraction_title { font-size: 2.225rem }
h2.attraction_title,
h2.attraction_title a { 
	font-family: "ConcursoItalianBTN-Bold", serif;
}

.single-tm_event .detail-information .single-date-show, 
.single-tm_event .detail-information .time-show {
	font-size: .889rem;
}

#press h3 { font-weight: 600; text-transform: uppercase }
#festival-info h3 { font-size: 1.475rem; font-weight: 600; text-align: center; }

.single-tm_event #secondary h1.widget-title:first-child {
  margin-top: 0; font-size: 2.225rem
}

/*-------------------------------------------------------------
4.0 Menus
--------------------------------------------------------------*/

/* Main Menu */
.main-navigation ul { margin: 0; padding: 0; list-style: none; }
.main-navigation ul ul {
	float: left; position: absolute; top: 0; left: -999em; z-index: 99999;
	margin-top: 32px; padding-top: 10px; padding-bottom: 5px; background: #7D7D7D; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.main-navigation ul ul a { font-size: .889rem; font-weight: 400; }

.main-navigation ul ul li { width: 100%; margin: 0 0 5px; padding: 0 15px 5px; border-bottom: 1px solid #676565; }
.main-navigation ul ul li:last-child { margin-bottom: 0; padding-bottom: 0; border: 0; }
.main-navigation ul ul li a { color: #fff; }
.main-navigation ul ul li a:hover { border-bottom: 0; }

.main-navigation ul ul ul { top: 0; left: -999em; }
.main-navigation li.menu-item-has-children li.external-link a:after { 
    float: right;
    display: inline-block;
    margin-left: 5px;
    font-family: 'fontAwesome';
    content: '\f08e';
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a { width: 200px; padding-top: 0; padding-bottom: 0; }
.main-navigation ul ul a:after { display: none; }

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: -15px;
}

.main-navigation li:last-child { padding-right: 0; }
.main-navigation li.current-menu-item a { color: #fdbc49; border-color: #fdbc49 }
.main-navigation li.current-menu-item li a { color: #fff; }
.main-navigation li.current-menu-item li a:hover { color: #fdbc49; }
.main-navigation li.menu-item-has-children a { padding-bottom: 7px; border-bottom: 0; }
.main-navigation li.menu-item-has-children a:after { margin-left: 5px; content: '\f107'; font-family: 'fontAwesome'; }

.main-navigation a { display: block; padding-bottom: 5px; text-decoration: none; }
.main-navigation a:hover { color: #fdbc49; border-bottom: 2px solid #fdbc49 }

.main-navigation.toggled ul li a { transition: none; }

#masthead #site-navigation.toggled ul li { border-bottom: 1px solid #C0C0C0 }
#masthead #site-navigation.toggled ul li ul li { padding-left: 0; border-bottom: 1px solid #DADADA; }
#masthead #site-navigation.toggled ul li ul li:last-child { padding-bottom: 0; border-bottom: 0 }

.sub-nav-wrapper { border-top: 1px solid #fff }
.sub-nav-wrapper ul#menu-secondary-menu { float: none; margin: 0; padding: 10px }
.sub-nav-wrapper ul#menu-secondary-menu a { color: #fff; font-size: 14px;
  -webkit-transition: color 0.45s ease-in-out;
  -moz-transition: color 0.45s ease-in-out;
  transition: color 0.45s ease-in-out
}
.sub-nav-wrapper ul#menu-secondary-menu a:hover { color: #fdbc49 }
.sub-nav-wrapper ul#menu-secondary-menu li { position: relative; }
.sub-nav-wrapper ul#menu-secondary-menu li:last-child { margin-right: 0 }
.sub-nav-wrapper ul#menu-secondary-menu li.current-menu-item a { color: #fdbc49 }
.sub-nav-wrapper ul#menu-secondary-menu li.menu-item-has-children a { display: none }
.sub-nav-wrapper ul#menu-secondary-menu ul.sub-menu { margin-right: 5px;  background: #000235 }
.sub-nav-wrapper ul#menu-secondary-menu ul.sub-menu li { display: inline; margin-right: 12px }
.sub-nav-wrapper ul#menu-secondary-menu ul.sub-menu li:last-child { margin-right: 0; }
.sub-nav-wrapper ul#menu-secondary-menu ul.sub-menu li a { display: inherit }
.sub-nav-wrapper ul#menu-secondary-menu ul:last-child { margin-right: 0 }

.menu-secondary-menu-container { float: left; }

/* ADA Popup */
.reveal-modal { outline: 0; }
.reveal-modal aside a { display: block; text-align: center }

#adaModal,
#adaModal p,
#adaModal aside a {
	font-size: 16px;
}

aside#ada { float: right; padding-right: 5px;	}
aside#ada button { display: inline-block; margin: 12px 0 5px; padding: 0; background: none; color: #fff; 
font-size: 14px; text-transform: uppercase; 
	-webkit-transition: color 0.45s ease-in-out;
	-moz-transition: color 0.45s ease-in-out;
	transition: color 0.45s ease-in-out;
}
aside#ada button:hover { color: #fdbc49; }
aside#ada button:focus { outline: 0; border: 0; }
aside#ada i,
footer#colophon .widget_custom_html i { 
	margin: 0 5px; font-family: 'fontAwesome'; font-style: normal; 
}
#adaModal aside { margin-top: 0; }
#adaModal aside a { display: block; text-align: left;	}
#adaModal p em { color: #666; }

#adaModal a { font-weight: 600; 
	-webkit-transition: color 0.45s ease-in-out;
	-moz-transition: color 0.45s ease-in-out;
	transition: color 0.45s ease-in-out;
}
#adaModal a:hover { color: #fdbc49; }
#adaModal h2 { margin-bottom: 25px; font-weight: 600; }

/* Footer */
#menu-footer-menu li { margin-bottom: 10px }

/* ScrollTo */
.scrollTo-wrapper { background: #fff; border-top: 1px solid #000235; border-bottom: 1px solid #000 }
.scrollTo-wrapper .menu { margin: 0 }
.scrollTo-wrapper .menu li { display: inline-block; margin-right: 1rem; list-style-type: none }
.scrollTo-wrapper .menu li.active a { color: #fdbc49 }

.scrollTo-wrapper .menu a { font-family: "Open Sans", sans-serif; text-transform: uppercase;  color: #000235;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out
}
.scrollTo-wrapper .menu a:hover { color: #fdbc49 }

/*-------------------------------------------------------------
5.0 Layout
--------------------------------------------------------------*/

/* Header */
.header-wrapper { border-bottom: 6px solid #fff; z-index: 8000 }

#masthead { min-height: inherit; padding-bottom: 0; overflow: inherit; }
#masthead .logo { float: left; width: 100%; max-width: 420px; margin-top: 20px;
  -webkit-transition: all .45s ease-in-out;
  -moz-transition: all .45s ease-in-out;
  -ms-transition: all .45s ease-in-out;
  -o-transition: all .45s ease-in-out;
  transition: all .45s ease-in-out
}
#masthead.resize .social-icons li { display: none; height: 10px;
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -ms-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out
}

#masthead.resize #site-navigation { position: relative; top: 15px }
#masthead.resize #site-navigation a { padding-bottom: 2px; font-size: .775rem }
#masthead.resize .main-navigation ul ul { margin-top: 22px; }
#masthead.resize .logo { max-width: 320px; margin-top: 10px; margin-bottom: 10px }
#masthead .social-icons li .facebook,
#masthead .social-icons li .instagram {
  left: 8px
}
#masthead .social-icons li #signup.email { left: 11px }
#masthead .site-branding p,
#masthead .site-branding a {
	color: #fff; 
}

.header-styling { position: relative; margin-top: 1rem }
.header-styling::after { display: table; clear: both; content: "";    }
.header-styling img { position: absolute; top: -5px; left: -10px; width: 64px; height: 64px; }
.header-styling div { position: relative; width: 100%; margin-bottom: 0; padding-bottom: .5rem }
.header-styling div h1.page-title { color: #000235; border-bottom: 2px solid #000235; text-shadow: 1px 1px 1px #fff }

/* Secondary */
#secondary #widget_sp_image-9 img { max-width: 125px !important; padding: 0 }
#secondary #widget_sp_image-10 img { max-width: 121px !important; padding: 0 }

/* Social */
.social-icons { margin-right: 0 }
.social-icons .search { position: absolute }
.social-icons li { border-color: #fff }
.social-icons li:hover { border-color: #fdbc49 }
.social-icons li a { text-decoration: none; text-indent: 110%; overflow: hidden; color: #FFF; }
.social-icons li a:hover span:before { color: #fff }

.social-icons li a#signup {
  font-family: "Lobster", serif; font-size: 1.125rem; letter-spacing: 1.6px; color: #fff; text-decoration: none;
  -webkit-transition: opacity 0.45s ease-in-out;
  -moz-transition: opacity 0.45s ease-in-out;
  transition: opacity 0.45s ease-in-out
}
.social-icons li a#signup:hover { opacity: .75 }
.social-icons li a#signup span { margin-right: 4px; color: #fff }
.social-icons li .facebook,
.social-icons li .twitter,
.social-icons li .instagram,
.social-icons li .spotify {
    width: 25px;
    height: 25px;
    background: url("assets/images/ape-social-sprite.png") no-repeat
}

.social-icons li .facebook { background-position: 0 0 }
.social-icons li .twitter { background-position: -25px 0 }
.social-icons li .instagram { background-position: -50px 0 }
.social-icons li .spotify { background-position: -75px 0 }
.social-icons li:hover .facebook { background-position: 0 -25px }
.social-icons li:hover .spotify { background-position: 0 -25px }
.social-icons li:hover .twitter { background-position: -25px -25px }
.social-icons li:hover .instagram { background-position: -50px -25px }
.social-icons li:hover .spotify { background-position: -75px -25px }
.social-icons li:hover a#email span.icon-envelope-o { color: #fff }
.social-icons li:hover a#email span.icon-envelope-o:before { color: #fdbc49 }

.social-icons.mobile {
    display: none !important;
    position: inherit;
    float: none;
    display: block;
    margin: 115px auto 0 auto;
    text-align: center
}

.social-icons.mobile li { position: relative; border-color: #000235; }

.social-icons.mobile li .website,
.social-icons.mobile li .music,
.social-icons.mobile li .facebook,
.social-icons.mobile li .twitter,
.social-icons.mobile li .instagram,
.social-icons.mobile li .spotify,
.social-icons.mobile li .tumblr,
.social-icons.mobile li .youtube,
.social-icons.mobile li .googlePlus {
    width: 25px;
    height: 25px;
    background: url("assets/images/ape-social-sprite-event.png") no-repeat
}

.social-icons.mobile li .instagram { position: absolute; left: 8px }
.social-icons.mobile li .facebook { background-position: 0 0 }
.social-icons.mobile li .twitter { background-position: -25px 0 }
.social-icons.mobile li .instagram { background-position: -50px 0 }
.social-icons.mobile li .spotify { background-position: -74px 0 }
.social-icons.mobile li .tumblr { background-position: -100px 0 }
.social-icons.mobile li .youtube { background-position: -125px 0 }
.social-icons.mobile li .googlePlus { background-position: -150px 0 }
.social-icons.mobile li .website { background-position: -175px 0 }
.social-icons.mobile li .music { background-position: -200px 0 }
.social-icons.mobile li:hover { border-color: #fdbc49 }
.social-icons.mobile li:hover .facebook { background-position: 0 -25px }
.social-icons.mobile li:hover .twitter { background-position: -25px -25px }
.social-icons.mobile li:hover .instagram { background-position: -50px -25px }
.social-icons.mobile li:hover .spotify { background-position: -74px -25px }
.social-icons.mobile li:hover .tumblr { background-position: -100px -25px }
.social-icons.mobile li:hover .youtube { background-position: -125px -25px }
.social-icons.mobile li:hover .googlePlus { background-position: -150px -25px }
.social-icons.mobile li:hover .website { background-position: -175px -25px }
.social-icons.mobile li:hover .music { background-position: -200px -25px }

.social-icons a#email span { color: #fff }

/* Footer */
.footer-wrapper #colophon a#signup {
  -webkit-transition: opacity 0.45s ease-in-out;
  -moz-transition: opacity 0.45s ease-in-out;
  transition: opacity 0.45s ease-in-out
}
.footer-wrapper #colophon a#signup:hover { color: inherit; opacity: .75 }
.footer-wrapper #colophon .textwidget a.link { text-decoration: none; }
.footer-wrapper #colophon .social-icons a { transition: none; text-decoration: none; text-indent: 100%; overflow: hidden; }

.footer-wrapper .social-icons a#email span { left: 3px }

.footer-wrapper #subscription { margin: 0; clear: both }
.footer-wrapper #subscription #form.subscribe { position: relative; top: 10px; height: inherit; margin-bottom: 30px; }
.footer-wrapper #subscription #form.subscribe input { width: 70%; font-size: .775rem; border: 1px solid #000235 }
.footer-wrapper #subscription #form.subscribe input[type="submit"] { width: 30%; padding: 0; background: #fdbc49; color: #000235; border-left: 0; font-weight: 600;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out
}
.footer-wrapper #subscription #form.subscribe input[type="submit"]:hover { background: none; color: #fdbc49; border-color: #fdbc49 }

/* Sidebar */
#secondary aside.widget_text { margin-bottom: 1rem }
#secondary aside.widget_text#text-17 .textwidget { padding: 0; }
#secondary aside.widget_text#text-17 p:last-child { text-align: center; }
#secondary .widget-title { padding-bottom: 9px; border-bottom: 4px solid #000; font-weight: 400 }
#secondary .widget-title a {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out
}
#secondary .widget-title a:hover { color: #fdbc49 }
#secondary .event-data { text-align: center }
#secondary .event-data .button { float: none }
#secondary #subscription { margin: 0 }
#secondary #subscription #form.subscribe { height: inherit }
#secondary #subscription #form { margin: 0 }
#secondary #subscription #form input { width: 65%; padding: .5rem .25rem; font-size: .775rem; border: 1px solid #000235 }
#secondary #subscription #form input[type="submit"] {
  width: 35%; padding: 0; border-left: 0;
  background: #fdbc49; color: #000235;
  font-weight: 600;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out
}

#secondary #subscription #form input[type="submit"]:hover { background: none; color: #fdbc49 }
#secondary h1.widget-title:first-child {
  margin-top: 1px;
  padding-top: 0;
  padding-bottom: 0;
  letter-spacing: 1px
}
#secondary .textwidget { position: relative }
#secondary .insta-gallery-feed { margin-bottom: 1rem; }
#secondary #instagram-wrapper { float: left; width: 100%; margin-bottom: 2rem; padding: 0 2px }
#secondary #instagram-wrapper ul.social-icons { position: relative; top: 4px; float: right; display: block; width: 138px; margin: 0 }
#secondary #instagram-wrapper ul.social-icons li { background: #000235; box-shadow: none }
#secondary #instagram-wrapper ul.social-icons li:first-child { position: relative; left: 0 }
#secondary #instagram-wrapper ul.social-icons li#badge {
    position: absolute;
    right: 0;
    width: 90px;
    padding: 0;
    border: 0;
    text-transform: uppercase;
    background: none
}
#secondary #instagram-wrapper ul.social-icons a { color: #000235 }

#secondary #instagram-wrapper ul.social-icons li a { text-indent: 0% }
#secondary #instagram-wrapper ul.social-icons a:hover { color: #fdbc49 }
#secondary #instagram-wrapper .button.ghost-style { float: left; width: 105px; margin-top: 0; padding: .775rem .75rem }
#secondary #text-10 .textwidget { padding: 20px 0 }
aside .button.ghost-style { display: block; max-width: 134px; margin: 0 auto 2rem auto; color: #000235; border-color: #000235 }
aside .button.ghost-style:hover { background: #000235; color: #fff }

/*-------------------------------------------------------------
6.0 Pages
--------------------------------------------------------------*/
#backstretch-container { margin-bottom: 3rem; border-bottom: 1px solid #000 }

.page-title span { background: #000235; color: #fff }
.page-title span.long { width: 300px }

.page #secondary { margin-top: 6px }
.page .entry-title { border-bottom: 4px solid #000235 }

.page-parent .header-wrapper { border-bottom: 2px solid #fff }

article.page {  margin-top: 0 }

.mix:last-of-type { border-bottom: 0; } 

/* Event Detail Page */
.single-tm_event .bio { margin-bottom: 30px; }
.single-tm_event .social-icons.more-information { float: left; width: 100%; margin-left: 0 }
.single-tm_event .social-icons.more-information ul { margin-left: 0 }
.single-tm_event .social-icons.more-information li { position: relative; border-color: #000235 }
.single-tm_event .social-icons.more-information li .website,
.single-tm_event .social-icons.more-information li .music,
.single-tm_event .social-icons.more-information li .facebook,
.single-tm_event .social-icons.more-information li .twitter,
.single-tm_event .social-icons.more-information li .instagram,
.single-tm_event .social-icons.more-information li .spotify,
.single-tm_event .social-icons.more-information li .tumblr,
.single-tm_event .social-icons.more-information li .youtube,
.single-tm_event .social-icons.more-information li .googlePlus {
    width: 25px;
    height: 25px;
    background: url("assets/images/ape-social-sprite-event.png") no-repeat
}
.single-tm_event .social-icons.more-information li .instagram { position: absolute; left: 8px }
.single-tm_event .social-icons.more-information li .facebook { background-position: 0 0 }
.single-tm_event .social-icons.more-information li .twitter { background-position: -25px 0 }
.single-tm_event .social-icons.more-information li .instagram { background-position: -50px 0 }
.single-tm_event .social-icons.more-information li .spotify { background-position: -75px 0 }
.single-tm_event .social-icons.more-information li .tumblr { background-position: -100px 0 }
.single-tm_event .social-icons.more-information li .youtube { background-position: -125px 0 }
.single-tm_event .social-icons.more-information li .googlePlus { background-position: -150px 0 }
.single-tm_event .social-icons.more-information li .website { background-position: -175px 0 }
.single-tm_event .social-icons.more-information li .music { background-position: -200px 0 }
.single-tm_event .social-icons.more-information li:hover { border-color: #fdbc49 }
.single-tm_event .social-icons.more-information li:hover .facebook { background-position: 0 -25px }
.single-tm_event .social-icons.more-information li:hover .twitter { background-position: -25px -25px }
.single-tm_event .social-icons.more-information li:hover .instagram { background-position: -50px -25px }
.single-tm_event .social-icons.more-information li:hover .spotify { background-position: -75px -25px }
.single-tm_event .social-icons.more-information li:hover .tumblr { background-position: -100px -25px }
.single-tm_event .social-icons.more-information li:hover .youtube { background-position: -125px -25px }
.single-tm_event .social-icons.more-information li:hover .googlePlus { background-position: -150px -25px }
.single-tm_event .social-icons.more-information li:hover .website { background-position: -175px -25px }
.single-tm_event .social-icons.more-information li:hover .music { background-position: -200px -25px }

/* Add event to Calendar */
#ape-atc a {
	display: block;
}
#new-cal { display: inline-block; }
#new-cal a { position: relative; margin-bottom: 5px; font-size: 14px; font-family: 'Open Sans', sans-serif; 
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
#new-cal a.icon-google,
#new-cal a.icon-ical,
#new-cal a.icon-outlook {
	display: inline-block; margin: 5px 10px; 
}

#new-cal a::before { display: block; margin-bottom: 5px; font-size: 16px; font-family: 'FontAwesome'; text-align: center; }

#new-cal a.icon-google::before {  content: '\f1a0';  }
#new-cal a.icon-ical::before { content: '\f073'; }
#new-cal a.icon-outlook::before { content: '\f003'; }
#new-cal a:hover { color: #fdbc49; }

.header-styling { margin-top: 2rem }

.home #event-list form { position: relative; top: 5px; min-width: 275px; float: right; display: block; }
.home #event-list .search-form { top: 10px; }

.page-template-template-events.page { padding-top: 123px; }
.page-template-template-events #event-list .search-form  { top: 24px; right: 0; }

.page-template-template-events .content-information img,
.page-template-template-postponed .content-information img { 
	width: 280px; max-width: 100%; 
}
.page-template-template-postponed p.notice { margin-top: 0; }

.search .title-area { margin-top: 10px; margin-bottom: 20px; }

.tax-event_tag #main,
.page-template-page-contact .masthead,
.page-template-page-about .header-styling,
.page-template-template-filtered-events .header-styling {
	position: relative; margin-top: 4rem
}

.venue::after,
ul.gallery::after,
.subscribe::after,
#venue-info::after,
#subscription::after,
#press .wrapper::after,
#about .large-12::after,
#about .ghost-style::after,
#festival-info .wrapper::after,
.tax-event_tag #main::after
.page-template-page-about #press::after,
.page-template-page-about #venue-info::after,
.page-template-page-about .header-styling::after,
.page-template-page-contact .masthead::after {
    clear: both;
    content: "";
    display: table
}

.page-template-page-parking #main { margin-top: 1rem }
.page-template-page-parking #driving-routes .columns+.columns:last-child { float: left }

.single { margin-top: 10rem }
.single-ape-gallery #main { margin-top: 12rem }
.single-ape-gallery .entry-content ul { max-width: 100%; }
.single-ape-gallery .entry-content ul li { margin-left: 0; }

/* Home */
.home .entry-header { text-indent: -9999px; }
.home .entry-title a { font-family: "ConcursoItalianBTN-Bold", serif; }
.home #event-list .entry-title span { font-size: 1.999rem; }
.home #event-list .entry-title span i { font-size: 1.777rem; }

.home #page { margin-top: 2rem; }
.home .entry-header { position: absolute; }
.home .entry-title { margin-top: 0; padding-bottom: 10px; }

.home .entry-title i,
.page-template-template-events .entry-title i { position: relative; top: -10px;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out
}
.home .entry-title i:hover { color: #fdbc49 }
.home #event-list .entry-title { float: left; width: inherit; border: 0; }
.home #event-list .entry-title span { padding: 0; border: 0; }

.home #event-list .postponed-events-list { margin-top: 50px; }
.home #event-list .postponed-events-list .entry-header { position: inherit; width: 100%; border-bottom: 4px solid #000235; text-indent: inherit; }
.home #event-list .postponed-events-list .entry-title { float: none; padding-bottom: 0; line-height: 1.4; }
.home #event-list .postponed-events-list .mix .small-12 { padding-left: 0; }
.home #event-list .postponed-events-list .mix .large-4.columns { padding-left: 0; }
.home #event-list .postponed-events-list .img-responsive { position: relative; left: 10px; }
.home #event-list .postponed-events-list .mix .entry,
.home #event-list .postponed-events-list .mix .meta {
	position: relative; left: 10px;
}

.home .site-main { margin-top: 0 }
.home .site-main .row { margin-top: 1rem; padding: 1rem 0 }
.home .site-main .row.slider { margin-top: 0; margin-bottom: 30px; padding: 0; border: 0 }
.home .content-area .list-view { padding-bottom: 1rem }
.home .entry-content { margin-top: 1rem; margin-bottom: 0 }

.home #secondary { margin-top: -11px; }
.home .footer-wrapper { margin-top: 4rem }

.just-announced ul li { padding: 1rem 0 0 0 }

.calendar.btn {
	-webkit-transition: all 0.45s ease-in-out;
	-moz-transition: all 0.45s ease-in-out;
	transition: all 0.45s ease-in-out
}

.calendar.btn:hover { background: #fdbc49; color: #fff; border: 2px solid #fdbc49 }

/* Venues Template */
.page-template-page-venues .venue-wrapper a { text-decoration: underline }
.page-template-page-venues .venue-wrapper a.button { text-decoration: none }
.page-template-page-venues .social-icons a { text-decoration: none }

.page-template-page-templatespage-parking-php.page .entry-title { border-bottom: 2px solid #000235 }

.venue-wrapper,
.festival-wrapper {
    float: left;
}

.venue-wrapper,
.festival-wrapper { 
  margin-top: 1em; margin-bottom: 1em; 
}

.venue-wrapper a.button,
.venue-wrapper p:last-of-type,
.festival-wrapper a.button,
.festival-wrapper  p:last-of-type { 
  margin-bottom: 0; 
}

.venue-wrapper::after,
.festival-wrapper::after {
    clear: both;
    content: "";
    display: table
}

.venue-wrapper .large-9 p,
.festival-wrapper .large-9 p {
    margin-top: 1rem
}

.venue-wrapper .large-3 img,
.festival-wrapper .large-3 img {
    margin-top: 10px
}

.venue-wrapper figure,
.festival-wrapper figure {
	float: left; width: 100%; margin: 0 0 10px 0
}

.festival-wrapper figure img,
.venue-wrapper figure img {
    border: 2px solid #000
}

.festival-wrapper figcaption h2,
.venue-wrapper figcaption h2 {
    float: left;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase
}

.festival-wrapper figcaption h2 span.description,
.venue-wrapper figcaption h2 span.description {
    padding-left: 8px;
    font-size: 1.125rem;
    font-weight: normal;
    text-transform: none
}

.festival-wrapper .social-icons,
.venue-wrapper .social-icons {
	float: none; margin: 2px 0 0 0;
	text-align: center
}

.festival-wrapper .social-icons li,
.venue-wrapper .social-icons li {
	width: inherit; height: inherit; padding: 0 5px; border: 0
}

.festival-wrapper .social-icons a,
.venue-wrapper .social-icons a {
	position: inherit; top: 0;
}

#about h2 { text-transform: uppercase }
#about .entry-content p { font-size: 1rem }
.festival-wrapper .social-icons a,
.venue-wrapper .social-icons a {
	font-size: 1.445rem
}

.festival-wrapper .social-icons a span:before,
.venue-wrapper .social-icons a span:before {
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out
}

.festival-wrapper .social-icons a span:hover:before,
.venue-wrapper .social-icons a span:hover:before {
    color: #fdbc49
}

.festival-wrapper a.button,
.venue-wrapper a.button {
    float: right;
    margin-right: 1rem;
    color: #121212
}

.festival-wrapper a.button:hover,
.festival-wrapper a.button:focus,
.venue-wrapper a.button:hover,
.venue-wrapper a.button:focus {
    color: #fff
}

.venue-wrapper .social-icons { text-align: left }

.venue-wrapper:last-child { margin-bottom: 0 }
.venue-wrapper:last-child p,
.venue-wrapper:last-child a.button {
    margin-bottom: 0
}

#about .ghost-style {
    display: block;
    width: 170px;
    margin: 30px auto 0 auto
}

.page-template-page-about .header-styling { float: left; width: 100% }
.page-template-page-about .header-styling div { margin-bottom: 0; padding-bottom: .5rem }
.page-template-page-about .header-styling div h1.page-title {
  margin-top: 0;
  padding-bottom: .5rem;
  color: #fff;
  text-transform: uppercase;
  border-bottom: 2px solid #fff;
  text-align: left;
  text-shadow: 1px 1px 1px #000
}

.page-template-page-about .section-title { margin-bottom: 2rem }
.page-template-page-about #main { margin-top: 0; margin-bottom: 0 }

.page-template-page-about #venue-info,
.page-template-page-about #press {
  margin-top: 3rem;
  margin-bottom: 0;
  background: #fefcff;
  border-top: 1px solid #e6e6e6
}

.page-template-page-about #press { padding: 3rem 0 }
.page-template-page-about #venue-info { padding: 3rem 0 1rem 0 }
.page-template-page-about #venue-info h2 { margin-bottom: 3rem }

.page-template-page-about blockquote { border: 0; font-style: italic; text-align: center; font-weight: 300 }
.page-template-page-about blockquote span { float: left; width: 100%; margin-top: 5px; font-style: normal; font-weight: 600; color: #121212 }
.page-template-page-about blockquote .quote { width: 30px; height: 30px; background: url("assets/svg/ape-blockquotes.svg") no-repeat 0 0; overflow: hidden }
.page-template-page-about blockquote .quote.left { position: relative; top: -10px; left: -10px }
.page-template-page-about blockquote .quote.right {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=6)
}

.page-template-page-about blockquote p { clear: both }

#venue-info .columns:last-child { float: left }
#venue-info .columns .venue { margin-bottom: 2rem }

#article-listing p { float: left; width: 48%; margin-right: 2%; }

#festival-info { margin-top: 3rem }
#festival-info .festival { margin-bottom: 2rem; }
#festival-info .column+.column:last-child,
#festival-info .columns+.column:last-child,
#festival-info .column+.columns:last-child,
#festival-info .columns+.columns:last-child {
    float: left
}

#festival-info .festival:nth-child(2) .thumb-wrapper, 
#festival-info .festival:nth-child(3) .thumb-wrapper { 
	display: block; width: 300px; height: 300px; margin: 0 auto 
}
#festival-info .thumb-wrapper { position: relative; width: 360px; max-width: 100%; height: 360px; margin: auto; }
#festival-info .thumb-wrapper img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto }

#press .wrapper { margin-bottom: 2rem }

#press span.date { position: relative; float: left; width: 100px }
#press h3 { margin-bottom: 2rem; }
#press a { display: block; margin-left: 110px;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out
}
#press a:hover { color: #fdbc49 }

.section-title span {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 1rem;
	text-transform: uppercase;
	border-bottom: 2px solid #000235;
	color: #000235;
	text-align: center;
	font-weight: 600
}

.page-template-page-gallery figure.effect-zoe img {
	height: 250px; object-fit: cover
}

ul.gallery li { list-style-type: none }

/* About Page 2020 */
.page-template-page-about-2020 h2.section-title { font-size: 1.44rem; }

.page-template-page-about-2020 #venue-wrapper h3,
.page-template-page-about-2020 #festival-wrapper h3 { 
	font-size: 1.2rem; 
}	
.page-template-page-about-2020 #article-listing article { font-size: .875rem; line-height: 1.6; }

.has-text-align-center { text-align: center; } 
.wp-block-columns.has-2-columns { max-width: 75rem; grid-template-columns: 1fr 1fr; margin-bottom: 3em; padding-left: .9375rem; padding-right: .9375rem; }	

.page-template-page-about-2020 .header-styling { max-width: 75rem; margin: auto; } 	 
.page-template-page-about-2020 .header-styling h1.page-title { 
	margin-top: 2rem; padding-bottom: .5rem;
  color: #fff; border-bottom: 2px solid #fff;
  text-transform: uppercase; text-align: left;
  text-shadow: 1px 1px 1px #000;
  font-family: "ConcursoItalianBTN-Bold", serif;
  font-weight: 400;
  line-height: 110%;
  font-size: 4.1875rem;
}
.page-template-page-about-2020 blockquote { margin-bottom: 1em; border: 0; font-style: italic; text-align: center; font-weight: 300 }
.page-template-page-about-2020 blockquote p { clear: both }
.page-template-page-about-2020 blockquote span { display: flex; justify-content: center; width: 100%; margin-top: 5px; font-style: normal; font-weight: 600; color: #121212 }
.page-template-page-about-2020 blockquote .quote { width: 30px; height: 30px; background: url("https://apeconcerts.com/wp-content/themes/apechild/assets/svg/ape-blockquotes.svg") no-repeat 0 0; overflow: hidden }
.page-template-page-about-2020 blockquote .quote.left { position: relative; top: -10px; left: -10px }
.page-template-page-about-2020 blockquote .quote.right {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=6)
}
.page-template-page-about-2020 .section-title { padding-top: 0; }
.page-template-page-about-2020 .wp-block-cover { margin-bottom: 3em; align-items: flex-start; }

.page-template-page-about-2020 #about p:last-child { margin-bottom: 0; }
.page-template-page-about-2020 #venue-info { background: none; border: 0; }

.page-template-page-about-2020 #press,
.page-template-page-about-2020 #press h2,
.page-template-page-about-2020 #venue-info,
.page-template-page-about-2020 #festival-info,
.page-template-page-about-2020 #timeline h2,
.page-template-page-about-2020 #timeline .cbp_tmtimeline {
	max-width: 75rem;  margin-right: auto; margin-left: auto; 
}

.page-template-page-about-2020 #festival-info { margin-top: 0; }

.page-template-page-about-2020 #timeline { height: 500px; overflow-y: scroll; margin-bottom: 0; padding: 2rem 0 4rem 0; background: #fefcff; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }

/* FAQ */
.page-template-template-faq-ape .page { padding-top: 3em; padding-bottom: 2em; }
.page-template-template-faq-ape .entry-header div,
.page-template-template-faq-ape .entry-header .page-title {
  margin-top: 0; margin-bottom: 0; padding-bottom: 0;
}
.page-template-template-faq-ape article:not(:last-child) { margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #bfbfbf; }
.page-template-template-faq-ape article p:last-child { margin-bottom: 0; }
.faq-question { margin-top: 0; font-size: 1.2em; text-transform: uppercase; font-weight: 600; }
.faq-content { margin-top: 1em; }

/* Custom Scrollbar */
.page-template-page-about-2020 #timeline::-webkit-scrollbar { width: 8px; }
.page-template-page-about-2020 #timeline::-webkit-scrollbar-track { background: #f1f1f1; }
.page-template-page-about-2020 #timeline::-webkit-scrollbar-thumb { background: rgba(136,136,136,.8); border-radius: 8px; }
.page-template-page-about-2020 #timeline::-webkit-scrollbar-thumb:hover { background: #555; }

.page-template-page-about-2020 #timeline .section-title span { padding-top: 0; }
.page-template-page-about-2020 #timeline .cbp_tmtimeline:before { top: 12px; left: 16%; height: 98%; margin-left: 4px; }
.page-template-page-about-2020 #timeline .cbp_tmtimeline>li { padding-right: .9375rem; padding-left: .9375rem; }
.page-template-page-about-2020 #timeline .cbp_tmtimeline>li .cbp_tmtime { width: 18%; top: -4px; }
.page-template-page-about-2020 #timeline .cbp_tmtimeline>li .cbp_tmicon { width: 14px; height: 14px; top: 5px; left: 18%; box-shadow: 0 0 0 6px #ddd; }
.page-template-page-about-2020 #timeline .cbp_tmtimeline>li .cbp_tmlabel { margin-left: 20%; }
.page-template-page-about-2020 #timeline .cbp_tmlabel { padding-right: .9375rem; }

.page-template-page-about-2020 #venue-wrapper,
.page-template-page-about-2020 #festival-wrapper {
	display: grid; grid-gap: 30px; padding-left: .9375rem; padding-right: .9375rem; 
}
.page-template-page-about-2020 .venue,
.page-template-page-about-2020 .festival {
	display: grid; margin-bottom: 0; 
}

.page-template-page-about-2020 .venue h3,
.page-template-page-about-2020 .festival h3 { 
	display: flex; justify-content: center; align-items: center; width: 100%; margin: 0; 
}

.page-template-page-about-2020 #venue-wrapper { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); justify-content: center; }
.page-template-page-about-2020 #venue-wrapper .thumb-wrapper { overflow: hidden; }
.page-template-page-about-2020 #venue-wrapper a img { width: 100%; height: 100%; object-fit: cover; 
	transition: all .35s ease-in-out; 
}
.page-template-page-about-2020 #venue-wrapper a:hover img { transform: scale(1.025); opacity: 0.85; }
.page-template-page-about-2020 .venue { grid-template-rows: 220px auto auto auto; min-height: inherit; }
.page-template-page-about-2020 .venue .thumb-wrapper a { padding: 0; }
.page-template-page-about-2020 .venue-links { display: grid; grid-template-columns: 1fr 1fr; align-items: center; align-self: end; min-height: 40px; }
.page-template-page-about-2020 .venue-links a:nth-child(2) { text-align: right; }

.page-template-page-about-2020 #festival-wrapper { grid-template-columns: repeat(auto-fill, minmax(375px, 1fr)); justify-content: center; margin-bottom: 1em; }
.page-template-page-about-2020 #festival-wrapper p { display: flex; align-items: center; margin-bottom: 0; }
.page-template-page-about-2020 #festival-wrapper a { margin-top: 30px; }
.page-template-page-about-2020 #festival-wrapper h3 { padding: 20px 10px; }
.page-template-page-about-2020 #festival-wrapper img { position: unset; width: 300px; margin-top: 0; margin-bottom: 0; object-fit: contain; }
.page-template-page-about-2020 #festival-info .festival { grid-template-rows: 300px max-content auto max-content; }
.page-template-page-about-2020 #festival-info .festival .thumb-wrapper { display: flex; align-self: center; height: inherit; }

.page-template-page-about-2020 #press { margin-bottom: 3em; }
.page-template-page-about-2020 #press h2.section-title { margin-bottom: 30px; }
.page-template-page-about-2020 #press-wrapper { padding-left: .9375rem; padding-right: .9375rem; }
.page-template-page-about-2020 #article-listing { display: grid; grid-gap: 30px; grid-template-columns: 1fr 1fr; }
.page-template-page-about-2020 #article-listing article { display: grid; grid-template-columns: min-content 1fr; }
.page-template-page-about-2020 #article-listing article a { margin-left: 0; }
.page-template-page-about-2020 #article-listing article strong { display: flex; }

/* Contact Page */
.page-template-page-contact #main { margin-top: 0; margin-bottom: 0 }
.page-template-page-contact h2 { font-size: 1.3rem }
.page-template-page-contact h2,
.page-template-page-contact h3 {
    text-transform: uppercase
}
.page-template-page-contact .masthead span,
.page-template-page-contact .masthead h1.page-title {
    float: left;
    color: #fff
}
.page-template-page-contact .masthead h1.page-title {
    position: absolute;
    left: 58px;
    width: 95%;
    margin-top: -20px;
    margin-bottom: 0;
    padding-bottom: 10px;
    color: #fff;
    border-bottom: 2px solid #fff;
    text-shadow: 1px 1px 1px #0D0D0D
}
.page-template-page-contact .masthead .circle {
    position: relative;
    top: 5px;
    display: inline-block;
    height: 45px;
    width: 45px;
    margin-right: 10px;
    padding: 10px;
    border: 2px solid #fff;
    list-style-type: none;
    -moz-border-radius: 22.5px;
    -webkit-border-radius: 22.5px;
    border-radius: 22.5px;
    box-shadow: 0 0 1px 0px white inset, 0 0 1px 0px white;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.page-template-page-contact .masthead .circle span.icon-envelope-o {
    position: relative;
    left: 1px;
    color: #fff;
    font-size: 1.225rem
}

.page-template-page-contact .masthead a { position: absolute; top: 64px; left: 58px; color: #fff }
.page-template-page-contact .masthead a:hover { color: #fdbc49 }
.page-template-page-contact #venue-info h2.section-title {
    margin-bottom: 3rem;
    font-size: 1.6125rem;
    font-weight: 600;
    border-bottom: 2px solid gray
}

.page-template-page-contact blockquote {
    margin-top: 0;
    margin-bottom: 40px;
    padding-top: 0;
    padding-bottom: 40px;
    border: 0;
    border-bottom: 1px solid #e6e5e6;
    text-align: center;
    font-weight: 300
}

.page-template-page-contact blockquote span {
    float: left;
    width: 100%;
    margin-top: 5px;
    font-style: normal;
    font-weight: 600;
    color: #121212
}

.page-template-page-contact blockquote .quote { 
	width: 30px; height: 30px; overflow: hidden; 
	background: url("assets/svg/ape-blockquotes.svg") no-repeat 0 0; 
}
.page-template-page-contact blockquote .quote.left { position: relative; top: -10px; left: -10px }
.page-template-page-contact blockquote .quote.right {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=6)
}
.page-template-page-contact blockquote p { font-size: 1rem; clear: both }

.subscribe { height: 200px }

#subscription { margin-top: 3rem; margin-bottom: 3rem }
#subscription #form { max-width: 800px; margin-top: 30px }
#subscription input,
#subscription input[type="submit"] {
  height: 45px
}
#subscription input {
  float: left; width: 75%; color: #737373;
  font-style: italic; font-weight: 300
}
#subscription input[type="submit"] {
  display: block; width: 25%; max-width: 190px; margin: 0 auto; padding: 10px 20px;
  font-size: 1rem; font-style: normal; text-align: center; font-weight: 400; line-height: 0;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
  border-radius: 0;
  background: #000235;
  color: #fff;
  border: 2px solid transparent;
  text-transform: uppercase;
  cursor: pointer
}

#subscription input[type="submit"]:hover {
    background: none;
    border: 2px solid #000235;
    color: #000235
}

#subscription h2 {
	font-family: "Lobster", serif;
	text-transform: none;
	text-align: center;
	font-size: 1.45rem
}

#venue-info {
  margin-bottom: 0;
  padding: 2rem 0 4rem 0;
  background: #fefcff;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6
}

#venue-info .large-12 { margin-bottom: 2rem }
#venue-info h2 { padding-bottom: .5rem }

.venue { position: relative; min-height: 430px; margin-bottom: 2rem; background: #fff; border: 1px solid #bfbfbf }
.venue p { margin-bottom: 0 }

.venue h3,
.venue p {
    padding: 1rem
}

.venue h3 {
    margin-bottom: 0;
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
    font-size: 1.375rem;
    font-weight: 600
}

.venue .venue-links { border-top: 1px solid #d9d9d9 }
.venue .venue-links::after { clear: both; content: ""; display: table }

.venue a { padding: .5rem 1rem; font-size: .775rem; text-transform: uppercase;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out
}

.venue a:hover { color: #fdbc49 }

.page-template-page-mgmt #main { margin: 1rem 0 2rem; }
.page-template-page-mgmt h1.page-title { margin-bottom: 2rem; text-transform: uppercase }
.page-template-page-mgmt .columns+.columns:last-child { float: left }
.page-template-page-mgmt .contact-mgmt a {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out
}
.page-template-page-mgmt .contact-mgmt p a:before { margin-right: 2.5px; content: '\f003'; font-family: 'fontAwesome'; }
.page-template-page-mgmt .contact-mgmt p a:hover { color: #fdbc49 }

.contact-mgmt p { font-size: 1rem; text-align: center }
.contact-mgmt i { position: relative; top: 1px; right: 5px }

/* Management Page */
.page-template-page-mgmt .grid-effect { padding-top: 1em; padding-bottom: 1em; }
.page-template-page-mgmt .grid-effect:nth-child(even) { padding-left: .75rem; }
.page-template-page-mgmt .grid-effect:nth-child(odd) { padding-right: .75rem; }
.page-template-page-mgmt .grid-effect h3 { text-transform: uppercase }
.page-template-page-mgmt .grid-effect a { display: block; 
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out
}
.page-template-page-mgmt .grid-effect figure a { height: 250px; }
.page-template-page-mgmt .grid-effect a.artist-name { margin-top: 16px; }
.page-template-page-mgmt .grid-effect a:hover { color: #fdbc49 }
.page-template-page-mgmt .grid-effect figure { width: 100%;  max-width: 100%; margin: 0; }
.page-template-page-mgmt .grid-effect figure img { height: 100%; width: 100%; object-fit: cover; backface-visibility: hidden; }
.page-template-page-mgmt .band-social-icons { float: right; margin: 9px 0 0 0 }
.page-template-page-mgmt .band-social-icons li { display: inline-block; margin: 0 12px }
.page-template-page-mgmt .band-social-icons li:hover { border: 0 }
.page-template-page-mgmt .band-social-icons li:hover a { color: #fdbc49 }
.page-template-page-mgmt .band-social-icons li a { font-size: 1.2rem; }
.page-template-page-mgmt .detail-information:hover { border: none }

.page-template-page-just-announced .page-title span.long {
	width: 400px; margin: 0; padding: 0; background: none; color: #000235
}

.just-announced-listing ul { margin-left: 0 }
.just-announced-listing ul li {
    padding: 1.125rem 0 1.125rem 0; border-bottom: 1px solid #e6e5e6;
    list-style-type: none; text-transform: uppercase
}

/* Careers */
.page-template-page-careers #main { display: block; margin-top: 0; margin-bottom: 0; }
.page-template-page-careers .hero { position: relative; height: 60vh;
	clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 0 100%);
}
.page-template-page-careers .hero img { width: 100%; }
.page-template-page-careers .hero figure { margin: 0; padding: 0; }
.page-template-page-careers .hero figcaption {
  position: absolute; top: 20px; left: 0; right: 0; max-width: 75rem;
}
.page-template-page-careers .hero h1,
.page-template-page-careers .hero h2 {
	text-transform: capitalize; text-align: left; 
}
.page-template-page-careers .hero h1 { font-family: "ConcursoItalianBTN-Bold", serif; font-size: 3.77rem; border-bottom: 1px solid #121212; text-shadow: 1px 1px 1px #fff;  }
.page-template-page-careers .hero h2 { font-family: 'Lobster', sans-serif; }
.page-template-page-careers h2.section-title { font-family: 'Lobster', sans-serif; font-size: 1.618rem; font-weight: 600; text-transform: none; }
.page-template-page-careers .entry-content { margin-top: -20px; }
.page-template-page-careers .entry-content .large-7 { padding-right: .9375rem; padding-left: .9375rem;  background: #fff; }
.page-template-page-careers .entry-content a {
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}
.page-template-page-careers .entry-content a:hover { color: #fdbc49; }
.page-template-page-careers .career-post ul { max-width: 100%; }
.page-template-page-careers .career-post ul ul { margin-top: 1em; margin-left: 2em; }
.page-template-page-careers .career-post ul.breadcrumb { float: right; width: 100%; margin-bottom: 0; }
.page-template-page-careers .career-post ul.breadcrumb li { display: inline-block; }
.page-template-page-careers .career-post ul.breadcrumb li a.close-reveal-modal { position: initial; margin: 10px 10px 0 0; font-size: 14px; }
.page-template-page-careers .career-post ul.breadcrumb li a.close-reveal-modal i { margin-left: 10px; font-size: 16px; }
.page-template-page-careers .career-post .entry-content { margin-top: 20px; }
.page-template-page-careers .career-post .wpcf7 input[type="submit"] { margin: 2em auto; }

.page-template-page-careers aside#careers-sidebar { margin-top: -160px; }
.page-template-page-careers aside#careers-sidebar img { display: block; margin: 10px auto; padding: 5px; border: 1px solid #e6e5e6; }

.page-template-page-careers .btn-wrapper { background: #fdbc49; padding: 40px 0; }
.page-template-page-careers .btn-wrapper a.ghost-style { width: 180px; margin-bottom: 0; text-transform: uppercase; font-weight: 600; border-color: #fff; }
.page-template-page-careers .btn-wrapper a.ghost-style i { margin-right: 5px; 
	-webkit-transition: color 0.45s ease-in-out;
	-moz-transition: color 0.45s ease-in-out;
	transition: color 0.45s ease-in-out;
}
.page-template-page-careers .btn-wrapper a.ghost-style:hover { background: #000235; color: #fff; }
.page-template-page-careers .btn-wrapper a.ghost-style:hover i { color: #fff; }

#careers-intro p { font-size: 16px; }
#careers-intro a { width: 100%; margin-top: 5px; }

#careers-intro a { color: #000235; font-size: 16px; }
#careers-intro a:hover { color: #fdbc49; }

#careers-listing .dept ul { margin-left: 0; }
#careers-listing .dept ul li { list-style-type: none; }
#careers-listing .dept a { color: #000235; font-size: 15px; }
#careers-listing .dept a:hover { color: #fdbc49; }
#careers-listing .dept:last-of-type { border: 0; }

#careers-listing { margin-top: 30px; margin-bottom: 0; padding-top: 20px; border-top: 1px solid #000235; }
#careers-listing h3 { font-size: 44px; font-weight: 400!important; font-family: "ConcursoItalianBTN-Bold", serif; }
#careers-listing h3,
#careers-listing h4 { 
  font-weight: 600; 
}
#careers-listing .dept { margin-top: 30px; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #e6e5e6;}
#careers-listing .dept:last-child { border-bottom: none; }
#careers-listing .dept i { position: relative; top: 1px; margin-right: 10px; transform:rotate(0deg); }
#careers-listing .dept p { color: #6f6f6f; }

.career-post { margin: 40px auto; }
.career-post header { padding-bottom: 5px; border-bottom: 2px solid #000235; }
.career-post header h2 { color: #121212; font-size: 1.5rem; letter-spacing: .5px; text-transform: uppercase; }
.career-post header ul { margin: 0; padding: 0; }
.career-post header ul li { display: inline-block; margin-right: 20px; list-style-type: none; }
.career-post header ul li:last-child { margin-right: 0; }

.career-post .entry-content h3 { font-size: 21px; }
.career-post ul { margin-top: 20px; }
.career-post ul li { padding-bottom: 10px; }
.career-post ul li ul li { padding-bottom: 0; }
.resize aside#ada button,
.sub-nav-wrapper.resize ul#menu-secondary-menu a { 
  font-size: 12px; 
} 
.sub-nav-wrapper.resize ul#menu-secondary-menu { padding: 7.5px; }
.resize aside#ada button { margin-top: 10px; }

/* Careers Modal Reveal */
.page-template-page-careers.active-modal { overflow: hidden; 
	-webkit-overflow-scrolling: auto; }
.page-template-page-careers .reveal-modal { position: fixed; top: 0!important; right: 0; bottom: 0; left: 0; padding: 0; border: 0; overflow-y: auto; 
}
.page-template-page-careers .reveal-modal-bg { opacity: 1; background: #fff; }

.page-template-page-careers.logged-in .reveal-modal { top: 32px!important; }
.page-template-page-careers .reveal-modal#adaModal { padding: 2.875rem; border: 20px solid #000235; }
.page-template-page-careers .reveal-modal .topbar { min-height: 20px; padding: 10px; background: #ccc; }
.page-template-page-careers .reveal-modal .topbar a.breadcrumb { color: #262626; font-size: 14px; font-weight: 600; text-transform: uppercase; }
.page-template-page-careers .reveal-modal .topbar a.breadcrumb:hover { color: #4C4C4C; }
.page-template-page-careers .reveal-modal .topbar a.breadcrumb i { margin-right: 5px; font-size: 16px; }
.page-template-page-careers .reveal-modal .modal-header { padding: 30px; }
.page-template-page-careers .reveal-modal a.close-reveal-modal { top: 0; color: #262626; }
.page-template-page-careers .reveal-modal a.close-reveal-modal span { position: relative; top: -8px; right: 6px; font-size: 14px; text-transform: uppercase; }
.page-template-page-careers .reveal-modal a.close-reveal-modal:hover,
.page-template-page-careers .reveal-modal a.close-reveal-modal:hover span {
	color: #4C4C4C;
}
.reveal-modal .subheader { margin: 0; padding: 10px 0; background: #D9D9D9; }
.reveal-modal .subheader h1,
.reveal-modal .subheader h2,
.reveal-modal .subheader h3 {
	letter-spacing: 0;
}

.reveal-modal .subheader ul { margin: 0; }
.reveal-modal .subheader ul li { display: inline-block; margin-right: 20px; }
.reveal-modal .subheader ul li:last-child { display: inline-block; margin-right: 0; }
.reveal-modal .subheader i { margin-right: 2.5px; }
.reveal-modal .bgca-masthead { background: rgba(0, 0, 0, .85); }
.reveal-modal .bgca-masthead img {  width: 230px; }
.reveal-modal .greek-masthead { background: #5F7077; }
.reveal-modal .greek-masthead img { width: 300px; }
.reveal-modal .ape-masthead { background: #000235; }
.reveal-modal .ape-masthead img { width: 420px; background: #000235; }
.reveal-modal .fox-masthead { background: rgba(0, 0, 0, 0.90); }
.reveal-modal .fox-masthead img { width: 175px; }

/* FAQ */
.page-template-page-faq h2,
.page-template-page-faq h3,
.page-template-page-parking h2,
.page-template-page-parking h3,
.page-template-page-2col h2,
.page-template-page-2col h3 {
    text-transform: uppercase
}

.page-template-page-faq .site-main a,
.page-template-page-parking .site-main a,
.page-template-page-2col .site-main a {
    color: #000235;
    font-weight: 600;
    text-decoration: none
}

.page-template-page-faq .site-main a:hover,
.page-template-page-parking .site-main a:hover,
.page-template-page-2col .site-main a:hover {
    text-decoration: none
}

.page-template-page-faq .site-main .button,
.page-template-page-parking .site-main .button,
.page-template-page-2col .site-main .button {
    margin: 1rem 0;
    color: #fff
}

.page-template-page-2col .site-main .button.ghost-style { margin: auto; color: #000235 }

.page-template-page-faq .site-main .button:hover,
.page-template-page-parking .site-main .button:hover,
.page-template-page-2col .site-main .button:hover {
    color: #000235
}

.page-template-page-faq .site-main ul,
.page-template-page-faq .site-main ol,
.page-template-page-faq .site-main li,
.page-template-page-parking .site-main ul,
.page-template-page-parking .site-main ol,
.page-template-page-parking .site-main li,
.page-template-page-2col .site-main ul,
.page-template-page-2col .site-main ol,
.page-template-page-2col .site-main li {
    font-size: .875rem
}

.page-template-page-faq .site-main ul,
.page-template-page-parking .site-main ul,
.page-template-page-2col .site-main ul {
    margin-top: 1rem
}

.page-template-page-faq .site-main ul li,
.page-template-page-parking .site-main ul li,
.page-template-page-2col .site-main ul li {
    padding-bottom: 1rem
}

.page-template-page-faq #main { margin-top: 0 }
.page-template-page-faq #main div ul li:last-child { border-bottom: 0 }
.page-template-page-faq .header-styling { margin-top: 3rem; margin-bottom: 0 }
.page-template-page-faq ul li { padding-bottom: 0 }

.reveal-modal ul,
.reveal-modal li {
    font-size: .875rem
}

.site-main #faqs ul,
.site-main #faqs li {
	margin: 0; padding: 0
}

#faqs { margin-top: 2rem }

.faq-info,
.box-office {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #121212
}

.faq-info::after,
.box-office::after {
    clear: both;
    content: "";
    display: table
}

.faq {
    margin-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 2rem
}

.faq ul li {
    list-style-type: none
}

.page-template-page-2col h1 a,
.page-template-page-2col h2 a,
.page-template-page-2col h3 a {
    font-size: 1rem
}

#greek-about h1 {
    text-transform: uppercase
}

#greek-about .cta-wrapper h3 {
    float: left
}

#greek-about .cta-wrapper a {
    display: block;
    width: 240px;
    margin: 2rem auto
}

#greek-about img,
#seating img {
    border: 1px solid #e6e5e6;
    padding: 5px
}

#ga-seating,
#reserved-seating p {
    text-align: center
}

#seating img { margin-top: 1rem; border: 1px solid #e6e5e6 }
#seating .popup { text-align: center }

#ticket-info iframe { border: 2px solid #e6e5e6 !important }
#ticket-info .large-12 { margin-bottom: 3rem }
#ticket-info .large-12:last-child { margin-bottom: 0 }
#ticket-info .large-4 { ext-align: center }

.page-template-page-parking #main { margin-bottom: 0 }
.page-template-page-parking section.wrapper {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #121212
}

.artist-wrapper::after,
.artist-wrapper .gallery::after,
.single-ape-gallery .entry-title::after,
.page-template-page-parking section.wrapper::after {
    clear: both;
    content: "";
    display: table
}

#parking h1 { text-transform: uppercase }

#alt-routes .column+.column:last-child,
#alt-routes .columns+.column:last-child,
#alt-routes .column+.columns:last-child,
#alt-routes .columns+.columns:last-child {
    float: left
}

.page-template-default #main { margin-top: 0; margin-bottom: 0; padding-top: 2.25rem; padding-bottom: 2.25rem; }
.page-template-page-gallery #main { margin: 1rem 0 }

.page-template-page-gallery .gallery { margin-top: 1em; }
.page-template-page-gallery .gallery .grid-effect { margin-bottom: 2em; }

/* Single Gallery */
.single-ape-galleries article { padding: 133px 0 0 0 }
.single-ape-galleries .entry-title span { float: left; width: 100% }

.single-ape-gallery #main h1.entry-title { margin-top: 20px; margin-bottom: 0 }
.single-ape-gallery #main .entry-header .breadcrumb { top: -20px }
.single-ape-gallery .breadcrumb { position: absolute; left: 0.9375rem; font-size: .875rem }
.single-ape-gallery .breadcrumb span { position: relative; top: 1px; margin-right: 5px }
.single-ape-gallery .breadcrumb:hover { color: #fdbc49 }

.single-ape-gallery .entry-title span {
    float: left;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 1.5rem;
    font-weight: 300
}

.single-ape-gallery a.credit {
    float: left;
    width: 100%;
    margin-top: -5px;
    margin-bottom: 1rem;
    color: #121212;
    font-size: .885rem;
    font-weight: 100;
    font-style: italic;
    text-align: center
}

.single-ape-gallery a.credit:hover { color: #fdbc49; opacity: .75 }
.single-ape-gallery figure.effect-zoe img { height: 250px; object-fit: cover; cursor: pointer; }
.single-ape-gallery .artist-wrapper figure.effect-zoe figcaption { height: 65px; }

.single-ape-gallery #main .column+.column:last-child,
.single-ape-gallery #main .columns+.column:last-child,
.single-ape-gallery #main .column+.columns:last-child,
.single-ape-gallery #main .columns+.columns:last-child {
    float: left
}

.artist-wrapper .gallery .columns { float: left }
.artist-wrapper figure.effect-zoe figcaption { padding: 8px 10px; font-weight: 600 }
.artist-wrapper span { float: left; width: 100%; font-weight: 300 }

.page-template-template-events #main { margin: 0 }
.page-template-template-events h1.page-title {  margin-bottom: 0 }
.page-template-template-filtered-events #main { margin: 0 }
.page-template-template-filtered-events #bio-copy { float: left; width: 100%; margin: 0; padding: 0; border: 0; text-align: right; }
.page-template-template-filtered-events #bio-copy a {
    top: 5px; padding: .5rem 1.225rem; background: #fdbc49; color: #fff; border: 1px solid transparent;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out
}
.page-template-template-filtered-events #bio-copy a.button { top: 0 }
.page-template-template-filtered-events #bio-copy a:hover { background: #000235 }
.page-template-template-filtered-events #bio-copy p { text-align: left }
.page-template-template-filtered-events #backstretch-container { margin-bottom: 1rem }
.page-template-template-filtered-events .header-styling  h1.page-title {
    color: #fff;
    text-shadow: 1px 1px 1px #121212;
    border-bottom: 2px solid #fff
}
.page-template-page-filtered-events-harveys .header-styling span { font-size: 5rem; padding: 0; border: 0; }
.page-template-page-filtered-events-harveys .upcoming-events-list .detail-information:first-of-type { border-top: 0; }

.page-template-page-filtered-events-harveys .content-information img { max-width: 250px; }
.page-template-page-filtered-events-harveys a.centered { display: flex; justify-content: center; width: 185px; margin: 0 auto; }
.tour-listing { margin-bottom: 40px; }
.tour-listing h2 { margin-top: 20px; font-weight: 600; text-transform: uppercase; }
.tour-listing h3 { font-weight: 600; }
.tour-listing ul { margin-top: 20px; margin-left: 0; }
.tour-listing ul li { margin-bottom: 5px; font-size: 14px; list-style-type: none; }
.tour-listing span { float: left; width: 90px; margin-right: 20px; font-style: italic; }
.tour-listing span:after { float: right; content: "|"; }

.tax-event_tag .header-styling .page-title { margin-top: 1rem; padding-top: 1rem }
.tax-event_tag .upcoming-events-list { margin-bottom: 0 }
.tax-event_tag .upcoming-events-list .detail-information:last-child { padding-bottom: 0 }

.entry-content ul.social-icons { position: relative; width: 145px; margin-top: 4px }
.entry-content ul.social-icons li { background: #000235; box-shadow: none }
.entry-content ul.social-icons li:first-child { position: relative; left: 0 }

.entry-content ul.social-icons li#badge {
    position: absolute;
    right: 8px;
    width: 90px;
    padding: 0;
    border: 0;
    text-transform: uppercase;
    background: none
}

.entry-content ul.social-icons a { color: #000235 }
.entry-content ul.social-icons a:hover { color: #fdbc49 }

.entry-title a.handle {
    font-size: 1.2rem;
    text-transform: lowercase;
    color: #595959;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out
}

.entry-title a.handle:hover { color: #fdbc49 }

.follow { position: absolute; top: 23px; right: 12px }
.follow a.instagram {
    display: block;
    width: 110px;
    height: 25px;
    margin: 0;
    background: url("assets/images/ape-ig-sprite.png") no-repeat;
    background-position: 0 0
}

.follow a.instagram span { margin-left: 30px }
.follow a.instagram:hover { background-position: 0 -25px }
.follow a.instagram:hover span { color: #fdbc49 }

#instagram-wrapper { width: 100% }
#instagram-wrapper .ghost-style { display: block; width: 120px; margin: 2rem auto 0 auto }

.page-template-template-mosaic #main { margin: 0 }

.footer-wrapper { position: relative; clear: both }
.footer-wrapper #colophon a {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out
}
.footer-wrapper #colophon a:hover { color: #fdbc49 }
#colophon .textwidget a,
#colophon .columns:first-child aside.widget_block a { 
  text-decoration: underline 
}

.footer-wrapper ul,
.footer-wrapper li {
    font-size: .875rem
}
.footer-wrapper p { color: #fff; }
.footer-wrapper .social-icons li #signup.email { left: 11px }

.credit { float: right }
.credit-wrapper { padding: 16px 0; background: #121212; text-transform: uppercase; letter-spacing: .5px; }

.widget_nav_menu a:hover { color: #fdbc49 }

#menu-item-5395 { margin-top: 10px }

#colophon div:last-child .widget-title {
    text-align: right
}

.menu-legal-container {
    margin-top: 20px
}

footer#colophon .textwidget p {
    margin-bottom: 8px
}

.header-wrapper,
.footer-wrapper {
    background: #000235
}

.footer-wrapper .widget-title,
.site-footer .textwidget,
.main-navigation a,
.footer-wrapper #colophon a {
    color: #fff
}

/* Full Width */
.page-template-template-full #main { padding-top: 30px; }
.page-template-template-full #main h1 { text-transform: uppercase; 
	color: #000235; border-bottom: 2px solid #000235; text-shadow: 1px 1px 1px #fff;
}
.page-template-template-full .content-page header { margin-bottom: 40px; }

/* Search */
.title-area { border-bottom: 4px solid #000235; overflow:hidden; }
.title-area form { float: right; display: block; }
.title-area h1.entry-title { float: left; width: 70%; border: 0 }
.title-area input,
.title-area button { 
	height: 38px;
}

.title-area input,
.title-area input.search-form__field { 
  float: left; width: 80%; min-width: unset;
}
.title-area button {float: right; width: 20%; height: 100%; padding: 0; background: #000235 }
.title-area button i { color: #fff; }

.page,
.error404 {
  padding-top: 113px
}

.attachment-template-default { padding-top: 128px; }

.search-results,
.search-no-results {
	padding-top: 40px;
}
#search-results { margin-top: 0; padding-top: 0; }

section.error-404 { padding-top: 30px; }

.search-results #secondary .widgettitle,
.search-no-results #secondary .widgettitle {
	font-size: 1.625rem;
	font-weight: 600;
	text-transform: uppercase;
	list-style-type: none;
	border-bottom: 4px solid #000
}

.grid-effect {
  position: relative;
  padding: 1em 0 3em;
  list-style: none;
  text-align: center
}

.grid-effect figure {
  position: relative;
  overflow: hidden;
  margin: 10px 1%;
  text-align: center;
  cursor: pointer
}

.grid-effect figure img {
  position: relative;
  display: block; width: 100%; max-width: 100%;
  border: 2px solid #000;
  opacity: 0.8; backface-visibility: hidden;
}

.grid-effect figure figcaption {
  padding: 2em;
  border: 1px solid #000;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.grid-effect figure figcaption::before,
.grid-effect figure figcaption::after {
  pointer-events: none
}

.grid-effect figure figcaption,
.grid-effect figure figcaption>a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.grid-effect figure figcaption>a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0
}

.grid-effect figure h2 { font-weight: 600 }

.grid-effect figure h2,
.grid-effect figure p {
  margin: 0
}

.grid-effect figure p { letter-spacing: 1px; font-size: 68.5% }

figure.effect-zoe img { opacity: 1;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s
}

figure.effect-zoe:hover img { opacity: 0.85; transform: none }

figure.effect-zoe figcaption {
  top: auto;
  bottom: 0;
  height: 60px;
  background: #fff;
  color: #3c4a50;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0)
}

figure.effect-zoe h2 {
    float: left;
    display: inline-block;
    font-weight: 600
}

figure.effect-zoe span.description {
  padding-left: 8px;
  font-size: 1.125rem;
  font-weight: normal;
  text-transform: none
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover h2,
figure.effect-zoe:hover p.icon-links a {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

figure.effect-zoe:hover h2 {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s
}

figure.effect-zoe:hover p.icon-links a:nth-child(3) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s
}

figure.effect-zoe:hover p.icon-links a:first-child {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s
}

md-scroll-mask { position: initial }

.venue-filter { font-size:12px; }
.venue-filter span,
.venue-filter li {
   padding:5px 3px;
}

.venue-filter span { float: left; margin-top: 4px; padding: 0; font-size: .775rem }
.venue-filter li { text-transform: uppercase; border-bottom: 2px solid transparent;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out
}
.venue-filter li:hover { cursor: pointer; background: #fdbc49; color: #000235 }
.venue-filter li:first-child { margin-left: 0 }
.venue-filter>li { margin-left: .2rem }
.venue-filter li.active { background: #fdbc49; color: #000235 }

.upcoming-events-list .detail-information {  position: relative; top: -1px; border-top: 1px solid #000235; clear: both }
.upcoming-events-list .detail-information h4.topline, .upcoming-events-list .detail-information div.topline { color: #595959 }
.upcoming-events-list .detail-information::after { clear: both; content: "";  display: table }
.upcoming-events-list .detail-information:hover img { border-color: #00023 }
.upcoming-events-list .large-uncentered .medium-12,
.upcoming-events-list .large-uncentered .medium-12 .large-5 { 
  padding-right: 0;
}

.event-data .button { width: 185px; min-width: 145px; max-width: 100%; margin-bottom: 15px; padding: 8px 19px; background: #000235; border: 1px solid #e6e5e6; overflow: visible; }
.event-data .button:hover { background: none; border-color: #000235; color: #000235 }
.event-data .button.ghost { background: none; border: 1px solid #000235; color: #000235 }
.event-data .button.ghost:hover { background: #000235; color: #fff }
.event-data .button.custom { background: #fdbc49 }
.event-data .button.custom:hover { background: none; color: #fdbc49; border-color: #fdbc49; }
.event-data .button.soldout { background: #BFBFBF; color: #000235 }

.detail-information h2.show-title { margin-top: 0 }
.detail-information a h2.show-title, .detail-information a div.show-title { 
	-webkit-transition: all 0.45s ease-in-out;
	-moz-transition: all 0.45s ease-in-out;
	transition: all 0.45s ease-in-out;
}
.detail-information a:hover h2.show-title, .detail-information a:hover div.show-title { color: #fdbc49; }

.tm_just_announced-class li a { font-weight: 600 }
.tm_just_announced-class li a:hover { color: #fdbc49 }
.tm_just_announced-class li a:hover span { color: #fdbc49 }

.tm_just_announced-class li:last-child { border-bottom: 0 }

.tm_just_announced-class .venue-location,
.tm_just_announced-class div span {
  font-weight: 400; color: #595959
}

.tm_just_announced-class .date-sidebar,
.tm_upcoming_events-class .date-sidebar {
    color: #595959
}

.venue-location,
.venue-location span {
  font-weight: 400; color: #595959
}

.venue-location span br { display: none; }

.single-tm_event .detail-information .single-date-show,
.single-tm_event .detail-information .time-show {
  color: #595959
}

.single-tm_event .more-information a { color: #fdbc49; }
.single-tm_event .more-information a:hover { color: #000235; }

h2.attraction_title a {
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out
}
h2.attraction_title a:hover { color: #fdbc49 }

.date-show { padding-top: 10px;  background: none }
.date-show.tba small span {  color: #fdbc49; }

.date-show .data-meta0,
.date-show .data-meta1,
.date-show .data-meta2 {
	color: #595959; text-transform: uppercase;
}

.date-show .data-meta0 { font-style: normal }
.date-show .data-meta1 { top: inherit; letter-spacing: -2px }

.single-page .date-show { position: inherit; width: inherit }

.upcoming-events-list .detail-information:first-child { border-top: 0 }

#secondary .tm_just_announced-class { margin-bottom: 0 }
#secondary .tm_just_announced-class li { border-color: #000235 }

table { background: transparent }

/* Calendar */
/* Calendar */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 320px;
  min-width: 50px;
  padding: 10px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0
}

.qtip-content {
  position: relative;
  overflow: hidden;
  padding: 5px 9px;
  text-align: left;
  word-wrap: break-word
}

.qtip-default { border: 1px solid #cccc; background-color: #fff; color: #555 }

.event.qtip { padding: 10px; border: 1px solid #ddd;
	-webkit-box-shadow: 1px 2px 3px 0px #666;
	-moz-box-shadow: 1px 2px 3px 0px #666;
	box-shadow: 1px 2px 3px 0px #666
}

.display-block { display: block }
.button--bare { font-size: 16px; line-height: 1.2; padding: 0.5rem 1.225rem }

.mar-0 { margin: 0 }
.mar-0t { margin-top: 0 }
.mar-0r { margin-right: 0 }
.mar-0b { margin-bottom: 0 }
.mar-0l { margin-left: 0 }
.mar-1 { margin: 8px }
.mar-1t { margin-top: 8px }
.mar-1r { margin-right: 8px }
.mar-1b { margin-bottom: 8px }
.mar-1l { margin-left: 8px }

.fc-scroller { overflow-y: hidden }

.topline {
    font-size: .875rem;
    font-style: italic;
    color: #595959;
    margin: 0
}

.bottomline { font-size: 1.2rem; font-weight: 600; margin: 0 }

.attraction_title {
    margin: 0;
    display: block;
    margin-top: -.275em;
    margin-bottom: -.15em
}

#calendar { margin-top: 2rem }
#calendar h2 { text-transform: uppercase }

.qtip { padding-bottom: 5px;
	-webkit-box-shadow: 1px 1px 3px 0px #666;
	-moz-box-shadow: 1px 1px 3px 0px #666;
	box-shadow: 1px 1px 3px 0px #666
}

.qtip .event-wrapper { margin-bottom: 10px; padding: 7.5px 5px }
.qtip p.time-show { font-weight: 600; color: #222 }
.qtip img { margin-bottom: 2.5px; padding: 5px; border: 1px solid #e6e5e6 }
.qtip .venue-location { margin: 5px 0 }

.qtip .venue-location p,
.qtip .venue-location span {
	color: #595959;
	font-weight: 400;
	line-height: 20px;
	font-size: 16px
}

.qtip .event-data { float: left; width: 100%; margin-top: 5px; clear: both }
.qtip .event-data a { width: 48%; margin: 0 1% }
.qtip .event-data .button.more-info { margin-top: 0 }

.fc-head-container table { margin-bottom: 0 }
.fc-head-container table th { background: #000235; color: #fff; padding: 5px }
.fc-day-grid-event .fc-content { padding: 2.5px 5px }

.fc-event { margin: 0 0 2.5px 0; border-color: #fdbc49; border-radius: 0; background: #fdbc49 }
.fc-event-container { margin-bottom: 5px; border: 0 }
.fc-state-default { background: #fff; border-radius: 0;
	-webkit-transition: all 0.45s ease-in-out;
	-moz-transition: all 0.45s ease-in-out;
	transition: all 0.45s ease-in-out
}
.fc-state-default:hover,
.fc-state-default:focus {
    background: #fdbc49
}
.fc-state-default.fc-corner-right { border-radius: 0 }
.fc-unthemed .fc-today { background: #feeed1 }

.fc-bg .fc-day { border: 1px solid #ddd }
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
    border: 1px solid #ddd
}

.fc-other-month .fc-day-number { display:none; }

.cbp_tmtimeline { position: relative; margin: 30px 0 0 0; padding: 0; list-style: none; }
.cbp_tmtimeline:before { content: ''; background: #000235;
  position: absolute;
  top: 0; bottom: 0; left: 20%;
  width: 4px; margin-left: -17px
}
.cbp_tmtimeline span .month { font-size: 0.885rem !important }

.cbp_tmtimeline>li { position: relative }
.cbp_tmtimeline>li .cbp_tmtime { position: absolute; display: block; width: 25%; padding-right: 100px; }
.cbp_tmtimeline>li .cbp_tmtime span { display: block; text-align: right }
.cbp_tmtimeline>li .cbp_tmtime span:first-child { font-size: 0.775em; color: #bdd0db }
.cbp_tmtimeline>li .cbp_tmtime span:last-child { font-size: 1.2rem; color: #333333 }
.cbp_tmtimeline>li:nth-child(odd) .cbp_tmtime span:last-child { color: #666666 }
.cbp_tmlabel p { color: #000 }

.cbp_tmtimeline>li .cbp_tmlabel {
  position: relative;
  margin: 10px 0 15px 25%;
  padding: 0;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.4;
  border-radius: 5px
}

.cbp_tmtimeline>li .cbp_tmicon { width: 20px; height: 20px; margin: 0 0 0 -25px;
  position: absolute; top: 0; left: 20%; 
  speak: none;
  text-transform: none;
  font-size: 1.4em;
  line-height: 40px;
  -webkit-font-smoothing: antialiased;
  background: #000235; color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 0 8px #ddd;
  text-align: center;
}
.cbp_tmtimeline>li .cbp_tmlabel h2 { margin-top: 0px; padding: 0 0 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.5) }

.page-template-page-calendar .fc-scroller { height: auto !important; overflow: hidden !important; }
.page-template-page-calendar .fc-bg .fc-today {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000235 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #000235 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #000235 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000235', GradientType=0)
}

.page-template-page-calendar #main { float: left; margin-top: 0; margin-bottom: 1rem }
.page-template-page-calendar #calendar { margin-top: 25px; margin-bottom: 0 }
.page-template-page-calendar #calendar h2 { font-family: "ConcursoItalianBTN-Bold", serif; font-size: 4.1875rem }

.page-template-page-calendar #calendar .fc-toolbar { margin-bottom: 0 }
.page-template-page-calendar #calendar .fc-toolbar button { background: #000235; color: #fff;
  -webkit-transition: all .45s ease-in-out;
  -moz-transition: all .45s ease-in-out;
  -ms-transition: all .45s ease-in-out;
  -o-transition: all .45s ease-in-out;
  transition: all .45s ease-in-out
}
.page-template-page-calendar #calendar .fc-toolbar button:hover { background: #fff; color: #000235 }
.page-template-page-calendar #calendar .fc-toolbar button:focus { outline: 0 }
.page-template-page-calendar #calendar .fc-content-skeleton thead { background: none }
.page-template-page-calendar #calendar .fc-content-skeleton td { border-bottom: 0 }
.page-template-page-calendar #calendar .fc-content-skeleton .fc-day-number { margin: 2.5px }

.page-template-page-calendar #calendar .fc-view-container * { font-size: 16px }
.page-template-page-calendar #calendar .fc-view-container .fc-event { margin: 2.5px 4px 2.5px 2.5px;
    -webkit-transition: all .45s ease-in-out;
    -moz-transition: all .45s ease-in-out;
    -ms-transition: all .45s ease-in-out;
    -o-transition: all .45s ease-in-out;
    transition: all .45s ease-in-out
}

.page-template-page-calendar #calendar .fc-view-container a.fc-event:visited { color: #fff }

.page-template-page-calendar #calendar .fc-head-container table th { text-transform: uppercase }

.page-template-page-calendar #calendar .fc-content .fc-time { display: none; font-weight: 400 }
.page-template-page-calendar #calendar .fc-content .fc-title { font-weight: 600 }
.page-template-page-calendar #calendar .fc-toolbar .fc-center i { margin-top: 40px; font-size: 2rem;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out
}

.page-template-page-calendar #calendar .fc-toolbar .fc-center a:hover i { color: #fdbc49 }
.page-template-page-calendar #calendar .fc-button { padding: 0 .25em }


.fc-toolbar .fc-left,
.fc-toolbar .fc-right {
    margin-top: 40px
}

/*-------------------------------------------------------------
7.0 Plugin Overrides
--------------------------------------------------------------*/

/* ## UItoTop */
#toTop {
  display: none; 
  position: fixed; z-index: 900; right: 20px; bottom: 15px;
  width: 40px; height: 40px; background-color: rgba(0,0,0,.5); border: 1px solid #474747;
  overflow: hidden; text-decoration:none; text-indent: 0;
}
#toTop:hover { background-color: rgba(0,0,0,.85); }
#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; border: 0; 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; font-weight: 600; color: #fff; }
#toTopHover {
  float:left; display:block; overflow:hidden;
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
}

#toTop:active, 
#toTop:focus {
  outline:none;
}

/* Foundation 5 */
[data-magellan-expedition].fixed,
[data-magellan-expedition-clone].fixed {
  background: #fefcff;
  border-bottom: 1px solid #000
}

.reveal-modal {
  z-index: 9000;
  box-shadow: none;
  border-radius: 0;
  border: 20px solid #000235
}

.reveal-modal form { width: inherit }
.reveal-modal img { display: block; margin: 0 auto }

.reveal-modal .close-reveal-modal { color: #000235;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out
}

.reveal-modal .close-reveal-modal:hover { color: #fdbc49 }

.reveal-modal #subscription #form { height: 55px; margin: 30px 0 }
.reveal-modal #subscription input { width: 75% }
.reveal-modal #subscription input:focus {
  box-shadow: none;
  background: none;
  border: 1px solid #fdbc49
}

.reveal-modal #subscription input[type="submit"] { width: 25% }

.reveal-modal-bg { z-index: 9000; background: rgba(255, 255, 255, 0.95) }

#signup.reveal-modal { max-width: 50rem }
#signup.reveal-modal img { max-width: 64px }

#reserved-seating.reveal-modal .button { display: block; max-width: 375px; margin: 0 auto }

.accordion .accordion-navigation i,
.accordion dd i {
    position: inherit
}

.accordion .accordion-navigation a i,
.accordion dd a i {
    transform: none
}

.accordion .accordion-navigation i.icon-chevron-right { position: absolute; top: 20px; right: 20px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}

.accordion .accordion-navigation.active i { display: inline; position: inherit }
.accordion .accordion-navigation.active i.icon-chevron-right { position: absolute;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.accordion .accordion-navigation>a,
.accordion dd>a {
  font-family: inherit;
  font-size: inherit;
  background: #FEFCFF;
  border-top: 1px solid #e6e5e6;
  border-bottom: 1px solid #e6e5e6;
  font-weight: normal
}

.accordion li.accordion-navigation:nth-child(2n+1) { margin: 0; padding-bottom: 0 }
.accordion li.accordion-navigation:nth-child(2n+1) a { background: none; border: 1px solid transparent }
.accordion li.accordion-navigation:nth-child(2n+1) a:hover { border: 1px solid #fdbc49 }
.accordion li.accordion-navigation:nth-child(2n+1).active a { border: 1px solid #fdbc49 }
.accordion li.accordion-navigation:nth-child(2n+1).active p a { border: 0 }

.accordion .accordion-navigation>a:hover,
.accordion dd>a:hover {
  background: inherit; border-color: #fdbc49
}

.accordion .accordion-navigation.active>a,
.accordion dd.active>a {
  background: none; border: 1px solid #fdbc49
}

.accordion .accordion-navigation>.content.active,
.accordion dd>.content.active {
  border-right: 1px solid #fdbc49; border-bottom: 1px solid #fdbc49; border-left: 1px solid #fdbc49
}

.widget_sp_image { position: relative; top: -20px }
.widget_sp_image-6 { margin-bottom: 0 }

.widget_sp_image img { padding: 5px; border: 1px solid #e6e5e6 }
.widget_sp_image img:hover { border-color: #000235 }

.widget_sp_image-description p { margin-bottom: 0; padding-top: 2.5px; text-align: center }

#secondary .widget_sp_image { margin-bottom: 1rem }
#secondary .widget_easy_instagram_widget_base { margin-top: 2rem; margin-bottom: 0; font-size: 13px; }

#secondary #widget_sp_image-7,
#secondary #widget_sp_image-8,
#secondary #widget_sp_image-9,
#secondary #widget_sp_image-10,
#secondary #widget_sp_image-11  {
  float: left; margin: 4px; clear: none;
}

#secondary #widget_sp_image-8,
#secondary #widget_sp_image-9  {
	float: right;
}

#secondary #widget_sp_image-7 img,
#secondary #widget_sp_image-8 img,
#secondary #widget_sp_image-9 img,
#secondary #widget_sp_image-10 img,
#secondary #widget_sp_image-11 img,
#secondary #widget_sp_image-12 img {
  margin: 0; 
}

#secondary #widget_sp_image-2 img,
#secondary #widget_sp_image-3 img,
#secondary #widget_sp_image-4 img,
#secondary #widget_sp_image-5 img,
#secondary #widget_sp_image-6 img { width: 100%;
  -webkit-transition: opacity 0.45s ease-in-out;
  -moz-transition: opacity 0.45s ease-in-out;
  transition: opacity 0.45s ease-in-out;
}

#secondary #widget_sp_image-2 a:hover img,
#secondary #widget_sp_image-3 a:hover img,
#secondary #widget_sp_image-4 a:hover img,
#secondary #widget_sp_image-5 a:hover img,
#secondary #widget_sp_image-6 a:hover img {
	opacity: .70;
}

/* Photomosaic */
#photomosaic { margin-top: 10px }
#photomosaic li { list-style-type: none }

.photoMosaic,
.photoMosaic img,
.photoMosaic div,
.photoMosaic span,
.photoMosaic a:link,
.photoMosaic a:visited,
.photoMosaic a:active,
.photoMosaic a:hover {
    background: none;
    outline: none;
    border: 0;
    height: auto;
    width: auto;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    list-style: none;
    margin: 0;
    padding: 0;
    position: static;
    float: none;
    visibility: visible;
    overflow: visible;
    color: #000000;
    letter-spacing: normal;
    line-height: 120%;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-transform: none;
    vertical-align: baseline;
    white-space: normal;
    word-spacing: normal
}

.photoMosaic img,
.photoMosaic a:link,
.photoMosaic a:visited,
.photoMosaic a:active,
.photoMosaic a:hover {
    margin: 0 !important;
    padding: 0 !important
}

.photoMosaic {
    position: relative;
    overflow: hidden;
    margin-bottom: 2em
}

.photoMosaic span,
.photoMosaic a:link,
.photoMosaic a:visited,
.photoMosaic a:active,
.photoMosaic a:hover {
    display: block;
    overflow: hidden;
    position: absolute
}

.photoMosaic img {
    display: block;
    position: relative;
    top: 0px;
    opacity: 1
}

.photoMosaic a:hover img {
    opacity: 0.8
}

.photoMosaic img.thumbnail,
.photoMosaic img.medium,
.photoMosaic img.large {
    position: absolute;
    opacity: 0
}

.photoMosaic .photoMosaicLoading {
    background: transparent url("assets/images/spinner-arrows.gif") 0px 0px no-repeat;
    padding: 0 0 0 20px;
    line-height: 20px
}

.photoMosaic.loading .photomosaic-spinner {
    background: #efefef url("assets/images/spinner-snake.gif") 50% 50% no-repeat
}

.photoMosaic.loading .photomosaic-item.loaded .photomosaic-spinner {
    display: none
}

.PM_preloadify {
    visibility: hidden;
    position: absolute;
    bottom: 5px;
    right: 10px
}

.PM_js .photoMosaicTarget .gallery { display: none }

.PM_csstransforms.PM_csstransitions .photoMosaic .photomosaic-item,
.PM_csstransforms.PM_csstransitions .photoMosaic img {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    -ms-backface-visibility: visible;
    -o-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.PM_csstransforms.PM_csstransitions .photoMosaic.resize-transition-none .photomosaic-item,
.PM_csstransforms.PM_csstransitions .photoMosaic.loading-transition-none img,
.PM_csstransforms.PM_csstransitions .photoMosaic.resize-transition-none .loaded img {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.PM_csstransforms.PM_csstransitions .photoMosaic.transition-fade .loading img,
.PM_csstransforms.PM_csstransitions .photoMosaic.loading-transition-fade .loading img {
    opacity: 0
}

.PM_csstransforms.PM_csstransitions .photoMosaic.transition-scale-up .loading img,
.PM_csstransforms.PM_csstransitions .photoMosaic.loading-transition-scale-up .loading img {
    opacity: 0;
    -webkit-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
    -o-transform: scale(0.95);
    transform: scale(0.95)
}

.PM_csstransforms.PM_csstransitions .photoMosaic.transition-scale-down .loading img,
.PM_csstransforms.PM_csstransitions .photoMosaic.loading-transition-scale-down .loading img {
    opacity: 0;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15)
}

.PM_csstransforms.PM_csstransitions .photoMosaic.transition-slide-up .loading img,
.PM_csstransforms.PM_csstransitions .photoMosaic.loading-transition-slide-up .loading img {
    opacity: 0;
    -webkit-transform: translateY(5%);
    -moz-transform: translateY(5%);
    -ms-transform: translateY(5%);
    -o-transform: translateY(5%);
    transform: translateY(5%)
}

.PM_csstransforms.PM_csstransitions .photoMosaic.transition-slide-down .loading img,
.PM_csstransforms.PM_csstransitions .photoMosaic.loading-transition-slide-down .loading img {
    opacity: 0;
    -webkit-transform: translateY(-5%);
    -moz-transform: translateY(-5%);
    -ms-transform: translateY(-5%);
    -o-transform: translateY(-5%);
    transform: translateY(-5%)
}

.PM_csstransforms.PM_csstransitions .photoMosaic.transition-slide-left .loading img,
.PM_csstransforms.PM_csstransitions .photoMosaic.loading-transition-slide-left .loading img {
    opacity: 0;
    -webkit-transform: translateX(5%);
    -moz-transform: translateX(5%);
    -ms-transform: translateX(5%);
    -o-transform: translateX(5%);
    transform: translateX(5%)
}

.PM_csstransforms.PM_csstransitions .photoMosaic.transition-slide-right .loading img,
.PM_csstransforms.PM_csstransitions .photoMosaic.loading-transition-slide-right .loading img {
    opacity: 0;
    -webkit-transform: translateX(-5%);
    -moz-transform: translateX(-5%);
    -ms-transform: translateX(-5%);
    -o-transform: translateX(-5%);
    transform: translateX(-5%)
}

/* Royal Slider */
.royalSlider {
    display: block;
    max-width: 2250px;
    margin: 0 auto
}
.royalSlider .rsNav.rsBullets { margin-top: 10px; margin-bottom: 20px; }

.page-parent .header-wrapper { border: 0 }

/* Thickbox */
#TB_caption a { color: #fdbc49; }
#TB_closeWindowButton span { color: #121212; }

#TB_closeWindowButton:hover, 
#TB_closeWindowButton:hover .tb-close-icon, 
#TB_closeWindowButton:focus .tb-close-icon, 
#TB_closeWindowButton:hover .screen-reader-text {
  color: #fdbc49; 
}

/* Contact Form 7 */
.wpcf7 input[type="text"],
.wpcf7 input[type="password"],
.wpcf7 input[type="date"],
.wpcf7 input[type="datetime"],
.wpcf7 input[type="datetime-local"],
.wpcf7 input[type="month"],
.wpcf7 input[type="week"],
.wpcf7 input[type="email"],
.wpcf7 input[type="number"],
.wpcf7 input[type="search"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="time"],
.wpcf7 input[type="url"],
.wpcf7 input[type="color"],
.wpcf7 textarea,
.wpcf7 label,
.wpcf7 label span input {
	font-style: normal; font-size: 12px; color: #696969;
}

.wpcf7 label span input { margin-top: 5px; }

.wpcf7 label span.applicant-resume,
.wpcf7 label span.applicant-cover-letter {
  position:relative; display: block; margin-top: 5px;
}
.wpcf7 input[type="submit"] { width: 290px; max-width: 100%; margin: 20px auto; background: #000235; clear: both; } 
.wpcf7 input[type="submit"]:hover { color: #000235; border-color: #000235; } 
.wpcf7 form h3 { margin-bottom: 10px!important; }

.page-template-page-careers span.wpcf7-not-valid-tip { margin-top: -10px; color: #f00; font-size: 12px; }
.page-template-page-careers .wpcf7 label { font-size: 16px; color: #121212; }
.page-template-page-careers .wpcf7-mail-sent-ok { font-size: 14px; }
.page-template-page-careers .wpcf7 label span.applicant-resume,
.page-template-page-careers .wpcf7 label span.applicant-cover-letter { 
	font-size: 14px; 
}

/* GDPR Cookie Consent */
#cookie-law-info-bar { background: rgb(255, 255, 255,.975)!important; }
#cookie-law-info-bar span { font-size: 14px; }
#cookie-law-info-bar span .cli-plugin-button { border: 1px solid #FDBC48; }
#cookie-law-info-bar span .cli-plugin-button:hover { background: none!important; color: #FDBC48!important; border-color: #FDBC48!important; }
#cookie-law-info-bar .cli-plugin-main-link,
#cookie-law-info-bar .cli_settings_button:hover { 
  color: #FDBC48!important; 
}
#cookie-law-info-bar .cli-plugin-main-link:hover { color: #000235!important; }

/*-------------------------------------------------------------
8.0 Media Queries
--------------------------------------------------------------*/

.mobile-menu { display: none }

@media screen and (max-width: 1195px) {
  #secondary #widget_sp_image-7,
  #secondary #widget_sp_image-8,
  #secondary #widget_sp_image-9,
  #secondary #widget_sp_image-11 {
      width: 100%;
      margin: 0 0 20px 0;
      padding: 0
  }
  #secondary #widget_sp_image-7 img,
  #secondary #widget_sp_image-8 img,
  #secondary #widget_sp_image-9 img,
  #secondary #widget_sp_image-11 img {
      display: block;
      margin: 0 auto;
      padding: 0
  }
  #secondary #widget_sp_image-8 { margin-bottom: 0 }
  #secondary .easy-instagram-container .easy-instagram-thumbnail-wrapper {
      float: none;
      width: 130px !important;
      margin: 0 auto 10px auto !important
  }
  #secondary #instagram-wrapper ul.social-icons { float: none; margin: 0 auto 20px auto }
  #secondary #instagram-wrapper .button.ghost-style { float: none }
}

@media screen and (max-width: 1140px) {
	#ada { display: none; }
  .page-template-template-filtered-events #page { margin-top: -45px }

  /* Responsive Menu */
	ul#menu-secondary-menu { display: none; }
  .main-navigation {
	  position: relative;
	  float: right;
	  width: 100%;
	  height: 100%;
	  margin: 0;
	  padding: 0
  }
  .main-navigation ul {
	  display: none;
	  position: absolute;
	  z-index: 1;
	  top: -400px;
	  width: 100%;
	  height: 100%;
	  opacity: 0;
	  background: #fff;
	  z-index: 9999;
	  -webkit-transition: all 0.45s ease-in-out;
	  -moz-transition: all 0.45s ease-in-out;
	  transition: all 0.45s ease-in-out;
	  opacity: 0
  }
  .main-navigation ul li {
	  display: block; max-width: 160px; margin: 0 auto;
	  opacity: 0;
	  -webkit-transition: opacity 0.45s ease-in-out;
	  -moz-transition: opacity 0.45s ease-in-out;
	  transition: opacity 0.45s ease-in-out
  }
  .main-navigation ul li:last-child { border-bottom: none }
  .main-navigation ul li a {
    float: left; width: 100%; margin-bottom: 1rem;
    font-size: 1rem; opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out
  }
  .main-navigation ul button {
	  -webkit-transition: opacity 0.45s ease-in-out;
	  -moz-transition: opacity 0.45s ease-in-out;
	  transition: opacity 0.45s ease-in-out
  }
  .main-navigation .featured-wrapper h2.section-title { text-align: center }
  #site-navigation { position: absolute; top: 10px; right: 0; width: 58px }
  .header-wrapper .social-icons li:nth-child(1) { display: none; }
  .menu-toggle {
	  float: right;
	  display: block;
	  width: 58px;
	  min-height: 58px;
	  margin: 0 auto;
	  padding: 0;
	  background: none;
	  border: 1px solid #fff
  }
  .menu-toggle:hover,
  .menu-toggle:focus {
	  background: none;
	  outline: none
  }
  .menu-toggle ul {
	  position: fixed; top: 0; left: 0;
	  height: 100%; width: 100%; padding-top: 30%; background: none
  }
  .menu-toggle ul li { display: block; width: 100%; text-align: center }
  .menu-toggle ul li:last-child { border-bottom: none }
  .menu-toggle ul li a { float: left; width: 100%; font-size: 1rem }
  .menu-toggle img { position: absolute; top: 14px; right: 12px; max-width: 30px }
  #site-navigation.toggled {
	  position: fixed;
	  z-index: 10;
	  float: inherit;
	  display: inherit;
	  height: 100%;
	  top: 0;
	  left: 0;
	  width: 100%;
	  padding-top: 130px;
	  background: #fff
  }
  #site-navigation.toggled ul {
	  position: relative;
	  top: 0;
	  display: inherit;
	  max-width: 360px;
	  margin: 0 auto;
	  opacity: 1
  }
  #site-navigation.toggled ul li {
	  max-width: inherit; padding: inherit; text-align: left;
	  opacity: 1; border: inherit
  }
  #site-navigation.toggled ul li:last-child { border-bottom: none }
  #site-navigation.toggled ul li a {
	  float: left; width: 100%; padding: 0;
	  font-size: .889rem; opacity: 1
  }
  #site-navigation.toggled ul ul a { font-size: .8rem; }
  #site-navigation.toggled button {
	  position: absolute;
	  top: 30px; right: 0; bottom: 0; left: 0;
	  height: 58px;
	  background: url("assets/img/ic_clear_black_24dp.png") 4px 4px;
	  -webkit-transition: opacity 0.45s ease-in-out;
	  -moz-transition: opacity 0.45s ease-in-out;
	  transition: opacity 0.45s ease-in-out;
	  opacity: 1
  }
  #site-navigation.toggled button:hover { opacity: .45 }
  #site-navigation.toggled button img { display: none }
  .mobile-menu { display: inherit }
  .desktop-menu { display: none }
  #masthead .logo { float: none; display: block; margin: 10px auto 5px }
  #masthead .social-icons {
	  float: none;
	  display: block;
	  width: 225px;
	  margin: 10px auto 0 auto
  }
  #masthead #site-navigation.toggled { padding-top: 100px; overflow: scroll }
  #masthead #site-navigation.toggled .menu-primary-container {
	  float: left;
	  height: 100%;
	  width: 100%;
	  background: #f3f2f3
  }
  #masthead #site-navigation.toggled ul {
	  left: inherit; width: 100%; max-width: 100%; margin: 0; padding: 0; background: none; box-shadow: none; 
  }
  #masthead #site-navigation.toggled ul li {
    float: left; width: 100%; padding: 15px 20px; background: #f7f7f7;
  }
  #masthead #site-navigation.toggled ul li:hover { border-color: #fdbc49 }
  #masthead #site-navigation.toggled ul li a { margin: 0; color: #121212; border: 0 }
  #masthead #site-navigation.toggled ul li a:hover { color: #fdbc49; text-decoration: none; border: 0 }
  #masthead #site-navigation.toggled ul li.current-menu-item { border-color: #fdbc49; border-top: 1px solid #fdbc49 }
  #masthead #site-navigation.toggled ul li.current-menu-item a { border: 0; color: #fdbc49 }
  #masthead #site-navigation.toggled ul ul.sub-menu li { padding-top: 10px; padding-bottom: 10px }
  #masthead #site-navigation.toggled ul ul.sub-menu a { display: inline; color: #595959; font-weight: normal; text-transform: capitalize; letter-spacing: 0; }
  #masthead #site-navigation.toggled li#menu-item-5085 ul.sub-menu a:after,
  #masthead #site-navigation.toggled li#menu-item-5086 ul.sub-menu a:after {
    float: right; display: inline-block; margin-left: 5px; font-family: 'fontAwesome'; content:'\f08e'; 
  }
  #masthead #site-navigation.toggled ul ul.sub-menu a:hover { color: #fdbc49; }
  .header-wrapper #masthead.resize #site-navigation { position: absolute; top: 10px }
  .header-wrapper #masthead.resize #site-navigation.toggled { position: fixed }
}

@media screen and (max-width: 1120px) {
  .date-show .data-meta0 { left: 0 }
  .date-show .data-meta1 { font-size: 2rem; }
}

@media screen and (max-width: 1090px) {
  #secondary #widget_sp_image-2 img,
  #secondary #widget_sp_image-3 img,
  #secondary #widget_sp_image-4 img,
  #secondary #widget_sp_image-5 img,
  #secondary #widget_sp_image-6 img,
  .widget_sp_image img {
      max-width: 270px;
      display: block;
      margin: 0 auto
  }
  .scrollTo-wrapper { display: none }
}

@media screen and (max-width: 1030px) {
  .page-template-page-contact .masthead {
	  margin-top: 3rem;
	  min-height: 100px;
	  overflow: hidden
  }
  .page-template-template-filtered-events { padding-top: 130px }
}

@media screen and (max-width: 1024px) {
  .header-wrapper { border: 0 }
  .home .entry-title,
  .page-template-template-events .entry-title { 
	  text-align: center 
	}
  #secondary .easy-instagram-container .easy-instagram-thumbnail-wrapper {
    float: left;
    margin: 2.5px !important
  }
  .home #event-list .postponed-events-list .mix .meta,
  .home #event-list .postponed-events-list .mix .entry {
	  position: inherit; left: inherit;
  } 
  .home #event-list .postponed-events-list .event-data .button.more-info { right: 15px; }
  .home #event-list .postponed-events-list .mix .small-12,
  .home #event-list .postponed-events-list .mix .large-4.columns { 
	  padding-left: .9375rem; 
	}
	.home #event-list .postponed-events-list .img-responsive { position: inherit; left: inherit; }

  .upcoming-events-list .content-information .small-12 { max-width: 398px; }
  .upcoming-events-list .content-information .columns { padding-right: 0; padding-left: 0; } 
   
  .page-template-page-gallery figure.effect-zoe img #main,
  .single-ape-gallery #main {
      margin-top: 190px
  }
  .page-template-page-gallery figure.effect-zoe img figure.effect-zoe img,
  .single-ape-gallery figure.effect-zoe img {
      height: inherit;
      max-width: 100%
  }
  .page-template-page-gallery #main { margin: 30px 0 0 0 }
  .archive #primary,
  .single-press #primary {
      margin-top: 34px
  }
  .tax-event_tag .header-styling .page-title { margin-top: 0; padding-top: 0; }
  .event-data { display: flex; justify-content: space-between; margin-top: 10px }
  .page-template-page-about .section-title { margin-bottom: 0 }
  .page-template-page-about #venue-info .columns .venue { display: block; max-width: 400px; margin: 0 auto 2rem auto }
  .page-template-page-about #venue-info .columns .venue img { width: 100% }
  .page-template-page-about #festival-info .thumb-wrapper { display: block; margin: 0 auto }
  .page-template-page-about #press { padding: 0 0 2rem 0 }
  .page-template-page-about #article-listing p {
      display: block;
      width: 96%;
      margin: 0 auto 1rem auto;
      padding: 0 2%
  }
  .page-template-page-about #press h3 { margin-top: 1rem; text-align: center }
  .page-template-template-filtered-events .content-information .large-4.columns { margin-bottom: 1rem }
  .page-template-page-venues .venue-wrapper .button.ghost-style {
      float: none;
      display: block;
      width: 145px;
      margin: 0 auto 2rem auto
  }
  .page-template-page-festivals .festival-wrapper .large-3 img {
      max-width: 350px;
      display: block;
      margin: 0 auto
  }
  .page-template-page-festivals .festival-wrapper .button.ghost-style {
      float: none;
      display: block;
      width: 145px;
      margin: 0 auto
  }
	.page-template-page-careers .hero { height: inherit; overflow: hidden; 
  	clip-path: none;
  	-webkit-clip-path: none; 
	}
  .page-template-page-careers .hero figcaption { position: inherit; }
	.page-template-page-careers .entry-content { margin-top: 10px; }
	.page-template-page-careers aside, 
	.page-template-page-careers aside#careers-sidebar { 
		margin-top: 0; margin-bottom: 20px;
	}
	#careers-listing .ghost-style { margin-bottom: 40px; }
  .page-template-page-about-2020 .section-title { margin-bottom: 0 }
  .page-template-page-about-2020 #venue-info .columns .venue { display: block; max-width: 400px; margin: 0 auto 2rem auto }
  .page-template-page-about-2020 #venue-info .columns .venue img { width: 100% }
  .page-template-page-about-2020 #festival-info .thumb-wrapper { display: block; margin: 0 auto }
  .page-template-page-about-2020 #press { padding: 0 0 2rem 0 }
  .page-template-page-about-2020 #article-listing p {
      display: block;
      width: 96%;
      margin: 0 auto 1rem auto;
      padding: 0 2%
  }
  .page-template-page-about #press h3 { margin-top: 1rem; text-align: center }
}

@media screen and (max-width: 970px) {
  #main .search-form,
  .page-template-template-events #event-list .search-form {
	  position: inherit; top: 0; right: inherit;
	  display: block; margin: 20px auto
  }
}

@media screen and (max-width: 830px) {
  #backstretch-container { display: inherit }
}

@media screen and (max-width: 736px) {
  .tax-event_tag.term-comedy #main { margin-top: 24px }
}


@media screen and (max-width: 700px) {
  .venue-filter span { display: none }
  figure.effect-zoe figcaption {
      padding-left: 0; padding-right: 0
  }
}

@media screen and (max-width: 667px) {
  .reveal-modal { border: 10px solid #000235 }
  .reveal-modal #subscription .large-10 { padding: 0 }
  .reveal-modal #subscription input { width: 65% }
  .reveal-modal #subscription input[type="submit"] {
      width: 35%;
      padding: 0;
      font-size: .875rem
  }
  .reveal-modal #subscription h2 { font-size: 1.35rem }
  .reveal-modal #subscription p { text-align: center }
  .reveal-modal #subscription p a { margin-top: 5px }
  .page-template-page-festivals .festival-wrapper .large-3 img { max-width: 375px }
}

@media screen and (max-width: 640px) {

  .page-template-page-calendar #calendar .fc-row {
      display: inline-block;
      width: 100%;
      padding: 20px 0;
      border-bottom: 1px solid #ddd;
      clear: both
  }
  .page-template-page-calendar #calendar .fc-row .fc-header { width: 20% }
  .page-template-page-calendar #calendar .fc-row .fc-day { width: 80% }
  .page-template-page-calendar #calendar .fc-row .fc-header,
  .page-template-page-calendar #calendar .fc-row .fc-day {
      float: left;
      display: block;
      border: 0
  }
  .page-template-page-calendar #calendar .fc-row .fc-header .fc-header-date,
  .page-template-page-calendar #calendar .fc-row .fc-header .fc-header-day {
      color: #595959;
      font-weight: 300;
      text-transform: uppercase
  }
  .page-template-page-calendar #calendar .fc-row .fc-header .fc-header-date {
      padding-left: 5px
  }
  .page-template-page-calendar #calendar .fc-row .fc-event {
      margin-top: 0;
      margin-bottom: 10px;
      padding: 5px
  }
  .page-template-page-calendar #calendar .fc-row .start-time { display: none }
  .page-template-page-about #backstretch-container,
  .page-template-page-contact #backstretch-container {
      height: inherit
  }
  .page-template-page-about .backstretch,
  .page-template-page-contact .backstretch {
      display: none
  }
  .page-template-page-about .header-styling,
  .page-template-page-contact .header-styling {
      margin-top: 1rem
  }
  .page-template-page-about .header-styling div h1.page-title,
  .page-template-page-contact .header-styling div h1.page-title {
      color: inherit;
      text-shadow: none
  }
  .page-template-page-contact .masthead { margin-top: 10px; overflow: inherit }
  .page-template-page-contact .masthead h1.page-title { left: 0; color: inherit; text-shadow: none }
  .page-template-page-contact .masthead .circle { display: none }
  .page-template-page-contact .masthead a { left: 0; color: #121212 }
  
	.page-template-page-about-2020 #article-listing { grid-template-columns: 1fr; }
}

@media screen and (max-width: 610px) {
  .page-template-page-festivals figcaption h2 span.description,
  .page-template-page-venues figcaption h2 span.description {
      float: left; width: 100%; padding: 0
  }
}

@media screen and (max-width: 600px) {
  #masthead .logo { max-width: 275px }
  #main,
  #backstretch-container,
  .page-template-page-gallery #main {
      margin-top: 30px
  }
  .home #main { margin-top: 20px }
  .page-template-page-festivals #main,
  .page-template-page-venues #main,
  .page-template-page-about #main,
  .page-template-page-gallery #main {
      margin-top: 40px
  }
  .page-template-page-venues .header-styling { margin-top: 0; }
  .page-template-page-venues .venue-wrapper .columns { padding-right: 0; padding-left: 0; }
  figure.effect-zoe span.description { font-size: inherit }
  .event-data .button { margin-bottom: 0; margin-left: 1%; border: 1px solid #000235 }
  .event-data .button.more-info { position: inherit; top: inherit; margin-left: 0; margin-right: 1% }
  .upcoming-events-list .content-information img { max-width: 75% }
  .upcoming-events-list .content-information .medium-12 .columns { padding: 0 }
  .upcoming-events-list .content-information .date-show { margin-top: 0; padding-top: 0 }
  .upcoming-events-list .content-information .time-show { display: none }
	
	.home #event-list .postponed-events-list .event-data .button.more-info { position: inherit; top: inherit; right: inherit;  margin-right: 1%; margin-left: 0; }

  .home .venue-location div,
  .home .venue-location span {
      float: left
  }
  .home .venue-location span.venue-location-name {
      margin-right: 5px;
      padding-right: 5px;
      border-right: 1px solid #000235
  }
  .home .venue-location #city { margin-right: 2.5px }
  .single,
  .single-tm_event #main {
      margin-top: 0
  }
  .single .site-content,
  .single-tm_event .site-content {
      margin-top: 70px
  }
  .single-tm_event #main #site-navigation { position: inherit; float: none; display: block; margin: 0 auto }
  .menu-toggle { margin-bottom: 5px }
  .toggled .menu-toggle { margin: 0 auto }
  .single-ape-gallery #main { margin-top: 240px }

  .page-template-page-contact #main { margin-top: 70px }
  .page-template-page-templatespage-faq-php #main { margin-top: 5rem }
  .page-template-template-filtered-events { padding-top: 90px }

  .page-template-page-venues .grid-effect figure,
  .page-template-page-festivals .grid-effect figure {
      overflow: inherit
  }
  .page-template-page-venues .effect-zoe h2,
  .page-template-page-festivals .effect-zoe h2 {
      margin-top: 8px
  }
  .page-template-page-venues figure.effect-zoe figcaption,
  .page-template-page-festivals figure.effect-zoe figcaption {
      bottom: -74px;
      transition: none;
      transform: none
  }
  .page-template-page-venues figure.effect-zoe:hover figcaption,
  .page-template-page-venues figure.effect-zoe:hover h2,
  .page-template-page-venues figure.effect-zoe:hover p.icon-links a,
  .page-template-page-festivals figure.effect-zoe:hover figcaption,
  .page-template-page-festivals figure.effect-zoe:hover h2,
  .page-template-page-festivals figure.effect-zoe:hover p.icon-links a {
      transform: none
  }
  .page-template-page-festivals .festival-wrapper .large-3.columns img { margin-top: 10px }
  .page-template-page-festivals .festival-wrapper .effect-zoe h2 { margin-top: 0 }
	
	.page-template-page-about-2020.wp-block-columns.has-2-columns { grid-template-columns: 1fr; }
	.page-template-page-about-2020 #timeline { height: 100%; overflow-y: hidden; }
  
  .page-template-page-contact .masthead { min-height: 65px; margin-top: 25px }
  .page-template-page-contact .masthead a { display: none }
}

@media screen and (max-width: 580px) {
  .page-template-page-calendar #calendar h2 { margin-top: 30px; font-size: 2.1875rem }
  .page-template-page-calendar #calendar .fc-toolbar .fc-center i { margin-top: 50px; font-size: 1.225rem }
}

@media screen and (max-width: 524px) {
  .page-template-template-filtered-events .header-styling a { position: relative; top: 0 }
}

@media screen and (max-width: 520px) {
  #masthead.resize .logo { float: left }
}

@media screen and (max-width: 440px) {
  .page-template-page-about h2 { font-size: inherit }
  .page-template-page-about .cbp_tmtimeline .thumb-wrapper .cbp_tmtime span { font-size: .9rem }
}

@media screen and (max-width: 430px) {
  .menu-toggle { float: none }
  #site-navigation { float: right }
  #masthead { min-height: 80px }
  #masthead .social-icons { display: none }
  #masthead .logo { position: relative; top: 12px; float: left; width: 200px }
  #masthead.resize .logo { width: 200px }
  .social-icons.mobile { display: inherit !important }
 
  .home .site-main .row { margin-top: 0; padding-top: 0 }
  .home #event-list { margin-top: 60px }

  .page,
  .search-results,
  .search-no-results,
  .error404 {
      padding-top: 30px
  }
  .page-template-page-just-announced { padding-top: 50px }
  
  ul#menu-secondary-menu li a { font-size: 1.2rem !important }
  ul#menu-secondary-menu li ul.sub-menu li a { font-size: 0.875rem !important }
}

@media screen and (max-width: 420px) {
  ul#menu-secondary-menu li a { font-size: 1.2rem !important }
  ul#menu-secondary-menu li ul.sub-menu li a { font-size: 0.875rem !important }
}

@media screen and (max-width: 414px) {
	
	/* Typography */
	.home .entry-title, 
	.header-styling div h1.page-title, 
	.page-template-template-events .entry-title,
	.page-template-template-full #main h1, 
	.page-template-page-filtered-events-harveys .entry-title, 
	.page-template-page-castro-theatre .entry-title,
	.page-template-page-contact .masthead h1.page-title, 
	.page-template-page-just-announced .page-title span.long {
		font-size: 3.375rem;
	}
	.page-template-page-about-2020 .cbp_tmtimeline .thumb-wrapper .cbp_tmtime span { font-size: .9rem }

  /* Pages */
  .home #event-list .entry-title { width: 100%; padding-bottom: 10px; }
  .home #event-list .entry-title span { display: block; margin-top: 16px; color: #fdbc49; }
  .home #event-list .entry-title i { top: -2.5px; font-size: 1.333rem; }
	.home #event-list form { display: inline-block; width: 100%; margin: 1.125rem auto; }
	
  .event-data .button { width: 48%; }
  
  .page-template-page-festivals .festival-wrapper .large-3 img { max-width: 175px }
  .tax-event_tag .header-styling,
  .tax-event_tag .header-styling .page-title {
    margin-top: 0; padding-top: 0;
  }
  .royalSlider,
  .venue-filter {
    display: none
  }
  .home .site-main .row.slider { display: none; }
  #festival-info .thumb-wrapper img { width: 250px; }
  #ape-event .content-information .large-8.columns { padding-right: 0; }
  #ape-event .event-data .button.more-info { margin-right: 0; }  
	.page-template-page-about-2020 #timeline { height: inherit; }
	.page-template-page-about-2020 #timeline .cbp_tmtimeline>li .cbp_tmicon {
    width: 10px; height: 10px;
    margin: 5px 0 0 16.25%;
    left: 0;
	}
	.page-template-page-about-2020 #timeline .cbp_tmtimeline>li .cbp_tmtime { top: 0; }
	
	.page-template-page-mgmt .grid-effect { padding-right: 0; padding-left: 0; }
	.page-template-page-mgmt .grid-effect figcaption { position: inherit; display: flex; }
	
	.page-template-page-mgmt figure.effect-zoe figcaption, 
	.page-template-page-mgmt figure.effect-zoe h2, 
	.page-template-page-mgmt figure.effect-zoe p.icon-links a {
	    -webkit-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);
	}
	
	.page-template-page-mgmt .grid-effect:nth-child(odd),
	.page-template-page-mgmt .grid-effect:nth-child(even) {
		padding-right: 0; padding-left: 0; 
	}
	
	.credit { float: left; padding-left: 8px; }

}

@media screen and (max-width: 400px) {
	.home .entry-title i, 
	.page-template-template-events .entry-title i, 
	.page-template-template-postponed .entry-title i {
		display: none;
	}
  #masthead .logo { max-width: 220px; top: 20px }
	.event-data .button { width: 100%; margin: 16px 0; }
	.home #event-list .postponed-events-list .event-data .button.more-info { margin-right: 0; }
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	  .cbp_tmtimeline:before { margin-left: -8px; }
		.cbp_tmtimeline>li .cbp_tmicon { width: 10px; height: 10px; margin: 5px 0 0 16.25%; left: 0; }

}

/* ----------- ADA Updates ----------- */
.main-navigation ul ul {
	background: #767676;
}
.main-navigation li.current-menu-item a {
	color: #FFFFFF;
}
.main-navigation li.current-menu-item a:hover {
	color: #fdbc49;
}
.home a.rsLink {
	color: #FFFFFF;
}
.title-area button {
	color: #FFFFFF;
}

.single-tm_event .detail-information div.support {
	font-size: 1.2rem
}

.single-tm_event .more-information a { color: #000235; text-decoration: underline; }
.single-tm_event .more-information a:hover { color: #fdbc49; }

.detail-information div.topline { 
	font-family: "Open Sans", sans-serif;
}