/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Jude
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


.home-hero .swiper-slide-inner{
    max-width: 1140px;
    padding: 10px !important;
}

header.sticky-header{
    position: fixed;
    width: 100%;
    z-index: 9999;
}

header.sticky-header-active{
    --shrink-header-to: 0.6;
    --transition: .45s cubic-bezier(.4, 0, .2, 1);
    transition: background-color var(--transition),
                backdrop-filter var(--transition),
                box-shadow var(--transition);
    
}

/***
* Sticky header activated
*/

header.sticky-header-active {
    /*background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);*/
    background: #000000 !important;
}

header.sticky-header-active > .elementor-container {
    min-height: var(--header-height);
    transition: min-height var(--transition);
}

header.sticky-header-active > .elementor-container {
    min-height: calc( var(--header-height) * var(--shrink-header-to) );
}

/***
* Shorter header on mobile (70px instead of 100px)
*/
@media only screen and (max-width: 767px) {
    header.sticky-header-active {
        --header-height: 70px;
    }
}

/***
* class: .logo
*/
header.sticky-header-active .logo img {
    transition: transform var(--transition);
}
header.sticky-header-active .logo img {
    transform: scale(.8);
    width: 50% !important;
}

header.sticky-header-active .logo .elementor-widget-container{
    padding-top: 0 !important;
}




.now-showing .swiper-slide-active, 
.now-showing .swiper-slide-duplicate-prev{
    opacity: 0.5;
}


body.single-post section#comments{
    display: none;
}





/************ Responsive ************/

@media only screen and (max-width: 640px) {

.now-showing .swiper-slide-active, 
.now-showing .swiper-slide-duplicate-prev{
    opacity: 1;
}

header.sticky-header-active .logo img {
    transform: scale(0.9);
    width: 60% !important;
}

header.sticky-header-active{
    padding: 0.5rem 1.25rem 0.5rem 1.25rem !important;
}



}