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

:root {
    --var-mm-shadow:  0px 3px 7px 1px rgba(0,0,0,0.15);
    --var-color-primary: #ff7800;
    --var-dark-blue: #013656;
    --var-light-blue: #3196cf;

}
.poppins-black {
    font-family: 'Poppins', sans-serif;
    font-weight: 900;
}

body[data-button-style^="rounded"] #top nav > ul > li[class*="button_bordered"] > a:before {
    border-radius: 5px !important;
    border-width: 1px !important;
}

.translate-x-left-lg {
    transform: translateX(-50%) !important;
}

[data-border-radius] > .vc_column-inner > .nectar-video-wrap {
    border-radius: 5px !important;
    overflow: hidden;
}
#services {
    .toggles.accordion[data-style=minimal] {
        .toggle {
            border: none !important;
        }
        .toggle-title a {
            padding-top:10px;
            padding-bottom:10px;
        }
        .open .toggle-title {
            text-decoration: underline;
            text-decoration-color: #ff7800;
        }
    }
}
#header-outer #top nav>ul>li[class*="button_bordered_2"]>a:hover::before {
    background: #ff7800 !important;
    border-color: #ff7800 !important;
    color: #fff !important;
}
#header-outer #top nav>ul>li[class*="button_bordered_2"]>a:hover {
    color: #fff !important;
}

#our-work {
    .nectar-fancy-box {
        .inner {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            height: 100%;
            font-size: 0.8em;
        }
        .hover-content {
            max-width: 100%;
        }
    }
    .visualized-total {
        display: none !important;
    }
}

#testimonials {
   
}

.toggles--minimal-shadow {
     .toggle:before {
       box-shadow: var(--var-mm-shadow) !important;
     }
    

     .toggle.open .toggle-title a {
        color: #ff7800 !important;
     }

     .fa {
        opacity: 0.5;
     }
}
.nectar-split-heading[data-align=center] {
    text-align: center !important;
}

#blog {
    .row-bg-wrap {
        max-height: 440px;
    }
}
#how-we-work {
    .row-bg-wrap {
        max-height: 680px;
    }

}
.mm-call-to-action {
    border-bottom: 1px solid #fff;
}

:root body #footer-outer {
    font-size: 0.8rem;
    line-height: 1.4em;

    #copyright.row p {
        font-size: 0.8rem;
        color: #888;
    }

    #copyright.row .social {
        display: none !important;
    }
    .col.span_4 {
        padding-right: 3rem;
    }
    a:hover {
        color: #fff !important;
    }
    #footer_widgets .widget.recent_posts_extra_widget {
        li:hover {
            a {
                color: #fff !important;
                opacity: 1 !important;
            }
        }
        span.post-title {
            line-height: 1em !important;
        }
        
    }
    .post-date {
        display: none !important;
    }
    
}
.material #footer-outer #footer-widgets .col ul.social-icons li {
    padding: 0 !important;
}
ul.social-icons {
        display: flex;
        list-style-type: none;
        flex-direction: row;
        gap: 7px;
        align-items: center;
        margin-left: 0;
        font-size: 1.5rem;
        i {
            font-size: inherit;
        }
        
        li {
            list-style-type: none;
              padding: 0 !important;

             &.facebook {
                .fa {
                    transform: translateY(2px);
                }
             }
        }
        a {
            border: 1px solid #888 !important;
            border-radius: 5px !important;
            aspect-ratio: 1 / 1 !important;
            display: grid !important;
            place-items: center !important;
            padding: 5px !important;
            width: 1.6em !important;
            height: 1.6em !important;

            background-image: none !important;
        }
    }
:root {
    #footer-outer, #footer-outer a:not(.nectar-button) {
        color: #888!important;
    }
    body #footer-outer .widget .nectar_widget[class*=nectar_blog_posts_]>li span {
        font-size: inherit !important;
        line-height: 1.4em !important;
        margin: 0 !important;
    }
    #footer-outer #footer-widgets .widget h4, 
        #footer-outer .col .widget_recent_entries span, 
        #footer-outer .col .recent_posts_extra_widget .post-widget-text span {
        color: #888!important;
    }
    #footer-outer #footer-widgets .widget h4 {
        font-size: 1em !important;
    }
}

.has-2col-list ul {
    columns: 2;
    -webkit-columns: 2;
}

.h-full {
    height: 100%;
}

.place-content-center {
    display: grid;
    place-content: center;
}

body #sidebar .widget {
    h4 {
        text-transform: none !important;
    }
}


.wp-block-tag-cloud a {
    display: inline-block;
    background-color: rgba(1, 54, 86, 0.1);
    color: rgba(1, 54, 86, 1);
    padding: 5px 10px;
    margin: 0 5px 5px 0;
    text-decoration: none;
    border-radius: 3em;
    font-size: 14px !important;
    transition: all 0.3s ease;
    line-height: 22px;
    font-weight: bold;

    &:hover {
        background-color: rgba(1, 54, 86, 1);;
        color: #fff;
        transform: translateY(-1px);
    }
}

#call-to-action {
    position: relative;

    &::before {
        position: absolute;
        left: 50%;
        top: 0;
        transform: translateX(-50%);
        content: ' ';
        width: 0; 
        height: 0; 
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        
        border-top: 18px solid #fff;
    }
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    .container {
        display: flex;
        flex-direction: column;
        align-items: center;
        flex-gap: 2rem;
        text-align: center;
        padding-top: 80px;
        padding-bottom: 80px;

        a.nectar-button {
            display: block;
            margin: 2rem auto 0;
            font-size: 1rem;
            letter-spacing: 0;
            border-radius: 5px !important;
        }

        a {
            background: transparent;
        }

        
    }
    .nectar-cta a span{
            font-size: 1rem !important;
            line-height: 1.4em !important;
        }
} 

.text-primary {
    color: #ff7800 !important;
}


.how-we-work-tabs.wpb_content_element  {
    ul.wpb_tabs_nav {
        display: flex;
        flex-direction: row;
        gap: 4rem;
        justify-content: center;
    }
    .tabbed[data-style*="material"] .wpb_tabs_nav:after {
        display: none !important;
    }
    .tabbed[data-style*="minimal"] .wpb_tabs_nav li i, 
    .tabbed[data-style*="minimal"] .wpb_tabs_nav li svg {
       font-size: 80px;
       color: rgba(255,255,255,0.5);
       fill: rgba(255,255,255,0.5);
    }

    .tabbed[data-style*="minimal"] .wpb_tabs_nav li a[role=button] {
            color: rgba(255,255,255,0.5);
        }

        .tabbed[data-style*="minimal"] ul.wpb_tabs_nav {
            border-bottom: none !important;
        }
    .tabbed[data-style*="minimal"] ul.wpb_tabs_nav li a.active-tab {
        background: transparent !important;

        svg, i {
            fill: var(--var-color-primary) !important;
            color: var(--var-color-primary) !important;
        }

       
            color: #fff !important;

        &::after {
            display: none;
        }
        
    }
}

.icon-basic-compass[class^="icon-basic"], 
.icon-basic-compass[class*=" icon-basic"] {
    background:url('images/1-discovery.png') no-repeat;
    background-size: contain;
    background-position: center;

    &::before {
        visibility: hidden;
    }
}

.icon-basic-sheet-pencil[class^="icon-basic"], 
.icon-basic-sheet-pencil[class*=" icon-basic"] {
    background:url('images/2-proposal.png') no-repeat;
    background-size: contain;
    background-position: center;

    &::before {
        visibility: hidden;
    }
}

.icon-basic-message-txt[class^="icon-basic"], 
.icon-basic-message-txt[class*=" icon-basic"] {
    background:url('images/3-discussion.png') no-repeat;
    background-size: contain;
    background-position: center;

    &::before {
        visibility: hidden;
    }
}
.icon-music-play-button[class^="icon-music"], 
.icon-music-play-button[class*=" icon-music"] {
    background:url('images/4-start.png') no-repeat;
    background-size: contain;
    background-position: center;

    &::before {
        visibility: hidden;
    }
}

.active-tab {
        
    .icon-basic-compass[class^="icon-basic"], 
    .icon-basic-compass[class*=" icon-basic"] {
        background-image:url('images/1-discovery-hover.png');
        
    }

    .icon-basic-sheet-pencil[class^="icon-basic"], 
    .icon-basic-sheet-pencil[class*=" icon-basic"] {
        background-image:url('images/2-proposal-hover.png');
        
    }

    .icon-basic-message-txt[class^="icon-basic"], 
    .icon-basic-message-txt[class*=" icon-basic"] {
        background-image:url('images/3-discussion-hover.png');
        
    }
    .icon-music-play-button[class^="icon-music"], 
    .icon-music-play-button[class*=" icon-music"] {
        background-image:url('images/4-start-hover.png');
        
    }
}

.vc_column-inner:has(.place-content-center) {
    display: grid;
    place-content: center;
}
.wpb_wrapper>div.nectar-split-heading {
    margin-bottom: 0;
}
.nectar-split-heading[data-animation-type="line-reveal-by-space"] > * > span  {

}   
:root .nectar-split-heading > * > * {
    line-height: 1.4em !important;

}

.fix-lineheight {
    .nectar-split-heading {
        margin-bottom: -0.3em !important;
    }
}
.x-portfolio-wrap {
    .work-info,
    .work-info * {
        text-align: left;
        
    }
    .work-info {
        bottom: 1rem !important;
        top: auto !important;
        left: 0 !important;
        right: 0 !important;
        height: auto !important;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        .vert-center {
            transform: none !important;
            
        }
       
    }

    h3 {
        font-size: 1.2rem !important;
    }
    p {
        font-size: 1rem !important;
        line-height: 1.4em;
    }
}




.logo-slider {
    .cell {
        img {
            filter: grayscale(100%);
            opacity: 0.65 !important;
            transition: all 0.3s ease;

        }

        &:hover img {
            filter: grayscale(0%);
            opacity: 1 !important;
        }
    }

    
}

#testimonials .testimonial_slider .slides {
    overflow-y: visible !important;
}
#testimonials .flickity-page-dots {
	bottom: 15px !important;
}
.flickity-page-dots {
    display: flex;
    justify-content: center;

    .dot {
        width: 14px;
        display: flex;
        height: 14px;
        place-items: center;
        justify-content: center;
        &::before {
            position: relative !important;
            height: 6px;
            width: 6px;
            display: block;
            content: '';
            border-radius: 100px;
        }

        &.is-selected::before {
            height: 8px;
            width: 8px;
            background: transparent !important;
            border: 2px solid rgba(255, 255, 255, 0.5);
        }
    }
}
/* 
.nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot:before, .nectar-flickity[data-controls=material_pagination] .flickity-page-dots .dot:before, .nectar-quick-view-box .flickity-page-dots .dot:before, .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot:before, .nectar-woo-flickity .flickity-page-dots .dot:before, .testimonial_slider[data-style=multiple_visible_minimal] .flickity-page-dots .dot:before, body.material [data-bullet_style=see_through] .slider-pagination .swiper-pagination-switch:before {
    height: 3px;
            width: 22px;
            border-radius: 0;
}
.nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot.is-selected:before, .nectar-flickity[data-controls=material_pagination] .flickity-page-dots .dot.is-selected:before, .nectar-quick-view-box .flickity-page-dots .dot.is-selected:before, .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot.is-selected:before, .nectar-woo-flickity .flickity-page-dots .dot.is-selected:before, .testimonial_slider[data-style=multiple_visible_minimal] .flickity-page-dots .dot.is-selected:before, body.material [data-bullet_style=see_through] .slider-pagination .swiper-pagination-switch.swiper-active-switch:before {
    background: var(--var-color-primary) !important;
    transform: none !important;
    box-shadow: none !important;
} */
.gform_required_legend {
        display: none;
    }
.contact-form {
    .gform_required_legend {
        display: none;
    }
    .gfield_label {
        font-size: 0.9rem !important;
        color: #fff !important;
    }
    .gfield_required {
        color: #fff !important;
    }
    input[type=text], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=password],
    textarea {
        font-size: 1.25rem !important;
        padding: 20px 15px !important;

            border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
            border-radius: 0 !important;
        
    }
}

:root .gform-footer .gform_button {
    background: var(--var-color-primary) !important;
    border: none !important;
    border-radius: 5px !important;
    font-size: 1.1rem !important;
    padding: 15px 30px !important;
    text-transform: none !important;
    box-shadow: none !important;

    &:hover {
        background: #ff5720 !important;
        color: #fff !important;
    }
}

.gform-body .gform_fields {
    gap: 1rem !important;
}

.gform-theme--framework .gform_validation_errors {
    background-color: #fff;
}
.validation_message {
    background: #fff;
    display: inline-block;
    width: auto;
    float: left;
    padding: 4px;
    border-radius: 3px;

    position: relative;

    &:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        position: absolute;
        top: -6px;
        left: 10px;
    }
}

.relative {
    position: relative;
}

:root .nectar-button.regular-button {
    &.jumbo {
        padding: 15px 40px !important;
    }
    &.mm-btn-light-blue {
        border: 2px solid var(--var-light-blue) !important;
    }

     &.mm-btn-white {
        border: 2px solid #fff !important;
    }

    &.mm-btn-white-outline {
        border: 1px solid #fff !important;
        background: transparent !important;
        color: #fff !important;

        .icon-button-arrow {
            color: var(--var-color-primary) !important;
        }
    }

     &.mm-btn-link {
        border: none !important;
        color: inherit !important;
        padding-left: 18px !important;

        .icon-button-arrow {
            color: var(--var-color-primary) !important;
        }
    }

    .icon-button-arrow {
        background: transparent !important;
    }
    
    border-radius: 3px !important;
    font-weight: bold;
    box-shadow: none !important;
}

:root [data-bg-color="#FF7800"] .nectar-button.regular-button {
    .icon-button-arrow {
        color: #fff !important;
    }

}
#header-outer.transparent #top nav .sf-menu > .current-menu-item > a {
    color: var(--var-color-primary) !important;

    .menu-title-text:after {
        display: none !important;
    }
}