/* PLEDGE STYLES */

.pledge-banner {
	background-color: #F8F7F3;														
	margin-left:auto;
	margin-right: auto;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
    padding:3rem;
	clear: both;
    
}

.pledge-content {

    width:80%;
	margin-left:auto;
	margin-right: auto;


}

.pledge-content h2 {

    text-transform: capitalize;
    font-size: 1.25em;
font-weight: bold;
margin-bottom: .5rem;
}

.pledge-banner img {
	width:300px;

}

.pledge-banner a:link, .pledge-banner a:visited {
	color:#0F3F8C;
	text-decoration:none;
	border-bottom:2px dotted #0F3F8C;
	font-weight:bold;
}

.pledge-banner a:hover {
	color:#000;
	border-bottom-color:#000;
}



form {
	height: 100%;
}

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

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




























#costIntro {
	clear: both;
	float: left;
	width: 100%;
	height: 90%;
 	background-color: #000 !important; /* Fallback color */
    background: url(../../_resources/images/tuition-background.jpg) no-repeat 0% 60%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color: #000;
	color: #fff;
}

	#costIntro article {
		display: block;
		width: 50%;
		margin-left: 12%;
	}

		#costIntro article h1 {
			color: #fff;
			margin-top: 10%;
			margin-bottom: 30px;
			text-transform: uppercase;
			text-align: left;
			font-size: 2em !important;
			line-height: 1.5em;
		}

		#costIntro article h2 {
			color: #ff6800;
			margin-top: 1%;
			margin-bottom: 30px;
			text-transform: uppercase;
			font-weight: bold;
			text-align: left;
			font-size: 2em !important;
			line-height: 1.5em;
		}

		#costIntro article p {
			color: #fff;
			line-height: 1.5em;
			margin-bottom: 2em;
		}

		#costIntro article ul {
			list-style-type: none;
			margin-top: 30px;
		}

		#costIntro article li {
			float: left;
			display: inline-block;
			width: 100%;
			text-align: center;
			color: #fff;
			text-transform: uppercase;
			line-height: 1.25em !important;
		}

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

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

		#costIntro article a:link li, #costIntro article a:visited li {
			width: 19%;
			height: 100px;
			padding: 3%;
			color: #fff;
			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;
		}

		#costIntro article a:hover li {
			background-color: #000;
			color: #fff;
		} 










.continue {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #fff;
}



.billboard-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: #FFF;
	background-color: #333 !important;
	text-decoration: none;
	padding: 4% 16%;
	border: 1px solid #999;
	margin-bottom: 2%;
}

	.billboard-fade:hover, .billboard-fade:focus, .billboard-fade:active {
		background-color: #ccc !important;
		color: #333 !important;
	}

#value {
	clear: both;
	float: left;
	width: 100%;
	color: #444;
	background-color: #EFEEE7;
}

	#value article {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

		#value article h1 {
			color: #444;
			padding-top: 5%;
			text-transform: uppercase;
			font-weight: normal;
			margin-bottom: 3%;
			font-size: 2em !important;
		}

		#value article h2 {
			padding-top: 5%;
			font-weight: bold;
			margin-bottom: 3%;
			font-size: 1.5em !important;
		}

		#value article h3 {
			margin-bottom: 15px;
		}

		#value article p {
			line-height: 1.5em;
		}


.col2 {
	float: left;
	width: 48%;
	margin-top: 6%;
	margin-bottom: 6%;
}

.margRight4 {
	margin-right: 4%;
}

.col2 h3 {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.25em;
}

.leastDebt {
	float: left;
	margin-right: 10px;
	vertical-align: middle;
}

.highlight {
	color: #00274c;
	font-size: 1.25em;
	font-weight: bold;
}

.salaryCSUF {
	float: left;
	width: 60% !important;
	padding: 1% 3%;
	color: #fff !important;
	text-align: left;
	background-color: #000;
	background: url(../images/misc/bar-chart-arrow.png) no-repeat right #00274C;
}

.salaryNational {
	float: left;
	width: 50% !important;
	padding: 1% 3%;
	color: #222 !important;
	text-align: left;
	background-color #fff;
	background: url(../images/misc/bar-chart-arrow.png) no-repeat right #9CD0E8;
}

.salary {
	float: left;
	padding: 1% 3%;
	color: #00274c;
	font-size: 1.25em;
	color: #00274C !important;
}


#value article table {
	border: 1px solid #fff;
	width: 100%;
}

	#value article table th, #value article table td {
		padding: 2%;
		font-size: .875em;
	}

	#value article table th {
		background-color: #00274C;
		text-align: left;
		color: #fff !important;
		font-weight: 400;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
	}

	#value article table td {
		text-align: center;
		background-color: #fff;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}

	#value article table th #ColHdr2, #value article table th #ColHdr3 {
		text-align: center;
	}

	#value article table th #ColHdr2 {
		width: 80px;
	}


#lowCost {
	clear: both;
	float: left;
	width: 100%;
	color: #444;
	background-color: #EFEEE7;
}

	#lowCost article {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}

		#lowCost article h1 {
			color: #444;
			padding-top: 5%;
			text-transform: uppercase;
			font-weight: normal;
			margin-bottom: 3%;
			font-size: 2em !important;
		}

		#lowCost article p {
			line-height: 1.5em;
		}

		#lowCost article h3 {
			margin-bottom: 15px;
		}

.costNet {
	float: left;
	width: 8% !important;
	padding: 0 3%;
	color: #fff !important;
	text-align: center;
	background-color: #000;
	background: url(../images/misc/bar-chart-arrow.png) no-repeat right #ff7900;
	margin-bottom: 1%;
}

.costSticker {
	float: left;
	width: 40% !important;
	padding: 0 3%;
	color: #222 !important;
	text-align: center;
	background-color: #fff;
	background: url(../images/misc/bar-chart-arrow.png) no-repeat right #e17000;
	margin-bottom: 1%;
}

.costPublic {
	float: left;
	width: 13% !important;
	padding: 0 3%;
	color: #222 !important;
	text-align: center;
	background-color: #fff;
	background: url(../images/misc/bar-chart-arrow.png) no-repeat right #084B8A;
	margin-bottom: 1%;
}

.costNational {
	float: left;
	width: 70% !important;
	padding: 0 3%;
	color: #222 !important;
	text-align: center;
	background-color: #fff;
	background: url(../images/misc/bar-chart-arrow.png) no-repeat right #00274C;
	margin-bottom: 1%;
}

.cost {
	float: left;
	padding: 0 2%;
	color: #00274c;
	font-size: 1.25em;
	color: #00274C !important;
	margin-bottom: 1%;
}

.costTxt {
	clear: both;
	margin-top: 0;
	font-size: .875em !important;
}







#tuition {
	clear: both;
	width: 100%;
	background-color: #084B8A;
}


	#tuition article {
		width: 66%;
		padding: 3%;
		margin-left: auto;
		margin-right: auto;
	}

		#tuition article h1 {
			color: #fff;
			padding-top: 5%;
			margin-bottom: 30px;
			text-transform: uppercase;
			font-weight: normal;
			margin-bottom: 3%;
			background-color: #084B8A;
			font-size: 2em !important;
		}

		#tuition article p.clear {
			color: #fff;
			background-color: #000;
			background: none;
		}

hr.style6 {
	clear: both !important;
	border-top: 2px dotted #ccc;
	border-bottom: none;
	margin: 5% 0 5%;
}

#tuition article h2 {
	font-size: 1.5em;
	font-weight: 500;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
}

/*#tuition article ul {float:right; margin-top:-20px; width:40%;}*/
#tuition article ul {
	margin-left: auto;
	margin-right: auto;
}

#tuition article li {
	text-align: center;
	padding-bottom: 1%;
	color: #fff;
}

.costNumber {
	font-size: 1.25em;
}

#tuition article li strong {
	font-size: 1.25em;
}

.mcbe {
	text-align: center;
	font-size: .875em !important;
	line-height: 1.5em;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.disclaimer {
	text-align: center;
	color: #fff;
	font-family: 'Crimson Text';
	font-style: italic;
	font-size: 1.25em;
	line-height: 1.5em;
	letter-spacing: 0.015em;
	margin: 5% 0;
}

	.disclaimer a:link, .disclaimer a:visited {
		color: #fff;
		text-decoration: none;
		font-family: 'Crimson Text';
		font-style: italic;
		border-bottom: 1px dotted #fff;
	}



.CostCol {
	float: left;
	width: 19.75%;
	min-width: 240px;
	height: 100%;
	text-align: center;
	border-right: 1px dotted #bbb;
	overflow: hidden;
	position: relative;
}

	.CostCol h3 {
		text-align: center;
		color: #fff;
	}



	.CostCol ul {
		clear: left;
		float: left;
		position: relative;
		left: 10%;
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: center;
	}

	.CostCol li {
		float: left;
		display: inline-block;
		width: 42%;
		min-width: 88px;
		margin-bottom: 3%;
		position: relative;
		background: url(../images/core/circle-white.png) no-repeat top center;
	}

		.CostCol li:first-child {
			margin-right: 10px;
		}

		.CostCol h3, .CostCol li p {
			color: #fff;
		}

	.CostCol h3 {
		margin-bottom: 3%;
	}

	.CostCol li h4 {
		color: #00274C;
		padding-top: 45px;
		text-align: center;
		height: 80px;
		width: 110px;
		margin-left: auto;
		margin-right: auto;
	}

	.CostCol li p {
		text-align: center;
		margin-top: 5px;
		font-size: .875em;
	}


.costLink {
	clear: both;
	width: 99.2%;
	padding: 13px 0 26px;
	border-top: 1px dotted #bbb;
	border-bottom: 1px dotted #bbb;
}

	.costLink p {
		float: right;
		font-size: .875em;
		color: #fff;
		margin: 0 !important;
		padding: 0 !important;
	}

.clear {
	clear: both !important;
}

a.button:link {
	background-color: rgba(0, 0, 0, 0.45);
	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;
}

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



.costRanking {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.costRanking li {
		float: left;
		display: inline-block;
		width: 30%;
		margin-right: 3%;
	}

		.costRanking li:last-child {
			margin-right: 0;
		}

		.costRanking li img {
			margin-bottom: 20%;
		}







.cost-intro-text {
    padding: 1rem;
    margin-top: 180px;
    background-color: rgba(0, 0, 0, 0.6); /* Black background, 60% opacity */
    color: white; /* Optional: ensure text stays readable */
}

		#costIntro article h1 {
			color: #fff;
			 margin-top: unset; 
			 margin-bottom: unset; 
			text-transform: uppercase;
			text-align: left;
			font-size: 2em !important;
			 line-height: 1.5em;
		}

                    .tiles{
                        margin-left:auto;
                        margin-right:auto;
                        	clear: both;
	                    width:90%;
                        height:auto;
                        padding-top: 2rem;
                        padding-bottom: 4rem;
                    }
.tiles-container {
    padding-top:2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin: 20px 0;
}

.tile {
  position: relative;
  flex: 1;
  height: 200px;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease;
}

/* .tile:hover {
  transform: scale(1.02);
} */

.tile a {
  display: block;
  width: 100%;
  height: 100%;
  color: white;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.4); /* dark overlay */
  display: flex;
  align-items: center;
  justify-content: center;
}

.tile h2 {
  margin: 0;
  padding: 0 10px;
  font-size: 22px;
  text-align: center;
      font-weight: bold;
}

.housingLink {
  text-align: center;
  font-size: 16px;
}

/* Specific background images for each tile */
.tile.cost {
  background-image: url('../../_resources/images/cost-tile-1.jpg');
}

.tile.apply {
  background-image: url('../../_resources/images/apply-tile-2.jpg');
}

.tile.scholarships {
  background-image: url('../../_resources/images/scholarships-tile-3.jpg');
}

.tile.faq {
  background-image: url('../../_resources/images/faq-tile-3.jpg');
}
@media (max-width: 768px) {
  .tile {
    flex: 1 1 100%;
  }
}

.cta {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

	.ctaLink a:link, .ctaLink a:visited {
		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: #fff;
        		background-color: #00274c;
		
		text-decoration: none;
		padding:15px 35px;
		/*border:1px solid #00274c;*/
		text-align: center;
		font-size: 1em;
	}

	.ctaLink a:hover, .ctaLink a:focus, .ctaLink a:active {
background-color: white;

        	color: #00274C;
	}



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

	#costIntro {
		background-image: none !important;
		height: auto;
	}

		#costIntro article {
			width: 90%;
			margin-left: 0;
			padding: 5%;
		}

			#costIntro article h1 {
				text-align: center;
				font-size: 1.75em !important;
				line-height: 1.25em;
			}

			#costIntro article h2 {
				text-align: center;
				font-size: 1.75em !important;
				line-height: 1.25em;
			}

			#costIntro article li {
				clear: both !important;
				float: none;
				display: block;
			}

			#costIntro article a:link li, #costIntro article a:visited li {
				width: 94%;
			}

	#value article {
		width: 96%;
	}

		#value article h1, #tuition article h1 {
			font-size: 1.5em !important;
		}

	.col2 {
		clear: both;
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.margRight4 {
		margin-right: 0 !important;
	}

	.col2 p {
		text-align: center;
	}

	.leastDebt {
		clear: both;
		float: none;
		margin-right: auto;
		margin-left: 30%;
		margin-bottom: 3%;
		vertical-align: auto;
		text-align: center;
	}

	.col2 h3 {
		font-size: 1em !important;
		margin-bottom: 4%;
	}

	.costTxt {
		text-align: left !important;
	}

	#tuition article {
		width: 94%;
	}

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

	#costIntro {
		height: auto;
		background-position: 25% 60%;
	}

		#costIntro article {
			width: 90%;
			margin-left: 0;
			padding: 0 5%;
		}

			#costIntro article h1 {
				font-size: 1.5em !important;
				margin-top: 3%;
				padding-top: 0;
			}

			#costIntro article h2 {
				font-size: 1.5em !important;
				line-height: 1.25em;
			}

			#costIntro article p, #costIntro article ul {
				width: 75%;
			}

			#costIntro article a:link li, #costIntro article a:visited li {
				width: 40%;
				font-size: .75em !important;
			}

	#value article {
		width: 96%;
	}

		#value article h1, #tuition article h1 {
			font-size: 1.5em !important;
		}

	.col2 {
		clear: both;
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.margRight4 {
		margin-right: 0 !important;
	}

	.col2 p {
		text-align: center;
	}

	.leastDebt {
		clear: both;
		float: none;
		margin-right: auto;
		margin-left: 40%;
		margin-bottom: 3%;
		vertical-align: auto;
		text-align: center;
	}

	.col2 h3 {
		font-size: 1em !important;
		margin-bottom: 4%;
	}

	.costTxt {
		text-align: left !important;
	}

	#tuition article {
		width: 94%;
	}
}

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

	#costIntro {
		background-image: none !important;
		height: auto;
	}

		#costIntro article {
			width: 90%;
			margin-left: 0;
			padding: 5%;
		}

			#costIntro article h1 {
				text-align: center;
				font-size: 1.75em !important;
				line-height: 1.25em;
			}

			#costIntro article h2 {
				text-align: center;
				font-size: 1.75em !important;
				line-height: 1.25em;
			}

			#costIntro article li {
				clear: both !important;
				float: none;
				display: block;
			}

			#costIntro article a:link li, #costIntro article a:visited li {
				width: 94%;
			}

	#value article {
		width: 96%;
	}

		#value article h1, #tuition article h1 {
			font-size: 1.5em !important;
		}

	.col2 {
		clear: both;
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.margRight4 {
		margin-right: 0 !important;
	}

	.col2 p {
		text-align: center;
	}

	.leastDebt {
		clear: both;
		float: none;
		margin-right: auto;
		margin-left: 30%;
		margin-bottom: 3%;
		vertical-align: auto;
		text-align: center;
	}

	.col2 h3 {
		font-size: 1em !important;
		margin-bottom: 4%;
	}

	.costTxt {
		text-align: left !important;
	}

	#tuition article {
		width: 94%;
	}

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

	#costIntro {
		height: auto;
		background-position: 25% 60%;
	}

		#costIntro article {
			width: 90%;
			margin-left: 0;
			padding: 0 5%;
		}

			#costIntro article h1 {
				font-size: 1.5em !important;
				margin-top: 3%;
				padding-top: 0;
			}

			#costIntro article h2 {
				font-size: 1.5em !important;
				line-height: 1.25em;
			}

			#costIntro article p, #costIntro article ul {
				width: 75%;
			}

			#costIntro article a:link li, #costIntro article a:visited li {
				width: 40%;
				font-size: .75em !important;
			}

	#value article {
		width: 96%;
	}

		#value article h1, #tuition article h1 {
			font-size: 1.5em !important;
		}

	.col2 {
		clear: both;
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.margRight4 {
		margin-right: 0 !important;
	}

	.col2 p {
		text-align: center;
	}

	.leastDebt {
		clear: both;
		float: none;
		margin-right: auto;
		margin-left: 40%;
		margin-bottom: 3%;
		vertical-align: auto;
		text-align: center;
	}

	.col2 h3 {
		font-size: 1em !important;
		margin-bottom: 4%;
	}

	.costTxt {
		text-align: left !important;
	}

	#tuition article {
		width: 94%;
	}
}

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

	#costIntro {
		background-image: none !important;
		height: auto;
	}

		#costIntro article {
			width: 90%;
			margin-left: 0;
			padding: 5%;
		}

			#costIntro article h1 {
				text-align: center;
				font-size: 1.75em !important;
				line-height: 1.25em;
			}

			#costIntro article h2 {
				text-align: center;
				font-size: 1.75em !important;
				line-height: 1.25em;
			}

			#costIntro article li {
				clear: both !important;
				float: none;
				display: block;
			}

			#costIntro article a:link li, #costIntro article a:visited li {
				width: 94%;
			}

	#value article {
		width: 96%;
	}

		#value article h1, #tuition article h1 {
			font-size: 1.5em !important;
		}

	.col2 {
		clear: both;
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.margRight4 {
		margin-right: 0 !important;
	}

	.col2 p {
		text-align: center;
	}

	.leastDebt {
		clear: both;
		float: none;
		margin-right: auto;
		margin-left: 40%;
		margin-bottom: 3%;
		vertical-align: auto;
		text-align: center;
	}

	.col2 h3 {
		font-size: 1em !important;
		margin-bottom: 4%;
	}

	.costTxt {
		text-align: left !important;
	}

	#tuition article {
		width: 94%;
	}

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

	#costIntro {
		height: auto;
		background-position: 25% 60%;
	}

		#costIntro article {
			width: 90%;
			margin-left: 0;
			padding: 0 5%;
		}

			#costIntro article h1 {
				font-size: 1.5em !important;
				margin-top: 3%;
				padding-top: 0;
			}

			#costIntro article h2 {
				font-size: 1.5em !important;
				line-height: 1.25em;
			}

			#costIntro article p, #costIntro article ul {
				width: 75%;
			}

			#costIntro article a:link li, #costIntro article a:visited li {
				width: 40%;
				font-size: .75em !important;
			}

	#value article {
		width: 96%;
	}

		#value article h1, #tuition article h1 {
			font-size: 1.5em !important;
		}

	.col2 {
		clear: both;
		float: none;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.margRight4 {
		margin-right: 0 !important;
	}

	.col2 p {
		text-align: center;
	}

	.leastDebt {
		clear: both;
		float: none;
		margin-right: auto;
		margin-left: 40%;
		margin-bottom: 3%;
		vertical-align: auto;
		text-align: center;
	}

	.col2 h3 {
		font-size: 1em !important;
		margin-bottom: 4%;
	}

	.costTxt {
		text-align: left !important;
	}

	#tuition article {
		width: 94%;
	}
}


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

	.costRanking li {
		clear: both;
		float: none;
		display: block;
		width: 100%;
		margin-right: 0;
	}

		.costRanking li img {
			margin-bottom: 0%;
		}

	.leastDebt {
		clear: both;
		float: none;
		display: block;
		margin-right: 0;
		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*/
	.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;
	}

	#costIntro {
		height: 90%;
		background: url(../images/banners/cost-bg2.jpg) no-repeat top center fixed;
	}

		#costIntro article {
			margin-left: 18%;
		}

			#costIntro article a:link li, #costIntro article a:visited li {
				width: 44%;
				font-size: .875em;
			}

	* {
		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 */
	.patch {
		display: none;
	}

	#wordmark, #wordmark span {
		display: inherit !important;
	}

	#topBar p.portalFind {
		margin-left: 10% !important;
	}

	.navBar p {
		margin: 0 !important;
	}

	#costIntro {
		height: 90%;
		background: url(../images/banners/cost-bg2.jpg) no-repeat top center fixed;
	}

		#costIntro article {
			margin-left: 15%;
		}

			#costIntro article a:link li, #costIntro article a:visited li {
				width: 44%;
				font-size: .875em;
			}
}