/* 
    Created on : 17 nov. 2020, 22:49:31
    Author     : Seds - TwXDesign
*/

/*
 * home page - elementor 
 * * * * * * * * * * * * */
/* layout */
#masthead {
    margin-bottom: 0;
}
.storefront-primary-navigation {
    position: relative;
    height: 98px;
    z-index: 99;
}
#content > .col-full {
    max-width: 100% !important;
    padding: 0 !important;
}

/* carousel without seasons menu */
#home-carousel {
    overflow: hidden !important;
}
#home-carousel::before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    filter: invert(1);
    background-size: cover !important;
    background-size: 210px !important;
}
#home-carousel .z-up {
    z-index: 100 !important;
}

/* carousel with seasons menu */
#home-header {
    height: calc(100vh - 113px);
}
#home-slider {
    height: 100%;
    margin: 0;
}
#home-titles {
    position: absolute;
    top: 20%;
    margin: 0;
    z-index: 10 !important;
}
#home-seasons {
    position: absolute;
    top: 45%;
    margin: 0;
    z-index: 10 !important;
}
#home-seasons a {
    width: 140px !important;
    margin: 0 10px !important;
}
#home-seasons a:hover {
    color: #000 !important;
    font-weight: normal !important;
    text-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
}

/* custom slider */
#home-carousel .o-sliderContainer,
#home-slider .o-sliderContainer {
    background-color: transparent !important;
}
#home-carousel,
#home-carousel .o-sliderContainer,
#home-carousel .o-slider--item,
#home-slider,
#home-slider .o-sliderContainer,
#home-slider .o-slider--item {
    height: calc(100vh - 113px) !important;
    opacity: 1 !important;
}
#home-carousel .o-slider--item::after,
#home-slider .o-slider--item::after {
    display: none !important;
}
#home-carousel .loaderWrap,
#home-slider .loaderWrap {
    visibility: hidden !important;
    z-index: -1;
}
#home-carousel .o-slider.isDraggable,
#home-slider .o-slider.isDraggable {
  cursor: grab !important;
}

#home-carousel .o-slider-title,
#home-carousel .o-slider-paragraph,
#home-slider .o-slider-title,
#home-slider .o-slider-paragraph {
    padding: 10px 50px 10px 20px !important;
}
#home-carousel .o-slider-title::after,
#home-carousel .o-slider-paragraph::after,
#home-slider .o-slider-title::after,
#home-slider .o-slider-paragraph::after {
    box-shadow: unset !important;
}
#home-carousel .o-slider-title 
#home-slider .o-slider-title {
    font-family: 'BebasNeue Regular' !important;
    line-height: 1.3 !important;
}
#home-carousel .isActive .o-slider-paragraph,
#home-carousel .isActive .o-slider-title,
#home-carousel .isActive .o-slider-subTitle,
#home-slider .isActive .o-slider-paragraph,
#home-slider .isActive .o-slider-title,
#home-slider .isActive .o-slider-subTitle {
  transform: none !important;
}
#home-carousel .o-slider-arrows,
#home-slider .o-slider-arrows {
    display: none !important;
}

.rtl #home-carousel .o-slider-textWrap
.rtl #home-slider .o-slider-textWrap {
    text-align: right !important;
}
.rtl #home-carousel .o-slider-title,
.rtl #home-carousel .o-slider-paragraph,
.rtl #home-carousel .o-slider-title,
.rtl #home-slider .o-slider-title,
.rtl #home-slider .o-slider-paragraph,
.rtl #home-carousel .o-slider-title {
    padding: 10px 20px 10px 50px !important;
}
@media screen and (max-height: 530px){

    #home-carousel .z-up:nth-child(2),
    #home-slider .z-up:nth-child(2) {
        display: none !important;
    }
}
@media screen and (max-height: 350px){

    .o-sliderContainer .o-slider-textWrap {
        display: none !important;
    }
}

@media screen and (max-width: 767px){
    .storefront-primary-navigation {
        display: none;
    }
    #home-header {
        height: auto !important;
    }
    #home-seasons {
        position: relative;
        top: unset;
        padding: 18px 0;
        background: #fff;
    }
    #home-seasons a {
        background: #fff;
        border-color: #aaa;
        color: #000;
        font-weight: normal !important;
        text-shadow: 0px 0px 0px rgba(0,0,0,0) !important;
        margin-top: 10px !important;
    }
    #home-seasons a:hover {
        background: #333 !important;
        color: #fff !important;
    }
    #home-carousel,
    #home-carousel .o-sliderContainer,
    #home-carousel .o-slider--item,
    #home-slider,
    #home-slider .o-sliderContainer,
    #home-slider .o-slider--item {
        height: 66vh !important;
    }
}

@media screen and (max-width: 420px){
    #home-carousel .z-up:first-child h1,
    #home-slider .z-up:first-child h1 {
        padding: 0 10px;
        font-size: 50px !important;
        line-height: 0.9 !important;
    }
    #home-carousel .z-up:nth-child(2),
    #home-slider .z-up:nth-child(2) {
        display:none;
    }
}

@media screen and (max-width: 250px){
    #home-carousel,
    #home-carousel .o-sliderContainer,
    #home-carousel .o-slider--item,
    #home-slider,
    #home-slider .o-sliderContainer,
    #home-slider .o-slider--item {
        height: 40vh !important;
    }
    #home-carousel .z-up:first-child,
    #home-slider .z-up:first-child{ 
        top: 25% !important;
    }
    #home-carousel .o-slider-title,
    #home-slider .o-slider-title {
        display:none !important;
    }
}

/* catalogs */
.collections-links a {
    display: block;
    padding: 15px 20px;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
}
.collections-links a:hover {
    text-shadow: unset;
    color: #333 !important;
}

@media screen and (max-width: 1024px){
    .no-mobile {
        display: none !important;
    }
}
#recent-home .recent_products {
    padding: 0 !important;
}