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

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

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

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

h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
}

h2 {
    color: #fff;
    text-transform: capitalize !important;
    font-size: 60px;!;!i;!;
    line-height: 1;
}

#slider h2 {
    font-size: 70px;
}

p {
    color: #fff;
    font-size: 17px;
}

#slider p {
    width: 70%;
    margin: auto;
}

a.nectar-button.small.regular.accent-color.regular-button {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    padding: 10px 25px !important;
    border: 2px solid #f3ec18;
    border-radius: 35px !important;
}

#slider a.nectar-button.small.regular.accent-color.regular-button:nth-child(3) {
    margin-left: 20px;
    background: transparent !important;
    color: #f3ec18;
}

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

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

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

#slider h3 {
    font-size: 23px;
}

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

div#auth-icon {
    width: fit-content;
    margin-left: 150px;
    margin-top: -45px;
}

div#auth-icon ul {
    margin-left: 0;
}

div#auth-icon ul li {
    list-style: unset !important;
}

div#auth-icon ul li a i {
    font-size: 18px;
    border: 2px solid;
    height: 35px;
    width: 35px;
    padding-top: 6px;
    border-radius: 360px;
}

div#author:before {
    background-image: url(/wp-content/uploads/2025/01/authorbg.png);
    content: "";
    height: 39%;
    width: 19%;
    position: absolute;
    left: -330px;
    background-repeat: no-repeat;
    top: 120px;
}

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

#chapters .carousel-item .wpb_text_column {
    height: 410px;
}

#chapters .carousel-item .wpb_text_column .wpb_wrapper {
    width: 99%;
    padding: 50px;
}

#chapters .carousel-item h1 {
    font-family: 'Inter';
    font-size: 64px;
    color: #fff;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 30px;
}

#chapters .carousel-item h4 {
    font-size: 34px;
    color: #fff;
    font-family: 'Inter';
    line-height: 1;
    margin-bottom: 30px;
}

#chapters .owl-stage-outer {
    width: 1867px !important;
}

#chapters .carousel-item {
    width: 83%;
    margin: auto;
}

.owl-theme[data-desktop-cols] .owl-dots .owl-dot.active span {
    border: 1px solid #000;
    outline: 1px solid #f3ec18;
}

.owl-theme[data-desktop-cols] .owl-dots .owl-dot span {
    background: #f3ec18;
}

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

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

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

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

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

#whybook h4 {
    font-family: 'Poppins';
    color: #fff;
    font-size: 24px;
}

#whybook a.nectar-button.small.regular.accent-color.regular-button:nth-child(3) {
    margin-left: 20px;
    background: transparent !important;
    color: #f3ec18;
}

#whybook .wpb_text_column.wpb_content_element {
    margin-top: 0;
}

.nectar-star-rating {
    flex-direction: row-reverse;
    width: fit-content;
    float: right;
    margin-top: 10px;
    margin-right: 50px;
    color: #fff;
    font-family: 'Poppins';
    gap: 10px;
}

#testi h2 {
    font-size: 50px;
}

#testi .carousel-item {
    background: #650834;
    padding: 30px 30px !important;
}

#testi .carousel-item .wpb_wrapper {
    width: 80%;
}

#testi .carousel-item p {
    font-size: 23px;
    line-height: 2;
    font-weight: 500 !important;
    font-family: 'Inter';
    border-bottom: 1px solid #f3ec18;
}

#testi h5 {
    color: #F3EC18;
    font-family: 'Inter';
    font-size: 28px;
    margin-top: 30px;
}

#testi h6 {
    color: #fff;
    font-family: 'Inter';
    font-weight: 500;
    font-size: 17px;
}

#testi .vc_col-sm-4 {
    margin-left: -120px;
    z-index: 1;
    margin-top: -190px;
}

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

#testi .wpb_text_column.wpb_content_element {
    margin-bottom: 40px;
}

#testi .carousel-item .wpb_text_column.wpb_content_element {
    margin-bottom: 0;
}

div#ft-icon {
    width: fit-content;
}

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

div#ft-icon ul li a i {
    color: #fff;
    font-size: 20px;
    border: 1px solid #fff;
    height: 40px;
    width: 40px;
    padding-top: 8px;
    border-radius: 35px;
    transition: .5s;
}

div#ft-icon ul li a i:hover {
    background: #f3ec18 !important;
    border: 1px solid #f3ec18 !important;
    color: #000 !important;
}

div#footer-outer {
    background-color: transparent !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
}

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

#footer-outer .col.span_3:nth-child(2) {
    width: 15%;
    margin-left: 2%;
    margin-top: 40px;
}

#footer-outer .col.span_3:nth-child(3) {
    width: 17%;
    margin-top: 40px;
}

#footer-outer .col.span_3:nth-child(4) {
    width: 30%;
    margin-top: 40px;
}

#footer-outer h4 {
    color: #fff !important;
    font-size: 24px !important;
    font-weight: 500 !important;
}

.icon1 h6, .icon2 h6, .icon3 h6 {
    margin-left: 35px;
    margin-top: -25px;
}

ul#menu-head-2 li {
    margin-bottom: 5px !important;
    color: #fff;
}

.icon3:hover {
    color: #f3ec18 !important;
}

.icon3 {
    transition: .5s;
}

.icon2 {
    margin-bottom: 20px;
}

.icon1 {
    margin-bottom: 20px;
}

input#wpforms-6-field_1 {
    background: transparent;
    color: #fff;
    border-bottom: 1px solid #fff;
}

input#wpforms-6-field_1::placeholder {
    color: #fff;
    opacity: 1;
}

input#wpforms-6-field_2 {
    background: transparent !important;
    color: #fff;
    border-bottom: 1px solid #fff;
}

input#wpforms-6-field_2::placeholder {
    opacity: 1;
    color: #fff;
}

textarea#wpforms-6-field_3 {
    background: transparent !important;
    color: #fff;
    border-bottom: 1px solid #fff;
    height: 100px;
}

textarea#wpforms-6-field_3::placeholder {
    color: #fff !important;
    opacity: 1;
}

button#wpforms-submit-6 {
    background: #f3ec18 !important;
    color: #000;
    border-radius: 35px !important;
}

div#copyright {
    padding: 20px 0px 20px!important;
}

div#copyright .container {
    border-top: 2px solid #f3ec18;
    padding-top: 20px;
}

#whybook img.img-with-animation.skip-lazy {
    top: -60px;
}

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

#header-outer[data-lhe="default"] #top nav > ul > li > a > span {
    font-size: 17px;
    color: #fff;
}

#header-outer[data-lhe="default"] #top nav > ul > .menu-item-33 > a > span {
    background-color: #f3ec18;
    color: #000;
    padding: 10px 20px;
    border-radius: 35px;
}

#contact .row-bg.viewport-desktop.using-image {
    background-size: 15% 55% !important;
}

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

#contact label.wpforms-field-label {
    color: #f3ec18;
    font-size: 17px;
    font-weight: 500;
}

#contact input#wpforms-9-field_1, #contact input#wpforms-9-field_2, #contact textarea#wpforms-9-field_3 {
    background: transparent !important;
    color: #fff !important;
    border-bottom: 1px solid #fff;
}

#contact button#wpforms-submit-9 {
    background: #f3ec18 !important;
    color: #000;
    border-radius: 35px !important;
}

div#chapters:before {
    background-image: url(/wp-content/uploads/2025/01/chapbg.png);
    height: 60%;
    width: 20%;
    content: "";
    position: absolute;
    right: -330px;
    bottom: 98px;
    z-index: 11;
    background-repeat: no-repeat;
}

div#auth-icon ul li a:hover {
    color: #f3ec18;
}