/***** FOOTER STYLES ********/

.pre-footer{
    display: flex;
    flex-direction: column;
    padding: var(--mobile-spacer) var(--mobile-gutter);
    background-color: var(--text-carbon);
    color: #fff;
}

@media screen and (min-width: 768px) {
    .pre-footer{
        padding: var(--desktop-spacer) var(--desktop-gutter);
    }
}

@media screen and (min-width: 1028px) {
    .pre-footer{
        flex-direction: row;
    }
}

.pre-footer .footer-social-menu {
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
}

.pre-footer .footer-social-menu li{
    list-style: none;
    padding: 0;
    margin-right: 1rem;
}

.pre-footer a{
    color: #fff;
}

.pre-footer a:hover{
    color: var(--text-bright-blue);
}

.pre-footer .about, .pre-footer .about p{
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.pre-footer .about b{
    font-weight: 500 !important;
}

.pre-footer .about a{
    text-decoration: underline;
}

.pre-footer .about > *:last-child{
    margin-bottom: 0;
}

.pre-footer .social{
   
    display: flex;
    flex-direction: column;
    align-items: flex-start;
   
    padding-bottom: var(--mobile-spacer)
}

@media screen and (min-width: 768px) {
    .pre-footer .social{
        min-width: 380px;
    }

}

@media screen and (min-width: 1028px) {
    .pre-footer .social{
        padding-right: 3rem;
    }
}

.pre-footer .social h3{
    font-family: "IntelOne";
    font-size: 32px;
    font-style: normal;
    font-weight: 300 !important;
    line-height: 38px;
}

.pre-footer .social a{
    font-size: 24px;
}

.site-footer {
    padding: var(--mobile-spacer) var(--mobile-gutter);
    color: #000;
    background: var(--color-neutral-carbon-tint);
}

@media screen and (min-width: 768px) {
    .site-footer{
        padding: var(--desktop-spacer) var(--desktop-gutter);
    }
}

.site-footer a,
.site-footer a:hover,
.site-footer a:visited,
.site-footer a:active,
.site-footer a:focus {
    color: #000 !important;
}

.site-footer-content{
    display: flex;
    flex-direction: column-reverse;
}

@media screen and (min-width: 768px) {
    .site-footer-content{
        flex-direction: row;
    }
}

.site-footer-content > .footer-logo{
    width: 300px;
    display: flex;
    align-items: center;
    padding-right: 5rem;
}

.site-footer-content svg{
    width: 100px;
}

.footer-tagline {
    border-bottom: none;
    width: 100%;
    font-size: 1.2rem;
}

@media (max-width: 1000px) {
    .footer-tagline {
        margin-top: 0;
    }
}

.footer-navigation.primary {
    margin-bottom: 1.5rem;
}

.footer-navigation.social {
    margin-bottom: 2rem;
}

.footer-navigation.social a{
    font-size: 20px;
    margin-right: 1rem;
}

.footer-navigation .menu{
    display: flex;
    flex-direction: column;
}

.footer-navigation .menu li{
    margin-bottom: .5rem;
}

.footer-navigation .menu a{
    white-space: nowrap
}

@media screen and (min-width: 768px) {
    
    .footer-navigation .menu{
        flex-direction: row;
        flex-wrap: wrap;
    }
}

.site-info .footer-menu {
    display: flex;
    width: 100%;
    flex-direction: row;
    white-space: nowrap;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.site-info .footer-menu li{
    padding:0 ;
    margin: 0;
    font-size: 12px;
    line-height: 17px;
    font-weight: normal;
    margin-bottom: .5rem;
    width: calc(50%);
}

.site-info .footer-menu li:first-of-type{
    border-left: none;
    padding-left: 0;
}

@media screen and (min-width: 768px) {
    .site-info .footer-menu li{
        padding-left: 1rem;
        margin-right: 1rem;
        width: unset;
        border-left: 1px solid #000;
    }
    
}

.footer-copy{
    font-size: 12px;
    line-height: 17px;
    font-weight: normal;
    margin-bottom: 2rem;
}

@media screen and (min-width: 768px) {
    .footer-copy {
        margin-bottom: 0;
    }
}