/****************************************************************************/
/* CAS SharePoint 2013 Template												*/
/* Template Custom Mobile CSS												*/
/****************************************************************************/

#custom #o1 #o2 #mobileFontSize0,
#custom #o1 #o2 #mobileFontSize1,
#custom #o1 #o2 #mobileFontSize2,
#custom #o1 #o2 #mobileUDLogo { display: none; }
#custom #o1 #o2 #mobileFooterBar { border: none; padding-bottom: 0; }

#custom #mobileBannerContainer { text-align: center; padding: 10px; background-color: #000000; }
#custom .mobileBannerLink { color: #FFFFFF; font-size: 20px; font-weight: 600; }

#custom #mobileMenu { margin-top: 0px; }

/* Headline Breakpoints (16 and 46 are defaults) */
@media only screen and (max-width: 700px) {
	#custom #mobileBannerTextLine1 { font-size: 11px; } 
	#custom #mobileBannerTextLine2 { font-size: 32px; } 
}
@media only screen and (max-width: 500px) {
	#custom #mobileBannerTextLine1 { font-size: 10px; } 
	#custom #mobileBannerTextLine2 { font-size: 18px; } 
}

/*These styles will be applied only in desktop resolutions*/
@media only screen and (min-width: 970px) { 
}

/* All Sizes */
@media only screen and (max-width: 969px) { 
	#custom #o1 #o2 #deptInfoFooter { display: none; }
	#custom #o1 #o2 #udFooterWrapper { margin: 0; }
	#custom footer#udFooter .udLogo_footer { top: -30px; }	
	/*Rotators*/
	#custom #rotator .rotatorV2ContentOuterWrapper,
	#custom #rotator .rotatorV2Content { position: unset; height: auto; }

	/*rows & panels*/
	#custom #panel1,
	#custom #panel2,
	#custom #panel3,
	#custom #panel4 { float: none; margin: 0; width: 100%; padding: 10px; height: auto; box-sizing: border-box; }
	#custom #panel5 { display: none; }
	#custom #row1OuterWrapper, 
	#custom #row1InnerWrapper,
	#custom #row2OuterWrapper, 
	#custom #row2InnerWrapper { display: block; height: auto; width: 100%; padding: 0; margin: 0; box-sizing: border-box; }
	#custom #row3OuterWrapper, 
	#custom #row3InnerWrapper { display: block; width: 100%; padding: 0; margin: 0; box-sizing: border-box; }

	/*hprBlocks*/
	#custom #goldBlocks { float: none; height: auto; background-color: #FFFFFF; border-bottom: 1px solid #002663; padding-top: 10px; }
	#custom #hprBlocks { width: 100%; margin: 0; position: unset; }
	#custom #o1 #o2 #pageContent.home #rotator img { width: auto; }
	#custom #o1 .hprBlock { width: 245px; }

	/*social*/
	#custom #o1 #o2 #panel4 #CASTweetsWrapper { display: none; }
	#custom #o1 #o2 #panel4 #currentNavSocial { margin: auto; }

	/*page content*/
	#custom #o1 #o2 #s4-workspace #pageContent.home { padding: 0; margin: 0; }
	#custom #o1 #o2 #s4-workspace #pageContent { padding: 10px; margin: 0; }

	/*collegefooter*/
	#custom #o1 #o2 #collegeFooterWrapper { display: none; }

	/*stupid overrides*/
	#custom #o1 #o2 #pageContent.home a.homePageButton, 
	#custom #o1 #o2 #pageContent.home a.homePageButton:link, 
	#custom #o1 #o2 #pageContent.home a.homePageButton:visited,
	#custom #o1 #o2 #pageContent.home a.homePageButton:hover, 
	#custom #o1 #o2 #pageContent.home a.homePageButton:active { font-size: 12px; }
	#custom #o1 #o2 #pageContent.home #eventsReadMoreButton { background-color: #00539f; bottom: 10px; left: 10px; }
	#custom #o1 #o2 #pageContent.home #eventsReadMoreButton:after { display: none; }
	#custom #o1 #o2 #pageContent.home #newsReadMoreButton { position: static; clear: both; float: none; padding: 5px; margin: 5px; }
	#custom #o1 #o2 #pageContent.home #newsReadMoreButton:after { display: none; }

	/* SPPA Speicific Items */
	#custom #panel3 { padding: 0; margin: 0; }
	/*#custom #panel3>.ms-webpart-zone { display: none; }*/
	#custom #panel3 .profileAlumnusItem { margin-top: 20px; }
	#ApplyNow { display: none; }
	#custom #panel3 #socialHomeOuterWrapper { padding: 10px 0 0 0; margin: 0; display: block; position: static; }
	#custom #o1 #panel3 #currentNavSocial { margin: auto; }

	#custom #o1 #row1OuterWrapper #panel2,
	#custom #o1 #row1OuterWrapper #panel3 { padding: 10px 20px; height: auto; }
	#custom #o1 #row2OuterWrapper { height: auto; padding: 10px; }
	#custom #o1 #row3OuterWrapper { height: auto; padding: 20px; }

	#custom #collegeHPFooter .footerHPColHeader { font-size: 24px; }
}

/* TABLET */
@media only screen and (min-width: 768px) and (max-width: 969px) { 
	/*news*/
	#custom #panel2 li { width: 50%; float: left; }
	#custom #o1 #o2 #pageContent.home .newsArticle { float: none; margin: 0; padding: 0; }
	#custom #o1 #o2 .newsArticleBody { width: 300px; }

	/*collegehpfooter*/
	#custom #o1 #o2 #row3InnerWrapper { width: 750px; margin: auto; }
	#custom #o1 #o2 #row3OuterWrapper { height: 300px; padding: 20px 0; }
	#custom #o1 #o2 .footerHPCol { height: 225px; width: 199px; padding: 0 25px; }

	/*news*/
	#custom #o1 #o2 #panel2 li:nth-of-type(1n+3) { display: none; }
	#custom #o1 #o2 #panel2 li:nth-child(odd) .newsArticle { margin-right:10px; width: auto; }
	#custom #o1 #o2 #panel2 li:nth-child(even) .newsArticle { margin-left:10px; width: auto; }
	#custom #o1 #o2 #panel2 li .newsArticle img,
	#custom #o1 #o2 #panel2 li .newsArticle .newsArticleBody { width: 100%; height: auto; }


	/* Profile Alumnus */
	#custom #o1 #o2 .profileAlumnusItem::before { display: block; text-align: center; }
	#custom .profileAlumnusItem { width: auto; padding: 0 20px; }
	#custom .profileAlumnusPicture { float: left; margin: 0 20px 20px 0; padding: 0; }
	#custom .profileAlumnusItem div { clear: none; float: none !important; display: block !important; }
}

/* PHONE */
@media only screen and (max-width: 767px) { 
	.hideInMobilePhoneMode { display: none; }

	#custom #o1 #o2 #pageContent.home #rotator .hprv2Tile { padding-bottom: 10px; }

	/*hprBlocks*/
	#custom #hprBlocks { text-align: left; }
	#custom #o1 .hprBlock { border: none; display: block; width: 100%; height: auto; }
	#custom #o1 .hprBlockTitle { display: inline; position: relative; top: -14px; margin-left: 10px; }
	#custom #o1 #o2 #goldBlocks .hprBlock img { margin: 0; }
	#custom #o1 .hprBlock img { padding-left: 10px; }

	/*collegehpfooter*/
	#custom #o1 #o2 .footerHPCol { border: none; float: none; width: 100%; padding: 0 0 20px 0; }

	/*news*/
	#custom #o1 #o2 #panel2 li:nth-of-type(1n+4) { display: none; }
	#custom #o1 #o2 #panel2 li .newsArticle img { width: 100%; height: auto; }

	/* SPPA Specific */
	#custom #collegeHPFooter .footerHPCol,
	#custom #collegeHPFooter .footerHPColText { height: auto; }
}