/*
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: 'Montserrat';
    src: url('assets/fonts/Montserrat-Medium.eot');
    src: url('assets/fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Montserrat-Medium.woff2') format('woff2'),
        url('assets/fonts/Montserrat-Medium.woff') format('woff'),
        url('assets/fonts/Montserrat-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-SemiBold.eot');
    src: url('assets/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('assets/fonts/Montserrat-SemiBold.woff') format('woff'),
        url('assets/fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Regular.eot');
    src: url('assets/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Montserrat-Regular.woff2') format('woff2'),
        url('assets/fonts/Montserrat-Regular.woff') format('woff'),
        url('assets/fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Light.eot');
    src: url('assets/fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Montserrat-Light.woff2') format('woff2'),
        url('assets/fonts/Montserrat-Light.woff') format('woff'),
        url('assets/fonts/Montserrat-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-ExtraBold.eot');
    src: url('assets/fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('assets/fonts/Montserrat-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Bold.eot');
    src: url('assets/fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Montserrat-Bold.woff2') format('woff2'),
        url('assets/fonts/Montserrat-Bold.woff') format('woff'),
        url('assets/fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat-Italic.eot');
    src: url('assets/fonts/Montserrat-Italic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Montserrat-Italic.woff2') format('woff2'),
        url('assets/fonts/Montserrat-Italic.woff') format('woff'),
        url('assets/fonts/Montserrat-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/Inter-Bold.eot');
    src: url('assets/fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter-Bold.woff2') format('woff2'),
        url('assets/fonts/Inter-Bold.woff') format('woff'),
        url('assets/fonts/Inter-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/Inter-Medium.eot');
    src: url('assets/fonts/Inter-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter-Medium.woff2') format('woff2'),
        url('assets/fonts/Inter-Medium.woff') format('woff'),
        url('assets/fonts/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/Inter-Light.eot');
    src: url('assets/fonts/Inter-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter-Light.woff2') format('woff2'),
        url('assets/fonts/Inter-Light.woff') format('woff'),
        url('assets/fonts/Inter-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/Inter-ExtraBold.eot');
    src: url('assets/fonts/Inter-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter-ExtraBold.woff2') format('woff2'),
        url('assets/fonts/Inter-ExtraBold.woff') format('woff'),
        url('assets/fonts/Inter-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('assets/fonts/Inter-Regular.eot');
    src: url('assets/fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Inter-Regular.woff2') format('woff2'),
        url('assets/fonts/Inter-Regular.woff') format('woff'),
        url('assets/fonts/Inter-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spectral';
    src: url('assets/fonts/Spectral-Italic.eot');
    src: url('assets/fonts/Spectral-Italic.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Spectral-Italic.woff2') format('woff2'),
        url('assets/fonts/Spectral-Italic.woff') format('woff'),
        url('assets/fonts/Spectral-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Spectral';
    src: url('assets/fonts/Spectral-Bold.eot');
    src: url('assets/fonts/Spectral-Bold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Spectral-Bold.woff2') format('woff2'),
        url('assets/fonts/Spectral-Bold.woff') format('woff'),
        url('assets/fonts/Spectral-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spectral';
    src: url('assets/fonts/Spectral-Medium.eot');
    src: url('assets/fonts/Spectral-Medium.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Spectral-Medium.woff2') format('woff2'),
        url('assets/fonts/Spectral-Medium.woff') format('woff'),
        url('assets/fonts/Spectral-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spectral';
    src: url('assets/fonts/Spectral-SemiBold.eot');
    src: url('assets/fonts/Spectral-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Spectral-SemiBold.woff2') format('woff2'),
        url('assets/fonts/Spectral-SemiBold.woff') format('woff'),
        url('assets/fonts/Spectral-SemiBold.ttf') format('truetype'),
        url('assets/fonts/Spectral-SemiBold.svg#Spectral-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spectral';
    src: url('assets/fonts/Spectral-Light.eot');
    src: url('assets/fonts/Spectral-Light.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Spectral-Light.woff2') format('woff2'),
        url('assets/fonts/Spectral-Light.woff') format('woff'),
        url('assets/fonts/Spectral-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spectral';
    src: url('assets/fonts/Spectral-Regular.eot');
    src: url('assets/fonts/Spectral-Regular.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/Spectral-Regular.woff2') format('woff2'),
        url('assets/fonts/Spectral-Regular.woff') format('woff'),
        url('assets/fonts/Spectral-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*********************
 GENERAL
 *********************/
body, h1, h2, h3, h4, .h1, .h2, .h3, h4, .h4 { color: var(--nectar-extra-color-1); font-family: 'Spectral', sans-serif; font-style: normal; font-weight: 600; }
h5, h6, .h5, .h6, button, p { font-family: 'Montserrat', sans-serif; font-style: normal; font-weight: normal; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }

h1, .h1 { font-size: 55px; line-height: 55px; }
h2, .h2 { font-size: 45px; line-height: 50px; }
h3, .h3 { font-size: 30px; line-height: 35px; }
h4, .h4 { font-size: 25px; line-height: 30px; }
h5, .h5 { font-size: 20px; line-height: 25px; }
p, ul li, ol li { font-size: 18px; line-height: 25px; }

small { font-size: 85%; }

.wpb_column[data-cfc="true"] p > a { color: inherit; text-decoration: underline; }
.wpb_column[data-cfc="true"] p > a:hover { opacity: 0.5; }

.light p > a { color: #ffffff; text-decoration: underline; }

@media (max-width: 1299px) {
    h1, .h1 { font-size: 45px; line-height: 50px; }
    h2, .h2 { font-size: 35px; line-height: 40px; }
	p, ul li, ol li { font-size: 16px; line-height: 22px; }
}

@media (max-width: 999px) {
    h1, .h1 { font-size: 40px; line-height: 44px; }
    h2, .h2 { font-size: 36px; line-height: 40px; }
    h3, .h3 { font-size: 31px; line-height: 35px; }
    h4, .h4 { font-size: 18px; line-height: 22px; }
    h5, .h5 { font-size: 16px; line-height: 20px; }
    p { font-size: 15px; line-height: 20px; }
}

@media (max-width: 690px) {
    h1, .h1 { font-size: 35px; line-height: 40px; }
    h2, .h2 { font-size: 28px; line-height: 32px; }
    h3, .h3 { font-size: 26px; line-height: 31px; }
    h4, .h4 { font-size: 17px; line-height: 21px; }
    h5, .h5 { font-size: 16px; line-height: 20px; }
}

.check-list { font-family: 'Spectral', sans-serif; font-size: 18px; line-height: 28px; }
.first-color { color: var(--nectar-accent-color)!important; }
.snd-color { color: var(--nectar-extra-color-1)!important; }
.th-color { color: var(--nectar-extra-color-2)!important; }

@media (max-width: 450px) {
    .th-color { color: var(--nectar-accent-color)!important; }
}


/*********************
 HEADER
 *********************/
#header-outer .menu-title-text { color: var(--white); font-family: 'Spectral', sans-serif; font-size: 20px; font-weight: bold; line-height: 24px; text-transform: uppercase; }
#top nav>ul>li[class*=button_solid_color]>a:before { height: 35px; }

.iwithtext .wpb_wrapper { margin-bottom: 5px!important; }
.iwithtext .iwt-icon { left: 21px; top: 4px!important; }
.iwithtext .wpb_wrapper>div { margin-bottom: 0!important; }

.row .col .iwithtext .iwt-icon img:not([srcset]) { width: 25px; }


/*********************
 FOOTER
 *********************/
#footer-outer #copyright .col.span_5 { margin-right: 0; width: 100%; }
#footer-outer #copyright p { font-size: 15px; }
#footer-outer a:hover { color: var(--nectar-extra-color-2)!important; }
#footer-outer .small-text { font-size: 12px!important; line-height: 16px; }
#footer-outer #copyright a:not(.nectar-button):hover { color: var(--nectar-extra-color-2)!important; }

.grecaptcha-badge { display: none!important; }
.whatsapp-icon { bottom: 15px; display: block; position: fixed; right: 15px; z-index: 99999999999999999999999; }

.footer-btn { background-color: #62e2c4; border-radius: 35px; bottom: 30px; box-shadow: 0 0 10px rgba(0,0,0,0.15); color: black; display: inline-block; font-family: 'Inter', sans-serif; font-size: 17px; font-weight: bold; left: 30px; letter-spacing: 1px; line-height: 22px; padding: 15px 60px; position: fixed; z-index: 9999999; }
.footer-btn:hover { background-color: white; color: black; }

@media (max-width: 690px) {
	.footer-btn { bottom: 10px; font-size: 16px; left: 10px; line-height: 21px; padding: 15px; text-align: center; transform: translateX(0); width: calc(100% - 20px); }
}


/*********************
 PAGES
 *********************/
.table-responsive { overflow-x: auto; }
table.pricing { border: 0!important; }
table.pricing th, table.pricing td { background-color: #ffffff; border: 0!important; font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 22px; padding: 12px 16px!important; vertical-align: middle; }
table.pricing th { font-size: 16px; line-height: 24px; vertical-align: top; }
table.pricing th strong { font-weight: bold; line-height: 32px; }
table.pricing td { color: #000000; }
table.pricing th:not(:first-child), table.pricing td:not(:first-child) { text-align: center; }
table.pricing th:first-child, table.pricing td:first-child { width: 40%; }
table.pricing tbody tr:nth-child(2n+1) td { background-color: #f2f2f2; }
table.pricing i.fa { background-color: var(--nectar-extra-color-2); border-radius: 50%; color: #000000; font-size: 17px; height: 30px; line-height: 30px; width: 30px; }

.bubble > .vc_column-inner, .bubble .column-bg-overlay { aspect-ratio: 6/5; border-radius: 53% 71% 74% 64%; max-width: 550px; }
.bubble > .vc_column-inner { position: relative; }
.bubble .column-bg-overlay { transform: rotate(-30deg); }
.bubble > .vc_column-inner > .wpb_wrapper { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 75%; }

#ajax-content-wrap .nectar-fancy-box[data-border-radius="10px"][data-style=color_box_basic], #ajax-content-wrap .nectar-fancy-box[data-border-radius="10px"][data-style=color_box_hover] .box-inner-wrap, #ajax-content-wrap .nectar-fancy-box[data-border-radius="10px"][data-style=color_box_hover]:before {
	border-radius: 15px!important;
}

.wpcf7 form.sent .wpcf7-response-output { color: black; }

.circle-number { background-color: var(--nectar-accent-color); border-radius: 50%; display: inline-block; font-size: 22px; height:45px; line-height: 45px; width: 45px; }

@media (max-width: 999px) {
    table.pricing th, table.pricing td { font-size: 16px; line-height: 20px; padding: 10px 14px!important; }
    table.pricing th { font-size: 14px; line-height: 18px; }
	
	.bubble + .bubble { margin-top: 50px; }
	.bubble > .vc_column-inner { display: block; margin-inline: auto; }
	
	.nectar-leaflet-map { height: 600px!important; }
}

@media (max-width: 690px) {
    table.pricing th, table.pricing td { font-size: 13px; line-height: 17px; padding: 9px 14px!important; }
    table.pricing th { font-size: 12px; line-height: 16px; padding-inline: 5px!important; }
    table.pricing th:first-child, table.pricing td:first-child { width: 50%; }
    table.pricing i.fa { font-size: 15px; height: 25px; line-height: 25px; width: 25px; }
	
	.nectar-leaflet-map { height: 450px!important; }
}


/*********************
 FAQS
 *********************/
.toggles--minimal-shadow .toggle:before { content: none; }

body .toggles--minimal-shadow .toggle { border-top: 3px solid gray; }
body .toggles--minimal-shadow .toggle:last-child { border-bottom: 3px solid gray; }
body .toggles--minimal-shadow .toggle h3 { position: relative; }
body div[data-style*=minimal] .toggle.open>.toggle-title a, body div[data-style*=minimal] .toggle>.toggle-title a { font-size: 30px; line-height: 35px; padding-inline: 15px; }
body div[data-style*=minimal] .toggle>.toggle-title a { background-color: transparent; border: transparent; color: #080225!important; font-family: 'Montserrat',sans-serif!important; font-size: 25px; font-weight: 600!important; }

.toggles--minimal-shadow .toggle > .toggle-title a { padding: 15px 50px 15px 0; }
.toggles--minimal-shadow .toggle { border-bottom: transparent; }

div[data-style*=minimal] .toggle>.toggle-title i { border: transparent!important; }
div[data-style*="minimal"].toggles--minimal-shadow .toggle i { left: -48px; position: absolute; top: 50%; }

.toggles--minimal-shadow .toggle > .toggle-title i:before { background-color: #593fd6!important; height: 4px; top: 13px; }
.toggles--minimal-shadow .toggle > .toggle-title i:after { background-color: #593fd6!important; left: 13px; width: 4px; }


@media (max-width: 690px) {
    .toggles--minimal-shadow .toggle > .toggle-title a { padding: 15px 40px 15px 10px; }

    body div[data-style*=minimal] .toggle.open>.toggle-title a, body div[data-style*=minimal] .toggle>.toggle-title a { padding-left: 29px; }
    body .toggles--minimal-shadow .toggle { padding: 0!important; }

    div[data-style*="minimal"].toggles--minimal-shadow .toggle i { left: -10px; }
}


/*********************
 CONTACT
 *********************/
#get-guidance h2 { color: var(--nectar-extra-color-2); }
#get-guidance h5 { font-size: 40px; font-weight: bold; text-align: center!important; }
#get-guidance h6 { padding-bottom: 10px!important; }
#get-guidance a { color: var(--nectar-extra-color-2)!important; text-decoration: underline; }

.get-in-touch input[type="text"], input[type="email"], input[type="tel"] { background-color: white!important; border-radius: 10px!important; }
.get-in-touch .wpcf7-form p span { color: white!important; }
.get-in-touch h5, h6 { font-size: 20px; font-weight: 600; line-height: 30px; }

body[data-form-submit="regular"] input[type=submit] { background-color: var(--nectar-extra-color-2); border-radius: 8px!important; color: #080225; font-family: 'Inter', sans-serif; font-size: 22px; line-height: 30px; }


@media (max-width: 1299px) {
    #get-guidance h5 { font-size: 35px; text-align: left!important; }
    #get-guidance h6 { font-size: 25px; text-align: left!important; }
    #get-guidance p { text-align: left!important; }

}

@media (max-width: 999px) {
    #contact a, #contact h6, #contact p { font-size: 18px!important; }
    #contact p { line-height: 22px; padding-inline: 0; }
    #contact .span_12.dark .nectar-icon-list[data-icon-color=default] .list-icon-holder i { font-size: 25px; top: 5px!important; }
}

@media (max-width: 690px) {
    #contact a, #contact h6, #contact p { font-size: 16px!important; }
    #contact p { line-height: 20px; }
}

@media (max-width: 480px) {
    #get-guidance h5 { font-size: 30px; text-align: left!important; }
    #get-guidance h6 { font-size: 20px; text-align: left!important; }
    body[data-form-submit="regular"] input[type=submit] { font-size: 18px; line-height: 22px; }
}
