.active {
  background-color:black;
	color:white;
	font-weight:700;
}

.sidemenu .active{
	color:white;
}

#sidelogo:hover{cursor:pointer;}

.gradsubmenu a{margin-left:10px;}
.undersubmenu a{margin-left:10px;}
.profsubmenu a{margin-left:10px;}
.sidesubmenu a{margin-left:10px;}


.homebase{
	margin-bottom:400px;
	/*height:95vh;*/
}

.homebasecontent{
	text-align:center;
}

.landinglogo{
	margin-bottom:10px;
}

.landinglogo img{
	width:200px;
}

.landingmenu{
	margin-top:10px;
}

.landingmenuitem{
	font-size:9pt;
	padding:15px;
	background-color:#eee;
	margin-bottom:1px;
	cursor:pointer;
}

.landingmenu :hover{
	background-color:#ddd;
}

.landingsubmenuitem{
	font-size:9pt;
	padding:10px;
	background-color:#ddd;
	margin-bottom:1px;
	cursor:pointer;
}

.landinggradsubmenuitem{
	font-size:9pt;
	padding:10px;
	background-color:#ccc;
	margin-bottom:1px;
	cursor:pointer;
	display:none;
}

.togglearrow{
	width:50px;
	float:right;
	margin-left:-50px;
	margin-top:-10px;
	margin-bottom:-10px;
	height:37px;
	line-height:30pt;
}

.menu{
	font-size:7pt;
}

.topmenuitem{
	font-size:9pt;
	font-weight:900;
}

.selected{
	background-color:#ddd;
}

.workpage{
	margin-bottom:25px;
}

.projecttitle{
	padding-left:0px;
}

.projectcover{
	padding:0px;
	margin-bottom:25px;
}

.projectcover img{
	width:100%;
}

.projectdescription{
	font-size:9pt;
	margin-bottom:20px;
}

.projectdescription b{
	font-size:10pt;
}

.projectdescription .courseinfo{
	font-size:8pt;
}

.projectimg img{
	width:100%;
	padding-bottom:20px;
}

/*---COVER SECTION--*/
.coversection{
	text-align:center;
	padding:0px;
	margin:20px 0px 20px 0px;
}

.coversection .columns{
	padding:0px;
	margin:0px;
}

.coverline{
	padding:0px;
	margin:0px;
}

.coverline hr{
	padding-top:5px;
}

.coversection img{
	width:50px;
}

.covertitle{
	padding:0px;
}

.covertitle h3{
	padding:10px 0px 0px 0px;
	font-weight:700;
	font-size:7pt;
}

.menu a{
	color: black;
}

.menu a:hover{
	font-weight:900;
}

.menu .active{
	color:white;
}

.hamburguer{
	padding:10px;
	font-size:25pt;
	background-color:#f2f2f2;
	color:black;
}

.hamburguer:hover{
	background-color:black;
	color:white;
}

.altmenu{
	margin-top:15px;
}

.altmenu a{
	padding:10px;
	font-size:9pt;
	text-decoration: underline;
	color:black;
}

.altmenu a:hover{
	font-weight:900;
	background-color:#f2f2f2;
	text-decoration: none;
}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom:10px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.move-right .exit-off-canvas, .move-left .exit-off-canvas { box-shadow:none; }


/* Small only */
@media screen and (max-width: 39.9375em) {
	
}

/* Medium and up */
@media screen and (min-width: 40em) {
	
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.projectdescription .sticky{padding-top:50px;}
}

/* Large and up */
@media screen and (min-width: 64em) {
	.position-left.reveal-for-large ~ .off-canvas-content {margin-left: 150px;}
}



/*YOUTUBE EMBEDS*/
.youtube {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
}
.youtube img {
    width: 100%;
    top: -16.84%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img,
.youtube .play-button {
    cursor: pointer;
}
.youtube img,
.youtube iframe,
.youtube .play-button,
.youtube .play-button:before {
    position: absolute;
}
.youtube .play-button,
.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0 );
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}


