/*---------FUTURE STUDENTS / STUDENT LIFE --------*/

form {height:100%;}

.navBar h1 {
	color:#fff;
	background-color:transparent;
}

/*.sideNav {
    margin-top: 15%;
}*/


/*BILLBOARD*/


.hvr-fade {
	font-family: 'Crimson Text';
  font-style: italic;
	font-weight:normal !important;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  color:#fff;
  text-decoration:none;
  padding:2% 8%;
  background-color: rgba(0, 0, 0, 0.6);
  border:1px dotted #999;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #2098d1;
  color: white;
}




#studentLife {
	clear:both;
	float:left;
	width:100%;
	/*height:60%;*/
	background-color:#eae3d4;
	/*background:url("../images/life/life-banner2.jpg") no-repeat center 80%;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/

}

#studentLife > div {
	/*width:100%;
	height: 100%;
	background: rgb(2,0,36);
background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(0,0,0,0.4) 5%, rgba(0,0,0,0) 80%);*/


	 /*background: rgba(240,238,232,0.5);
background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.45) 20%, rgba(255,254,254,0.7) 100%);*/

}

#studentLife .studentLifeIntro {
	/*width:75%;
	margin-left:auto;
	margin-right:auto;*/
	clear:both;
	width:70%;
	padding:2% 15% 0;
	}


#studentLife .studentLifeIntro h1, #studentLife .studentLifeIntro p {color:#000;}
#studentLife .studentLifeIntro h1 {
	text-transform:uppercase;
	margin-top:4%;
	margin-bottom:4%;
	/*font-weight:normal;*/
	text-align:center;
	font-size:2em !important;
}

#studentLife .studentLifeIntro h1 {
	color:#00274c;
}

.studentLifeIntro p {
	text-align:center; 
	line-height:1.5em;
	margin-left:auto;
	margin-right:auto;}

#lifeButtons {
	clear:both;
	float:left;
	width:100%;
	background-color:#00376B;
	color:#fff;
}

#lifeButtons article {
	float:left;
	width:90%;
	padding:2% 5% 3%;
}

#lifeButtons article p {
	text-align:center; 
	line-height:1.5em;
	width:75%;
	margin-left:auto;
	margin-right:auto;}


#lifeButtons ul {
	list-style-type:none;
	margin-top:20px;
}
#lifeButtons li {
	float:left;
	display:inline-block;
	width:100%;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	line-height:1.25em !important;
}

#lifeButtons li span {
	text-transform:none;
	font-size:.875em;
	color:#ccc;
}

#lifeButtons li img {text-align:center; margin-bottom:8px;}

#lifeButtons a:link li, #lifeButtons a:visited li {
	width:19%;
	padding:3%;
	color:#fff;
	text-decoration:none;
	font-size:1em;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

#lifeButtons a:hover li {
	background-color:#00274C;
}




#studentLifeBottom {
	clear:both;
	display: block;
	width:100%;
}

#studentLifeBottom img {
	width:100%;
}



.botBanner {
	clear:both !important; 
	width:100%;
	position:relative;
  }
  
 .botBanner img {position:relative; width:100%; height:auto;} 
 .botBanner p {
	 position:absolute;
	 top:90%;
	 left:55%;
	 width:50%;
 }
 .botBanner p span {
	 color:#fff;
	 background: rgba(0, 0, 0, 0.8);
	padding:2% 4%;
	}






.buttonFade {
/*  display: block;*/
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  color:#444;
  background-color:#fff;
  text-decoration:none;
  padding:2% 4%;
	border:1px solid #ccc;
}
.buttonFade:hover, .buttonFade:focus, .buttonFade:active {
  background-color: #ccc;
  color: #444 !important;
}

/*ESSENTIALS*/



.colWrap50 {
	width:50%;
	margin-left:auto;
	margin-right:auto;
}

.col50 {
	float:left;
	width:46%;}

h1 {margin-top:3%;}

a.button:link {
	background-color: rgba(0, 0, 0, 0.6);
    display: block;
    margin-bottom: 3%;
	padding: 15px 15px 15px 40px;
    width: 80%;
	color:#fff;
	text-decoration:none;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align:left !important;
}

a.button:hover {
	background-color:#0056ac;
	color:#fff;
}

.anchorLink {
	background:url(../images/icons/anchor2.png) no-repeat left center;
}

.photoLink {
	background:url(../images/icons/photo.png) no-repeat left center;
}

.clear {clear:both !important;}



/*-----TILE------*/
#section-90 {
	clear:both;
	width:90%;
	padding:1% 5%;
	background-color: white;
	border-top:1px solid #ddd;
}


		.tile-container {
			display: flex;
  flex-flow: row wrap; 
  padding: 0;
  margin: 20px 0 3%;
  list-style: none;
		}		
		
		.tile-container li {
  padding: 5px;
  /*width: 31.5%;*/		
	width:23.5%;		
	padding:0.5%;
  color: white;
  font-weight: bold;
  text-align: center;
		}

.tile-container li:last-child {margin-right: 0;}
		
		.tile-container li a {
			display: block;
			width:100%;
			height:100%;
			align-items: center;
			color:white;
			text-decoration: none;
		}
		
		.tile-container li a:hover {
			text-decoration: underline;
		}
		
		.tile-container li h2 {
			margin:0;
			width:96%;
			padding:55% 2% 5%;
			text-align: center;
			font-size:1.25em;
			font-weight: bold;
			color:white;
			text-decoration: none;
			background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 42%);
		}	
		
		
		
.life1 {
	background: url("../images/life/life1.jpg") no-repeat center center;
	background-size:cover;
}

.life2 {
	background: url("../images/life/life2.jpg") no-repeat center center;
	background-size:cover;
}

.life3 {
	background: url("../images/life/life3.jpg") no-repeat center center;
	background-size:cover;
}

.life4 {
	background: url("../images/life/life4.jpg") no-repeat center center;
	background-size:cover;
}







/* -------------- @MEDIA -------------*/
/* ----------- iPhone 1-5S and GALAXY S3-S5 ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	 .patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	#studentLife .studentLifeIntro {width:90%; padding:2% 5% 0;}
	  
	.tile-container {display: flex; flex-flow: column wrap;}
	.tile-container li {width: 98.5%; padding:0.5%;}  
	  .tile-container li:last-child {margin-left: 0;}  
	  #studentLifeBottom {visibility: hidden;}
	    * {
		  box-sizing: border-box;
	  }
	  
	  /* REFRESH */
		#itat article li {
			width: 100%;
		}


		.itat-container {
			float: none !important;
		}

		.quicklinks {
			overflow: hidden;
			float: right;
			width: 55%;
		}

		.quicklinks a {
			height: 100%;
		}

		.quicklinks a:first-child {
			width: 65% !important;
			float: left;
		}


		.quicklinks a:nth-child(2) {
			margin: 0;
			width: 20%;
		}

		.topBarNav {
			width: 100% !important;
		}


		#itat img {
			width: 100%;
			padding: 5%;
		}

		#futureBanner article {
			width:100%;
			height:100%;

		}

		#introTxt article {
			width:100%;

		}
		#section-90 {

			width:100%;

		}
		
				#footer {
			width: 100%;
		}
	  
	  main {
		  height:auto;
	  }
	  
	  .video-holder {
		  width: 100% !important;
	  }
}

/* iPhone 1-5 and Galaxy: Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	.patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	.tile-container {display: flex; flex-flow: column wrap;}
	.tile-container li {width: 98.5%; padding:0.5%;}  
	  .tile-container li:last-child {margin-left: 0;}  
	  #studentLifeBottom {visibility: hidden;}
	
}

/* ----------- iPhone 6 ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	.patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	#studentLife .studentLifeIntro {width:90%; padding:2% 5% 0;}
	  
	.tile-container {display: flex; flex-flow: column wrap;}
	.tile-container li {width: 98.5%; padding:0.5%;}  
	  .tile-container li:last-child {margin-left: 0;}  
	  #studentLifeBottom {visibility: hidden;}
	    * {
		  box-sizing: border-box;
	  }
	  
	  /* REFRESH */
		#itat article li {
			width: 100%;
		}


		.itat-container {
			float: none !important;
		}

		.quicklinks {
			overflow: hidden;
			float: right;
			width: 55%;
		}

		.quicklinks a {
			height: 100%;
		}

		.quicklinks a:first-child {
			width: 65% !important;
			float: left;
		}


		.quicklinks a:nth-child(2) {
			margin: 0;
			width: 20%;
		}

		.topBarNav {
			width: 100% !important;
		}


		#itat img {
			width: 100%;
			padding: 5%;
		}

		#futureBanner article {
			width:100%;
			height:100%;

		}

		#introTxt article {
			width:100%;

		}
		#section-90 {

			width:100%;

		}
		
				#footer {
			width: 100%;
		}
	  	  main {
		  height:auto;
	  }
	  
	  	  .video-holder {
		  width: 100% !important;
	  }
}

/* iPhone 6: Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	.patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	.tile-container {display: flex; flex-flow: column wrap;}
	.tile-container li {width: 98.5%; padding:0.5%;}  
	  .tile-container li:last-child {margin-left: 0;}  
	  #studentLifeBottom {visibility: hidden;}
}

/* ----------- iPhone 6+ ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	.patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	#studentLife .studentLifeIntro {width:90%; padding:2% 5% 0;}
	  
	.tile-container {display: flex; flex-flow: column wrap;}
	.tile-container li {width: 98.5%; padding:0.5%;}  
	  .tile-container li:last-child {margin-left: 0;}  
	  #studentLifeBottom {visibility: hidden;}
	    * {
		  box-sizing: border-box;
	  }
	  
	  /* REFRESH */
		#itat article li {
			width: 100%;
		}


		.itat-container {
			float: none !important;
		}

		.quicklinks {
			overflow: hidden;
			float: right;
			width: 55%;
		}

		.quicklinks a {
			height: 100%;
		}

		.quicklinks a:first-child {
			width: 65% !important;
			float: left;
		}


		.quicklinks a:nth-child(2) {
			margin: 0;
			width: 20%;
		}

		.topBarNav {
			width: 100% !important;
		}


		#itat img {
			width: 100%;
			padding: 5%;
		}

		#futureBanner article {
			width:100%;
			height:100%;

		}

		#introTxt article {
			width:100%;

		}
		#section-90 {

			width:100%;

		}
		
				#footer {
			width: 100%;
		}
	  	  main {
		  height:auto;
	  }
	  
	  	  .video-holder {
		  width: 100% !important;
	  }
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	.patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	.tile-container {display: flex; flex-flow: column wrap;}
	.tile-container li {width: 98.5%; padding:0.5%;}  
	  .tile-container li:last-child {margin-left: 0;}  
	  #studentLifeBottom {visibility: hidden;}

}


/* ----------- iPhone X ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
  	.patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	#studentLife .studentLifeIntro {width:90%; padding:2% 5% 0;}
	  
	.tile-container {display: flex; flex-flow: column wrap;}
	.tile-container li {width: 98.5%; padding:0.5%;}  
	  .tile-container li:last-child {margin-left: 0;}  
	  #studentLifeBottom {visibility: hidden;}
	    * {
		  box-sizing: border-box;
	  }
	  
	  /* REFRESH */
		#itat article li {
			width: 100%;
		}


		.itat-container {
			float: none !important;
		}

		.quicklinks {
			overflow: hidden;
			float: right;
			width: 55%;
		}

		.quicklinks a {
			height: 100%;
		}

		.quicklinks a:first-child {
			width: 65% !important;
			float: left;
		}


		.quicklinks a:nth-child(2) {
			margin: 0;
			width: 20%;
		}

		.topBarNav {
			width: 100% !important;
		}


		#itat img {
			width: 100%;
			padding: 5%;
		}

		#futureBanner article {
			width:100%;
			height:100%;

		}

		#introTxt article {
			width:100%;

		}
		#section-90 {

			width:100%;

		}
		
				#footer {
			width: 100%;
		}
	  
	  	  main {
		  height:auto;
	  }
	  
	  	  .video-holder {
		  width: 100% !important;
	  }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	.patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	.tile-container {display: flex; flex-flow: column wrap;}
	.tile-container li {width: 98.5%; padding:0.5%;}  
	  .tile-container li:last-child {margin-left: 0;}  
	  #studentLifeBottom {visibility: hidden;}
}





@media only screen and (min-width: 590px) and (max-width : 760px) {
	/*600 x 800*/
	.patch {display:none;}
	#wordmark, #wordmark span {display:inherit !important;}
	#topBar p.portalFind {margin-left:0% !important;}
	.topBar-sweep-to-top {/*width:45%;*/width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	#infoBar {height:100px; margin-top:0;}
	#infoBar ul {width:580px !important; margin-left:0 !important; padding-left:0 !important;}
	#infoBar li {height:100px; margin-left:0 !important; padding-left:0 !important; font-size:.75em !important;}
	#infoBar li a:link, #infoBar li a:visited {text-decoration:none;}
}


@media only screen and (max-width : 1020px) and (min-width : 760px) {
   /* 768 x 1024 and 800 x 600 */
	.patch {display:none;}
	#wordmark, #wordmark span {display:inherit !important;}
	#topBar p.portalFind {margin-left:0% !important; clear:both;}
	.navBar p {margin:0 !important;}
	  * {
		  box-sizing: border-box;
	  }
	  
	  /* REFRESH */
		#itat article li {
			width: 100%;
		}


		.itat-container {
			float: none !important;
		}

		.quicklinks {
			overflow: hidden;
			float: right;
			width: 55%;
		}

		.quicklinks a {
			height: 100%;
		}

		.quicklinks a:first-child {
			width: 65% !important;
			float: left;
		}


		.quicklinks a:nth-child(2) {
			margin: 0;
			width: 20%;
		}

		.topBarNav {
			width: 100% !important;
		}


		#itat img {
			width: 100%;
			padding: 5%;
		}

		#futureBanner article {
			width:100%;
			height:100%;

		}

		#introTxt article {
			width:100%;

		}
		#section-90 {

			width:100%;

		}
		
				#footer {
			width: 100%;
		}
	
		  main {
		  height:auto;
	  }
}

@media only screen and (max-width : 1050px) and (min-width : 1022px) {
   /* 1024 x 768 */
	.patch {display:none;}
	#wordmark, #wordmark span {display:inherit !important;}
	#topBar p.portalFind {margin-left:10% !important;}
	.navBar p {margin:0 !important;}
}