@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/*
 * Footer Styles
*/

footer {
    color: #FFFFFF;
    background-color: #1E3A57;
    display: flex;
    /* width: 90rem;
    height: 30rem; */
    padding: 2.5rem 8.4375rem 1.875rem 8.4375rem;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    /* gap: 2.1875rem; */
    /* width: 100%; */
}

/* Small mobile and down (phones or small devices). */
@media(max-width: 767.99px) {
    footer {
        padding: 2.5rem 2.2375rem 1.875rem;
    }
}

footer a {
    color: #FFFFFF;
}

footer .container {
    padding: 0;
}

footer .logo-site-name-container {
    display: inline-flex;
    margin-bottom: 3.76rem;
    /* display: flex; */
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    margin-bottom: 1.875rem;
    padding-bottom: 1.875rem;
    width: 100%;
}

footer .logo-site-name-container .sog-logo {
    display: inline-flex;
}

footer .logo-site-name-container .sog-logo a.logo-link:first-child {
    margin-right: 7.625rem;
}

footer .logo-site-name-container .sog-logo a.logo-link img.logo {
    aspect-ratio: 236/73 !important;
}

footer .logo-site-name-container .lfnc-logo a.logo-link img.logo {
    aspect-ratio: 71/20 !important;
}

/* Tablets and up (landscape tablets, desktops, or large devices). */
@media (min-width: 768px) {
    footer .logo-site-name-container .sog-logo a.logo-link img.logo {
        width: 14.75rem !important;
        height: 4.5625rem !important;
    }

    footer .logo-site-name-container .lfnc-logo a.logo-link img.logo {
        width: 13.3125rem !important;
        height: 3.75rem !important;
    }
}

/* Small mobile and down (phones or small devices). */
@media(max-width: 767.99px) {
    footer .logo-site-name-container,
    footer .logo-site-name-container .sog-logo {
        display: block !important;
    }

    footer .logo-site-name-container .sog-logo {
        margin-bottom: 1rem;
    }
}

footer .logo-site-name-container .site-name {
    color: #FFFFFF;
    font-family: "Open Sans";
    font-size: 1.3125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.875rem;
}


/* Small mobile and down (phones or small devices). */
@media(max-width: 767.99px) {
    footer .address-container {
        margin-bottom: 1rem !important;
    }

    footer .footer-navigation-container .footer-newsletter-form-container {
        margin-bottom: 2rem !important;
    }

    footer .footer-navigation-container .social-media-container {
        text-align: center;
    }

    footer .footer-navigation-container .social-media-container a.social-media-icon {
        padding: 2rem 1rem;
    }
}

footer .address-container .address {
    color: var(--Shade-White, #FFFFFF);
    font-family: Montserrat;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.5rem; /* 200% */
    letter-spacing: 0.0125rem;
    text-transform: capitalize;
}

footer .widget:last-child h3 {
    color: var(--Shade-White, #FFF);
    font-family: Montserrat;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4375rem; /* 115% */
    letter-spacing: 0.0125rem;
}

footer .widget .footer-nav {
    margin-top: 1.25rem;
}

footer .widget ul li a,
footer .widget ul li a:link,
footer .footer-navigation-container ul li a,
footer .widget .footer-nav ul.menu li a,
footer .footer-content-container .footer-navigation-container .footer-nav ul.footer-menu li.menu-item a {
    color: #FFFFFF !important;
    /* Footer link */
    font-family: "Open Sans";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6875rem; /* 168.75% */
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto !important;
    text-underline-offset: auto;
    text-underline-position: from-font;
    border: none !important;
}

footer .widget .footer-nav ul.menu li a i {
    color: #FFFFFF !important;
}

footer .border-bottom-dashed {
  border-bottom: 1px dashed #FFFFFF !important;
  /* padding-bottom: 1.875rem;
  margin-bottom: 1.875rem; */
}

footer .border-bottom-solid {
    /* margin-bottom: 1.25rem; */
    border-bottom: 1px solid #FFFFFF !important;
}

footer .footer-content-container {
    display: flex;
    /* width: 73.125rem; */
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    /* gap: 7.625rem; */
    margin-bottom: 2.1875rem !important;
    padding-bottom: 2.1875rem !important;
    width: 100%;
}

/* Small mobile and down (phones or small devices). */
@media(max-width: 767.99px) {
    footer .footer-content-container,
    footer .copyright-container {
        flex-direction: column !important;
        align-items: stretch !important;
    }
}

footer .footer-newsletter-form-container {
    /* padding-bottom: 2.1875rem; */
    margin-bottom: 0.9375rem !important;
    margin-top: 1.25rem;
}

footer .footer-newsletter-form-container .mc4wp-form .mc4wp-form-fields label.mailchimp-label {
    color: #FFF;

    /* Footer link */
    font-family: "Open Sans";
    font-size: 1rem !important;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6875rem; /* 168.75% */
    margin-bottom: 0.62rem;
}

footer .footer-newsletter-form-container .mc4wp-form .mailchimp-form {
    display: flex;
    /* height: 2.875rem; */
    align-items: center;
    gap: 1.25rem;
}

footer .footer-newsletter-form-container .mc4wp-form .mailchimp-form #mailchimp-signup-btn {
    background-color: #4B9CD3;
    border-radius: 0.3125rem;
    border: 2px solid #4B9CD3;
    color: #FFFFFF;

    /* Footer link */
    font-family: "Open Sans";
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6875rem; /* 168.75% */
}

footer .footer-newsletter-form-container .mc4wp-form .mailchimp-form #mailchimp-signup-btn:hover,
footer .footer-newsletter-form-container .mc4wp-form .mailchimp-form #mailchimp-signup-btn:focus,
footer .footer-newsletter-form-container .mc4wp-form .mailchimp-form #mailchimp-signup-btn:active,
footer .footer-newsletter-form-container .mc4wp-form .mailchimp-form #mailchimp-signup-btn.active,
footer .footer-newsletter-form-container .mc4wp-form .mailchimp-form #mailchimp-signup-btn:target {
    background-color: #1E3A57;
    /* border-color: #4B9CD3; */
}

footer .footer-content-container .footer-navigation-container .social-media-container a.social-media-icon:hover svg,
footer .footer-content-container .footer-navigation-container .social-media-container a.social-media-icon:focus svg,
footer .footer-content-container .footer-navigation-container .social-media-container a.social-media-icon:active svg,
footer .footer-content-container .footer-navigation-container .social-media-container a.social-media-icon.active svg,
footer .footer-content-container .footer-navigation-container .social-media-container a.social-media-icon:target svg {
    fill: #4B9CD3 !important;
}

footer .copyright-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    /* gap: 1.25rem; */
    align-self: stretch;
}

footer .copyright-container .copyright {
    color: #FFFFFF !important;
    display: inline-flex;
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.87806rem; /* 187.805% */
    letter-spacing: 0.02rem;
}

/* Small mobile and down (phones or small devices). */
@media(max-width: 767.99px) {
    footer .copyright-container .copyright  {
        display: -webkit-box !important;
        display: -webkit-inline-box !important;
        margin-bottom: 1rem;
    }

    footer .copyright-container .copyright .company-name {
        word-wrap: break-word;
        word-break: break-word;
        width: 75%;
    }
}

footer .copyright-container .copyright .company-name a {
    margin-left: 0.5rem;
}

footer .copyright-container .accessibility {
    text-align: right;
}

footer .copyright-container .accessibility,
footer .copyright-container .accessibility ul,
footer .copyright-container .accessibility ul li {
    display: inline-flex;
}

footer .copyright-container .accessibility ul li a {
    padding: 0 1rem;
    color: var(--Shade-White, #FFFFFF);
    font-family: Montserrat;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.01rem;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: capitalize;
}

footer .copyright-container .accessibility ul li:first-child:after {
    content: "|";
    display: inline-flex;
    color: #FFFFFF;
    margin: 0 0.9375rem;
}

footer #copyright {
    display: none;
}

/* Toolset upper footer accessibility updates. */
footer .footer-upper-container .footer-background-image-container {
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), rgba(13, 61, 97, 1) url(https://lfnc.sog.unc.edu/wp-content/uploads/2023/12/knap-sanders-pad.svg) center bottom no-repeat;
    background-size: auto, contain;
    padding: 25px;
    min-height: 500px;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

footer .footer-upper-container .footer-background-image-container .footer-upper-text-container {
    padding: 25px;
    background-color: rgba(75, 156, 211, 0.75) !important;
    width: 100%;
    margin: 0 auto;
    max-width: var(--container);
}

footer .footer-upper-container .footer-background-image-container .footer-upper-text-container p.p.has-text-align-center.\.mb-10.has-neve-link-hover-color-color.has-text-color.has-link-color.has-large-font-size.wp-elements-38b675485ff542f73c45f26743dd0dd7,
footer .footer-upper-container .footer-background-image-container .footer-upper-text-container p.has-text-align-center.has-nv-text-dark-bg-color.has-text-color.has-link-color.has-medium-font-size.wp-elements-0970c1ee5ebd71fecb0555a975f23ed6 {
    color: #FFFFFF !important;
}