/**
 * Footer CSS
**/
footer {
    margin-top: 0;
}

/* Custom Navigation Menu */
.footer__bottom-container--desktop {
    display: none !important;
    gap: 16px;
}

.footer__bottom-container--mobile .footer__primary-nav__container {
    gap: 16px;
}

.footer__bottom-container--mobile .footer__primary-nav__container details {
    width: 100%;
}

.footer__bottom-container--mobile .footer__primary-nav__container summary {
    width: 100%;
    color: var(--wp--preset--color--white);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
}

.footer__bottom-container--mobile .footer__primary-nav__container details summary:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M1.25125 4.50504L6.83375 10.0788C6.87799 10.1226 6.93773 10.1472 7 10.1472C7.06226 10.1472 7.12201 10.1226 7.16625 10.0788L12.7487 4.50504C12.7815 4.47201 12.8037 4.43005 12.8127 4.38444C12.8217 4.33882 12.817 4.29157 12.7993 4.24859C12.7815 4.20562 12.7515 4.16884 12.7129 4.14286C12.6744 4.11688 12.629 4.10285 12.5825 4.10254L1.4175 4.10254C1.371 4.10285 1.32564 4.11688 1.28708 4.14286C1.24852 4.16884 1.21849 4.20562 1.20074 4.24859C1.18299 4.29157 1.17831 4.33882 1.1873 4.38444C1.19628 4.43005 1.21853 4.47201 1.25125 4.50504Z' fill='white'/%3E%3C/svg%3E");
    content: "";
    width: 14px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: transform 0.3s ease;
    margin: 4px;
}

.footer__bottom-container--mobile .footer__primary-nav__container details[open] summary:after {
    transform: rotate(-180deg);
}

.footer__primary-nav {
    width: 100%;
}

.footer__primary-nav__list {
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 16px;
    display: flex;
    flex-direction: column;
}

/* Nav Heading */
.footer__primary-nav__toggle {
    align-items: center;
    background: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    justify-content: space-between;
    padding: 4px 0;
    text-align: left;
    width: 100%;
}

.footer__primary-nav__icon {
    transition: transform 0.3s ease;
}

/* Nav Submenu */
.footer__primary-nav__submenu {
    list-style: none;
    padding-left: 16px;
    padding-inline-start: 0px;
    transition: all 0.3s ease-in-out;
}

.footer__bottom-container--mobile .footer__primary-nav__submenu {
    margin-top: 16px;
}

.footer__bottom-container--mobile .footer__primary-nav__submenu h3 {
    margin: 0;
}

/* Active/open state */
.footer__primary-nav__item.is-open .footer__primary-nav__submenu {
    max-height: 1000px;
    margin-bottom: 16px;
    margin-top: 16px;
    opacity: 1;
    visibility: visible;
}

.footer__primary-nav__item.is-open .footer__primary-nav__icon {
    transform: rotate(180deg);
}

.footer__primary-nav__submenu li:not(:last-child) {
    margin-bottom: 16px;
}

.footer__primary-nav__submenu li {
    margin-top: 0;
}

.footer__primary-nav__submenu li h6 {
    margin: 0;
}

.footer__primary-nav__submenu li a {
    color: var(--wp--preset--color--link-tan-dm);
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    text-decoration: underline;
    transition: all 0.3s ease;
}

.footer__primary-nav__submenu li a:hover {
    color: var(--wp--preset--color--primary-ggr-tan);
    text-decoration: underline;
}

/** END Custom Navigation Menu **/

.footer__signup {
    align-self: center;
    max-width: 432px;
    width: 100%;
}

.footer__primary-nav__container,
.footer__primary-nav__container nav,
.footer__primary-nav__container .wp-block-navigation__container {
    width: 100%
}

.footer__primary-nav__container .wp-block-navigation-item {
    display: flex;
    padding: 4px 0;
    justify-content: space-between;
    width: 100%;
}

/* Submenu */
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    color: var(--wp--preset--color--midnight);
    width: 100% !important;
}

/* Nav link hover */
.footer__secondary-nav .wp-block-navigation-item__content:hover {
    color: #fff;
}

.footer__secondary-nav-container--desktop {
    flex: 1 1 25%;
    align-self: stretch;
}

.footer__primary-nav-container--desktop {
    flex: 1 1 75%;
    align-items: flex-start;
}

/* G-Forms email sign-up styles 
--------------------------------------------- */
.newsletter-form {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.newsletter-form_wrapper {
    width: 100%;
    margin-top: 16px;
}

.newsletter-form .gform-body {
    flex: 1;
}

/* Label */
.gform-theme--framework .gfield_list_group_item::before,
.gform-theme--framework .gform-field-label {
    display: none;
}

/* Email Input */
#input_4_1 {
    padding: 12.5px 8px 13.5px 8px;
    line-height: 1.6;
    height: auto;
}

.ginput_container_email {
    width: 100%;
}

/* Overrides the grid */
.gform-theme--foundation .gform_fields {
    display: block;
}

/* Signup button */
.gform-theme--foundation .gform_footer,
.gform-theme--foundation .gform_page_footer {
    margin-block-start: 0;
    position: relative;
    left: -8px;
    margin-right: -8px;
}

#gform_submit_button_4 {
    font-size: 18px;
    font-weight: 700;
    padding: 12px 24px;
    text-transform: uppercase;
    letter-spacing: 0.9px;
}

/* Socials hover state */
.footer__socials .wp-block-social-link:hover {
    background-color: var(--wp--preset--color--primary-ggr-tan) !important;
}

/* 
 * Tablet Styles 
 */
@media (min-width: 620px) {
    .footer__bottom-container--desktop {
        display: flex !important;
        justify-content: space-between;
    }

    .footer__bottom-container--mobile {
        display: none;
    }

    .footer__primary-nav__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .footer__primary-nav__item {
        border: none;
        flex: 1;
    }

    .footer__primary-nav__toggle {
        cursor: default;
        pointer-events: none;
        font-size: 20px;
        margin-bottom: 30px;
    }

    .footer__primary-nav__submenu {
        display: block;
        padding-left: 0;
        visibility: visible;
        opacity: 1;
        max-height: unset;
    }

    .footer__primary-nav__submenu li:not(:last-child) {
        margin-bottom: 18px;
    }

    .footer__primary-nav__icon {
        display: none;
    }
}

/* 
 * Desktop Styles 
 */
@media all and (min-width: 1024px) {
    .footer__heading-container {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        padding-bottom: 12px !important;
        align-items: baseline;
    }

    .footer__logo {
        align-self: start;
    }

    .footer__socials .wp-block-social-links {
        margin-bottom: 0px !important;
        justify-content: start;
    }

    .footer__signup {
        align-self: start;
    }

    .footer__signup h4 {
        text-align: left;
    }

    .footer__primary-nav__list {
        grid-template-columns: repeat(4, 1fr);
    }
}