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



/*GLOBAL FOOTER*/
.footer-hover-links a {
 color:#ffffff !important;
}

.footer-hover-links a:hover {
 color: #F89820 !important;
}

.footer-copyright .footer-hover-links {
	font-size: 14px;
}

.footer-copyright .footer-hover-links > p {
	opacity: .75;
}



/*homepage styles*/

a.inline-links-text{
    color:#F89820 !important;
}

a.inline-links-text:hover {
 color: #2972B9 !important;
}

/*contact page styles*/
a.contact-links {
    color: #2b2b2b !important;
}

a.contact-links:hover {
color: #2972B9 !important;
}

.nf-error-msg,
.ninja-forms-req-symbol {
    color: #F89820 !important;
}

.nf-error .ninja-forms-field {
    border: 1px solid #F89820 !important;
}

.nf-form-fields-required {
    display: none !important;
}

/*LEASING PAGE FOOTER: match divider background to FAQ section*/
body.page-id-11672 .cgm-divider-wrapper {
    background-color: #E9F1F8 !important;
}

/*Global NF mobile styles*/

@media only screen and (max-width: 767px) {
.nf-form-fields-required {
    display: none !important;
}
}

/* Inline text links inside individual blog posts */
.single-post .post-content p a,
.single-post .post-content li a {
    color: #F89820 !important;
}

.single-post .post-content p a:hover,
.single-post .post-content li a:hover {
    color: #2972B9 !important;
}

/* ==========================================================================
   Salient Related Posts Customization
   ========================================================================== */
.post .content-inner {
    padding-bottom: 0;
}

/*for related post background color*/
.related-post-wrap > .row-bg-wrap {
    height: calc(100% + 80px) !important;
}

@media only screen and (max-width: 767px) {
    .related-post-wrap > .row-bg-wrap {
    height: calc(100% + 65px) !important;
}
}

/* 1. Main Card Container */
.related-posts .inner-wrap {
    background-color: #ffffff !important;
    border-radius: 15px !important;
    border: 1px solid #eaeaea !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04) !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    overflow: hidden !important;
    height: 100% !important;
}

/* 2. Image Area */
.related-posts .post-featured-img {
    margin: 0 !important;
    width: 100% !important;
    line-height: 0 !important;
}

.related-posts .post-featured-img img {
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    width: 100% !important;
    display: block !important;
    border-radius: 0 !important;
    margin: 0 !important;
}

/* 3. Category Badge - Shrink-wrapped, positioned, and forced Bold */
.related-posts .meta-category,
.related-posts .category {
    display: block !important;
    width: max-content !important;
    max-width: 90% !important;
    background-color: #F89820 !important;
    padding: 6px 18px !important;
    border-radius: 50px !important;
    z-index: 10 !important;
    margin: 0 0 -35px 20px !important;
    transform: translateY(-140%) !important;
    font-weight: 700 !important;
}

/* Force standard system sans-serif so bold weight is guaranteed to render */
.related-posts .inner-wrap .meta-category a,
.related-posts .inner-wrap .category a,
.related-posts .meta-category a,
.related-posts .category a {
    color: #193A80 !important;
    font-size: 14px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    text-transform: capitalize !important;
    text-decoration: none !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    display: inline-block !important;
}

.related-posts .meta-category::after,
.related-posts .meta-category::before {
    display: none !important;
}

/* 4. Tighter Typography Spacing */
.related-posts h4,
.related-posts .title {
    color: #193A80 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    padding: 0 20px !important; /* Clean 20px horizontal padding */
    padding-bottom: 10px !important;
    margin-top: 20px !important; /* 20px top gap */
    margin-bottom: 10px !important; /* Tight spacing above excerpt */
    line-height: 1.3 !important;
}

.related-posts .excerpt,
.related-posts p {
    color: #4a4a4a !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    padding: 0px 20px !important; /* Clean 20px horizontal padding */
    margin-top: 0 !important;
    margin-bottom: 20px !important; /* Gap before Read More */
}

/* 5. Nuke the Overlapping Date Elements */
.related-posts .post-meta,
.related-posts .meta-date,
.related-posts .date,
.related-posts span.date,
.related-posts span.post-date,
.related-posts .nectar-post-meta,
.related-posts .author,
.related-posts .text {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 6. Inject "Read More" cleanly at the bottom using Font Awesome */
.related-posts .inner-wrap::after {
    content: 'Read More \f178' !important; /* \f178 is Font Awesome's long-arrow-right unicode */
    margin: auto auto 20px 20px !important;
    color: #3b82f6 !important;
    font-size: 16px !important;
    display: inline-block !important;
    transition: color 0.3s ease !important;
    background-color: #ffffff !important;
    position: relative !important;
    z-index: 20 !important;

    /* Font Awesome font-family stack mapping */
    font-family: Arial, 'FontAwesome', 'Font Awesome 5 Free', 'Font Awesome 6 Free', sans-serif !important;
    font-weight: normal !important; /* Necessary to render solid Font Awesome icons correctly */
    letter-spacing: 0.5px !important;
}

/* Adjust the letter spacing on the icon fallback specifically */
.related-posts .inner-wrap:hover::after {
    color: #F89820 !important;
}

/* 7. Theme-Level Overrides for Material Styles */
.related-posts[data-style=material] .article-content-wrap {
    padding: 0px !important;
}

body .related-posts[data-style=material] .article-content-wrap {
    padding: 0px !important;
}

/* ==========================================================================
   Blue Swoosh Row Decorations
   ========================================================================== */

/* Ensure the row acts as an anchor for the absolute positioning */
.wpb_row.swoosh-left,
.wpb_row.swoosh-right {
    position: relative;
}

/* -----------------------------
   Left Swoosh
   ----------------------------- */
.wpb_row.swoosh-left::before {
    content: '';
    position: absolute;
    left: calc(50% - 50vw);
    top: 0% !important;
    transform: translateY(-50%);
    width: 520px;
    height: 100%;
    background-image: url('https://devkla.wpenginepowered.com/wp-content/uploads/2026/07/blue-swoosh-left.png');
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    z-index: 10;
    pointer-events: none;
}

/* -----------------------------
   Right Swoosh
   ----------------------------- */
.wpb_row.swoosh-right::after {
    content: '';
    position: absolute;
    /* Pushes the image out to the exact right edge of the browser window */
    right: calc(50% - 50vw);
    top: 0%;
    transform: translateY(-50%);
    width: 520px;
    height: 100%;
    background-image: url('https://devkla.wpenginepowered.com/wp-content/uploads/2026/07/blue-swoosh-right.png');
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    z-index: 10;
    pointer-events: none;
}

/* ==========================================================================
   Swoosh Mobile Responsiveness
   ========================================================================== */

/* Target screens smaller than 768px (Tablets and Phones) */
@media only screen and (max-width: 767px) {
    .wpb_row.swoosh-left::before,
    .wpb_row.swoosh-right::after {
        width: 250px; /* Shrinks the swoosh for mobile screens */
        /* opacity: 0.2 !important; Moved OUTSIDE the comment so the browser applies it */
    }
}


/* ==========================================================================
Products/Industries Home - Fancy Box Underline Border   ========================================================================== */
.nectar-fancy-box[data-style="image_above_text_underline"].content-color-F89820 * {
    color: #2B2B2B !important;
}

/* ==========================================================================
Industries Home - Arrows
========================================================================== */
.flickity-prev-next-button:hover {
    background: #F89820 !important;
}

.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button:before {
    background-color: #F89820 !important;
}

.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button .arrow {
    fill: #193A80 !important;
}

.nectar-flickity[data-controls*=arrows_overlaid] .previous:after,
.nectar-flickity[data-controls*=arrows_overlaid] .next:after {
    background-color: #193A80 !important;
}


/*PRODUCTS INTERIOR PAGES*/
.products-overview-subhead {
    text-transform: uppercase !important;
    color: #FFFFFFCC !important;
}

.nectar-fancy-ul ul li .icon-default-style[class^="icon-"] {
    line-height: 19px !important;
    font-size: 20px !important;
}

ul.product-solution-list li::before {
    color: #F89820 !important;
}

.toggle-title {
    color:#2972B9 !important;
}