/*
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=Inter:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&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&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@import url(https://db.onlinewebfonts.com/c/d4318507ffee8dd0ce3c5a75f967129b?family=LewishamStripe);

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

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

#top nav ul li a {
    font-family: inter !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    color: #ffffff !important;
}

h4 {
    font-family: poppins !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    color: #010101 !important;
}

h2 {
    font-family: LewishamStripe' !important';
    font-weight: 600 !important;
    font-size: 50px;
    color: #000 !important;
    line-height: 60px;
}

h2 strong {
    font-family: LewishamStripe' !important';
    font-size: 50px;
    line-height: 60px;
}

p {
    font-family: 'Poppins';
    font-size: 17px;
    font-weight: 300;
    color: #000 !important;
}

a.nectar-button {
    font-family: urbanist !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
    border-radius: 10px !important;
    padding: 16px 28px !important;
    top: 50px !important;
}

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

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

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

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

#slider img:nth-child(1) {
    top: 40px;
    width: 80% !important;
    left: 100px;
}

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

#whyread h6 {
    font-family: 'Urbanist';
    font-size: 40px;
    font-weight: 400;
}

#whyread h3 {
    font-family: 'Urbanist';
    font-size: 25px;
    font-weight: bold !important;
    letter-spacing: 1px;
    padding: 20px 0px !important;
}

#whyread a.nectar-button {
    top: 10px !important;
    color: #000 !important;
    border: 3px solid #99f7de;
    outline: 1px solid #010101;
    margin-right: 10px !important;!I;!;
}

#whyread a.nectar-button:nth-child(3) {
    background-color: transparent !important;
    color: #010101 !important;
    box-shadow: none !important;
    border: 2px solid #010101 !important;
    outline: transparent !important;
    margin-right: 10px !important;!i;!;
}

#whyread .nectar-star-rating__content {
    font-family: 'Poppins' !important;
    color: #fff !important;
}

#whyread .nectar-star-rating {
    display: flex;
    flex-direction: row-reverse;
    margin-top: -40px;
}

#whyread .nectar-star-rating__icon {
    color: #FFAF00 !important;
}

#whyread .wpb_text_column {
}

#whyread img {
    width: 100%;
    margin-top: -85px;
    left: 100px;
}

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

#whyread .row-bg.viewport-desktop.using-image {
    height: 90%;
}

#chap h3 {
    font-family: time;
    font-weight: bold !important;
    font-size: 25px;
    color: #000 !important;
    line-height: 30px;
    height: 70px;
}

#chap .carousel-item .wpb_text_column {
    background-color: #fff !important;
    box-shadow: 0px 0px 10px 0px #00000069 !important;
    margin-bottom: 20px;
    padding: 30px;
}

#chap .carousel-item {
    width: 95%;
    margin: auto;
}

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

#video .nectar-video-box {
    position: absolute;
    top: 330px;
    left: 510px;
    width: 10% !important;!i;!;
}

#video h4 {
    padding-top: 50px;
}

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

#test .carousel-item {
    background-color: #fff;
    width: 95%;
    margin: auto;
    border-radius: 15px;
    padding: 30px 30px 30px 30px !important;
}

#test .carousel-item p {
    padding: 0px !important;
    font-size: 16px;
    line-height: 20px;
}

#test img {
    margin: 0px;
    position: absolute;
}

#test h5 {
    font-family: 'Urbanist';
    font-weight: bold;
    font-size: 20px;
    color: #09384D;
    padding-left: 90px;
    padding-top: 5px;
}

#test h6 {
    font-family: 'Urbanist';
    font-weight: 500;
    font-size: 20px;
    color: #828282;
    padding-left: 90px;
    margin-top: -10px;
}

#test .carousel-item {
    background-color: #fff;
    width: 95%;
    margin: auto;
    border-radius: 5px;
    padding: 30px 30px 30px 30px !important;
    border-left: 5px solid #33ebb4 !important;
    height: 350px;
}

#test .carousel-item p {
    padding: 0px !important;
    font-size: 16px;
    line-height: 20px;
    color: #3e3e3e !important;
}

#test img {
    margin: 0px;
    position: absolute;
    top: 300px;
}

#test h5 {
    font-family: 'Urbanist';
    font-weight: bold;
    font-size: 20px;
    color: #09384D;
    padding-left: 0px;
    padding-top: 25px;
}

#test h6 {
    font-family: 'Urbanist';
    font-weight: 500;
    font-size: 20px;
    color: #828282;
    padding-left: 0px;
    margin-top: -10px;
}

#test .carousel-item h5:after {
    content: "''";
    float: right;
    font-size: 182px;
    font-family: 'Lovelo';
    margin-top: 5rem;
    color: #47ecb5 !important;
}

#test .carousel-item p:nth-child(4) {
    height: 240px;
    padding: 15px 0px 0px 0px !important;
}

#test h2 {
    /* color: #fff !important; */
}
#test h4:before {
    content: URL(/wp-content/uploads/2024/09/test-text.png);
    position: absolute;
    left: 0;
    right: 0;
    top: -110px;
}

div#test {
    padding: 120px 0px 120px !important;
    margin-bottom: -40px;
}

div#footer-outer {
    z-index: 1;
    background-color: #f8f8f8 !important;
    margin-top: -10px;
    background-size: 100% 100% !important;
}

div#footer-outer #footer-widgets .widget h4 {
    font-family: time !important;
    font-weight: bold !important;
    font-size: 22px !important;
    color: #fff !important;
    padding-top: 100px;
}

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

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

#footer-outer p {
    color: #fff !important;
    font-size: 16px !important;
}

#ft-icon i {
    color: #000000 !important;
    font-size: 18px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 100px !important;
    border: 1px solid #000000;
    padding: 10px 0px !important;
    margin-right: 10px;
}

#custom_html-4 i {
    color: transparent !important;
    background-color: #fff !important;
    border-radius: 100px !important;
    padding: 8px 0px !important;
    font-size: 18px !important;
    width: 40px !important;
    height: 40px !important;
    -webkit-text-stroke-color: #000;
    -webkit-text-stroke-width: 0px;
}

#custom_html-4 h6 {
    font-family: 'Poppins';
    font-weight: 400;
    color: #fff !important;
    font-size: 16px !important;
    padding-left: 55px;
    margin-top: -35px;
    padding-bottom: 35px;
}

#footer-outer input#wpforms-2695-field_0 {
    border: none !important;
    background-color: transparent !important;
    border-bottom: 1px solid #000000 !important;
    border-radius: 0px;
    color: #fff !important;
    margin: -30px 0px -20px 0px !important;
}

#footer-outer input#wpforms-2695-field_0::placeholder {
    color: #fff !important;
    opacity: 1;
}

#footer-outer input#wpforms-2695-field_1 {
    border: none !important;
    background-color: transparent !important;
    border-bottom: 1px solid #000000 !important;
    border-radius: 0px;
    color: #fff !important;
    margin: -10px 0px -20px 0px !important;
}

#footer-outer input#wpforms-2695-field_1::placeholder {
    color: #fff !important;
    opacity: 1;
}

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

#footer-outer textarea::placeholder {
    color: #fff !important;
    opacity: 1;
}

#footer-outer button {
    background-color: #28eab6 !important;
    border-radius: 4px !important;
    color: #000 !important;
    letter-spacing: 0px;
    width: 65%;
    height: 50px;
    border: 1px solid #000 !important;
}

#footer-outer .col.span_3:nth-child(1) {
    width: 35% !important;
    margin-right: 50px !important;
    padding-top: 110px;
}
#footer-outer .col.span_3:nth-child(2) {
    width: 15% !important;
}
#footer-outer .col.span_3:nth-child(3) {
    width: 20% !important;
}
#footer-outer .col.span_3:nth-child(4) {
    width: 20% !important;
}

div#copyright {
}

#copyright .col.span_5 {
    width: 100% !important;
    display: flex;
    align-items: center;
}

.left {
    float: left;
}

.right {
    display: flex;
    align-items: center;
    position: absolute;
    right: 0px;
}

.right p {
    padding: 0px 15px 0px 5px !important;
}

.right i {
    top: 2px;
    color: #fff !important;
}

#contact img {
    width: 80%;
    top: 60px;
}

#contact button {
    border-radius: 100px;
    width: 30%;
    height: 50px;
    background-color: #0b7163 !important;
}

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

div#page-header-bg {
    background-color: transparent !important;
}

span.subheader {
    -webkit-text-fill-color: #0b7163 !important;
    font-weight: 600 !important;
}

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

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

#whyread .wpb_text_column:before {
    content: URL(/wp-content/uploads/2024/09/book-text.png);
    position: absolute;
    left: -220px;
    top: -20px;
}

.inner-wrap h2 {
    -webkit-text-fill-color: #fff !important;
}

#author h4:before {
    content: URL(/wp-content/uploads/2024/09/author-text.png);
    position: absolute;
    top: 10px;
}

#video h4:before {
    content: URL(/wp-content/uploads/2024/09/video-text.png);
    position: absolute;
    left: 0;
    right: 0;
    top: -40px;
}

#test .owl-stage-outer {
    padding: 60px 0px !important;
}
#slider a.nectar-button.small.regular.accent-color.has-icon.regular-button {
    border: 3px solid #6c6256;
    outline: 2px solid #ffff;
}

#author a.nectar-button.small.regular.accent-color.regular-button {
    color: #010101 !important;
    border: 3px solid #f8f8f8;
    outline: 2px solid #0d0d0d;
}

#top nav ul li {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
#header-secondary-outer {
    background-color: #33ebb4 !important;
    border: none !important;
}

#header-secondary-outer i {
    color: #010101 !important;
    padding-right: 4px;
}

.hd li {
    display: inline-flex !important;
    padding-left: 30px !important;
}

.hd {position: absolute;right: -170px;top: -7px;}

#header-secondary-outer .nectar-center-text a {
    font-family: 'Poppins' !important;
    color: #010101 !IMPORTANT;
    font-weight: 500;
    letter-spacing: 0 !important;
}

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

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

#top nav ul li:nth-child(5) a {
    background-color: #47ecb5 !important;
    padding: 14px !important;
    border-radius: 30px !important;
    color: #010101 !important;
    font-weight: 600 !important;
}
#slider a.nectar-button:nth-child(3) {
    background-color: transparent !important;
    border: 2px solid;
    margin-left: 20px !important;
}

#footer-outer {
    -webkit-text-fill-color: #000 !important;
}
#header-outer[data-lhe="default"] #top nav .sf-menu > .current-menu-item > a {
    color: #ffff !important;
}


/* RESPONSIVE */
@media only screen and (max-width: 998px) {
#slider .row-bg.viewport-desktop.using-image {
    background-size: 100% 25% !important;
    background-color: #070c0b !important;
}
    #slide-out-widget-area .inner .off-canvas-menu-container li a {
    font-size: 14px !important;!i;!;!Un;!Un;!U;!;
}

#author h4:before {
    left: 0 !important;!i;!;
}
    .hd {position: unset !important;!i;!;}

.hd li {
    padding-left: 0 !important;!i;!;
    display: block !important;!I;!;!I;!;!i;!;
}

body #slide-out-widget-area .secondary-header-text {
    background: transparent !important;!I;!;
}

#slider .nectar-video-box {
    position: unset !important;!i;!;
    width: 18% !important;!I;!;
    transform: rotate(90deg);
    !i;!;
    margin: 0 auto !important;!I;!;
}

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

#video .nectar-video-box {

    width: 20% !important;
    !;!u;!;
    !I;!;
    top: 180px !important;
    left: 210px !important;
}

div#header-outer {
    background-color: #010101 !important;!i;!;
}

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

a.nectar-button {
    width: 100% !important;!I;!;
    margin: 10px !important;!i;!;
    !i;!;
    margin-left: 0 !important;!i;!;
}

#slider a.nectar-button:nth-child(3) {
    margin-left: 0 !important;!i;!;
}

#slider img:nth-child(1) {
    width: 100% !important;!i;!;
    left: 0 !important;!I;!;
}

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

#whyread a.nectar-button:nth-child(3) {
    left: 0 !important;!i;!;
}

#whyread .nectar-star-rating {
    display: unset !important;!I;!;
}

top {}

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

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

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

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

#custom_html-4 h6 {margin-top: 0 !important;!i;!;padding-left: 0 !important;!i;!;}

.right {position: unset !important;!i;!;align-items: unset !important;!I;!;display: block !important;!i;!;!i;!;}

#copyright .col.span_5 {
    display: unset !important;!i;!;!i;!;
}

.col.span_7.col_last {
    width: 100% !important;!i;!;!;!i;!;
}

.left {
    float: unset !important;!i;!;
}

#test img {
    top: 340px !important;!i;!;
}
#test img {
    width: 20%;
    top: 380px;
}

#test .carousel-item {
    height: 460px !important;!I;!;
}
}