﻿#custom #o1 #pageLayout { margin-top: 124px; } /* pulls the nav up so it's not overlaying the hero image */



/****************************************************************************/
/* CAS SharePoint 2013 Template												*/
/* Template Custom Home Page CSS											*/
/****************************************************************************/

#pageContainer,
#pageLayout,
#pageContent { width: 100%; max-width: none; }
#s4-bodyContainer { overflow: hidden; }

#custom #o1 #globalNavigation a.static span.menu-item-text { font-weight: 600; }

/*REMOVE PAGEBACKGROUND*/
#custom #o1 #s4-bodyContainer { background: #ffffff; }

/*ROTATOR*/
#rotator { width: 100%; height: auto; margin-bottom: 20px; background-color: #EEEEEE; }
#rotatorOuterWrapper .hprv2Tile { width: 100%; height: auto; }

#rotatorOuterWrapper { width: 100%; height: auto; display: flex; }
#rotatorInnerWrapper { width: 100%; height: auto; margin: auto; flex-shrink: 0; }
#rotator img { width: 100%; height: auto; }

@media only screen and (min-width: 1440px) { 
	#rotatorOuterWrapper,
	#rotatorInnerWrapper { width: 1440px; margin: auto; }
	#rotator img { width: 1440px; height: 700px; }
}

#rotator .rotatorV2ContentOuterWrapper { width: 100%; height: 300px; margin: 0 auto; position: absolute; }
#rotator .botLeft .rotatorV2ContentOuterWrapper, 
#rotator .botRight  .rotatorV2ContentOuterWrapper{ bottom: 20px; }

#goldBlocks { float: right; text-align: center; width: 100%; height:100px; }
#hprBlocks { clear: both; width: 970px; margin-left: auto; }
.hprBlock { width: 320px; display: inline-block; height: 80px; margin: 10px 0; vertical-align: bottom; font-size: 22px; font-weight: 600; }
#custom #o1 #o2 .hprBlock img { height: 45px; width: 45px; margin-bottom: 5px; }
.hprBlock a { color: #002663; }
.hprBlock a:hover { text-decoration: none; }
#hprBlock1, #hprBlock2 { border-right: 1px solid #FFFFFF; }
.hprBlockTitle { display: block; }

/** ROTATOR UNDO **/
/*#custom #rotatorOuterWrapper, #custom #rotatorInnerWrapper { margin: auto; width: 960px; }*/

/*PANELS*/
/*#custom #o1 #newsReadMoreButton { display: none; } */

#panel1 { width: 970px; margin: auto; }
.announcementItem .announcementBody { width: 100%; }

#row1OuterWrapper {  }
#row1InnerWrapper { padding: 10px 0; width: 970px; margin:auto; flex-shrink: 0; }
#panel2 { width: 630px; float: left; margin-right: 20px; }

#panel3 { margin-bottom: 30px; width: 280px; height: 684px; float: left; padding: 20px; position: relative; background-color: #C4D8E5; }

#panel4 { color: #FFFFFF; }
#EventsTitle { font-size: 30px; font-weight: 600; margin-bottom: 20px; text-align: center; }

#custom #o1 #o2 .eventTitle a { color: #FFFFFF; }
#panel4 .eventIcon { content: ""; font-size: 16px; margin-right: 3px; }
#panel4 .event { width: 100%; padding: 0; margin-bottom: 30px; } /* min-height: 130px; */
#panel4 .eventTitle { color: #FFFFFF; line-height: 22px; }
#panel4 .eventCalendar { display: none; }
#panel4 .eventDetails { margin-left: 0px; }
#panel4 .eventDescription { line-height: 16px; max-height: 80px; overflow: hidden; }
#custom #panel4 .event { background-color: transparent; }
#custom #eventsReadMoreButton.homePageButton { padding: 5px; margin: 0; position: absolute; bottom: 0px; left: 0px; color: #FFFFFF; border: 2px solid #FFFFFF; }
#custom #eventsReadMoreButton.homePageButton::after { color: #FFFFFF; }

#custom .eventDate { color: #c4d8e5; }

#ApplyNow { margin: 10px 0 20px 26px; }

#custom #o1 #o2 .profileAlumnusItem::before,
#custom #o1 .profileAlumnusName, 
#custom #o1 .profileAlumnusJobTitle, 
#custom #o1 .profileAlumnusText, 
#custom #o1 .profileAlumnusText p, 
#custom #o1 .profileAlumnusText div, 
#custom #o1 .profileAlumnusText span, 
#custom #o1 .profileAlumnusText a,
#custom #o1 #o2 #currentNavSocialTitle
	{ color: #003976; }

#goldBlocks { display: none; }

/*
#row2OuterWrapper { background-color: blue; display: flex; justify-content: center; }
#row2InnerWrapper { width: 970px; margin: 0 auto; flex-shrink: 0; }
*/
#row2OuterWrapper { background-color: #00539F; height: 655px; width: 100%; display: flex; }
#row2InnerWrapper { padding: 10px 0; max-width: 970px; margin: auto; flex-shrink: 0; }
#panel4 { width: 302px; float: left; margin-right: 23px; }
.twitter-timeline { }
#socialHomeOuterWrapper { background-color: #00539F; position: absolute; bottom: 0; left: 0; width: 320px; text-align: center; }
#custom #o1 #o2 #currentNavSocialTitle { color: #FFFFFF; padding: 0; margin-top: 5px; }
#custom #o1 #currentNavSocial { margin: 0; padding: 10px; border: medium none; }
#custom #currentNavSocial li { display: inline-block; font-size: 0; line-height: 15px; }
#panel3, #panel4 { position: relative; }
#panel4 { width: 260px; }

#panel5 { width: 645px; float: left; background-color: #36454f; height: 580px; }
#panel5b li { margin: 10px 0 0 13px; width: 198px; float: left; cursor: pointer; }
#panel5b img { width: 198px; } /*this is a shim, no clue why it's not getting new renditions */

#row3OuterWrapper { background-color: #002663; padding: 35px 0; height: 240px; }
#row3InnerWrapper { width: 970px; margin: auto; }
#collegeHPFooter .footerHPCol { width: 260px; height: 240px; float: left; padding: 0 30px; }
#collegeHPFooter .footerHPColHeader { text-transform: uppercase; font-size: 28px; font-weight: 600; margin-bottom: 10px; }
#collegeHPFooter .footerHPColText { color: #c4d8e5; margin-bottom: 20px; height: 110px; }
#collegeHPFooter .footerHPColButton { border: 1px solid #FFFFFF; background-color: transparent; margin-bottom: 10px; }
#pageContent.home a.homePageButton.footerHPColButton, 
#pageContent.home a.homePageButton.footerHPColButton:link, 
#pageContent.home a.homePageButton.footerHPColButton:visited,
#custom .homePageButton.footerHPColButton::after { color: #FFFFFF;  }
#footerHPCol1, #footerHPCol2 { border-right: 1px solid #c4d8e5; }
#footerHPCol1 .footerHPColHeader { color: #ffd200; }
#footerHPCol1 .footerHPColButton { border-color: #ffd200; }
#footerHPCol2 .footerHPColHeader { color: #ef8200; }
#footerHPCol2 .footerHPColButton { border-color: #ef8200; }
#footerHPCol3 .footerHPColHeader { color: #c4d8e5; }
#footerHPCol3 .footerHPColButton { border-color: #c4d8e5; }

/* SPPA-v2 Specific */
.profileAlumnusItem { width: 227px; margin:auto; }
.HomePageVideoBody { margin-top: 10px; }
#custom #row2OuterWrapper { height: 690px; }
#row3InnerWrapper .TabbedLinks { background-color: #FFFFFF; padding: 10px; }