/*
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=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@200..700&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');
.container-wrap {
    background-color: #fff !important;
}

#book h4 {
    padding-top: 0px;
}

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

li#menu-item-2703 span {
    background-color: #5b035b !important;
    border-radius: 100px !important;
    padding: 13px 20px !important;
    color: #fff;
}

#slider .row-bg.viewport-desktop.using-image {
    /* background-size: 50% !important; */
}

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

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

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

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

h4 {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 20px;
    color: #B89B5A;
}

h2 {
    font-weight: 400;
    font-size: 60px;
    color: #000;
    line-height: 1.2;
    font-family: Roboto Condensed !important;
}

h3 {
    font-weight: 500 !important;
    font-size: 35px !important;
    color: #000 !important;
    font-family: Roboto !important;
    padding-bottom: 10px !important;
}

p {
    font-family: 'Poppins';
    font-weight: 500;
    font-size: 18px;
    color: #000;
}

a.nectar-button.small.regular {
    color: #fff4f4 !important;
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0;
    border-radius: 100px;
    padding: 15px 30px !important;
    top: 50px;
}

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

#slider .nectar-video-box {
    width: 35%;
    top: -25px;
    left: 250px;
}

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

#slider img:nth-child(1) {
    width: 70%;
    top: -90px;
    left: 100px;
}

#chap h3 {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 20px;
    color: #000;
    letter-spacing: 0;
    line-height: 1;
}

#chap .carousel-item p {
    padding: 0px !important;
    font-size: 14px;
    font-weight: 400;
}

#chap .carousel-item {
    width: 95% !important;
    border-radius: 15px 15px 15px 15px !important;
    margin: auto !important;
    transition: 0.5s;
    padding: 10px 20px !important;
    height: auto !important;!i;!;
    box-shadow: 0px 0px 10px -2px;
    margin-top: 100px !important;
    
    
    
    
    
    
    
    
    
    !i;
    !;
}

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

#author h2 {
    font-size: 60px;
    /* padding: 15px 0px !important; */
}

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

#author h4 {
    padding-top: 0px;
}

#book h5 {
    font-family: Roboto !important;
    font-weight: bold;
    font-size: 25px;
    color: #000 !important;
    letter-spacing: 0;
}

#book a.nectar-button.small.regular:nth-child(3) {
    left: 30px;
    color: #fff !important;
    background-color: #5b035b !important;
    
    !i;
    !;
}

#book a.nectar-button.small.regular {
    top: 20px;
    background-color: #b89b5a !important;
    
    !i;
    !;
}

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

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

div#video {
    padding: 80px 0px 130px 0px !important;
}

#video .nectar-video-box {
    position: absolute;
    top: 100px;
    left: 110px;
}

#video h4 {
    padding-top: 60px !important;
}

#test h2 {
    font-size: 60px;
    padding: 15px 0px !important;
}

#test .carousel-item p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
}

#test .carousel-item {
    width: 75%;
    padding: 0px 100px 0px 100px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

#test h5 {
    color: #F96F0E;
    font-family: 'Poppins';
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0px;
}

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

div#test {
    padding: 10px 0px !important;
}


#footer-outer label.wpforms-field-label {
    color: #000 !important;
}

#news h2 {
    font-size: 45px;
    color: #000;
    padding: 10px 0px !important;
}

#news h4 {
    /* color: #000; */
}

div#news {
    padding: 70px 0px 30px !important;
    margin-top: 5rem;
    box-shadow: none !important;
}

#news button,
#contact button,
#footer-outer button {
    background-color: #5B035B !important;
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 400;
    letter-spacing: 0;
    border-radius: 100px;
    height: 45px;
    color: #ffffff !important;
}

#news button {
    position: absolute;
    top: -70px;
    right: -20px;
    background-color: #5B035B !important;
}

#news input {
    border-radius: 100px;
    height: 45px;
}

div#footer-outer {
    background-size: 100% 100% !important;
    background-color: transparent !important;
    padding-top: 0px !important;
    box-shadow: none !important;
}

#footer-outer p {
    font-size: 14px;
    font-weight: 400;
}

#ft-icon i {
    /* width: 40px !important; */
    /* height: 40px !important; */
    /* background-color: #F96F0E !important; */
    color: #5B035B !important;
    font-size: 24px !important;
    padding: 12px 0px !important;
    border-radius: 100px;
    margin-right: 10px;
}

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

div#footer-outer #footer-widgets .widget h4 {
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 17px;
    color: #5B035B !important;
    padding-top: 80px !important;
}

#pack a.nectar-button.small.regular {
    border: 1px solid #000;
    background-color: transparent !important;
    color: #ffffff !important;
}

#pack .carousel-item:hover a.nectar-button.small.regular {
    background-color: #2c8bcb !important;
    border: none !important;
    color: #fff !important;
}

#footer-outer .widget.widget_nav_menu li a {
    font-family: 'Poppins' !important;
    font-weight: 400 !important;
    color: #000 !important;
    font-size: 14px !important;
}

#custom_html-4 i {
    color: #5B035B !important;
}

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

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

#footer-outer input {
    border-radius: 0px;
    background-color: transparent;
    border-bottom: 1px solid #000 !important;
    border: none;
}

#footer-outer textarea {
    border-radius: 0px;
    background-color: transparent;
    border: none !important;
    border-bottom: 1px solid #000 !important;
}

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

#copyright .col.span_5 p {
    font-size: 16px;
    color: #000 !important;
}

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

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

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

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

#chap .carousel-item h3:before {
    content: url('/wp-content/uploads/2024/10/chap-icons.png') !important;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: -6rem;
}

#chap .carousel-item .wpb_text_column.wpb_content_element {
    margin-top: 6rem;
}

#chap .carousel-item:hover h3:before {
    content: URL(/wp-content/uploads/2024/10/book-open-cover.png);
}

#video h2, #video h3 {
    color: #fff !important;
}

#chap .carousel-item:hover {
    box-shadow: 0px 0px 10px 0px #5b035b;
    margin-top: 50px !important;
    
    
    
    
    
    !i;
    !;
}

#header-outer[data-lhe="default"] #top nav>ul>.menu-item-2703>a:hover {
    color: #000 !important;
}

#test button.owl-dot:nth-child(1) span {
    background-image: url(/wp-content/uploads/2024/11/Group-34019.png) !important;
    width: 100px !important;
    height: 125px !important;
    background-color: transparent !important;
    background-size: 100% 100% !important;
    opacity: 30% !important;
    border-radius: 0 !important;
    !i;
    !;
}

#test button.owl-dot:nth-child(2) span {
    background-image: url(/wp-content/uploads/2024/11/Group-34018.png) !important;
    width: 100px !important;
    height: 125px !important;
    background-color: transparent !important;
    background-size: 100% 100% !important;
    opacity: 30% !important;
}

#test button.owl-dot:nth-child(3) span {
    background-image: url(/wp-content/uploads/2024/11/Group-34017.png) !important;
    width: 100px !important;
    height: 125px !important;
    background-color: transparent !important;
    background-size: 100% 100% !important;
    opacity: 30% !important;
}

#test .span_12.dark .owl-theme .owl-dots .owl-dot.active span {
    width: 80px !important;
    height: 105px !important;
    margin-right: 20px !important;
    margin-left: 20px !important;
    opacity: 100% !important;
    border-radius: 0px !important;
    !i;
    !;
    
    
    
    
    !i;
    !;
}
#header-secondary-outer #social {
    float: right !important;
}

#header-secondary-outer #social i {
    color: #010101 !important;
}

#header-secondary-outer #social li {
    border: none !important;
}

#header-secondary-outer #social li a {
    border: none !important;
}

div#header-secondary-outer {
    background-color: transparent !important;
    border-bottom: 1px solid #b2cb9d !important;
    width: 80%;
    margin: 0px auto !important;
}

div#hd-left {
    position: absolute;
    left: -210px !important;
    top: -7px !important;
}

div#hd-left i {
    color: #b89b5a !important;
    padding-right: 6px !important;
}

div#hd-left strong {
    color: #010101 !important;
}

header#top {
    top: 10px !important;
}
#chap .carousel-item:hover h3:before {
    content: URL(/wp-content/uploads/2024/11/book-open-cover.png) !important;
}
#chap .carousel-item:hover {
    /* border: 2px solid #5b035b; */
}

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

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

	#footer-outer .col.span_3:nth-child(1), #footer-outer .col.span_3:nth-child(2), #footer-outer .col.span_3:nth-child(3), #footer-outer .col.span_3:nth-child(4) {
		text-align: center !important;
		width: 100% !important;
	}

	h2 {
		line-height: 1 !important;
		font-size: 40px !important;
	}

	h4, h3 {
		line-height: 1 !important;
		font-size: 22px !important;
	}

	p {
		width: 100% !important;
		text-align: center !important;
		font-size: 16px !important;
	}

	#custom_html-4 h6, #custom_html-4 h5 {padding-left: 0 !important;margin-top: 0 !important;!i;!;!i;!;}
	a.nectar-button.small.regular {
		width: 100% !important;
		margin: 10px 0 auto !important;
		left: 0 !important;
	}

	#slider .nectar-video-box {
		width: 100% !important;
		left: 0 !important;
		top: 70px !important;
	}

	#author a {
		top: 0 !important;
	}

	#video .nectar-video-box {
		position: relative !important;
		left: 0 !important;
		top: 0 !important;
		width: 80% !important;
		margin: 0 auto !important;
	}

	#test .carousel-item {
		width: 100% !important;
		padding: 20px !important;
		margin: 0 auto !important;
	}
	#page-header-bg .span_6 h1, #page-header-bg h1 {
		font-size: 20px;
		padding-top: 60px !important;
		color: #fff !important;
	}

}