@charset "utf-8";
/* This is a Custom CSS Document */
/* Use this to customize elements of the main niu website, without changing any of the foundational css located in niu_theme.css */
/*.dropdown:hover .dropdown-menu {
	 display: block;
}
*/

html {
    scroll-behavior: smooth;
}

    h1.display {
    font-family: 'Montserrat', Arial, 'sans-serif';
    font-weight: 700;
    font-size: 3.5vw !important;

}
    h2.display {
    font-family: 'Montserrat', Arial, 'sans-serif';
    font-weight: 700;
    color: #c8012e;
    font-size: 2.5vw !important;
}

    h2.display small {
     font-size: 1.75vw!important;
     font-weight: 500;
     color: #333;
}

    h3.display {
    font-family: 'Montserrat', Arial, 'sans-serif';
    font-weight: 500!important;
    color: #000000!important;
    font-size: 1.75vw !important;
    line-height:1.2!important;
}

    .imageOverlayWrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}


@media (max-width:767px){
    h1.display {
    font-size: 7vw!important;
}

    h2.display {
    font-size: 6vw!important;
}
    
    h2.display small {
    font-size: 5vw !important;
    font-weight: 500;
    color: #333;
}

    h3.display {
    font-size: 4.5vw!important;
    } 
    
    h3.display small {
    font-size: 4.5vw!important;
}

.count, .counted, .rowCount {
    font-size: 10vw !important;
}
}
@media (min-width:1920px){
    h1.display {
    font-size: 3.5rem!important;

}
    h2.display {
    font-size: 2.65rem!important;
}

    h2.display small {
     font-size: 1.75rem!important;
     font-weight: 500;
     color: #333;
}

    h3.display {
    font-size: 1.75rem!important;
}
}
h2.x-large{
    font-size:2rem;
}
.breadcrumb>.active {
    color: #58595a;
}
 .hidden {
	 display: none;
	 visibility: hidden;
}
 td {
	 padding: 7px;
	 font-size: .9em;
}
 @media (min-width: 1200px){
	 .navbar-brand-root img {
		 padding-top:15px;
		 max-width: 260px;
	}
	 #mainnav li {
		 font-size:15px;
	}
	 #mainnav.nav>li>a {
		 padding: 10px 15px;
	}
}
 @media (min-width: 992px) and (max-width: 1199px){
	 .navbar-brand-root img {
		 padding-top: 10px;
		 max-width: 220px;
	}
	 #mainnav li {
		 font-size:14px;
	}
	 #mainnav.nav>li>a {
		 padding: 10px 12px;
	}
}
 @media (min-width: 768px) and (max-width: 991px){
	 .navbar-brand-root>img {
		/* display: block;
		 */
		/*float: left;
		*/
		 padding-top:10px;
		 margin-right: 14px;
		 max-width: 172px;
	}
	 .navbar-brand-root {
		 background-image: none;
		 padding: 11px 0px 32px 13px;
		 margin-top: 10px;
	}
}
 @media (max-width: 803px) and (min-width: 768px){
	 .navbar-nav>li>a {
		 padding: 5px 5px;
		 font-size: 11px;
	}
}
 @media (max-width: 767px){
	 .navbar-brand-root {
		 background-image: none;
		 padding: 11px 0px 32px 13px;
		 margin-top: 10px;
	}
	 .navbar-brand-root>img {
		/* display: block;
		 */
		/*float: left;
		*/
		 margin-right: 14px;
		 max-width: 180px;
		 padding-top:5px;
	}
}


/** topnav drop-down menu Theme 4.0 modifications**/
.navbar-nav .dropdown-menu {
    min-width: 200px!important;
}

.dropdown-menu .dropdown-item::after {
    color: #FFF!important;
    padding-right: 10px;
    display: none!important;
}

/* Social media directory page formatting */
 .SocialMediaFollowÂ鶹¾«Æ· img {
	 margin-right: 20px;
}
/* Mobile View */
 @media (max-width: 767px) {
	 .SocialMediaFollowÂ鶹¾«Æ· img {
		 width:3em;
		 height:3em;
		 margin-right: 5px;
	}
}
 .SocialMediaTable {
	 margin:0px;
	padding:0px;
	 width:100%;
	 -moz-border-radius-bottomleft:0px;
	 -webkit-border-bottom-left-radius:0px;
	 border-bottom-left-radius:0px;
	 -moz-border-radius-bottomright:0px;
	 -webkit-border-bottom-right-radius:0px;
	 border-bottom-right-radius:0px;
	 -moz-border-radius-topright:0px;
	 -webkit-border-top-right-radius:0px;
	 border-top-right-radius:0px;
	 -moz-border-radius-topleft:0px;
	 -webkit-border-top-left-radius:0px;
	 border-top-left-radius:0px;
}
 .SocialMediaTable table {
	 border-collapse: collapse;
	 border-spacing: 0;
	 width:100%;
	 height:100%;
	 margin:2em 0 0 0;
	 padding:0px;
	 border: 1px solid #000000;
}
 .SocialMediaTable tr:last-child td:last-child {
	 -moz-border-radius-bottomright:0px;
	 -webkit-border-bottom-right-radius:0px;
	 border-bottom-right-radius:0px;
}
 .SocialMediaTable table tr:first-child td:first-child {
	 -moz-border-radius-topleft:0px;
	 -webkit-border-top-left-radius:0px;
	 border-top-left-radius:0px;
	 text-align: left;
}
 .SocialMediaTable table tr:first-child td:last-child {
	 -moz-border-radius-topright:0px;
	 -webkit-border-top-right-radius:0px;
	 border-top-right-radius:0px;
	 text-align: left;
}
 .SocialMediaTable tr:last-child td:first-child {
	 -moz-border-radius-bottomleft:0px;
	 -webkit-border-bottom-left-radius:0px;
	 border-bottom-left-radius:0px;
}
 .SocialMediaTable tr:hover td{
}
 .SocialMediaTable tr:nth-child(odd){
	 background-color:#ffffff;
}
 .SocialMediaTable tr:nth-child(even) {
	 background-color:#ffffff;
}
 .SocialMediaTable td{
	 vertical-align:middle;
	 border:1px solid #000000;
	 border-width:0px 1px 1px 0px;
	 text-align:left;
	 padding:10px;
	 font-size:12px;
	 font-family:Arial;
	 font-weight:normal;
	 color:#000000;
}
 .SocialMediaTable tr:last-child td{
	 border-width:0px 1px 0px 0px;
}
 .SocialMediaTable tr td:last-child{
	 border-width:0px 0px 1px 0px;
}
 .SocialMediaTable tr:last-child td:last-child{
	 border-width:0px 0px 0px 0px;
}
 .SocialMediaTable tr:first-child td{
	 background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);
	 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
	 background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");
	 background: -o-linear-gradient(top,#4c4c4c,000000);
	 background-color:#4c4c4c;
	 border:0px solid #000000;
	 text-align:center;
	 border-width:0px 0px 1px 1px;
	 font-size:14px;
	 font-family:Arial;
	 font-weight:bold;
	 color:#ffffff;
}
 .SocialMediaTable tr:first-child:hover td{
	 background:-o-linear-gradient(bottom, #4c4c4c 5%, #000000 100%);
	 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4c4c4c), color-stop(1, #000000) );
	 background:-moz-linear-gradient( center top, #4c4c4c 5%, #000000 100% );
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#4c4c4c", endColorstr="#000000");
	 background: -o-linear-gradient(top,#4c4c4c,000000);
	 background-color:#4c4c4c;
}
 .SocialMediaTable tr:first-child td:first-child{
	 border-width:0px 0px 1px 0px;
}
 .SocialMediaTable tr:first-child td:last-child{
	 border-width:0px 0px 1px 1px;
}
 .SocialMediaTable td img {
	 margin-right: 10px;
	 width:24px;
	 height:24px;
}
.fa-giphy img {
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
}

.fa-giphy {
    background: #444;
    border-radius: 50%;
    padding: 8px 0px 4px;
}

.fa-giphy:hover {
    background: #999;
}

footer .social a {
    text-decoration: none;
}
/* End Social media directory page formatting */
/*From line 834 */
/* footer p, footer li {
	*/
	/* font-size:1em;
	*/
	/*
}
*/
/* Nested Anchor Styling Within Accordians - NP 2016.10.31 */
 #A, #B, #C, #D, #E, #F, #G, #H, #I, #J, #K, #L, #M, #N, #O, #P, #Q, #R, #S, #T, #U, #V, #W, #X, #Y, #Z, #fll {
	 display: block;
	 margin-top: 5px;
}
/* Adjusting heights of timeline panels to tables over the default block setting - NP 2017.03.08 */
 .timeline > li > .timeline-panel {
	 min-height: 150px;
}
 figure {
	 margin-right:1em;
}
/* Adding Margin to the from submit button for Placement Testing widget - NP 2017.04.14 */
 button#restart {
	 margin-top: 1em;
}
 .feature-block {
	 min-height: 17px;
	 padding: 16px;
	 margin-bottom: 17px;
	 background-color: #ffffff;
	 border: 1px solid #c4c4c4;
	 border-radius: 2px;
}
/* locations site styles*/
 #equalheight {
	 overflow: hidden;
}
 div.button {
	 position: absolute;
}
 .button-content {
	 z-index: 5;
	 position: absolute;
	 right: 0;
	 bottom: 25px;
	 left: 0;
	 text-align: center;
}
 @media (max-width: 767px){
	 .button-content {
		 z-index: 5;
		 position: static;
		 right: 0;
		 bottom: 0px;
		 left: 0;
		 text-align: center;
		 margin:1em 0;
	}
}
 a.directions {
	 color: black;
}
 a.directions:hover {
	 color: #c8102e;
}
 .feature-card-left {
	 min-height: 15px;
	 padding: 15px;
	 margin-bottom: 10px;
	 background-color: #ffffff;
	 border: .5px solid #e3e3e3;
	 border-left-width: 5px;
	 border-radius: 1px;
	 font-size: 1em;
}
 .feature-card-right {
	 min-height: 15px;
	 padding: 15px;
	 margin-bottom: 10px;
	 background-color: #f2f2f2;
	 border: .5px solid #e3e3e3;
	 border-right-width: 5px;
	 border-radius: 1px;
	 font-size: 1em;
}
 .container-fluid.dark-gray h2, .container-fluid.red h2, .container-fluid.white h2, .container-fluid.light-gray h2{
	 font-weight: 600;
}
 .container-fluid.dark-gray, .container.dark-gray {
	 background-color:#222222;
	 color:#ffffff;
	 padding: 1em 1em;
	 margin-top:0em;
	 border-bottom: 10px #efefef solid;
}
 .container-fluid.dark-gray-texture, .container.dark-gray-texture {
	 background-color:#222222;
	 color:#ffffff;
	 padding: 1em 1em;
	 margin-top:0em;
	 border-bottom: 10px #efefef solid;
	 background-image: url(http://walk.niu.edu/niu/images/shield-bg-texture.png);
}
 .container-fluid.light-gray, .container.light-gray {
	 background-color:#a5a7a8;
	 color:#000000;
	 padding: 1em 1em 1em;
	 border-bottom: 10px #efefef solid;
}
 .container-fluid.red, .container.red {
	 background-color:#c8102e;
	 color:#ffffff;
	 padding: 1em 1em;
	 border-bottom: 10px #efefef solid;
}
 .container-fluid.white, .container.white {
	 padding: 1em 1em;
	 border-bottom: 10px #efefef solid;
}
 .container-fluid.white.bythenumbers, .container.white.bythenumbers {
	 position:relative;
	 background: url(https://www.niu.edu/images/by-the-numbers.jpg);
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-position: center center;
	 min-height: 250px;
	 margin-top:0em;
	/*background-size: 100%;
	 */
}
 .container-fluid.white.bythenumbers h2, .container.white.bythenumbers h2 {
	 color:#ffffff;
	 text-shadow: 2px 2px 3px #333;
}
 .see-your-future-here {
	 background-image: url(http://walk.niu.edu/niu/images/altgeld-arches.png);
	 background-size: 100%;
	 background-repeat: no-repeat;
}
 .container-fluid.dark-gray-texture{
	 background-color:#222222;
}
 .navbar-brand-root a:hover{
	 text-decoration:none;
}
 .navbar-brand-root h1, .navbar-brand-root .tagline_holder {
	 font-size: 0;
	 display: inline;
}
 .navbar-brand-root h1 span.tagline, .navbar-brand-root .tagline_holder span.tagline {
	 font-size:0;
	 display:none;
}
/** left nav section heading non-link **/
 ul.nav.nav-stacked li span.heading {
	 position: relative;
	 display: block;
	 padding: 10px 15px;
	 color: #222;
	 font-size: 15px;
	 font-weight: 600;
	 margin-bottom: 2px;
	 border-bottom: 0px;
	 border-left: 0px #fff solid;
	 background-color: #d2d2d3;
}
 main a.anchor {
	 border: none;
}
 
 blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.42857143;
    color: #5a5758;
    background-color: white;
    margin-top: 5px;
}

figcaption {
    text-align:center;
}

.rootAcademicsLeftNav + ul.nav .nav-link::after {
    display: none;
}
#quickLinksMobileGlobalNavItem {
    display: none;
}