#sidebar {width: 300px;position: fixed;top: 0;left: -300px;height: 100vh;z-index: 999;background: #25292B;color: #ffffff;transition: all 0.3s;overflow-y: scroll;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);padding-bottom: 80px;}

.nav li a {padding: 0px 0px 5px 15px;font-size: 1.30em;display: block;color: #ffffff;}
.nav li a:hover {color: #ffffff;background: #25292B;}
.nav li .icon {margin-right:20px;}
.nav li li a {padding: 4px 0px;color: #ffffff;font-size: 1.10em;padding-left: 20px;}
.overlay {position: fixed;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.4);z-index: 998;display: none;}
#sidebar.active {left: 0;}
#sidebar .sidebar-header {padding: 20px;}
.nav ul li.active > a, a[aria-expanded="true"] {color: #fff;background: #25292B;}


.social {margin-left: 9px;}
.social .titre {color:#ffffff;display: block;font-size: 0.90em;text-transform: uppercase;margin-bottom: 15px;font-family: "myriad-pro-condensed",sans-serif;font-weight: 700;}
.social li {display: inline;margin-right:10px;}
.social li a {border-radius: 2px;border: 1px solid #3b3f41;padding: 10px;}
.social li a:hover {background-color: #3b3f41;}