:root {
    --primary: #000;
    --primaryHover: #555555;
}

.weight-100 {
    font-weight: 100;
}
.weight-200 {
    font-weight: 200;
}
.weight-300 {
    font-weight: 300;
}
.weight-400 {
    font-weight: 400;
}
.weight-500 {
    font-weight: 500;
}
.weight-600 {
    font-weight: 600;
}
.weight-700 {
    font-weight: 700;
}
.weight-800 {
    font-weight: 800;
}

.frame-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    width: 300%; /* enlarge beyond browser width */
    left: -100%; /* center */
}

.frame-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
section.aftermovie-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
}

img {
    max-width: 100%;
}

/* bold */
@font-face {
    font-family: "STDBold";
    src: url("../fonts/TradeGothicLTStd-Bold.woff2") format("woff2"),
        url("../fonts/TradeGothicLTStd-Bold.woff") format("woff");
    /* font-weight: bold; */
    font-style: normal;
}

/* regular */
@font-face {
    font-family: "STDRegular";
    src: url("../fonts/TradeGothicLTStd.woff2") format("woff2"),
        url("../fonts/TradeGothicLTStd.woff") format("woff");
    /* font-weight: 300; */
    font-style: normal;
}

/* light */
@font-face {
    font-family: "STDLight";
    src: url("../fonts/TradeGothicLTStd-Light.woff2") format("woff2"),
        url("../fonts/TradeGothicLTStd-Light.woff") format("woff");
    /* font-weight: 200; */
    font-style: normal;
}

/* condensed */
@font-face {
    font-family: "STDCondensed";
    src: url("../fonts/TradeGothicLTStd-Cn18.woff2") format("woff2"),
        url("../fonts/TradeGothicLTStd-Cn18.woff") format("woff");
    /* font-weight: 100; */
    font-style: normal;
}

.normal {
    font-family: "STDRegular", sans-serif;
}
.condensed {
    font-family: "STDCondensed", sans-serif;
}

body,
h1,
h2,
h3,
h4,
h5 {
    font-family: "Trade Gothic LT Std Bold Condensed No. 20", sans-serif;
}

body,
html {
    background-color: var(--primary);
}

.about_logo img {
    max-width: 100%;
}

ul.inline {
    list-style: none;
    display: flex;
    padding-left: 0px;
    align-items: center;
}

.event-in.event-in-B {
    color: #fff;
}

section.event {
    background-color: #ff541f;
}

ul.hA3_list a {
    color: #fff;
    font-size: 1em;
    padding: 0.45em;
}

ul.hA3_list a:hover {
    color: var(--primaryHover);
}

.border-0 {
    border-radius: 0px;
}

.about {
    background-color: #e3f4f2;
    color: var(--primary);
    text-align: center;
}

.py-A {
    padding-top: 5em;
    padding-bottom: 5em;
}

.weight-normal {
    font-weight: normal !important;
}

.foot_stuff ul {
    display: inline-flex;
}
.foot_stuff ul li a {
    color: #fff;
    text-decoration: none;
    padding: 10px 5px;
    display: block;
    text-transform: uppercase;
}
.foot_stuff ul li a {
    color: aliceblue;
}
p.attribution {
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 0.6em;
    letter-spacing: 2px;
    color: #fff;
}
p.attribution a {
    color: #fff !important;
    border-bottom: 1px solid;
}
a.navbar-brand img {
    max-width: 240px;
}

.country_drop img {
    max-width: 20px;
}

.video-wrapper iframe {
    aspect-ratio: 16 / 9;
    width: 100% !important;
    object-fit: cover;
}

li.social-media-info {
    font-size: 0.8em;
}

.btn-tickets {
    font-family: "STDBold", sans-serif;
    font-weight: 600;
    background: #000;
    color: #fff;
    text-transform: uppercase;
}

.btn-tickets:hover {
    background: var(--primary);
    color: #fff;
}

.country_drop .btn,
.country_drop .dropdown-item {
    font-family: "STDBold", sans-serif;
    font-weight: 600;
    color: var(--primary);
}
.country_drop .btn {
    background: transparent;
    border: 1px solid #ccc !important;
}

.btn {
    font-family: "STDBold", sans-serif;
    font-weight: 600;
    /* text-transform: uppercase; */
}

.wrapper {
    overflow: hidden;
    max-width: 100%;
}

nav#top_nav {
    padding: 1.5em 0;
    z-index: 2;
}

.event-in h2 {
    font-weight: 600;
    font-size: 3em;
}

.btn-black {
    background-color: var(--primary);
    color: #fff;
    font-size: 1em;
}
.btn-black:hover {
    background-color: var(--primaryHover);
    color: #fff;
}

footer.footer {
    position: relative;
    text-align: center;
}

body.frontPage footer.footer {
    position: absolute;
    bottom: 0;
    z-index: 1;
    background: transparent !important;
}

figure.hero_posters img {
    max-width: 120px;
}

section.buy-ticket-iframe iframe {
    width: 100%;
    height: 100vh;
    border: 0px;
    border-radius: 10px;
    overflow: hidden;
}

body.frontPage footer.footer.bg-dark {
    background: transparent !important;
}

body.frontPage nav#top_nav.dark_top_nav {
    background: transparent !important;
}

.dark_top_nav .country_drop .btn {
    color: #fff;
    border: 0px !important;
    box-shadow: none;
}
.dark_top_nav a.btn.btn-tickets {
    color: #000;
    background: #fff;
}
.btn {
    border-radius: 1000px !important;
}

.main_content {
    min-height: 100vh;
}

ul.bottom_nav li a {
    border-radius: 1000px !important;
}
ul.bottom_nav {
    border-radius: 1000px;
    padding: 0.5em 0.5em;
    text-transform: uppercase;
    position: fixed;

    top: 6em;
    bottom: unset;

    backdrop-filter: blur(50px);
    background: rgb(0 0 0 / 80%);
    border: 1px solid rgb(255 255 255 / 4%);

    box-shadow: 0px 0px 60px 0px rgb(255 255 255 / 20%);
}

body.frontPage ul.bottom_nav {
    bottom: 4em;
    top: unset;
}

.content_wrapper h1,
.content_wrapper h2,
.content_wrapper h3,
.content_wrapper h4,
.content_wrapper h5 {
    color: #fff;
    font-weight: bolder;
    margin: 1.5em 0.5em;
}

.overlayA {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
}

.frame-container {
    height: 100%;
    padding: 0px !important;
}

@media (max-width: 980px) {
    nav#top_nav {
        padding: 0.5em 0 1em 0;
    }
    div#top_nav_list {
        width: 100%;
        text-align: center;
        justify-content: space-between;
        margin-bottom: 1em;
    }
    div#top_nav_list .country_drop,
    div#top_nav_list .btn {
        font-size: 0.8rem;
    }
    a.navbar-brand img {
        max-width: 220px;
    }
    a.navbar-brand {
        width: 100%;
        display: flex;
        justify-content: center;
        margin: 0px !important;
        /* width: auto !important; */
        max-width: 170px;
    }
    li.social-media-info {
        display: none;
    }
    ul.inline.hA3_list {
        justify-content: center;
        display: flex;
        width: 100%;
        margin-top: 0.5em;
    }
    ul.hA3_list a {
        font-size: 1em;
    }

    a.navbar-brand img {
        width: 100%;
    }
    .navigation_container.container {
        display: flex !important;
        width: 100% !important;
    }
    .country_drop .btn,
    .dark_top_nav .country_drop .btn {
        color: #000;
        border: 1px solid #e4e4e4 !important;
    }
    a.btn.btn-tickets {
        margin-top: 1em;
        width: 100%;
        border: 1px solid #000 !important;
        background: #000 !important;
        color: #fff !important;
    }
    ul.navbar-nav.bottom_nav {
        width: 100%;
        position: relative;
        margin: 0 auto;
        display: block;
        clear: both;
        border-radius: 0px;
        bottom: unset !important;
        top: unset !important;
        background: transparent;
    }
    .country_drop.dropdown,
    .country_drop.dropdown button {
        width: 100%;
    }
    ul.navbar-nav.bottom_nav a.nav-link.text-white {
        color: #000 !important;
    }
    div#offcanvasNav .offcanvas-header {
        padding-top: 20px !important;
    }
    div#offcanvasNav .offcanvas-body {
        height: 100%;
    }
}