/*
Theme Name: UKDS Base Theme
Theme URI: https://ukdesignservices.com
Author: UK Design Services
Author URI: https://ukdesignservices.com
Description: UKDS Base Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE

*/



html {
  box-sizing: border-box;
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
  font-size:62.5%;
}


*,
*::before,
*::after {
  box-sizing: inherit;
          text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
    outline:none!important
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

hr {
    background-color:#e0e0e0;
    margin:0;
}

@-ms-viewport {
  width: device-width;
}


body {
    background:#1a1b1c;
}

body, button, input, select, optgroup, textarea {
    font-family:'Poppins', sans-serif;
    font-size: 1.4rem;
    margin: 0;
    font-weight: normal;
    color:#1a1b1c;
    font-weight:300;
}

h1,h2,h3,h4 {
    font-family: 'Playfair Display', serif;
}

h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
    color:#1a1b1c;
    margin:0;
}

h2 {
    font-size:6rem;
    line-height:1;
}

.container {
    width:100%;
    max-width:146rem;
    padding:0 1.5rem;
    margin:0 auto;
    position:relative;
}

/*.container.nopad {
    padding-left:0;
    padding-right:0
}*/

#page {
    overflow-x:hidden;
}

a,
a:hover,
a:active,
a:visited {
    color:#baad6e;
}

.btn,
.btn:hover,
.btn:active,
.btn:visited,
.btn:focus,
.nav-previous a,
.nav-next a,
.more-link,
.more-link:hover,
.more-link:active,
.more-link:visited,
.more-link:focus,
.wpcf7-form button, 
.wpcf7-form input[type="button"], 
.wpcf7-form input[type="reset"], 
.wpcf7-form input[type="submit"],
.wpcf7-form button:hover, 
.wpcf7-form input[type="button"]:hover, 
.wpcf7-form input[type="reset"]:hover, 
.wpcf7-form input[type="submit"]:hover,
.wpcf7-form button:active, 
.wpcf7-form input[type="button"]:active, 
.wpcf7-form input[type="reset"]:active, 
.wpcf7-form input[type="submit"]:active,
.wpcf7-form button:focus, 
.wpcf7-form input[type="button"]:focus, 
.wpcf7-form input[type="reset"]:focus, 
.wpcf7-form input[type="submit"]:focus
 {
    display:inline-block!important;
    overflow:hidden;
    padding:0 2rem;
    line-height:4.2rem;
    cursor:pointer;
    border-radius:0rem;
    font-weight:400;
    font-size:1.3rem;
    color:#fff;
    transition: all 300ms ease-in;
    background: transparent;
    border:.05rem solid #baad6e;
    text-decoration:none;
    outline:none!important;
    text-transform:uppercase;
    font-weight:700;
    color:#baad6e;

}

.btn:hover,
.more-link:hover,
.wpcf7-form button:hover, 
.wpcf7-form input[type="button"]:hover, 
.wpcf7-form input[type="reset"]:hover, 
.wpcf7-form input[type="submit"]:hover {
    background:#baad6e;
    color:#fff;
}

.btn-secondary {
    background-color:#1a1b1c;
    color:#baad6e;
    border-color:rgba(0,0,0,0);
}

.btn.btn-outline {
    background:transparent;
    border:.1rem solid #d50657;
    color:#d50657;
}

.btn-small,
.btn-small:hover,
.btn-small:active,
.btn-small:focus {
        padding: 0 1rem;
    line-height: 3.2rem;
    font-size: 1.2rem;
}

.btn-white {
    background:#fff;
    color:#630B79;
}

.btn.btn-white.btn-outline {
    border-color:#fff;
    background:transparent;
    color:#fff;
}

.btn.btn-white.btn-outline:hover,
.btn.btn-white.btn-outline:active {
    background:rgba(255,255,255,0.2);
}

.btn.btn-grey,
.nav-previous a,
.nav-next a {
    background:#f9f9f9;
    border-color:#e0e0e0;
    color:#5a5a5a
}

.btn.btn-grey:hover,
.nav-previous a:hover,
.nav-next a:hover {
    background:#e0e0e0;
}

.btn-solid {
    background:#baad6e!important;
    color:#fff!important;
}

.btn i {
    padding-right:.5rem
}


.btn-block,
.btn-block:hover,
.btn-block:active,
.btn-block:focus,
.btn-block:hover {
    display:block!important;
    text-align:center;
}



.btn-group {
    display:flex;
    flex-direction:row;
}

.btn-group > a {
    margin-right:-.1rem
}

.btn-group > a:first-child {
    border-radius:.4rem 0 0 .4rem;
}

.btn-group > a:last-child {
    border-radius:0 .4rem .4rem 0;
}



.buttons .btn {
    margin-right:1rem;
}

.buttons .btn:last-child {
    margin-right:0;
}


/* Rows */

.bg-dark {
    background:#0e0e0e;
}

.action-row {
    padding:3rem;
    text-align:center;
}

.action-row .btn {
    font-size:1.6rem;
     padding: 0 10rem;
    line-height: 5.5rem;
}

#featured-productions .action-row .btn {
    color:#baad6e;
}
#featured-productions .action-row .btn:hover,
#featured-productions .action-row .btn:active,
#featured-productions .action-row .btn:focus {
    color:#fff
}

#latest-news {
    padding:6rem 0;

}


.news-grid {
    display:flex;
    flex-wrap:wrap;
    margin-top:2rem;
}

.news-grid > article {
    flex:0 1 50%;
    max-width:50%;
    margin-bottom:3rem;
}

.news-grid > article:nth-child(odd) {
    padding-right:1.5rem;
}
.news-grid > article:nth-child(even) {
    padding-left:1.5rem;
}

.news-grid .thumbnail-box {
	flex:0 0 8rem;
}

@media screen and (min-width:549px) {
	
	.news-grid .thumbnail-box {
		flex:0 0 10rem;
	}
	
}

.blog-archive-item {
	text-decoration:none;
	margin-bottom:3rem;
	display:block;
}
.blog-archive-item h4 {
	text-transform:uppercase;
	color:#fff;
	font-size:1.8rem;
	margin:1rem 0;
}



.blog-sidebar {
	margin-left:auto;
}



.news-grid .content-box {
	padding-left:20px;
}



.blog-item {

    display:flex;
    color:#fff;
    text-decoration:none;
    justify-content: flex-start;
    align-items: center;
}
.date-box {
    font-family:"Playfair Display";
    flex:0 0 11.5rem;
    height:11.5rem;
    background: #353535;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    color: #fff;
    transition: background-color .3s ease-in-out;
    margin-right:3rem;
}
.date-day {
    margin-top: -2rem;
    margin-bottom: 1rem;
    font-size: 6rem;
    line-height: 1;
}
.date-month {
    font-size: 2.4rem;
    text-transform: uppercase;
    line-height: 1;
}
.blog-item h4 {
    color:#fff;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:1rem;
}
.blog-item .excerpt {
    color:#baad6e;

}


.blog #main article {
    margin-bottom:2rem;
}

.blog #page-content,
.archive.category #page-content,
.archive.date #page-content {
    padding-top:5rem;
    padding-bottom:5rem;
}

.blog .blog-item {
    display:inline-flex
}

.page-template-template-sitemap #content,
.page-template-template-info #content,
.post-template-default #content {
    background:#fff;
    padding:6rem 0;
}

.page-template-template-sitemap #content ul {
    margin:1rem 0 3rem;
}


.page-template-template-info #content h2 {
    font-size:4.2rem;
}
.page-template-template-sitemap #content h3,
.page-template-template-info #content h3 {
    font-size:3rem;
}


.widget h2 {
    margin: 0 0 2rem;
    padding-bottom:2rem;
    color: #fff;
    position:relative;
    font-weight: 400;
    font-size:2.2rem;
}

.widget h2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: .1rem;
    width: 5rem;
    background: #baad6e;
}

.widget ul,
.widget ul li {
    padding:0;
    margin:0;
    list-style:none;
}

.widget ul li a {
    color:#fff;
    text-decoration:none;
    transition:color .3s ease-in-out;
}

.widget ul li a + span {
    color:#baad6e;
    display:block;
}

.widget ul li a:hover {
    color:#baad6e;
}

.widget ul li {
    position:relative;
    padding:0 0 .5rem 2rem;
}
.widget ul li:before {
    content:"\f105";
    font-family:"Font Awesome 5 Pro";
    font-weight:300;
    position:absolute;
    left: 0.3rem;
    top: .1rem;
    color:#baad6e;
}

.single-post .widget h2,
.single-post .widget ul li a {
    color:#1a1b1c
}

/* Columns */

.title-column  {
}

.title-column h2 {
    color:#fff;
    position:relative;
    padding-bottom:3rem;
    margin-bottom:2rem;
}

.title-column h2:after {
    width:10rem;
    position:absolute;
    bottom:0;
    left:0;
    height:.1rem;
    background:#baad6e;
    content:"";
}


.title-column p {
    color:#fff;
    font-size:3.2rem;
    font-weight:100;
    margin:0 0 2rem;
    line-height:1.2
}



/* Sidebars */

.widget {
    margin-bottom:4rem
}

.widget h2 {

}


/* Header */

header.site-header {
    position:absolute;
    width:100%;
    z-index:2;
    top:0;
    transition:top .3s ease-in-out;
}

.animate-logo:not(.scroll-up) header.site-header  {
    top:-10rem;
}

header.site-header > .container {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items: center;
    padding-top:2rem;
    padding-bottom:2rem;
}

.menu-toggle {
    border:0;
    background:transparent;
    width: 3.2rem;
    height: 2.3rem;
    display:flex;
    align-items:stretch;
    justify-content:space-between;
    flex-direction: column;
    padding: 0;
    cursor:pointer;
}

.menu-toggle > span {
    height:.3rem;
    background:#fff;
    display:block
}


#primary-menu {
    display:flex;
}

#primary-menu li,
#primary-menu li > a {
    padding:1rem;
    white-space:nowrap;
}

#primary-menu li > a {
    display:block;
    font-weight:700;
    text-transform:uppercase;
    color:#fff;
    text-decoration:none;
    font-size:1.3rem;
}
.post-type-archive-productions #menu-item-23 a,
.single-productions #menu-item-23 a,
#primary-menu li.current-menu-item a,
.post-template-default #menu-item-22 a {
    color:#baad6e;
}












#primary-menu li {
    position:relative;

}
#primary-menu .menu-item-has-children > a {
    white-space:nowrap;
    position:relative;
    padding-right:2.4rem;
}
#primary-menu .menu-item-has-children > a:before {
    content:"\f067";
    font-weight:normal;
    font-size:1.4rem;
    top:.9rem;
    font-family:"Font Awesome 5 Pro";
    position:absolute;
    right:.4rem;
}



#primary-menu .sub-menu .menu-item-has-children  > a:before {
    right:1rem
}

#primary-menu .menu-item-has-children:hover > a:before {
    content:"\f068";
}

#primary-menu .menu-item > ul.sub-menu {
    position:absolute;
    top:3rem;
    left:0;
    right:0rem;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    display:none;
    padding-top:1rem;
}
#primary-menu .menu-item-has-children:hover > ul {
    display:flex;
}

#primary-menu .menu-item ul.sub-menu li {
    margin:0;
    text-align:left;
    font-size:1.6rem;

}
#primary-menu .menu-item ul.sub-menu li a {
    display:block;
        background:rgba(0,0,0,0.3)
}
#primary-menu .menu-item ul.sub-menu li a:after {
    top:0;
    bottom:0;
    height:auto;
}
    #primary-menu .menu-item ul.sub-menu li a:hover:after {
        width:.3rem;
    }

#primary-menu .menu-item > ul.sub-menu .sub-menu {
    transform:translateX(100%);
    top:0;
    padding-left:1rem;
}




@media screen and (max-width:991px) {
    #primary-menu > li  {
        text-align:center;
    }
    #primary-menu > li > .sub-menu {
        display:flex;
        flex-direction:row!important;
        margin-top:1rem;
        
    }
    #primary-menu .menu-item-has-children > a:before {
        content:none;
    }
    #primary-menu > li .sub-menu > li {
        padding-top:0;
    }
     #primary-menu > li .sub-menu a {
        font-size:1.4rem!important;
        text-align:center;
        padding-top:0;
    }

    #primary-menu .menu-item > ul.sub-menu {
        display:block;
        padding:0;
        position:static;
    }

}









header.site-header #logo {
    display:block;
}
 

/* Logo Setup */

#logo {
   width:20rem;
}
#logo #logo-bars {
    height: 7rem;
    width: 25%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 1.4% 0;
}

#logo img {
    display: block;
    width: 100%;
}

#logo #logo-bars span {
    display: block;
    width: 20%;
    border-radius: 3rem;
    height: 20%;
    background: #d49e9d;
    transition: all .5s ease-out;
}

body.ukds-loaded #logo #logo-bars span:nth-child(2) {
    background: #b1c668;
    height: 40%;
}

body.ukds-loaded #logo #logo-bars span:nth-child(3) {
    background: #6ec668;
    height: 65%;
}

body.ukds-loaded #logo #logo-bars span:nth-child(4) {
    background: #4cb944;
    height: 100%;
}





/* Masthead */

#masthead {
    background-color:#000;
    display:flex;
    justify-content:flex-start;
    min-height:37rem;
    align-items:flex-end;
    padding-bottom:2rem;
    position:relative;
    overflow:hidden;
}
.page-template-template-past-productions #masthead,
.archive.post-type-archive-productions #masthead {
    min-height:30rem;
}

#masthead.hasbg:before {
    content:"";
    top:-1rem;
    left:-1rem;
    bottom:-1rem;
    right:-1rem;
    position:absolute;
    background-position:center;
    background-size:cover;
    opacity:0;
    transition:opacity .5s ease-in;
    z-index:0;
        background-repeat:no-repeat

}

.ukds-loaded #masthead.hasbg:before {
    opacity:.5;
}

.single-productions #masthead.hasbg:before {
    background-position:bottom right;
    background-size:contain;
    opacity:.7
}
.single-productions #masthead.masthead-bg-cover.hasbg:before {
    background-position:center;
    background-size:cover
}

.home #masthead {
    min-height:60rem;
    display:flex;
    justify-content:flex-start;
    align-items:stretch;
    padding-bottom:0;
    margin-top:0
}

.home #masthead h1 {
    padding-bottom:4rem
}




body:not(.home) #masthead {
    color:#fff;
    padding-top:11rem;
}
body:not(.home) #masthead h1 {
    font-size:6rem;
    color:#fff;
    padding-bottom:4rem;
    line-height:1;
    border-bottom:.1rem solid rgba(255,255,255,0.2)
}

body:not(.home) #masthead h1 .subtitle {
        font-size: 36px;
    color: #baad6e;
    padding-top:5px;
    display: block;
}

#homepage-carousel-container {
    position:relative;

}

#homepage-carousel {
    position:relative;
    margin:0;
    padding:0;
    list-style:none;
}

.homepage-carousel-item {
    min-height: 60rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:right bottom;
    position:relative;
    padding-top:10rem;
}

.homepage-carousel-item-image-only {
    background-size:cover;
    background-position:50%;
    position:relative;
}
.homepage-carousel-item-image-only > a.carousel-link-only {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
}

.homepage-carousel-item .carousel-content {
    max-width:50rem
}


#homepage-carousel h2 {
    color: #fff;
}

#homepage-carousel p {
     color: #baad6e;
    font-size: 3.6rem;
    line-height: 1.2;
    font-weight: 100;
    margin: 2rem 0 4rem;
}

#homepage-carousel .btn-secondary {
    margin-right:2rem
}


#homepage-carousel .owl-nav {
    position: absolute;
    top: 35rem;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 3rem;
    display:none;
}

.homepage-carousel-prev,
.homepage-carousel-next
 {
    top:50%;
    margin-top:-2rem;
    position:absolute;
    display:block;
    border:.1rem solid #fff;
    width:4rem;
    height:4rem;
    transform:rotate(45deg);
    border-radius:0;
    z-index:3;
    cursor:pointer;
}

.homepage-carousel-prev {
    border-width:0 0 .1rem .1rem;
    left:4rem;
}

.homepage-carousel-next {
    border-width:.1rem .1rem 0 0;
    right:4rem;
}


#masthead .social-icons {
    padding:3rem 0 1rem;
}

#header-social-icons {
    display:flex;
    align-items:center;
    justify-content:flex-end;
}
#header-social-icons .social-icons {
    display:flex;
}
#header-social-icons .social-icons a {
    font-size:1.6rem;
    margin:0 1rem;

}

#masthead .social-icons a {
    color:#baad6e;
    font-size:2rem;
    margin-right:2.4rem;
    position:relative;
    display:inline-block;
    width:2.4rem;
}
#masthead .social-icons a:after {
    content:"";
    right:-1.2rem;
    position:absolute;
    top:.5rem;
    height:2rem;
    width:.1rem;
    background:rgba(255,255,255,0.1);
}

#masthead .social-icons a:last-child:after {
    content:none;
}


.home #about .repeater-bg-image {
    background-position:50% 50%;
}

/*
    Featured Productions
*/

#featured-productions {
    background:#1a1b1c;
    padding:6rem 0 0;
}

#featured-productions  > .container {
    max-width:128rem;
    padding-bottom:5rem;
}

#featured-productions h2 {
    text-align:center;
    color:#fff;
    position:relative;
    padding-bottom:2rem;
    margin-bottom:4rem;
}

#featured-productions h2:after {
    width:20rem;
    position:absolute;
    bottom:0;
    height:.1rem;
    left:50%;
    margin-left:-10rem;
    background:#baad6e;
    content:"";
}

.production-item {
    flex: 0 0 25%;
    max-width: 25%;
    padding:0 1.5rem;
    width:100%;
    position:relative;
}

.productions-two-across .production-item {
    flex: 0 0 50%;
    max-width: 50%;
    padding:0 1.5rem 3rem;
    width:100%;
    position:relative;
}

.production-item  a {
    text-decoration:none;
    color:#fff;
    display:block;
}

.production-item a img {
    box-shadow:0 1.5rem 3rem rgba(0,0,0,0.4);
    margin-bottom:2rem;
    height:auto!important;
    width:100%
}

  
.production-item  a .production-item-name {
    font-size:2.4rem;
    color:#baad6e;
    font-family:"Playfair Display", serif;
    margin:0 0 1rem;
    line-height:1;
}

.production-item  a .production-item-tagline {
    font-size:1.6rem;
    margin:0 0 1rem;
    position:relative;
    padding-bottom:1rem;
}

.production-item  a .production-item-tagline:after {
    width:5rem;
    position:absolute;
    bottom:0;
    height:.1rem;
    background:#baad6e;
    content:"";
    left:0;
}

.production-item  a .production-item-dates {
    text-transform:uppercase;
    margin:0 0 2rem;
}

.production-item  span {
    display:block;
}

.productions-two-across .production-item a {
    display:flex;
    align-items:flex-start;
}
.productions-two-across .production-item a > * {
    flex:0 0 50%;
    max-width:50%;
}

.productions-two-across .production-item a > img {
    max-width:45%
}

.productions-two-across .production-item a > span {
    padding-left:3rem;
    padding-right:1.5rem
}


#production-gallery .owl-carousel .owl-video-wrapper {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
}

#production-gallery .owl-carousel .owl-video-tn {
  background-size: cover;
}

#production-gallery .owl-video {

}
#production-gallery .owl-video-frame {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
#production-gallery .owl-video-frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#production-gallery .owl-stage-outer {
    background:#000;
}

#production-gallery .owl-stage {
    display:flex;
    align-items:stretch;
    justify-content:center;
}

#production-gallery .owl-item,
#production-gallery .owl-item > .item-video {
        min-height: 100%;
        position:relative;
}
    #production-gallery .owl-item > .item-video {
    	padding-bottom: 56.25%; /* 16:9 */

    }
/* Reviews */

#production-reviews,
#performances {
    padding:6rem 0;
}

.review-column {
        align-items: center;
    display: flex;
}

.production-review,
.production-review h5 {
    color:#fff;
}

.production-review a {
    font-family:"Playfair Display";
    text-decoration:none;
    font-size:2rem;
}
.production-review h5 {
    margin:.5rem 0
}
.production-review h6 {
    text-transform:uppercase;
    color:#baad6e;
    font-size:1.4rem;
    font-weight:700;
    margin-top:.5rem
}
.production-stars {
    color:#baad6e;
}

#production-reviews .owl-nav {
    position: absolute;
    right: -16%;
    display: flex;
    top: 50%;
    margin-top: -1rem;
}

#production-reviews .owl-nav > div {
    border:.1rem solid #fff;
    opacity:1;
    width:4rem;
    height:4rem;
    transform:rotate(45deg);
    border-radius:0;
    transition:border-color .3s ease-in-out;
}

#production-reviews .owl-nav > div:hover {
    border-color:#baad6e;
}

#production-reviews .owl-nav > .owl-prev {
    border-width:0 0 .1rem .1rem
}

#production-reviews .owl-nav > .owl-next {
    border-width:.1rem .1rem 0 0
}


/* Performances */

#performances {
    background:#fff;
} 

#performances h2 {
    text-align:center;
    position:relative;
    margin:0 0 4rem;
    padding-bottom:2rem;
}

#performances h2:after {
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-5rem;
    width:10rem;
    height:.1rem;
    background:#baad6e
}

.performance-filters .archive-filter select {
    border-color:#e0e0e0;
    color:#bbb;
}

.performance-filters,
#production-performances {
    margin:0 auto;
    max-width:96rem;
}
#production-performances {
    margin-top:3rem;
}

.info {
    margin-top:1rem;
    background:#f9f9f9;
    padding:2rem;
    text-align:center;
    font-weight:600;
}

.too-many-filters {
    display:none;
}
#performances.toofiltered .too-many-filters {
    display:block;
}

#production-performances > a {
    display:flex;
    padding:1.5rem 0;
    color:#1a1b1c;
    text-transform:uppercase;
    text-decoration:none;
    align-items: flex-start;
    justify-content: space-between;
    border-top:.1rem solid #e0e0e0;
    font-weight:700;

}
#production-performances > a:hover {
    background:#f9f9f9
}

#production-performances {
    border-bottom:.1rem solid #e0e0e0;
}

#production-performances > a > span {
    display:flex;
    flex-direction:column;
    flex:0 0 20%;
    padding:0 1rem
}

#production-performances > a .performance-date,
#production-performances > a .performance-venue {
    flex:0 0 30%
}
#production-performances > a .performance-venue span {
    color:#baad6e;
    font-weight:300;
}

#production-performances > a .btn {
    text-align:center;
}

/* Archive Controls */


.page-header h1,
.page-content p {
    color:#fff;
}


#archive-controls {
    padding:1rem 0 3rem;
    background:#000;
}

.post-type-archive-productions #main {
    padding:6rem 0;
}

.post-type-archive-productions .production-item a img {
    margin-bottom:0
}

.archive-filter {
    display:flex;
    align-items:center;
}

.archive-filter i {
    font-size:2.6rem;
    color:#baad6e;
    width:3rem;
    text-align:center;
    margin-right:2rem;
}

.archive-filter select {
    flex: 1 0 auto;
    max-width: 100%;
    padding: 1rem 1.5rem;
    line-height: 3rem;
    background: transparent;
    border: .1rem solid #fff;
    height: 5rem;
    color:#fff;
    text-transform:uppercase;
    font-weight:700;
}


.performance-filters .archive-filter select option,
.archive-filter select option {
    color:#1a1b1c;
}

/* Repeater Sections */

#repeater-content > section:nth-child(odd) > .row > div:first-child {
    order:2;
}
#repeater-content > section:nth-child(odd) > .row > div:last-child {
    order:1
}
#repeater-content .repeater-bg-image {
    background-size:cover;
    background-repeat:no-repeat;
    background-position:50% 0%;
}
#repeater-content .repeater-content-outer {
    padding:8rem 8rem 8rem 8rem;
}

#repeater-content .repeater-content-outer > div.repeater-section-content {
    max-width:72rem;
    min-height:50rem
}
#page-builder-content .section-light,
#repeater-content .section-light {
    background:#fff;
    color:#1a1b1c
}

#page-builder-content .section-dark,
#repeater-content .section-dark {
    color:#fff
}



#repeater-content .repeater-section-content {
    font-size:1.6rem;
    line-height:1.667
}

#page-builder-content a,
#repeater-content .repeater-section-content a {
    color:#baad6e
}


#repeater-content .repeater-section-content h3 {
    font-size:2.8rem;
    margin:0 0 3rem
}



#page-builder-content h1 {
    font-size:4.2rem;
    line-height:1.3334;
    margin:0 0 2rem;
}

#page-builder-content h2 {
    font-size:3.2rem;
    line-height:1.3334;
    margin:0 0 2rem;
}

#page-builder-content h3 {
    font-size:2.8rem;
    line-height:1.3334;
    margin:0 0 2rem;
}

#page-builder-content h4,
#repeater-content .repeater-section-content h4 {

    font-size:2.4rem;
    line-height:1.3334;
    margin:0 0 2rem;
}

#repeater-content .repeater-section-content p:last-child {
    margin-bottom:0;
}


/* Contact Us */

.contact-section {
    padding:6rem 0;
    border-bottom:.1rem solid rgba(255,255,255,0.1);
}

.contact-section {
    color:#fff;
}

.contact-section h5 {
    color:#baad6e;
    font-weight:700;
    text-transform:uppercase;
    padding-top:2rem;
    margin-bottom:2rem
}

.contact-detail {
    position:relative;
    padding-left:3rem;
    margin-bottom:1rem;
}
.contact-detail strong {
    font-weight:700;
    text-transform:uppercase
}
.contact-detail p {
    margin:0;
}

.contact-detail i {
    position:absolute;
    left:0;
    top:.4rem;
    color:#baad6e;
}


/* Repeater Page */


.page-template-template-repeater {

}


/* Single Production */

.single-productions #masthead, 
.page-id-13 #masthead {
    height: 37vw;
    max-height: 60rem;
}

.single-productions #masthead h1 span {
    max-width:40rem;
    display:inline-block;
}

.lity-content {
    max-width: 60%;
    margin: 0 auto;
}

@media screen and (max-width:767px) {
.lity-content {
    max-width: 80%;
    margin: 0 auto;
}

}
@media screen and (max-width:549px) {
.lity-content {
    max-width: 94%;
    margin: 0 auto;
}

}

#email-modalcovid,
#email-modalnoperfs{
	background:#1a1b1c;
    padding: 6rem 8rem;
}
@media screen and (max-width:767px) {
	#email-modalcovid,
	#email-modalnoperfs{
    padding:3rem 4rem;
	}
} 

#email-modalcovid:before,
#email-modalnoperfs:before {
	content: '';
	position: absolute;
	border:1px solid #baad6e;
	top:2rem;
	right:2rem;
	bottom:2rem;
	left:2rem;
}

.email-form {
	position: relative;
	text-align: center
}
.email-form h3 {
    font-size:3.2rem;
	color:#baad6e;
	padding-bottom:2rem;
	margin-bottom:2rem;
		position: relative;

}

.email-form h3:after{
	position: absolute;
	bottom:0;
	left:50%;
	width:50px;
	transform:translateX(-50%);
	content: '';
	height:1px;
	background: #baad6e
}
.email-form p {
	color: #fff
}

.email-form input[type='text'],
.email-form input[type='email'],
.email-form select{
    background:transparent;
    height:4.8rem;
    line-height:4.8rem;
    padding:0 2rem!important; 
    border-radius:0;
	border:1px solid #baad6e;
	color:#fff;
	width:100%;
	margin-bottom:10px
}
.email-form select option {
	color:#1a1b1c
}
.mailpoet_validate_success {
    background: #e0ffe0;
    padding: 2rem;
    margin-bottom:0!important;
}

#email-modal .mailpoet_paragraph.production-name {
    display:none;
}
#email-modal .mailpoet_form_shortcode {
    padding:0!important;
}
#email-modal .mailpoet_paragraph {
    margin-bottom:0!important;
}

#email-modal .email-modal-button input{
    background:#baad6e;
    border:0;
    color:#fff;
    border-radius:0;
    text-transform:uppercase;
    font-weight:700;
    font-size: 1.6rem;
    padding:0 2rem!important;
    height:4.8rem;.lity-content
    line-height:4.8rem!important;

}

.email-form .form-footer {
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content:space-between
}
.email-form .form-footer p {
	color:#baad6e;
	
}

.email-form input[type='text']::-webkit-input-placeholder,
.email-form input[type='email']::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #fff;
}
.email-form input[type='text']::-moz-placeholder,
.email-form input[type='email']::-moz-placeholder{ /* Firefox 19+ */
  color: #fff;
}
.email-form input[type='text']:-ms-input-placeholder,
.email-form input[type='email']:-ms-input-placeholder{ /* IE 10+ */
  color: #fff;
}
.email-form input[type='text']:-moz-placeholder,
.email-form input[type='email']:-moz-placeholder{ /* Firefox 18- */
  color: #fff;
}

#production-actions {
    padding:3rem 0 1rem;
    display:flex;
    justify-content:space-between;
    width:100%;
    align-items:center;
}

#production-actions .production-dates {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin-right:auto;

}
#production-actions .production-dates i {
    color:#baad6e;
    font-size:2.4rem;
    margin-right:1rem;
}

#masthead #production-actions .social-icons {
    padding:0 1rem 0 0;
}

#production-actions .production-date {
    display:flex;
    flex-direction:column;
    padding-right:2rem;
}

#production-actions .production-date strong {
    text-transform:uppercase;
}

.featured-video-play,
.featured-video-play:visited,
.featured-video-play:active,
.featured-video-play:focus {
    width:8rem;
    height:8rem;
    border-radius:4rem;
    border:.1rem solid #fff;
    color:#fff;
    text-align:center;
    line-height:8rem;
    font-size:2.4rem;
    display:inline-block;
    position:absolute;
    left:50%;
    margin-left:-4rem;
    top:50%;
    margin-top:-4rem;
    color:#fff;
    transition: all .3s ease-in-out;
    z-index:2;
}

.featured-video-play:hover {
    color:#baad6e;
    border-color:#baad6e
}


.single-productions #page-content {
    background:#fff;
    padding:6rem 0
}


#production-meta {
    background:#ebebeb
}

.production-meta-item {
    padding:2rem;
    border-bottom:.1rem solid #fff;
}

h5 {
    text-transform:uppercase;
    font-weight:700;
    margin:0;
    font-size:1.4rem;
    margin-bottom:1rem;
}
.production-meta-item p {
    margin: 0
    }



#production-info h3:first-child {
    font-size:4rem;
}
#production-info h1 {
    font-size:4.2rem;
    margin-bottom:2rem;
    line-height:1.3334;
}

#production-info h2 {
    font-size:3.2rem;
    margin-bottom:2rem;
    line-height:1.3334;
}

#production-info h3 {
    font-size: 2.8rem;
    margin: 0 0 2rem;
    padding-bottom: 2rem;
    position: relative;
    line-height:1.3334;

}

#production-info h4 {
    font-size: 2.4rem;
    line-height:1.3334;
        margin: 0 0 2rem;

}

#production-info h3:after {
    content:"";
    left:0;
    bottom:0;
    width:10rem;
    height:.1rem;
    background:#baad6e;
    position:absolute;
}

#production-info a.btn {
    margin-top:3rem;
}

#production-share {
    margin-top:3rem;
}


#production-share .fa-facebook-f {
    color:#4267B2;
}
#production-share .fa-twitter {
    color:#1DA1F2
}
#production-share .fa-instagram {
    color:#222021
}



#production-share ul,
#production-share li {
    list-style:none;
    padding:0;
    margin:0;
}
#production-share li {
    display:inline-block;
    margin:0 1rem 0 0;
}

#production-share a {
    font-size:2rem;
}


/* About Page */

.page-id-13.ukds-loaded #masthead:before {
    opacity:1;
    background-position:100% 0;
}
.page-template-template-about .section-0 > .row > .repeater-content-outer:last-child {
        justify-content: flex-end;
    display: flex;
}
.page-template-template-about .section-0 > .row > .repeater-content-outer:last-child .repeater-section-content {
        align-items: flex-end;
    justify-content: flex-end;
    width: 100%;
}


/* Single Post */

.single-post .page-title > span {
    max-width:70rem;
    display:block;
}

.single-post #main .type-post {
    max-width:70rem;
}
.single-post #main .entry-header > img {
    margin-bottom:3rem;
}
.single-post #main h2 {
    font-size:3.2rem;
}
/* Contact Form 7 Responses */

span.wpcf7-not-valid-tip {

}

div.wpcf7-response-output {
    margin:0;
    border:0;
    padding: 2rem;
    background: #ffefca;
}

div.wpcf7-mail-sent-ok {
    background:#bdffbd
}


/* Footer */
#colophon {
        background:#000;
}
.site-info {

    display:flex;
    font-size:1.3rem;
    color:#fff;
    align-items:center;
    padding:2.4rem 0;
}


.site-info #text-2 {
    margin-right:4rem;
}

.site-info a {
    text-decoration:none
}

.site-info .widget {
    margin:0;
}


.site-info > .widget {
    margin-right:1rem
}

.site-info p {
    margin:0;
    padding:0;
}

.site-info nav {
    margin-bottom:.5rem
}

.site-info ul {
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
}

.site-info ul li {
    margin:0 1.4rem 0 0;
    padding:0 1.4rem 0 0;
    position:relative;
}

.site-info ul li:after {
    position:absolute;
    content:"";
    right:0;
    top:.4rem;
    height:1rem;
    width:.1rem;
    background:#fff
}

.site-info ul li:last-child:after {
    content:none
}

.site-info ul li a {
    text-transform:uppercase;
    color:#fff;
}

.site-info #copyright {
    text-align: right;
    flex: 1;
}

.site-info #copyright,
.site-info #copyright a {
    color:#848484
}


#video-gallery {
    margin-top:3rem;
}
    .video-gallery-video {
        margin-bottom:1.5rem;
    }


@media all and (min-width: 992px) {
    .menu-toggle {
        display:none;
    }
   .page-template-template-about .section-0 > .row > .repeater-content-outer:last-child {
         padding-right: 0!important;
     }

}


@media all and (max-width:1700px) {
        .homepage-carousel-item > .container {
        padding-left:7rem;
    }
}

@media all and (max-width:1460px) {
    .container {
        padding-left:3rem;
        padding-right:3rem;
    }
    #repeater-content .repeater-content-outer {
        padding:8rem;
    }


}

@media all and (max-width:1366px) {
    #gallery > .row > .col-xl-3 {
        order : 2;
        margin-top:3rem;
    }

}


@media all and (max-width:1199px) {

    #header-social-icons .social-icons a {
        margin-left:.5rem;
        margin-right:.5rem;
    }
    #primary-menu li, #primary-menu li > a {
        padding-left:.5rem;
        padding-right:.5rem;
    }

}

@media all and (max-width:1024px) {
    .news-grid > article {
        flex:1 0 100%;
        max-width:100%
    }
    .news-grid > article:nth-child(even),
    .news-grid > article:nth-child(odd) {
        padding-left:0;
        padding-right:0;
    }
    
    #repeater-content .repeater-content-outer {
        padding:5rem;
    }


    .homepage-carousel-item,
    .home #masthead {
        min-height:60rem
    }
    #homepage-carousel p {
        font-size:3rem;
    }

    #homepage-carousel .owl-nav {
        top:30rem;
    }
     body:not(.home) #masthead h1,
    h1,
    h2 {
        font-size:4.2rem;
    }

      body:not(.home)  #masthead h1 .subtitle {
         font-size:3rem
     }

      #page-builder-content h3 {
          font-size:2.4rem;
      }
}

@media all and (max-width:1023px) {
    .production-item {
        flex: 0 0 50%;
        max-width: 50%;
        padding:0 1.5rem;
        width:100%;
        position:relative;
    }
}


@media all and (max-width: 991px) {
    #site-navigation {
        display:none;
    }
    .nav-open #logo,
    .nav-open .menu-toggle {
        z-index:3;
    }
    .nav-open #site-navigation {
        position:fixed;
        display:flex;
        top:0;
        right:0;
        bottom:0;
        left:0;
        background:rgba(0,0,0,0.8);
        z-index:2;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .nav-open #primary-menu {
        flex-direction:column;
        align-items:center;
        justify-content:center;
    }
    .nav-open #primary-menu li > a {
        line-height:1;
        font-size:2.2rem
    }
    #primary-menu .menu-item-has-children > a {
        padding-right:.5rem;
    }

    .nav-open.animate-logo:not(.scroll-up) header.site-header {
        top:0;
    }

     .nav-open .featured-video-play {
         display:none
     }

    #info {
        margin-bottom:3rem;
    }
    #repeater-content .repeater-bg-image {
        height: 66.67vh;
    }
    #repeater-content .repeater-content-outer {
        padding:4.5rem;
        max-width:none
    }

    .single-productions #main > .row > div:first-child {
    }

        #production-reviews .owl-nav {
        margin-top: 3rem;
        display: flex;
        text-align: center;
        position:static;
    }


    .productions-two-across .production-item a {
        flex-direction:column;
    }

    .productions-two-across .production-item a > img {
        max-width:100%;
        margin-bottom:2rem;
    }
    .productions-two-across .production-item a > span {
        max-width:100%;
        padding:0
    }

    .page-template-template-about #repeater-content .section-0 > .row > .repeater-content-outer:last-child {
        order:3;
    }
    .page-template-template-about  #repeater-content .repeater-content-outer > div.repeater-section-content {
        min-height:0;
    }


    .productions-two-across .production-item a > * {
        flex:none
    }

    
   .repeater-content-outer img.alignright {
       clear: both;
        display: block;
        margin-left: auto;
        margin-right: auto;
        float:none;
   }
   #header-social-icons {
       display:none;
   }

   .nav-open #header-social-icons {
       display:flex;
       position:fixed;
       left:0;
       right:0;
       bottom:2rem;
       justify-content:center;
       z-index:3
   }
   .nav-open #header-social-icons a {
       font-size:2.4rem;
       margin-left:1rem;
       margin-right:1rem;
   }
}

@media all and (width:768px) {
    .archive-filter i {
    display:none;

    }
}

@media all and (max-width:768px) {
   
        /*.single-productions #masthead, 
    .page-id-13 #masthead {
        min-height:50rem;
    }*/

    .page-template-template-contact #masthead,
   .archive.post-type-archive-productions #masthead{
        min-height:20rem;
    }


}

@media all and (max-width:767px) {
    body:not(.home) #masthead h1,
    h1,
    h2 {
        font-size:4.2rem
    }


    .homepage-carousel-item   {
        background-image:none!important;
    }
    .homepage-carousel-image {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        background-position: 80%;
        background-size: cover;
        opacity: .25;
    }
    #homepage-carousel p {
        font-size:2.6rem;
    }
    .single-productions #masthead.hasbg:before {
            background-position: 80%;
    background-size: cover;
    opacity: 0.5;
    }

    .site-info {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
.site-info #text-2 {
    margin:0 0 2rem;
}
.site-info ul {
    flex-direction: column;
}
.site-info ul li {
    padding:0;
    margin:0 0 .5rem;
}
    .site-info ul li:after {
        content:none
    }

    .action-row .btn {
            padding-left: 0;
    padding-right: 0;
    width: 100%;
    }

    .archive-filter {
        margin:0 0 .5rem
    }


}

@media all and (max-width:649px) {
    #production-performances > a > span {
        padding:0;
        flex:0 0 50%!important;
    }
    #production-performances > a > span.performance-venue {
        padding-right:1rem
    }
    #production-performances > a > span.performance-price,
    #production-performances > a .btn {
        display:none!important;
    }


    .single-productions #masthead {
        transition:height .1s ease-in-out;
        max-height:none;
        height:100vh
    }

}

@media all and (max-width:767px) {

      #production-actions {
        flex-direction:column;
        align-items:flex-start;
        justify-content:center;
    }

         #production-actions .social-icons {
             margin-bottom:2rem;
         }

     #production-actions .btn {
         margin-top:2rem;
         text-align:center;
         flex:1 0 auto;
         width:100%
     }

}

@media all and (max-width:575px) {
    #production-meta {
        margin-top:3rem
    }
    .productions-two-across .production-item,
    .production-item {
        flex:0 0 100%;
        max-width:100%;
        margin-bottom:3rem
    }

  

     .carousel-buttons {
         display:flex;
         margin:0 -.5rem
     }
     .carousel-buttons > a {
         flex:50% 0 0 ;
         padding-left:1rem;
         padding-right:1rem;
         text-align:center;
         margin:0 .5rem;
     }
     .homepage-carousel-item > .container {
         padding:0 2rem;
     }
     .homepage-carousel-prev, .homepage-carousel-next {
         display:none
     }
     #homepage-carousel .btn-secondary {
         margin:0
     }
}

/* Page Builder */

#page-builder-content {
}
#page-builder-content .repeater-section {
    padding:6rem 0;
}

#page-builder-content .repeater-section img {
    max-width:100%;
}
#page-builder-content .section-dark h1,
#page-builder-content .section-dark h2,
#page-builder-content .section-dark h4,
#page-builder-content .section-dark h3 {
    color:#fff;
}

.section-light + .section-light {
    padding-top:0!important;
}
.section-dark + .section-dark {
    padding-top:0!important;
}


		
.modal-close {	
	position: absolute;	
    text-decoration: none;	
    color: #fff;	
    left: 50%;	
	bottom: -6rem;	
    transform: translateX(-50%);	
    padding: 20px;		
	white-space: nowrap;	
}	
.modal-close i {	
	margin-right: .5rem;	
}	
.lity-close {	
	position: absolute;	
	margin-top: -50px;	
	font-size: 60px;		
	margin-right:15px;	
}	
.lity-close:hover {	
		font-size: 60px;		
}	
@media screen and (min-width:549px) {	
	.lity-close {	
	    margin-right: 10%;	
	}	
}	
@media screen and (min-width:768px) {	
	.lity-close {	
	    margin-right: 20%;	
	}
}

.online-performances #production-performances > a {
	align-items:center;
}

.page-template-template-past-productions #productions {
	padding-top:3rem;
	
}
.page-template-template-past-productions h1 {
	border:0!important;
}
.page-template-template-past-productions #masthead {
border-bottom:.1rem solid rgba(255,255,255,0.2);
	padding-bottom:0;
}
.page-template-template-past-productions #masthead {
	min-height:28rem;
}