.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS for html, class: .elementor-element-edb4df9 */.home_container{
    width: 85%;
    margin: auto;
}

h6{
    font-weight: bold;
    margin: 20px 0;
}

.premium-link{
    display: none;
}

.nav_premium{
            background-color: #F01200;
        color: white;
        border-radius: 10px;
        margin: 0;
        padding: 15px 30px;
        font-weight: bold;
        position: absolute;
        top: 60%;
        left: 70%;
        transform: translate(-50%,-30%);
        
        display: none;
        
        
}

/*socials header styling begins here...*/

.socials_header{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.socials_header ul{
    display: flex;
    align-items: center;
    gap:20px;
}
.socials_header ul li:first-child{
    width: 120px;
}

.socials_header ul li{
    width: 30px;
}

.socials_header ul li img{
    width: 100%;
}

/*socials header styling ends here...*/

/*Nav bar styling begins here...*/

.navigation{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    position: relative;
    height: fit-content;
}

.navigation .logo{
    width: 120px;
}

.navigation .logo a img{
    width: 100%;
}

.mobile_menu{
    display: none;
}

.menu_items ul{
    display: flex;
    gap: 30px;
    align-items: center;
    margin: 0;
}



.menu_items ul li a:hover {
    font-weight: bold;
    cursor: pointer;
}

.menu_items ul li:nth-child(2) a {
    display: flex;
}

.menu_items ul li:nth-child(2) img{
    width: 10px;
    object-fit: contain;
    margin-left: 5px;
}

.menu_items ul li:nth-child(2){
    position: relative
}

.mobile_nav{
    display: none;
}

.video_drop_down{
    width: 200px;
    display: none;
    position: absolute;
    background-color: white;
    filter: drop-shadow(0 5px 2px rgba(0,0,0,0.2))
    
}

.events_drop_down{
    width: 200px;
    display: none;
    position: absolute;
    background-color: white;
    filter: drop-shadow(0 5px 2px rgba(0,0,0,0.2))
    
}

.events_drop_down > a{
    border-bottom: 1px solid rgba(0,0,0,0.2);
    padding: 20px 25px;
}

.events_drop_down > a:hover{
    background: black;
    color: white;
    font-weight: bold;
}


.header_colors{
    width: 100%;
    height: 1vh;
    display: flex;
}

.header_colors div:nth-child(1){
    flex-grow: 1;
    background-color: red;
}

.header_colors div:nth-child(2){
    flex-grow: 1;
    background-color: orange;
}

.header_colors div:nth-child(3){
    flex-grow: 1;
    background-color: green;
}


.video_drop_down > a{
    border-bottom: 1px solid rgba(0,0,0,0.2);
    padding: 20px 25px;
}

.video_drop_down > a:hover{
    background: black;
    color: white;
    font-weight: bold;
}

.menu_items ul li:nth-child(2):hover .video_drop_down{
    display: block;
    z-index: 9999;
}

.menu_items ul li:nth-child(3) a {
    display: flex;
}

.menu_items ul li:nth-child(3) img{
    width: 10px;
    object-fit: contain;
    margin-left: 5px;
}
.menu_items ul li a{
    color: black;
    font-size: clamp(.8rem,1vw, .8rem)
}

/*.menu_items ul li:first-child{*/
/*   font-weight: bolder;*/
/*}*/

.menu_items ul li:nth-child(3):hover .events_drop_down{
    display: block;
     z-index: 9999;
}

.menu_items{
    display: flex;
    align-items: center;
}

.menu_items ul li{
    margin-bottom: 0;
}

.premium_nav{
    display: flex;
    gap: 20px;
}

.premium_button{
    background-color: #F01200;
    color: white;
    border-radius: 10px;
}


.premium_nav a .profile_button{
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 15px;
    padding-bottom: 14px;
    background-color: black;
    color: white;
    border-radius: 10px;
}

.profile_button img{
    width: 25px;
}

.banner{
    width: 100%;
    /*height: 100dvh;*/
     background-image: url('https://ineverknewtv.com/wp-content/uploads/2025/03/INKT-Premium-promo.jpg');
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.home_container{
    height: 100%;
}

.banner_carousel{
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
}





.carousel_holder,.carousel{
    height: 100%;
}

.carousel_holder{
    display: flex;
    transition: .5s;
}

.banner_image{
   width: 100%;
   /*height: 100dvh;*/
   flex: none;
   
}

.banner_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*Upcoming Events styling*/
.upcoming_events{
    text-align: center;
    margin-top: 70px;
    
}

.title{
    font-weight: bolder;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.title .bar{
    width: 6px;
    height: 15px;
    background: black
}

.upcoming_events h1{
    font-weight: bolder;
    color: black;
    margin-top: 30px;
    font-size: clamp(2rem,3vw,3rem)
}

.upcoming_events img{
    width: max(5rem,100%);
    margin-top: 40px;
}

.upcoming_events .event{
    width: 100%;
    display: grid;
    place-items: center;
}

.upcoming_events .content{
    width: 70%;
    display: grid;
    place-items: center;
}

.upcoming_events .content p{
    width: max(300px, 70%)
}

.upcoming_events .content button{
    margin-top: 30px;
    background: black;
}



/*Interview Styling*/

.interview_heading{
     margin-top: 70px;
     margin-bottom: 80px;
     display: flex;
     flex-direction: column;
     align-items: center;
}

.interview_heading h1{
    text-align: center;
    font-weight: bold;
    color: black;
}

.interview_sub_heading{
    text-align: center;
    width: max(300px,60%)
}

/*podcast styling*/

.podcast_container{
    width:100%;
    background: black;
    margin-top:80px; 
}

.podcast{
    display: flex;
    align-items: center;
    height: 100dvh;
    gap: 50px;
}

.podcast_header h1{
    font-weight: bold;
    color: white;
    font-size: clamp(1rem,3vw,4rem)
}

.podcast_highlight{
    background-color: red;
    width: fit-content;
    padding: 10px;
}

.podcast_content{
    color: white;
    margin-top: 20px;
    margin-bottom: 50px;
    font-size: .9rem;
    width: 80%;
}

.podcast_section{
    margin-top: 80px;
}

.home_footer{
    background:#F0F0F0;
}

.footer{
    display: flex;
    justify-content: space-between;
    align-self: center;
    gap: 50px;
    padding: 100px 0;
}


.footer .about_us{
    width: max(200px,30%)
}

.footer_socials_header ul{
    display: flex;
    gap: 30px;
}


.footer_socials_header ul li{
    width: 30px;
}

.footer h4{
    font-weight: bold;
}

.footer ul li{
    margin: 5px;
}

.footer_logo{
    width: max(100px,20%);
    mix-blend-mode: multiply;
}

.copyright_section{
    margin: 10px 0;
}

.copyright_section .home_container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}

.copy_logo{
    width: 100px;
}

.view_all_container{
    width: 100%;
    display: grid;
    place-items: center;
}

.view_all_container a{
    color: black;
}

.view_all_container button{
    background: transparent;
    border: black 2px solid;
     font-weight: bold;
}

.view_all_container button:hover{
    background: black;
    color: white;
}

.latest_heading{
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.latest_heading span{
    width: 5px;
    height: 15px;
    display: block;
    background: black;
    margin-right: 10px;
}

.latest_podcast_heading{
    font-weight: bold;
    color: white;
     display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.podcast_bar{
    width: 5px;
    height: 15px;
    display: block;
    background: red;
    margin-right: 10px;
}

.view_all_podcast{
    border: 2px solid white;
    background: transparent;
    font-weight: bold;
    color: white;
    margin-top: 50px;
}

.view_all_podcast:hover{
    background: white;
    color: black;
}

.mobile_view_more{ 
    display: none
}




@media only screen and (max-width:1280px){
    .menu_items,.premium_nav,.socials_header{
        display:none;
    }
    
    .nav_premium{
        display:block;
        left:90%;
        transform:translate(-90%,-30%);
    }
    
    .home_container{
        width:90%;
    }
    
    .mobile_menu{
        display:block;
        width:60%;
        height:100vh;
        background:white;
        position:fixed;
        padding-bottom:20px;
        z-index:9999;
        left:-60%;
         transition:.3s ease-out;
         filter:drop-shadow(-10px 0 10px);
        
    }
    
    .menu_nav{
        display:flex;
        justify-content:flex-end;
        align-items:flex-end;
        padding-top:20px;
    }
    
    
    
    .menu_nav img{
        width:20px;
        padding-top:19px;
    }
    
    .mobile_menu ul li a{
        color:black;
        font-size:.9rem;
        text-transform:uppercase;
        
    }
    
    .mobile_menu ul li{
        border-bottom:1px solid rgba(0,0,0,.1);
        padding:10px 0;
    }
    
     .mobile_menu ul li a{
         display:flex;
         justify-content:space-between;
         align-items:center;
     }
     
      .mobile_menu ul li a span:last-child{
          font-size:2rem;
      }
      
     .mobile_premium{
         background-color: #F01200;
    color: white;
    border-radius: 10px;
    margin-top:30px;
     }
     
     .profile_premium{
         background-color:black;
         color:white;
         display:flex;
         align-items:center;
         gap:10px;
     }
     
     .profile_premium img{
         width:30px;
     }
     
     .mobile_premium_buttons button{
         font-weight:bolder;
         border-radius: 10px;
     }
   
    
    .interview_heading h1{
        font-size:2.3rem;
    }
    
    .banner{
        height:auto;
    }
    
    .navigation .logo{
        width:90px;
        margin-top:20px;
    }
    
    .mobile_nav{
        display:block;
    }
    
    .mobile_nav img{
        width:20px;
        padding-bottom:5px;
    }
    
    #video_menu{
       height: min(70px, 10vh);
       overflow:hidden;
       transition:.3s ease-out;
    
    }
    
    #video_menu li, #events_menu li{
        font-weight:bold;
    }
    
    #events_menu{
          height: min(70px, 10vh);
           overflow:hidden;
           transition:.3s ease-out;
    }
    
    .toggle_video_menu{
        height: min(270px, 40vh) !important;
    }
    
    .toggle_events_menu{
        height: min(203px, 30vh) !important;
    }
    
    .navigation{
        align-items:flex-end;
    }
    
    .podcast{
        flex-direction:column;
        height:auto;
        gap:0px;
    }
    
    .podcast_section{
        margin-top:40px;
    }
    
    .podcast_header h1{
        font-size:2rem;
    }
    
    .footer{
        flex-direction:column;
        gap:10px;
        padding:50px 15px;
    }
    
    .copy_logo{
        display:none;
    }
    
    .copyright > div{
        font-size:.6rem;
    }
    
    .view_all_podcast{
        display:none;
    }
    
    .view_all_container a{
        width:100%;
        margin-top:50px;
        font-size:1.3rem;
    }
    
    .view_all_container button{
        width:100%;
    }
    
    .mobile_view_more{
        display: block;
        width:100%;
        margin:50px 0;
    }
    
    .mobile_view_more a, .mobile_view_more button{
        width:100%;
        color:white;
    }
    
    .mobile_view_more button{
        background:transparent;
        border:2px solid white;
        font-size:1.1rem;
    }
    
    
    
    .toggle_menu{
        left:0;
       
    }
    
    
}

@media only screen and (max-width:1025px){
    .premium-link{
        display:block;
    }
}

@media only screen and (max-width:500px){
    .nav_premium{
        display:block;
        left:75%;
        transform:translate(-75%,-30%);
    }
    
    .premium-link{
    display: none;
}
}/* End custom CSS */