@charset "UTF-8";

@font-face {
  font-family: 'FontAwesome';
  src: url("//maxcdn.bootstrapcdn.com/font-awesome/latest/fonts/fontawesome-webfont.eot?v=4.6.3");
  src: url("//maxcdn.bootstrapcdn.com/font-awesome/latest/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), 
       url("//maxcdn.bootstrapcdn.com/font-awesome/latest/fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), 
       url("//maxcdn.bootstrapcdn.com/font-awesome/latest/fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), 
       url("//maxcdn.bootstrapcdn.com/font-awesome/latest/fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), 
       url("//maxcdn.bootstrapcdn.com/font-awesome/latest/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

body,h1,h2,h3,h4,h5,h6,p,ol,ul,li {
	/* font-size:100%; */
	/* line-height:100%; */
	/* font-weight:normal; */
	margin:0;
	padding:0;
	}


body  {
	/* background-color: #FFFFFF; */
	/* background-image: url(../images/istem.header.600px.jpg); */
	/* background-repeat: no-repeat; */
	/* background-position: center 30px; */
	font-family: Helvetica, Arial, sans-serif;
}

.site_search_form_container {
    background-color: transparent;
    border-radius: 5px;
    display: inline-block;
	border: 1px solid;
    border-color: #e6e6e6;
}

.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
    border-color: #2D343C;
    background-color: #FF552E !important;
    background-image: none;
    filter: none;
}

.il-theme .navbar .site_search_form_container {
    width: 16rem;
    margin-right: 0;
    margin-left: auto;
	
    background-color: transparent;
    border: 1px solid;
    border-color: #e6e6e6;
}

#header-search button, .site_search_form_container button {
    background-color: #f0f0f0;
    border: none;
    padding: .75rem 0.77rem;
    font-size: 0.75rem;
}

a {
	color: #003E7E;
    text-decoration: none;
}

.mainContent-top a{
	color: 	#0066cc !important;
}
	
/*.our_vision a:hover, .our_vision a:focus,
.sidebar .our_vision a:hover, .sidebar.our_vision a:focus {
color: #dd3403 !important;
text-decoration: underline;
outline: 1px dashed #dd3403;
} */

.header h1 {
    color: #FFFFFF;
    padding: 0 0 0 20px;
 }
	
.header h2 {
    color: #FFFFFF;
    padding: 0 0 0 20px;
}

.mainContent h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    padding: 12px 5px 13px 0;
}

#home {
    background-color: #FFFFFF;
    margin: 0 0 0 0;
    display: block;
}

#home .sidebar a {
    padding: .5rem 0;
}

#inside {
	margin: auto;
	max-width:1140px !important;
}

#home .mainContent img {
    max-width: 100%;
	height: auto;
}

.container {
    width: 100%;
    max-width: 1140px;
    padding: 20px 0 20px 0;
}
	/***sidebar ***/


.people img {
    height: auto;
    padding-right: 20px;
    max-width: 100%;
}

.campus-affiliates-directory table {
	margin: auto;
}

.mainContent .news .fltlft { 
    margin: 5px 25px 15px 15px !important;
	padding: 0 !important;
}

 .sidebar, #inside .sidebar, #home .sidebar {
    width: auto;
    float: none;
    padding: 20px 23px 15px 25px;
    margin: 15px -15px 20px 0;
}

#home div.picture, div.picture {
		font: italic 12px/1.6 arial, sans-serif;	
}

#home .mainContent,
#inside .mainContent {
	width: 100%;
	padding: 15px 0 10px 10px;
	margin: 0 0 30px 0;
}

#inside h4 {
    padding: 10px 0 3px 0;
	font-size: 16px;
	line-height: 22px;
}

.mainContent.mainContent-top, 
.container-fluid, 
.featured-projects2 {
	max-width: 100%;
}

.mainContent-top h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    padding: 10px 0 13px 0;
	text-align: none;	
	}

.mainContent .news h5 > img, 
.mainContent .news h4 > img {
	width: 100px;
	height: auto;
}

@media screen and (max-width: 991px)
{
	body header .navbar .dropdown-menu section h2
	{
		height: inherit;
		width: inherit;
	}
}


@media only screen and (max-width: 750px) {
	div.il-footer-navigation > a.il-button {
		margin: auto;
		
	}
	
	div.il-footer-contact, div.il-footer-navigation {
		width: 100%;
		margin: auto;
		align-items: center;
	}
	
	div.picture img {
		align-items: center;
		width: 100%;
		margin: auto;
		float: none; 
		display: block;
	}
	
	div.picture {
		font: italic 12px/1.6 arial, sans-serif;
	}
	
	.mainContent-top h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    padding: 10px 0 13px 0;
	text-align: none;	
	}
	
}

@media screen and (min-width: 751px) {
	.sidebar, #inside .sidebar, #home .sidebar {
	background-color: #F4F4F4;
	width: 250px;
	float: right;
	padding: 20px 20px
		25px 20px;
	margin: 15px -15px 60px;
	}
	
	.mainContent h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    padding: 10px 0 13px 0;
	}
	
	.mainContent-top {
    width: 96%;
    padding: 10px 0 25px 0;
    position: relative;
	text-align: justify;
  	text-justify: inter-word;
	} 
	
	.mainContent-top h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    padding: 10px 0 13px 0;
	text-align: none;	
	}
	
	.mainContent .news .fltlft {
    margin: 5px 25px 15px 0 !important;
	}
	
	div.picture img {
		align-items: center;
		max-width: 100%;
		
	}
	
	div.picture {
		font: italic 12px/1.6 arial, sans-serif;
	}
	
	.mainContent, #inside .mainContent, #home .mainContent {
	width:auto;
	padding: 5px 25px 10px 20px;
	margin: 0 0 30px 0;
	}
	
}

#inside .mainContent .campus-affiliates-directory img {
    padding: 0;
	margin: 5px 25px 15px 0;
}

.mainContent .page-title {
	padding-top: 0;
	padding: 0 0 30px 0;
}

.mainContent h3 {
	font-size: 1.2rem;
}

.mainContent h1 {
	padding: 20px 0 30px 0;
}

.mainContent h2 {
	padding: 20px 0 30px 0;
}

.mainContent h3 {
	font-size: 1.2rem;
	padding: 15px 0 15px 0
}


#inside table h4 {
	padding: 10px 0;
    font-size: 16px;
    line-height: 22px;
}

.table td h3 {
	padding: 5px;
}

#home .bullet {
	line-height: 16px;
	text-decoration:none;
	background-image: url("../images/square blue bullet");
	background-repeat: no-repeat;
	background-position: 20px .6em;
	padding: 0 5px 0 35px;
	}

#home .bullet2 {
	line-height: 16px;
	text-decoration:none;
	background-image: url("../images/square blue bullet");
	background-repeat: no-repeat;
	background-position: 20px .6em;
	padding: 0 5px 0 15px;
	}
 
.show {
    /* display: none; */
}


/*style the (+) and (-) */
.hide, .show {
    width: inherit;
    height: inherit;
    border-radius: inherit;
    font-size: inherit;
    /* color: #fff; */
    text-shadow: inherit;
    text-align: inherit;
    text-decoration: inherit;
    box-shadow: 1px 1px 2px #000;
    background: inherit;
    opacity: inherit;
    margin-right: inherit;
    /* float: left; */
    margin-bottom: inherit;
}

.hide:hover, .show:hover {
    color: #eee;
    /* text-shadow: 0 0 1px #666; */
	font-weight: 600;
    text-decoration: none;
    box-shadow: 0 0 4px #222 outset;
    opacity: 1;
    margin-bottom: 20px;
}

@media all and (min-width:1px) { .hide, 
.show {display: inline; } }

a.hide:focus + .show { display: inline; }
.show {/* display: none; */}
a.hide:focus { display: none; }

#inside .sidebar a, #home .sidebar a {
    color: #f8f9fa;
}

.right { 
    margin: 6px 0 20px 20px; 
    /*vertical-align:top;*/ 
	float:right; 
	} 
	
.left { 
	margin: 6px 20px 20px 0; 
	vertical-align:top; 
	float:left; 
	} 

.picture { 
	border: 0px solid #FFFFFF; 
	padding: 0 0 0 0; 
	font: 11px/1.4em Arial, sans-serif; 
	} 
.picture img { 
	border: 0px solid #000; 
	vertical-align:top; 
	} 

.picture .max-width1 {
	max-width: 370px;
}

.picture .max-width2 {
	max-width: 450px;
}

.picture .caption {
	/*align: bottom;*/
	font-size: 100%;
	display: inline-block; 
	padding: 4px; 
	margin: 2px 0; 
	border: solid 1px grey;
	width: 100%;
}

.card img {
    height: 168px;
    width: 214px;
}

.menu::after {
    content: "\f107"; /* Example Font Awesome down arrow */
    font-family: "Font Awesome 6 Free"; /* or correct font name */
    font-weight: 900; /* Required for some icons */
}