/* FIXES */

body {width: 100%;} /* [mtn] "fixed" positioning weird right margin fix */

/* HEADER/FOOTER */

	/* Campus-like Footer (Decorator 5) */
	#hc-footer {
		font: normal normal normal 14.4px/1.7 Roboto, sans-serif;
		background-color: #006a96;
		padding: 20px 0;
		color: #fff;
		margin: 0;
	}
	
	#hc-footer .footer-links {
		list-style: none;
		margin: .5em 0 0;
		padding: 0;
	}
	
	#hc-footer .footer-links > li {
		display: inline;
		margin-left: 0;
		margin-right: .5em;
		padding-right: .75em;
		border-right: 1px solid #fff;
	}
	
	#hc-footer .footer-links > li:last-child {
		border-right: none;
	}
	
	#hc-footer .footer-links > li a {
		color: #fff;
		text-decoration: underline;
	}
	
	#hc-footer .footer-logo {
		width: 158px;
		height: 30px;
		float: right;
	}
	
	#hc-footer .img-responsive {
		display: block;
		max-width: 100%;
		height: auto;
	}
	
	/* Campus-like Header (Decorator 5) */
	#hc-header {
		font: normal normal normal 16px/1.7 Roboto, sans-serif;
		padding: 0;
	}
	
	#hc-header .layout-title {
		box-sizing: border-box;
		width: 100%;
		background: #fff;
		padding: 23px 0;
	}
	
	#hc-header .layout-container {
		max-width: 1200px;
		margin: 0 auto;
		display: flex;
		align-items: center;
		padding-right: 0;
		padding-left: 0;
	}
	
	#hc-header .title-header {
		width: 50%;
		color: #000;
		font-size: 21.6px;
		letter-spacing: 1px;
		text-decoration: none;
		text-transform: uppercase;
	}
	
	#hc-header .title-header:hover {
		color: #666;
		text-decoration: none;
	}
	
	#hc-header .title-logo {
		width: 50%;
		height: 46px;
		overflow: hidden;
	}
	
	#hc-header .title-logo > img {
		float: right;
		width: 225px;
		height: 46px;
	}
	
	#hc-header .w-50 {width: 50%;}

/* TOP_NAV */

	#top-nav {font: 16px/1.2 Roboto,sans-serif;background: #006a96;}
	#top-nav > .container {padding: 0;}
	
	#top-nav ul
	{
		background: #006a96;
		list-style: none;
		margin: 0;
		padding-left: 0;
	}
	
	#top-nav li
	{
		color: #fff;
		background: #006a96;
		display: block;
		float: left;
		position: relative;
		text-decoration: none;
		padding: 15px 0;
	}
		
	#top-nav li a
	{
		color: #fff;
		padding: 15px;
		text-decoration: none;
	}
	
	#top-nav li:hover {background: #004663; cursor: pointer;}
	
	#top-nav ul li ul
	{
		visibility: hidden;
		opacity: 0;
		min-width: 15px;
		position: absolute;
		transition: all 0.5s ease;
		margin-top: 15px;
		left: 0;
		display: none;
		z-index: 999;
	}
	
	#top-nav ul li:hover > ul,
	#top-nav ul li ul:hover {
		visibility: visible;
		opacity: 1;
		display: block;
		border: 1px solid rgba(0,0,0,.15); 
		box-shadow: 0 6px 12px rgba(0,0,0,.175); 
		background-clip: padding-box;
	}
	
	#top-nav ul li ul li
	{
		background: #004663;
		font-size: 14px;
		clear: both;
		padding: 0;
		width: 100%;
	}

	#top-nav ul li ul li a
	{
		padding: 6px 20px;
		white-space: nowrap;
		display: block;
	}

	#top-nav ul li ul li a:hover
	{
		color: #262626;
		background-color: #f5f5f5;
	}

	#top-nav .tn-caret
	{
		font-size: 10px;
		transform: scale(1.1, 0.5) translateY(-1px);
		display: inline-block;
		margin-left: 5.5px;
	}

/* MOBILE TOP-NAV */

/*	#mtn-main-content {transition: margin-left .5s;} */
	#mtn-overlay {height: 100%; width: 0; position: fixed; z-index: 99998; top: 0; left: 0; overflow-y: auto; overflow-x: hidden; text-align: center; opacity:0; transition: opacity 1s;}
	#mtn-side-nav {height: 100%; width: 0; position: fixed; z-index: 99999; top: 0; left: 0; overflow-x: hidden; transition: 0.5s; border-right: 1px solid #e7e7e7;}

	#mtn-control
	{
		display: none;
		background: #006a96;
		padding: 15px;
		font: normal normal normal 16px/1.7 Roboto, sans-serif;
	}

	#mtn-control button
	{
		border: none;
		background: #006a96;
		color: #fff;
	}

	#mtn-control .mtn-logo
	{
		display: none;
    width: 158px;
    height: 30px;
    float: right;
	}

	#mtn-side-nav
	{
		font: 16px/1.2 Roboto,sans-serif;
		background: #f8f8f8;
	}
	
	#mtn-side-nav ul
	{
		display: flex;
		flex-direction: column;
		list-style: none;
		margin: 0;
		padding: 0;		
	}
	
	#mtn-side-nav > ul
	{
		margin: 15px 0 15px 0;
		border-top: 1px solid #bdbdbd;
		border-bottom: 1px solid #bdbdbd;
	}

	#mtn-side-nav li
	{
		display: block;
		margin: 0;
		padding: 0;
	}

	#mtn-side-nav li a
	{
		display: block;
		color: #006a96;
		text-decoration: none;
		border-bottom: 1px solid #ccc;
		white-space: nowrap;
	}

	#mtn-side-nav ul > li > a
	{
		font-size: 16px;
		background: #e7e7e7;
		padding: 10px 15px 10px 15px;
	}

	#mtn-side-nav ul > li > ul > li > a
	{
		font-size: 14px;
		background: #fff;
		padding: 10px 20px 10px 30px;
	}

	#mtn-side-nav .tn-caret
	{
		font-size: 10px;
		transform: scale(1.1, 0.5) translateY(-1px);
		display: inline-block;
		margin-left: 5.5px;
		color: #777;
	}

/* HEADER/FOOTER RESPONSIVE */

	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1199px) {}

	/* Medium Devices, Desktops */
	@media only screen and (max-width : 991px)
	{
		/* Top-nav */
		#top-nav ul {display: flex; flex-wrap: wrap;}
		#top-nav li a {font-family: 'Roboto Condensed', sans-serif; padding: 10px;}
		#top-nav ul li ul {display: none;}
		#top-nav ul li:hover > ul, #top-nav ul li ul:hover {display: none;}
		#top-nav .tn-caret {display: none;}
	}

	/* Small Devices, Tablets */
	@media only screen and (max-width : 767px)
	{
		/* Top-nav  */
		#top-nav {display: none;}
		#mtn-control {display: block;}
		/* Header */
		#hc-header .layout-container {flex-direction: column-reverse;}
		#hc-header .w-50 {width: 100%;}
		#hc-header .title-logo > img {float: none;}
		#hc-header .layout-title {padding: 15px;}
		/* Footer  */
		#hc-footer .footer-logo {float: none; margin-top: 15px}
	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (max-width : 479px)
	{
		/* Top-nav */
		#mtn-control .mtn-logo {display: block;}
		#hc-header .title-logo {display: none;}
	}