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

/* *** MENU *** */
#top nav>ul>li[class*=button_solid_color]>a, body #header-outer.transparent #top nav>ul>li[class*=button_solid_color]>a,
#header-outer #top nav>ul>li[class*=button_solid_color]>a, #header-outer #top nav>ul>li[class*=button_solid_color]>a .sf-sub-indicator i, #header-outer[data-lhe=default] #top nav .sf-menu>[class*=button_solid_color].current-menu-ancestor>a i, #header-outer[data-lhe=default] #top nav>ul>li[class*=button_solid_color].current-menu-ancestor>a, #header-outer[data-lhe=default] #top nav>ul>li[class*=button_solid_color].current_page_ancestor>a {
    color: var(--nectar-extra-color-2) !important;
}
#header-outer.transparent.dark-slide>#top nav .sf-menu>li[class*=button_solid_color].btns.sfHover>a,
#header-outer.transparent.dark-slide>#top nav>ul>li[class*=button_solid_color].btns>a:hover,
#header-outer[data-lhe=animated_underline].transparent.dark-slide #top nav>ul>li[class*=button_solid_color].btns>a:hover,
#header-outer[data-lhe=default] #top nav .sf-menu>li[class*=button_solid_color].btns>a:hover,
#header-outer[data-lhe=default].transparent.dark-slide #top nav>ul>li[class*=button_solid_color].btns>a:hover {
    color: var(--nectar-extra-color-2) !important;
}
#header-outer.transparent #top nav>ul>li[class*=button_solid_color]>a:before, #top .slide-out-widget-area-toggle[data-custom-color=true] a:before, #top nav>ul>li[class*=button_solid_color]>a:before { background-color: var(--nectar-accent-color) !important; }
#header-outer.transparent #top nav>ul>li[class*=button_solid_color].btns>a:hover:before, #top .slide-out-widget-area-toggle[data-custom-color=true].btns a:hover:before, #top nav>ul>li[class*=button_solid_color].btns>a:hover:before { background-color: var(--nectar-extra-color-3) !important; }
#top ul.buttons.sf-menu { display: none !important; }
li.dropdownMenu { width: 90px; }
.dropdownMenu a { padding: 0 !important; }
.dropdownMenu img {
    width: 75px !important;
    height: auto !important;
}
#header-outer nav>ul>.megamenu.nectar-megamenu-menu-item>.sub-menu, #header-outer nav>ul>.nectar-megamenu-menu-item>.sub-menu {
    width: calc(100% + 60px);
    display: block;
    margin: 5px 0 0 -30px;
    padding: 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: rgba(17, 16, 17, 0.8) !important;
    border: 1px solid rgba(17, 16, 17, 0.8);
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
#header-outer nav>ul>.megamenu.nectar-megamenu-menu-item>.sub-menu>li a { font-size: 24px; }
#header-outer nav>ul>.megamenu.nectar-megamenu-menu-item>.sub-menu>li a:hover { font-weight: bold; }
#header-outer nav>ul>.megamenu.nectar-megamenu-menu-item>.sub-menu>li {
    padding: 20px;
    text-align: right;
}


/* *** BTNS, MISC, Etc. *** */
p { line-height: 22px; }
body[data-button-style*="slightly_rounded"] .nectar-button.btns {
    font-size: 18px !important;
    font-weight: normal !important;
    padding: 10px 30px !important;
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    border-radius: 100px !important;
    color: var(--nectar-extra-color-2) !important;
}
body[data-button-style*="slightly_rounded"] .nectar-button.btns:hover {
    background-color: var(--nectar-extra-color-2) !important;
    color: var(--nectar-accent-color) !important;
}
body[data-button-style*="slightly_rounded"] .nectar-button.btns.btnApply {
    font-size: 14px !important;
    padding: 5px 30px !important;
}
#header-outer[data-lhe=default] #top nav .sf-menu .current_page_item[class*=button_solid_color]>a, #top nav>ul>li[class*=button_solid_color]>a, body #header-outer.transparent #top nav>ul>li[class*=button_solid_color]>a {
    color: var(--nectar-extra-color-2) !important;
    font-size: 16px;
}

.pre-header {
    font-size: 18px;
    margin: 0 0 10px 0 !important;
}

body[data-button-style*="slightly_rounded"] .nectar-button.btnBlack {
    background-color: var(--nectar-extra-color-2) !important;
    color: var(--nectar-accent-color) !important;
    font-size: 18px !important;
    font-weight: normal !important;
    padding: 10px 30px !important;
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    border-radius: 100px !important;
}
body[data-button-style*="slightly_rounded"] .nectar-button:hover {
    background-color: var(--nectar-extra-color-3) !important;
    color: var(--nectar-extra-color-2) !important;
}


/* *** HOMEPAGE *** */
.homeSolutions .vc_column-inner:hover { background-color: var(--nectar-accent-color); }


/* *** CASE STUDIES *** */
.nectar-post-grid-wrap[data-style=mouse_follow_image] .nectar-post-grid-item-bg, .nectar-post-grid-wrap[data-style=mouse_follow_image] .nectar-post-grid-item-bg-wrap {
    width: 300px;
    height: auto;
    aspect-ratio: 16 / 9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.nectar-post-grid-wrap .load-more {
    background-color: var(--nectar-accent-color);
    color: var(--nectar-extra-color-2);
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    border-radius: 100px !important;
    font-size: 16px !important;
    font-weight: normal !important;
    padding: 6px 36px !important;
    border: 0;
}
.nectar-post-grid-wrap .load-more:hover {
    background-color: var(--nectar-extra-color-3) !important;
    color: var(--nectar-extra-color-2) !important;
}

/* *** OUR SOLUTIONS *** */
.toggle {
    background-color: var(--nectar-extra-color-3);
    border-bottom: none !important;
    margin-top: 1%;
    padding: 0 2%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.nectar-color-extra-color-2, .testimonial_slider[data-rating-color="extra-color-2"] .star-rating .filled:before, div[data-style="minimal"] .toggle.extra-color-2:hover > .toggle-title a, div[data-style="minimal"] .toggle.extra-color-2.open > .toggle-title a, div[data-style="minimal_small"] .toggle.extra-color-2 > .toggle-title a:hover, div[data-style="minimal_small"] .toggle.extra-color-2.open > .toggle-title a,
body div[data-style*=minimal] .toggle.open>.toggle-title a, body div[data-style*=minimal] .toggle>.toggle-title a {
    font-size: 24px;
}
.toggle.open.extra-color-2 i, .toggle>.toggle-title i { border-color: var(--nectar-extra-color-2) !important; }
.toggle.open.extra-color-2 i:before, .toggle.open.extra-color-2 i:after, .toggle > .toggle-title i:before, .toggle > .toggle-title i:after { background-color: var(--nectar-extra-color-2) !important; }
.toggle > div .inner-toggle-wrap { padding: 0 0 5% 0 !important;}
.toggle .iwt-icon img {
    width: 20px !important;
    height: 20px !important;
    margin: 2px auto;
}


/* *** WHY RAFTECH *** */
.nectar-milestone .subject {
    max-width: 300px;
    margin: auto;
}
.iwt-icon img {
    width: 20px !important;
    height: 20px !important;
    margin: 6px auto;
}
#jobs .material .wpb_content_element, .material .wpb_row { margin: 0; }
#jobs h4 { min-height: 45px; }


/* *** OUR TECHNOLOGY  *** */
.tabsTech .scrolling-tab-content img {
    float: left;
    margin: 0 20px 20px 0;
}
.tabsTech li.active span { font-size: 22px; }


/* *** ABOUT *** */
img.mainIcon {
    width: 25px !important;
    height: 25px !important;
}


/* *** BLOG *** */
body.single .container-wrap,
body.single, .container-wrap, .material .ocm-effect-wrap, .project-title, .ascend .container-wrap, .ascend .project-title, body .vc_text_separator div, .carousel-wrap[data-full-width="true"] .carousel-heading, .carousel-wrap .left-border, .carousel-wrap .right-border, .single-post.ascend #page-header-bg.fullscreen-header, .single-post #single-below-header.fullscreen-header, #page-header-wrap, .page-header-no-bg, #full_width_portfolio .project-title.parallax-effect, .portfolio-items .col, .page-template-template-portfolio-php .portfolio-items .col.span_3, .page-template-template-portfolio-php .portfolio-items .col.span_4, body .nectar-quick-view-box div.product .product div.summary, .nectar-global-section.before-footer, .nectar-global-section.after-nav, body.box-rolling, body[data-footer-reveal="1"].ascend.box-rolling, body[data-footer-reveal="1"].box-rolling, .wpml-ls-statics-footer {
    background: var(--nectar-extra-color-1) !important;
}
.single .heading-title { display: none !important; }
.single .iwt-text { padding-left: 35px; }
.single .iwt-text a { color: var(--nectar-extra-color-2 ) !important; }
.single .iwt-text a:hover { text-decoration: underline; }
.nectar-social.fixed {
    right: initial;
    left: 34px;
    bottom: 8vh;
}
body[data-ext-responsive=true].single-post #page-header-bg[data-post-hs=default_minimal] h1, body[data-ext-responsive=true].single-post .container-wrap.no-sidebar .comment-list>li, body[data-ext-responsive=true].single-post .container-wrap.no-sidebar .post-area, body[data-ext-responsive=true].single-post .heading-title[data-header-style=default_minimal] .entry-title, body[data-ext-responsive=true].single-post.material #page-header-bg.fullscreen-header h1, body[data-ext-responsive=true].single-post.material .comment-wrap #respond, body[data-ext-responsive=true].single-post.material .container-wrap.no-sidebar .comment-wrap h3#comments {
    max-width: 1600px;
}
body.single .iwt-icon img { margin: 2px auto; }
.post .content-inner { padding-bottom: 0; }

/* *** FAQs *** */
#faqs h3 a { font-size: 24px !important; }


/* *** CONTACTS *** */
#team { display: none; }
body[data-button-style*="slightly_rounded"] #btnForms .nectar-button.btns#btnTeam { border: 1px solid var(--nectar-extra-color-1); }
body[data-button-style*="slightly_rounded"] #btnForms .nectar-button.btns#btnClient { border: 1px solid var(--nectar-accent-color); }
body[data-button-style*="slightly_rounded"] .nectar-button.btns#btnTeam.unselected {
    background-color: var(--nectar-extra-color-2) !important;
    color: var(--nectar-extra-color-1) !important;
    border: 1px solid var(--nectar-extra-color-1) !important;
}

.formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type="text"], .formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type="password"], .formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type="email"], .formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type="radio"], .formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type="checkbox"], .formcraft-css .fc-form.fc-form-2 .form-element .field-cover input[type="tel"], .formcraft-css .fc-form.fc-form-2 .form-element .field-cover select, .formcraft-css .fc-form.fc-form-2 .form-element .field-cover textarea,
.formcraft-css .fc-form.fc-form-3 .form-element .field-cover input[type="text"], .formcraft-css .fc-form.fc-form-3 .form-element .field-cover input[type="password"], .formcraft-css .fc-form.fc-form-3 .form-element .field-cover input[type="email"], .formcraft-css .fc-form.fc-form-3 .form-element .field-cover input[type="radio"], .formcraft-css .fc-form.fc-form-3 .form-element .field-cover input[type="checkbox"], .formcraft-css .fc-form.fc-form-3 .form-element .field-cover input[type="tel"], .formcraft-css .fc-form.fc-form-3 .form-element .field-cover select, .formcraft-css .fc-form.fc-form-3 .form-element .field-cover textarea {
    background-color: var(--nectar-extra-color-2) !important;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.forms label span {
    color: var(--nectar-extra-color-1);
    padding-left: 5px;
    line-height: 2em !important;
}
[data-form-style=default] .span_12.light input[type=email]:hover:not(:focus), [data-form-style=default] .span_12.light input[type=text]:hover:not(:focus), [data-form-style=default] .span_12.light textarea:hover:not(:focus) {
    border-color: var(--nectar-accent-color);
}
html .formcraft-css .fc-form .form-element.error-field .error {
    padding: 2px;
    background: var(--nectar-extra-color-2);
}
html .formcraft-css .fc-form .form-element .submit-cover.align-right .submit-button {
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    border-radius: 100px !important;
    padding: 10px 50px !important
}
html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover .button-file {
    display: block;
    background: var(--nectar-extra-color-2);
    border: 1px solid var(--nectar-extra-color-1);
    height: 40px;
    -webkit-border-radius: 100px !important;
    -moz-border-radius: 100px !important;
    border-radius: 100px !important;
}
html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover>div { padding-right: 0; }
html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover .button-file .icon-upload-cloud { display: none; }
html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover .button-file {
    background-image: url('/wp-content/themes/salient-child/imgs/form-upload.svg');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right 10px top 55%;
}
.formcraft-css select {
    background-image: url('/wp-content/themes/salient-child/imgs/form-drop.svg');
    background-size: 25px;
    background-position: right 10px top 55%;
}
html .formcraft-css .fc-form .form-element .checkbox-cover>div label a {
    color: var(--nectar-extra-color-3);
    text-decoration: underline;
}
html .formcraft-css .fc-form .form-element .checkbox-cover>div label a:hover {
    color: var(--nectar-extra-color-1) !important;
    text-decoration: none;
}

.powered-by { display: none !important; }


/* *** FOOTER *** */
#floatingMenu {
    display: flex;
    position: fixed;
    bottom: 8vh;
    right: 2vh;
    z-index: 999;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#floatingMenu img {
    width: 100px;
    animation: rotate 10s infinite linear;
}
#floatingMenu img:hover { animation-play-state: paused !important; }
#floatingMenuContent {
    display: none;
    position: fixed;
    bottom: 17vh;
    right: 0;
    z-index: 999;
    padding: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#floatingMenuContent li {
    list-style: none;
    margin-bottom: 15px;
}
#floatingMenuContent a {
    background: var(--nectar-accent-color);
    color: var(--nectar-extra-color-2);
    padding: 8px 20px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    font-size: 14px;
}
#floatingMenuContent a:hover {
    background: var(--nectar-extra-color-2);
    color: var(--nectar-accent-color);
}

#footer .row-bg {
    background: url(https://raftech.yourcode-staging.com/wp-content/uploads/2024/09/Logo-Footer.svg) left center no-repeat;
    background-size: contain;
}
#footer ul li {
    list-style: none;
    display: inline;
    font-size: 12px;
}
#footer ol, #footer ul { margin: 0; }
#footer li { margin-right: 30px; }
#copyrights { font-size: 10px; }
#copyrights, #copyrights a { color: var(--nectar-extra-color-2); }
#copyrights a:hover { color: var(--nectar-accent-color); }


/* *** ANIMATIONS *** */
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.fade-in {
    animation: fadeIn 1s;
    opacity: 1;
}
@keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
}

/* *** MOBILE *** */
.homeSolutionsMobile .vc_column-inner { height: 340px; }
.ourTechMobile .owl-stage { padding:0 !important; }
.hideMobile { display: none !important; }
@media (max-width: 400px) {
    #footer .row-bg { background-position: -20% center; }
}
@media (max-width: 600px) {
    #footer ul li { display: block; }
}
@media (max-width: 1000px) {
    .hideDesktop { display: none !important; }
    .hideMobile { display: block !important; }
    #menu-buttons { display: none; }
    .nectar-flickity.nectar-carousel[data-format="fixed_text_content_fullwidth"] .flickity-page-dots {
        text-align: center;
        bottom: -30px;
    }
    body.page-id-243 .vc_row.vc_row-flex.vc_row-o-equal-height>.span_12, body .vc_row.vc_row-flex.vc_row-o-equal-height>.span_12>.vc_column_container, body .vc_row.vc_row-flex.vc_row-o-equal-height>.span_12>.vc_column_container>.vc_column-inner,
    body.page-id-243 .vc_row.top_padding_phone_10pct {
        min-height: auto !important;
    }
    .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
        margin: 20px 0 45px 0;
    }
    .toggle { padding: 0 5%; }
    #ajax-content-wrap .vc_row.inner_row.left_padding_phone_5pct .row_col_wrap_12_inner { padding: 0!important; }
    body[data-button-style*="slightly_rounded"] #btnForms .nectar-button.btns#btnClient { margin-left: 15px; }
}