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


@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

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

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

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

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

:root {
	--black: #000000;
	--white: #ffffff;
}

h1, h2, h4, h5, h6 { font-family: 'Playfair Display', sans-serif!important; font-weight: 400; } 
h3, p, ul li, body { font-family: 'Texta', sans-serif!important; font-weight: 400; } 
p, ul li, body { font-weight: 400; }
strong { font-weight: 700; }
a, button { transition: .5s all ease; -webkit-transition: .5s all ease; -moz-transition: .5s all ease; }

h1 { font-size: 68px; line-height: 73px; }
h2 { font-size: 58px; line-height: 63px; }
h3 { font-size: 22px; letter-spacing: 3px; line-height: 28px; text-transform: uppercase; }
h4 { font-size: 40px; line-height: 45px; }
h5 { font-size: 26px; line-height: 31px; }
h6 { font-size: 24px; line-height: 29px; }
p, ul li { font-size: 18px; line-height: 24px; }

@media (max-width: 1499px) {
    h1 { font-size: 64px; line-height: 69px; }
    h2 { font-size: 55px; line-height: 60px; }
}

@media (max-width: 1199px) {
    h1 { font-size: 60px; line-height: 65px; }
    h2 { font-size: 52px; line-height: 57px; }
    h4 { font-size: 38px; line-height: 43px; }
}

@media (max-width: 999px) {
	h1 { font-size: 54px; line-height: 59px; }
    h2 { font-size: 46px; line-height: 51px; }
	h3 { font-size: 21px; line-height: 26px; }
	h4 { font-size: 34px; line-height: 39px; }
	h5 { font-size: 24px; line-height: 29px; }
    h6 { font-size: 22px; line-height: 27px; }
	p, ul li {  font-size: 17px; line-height: 22px; }
}

@media (max-width: 699px) {
	h1 { font-size: 48px; line-height: 54px; }
    h2 { font-size: 41px; line-height: 46px; }
    h3 { font-size: 20px; line-height: 25px; }
    h4 { font-size: 31px; line-height: 36px; }
    h5 { font-size: 22px; line-height: 27px; }
    h6 { font-size: 20px; line-height: 25px; }
    p, ul li {  font-size: 16px; line-height: 21px; }
}

@media (max-width: 480px) {
	h1 { font-size: 42px; line-height: 47px; }
	h2 { font-size: 37px; line-height: 42px; }
}

.text-white { color: var(--white)!important; }
.text-black { color: var(--black)!important; }
.text-site1 { color: var(--nectar-accent-color)!important; }
.text-site2 { color: var(--nectar-extra-color-1)!important; }

body[data-bg-header=true] .container-wrap { padding-bottom: 0!important; }

h2 strong { color: var(--nectar-accent-color)!important; font-style: italic; font-weight: 400; }

.img-100 { width: 100%!important; }
.nectar-button.large { font-family: 'Texta', sans-serif!important; font-size: 15px; font-weight: 400; text-transform: uppercase; }

body[data-header-resize="1"] .container-wrap { padding-top: 0; }
.padding-left-column { padding-left: calc(calc(100vw - 1320px) / 2)!important; }
.padding-right-column { padding-right: calc(calc(100vw - 1320px) / 2)!important; }

@media (max-width: 1515px) {
    .padding-left-column { padding-left: 90px!important; }
    .padding-right-column { padding-right: 90px!important; }
}

@media (max-width: 999px) {
    .nectar-button.large { font-size: 16px; }
    .padding-left-column { padding-left: 60px!important; }
    .padding-right-column { padding-right: 60px!important; }
}

@media (max-width: 690px) {
    .nectar-button.large { font-size: 15px; }
    .padding-left-column { padding-left: 25px!important; }
    .padding-right-column { padding-right: 25px!important; }
}


/********************
 HEADER
 *******************/
#top nav>ul>li>a, #header-outer .sf-menu li ul li.menu-item a { color: var(--white); font-family: 'Texta'; font-size: 16px; font-weight: 400; line-height: 16px; opacity: 1; text-transform: uppercase; }
#header-outer.transparent #top nav > ul > li > a, #header-outer.transparent #top nav > .sf-menu > li > a  { opacity: 1; }
#header-outer .sf-menu li ul li.menu-item a { color: var(--black); }

#header-outer.transparent #top nav .sf-menu > .current-menu-item > a, #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > .current-menu-item > a, #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > .current_page_item > a,
#header-outer.transparent[data-lhe="default"] #top nav > ul > li > a:hover, #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > .current-menu-ancestor > a,
#header-outer.transparent #top nav .sf-menu > .current-menu-ancestor > a i, body #header-outer.transparent[data-lhe="default"] #top nav .sf-menu > .current-menu-ancestor > a i { color: var(--nectar-accent-color)!important; }

body #header-outer, body[data-header-color="dark"] #header-outer { background-color: var(--nectar-extra-color-1); }
#top nav>ul>li[class*=button_bordered]>a:before { border-color: var(--white); }

body.material #header-outer #social-in-menu i { color: var(--nectar-accent-color)!important; font-size: 22px; }
.fa-envelope:before, #header-outer #social-in-menu .fa-envelope:after { content: '\f003'; }

#slide-out-widget-area .inner .off-canvas-menu-container li>a { font-family: 'Texta'!important; font-size: 20px!important; font-weight: 400!important; line-height: 25px!important; text-transform: uppercase; }
body.material[data-slide-out-widget-area-style=slide-out-from-right] #slide-out-widget-area .off-canvas-social-links li i { font-size: 24px; }


@media (max-width: 1299px) {

}

@media (max-width: 1199px) {
}

@media (max-width: 999px) {
}


/********************
 FOOTER
 ********************/
#footer-outer .widget.widget_nav_menu li a { font-size: 14px; font-weight: 400; text-transform: uppercase; }
#footer-outer .widget.widget_nav_menu li a:hover { color: var(--white)!important; opacity: 1!important; }

.social li { display: inline-block; list-style: none; }
.social li a { margin-right: 15px; }
.social li:last-child a { margin-right: 0; }
.social i { color: var(--white)!important; font-size: 22px!important; line-height: 20px!important; opacity: 1; padding-bottom: 0!important; vertical-align: top!important; }
.social li:nth-child(3), .social li:nth-child(4), .social li:nth-child(5) { display: none; }

body #footer-outer #copyright { border-top: 1px solid #282B45; margin-top: 15px; padding-bottom: 20px!important; padding-top: 20px!important; }

.footer-copyright-columns { align-items: center; display: flex; justify-content: space-between; width: 100%; }

.footer-copyright-left, .footer-legal-menu-center, .footer-website-design-right { flex: 1; }
.footer-copyright-left { text-align: left!important; }
.footer-legal-menu-center { text-align: center; }
.footer-website-design-right { text-align: right!important; }

#footer-outer[data-cols="1"] #copyright .col ul li { margin-bottom: 0!important; }
#footer-outer #copyright a:not(.nectar-button), .footer-copyright-left p { font-size: 12px; text-transform: uppercase; }

.slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:after, .slide-out-widget-area-toggle.mobile-icon .lines-button.x2 .lines:before, .slide-out-widget-area-toggle.mobile-icon .lines-button:after { background-color: var(--white); }

@media (max-width: 1199px) {

}

@media (max-width: 999px) {
    #footer-widgets .container .col { margin-left: 0; }

    #footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li { display: block; margin: 0 auto; text-align: center; width: fit-content; }

    .footer-copyright-columns { display: flex; flex-direction: column; }
    .footer-copyright-left, .footer-legal-menu-center, .footer-website-design-right { margin-bottom: 10px; text-align: center!important; width: 100%; }
    .footer-copyright-left { margin-bottom: 0; order: 2; }
    .footer-legal-menu-center { order: 1; }
    .footer-website-design-right { order: 3; }
}

@media (max-width: 690px) {
    
}

@media (max-width: 690px) {

}


/********************
 HOMEPAGE
 ********************/
.home-top .row-bg-wrap:after { content: ''; background: url('assets/img/scroll-icon.png') no-repeat bottom center; background-size: contain; bottom: 45px; display: inline-block; left: 50%; height: 46px; position: absolute; transform: translateX(-50%); transition: opacity 0.3s ease-in-out; width: 24px; z-index: 999; }
.home-top:hover .row-bg-wrap:after { animation: blink 1.2s infinite; }

.column-service { height: 618px; position: relative; width: calc(calc(100% - 10px) / 3); }
.column-service .vc_column-inner:after { content: ''; background: url('assets/img/white-arrow.png') no-repeat bottom right; background-size: contain; bottom: 25px; display: inline-block; height: 14px; opacity: 1; position: absolute; right: 35px; width: 50px; z-index:1; }
.column-service.second-column { margin: 0 5px!important; }
.column-service h4 { bottom: 60px; color: var(--white); left: 50%; padding: 0 35px; position: absolute; transform: translateX(-50%); width: 100%; }

.global-contact .row-bg-wrap:after { content: ''; background: url('assets/img/white-icon.png') no-repeat bottom right; background-size: contain; bottom: 15px; display: inline-block; height: 100px; opacity: 0.18; position: absolute; right: 0; width: 328px; z-index:1; }

.testimonials-slider { margin: 0 auto; max-width: 890px; }
.highlight { color: var(--black); font-family: 'Playfair Display'; font-size: 32px; font-style: italic; line-height: 37px; padding-bottom: 25px; }
.single-testimonial p { margin: 0 auto; max-width: 711px; }
.single-testimonial h3 { font-size: 15px; letter-spacing: 1px; }

.testimonials-slider .slick-dots { bottom: -35px; display: block; justify-content: center; left: 50%; margin: 0; padding: 0; transform: translateX(-50%); }
.testimonials-slider .slick-dots li { list-style: none; margin: 0 5px; padding: 0 28px!important; }
.testimonials-slider .slick-dots li button { background: none; border: none; padding: 0; }
.testimonials-slider .slick-dots li button:before { content: ''; background-color: #D9D9D9; display: block; height: 2px; width: 55px; opacity: 1; transition: opacity 0.3s ease; }
.testimonials-slider .slick-dots li.slick-active button:before { background-color: var(--nectar-accent-color); opacity: 1; }

.testimonials-slider .slick-prev { display: none; }
.testimonials-slider .slick-next { width: 50px; right: 0; transform: translateX(140%); }

@media (max-width: 1499px) {
	
}	

@media (max-width: 1199px) {
    .column-service { height: 550px; }

    .highlight { font-size: 30px; line-height: 35px; }
}

@media (max-width: 999px) {
    .column-service { height: 450px; position: relative; width: 100%; }
    .column-service.second-column { margin: 5px 0!important; }

    .global-contact .column-overlay-layer { background: linear-gradient(180deg, rgba(243, 243, 243, 0) 85%, rgb(13,18,56) 95%)!important; }

    .highlight { font-size: 28px; line-height: 33px; }

    .testimonials-slider .slick-next { display: none!important; }
}

@media (max-width: 690px) {
    .column-service { height: 380px; }

    .highlight { font-size: 25px; line-height: 30px; }
}

@media (max-width: 480px) {
    .column-service { height: 330px; }
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}


/********************
 PAGES
 ********************/
.nectar-flickity.nectar-carousel[data-column-padding="30px"] .inner-wrap { background-color: var(--white); padding: 60px 30px; }
.nectar-flickity.nectar-carousel[data-format="fixed_text_content_fullwidth"] .flickity-slider .cell { margin-right: 10px; }
.nectar-flickity.nectar-carousel[data-column-border=true] .flickity-slider .inner-wrap h5, .boxes-list h5 { padding-bottom: 20px; }

.boxes-list {}

.nectar-fancy-ul ul { margin-bottom: 0!important; }
.nectar-fancy-ul ul li .icon-default-style[class^=icon-] { background: var(--nectar-accent-color); border-radius: 50%; color: var(--white); height: 22px; line-height: 22px; width: 22px; }

.nectar-cta[data-style=arrow-animation] .line { background-color: var(--nectar-accent-color)!important; width: 50px; }
.nectar-cta[data-style=arrow-animation] svg { left: 50px; stroke: var(--nectar-accent-color)!important; }
.team-member:hover .nectar-cta[data-style=arrow-animation] svg { left: 55px!important; }
.nectar-cta[data-style=arrow-animation] svg polyline { stroke: var(--nectar-accent-color)!important; }
.team-member[data-style=bio_fullscreen_alt] .team-meta p {text-transform: uppercase; }
.team-member-image-inner img {aspect-ratio: 1/1.2;object-fit: cover;object-position: center;}

@media (max-width: 999px) {
    
}

@media (max-width: 690px) {
    .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport { margin-top: 40px!important; }
}

@media (max-width: 480px) {
    
}


/********************
 CONTACT PAGE
 ********************/
.contact-section i, .contact-section h5, .contact-section p, .contact-section a { display: inline-block; padding-bottom: 0; }
.contact-section i + i { margin-left: -3px; }
.contact-section i { color: var(--nectar-accent-color); font-size: 24px; padding-right: 10px; } 
.contact-section a, .contact-section h5 { color: #676767; }


.contact-form .row-bg-wrap:after { content: ''; background: url('assets/img/white-icon.png') no-repeat bottom right; background-size: contain; bottom: 10px; display: inline-block; height: 100px; opacity: 0.18; position: absolute; right: 60px; width: 328px; z-index:1; }

.wpcf7-form input, .wpcf7-form textarea { background: transparent!important; border-bottom: 1px solid #A2B1B9!important; color: #fff!important; font-size: 18px!important; font-weight: 400; text-align: left!important; }
.wpcf7-form-control.wpcf7-file { width: 100%; }
textarea { height: 140px; }
.wpcf7-form input::placeholder, .wpcf7-form textarea::placeholder { color: #fff!important; font-size: 18px; font-weight: 400; opacity: 1!important; }
body[data-form-submit=regular] .container-wrap input[type=submit] { background: #7e8fa3!important; border: 1px solid #fff!important; border-radius: 0!important; color: var(--white)!important; font-family: 'Texta'; font-size:15px!important; font-weight:600; padding: 15px 40px!important; text-align: center!important; }
body[data-form-submit=regular] .container-wrap input[type=submit]:hover { background: var(--white)!important; color: var(--black)!important; }
.wpcf7-spinner { display: none; }

@media (max-width: 999px) {
    
}

@media (max-width: 690px) {
    .contact-form .row-bg-wrap:after { right: 0; }
}

@media (max-width: 480px) {
    
}