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

/**Containers**/

#header-outer[data-full-width=true] header>.container {
    width: 90%;
}

.container.main-content {
    max-width: 96%;
}

/**Header**/

ul.sf-menu.sf-js-enabled.sf-arrows {
    gap: 50px;
}

#header-outer[data-lhe="animated_underline"] li > a .menu-title-text {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

div#read-book a.nectar-button.small.regular.accent-color.regular-button.bts {
    left: 20px;
}

div#read-book2 a.nectar-button.small.regular.accent-color.regular-button.bts {
    left: 10px;
}

.woocommerce-message {
    color: #b84646 !important;
}

a.button.wc-forward {
    color: #b84646 !important;
}

nav.woocommerce-breadcrumb {
    margin-top: 120px !important;
}

li#menu-item-21 a {
    background-color: #B84646;
    padding: 13px 25px !important;
    border-radius: 35px;
}

/**Global**/

h2 {
    font-size: 67px;
    color: #fff;
    line-height: 1;
    font-weight: 400;
}

p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

a.nectar-button.small.regular {
    font-size: 16px;
    font-weight: 400;
    background-color: transparent !important;
    border: 2px solid #B84646;
    padding: 15px 30px !important;
    border-radius: 35px !important;
}

h3 {
    color: #fff;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 20px !important;
}

.nectar-video-box .inner-wrap {
    overflow: unset !important;
}

a.play_button_2.large.nectar_video_lightbox {
    display: none;
}

/**Header**/

div#header-space {
    display: none;
}

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

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

div#slider p {
    width: 80%;
}

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

div#slider h1 {
    color: #fff !important;
}

div#slider:after {
    content: "JOY JENSEN";
    font-size: 180px;
    font-family: 'Kanit';
    letter-spacing: 45px;
    width: 120%;
    position: absolute;
    bottom: 160px;
    left: 0px;
    right: 0px;
    font-weight: 700;
}

#slider .vc_col-sm-3 .wpb_text_column.wpb_content_element {
    margin-top: 250px;
}

#slider h2 strong {
    font-size: 23px;
    text-transform: uppercase;
}

#slider h2 {
    font-size: 55px;
    width: 105%;
}

#slider img.img-with-animation.skip-lazy {
    width: 80%;
    top: -170px;
}

#slider .nectar-milestone.animated-in {
    color: #fff;
    width: fit-content;
    margin: 280px auto 0px;
}

#slider .number.default {
    font-size: 32px !important;
    font-family: 'Poppins';
}

#slider .symbol-wrap {
    font-size: 32px !important;
}

#slider .subject {
    font-size: 16px !important;
    font-family: 'Poppins';
}

/**Author**/

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

#author .wpb_text_column.wpb_content_element {
    margin-top: 50px;
    width: 90%;
}


div#author img {
    transform: scale(0.9);
    top: -30px;
}

/**Whyread**/

#whyread h2 strong, #video h2 strong {
    font-size: 30px;
    text-transform: capitalize;
}

#whyread h2, #video h2 {
    line-height: 0.6;
    margin-bottom: 30px;
    text-transform: uppercase;
}

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

#whyread .wpb_text_column.wpb_content_element {
    margin-top: 70px;
}

#whyread a.nectar-button.small.regular:nth-child(2) {
    margin-right: 10px;
}

#before:hover:after {
    content: "Coming Soon";
    position: absolute;
    top: -10px;
    left: 107%;
    padding: 20px;
    background-color: #000;
    border-radius: 30px;
    text-align: center;
    width: 100px;
}
#before:hover:before {
    content: 'v';
    position: absolute;
    right: -12%;
    top: 40%;
    width: 10px;
    height: 10px;
    transform: rotate(90deg);
    color: #000;
    font-weight: 800 !important;
}
a#before {
    display: inline-block;
    background: #4f46e5;
    color: white;
    padding: 12px 24px;
    border-radius: 6px;
    text-decoration: none;
    font-family: sans-serif;
    position: relative;
	transition: 2s ease-in-out !important;
}

#before:hover::after {
opacity:1;
}
/**Video**/

#video .nectar-video-box {
    width: 5%;
    margin: auto;
}

div#video {
    padding: 150px 0px 230px !important;
}

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

/**Testi**/

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

/**Testimonials**/

#testi button.owl-dot:nth-child(1) {
	background-image: URL(/wp-content/uploads/2025/03/testi2.png);
    background-size: 100% 100% !important;
    width: 70px !important;
    height: 70px !important;
}
#testi button.owl-dot:nth-child(2) {
    background-image: URL(/wp-content/uploads/2025/03/testiTwo.png);
    background-size: 100% 100% !important;
    width: 60px !important;
    height: 60px !important;
    margin-left: 10px;
}
#testi button.owl-dot:nth-child(3) {
    background-image: URL(/wp-content/uploads/2025/03/testi1.png);
    background-size: 100% 100% !important;
    width: 60px !important;
    height: 60px !important;
    margin-left: 10px;
}
#testi button.owl-dot:nth-child(4) {
    background-image: URL(/wp-content/uploads/2025/04/handsome-cheerful-man-blue-sweater-scaled.jpg);
    background-size: 100% 100% !important;
    width: 60px !important;
    height: 60px !important;
    margin-left: 10px;
    border-radius: 50% !important;
    border-radius: 50% !important;
    background-size: cover !important;
    border: 3px solid #b84646 !important;
}

#testi button.owl-dot.active:nth-child(1) {
    width: 80px !important;
    height: 80px !important;
}

#testi button.owl-dot.active:nth-child(2) {
    width: 80px !important;
    height: 80px !important;
}

#testi button.owl-dot.active:nth-child(3) {
    width: 80px !important;
    height: 80px !important;
}

#testi button.owl-dot.active:nth-child(4) {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    background-size: cover !important;
}

#testi .span_12.dark .owl-theme .owl-dots .owl-dot.active span {
    background-color: transparent !important;
}

#testi .owl-dots {
    text-align: justify;
    width: fit-content;
    position: absolute;
    top: -35px;
}

#testi .owl-carousel.owl-theme.owl-loaded.owl-drag {
    margin-top: 100px !important;
}

#testi .carousel-item {
    background-image: url(/wp-content/uploads/2025/03/testi-caro.png);
    padding: 50px 40px;
    background-repeat: no-repeat;
    background-size: 100% 100% !important;
}

#testi .carousel-item p {
    width: 80%;
    height: auto !important;!i;!;
    border-bottom: 1px solid #fff;
}

#testi .carousel-item h5 {
    margin-top: 20px !important;
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 0;
}

#testi .carousel-item h6 {
    color: #535353;
}

#testi img.img-with-animation.skip-lazy {
    left: -35px;
    z-index: 1;
}

#testi .owl-nav.disabled {
    display: unset !important;
    position: absolute;
    top: 218px;
    right: 210px;
}

#testi button.owl-prev {
    background-color: #B84646;
    border: 2px solid #B84646;
    border-radius: 100px !important;
    padding: 0px 0px !important;
    width: 35px;
    height: 35px;
}

#testi button.owl-prev span {
    font-size: 20px;
    -webkit-text-stroke-width: 1px;
}

#video p {
    width: 60%;
    margin: 0 auto !important;!I;!;
}

#testi button.owl-next {
    background-color: #B84646 !important;
    border: 2px solid #B84646;
    border-radius: 100px !important;
    padding: 0px 0px !important;
    width: 35px;
    height: 35px;
}

#testi button.owl-next span {
    font-size: 20px;
    -webkit-text-stroke-width: 1px;
}

#testi button.owl-dot:nth-child(5) {
	background-image: URL(/wp-content/uploads/2025/03/testiOne.png);
    background-size: 100% 100% !important;
    width: 60px !important;
    height: 60px !important;
    margin-left: 10px;
}

#testi button.owl-dot:nth-child(6) {
    background-image: URL(/wp-content/uploads/2025/04/happy-smiling-business-man-sitting-table-blue-space-scaled.jpg);
    background-size: 100% 100% !important;
    width: 60px !important;
    height: 60px !important;
    margin-left: 10px;
    border-radius: 50% !important;
    background-size: cover !important;
    border: 3px solid #b84646 !important;
}

#testi button.owl-dot.active:nth-child(6) {
    width: 80px !important;
    height: 80px !important;
}

#testi button.owl-dot.active:nth-child(5) {
    width: 80px !important;
    height: 80px !important;
}

/**New**/

#news h2 {
    font-size: 47px;
}

div#news {
    background-color: transparent !important;
    margin-bottom: -150px;
    padding: 50px 120px 70px !important;
}

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

#news .wpb_text_column.wpb_content_element {
    margin-top: 40px;
}

#news input#wpforms-42-field_1 {
    background-color: #E7E7E7 !important;
    border-radius: 35px;
    padding: 26px 25px !important;
}

#news .wpforms-field-container {
    width: 70%;
    margin-top: 0px;
}

#news button#wpforms-submit-42 {
    background: #B84646 !important;
    position: absolute;
    top: -75px;
    border-radius: 45px !important;
    right: 212px;
    height: 46px;
}

/**Footer**/

div#footer-widgets {
    margin-top: 80px;
}

div#footer-outer {
    background-color: transparent !important;
    background-size: 100% 100% !important;
    z-index: 1;
}

div#copyright {
    background: linear-gradient(45deg, #B84646, #B84646);
    padding: 20px 0px!important;
}

.left {
    color: #fff;
    float: left;
}

.right {
    color: #fff;
    float: right;
}

.right a {
    color: #fff !important;
    margin-left: 20px;
}

.right a strong {
    font-family: 'Poppins';
    font-weight: 500;
}

.right strong {
    font-weight: 500;
}

div#text-2 {
    width: 50%;
    margin: auto;
}

div#custom_html-2 {
    width: fit-content;
    margin: 50px auto !important;
}

div#ft-icon ul li {
    display: flex;
    gap: 20px;
}

div#ft-icon ul li a i {
    border: 2px solid #B84646;
    height: 40px;
    width: 40px;
    padding-top: 8px;
    color: #fff;
    border-radius: 35px;
    transition: .3s;
}

div#ft-icon ul li a:hover i {
    background: #fff !important;
    color: #B84646 !important;
    border: 2px solid #fff !important;
}

/**Contact Page**/

#contactus label.wpforms-field-label {
    color: #fff;
    font-weight: 500;
}

#contactus input#wpforms-45-field_1 {
    background-color: #E7E7E7;
    border-radius: 45px;
}

#contactus input#wpforms-45-field_2 {
    background-color: #E7E7E7;
    border-radius: 45px;
}

#contactus textarea#wpforms-45-field_3 {
    background: #E7E7E7;
    border-radius: 30px;
}

#contactus button#wpforms-submit-45 {
    font-family: 'Poppins';
    border: 2px solid #b84646 !important;
    background: transparent !important;
    height: 60px;
    border-radius: 35px !important;
    padding: 10px 30px !important;
}

/***************************************** Media Query 250px to 999px *****************************************/

@media (min-width: 250px) and (max-width: 1000px) {
	h1, h2{
		font-size: 44px !important;
		text-align: center !important;
		width: 100% !important;
		line-height: 1 !important;
	}
	
	h3{
		margin-bottom: 6px !important;
		font-size: 16px !important;
		text-align: center !important;
		width: 100% !important;
	}
	
	h4{
		text-align: center !important;
	}
	
	p{
		font-size: 14px !important;
		text-align: center !important;
		width: 100% !important;
	}
	
	a.nectar-button.small.regular {
		width: 100% !important;
		text-align: center !important;
		font-size: 14px !important;
		padding: 13px 30px !important;
	}

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

	div#footer-outer {
	    background-size: cover !important;
	}
	
	#footer-outer .col.span_3:nth-child(1) {
	    width: 100% !important;
	    text-align: center !important;
	}
	
	#footer-outer .col.span_3:nth-child(2) {
	    width: 100% !important;
	    text-align: center !important;
	    margin-top: 30px;
	}
	
	#footer-outer .col.span_3:nth-child(3) {
	    width: 100% !important;
	    text-align: center !important;
	    margin: 0px !important;
	}
	
	#footer-outer button#wpforms-submit-26 {
	    width: 100% !important;
	}

        #footer-outer .col.span_3:nth-child(4) {
            width: 100% !important;
    }

	#footer-outer #copyright .col {
   	    width: 100% !important;
	}

	div#slider .row-bg.viewport-desktop.using-image {
	    background-size: cover !important;
	    background-position: center !important;
	}
	
	div#slider {
	    padding: 130px 0px 60px !important;
	}
	
	div#slider:after {
	    display: none;
	}
	
	#slider img.img-with-animation.skip-lazy {
	    width: 80%;
	    top: 20px;
	}
	
	div#author .row_col_wrap_12.col.span_12.dark.left {
	    flex-direction: column-reverse !important;
	}
	
	#author .wpb_text_column.wpb_content_element {
	    margin-top: 0px;
	    width: 100%;
	    text-align: center !important;
	}
	
	div#author {
	    padding: 60px 0px 0px 0px !important;
	}
	
	div#author img {
	    top: 0px !important;
	}
	
	#whyread h2 strong, #video h2 strong  {
	    font-size: 15px !important;
	}
	
	#whyread h2, #video h2 {
	    margin-bottom: 10px !important;
	}
	
	div#whyread {
	    padding: 0px 0px 100px !important;
	}
	
	#video .row-bg.viewport-desktop.using-image {
	    background: none !important;
	}
	
	#video .nectar-video-box {
	    width: 16%;
	}
	
	div#video {
	    padding: 20px 0px 0px !important;
	}

	#testi button.owl-dot.active:nth-child(1) {
	    width: 50px !important;
	    height: 50px !important;
	}
	
	#testi button.owl-dot:nth-child(2) {
	    width: 40px !important;
	    height: 40px !important;
	}
	
	#testi button.owl-dot:nth-child(3) {
	    width: 40px !important;
	    height: 40px !important;
	}
	
	#testi button.owl-dot:nth-child(4) {
	    width: 40px !important;
	    height: 40px !important;
	}
	
	#testi button.owl-dot:nth-child(5) {
	    width: 40px !important;
	    height: 40px !important;
	}
	
	#testi button.owl-dot:nth-child(6) {
	    width: 40px !important;
	    height: 40px !important;
	}
	
	#testi button.owl-dot:nth-child(1) {
	    width: 40px !important;
	    height: 40px !important;
	}
	
	#testi button.owl-dot.active:nth-child(2) {
	    width: 50px !important;
	    height: 50px !important;
	}
	
	#testi button.owl-dot.active:nth-child(3) {
	    width: 50px !important;
	    height: 50px !important;
	}
	
	#testi button.owl-dot.active:nth-child(4) {
	    width: 50px !important;
	    height: 50px !important;
	}
	
	#testi button.owl-dot.active:nth-child(5) {
	    width: 50px !important;
	    height: 50px !important;
	}
	
	#testi button.owl-dot.active:nth-child(6) {
	    width: 50px !important;
	    height: 50px !important;
	}
	
	#testi .owl-dots {
	    width: 100% !important;
	    text-align: center !important;
	    top: 30px;
	}
	
	#testi .owl-carousel.owl-theme.owl-loaded.owl-drag {
	    margin-top: 0px !important;
	}
	
	#testi .carousel-item {
	    padding-top: 80px;
	}
	
	#testi .carousel-item h5 {
	    font-size: 18px !important;
	    text-align: center;
	}
	
	#testi .carousel-item h6 {
	    text-align: center !important;
	}
	
	#testi .owl-nav.disabled {
	    top: 420px;
	    right: 130px;
	}
	
	#testi img.img-with-animation.skip-lazy {
	    left: 0px !important;
	}

	#news .row-bg.viewport-desktop.using-image {
	    background-size: cover !important;
	    background-position: center !important;
	}
	
	div#news {
	    margin-bottom: -150px;
	    padding: 50px 0px 80px !important;
	}
	
	#news .wpforms-field-container {
	    width: 100% !important;
	}
	
	#news button#wpforms-submit-42 {
	    right: 10px !important;
	}
	
	div#text-2 {
	    width: 100% !important;
	}
	
	ul#menu-head-2 {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}
	
	.right {
	    display: none;
	}
	
	div#copyright {
	    padding-top: 0px !important;
	}
	
	#page-header-bg h2 {
		font-size: 28px !important;
	}

	div#innerbook ul {
		text-align: center;
	}
	
	div#wpforms-45-field_1-container {
		text-align: center !important;
	}

	div#wpforms-45-field_2-container {
		text-align: center !important;
	}

	div#wpforms-45-field_3-container {
		text-align: center;
	}

	#contactus button#wpforms-submit-45 {
		width: 100% !important;
		height: 50px;
		font-size: 16px !important;
	}
	
	.page-id-11 .divider {
		display: none;
	}
	
	#testi img.img-with-animation.skip-lazy {
		margin: 0 auto;
	}

	#testi .owl-nav.disabled {
		top: 300px;
		right: 290px;
	}

	div#copyright .container {
		margin: 0 auto;
		display: table;
	}

}

/***************************************** Media Query 1000px to 1300px *****************************************/

@media (min-width: 1020px) and (max-width: 1300px){
	
    div#slider:after {
		font-size: 90px !important;
		bottom: 60px !important;
	}

	#header-outer[data-lhe="animated_underline"] li > a .menu-title-text {
		font-size: 15px !important;
	}

	ul.sf-menu.sf-js-enabled.sf-arrows {
		gap: 17px !important;
	}

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

	#slider img.img-with-animation.skip-lazy {
		top: -20px !important;
	}

	#whyread h2, #video h2 {
		line-height: 1 !important;
	}

	#news button#wpforms-submit-42 {
		width: 40% !important;
		right: 0;
		font-size: 12px !important;
	}

	#news h2 {
		font-size: 27px !important;
	}

	#testi .owl-nav.disabled {
		right: 0;
	}
}

/***************************************** Media Query 1300px to 1500px *****************************************/

@media (min-width: 1300px) and (max-width: 1500px){
    div#slider:after {
		font-size: 140px !important;
	}

	#whyread h2 {
		font-size: 45px !important;
		line-height: 0.8 !important;
	}

	#news button#wpforms-submit-42 {
		right: 130px !important;
	}
}

/**Music Css**/

/* General body and layout styles */
.music-player {
    width: 100%;
    background-color: #000000;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    padding: 20px;
    color: #fff;
    border: 1px solid #fff !important;!i;!;
}

.album-art img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.song-details {
}

.song-details h2 {
    font-weight: bold;
    color: #fff;
    padding-top: 50px !important;!i;!;
    margin-left: 0px;
}

.song-details h3 {
    font-size: 18px;
    color: #ddd;
}

.song-details p {
    font-size: 14px;
    color: #fff !important;!i;!;
}

audio {
    width: 55%;
    margin-top: 10px;
    outline: none;
}

.playlist {
    list-style: none;
    padding: 0;
    margin: 0 auto !important;
    text-align: center !important;
}

.playlist li {
    font-family: 'Dancing Script' !important;!i;!;
    font-size: 24px;
    text-align: center !important;
    list-style: none !important;
    padding: 20px 0px;
}

.playlist li:hover {
    background-color: #333;
}

.playlist li .price a {
    color: #fff;
}

.playlist li .price a:hover {
    text-decoration: underline;
}

.playlist li span {
    font-size: 14px;
}

.playlist li .price {
    font-family: 'Dancing Script' !important;!i;!;
    font-weight: 400;
    font-size: 15px !important;!i;!;
    letter-spacing: 0px;
    /* background-color: #fff; */
    -webkit-text-fill-color: #ffffff !important;!i;!;
    padding: 7px;
    border-radius: 10px;
}

.playlist li:hover {
    cursor: pointer;
}

div#privacypolicy {
    padding-top: 80px !important;
}

div#privacypolicy h3 {
    font-size: 24px !important;
}

div#returnspolicy {
    padding-top: 80px !important;
}

div#returnspolicy h3 {
    font-size: 24px !important;
}

body.woocommerce-page * {
    color: #fff !important;
}

.wc-block-components-sidebar-layout.wc-block-cart.wp-block-woocommerce-filled-cart-block.is-large {
    padding-top: 170px;
}

th.wc-block-cart-items__header-image span {
    font-size: 26px !important;
}

a.wc-block-components-product-name {
    font-size: 20px !important;
}

span.wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-product-price__value {
    font-size: 18px !important;
}

th.wc-block-cart-items__header-total span {
    font-size: 18px !important;
}

h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title {
    font-size: 18px !important;
}

.cart .quantity input.plus {
    background-color: #B84650 !important;
}

.cart .quantity input.minus {
    background-color: #B84650 !important;
}

.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url] {
    background-color: #6e6e6e !important;
}

input#email {
}


select#billing-country {
    background-color: #6e6e6e !important;
}

.wc-block-checkout__no-payment-methods-notice.wc-block-components-notice-banner.is-error {
    background-color: #6e6e6e !important;
}

.wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    padding-top: 170px;
}

h3.wc-block-components-product-name {
    font-size: 22px !important;
}

.tax-product_cat.woocommerce .container-wrap {
    background-color: #3d3d3d !important;
}

select#billing-state {
    background-color: #6e6e6e !important;
}

.woocommerce-page .nectar-shop-header .page-title {
    padding-top: 200px;
}

span.xoo-wsc-bki.xoo-wsc-icon-basket1 {
    color: #000 !important;
}

.nectar-social.fixed.woo {
    display: none !important;
}

p.woocommerce-mini-cart__buttons.buttons a {
    color: #fff !important;
}

i.icon-salient-cart {
    color: #fff !important;
}

button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained {
    display: block !important;
    text-align: center !important;
}
#slider .nectar_video_lightbox.play_button_with_text {margin-left: 30px;}
#header-outer[data-lhe=animated_underline] #top nav>ul>li>a {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
#slider .nectar_video_lightbox.play_button_with_text p {
    color: #ffff !important;
    width: 100% !important;
}