/*
Theme Name: Foliex
Theme URI: https://shtheme.com/demosd/foliex
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Description: Foliex is a fully responsive WordPress theme with a modern design suitable for all creative fields. The theme is featuring a powerful fullscreen background video and imagery making it a perfect choice for photographers, artists and designers who want to showcase their work.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: foliex

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
    00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/



.header-navigation{
    display: inline-block;
}
nav.header-navigation.header-navigation-logo{
    height: fit-content;
}
.header-navigation-logo .logo-holder img{
    max-height: 35px;
    max-width: 59px;
}
.blog-sidebar-wrapper{
    font-weight: 600;
}
.blog-sidebar-wrapper ul, blog-sidebar-wrapper ol{
    padding-left: 0;
}
.blog-sidebar-wrapper a{
    color: #5f5f5f;
}
.blog-sidebar-wrapper ::placeholder{
    color: #5f5f5f;
}
.blog-sidebar-wrapper .comment-author-link{
    text-transform: capitalize;
}
.blog-comments ul.children{
    padding-left: 75px;
}
.blog-comments .comment-reply-link{
    border: 1px solid #fff;
    padding: 5px 15px;
    float: right;
    margin-right: 100px;
    margin-top: 10px;
}
nav .link-underline-menu{
    display: inline-block;
}
nav.header-navigation .link-underline-menu a{
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-style: normal;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 25px 20px 0 20px;
    color: #fff;
}
nav.header-navigation.header-navigation-dark .link-underline-menu a{
    color: #2e2e2e;
}
nav.header-navigation ul#menu-primary-menu{
    padding-left: 0;
}
nav.header-navigation-xs .menu-mobile a{
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-style: normal;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0 5px;
    color: #fff;
}
nav.header-navigation-xs.header-navigation-xs-dark .menu-mobile a{
    color: #2e2e2e;
}
nav.header-navigation-xs ul.menu-mobile{
    padding-left: 0;
}
.other-page{
    text-align: center;
}
.other-page .inner-divider-half{
    height: 60px;
}
.other-page h2.home-page-title{
    font-size: 40px;
    font-weight: 600;
}
.other-page a{
    color: #fff;
}
.other-page .the-button.the-button-news-details{
    padding-top: 10px;
}
div#contact-form .contact-form-submit-wrapper input{
    border: unset;
    color: #ff264a;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.25em;
    z-index: 1;
    margin-top: 7px;
}
div#contact-form .wpcf7-response-output{
    color: #fff;
    border-color: #fff;
}
.comment-form-cookies-consent{
    display: none;
}
p.comment-form-cookies-consent+div > .contact-form-submit-wrapper{
    margin-top: 100px;
}
div.search-height{
    height: 50vh;
}
div.search-height .blog-search{
    width: 100%;
    margin-top: 20px;
}
div.search-height .blog-search form input{
    padding: 5px;
    width: 100%;
    color: #fff;
    border: 1px solid #fff;
    position: relative;
    font-size: 16px;
}
div.search-height .blog-search form button{
    position: absolute;
    right: 8px;
    top: 42px;
    color: #fff;
}
div.search-height .blog-search form button .ion-ios-search-strong:before{
    color: #fff;
}
@media (min-width: 1920px){
    .other-page .the-button.the-button-news-details{
        font-size: 15px;
    }
    .the-button{
        padding: 12px 0 0 0;
    }
}
section#news div.gallery{
    display: none;
}
h1.section-comment a{
    color: #fff;
    text-transform: capitalize;
}
h1.section-comment a#cancel-comment-reply-link{
    font-size: 24px;
    letter-spacing: normal;
    padding: 5px 8px;
    border: 2px solid #fff;
    margin-left: 50px;
    font-weight: 600;
}
section.upper-page{
    height: 100vh;
}
@media (max-width: 568px)
{
    header.container-fluid{
        padding: 0;
        background: #111;
    }
    header.container-fluid nav.header-navigation-xs{
        height: auto;
    }
    header.container-fluid nav.header-navigation-xs ul.menu-mobile{
        display: grid;
    }
    header.container-fluid nav.header-navigation-xs ul.menu-mobile > li{
        margin-bottom: 10px;
    }
    header.container-fluid nav.header-navigation-xs ul.menu-mobile li:first-child{
        margin-top: 10px;
    }
    header.container-fluid.navigation-bg-light{
        padding: 0;
        background: #fff;
    }
    header.container-fluid nav.header-navigation-xs a.logo-holder{
        float: left;
        margin-left: 20px;
    }
    header.container-fluid nav.header-navigation-xs button{
        margin-top: 15px;
    }
    header.container-fluid nav.header-navigation-xs span.icon-bar{
        background: #fff;
    }
    header.container-fluid.navigation-bg-light nav.header-navigation-xs span.icon-bar{
        background: #000;
    }
}
div.halves-about > div.about-bg-home{
    width: 100%;
    height: auto;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
div.halves-about:hover > div.about-bg-home{
    -webkit-filter: none;
    filter: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
div.halves .services-bg-home{
    width: 100%;
    height: auto;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
div.halves:hover .services-bg-home{
    -webkit-filter: none;
    filter: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
@media screen and (min-width: 1600px) and (max-height: 900px){
    .works-section.section-gallery .works-section-gallery-box.img-1{
        padding: 15px 15px 15px 0;
    }
    .works-section.section-gallery .works-section-gallery-box.img-2{
        padding: 15px 0 15px 15px;
    }
    .works-section.section-gallery .works-section-gallery-box.img-7{
        padding-bottom: 15px;
    }
    .works-section.section-gallery .works-section-gallery-box.img-8{
        padding-bottom: 15px;
    }
}
@media screen and (min-width: 1600px) and (min-height: 900.02px){
    div.works-section div.works-section-col{
        margin: 10px 0;
    }
}
div.pswp__scroll-wrap .pswp__item .pswp__zoom-wrap{
    transform: none !important;
    margin-top: 44px;
    margin-bottom: 44px;
    text-align: center;
}
div.pswp__scroll-wrap .pswp__item .pswp__zoom-wrap > img.pswp__img{
    position: unset;
    width: auto !important;
    margin: auto;
}
@media screen and (max-width: 991.98px){
    div.pswp__scroll-wrap .pswp__item .pswp__zoom-wrap{
        -webkit-writing-mode: vertical-rl;
    }
    div.pswp__scroll-wrap .pswp__item .pswp__zoom-wrap > img.pswp__img{
        width: 100% !important;
        height: fit-content !important;
    }
}
div#elementor-lightbox-slideshow-single-img{
    display: none !important;
}
.the-button.the-button-news-details{
    padding: 12px 40px;
}
.parallax-title-content{
    line-height: 1.2;
}
div.parallax-title-content-dark::selection{
    color: #000;
}
.header-navigation-xs .logo-holder, .header-navigation-xs .logo-holder.logo-holder-dark{
    background: unset;
}
.header-navigation-xs .logo-holder img{
    max-width: 59px;
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}
.header-navigation-xs .logo-holder img.logo-dark{
    display: none;
}
.header-navigation-xs .logo-holder.logo-holder-dark img.logo-white{
    display: none;
}
.header-navigation-xs .logo-holder.logo-holder-dark img.logo-dark{
    display: block;
}
.swiper-slide-parallax-bg{
    background-image: unset;
}
.kenburns-slide-1, .kenburns-slide-2, .kenburns-slide-3, .kenburns-slide-4{
    background-image: unset;
}
.home-img-top-left, .home-img-top-center, .home-img-top-right, .home-img-bottom-left, .home-img-bottom-center, .home-img-bottom-right{
    background-image: unset;
}
div.gallery{
    display: none;
}
.elementor-html .hero-bg #vimeo-videoContainment iframe{
    height: inherit;
}