:root {
--base-font:            'Poppins', sans-serif;
--base-size:            14px;
--secondary-font:       'Oswald', sans-serif;
--font-regular:         400;
--font-medium:          500;
--font-bold:            700;
--font-extrabold:       800;     
--black:                #141f25;
--white:                #ffffff;
--white-75:             #FFFFFFBF;
--gold:                 #E7A443;
--red:                  #D21D2A;
--section-padding:       8rem;
} body { 
font-family: var(--base-font);
font-size: var(--base-size);
color: #FFFFFFBF;
background-color: #131313;
} h1,h2,h3,h4,h5,h6 {
color: #fff; 
font-weight: 700;
}
h1.display {
font-size:50px;
display:inline;
border-bottom: 2px solid #FFFFFF33;
line-height: 70px;
letter-spacing: -0.04em;
}
@media only screen and (min-width : 992px) {
h1.display {
font-size:80px;
line-height: 106px;
}        
}
h1.heading {
font-size: 1.25rem;
font-weight:400;
letter-spacing: 0.5em;
text-transform: uppercase;
}
h2.display,
h3.display {
font-size:26px;
display:inline;
border-bottom: 2px solid #FFFFFF33;
line-height: 44px;
letter-spacing: -0.04em;
}
@media only screen and (min-width : 992px) {
h2.display,
h3.display {
font-size:43px;
line-height: 60px;
}
}
h1.display .underline,
h2.display .underline,
h3.display .underline {
border-bottom: 2px solid #E7A443;
//line-height:42px;
position:relative;  
//display:inline-block;
//box-shadow: inset 0px -10px 4px -7px #E7A44375, 0px 2px 0px 0px #E7A44375;     
box-shadow: inset 0px -10px 4px -7px #E7A44375;  
}
h1.display.red .underline,
h2.display.red .underline,
h3.display.red .underline {
border-bottom: 2px solid #D21D2A;   
//box-shadow: inset 0px -10px 4px -7px #D21D2A75, 0px 2px 0px 0px #D21D2A75;
box-shadow: inset 0px -10px 4px -7px #D21D2A75;   
}            
//h1.display .underline:before,
//h2.display .underline:before,
//h3.display .underline:before {
//    box-shadow: 0px 25px 5px #E7A44375;
//    content: '';
//    position: absolute;
//    left:0;
//    width: 100%;
//    height: 8px;
//    z-index: 0;
//    display: inline-block;
//    bottom:20px;
//}
//    h1.display.red .underline:before,
//    h2.display.red .underline:before,
//    h3.display.red .underline:before {
//        box-shadow: 0px 25px 5px #D21D2A75;    
//    }
h1.display .fullstop,
h2.display .fullstop,
h3.display .fullstop {
color: #E7A443;
font-size: 55px;
font-family: 'Oswald', sans-serif;
}
h1.display.red .fullstop,
h2.display.red .fullstop,
h3.display.red .fullstop {
color: #D21D2A;
}
.text-gold {
color: var(--gold);
}
.text-red {
color: var(--red);
}
.text-white75 {
color: var(--white-75);
}
.text-regular {
font-weight:var(--font-regular);
}
.text-medium {
font-weight:var(--font-medium);
}
.text-bold {
font-weight: var(--font-bold);
}
.text-extrabold {
font-weight: var(--font-extrabold);    
}
.size-17 {
font-size:17px;
}
.size-30 {
font-size:30px;
}
.letter-spacing-neg4 {
letter-spacing: -0.04em;
}
.uppercase {
text-transform: uppercase; 
}
.subheading {
font-weight:400;
font-size:14px;
letter-spacing:2px;
color:#fff; 
text-transform: uppercase;   
} 
.subheading.text-gold {
color:#E7A443;    
}     
a {
color: #fff; 
text-decoration:none;
}
a:hover, a:focus {
color: var(--gold); 
}
p {
font-size: var(--base-size);
} .relative {
position:relative;
}
.absolute {
position:absolute;
}
.no-overflow {
overflow:hidden;
}
.section-padding {
padding-top: var(--section-padding);
padding-bottom: var(--section-padding);
}
.bg-cover {
background-size: cover;
}
.bg-center {
background-position: center center;
}
.no-repeat {
background-repeat: no-repeat;
}
.radius-10 {
border-radius:10px;
}
.visual {
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
}
.visual.left {
left: 0;
right: auto;
} .btn {
border-radius: 3px;
font-family: var(--base-font);
font-weight: 800;
font-size: var(--base-size);
padding: 11px 30px 10px;
transition: .3s ease;
text-transform:uppercase;
}
.btn:hover, .btn:focus {
border-radius: 3px;
box-shadow:none;
outline:0;
}
.btn-white {
border: 1px solid #fff;
background: #fff;
color:#000;
}
.btn-white:hover, .btn-white:focus {
border: 1px solid #fff;
background: #000;
color: #fff;
}
.btn-red {
background: #D21D2A;
border:1px solid #D21D2A;
color:#fff;
//filter: drop-shadow(0px 5px 15px rgba(210, 29, 42, 0));
}
.btn-red:hover, .btn-red:focus {
background: #EA2230;
border: 1px solid #EA2230;
color: #fff;
filter: drop-shadow(0px 5px 15px rgba(210, 29, 42, 0.6));
}
.btn-red-outline {
background: transparent;
border:1px solid #D21D2A;
color:#fff;
}
.btn-red-outline:hover, .btn-red-outline:focus {
background: #D21D2A;
border: 1px solid #D21D2A;
filter: drop-shadow(0px 5px 15px rgba(210, 29, 42, 0.6));
color: #fff;
}
.btn-gold {
background: transparent;
border:1px solid #E7A443;
color:#fff;
//filter: drop-shadow(0px 0px 17px #E7A443);
//filter: drop-shadow(0px 5px 15px rgba(231, 164, 67, 0.0));
}
.btn-gold:hover, .btn-gold:focus {
background: #E7A443;
border: 1px solid #E7A443;
filter: drop-shadow(0px 5px 15px rgba(231, 164, 67, 0.6));
color: #fff;
}
.btn-gold-fill {
background: transparent;
border:1px solid #E7A443;
color:#fff;
}
.btn-gold-fill:hover, .btn-gold-fill:focus {
background: #E7A443;
border: 1px solid #E7A443;
color: #fff;
}
.btn-ticket a.nav-link {
background: #D21D2A;
border:1px solid #D21D2A;
color:#fff;
padding: 9px 15px 8px 30px !important;
border-radius: 3px;
font-size:11px;
position:relative;
}
.btn-ticket a.nav-link:before {
content:'';
display: inline-block;
background-image: url(//academytheatre.uk/wp-content/themes/Academy-Theatre/images/icons/ticket-icon-white.svg);
width: 15px;
height: 15px;
position: absolute;
left: 10px;
}
.btn-ticket:hover a.nav-link, .btn-ticket:focus a.nav-link {
background: #EA2230;
border: 1px solid #EA2230;
color: #fff;
filter: drop-shadow(0px 5px 15px rgba(210, 29, 42, 0.6));
}
.btn-circle {
background: transparent;
border:1px solid #E7A443;
width: 40px;
height: 40px;
border-radius: 50%;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
filter: drop-shadow(0px 0px 17px #E7A443);
transition: .8s ease;
}
.direction-icons .btn-circle {
width:47px;
height:47px;
}
a:hover .btn-circle {
background: #E7A443;
border: 1px solid #E7A443;
filter: drop-shadow(0px 0px 17px #E7A44324);
} .lock-scroll {
overflow: hidden;
}
.navbar-nav li .dropdown-menu {
display: block;
}
@media only screen and (min-width : 992px) {
.navbar-nav li .dropdown-menu {
display: none;
}
.navbar-nav li:hover .dropdown-menu {
display: block;
}
}
.navbar {
height: 50px;
}
@media only screen and (min-width :992px) {
.navbar {
height: 100%;
}
}
.navbar .navbar-brand {
font-size:inherit;
}
.menu-navbar-container {
width:100%;
}
.navbar ul {
font-weight: var(--font-bold);
}
@media only screen and (min-width : 992px) {
.navbar ul {
margin-top:0;
}
}
ul.dropdown-menu {
margin-top: 0px;
background-color: transparent;
border:none;
}
@media only screen and (min-width :992px) {
ul.dropdown-menu {
color: var(--white);
background-color: #151E35E5;
border-radius: 0.5rem;
border: 1px solid rgba(0,0,0,.15);
}
}
.dropdown-item {
color: #FFFFFF99;
;
}
ul.dropdown-menu a:hover {
background-color: transparent;
color: var(--white);
}
@media only screen and (min-width : 992px) {
.dropdown-item {
text-align: left;
font-weight: var(--font-bold);
padding: 15px 15px;
}
}
.dropdown-item.active, .dropdown-item:active {
color: var(--white);
text-decoration: none;
background-color: transparent;
}
.current-menu-parent a.nav-link {
color: var(--white);
}
.navbar-header {
display:flex;
align-items:center;
}
.nav-tel {
position:absolute;
right:15px;
}
.navbar-toggler {
z-index: 10;
padding-top: 10px;
}
.navbar-toggler:focus, .navbar-toggler:active {
outline: 0!important;
box-shadow:none!important;
}
.navbar-collapse {
transition: all 0.3s ease;
display: block;
position: fixed;
top: 0px;
bottom: 0;
padding: 1rem 20px 5rem;
left: -120%;
width: 100%;
margin-top:50px;
}
.logged-in .navbar-collapse {
margin-top:95px;
}
@media only screen and (min-width: 768px) {
.logged-in .navbar-collapse {
margin-top:75px;
}      
}
.navbar-collapse.show {
left: 0;
z-index: 5;
background: #131313;
overflow:scroll;
height: 100vh;
}
@media only screen and (min-width: 1200px) {
.navbar-collapse {
position:static;
padding: 0;
margin-top:0;
}
.logged-in .navbar-collapse {
margin-top:0;
}
}
a.nav-link {
color: #FFFFFF99;
font-size:14px;
}
a.nav-link.active, a.nav-link:hover  {
color: var(--gold);
}
.navbar-toggler span {
display: block;
background-color: var(--white);
height: 2px;
width: 25px;
margin-top: 0;
margin-bottom: 6px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
position: relative;
left: 0;
opacity: 1;
}
.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
-webkit-transition: transform .35s ease-in-out;
-moz-transition: transform .35s ease-in-out;
-o-transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
position: absolute;
left: 24px;
top: 24px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
opacity: 1;
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
height: 12px;
visibility: hidden;
background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
position: absolute;
left: 24px;
top: 24px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
opacity: 10.9;
} .header-outer {
background: rgba(19, 19, 19, 0.8);
box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.4);
position:absolute;
height:50px;
left:0;
right:0;
z-index:9;
}
@media only screen and (min-width: 1200px) {
.header-outer { 
height:170px;
}   
}
.top-header {
height:50px;
font-weight:700;
font-size:12px;
letter-spacing: -0.04em;
color:#FFFFFFB2;
background: transparent;
position:absolute;
left:0;
right:0;
z-index:10;
top:0;
}
.admin-bar .top-header {
//top:30px;
}
.top-header a {
color:#FFFFFFB2;    
}
.top-header a:hover {
color: var(--gold);
}
.top-header .page-links {
font-size:12px;
color:#FFFFFF;  
}
.top-header .page-links a {
color:#FFFFFF;    
}
.top-header .page-links a:hover {
color: var(--gold);
}
.top-header img.account:hover,
.top-header img.basket:hover {
filter: brightness(0) saturate(100%) invert(20%) sepia(71%) saturate(5251%) hue-rotate(347deg) brightness(85%) contrast(94%);
}
.top-header .account-links {
padding:0;    
}
.top-header .account-links a {
padding: 5px 10px;
font-weight: 400;
font-size: 13px; 
color:#0009;   
}
.top-header .account-links a:hover {
background-color:transparent;
color:var(--gold);
}
header {
background-color: #000; 
width: 100%;
position:relative;
height: 50px;
z-index: 8;
}
@media only screen and (min-width: 1200px) { 
header {
position:absolute;
top:50px;
height:120px;
background: radial-gradient(27.64% 463.6% at 30.86% -11.21%, rgba(255, 255, 255, 0.085) 0%, rgba(255, 255, 255, 0.02) 100%);
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}    
.admin-bar header {
//top:80px;
}
} .jumbotron {
height: auto;
position: relative;
background: url(//academytheatre.uk/wp-content/themes/Academy-Theatre/images/banner-overlay-bg.png),url(//academytheatre.uk/wp-content/themes/Academy-Theatre/images/the-academy-theatre-header-bg.jpg);
background-size: cover, cover;
background-position: bottom center, top center;
background-repeat: no-repeat, no-repeat;
padding-top: 50px;
padding-bottom: 50px;
}
@media only screen and (min-width: 992px) {
.jumbotron {
height:100vh;
min-height: 600px;
}    
} 
@media (min-height: 723px) and (min-width: 992px) {
.jumbotron {
height:90vh;
min-height: 100%; 
}
}
@media only screen and (min-width: 1200px) {
.jumbotron {
height:100vh;
min-height: 600px;
padding-top: 170px;
}    
} 
.jumbotron .subheading {
font-weight: 500;
//font-size: 12px;   
color: rgba(255, 255, 255, 0.5); 
letter-spacing: normal;
text-transform: none;
}
#home-latest {}
#home-tickets {
background: url(//academytheatre.uk/wp-content/themes/Academy-Theatre/images/spotlight.jpg);
background-repeat:no-repeat;
background-position:top left;
background-size:contain;
}
@media only screen and (min-width: 576px) { 
#home-tickets {
background-size:auto;
}    
}
@media only screen and (min-width: 992px) { 
#home-tickets {
background-size:contain;
}    
}
#home-tickets .img-box {
background: radial-gradient(82.94% 79.58% at 19.17% 15.86%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.03) 100%);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px;
width: 71px;
height: 74px;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;  
}
#home-bar {}
#home-bar .bar-inner {
border: 1px solid #FFFFFF1A;
border-radius:10px;
background-repeat: no-repeat, no-repeat, no-repeat!important;
background-position: center left, center left, center right!important;
background-size: cover, cover, contain!important;
padding: 40px 15px;    
}
@media screen and (min-width: 992px) {
#home-bar .bar-inner {
padding: 70px 80px 80px;
}
}
#home-bar .bar-image {
min-height: 240px;
background-size: cover;
background-position: center;
border-radius:10px;
}
@media only screen and (min-width: 768px) { 
#home-bar .bar-image {
min-height: 420px;
}    
}
#home-clubs {
background-position: center left, center left;
background-size: contain, contain;
background-repeat: no-repeat, no-repeat;
}
@media only screen and (min-width: 1600px) {
#home-clubs {
background-position: center left 200px, center left 200px;     
}    
} 
#home-clubs .testimonial {
font-weight: 400;
font-size: 20px;
line-height: 120%;
letter-spacing: 0.5em;
text-transform: uppercase;
color: #FFFFFF;   
}
@media only screen and (min-width: 1200px) { 
#home-clubs .testimonial {
font-size: 32px;
line-height: 140%;
}    
}
#home-clubs .testimonial-quote {
width:50px;
height:45px;
}
@media only screen and (min-width: 768px) { 
#home-clubs .testimonial-quote {
width:77px;
height:69px;
}   
}
#home-clubs .testimonial-name {
font-weight: 800;
font-size: 12px; 
color: #FFFFFF;   
letter-spacing:normal;
line-height: 1;
}
#home-clubs .clubs-image {
min-height: 240px;
background-size: cover;
background-position: center;
}
@media only screen and (min-width: 768px) { 
#home-clubs .clubs-image {
min-height: 420px;
}    
}
#home-rooms {}
#home-rooms .rooms-inner {
border: 1px solid #FFFFFF1A;
border-radius:10px;
background-repeat: no-repeat, no-repeat, no-repeat!important;
background-position: center left, center left, center right!important;
background-size: auto, auto, contain!important;
padding: 40px 15px;    
}
@media screen and (min-width: 992px) {
#home-rooms .rooms-inner {
padding: 70px 80px 80px;
}
}
#home-rooms .rooms-image {
min-height: 240px;
background-size: cover;
background-position: center;
border-radius:10px;
}
@media only screen and (min-width: 768px) { 
#home-rooms .rooms-image {
min-height: 420px;
}    
}
.bg-spotlights {
background-image:url(//academytheatre.uk/wp-content/themes/Academy-Theatre/images/spotlight-bg.jpg);
background-size:cover;
background-repeat: repeat;
}
#home-action {} 
#home-action .grid {
display: block;
}
@media screen and (min-width: 768px){
#home-action .grid {
display: grid;
grid-template-columns: repeat(3, 0.75fr);
grid-template-rows: repeat(2, 1fr); 
grid-column-gap: 1.3rem;
grid-row-gap: 1.3rem;
}
}
@media screen and (min-width: 992px){
#home-action .grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
}
.tile {
margin-bottom: 1rem;
}
@media screen and (min-width: 768px){
.tile {
margin-bottom: 0;
}
}
#home-action .tile img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius:10px;
border:1px solid transparent;
transition: .3s ease;
}
#home-action .tile:hover img {
border: 1px solid #E7A443;
box-shadow: 0px 0px 10px rgba(231, 164, 67, 0.15);
}
.tile.div1 { grid-area: 1 / 1 / 3 / 2; }
.tile.div2 { grid-area: 1 / 2 / 2 / 3; }
.tile.div3 { grid-area: 2 / 2 / 3 / 3; }
//.tile.div4 { grid-area: 3 / 1 / 5 / 3; }
.tile.div5 { grid-area: 1 / 3 / 3 / 4; } 
@media screen and (min-width: 992px) {
.tile.div1 { grid-area: 1 / 1 / 3 / 2; }
.tile.div2 { grid-area: 1 / 2 / 2 / 3; }
.tile.div3 { grid-area: 2 / 2 / 3 / 3; }
.tile.div4 { grid-area: 1 / 3 / 3 / 5; }
.tile.div5 { grid-area: 1 / 5 / 3 / 6; }
}
#home-location {}
#home-location .location-inner {
background: radial-gradient(33.25% 88.39% at 19.17% 15.86%, rgba(255, 255, 255, 0.065) 0%, rgba(255, 255, 255, 0.015) 100%);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px;
padding: 40px 15px;    
}
@media screen and (min-width: 992px) {
#home-location .location-inner {
padding: 70px 80px 80px;
}
}
#home-location .map {
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius:3px;
}
.poster {
position:relative; 
height: 286px;
background-color: #1b1b1b;
display: flex;
align-items: center;
width: 200px;
}
.home .poster {
height:287px;
}
.poster img {
border-radius:3px;
max-height: 286px;
}
.home .poster img {
max-height: 287px;
}
@media screen and (min-width: 576px) {
.poster {
height:300px;
width:auto;
}
.home .poster {
height:335px;
width:235px;
}
.poster img {
max-height: 300px;
} 
.home .poster img {
max-height: 335px;
}    
}
@media screen and (min-width: 768px) {
.poster {
height:430px;
} 
.home .poster {
height:352px;
width:245px;
}
.poster img {
max-height: 430px;
} 
.home .poster img {
max-height: 352px;
}    
}
@media screen and (min-width: 992px) {
.poster {
height:268px;
}
.home .poster {
height:280px;
width:195px;
}
.poster img {
max-height: 268px;
} 
.home .poster img {
max-height: 280px;
}        
}
@media screen and (min-width: 1200px) {
.poster {
height:330px;
}
.home .poster {
height:344px;
width:240px;
}
.poster img {
max-height: 330px;
} 
.home .poster img {
max-height: 344px;
}     
}
@media screen and (min-width: 1400px) {
.poster {
height:396px;
}
.home .poster {
height:410px;
width:285px;
} 
.poster img {
max-height: 396px;
}      
.home .poster img {
max-height: 410px;
}       
}
.poster .hover-overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(0deg, #151515 5.85%, #151515 25.75%, rgba(21, 21, 21, 0) 104.66%);
border-radius: 3px;
border: 1px solid rgba(255, 255, 255, 0.1);
opacity:0;
transition: opacity .6 ease-in-out;
-moz-transition: opacity .6s ease-in-out;
-webkit-transition: opacity .6s ease-in-out; 
}
.poster:hover .hover-overlay {
opacity: 1;
}
.poster .badge {
color:#D21D2A;
position: absolute;
//top: 0;
bottom: 15px;
left: 0;
right: 0;
text-align: center;
font-size:12px;
font-weight:800;
}
.poster .badge img {
height:auto;
}
.archive.woocommerce .event-date,
.archive.woocommerce .price,
.archive.woocommerce a.button {
display:none;
}
.outer-poster .woocommerce-LoopProduct-link {
height: 100%;
display: inline-block;    
} 
.outer-poster h2 {
margin-top:20px;
text-transform:uppercase;
color:#ffffff;
font-weight: 800;
font-size: 13px;
text-align:center;
}
@media screen and (min-width: 992px) {
.outer-poster h2 {
text-align:left;
}    
}
.outer-poster .details {
color: rgba(255, 255, 255, 0.5);
font-size:11px;
text-align:center;
}
@media screen and (min-width: 992px) {
.outer-poster .details {
text-align:left;
}    
}
.outer-poster .details .stroke-right {
border-right: 1px solid #fff;
} .jumbotron.basic {
height:auto;
position:relative;
background:none;
padding-top: 100px;
padding-bottom: 50px;
}
@media only screen and (min-width: 1200px) {
.jumbotron.basic {
padding-top: 220px;
}    
} 
.jumbotron.inner {
height: auto;
position: relative;
//background: url(//academytheatre.uk/wp-content/themes/Academy-Theatre/images/banner-overlay-bg.png),url(//academytheatre.uk/wp-content/themes/Academy-Theatre/images/the-academy-theatre-header-bg.jpg);
background-size: cover;
background-position: bottom center;
background-repeat: no-repeat;
padding-top: 50px;
padding-bottom: 50px;
}
@media only screen and (min-width: 992px) {
.jumbotron.inner {
height:100vh;
min-height: 600px;
}    
} 
@media (min-height: 723px) and (min-width: 992px) {
.jumbotron.inner {
height:90vh;
min-height: 100%; 
}
}
@media only screen and (min-width: 1200px) {
.jumbotron.inner {
height:80vh;
min-height: 600px;
padding-top: 170px;
}    
} 
.jumbotron.inner .subheading {
font-size:14px;
font-weight:400;
text-transform:uppercase;
letter-spacing: 0.5em;
color:#fff;
}
.jumbotron.inner .contact-box {
background: #202020;
border-radius: 3px;
padding: 12px 20px 12px;
color:#fff;
text-transform: uppercase;
font-weight: 800;
} #clubs-socials {}
#clubs-socials h3 {
font-size: 35px;
} #whats-on .btn-calendar {
background: #2B2B2B;
border:none;
color:#fff;  
padding: 11px 30px 10px 50px; 
height:43px;
position:relative;
}
#whats-on .btn-calendar:hover, #whats-on .btn-calendar:focus {
background: #202020;
border:none;
color:#fff; 
//filter: drop-shadow(0px 5px 15px rgba(210, 29, 42, 0.6));  
}
#whats-on .calendar-icon {
background-color: #202020;
border-radius: 3px 0px 0px 3px;
display: inline;
padding: 11px 15px 12px 15px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
}
#whats-on .calendar-text {
display:inline; 
margin-left: 15px; 
} .fc-day-grid-event .fc-content {
white-space: normal;
}
//#desktop_fooevents_calendar {
//  display: block;
//}
//#mobile_fooevents_calendar {
//  display: none;
//}
//@media screen and (max-width: 600px) {
//  #desktop_fooevents_calendar {
//    display: none;
//  }
//  #mobile_fooevents_calendar {
//    display: block;
//  }    
//} #contact-page {}
#contact-page .contact-details {
font-size:17px;
} #blog {}
#blog .card {
border-radius: 3px;
border: none;
background-color: transparent;
filter: drop-shadow(0px 21px 40px rgba(0, 0, 0, 0.2));
}
#blog .card .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 3px;
//border: none;
border: 1px solid rgba(255, 255, 255, 0.1);
}
#blog .card .hover-overlay {
background: linear-gradient(0deg, #151515 5.85%, #151515 25.75%, rgba(21, 21, 21, 0) 104.66%);
// background: linear-gradient(0deg, #151515 5.85%, #151515ad 25.75%, rgba(21, 21, 21, 0) 104.66%);
z-index: 0;
transition: opacity 0.3s linear;
}
#blog .card:hover .hover-overlay {
opacity: 0;
}
#blog .card .hover-overlay_hovered {
content: "";
//background: linear-gradient(0deg, #151515 5.85%, #151515 25.75%, rgba(21, 21, 21, 0) 104.66%);
background: linear-gradient(0deg, #151515 15.85%, #151515d6 25.75%, rgba(21, 21, 21, 0) 104.66%);
z-index: 0;
transition: opacity 0.5s linear;
//background: radial-gradient(91.53% 63.86% at 21.82% 9.89%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
}
#blog .card:hover .hover-overlay_hovered {
opacity: 1;
}
#blog .blog-date {
color: #E7A443;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.5em;
}
#blog .blog-title {
color: #ffffff;
font-size: 17px;
font-weight: 700;
letter-spacing: -0.04em;
}
#blog .blog-excerpt {
color: rgba(255, 255, 255, 0.5);
font-size: 14px;
font-weight: 300;
}
#blog .card:hover .blog-excerpt {
color: rgba(255, 255, 255, 0.5);
}  .contact {
background-color:#131313;
}
.contact .contact-link {
font-size:15px;
}
@media only screen and (min-width : 576px) {
.contact .contact-link {
font-size:17px;
}    
}
input[type="text"], input[type="email"], input[type="tel"], textarea,
.woocommerce form .form-row input.input-text {
width: 100%;
padding: 12px 16px;
font-family: var(--base-font);
border: 1px solid #232323;
color:#fff;
background-color: #232323;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus,
.woocommerce form .form-row input.input-text:focus {
background: #232323;
//border: 1px solid #E7A443;
border: 1px solid #E7A443;
box-shadow: 0px 0px 17px rgba(231, 164, 67, 0.15);
border-radius: 3px;
outline: none;
}
.woocommerce form .form-row input#custom_discount.input-text {
background-color: #faf6f6;
color:#000;
border: 1px solid #E7A443;
} 
textarea {
height: 100px;
}
.wpcf7-submit {
width:100%;
}
.captcha .quiz-box {
width: 100%;
background-color: #232323;
border-radius: 3px;
}
.captcha label {
display: inline !important;
}
.captcha .wpcf7-quiz-label {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
color: #FFFFFFBF;
background-color:#1B1B1B;
display: block;
float: left;
width: 30%;
padding: 12px 14px;
height: 44px;
}
@media only screen and (min-width : 576px) { 
.captcha .wpcf7-quiz-label { 
width: 20%      
}
}
@media only screen and (min-width : 768px) { 
.captcha .wpcf7-quiz-label { 
width: 30%      
}
}
@media only screen and (min-width : 1200px) { 
.captcha .wpcf7-quiz-label { 
width: 50%      
}
}
.contact .captcha input[type="text"] {
width: 60%;
background-color: transparent;
border: none;
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
border-radius: 0;
padding: 0;
margin-bottom: 10px;
margin-left: 12px;
margin-right: 12px;
margin-top: 8px;
height:26px;
}
@media only screen and (min-width : 576px) { 
.contact .captcha input[type="text"] {
width: 70%;    
}
}
@media only screen and (min-width : 768px) { 
.contact .captcha input[type="text"] {
width: 60%;    
}
}
@media only screen and (min-width : 1200px) { 
.contact .captcha input[type="text"] {
width: 40%;    
}
}
.contact .captcha input[type="text"]:focus {   
background:transparent;
box-shadow:none;
} .contact  input[type="checkbox"] {
position: absolute;
visibility: hidden;
width: 37px;
height: 37px;
top: -24px;
left: 0;
}
.contact  input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 5px;
height: 37px;
width: 37px;
top: -20px;
left: 0px;
border: 1px solid rgba(255, 255, 255, 0.13);
background-color: #232323;
}
@media only screen and (min-width : 768px) { 
.contact input[type=checkbox] + span:before { 
top: -15px;        
}
}
@media only screen and (min-width : 992px) { 
.contact input[type=checkbox] + span:before { 
top: -7px;        
}
}
@media only screen and (min-width : 1200px) { 
.contact input[type=checkbox] + span:before { 
top: -18px;        
}
#contact-page .contact input[type=checkbox] + span:before { 
top: -26px;        
}
}
@media only screen and (min-width : 1400px) { 
.contact input[type=checkbox] + span:before { 
top: -6px;        
}
#contact-page .contact input[type=checkbox] + span:before { 
top: -16px;        
}
}
.contact input[type=checkbox] + span:after {
display: block;
position: absolute;
content: url(//academytheatre.uk/wp-content/themes/Academy-Theatre/images/icons/cf-tick-icon.svg);
height: 37px;
width: 37px;
top: -16px;
left: 2px;
visibility: hidden;
font-size: 48px;
text-align: center;
line-height: 18px;
}
@media only screen and (min-width : 768px) { 
.contact input[type=checkbox] + span:after { 
top: -11px;        
}
}
@media only screen and (min-width : 992px) { 
.contact input[type=checkbox] + span:after { 
top: -5px;        
}
}
@media only screen and (min-width : 1200px) { 
.contact input[type=checkbox] + span:after { 
top: -16px;        
}
#contact-page .contact input[type=checkbox] + span:after { 
top: -26px;        
} 
}
@media only screen and (min-width : 1400px) { 
.contact input[type=checkbox] + span:after { 
top: -4px;        
}
#contact-page .contact input[type=checkbox] + span:after { 
top: -16px;        
} 
}
.contact input[type=checkbox]:checked + span:after {
visibility: visible;
}
.contact .wpcf7-list-item-label {
margin-left: 50px;
display: inline-block;
color: #FFFFFF66;
font-size:12px;
}
::-webkit-input-placeholder { opacity: 0.7;
color: #fff;
}
:-moz-placeholder { opacity: 0.7;
color: #fff;
}
::-moz-placeholder { opacity: 0.7;
color: #fff;
}
:-ms-input-placeholder { opacity: 0.7;
color: #fff;
}  footer {
background-color:#1B1B1B;
color: #FFFFFF99;
font-weight:700;
}
footer a {
color: #FFFFFF99;
}
footer a.contact-link {
color:#fff;
}
footer a:hover,
footer li a.active,
footer li a:focus {
color: #E7A443;
}
footer .heading {
font-weight:700;
font-size:17px;
color:#fff;    
}
footer .footer-bottom {
border-top:2px solid #FFFFFF33;
}  .pagination {
clear:both;
position:relative;
font-size:11px;
line-height:13px;
}
.pagination span, .pagination a {
display: flex;
align-items: center;
justify-content: center;
float: left;
margin: 0 6px 0 6px;
text-decoration: none;
width: 28px;
height: 28px;
color: #ffffff;
font-size: 14px;
font-weight: 700;
background-color: #E7A443;
border-radius: 3px;
}
.pagination a:hover {
color:var(--gold);
background: #fff;
}
.pagination .current {
color: #000;
} .modal.show .modal-dialog {
z-index: 100;
margin-top: 50px;
color: #000;
}
.modal-title {
display: none;
}
.modal-dialog h2,
.modal-dialog h3 {
color: #000;
} .ui-dialog-titlebar {
background: #fff;
border-bottom: 1px solid #dcdcde;
height: 50px;
font-size: 18px;
font-weight: 400;
line-height: 1;
padding: 15px;
}
.ui-dialog-titlebar-close {
float: right;
background-color: transparent;
border: none;
}
.ui-dialog-titlebar-close::before {
line-height: 1;
} .woocommerce-shipping-calculator {
display:none;
}
.woocommerce .woocommerce-shipping-destination {
display:none;
}
.single-product .checkmark {
display: none;
}
.single-product.woocommerce a.added_to_cart {
padding-left: 10px;
}
.single-product .product-type-grouped .price {
display:none;
} 
.single-product .woocommerce-grouped-product-list-item__label {
display:none;
} 
.single-product .woocommerce-grouped-product-list-item__price {
padding-left:20px !important;
font-weight: 700;
color: #fff;
}
.single-product.woocommerce div.product .product_title {
//font-size:20px;
}
.single-product .product-type-grouped .stock {
display: inline;
padding-left: 10px;    
}
.single-product .product_meta {
display:none;
}
.single-product .event-info {
max-width: 400px;
padding-left: 15px;  
}
@media only screen and (min-width : 576px) { 
.single-product .event-info {
max-width: 400px;
height: 42px;
}
}
@media only screen and (min-width : 992px) { 
.single-product .event-info {
max-width: 330px;
height: auto;
}
}
.single-product .stroke-right {
border-right: 1px solid #fff;    
}
@media only screen and (min-width : 576px) { 
.single-product .stroke-right-sm {
border-right: 1px solid #fff;    
}
}
@media only screen and (min-width : 768px) { 
.single-product .stroke-right-md-none {
border-right: none !important;    
}
}
.single-product .backpage-link a {
color:#fff;
}
.single-product .backpage-link a:hover {
color:#fff;
}
.single-product .backpage-link a .link-hover {
font-weight:700;
}
.single-product .backpage-link a:hover .link-hover {
color:#D21D2A;
}
.single-product .backpage-link img {
filter: brightness(0) invert(1);
}
.single-product .backpage-link a:hover img {
filter: none;
}
.woocommerce-checkout .shipped_via  {
display:none;
} 
.home .woocommerce p,
.home .woocommerce h2,
.home .woocommerce ul.products li.product .price,
.home .woocommerce ul.products li.product .button {
display:none;
}
.woocommerce .price {
font-weight: 500 !important;
font-size: 12px !important; 
color: rgba(255, 255, 255, 0.5) !important;   
}
.woocommerce .price .amount {
font-weight: 800;
font-size: 17px;  
color:#ffffff;  
}
.woocommerce .product-page {
padding-top:50px;
}
@media only screen and (min-width: 1200px) {
.woocommerce .product-page {
padding-top:170px;
}
}  
body.single-product {
background: url(//academytheatre.uk/wp-content/themes/Academy-Theatre/images/single-product-banner.jpg),#131313;
background-repeat: no-repeat, no-repeat;
background-size: contain, cover;
background-position: top center;
}
.woocommerce .product-page .single-product-banner {
height:68px;
background: #D21D2AE5;
color:#fff;
margin-bottom: 20px;
font-size:17px;
} 
@media only screen and (min-width: 992px) {
.woocommerce .product-page .single-product-banner {
height:50px;
}
}
.woocommerce .product-page .card {
display:none;
}
.woocommerce .performance-date h4 {
color: var(--red);
font-size: 17px;
letter-spacing: -0.04em;
} 
.woocommerce h1.product-title {
font-size: 43px;
letter-spacing: -0.04em;
} 
@media only screen and (min-width: 992px) {
.woocommerce div.product div.images {
width: 30%;
} 
}
@media only screen and (min-width: 992px) {
.woocommerce div.product div.summary {
width: 66%;
}
}
.woocommerce .variations th.label {
display:block;
text-transform:uppercase;
} 
.woocommerce .variations td.value {
display:block;
} 
.woocommerce .variations td.value select {
-webkit-appearance:none;
-moz-appearance:none;
-ms-appearance:none;
appearance:none;
outline:0;
box-shadow:none;
//border:0!important;
border: 1px solid transparent;
background: #232323;
flex: 1;
padding: 0 .5em;
cursor:pointer;
//min-width: 100% !important;
//margin-right: 0 !important;
}
.woocommerce .variations td.value select:focus  {
border: 1px solid #E7A443
}
.woocommerce .variations td.value {
position: relative;
display: flex;
width: 20em;
//height: 3em;
//line-height: 3;
//background: #232323;
//overflow: hidden;
border-radius: 3px;
//border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.woocommerce .variations td.value:focus {
//border: 1px solid #E7A443 !important;
}
.woocommerce .variations td.value::after {
display: block;
position: absolute;
content: url(//academytheatre.uk/wp-content/themes/Academy-Theatre/images/icons/chevron-down-white.svg);
height: 38px;
width: 40px;
top: 2px;
right: 48px;
padding: 3px 15px;
background: #2b2e2e;
cursor:pointer;
pointer-events:none;
transition:.25s all ease;
bottom: 1px;
border-left: 1px solid rgba(255, 255, 255, 0.1)
}
.woocommerce .variations td.value:hover::after {
//color: #23b499;
}
.single-product.woocommerce #variations table.variations {
width:100%;
text-transform: uppercase;
position: relative;
}
@media only screen and (min-width: 768px) {
.single-product.woocommerce #variations table.variations {
width:auto;
}    
}
.variations-table h3.available-title {
text-transform: uppercase;
padding-bottom: 20px;
padding-top: 10px;
font-size:14px;
}
.variations-table .item p {
margin-bottom:0;
} 
.single-product.woocommerce a.added_to_cart {
padding-left: 10px;
position: absolute;
bottom: -70px;
right: 0px;
width: 215px;
text-align: center;
height: 62px;
display: flex;
justify-content: center;
align-items: center;
padding-top: 0px;
background-color: #232323;
}    
.single-product.woocommerce #variations table.variations tr {
display: block;
padding-bottom: 20px;
border-top: 1px solid #eeeeee1a;
padding-top: 20px;
}
@media only screen and (min-width: 768px) {
.single-product.woocommerce #variations table.variations tr {
display: table-row;
padding-bottom: 20px;
}    
}
.single-product.woocommerce #variations table.variations thead tr {
display:none;
}
.single-product.woocommerce #variations table.variations td {
border:none;
vertical-align: top;
font-weight:700;
color:#fff;
}
@media only screen and (min-width: 768px) {
.single-product.woocommerce #variations table.variations td {
border: 1px solid #eeeeee1a;
vertical-align:middle;
padding: 10px 15px;
}   
}
.single-product.woocommerce #variations table.variations td span.price .amount {
font-weight: 700 !important;
font-size: 14px !important;  
color:#ffffff;  
} 
.single-product.woocommerce #variations table.variations td.quantity {
width: 28%;
background-color: #1B1B1B;
margin-top: 20px;
}
@media only screen and (min-width: 768px) {
.single-product.woocommerce #variations table.variations td.quantity {
width: auto;
margin-top:0;
}
}
#variations-table {
margin-bottom:100px!important;
}
@media only screen and (min-width: 768px) {
#variations-table {
margin-bottom:20px!important;
}
}
#variations table.variations input.qty {
min-width: 60px;
background-color: #1B1B1B;
border: None;
color: #fff;
padding: 0px;
}
#variations table.variations input.qty:focus {
outline:none;
}
.single-product.woocommerce #variations table.variations td.add-to-cart {    
width: 58%;
background-color: transparent;   
padding:0;     
margin-left: 20px;
margin-top:15px;
background-color: #232323; 
}
@media only screen and (min-width: 768px) {
.single-product.woocommerce #variations table.variations td.add-to-cart {
width: 215px;
margin-left: 0;
margin-top:0;
background:transparent;
}
}
.single-product.woocommerce #variations table.variations td.add-to-cart button:hover {    
background-color: #232323;        
}
.single-product.woocommerce #variations table.variations td.add-to-cart:hover button{    
filter:none        
}
#variations .add-to-cart button {
background-color: transparent;
border:none;
text-transform: uppercase;
width: 100%;
height: 62px;
} .woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
padding-top: 3rem;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
border-bottom: 2px solid #FFFFFF33;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
border-radius: 0;
box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border-radius: 0;
box-shadow: none;
border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
background-color: transparent;
border: none;
border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border-radius: 0;
box-shadow: none;
border: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
border-radius: 0;
box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: transparent;
z-index: 2;
border-bottom-color: #fff;
border-bottom: 2px solid #D21D2A;
box-shadow: inset 0px -10px 4px -7px #D21D2A75;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
box-shadow: -2px 2px 0 #fff;
box-shadow: none;
} button.single_add_to_cart_button:before,
.woocommerce div.product form.cart .button:before {
content:'';
display: inline-block;
background-image: url(//academytheatre.uk/wp-content/themes/Academy-Theatre/images/icons/ticket-icon-white.svg);
width: 15px;
height: 15px;
position: absolute;
left: 18px;
}
.single a.fooevents_seating_chart::before {
content: '';
display: inline-block;
background-image: url(//academytheatre.uk/wp-content/themes/Academy-Theatre/images/icons/seat-icon-white.svg);
width: 15px;
height: 15px;
position: absolute;
left: 18px;
top: 12px;
background-size: 15px 15px;
}
.woocommerce.single a.fooevents_seating_chart {
position:relative;
font-weight: 700;
border-radius: 3px;
padding:10px 18px 10px 46px;
background-color: #232323;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.15);
}
.woocommerce.single a.fooevents_seating_chart u {
text-decoration:none;
}
.woocommerce-variation-add-to-cart p:nth-of-type(2) {
float: left;
margin-top: 10px;
margin-right: 10px;
}
.woocommerce-variation-add-to-cart .clear {
display:none;
}
.woocommerce-variation-add-to-cart .quantity {
display:none !important;
}
.woocommerce .woocommerce-MyAccount-content tr {
height: 60px;  
}      
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover,
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]
{
background-color: var(--red);
border: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;
padding:12px 18px 14px 18px;
//padding: 12px 18px 14px 46px;
}
.woocommerce .woocommerce-MyAccount-content td a {
margin-left:20px;
}
.woocommerce div.product form.cart .button {
background-color: transparent;
border: 1px solid #fff;
color: #fff;    
}
.woocommerce div.product form.cart .button:hover {
background-color: var(--red);
border: 1px solid rgba(255, 255, 255, 0.1);
color: #fff;    
}
.woocommerce .single_add_to_cart_button,
.woocommerce div.product form.cart .button,
.woocommerce button.single_add_to_cart_button.button.alt,
.woocommerce button.single_add_to_cart_button.button,
.woocommerce button.single_add_to_cart_button.alt.disabled,
.woocommerce button.single_add_to_cart_button.button.disabled, 
.woocommerce button.single_add_to_cart_button.button:disabled, 
.woocommerce button.single_add_to_cart_button.button:disabled[disabled],
.woocommerce .single_add_to_cart_button:hover,
.woocommerce button.single_add_to_cart_button.button.alt:hover,
.woocommerce button.single_add_to_cart_button.button:hover,
.woocommerce button.single_add_to_cart_button.alt.disabled:hover,
.woocommerce button.single_add_to_cart_button.button.disabled:hover, 
.woocommerce button.single_add_to_cart_button.button:disabled:hover, 
.woocommerce button.single_add_to_cart_button.button:disabled[disabled]:hover {
padding:12px 18px 14px 46px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{    
background: #EA2230;
//border: 1px solid #EA2230;
color: #fff;
filter: drop-shadow(0px 5px 15px rgba(210, 29, 42, 0.6));
//padding: 12px 18px 14px 46px;
}
.woocommerce-message, .woocommerce-info {
border-top-color: var(--gold);
}
.woocommerce-message::before, .woocommerce-info::before {
color: var(--gold);
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
background-color: #232323;
color: #fff;
}
.woocommerce div.product form.cart div.quantity ,
.woocommerce .related.products {
display:none;
}
.woocommerce select {
color: #fff;
background-color: #232323;
border-color: #232323;
height: 40px;
font-size: 14px;
padding:5px;
border-radius: 3px;
text-transform: uppercase;
font-weight: 700;
}
.woocommerce select:focus {
background: #232323;
border: 1px solid #E7A443;
box-shadow: 0px 0px 17px rgba(231, 164, 67, 0.15);
border-radius: 3px;
outline: none;
}
.woocommerce .products {
margin: 0 0 1em;
padding: 0;
list-style: none outside;
clear: both;
}
.woocommerce div.product .stock {
color: var(--red);
font-weight: 400;
}
.woocommerce form .form-row.woocommerce-validated .select2-container, 
.woocommerce form .form-row.woocommerce-validated input.input-text, 
.woocommerce form .form-row.woocommerce-validated select {
border-color: var(--gold);
box-shadow: 0px 0px 17px rgba(231, 164, 67, 0.15);
}
#fooevents_seating_dialog {
//margin-top: 30px;
}
.wpmc-tabs-wrapper .wpmc-tab-item.current {
color: var(--gold);
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
background: transparent;
} #fooevents_seating_dialog .fooevents_seating_chart_view_row {
display: inline-flex;
flex-direction: row-reverse;
justify-content: flex-end;
}
.fooevents_seating_chart_view_row_name,
.ui-dialog-title {
color: #000000;
}
.fooevents_seating_chart_legend {
color: #000000;
}
#fooevents_seating_select_seats {
background-color: var(--red);
color: #fff;
padding:10px 18px 10px 18px;    
border-radius: 3px;
border:none;
font-size:14px;
font-weight:700
}
#fooevents_seating_dialog .fooevents_seating_chart_view_row span.blocked,
.fooevents_seating_chart_view_row span.fe-blocked {
background-image: none;
visibility:hidden;
} .row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_7"].available,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_8"].available,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_9"].available,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_10"].available,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_11"].available,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_12"].available,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_13"].available,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_14"].available {
background-color: transparent !important;
background-image: url(//academytheatre.uk/wp-content/themes/Academy-Theatre/images/icons/accessible-seat-green.png);
background-size: 25px 25px;
background-repeat: no-repeat;
} .row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_7"].available.selected,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_8"].available.selected,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_9"].available.selected,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_10"].available.selected,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_11"].available.selected,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_12"].available.selected,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_13"].available.selected,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_14"].available.selected {
background-color: transparent !important;
background-image: url(//academytheatre.uk/wp-content/themes/Academy-Theatre/images/icons/accessible-seat-red.png);
background-size: 25px 25px;
background-repeat: no-repeat;
} .row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_7"].unavailable,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_8"].unavailable,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_9"].unavailable,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_10"].unavailable,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_11"].unavailable,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_12"].unavailable,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_13"].unavailable,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_14"].unavailable {
background-color: transparent !important;
background-image: url(//academytheatre.uk/wp-content/themes/Academy-Theatre/images/icons/accessible-seat-grey.png);
background-size: 25px 25px;
background-repeat: no-repeat;
} .row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_7"].unavailable_selected,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_8"].unavailable_selected,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_9"].unavailable_selected,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_10"].unavailable_selected,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_11"].unavailable_selected,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_12"].unavailable_selected,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_13"].unavailable_selected,
.row_container:first-child .fooevents_seating_chart_view_row span[name$="_number_seats_14"].unavailable_selected {
background-color: transparent !important;
background-image: url(//academytheatre.uk/wp-content/themes/Academy-Theatre/images/icons/accessible-seat-black.png);
background-size: 25px 25px;
background-repeat: no-repeat;
} .woocommerce-checkout #fooevents_seating_dialog {
margin-top: 0;
} 
.woocommerce-checkout .fooevents-attendee {
margin-bottom: 30px;
} .woocommerce-MyAccount-navigation {
display:none;
}
.woocommerce-account .woocommerce-MyAccount-content {
width:100%;
float:none;
}
.woocommerce-MyAccount-content .card {
border: 1px solid #d3ced2;
padding: 20px;
margin: 2em 0;
text-align: center;
border-radius: 5px;
background:transparent;
}
.woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th,
.woocommerce ul.order_details li,
.woocommerce ul.order_details li strong {
font-size: 14px;
}
.woocommerce-view-order .woocommerce-customer-details {
display:none;
}
.woocommerce ul.order_details {
padding-left: 0;
}
@media only screen and (min-width:992px) {
.woocommerce ul.order_details {
padding-left:32px;
}
}  
.woocommerce ul.order_details li {
float: none;
border:none;
margin-bottom:15px;
}
@media only screen and (min-width:992px) {
.woocommerce ul.order_details li {
float: left;
border-right: 1px dashed #d3ced2;
}
}    
.woocommerce ul.order_details li strong {
display:inline-block;
}
@media only screen and (min-width:992px) {
.woocommerce ul.order_details li strong {
display:block;
}
}   
.woocommerce div.product form.cart .group_table td:first-child {
width: auto;
}
.woocommerce div.product form.cart .group_table td {
padding-bottom:2rem;;
}
.woocommerce div.product form.cart .group_table .heading-date {
text-align:left;
font-weight: 700;
font-size: 17px;
color: #ffffff;
}
.woocommerce-MyAccount-content table {
width:100%;
}
.woocommerce-MyAccount-content tr {
border-bottom: 1px solid #fff;
}  @media (max-width: 495px) {}
@media (min-width: 576px) {}
@media (max-width: 768px) {}
@media (max-width: 992px) {} @media only screen and (min-width : 480px) {}
@media only screen and (min-width : 768px) {}
@media only screen and (min-width : 992px) {}
@media only screen and (min-width : 1200px) {}.woocommerce .col-2,.woocommerce .col-1{max-width:none}.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}@media only screen and (max-width :480px){.aligncenter,.alignleft,.alignnone,.alignright{width:100%;height:auto;float:none}}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}@media (max-width:540px){.portfolio-piece h4{font-size:.8em}.prev-next{margin-top:15px;font-size:18px}}.prev-next{font-size:24px;margin-top:30px;text-align:right}.widget{margin:10px 0 30px}.admin-bar .fixed-top{margin-top:30px}.dropdown-menu .dropdown-menu {
position: relative;
width:100%;
background-color:#e8e8e8;
}
.dropdown:hover + .dropdown-menu {
display: block;
}
.dropdown-submenu {
position: relative;
}
.dropdown-menu .dropdown-menu {
position: relative !important;
background-color:#e8e8e8;
}
.dropdown-menu .dropdown-menu a {
color:#606060 !important;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
border-left-color: #fff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}