/*
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: 'SF Pro Display Bold';
	src: url(https://caralox.com/wp-content/themes/salient-child/fonts/SF-Pro-Display-Bold.ttf);
	font-weight: 700;
}
@font-face {
	font-family: 'SF Pro Display Medium';
	src: url(https://caralox.com/wp-content/themes/salient-child/fonts/SF-Pro-Display-Medium.ttf);
	font-weight: 500;
}
@font-face {
	font-family: 'SF Pro Display Regular';
	src: url(https://caralox.com/wp-content/themes/salient-child/fonts/SF-Pro-Display-Regular.ttf);
	font-weight: 400;
}

.direction-rtl { direction: rtl; }

.fw-500 {
	font-family: 'SF Pro Display Medium' !important;
	font-weight: 500 !important;
}
.fw-700 {
	font-family: 'SF Pro Display Bold' !important;
	font-weight: 700 !important;
}
.ls-08 { letter-spacing: 0.8px; }
.nectar-button.large {
    font-size: 16px;
    line-height: 16px;
    padding: 22px 30px;
}
body.material .nectar-button.has-icon i {
    right: 30px;
    margin-top: 0;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 24px;
    height: 24px;
    width: 24px;
}
body.material[data-button-style^=rounded] .nectar-button.has-icon:not([class*=see-through]) i { background-color: transparent; }
.icon-button-arrow:before {
    content: "";
    position: absolute;
    background: url(https://caralox.com/wp-content/uploads/2024/10/arrow-up-right.png);
    width: 24px;
    height: 24px;
    right: 0px;
}
.extra-color-1 .icon-button-arrow:before {
    content: "";
    position: absolute;
    background: url(https://caralox.com/wp-content/uploads/2024/10/arrow-up-right-white.png);
    width: 24px;
    height: 24px;
    right: 0px;
}
.owl-carousel[data-desktop-cols] .owl-stage { padding: 0px; }
.owl-theme[data-desktop-cols] .owl-nav.disabled+.owl-dots { display: none; }

.nectar-video-box .nectar_video_lightbox path { fill: #191919 !important; }
img.img-w100 { width: 100%; }
.text-fit-content { width: fit-content; }
p[style*="500"] {
    font-family: 'SF Pro Display Medium';
    font-weight: 500;
}

/* Header CSS */
#header-outer[data-lhe="animated_underline"] #top nav >ul >.sfHover >a .menu-title-text:after,
#header-outer[data-lhe="animated_underline"] #top nav >ul >li >a:hover .menu-title-text:after { transform: scaleX(0); }
#top nav > ul.sf-menu.buttons > li > a {
    font-size: 20px;
    line-height: 22px;
}
#header-outer header .nectar-menu-icon-img {
    margin-right: 0px;
    margin-left: 15px;
    order: 1;
}
#top nav > ul.sf-menu.buttons > li > a .menu-title-text {
    padding-bottom: 5px;
    border-bottom: 2px solid #CCFF33;
}

/* Page CSS */
.section-home-header .video-color-overlay { opacity: 0.8 !important; }
.section-home-header h2 {
    font-size: 120px;
    line-height: 120px;
	font-family: 'SF Pro Display Medium';
    font-weight: 500;
    text-transform: uppercase;
}
.section-home-header h2 img {
	margin-bottom: 0px !important;
    display: inline;
}
.wpb_row.section-home-header .row-bg-wrap { z-index: 4; }
.wpb_row.section-home-header .row-bg:before {
    content: "";
    position: absolute;
    background: url(https://caralox.com/wp-content/uploads/2024/10/banner-shape-1.png);
    width: 298px;
    height: 404px;
    top: 219px;
    left: 0px;
}
.wpb_row.section-home-header .row-bg:after {
    content: "";
    position: absolute;
    background: url(https://caralox.com/wp-content/uploads/2024/10/banner-shape-2.png);
    width: 443px;
    height: 577px;
    top: 0px;
    right: 0px;
}
.wpb_row.section-home-header .inner_row .row-bg:before,
.wpb_row.section-home-header .inner_row .row-bg:after,
.wpb_row.section-our-services .inner_row .row-bg:before,
.wpb_row.section-the-process .inner_row .row-bg:before,
.wpb_row.section-our-clients .inner_row .row-bg:before,
.wpb_row.section-our-clients .inner_row .row-bg::after,
.wpb_row.section-what-we-do .inner_row .row-bg:before { content: none; }
.nectar-scrolling-text .nectar-scrolling-text-inner label {
    margin: 0px !important;!i;!;
    padding: 0px 29px;
    text-transform: uppercase;
    line-height: 27.5px !important;
    font-family: 'SF Pro Display Bold';
    font-weight: 700;
}
.nectar-scrolling-text .nectar-scrolling-text-inner label:after {
    content: "";
    position: absolute;
	background: url(https://caralox.com/wp-content/uploads/2024/10/Star-6.png);
    width: 28px;
    height: 28px;
    top: calc(50% - 14px);
    margin-left: 14px;
}
.wpb_row.section-what-we-do .row-bg:before {
    content: "";
    position: absolute;
    background: url(https://caralox.com/wp-content/uploads/2024/10/Shape-What-We-Do.png);
    width: 305px;
    height: 478px;
    bottom: -120px;
    right: 0px;
}
.wpb_row.section-what-we-do .row-bg-wrap .inner-wrap { overflow: visible; }
.wpb_row.section-our-services .row-bg:before {
    content: "";
    position: absolute;
    background: url(https://caralox.com/wp-content/uploads/2024/10/Our-Services-Shape.png);
    width: 453px;
    height: 606px;
    right: 0px;
    bottom: -108px;
}
.wpb_row.section-the-process .row-bg:before {
    content: "";
    position: absolute;
    width: 734px;
    height: 274px;
    border-radius: 734px;
    background: rgba(112, 224, 0, 0.5);
    filter: blur(100px);
    top: 145px;
    left: calc(50% - 368px );
}
.wpb_row.section-our-creatives .row-bg:before {
    content: "";
    position: absolute;
    background: url(https://caralox.com/wp-content/uploads/2024/10/Background-of-Creatives.png);
    width: 422px;
    height: 606px;
    left: 0px;
    bottom: -40px;
}
.wpb_text_column.text-monthly-retainer {
	width: fit-content;
	border-radius: 110px !important;
}
.text-monthly-retainer .wpb_wrapper {
    display: inline-flex;
    align-items: center;
}
.text-monthly-retainer .wpb_wrapper h2 {
    font-size: 80px;
    padding-right: 20px;
    border-right: 6px solid #191919;
    margin-bottom: 0px;
}
.text-monthly-retainer .wpb_wrapper h5 {
    line-height: 30px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding-left: 20px;
    width: 165px;
}
.wpb_row.section-marketing-package .row-bg:before {
    content: "";
    position: absolute;
    background: url(https://caralox.com/wp-content/uploads/2024/10/Subtract-1-1.png);
    width: 291px;
    height: 355px;
    right: 0px;
    bottom: 32px;
}
.wpb_row.section-marketing-package .row-bg:after {
    content: "";
    position: absolute;
    width: 986px;
    height: 481px;
    transform: rotate(34.399deg);
    border-radius: 985.443px;
    background: #CF3;
    filter: blur(200px);
    right: -600px;
    top: -54px;
}
.wpb_row.section-our-clients .row-bg:before {
    content: "";
    position: absolute;
    background: url(https://caralox.com/wp-content/uploads/2024/10/Our-Clients-Shape.png);
    width: 404px;
    height: 404px;
    top: 28px;
    right: 5px;
}
.wpb_row.section-our-clients .row-bg::after {
    content: "";
    position: absolute;
    background: url(https://caralox.com/wp-content/uploads/2024/10/Our-Clients-Shape-1.png);
    width: 387px;
    height: 606px;
    left: 0px;
    bottom: -100px;
}
.wpb_row.section-home-owner .row-bg:before {
    content: "";
    position: absolute;
    background: url(https://caralox.com/wp-content/uploads/2024/10/owner-shape.png);
    width: 404px;
    height: 404px;
    top: -20px;
    left: 29%;
}
.wpb_row.section-home-owner .row-bg:after {
    content: "";
    position: absolute;
    background: url(https://caralox.com/wp-content/uploads/2024/10/owner-shape-1.png);
    width: 562px;
    height: 606px;
    bottom: -124px;
    right: -44px;
}
.wpb_row.section-home-owner .row-bg-wrap .inner-wrap:before {
    content: "";
    position: absolute;
    background: url(https://caralox.com/wp-content/uploads/2024/10/owner-shape-2.png);
    width: 230px;
    height: 343px;
    top: 260px;
    right: 0px;
    z-index: 1;
}
.wpb_row.section-home-faq .row-bg:before {
    content: "";
    position: absolute;
    background: url(https://caralox.com/wp-content/uploads/2024/10/Background-of-Frequently-Asked-Questions.png);
    width: 1150px;
    height: 1161px;
    top: 110px;
    left: -320px;
}
.section-home-faq .toggles { border-top: 1px solid rgba(255,255,255,0.1); }
.section-home-faq div[data-style="minimal"] .toggle > .toggle-title a { border-bottom: 1px solid rgba(255,255,255,0.1); }
.section-home-faq .toggle>.toggle-title a { color: #FFF; }
.section-home-faq div[data-style*=minimal] .toggle>.toggle-title i { display: none; }
.section-home-faq div[data-style="minimal"] .toggle > .toggle-title a {
    padding: 30px 0px;
    font-family: 'SF Pro Display Medium' !important;!i;!;
    font-weight: 500 !important;!i;!;
}
.section-home-faq div[data-style="minimal"] .toggle.open a {
    border-bottom: 0px;
    padding-bottom: 20px;
}
.section-home-faq div[data-style="minimal"] .toggle.open { border-bottom: 1px solid rgba(255,255,255,0.1); }
body .section-home-faq .toggle[data-inner-wrap=true]>div .inner-toggle-wrap {
    font-size: 20px;
    line-height: 26px;
    opacity: 0.6;
}
.section-home-contact div.wpforms-container-full:not(:empty) { margin: 0px; }
.section-home-contact .wpforms-container .wpforms-field { padding: 0px; }
.section-home-contact div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column { margin-bottom: 20px; }
.section-home-contact div.wpforms-container-full input[type=text],
.section-home-contact div.wpforms-container-full input[type=email],
.section-home-contact div.wpforms-container-full input[type=tel],
.section-home-contact div.wpforms-container-full textarea {
    background-color: transparent;
    border-radius: 0px;
    color: #191919;!I;!;
    border: 0px;
    border-bottom: 2px solid #191919;
    padding: 20px 0px;
    font-family: 'SF Pro Display Medium' !important;
	font-weight: 500;
    letter-spacing: 0.8px;
}
.section-home-contact div.wpforms-container-full input[type=text],
.section-home-contact div.wpforms-container-full input[type=email],
.section-home-contact div.wpforms-container-full input[type=tel] { height: auto; }
.section-home-contact div.wpforms-container-full input[type=text]::placeholder,
.section-home-contact div.wpforms-container-full input[type=email]::placeholder,
.section-home-contact div.wpforms-container-full input[type=tel]::placeholder,
.section-home-contact div.wpforms-container-full textarea::placeholder {
	color: #191919;
	opacity: 1;
}
.section-home-contact div.wpforms-container-full .wpforms-form .wpforms-submit-container { margin-top: 40px; }
.section-home-contact div.wpforms-container-full button[type=submit]:not(:hover):not(:active) { background-color: #191919; }
body[data-button-style=rounded] .container-wrap .section-home-contact button[type=submit] {
    padding: 21px 30px !important;!i;!;
    height: auto;
    width: 100%;
}
body[data-form-submit=regular] .section-home-contact button[type=submit]:hover { opacity: 1; }
.section-home-contact div.wpforms-container-full .wpforms-form button[type=submit]:hover { background-color: #191919 !important;!i;!; }
.section-home-contact .nectar-button.large.btn-contact-whatsapp {
    padding: 15px 35px 15px 61px !important;!i;!;
    !i;!;
    font-family: 'SF Pro Display Bold';
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: normal;
}
body.material .section-home-contact .nectar-button.has-icon span { transform: translateX(0px); }
.section-home-contact .nectar-button.large.btn-contact-whatsapp label {
    color: #9EF01A;
    font-family: 'SF Pro Display Medium';
    font-weight: 500;
    font-size: 12px;
    line-height: normal;
}
body.material[data-button-style^=rounded] .section-home-contact .nectar-button.large i { font-size: 26px; }
body.material .section-home-contact .nectar-button.has-icon i {
    right: auto;
    left: 25px;
    margin-top: 0;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    line-height: 26px;
    height: 26px;
    width: 26px;
}

/* Footer CSS */
.copyright-text p {
    font-family: 'SF Pro Display Medium';
    font-weight: 500;
    font-size: 14px;
    line-height: 18.2px;
}

/* Offcanvas CSS */
#slide-out-widget-area-bg.fullscreen-alt .bg-inner { background: linear-gradient(180deg, #252525 0%, #191919 100%); }
#slide-out-widget-area-bg.fullscreen-alt .bg-inner:before {
    content: "";
    position: absolute;
    background: url(https://caralox.com/wp-content/uploads/2024/10/offcanvas-shape.png);
    width: 268px;
    height: 482px;
    top: 0px;
    right: 0px;
}
#slide-out-widget-area-bg.fullscreen-alt .bg-inner:after {
    content: "";
    position: absolute;
    background: url(https://caralox.com/wp-content/uploads/2024/10/offcanvas-shape-1.png);
    width: 464px;
    height: 478px;
    bottom: -120px;
    right: -190px;
}
#slide-out-widget-area.fullscreen-alt .inner-wrap>.inner {
    margin: 0px !important;
    padding-top: 78px !important;
}
#slide-out-widget-area.fullscreen-alt .inner-wrap>.inner>div { margin: 0px; }
#slide-out-widget-area .off-canvas-menu-container { padding: 0px 30px; }
#slide-out-widget-area.fullscreen-alt .menuwrapper li {
    text-align: left;
    margin-bottom: 30px !important;!i;!;
}
#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
	padding: 0px;
	color: #FFF !important;
	font-family: 'SF Pro Display Medium' !important;
	font-weight: 500 !important;
	font-size: 40px !important;
	line-height: 44px !important;
}
#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li.menu-item-45 a {
    padding: 21px 64px 21px 30px;
    border-radius: 60px;
    background: #CF3;
    color: #191919 !important;;
    font-size: 16px !important;
    line-height: 16px !important;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}
#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li.menu-item-45 a:before {
    content: "";
    position: absolute;
    background: url(https://caralox.com/wp-content/uploads/2024/10/arrow-up-right.png);
    width: 24px;
    height: 24px;
    right: 24px;
    top: calc(50% - 12px);
}
#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li.menu-item-45 {
    margin-top: 160px !important;
}

/* Responsive CSS */
@media only screen and (max-width: 1280px) {
	#header-outer .logo-spacing img.hidden-logo { height: 25px; }
}
@media only screen and (min-width: 1px) and (max-width: 999px) {
	.container { max-width: 84%; }
    body #header-outer { padding: 30px 0; }
}
@media only screen and (max-width: 768px) {
	.section-home-header h2 {
		font-size: 90px;
		line-height: 90px;
	}
	.section-home-header h2 img { height: 60px !important; }
	.section-marketing-package p,
	.section-our-services p { text-align: center !important; }
	.section-the-process h2,
	.section-our-creatives h2,
	.section-our-clients h2 {
		text-align: center !important;!i;!;
	}
	.wpb_text_column.text-monthly-retainer { margin: 0px auto; }
	.section-home-contact .text-fit-content { margin: 0px auto; }
	.section-footer-logo { order: 1; }
	.section-footer-copyright { order: 3; }
	.section-footer-social { order: 2; }
}
@media only screen and (max-width: 767px) {
	.section-home-header h2 {
		font-size: 106px;
    	line-height: 106px;
    	word-break: break-all;
	}
	.section-home-header h2 img { height: 76px !important; }
	.text-monthly-retainer .wpb_wrapper h2 {
		font-size: 36px;
		line-height: 1;
	}
	.wpb_text_column.text-monthly-retainer { width: 100%; }
	.text-monthly-retainer .wpb_wrapper h5 {
		font-size: 18px;
		line-height: 18px;
		width: max-content;
	}
	.wpb_row.section-our-services .row-bg:before,
	.wpb_row.section-our-clients .row-bg:before,
	.wpb_row.section-our-clients .row-bg::after,
	.wpb_row.section-home-owner .row-bg:after,
	.wpb_row.section-home-owner .row-bg-wrap .inner-wrap:before { content: none; }
	.wpb_row.section-home-faq .row-bg:before {
		width: 235px;
		height: 351px;
		background-size: cover;
		top: -30px;
		left: auto;
		right: 0px;
	}
	.wpb_row.section-what-we-do .row-bg:before,
	.wpb_row.section-our-creatives .row-bg:before { content: none; }
	.section-the-process .wpb_wrapper h2.vc_custom_heading,
	.section-our-creatives .wpb_wrapper h2.vc_custom_heading { margin-bottom: 30px !important; }
	.wpb_row.section-the-process .row-bg:before {
		width: 100%;
		height: 130px;
		border-radius: 376px;
		top: 158px;
		left: 0px;
	}
	.wpb_row.section-marketing-package .row-bg:before {
		right: -30%;
		bottom: 24%;
	}
	.wpb_row.section-marketing-package .row-bg:after {
		right: -582px;
    	top: -420px;
	}
	.row .section-home-owner .col h5, body .section-home-owner h5 {
		font-size: 25px;
		line-height: 27.5px;
		font-weight: 500;!im;!im;!i;!;
		font-family: "SF Pro Display Medium";
	}
	.wpb_row.section-home-owner .row-bg:before {
		top: 135px;
		left: auto;
		right: -68px;
	}
	.section-home-faq p.vc_custom_heading { max-width: 220px; }
	.section-home-faq h2.vc_custom_heading { margin-bottom: 48px !important; }
	#ajax-content-wrap .nectar-inherit-h5 {
		font-size: 25px;
		line-height: 27.5px;
	}
	body .section-home-faq .toggle[data-inner-wrap=true]>div .inner-toggle-wrap {
		font-size: 16px;
		line-height: 20.8px;
	}
	.section-home-contact p { text-align: center !important; }
}
@media only screen and (max-width: 690px) {
    .wpb_wrapper h2.vc_custom_heading {
        font-size: 30px !important;
        line-height: 33px !important;
    }
	.row .col h6, body h6 {
        font-size: 25px !important;
        line-height: 27.5px !important;
    }
	.section-home-owner .wpb_wrapper h2.vc_custom_heading {
		font-size: 50px !important;!i;!;
		line-height: 55px !important;!i;!;
	}
	.row .col .section-home-owner h5, body .section-home-owner h5 {
		font-size: 25px;
		line-height: 27.5px;
	}
	.row .section-home-header .col h6, body .section-home-header h6 {
        font-size: 18px !important;
        line-height: 23.4px !important;
    }
	.row .section-what-we-do .col h6, body .section-what-we-do h6 {
        font-size: 20px !important;
        line-height: 26px !important;
    }
}
@media only screen and (max-width: 473px) {
	.section-home-header h2 {
        font-size: 92px;
        line-height: 92px;
    }
	.section-home-header h2 img { height: 60px !important; }
	.text-monthly-retainer .wpb_wrapper h5 { width: min-content; }
}
@media only screen and (max-width: 414px) {
	.section-home-header h2 {
		font-size: 92px;
    	line-height: 92px;
	}
	.section-home-header h2 img { height: 64px !important; }
	.section-home-header img[height="29"] { height: 20px; }
	.section-home-header .wpb_text_column.wpb_content_element {
		margin: 0px !important;
		margin-bottom: 30px !important;
	}
	.wpb_text_column.wpb_content_element.text-monthly-retainer {
		padding: 8px 24px 8px 12px !important;
		border-width: 4px !important;
	}
	.text-monthly-retainer .wpb_wrapper h2 {
		padding-right: 12px;
		font-size: 46px;
	}
}
@media only screen and (max-width: 375px) {
	.section-home-header h2 {
		font-size: 75px;
    	line-height: 75px;
	}
	.section-home-header h2 img { height: 50px !important; }
}