/*
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
*/
div#s1 .swiper-wrapper .slide-bg-wrap {
    background-color: #0000007d !important;
    opacity: 0.4;
}
:root{
    --c:var(--nectar-accent-color);
--c1: var(--nectar-extra-color-1);
	--c2: var(--nectar-extra-color-2);
	--c3: var(--nectar-extra-color-3);
--g: linear-gradient(180deg, var(--c) 0%, var(--c1)  100%);
	--g1: linear-gradient(180deg, var(--c) 0%, var(--c1)  50%, var(--c)  100%);
	
}
::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	background: var(--c);
}
::selection {
  background:  var(--c);
	color:white;
}

/*------typography-----------*/

html body h1{
	font-family:font1 !important;
}
html body em,html body a,html body button,html body input,html body label,html body legend,html body .wpb_text_column li,html body .nectar-split-heading li,html body .nectar-fancy-ul li{
	font-family:font2 !important;
}
html body strong{
	font-family:inherit;
}
html body p{
    font-family:f1 !important;
}
#s2 p {
    font-family: 'Montserrat' !important;
    font-weight: 400;
}
#s1 .video-texture {
    background-color: #0000007d;
}

#s2 p strong {
    font-weight: 700;
}
/*------typography-----------*/

body[data-slide-out-widget-area-style="slide-out-from-right"].material .slide_out_area_close:before {
    background: var(--c) !important;
}
div#header-secondary-outer {
    background: transparent !important;
}

div#header-secondary-outer:before {
    content: '';
    position: absolute;
    background-image: url(https://good-carma.net/wp-content/uploads/2025/04/rec-bg.png);
    width: 100%;
    height: 40px;
    top: -1px;
    background-repeat: no-repeat;
    left: 1120px;
    background-size: cover;
}

div#header-secondary-outer ul li a span {
    font-size: 14px;
    line-height: 24px;
    font-family: 'Montserrat' !important;
    font-weight: 500;
}

div#header-secondary-outer ul li a i {
    margin-right: 10px;
    font-size: 19px;
}

div#header-secondary-outer ul .lft {
    margin-right: 70px;
}
#s1 p {
    font-size: 16px;
    line-height: 32px;
    width: 53%;
}
#s1 h1 {
    text-shadow: 3px 3px 0px black;
}

#s1 a.primary-color {
    font-family: 'Montserrat' !important;
    font-weight: 500;
    letter-spacing: 0px;
    padding-inline: 40px;
    padding-block: 15px;
    border-radius: 0px !important;
}

#s1 .nectar_video_lightbox {
    position: absolute;
    top: 37%;
    z-index: 9;
    right: 30px;
    font-size: 0px;
    padding: 0;
    border-radius: 100% !important;
    outline: 20px solid #ffffff8f;
    outline-offset: -1px;
    width: 120px;
    height: 120px;
}
#s1 .nectar_video_lightbox:before {
    background: #fff;
    z-index: -9;
    border: unset;
}
#s1 a#icon i {
    right: 0;
    left: 0;
    margin-inline: auto;
    font-size: 25px;
}

div#s2 {
    padding-block: 80px !important;
}

.nectar-video-box .play_button_mouse_follow:before {
    background: #fff;
    z-index: -9;
    outline: 15px solid #ffffff8f;
}

.nectar-video-box .nectar_video_lightbox path {
    fill: #000 !important;
    position: relative;
}
html body h2 {
    color: #000;
}

#s2 .c2>div {
    padding-left: 30px;
}

#s2 .nectar-video-box,#s6 .nectar-video-box {
    box-shadow: -25px 25px 0px 0px var(--c);
}

a#b1 {
    font-family: 'Montserrat' !important;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    border-radius: 0px !important;
}

div#scroll {
    padding-block: 15px !important;
}

div#s3 {
    padding-block: 100px !important;
}

#s3 p {
    text-align: justify;
    width: 87%;
    font-family: 'f1' !important;
}

#s3 a#b1 {
    background: var(--c1) !important;
}

#s4 .c2>div {
    padding-inline: 100px 220px;
}

div#s5 {
    padding-block: 100px !important;
}

#s5 p {
    text-align: justify;
    width: 80%;
}

div#s6 {
    padding-block: 100px !important;
}

#s6 p {
    text-align: justify;
}

#s6 .c2>div {
    padding-left: 50px;
}

#s7 .c1>div {
    padding-inline: 100px;
}

#s7 p {
    text-align: justify;
    width: 83%;
    opacity: 1;
    color: #000;
}

div#s8 {
    padding-block: 100px !important;
}

#s8 a#b1 {
    background: var(--c1) !important;
}
#s3 .nectar-video-box,#s5 .nectar-video-box {
    box-shadow: 20px 20px 0px 0px var(--c1);
}

#s8 .nectar-video-box {
    box-shadow: -25px 25px 0px 0px var(--c1);
}
div#footer {
    padding-block: 80px 20px !important;
}

#footer h4 {
    font-size: 26px;
    line-height: 36px;
    font-family: font3 !important;
}

#footer input:not(#footer input[type=submit]) {
    border: 1px solid;
    background: transparent;
    border-radius: 0px;
    margin-bottom: 15px;
}

#footer input:not(#footer input[type=submit])::Placeholder {
    font-size: 16px;
    line-height: 26px;
}

#footer textarea {
    background: transparent;
    border: 1px solid;
    border-radius: 0px;
    height: 110px;
    resize: unset;
}

#footer textarea::placeholder {
    font-size: 16px;
}

#footer input[type=submit] {
    padding-inline: 40px;
    padding-block: 12px;
    border-radius: 0px !important;
    font-family: Montserrat !important;
    font-weight: 600;
}

#footer .i1 {
    border-bottom: 1px solid #4e839c;
    padding-bottom: 45px;
}

#footer .m1 ul li {
    list-style: unset;
}

#footer .m1 ul {
    margin: 0;
}

#footer .m1 ul li a i {
    margin-right: 15px;
    background: -webkit-linear-gradient(#eee, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#footer .m1 ul li a {
    line-height: 52px;
    font-family: Montserrat !important;
}

div#f2 {
    width: 49%;
    border-top: 1px solid #4e839c;
    padding-top: 20px;
}

div#f1 {
    margin-bottom: 0px;
}
.wpcf7-response-output {
    background: transparent !important;
    border: unset !important;
}
.light .wpcf7 div.wpcf7-response-output, div.wpcf7-validation-errors {
    color: #fff !important;
}
#s5 a#b1 {
    background: var(--c1) !important;
}
#f2 p {opacity: 0.7;}

div#footer ul#menu-main-2 {
    column-count: 2;
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1920px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1600px) {
div#header-secondary-outer:before {
    left: 950px;
}

#s7 p {
    width: 100%;
}

#s7 .c1>div {
    padding-inline: 75px;
}

#s1 .nectar_video_lightbox {
    right: 120px;
}
#s4 .c2>div {
    padding-inline: 100px 120px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1440px) {
div#header-secondary-outer:before {
    left: 870px;
}

#s1 .nectar_video_lightbox {
        right: 170px;
}

#s4 .c2>div {
    padding-inline: 80px 47px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1366px) {
#s1 .nectar_video_lightbox {
    right: 140px;
}

#s1 p {
    width: 60%;
}

#s3 p {
    width: 89%;
}

#s4 .c2>div {
    padding-inline: 70px 30px;
}

#s6 .c2>div {
    padding-left: 30px;
}
    div#header-secondary-outer:before {
        left: 800px;
    }
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1340px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1320px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1280px) {
div#header-secondary-outer:before {
    left: 710px;
}

#top ul li a span {
    font-size: 12px;
    line-height: 22px;
}

#s1 p {
    font-size: 16px !important;
}

#s1 .nectar_video_lightbox {
    top: 230px;
    right: 126px;
}

html body p {
    font-size: 14px;
}

#s7 .c1>div {
    padding-inline: 40px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1024px) {
div#header-secondary-outer:before {
    left: 450px;
}

#s1 p {
    font-size: 14px !important;
    width: 70%;
}

#s1 .nectar_video_lightbox {
    top: 187px;
    right: 80px;
}

div#s2 {
    padding-block: 50px !important;
}

#s2 .c2>div {
    padding-left: 10px;
}

html body p {
    line-height: 22px;
    font-size: 12px;
}

div#s3 {
    padding-block: 50px !important;
}

#s4 .c2>div {
    padding-inline: 40px;
}

#s6 .c2>div {
    padding-left: 0px;
}

#footer .m1 ul li a {
    font-size: 14px;
}

#footer .i1 {
    width: 320px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 840px) {
div#header-secondary-outer:before {
    left: 250px;
}

#s1 .content {
    text-align: center;
    transform: translateY(-160px);
}

#s1 p {
    margin-inline: auto;
    width: 90%;
}

#s1 a.primary-color {
    font-size: 14px;
    line-height: 24px;
}

#s1 .buttons {
    justify-content: center;
    top: 2px;
}

#s1 .nectar_video_lightbox {
    right: 0;
    margin-inline: auto;
    top: 350px;
    width: 60px;
    height: 60px;
    left: 0;
}

div#s2 {
    text-align: center;
}

#s2 .c2>div {
    padding-inline: 0px;
    padding-top: 40px;
}

div#s3 {
    text-align: center;
}

#s3 p {
    text-align: center;
    margin-inline: auto;
}

#s4 .c2>div {
    aspect-ratio: 1/0.5;
    text-align: center;
}

div#s5 {
    padding-block: 50px !important;
    text-align: center;
}

#s5 p {
    text-align: center;
    margin-inline: auto;
}

div#s6 {
    padding-block: 50px !important;
    text-align: center;
}

#s6 .c2>div {
    padding-top: 50px;
}

#s6 p {
    text-align: center;
}

#s7 .c1>div {
    aspect-ratio: 1/0.5;
    text-align: center;
}

#s7 p {
    text-align: center;
}

div#s8 {
    text-align: center;
    padding-block: 50px !important;
}

#s8 .c2 .vc_column-inner {
    padding-top: 50px;
}

#footer .col.span_12,#footer .col.span_6 {
    margin: 0;
}

div#f2 {
    width: 100%;
}

div#f1 {
    padding-bottom: 50px;
}
#s1 .image-bg {
    background-position: center right;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 525px) {
	#s1 a.primary-color {
    padding-inline: 25px;
    padding-block: 8px;
}
	#s1 .content {
        transform: translateY(-50%) translateZ(0);
    }
	#s1 .content p {
    display: none;
}
html body h1 {
    font-size: 30px;
    line-height: 40px;
}
div#slide-out-widget-area {
    padding-left: 10px !important;
}

#s1 p {
    line-height: 24px !important;
}

#s1 .nectar_video_lightbox {
        outline: 10px solid #ffffff8f;
        right: 0px;
        top: 150px;
        width: 45px;
        height: 45px;
        margin: 0 0 0 auto;
}

#s1 .buttons {
    top: 0px;
	padding-top: 0px;
}

#s2 .nectar-video-box, #s6 .nectar-video-box {
    box-shadow: -10px 10px 0px 0px var(--c);
}

#s3 .nectar-video-box, #s5 .nectar-video-box {
    box-shadow: 10px 10px 0px 0px var(--c1);
}

#s4 .c2>div {
    aspect-ratio: 1/1;
}

#s5 p {
    width: 100%;
}

#s6 .c2>div {
    padding-top: 30px;
}

#s7 .c1>div {
    aspect-ratio: 1/1;
}

#s8 .nectar-video-box {
    box-shadow: -10px 10px 0px 0px var(--c1);
}

#s8 .c2 .vc_column-inner {
    padding-top: 30px;
}

a#b1 {
    font-size: 14px;
}
div#slide-out-widget-area ul li a span {
    font-size: 13px;
}

div#slide-out-widget-area ul li a i {
    margin-right: 10px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 430px) {
#s1 .nectar_video_lightbox{
        top: 135px;
        width: 35px;
        height: 35px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 390px) {
	    #s1 .nectar_video_lightbox {
        top: 116px;
    }
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 360px) {}