/*
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=Nanum+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Poppins: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');
@import url(https://db.onlinewebfonts.com/c/d5853a95968c50d209319cc9479f6aab?family=Microsoft+JhengHei+Bold);
@import url(https://db.onlinewebfonts.com/c/c9b20ecbd87dbc359b3269a1a86a7c9b?family=Carltine+Bold);

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

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

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

div#header-space {
    display: none;
}

#top nav ul li a {
    font-family: poppins !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    color: #fff !important;
    margin: 0px 15px !important;
}

h4 {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 20px;
    color: #5D5D5D;
    margin-bottom: 1rem !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#slider h2 {
    /* font-size: 70px !important; */
    /* line-height: 1; */
    /* margin-bottom: 0; */
    width: 75%;
}

h2 {
    /* font-family: Carltine Bold!important; */
    font-weight: 400;
    font-size: 54px;
    line-height: 35px;
    padding: 10px 0px !important;
    color: #122b6c !important;
    margin: 0;
    padding: 0 !important;
}

p {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
    color: #000;
    margin-top: 1rem;
}

a.nectar-button.small.regular {
    font-family: 'Poppins';
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    border-radius: 0;
    padding: 15px 40px !important;
    top: 30px;
    color: #fff;
}

#slider a.nectar-button.small.regular {
    top: 70px;
    border: 1px solid #122b6c !important;
    /* background-color: #000 !important; */
    /* color: #fff !important; */
}

#slider .nectar-video-box {
    width: 40%;
    left: 230px;
    top: -15px;
}

a.play_button_2.large.nectar_video_lightbox.magnific-popup {
    display: none;
}

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

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

#chap h3 {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 20px;
    color: #000 !important;
    letter-spacing: 0px;
    padding-bottom: 10px;
}

#chap p {
    /* padding: 0px !important; */
}

div#chap {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

#author .vc_col-sm-6:nth-child(2) {
    padding-top: 80px !important;
}

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

#whyread .vc_col-sm-6:nth-child(1) {
    display: flex;
    align-items: center;
}

#whyread h3 {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 30px;
    color: #000;
    letter-spacing: 1px;
}

#whyread a.nectar-button.small.regular:nth-child(3) {
    background-color: #AF8136 !important;
    left: 30px;
    border: 2px solid #AF8136 !important;
}

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

#video .nectar-video-box {
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
    width: 15%;
    margin: auto;
}

div#video {
    padding: 140px 0px 335px 0px !important;
    margin: 5rem 0 !IMPORTANT;
}

#test h5 {
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0px;
    color: #122b6c;
    padding-top: 15px;
}

#test h6 {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0px;
    color: #000;
    margin-top: -10px;
}

#test .carousel-item {
    background-color: #fff !important;
    box-shadow: 0px 0px 10px -2px #000 !important;
    border-radius: 7px;
    width: 95%;
    margin: auto !important;
    padding: 70px 50px 30px 70px !important;
    margin-top: 50px !important;
}

#test .carousel-item p {
    height: 155px;
    border-bottom: 1px solid #1A2D34;
    font-size: 14px;
}

#test .carousel-item p:before {
    content: URL(/wp-content/uploads/2024/08/inverted-commas.png);
    position: absolute;
    top: 95px;
}

#test h5:after {
    content: URL(/wp-content/uploads/2024/08/stars.png);
    float: right;
    margin-top: 10px;
}

#news h4 {
    color: #fff;
}

#news h2 {
    color: #fff !important;
    font-size: 45px !important;
}

#news input#esfpx_email_3e5453301e5f3 {
    border-radius: 7px;
    padding: 13px 15px !important;
    margin-top: 40px;
}

#news input[type="submit"] {
    border-radius: 7px;
    font-family: 'Poppins';
    font-weight: 400;
    letter-spacing: 1px;
    position: absolute;
    top: 48px;
    left: 77%;
    background-color: #AF8136;
}

div#news {
    padding: 60px 100px !important;
    margin-bottom: -140px  !important;
}

div#footer-outer {
    z-index: 1;
    padding-top: 130px !important;
    background-color: transparent !important;
}

#footer-outer p {
    color: #000;
}

.ft-icon i {
    background-color: #122B6C !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 100px;
    padding: 12px 0px !important;
    font-size: 1pc !important;
    margin-right: 5px;
    color: #fff;
}

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

div#footer-outer #footer-widgets .widget h4 {
    font-family: poppins !important;
    font-weight: 400 !important;
    font-size: 17px !important;
    color: #000 !important;
    padding-top: 50px;
}

#custom_html-4 i {
    color: #122B6C !important;
}

#custom_html-4 h5 {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    margin-left: 25px;
    margin-top: -35px;
    color: #000 !important;
}

#custom_html-4 h6 {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 12px;
    margin-left: 25px;
    margin-top: -15px;
    padding-bottom: 30px;
    color: #000 !important;
}

#footer-outer input.wpcf7-form-control.wpcf7-text {
    background-color: #CFCFCF !important;
    border: none;
    border-radius: 7px;
    width: 50% !important;
}

#footer-outer input[type="email"] {
    position: absolute;
    top: -44px;
    left: 52%;
}

#footer-outer textarea {
    background-color: #CFCFCF !important;
    border: none;
    border-radius: 7px;
    margin-top: 10px;
}

#footer-outer input.wpcf7-form-control.wpcf7-submit.has-spinner {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    border-radius: 7px !important;
    padding: 15px 25px !important;
    border: 1px solid #fff !important;
}

#copyright .col.span_5 {
    width: 100%;
    text-align: center;
}

#copyright .col.span_5 p {
    color: #000 !important;
}

#copyright .col.span_5 p strong {
    /* text-transform: uppercase; */
    color: #000 !important;
}

#footer-outer .col.span_3:nth-child(1) {
    width: 30% !important;
}
#footer-outer .col.span_3:nth-child(2) {
    width: 13% !important;
}
#footer-outer .col.span_3:nth-child(3) {
    width: 20% !important;
}
#footer-outer .col.span_3:nth-child(4) {
    width: 28% !important;
}

#contact .vc_col-sm-6:nth-child(1) {/* padding-top: 160px; */}

#contact input.wpcf7-text {
    border-radius: 7px;
}

#contact textarea {
    border-radius: 7px;
}

#contact input.wpcf7-form-control.wpcf7-submit.has-spinner {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    border-radius: 7px !important;
    padding: 15px 25px !important;
}

#slider img.img-with-animation.skip-lazy {
    margin-top: 5rem;
    top: 4rem;
    width: 80%;
    margin: 5rem auto 0!important;
}

#chap h1 {
    font-family: Poppins !important;
    font-size: 90px;
    font-weight: 700;
    color: #1A2D34;
    opacity: 20%;
    position: absolute;
    top: 63px;
    left: 65px;
}

.chapbody {
    margin-top: -9rem;
    margin-left: 7rem;
}

.chapbody h3 {
    margin-bottom: 5px !important;
    padding-bottom: 0 !important;
}

#chap .carousel-item .chaptext {
    border-left: 15px solid #122b6c;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#chap .carousel-item {
    width: 90%;
    margin: auto !important;
}

.chapbody p {
    font-size: 13px;
    margin-top: 0;
}

.chaptext {
    box-shadow: 0px 0px 8px 10px #00000008;
    padding: 45px 30px 30px 32px;
    margin-bottom: 2rem !important;
    opacity: 65%;
    transition: .5s;
    height: auto !important;!i;!;
}

.chapcol2 {
    margin-top: 0rem;
}

#video h4 {
    color: #fff !important;
}

#footer-outer .widget.widget_nav_menu li a {
    color: #000 !important;
}

#chap h1.chap2 {margin-top: 160px;margin-left: 0px;}

li#menu-item-2739 a span {
    background-color: #122b6c;
    padding: .8rem 1rem;
    border-radius: 0;
    border: 2px solid #122b6c;
}

#header-outer[data-lhe="animated_underline"] #top nav > ul > .menu-item-2739 > a .menu-title-text:after {
    display: none !important;
}

.chaptext:hover {
    opacity: 100%;
}

div#page-header-bg h2 {
    color: #fff !important;
    font-size: 60px;
    font-weight: 600;
}

.whyread {
    margin-top: 6rem;
    -webkit-text-fill-color: #000 !important;
}

#whyread a.nectar-button.small.regular {
    color: #fff;
    border: 2px solid #122b6c!important;
}

div#video h2 {
    color: #fff !important;
}

#author img.img-with-animation.skip-lazy {
    width: 65%;
    /* margin: auto; */
}

h2 strong {
    font-size: 45px;
    font-weight: 400;
    color: #000;
}

#author .wpb_text_column.wpb_content_element {
    /* width: 121% !important; */
    margin-left: -7rem;
}

#author a.nectar-button.small.regular {
    margin-left: -7rem;
}

.whyread h2 {
    -webkit-text-fill-color: #122b6c;
}

.whyread h2 strong {
    -webkit-text-fill-color: #000;
}

div#services {
    padding: 4rem 0 7rem!important;
}

#services .carousel-item {
    width: 90%;
    background-color: #fff;
    box-shadow: 0px 0px 10px 4px #00000029;
    margin: auto;
    border-radius: 10px;
    padding: 1rem 2rem;
    height: 330px;
}

#author p {
    padding-bottom: 0;
}

#author .innerauthorbox {
    margin-left: 0 !important;!i;!;
}
div#footer-outer i {
    top: -8px !important;
}
/******************************** OQ ********************************/
/*********************************************************** Responsive  250 To 1000 ***********************************************************/

@media (min-width: 250px) and (max-width: 1000px) {
	h1, h2{
		font-size: 38px !important;
		text-align: center !important;
		width: 100% !important;
		line-height: 1 !important;!i;!;
	}
	h3{
		font-size: 22px !important;
		text-align: center !important;
		width: 100% !important;
	}
	h4{
		text-align: center !important;
		font-size: 14px !important;!i;!;
		line-height: 1.5;
	}
	p{
		font-size: 16px !important;
		text-align: center !important;
		width: 100% !important;
	}
	

	a.nectar-button.small.regular {
		width: 100% !important;
		text-align: center !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;
	}
		
	html #slider h2 {
	    font-size: 38px !important;
	}
	
	h2 strong {
	    font-size: 30px !important;
	}

	div#header-outer {
	    background-color: transparent !important;
	    position: absolute !important;
	}
	
	div#slider .row-bg.viewport-desktop.using-image {
	    background-position: 64% 100% !important;
	}
	
	div#slider {
	    padding: 10px 0px 180px 0px !important;
	}
	
	#author .wpb_text_column.wpb_content_element {
	    width: 100% !important;
	    margin: 0 auto !important;
	}
	
	#author a.nectar-button.small.regular {
	    margin-left: 0px !important;
	}
	
	#author img.img-with-animation.skip-lazy {
	    width: 100% !important;
	    top: 70px;
	}
	
	div#author .row_col_wrap_12.col.span_12.dark.left {
	    display: flex !important;
	    flex-direction: column-reverse !important;
	}
	
	div#author {
	    padding: 0px 0px 50px 0px !important;
	}

	#chap .carousel-item .chaptext {
	    border-left: 15px solid #122b6c;
	    border: none !important;
	    padding: 20px 20px 50px 20px;
	}
	
	.chapbody {
	    margin: 0 auto !important;
	}
	
	#chap h1 {
	    position: static;
	    font-size: 80px !important;
	}
	
	#chap img {
	    margin-left: 85px;
	}
	
	#chap h1.chap2 {
	    margin-top: 0px;
	}
	
	#chap p {
	    padding: 0px !important;
	}

	div#chap {
	    padding-top: 80px !important;
	    padding-bottom: 30px !important;
	}
	
	div#whyread .row_col_wrap_12.col.span_12.dark.left {
	    display: flex;
	    flex-direction: column-reverse;
	}
	
	div#whyread {
	    padding: 0px 0px 100px 0px !important;
	}
	
	#whyread a.nectar-button.small.regular:nth-child(3) {
	    left: 0px !important;
	}
	
	#whyread img {
	    top: 70px;
	}

	div#chap {
	    padding-top: 80px !important;
	    padding-bottom: 30px !important;
	}
	
	div#whyread .row_col_wrap_12.col.span_12.dark.left {
	    display: flex;
	    flex-direction: column-reverse;
	}
	
	div#whyread {
	    padding: 0px 0px 100px 0px !important;
	}
	
	#whyread a.nectar-button.small.regular:nth-child(3) {
	    left: 0px !important;
	}
	
	#whyread img {
	    top: 70px;
	}
	
	div#video .row-bg.viewport-desktop.using-image {
	    background-size: cover !important;
	    background-position: center !important;
	}
	
	div#video {
	    padding: 80px 20px 170px 40px !important;
	    margin: 5rem 0 3rem 0 !important;
	}
	
	#video .nectar-video-box {
	    width: 32% !important;
	    top: 130px;
	}
	
	#services .carousel-item img {
	    margin-left: 90px;
	}
	
	
	#test .carousel-item {
	    margin-top: 20px !important;
	    padding: 20px 30px 40px 30px !important;
	}
	
	#test .carousel-item p:before {
	    display: none;
	}
	
	#test h5:after {
	    display: none;
	}
	
	#test h5 {
	    text-align: center !important;
	}
	
	#test h6 {
	    text-align: center !important;
	}
	
	div#services {
	    padding: 3rem 0 4rem !important;
	}

	div#news {
	    padding: 50px 20px 30px 20px !important;
	}
	
	#news input#esfpx_email_3e5453301e5f3 {
	    margin-top: 0px;
	}
	
	#news h2 {
	    font-size: 38px !important;
	}
	
	#news input[type="submit"] {
	    top: 8px;
	    left: 170px;
	}
	
	#custom_html-4 i {
	    display: none;
	}
	
	div#footer-outer #footer-widgets .widget h4 {
	    padding-top: 20px;
	}
	
	#custom_html-4 h6 {
	    margin-left: 25px;
	    margin-top: 0px;
	    padding-bottom: 0px;
	}
	
	#custom_html-4 h5 {
	    margin-top: 0px !important;
	}
	
	#footer-outer .col.span_3:nth-child(4) {
	    width: 100% !important;
	    text-align: center !important;
	}
	
	#footer-outer input.wpcf7-form-control.wpcf7-text {
	    width: 100% !important;
	}
	
	#footer-outer input[type="email"] {
	    position: sticky;
	    margin-top: 10px;
	}
	
	input.wpcf7-form-control.wpcf7-submit.has-spinner {
	    width: 100% !important;
	}
	
	#copyright .col.span_5 p {
	    font-size: 14px !important;
	}
	
	div#page-header-bg h2 {
		font-size: 30px !important;
		padding-top: 160px !important;
		padding-bottom: 70px !important;
	}

	.page-id-2677 div#author .row_col_wrap_12.col.span_12.dark.left {
		flex-direction: column !important;
	}
	
	.page-id-2677 header#top {
		background-color: #fff !important;!i;!;
	}

	.page-id-2678 header#top {
		background-color: #fff !important;!i;!;
	}
	
	.page-id-2678 .divider {
		height: 0px !important;!I;!;
	}
	
	.page-id-2679 header#top {
		background-color: #fff !important;!i;!;
	}
	
	.page-id-2807 header#top {
		background-color: #fff !important;!i;!;
	}

	.page-id-2680 header#top {
		background-color: #fff !important;!i;!;
	}
	#top {
    position: relative;
    z-index: 9998;
    width: 100%;
    top: 50px !important;
}
	#news input[type="submit"] {
        top: 100% !important;
        width: 100% !important;
        left: 0% !important;
    }
	 {
    width: 100% !important;
    text-align: center !important;
}
    div#news {
        padding: 40px 20px 70px 20px !important;
    }
	#news input#esfpx_email_3e5453301e5f3 {
    text-align: center !important;
}
	input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    text-align: center !important;
}
	#footer-outer textarea {
    text-align: center !important;
}
}

/*********************************************************** Responsive  400 To 1400 ***********************************************************/
@media (min-width: 400px) and (max-width: 1400px) {
	#footer-outer #copyright .col {
		width: 100% !important;
}
	input#esfpx_email_3e5453301e5f3
Specificity: (1,0,1)

	
}

/*********************************************************** Responsive  400 To 420 ***********************************************************/

@media (min-width: 400px) and (max-width: 420px) {
	#news input[type="submit"] {
    left: 210px;
}
	
}

/*********************************************************** Responsive  420 To 440 ***********************************************************/

@media (min-width: 420px) and (max-width: 440px) {
	#news input[type="submit"] {
    left: 225px;
}
	
}

/*********************************************************** Responsive  440 To 480 ***********************************************************/

@media (min-width: 440px) and (max-width: 480px) {
	#news input[type="submit"] {
    left: 237px;
}
	
}

/*********************************************************** Responsive  440 To 480 ***********************************************************/

@media (min-width: 600px) and (max-width: 800px) {
	#news input[type="submit"] {
    left: 490px;
}
	
}

/******************************** OQ ********************************/
body #header-outer .widget_shopping_cart .cart_list li .product-meta .product-details>a {
    color: #010101 !important;!I;!;
}

body #top nav .widget_shopping_cart a.button {
    display: inline !important;!I;!;
}
body.product-template-default.single {
    padding-top: 260px !important;!I;!;
}

body.product-template-default.single #top {
    background-image: url(/wp-content/uploads/2024/08/sliderbg-1.png) !important;!I;!;!I;!;
}