@font-face {
    font-family: 'Aileron';
    src: url('/res/Aileron-Regular.woff') format('woff');
    font-weight: normal;
}

@font-face {
    font-family: 'Aileron';
    src: url('/res/Aileron-Bold.woff') format('woff');
    font-weight: bold;
}

@font-face {
    font-family: 'Aileron-SemiBold';
    src: url('/res/Aileron-SemiBold.woff2') format('woff2'),
         url('/res/Aileron-SemiBold.woff') format('woff');
}

body { 
    font-family: 'Aileron'; 
    font-style: normal;
} 

h1,h2,h3,h4,h5 { 
    font-family: 'Aileron-SemiBold'; 
    font-weight: 600;
    font-style: normal;
}
 
.temp-body {
    background-color: #003c79;
}

.maintenance {
    justify-content: center;
}

.rob-container {
    max-width: 100%;
    margin: auto;
  }

.bright-orange {
     color: #F17520;
}

.dark-orange {
    color: #7e390b;
}

/* ----------------------------- BOX OFFICE ---------------------------- */

.btn.btn-primary.active {
    color: #fff;
    background-color: #13c4e0;
    border-color: #13c4e0;
}

/* ------------------------------- HEADER ------------------------------ */

header {
    background-color: #003c79;
    color: #444;
}

header img.banner {
    display: block;
    height: auto;
    max-width: 100%;
}

header img.mobile-banner {
    display: none;
}

header td {
    text-align: right;
    padding-right: 50px;
}

header a#hamburger {
    display: none;
    text-decoration: none;
}

header a#menu-btn {
    font-size: 20px;
    padding: 5px 10px 7px 10px;
}

header a:link#menu-btn,
header a:visited#menu-btn,
header a:hover#menu-btn {
    text-decoration: none;
    border-radius: 7px;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgb(29, 29, 29);
}

header a:hover#menu-btn {
    background-color: #631094; #c9621c;
}

header .cr {
    display: block;
}

header .cr-mob {
    display: none;
}

.a {
    grid-column: col 2 / span 1;
    grid-row: row;
}
.b {
    grid-column: col 4 / span 1 ;
    grid-row: row;
    text-align: right;
}
.c {
    grid-column: col 4 / span 1 ;
    grid-row: row;
    text-align: right;
}



.rob-header {
    display: grid;
    grid-template-columns: [col]5% [col]15% [col]13% [col] 66%;
    grid-template-rows: [row] auto;
    background-color: #003c79;
    color: #444;
    align-items: center;
}

.rob-box {
    background-color: #003c79; #f17520;
    color: #ffffff;
    padding: 10px;
    font-size: 150%;
}

.rob-box.c {
    display: none;
}

.cookie-pol {
    margin: 0 5% 0 5%;
}

/* PRICING SECTION */
.cert-padding {
    padding-left: 10px;
}

/* front page carousel tuning */

.carousel-item{
    Position:relative;
}
.carousel-item:after {
    content:"";
    display:block;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));    
}
.carousel-caption {
    z-index: 3;
}

img#cert {
    width: 50px;
}

img#ntlive {
    width: 80px;
}

.rob-carousel-grid1 {
    display: grid;
    grid-template-columns: [col] 99% [col] 1%;
    grid-template-rows: [row] auto;
}

.rob-carousel-grid2 {
    display: grid;
    grid-template-columns: [col] 60% [col] 40%;
    grid-template-rows: [row] auto;
}

.rob-car-box-left {
    grid-column: col 1 / span 1;
    grid-row: row;
    text-align: left;
}

.rob-car-box-right {
    grid-column: col 2 / span 1;
    grid-row: row;
    text-align: right;
    align-self: end;
}

#rob-box-link2 {
    font-size: 16px;
    padding: 5px 10px 7px 10px;
}

a:link#rob-box-link2,
a:visited#rob-box-link2,
a:hover#rob-box-link2 {
    text-decoration: none;
    border-radius: 2px;
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
}

a:hover#rob-box-link2 {
    background-color: #631094; #c9621c;
}

/* Footer supporters logo grid */

.sup-logo-grid-mobile {
    display: none;
}

/* Coming Soon grid */

.rob-come-soon-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    margin-left: 10%;
    max-width: 80%;
}

.rob-cs-item {
    padding-bottom: 20px;
}

#rob-see-all-link {
    text-decoration: none;
    font-size: 22px;
    position: absolute;
    right: 15%;
    padding: 5px 10px 5px 10px;
}

a:link#rob-see-all-link,
a:visited#rob-see-all-link {
    text-decoration: none;
    color: #000000;
}

a:hover#rob-see-all-link {
    border-radius: 7px;
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
    background-color: #631094; #c9621c;
}

/* Box Office stuff */

.sold-out-text {
    color: red;
    font-weight: bolder;
    font-size: larger;
}

#box-link {
    font-size: 18px;
    padding: 5px 10px 7px 10px;
}

a:link#box-link,
a:visited#box-link,
a:hover#box-link {
    text-decoration: none;
    border-radius: 7px;
    text-shadow: 1px 1px 2px grey;
}

a:link#box-link,
a:visited#box-link {
    color: #000000;
}

a:hover#box-link {
    color: #ffffff;
    background-color: #631094;
}

.pages b,
.pages a:link,
.pages a:visited,
.pages a:hover {
    text-decoration: none;
    font-size: 16pt;
}

.box-office-grid {
    color: #000000;
    display: grid;
    grid-template-columns: 3fr 7fr;
    grid-template-rows: 1fr;
    margin-left: 8%;
    margin-right: 8%;
}

.bo-left {
    text-align: center;
}

.bo-left img {
    width: 225px;
}

.bo-right {
    text-align: left;
}

.bo-right #newline {
    display: none;
}

/* Bar page stuff */
.bar-padding td {
    padding-right: 20px;
}

/* Accessibility page stuff */
.acc-padding {
    width: 50%;
}

.acc-padding .va {
    vertical-align: top;
}

.acc-padding tr {
    padding-bottom: 20px;
}

.acc-padding td {
    padding-right: 20px;
    padding-bottom: 20px;
}

/* BBFC ratings stuff */

.bbfcu {
    color: #0AC700;
}

.bbfcpg {
    color: #FBAD00;
}

.bbfc12a {
    color: #FF7E12 ;
}

.bbfc15 {
    color: #FB4F93;
}

.bbfc18 {
    color: #DC0A0A;
}

.bbfctext {
    font-size: 24px;
}

.age-grid {
    color: #000000;
    display: grid;
    grid-template-columns: 3fr 7fr;
    grid-template-rows: 1fr;
    margin-left: 8%;
    margin-right: 15%;
}

.age-left {
    text-align: center;
}

.age-left img {
    width: 120px;
}

.age-right {
    text-align: left;
}

/* Film display more info page */

.film-grid {
    color: #000000;
    display: grid;
    grid-template-columns: 3fr 7fr;
    grid-template-rows: 1fr;
    margin-left: 8%;
    margin-right: 8%;
}

.film-left {
    text-align: center;
}

.film-left img {
    height: 400;
}

.film-right {
    text-align: left;
}

.video-container {
    display: block;
}

.video-container-mobile {
    display: none;
}

/* About Us page */

.mission-innerbox {
    background-color: #3b8eb1;
    color: #ffffff;
    font-size: 20px;
    border-radius: 5px;
    margin-left: 22%;
    margin-right: 22%;
    padding: 16px;
}

.phire {
    margin-left: 7%;
    margin-right: 7%;
}

/* Build grid */

.build-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    margin-left: 5%;
    margin-right: 5%;
}

.build-grid-photo {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* GALLERY grid */

.gallery-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    margin-left: 5%;
    margin-right: 5%;
}

.gallery-grid-photo {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* FAQs page */

.faqs {
    text-align: left;
    margin-left: 15%;
    margin-right: 15%;
}

/* ------------------------------ FOOTER ---------------------------- */

footer {
    background-color: #003c79; #444;
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
}

footer a:link,
footer a:visited,
footer a:hover {
    text-decoration: none;
    color: #ffffff;
}

footer a:hover {
    color: #ab1cff; #c9621c;
}

.footer-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    margin-left: 10%;
}

.logo-shrink {
    height: 130px;
}

footer img.banner {
    display: block;
    height: auto;
    max-width: 100%;
}

footer img.mobile-banner {
    display: none;
}

/* ------------------------ INTERVAL COUNTDOWN SLIDE PAGE --------------------- */

@font-face {
    font-family: myDraculaFont;
    src: url(../res/28DaysLater.ttf);
}
  
#demo {
    font-family: myDraculaFont;
    color: white;
    font-size: 84px;
}


/* ------------------------------- PRIZE DRAW PAGE ---------------------------- */

.prizedraw {
    background-color: #000000;
    color: #ffffff;
}

.center-input-fields {
    text-align: center;
    margin: 0 auto 0 auto;
}

/* -------------------------------- Tablet size -------------------------------- */

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

    .logo-shrink {
        height: 90px;
    }

    .footer-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .bo-left img {
        width: 175px;
    }

    .film-grid {
        grid-template-columns: 1fr 2fr;
        grid-template-rows: 1fr;
        margin-left: 5%;
        margin-right: 5%;
    }

    .film-left img {
        width: 200px;
    }

    .film-right {
        margin-left: 5%;
    }

    .video-container {
        display: none;
    }
    
    .video-container-mobile {
        display: block;
    }

    .video-container iframe {
        width: "650";
        height: "390";
    }

    .mission-innerbox {
        margin-left: 12%;
        margin-right: 12%;;
    }

    .faqs {
        text-align: left;
        margin-left: 10%;
        margin-right: 10%;
    }

    .age-grid img {
        width: 75px;
    }
    
}

/* ------------------------------ Mobile phone size --------------------------- */

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

    header img.banner {
        display: none;
    }

    header img.mobile-banner {
        display: block;
        height: auto;
        max-width: 100%;
    }

/*    header a#menu-btn {
        display: none;
    }   

    header a#hamburger {
        display: block;
    } 
     
    header .cr {
        display: none;
    }

    header .cr-mob {
        display: block;
    }
*/
    .logo-shrink {
        height: 85px;
    }

    .rob-box.b {
        display: none;
    }

    .rob-box.c {
        display: block;
    }

    .rob-carousel-grid2 {
        margin: 0 0 0 0;
    }

    .rob-come-soon-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        margin: 0 0 0 0;
        max-width: 100%;
    }

    .sup-logo-grid-mobile {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        margin: 0 0 0 0;
        max-width: 100%;
    }

    .sup-logo-grid-mobile img {
        display: inline-block;
        vertical-align: middle;
    }

    .sup-logo img {
        display:none;
    }
    
    .mission-innerbox {
        margin-left: 7%;
        margin-right: 7%;
    }

    .bo-left img {
        height: 200;
    }

    .box-office-grid {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        margin-left: 5%;
        margin-right: 5%;
    }

    /* Film display page */

    .extras img {
        width: 250px;
    }

    /* Accessibility page stuff */
    .acc-padding {
        width: 95%;
    }

    .acc-shrink {
        width: 100%;
    }

    .bo-right #newline {
        display: block;
    }

    /* category buttons */

    .lff-btn {
        margin-bottom: 10px;
    }

    .btn {
        font-size: 71%;
        display: grid;
        align-items: center;
    }

    /* film grids */

    .film-grid {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        margin-left: 5%;
        margin-right: 5%;
    }

    .film-left img {
        height: 300px;
    }

    .video-container {
        display: none;
    }

    .video-container-mobile {
        display: block;
    }

    .faqs {
        text-align: left;
        margin-left: 5%;
        margin-right: 5%;
    }
    
    footer img.banner {
        display: none;
    }
    
    footer img.mobile-banner {
        display: block;
        height: auto;
        max-width: 100%;
    }

    .footer-grid {
        grid-template-columns: 1fr;
    }

    .gallery-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        margin-left: 5%;
        margin-right: 5%;
    }

    .gallery-grid-photo {
        margin-top: 10px;
        margin-bottom: 10px;
    }




}