/* Document Styles */
#footer *{
    box-sizing: border-box;
}

/* Typography */
body #footer h3{
    font-size:18px;
    font-weight:600;
    color:white;
    position:relative;
}

body #footer h4{
    font-size:16px;
    font-weight:600;
    color:white;
    margin:0;
}

body #footer h5,
body #footer p{
    font-size:14px;
    font-weight:300;
    color:white;
}

body #footer p{
    padding:0;
    margin:0;
}

body #footer a{
    color:white;
}

/* Colors */
.footer__subheader--green{
    color:#6abf4b;
}

/* Footer */
#footer{
    background-color:#222223;
    color:white;
    padding:25px 0 10px;
    font-size:14px;
}

.footer__wrapper{
    margin:0 10px 0;
}

body #footer .footer__title::after{
    content:'';
    display:block;
    height:1px;
    width:90%;
    background-color:#6abf4b;
    position:absolute;
    bottom:-7px;
    left:0;
}

.footer__content--left,
.footer__item{
    width:300px;
    padding:25px 10px 10px;
}

.footer__content--left{
    height:370px;
}

/* Contact Info */
.footer__content--contact{
    height:calc(100% - 35px);
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    margin:15px 0 0;
}

.footer__emails{
    height:137px;
    line-height:19px;
    display:flex;
    flex-direction:column;
    justify-content: space-between;
}

/* Internal Links */
.footer_content--right{
    display:flex;
    flex-direction:column;
    justify-content: space-between;
}

.footer__item--content{
    display:flex;
    flex-wrap:wrap;
    line-height:25px;
}

.footer__item--content:first-of-type{
    margin:15px 0 0;
}

.footer__item--content a{
    width:100%;
}

/* Social Media */
.footer__item--socialMedia{
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: center;
    padding:10px;
}

.footer__socialMedia--title{
    width:100%;
    text-align: center;
    margin:0 0 10px;
}

#footer img{
    max-width:30px;
    max-height:30px;
    margin:0 10px 0;
}

/* Legal Copy */
.footer__content--legal{
    display:flex;
    flex-wrap:wrap;
    align-items: center;
    justify-content: center;
    margin:10px 0 0;
}

.footer__content--legal a{
    position:relative;
    font-size:14px;
    width:33%;
    text-align:center;
}

.footer__content--legal a::after{
    content:'';
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    height:30px;
    width:1px;
    background-color:#6abf4b;
}

.footer__content--legal a:nth-of-type(3)::after{
    height:0;
    width:0;
}

body #footer .footer__content--legal p > a::after{
    height:0;
    width:0;
}

.footer__content--legal p{
    width:100%;
    text-align: center;
}

body #footer .footer__content--legal p > a{
    color:#6abf4b;
}

/* Tablet */
@media screen and (min-width:768px){
    /* Footer */
    #footer{
        background-color:#222223;
        color:white;
        padding:25px 0 10px;
    }

    .footer__wrapper{
        display:flex;
        flex-wrap:wrap;
        justify-content: space-between;
    }

    .footer__content--left,
    .footer__item{
        padding:25px 0 0 10px;
    }

    .footer__item{
        width:200px;
    }

    .footer__item:nth-of-type(3){
        height:137px;
    }

    .footer__item:nth-of-type(3),
    .footer__item:nth-of-type(4){
        width:100%;
    }

    .footer__item:nth-of-type(3) a{
        width:50%;
    }

    /* Internal Links */
    .footer_content--right{
        width:430px;
        flex-direction:row;
        flex-wrap:wrap;
    }

    /* Social Media */
    .footer__socialMedia--title{
        width:37%;
        margin:0;
    }

    #footer img{
        margin:0 0 0 10px;
    }

    /* Legal Copy */
    .footer__content--legal{
        line-height:19px;
    }

    .footer__content--legal a{
        width:20%;
    }

    .footer__content--legal a:nth-of-type(1){
        width:16%;
    }

    .footer__content--legal a:nth-of-type(3){
        width:11%;
    }

    .footer__content--legal a::after{
        height:18px;
        right:-1px;
    }
}

/* Desktop */
@media screen and (min-width:1024px){
    /* Footer */
    #footer{
        height:450px;
    }
    
    #footer .footer__wrapper{
        width:980px;
        height:100%;
        margin:0 auto;
    }

    .footer__content--left,
    .footer__item{
        padding:25px 0 0 0;
    }

    .footer__content--left{
        width:290px;
        height:360px;
        margin-right:10px;
    }

    .footer__item{
        width:218px;
        height:300px;
    }

    .footer__item:nth-of-type(3){
        width:218px;
        height:300px;
    }

    /* Internal Links */
    .footer_content--right{
        width:672px;
    }

    .footer__item:nth-of-type(3) a{
        width:100%;
    }

    /* Social Media */
    .footer__item--socialMedia{
        height:initial;
        justify-content: flex-end;
    }

    .footer__socialMedia--title{
        text-align:right;
    }

    /* Legal Copy */
    .footer__content--legal{
        width:100%;
        line-height:23px;
        margin:0;
    }

    .footer__content--legal a{
        width:auto;
        padding:0 20px;
    }

    .footer__content--legal a:nth-of-type(1){
        width:auto;
    }

    .footer__content--legal a:nth-of-type(3){
        width:auto;
    }

    .footer__content--legal a:nth-of-type(3)::after{
        height:18px;
        width:1px;
    }

    .footer__content--legal p > a{
        padding:0;
    }

    #footer .footer__content--legal p{
        width:initial;
        margin-left:20px;
    }
}