@font-face {
    font-family: 'PFBagueSlabPro-Regular';
    src: url("fonts/RobotoSlab-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'PFBagueSlabPro-Black';    
    src: url("fonts/RobotoSlab-Black.ttf") format("truetype");
}

@font-face {
    font-family: 'PFBagueSlabPro-Italic';
    src: url("fonts/RobotoSlab-Light.ttf") format("truetype");
}

@font-face {
    font-family: 'PFBagueSlabPro-Bold';
    src: url("fonts/RobotoSlab-Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'PFDasGroteskPro-Regular';
    src: url("fonts/Roboto-Regular.ttf") format("truetype");
}

@font-face {
    font-family: 'PFDasGroteskPro-Bold';
    src: url("fonts/Roboto-Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'PFDasGroteskPro-Light';
    src: url("fonts/Roboto-Light.ttf") format("truetype");
}

::-moz-selection { /* Code for Firefox */
  color: #ffffff;
  background: #01387b;
}

::selection {
  color: #ffffff;
  background: #01387b;
}


body{
    background-color: #111113;
}
.logo-cell a {
    background-image: url(logos/main-logo.png);
    height: 88px;
    width: 100%;
    max-width: 100%;
    background-position-x: left;
    background-size: contain;
}

.logo-cell {
    float: left;
    width: 240px;
}
.banner-cell {
    float: right;
}
.banner-cell img {
    height: 88px;
    width: 100%;
    max-width: 100%;
}


@media (max-width: 768px){
    .logo-cell a {
        width: 200px;
    }
    .logo-cell a {
        background-position: left -0px;
        height: 130PX;
    }
}

@media (max-width: 368px){
    .logo-cell {
        width: 150px;
    }
    .banner-cell img{
        height: auto;
        width: 50px;
        
    }
}

@media (max-width: 996px){
}
@media (max-width: 768px){
    .banner-cell{
        padding: 0 20px 40px;
    }

}


@media (max-width: 768px) {
    .logo-cell {
        padding-left: 20px;
        width: 100% !important;
    }
    .logo-cell a {
        width: 200px;
        margin: auto;
    }
}


.header-wrapper--home{
    background-color: #212529;
    height: 270px;
}
.control-panel {
    top: 128px;
    display: none;
}
.movie .info{
    padding: 50px 0 50px 0;
}
.footer-wrapper {
    background-color: #333333;
}
ul#navigation a {
    color: #595959;
}
.lines, .lines:before, .lines:after{
    background-color: #595959;
}
@media (max-width: 994px){
    .header-wrapper ul#navigation {
        background-color: #fff;
    }
}
@media (max-width: 767px){
    .control-panel {
        margin: 0;
        right: 0;
        width: 100%;
    }
    .header-wrapper ul#navigation {
        position: relative;
        max-width: none;
        min-width: none;
        width: 100%;
    }
}
.movie--test .spectacle-kind{
    color: #fff;
    width: auto;
    padding: 5px 8px;
    display: inline;    
    background-color: #EB0800;
}
.program-arrows .arrow{
    /*background-color: #f1f1f1;*/
}
.time-select .time-select__group{
    background-color: #fff;
}

#all-movies .movie--test .border-box { 
    border: 16px solid #212529;
    background: #fff;
}
.pricing-panel .redesign-button{
    display: none;
}

.movie-info-container {
    margin-top: -120px;
}
.movie-plan-container{
    margin-top: -120px;    
}

.checkout-container{
    margin-top: -120px;       
}

.plan-tab{
    display: none;
}


@media (max-width: 991px){
    .header-wrapper--home {
        height: 170px;
    }
}
@media (max-width: 767px){
    .header-wrapper--home {
        height: 120px;
    }
}

.header-wrapper--home{
    background-color: #212529;
}
.footer-wrapper {
    background-color: #18181c;
}

.movie {
    padding-top: 40px;
}
.movie .movie-image img{
    max-width: 100%;
}

.movie .info .spectacle-type {
    color: #fff;
    width: auto;
    padding: 5px 8px;
    display: inline;
    background-color: #EB0800;
}

/*.movie .subtitle #subtitle-production{
    display: none;
}*/

.redesign-button{
    border-radius: 10px;
    border: 2px solid #5b6671;
    background-color: #5b6671;
}

.redesign-button:hover {
    background-color: white;
    color: #5b6671;
} 
.redesign-button-inverted {
    border: 2px solid #EB0800;
    background-color: #EB0800;
    color: white;
}
.redesign-button-inverted:hover {
    color: #EB0800;
    background-color: white;
}
a.redesign-button.redesign-button-inverted,
a.redesign-button.redesign-button-inverted:link,
a.redesign-button.redesign-button-inverted:visited {
    color: white;
}
a.redesign-button.redesign-button-inverted:hover {
    color: #EB0800;
}
.contact-info .contact-info__field:before{
    background-color: #1e1e20;   
}
.contact-info .contact-info__field:after{
    color: white;        
}

.movie-info-container{
    background-color: #ffffff;    
    border: 16px solid #212529;
    border-bottom: 0px;
}
.movie-calendar{
    background-color: #ffffff;
    border: 16px solid #212529;
    border-top: 0px;
    padding-bottom: 30px;
}
.movie-plan-container{
    border: 16px solid #212529;
    background-color: #ffffff;
    padding: 50px;
}
.checkout-container{
    border: 16px solid #212529;
    background-color: #ffffff;    
}


.general-container{
    border: 16px solid #212529;
    background-color: #ffffff;  
    padding: 30px;
}

.top-scroll a:hover{
    background-color: grey; 
}
.movie-best .movie-best__rating {
    background-color: #111113;
    color: white;
}
.movie-best .movie-best__check{
    background-color: #212529;    
    color: #ffffff;
}

.movie-best .movie-best__check a{  
    color: #ffffff;
}

.header-venue-select-container{
    background-color: #212529;
    width: 100%;
    text-align: right;
}
.header-venue-select-container .header-venue-select{
    color: white;
    background-color: #212529;
    border-color: #212529;
    font-size: 12px;
    height: 42px;
    font-family: 'PFBagueSlabPro-Bold';
    padding: 12px;
}

.footer-venue-select-container{
    width: 100%;
}
.footer-venue-select-container .footer-venue-select{
    color: white;
    background-color: #212529;
    border-color: #212529;
    font-size: 18px;
    height: 45px;
    padding: 2px 10px;
}


@media (max-width: 767px){
    .header-venue-select-container .header-venue-select{
        width: 100%;
        text-align: center;
        
    }
    
}


.blocking-menu-select-background{
    background-color: #212529;
}
.blocking-menu-select{
    background-color: #18181c;
    border: 1px solid #dedede;
}
.blocking-menu-select img{
    width: 100%;  
    max-width: 200px;
}


.blocking-menu-select .venue-select{
    color: white;
    background-color: #212529;
    border-color: #212529;
    padding: 12px;
}


.availability-legent{
    display: none;
}
/* event buttons */ 
/*.time-select .time-select__item.norm-avail{
    background-color: #01387b;
    border: 1px solid #01387b;    
}
.time-select .time-select__item.norm-avail.active {
    background-color: #01387b;
    border: 1px solid #01387b;
}

.time-select .time-select__item.low-avail{
    background-color: #01387b;
    border: 1px solid #01387b;
}
.time-select .time-select__item.no-avail{
    background-color: #e65043;
    border: 1px solid #e65043;
    cursor: no-drop;
}
.time-select .time-select__item.norm-avail.active {
    background-color: white;
    color: #01387b;
    border: 1px solid #01387b;
}
.time-select .time-select__item.low-avail.active {
    background-color: white;
    color: #01387b;
    border: 1px solid #01387b;
}*/

/* ---- Venue gate — victoria overrides ---- */
.blocking-menu-select-background {
    background-color: #212529;
    opacity: 1;
}
.blocking-menu-select {
    background-color: #18181c;
    border: 1px solid #dedede;
}
.blocking-menu-select img {
    width: 100%;
    max-width: 200px;
}
.blocking-menu-select .venue-select {
    color: white;
    background-color: #212529;
    border-color: #212529;
    padding: 12px;
}

/* ---- Venue selector bars — victoria overrides ---- */
.header-venue-select-container {
    background-color: #212529;
}
.header-venue-select-container .header-venue-select {
    color: white;
    background-color: #212529;
    border-color: #212529;
    font-size: 12px;
    height: 42px;
    font-family: 'PFBagueSlabPro-Bold';
    padding: 12px;
}
.footer-venue-select-container .footer-venue-select,
.footer-col-venue .footer-venue-select {
    color: white;
    background-color: #212529;
    border-color: #212529;
    font-size: 18px;
    height: 45px;
    padding: 2px 10px;
}
@media (max-width: 767px) {
    .header-venue-select-container .header-venue-select {
        width: 100%;
        text-align: center;
    }
}