@charset "utf-8";
/* TABLE OF CONTENTS */
/*Slideout Menu*/
/*Global Nav*/
/*Main Nav*/
/*Main Content*/
/*Footer*/
/*Text Over Image*/
/*Bootstrap Carousel Fade Transition*/
/*Bootstrap XL Grid*/
/* Slideout Menu CSS Document */
 #slide-nav.slide-active {
	 overflow: visible;
}
/*first child of #page-content so it doesn't shift around*/
 .no-margin-top {
	 margin-top: 0px!important 
}
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
 #page-content {
	 position: relative;
	 padding-top: 70px;
	 left: 0;
}
 #page-content.slide-active {
	 padding-top: 0 
}
 .navbar.navbar-home {
	 background-color: #c8102e;
	 border-radius: 0px;
	 border-width: 0px;
	 margin-bottom: 0;
}
/* put toggle bars on the left :: not using button */
 #slide-nav .navbar-toggle {
	 cursor: pointer;
	 position: relative;
	 line-height: 0;
	 float: right;
	 margin: 0;
	 width: 30px;
	 height: 40px;
	 padding: 10px 0 0 0;
	 border: 0;
	 background: transparent;
}
/* icon bar prettyup - optional */
 #slide-nav .navbar-toggle > .icon-bar {
	 width: 100%;
	 display: block;
	 height: 3px;
	 margin: 5px 0 0 0;
	 background: #ffffff;
}
 .navbar-default#slide-nav .navbar-toggle > .icon-bar {
	 width: 100%;
	 display: block;
	 height: 3px;
	 margin: 5px 0 0 0;
	 background: #000000;
}
 .navbar-default#slide-nav .navbar-toggle.slide-active .icon-bar {
	 background: #000;
}
 .navbar-default #slide-nav .navbar-toggle.slide-active .icon-bar {
	 background: #000;
}
 .navbar-header {
	 position: relative 
}
/* un fix the navbar when active so that all the menu items are accessible */
 .navbar.navbar-fixed-top.slide-active {
	 position: relative 
}
 #slide-nav .navbar-form {
	 position: absolute;
	 right: 43px;
	/* 38px*/
	 top:-40px;
	 padding: 0px 10px;
	 background-color:#8f0c21;
}
 #slide-nav .navbar-form .form-control {
	 display: block;
	 width: 130px;
	 height: 31px;
	 color: #000000;
	 padding: 0px 5px;
	 font-size: 12px;
	 line-height: 1.42857143;
	 text-align: left;
	 font-weight: 600;
	 background-color: transparent;
	 background-color: #8f0c21;
	 background-image: none;
	 border: 0px solid #ccc;
	 border-radius: 0px;
}
 #slide-nav .navbar-form .form-control:focus {
	 color: #0000000!important;
	 text-decoration: none;
	 background-color: #ffffff; 
}

 #slide-nav .navbar-form .form-control:focus::placeholder {
	 color: #0000000!important;
	 background-color: #ffffff; 
}
 #slide-nav .navbar-form .btn {
	 width: 20px;
	 background-color: transparent;
	 background-color: #8f0c21;
	 padding: 5px 3px 3px;
	 color: #fff;
	 font-size: 14px;
}
 #slide-nav .navbar-form .btn:hover {
	 color: #fff;
	 text-decoration: none;
	 /*border-left: 1px solid #fff;*/
	 /*border-right: 1px solid #fff;*/
}
 #slide-nav .navbar-form .btn:active, #slide-nav .navbar-form .btn:focus {
	 color: #000000!important;
	 text-decoration: none;
	 background-color: #ffffff;
	 /*border-left: 0px solid #fff;*/
	 /*border-right: 0px solid #fff;*/
}
 #slide-nav .navbar-form .form-control::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	 color: #fff;
	 opacity: 1;
	/* Firefox */
}
 #slide-nav .navbar-form .form-control::-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	 color: #fff;
}
 #slide-nav .navbar-form .form-control:focus::placeholder{
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	 color: #000000!important;
	 opacity: 1;
	/* Firefox */
}
 #slide-nav .navbar-form .form-control:focus::-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	 color: #000000!important;
}
 #slide-nav ul.nav.navbar-nav.navbar-right{
	 position: absolute;
	 bottom:0px;
	 right:15px;
	 font-size: 18px;
}
 @media (max-width:767px) {
     #slide-nav {
        overflow: hidden;
    }
	 #slide-nav .container {
		 margin: 0!important;
		 padding: 0!important;
		 height:100%;
	}
	 #slide-nav .navbar-header {
		 margin: 0 auto;
		 padding: 0 0;
	}
	 #slide-nav .navbar.slide-active {
		 position: relative;
		/*position: absolute;
		*/
		 width: 80%;
		 top: -1px;
		 z-index: 1000;
	}
	 #slide-nav #slidemenu {
		 background: rgba(0,0,0,.8);
		 right: -100%;
		 width: 85%;
		 min-width: 0;
		 position: absolute;
		 padding-left: 38px;
		 z-index: 2;
		 top: 0px;
		 margin: 0;
		 padding-right: 23px;
	}
	 #slide-nav #slidemenu .navbar-nav {
		 position:static;
		 min-width: 0;
		 width: 100%;
		 margin: 76px 0 0 -15px;
	}
	 #slide-nav ul.nav.navbar-nav.navbar-right {
		 position: absolute;
		 bottom: 0px;
		 right: 15px;
		 font-size: 14px;
	}
	 #slide-nav #slidemenu .navbar.global .navbar-nav {
		 position: relative;
		 background-color:#8f0c21;
		 min-width: 0;
		 right: 0px;
		/* width: 160%;
		*/
		 top: 0px;
		 margin: 10px 0px 0px -23px;
		 padding-left: 20px;
	}
	 .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
		 color: #ffffff;
		 background-color: #c8102e;
	}
	 #slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
		 min-width: 0;
		 width: 100%;
		 white-space: normal;
	}
	 #slide-nav #slidemenu .navbar-nav>li>a {
		 color:#ffffff;
	}
	 #slide-nav #slidemenu .navbar-nav .open .dropdown-menu {
		 font-size: inherit;
	}
	 #slide-nav #slidemenu .navbar-nav .open .dropdown-menu>li>a {
		 color: #ffffff;
	}
	 #slide-nav {
		 border-top: 0 
	}
	 #slide-nav.navbar-inverse #slidemenu, #slide-nav.navbar-default #slidemenu{
		 background: #c8102e;
	}
	 #slide-nav #slidemenu > ol.breadcrumb{
		 display:none;
	}
	/* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
	 #navbar-height-col {
		 position: fixed;
		 top: 0;
		 height: 100%;
		 bottom:0;
		 width: 100%;
		 right: -100%;
	}
	 #navbar-height-col.inverse {
		 z-index: 2;
		 border: 0;
	}
	 #slide-nav .navbar-form {
		 position: absolute;
		 left:38px;
		 top:20px;
		 right:21px;
		 width:auto;
		 padding: 0px 0px;
		 background-color:#8f0c21;
		 border-color: #c8102e;
		 margin:0;
	}
	 #slide-nav .navbar-form .form-control {
		 padding:8px 12px 8px 17px;
		 width:auto;
	}
	 #slide-nav .navbar-form .form-group {
		 margin:0;
		 padding:0;
	}
	 #slide-nav .navbar-form .btn {
		 position:absolute;
		 right:22px;
		 top:0px;
		 width: 10px;
		 display: inline-block;
		 padding: 6px 7px 3px;
	}
}
 @media (min-width: 768px) and (max-width: 991px){
	 #page-content {
		 left: 0!important 
	}
	 .navbar.navbar-fixed-top.slide-active {
		 position: fixed;
	}
	 .navbar-header {
		 left: 0!important;
		 height: 100px;
	}
	 #slide-nav ul.nav.navbar-nav.navbar-right{
		 position: absolute;
		 bottom:0px;
		 right:15px;
		 font-size: 15px;
	}
}
@media (min-width: 768px) {
    .navbar-header {
      right: unset !important;
    }
}
/*Global Menu Styles*/
 body.marketing-template-body-wrapper {
	 margin-top: 119px;
}
 nav.navbar.navbar-global {
	 background-color:#c8102e;
	 border-radius:0px;
	 border-width:0px;
	 margin-bottom: 0;
	 min-height: inherit;
	 padding-top: 0px;
	/*z-index:1029;
	*/
}
 nav.navbar.navbar-global .navbar-nav>li:first-child{
	 margin-left: 27px;
}
 nav.navbar.navbar-global .navbar-nav.global.navbar-right>li{
	 margin-top: 27px;
}
 nav.navbar.navbar-global .navbar-nav>li>a {
	 padding-top: 12px;
	 padding-bottom: 2px;
	 line-height: 1;
	 color:#fff;
	 font-size: 12px;
	 font-family: inherit;
	 font-weight: 300;
	 padding-left: 6px;
	 padding-right: 6px;
}
 nav.navbar.navbar-global .nav>li>a {
	 position: relative;
	 display: block;
	 padding: 10px 6px;
}
 nav.navbar.navbar-global .nav.navbar-nav.navbar-right {
	 position:relative;
	 display: block;
	 right:245px;
}
 .dropdown-menu>li>a:hover, .dropdown-menu>li>a:active, .dropdown-menu>li>a:focus{
	 border-bottom: 0px solid;
}
 nav.navbar.navbar-global .navbar-nav>li>a:hover, nav.navbar.navbar-global .navbar-nav>li>a:active, nav.navbar.navbar-global .navbar-nav>li>a:focus {
	 padding-top: 10px;
	 padding-bottom: 10px;
	 line-height: 1;
	 color:#000;
	 font-size: 12px;
	 font-family: inherit;
	 font-weight: 300;
	 padding-left: 6px;
	 padding-right: 6px;
	 border-bottom: 0px solid;
}
 nav.navbar.navbar-global .navbar-form {
	 padding: 0px 10px;
	 margin-top: 0px;
	 margin-right: 43px;
	 margin-bottom: 0px;
	 margin-left: 10px;
	 background-color:#8f0c21;
	/* border-top: 1px solid transparent;
	 border-bottom: 1px solid transparent;
	 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
	 box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
	 */
}
 nav.navbar.navbar-global .form-control {
	 display: block;
	 width: 150px;
	/* height: 40px;
	*/
	 padding: 0px 10px;
	 font-size: 12px;
	 line-height: 1.42857143;
	 color: #fff;
	 font-weight: 600;
	 background-color: transparent;
	 background-color:#8f0c21;
	 background-image: none;
	 border: 0px solid #ccc;
	 border-radius: 0px;
}
 nav.navbar.navbar-global .form-control::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	 color: #fff;
	 opacity: 1;
	/* Firefox */
}
 nav.navbar.navbar-global .form-control:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	 color: #fff;
}
 nav.navbar.navbar-global .form-control::-ms-input-placeholder {
	/* Microsoft Edge */
	 color: #fff;
}
 form .input-group input:focus {
	 color: #8edd65;
	 border-color: #8edd65;
}
 nav.navbar.navbar-global .btn-default {
	 color: #fff;
	 background-color: transparent;
	 border-color: transparent;
	 border-width:0;
	 padding:0;
}
 @media (max-width: 767px){
	 nav.navbar.navbar-global .navbar-nav.global>li>a {
		/*padding-top: 15px;
		*/
		/*padding-bottom: 15px;
		*/
	}
	 nav.navbar.navbar-global .navbar-form {
		 width: auto;
		 padding-top: 0;
		 padding-bottom: 0;
		 margin-right: 0;
		 margin-left: 0;
		 border: 0;
	}
	 .navbar.global .navbar-nav>.open>a, .navbar.global .navbar-nav>.open>a:focus, .navbar.global .navbar-nav>.open>a:hover {
		 color: #c8102e;
		 background-color: #c8102e;
		 border-bottom:0px solid #c8102e;
	}
}
 @media (min-width: 768px) and (max-width: 991px){
	 nav.navbar.navbar-global .navbar-nav>li:first-child{
		 margin-left: 0px;
	}
	 nav.navbar.navbar-global {
		 background-color: #ae0e28;
	}
	 nav.navbar.navbar-global .nav.navbar-nav.navbar-right {
		 position:absolute;
		 display: block;
		 right:225px;
		 top:0;
	}
	 nav.navbar.navbar-global .navbar-nav.global.navbar-right>li{
		 margin-top: 27px;
	}
	 nav.navbar.navbar-global .navbar-nav>li>a {
		 font-size: 10px;
	}
	 nav.navbar.navbar-global .navbar-nav>li>a:hover, nav.navbar.navbar-global .navbar-nav>li>a:active, nav.navbar.navbar-global .navbar-nav>li>a:focus {
		 font-size: 10px;
	}
	 .navbar-brand>img {
		/* display: block;
		 */
		 float: left;
		 margin-right: 14px;
		 max-width: 40px;
	}
	 #slide-nav .navbar-form .form-control {
		 width: 115px;
	}
}
/*Main Nav Styles*/
 #mainnav li.donate {
	 border-bottom: 0px;
	 font-weight: 700;
	 background-color: #f2f2f2;
}
 #mainnav li.donate a {
	 color: #58595A !important;
}
/*branding typography styles*/
 .navbar-brand {
	 background-image: url(theme-images/niu-shield.svg);
	 background-repeat: no-repeat;
	 background-position: 43px top;
	 background-size: 59px;
	 float: left;
	 height: auto;
	 padding: 24px 0px 43px 47px;
	 margin-top: 10px;
}
 .navbar-brand:before {
	 content: "Northern Illinois University";
	 font-size: 11px;
	 text-transform: uppercase;
	 font-family: 'LucidaBri-Dem', serif;
	 letter-spacing: 1.5px;
	 margin-left: 70px;
	 color: #000;
}
.navbar-brand h1, .navbar-brand .tagline_holder {
	 color: #000;
	 font-size: 23px;
	 margin: 0px 0 0 70px;
	 font-family: 'LucidaBri-Dem', serif;
	 line-height: 1.25;
}
 span.tagline {
	 font-size: 16px;
	 font-family: 'LucidaBri-DemIta', serif;
	 font-weight: 300;
	 color: #c8102e;
	 display: block;
}
.navbar.navbar-inverse .navbar-brand span.tagline, .navbar.navbar-home .navbar-brand span.tagline, 
    .navbar.navbar-inverse .navbar-brand h1, .navbar.navbar-home .navbar-brand h1, 
    .navbar.navbar-inverse .navbar-brand:before, .navbar.navbar-inverse .navbar-brand span.niu-text, 
    .navbar.navbar-home .navbar-brand span.niu-text, .navbar.navbar-inverse .navbar-brand .tagline_holder,
    .navbar.navbar-home .navbar-brand .tagline_holder {
	 color:#fff;
}
 #searchNIU::-ms-input-placeholder{
	 color: #FFF !important;
}
 .navbar.navbar-inverse .navbar-brand span.tagline{
	 font-size: 16px;
	 font-family: 'LucidaBri-DemIta', serif;
	 font-weight: 300;
	 color: #c8102e;
	 display: block;
}
 .navbar-brand-root {
	 background-image: none;
	 padding: 11px 0px 32px 43px;
	 margin-top: 10px;
}
 .navbar-default .navbar-nav>li>a {
	 color: #58595A;
	 border-bottom: 0px;
}
 .navbar-inverse .navbar-nav>li>a, .navbar.navbar-home .navbar-nav>li>a {
	 color: #fff;
	 border-bottom: 0px;
	 background-color: transparent;
}
 .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover, .navbar.navbar-home .navbar-nav>li>a:focus, .navbar.navbar-home .navbar-nav>li>a:hover {
	 color: #fff;
	 background-color: transparent;
	 border-bottom:0px solid;
}
 .dropdown-menu li a:hover, .dropdown-menu li a:active, .dropdown-menu li a:focus{
	 border: 0px solid blue;
}
/*highlights topnav links while tabbing*/
 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-home .navbar-nav > li > a:hover, .navbar-home .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li.lienactif > a:hover, .navbar-inverse .navbar-nav > li.lienactif > a:hover, .navbar-home .navbar-nav > li.lienactif > a:hover, .navbar-default .navbar-nav > li.lienactif > a:focus, .navbar-inverse .navbar-nav > li.lienactif > a:focus, .navbar-home .navbar-nav > li.lienactif > a:focus{
	 background: none;
	 outline: auto;
}
 .btn {
	 display: inline-block;
	 padding: 10px 15px;
	 margin-bottom: 0;
	 font-size: 12px;
	 font-weight: 400;
	 line-height: 1.42857143;
	 text-align: center;
	 white-space: normal;
	 vertical-align: middle;
	 -ms-touch-action: manipulation;
	 touch-action: manipulation;
	 cursor: pointer;
	 -webkit-user-select: none;
	 -moz-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 background-image: none;
	 border: 1px solid transparent;
	 border-radius: 0px;
	 text-transform: uppercase;
}
 
 .btn-default {
	 color: #fff;
	 background-color: #000;
	 border-color: #000;
	 text-transform:uppercase;
}
 .btn-default:hover {
	 color: #fff;
	 background-color: #333;
	 border-color: #000;
}
 .btn-default.focus, .btn-default:focus {
	 color: #fff;
	 background-color: #333;
	 border-color:#000;
}
 .btn-default.active, .btn-default:active {
	 color: #fff;
	 background-color: #333;
	 border-color: #000;
}
 .btn-primary {
	 color: #fff;
	 background-color: #c8102e;
	 border-color: #c8102e;
	 text-transform:uppercase;
}
 .btn-primary:hover {
     color: #fff;
	 background-color: #8f0c21;
	 border-color:#8f0c21;
}

.btn-primary:active, .btn-primary:focus {
    color: rgba(143, 12, 43, 1)!important;
    background-color: #ffffff!important;
    border-color: rgba(143, 12, 43, .5)!important;
    font-weight: bold;
}

.btn-secondary:active, .btn-secondary:focus {
    color: rgba(0, 0, 0, 1);
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, .5);
    font-weight: bold;
}
.btn-default:active, .btn-default:focus {
    color: rgba(0, 0, 0, 1);
    background-color: #ffffff;
    border-color: rgba(0, 0, 0, .5);
    font-weight: bold;
}
.btn-success:active, .btn-success:focus {
	 background-color: #a5a7a8;
	 border-color:#a5a7a0;
	 border-bottom: 1px solid;
}

 .open>.dropdown-toggle.btn-primary {
	 color: #fff;
	 background-color: #8f0c21!important;
	 border-color:#8f0c21!important;
}
 .btn-white {
	 color: #c8102e;
	 background-color:#ffffff;
	 border-color: #ffffff;
	 text-transform:uppercase;
}
 .btn-white:hover {
	 color: #c8102e;
	 background-color: #a5a7a8;
	 border-color: #a5a7a8;
}
 .btn-white.focus, .btn-white:focus {
	 color: #c8102e;
	 background-color: #a5a7a8!important;
	 border-color: #a5a7a8!important;
}
 .btn-white.active, .btn-white:active, .open>.dropdown-toggle.btn-white {
	 color: #c8102e;
	 background-color: #a5a7a8!important;
	 border-color: #a5a7a8!important;
}
/*Page Navigation Features*/
 .back-to-top {
	 cursor: pointer;
	 position: fixed;
	 bottom: 185px;
	 right: 20px;
	 display: none;
}
 a.back-to-top.btn.btn-primary {
	 padding: 13px 15px;
	 border-radius: 25px;
	 background-color: #ffffff;
	 border: 1px solid #c8102e;
	 color: #c8012e;
}
 a.back-to-top.btn.btn-primary:hover {
	 padding: 13px 15px;
	 border-radius: 25px;
	 background-color: #c8102e;
	 border: 1px solid #ffffff;
	 color: #ffffff;
}
/* a.btn.btn-primary {
	 background-color: #c8102e;
	 color:#ffffff;
	 border: 0px;
}
 a.btn.btn-primary:hover {
	 background-color: ;
	 color:#ffffff;
	 border: 0px;
}
 */
 @media (min-width: 1200px){
}
 @media (min-width: 922px){
}
 @media (min-width: 768px){
	 .navbar-right .dropdown-menu {
		 left: 0;
		 right: auto;
	}
}
/*main menu styles*/
 .navbar {
	 position: relative;
	 bottom: 0px;
	 min-height: 130px;
	 margin-bottom: 0px;
	 border: 0px solid transparent;
}
 .navbar.navbar-default {
	 background-color:#fff;
	 border-radius:0px;
	 border-width:0px;
	 margin-bottom: 0;
}
 .navbar.navbar-inverse {
	 background-color:#000;
	 border-radius:0px;
	 border-width:0px;
	 margin-bottom: 0;
}
 .navbar.navbar-home {
	 background-color:#c8102e;
	 border-radius:0px;
	 border-width:0px;
	 margin-bottom: 0;
}
 #main-nav ul.nav.navbar-nav.navbar-right{
	 float:none;
	 position:absolute;
	 right:15px;
	 bottom:0;
}
 nav.navbar.navbar-default .nav>li>a, nav.navbar.navbar-inverse .nav>li>a, nav.navbar.navbar-home .nav>li>a{
	 position: relative;
	 display: block;
	 padding: 10px 15px;
	 border-bottom: 4px solid #fff;
	 font-size: 18px;
	 padding-bottom: 30px;
}
 nav.navbar.navbar-default .nav>li>a strong nav.navbar.navbar-inverse .nav>li>a strong nav.navbar.navbar-home.nav>li>a strong{
	 font-family: "Gotham SSm A", "Gotham SSm B";
	 font-style: normal;
	 font-size:18px;
	 font-weight: 600;
}
 nav.navbar.navbar-inverse .nav>li>a, nav.navbar.navbar-home .nav>li>a {
	 color:#fff;
	 border-bottom:4px solid #000;
}
 nav.navbar.navbar-inverse .nav>li>a strong nav.navbar.navbar-home.nav>li>a strong{
	 color:#fff;
}
 .navbar-default.navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-eefault .navbar-nav>.open>a:hover {
	 color: #c8102e;
	 background-color: #ffffff;
	 border-bottom:0px solid #c8102e;
}
 .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	 color: #fff;
	 background-color: #c8102e;
	 border-bottom:0px solid #c8102e;
}
 .navbar-home.navbar-nav>.open>a, .navbar-home .navbar-nav>.open>a:focus, .navbar-home .navbar-nav>.open>a:hover {
	 color: #fff;
	 background-color: #c8102e;
	 border-bottom:0px solid #c8102e;
}
 #slidemenu > .breadcrumb {
	 padding: 12px 0 8px 15px;
	 margin-bottom: 20px;
	 list-style: none;
	 background-color: transparent;
	 border-radius: 0px;
	 text-align: right;
	 color:#fff;
}
 #slidemenu > .breadcrumb>li+li:before {
	 padding: 0 5px;
	 color: #ccc;
	 content: "/\203A";
}
 #slidemenu > .breadcrumb>li+li:first-child:before {
	 padding: 0 5px;
	 color: #ccc;
	 content: "/\203A";
}
 #slidemenu > .breadcrumb a {
	 color:#c8201e;
}
/*** dropdown-menu styles ***/
 .dropdown-menu {
	 position: absolute;
	 top: 100%;
	 left: 0;
	 z-index: 1031;
	 display: none;
	 float: left;
	 min-width: 140px;
	 padding: 5px 0;
	 margin: 2px 0 0;
	 font-size: 12px;
	 text-align: left;
	 list-style: none;
	 background-color: rgba(200, 16, 46, .8);
	 -webkit-background-clip: padding-box;
	 background-clip: padding-box;
	 border: 1px solid #ccc;
	 border: 1px solid rgba(0,0,0,.15);
	/* border-radius: 4px;
	 */
	 -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	 box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
 .dropdown-menu>li>a {
	 display: block;
	 padding: 3px 20px;
	 clear: both;
	 font-weight: 400;
	 line-height: 1.42857143;
	 color: #fff;
	 white-space: normal;
	 width:200px;
	 font-size:13px;
	 border-bottom:0px;
}
 .dropdown-menu li.menu-heading {
	 display: block;
	 padding: 3px 20px;
	 clear: both;
	 font-weight: 400;
	 line-height: 1.42857143;
	 color: #fff;
	 white-space: normal;
	 width:200px;
	 font-size:13px;
	 border-bottom:0px;
	 text-transform: uppercase;
}
 .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	 color: #fff;
	 text-decoration: none;
	 background-color: rgba(143, 12, 43, .8);
}
 .navbar-collapse > .breadcrumb li {
	 font-size: 13px;
}
 .breadcrumb>li+li:first-child::before {
	 padding: 0 5px;
	 color: #ccc;
	 content: "\00BB";
}
 @media (min-width: 768px) and (max-width: 991px){
	 .navbar-brand {
		 background-position: 15px top;
		 background-size: 51px;
		 height: auto;
		 padding: 22px 0px 43px 23px;
		 margin-top: 10px;
	}
	 .navbar-brand:before {
		 font-size: 9px;
		 margin-left: 57px;
	}
	 .navbar-brand h1, .navbar-brand .tagline_holder {
		 font-size: 16px;
		 margin: 2px 0 0;
		 line-height: 1.35;
		 padding: 0 0 0 56px;
	}
	 .navbar-brand span.tagline, .navbar.navbar-inverse .navbar-brand span.tagline{
		 font-size: 13px;
	}
	 .navbar-nav>li>a {
		 padding: 5px 5px;
		 font-size: 12px;
	}
}
 @media (max-width: 767px){
	 .navbar {
		 position: relative;
		 bottom: 0px;
		 min-height: 70px;
		 margin-bottom: 0px;
		 border: 0px solid transparent;
	}
	 .navbar-brand {
		 background-position:0px top;
		 background-size: 35px;
		 float: left;
		 height: auto;
		 padding: 10px 0px 18px 45px;
		 margin-top: 10px;
	}
	 .navbar-brand:before {
		 font-size: 8px;
		 margin-left: 0px;
	}
	 .navbar-brand h1, .navbar-brand .tagline_holder {
		 color: #000;
		 font-size: 13px;
		 margin: 0px 0 0;
		 line-height: 1.25;
		 max-width: 260px;
	}
	 .navbar-brand span.tagline, .navbar.navbar-inverse .navbar-brand span.tagline {
		 font-size: 11px;
	}
	 .navbar-collapse > .breadcrumb {
		 display:none;
	}
	 #main-nav ul.nav.navbar-nav.navbar-right {
		 float: left;
		 position:relative;
		 right: 0;
		 bottom: 0;
	}
	 .back-to-top {
		 cursor: pointer;
		 position: fixed;
		 bottom: 200px;
		 right: 5px;
		 display: none;
	}
	 .navbar-default.navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-eefault .navbar-nav>.open>a:hover {
		 color: #ffffff;
		 background-color: #c8102e;
		 border-bottom: 0px solid #c8102e;
	}
}
 @media (max-width: 320px){
	 .navbar-brand h1, .navbar-brand .tagline_holder {
		 max-width: 215px;
	}
}
/*Main Content Styles*/
 body{
	 font-family: "Gotham SSm A", "Gotham SSm B", Arial, sanserif;
	 font-size:15px;
}
/*.container .jumbotron, .container-fluid .jumbotron {
	*/
	/* position: relative;
	*/
	/* top:0;
	*/
	/* background-color: #c8102e;
	*/
	/* background-color: rgba(200,16,46,.8);
	*/
	/* color: #fff;
	*/
	/* border-radius:0px;
	*/
	/* margin-top:-136px;
	*/
	/* margin-bottom:0px;
	*/
	/*
}
*/
 .jumbotron h1 {
	 margin: 0 ;
	 padding: 0 ;
	 font-family: "Chronicle SSm A", "Chronicle SSm B";
	 font-style: normal;
	 font-weight: 400;
	 color:#fff;
}
 .deck {
	 background-color:#f2f2f2;
}
h1, h2, h3 {
	 font-family: "Chronicle SSm A", "Chronicle SSm B";
	 font-style: normal;
	 font-weight: 400;
	 color:#c8102e;
}
h1 {
    font-size: 37.5px;
}
h2 {
	 font-size: 32px;
}
 h3 {
	 font-size: 22px;
}
 h4, h5, h6{
	 font-family: "Gotham SSm A", "Gotham SSm B";
	 font-style: normal;
	 font-weight: 700;
}
 h4 {
	 font-size:18px;
	 color:#c8102e;
}
 h5{
	 font-size:15px;
	 color:#c8102e;
	 text-transform: uppercase;
}
 h6{
	 font-size:14px;
	 color:#58595a;
	 text-transform: uppercase;
}
 main {
	 border-top:4px solid #d2d3d3;
	 padding-bottom:50px;
}
 p, li{
	 font-family: "Gotham SSm A", "Gotham SSm B";
	 font-style: normal;
	 font-weight: 400;
	 color:#58595a;
	 font-size:15px;
}
 li{
	 line-height:1.5;
}
 main a {
	 color:#555;
	 text-decoration:none;
	 border-bottom: 1px dotted #c8102e;
	 padding-bottom:0px;
}
 main a:hover, main a:focus, main a:active{
	 color:#444;
	 text-decoration:none;
	 border-bottom: 1px dotted #a5a7a8;
}

main a.img {
	box-shadow:none!important;
}

main a.img:hover {
	box-shadow: none!important;
}
/*main address a:hover, main address a:active, main address a:focus {
	*/
	/*color: #444;
	*/
	/*text-decoration: none;
	*/
	/*border-bottom: 2px dotted #a5a7a8;
	*/
	/*
}
*/
 p strong, li strong {
	 font-weight: 700;
	 color:inherit;
}
 p.lead{
	 font-family: "Gotham SSm A", "Gotham SSm B";
	 font-style: normal;
	 font-weight: 300;
	 color:#000;
	 font-size:24px;
}
 p.lead-red-serif{
	 font-family: "Chronicle SSm A", "Chronicle SSm B";
	 font-style: normal;
	 font-weight: 400;
	 color:#c8102e;
	 font-size:24px;
}
 main p.lead-red-sanserif a{
	 font-family: "Gotham SSm A", "Gotham SSm B";
	 font-style: normal;
	 font-weight: 300;
	 color: #c8102e!important;
	 font-size: 1.5em;
}
 main p.lead-red-serif a{
	 font-family: "Chronicle SSm A", "Chronicle SSm B";
	 font-style: normal;
	 font-weight: 300;
	 color: #c8102e!important;
	 font-size: 1.5em;
}
 h5.nav-header {
	 border-top: 4px solid #d1d2d2;
	 border-bottom: 1px solid #d1d2d2;
	 padding:16px 0 10px;
}
 ul.nav.nav-stacked li.active a, ul.nav.nav-stacked li a:focus, .ul.nav.nav-stacked li a:hover{
	 text-decoration: none;
	 background-color: #f0f1f1;
	 color: #222;
	 border-left: 4px #c8102e solid;
}
 ul.nav.nav-stacked li a {
	 position: relative;
	 display: block;
	 padding: 10px 15px;
	 color: #222;
	 font-size: 15px;
	 font-weight: 600;
	 border-left: 0px #fff solid;
}
 ul.nav.nav-stacked li:last-child {
	 padding-bottom:10px;
	 border-bottom:1px solid #d1d2d2;
}
 ul.nav.nav-stacked li ul.list-group{
	 margin-bottom:0;
}
 ul.nav.nav-stacked:after{
	 margin-bottom:40px;
}
 ul.nav.nav-stacked li.list-group-item{
	 border:0px solid #fff;
}
 ul.nav.nav-stacked li.list-group-item a{
	 padding: 3px 2px;
	 color: #222;
	 font-size: 15px;
	 font-weight: 300;
	 border: 0px solid #fff;
}
 ul.nav.nav-stacked li.list-group-item a::before{
	 display:inline-block;
	 content:"\2192";
	 padding-right:5px;
}
 ul.nav.nav-stacked li.list-group-item.active a, ul.nav.nav-stacked li.list-group-item a:focus, ul.nav.nav-stacked li.list-group-item a:hover{
	 text-decoration: none;
	 background-color: #c8102e;
	 color: #fff;
}
 div.panel.panel-default h4.panel-title a.collapsed::before {
	 float: right;
	 font-family: "FontAwesome";
	 font-weight: 900;
	 content: "\F078";
	 color: #c8102e;
}
 div.panel.panel-default h4.panel-title a::before {
	 float: right;
	 font-family: "FontAwesome";
	 font-weight: 900;
	 content: "\F077";
	 color: #c8102e;
	 transition: all 1s ease-in-out;
}
/*Removes underline on some acccordion a elements*/
  .panel-group h3 a,
  .panel-group h4 a,
  .panel-group a.page-anchor  {
	 border-bottom:0px;
	 text-decoration:none;
  }
	
 main .panel-group a:hover, main .panel-group a:focus, main .panel-group a:active{
	 color:#444;
	 text-decoration:none;
	 border-bottom: 0px dotted #a5a7a8;
}
 main .panel-group a.btn.btn-primary:hover {
	 color: #fff!important;
	 background-color: #8f0c21!important;
	 border-color:#8f0c21!important;
}
 blockquote footer, blockquote small, blockquote .small {
	 display: block;
	 font-size: 80%;
	 line-height: 1.42857143;
	 color: #5a5758;
	 background-color: white;
	 margin-top: 5px;
}
 .panel img.image-bg {
	 position: relative;
	 text-align: left;
	 color: white;
	 font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
}
 .panel .bottom-right {
	 position: absolute;
	 bottom: 0px;
	 right: 0px;
	 background-color:#c8102e;
	 padding:1em;
}
 #headerMainImage {
	 display: block;
	 margin-right: auto;
	 margin-left: auto;
	 max-width: 100%;
	 height: auto;
	 background-color: #a5a7a8;
	 margin-bottom: 1.5em;
	 width: 1536px;
}
 .imageleft {
	 float: left!important;
	 margin-right: 20px;
	 margin-bottom: 1em;
}
 .imageright {
	 float: right!important;
	 margin-left: 20px;
	 margin-bottom: 1em;
}
 .well {
	 padding:20px;
	 border-radius: 0;
}
 .well h3 {
	 margin-top:0;
}
 .well p {
	 color:#333;
}
 .card {
	 min-height: 20px;
	 border: 1px solid #e3e3e3;
	 border-radius: 0px;
	 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	 box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
 .well.contact-block {
	 min-height: 20px;
	 background-color: #f5f5f5;
	 border: 1px solid #e3e3e3;
	 border-radius: 0px;
	 -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	 box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	 padding: 1rem;
	 margin-bottom:1rem;
}
 .nav-tabs>li>a {
	 margin-right: 2px;
	 line-height: 1.42857143;
	 border: 1px solid transparent;
	 border-radius: 4px 4px 0 0;
	 font-size:12px;
	 background-color: #eee;
}
 .nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
	 border-bottom: 0px dotted #a5a7a8;
	 text-decoration: none;
	 background-color: #ddd;
}
 .breadcrumb>li {
	 display: inline-block;
	 font-size: 12px;
}
 .panel-group .panel {
	 margin-bottom: 0;
	 border-radius: 0px;
}
 .panel-heading {
	 padding: 10px 15px;
	 border-bottom: 1px solid transparent;
	 border-top-left-radius: 0px;
	 border-top-right-radius: 0px;
}
/*main p+ul li+li {
	*/
	/* margin-top: 5px;
	*/
	/* margin-bottom:10px;
	*/
	/*
}
*/
/* FAQ (Frequently Asked Questions) */
 .faq_question {
	 display: inline;
}
 .faq_question.opened {
	 display: inline-block;
	 margin: 0 0 10px 0;
}
 .faq_answer {
	 display: none;
	 padding: 10px 20px;
	 margin: 0 0 20px;
	 border-left: 4px solid #eee;
}
 .faq_wrapper article {
	 margin: 0 0 10px 0;
}
 .faq_wrapper section {
	 margin: 0 0 40px 0;
}
 .faq-glyphicon-chevron {
	 transition-property: transform;
	 transition-duration: .5s;
	 margin-right: 5px;
}
 .faq-glyphicon-chevron-rotate {
	 transform: rotate(90deg);
}
 .faq_share {
	 font-size: 12px;
	 position: relative;
	 display: block;
	 width: 38px;
	 margin: 10px auto 0 0;
	 cursor: pointer;
}
 .faq_share_popup {
	 height: 0;
	 padding: 0;
	 border: 0;
	 width: 1px;
}
.faq_wrapper .fa-chevron-right {
    margin: 0 7px 0 0;
}
.faq_wrapper .fa-chevron-right.rotate {
    transform: rotate(90deg);
}
.faq_wrapper .faq_question_new {
    background: #c8102e;
    color: #FFF;
    font-size: 1.25rem;
    line-height: 1.2rem;
    padding: 3px 5px;
    border-radius: 5px;
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    margin: 0 0 0 5px;
}

/** Timeline **/
/* Source: http://www.bootply.com/AVpnpgFE76 Used in homepage features (environmental-studies) */
 .timeline {
	 list-style: none;
	 padding: 20px 0 20px;
	 position: relative;
}
 .timeline:before {
	 top: 0;
	 bottom: 0;
	 position: absolute;
	 content: " ";
	 width: 3px;
	 background-color: #eeeeee;
	 left: 40px;
	 margin-left: -1.5px;
}
 .timeline > li {
	 margin-bottom: 20px;
	 position: relative;
}
 .timeline > li:before, .timeline > li:after {
	 content: " ";
	 display: table;
}
 .timeline > li:after {
	 clear: both;
}
 .timeline > li:before, .timeline > li:after {
	 content: " ";
	 display: table;
}
 .timeline > li:after {
	 clear: both;
}
 .timeline > li > .timeline-panel {
	 display:block;
	 border: 1px solid #d4d4d4;
	 border-radius: 2px;
	 padding: 20px;
	 position: relative;
	 margin-left:90px;
	 -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	 box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	 float: left;
}
 .timeline > li > .timeline-panel:before {
	 position: absolute;
	 top: 26px;
	 left: -15px;
	 display: inline-block;
	 border-top: 15px solid transparent;
	 border-left: 0 solid #ccc;
	 border-right: 15px solid #ccc;
	 border-bottom: 15px solid transparent;
	 content: " ";
}
 .timeline > li > .timeline-panel:after {
	 position: absolute;
	 top: 27px;
	 left: -14px;
	 display: inline-block;
	 border-top: 14px solid transparent;
	 border-left: 0 solid #fff;
	 border-right: 14px solid #fff;
	 border-bottom: 14px solid transparent;
	 content: " ";
}
 .timeline > li > .timeline-badge {
	 color: #fff;
	 width: 50px;
	 height: 50px;
	 line-height: 50px;
	 font-size: 1.4em;
	 text-align: center;
	 position: absolute;
	 top: 16px;
	 left: 40px;
	 margin-left: -25px;
	 background-color: #bbb;
	 z-index: 100;
	 border-top-right-radius: 50%;
	 border-top-left-radius: 50%;
	 border-bottom-right-radius: 50%;
	 border-bottom-left-radius: 50%;
}
 @media (max-width: 767px) {
	 .timeline:before {
		 left:20px !important;
	}
	 .timeline > li > .timeline-panel {
		 margin-left: 48px;
		 padding: 12px 20px;
	}
	 .timeline > li > .timeline-badge {
		 width:30px;
		 height:30px;
		 left:30px;
		 line-height:30px;
		 font-size:1em;
	}
	 .timeline > li > .timeline-panel:before, .timeline > li > .timeline-panel:after {
		 top: 23px;
		 left: -8px;
		 border-top-width: 7px;
		 border-right-width: 7px;
		 border-bottom-width: 7px;
	}
	 .timeline > li > .timeline-panel:after {
		 left: -7px;
	}
}
/*** Social Media Font Awesome Custom CSS updated by Jory Keller May 05, 2017 ***/
 .social .fa {
	 color:#555;
}
 .social {
	 margin: 0;
	 padding: 0;
}
 .social ul {
	 margin: 0;
	 padding: 5px;
}
 .social ul li {
	 margin: 5px;
	 list-style: none outside none;
	 display: inline-block;
}
 .social .fa {
	 color:#fff;
}
 .social i {
	 width: 30px;
	 height: 30px;
	 color: #fff;
	 font-size: 20px;
	 text-align: center;
	 padding-top: 5px;
	 -moz-border-radius: 50%;
	 -webkit-border-radius: 50%;
	 -o-border-radius: 50%;
	 border-radius: 50%;
	 transition: all ease 0.3s;
	 -moz-transition: all ease 0.3s;
	 -webkit-transition: all ease 0.3s;
	 -o-transition: all ease 0.3s;
	 -ms-transition: all ease 0.3s;
}
 .social i:hover {
	 color: #555;
	 text-decoration: none;
	 background-color: #e4e4e4;
	 transition: all ease 0.3s;
	 -moz-transition: all ease 0.3s;
	 -webkit-transition: all ease 0.3s;
	 -o-transition: all ease 0.3s;
	 -ms-transition: all ease 0.3s;
}
 .social .fa-facebook {
	 background: #4060A5;
}
 .social .fa-facebook-square {
	 background: #4060A5;
}
 .social .fa-twitter {
	 background: #00ABE3;
}
 .social .fa-google-plus {
	 background: #e64522;
}
 .social .fa-github {
	 background: #343434;
}
 .social .fa-pinterest {
	 background: #cb2027;
}
 .social .fa-linkedin {
	 background: #0094BC;
}
 .social .fa-flickr {
	 background: #FF57AE;
}
 .social .fa-instagram {
	 background: #ea27e3;
}
 .social .fa-vimeo {
	 background: #00adef;
}
 .social .fa-vimeo-square {
	 background: #83DAEB;
}
 .social .fa-stack-overflow {
	 background: #FEA501;
}
 .social .fa-dropbox {
	 background: #017FE5;
}
 .social .fa-tumblr {
	 background: #3a5876;
}
 .social .fa-dribbble {
	 background: #F46899;
}
 .social .fa-skype {
	 background: #00C6FF;
}
 .social .fa-stack-exchange {
	 background: #4D86C9;
}
 .social .fa-youtube {
	 background: #FF1F25;
}
 .social .fa-xing {
	 background: #005C5E;
}
 .social .fa-blogger:hover {
	 background-image: url('https://niu.edu/images/social_media_icons/blogger-icon-before-small.svg');
}
 .social .fa-blogger {
	 background: #f78f32;
	 background-image: url('https://niu.edu/images/social_media_icons/blogger-icon-after-small.svg');
}
 .fa-blogger:before {
	 content: "\f19a";
	 text-indent: -9999px;
	 display: block;
}
 .social .fa-rss {
	 background: #e88845;
}
 .social .fa-foursquare {
	 background: #09B9E0;
}
 .social .fa-youtube-play {
	 background: #DF192A;
}
 .social .fa-wordpress {
	 background: #59b7de;
}
 .social .fa-snapchat-ghost {
	 background: #fffc00;
	 text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
 p a.social, p a.social:hover{
	 border-bottom:0px;
}
/* for footer social, using linked image instead of social icon*/
 .social a.fa-giphy {
	 background: #444;
	/* width: 30px;
	 */
	 border-radius: 50%;
	 padding: 8px 0px 4px;
}
 .social a.fa-giphy img{
	 width:30px;
	 height:30px;
	 margin-bottom: 5px;
}
 .social a.fa-giphy:hover {
	 background: #999;
}
/** Left Nav Static Blocks **/
 .panel-body.leftnav {
	 padding: 15px 0px;
	 clear: both;
}
 .panel-body.leftnav ul.nav.nav-stacked li a {
	/*background-color:#c8102e;
	*/
	/*color:#fff;
	*/
	/*margin-bottom:2px;
	*/
	 background-color: #d2d2d3;
	 color: #222;
	 margin-bottom: 2px;
	 border-bottom: 0px;
}
 .panel-body.leftnav ul.nav.nav-stacked li a strong {
	 font-family: inherit;
	 font-weight:700;
	 color:#222;
}
 .panel-body.leftnav ul.nav.nav-stacked li strong a {
	 font-weight: 700;
	 padding: 10px 15px;
	/*position: relative;
	 may not need this */
	 display: block;
}
 .panel-body.leftnav ul.nav.nav-stacked li a[href^="http:"]:after, .panel-body.leftnav ul.nav.nav-stacked li a[href^="https:"]:after{
	/* Adds glyphicon-new-window icon after main nav links to external websites */
	 font-family: 'Glyphicons Halflings';
	 content: "\e164";
	 font-size: 12px;
	 padding-left: .5em;
	 color: #a5a7a8;
	 right: -7px;
	 position: absolute;
	 top: 5px;
}
 .panel-body.leftnav ul.nav.nav-stacked li ul.list-group li.list-group-item {
	 background-color:#fff;
	 color:#58595a;
	 border-radius:0px;
	 padding:8px 8px 8px 15px;
	 line-height:1.15;
}
 .panel-body.leftnav ul.nav.nav-stacked li ul.list-group li.list-group-item a {
	 background-color:#fff;
	 color:#58595a;
	 border:0px;
	 font-size: 14px;
}
 .panel-body.leftnav ul.nav.nav-stacked li ul.list-group li.list-group-item a:hover, .panel-body.leftnav ul.nav.nav-stacked li ul.list-group li.list-group-item a:active, .panel-body.leftnav ul.nav.nav-stacked li ul.list-group li.list-group-item a:focus {
	 color: #c8102e;
	 font-weight: 700;
}
/* Google CSE (Custom Search Engine) Styles */
 input.gsc-input {
	 background: none !important;
	 text-indent: unset !important;
}
 .gcsc-more-maybe-branding-root {
	 visibility:hidden;
}
 .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b, .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b, .gs-webResult div.gs-visibleUrl-long, .gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
	 color: #CC0000 !important;
}
/* END Google CSE (Custom Search Engine) Styles */
/** Carousels **/
 .carousel{
	 border-top: 4px solid #f2f2f2;
	 background-color: #a5a7a8;
}
 .carousel-indicators{
	 position: absolute;
	 bottom: 10px;
	 left: 81%;
	 z-index: 15;
	 width: 60%;
	 padding-left: 0;
	 margin-left: -30%;
	 text-align: center;
	 list-style: none;
}
 .carousel-inner{
	 overflow: visible;
}
 .carousel-caption{
	 background-color:#c8102e;
	 padding: 1em;
	 bottom: inherit;
	 text-align: left;
	 overflow: visible;
	 top:89%;
}
 .carousel-caption p {
	 font-family: "Gotham SSm A", "Gotham SSm B";
	 font-style: normal;
	 font-weight: 400;
	 color:#ffffff;
}
 .carousel-caption p.caption-heading {
	 font-family: "Chronicle SSm A", "Chronicle SSm B";
	 font-style: normal;
	 font-weight: 400;
	 color:#ffffff;
	 font-size:27px;
	 margin-top:30px;
}
 .carousel-control{
	 display:none;
}
/* Calendar Carousel (using Slick Slider JS Library) */
 #calendar_carousel {
	 margin-bottom: 20px;
}
 #calendar_carousel .event_holder {
	 display: inline-block;
	 width: 25%;
	 padding: 10px;
	 margin: 10px;
	 box-sizing: border-box;
	 border-right: 1px solid #000;
	 vertical-align: top;
}
 #calendar_carousel .event_date_holder {
	 float: left;
	 width: 40%;
	 padding-right: 2%;
	 text-align: center;
}
 #calendar_carousel .event_title {
	 float: right;
	 width: 58%;
	 text-overflow: ellipsis;
	 overflow: hidden;
}
 #calendar_carousel .tab-content {
	 margin: 20px 0 0 0;
}
 #calendar_carousel .slick-arrow {
	 top: 50%;
	 position: absolute;
	 margin-top: -7.5px;
}
 #calendar_carousel .glyphicon-chevron-right.slick-arrow {
	 right: 0;
}
 #calendar_carousel .slick-list {
	 width: 95% !important;
	 margin: 0 auto !important;
}
 #calendar_carousel .tab-content {
	 position: relative;
}
 #calendar_carousel .tab-content > .tab-pane.slick-initialized.active {
	 position: relative;
	 opacity: 1;
	 margin: 0 0 30px 0;
	 padding: 0 0 30px 0;
	 width: auto;
	 z-index: 0;
}
 #calendar_carousel .tab-content > .tab-pane.slick-slider {
	 margin: 0;
}
 #calendar_carousel .tab-content > .tab-pane {
	 opacity: 0;
	 margin: 0;
	 width: 100%;
	 position: absolute;
	 top: 0;
	 z-index: -9999;
	 display: block !important;
}
 #calendar_carousel .slick-arrow:hover {
	 cursor: pointer;
}
 #calendar_carousel .slick-arrow {
	 font-size: 30px;
	 margin-top: -40px;
}
 #calendar_carousel .far.fa-chevron-right.slick-arrow {
	 right: 0;
}
 #calendar_carousel .fa-chevron-left:before {
	 content: "\02039";
}
 #calendar_carousel .fa-chevron-right:before {
	 content: "\0203A";
}
 #calendar_carousel.reverse {
	 padding: 20px;
	 background: #000;
	 color: #FFF;
}
 #calendar_carousel.reverse h3 {
	 color: #FFF !important;
}
 #calendar_carousel .h2 {
	 margin-top: 10px;
	 margin-bottom: 5px;
}
 #calendar_carousel .h3 {
	 margin-top: 10px;
	 margin-bottom: 10px;
}
 #calendar_carousel.reverse .nav-tabs .nav-link {
	 background: #000;
	 color: #FFF;
}
 #calendar_carousel.reverse .event_title a {
	 color: #ffffff ;
	 text-decoration:none;
	 border-bottom: 2px dotted #c8102e;
}
 #calendar_carousel.reverse .event_title a:active, #calendar_carousel.reverse .event_title a:focus, #calendar_carousel.reverse .event_title a:hover{
	 color: #ededed;
	 border-bottom: 2px dotted #a5a7a8;
}
 #calendar_carousel.reverse .nav-tabs .nav-link {
	 border: 1px solid white;
	 border-radius: 0;
	 margin: 0;
}
 #calendar_carousel .nav-item.active .nav-link {
	 color: #FFF;
	 background: #464646;
}
 #calendar_carousel .no_events_holder {
	 border-right: none;
	 text-align: center;
}
 #calendar_carousel .slick-track.no_events_wrapper, #calendar_carousel .slick-track.no_events_wrapper > .no_events_holder {
	 width: 100% !important;
}
 @media only screen and (max-width: 1200px) {
	 #calendar_carousel .event_date_holder, .event_title {
		 float: none !important;
		 display: block;
		 width: 100% !important;
		 text-align: center;
	}
}
 @media only screen and (max-width: 767px) {
	 #calendar_carousel .event_holder {
		 border-right: none;
	}
}
/* END Calendar Carousel (using Slick Slider JS Library) */
/** Calendar Grid **/
 .grid > #lw li.lwe {
	 padding: 10px 0px 10px 0px;
	 border-bottom: 1px dotted #ccc;
	 width: 47%;
	 float: left;
	 background: #fff;
	 height: 140px;
	 margin: 0 10px 10px 0;
}
 .grid > #lw li.lwe > .lwn {
	 font-weight: bold;
	 color: #222;
	 font-size: 14px;
	 line-height: 19px;
	 overflow: hidden;
	 padding: 10px;
}
 @media (max-width: 767px){
	 .container .jumbotron, .container-fluid .jumbotron {
		 background-color: #c8102e;
		 margin-top:0;
		 margin-bottom:0px;
	}
	 p.lead {
		 font-family: "Gotham SSm A", "Gotham SSm B";
		 font-style: normal;
		 font-weight: 300;
		 color: #000;
		 font-size: 18px;
	}
	/* .container .jumbotron, .container-fluid .jumbotron {
		 position: relative;
		 top:0;
		 color: #fff;
		 border-radius:0px;
		 margin-top:-132px;
		 margin-bottom:80px;
	}
	 */
	 .jumbotron .headline {
		 font-size: 20px;
		 line-height: 20px;
	}
	 .deck {
		 background-color:#f2f2f2;
		 margin-top:200px;
	}
	 .carousel-caption{
		 background-color:#c8102e;
		 padding: 1em;
		 bottom: inherit;
		 text-align: left;
		 overflow: visible;
		 top:100%;
		 left:0%;
		 right:0%;
		/*width:100%;
		*/
	}
	 .carousel-caption p {
		 font-family: "Gotham SSm A", "Gotham SSm B";
		 font-style: normal;
		 font-weight: 400;
		 color:#ffffff;
		 font-size: 15px;
	}
	 .carousel-caption p.caption-heading {
		 font-family: "Chronicle SSm A", "Chronicle SSm B";
		 font-style: normal;
		 font-weight: 400;
		 color:#ffffff;
		 font-size: 24px;
		 margin-top: 0px;
	}
	 .grid > #lw li.lwe {
		 padding: 10px 0px 10px 0px;
		 border-bottom: 1px dotted #ccc;
		 width: 100%;
		 float: left;
		 background: #fff;
		 height: auto;
		 margin: 0 10px 10px 0;
	}
}
 @media (min-width: 768px) and (max-width: 991px){
	 main ~ div.row ~ div.row{
		 padding-top: 150px;
	}
	 .deck {
		 background-color:#f2f2f2;
		 margin-top:200px;
	}
	 .carousel-caption {
		 background-color: #c8102e;
		 padding: 1em;
		 bottom: inherit;
		 text-align: left;
		 overflow: visible;
		 top:100%;
		 left:0%;
		 right:0%;
		/*width:100%;
		*/
	}
	 p.lead {
		 font-family: "Gotham SSm A", "Gotham SSm B";
		 font-style: normal;
		 font-weight: 300;
		 color: #000;
		 font-size: 18px;
	}
	 .grid > #lw li.lwe {
		 padding: 10px 0px 10px 0px;
		 border-bottom: 1px dotted #ccc;
		 width: 100%;
		 float: left;
		 background: #fff;
		 height: auto;
		 margin: 0 10px 10px 0;
	}
}
/* Footer Styles */
 footer {
	 background-color:#000;
	 margin-top:0px;
}
 footer .niu-home {
	 position: relative;
	 top: -34px;
}
 footer .niu-home a {
	 border-bottom: 0px;
}
 footer li {
	 font-size:12px;
}
 footer .nav>li>a {
	 text-decoration: none;
	 background-color: #000;
	 color: #a5a7a8;
	 border-top: 4px #000 solid;
	 padding:10px 5px;
	 border-bottom:0px;
}
 footer .nav>li>a:hover {
	 text-decoration: none;
	 background-color: #f0f1f1;
	 color: #000;
	 border-top: 4px #c8102e solid;
}
 footer .list-group-item{
	 background-color:#000;
	 border:1px solid #000;
	 padding: 10px 0px;
}
 footer .nav.nav-mobile a {
	 text-decoration: none;
	 color: #a5a7a8;
	 padding: 5px 5px;
	 border-bottom:0px;
}
 footer .nav.nav-mobile a:hover {
	 text-decoration: none;
	 color: #ffffff;
}
 div.copyright-address {
	 float: left;
	 width:100%;
	 background-color:#222;
	 color:#fff;
	 font-size: 11px;
	 padding:6px 0;
	 font-weight: 300;
}
 div.copyright-address a {
	 color: #a5a7a8;
	 text-decoration: dotted;
}
 div.copyright-address a {
	 color:#fff;
	 text-decoration: none;
}
/** Text Over Image **/
 .image-bg {
	 position: relative;
	 text-align: left;
	 color: white;
}
 .image-bg .headline {
	 font-family: 'Chronicle', 'Times', 'Times New Roman', 'serif';
	 font-weight: 400;
	 font-size:48px;
	 font-size: 3.5vw;
	 text-shadow: 0px 0px 0px #000;
	 text-transform: none;
	 line-height: 1;
	 color:#000000;
	 margin-bottom:1em;
}
/* Bottom left text */
 .bottom-left {
	 position: absolute;
	 bottom: 0px;
	 left: 16px;
	 max-width: 60%;
}
 .bottom-left-100 {
	 position: absolute;
	 bottom: 0px;
	 right: 0px;
	 width:100%;
}
/* Top left text */
 .top-left {
	 position: absolute;
	 top: 70px;
	 left: 20px;
	 max-width: 60%;
}
 .top-left-80 {
	 position: absolute;
	 top: 16px;
	 left: 16px;
	 max-width: 80%;
}
/* Top right text */
 .top-right {
	 position: absolute;
	 top: 16px;
	 right: 16px;
	 width:50%;
}
 .top-right-20 {
	 position: absolute;
	 top: 16px;
	 right: 16px;
	 width:20%;
}
/* Bottom right text */
 .bottom-right {
	 position: absolute;
	 bottom: 0px;
	 right: 0px;
	 width:50%;
}
/* Bottom right text */
 .arrow-read-more {
	 position: absolute;
	 bottom: 0px;
	 right: 0px;
	 width:auto;
	 background-color:#c8102e;
	 padding:.5em 1em;
}
/* Centered text */
 .centered {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
}
 @media (max-width:767px){
	 .image-bg .headline {
		 font-family: 'Chronicle', 'Times', 'Times New Roman', 'serif';
		 font-weight: 400;
		 font-size:16px;
		 font-size:5vw;
		 text-shadow: 0px 0px 0px #000;
		 text-transform: none;
		 line-height: 1;
	}
	 .top-left {
		 position: absolute;
		 top: 10px;
		 left: 10px;
		 max-width: 60%;
	}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
	 .image-bg .headline {
		 font-family: 'Chronicle', 'Times', 'Times New Roman', 'serif';
		 font-weight: 400;
		 font-size:24px;
		 font-size:3.75vw;
		 text-shadow: 0px 0px 0px #000;
		 text-transform: none;
		 line-height: 1;
	}
}
 @media (min-width:1200px){
	 .image-bg .headline {
		 font-family: 'Chronicle', 'Times', 'Times New Roman', 'serif';
		 font-weight: 400;
		 font-size:32px;
		 font-size: 3vmax;
		 text-shadow: 0px 0px 0px #000;
		 text-transform: none;
		 line-height: 1;
	}
}
/* Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x) CSS from: http://codepen.io/transportedman/pen/NPWRGq and: http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide Inspired from: http://codepen.io/Rowno/pen/Afykb */
 .carousel-fade .carousel-inner .item {
	 opacity: 0;
	 transition-property: opacity;
}
 .carousel-fade .carousel-inner .active {
	 opacity: 1;
}
 .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	 left: 0;
	 opacity: 0;
	 z-index: 1;
}
 .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	 opacity: 1;
}
 .carousel-fade .carousel-control {
	 z-index: 2;
}
/* WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers." Need to override the 3.3 new styles for modern browsers & apply opacity */
 @media all and (transform-3d), (-webkit-transform-3d) {
	 .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
		 opacity: 0;
		 -webkit-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	}
	 .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
		 opacity: 0;
		 -webkit-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	}
	 .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
		 opacity: 1;
		 -webkit-transform: translate3d(0, 0, 0);
		 transform: translate3d(0, 0, 0);
	}
}
/* Huskie Spotlight styles */
.spotlight_single_maincontent img {
    max-width: 100%;
    display: block;
    margin: 0 auto 20px;
    height: auto;
    float: none !important;
}
/*Bootstrap XL Grid*/
/* * CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc. * * Author: Marc van Nieuwenhuijzen * Company: WebVakman * Site: WebVakman.nl * */
 @media (min-width: 1200px) and (max-width: 1599px) {
	 .hidden-lg {
		 display: none !important;
	}
}
 .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block, .visible-xl{
	 display: none !important;
}
 @media (min-width: 1600px) {
	 .container {
		 width: 1570px;
	}
	 .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
		 float: left;
	}
	 .col-xl-12 {
		 width: 100%;
	}
	 .col-xl-11 {
		 width: 91.66666667%;
	}
	 .col-xl-10 {
		 width: 83.33333333%;
	}
	 .col-xl-9 {
		 width: 75%;
	}
	 .col-xl-8 {
		 width: 66.66666667%;
	}
	 .col-xl-7 {
		 width: 58.33333333%;
	}
	 .col-xl-6 {
		 width: 50%;
	}
	 .col-xl-5 {
		 width: 41.66666667%;
	}
	 .col-xl-4 {
		 width: 33.33333333%;
	}
	 .col-xl-3 {
		 width: 25%;
	}
	 .col-xl-2 {
		 width: 16.66666667%;
	}
	 .col-xl-1 {
		 width: 8.33333333%;
	}
	 .col-xl-pull-12 {
		 right: 100%;
	}
	 .col-xl-pull-11 {
		 right: 91.66666667%;
	}
	 .col-xl-pull-10 {
		 right: 83.33333333%;
	}
	 .col-xl-pull-9 {
		 right: 75%;
	}
	 .col-xl-pull-8 {
		 right: 66.66666667%;
	}
	 .col-xl-pull-7 {
		 right: 58.33333333%;
	}
	 .col-xl-pull-6 {
		 right: 50%;
	}
	 .col-xl-pull-5 {
		 right: 41.66666667%;
	}
	 .col-xl-pull-4 {
		 right: 33.33333333%;
	}
	 .col-xl-pull-3 {
		 right: 25%;
	}
	 .col-xl-pull-2 {
		 right: 16.66666667%;
	}
	 .col-xl-pull-1 {
		 right: 8.33333333%;
	}
	 .col-xl-pull-0 {
		 right: auto;
	}
	 .col-xl-push-12 {
		 left: 100%;
	}
	 .col-xl-push-11 {
		 left: 91.66666667%;
	}
	 .col-xl-push-10 {
		 left: 83.33333333%;
	}
	 .col-xl-push-9 {
		 left: 75%;
	}
	 .col-xl-push-8 {
		 left: 66.66666667%;
	}
	 .col-xl-push-7 {
		 left: 58.33333333%;
	}
	 .col-xl-push-6 {
		 left: 50%;
	}
	 .col-xl-push-5 {
		 left: 41.66666667%;
	}
	 .col-xl-push-4 {
		 left: 33.33333333%;
	}
	 .col-xl-push-3 {
		 left: 25%;
	}
	 .col-xl-push-2 {
		 left: 16.66666667%;
	}
	 .col-xl-push-1 {
		 left: 8.33333333%;
	}
	 .col-xl-push-0 {
		 left: auto;
	}
	 .col-xl-offset-12 {
		 margin-left: 100%;
	}
	 .col-xl-offset-11 {
		 margin-left: 91.66666667%;
	}
	 .col-xl-offset-10 {
		 margin-left: 83.33333333%;
	}
	 .col-xl-offset-9 {
		 margin-left: 75%;
	}
	 .col-xl-offset-8 {
		 margin-left: 66.66666667%;
	}
	 .col-xl-offset-7 {
		 margin-left: 58.33333333%;
	}
	 .col-xl-offset-6 {
		 margin-left: 50%;
	}
	 .col-xl-offset-5 {
		 margin-left: 41.66666667%;
	}
	 .col-xl-offset-4 {
		 margin-left: 33.33333333%;
	}
	 .col-xl-offset-3 {
		 margin-left: 25%;
	}
	 .col-xl-offset-2 {
		 margin-left: 16.66666667%;
	}
	 .col-xl-offset-1 {
		 margin-left: 8.33333333%;
	}
	 .col-xl-offset-0 {
		 margin-left: 0;
	}
	 .visible-xl {
		 display: block !important;
	}
	 table.visible-xl {
		 display: table;
	}
	 tr.visible-xl {
		 display: table-row !important;
	}
	 th.visible-xl, td.visible-xl {
		 display: table-cell !important;
	}
	 .visible-xl-block {
		 display: block !important;
	}
	 .visible-xl-inline {
		 display: inline !important;
	}
	 .visible-xl-inline-block {
		 display: inline-block !important;
	}
	 .hidden-xl {
		 display: none !important;
	}
}