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






/* ============================================
   WPBAKERY COMPATIBILITY (added 2026-04-08)
   ============================================ */

/* Center jumbo CTA buttons */
.nectar-button.jumbo {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: fit-content !important;
}

/* Center buttons in dark CTA sections */
.full-width-section[data-using-ctc="true"] .nectar-button {
    display: inline-block;
}

/* FAQ centering */
.full-width-section .vc_col-lg-offset-2 {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}

.full-width-section .toggles {
    max-width: 750px;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Icon list text in custom text color sections */
.span_12.custom .nectar-icon-list-item .content {
    color: rgba(255,255,255,.85) !important;
}

.span_12.custom .nectar-icon-list-item .content h4 {
    color: #ffffff !important;
}

/* Content max-width for full_width_section */
.full-width-section .row_col_wrap_12 {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
}

/* Ensure images inside vc_column_text are responsive */
.wpb_text_column img {
    max-width: 100%;
    height: auto;
}

/* ============================================
   HERO BACKGROUND IMAGE OVERLAY FIX
   ============================================ */

/* Background image sizing */
.full-width-section .row-bg.using-image {
    background-size: cover !important;
    background-position: center center !important;
}

/* Dark overlay via row-bg-wrap positioned overlay */
.full-width-section:has(.row-bg.using-image) .row-bg-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(17,29,51,0.92) 0%, rgba(27,42,74,0.78) 50%, rgba(27,42,74,0.65) 100%);
    z-index: 1;
    pointer-events: none;
}

/* Fallback for browsers without :has() */
.full-width-section .row-bg.using-image + .inner-wrap + .row-bg-wrap::after,
.full-width-section .row-bg-wrap:has(.row-bg.using-image)::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(17,29,51,0.92) 0%, rgba(27,42,74,0.78) 50%, rgba(27,42,74,0.65) 100%);
    z-index: 1;
    pointer-events: none;
}

/* Also add overlay directly on row-bg as belt-and-suspenders */
.full-width-section .row-bg.using-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(17,29,51,0.92) 0%, rgba(27,42,74,0.78) 50%, rgba(27,42,74,0.65) 100%);
    z-index: 1;
}

/* Ensure content sits above the overlay */
.full-width-section .row-bg-wrap ~ .col,
.full-width-section .row-bg.using-image ~ .col {
    position: relative;
    z-index: 2;
}

.full-width-section .col.span_12 {
    position: relative;
    z-index: 2;
}

/* ============================================
   CONTENT WIDTH CONTAINMENT FIX
   full_width_section type="full_width_background"
   renders .col.span_12 at 100% width with no
   inner container. Must add max-width constraint.
   ============================================ */
.full-width-section > .col.span_12,
.full-width-section > div > .col.span_12 {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* Multi-column rows inside full_width_section */
.full-width-section .vc_col-sm-4,
.full-width-section .vc_col-sm-6,
.full-width-section .vc_col-sm-3,
.full-width-section .vc_col-sm-8 {
    /* These already get their widths from vc grid, just ensure padding */
}

/* Override for row_col_wrap if it appears */
.full-width-section .row_col_wrap_12 {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

@media only screen and (max-width: 999px) {
    .full-width-section > .col.span_12,
    .full-width-section > div > .col.span_12,
    .full-width-section .row_col_wrap_12 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media only screen and (max-width: 690px) {
    .full-width-section > .col.span_12,
    .full-width-section > div > .col.span_12,
    .full-width-section .row_col_wrap_12 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}