/* 
This is the section css for
Public Policy and Administration 
*/
#home-content .imgRight{
	float: right;
	padding-left: 10px;
	padding-top: 10px;
}
#home-content .imgLeft{
	float: left;
	padding-right: 10px;
}
#home-content .imgCenter{
	display: block;
	margin: 0 auto;
}
#home-content .btnProgram{
	width: 100%;
}
#home-content .width-contain{
	padding: 0% 10% 1% 10%;
	float: left;
	width: 100%;
	display: block;
}
#home-content .width-contain .row-responsive:first-of-type{
	margin-top: 20px;
	margin-bottom: 0px;
}
#home-content .width-contain .row-responsive:last-of-type{
	margin-top: 0px;
	margin-bottom: 20px;
}
#home-content .width-contain .btnFullWidth{
	margin-top: 0px;
	margin-bottom: 0px;
}
#home-content hr.purplePara{
	padding: 0% 0%;
	width: 110%;
	margin-left: -32px;
}
#home-content .grid4{
	padding-right: 20px;
}
#home-content .grid3{
	padding-right: 20px;
}
.borderCenter{
	text-align: center;
}
.borderContent{
	padding: 5% 10%;
}
.borderContent .border{
	border: 5px solid #FFE800;
	padding: 2.5%;
}
#home-content .btnFull{
	width: 100%;
}


/* == GLOBAL == */
#home-content div[class^=col] { overflow: auto; }
#home-content .col3-9 > .row-responsive > .grid9 { padding-left: 20px; }
#home-content .col4-8 > .row-responsive > .grid8 { padding-left: 20px; }
#home-content .col6-6 > .row-responsive > .grid6:nth-child(1) { padding-right: 10px; }
#home-content .col6-6 > .row-responsive > .grid6:nth-child(2) { padding-left: 10px; }
#home-content .col8-4 > .row-responsive > .grid8 { padding-right: 20px; }
#home-content .col9-3 > .row-responsive > .grid9 { padding-right: 20px; }
#home-content .col3-3-3-3 > .row-responsive > .grid3:nth-child(1){ padding-right: 10px;}
#home-content .col3-3-3-3 > .row-responsive > .grid3:nth-child(2){ padding: 0 5px;}
#home-content .col3-3-3-3 > .row-responsive > .grid3:nth-child(3){ padding: 0 5px;}
#home-content .col3-3-3-3 > .row-responsive > .grid3:nth-child(4){ padding-left: 10px;}

#home-content .tabContentContainer { overflow: auto; }

#home-content .noList {
	list-style: none;
	margin-bottom: 1em;
	margin-left: 0;
}
#home-content .btnDesktopOnly{
	display: block;
}
#home-content .btnMobileOnly{
	display: none;
}

/* == SIDE MENU == */
#home-content .sideLinks h4 { color: #763775; margin-bottom: 5px; text-transform: uppercase; }
#home-content .sideLinks ul { background-color: transparent; }
#home-content .sideLinks li { background-color: #EEE; margin-bottom: 5px;}

/* academicsDPA.aspx */
#home-content .closeList li { margin-bottom: 0; }
#home-content .coloredGrid .gridHeader { background-color: #441F49; }
#home-content .coloredGrid .gridHeader p { color: #fff;  font-weight: bold; }
#home-content .coloredGrid .grid12 p { margin: 0; }
#home-content .coloredGrid .grid12 div { padding: 5px; }
#home-content .coloredGrid .grid12:nth-child(even) { background-color: #eee; }

/* default.aspx */
#home-content .transBtn {
	width: 100%;
	font-size:1.2em;
	font-weight: bold;
	background-color: #EEE;
	color:#441F49;
	border: 2px solid #441F49;
	display: inline-block;
	margin: 0px 0px 10px 0px;
}
#home-content .transBtn a {
	color: #441F49;
	padding: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	display: block;
	text-decoration: none;
	text-align: center;
	background-image: linear-gradient(to left, transparent, transparent 50%, #441F49 50%, #441F49);
	background-position: 100% 0;
	background-size: 200% 101%;
	transition: all .2s ease-out;
}
#home-content .transBtn a:hover {
	background-position: 0 0;
	color: #EEE;
}
#home-content #btnBuild {
	display: block;
	overflow: hidden;
	padding: 10px 20px;
}
#home-content #btnBuild .transBtn:last-of-type {
	margin-bottom: 0;
}
#home-content .homeSpotLight {
	background-color: #eee;
	clear: both;
	padding: 20px;
}
#home-content #iconSection {
	border-top: 4px solid #441F49;
	border-bottom: 4px solid #441F49;
	padding: 20px;
	overflow: auto;
}
#home-content #iconSection img {
	display: block;
	margin: 0 auto;
	width: 35%;
}
#home-content #iconSection + .row-responsive { margin-top: 0; }
#home-content .fullLinkWrapper {
	clear: both;
	overflow: auto;
}
#home-content .fullLinkWrapper .pictureBtns { margin-top: 0; }
#home-content .pictureBtns { padding: 0; }
#home-content .pictureBtns .grid,
#home-content .pictureBtns .grid a { width: 100%; }
#home-content .contentSlidesContainer {
	margin-top: 0;
	padding-right: 0;
}
#home-content .contentSlides { margin-top: 0; }

#home-content .contentSlides > h4::after {
	background: #763775;
	bottom: -2px;
	content: "";
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	width: 5%;
}
#home-content .contentSlides .col4-8 > .row-responsive > .grid4 img { width: 100%; }
#home-content #topHomeSection > .row-responsive,
#home-content #halfBtns > .row-responsive { margin: 0; }
#home-content #halfBtns { margin-top: 1em; }
#home-content .naspaaImage {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}

#home-content .faIcons { float: right; }

#home-content #buttonsWide .grid4{
	padding: 0px 10px;
}
#home-content #buttonsWide .grid4 .btn{
	width: 100%;
}

/* newsEvents.aspx */
#home-content #newsEvents .col3-9 > .row-responsive > .grid3 > img { width: 100%; }
#home-content #newsEvents .col2-10 > .row-responsive > .grid2 > img { 
	width: 100%;
	padding-right: 10px;
}
#home-content #newsEvents .col2-10 > .row-responsive{
	border-bottom: 2px solid #763775;
	margin: 10px 0;
	padding: 10px 0;
	margin-top: 0;
	padding-top: 0;
}
#home-content #newsEvents .playBtn { display: none; }
#home-content .newsCaption {
	color: #763775;
	font-weight: bold;
	text-align: center;
}
#home-content .videoContainer img { width: 100%; }
#home-content #excavating { width: 100%; }

#home-content #dpaOnly{
	display: none;
}
#home-content #dpaPad .grid9{
	padding-right: 20px;
}

/* academics.aspx */
#home-content #gradAssistantships .accordion > h3{
	margin: 0;
}

/* careers.aspx */
.contentHolder .tabContainer nav>a:not(.activeTab):visited{
	color: #382140;
}

@media only screen and (max-width: 1250px) {
	/* default.aspx */
	#home-content #topHomeSection .grid4 { width: 100%; }
	#home-content .fullLinkWrapper { margin: 20px 0; }
	#home-content #btnBuild {
		display: block;
		overflow: hidden;
		padding: 0;
	}
	#home-content #btnBuild > h3 { margin-top: 0; }
	#home-content #halfBtns { margin-top: 0; }
	#home-content #halfBtns .grid6 {
		padding: 0;
		width: 100%;
	}
}

@media only screen and (max-width: 768px) {
	/* == GLOBAL == */
	#home-content .col3-9 > .row-responsive > .grid9 { padding-left: 0; }
	#home-content .col4-8 > .row-responsive > .grid8 { padding-left: 0; }
	#home-content .col6-6 > .row-responsive > .grid6:nth-child(1) { padding-right: 0; }
	#home-content .col6-6 > .row-responsive > .grid6:nth-child(2) { padding-left: 0; }
	#home-content .col8-4 > .row-responsive > .grid8 { padding-right: 0; }
	#home-content .col9-3 > .row-responsive > .grid9 { padding-right: 0; }

	#home-content .col3-3-3-3 > .row-responsive > .grid3:nth-child(1){ padding: 10px 0px;}
	#home-content .col3-3-3-3 > .row-responsive > .grid3:nth-child(2){ padding: 10px 0px;}
	#home-content .col3-3-3-3 > .row-responsive > .grid3:nth-child(3){ padding: 10px 0px;}
	#home-content .col3-3-3-3 > .row-responsive > .grid3:nth-child(4){ padding: 10px 0px;}

	
	#home-content #iconSection .tileBuilderSnippet > div.grid3, #home-content #iconSection div.grid3{
		width: 50%;
		padding: 10px;
	}
	#home-content .tileBuilderSnippet > div.grid3:nth-of-type(2n+1){
		clear: left;
	}
	#home-content #iconSection img{
		width: 100%;
		max-width: 85%;
	}
	#home-content .grid4{
		padding-right: 0px;
	}
	#home-content .btnDesktopOnly{
		display: none;
	}
	#home-content .btnMobileOnly{
		display: block;
	}
	#home-content .btnMobileFull{
		width: 100%;
	}
	
	/* default.aspx */
	#home-content .contentSlides .col4-8 > .row-responsive > .grid4 img,
	#home-content #naspaa {
		margin: 0 auto;
		width: 40%;
	}
	/* newsEvents.aspx */
	#home-content #excavating {
		margin: 0 auto;
		width: 40%;
	}
}












/*****************************************************/
/*****************************************************/
/*					NEW BRAND CSS					*/
/*****************************************************/
/*****************************************************/
.centerH2{
	text-align: center;
}
#home-content .borderContent{
	padding: 5% 20%;
}
#home-content .borderContent .border{
	padding: 2.5% 5%;
}
.centerContent .grid4{
	padding: 0px 10px;
}
.purplePara, .pyPara2, .pyPara1{
	padding: 3.5%;
}
hr.purplePara{
	padding: 0px 0px;
}
.pyPara2, .pyPara1{
	display: flex;
}
.pyPara2 .grid6:first-of-type, .pyPara1 .grid6:last-of-type{
	background-color: #FFE800;
}
.pyPara2 .grid6:last-of-type, .pyPara1 .grid6:first-of-type{
	background-color: #382140;
	height: 100%;
}
.artSocialBar{
	width: 100%;
	display: block;
	background-color: #6e3061;
	text-align: center;
	padding: 10px;
	float: left;
	margin-top: -25px;
}
#home-content .artSocialBar p{
	margin: 0px 0px;
}
.socialLogo{
	display: inline-block;
	margin-right: 5px;
	max-width: 45px;
}
#acc-section{
	padding: 1% 10% 3.5% 10%;
	float: left;
	width: 100%;
	display: block;
}
#news-split{
	padding: 3.5% 5%;
	float: left;
	width: 100%;
	display: block;
}
#home-content #news-split h2{
	text-align: center;
	margin-bottom: 10px;
}
#home-content #news-split .grid4{
	padding: 3%;
	padding-bottom: 0px;
}
#home-content #news-split #twitterBox {
	max-height: 650px;
	overflow-y: scroll;
}
#home-content .sideAccordionContent h3:first-of-type{
	margin-top: 10px;
}
#home-content .sideAccordion{
	margin-top: 20px;
}
#home-content  .slider-row{
	padding: 1% 5%;
}
#home-content .slider-row .grid4{
	padding-right: 30px;
}
#home-content #ss-page, #home-content  .slider-row{
	width: 100%;
	display: block;
	float: left;
}
#home-content #ss-page .grid6{
	display: block;
	float: left;
	padding-right: 40px;
}
#home-content #ss-page .grid6 .grid6{
	padding-right: 10px;
	padding-left: 10px;
}
#home-content #ss-page hr.purplePara, #home-content #ss-page hr.yellowPara{
	width: 100%;
	padding: 0% 0%;
	margin-left: 0px;
	margin-top: 0px;
	float: left;
}
#home-content #ss-page .grid6 ul{
	float: left;
}
#home-content .currentSeason{
	border-bottom: 3px solid #6e3061;
	padding-bottom: 20px;
}

@media only screen and (max-width:1024px){
	#home-content .borderContent{
		padding: 5% 10%;
	}
	#home-content .borderContent .border{
		padding: 2.5% 3.5%;
	}
}
@media only screen and (max-width:768px){
	.purplePara{
		padding: 20% 5% 20% 5%;
	}
	.pyPara2, .pyPara1{
		display: block;
	}
	.pyPara2 .grid6:first-of-type{
		background-color: #382140;
	}
	.pyPara2 .grid6:last-of-type{
		background-color: #FFE800;
	}
	#home-content .borderContent{
		padding: 5% 5%;
	}
	#home-content .borderContent .border{
		padding: 2.5% 2.5%;
	}
}