/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
@font-face {
    font-family: 'HelveticaCn';
    src: url('/wp-content/themes/salient-child/fonts/HelveticaNeueLTStd-LtCn.eot');
    src: url('/wp-content/themes/salient-child/fonts/HelveticaNeueLTStd-LtCn.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/salient-child/fonts/HelveticaNeueLTStd-LtCn.woff2') format('woff2'),
        url('/wp-content/themes/salient-child/fonts/HelveticaNeueLTStd-LtCn.woff') format('woff'),
        url('/wp-content/themes/salient-child/fonts/HelveticaNeueLTStd-LtCn.ttf') format('truetype'),
        url('/wp-content/themes/salient-child/fonts/HelveticaNeueLTStd-LtCn.svg#HelveticaNeueLTStd-LtCn') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaCn';
    src: url('/wp-content/themes/salient-child/fonts/HelveticaNeueLTStd-BlkCn.eot');
    src: url('/wp-content/themes/salient-child/fonts/HelveticaNeueLTStd-BlkCn.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/salient-child/fonts/HelveticaNeueLTStd-BlkCn.woff2') format('woff2'),
        url('/wp-content/themes/salient-child/fonts/HelveticaNeueLTStd-BlkCn.woff') format('woff'),
        url('/wp-content/themes/salient-child/fonts/HelveticaNeueLTStd-BlkCn.ttf') format('truetype'),
        url('/wp-content/themes/salient-child/fonts/HelveticaNeueLTStd-BlkCn.svg#HelveticaNeueLTStd-BlkCn') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
.slide-out-hover-icon-effect.slide-out-widget-area-toggle:not(.small) .lines:before, 
body.material[data-header-search=false]:not(.mobile) #header-outer[data-has-menu=false][data-cart=false] .slide-out-widget-area-toggle:not([data-custom-color=true]) a:not(.using-label) .lines:before {
    width: inherit;
}


.home .main-content.tiles {
    max-width: calc(100% - 32px) !important;
    margin: 0 16px;
    padding: 0;
}
#logo {line-height:0;}
.logo_wrap {
    border-radius: 5px;
    overflow: hidden;
}
.tiles .masonry-blog-item.nav_wrap,
.tiles .masonry-blog-item.logo_wrap {
    z-index: 9999;
}
.logo_wrap div,
.nav_wrap header {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav_wrap header nav {
    display: block !important;
}

.slide-out-widget-area-toggle a:not(.using-label) span:not(.close-line) {
    width: 30px !important;
}

#slide-out-widget-area.fullscreen-split .inner>.container {
    width: 50% !important;
}

.nav_wrap {
    z-index: 9999;
}

.auto_meta_overlaid_spaced .masonry-blog-item .inner-wrap {
    padding: 0px; 
}

.tiles .masonry-blog-item .post-content {
    height: inherit !important;
    padding: 8px;
    overflow:hidden;
}

/*below is original code from Bjoern*/
.tiles .masonry-blog-item .post-content .post-featured-img {
    filter: grayscale(100%) contrast(1.2);
    -webkit-filter: grayscale(100%) contrast(1.2);
    -moz-filter: grayscale(100%) contrast(1.2);
    -o-filter: grayscale(100%) contrast(1.2);
    -ms-filter: grayscale(100%) contrast(1.2);
}

.tiles .masonry-blog-item:hover .post-content .post-featured-img,
.tiles .masonry-blog-item:focus .post-content .post-featured-img {
    filter: grayscale(0%) contrast(1);
    -webkit-filter: grayscale(0%) contrast(1);
    -moz-filter: grayscale(0%) contrast(1);
    -o-filter: grayscale(0%) contrast(1);
    -ms-filter: grayscale(0%) contrast(1);
}

.blog_next_prev_buttons {background-color: transparent;}
.blog_next_prev_buttons ul.controls li {border-radius:10px;margin:0 8px 8px; -webkit-align-items: flex-end!important; justify-content: flex-start!important;}
.blog_next_prev_buttons[data-style=fullwidth_next_prev] li span {text-align:left!important;}
@media only screen and (min-width: 691px) {
.blog_next_prev_buttons ul.controls {margin:0 8px;}
.blog_next_prev_buttons ul.controls li {width:calc(50% - 24px)!important; margin:8px;}
}
/*Below is test code from Jordan
.tiles .masonry-blog-item .post-content .post-featured-img {filter: sepia(80%);transition: all .7s cubic-bezier(.2,1,.22,1),opacity .5s ease;} 
.tiles .masonry-blog-item:hover .post-content .post-featured-img, .tiles .masonry-blog-item:focus .post-content .post-featured-img {filter: sepia(0%);}
*/

header{
    background-color: #505050;
}
.posts-container .meta-category{
    display: none;
}

.meta-category a{
    border: 2px solid transparent!important;
}

#slide-out-widget-area.fullscreen-split .widget ul:not([class*="nectar_blog_posts"]) li > a:not(.tag-cloud-link):not(.nectar-button) {
    background-image: none !important;
}

#slide-out-widget-area.fullscreen-split .widget ul:not([class*="nectar_blog_posts"]) li > a:not(.tag-cloud-link):not(.nectar-button):hover {
   font-weight: bold;
}

@media screen and (min-width: 1200px) {
  
    .isNotVisible{
        visibility: hidden!important;
        transition: 0.1s;
     }
     .isVisible{
         visibility:visible!important;
         transition: 0.1s;
     }


  }




.auto_meta_overlaid_spaced .masonry-blog-item .post-header, .auto_meta_overlaid_spaced .masonry-blog-item .post-header h3 {
    margin-bottom: 14px;
}
.post-area.auto_meta_overlaid_spaced .masonry-blog-item .article-content-wrap .meta-category {
    position: absolute;
    bottom: 10px;
}
/* Detail page */
body[data-button-style^=rounded].single .heading-title[data-header-style=default_minimal] .meta-category a {
    border-radius: 4px;
    padding: 8px 16px;
}

/* Below is added by Jordan 27/7/22 */

#header-outer #top{
    background-color: transparent!important;
}

.auto_meta_overlaid_spaced .masonry-blog-item .meta-category a{
    font-weight: 300;
}

.auto_meta_overlaid_spaced .masonry-blog-item .article-content-wrap{
    line-height:4;
}

.row .col.section-title span{
    padding-left: 0px;
}

.row.heading-title.hentry{
    max-width: 1000px!important;
    margin: 0 auto!important;
    text-align: left!important;
}

.single .heading-title[data-header-style=default_minimal] .meta-category a{
    margin: 0px 6px 0 0!important;
}

.row .col img {

    margin-bottom: 0px!important;

}

img{
    filter: contrast(80%)!important;
}

body .portfolio-items .col.elastic-portfolio-item {
    width: 100%!important;
    position: relative!important;
    left: 0!important;
    top:0!important;
    transform: inherit!important;
}

/* until here, J.G */
#slide-out-widget-area .wp-block-columns {
display: flex;
flex-wrap: nowrap;
align-items: flex-start;
flex-direction: column;
}
body #footer-outer[data-cols="1"][data-disable-copyright="false"][data-copyright-line="false"][data-matching-section-color="true"] #copyright {padding-top:0px;}
@media only screen and (min-width: 691px) {
    .home #top nav ul .slide-out-widget-area-toggle a .lines:after, .home #top nav ul .slide-out-widget-area-toggle a .lines:before,
     .home #top nav ul .slide-out-widget-area-toggle a:hover .lines-button:after, .home .slide-out-widget-area-toggle .lines-button:after {
        background-color:rgba(255,255,255,1)!important;
    }
    .home #top nav ul .slide-out-widget-area-toggle a .lines,
    .home #top nav ul .slide-out-widget-area-toggle a:hover .lines {
        background-color: transparent!important;
    }
}
    
    
@media only screen and (min-width: 1000px) {

    #slide-out-widget-area .wp-block-columns {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: nowrap;
        align-content: flex-start;
        align-items: flex-start;
        flex-direction: inherit;
    }
}
@media only screen and (min-width: 1600px) {
    .nav_wrap {
        order: 14 !important;
    }

    .tiles .masonry-blog-item {
        width: 16.666% !important; /*calc(14.72vw - 16px) !important;*/
        height: 9.37vw;
    }
    #header-space {height: 8.28vw;}
}

@media only screen and (max-width: 1599px) {
    .nav_wrap {
        order: 12 !important;
    }

    .tiles .masonry-blog-item {
        width:  20% !important; /*calc(20.6vw - 16px) !important;*/
        height: 11.59vw;
    }
    #header-space {height: 11.59vw;}

    .home .main-content.tiles {
        margin: 0 16px;
    }
}

@media only screen and (max-width: 999px) {
    .nav_wrap {
        order: 10 !important;
    }

    #slide-out-widget-area.fullscreen-split .inner>.container { 
        left:0 !important;
        padding-top: 50px !important;
    }
    .tiles .masonry-blog-item {
        width:  25% !important; /*calc(25.7vw - 16px) !important;*/
        height: 14.46vw;
    }
    #header-space {height: 14.46vw;}

    .home .main-content.tiles {
        margin: 0 16px;
    }

    .tiles .masonry-blog-item .post-content .post-featured-img {
        filter: grayscale(0%);
    }

    #top{
        height: inherit!important;
    }

}

@media only screen and (max-width: 690px) {
    .masonry-blog-item .post-header h3.title {font-size:24px;}
    .tiles .masonry-blog-item.logo_wrap .inner-wrap {
        justify-content:flex-start;
    }
    #top .slide-out-widget-area-toggle .close-line { background: rgba(0,0,0,1);}
    .home #top nav ul .slide-out-widget-area-toggle a .lines.close, .home #top nav ul .slide-out-widget-area-toggle a .close .lines:after, .home #top nav ul .slide-out-widget-area-toggle a .close .lines:before,
    .home #top nav ul .slide-out-widget-area-toggle a:hover .close .lines, .home #top nav ul .slide-out-widget-area-toggle a:hover .lines-button.close:after, .home .slide-out-widget-area-toggle .lines-button.close:after {
        background-color:rgba(255,255,255,1)!important;
    }

    #slide-out-widget-area.fullscreen-split .inner>.container {
        width: 100% !important;
    }

    .tiles .masonry-blog-item {
        width: 100% !important;
        height: 56.25vw;
    }

    .nav_wrap {
      
        order: 4!important;
    }

    .tiles .masonry-blog-item.logo_wrap {
        width: 80% !important;
    }
    .tiles .masonry-blog-item.nav_wrap {
        width: 20% !important;
    }
    .tiles .masonry-blog-item.nav_wrap,
    .tiles .masonry-blog-item.logo_wrap {
        height: 80px;
        background: #fff;
    }
    #header-space {height: 80px;}

    .home .main-content.tiles {
        margin: 0 16px;
    }
    /** test code to fix mobile screen in category section, Jordan 27/7/22**/
    body:not(.nectar-no-flex-height) #ajax-content-wrap{
        display: block;
    }


    header{
        background-color: transparent!important;
    }

}