@charset "UTF-8";
/* CSS Document */


.header-spacer {
    height: 133px;
}

/* removed to fix positioning
.layer {
    margin: 0 0 100px 0;
}
*/

.layer {
    margin-bottom: 90px;
}

@media (max-width: 62em) {
	.layer {
		margin-bottom: 50px;
	}
}

.discoveracmbox {
    position: absolute;
    bottom: -57px;
    width: 97%;
    z-index: 900;
}

.noPadding {
    padding: 0 !important;
}

.futurestudents-gray-wrapper {
    /*background-color: #4d4d4d;*/

	background: rgb(51,50,50);
	background: linear-gradient(90deg, rgba(51,50,50,1) 0%, rgba(77,77,77,1) 30%, rgba(77,77,77,1) 70%, rgba(51,50,50,1) 100%);	
	
}    

.acm-footer-container {
    margin-top: 0px;
}
	
	
.engage-title{	
	margin-right: 40px; 
	font-size: 42px;
}

.engage-description{
	margin-right: 40px;
	font-size: 20px;	
}

	
	
.acm-font-times{	
font-family: 'Times New Roman', 'serif';	
}
	
	
.acm-card-borders{	
border-right: solid 2px #808080; 
border-bottom: solid 2px #808080;
}
	
.acm-card-borderbot{
border-bottom: solid 2px #808080;	
}
	
.acm-card-borderright{
border-right: solid 2px #808080;
}
		
.out-of-costs{
font-size: 18px;	
}

.based-on-text{	
font-size: 14px;
}	
			
		
.infobkg .h2 {
     color:#cccccc;
     position: relative;
     text-align: center;
     /* background-color:#060033; */
     font-weight: bold;
     margin: 0 auto 10px auto;
     font-size: 36px;
     width: 100%;                 /*changed from 80%*/
     z-index: 1;
}

.infobkg .h2:before {
     border-top: 5px solid #5eb6e4;
     opacity: .3;                  /*changed from .6*/
     content:"";
     margin: 0 auto;
     position: absolute;
     top: 20px;
     left: 0;
     right: 0;
     bottom: 0;
     width: 80%;
     z-index: -1;
}
	
 .visitblock {
     height: 100px;
     width:100px;
     background: url("/_resources/images/VisitUs_icon.png") no-repeat;
     margin: 15px 5px 10px 30px;                               /*changed left margin from 24px*/
}

.visitblock:hover {
     background: url("/_resources/images/VisitUs_icon_mo.png") no-repeat;
}

 @media (max-width: 48em) {
     .visitblock {
         height: 50px;
         width:50px;
         background: url("/_resources/images/VisitUs_icon50.png") no-repeat;
         margin: 18px 0px 10px 18px;
    }
}

@media (max-width: 48em) {
     .visitblock:hover {
         background: url("/_resources/images/VisitUs_icon_mo50.png") no-repeat;
    }
}	
		
 .engage-section p{
     color:#4d4d4d;
     padding:10px 0 15px 25px;
     font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	 font-size: 18px;                                                        /*added font size*/
	 
}		
		
	











	

/*I am a future... section*/		
.futurestudents-engage-bar-wrapper{
	background-color:#060033;
	width: 100%;
    height: 100%;
	margin: auto;
	max-width: 1040px;
	border-bottom:5px solid #53b6e4;
    position: relative;
		}
.futurestudents-engage-bar-wrapper:after {
    content: "";
    display:block;
    width:20%;
    height:5px;
    padding:0;
	margin:0;
    background-color:#060033;
    position: absolute;
    left:0;   
}


.futurestudents-engage-bar {margin:50px;}
		
#futuresearch .button { 
	float:right; 
	margin: -40px -5px 0 0; 
	}

.type-wrap {
    width: 100%;
    height: 100px;
	border-right: 5px solid #5eb6e4;
	border-top:none;
	background: #060033;
		}
		
#futurestudents-search-bar { 
	float: right;
	width: 400px;
	height: 80px;
	background: #060033;
	}


@media (max-width: 63em) {
	#futurestudents-search-bar { 
		width: 350px;
		}
}
		
@media (max-width: 34em) {
    #futurestudents-search-bar  {
    float:left; 
	font:14pt Verdana; 
	color: #5eb6e4  !important; 
	max-width:260px; 
	height:40px; 
	line-height:18px; 
	padding:0; 
	background:#060033;
	 
    }
}

#futuresearch .field { 
	float:left; 
	margin:15px 0 0 0; 
	font:24pt Verdana; 
	color: #5eb6e4 !important; 
	width:350px; 
	height:50px; 
	line-height:18px; 
	padding:0; 
	background:#060033;
	border:0; 
	}

@media (max-width: 63em) {
	#futuresearch .field { 
		width:300px;	
	}
}

@media (max-width: 34em) {
    #futuresearch .field  {
     float:left; 
	font:14pt Verdana; 
	color: #5eb6e4 !important; 
	width:250px; 
	height:40px; 
	line-height:18px; 
	padding:0; 
	background:#060033;
	border:0;
	margin-left: 42px;
    }
}		
		
@media (max-width: 34em) {
    #futurestudents-search-bar  {
     float:left; 
	width:300px; 
	height:40px; 
	line-height:18px; 
	padding:0; 
	background:#060033;
	border:0;
    }
}			
		
#futuresearch .button { 
	float:right; 
	margin: 20px 7px 0 0;
	width: 30px;
	}
	
	
@media (max-width: 34em) {	
#futuresearch .button { 
	float:right;
	margin: 15px -75px 0 0; /* 12px -20px 0 0; */ 
	}	
}	
	






	
		
.futurestudents-infobar-wrapper	{
	background: url(/_resources/css/images/futurestudentsinfobkg.png) no-repeat;
	height:800px;
	width:100%;
	margin-top:-3px;
		}
		
	
			
	
/*newsfeed section*/
 .feedcontainer{
     max-width:1000px;
     margin:auto;
	 padding-top:30px;
}
 .infobkg {
     padding-bottom: 120px;
     background-image: url("/_resources/images/Navy_pointed-Box.png");
     background-repeat: no-repeat;
     background-size: 100% 100%;
}
 @media (max-width: 62em) {
     .infobkg {
         background-image: none;
         background-color:#060033;
    }
}








 .getsocial{
     background-color:#e6e6e6;
     border-top: 8px solid #5eb6e4;
     max-width: 280px;
     margin:auto;
     height:350px;
	 overflow: hidden;
}

 @media (max-width: 62em) {
     .getsocial {
         max-width:100%;
         margin:auto;
    }
}
 .viewcalendar{
     background-color:#ffffff;
     border-top: 8px solid #5eb6e4;
     max-width: 310px;
     margin:auto;
     height:425px;
}


 @media (max-width: 62em) {
     .viewcalendar {
         max-width:100%;
         margin:auto;
    }
}
 .getnews{
     background-color:#e6e6e6;
     border-top: 8px solid #5eb6e4;
     max-width: 280px;
     margin:auto;
     height:350px;
	 padding: 10px 25px 5px 25px;
}
 @media (max-width: 62em) {
     .getnews {
         max-width:100%;
         margin:auto;
    }
}
	
/*engage your future section*/	
 .engage-section {
     background-color: #ffffff;
}
 .engage-section .h2{
     color:#4d4d4d;
     padding:15px 0 0 25px;
     font-style: italic;
     font-weight: bold;
     font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}
 .engage-section p{
     color:#4d4d4d;
     padding:10px 0 15px 25px;
     font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}
/*
 @media (max-width: 48em) {
     .engage-section p{
         color:#4d4d4d;
         padding:10px 0 15px 25px;
         font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
         font-size: 14px;
    }
}
*/
 .card{
     border:none;
     border-radius: 0px;
     padding:0 0 10px 0;
     max-width: 300px;
}
 .card img{
     padding:10px;
}
 .card-img-top img{
     min-width:70px;
}
 .recruit-section {
     border-bottom: 8px solid #5eb6e4;
}
 hr {
     border: 0;
     border-top: 2px solid #808080;
}
	
/*videosection*/	
 .FSvideo-section {
     background-color: #ffffff;
     border-top: 8px solid #5eb6e4;
     border-bottom: 8px solid #5eb6e4;
}
/*why ACM section*/
 .why-section{
     background-color:#ffffff;
}
 @media (max-width: 62em) {
     .why-section img {
         width:50%;
    }
}
	
/*buttons section*/	
 .FSbtns{
     background-color: #4d4d4d;
     border-bottom: 8px solid #5eb6e4;
     padding:15px;
}
 .FSbtns .h1{
     color: #ffffff;
     font-weight: bold;
     margin: auto;
     text-align: center;
     padding:15px;
}
 .FSbtns .btn{
     margin:15px 5px 15px 5px;
     width: auto;
     border-radius: 0px;
}
 .FSbtns a{
     background-color: #cccccc;
     color:#060033;
     font-weight: bold;
     font-size: 15px;
}
 .FSbtns a:hover{
     background-color: #060033;
     color:#cccccc;
}

/*discover more section*/	
 .discovermore-section{
     background-color: #ffffff;
     padding-top: 25px;
}
 .discovermore-section img{
     margin: 25px 0 25px 0;
}
 @media (max-width: 62em) {
     .discovermore-section img {
         max-width: 60%;
    }
}
	
/*recruit section*/	
 .recruit-section {
     border-bottom: 8px solid #5eb6e4;
     border-top: 8px solid #5eb6e4;
}
 .campushousing-section {
     border-bottom: 8px solid #5eb6e4;
     border-top: 8px solid #5eb6e4;
}
/*numberscroller - section 1*/
 .countbox{
     width:100%;
}
 .numscroller-info-top{
     color: #4d4d4d;
     font-size: 30px;
}
 @media (max-width: 62em) {
     .numscroller-info-top {
         font-size: 18px;
         text-align: center;
    }
}
 .numscroller-big-bottom{
     font-size: 75px;
     color: #002c5f;
     font-weight: bold;
}
 @media (max-width: 62em) {
     .numscroller-big-bottom {
         font-size: 35px;
         text-align: center;
    }
}
/*numberscroller - section 2*/
 .countbox2{
     float: right;
     width:100%;
}
 .countbox2 .h3{
     color: #4d4d4d;
     font-size: 28px;
}
 .numscroller-info-top2{
     color: #4d4d4d;
     font-size: 30px;
}
 @media (max-width: 62em) {
     .numscroller-info-top2 {
         font-size: 18px;
         text-align: center;
    }
}
 .numscroller-big-bottom2{
     font-size: 75px;
     color: #5b8f22;
     font-weight: bold;
}
 @media (max-width: 62em) {
     .numscroller-big-bottom2 {
         font-size: 35px;
         text-align: center;
    }
}
 .greensignitem{
     color: #5b8f22;
     font-size: 45px;
}
 .bluesignitem{
     color: #002c5f;
     font-size: 45px;
}
@media (max-width: 62em) {		
 .greensignitem{
     color: #5b8f22;
     font-size: 30px;
	}
}
		
@media (max-width: 62em) {		
 .bluesignitem{
     color: #002c5f;
     font-size: 30px;
	}		
}

/*Parallax sections*/
 .housing-parallax-section {
     background-attachment: fixed!important;
     height:450px;
     border-top: 8px solid #5eb6e4;
     border-bottom: 8px solid #5eb6e4;
}
 .housing-parallax-sec {
     background: url(/_resources/css/images/Angle_2.jpg) no-repeat center center;
     background-size: cover;
     color: #fff;
     position: relative;
}
 .housing-parallax-sec:before {
     content: ' ';
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
}
 .recruit-parallax-section {
     /* background-attachment: fixed!important; */
     height:450px;
     border-top: 8px solid #5eb6e4;
     border-bottom: 8px solid #5eb6e4;
}
 .recruit-parallax-sec {
     background: url(/_resources/css/images/recruiter.jpg) no-repeat fixed center center;
	 -moz-background-size: cover;
     background-size: cover;
     color: #fff;
     position: relative;
}
 .recruit-parallax-sec:before {
     content: ' ';
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
}
	
/*trapezoids*/
 .FStrap-wrapper {
     position: relative;
     z-index: 600;
     width: 280px;
     margin: 0 auto 60px auto;
}
 .FStitle-tab-text {
     font-family: 'Lucida Grande', arial, helvetica, sans-serif;
     position: absolute;
     z-index: 700;
     color: white;
     width: 280px;
     top: 10px;
     font-weight: bold;
     font-size: 24px;
     text-align: center;
}
 .FStitle-tab-text:hover {
     color: #060033;
}
 .FStrapezium-180-green {
     position: absolute;
     border-bottom: 50px solid #69BE28;
     border-left: 50px solid transparent;
     border-right: 50px solid transparent;
     height: 0;
     width: 280px;
     transform: rotate(180deg);
     z-index: 650;
}
 .FStrap-wrapper-lg {
     position: relative;
     z-index: 600;
     width: 310px;
     margin: 0 auto 60px auto;
}
 .FStitle-tab-text-lg {
     font-family: 'Lucida Grande', arial, helvetica, sans-serif;
     position: absolute;
     z-index: 700;
     color: white;
     width: 310px;
     top: 10px;
     font-weight: bold;
     font-size: 24px;
     text-align: center;
}
 .FStitle-tab-text-lg:hover {
     color: #060033;
}
 .FStrapezium-180-green-lg {
     position: absolute;
     border-bottom: 50px solid #69BE28;
     border-left: 50px solid transparent;
     border-right: 50px solid transparent;
     height: 0;
     width: 310px;
     transform: rotate(180deg);
     z-index: 650;
}
 .majorsblock {
     height: 100px;
     width:100px;
     background: url("/_resources/images/Majors_icon.png") no-repeat;
     margin:15px;
}
 .majorsblock:hover {
     background: url("/_resources/images/Majors_icon_mo.png") no-repeat;
}
 @media (max-width: 48em) {
     .majorsblock{
         height: 50px;
         width:50px;
         background: url("/_resources/images/Majors_icon50.png") no-repeat;
         margin: 10px;
    }
}
 @media (max-width: 48em) {
     .majorsblock:hover {
         background: url("/_resources/images/Majors_icon_mo50.png") no-repeat;
    }
}
 .visitblock {
     height: 100px;
     width:100px;
     background: url("/_resources/images/VisitUs_icon.png") no-repeat;
     margin: 15px 5px 10px 24px;
}
 .visitblock:hover {
     background: url("/_resources/images/VisitUs_icon_mo.png") no-repeat;
}
 @media (max-width: 48em) {
     .visitblock {
         height: 50px;
         width:50px;
         background: url("/_resources/images/VisitUs_icon50.png") no-repeat;
         margin: 18px 0px 10px 18px;
    }
}
 @media (max-width: 48em) {
     .visitblock:hover {
         background: url("/_resources/images/VisitUs_icon_mo50.png") no-repeat;
    }
}
 .costsblock {
     height: 100px;
     width:100px;
     background: url("/_resources/images/Cost_icon.png") no-repeat;
     margin:15px;
}
 .costsblock:hover {
     background: url("/_resources/images/Cost_icon_mo.png") no-repeat;
}
 @media (max-width: 48em) {
     .costsblock{
         height: 50px;
         width:50px;
         background: url("/_resources/images/Cost_icon50.png") no-repeat;
         margin: 10px;
    }
}
 @media (max-width: 48em) {
     .costsblock:hover {
         background: url("/_resources/images/Cost_icon_mo50.png") no-repeat;
    }
}
 .nowblock {
     height: 100px;
     width:100px;
     background: url("/_resources/images/Apply_icon-sm.png") no-repeat;
     margin:15px;
}
 .nowblock:hover {
     background: url("/_resources/images/Apply_icon-sm_mo.png") no-repeat;
}
 @media (max-width: 48em) {
     .nowblock {
         height: 50px;
         width:50px;
         background: url("/_resources/images/Apply_icon-50.png") no-repeat;
         margin: 10px;
    }
}
 @media (max-width: 48em) {
     .nowblock:hover {
         background: url("/_resources/images/Apply_icon-50_mo.png") no-repeat;
    }
}
 


	@media screen and (max-width: 992px) {

		.header-spacer {
    		height: 25px;
		}
			

	}
	
	
	
	
	
	
	
	
	
	
/*** KEY DATES **/


 #keyeventdates {
     float: left;
     overflow: hidden;
}
 #keyeventdates .h2 {
     color: #5b8f22;
     margin: 0 0 0 25px;
     font-weight:bold;
	 font-size: 2.5rem;
}

@media (max-width: 62em) {
    #keyeventdates .h2{
        font-size:30px;
    }
}

#keycalendarwrapper {
	width: 300px;
    height: 390px;
    overflow: auto;
}	
	
 #keyeventdates .event-block {
     width: 100%;
     padding: 0 3px 0 0;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 #keyeventdates .event-block .event {
     min-height:100px;
     padding:20px 0 0 20px;
}
 #keyeventdates .event-block .event .h3 a:link, #keyeventdates .event-block .event .h3 a:visited, #keyeventdates .event-block .event .h3 a:active {
     color: #b3b3b3; /* was: 060033 */
     font-family: Arial;
     font-size: 24px;
     font-weight: bold;
}
 #keyeventdates .event-block .event .h3 a:hover {
     color: #002f60;
}


#keyeventdates .event-block .event .locationinfo{
	color: #638b18;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
    font-weight: 600;
	font-style: italic;
}




 #keyeventdates .event-block .eventDate {
     float: left;
     height:75px;
     width: 90px;
     text-transform: uppercase;
     text-align: center;
     padding: 2px;
     color: #fff;
     margin-right: 25px;
     margin-bottom: 20px;
     border-right: solid 2px #060033;
}
 #keyeventdates .event-block .month {
     color:#999999;
     font-size: 20px;
     font-weight: bold;
     position: relative;
     top: -7px;
     left: -7px;
}
 #keyeventdates .event-block .day {
     font-weight: 900;
     font-size: 2.9rem;
     color: #3fa9f5;
     position: relative;
     top: -20px;
}
 #keyeventdates .event-block a:link {
    color:#b3b3b3;
     text-decoration:none;
}
 #keyeventdates .event-block a:visited {
    color:#b3b3b3;
     text-decoration:none;
}
 #keyeventdates .event-block a:hover {
    color:#69be28;
     text-decoration:none;
}
 #keyeventdates .event-block a:active {
    color:#0b72e8;
     text-decoration:none;
}