/*
	
TEMP CSS
Version: 1.0.4

Use this file to test new css changes before integrating the code to the proper css file. 

*/

.fdpa #page {
	padding: 0;
}

.fdpa #breadcrumb {
	position: absolute;
	width: 100%;
	z-index: 1;
}

.fdpa #breadcrumb * {
	color: white;
	border-color: white;
	text-shadow: 0 0 2px rgba(0,0,0,0.1);
}

.fdpa .feature.post-header .container {
	width: auto;
}

.fdpa #breadcrumb + #page-title {
	background-color: #999;
	padding: 10% 0 0;
	color: #fff;
	margin-top: 0;
	box-shadow: inset 0 -25em 12em -12em #f8f8f8;
	padding-bottom: 10em;
	margin-bottom: -9em;
}

.fdpa #breadcrumb + #page-title .container {
	padding: 1em 0;
}

.fdpa #breadcrumb + #page-title [class*="span"] {
	color: #fff;
	text-shadow: 0 0 1em rgba(0,0,0,0.15),
		0 0 2px rgba(0,0,0,0.3);
}

.fdpa .section-content {
	position: relative;
	z-index: 1;
}

@media (min-width:1200px) {

	.fdpa #page-title h2 {
		font-size: 5.00em;
	}

}

/* dowloads box. Cram. */

.downloads {
	background: #069 url(images/download-white.png) no-repeat;
	background-image: url(images/download-white.svg);
	
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600"><g fill="none"><g fill="#fff" fill-rule="nonzero"><path d="M300 0C134.3 0 0 134.3 0 300s134.3 300 300 300 300-134.3 300-300S465.7 0 300 0zm0 534.8c-129.7 0-234.78-105.15-234.78-234.8S170.3 65.22 300 65.22c129.7 0 234.78 105.13 234.78 234.78S429.68 534.78 300 534.78zm58.7-360.35H241.3v133.38h-73.36L300 432.06 432.06 307.8H358.7V174.45z"/></g></g></svg>');

	
	background-position: 2em center;
	background-size: 6em;
	min-height: 10em;
	box-shadow: 0 3px 6px -3px rgba(0,0,0,0.2);
	font-size: 85%;
	border: none;
}

@media (max-width:980px) {

	.downloads {
		padding-left: 10em;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

}

@media (min-width:980px) {

	.downloads {
		float: right;
		width: 30%;
		background-position:  center 2em;
		padding-top: 10em;
		text-align: center;
	}

	.downloads + table {
		overflow: hidden;
		float: left;
		width: 66%;
	}

}

.downloads + table + * {
	clear: both;
}

.downloads * {
	color: white;
}


/* Accordian stuff. Cram. */

.ss_accordian > * + * {
	padding-top: 3em;
}

.ss_accordian input,
.ss_accordian .the_content {
	display: none;
}

.ss_accordian input:checked ~ .the_content {
	display: block;
	margin-top: 2rem;
}

.ss_accordian label {
	text-transform: uppercase;
	font-size: 13px;
	color: #069;
}

.ss_accordian label:before {
	content: '+';
	display: inline-block;
	width: 1em;
	font-size: 1.5em;
}

.ss_accordian input:checked ~ * > label:before {
	content: '\00D7';
}

.ss_accordian label:hover {
	color: #000;
}


/* Expand a div. Cram. */

.expand {
	margin-top: 3em;
	margin-bottom: 3em;
	padding: 3em;
	background-color: #069;
	background-color: white;
	box-shadow: 0 3px 6px -3px rgba(0,0,0,0.2);
	overflow: hidden;
		margin-left: -3em;
		margin-right: -3em;
}

.expand > :first-child {
	margin-top: 0;
}

.expand > :last-child {
	margin-bottom: 0;
}

@media (min-width: 768px) and (max-width: 979px) {
	
	.expand {
		margin-left: 0;
		margin-right: 0;
	}
	
}








/* Gala */

.gala form td {border: none; background-color: #f0f0f0; padding: 0;}
.gala  div.post h2, .gala #page-title h2 {color: #0e2240;}


/* Inauguration */

.inauguration .container h2 {color: #0e2240;}

/* Teacher Ed */

.teacher-ed-faculty .profile article p {font-size: 1em; margin-top: 20px;}



/* Student Business Center 
-------------------------------------------------------------- */

.student-business-center div.post-text {background-color: rgba(225, 225, 224, 0.19);}
.student-business-center div.post-features {background-color: rgba(106, 165, 227, 0.74);}

.student-business-center div.post-features a {color: #0e2240;}
.student-business-center div.post-features a:hover {color: #fff;}

.student-business-center div.post-features h2 {color: #fff; font-size: 5em;}

.student-business-center #page-intro a.start {text-decoration: none;}
.student-business-center #page-intro a.start:hover {text-decoration: underline;}

.student-business-center hr {margin: 2em 0;}
.student-business-center div.post-text h1 {font-size: 4em;}

ol.faq {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol.faq > li {
    position:relative; /* Create a positioning context */
    margin:0 1em 2em 2em; /* Give each list item a left margin to make room for the numbers */
    padding:30px 30px 0px 70px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    border-top:1px solid #ddd;
	font-size: 1.1em;
}
ol.faq > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-1px;
    left:-30px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin-right:8px;
    padding:30px;
    border-top:1px solid #ddd;
    color: rgb(147, 216, 223);
    font-weight:bold;
	font-size: 4em;
    text-align:center;
}

ol.faq > li img {margin: 30px 0;}

ol.faq li a:link {text-decoration: underline;}

.transfer ol.faq h2 {margin-top: 0px; margin-bottom: 20px;}

.transfer ol.faq li {line-height: 1.6em;}



/* Slats 
-------------------------------------------------------------- */

.slats .item {
	padding: 1em;
	margin: 0 -1em;
}

.slats .item figure img {
	width: 100%;
}

@media (min-width:600px) {

	.slats .item {
		padding: 2em;
		margin: 0 -2em;
		overflow: hidden;
	}
	
	.slats .item figure {
		width: 45%;
		float: left;
		margin-right: 2em;
	}
	
	.slats .item article {
		padding-top: 0;
		overflow: hidden;
	}
	
	.slats .item article:first-child {
		background: #fff;
		border-bottom: 1px solid #ddd;
		padding: 2em;
		box-shadow: 0 0 1em rgba(0,0,0,0.05);
	}
	
}/* end @media */

@media (min-width: 980px) {

	.slats .item figure {
		width: 30%;
		margin-right: 3em;
	}
	
}/* end @media */



/* Indian Cultural Heritage Conference */
.indian .post-footer table tbody tr {background-color: #f7f4f6;}
.indian .post-footer {background-color: #f7f4f6 ;}
.indian .post-footer aside {background-color: #fff;}
.indian .post-footer th {display: none;}
.indian .post-footer table {margin-top: 1em;}
.indian .post-footer table td {padding: 1em 0;}
.indian .post-footer table td time {font-size: 1.5em; font-weight: bold; color: #777;}
.indian .post-footer table td p {margin-top: -.4em;}
.indian .post-footer table td h3 {margin-top: .2em;}
.indian .post-footer .h1 {color: #2e6399;}

@media (max-width: 420px) {

	.indian .post-footer table td time {font-size: 1.2em;}

}/* end @media */


/* RadioMenu Dropdown Content 
-------------------------------------------------------------- */
.radioMenu-group > label > p::before,
.radioMenu-group > label > h1::before,
.radioMenu-group > label > h2::before,
.radioMenu-group > label > h3::before,
.radioMenu-group > label > h4::before,
.radioMenu-group > label > h5::before,
.radioMenu-group > label > h6::before {
	content: "+ ";
}

.radioMenu-input {
	display: none;
	visibility: hidden;
}

.radioMenu-input:checked + div > div.radioMenu-content {
	display: inline-block;
	height: auto;
}

.radioMenu-input:checked + div.radioMenu-group > label > p::before,
.radioMenu-input:checked + div.radioMenu-group > label > h1::before,
.radioMenu-input:checked + div.radioMenu-group > label > h2::before,
.radioMenu-input:checked + div.radioMenu-group > label > h3::before,
.radioMenu-input:checked + div.radioMenu-group > label > h4::before,
.radioMenu-input:checked + div.radioMenu-group > label > h5::before,
.radioMenu-input:checked + div.radioMenu-group > label > h6::before {
	content: "- ";
}

div.radioMenu-content {
	height: 0px;
	display: none;
	overflow: hidden;
}

/* StudentLife Content 
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Oswald');

.parallax {
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat
}

.image {
	min-width: 40px;
	max-width: 400px;
	width: auto;
	min-height: 30px;
	max-height: 300px;
	height: auto;
	display: flex;
}

.image > * {
	float: left;
	text-align: center;
	vertical-align: middle;
}

.label {
	font-family: 'Oswald', sans-serif;
	align-self: flex-end;
	width: 100%;
	background-color: #f8f8f8;
	padding-bottom: 10px;
}