/*
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.9
*/


/* New Heading Classes to override */

body .vc_custom_heading.kh-h-slash {
    font-family: MADERA-REGULAR;
    letter-spacing: 2px;
    font-size: 18px !important;
    line-height: 32px !important;
    font-weight: 600;
    position: relative;
    padding-left: 16px;

    &:before {
        content: "/";
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        color: inherit;
    }
}

@media screen and (max-width: 768px) {
    body .vc_custom_heading.kh-h-slash {
        font-size: 14px !important;
        line-height: 26px !important;
    }
}

body h1.vc_custom_heading.kh-h-h1style,
body h2.vc_custom_heading.kh-h-h1style,
body h3.vc_custom_heading.kh-h-h1style,
body h4.vc_custom_heading.kh-h-h1style,
body h5.vc_custom_heading.kh-h-h1style,
body h6.vc_custom_heading.kh-h-h1style {
    font-family: MADERA-BOLD;
    font-size: 70px !important;
    line-height: 74px !important;
    font-weight: 700 !important;
}

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

    body h1.vc_custom_heading.kh-h-h1style,
    body h2.vc_custom_heading.kh-h-h1style,
    body h3.vc_custom_heading.kh-h-h1style,
    body h4.vc_custom_heading.kh-h-h1style,
    body h5.vc_custom_heading.kh-h-h1style,
    body h6.vc_custom_heading.kh-h-h1style {
        font-size: 49px !important;
        line-height: 51.8px !important;
    }
}


/* Post Grid: styling override (e.g. used on blogs, news) */

.grid .mason-item .mega-post-carousel1 {
    @media only screen and (min-width: 1701px) {
        min-height: 480px !important;
    }

    @media only screen and (max-width: 1700px) {
        min-height: 250px !important;
    }

    @media only screen and (max-width: 950px) {
        min-height: 500px !important;
    }

    @media only screen and (max-width: 820px) {
        min-height: 600px !important;
    }

    @media only screen and (max-width: 480px) {
        min-height: unset !important;
    }
}

.grid .mason-item .mega-post-image {
    min-height: unset !important;

    @media only screen and (min-width: 1701px) {
        height: 230px !important;
    }

    @media only screen and (min-width: 1601px) and (max-width: 1700px) {
        height: 224px !important;
    }

    @media only screen and (min-width: 1501px) and (max-width: 1600px) {
        height: 204px !important;
    }

    @media only screen and (min-width: 1401px) and (max-width: 1500px) {
        height: 187px !important;
    }

    @media only screen and (min-width: 1301px) and (max-width: 1400px) {
        height: 169px !important;
    }

    @media only screen and (min-width: 1201px) and (max-width: 1300px) {
        height: 152px !important;
    }

    @media only screen and (min-width: 1000px) and (max-width: 1200px) {
        height: 117px !important;
    }

    @media only screen and (min-width: 601px) and (max-width: 999px) {
        height: 124px !important;
    }

    @media only screen and (min-width: 481px) and (max-width: 600px) {
        height: 55px !important;
    }

    @media only screen and (max-width: 480px) {
        height: auto !important;
    }
}

.grid .mason-item .mega-post-image img.wp-post-image {
    object-fit: contain;
    height: 100% !important;
    width: 100%;
    object-position: bottom;
    margin-bottom: 0 !important;

    @media only screen and (max-width: 480px) {
        height: auto !important;
    }
}

/* Post filter: styling override (e.g. used on resources) */

.featuredPostSection .catPostListing .catPost {
    height: 460px;

    @media only screen and (max-width: 1100px) {
        height: 560px;
    }

    @media only screen and (max-width: 767px) {
        height: 510px;
    }

    @media only screen and (max-width: 575px) {
        height: auto;
    }
}

.featuredPostSection .catPostListing .catPost .imgWrap {
    max-height: 208px;
    height: 208px;

    @media only screen and (max-width: 1560px) {
        height: 181px;
    }

    @media only screen and (max-width: 1460px) {
        height: 164px;
    }

    @media only screen and (max-width: 1360px) {
        height: 148px;
    }

    @media only screen and (max-width: 1260px) {
        height: 130px;
    }

    @media only screen and (max-width: 1160px) {
        height: 114px;
    }

    @media only screen and (max-width: 1040px) {
        height: 77px;
    }

    @media only screen and (max-width: 767px) {
        height: 87px;
    }

    @media only screen and (max-width: 575px) {
        height: auto;
    }
}

.featuredPostSection .catPostListing .catPost .imgWrap .imgFluid {
    object-fit: contain;
    height: 100%;
    width: 100%;
}

/* Single post template date */

.single-post .meta-date.date.published:before {
    content: "Published: ";
}

.single-post .meta-date.date.updated {
    display: block !important;
    margin-top: 15px;
    border-left: 0 none !important;
}

.single-post .meta-date.date.updated:before {
    content: "Last Updated: ";
}

/* Fixing padding on button that links to taxonomy page located on post header */
.single-post #ajax-content-wrap #page-header-bg .inner-wrap a.articles {
    padding-bottom: 9px !important;
}
