/* Default (XS: <576px) */

#testmode-header {
    display: none;
}

.wildfire-page-content,
.row {
   margin: 0;
   max-width: 100%;
}

/* Tags */

h1,
h2,
h3,
h4,
a,
li,
.btn {
    font-family: "Poppins", sans-serif;
    font-style: normal;
}

h1 {
    margin-bottom: 45px;
    font-size: 5rem;
    font-weight:700;
    color:#6EA0D6;
    text-transform: uppercase;
}

h2 {
    font-size: 1.5rem;
    font-weight: 500;

    margin-bottom: 15px;

    text-transform: uppercase;
}

h3 {
    font-size: 1.2em;

    margin: 15px 0;
}

h4 {
    font-size: 1.1em;

    margin: 15px 0;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 2.9rem;

    margin-bottom: 20px;

    color: #000;
}

.hp p {
    /*placeholder*/
}

a {
    text-decoration: none;

    color: #444;
    outline: none;
}

a:hover,
a:visited:hover {
    text-decoration: underline;

    color: #666;
}

hr {
    margin: 75px;

    border-top: 1px solid #ccc;
}


/* Buttons */

.btn-primary {
    font-size: 1.8rem;
    font-weight: 400;

    padding: 15px 30px;

    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
        -o-transition: .3s ease-in-out;
            transition: .3s ease-in-out;
    text-transform: uppercase;

    color: #fff;
    border: none;
    border-radius: 999px;
    background: #BE3127;
}

.btn-primary:hover {
    text-decoration: none;

    background: #666;
}

.btn-primary.disabled {
    background: #ccc;
}



.col,
.col-12 {
   margin-bottom: 30px;
}

h1 {
   /* margin: 45px 0; */
   font-size: 3.6rem;
}

section#layout {
    max-width: 100%;
    padding: 0;
    /* border:1px solid red; */
}

section#layout img.hero {
    margin-bottom: 60px;
}

section#layout p {
    font-size: 2rem;
    line-height: 4rem;
}

/* Layout */

header {
    position: fixed;
    z-index: 1001;
    top: 0;

    width: 100%;

    border-bottom: 1px solid #efefef;
}

/* !important needed so it doesn't get modified by JS */
.hp section#layout {
    padding: 0;
}

section.kablamo {
    padding: 90px 0 120px;
}


/* hero */
#hero {
    position:relative;
    margin:0;
}


#hero a#unmute-button {
    position:absolute;
    z-index:3;
    left:-4000px;
    top:45px;
    right:35px;
}

    #hero a#unmute-button:hover {
        cursor:pointer
    }

    #hero #unmute-button > div {
        margin: 0 auto;
        height:58px;
        width:58px;
        padding:15px;
        border-radius: 50%;
        background: #fff;
    }

    #hero #unmute-button i {
        font-size:2.8rem;
        color: #666;
    }

    #hero a#unmute-button:hover i {
        color:#000;
    }
    
    #hero #unmute-button p {
        margin:0;
        font-size:1.1rem;
        color:#fff;
        text-transform: uppercase;
    }


   
    

#hero #hero-cta {
    /* display: block; */
        display: none;
    position:absolute;
    z-index: 2;
    top:25px;
    width: 100%;
    background:url(/templates/banhsizzle/skins/2025/assets/images/Heart_line_arrow.png) center 92% no-repeat;
    background-size: 34% auto;
}

#hero #hero-cta h1 {
    margin: 0 0 0 15px;
    font-size: 4rem;
    font-weight: 900;
    line-height: 4rem;
    color:#BE3127;
    -webkit-text-stroke: 2px #fff;
}

#hero #hero-cta .img {
   margin-top:0;
   position: relative;
   display: inline-block;
   border: 4px solid #fff;
}

#hero #hero-cta .img i.fa-circle-play {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-size: 4rem;
   color: white;
}

#hero #hero-cta .img i.fa-circle-play:hover {
    cursor:pointer;
    color:#BE3127;
}

#hero #hero-cta .btn {
   width: 100%;
   font-size: 1rem;
   padding: 10px 5px;
}



/* Fullscreen video  */
#fs-video-overlay {
    display:none; position:fixed; 
    top:0; 
    left:0; 
    width:100vw; 
    height:100vh; 
    z-index:9999; 
    background:#000;
}

#fs-video-close {
    position:absolute; 
    top:20px; 
    right:20px; 
    z-index:10000; 
    border:none;
    font-size:3rem;
    color:#c5c5c5;
}

#fs-video-close:hover {
    cursor: pointer;
    color: #fff;
}

#fs-video-player {
    position:absolute; 
    top:50%; 
    left:50%; 
    transform:translate(-50%, -50%); 
    max-width:100%; 
    max-height:100%;
}

/* hack  */
.img-fluid {
    width: 100%;
}

#sections-wrapper {
    margin-top:120px;
}

body.hp #sections-wrapper {
    margin-top:0px;
}


/* Section 1 */
#section-1 {
    background: url(/templates/banhsizzle/skins/2025/assets/images/Banner_bg_swirl_30pc.png) top center no-repeat;
    background-size:cover !important;
    border: 1px solid transparent;
}

/* Section 2 */
#section-2 {
    padding:0;
    background: url(/templates/banhsizzle/skins/2025/assets/images/Background_Shape.png) center center no-repeat;
    background-size:cover !important;
    border: 1px solid transparent;
}

    #section-2 .col-12 {
        padding: 0;
        margin-top:30px;
        margin-bottom:30px;
    }

    #section-2 .col-12 .content {
        display: block;
        margin:0;
        border-radius:0;
        background-size:cover !important;
    }

    #section-2 .col-12 .content a {
        display:block;
        padding:100px 15px;
        border-radius:0;
        font-family: "Poppins", sans-serif;
        font-size: 3.5rem;
        font-weight: 600;
        color:#fff;
        text-transform: uppercase;
        text-align: center;
        transition: .6s ease-in-out;
        opacity:1;
    }

    #section-2 .col-12 .content a:hover {
        background:#000;
        opacity:0.6;
        text-decoration: none;
    }

    #section-2 .col-12:nth-of-type(1) .content {
        background: url(/templates/banhsizzle/skins/2025/assets/images/photo6.jpeg) center center no-repeat;
    }

    #section-2 .col-12:nth-of-type(2) .content {
        background: url(/templates/banhsizzle/skins/2025/assets/images/photo11.jpeg) center center no-repeat;
    }

    #section-2 .col-12:nth-of-type(3) .content {
        background: url(/templates/banhsizzle/skins/2025/assets/images/photo05.jpg) center center no-repeat;
    }

    /* Section 3 */
    #section-3 {
        position:relative;
        background: url(/templates/banhsizzle/skins/2025/assets/images/section_3a_xs.jpg);
        background-size:cover !important;
        border:none;
    }

        #section-3 .bg {
            position: absolute;
            z-index: 1;
            width:100%;
            min-height: 200px;
            background:rgb(81, 13, 112);
            opacity: 0.4;
        }

        #section-3 a {
            position: relative;
            z-index: 2;
            display: block;
            margin: 20%;
            font-size: 4rem;
            line-height:4rem;
            font-weight: 600;
            color: #fff;
            text-transform: uppercase;
            text-align: left;
        }

        #section-3 a:hover {
            text-decoration: none;
            color:#EAE0F0;
        }

/* Section 4 */
#section-4 {
    background: url(/templates/banhsizzle/skins/2025/assets/images/Text_Banner_3_no_text.png) top center no-repeat;
    background-size:cover !important;
    border: 1px solid transparent;
}

/* Section 5 */
#section-5 {
    /* placeholder */
}

    #section-5 .row,
    #section-5 .col-12 {
        margin: 0;
        padding: 0;
    }

    #section-5 .col-12:nth-of-type(2) {
        padding:10% 7% 8%;
        background: #DA7D2E;
    }

    #section-5 .col-12:nth-of-type(2) p {
        font-family: "Poppins", sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 3rem;
        line-height: 3rem;
        color: #fff;
    }


/* Large text  */
section.text-feature {
   padding:15px;
}

.text-feature h2 {
   margin:80px 0;
   font-size:4rem;
   font-weight: 700;
   line-height:4rem;
}

span.gradient-text {
    background-image: linear-gradient(to right, #DA7D2E, #744595);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #DA7D2E;
}





.text-orange {
    color: #DA7D2E;
}

.text-blue {
    color: #6EA0D6;
}

.text-green {
    color:#649F4F;
}


/* Footer */

footer {
    font-size: .8em;
    padding: 45px 30px 15px;
    background: #000;
}

footer .row:nth-of-type(1) {
    margin-bottom: 150px;
}

footer i {
    margin: 0 10px;
    font-size: 3.6rem;
    color: #fff;
}

footer i:hover {
    color: #d7d7d8;
}

footer .nav a {
    font-size:1.4rem;
    color: #fff;
}

footer .nav a:hover {
    text-decoration: underline;
}

footer p {
    font-size: 1.2rem;
    font-weight: 400;
    color:#fff;
}

footer p.branding {
    color: #fff;
}

footer p.branding span {
    font-style: italic;
}

footer p a {
    text-decoration: none;
    color: #fff;
}

footer p a:hover {
    text-decoration: underline;
}

footer ul.nav li a:hover {
    background: transparent;
    text-decoration: none;
    color:#d8d8d8;
}

/* Misc CSS Classes */

.nopad {
    padding-right: 0;
    padding-left: 0;
}

hr,
div.hr {
    clear: both;
    height: .001em;
    margin: 45px 0;
    border-top: 1px solid #666;
}

/* Schedule page  */

#icontent_dziQpBtKYS h3 {
    text-align: left;
    margin: 30px 0 10px;
    font-size:2.3rem;
    color:#444;
}

#icontent_dziQpBtKYS p {
    text-align: left;
    font-size:1.5rem;
}   


/* Tight image rows */
.img-row {
    padding: 0;
    margin: 60px 0;
}

.img-row .col-12 {
    padding: 0 5px;
}