/* ========================================================

Author - FUSIO (https://fusio.net/)
==========================================================*/
/***********************
Imports
***********************/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');

@import url("https://use.typekit.net/pht6gqc.css");


/***********************
Reusable Styles
***********************/

/*color*/
.color-white{ color:#fff; }
.color-black{ color:#000; }
.color-grey{ color:#e3e3e3; }
.color-blue{ color:#7592ee; }
.color-dark-blue{ color:#2481a1; }
.color-beige{ color:#FFFDEB; }
.color-brown{ color:#817263; }

/*background color*/
.bg-color-white{ background-color:#fff; }
.bg-color-transparent-white{ background-color:rgba(255,255,255,0.5); }
.bg-color-black{ background-color:#000; }
.bg-color-transparent-black{ background-color:rgba(000,000,000,0.5); }
.bg-color-grey{ background-color:#e3e3e3; }
.bg-color-blue{ background-color:#7592ee; }
.bg-color-dark-blue{ background-color:#2481a1; }
.bg-color-beige{ background-color:#FFFDEB; }
.bg-color-brown{ background-color:#817263; }

/*fonts*/
.font-weight-light{ font-weight:300; }
.font-weight-regular{ font-weight:300; }
.font-weight-bold{ font-weight:700; }

/*text-shadow*/
.text-shadow-none{ text-shadow:0px 0px #000; }
.text-shadow-black{ text-shadow:2px 2px #000; }

/*image*/
.bg-img{ background-size:cover; background-repeat:no-repeat; background-position:center center; }

/*border*/
.border-radius{ border-radius:2rem; }
.border-radius-small{ border-radius:1.2rem; }
.border-radius-circle{ border-radius:50%; }


/***********************
HTML Tags Styles
***********************/
/* basic tags */
body{ background-color:#fff; font-family: 'gill-sans-nova', sans-serif !important;  font-weight:400; overflow-x:hidden; }
body.page:not(.home), body.error404{ padding-top:126px; }
/*Text*/
h1, h2, h3, h4, h5, h6{ font-family: 'baskerville-urw', sans-serif; color:#F26522;}
h1{  }
h2{  }
h3{  }
a{  }
a:hover{ text-decoration:none; }
p{ font-family: Roboto, sans-serif; font-size:18px; line-height:36px; margin-bottom: 0px}
strong{ color:#F26522; }





/* Mat's mods */

.timecol1 {
	border-right: 1px solid #817263;
	padding-right:30px;
	max-width: 40%;
}

.timecol h3 {
	color:#817263;
}

.timecol2 p {
	font-size:18px;
	margin-bottom:10px
}

.teamrow h3{
	color:#817263;
	margin-top:15px;
	margin-bottom:5px !important;
	font-size:24px;
}

.teamrow p {
	font-size:18px;
	line-height:22px;
}

a {
	color:#000 !important;
}

a:hover {
	color:#ff6600 !important;
	text-decoration:underline  !important;
}

.autocomplete__input {
    border: 1px solid #d6d6d6 !important;
    border-radius: 5px !important;
}

svg.autocomplete__dropdown-arrow-down {
    transform: scale(0.7);
}
svg.autocomplete__dropdown-arrow-down polygon {
    fill: #e6662f;
}


/* ========================================================

Author - FUSIO (https://fusio.net/)
==========================================================*/
/***********************
Imports
***********************/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');


@import url("https://use.typekit.net/pht6gqc.css");


/***********************
Reusable Styles
***********************/

/*color*/
.color-white{ color:#fff; }
.color-black{ color:#000; }
.color-grey{ color:#e3e3e3; }
.color-blue{ color:#7592ee; }
.color-dark-blue{ color:#2481a1; }
.color-beige{ color:#FFFDEB; }
.color-brown{ color:#817263; }

/*background color*/
.bg-color-white{ background-color:#fff; }
.bg-color-transparent-white{ background-color:rgba(255,255,255,0.5); }
.bg-color-black{ background-color:#000; }
.bg-color-transparent-black{ background-color:rgba(000,000,000,0.5); }
.bg-color-grey{ background-color:#e3e3e3; }
.bg-color-blue{ background-color:#7592ee; }
.bg-color-dark-blue{ background-color:#2481a1; }
.bg-color-beige{ background-color:#FFFDEB; }
.bg-color-brown{ background-color:#817263; }

/*fonts*/
.font-weight-light{ font-weight:300; }
.font-weight-regular{ font-weight:300; }
.font-weight-bold{ font-weight:700; }

/*text-shadow*/
.text-shadow-none{ text-shadow:0px 0px #000; }
.text-shadow-black{ text-shadow:2px 2px #000; }

/*image*/
.bg-img{ background-size:cover; background-repeat:no-repeat; background-position:center center; }

/*border*/
.border-radius{ border-radius:2rem; }
.border-radius-small{ border-radius:1.2rem; }
.border-radius-circle{ border-radius:50%; }


/***********************
HTML Tags Styles
***********************/
/* basic tags */
body{ background-color:#fff; font-family: 'gill-sans-nova', sans-serif;  font-weight:400; overflow-x:hidden; }
body.page:not(.home), body.error404{ padding-top:126px; }
/*Text*/
h1, h2, h3, h4, h5, h6{ font-family: 'baskerville-urw', sans-serif; }
h1{  }
h2{  }
h3{  }
a{  }
a:hover{ text-decoration:none; }
p{ font-family: 'gill-sans-nova', sans-serif; font-size:24px; line-height:36px; margin-bottom:2rem; }
strong{  }

/*list*/
ul{  }


/***********************
Form
***********************/
input{  }


/***********************
TOP NAVIGATION
***********************/
.navbar{  }
.navbar .animated{ animation-duration:0.5s; }
.navbar-brand{ -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.navbar-brand img{ height:50px; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
/*on-scroll*/
.navbar { box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1), 0 0px 0px 0 rgba(0, 0, 0, 0.1); }
.on-scroll .navbar-brand{ padding:0.4rem 0; }
.on-scroll .navbar-brand img{ height:40px; }

.main-nav ul li a{ -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }
.nav-link{ text-transform:uppercase; color:#000; font-size:16px; padding-right:1rem!important; padding-left:1rem!important; }
.current_page_item .nav-link, .nav-link:hover, .nav-link:focus{ color:#000; text-decoration:underline; }

/*dropdown*/
.dropdown-menu{  }
.navbar-nav .dropdown-menu a.dropdown-item{  }
.navbar-nav .dropdown-menu a.dropdown-item:hover{  }

/*mobile navigation toggler*/
.navbar-toggler:focus, .navbar-toggler:active{ outline: 0; }
.icon-bar{ width:40px; height:4px; display: block; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; margin-top:7px; }
.icon-bar.top-bar{ margin-top:0px; }
.navbar-toggler{ border: none; }
.navbar-toggler .top-bar{ transform:translate(2px,13px) rotate(45deg); }
.navbar-toggler .middle-bar{ opacity: 0; }
.navbar-toggler .bottom-bar{ transform:translate(2px,-13px) rotate(-45deg); }
.navbar-toggler.collapsed .top-bar{ transform: rotate(0); }
.navbar-toggler.collapsed .middle-bar{ opacity: 1; }
.navbar-toggler.collapsed .bottom-bar{ transform: rotate(0); }

.logo-complete, .logo-complete-last{ position:relative; z-index:1; }
.old-map{ width:100vw; height:100vh; position:fixed; top:0; left:0; background-image:url("/app/themes/theatronomics/resources/assets/images/new-old-map.jpg"); background-position:center center; background-size:cover; clip:rect(0,50vw, 100vh,0); z-index:0; }

.new-map{ width:100vw; height:100vh; position:fixed; top:0; left:0; background-image:url("/app/themes/theatronomics/resources/assets/images/new-sat-map.jpg"); background-position:center center; background-size:cover; z-index:0; }
section{ overflow-x:hidden; }

.highlight-box{ opacity:1; transform:0; transition: all 0.25s ease-out; min-height:400px; transform:scale(1); }
#sceneGroup04 .highlight-box{ min-height:inherit!important; }
.highlight-text{ position:absolute; top:100%; left:0; width:100%; height:100%; opacity:1;  transform:scale(1); transition: all 0.25s ease-out; }

#sceneGroup01{ padding-bottom:50vh; }
#scene03{  z-index:1; }
#scene03{ color:#FCBC28; text-align:center; }

#sceneGroup02{ padding-bottom:50vh; }
#scene06{  z-index:1; }
#scene06{ color:#fff; text-align:center; }

#sceneGroup03{ padding-bottom:100vh; }
#scene07, #scene09{  z-index:1; }
#scene09{ color:#fff; text-align:center; }

#sceneGroup04{ padding-bottom:50vh; }
#scene10{ color:#fff; text-align:center; }

#sceneGroup05{ padding-bottom:50vh; }
#scene17, #scene18{  z-index:1; }
#scene18{ color:#FCBC28; text-align:center; }


#sceneGroup06{ height:100vh; margin-top:100vh; }

#scene11 .highlight-box,
#scene12 .highlight-box,
#scene13 .highlight-box,
#scene14 .highlight-box,
#scene15 .highlight-box,
#scene16 .highlight-box{ left:100vw; position:relative; text-transform:capitalize; padding-right:120px; height:130px; }

#scene11 .highlight-box h2,
#scene12 .highlight-box h2,
#scene13 .highlight-box h2,
#scene14 .highlight-box h2,
#scene15 .highlight-box h2,
#scene16 .highlight-box h2{ position:relative; z-index:1; }

#scene11 .highlight-box::after,
#scene12 .highlight-box::after,
#scene13 .highlight-box::after,
#scene14 .highlight-box::after,
#scene15 .highlight-box::after,
#scene16 .highlight-box::after{ content:""; width:120px; height:100%; position:absolute; right:5px; top:0; background-size:100%; background-repeat:no-repeat; background-position:center center; mix-blend-mode: multiply;  }


#scene11 .highlight-box::after{ background-image:url("/app/themes/theatronomics/resources/assets/images/theatre-seats.jpg"); }
#scene12 .highlight-box::after{ background-image:url("/app/themes/theatronomics/resources/assets/images/performances.jpg"); }
#scene13 .highlight-box::after{ background-image:url("/app/themes/theatronomics/resources/assets/images/theatre-seasons.jpg"); }
#scene14 .highlight-box::after{ background-image:url("/app/themes/theatronomics/resources/assets/images/managerial.jpg"); }
#scene15 .highlight-box::after{ background-image:url("/app/themes/theatronomics/resources/assets/images/two-theatres.jpg"); }
#scene16 .highlight-box::after{ background-image:url("/app/themes/theatronomics/resources/assets/images/one-city.jpg"); }

#scene18 .highlight-box, #scene20 .highlight-box{ min-height:inherit!important; }

.highlight-box{ margin-bottom:16px; display: flex; align-items: center; }
.highlight-text{ display: flex; align-items: center; }
#sceneGroup00 h2{ font-size:2.8rem; }
#sceneGroup01 h2{ font-size:2.8rem; }
#sceneGroup02 h2{ font-size:2.6rem; }
#sceneGroup03 h2{ font-size:1.7rem; }
#sceneGroup04 h2{ font-size:1.8rem; }
#sceneGroup04 #scene16 h2{ font-size:3.4rem; }
#sceneGroup05 h2{ font-size:2rem; }

#cmplz-manage-consent .cmplz-manage-consent{ z-index:99999999!important; }


/***********************
FOOTER
***********************/
#footer{ position: relative; z-index: 1000; }
.footer-logo{  }
#footer h2{  }
#footer button{  }
#footer ul li a{  }
#footer a{ color:#fff !important; font-size:14px;}
#footer p{ font-size:14px; line-height:20px; }
/***********************
CONTENT SECTIONS
***********************/
ul.pagination li a{  }
ul.pagination li:hover a, ul.pagination li.active a{  }

/*section-hero*/
html, body, .section-hero, .section-hero .container{ height:100%; }

.section-hero{  }
.section-hero h1{  }

/* Mat's mods */

.timecol1 {
    border-right: 1px solid #817263;
    padding-right:30px;
    max-width: 40%;
}

.timecol h3 {
    color:#817263;
}

.timecol2 p {
    font-size:18px;
    margin-bottom:10px
}

.teamrow h3{
    color:#817263;
    margin-top:15px;
    margin-bottom:5px !important;
    font-size:24px;
}

.teamrow p {
    font-size:16px;
    line-height:22px;
}

a {
    color:#000 !important;
}

a:hover {
    color:#ff6600 !important;
    text-decoration:underline  !important;
}

/*for wordpress editor*/
.section-contentpage{  }
.section-contentpage h2{  }
.section-contentpage h3{  }
.section-contentpage p{  }
.section-contentpage a{  }
.section-contentpage a:hover{ text-decoration:none; }
.section-contentpage strong{  }
.section-contentpage ul{  }


.uagb-ifb-image-content{ overflow:hidden; }
.uagb-infobox-link-wrap + .uagb-ifb-content .uagb-ifb-image-content img{ transition: all 0.25s ease-out; opacity:1; }
.uagb-infobox-link-wrap:hover + .uagb-ifb-content .uagb-ifb-image-content img{ opacity:0.6; }

/* ========================================================
-MOBILE
==========================================================*/
/*less than 576px*/
@media (max-width: 576px) {

}

/*between 576px and 768px*/
@media (min-width: 576px) and (max-width: 768px) {

}

/*less than 768px*/
@media (max-width: 768px){

    section{ overflow-x: initial; }

    .highlight-box{ min-height:inherit!important; }

    #sceneGroup00 h2{ font-size:1.8rem; }
    #sceneGroup01 h2{ font-size:1.8rem; }
    #sceneGroup02 h2{ font-size:1.6rem; }
    #sceneGroup03 h2{ font-size:1.7rem; }
    #sceneGroup04 h2{ font-size:1.1rem; }
    #sceneGroup04 #scene16 h2{ font-size:2.4rem; }
    #sceneGroup05 h2{ font-size:1.2rem; }

    #sceneGroup00, #sceneGroup01, #sceneGroup02, #sceneGroup03, #sceneGroup04, #sceneGroup05{ height:auto!important; margin-top:inherit!important; padding-bottom: inherit!important; }
    #sceneGroup06{ margin-top:inherit!important; padding-bottom: inherit!important; }

    #sceneGroup01{ display:flex; flex-wrap:wrap; align-items:end; }
    #sceneGroup01 #scene01{ width:50%; }
    #sceneGroup01 #scene02{ width:50%; position:relative; z-index:1; margin-bottom:25px; }
    #sceneGroup01 #scene02 img{ width:120%!important; position:relative; left:-20%; }
    #sceneGroup01 #scene02 .container{ padding-left:0!important; }
    #sceneGroup01 #scene01 .container{ padding-right:0!important; }

    #scene04, #scene05, #scene07, #scene17{ display:none; }

    #scene08 img{ width:75%!important; margin-left:25%; }

    #scene19{ position: absolute; z-index: 1; margin-top: -50px; }
    #scene19, #scene20{ overflow-x:hidden; }
    #scene19 img, #scene20 img{ transform:scale(1.2); }


    #sceneGroup04{ display:flex; flex-wrap:wrap; align-items:end; margin:2rem 0; }
    #sceneGroup04 #scene11{ width:70%; margin-bottom:0.5rem; }
    #sceneGroup04 #scene11 .highlight-box{ margin:0!important; }
    #sceneGroup04 #scene12{ width:75%; margin-bottom:0.5rem; }
    #sceneGroup04 #scene12 .highlight-box{ margin:0!important; }
    #sceneGroup04 #scene13{ width:60%; margin-bottom:0.5rem; }
    #sceneGroup04 #scene13 .highlight-box{ margin:0!important; }
    #sceneGroup04 #scene14{ width:80%; margin-bottom:0.5rem; }
    #sceneGroup04 #scene14 .highlight-box{ margin:0!important; }
    #sceneGroup04 #scene15{ width:60%; margin-bottom:0.5rem; }
    #sceneGroup04 #scene15 .highlight-box{ margin:0!important; }
    #sceneGroup04 #scene16{ width:90%; margin-bottom:0.5rem; }
    #sceneGroup04 #scene16 .highlight-box{ margin:0!important; }

    #scene11 .highlight-box,
    #scene12 .highlight-box,
    #scene13 .highlight-box,
    #scene14 .highlight-box,
    #scene15 .highlight-box,
    #scene16 .highlight-box{ left:0; position:relative; text-transform:capitalize; padding-right:120px; height:70px; }

    #scene11 .highlight-box::after,
    #scene12 .highlight-box::after,
    #scene13 .highlight-box::after,
    #scene14 .highlight-box::after,
    #scene15 .highlight-box::after,
    #scene16 .highlight-box::after{ content:""; width:60px; height:100%; position:absolute; right:5px; top:0; background-size:100%; background-repeat:no-repeat; background-position:center center; mix-blend-mode: multiply;  }

}

/*between 768px and 992px*/
@media (min-width: 768px) and (max-width: 992px) {

}

/*less than 992px*/
@media (max-width: 992px) {
    body.page:not(.home), body.error404{ padding-top:66px; }
    .navbar-brand img{ height:40px; }
}

/*more than 992px*/
@media (min-width: 992px) {

}

@media (min-width:768px) {
    .mt-clear-header {
        margin-top: 10rem !important;
    }
}

/*between 992px and 1200px*/
@media (min-width: 992px) and (max-width: 1200px) {

}

/*more than 1200px*/
@media (max-width: 1140px) {
    #sceneGroup00 h2{ font-size:2rem; }
    #sceneGroup01 h2{ font-size:2rem; }
    #sceneGroup02 h2{ font-size:1.8rem; }
    #sceneGroup03 h2{ font-size:1.4rem; }
    #sceneGroup04 h2{ font-size:1.2rem; }
    #sceneGroup04 #scene16 h2{ font-size:2.6rem; }
    #sceneGroup05 h2{ font-size:1.4rem; }
}

.mt-clear-header {
    margin-top: 7rem !important;
}

.beta {margin-top:8px}