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

/*
* Load custom font - Futura
*/
/* light - 300 */
@font-face {
    font-family: 'Futura Bold';
    src: url("/wp-content/themes/salient-child/fonts/futura-bold.ttf") format("opentype");
    font-weight: 700;
    font-style: normal;
}

/* set different style for products meta */
.use-futura-font {
    font-family: 'Futura Bold', sans-serif !important;
}

h1,
h2,
h3,
h4 {
    font-family: 'Futura Bold', sans-serif !important;
}

@media screen and (max-width: 999px) {
    .slide-out-widget-area-toggle {
        display: none !important;
    }

    h1,
    h2 {
        font-size: 45px !important;
        line-height: 55px !important;
    }

    .too-long-word {
        font-size: 40px !important;
        line-height: 50px !important;
    }
}

.black-to-gray-gradient .row-bg-wrap {
    background: #1E1C1A;
    background: linear-gradient(180deg, rgba(30, 28, 26, 1) 0%, rgba(60, 60, 56, 1) 100%);
}

#header-space {
    display: none !important;
}

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

.color-title-light {
    color: #EBEFF2 !important;
}

.color-title-dark {
    color: #343532 !important;
}

.lead {
    font-size: 36px !important;
    line-height: 46px !important;
}

.text-to-uppercase {
    text-transform: uppercase !important;
}

.w-bold {
    font-weight: 700 !important;
}

@media screen and (max-width: 999px) {
    .lead {
        font-size: 20px !important;
        line-height: 30px !important;
    }

    .text-align-start-mobile {
        text-align: start !important;
    }
}

.reverse-icon .nectar-button-type .link_wrap {
    justify-content: start;
    flex-direction: row-reverse;
}

.reverse-icon .nectar-button-type .link_wrap i {
    margin-right: 0px !important;
    margin-left: var(--nectar-icon-gap, 0.7em) !important;
    color: #e21017;
}

.gform_heading {
    display: none !important;
}

body .gform_wrapper .top_label .gfield_label {
    margin-top: 0px !important;
    text-transform: unset !important;
    color: #1E1E1E !important;
}

body .gform_wrapper .gfield_html {
    color: #1E1E1E !important;
}

body input#gform_submit_button_1,
body input#gform_submit_button_2,
body input#gform_submit_button_3,
body input#gform_submit_button_4 {
    background-color: #1a1a1a !important;
    border-radius: 16px !important;
}

.toggles .toggle-title a {
    color: #fff !important;
    font-size: 24px !important;
    line-height: 34px !important;
    padding-bottom: 20px !important;
    text-transform: uppercase !important;
}

.toggles .toggle-title a i {
    background-color: #fff !important;
    border-color: #fff !important;
}

.toggles .toggle-title a i:after,
.toggles .toggle-title a i:before,
.toggles .toggle:hover .toggle-title a i:after,
.toggles .toggle:hover .toggle-title a i:before {
    background-color: #888 !important
}

div[data-style="minimal"] .toggle {
    border-color: #ccc !important;
}

.inner-toggle-wrap {
    max-width: 55% !important;
}

#footer-outer {
    display: none !important;
}

.px24 {
    font-size: 24px !important;
    line-height: 34px !important
}

.px45 {
    font-size: 30px !important;
    line-height: 40px !important;
}

@media screen and (max-width: 99px) {
    .px24 {
        font-size: 20px !important;
        line-height: 30px !important
    }

    .px45 {
        font-size: 25px !important;
        line-height: 35px !important
    }
}

body[data-button-style*=slightly_rounded] .nectar-cta .link_wrap:before {
    border-radius: 16px !important;
}

@media screen and (min-width: 999px) {
    #row-gallery .flickity-slider .cell .inner-wrap-outer .inner-wrap .vc_col-sm-12 .vc_column-inner {
        min-height: 670px !important;
        max-height: 670px !important;
    }
}

@media screen and (max-width: 999px) {
    #row-gallery .flickity-slider .cell .inner-wrap-outer .inner-wrap .vc_col-sm-12 .vc_column-inner {
        min-height: 500px !important;
        max-height: 500px !important;
    }
}

@media screen and (max-width: 999px) {
    header#top .col.span_9 {
        display: none !important;
    }

    header#top .col.span_3 {
        width: 84.5% !important;
    }

    #header-outer #top nav {
        display: block !important;
    }

    #header-outer #top nav ul.buttons.sf-menu {
        padding-top: 0px !important;
    }
}

.wpml-ls-current-language {
    display: none !important;
}