/*
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=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.container-wrap {
    background-color: #fff !important;
}

.row-bg.viewport-desktop.using-image {
    background-size: 100% 100% !important;
}

div#header-space {
    display: none !important;
}

div#header-outer {
    box-shadow: none !important;
    background-color: transparent !important;
    padding-top: 20px !important;
}

#header-outer .row {
    background-color: #fff !important;
    border-radius: 20px;
    padding: 1rem 0 !important;
}

#header-outer a#logo {
    margin: 0px 0px 0px 0px !important;
}

#top nav ul li a {
    font-family: barlow !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #A4A4A4 !important;
    margin: 0px 10px 0px 0px !important;
}

h4 {
    font-family: 'Barlow' !important;
    font-weight: 400;
    font-size: 18px;
    color: #7F3D2D;
}

h2 {
    font-family: 'Barlow' !important;
    font-weight: bold !important;
    font-size: 55px;
    color: #000 !important;
    line-height: 55px;
}

p {
    font-family: 'Barlow' !important;
    font-weight: 400;
    font-size: 22px;
    color: #000 !important;
}

a.play_button_2 {
    display: none !important;
}

a.nectar-button.small.regular {
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 1px;
    border-radius: 10px 0px 0px 10px;
    padding: 18px 20px 20px 40px !important;
    top: 50px;
    opacity: 1;
    color: #fff;
}

.nectar-button.small.has-icon i {
    opacity: 1 !important;
    left: 15px;
}

.nectar-button.small.has-icon:hover i {
	transform: translateX(0px);
}

.nectar-button.has-icon.small:hover span {
    transform: translateX(0px);
} 

a.nectar-button.small.regular:after {
    content: "\f178";
    font-family: 'FontAwesome';
    background-color: #fff;
    color: #7F3D2D !important;
    padding: 19px 20px 19px 20px !important;
    border-radius: 0px 10px 10px 0px !important;
    box-shadow: -1px 0px 2px -1px #000000a8;
    position: absolute;
    right: -59px;
    top: 0px;
}

#slider .wpb_text_column {
    -webkit-text-fill-color: #fff !important;
}

#slider .nectar-video-box {
    position: absolute;
    top: 100px;
    right: -150px;
}

div#slider {
    padding: 250px 0px 250px 0px !important;
}

#slider a.nectar-button.small.regular:nth-child(3) {
    left: 100px;
    color: #000 !important;
}

#slider img:nth-child(1) {
    transform: scale(1);
    top: 0px;
    left: 50px;
}

.h-btn :before {
    letter-spacing: 1px;
    border-radius: 10px 0px 0px 10px;
    padding: 16px 0px 19px 0px !important;
}

.h-btn span:after {
    content: "\f178";
    font-family: 'FontAwesome';
    background-color: #fff;
    color: #7F3D2D !important;
    padding: 19px 20px 19px 20px !important;
    border-radius: 0px 10px 10px 0px !important;
    box-shadow: -1px 0px 2px 0px #00000085;
    position: absolute;
    right: -57px;
    top: -19.1px;
}

.h-btn {
    margin-right: 70px;
}

#slider h4:before {
    content: URL(/wp-content/uploads/2024/09/h4bf.png);
    margin-right: 5px;
}
#chap h4:before {
    content: URL(/wp-content/uploads/2024/09/h3before.png);
    margin-right: 5px;
}
#chap .chaps h4:before {
    display: none;
}
#author h4:before {
    content: URL(/wp-content/uploads/2024/09/h3before.png);
    margin-right: 5px;
}
#whyread h4:before {
    content: URL(/wp-content/uploads/2024/09/h4bf.png);
    margin-right: 5px;
}
#video h4:before {
    content: URL(/wp-content/uploads/2024/09/h3before.png);
    margin-right: 5px;
}
#test h4:before {
    content: URL(/wp-content/uploads/2024/09/h3before.png);
    margin-right: 5px;
}
#blogs h4:before {
    content: URL(/wp-content/uploads/2024/09/h3before.png);
    margin-right: 5px;
}
#get h4:before {
    content: URL(/wp-content/uploads/2024/09/h4bf.png);
    margin-right: 5px;
}

#chap .chaps h2 {
    font-size: 30px;
    color: #7F3D2D !important;
    line-height: 30px;
    padding-left: 80px;
    padding-right: 0px;
    height: 60px;
    width: 90%;
}

#chap .chaps:before {
    content: URL(/wp-content/uploads/2024/09/bookicon.png);
    position: absolute;
}

#chap .chaps h4 {
    padding-left: 80px;
}

#chap h1 {
    font-family: 'Barlow';
    font-weight: bolder;
    font-size: 80px;
    color: #F3F3F3;
    right: 40px;
    position: absolute;
    top: 20px;
}

#chap .chaps {
    box-shadow: 0px 0px 5px 0px #0000008c !important;
    border-radius: 10px;
    padding: 15px 15px 15px 15px !important;
    height: 280px;
    /* margin-bottom: -25px; */
    /* margin-top: 50px; */
    width: 95%;
    margin: 50px auto -25px !important;
    background-color: #fff !important;
}

div#chap {
    padding: 100px 0px !important;
    margin-top: -270px;
}

div#author {
    padding: 20px 80px 0px 0px !important;
    margin: 100px 0px !important;
}

#author a.nectar-button.small.regular {
    top: 20px !important;
}

#author img {
    top: -76px;
    left: -30px;
    transform: scale(1.1);
}

#whyread .wpb_text_column {
    -webkit-text-fill-color: #fff !important;
}

#whyread h3 {
    font-family: 'Barlow';
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 0;
}

div#whyread {
    padding: 100px 0px 100px 0px !important;
}

#whyread a.nectar-button.small.regular {
    top: 30px;
    background-color: #7F3D2D !important;
}

#whyread a.nectar-button.small.regular:nth-child(3) {
    color: #000;
    left: 100px;
    background-color: #fff !important;
}

#whyread img {
    transform: scale(1);
    top: 10px;
    left: 50px;
}

#video .nectar-video-box {
    position: absolute;
    width: 90%;
    top: -50px;
    left: 40px;
}

div#video {
    padding: 70px 50px 300px 0px !important;
    margin: 100px 0px !important;
}

#test button.owl-dot:nth-child(1) {
    background-image: URL(/wp-content/uploads/2024/09/testi2before.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 300px;
    left: -590px;
    background-size: 100% 100% !important;
    transform: scale(5);
    transition: 0.2s;
}
#test button.owl-dot:nth-child(2) {
    background-image: URL(/wp-content/uploads/2024/09/testi1before.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 300px;
    left: -470px;
    background-size: 100% 100% !important;
    transform: scale(5);
    transition: 0.2s;
}
#test button.owl-dot:nth-child(3) {
    background-image: URL(/wp-content/uploads/2024/09/testi3beofre.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 300px;
    left: -350px;
    background-size: 100% 100% !important;
    transform: scale(5);
    transition: 0.2s;
}
#test button.owl-dot:nth-child(4) {
    background-image: URL(/wp-content/uploads/2024/05/cl-4.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 300px;
    left: -230px;
    background-size: 100% 100% !important;
    transform: scale(5);
    transition: 0.2s;
}
#test button.owl-dot:nth-child(5) {
    background-image: URL(/wp-content/uploads/2024/05/cl-5.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 300px;
    left: -110px;
    background-size: 100% 100% !important;
    transform: scale(5);
    transition: 0.2s;
}

#test button.owl-dot.active:nth-child(1) {
    background-image: URL(/wp-content/uploads/2024/09/testi2.png);
    transform: scale(6);
    top: 300px;
    padding-bottom: 10px;
}
#test button.owl-dot.active:nth-child(2) {
    background-image: URL(/wp-content/uploads/2024/09/testi1.png);
    transform: scale(6);
    top: 300px;
    padding-bottom: 5px;
}
#test button.owl-dot.active:nth-child(3) {
    background-image: URL(/wp-content/uploads/2024/09/testi3.png);
    transform: scale(6);
    top: 300px;
    padding-bottom: 5px;
}
#test button.owl-dot.active:nth-child(4) {
    background-image: URL(/wp-content/uploads/2024/05/cl-4-h.png);
    transform: scale(6);
    top: 300px;
    padding-bottom: 5px;
}
#test button.owl-dot.active:nth-child(5) {
    background-image: URL(/wp-content/uploads/2024/05/cl-5-h.png);
    transform: scale(6);
    top: 300px;
    padding-bottom: 5px;
    width: 26px;
}

#test span {
    background-color: transparent !important;
}

div#test {
    padding-bottom: 180px !important;
}

#test .owl-dots {
    position: absolute;
    top: 0px;
}

#test .carousel-item:before {
    content: URL(/wp-content/uploads/2024/05/star.png);
    position: absolute;
    top: 0px;
}

#test .carousel-item {
    padding-top: 50px !important;
}

#test .owl-nav.disabled {
    display: flex;
    justify-content: space-evenly;
    width: 25%;
}

#test .owl-nav.disabled span {
    display: none;
}

#test .owl-nav.disabled button.owl-prev:before {
    content: "\f177";
    font-family: 'FontAwesome';
    background-color: #D4d4d4 !important;
    color: #a4a4a4 !important;
    border-radius: 100px !important;
    padding: 15px 15px !important;
    transition: 0.5s;
}

#test .owl-nav.disabled button.owl-prev {
    background-color: transparent;
    border: none !important;
    width: 0px;
    height: 0px;
}

#test .owl-nav.disabled button.owl-next:before {
    content: "\f178";
    font-family: 'FontAwesome';
    background-color: #D4d4d4 !important;
    color: #a4a4a4 !important;
    border-radius: 100px !important;
    padding: 15px 15px !important;
    transition: 0.5s;
}

#test .owl-nav.disabled button.owl-next {
    background-color: transparent;
    border: none !important;
    width: 0px;
    height: 0px;
}

#test .owl-nav.disabled button.owl-prev:hover:before {
    background-color: #7F3D2D !important;
    color: #fff !important;
}
#test .owl-nav.disabled button.owl-next:hover:before {
    background-color: #7F3D2D !important;
    color: #fff !important;
}

#get .wpb_text_column {
    -webkit-text-fill-color: #fff !important;
}

.help h4 {
    color: #fff;
    font-size: 22px;
    padding-left: 90px;
    margin-top: -70px;
}

.help h4:before {
    display: none;
}

.help h2 {
    color: #fff !important;
    font-size: 32px !important;
    padding-left: 90px;
    margin-top: -20px;
}

.help i {
    font-size: 50px;
    background-color: #fff !important;
    color: transparent;
    -webkit-text-stroke-color: #7F3D2D!important;
    -webkit-text-stroke-width: 1px;
    border-radius: 100px !important;
    width: 70px !important;
    height: 70px !important;
    padding: 10px;
    margin-top: 50px;
}

#get input[type=email], #get input[type=text], #get textarea {
    background-color: transparent;
    border: 1px solid #fff !important;
    color: #fff;
}

#get input[type=email], #get input[type=text] {
    width: 48%;
}

#get input[type=email] {
    position: absolute;
    margin-top: -59px;
    right: 0;
}

#get input[type=email]::placeholder, #get input[type=text]::placeholder, #get textarea::placeholder {
    color: #fff !important;
    opacity: 1;
}

#get .wpforms-container .wpforms-field {
    padding: 0px;
    padding-bottom: 15px;
}

#get button {
    font-family: 'Barlow';
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 1px;
    border-radius: 10px 0px 0px 10px;
    padding: 16px 19px 35px 25px !important;
    background-color: #fff !important;
    color: #000;
}

div#get {
    padding: 120px 0px 50px 0px !important;
}

#get button:after {
    content: "\f178";
    font-family: 'FontAwesome';
    background-color: #fff !important;
    color: #7F3D2D!important;
    padding: 16.5px 18px 16.5px 18px !important;
    border-radius: 0px 10px 10px 0px !important;
    box-shadow: -1px 0px 2px -1px #000000a8;
    position: absolute;
    right: -55px;
    top: 0px;
}

#blogs .col.span_4 {
    background-color: #fff !important;
    box-shadow: 0px 0px 10px -2px !important;
    border-radius: 10px;
    margin-top: 50px;
}

#blogs h3.title h2 {
    font-size: 22px;
    padding: 0px 15px;
    color: #7F3D2D !important;
}

span.meta-category {
    display: none;
}

#blogs .excerpt {
    padding: 0px 15px !important;
    height: 150px;
}

div#blogs {
    padding: 0px 0px 100px 0px !important;
}

div#footer-outer {
    background-color: #7F3D2D!important;
    -webkit-text-fill-color: #fff !important;
}

#footer-outer .widget.widget_nav_menu li a {
    font-family: barlow;
    font-size: 17px;
    font-weight: 400;
    color: #fff !important;
}

#footer-outer .widget.widget_nav_menu li {
    border: none !important;
}

body.original #footer-outer #footer-widgets .col ul li {
    border: none;
}

#ft-icon i {
    color: #fff;
    border-radius: 100px;
    border: 1px solid #fff;
    width: 45px  !important;
    height: 45px !important;
    margin: 0px 5px !important;
    font-size: 18px !important;
    padding: 12px 0px !important;
    transition: 0.5s;
}

#ft-icon i:hover {
    background-color: #fff !important;
    border: none !important;
    -webkit-text-fill-color: #7F3D2D !important;
}

div#copyright {
    padding: 0px !important;
    background-color: #7F3D2D!important;
    padding-bottom: 30px !important;
}

#copyright .container {
    border-top: 1px solid #fff;
    padding-top: 20px;
}

#footer-widgets .container {
    border-top: 1px solid #fff;
}

#get .row-bg.viewport-desktop.using-bg-color {
    background-image: URL(/wp-content/uploads/2024/05/afetr.png);
    background-repeat: no-repeat;
    background-size: 30% 100% !important;
    background-position: 100% 140px !important;
}

#blogs .row-bg.viewport-desktop {
    background-image: URL(/wp-content/uploads/2024/09/blogbg.png);
    background-repeat: no-repeat;
    background-size: 20% 50% !important;
    background-position: 0% 350px !important;
}

img.stnd.skip-lazy.default-logo.dark-version {
    margin-left: 20px;
}

#page-header-bg h2 {
    color: #fff !important;
}

#custom_html-4 h5 {
    font-size: 15px;
    font-family: 'Poppins';
    font-weight: 400;
    color: #fff;
    margin-left: 0px;
    margin-top: -50px;
}

#custom_html-4 h6 {
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 400;
    color: #fff;
    margin-left: 0px;
    margin-top: -6px;
    padding-bottom: 40px;
}

div#custom_html-4 i {
    -webkit-text-fill-color: #7F3D2D;
    background-color: #fff;
    border-radius: 360px;
    height: 40px;
    width: 40px;
    padding-top: 9px;
    margin-left: -50px;
}

#footer-outer #footer-widgets .col.span_3:nth-child(1) {
    width: 23%;
}

#footer-outer #footer-widgets .col.span_3:nth-child(2) {
    width: 17%;
    margin-left: 3rem;
}

#footer-outer #footer-widgets .col.span_3:nth-child(3) {
    width: 17%;
    margin-left: 3rem;
}

#footer-outer #footer-widgets .widget h4 {
    font-family: 'Barlow';
    font-size: 20px;
}

#footer-outer .gallery a img {
    border: none !important;
    background-color: unset !important;
    max-width: 100% !important;
    width: 100%;
    margin-bottom: 0 !important;
}

#copyright .col.span_5 {
    width: 100% !important;
    /* text-align: center; */
    display: flex;
    margin-right: 0 !important;
}

.right {
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.right i {
    top: 2px;
    padding-right: 10px;
    padding-left: 30px;
    color: #fff !important;
    font-size: 45px !important;
}

.left {
    width: 100% !important;
    text-align: left;
}
a.nectar-button.small.regular:before {content: "";background-color: #0000003b;width: 98%;height: 52%;position: absolute;bottom: 0px;left: 5px;border-top-right-radius: 25px;border-top-left-radius: 25px;}

#get button:before {
    content: "";
    background-color: #0000003b;
    width: 98%;
    height: 52%;
    position: absolute;
    bottom: 0px;
    left: 5px;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
}

h2 strong {
    font-family: 'Barlow' !important;
    font-weight: 700;
    color: #7F3D2D !important;
}

li#menu-item-2693 span:before {
    content: "";
    background-color: #0000003b;
    width: 98%;
    height: 0%;
    position: absolute;
    bottom: -17px;
    left: 2px;
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
}
#video p {
    width: 80%;
}
div#video:before {
    content: url(/wp-content/uploads/2024/09/trailericon.png);
    position: absolute;
    z-index: 2;
    height: 10% !important;
    width: 10% !important;
    top: 370px;
    left: 1130px;
    transform: scale(0.7);
}


@media only screen and (max-width: 900px) {
	div#slider, #chap, #author, #whyread, #video, #test, #blogs, #get {
		text-align: center !important;!i;!;
		padding-top: 160px !important;!i;!;
		padding-bottom: 100px !important;!i;!;
	}

	h4 {
		text-align: center !important;!i;!;
	}

	h2 {
		text-align: center !important;!i;!;
	}

	p {
		text-align: center !important;!i;!;
	}

	a.nectar-button.small.regular {
		width: 100% !important;!i;!;
		text-align: center !important;!i;!;
		margin: 10px auto !important;!i;!;!o;!oi;!o;!;
		left: 0 !important;!i;!;!o;!oi;!o;!;
	}

	a.nectar-button.small.regular:after {
		right: -10px !important;!i;!;
	}

	#slider img:nth-child(1) {
		left: 0 !important;!i;!;
		top: 40px !important;!i;!;
	}

	div#chap {
		margin-top: -190px !important;!i;!;
	}

	#chap .chaps {
		height: auto !important;!i;!;
	}

	#chap h1 {
		visibility: hidden !important;!i;!;!o;!oi;!o;!;
	}

	#chap .chaps h2 {
		text-align: right !important;!i;!;
	}
	#author img {
		width: 100% !important;!i;!;
		left: 0 !important;!i;!;
		top: 0 !important;!i;!;
	}

	div#author {
		padding-right: 0 !important;!i;!;
	}

	#author .row-bg.viewport-desktop.using-image {
		background-size: cover !important;!i;!;
	}

	#whyread img {
		left: 0 !important;!i;!;
		top: 0 !important;!i;!;
	}

	#whyread h3 {
		line-height: 1 !important;!i;!;
		width: 100% !important;!i;!;
		text-align: center !important;!i;!;
	}

	#video .nectar-video-box {
		position: relative !important;!i;!;
		width: 100% !important;!i;!;
		left: 0 !important;!i;!;
		top: 0 !important;!i;!;
	}

	.left {
		text-align: center !important;!i;!;
	}

	div#video {
		padding-right: 0 !important;!i;!;
		padding-bottom: 50px !important;!i;!;
	}

	#video p {
		width: 100% !important;!i;!;
	}

	#test .carousel-item:before {
		width: 100% !important;!i;!;
		left: 0 !important;!i;!;
	}

	#test .owl-nav.disabled button.owl-next:hover:before {
		right: 0 !important;!i;!;
	}

	#test .owl-nav.disabled {
		width: 100% !important;!i;!;
		display: flex !important;!i;!;
		!i;!;
		justify-content: space-around !important;!i;!;
		margin-left: -20px !important;!i;!;
	}

	div#test {
		padding-bottom: 50px !important;!i;!;
	}

	#blogs .row-bg.viewport-desktop {
		background-size: cover !important;!i;!;
	}

	.help i {
		width: 40px !important;!i;!;!;
		height: 40px !important;!i;!;
		font-size: 20px !important;!i;!;
	}

	.help h4 {
		padding-left: 0 !important;!i;!;
		margin-top: 0 !important;!i;!;
	}

	.help h2 {
		padding-left: 0 !important;!i;!;
		margin-top: 0 !important;!i;!;
	}

	#get input[type=email], #get input[type=text] {
		width: 100% !important;!i;!;
	}

	#get button {
		width: 100% !important;!i;!;
	}

	#get button:after {
		right: -20px !important;!i;!;
	}

	footer-widgets .container .col:nth-child(3), footer-widgets .container .col:nth-child(2), footer-widgets .container .col:nth-child(1) {
		text-align: center !important;!i;!;
	}

	#footer-outer .container .col:nth-child(1), #footer-outer .container .col:nth-child(2), #footer-outer .container .col:nth-child(3) {
		text-align: center !important;!i;!;
	}

	#copyright .col.span_5 {
		display: block !important;!i;!;
		text-align: center !important;!i;!;
	}

	.right {
		display: block !important;!i;!;
		padding-top: 20px !important;!i;!;
	}
	#page-header-bg h2 {
		padding-top: 70px !important;!i;!;
	}
		#chap .chaps:before {
		left: 30px !important;!i;!;
	}

}