/*---FRESHMEN----*/

/*ESSENTIALS*/
form {height:100%;}

.navBar h1 {
	color:#fff;
	background-color:transparent;
	font-family:'Crimson Text';
	padding-top: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}

p, ul {line-height:1.5em;}





/*FRESHMEN*/
#freshmenBanner {
	float:left;
	width:100%;
/* 	height:85%; */
	  background-color:#000;
	background:url(../images/banners/freshmen-banner.jpg) no-repeat 50% 28%;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}



#freshmenBanner article {
	padding-top:25%;
	margin-left:auto;
	margin-right:auto;
	color:#fff;
	background: rgba(0, 0, 0, 0.25); /* black wash, 50% opacity */
}



#freshmenBanner article h1 {
	/* border-bottom:5px solid #fff; */
	text-transform:uppercase;
	margin-bottom:4%;
	padding:5px 0 25px;
	text-align:center;
	font-size:2em !important;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
}


#freshmenBanner article p {text-align:center;}

#freshmenResources {
	clear:both;
	float:left;
	width:100%;
	background-color:#D3EFFA;
	color:#444;
}
#freshmenResources article {
	width:94%;
	padding:3%;
}


#freshmenResources article h2 {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size:1.25em !important;
}

#freshmenResources article p {text-align:center;}

/*#freshmenResources article ul {
    width:75%;
    margin-left:auto;
	margin-right:auto;
	list-style-type:none;
	margin-top:30px;
	background-color:#D3EFFA;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}*/



#freshmenResources article ul.row1 {
	width:75%;
	margin-left:auto;
	margin-right:auto;
	list-style-type:none;
	margin-top:30px;
	background-color:#D3EFFA;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#freshmenResources article ul.row1 li {
	float:left;
	display:inline-block;
	width:33%;
	text-align:center;
	color:#333;
	text-transform:uppercase;
	line-height:1.25em !important;
	margin-bottom:5%;
}

#freshmenResources article ul.row2 {
	width:60% !important;
	margin-left:auto;
	margin-right:auto;
}

#freshmenResources article ul.row2 li {
	float:left;
	display:inline-block;
	width:50%;
	text-align:center;
	color:#333;
	text-transform:uppercase;
	line-height:1.25em !important;
	margin-bottom:5%;
}




/*#freshmenResources article li {
	float:left;
	display:inline-block;
	width:33%;
	text-align:center;
	color:#333;
	text-transform:uppercase;
	line-height:1.25em !important;
	margin-bottom:5%;
}*/

#freshmenResources article li span {
	text-transform:none;
	font-size:.875em;
	color:#565656;
}

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

#freshmenResources article li a {
        display:block;
        padding:3%;
}

#freshmenResources article li a:link, #freshmenResources article li a:visited {
	/*width:19%;*/
	/*padding:3%;*/
	color:#084B8A;
	text-decoration:none;
	font-size:.875em;
	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;
  font-size:1em;
}

#freshmenResources article li:hover {
	background-color:#fff;
	color:#333;
}


#freshmenImage {
	clear:both;
	width:100%;
}
#freshmenImage img {
	width:100%;
	height:auto;
}


#social {
	clear:both;
	float:left;
	width:100%;
	padding-top:3%;
	padding-bottom:3%;
	background-color:#000;
	background:url(../images/banners/social-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#fff;
}



#social article {
	width:75%;
	margin-left:auto;
	margin-right:auto;
	padding:2% 2% 8%;
	  background: rgba(0, 0, 0, 0.1); /* black wash, 50% opacity */
}

#social p {
	text-align:center;
	margin-bottom:2%;}

#social ul {
	list-style-type:none;
	margin:0 auto;
}

#social li {
	float:left;
	display:inline;
	width:33%;
	text-align:center;
}


#contact {
	clear:both;
	float:left;
	width:100%;
	padding-top:5%;
	padding-bottom:5%;
	background-color:#D3EFFA;
}

#contact article {
	width:75%;
	margin-left:auto;
	margin-right:auto;
	/*padding:2% 2% 15%;
	border:1px dotted #444;*/
	background-color:#D3EFFA;
}

#contact article h2 {
	font-weight:bold;
	text-align:left;
	line-height:1.75em;
}

#contact article p {
	font-size:.938em;
	line-height:1.75em;
	}
	
	
#contact article a:link, #contact article a:visited {
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #000;
}

/*#contact article {
	width:75%;
	margin-left:auto;
	margin-right:auto;
	padding:2% 2% 15%;
	border:1px dotted #444;
	background-color:#D3EFFA;
}

#contact h2 {
	text-transform:uppercase;
	font-weight:bold;
	font-size:1em !important;
	text-align:center;
	
}

#contact p {
	text-align:center;
margin-bottom:25px;}*/



.col2 {
	float:left;
	width:48%;
	text-align:left;
}


.margRight8 {margin-right:4%;}

/*.contactButton{
	display:block;
	width:50%;
	text-align:center;
}
	

#contact ul {
	list-style-type:none;
	margin:0 auto;
}

#contact li {
	float:left;
	display:inline;
	width:25%;
	text-align:center;
}
*/

.contact-fade {
  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:#00274C;
  text-decoration:none;
  padding:4% 1%;
	border:2px solid #00274c;
	text-align:center;
	font-size:.875em;
}
.contact-fade:hover, .contact-fade:focus, .contact-fade:active {
  background-color: #00274c;
  color:#fff;
  
}

.clear {clear:both !important;}


/* PLEDGE STYLES */
#pledge .navBar {
	float:none;
}
.pledge-content {
	margin-left: auto;
	margin-right:auto;
	width:65%;
	font-family: 'Roboto', Arial, sans-serif;
}

.pledge-content {
	font-size: 1.25em;
	margin-bottom: 1em;
}

.pledge-content h2 {
	text-align: center;
	font-size:2.0em;
	font-weight: bold;
	padding:2rem;
	padding-top:5rem;
}

.pledge-content h3 {
	padding:2rem;
	text-align: center;
	font-weight: bold;
	font-size:1.25em;
	margin-bottom: 1em;
}

.pledge-content a {
	color:#0F3F8C;
	text-decoration-style: dotted;
}

.pledge-content a:hover {
	color:#000;
	text-decoration: underline;
}



.pledge-steps {
	margin-top:1rem;
	text-align: left;
}

.pledge-content ul {
	list-style-type: disc;
}
.pledge-content ul {
	list-style-type: disc;
}

.pledge-content ul li {
	margin-bottom: 1em;
}

/* -------------- @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;}
	
	 #freshmenBanner {height:65%; background-position:43% 100%;}
	#freshmenBanner article {width:90%; padding-top:55%;}
	#freshmenBanner article h1 { line-height:1.063em; border-bottom:none; padding:5px 0 5px;}
	#freshmenResources article ul.row1 {width:100%;}
	#freshmenResources article li {clear:both !important; float:none; display:block;}
	#freshmenResources article a:link, #freshmenResources article a:visited {text-decoration:none !important;}
	#freshmenResources article a:link li, #freshmenResources article a:visited li {width:94% !important; margin-bottom:20px;}
	#social article {width:96%;}
	#social li img {width:60%; height:auto;}
	#contact article {width:95%;}
	#contact article p {width:100%;}

         #freshmenResources article ul {display: block;}
          #freshmenResources article li {
         float:none;
         display:block;
         width: 100%
     }
	  
	  
		* {
			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%;
		}
	  
	  .pledge-content {

		  width:80%;

	  }



	  .pledge-content h2 {
			padding-top:4em;
		  font-size:1.5em;

	  }

}

/* 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 {display:none;}
	#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;}
	
	 #freshmenBanner {height:70%; background-position:50% 35%;}
	#freshmenBanner article {width:90%; padding-top:18%;}
	#freshmenBanner article h1 {border-bottom:none; padding:5px 0 5px;}
	#freshmenResources article ul.row1 {width:100%;}
	#social article {width:96%;}
	#social article p {font-size:.875em !important;}
	#contact article {width:95%;}
	#contact article p {width:60%;}
    


}

/* ----------- 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;}
	
	#freshmenBanner {height:65%; background-position:43% 100%;}
	#freshmenBanner article {width:90%; padding-top:55%;}
	#freshmenBanner article h1 { line-height:1.063em; border-bottom:none; padding:5px 0 5px;}
	#freshmenResources article ul.row1 {width:100%;}
	#freshmenResources article li {clear:both !important; float:none; display:block;}
	#freshmenResources article a:link, #freshmenResources article a:visited {text-decoration:none !important;}
	#freshmenResources article a:link li, #freshmenResources article a:visited li {width:94% !important; margin-bottom:20px;}
	#social article {width:96%;}
	#social li img {width:60%; height:auto;}
	#contact article {width:95%;}
	#contact article p {width:100%;}
	  
	  
		* {
			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%;
		}

}

/* 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;}
	
	#freshmenBanner {height:70%; background-position:50% 35%;}
	#freshmenBanner article {width:90%; padding-top:18%;}
	#freshmenBanner article h1 {border-bottom:none; padding:5px 0 5px;}
	#freshmenResources article ul.row1 {width:100%;}
	#social article {width:96%;}
	#social article p {font-size:.875em !important;}
	#contact article {width:95%;}
	#contact article p {width:50%;}
}

/* ----------- 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;}
	
	#freshmenBanner {height:65%; background-position:43% 100%;}
	#freshmenBanner article {width:90%; padding-top:55%;}
	#freshmenBanner article h1 { line-height:1.063em; border-bottom:none; padding:5px 0 5px;}
	#freshmenResources article ul.row1 {width:100%;}
	#freshmenResources article li {clear:both !important; float:none; display:block;}
	#freshmenResources article a:link, #freshmenResources article a:visited {text-decoration:none !important;}
	#freshmenResources article a:link li, #freshmenResources article a:visited li {width:94% !important; margin-bottom:20px;}
	#social article {width:96%;}
	#social li img {width:60%; height:auto;}
	#contact article {width:95%;}
	#contact article p {width:100%;}
	  
	  
		* {
			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%;
		}

}

/* 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;}

	#freshmenBanner {height:70%; background-position:50% 35%;}
	#freshmenBanner article {width:90%; padding-top:20%;}
	#freshmenBanner article h1 {border-bottom:none; padding:5px 0 5px;}
	#freshmenResources article ul.row1 {width:100%;}
	#social article {width:96%;}
	#social article p {font-size:.875em !important;}
	#contact article {width:95%;}
	#contact article p {width:50%;}
}


/* ----------- 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;}
	
	#futureBanner {background-position:left center;}
	 #futureBanner article h1 {font-size:1.5em !important;}
	 .introTxt {width:90%; font-size:.75em;}
	 .banner-fade {width:98%; font-size:.75em;}
	  
	.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;}  
	  
	  
		* {
			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%;
		}

	  
}

/* 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;}
	
	#futureBanner {background-position:left center; height:auto !important;}
	 #futureBanner article h1 {font-size:1.5em !important;}
	 .introTxt {width:96%; font-size:.75em;}
}






@media only screen and (min-width: 590px) and (max-width : 760px) {
	/*600 x 800*/
	#freshmenBanner {
	height:75%;}
	.freshmenBannerWrap {
	width:96%;}
	.pointerE0EEF5 {visibility:hidden;}
	a.button:link {
	background-color: rgba(0, 0, 0, 0.65);}
	#freshmenChecklist article, #freshmenPoints article, #freshmenDates article, #freshmenProcess article, #SATACT article, #ELMEPT article, #freshmenContacts article {
	width:96% !important;}
	.col50Left {min-height:220px;}
	.col50Right {min-height:220px;}
}

@media only screen and (max-width : 1020px) and (min-width : 760px) {
   /* 768 x 1024 and 800 x 600 */
   #freshmenBanner {height:60%; background-position:center top;}
   #freshmenBanner article {padding-top:42%;  width:50%;}
   #freshmenBanner article h1 {color:#fff !important;}
	#freshmenResources article ul.row1 {width:90%;}
	#contact article p {width:50%;}
	#social article {width:90%;}
	
	
		* {
			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%;
		}

}

@media only screen and (max-width : 1050px) and (min-width : 1022px) {
   /* 1024 x 768 */
   #freshmenBanner {height:80%; background-position:center top;}
   #freshmenBanner article {padding-top:30%; width:50%;}
   #freshmenBanner article h1 {color:#fff !important;}
   #freshmenResources article ul.row1 {width:90%;}
   #contact article p {width:40%;}
}