/* keep footer at bottom */
body.page, #page.site{
    min-height:100vh;
}
body.page{
    margin-bottom:0;
}
main#primary{
    flex:1;
}


.site-footer{
    background-color:black;
    border-color:#dfc690;
    border-style:solid;
    border-width:1px 0 0 0;
}
.site-footer > .site-info{
    display: grid;
    grid-template-columns: 10px auto 10px;
    grid-template-rows: repeat(3, auto);
    grid-row-start:3;
    grid_row-end:4;
}

.site-footer > .site-info > .footer-left{
    grid-column-start: 2;
    grid-column-end: 3;
}
.site-footer > .site-info > .footer-social-icons{
    grid-column-start: 2;
    grid-column-end: 3;
    overflow:hidden;
    grid-row-start:2;
    grid_row-end:3;
}
.site-footer > .site-info > .footer-menu{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start:1;
    grid_row-end:2;
}

.site-icon-footer img{
    width:45px;
    margin-top:40%;
}
.site-footer .footer-left{
    display:flex;
    flex-flow:row wrap;
    margin-top:30px;
    margin-bottom:30px;
    padding: 10px;
    font-size:.8em;
    font-family:"Roboto Slab", Sans-serif;
}
.site-footer .footer-left div{
    margin:10px;
}
.site-footer .footer-left p,
.site-footer .footer-left a{
    color:white;
    font-family:"Roboto Slab", Sans-serif;
}

.site-footer .menu-item a, .site-footer .menu-item a:visited{
    color:white;
}

.footer-social-icons .menu-social-media-links-container{
    position:initial;
    min-width:fit-content;
    border: 7px double rgba(0,0,0,0);
    border-top:7px #dfc690 double;
    border-bottom:7px #dfc690 double;
}
.footer-social-icons .menu-social-media-links-container .menu{
    display:grid;
    margin:5px auto 5px auto;
    max-width:fit-content;
    padding:0;
    grid-template-columns: repeat(9, 43px [col-start]);
    list-style-type: none;
}
.footer-social-icons .menu-social-media-links-container .menu-item{
    position:relative;
    height:40px;
    width:40px;
    border-style:solid;
    border-color:#444;
    border-width:1px;
    border-radius:2px;
}
.footer-social-icons .menu-social-media-links-container .menu-item a{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    font-size:24px;
}
.footer-social-icons .menu-social-media-links-container .menu-item.blank-item a{
    visibility:hidden
}

.footer-social-icons .menu-social-media-links-container .menu-item a::before{
    display: inline-block;
    position:relative;
}

/** 
* Social Media Icons 
*/
.menu-social-media-links-container .menu-item a,
.menu-social-media-links-container .menu-item a:visited
{
    color:white;
}

.menu-item.fa-twitter::before{content:'';}
.menu-item.fa-twitter a{visibility: hidden;}
.menu-item.fa-twitter a::before{
    content:'\f099';
    visibility:visible;
}
.menu-item.fa-twitter a:hover{
    color:#1DA1F2;
}
.menu-item.fa-facebook-square::before{content:'';}
.menu-item.fa-facebook-square a{visibility: hidden;/* margin: auto; */}
.menu-item.fa-facebook-square a::before{
    content:'\f082';
    visibility:visible;
}
.menu-item.fa-facebook-square a:hover{
    color:#4267B2;
}
.menu-item.fa-youtube::before{content:'';}
.menu-item.fa-youtube a{visibility: hidden;}
.menu-item.fa-youtube a::before{
    content:'\f167';
    visibility:visible;
}
.menu-item.fa-youtube a:hover{
    color:#FF0000;
}
.menu-item.fa-vimeo::before{content:'';}
.menu-item.fa-vimeo a{visibility: hidden;}
.menu-item.fa-vimeo a::before{
    content:'\f40a';
    visibility:visible;
}
.menu-item.fa-vimeo a:hover{
    color:#19B7EA;
}
.menu-item.fa-linkedin::before{content:'';}
.menu-item.fa-linkedin a{visibility: hidden;}
.menu-item.fa-linkedin a::before{
    content:'\f08c';
    visibility:visible;
}
.menu-item.fa-linkedin a:hover{
    color:#0e76a8;
}

.footer-menu{
    display: flex;
flex-direction: column;
justify-content: center;
}

.menu-footer-container .menu{
    display: flex;
    flex-flow:row wrap;
    justify-content:space-evenly;
    align-item:center;
    height:100%;

    margin:0;
    padding:0;

    list-style-type: none;

}
.menu-footer-container .menu .menu-item{
    margin:20px;
}
.menu-footer-container .menu .menu-item a{
    font-size:1.5em;
    font-family: "Roboto Slab";
    text-transform:uppercase;
    text-decoration:none;
}
.footer-menu .menu-item.special{
    color:#dfc690;
}

@media only screen and (min-width: 768px){
    .site-footer > .site-info{
        display: grid;
        grid-template-columns: 250px 300px auto;
    }

    .site-footer > .site-info > .footer-left{
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start:1;
        grid_row-end:2;
    }
    .site-footer > .site-info > .footer-social-icons{
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start:1;
        grid_row-end:2;
        overflow:hidden;
    }
    .site-footer > .site-info > .footer-menu{
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row-start:1;
        grid_row-end:2;
    }

    .site-footer .footer-left{
        margin-left:50px;
        padding:0;
    }
    .site-footer .footer-left div{
        margin:0px;
    }
    .site-icon-footer img{
        margin-top:0;
    }

    .footer-social-icons .menu-social-media-links-container{
        position:relative;
        top:40%;
        left:-30px;
        transform: rotate(45deg);
        border-top:none;
    }
    .footer-social-icons .menu-social-media-links-container .menu-item a::before{
        transform: rotate(-45deg);
    }
}