/* Side bar styles */
.sidebar { height: 100%; width: 0; position: fixed; z-index: 100; top: 0; left: 0; background-color: #fafafa; overflow-x: hidden; transition: 0.5s; padding-top: 90px; 	            box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);overflow: hidden;}
.sidebar ul {padding:0px;}
.sidebar ul li {display: inline-block;list-style: none; margin-right:15px;}
.sidebar a { text-decoration: none;color:#414141;}
.sidebar a:active { color:#76bed0;}
 a:after { display:block; content: ''; border-bottom: solid 2px #76bed0;  transform: scaleX(0);  transition: transform 250ms ease-in-out;padding-bottom: 1px;}
.sidebar ul li a:hover:after { transform: scaleX(1);}
.sidebar ul li a:hover {color: #76bed0;}
.sidebar.active {width:60%; transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665); transform-origin: bottom left;overflow:scroll; }
.sidebar.active ul {padding-left: 15px;animation: fadein 3s; -moz-animation: fadein 3s; /* Firefox */ -webkit-animation: fadein 3s; /* Safari and Chrome */-o-animation: fadein 3s; /* Opera */}
#content { padding:25px; }
#about h2, #about p, #contact h2, #contact p {animation: fadein 3s; -moz-animation: fadein 3s; /* Firefox */ -webkit-animation: fadein 3s; /* Safari and Chrome */-o-animation: fadein 3s; /* Opera */ }
#about h2, #contact h2 { color:#76bed0;}
#resume8 p{margin: 0px;}
.adobe-list {margin-left:10px!important;}
.adobe-list:before {
    content: "-";
    margin-right:5px;
    
}

/* Menu button styles */
.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}
#sidebarCollapse {
    width: 40px;
    height: 40px;
    background: #fafafa;
    cursor: pointer;
}

#sidebarCollapse span {
    /*width: 80%;*/
    height: 2px;
    margin: 5px auto;
    display: block;
    background: #247ba0;
}

 #sidebarCollapse span:first-of-type,
 #sidebarCollapse span:nth-of-type(2),
 #sidebarCollapse span:last-of-type {
        transform: none;
        opacity: 1;
        margin: 5px auto;
    }
 #sidebarCollapse.active span {
        margin: 0 auto;
	  	transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
    	transition-delay: 0.2s;
    }
 #sidebarCollapse.active span:first-of-type {
        transform: rotate(45deg) translate(2px, 2px);
    }
 #sidebarCollapse.active span:nth-of-type(2) {
        opacity: 0;
    }
 #sidebarCollapse.active span:last-of-type {
        transform: rotate(-45deg) translate(1px, -1px);
    }