/*

Developer css files.

Created By Bhavin Patel

used for media size (min-width: 1920px) and (max-width: 2560px)

*/


.habit-padding-left{
    padding-left: none;
}
.habit-padding-right{
    padding-right: none;
}

@media (min-width: 1920px) and (max-width: 2560px)  {
    .habit-padding-left{
        padding-left: 8rem !important;
    }

    .habit-padding-right{
        padding-right: 8rem !important;
    }

    .l-subheader.width_full,
    .l-section{
        padding-left:8rem;
        padding-right: 8rem;
    }
    header{
        background-image: url(../img/header_bricks.png);
        background-size: contain;
    }
    .l-header.pos_static.bg_transparent {
        position: unset !important;
        left: 0;
    }

    .hero_heading_3{
        font-family: IBM Plex Mono;
        font-weight: 700;
        font-size: 24px;
        line-height: 31.2px;
        letter-spacing: -0.05px;
        color: #FFF;
    }

    h1.hero{
        color: #FFF;
        font-family: Copperplate;
        font-size: 140px;
        font-style: normal;
        font-weight: 700;
        line-height: 100px; /* 71.429% */
        letter-spacing: -7px;
        text-transform: uppercase;
    }

    h2.hero{
        color: #FFF;
        font-family: Veneer;
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
    }

    h3.hero{
        color: #FFF;
        font-family: "IBM Plex Mono";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -1.2px;
    }

    p.hero{
        color: #FFF;
        font-family: "IBM Plex Mono";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px; /* 144.444% */
        letter-spacing: -0.9px;
    }

    .template-hero .l-section-img{
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        width: 2420px;
    }

    .template-h2{
        color: #FFF;
        text-align: center;
        text-shadow: 0px 4px 26px rgba(0, 0, 0, 0.25);
        font-family: Copperplate;
        font-size: 140px;
        font-style: normal;
        font-weight: 700;
        line-height: 100px; /* 71.429% */
        letter-spacing: -7px;
        text-transform: uppercase;
    }

    .template-width-908{
        width: 908px;
    }
    .template-h3 h3,.template-h3{
        color: var(--Color-6, #F19341);
        font-family: Veneer;
        font-size: 80px;
        font-style: normal;
        font-weight: 400;
        line-height: 80px; 
        text-transform: uppercase;
    }

    .template-h5 h5{
        color: var(--Color, #F19341);
        font-family: Veneer;
        font-size: 48px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
    }

    .template-p p{
        color: #FFF;
        font-family: "IBM Plex Mono";
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px; /* 144.444% */
        width: 38%;
    }

    .full-width-template-p p{
        color: #FFF;
        font-family: "IBM Plex Mono";
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px; /* 144.444% */
        padding-bottom: 1rem;
    }
    
}

.w-nav-title{
    color: #FFF;
    /* Nav */
    font-family: Veneer;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.w-nav-anchor.level_1:focus{
    background-color: #000;
}



.single-event-touch .elements ,.single-event-touch .elements .w-grid-item-h{
    width: 293px;
    height: 503px;
}

.hq-text-party-hard-sub-head{
    color: #BE3026;
    font-family: Veneer;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.hq-text-party-hard-text{
    color: #FFF;
    font-family: "IBM Plex Mono";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.9px;
}



.txt_footer_upcoming{
    color: #FFF;
    font-family: Veneer;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

footer article.specials{
    margin-bottom:0.5rem !important;
}
.txt_footer_specials{
    color: #FFF;
    font-family: "IBM Plex Mono";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 187.5% */
    text-transform: uppercase;
    /* margin-bottom:0px !important; */
}

.txt_footer_specials{
    /* padding: 0 !important; */
    margin-bottom:0.2rem !important;
}

.txt_footer_specials_time{
    color: #FFF;
    font-family: "IBM Plex Mono";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
}


.txt_buisness_hours{
    color: #FFF;
    font-family: Veneer;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.copyright{
    color: #BEBEBE;
    font-family: "IBM Plex Mono";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 187.5% */
}


h4.upcomming_bands {
    color: #FFF;
    font-family: 'Veneer';
    font-weight: 400;
    font-size: 2.5rem;
    line-height:3.085rem;
    letter-spacing: 0%;
}


p{
    color: #FFF;
    font-family: "IBM Plex Mono";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.9px;
}



.bg_image_cover{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    height:100vh;
}

.bg-template-image .l-section-img{
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: 50%;
    background-position-y: 64%;
}

/*
********
*/
@media (min-width: 1920px) and (max-width: 2560px)  {
    #home-daily-lineup .home-carousel 
    {
        margin: 0 auto;
        /* width: 83%; */
    }

    #home-daily-lineup .owl-item{
        width: 12% !important;
        /* width: 295px !important; */
        height: 495px !important;
        margin: 0.4rem;
        border: Mixed solid;
    }
}
#home-daily-lineup .owl-prev:after,
#home-daily-lineup .owl-next:after{
    display: none;
}
#home-daily-lineup .owl-prev{
    background-image: url(../img/chevron-left.png);
    background-repeat: no-repeat;
    background-position: 50%;
    height: 70px;
}
#home-daily-lineup .owl-next{
    background-image: url(../img/chevron-right.png);
    background-repeat: no-repeat;
    background-position: 50%;
    height: 70px;
}

#home-daily-lineup .owl-item:first-child,
#home-daily-lineup .owl-item:nth-child(6){
    border-color: #FF4B4B;
    box-shadow: inset 0px 0px 6px 6px #FF4B4B;
}

#home-daily-lineup .owl-item:nth-child(2),
#home-daily-lineup .owl-item:nth-child(7){
    border-color: #72FDFF;
    box-shadow: inset 0px 0px 6px 6px #72FDFF;    
}

#home-daily-lineup .owl-item:nth-child(3),
#home-daily-lineup .owl-item:nth-child(8){
    border-color: #FFD972;
    box-shadow: inset 0px 0px 6px 6px #FFD972;    
}

#home-daily-lineup .owl-item:nth-child(4),
#home-daily-lineup .owl-item:nth-child(9){
    border-color: #FF72F1;
    box-shadow: inset 0px 0px 6px 6px #FF72F1;    
}

#home-daily-lineup .owl-item:nth-child(5),
#home-daily-lineup .owl-item:nth-child(10){
    border-color: #95FF72;
    box-shadow: inset 0px 0px 6px 6px #95FF72;    
}

#home-daily-lineup .owl-item h2{
    font-family: Veneer;
    font-weight: 400;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0%;
    text-align: center;
}

#home-daily-lineup .owl-item h6{
    font-family: IBM Plex Mono;
    font-weight: 700;
    font-size: 16px;
    line-height: 20.8px;
    letter-spacing: 0%;
    text-align: center;

}

#home-daily-lineup .owl-item .daily_special_time{
    font-family: IBM Plex Mono;
    font-weight: 400;
    font-size: 14px;
    line-height: 18.2px;
    letter-spacing: 0%;
    text-align: center;
}

/*
********
*/

.home_band_listing_wrapper{
    color:#FFF;
}

.background_blend_mode{
    background-blend-mode: luminosity;
}

#home_band_listing{
    padding-top:5rem;
}
#home_band_listing .event_date_wrapper  {
    font-family: IBM Plex Mono;
    font-weight: 400;
    font-size: 18px;
    line-height: 23.4px;
    letter-spacing: -5%;
    color: #FFF;
}

#home_band_listing h6.post_title {
    font-family: Copperplate;
    font-weight: 700;
    font-size: 40px;
    line-height: 41.4px;
    letter-spacing: -5%;
    color: #FFF;
}

.footer-event-head{
    color: #FFF;
    font-family: "IBM Plex Mono";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 187.5% */
    text-transform: uppercase;
}


.footer-time{
    color: #FFF;
    font-family: "IBM Plex Mono";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.social-icons a{
    padding: 0.5rem;
}


#line-red-glow{
    padding: 0 !important;
    height: 4px;
    width: 100%;
    background: #FF4B4B;
    border-color: #FF4B4B ;
    -webkit-box-shadow: 0px -11px 20px 5px #FF4B4B; 
    box-shadow: 0px -11px 20px 5px #FF4B4B;
}

#line-blue-glow{
    padding: 0 !important;
    height: 4px;
    width: 100%;
    background: #72FDFF;
    border-color: #72FDFF ;
    -webkit-box-shadow: 0px -11px 20px 5px #72FDFF; 
    box-shadow: 0px -11px 20px 5px #72FDFF;
}


#line-yellow-glow{
    padding: 0 !important;
    height: 4px;
    width: 100%;
    background: #F19341;
    border-color: #F19341 ;
    -webkit-box-shadow: 0px -11px 20px 5px #F19341; 
    box-shadow: 0px -11px 20px 5px #F19341;
}

#line-pink-glow{
    padding: 0 !important;
    height: 4px;
    width: 100%;
    background: #FF72F1;
    border-color: #FF72F1 ;
    -webkit-box-shadow: 0px -11px 20px 5px #FF72F1; 
    box-shadow: 0px -11px 20px 5px #FF72F1;
}

