/*
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: 'Satoshi';
    src: url('fonts/Satoshi-Variable.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('fonts/Satoshi-VariableItalic.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next LT Pro';
    src: url('fonts/Avenir Next LT Pro Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body,
form label,
a {
    font-family: 'Avenir Next LT Pro', Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Satoshi', sans-serif !important;
}


@media screen and (min-width: 768px) {
    .form-row {
        display:flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    
    .form-row .form-column {
        width: 48%;
    }

    body.home .main-content > .row > div:first-child {
        height: 60vh !important;
    }
}

.nectar-fancy-box[data-style=hover_desc].hovered .box-bg:after {
    opacity: 0 !important;
}


form label {
    margin-top: 12px;
    display: block;
    font-weight: 200 !important;
}

form label > span {
    margin-top: 8px !important;
}


form label input {
    height: 45px !important;
    border-radius: unset !important;
}

.top-bar-contact-btn {
    background-color: #4D9480;
    background: #4D9480;
    color: white !important;
    padding: 10px 20px !important;
    border-radius: 100px;
    font-weight: 600 !important;
    padding-top: 13px !important;
}

:hover {
    text-decoration: none !important;
}

.top-bar-contact-btn:after {
    content: unset !important;
    background-color: transparent !important;
    background: transparent !important;
    height: 0 !important;
    display: none !important;
}

.slide-out-widget-area-toggle > div {
    background: #3b3b3c !important;
    border-radius: 100px !important;
    padding: 10px !important;
}


.slide-out-widget-area-toggle.mobile-icon .lines-button:after,
.slide-out-widget-area-toggle.mobile-icon .lines:after,
.slide-out-widget-area-toggle.mobile-icon .lines:before {
    background-color: white !important
}