/* ============================================
   NCA FOOTER - SALESFORCE COMMUNITY HEAD MARKUP CSS
   Copy this entire content into: Setup > Digital Experiences > Builder > Settings > Advanced > Edit Head Markup
   Wrap in <style> tags when pasting
   ============================================ */

/* NCA Footer Base Styles */
.nca-footer {
    background-color: #2d2b2e;
    color: #ffffff;
    padding: 60px 0 30px;
    font-family: "Futura", "Century Gothic", "Arial", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    box-sizing: border-box;
}

.nca-footer *,
.nca-footer *::before,
.nca-footer *::after {
    box-sizing: border-box;
}

.nca-footer__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.nca-footer__row {
    display: flex;
    justify-content: center;
}

.nca-footer__row > div {
    width: 100%;
}

.nca-footer__row-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

.nca-footer__row-inner-top {
    margin-bottom: 40px;
}

.nca-footer__row-inner-bottom {
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    font-size: 0.875rem;
}

/* Column Layouts */
.nca-footer__col-newsletter {
    flex: 1;
    min-width: 300px;
    max-width: 400px;
}

.nca-footer__col-menu {
    flex: 1.5;
    min-width: 350px;
}

/* Logo Styles */
.nca-footer__logo {
    display: inline-block;
    margin-bottom: 20px;
}

.nca-footer__logo a {
    display: inline-block;
    text-decoration: none;
}

.nca-footer__logo img {
    max-width: 100px;
    height: auto;
    display: block;
}

.nca-footer__visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* Newsletter Form Styles */
.nca-footer__form {
    margin: 30px 0;
}

.nca-footer__form-title {
    color: #ffffff;
    font-size: 1.1rem;
    margin: 0 0 25px 0;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.4;
}

.nca-footer__form-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 15px;
}

.nca-footer__field {
    flex: 1;
    min-width: 120px;
}

.nca-footer__field--half {
    flex: 0 0 calc(50% - 7.5px);
}

.nca-footer__field--full {
    flex: 0 0 100%;
}

.nca-footer__field-label {
    display: block;
    margin-bottom: 5px;
    font-size: 0.75rem;
    color: #999999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.nca-footer__field-input {
    width: 100%;
    padding: 12px 15px;
    border: none;
    border-bottom: 1px solid #686e77;
    background-color: transparent;
    font-size: 0.875rem;
    font-family: inherit;
    color: #ffffff;
    outline: none;
    transition: border-color 0.3s ease;
}

.nca-footer__field-input::placeholder {
    color: #888888;
}

.nca-footer__field-input:focus {
    border-bottom-color: #c9a86c;
}

.nca-footer__form-submit {
    margin-top: 20px;
}

.nca-footer__btn {
    background-color: transparent;
    color: #ffffff;
    padding: 12px 0;
    border: none;
    font-size: 0.875rem;
    font-family: inherit;
    cursor: pointer;
    transition: color 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.nca-footer__btn:hover {
    color: #c9a86c;
}

.nca-footer__btn-arrow {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'%3E%3C/line%3E%3Cpolyline points='7 7 17 7 17 17'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
}

.nca-footer__btn:hover .nca-footer__btn-arrow {
    transform: translate(3px, -3px);
}

/* Social Media Styles */
.nca-footer__social {
    margin-top: 30px;
}

.nca-footer__social-title {
    display: block;
    margin-bottom: 15px;
    font-size: 0.75rem;
    color: #999999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.nca-footer__social-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 12px;
}

.nca-footer__social-list li {
    margin: 0;
    padding: 0;
}

.nca-footer__social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #444444;
    border-radius: 50%;
    transition: background-color 0.3s ease;
    text-decoration: none;
}

.nca-footer__social-link:hover {
    background-color: #c9a86c;
}

.nca-footer__social-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.nca-footer__icon--linkedin {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.79M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z'/%3E%3C/svg%3E");
}

.nca-footer__icon--facebook {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2.04C6.5 2.04 2 6.53 2 12.06C2 17.06 5.66 21.21 10.44 21.96V14.96H7.9V12.06H10.44V9.85C10.44 7.34 11.93 5.96 14.22 5.96C15.31 5.96 16.45 6.15 16.45 6.15V8.62H15.19C13.95 8.62 13.56 9.39 13.56 10.18V12.06H16.34L15.89 14.96H13.56V21.96A10 10 0 0 0 22 12.06C22 6.53 17.5 2.04 12 2.04Z'/%3E%3C/svg%3E");
}

.nca-footer__icon--youtube {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87 21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31 19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94 13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36 2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2 2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06 10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z'/%3E%3C/svg%3E");
}

.nca-footer__icon--twitter {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");
}

.nca-footer__icon--instagram {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z'/%3E%3C/svg%3E");
}

/* Footer Menu Styles */
.nca-footer__menu-wrapper {
    margin-bottom: 30px;
}

.nca-footer__menu-list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.nca-footer__menu-list li {
    margin: 0;
    padding: 0;
}

.nca-footer__menu-link {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.nca-footer__menu-link:hover {
    color: #c9a86c;
}

.nca-footer__menu-arrow {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'%3E%3C/line%3E%3Cpolyline points='7 7 17 7 17 17'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
}

.nca-footer__menu-link:hover .nca-footer__menu-arrow {
    transform: translate(2px, -2px);
}

/* CTA Button in Menu */
.nca-footer__menu-cta {
    margin-top: 15px;
}

.nca-footer__menu-cta .nca-footer__menu-link {
    background-color: #c9a86c;
    padding: 10px 18px;
    border-radius: 0;
    display: inline-flex;
    color: #2d2b2e;
}

.nca-footer__menu-cta .nca-footer__menu-link:hover {
    background-color: #b8986a;
    color: #2d2b2e;
}

.nca-footer__menu-cta .nca-footer__menu-arrow {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d2b2e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'%3E%3C/line%3E%3Cpolyline points='7 7 17 7 17 17'%3E%3C/polyline%3E%3C/svg%3E");
}

/* Secondary Links */
.nca-footer__links {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.nca-footer__links a {
    color: #999999;
    text-decoration: none;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: color 0.3s ease;
}

.nca-footer__links a:hover {
    color: #ffffff;
}

/* Contact Styles */
.nca-footer__contact {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.nca-footer__contact-left,
.nca-footer__contact-right {
    flex: 1;
    min-width: 180px;
}

.nca-footer__address {
    margin: 0 0 10px 0;
    color: #ffffff;
    font-size: 0.875rem;
    line-height: 1.6;
}

.nca-footer__contact-row {
    display: block;
    margin-bottom: 8px;
    color: #ffffff;
    font-size: 0.875rem;
}

.nca-footer__contact-row span {
    color: #999999;
    margin-right: 5px;
}

.nca-footer__contact-row a {
    color: #c9a86c;
    text-decoration: none;
    transition: color 0.3s ease;
}

.nca-footer__contact-row a:hover {
    color: #ffffff;
}

/* Bottom Footer */
.nca-footer__copyright,
.nca-footer__ein,
.nca-footer__createdby {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.75rem;
}

.nca-footer__createdby a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    transition: color 0.3s ease;
}

.nca-footer__createdby a:hover {
    color: #ffffff;
}

/* Menu Columns Layout */
.nca-footer__menu-columns {
    display: flex;
    gap: 60px;
}

.nca-footer__menu-col-left {
    flex: 1;
}

.nca-footer__menu-col-right {
    flex: 1;
}

/* Responsive Styles */
@media (max-width: 992px) {
    .nca-footer__menu-columns {
        gap: 40px;
    }
    
    .nca-footer__col-newsletter {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .nca-footer {
        padding: 40px 0 20px;
    }
    
    .nca-footer__row-inner {
        flex-direction: column;
    }
    
    .nca-footer__col-newsletter,
    .nca-footer__col-menu {
        min-width: 100%;
        max-width: 100%;
    }
    
    .nca-footer__field--half {
        flex: 0 0 100%;
    }
    
    .nca-footer__menu-columns {
        flex-direction: column;
        gap: 30px;
    }
    
    .nca-footer__contact {
        flex-direction: column;
        gap: 20px;
    }
    
    .nca-footer__row-inner-bottom {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
    
    .nca-footer__social-list {
        justify-content: center;
    }
}

@media (max-width: 480px) {
    .nca-footer__container {
        padding: 0 15px;
    }
    
    .nca-footer__form-title {
        font-size: 1rem;
    }
}
/* Contact label styling (Tel/Fax) */
.nca-footer__contact-row label {
    color: #999999;
    margin-right: 5px;
    font-size: 0.875rem;
}

/* Address paragraph reset */
.nca-footer__address p {
    margin: 0 0 10px 0;
    color: #ffffff;
    font-size: 0.875rem;
    line-height: 1.6;
}

/* Menu nav wrapper */
.nca-footer__menu-links {
    margin-bottom: 30px;
}

/* Experience Cloud may override anchor colours — force footer link colours */
.nca-footer a,
.nca-footer a:visited {
    color: inherit;
    text-decoration: none;
}
/* --- Fix social icon circle background --- */
.nca-footer__social-link {
    background-color: #444444 !important;
}

.nca-footer__social-link:hover {
    background-color: #c9a86c !important;
}

/* --- Fix arrow colour on menu links --- */
.nca-footer__menu-arrow {
    color: #ffffff !important;
    font-style: normal !important;
}

.nca-footer__menu-cta .nca-footer__menu-arrow {
    color: #2d2b2e !important;
}

/* --- Fix Become a Member CTA box --- */
.nca-footer__menu-cta .nca-footer__menu-link {
    background-color: #c9a86c !important;
    padding: 14px 18px !important;
    display: inline-flex !important;
    color: #2d2b2e !important;
    font-weight: 600 !important;
    margin-top: 20px !important;
    min-width: 200px !important;
}

.nca-footer__menu-cta .nca-footer__menu-link:hover {
    background-color: #b8986a !important;
}

/* --- Force Experience Cloud not to override link colours --- */
.nca-footer a,
.nca-footer a:visited,
.nca-footer a:link {
    color: inherit !important;
    text-decoration: none !important;
}

.nca-footer__contact-row a,
.nca-footer__contact-row a:visited {
    color: #c9a86c !important;
}