/*//////////////////////////////////////////////////////*/
/*//====================----------====================//*/
/*//                    THEME FONT                    //*/
/*//====================----------====================//*/
/*//////////////////////////////////////////////////////*/
@font-face {
    font-family: 'futura-pt-bold';
    src: url('../fonts/FuturaStd-Bold.otf');
}
@font-face {
    font-family: 'futura-pt';
    src: url('../fonts/FuturaStd-Book.otf');
}


/*//////////////////////////////////////////////////////*/
/*//====================----------====================//*/
/*//                 THEME VARIABLES                  //*/
/*//====================----------====================//*/
/*//////////////////////////////////////////////////////*/
:root {
    /* Colors */
    --primaryColor: #FFFFFF; /* White */
    --secondaryColor: #f5b324; /* Gold */
    --accentColor: #090909; /* Black */
    --ambientColor: #f7f7f7; /* Light Gray */
    /* Background Colors*/
    --lightBgColor: #f7f7f7; /* Light Gray */
    --medBgColor: #222222; /* Gray */
    --darkBgColor: #090909; /* Black */
    --accentBgColor: var(--secondaryColor);
    /* Text Colors*/
    --textColorLight: #f7f7f7;
    --textColorMedium: rgba(255,255,255,0.6);
    --textColorDark: #090909;
    --textColorAccent: var(--secondaryColor);
    --textColorRequired: var(--secondaryColor);
    /* Global */
    --bodyBgColor: var(--darkBgColor);
    --bodyTextColor: var(--textColorLight);
    /* Overwrites */
    --fontFamily: "futura-pt",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;
    --headingFontFamily: "futura-pt-bold",-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;
    --homeImage: url("");
    --homeTitleWrpBg: rgba(0,0,0,0);
    --headerLogoWidth: 100%;
    --headingLetterSpacing: 1.5px;
    --buttonLetterSpacing: .5px;
    --inputBorder: var(--borderThicknessThin) solid var(--lightBgColor);
    --inputFontSize: var(--fontSizeBase);
    --collectionItemTitleBg: var(--medBgColor);
    --collectionItemTitleColor: var(--textColorLight);
    --collectionItemPriceColor: var(--textColorLight);
    --viewCartGratuitySelectedOptionColor: var(--textColorDark);
    --modalCloseBtnBackground: #222222;
}
.viewCart__details{
    font-size: .9rem;
}
.btn--primary,
.btn--secondary,
.btn--tertiary{
    letter-spacing: var(--buttonLetterSpacing);
}
.btn--tertiary.viewCart__btn {
    border-color: rgba(255, 255, 255, .8);
    color: rgba(255, 255, 255, .8);
}

.bm-content{
    min-height: 100%;
}
.page__btn {
    background: transparent;
    color: var(--lightBgColor);
}
h1,
.home__title {
    letter-spacing: var(--headingLetterSpacing);
}

.home__welcome {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding-top: 2em;
}
    .home__welcomeImg{
        width: 100%;
        max-width: 100vw;
    }

.home__welcomeStep{
    padding-bottom: 1.5em;
}
    .home__welcomeStep h2 {
        margin-bottom: .25rem;
    }    
    .home__welcomeStep p {
        margin-bottom: .25rem;
        padding-left: 2em;
    }

.home__welcomeSection {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    height: 100%;
    margin: 1em 0;
}

    .home__welcomeSection h2 {
        font-size: calc(1rem + .9vw);
        font-weight: 800;
        letter-spacing: .05em;
        margin: 0;
    }

    .home__welcomeSection p {
        margin-bottom: .5rem;
        padding-left: 2em;
    }

.home__pageContentImg {
    width: 7em;
    margin: 1em 0 2em 0;
}

.home__content {
    overflow-y: auto;
}

.home__content .btn--large {
    background-color: black;
}

.home__content .btn--primary {
    color: var(--textColorLight);
}

.home__content .btn--secondary {
    color: var(--textColorAccent);
}
.home__orderBtn{
    margin-bottom: 1em
}
.home__options {
    margin-bottom: 0;
}

.header__brand {
    height: auto;
}

.header__brand .header__logo {
    width: auto;
}

.seatGrid__col--selected .seatGrid__icon svg{
    border-color: var(--medBgColor);
}

.viewCart__total{
    padding-bottom:.5em;
}
.collection__slider .collectionItem__image {
    background: #000000;
    border-radius: var(--collectionItemBorderRadius);
}
    .collection__slider .collectionItem__image img{
        border-radius: 0;
    }

@media only screen and (min-width:600px) {
    .home__titleWrp {
        margin-top: 10%;
    }
}
@media only screen and (max-width:400px) {
    .home__content {
        padding-bottom: 1em;
    }
    .home__titleWrp{
        margin-top: 1.5em;
    }
    .home__welcome {
        padding-top: 0em;
    }
    .home__welcomeSection {
        margin: .5em 0;
    }
    .home__welcomeSection h2 {
        font-size: calc(1rem + .6vw);
    }
    .home__pageContentImg {
        width: 5em;
        margin: 0;
    }
    .home .btn--large {
        font-size: 1.1em;
    }
}