/**
 * Brand site styles: Prairie, St Marys, CBM, Superior, United.
 *
 * Ported from hello-theme-child-master/style.css. Live rules keep their
 * original order so the cascade is unchanged. Disabled, unused and duplicate
 * rules from the old file were removed on 2026-10-07.
 *
 * @package VCNA_Child_Theme
 */

.loading {
    font-style: italic;
    color: #999;
}

.icon {
    width: 20px;
    /* Adjust size as needed */
    vertical-align: middle;
    margin-right: 8px;
}

label.gfield_label.gform-field-label,
p.gform_required_legend,
legend.gfield_label.gform-field-label.gfield_label_before_complex,
label.gform-field-label.gform-field-label--type-inline.gfield_consent_label,
input#gform_submit_button_1 {
    font-family: "Votorantim Typeface", sans-serif !important;
}

.jet-listing-dynamic-field__content p a,
.edps-explore-btn a,
#search-results .elementor-posts a.elementor-post__read-more,
.pm-giveus-contact-btn a,
.superior-cta-btn a {
    border-radius: 50px;
    background: #0000BF;
    color: white;
    padding: 10px 23.619px 11px 24px;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
}

.edps-explore-btn span {
    text-decoration: none !important;
}

.edps-explore-btn p:last-child,
.jet-listing-dynamic-field__content p:last-child {
    margin-top: 35px;
}

.slide-home .image-hover-text:hover .icon-link {
    height: auto !important;
    padding-bottom: 20px !important;
}

.cbm-materials-sustainability h4 {
    font-size: 18px !important;
    font-weight: 400 !important;

}

.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] {
    background: #101828 !important;
    color: white !important;
}

.cbm-area-serve ul {
    padding-left: 20px !important;
}

div#field_1-5 input#fieldname6_1 {
    box-shadow: none;
    line-height: 20px;
    background: #f1be48;
    border: 1px solid #f1be48;
}

.cp_cff_minimalist #fbuilder input[type="button"]:hover {
    background: #63666a !important;
    border: 1px solid #63666a !important;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF !important;
}

.cp_cff_minimalist #fbuilder input[type="button"] {
    box-shadow: none !important;
}

.key-repeater-section .jet-listing-dynamic-repeater__items {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    align-items: stretch;
}

.key-repeater-section .jet-listing-dynamic-repeater__item {
    display: flex;
}

.key-repeater-section .durability-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

.key-repeater-section .card-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: 0px 0px !important;
    align-items: self-start;
    justify-content: center;
}

.key-repeater-section .durability-card p {
    padding: 0 0px 0 0px;
}

.key-repeater-section .durability-card .card-content {
    padding: 0 120px 0 0px;
}

.eael-contact-form-description.eael-gravity-form-description {
    padding-bottom: 35px !important;
}

.slb-meta-item span.slb-meta-val {
    font-weight: 400 !important;
}

.slb-meta {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.slb-meta-item {
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
}

.slb-meta-lbl,
.slb-meta-val {
    display: inline;
    margin: 0;
    padding: 0;
    line-height: 1.4;
}

.slb-meta-lbl {
    font-weight: 700;
    text-transform: uppercase;
}

.slb-meta-lbl::after {
    content: ": " !important;
}

span.cbm-sefty-text {
    font-weight: 700 !important;
}

@media (max-width: 1025px) and (min-width: 768px) {
    .key-repeater-section .durability-card .card-content {
        padding: 0 90px 0 0px;
    }

    .superior-contact-form .gform-theme--foundation .gfield--width-third {
        margin-left: 0px !important;
    }

    .superior-contact-form .gform-theme--foundation .gfield--width-two-thirds {
        grid-column: span 4 !important;
    }

    .gform-theme--foundation .gfield--width-third {
        grid-column: span 6 !important;
    }
}

@media (max-width: 821px) and (min-width: 768px) {
    .key-repeater-section .durability-card .card-content {
        padding: 0 30px 0 0px !important;
    }
}

@media (max-width: 767px) {
    .square-bg {
        aspect-ratio: 0 !important;
    }

    .cbm-list-ul ul {
        padding-left: 20px !important;
    }

    .elementor-widget-n-tabs .e-n-tabs-heading {
        flex-wrap: wrap !important;
    }

    .elementor-2998 .elementor-element.elementor-element-2fda6b1.e-con {
        display: flow !important;
    }

    .spark-responsive-actions .spark-menu>li>a {
        max-width: 50vw;
    }

    .spark-responsive-dropdown-nav .spark-menu>li.menu-item-has-children {
        display: flex !important;
        width: 100% !important;
        justify-content: space-between !important;
    }

    .spark-responsive-dropdown-nav .sub-menu {
        width: 100% !important;
        padding: 0 10px !important;
    }

    .key-repeater-section .jet-listing-dynamic-repeater__items {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .key-repeater-section .durability-card .card-content {
        padding: 0 50px 0 0px !important;
    }

    .spark-responsive-dropdown-nav .spark-menu {
        border: 1px solid #e0e0e0 !important;
        padding: 2px 10px !important;
    }

    .superior-contact-form .gform-theme--foundation .gfield--width-third {
        margin-left: 0px !important;
    }

    .cmb-hdr .spark-dropdown-nav {
        padding: 0 !important;
        border: 0px solid !important;
    }

}

/* Desktop-nav styling. Must track the desktop/burger breakpoint in
   spark-cst-menu (1280/1281), NOT the generic 1024 used elsewhere in this file.
   Raised from 1025 on 2026-09-21 with that breakpoint. The gap rule matters:
   .spark-mobile-overlay is a descendant of .st-marys-header, so at any width
   where the burger panel is shown this would otherwise force gap:25px onto the
   panel's own menus (they use 28px). */
@media (min-width: 1281px) {

    .spark-menu-primary .sub-menu a:hover,
    .spark-menu-primary .sub-menu a:focus-visible {
        background-position: 96% !important;
        padding-right: 30px !important;
    }

    .st-marys-header .spark-menu {
        gap: 25px !important;
    }
}

/* Burger-panel styling. Tracks the 1280 breakpoint, so it now also covers
   iPads in landscape (1180-1210), where the panel is shown for the first time. */
@media (max-width: 1280px) {
    span.spark-mobile-region-trigger-icon {
        display: none;
    }

    span.spark-mobile-current-title {
        font-family: 'Votorantim Typeface' !important;
    }
}

/* Deliberately left at 1024: this is an Elementor lightbox fix for small
   screens with the admin bar, unrelated to the menu breakpoint. Widening it
   would change lightbox behaviour for logged-in users at 1025-1280. */
@media (max-width: 1024px) {
    body.admin-bar .dialog-type-lightbox {
        height: 100vh;
        position: fixed !important;
    }
}

@media (max-width: 560px) {
    .sds-section {
        --sds-card-pad: 0px !important;
    }
}

.superior-contact-form .gform-theme--foundation .gfield--width-two-thirds {
    grid-column: span 3;
}

.superior-contact-form .gform-theme--foundation .gfield--width-third {
    margin-left: -20px;
}

.key-repeater-section .background-image img {
    object-position: center;
}

.pm-calculate .cff-form {
    max-width: 100% !important;
    width: 100% !important;
}

.pm-calculate .cp_cff_minimalist #fbuilder {
    border-radius: 16px !important;
}

.cp_cff_minimalist #fbuilder input[type="date"],
.cp_cff_minimalist #fbuilder input[type="datetime"],
.cp_cff_minimalist #fbuilder input[type="search"],
.cp_cff_minimalist #fbuilder input[type="time"],
.cp_cff_minimalist #fbuilder input[type="url"],
.cp_cff_minimalist #fbuilder input[type="email"],
.cp_cff_minimalist #fbuilder input[type="text"],
.cp_cff_minimalist #fbuilder input[type="number"],
.cp_cff_minimalist #fbuilder input[type="password"],
.cp_cff_minimalist #fbuilder textarea,
.cp_cff_minimalist #fbuilder select,
.cp_cff_minimalist #fbuilder .select2-selection {
    width: 100% !important;
}

.pm-calculate-concret #fbuilder {
    border-radius: 16px !important;
}

.pm-calculate-concret .cff-form {
    max-width: 550px !important;
}

h3.pm-benefits-title {
    font-weight: 400 !important;
}

/* News filter styling lives in assets/css/spark-news-filter.css. */

.slide-home .image-hover-text .icon-link {
    transition: 0.6s !important;
}

.mdot-accprdion h3.mdot-month {
    font-size: 20px !important;
}

.spark-primary-nav .spark-menu-primary>li:nth-child(5),
.spark-primary-nav .spark-menu-primary>li:nth-last-child(2),
.spark-primary-nav .spark-menu-primary .sub-menu>li:nth-child(2),
.spark-primary-nav .spark-menu-primary .sub-menu>li:nth-child(2),
.spark-primary-nav .spark-menu-primary .sub-menu>li:nth-child(5),
.spark-primary-nav .spark-menu-primary .sub-menu>li:nth-child(4),
.spark-primary-nav .spark-menu-primary .sub-menu>li:nth-child(6),
.spark-primary-nav .spark-menu-primary .sub-menu>li:nth-child(1) {
    position: relative;
}

.spark-primary-nav .spark-menu-primary>li:nth-child(5)>.sub-menu,
.spark-primary-nav .spark-menu-primary>li:nth-child(6)>.sub-menu,
.spark-primary-nav .spark-menu-primary>li:nth-last-child(2)>.sub-menu {
    left: auto !important;
    right: 0 !important;
}

.spark-primary-nav .spark-menu-primary .sub-menu>li:nth-child(2)>.sub-menu,
.spark-primary-nav .spark-menu-primary .sub-menu>li:nth-child(3)>.sub-menu,
.spark-primary-nav .spark-menu-primary .sub-menu>li:nth-child(5)>.sub-menu,
.spark-primary-nav .spark-menu-primary .sub-menu>li:nth-child(4)>.sub-menu,
.spark-primary-nav .spark-menu-primary .sub-menu>li:nth-child(1)>.sub-menu {
    left: -101% !important;
}

.st-marys-header .spark-primary-nav .spark-menu-primary .sub-menu>li:nth-child(2)>.sub-menu {
    left: -112% !important;
}

/* Fix grid overflow on iPad landscape */
.elementor-element-33056ee .jet-listing-grid__items {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.pdf-button .vcna-bg-pdf-icon {
    position: relative;
    background-image: url("https://stmarysstg.vcnastaging.com/wp-content/uploads/sites/6/2026/09/link-white-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* White hover icon */
.pdf-button .vcna-bg-pdf-icon::after {
    content: "";
    position: absolute;
    inset: 0;

    background-color: #fff;

    -webkit-mask: url("https://stmarysstg.vcnastaging.com/wp-content/uploads/sites/6/2026/09/link-white-icon.svg") center / contain no-repeat;
    mask: url("https://stmarysstg.vcnastaging.com/wp-content/uploads/sites/6/2026/09/link-white-icon.svg") center / contain no-repeat;

    opacity: 0;
    transition: opacity 0.2s ease;
}

/* Show white icon on hover */
.pdf-button:hover .vcna-bg-pdf-icon::after {
    opacity: 1;
}

/* vcna-peport-data-pdf-icon */

.pdf-button .vcna-peport-data-pdf-icon {
    position: relative;
    background-image: url("https://stmarysstg.vcnastaging.com/wp-content/uploads/sites/6/2024/01/pdf-file-1-1.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* White hover icon */
.pdf-button .vcna-peport-data-pdf-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #fff;

    -webkit-mask: url("https://stmarysstg.vcnastaging.com/wp-content/uploads/sites/6/2024/01/pdf-file-1-1.svg") center / contain no-repeat;
    mask: url("https://stmarysstg.vcnastaging.com/wp-content/uploads/sites/6/2024/01/pdf-file-1-1.svg") center / contain no-repeat;

    opacity: 0;
    transition: opacity 0.2s ease;
}

/* Hover: hide original red icon and show white icon */
.pdf-button:hover .vcna-peport-data-pdf-icon {
    background-image: none !important;
}

.pdf-button:hover .vcna-peport-data-pdf-icon::after {
    opacity: 1;
}

/* White text on hover */
.pdf-button:hover .pdf-button-text .elementor-heading-title {
    color: #fff !important;
}

/* New styling 2409 restore from backup start */

.spark-primary-nav .spark-menu-primary .sub-menu>li:nth-child(5),
.spark-primary-nav .spark-menu-primary .sub-menu>li:nth-child(2) {
    position: relative !important;
}

.spark-primary-nav .spark-menu-primary>li:nth-child(5)>.sub-menu {
    left: auto !important;
    right: 0 !important;
}

.spark-primary-nav .spark-menu-primary .sub-menu>li:nth-child(2)>.sub-menu {
    left: -100% !important;
}

.vcna-tab .e-n-tabs-heading {
    flex-wrap: wrap !important;
    justify-content: start !important;
}

.vcna-product-contact .jet-listing-dynamic-field__content p a {
    border-radius: 50px;
    background: #0000BF;
    color: white;
    padding: 10px 23.619px 11px 24px;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
}

.vcna-product-contact .jet-listing-dynamic-field__content p:last-child {
    margin-top: 30px !important;
}

.vcna-key .jet-listing-dynamic-repeater__items .card-content {
    padding-right: 140px;
}

.vcna-key .jet-listing-dynamic-repeater__items .durability-card p {
    padding: 0px;
}

/* Make all repeater items equal height */
.vcna-key .jet-listing-dynamic-repeater__items {
    display: flex;
    align-items: stretch;
}

.vcna-key .jet-listing-dynamic-repeater__item {
    display: flex;
    height: auto;
}

.vcna-key .jet-listing-dynamic-repeater__item .durability-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.vcna-key .durability-card .card-content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.postid-1947 .vcna-brochures,
.postid-1950 .vcna-brochures {
    display: none;
}

.jet-listing-grid__item .pdf-button-new:hover .pdf-icon {
    background-image: url('/wp-content/uploads/2026/09/pdf-file-1-1.svg') !important;
}

.pdf-button-new .jet-listing-dynamic-field__content {
    font-family: 'Votorantim Typeface' !important;
}

.vcna-pdf-content .pdf-button:hover,
.vcna-pdf-content .pdf-button:hover * {
    color: #fff !important;
}

.vcna-pdf-content .pdf-button:hover .vcna-bg-pdf-icon {
    background-image: url('/wp-content/uploads/2026/09/pdf-file-1-1.svg') !important;
}

.spark-lightbox-close:hover {
    color: white !important;
}

#search-results .elementor-posts .elementor-post {
    border: 1px solid #8cc919 !important;
    border-radius: 12px !important;
}

#search-results .elementor-posts .elementor-post .elementor-post__text {
    display: flex !important;
    justify-content: space-between !important;
}

.elementor-posts a.elementor-post__read-more {
    border-radius: 50px;
    background: #0000BF;
    color: white !important;
    padding: 10px 23.619px 11px 24px;
    align-items: center;
    text-decoration: none !important;
}

.e-n-tabs-heading .e-n-tab-title[aria-selected="true"] {
    background-color: #101828 !important;
    color: #ffffff !important;
}

.e-n-tabs-heading .e-n-tab-title[aria-selected="true"] .e-n-tab-title-text {
    color: #ffffff !important;
}

.e-n-tabs-heading .e-n-tab-title:hover {
    color: #101828 !important;
}

.cta-btn-class.vcna-product-btn {
    display: inline-flex !important;
}

.vcna-repeater-btn .jet-listing-dynamic-repeater__item {
    text-align: center !important;
}

@media (max-width: 767px) {
    .spark-responsive-header {
        padding-bottom: 60px !important;
        padding-top: 20px !important;
    }

    .spark-responsive-actions .spark-dropdown-nav {
        position: absolute;
        top: 77px;
        width: 93%;
        max-width: 100%;
    }

    .vcna-header .spark-responsive-dropdown-nav .sub-menu {
        width: 100% !important;
        padding: 0 10px !important;
        left: auto;
        max-width: 90vw;
        min-width: 150px;
        right: 0;
    }

    .vcna-header .spark-dropdown-nav {
        border: 1px solid #e0e0e0 !important;
        padding: 2px 10px !important;
    }

    .vcna-header .homepage {
        display: flex !important;
        width: 100% !important;
        justify-content: space-between !important;
    }

    .spark-mobile-panel-topbar .spark-menu {
        display: block !important;
    }

    .vcna-key .jet-listing-dynamic-repeater__items .card-content {
        padding-right: 60px !important;
    }

    .vcna-key .jet-listing-dynamic-repeater__items .durability-card p {
        padding-right: 60px !important;
    }

    .spark-mobile-panel-topbar .spark-menu-item-icon {
        filter: brightness(0) saturate(100%) invert(100%);
    }

    span.spark-mobile-region-trigger-icon {
        display: none !important;
    }

    .cta-btn-class.vcna-product-btn {
        text-align: center;
    }

    .vcna-product-pdf .pdf-button-new {
        padding: 0px 10px !important;
        margin: 0 !important;
    }

    .pdf-button-new .e-con-inner {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
    }

    .pdf-button-new .pdf-icon {
        width: auto !important;
        flex-shrink: 0 !important;
    }

    .pdf-button-new .pdf-text {
        width: auto !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
    }

}

@media (max-width: 1025px) and (min-width: 992px) {
    .vcna-key .jet-listing-dynamic-repeater__items .durability-card p {
        padding: 0px;
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    .vcna-key .jet-listing-dynamic-repeater__items .durability-card p {
        padding-right: 100px;
    }
}

@media (min-width: 640px) {
    .gform-theme--foundation .gfield--width-two-thirds {
        grid-column: span 4 !important;
    }
}

/* End restore css */

/* GDPR Cookie Info Bar CSS*/

.moove-gdpr-button-holder .mgbutton:hover,
.moove-gdpr-button-holder .moove-gdpr-infobar-close-btn:hover {
    background-color: #fff !important;
}
