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


.header-spacer {
    height: 106px;
}

@media (max-width: 62em) {

	.header-spacer {
		height: 10px;
	}	
	
}	


.acm-slider-logo-graphic{
	display: none;	
}

.acm-bluebg-wrapper {
	width: 100%;
	background-color: #070034;
}	
	
.acm-body-content{
	min-height:900px;
}		

.acm-bluebar {
	width: 100%;
	background-color: #3fa9f5; /* was: #5eb6e4 */
	height: 10px;
}	
	

	
	
			
		
		
	 /*ICONS*/
    	.blackboardicon {
          height: 100px;
		  width:100px;
            background: url("/_resources/images/brightspace-icon.png") no-repeat;
    		margin: auto;
        }
        .blackboardicon:hover {
            background: url("/_resources/images/brightspace-icon_mo.png") no-repeat;
        }
    	.coursesicon {
            height: 100px;
		width:100px;
            background: url("/_resources/images/course-icon.png") no-repeat;
    		margin: auto;			
        }
        .coursesicon:hover {
            background: url("/_resources/images/course-icon_mo.png") no-repeat;
        }
    	.emailicon {
            height: 100px;
		width:100px;
            background: url("/_resources/images/email-icon.png") no-repeat;
    		margin: auto;
        }
        .emailicon:hover {
            background: url("/_resources/images/email-icon_mo.png") no-repeat;
        }
    	.libraryicon {
           height: 100px;
			width:100px;
            background: url("/_resources/images/learning-commons-icon.png") no-repeat;
    		margin: auto;
        }
        .libraryicon:hover {
            background: url("/_resources/images/learning-commons-icon_mo.png") no-repeat;
        }
    	.selfserviceicon {
            height: 100px;
			width:100px;
            background: url("/_resources/images/selfservice-icon.png") no-repeat;
    		margin: auto;
        }
        .selfserviceicon:hover {
            background: url("/_resources/images/selfservice-icon_mo.png") no-repeat;
        }
    	.bookstoreicon {
             height: 100px;
			width:100px;
            background: url("/_resources/images/bookstore-icon.png") no-repeat;
    		margin: auto;
        }
        .bookstoreicon:hover {
            background: url("/_resources/images/bookstore-icon_mo.png") no-repeat;
        }
    	.calendaricon {
        height: 100px;
		width:100px;
            background: url("/_resources/images/calendar-icon.png") no-repeat;
    		margin: auto;
        }
        .calendaricon:hover {
            background: url("/_resources/images/calendar-icon_mo.png") no-repeat;
        }
    	.facultystafficon {
             height: 100px;
		width:100px;
            background: url("/_resources/images/facstaff-icon.png") no-repeat;
    		margin: auto;
        }
        .facultystafficon:hover {
            background: url("/_resources/images/facstaff-icon_mo.png") no-repeat;
        }
    	.feedbackicon {
             height: 100px;
		width:100px;
            background: url("/_resources/images/navigate-icon.png") no-repeat;
    		margin: auto;
        }
        .feedbackicon:hover {
            background: url("/_resources/images/navigate-icon_mo.png") no-repeat;
        }
    	.ithelpicon {
            height: 100px;
		width:100px;
            background: url("/_resources/images/ithelp-icon.png") no-repeat;
    		margin: auto;
        }
        .ithelpicon:hover {
            background: url("/_resources/images/ithelp-icon_mo.png") no-repeat;
        }
    	.voteicon {
            height: 100px;
		width:100px;
            background: url("/_resources/images/vote-icon.png") no-repeat;
    		margin: auto;
        }
        .voteicon:hover {
            background: url("/_resources/images/vote-icon_mo.png") no-repeat;
        }



		
/*STUDENT CARDS*/	
		
@media (min-width: 34em) {
    .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

@media (min-width: 48em) {
    .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count:2;
    }
}

@media (min-width: 62em) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

 .student-card-header{
     background-color:#060033;
     color:#69be28;
     font-size:22px;
     font-weight:bold;
     padding:15px;
}
 .student-card{
     background-color: #e4e6e7;
     display: inline-block;
     position: relative;
     margin-top: 20px;
	 width: 100%;
	 padding-bottom:20px;
}

 .student-card-body ul{
     list-style-type: none;
	  
	 
}
 .student-card-body ul li a{
     color:#4d4d4d;
     border-bottom:solid 1px #060033;
	 font-weight: bold;
	 
}
 .student-card-body ul li ul li a{
     color:#4d4d4d;
     border-bottom:none;
	 font-weight: normal;
	 
}
 .student-card-body ul li a:hover{
     color:#ffffff;
     background-color:#4d4d4d;
}
 .student-card-img-top {
     width: 100%;
     border-top-left-radius:0;
     border-top-right-radius: 0;
}


/*ICON BANNER*/
	.student-icon-banner {
        background: #060033;
        margin: 30px 0 0 0;
    	color:#ffffff;
    	
    	}
    .student-icon-banner a{
    	color:#a5acaf;
    	text-decoration: none;
    	}
   	.student-icon-banner a:hover{
    	color:#69be28;
    	}	
    .student-icon-banner p {
        text-align: center;
		font-size: 16px;
		font-weight: bold;
		
    }	
     .student-icon-banner p:hover{
        text-align: center;   
    }	

	.card-body{
		padding: .3rem;
		}	
			
/*BANNERBOTTOM (GREY)*/
 .student-icon-bannerbottom {
        background: #4d4d4d;
        height: 110px;
    	} 	
.student-icon-bannerbottom h1{
    	color:#ffffff;
    	font-weight: bold; 
		position: relative; 
		font-size: 50px;
    	top: -13px;
	    left: 10px;
		}  
		
@media (min-width: 48em) {
    .student-icon-bannerbottom img {
        width: 350%;
		position: relative;    
    	top: -40px;
		left:15px;
    }
}
@media (min-width: 62em) {
    .student-icon-bannerbottom img {
        width: 300%;
		position: relative;
    	top: -89px;
		left: 12px;	
    }
}
@media (min-width: 75em) {
    .student-icon-bannerbottom img {
        width: 275%;
		position: relative;
    	top: -121px;
		left: 14px;		
    }
}
	
.breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 4px 0 0 12px;
    margin-bottom: 1rem;
    list-style: none;
    background-color:transparent;
    border-radius: 0;		
}	
.breadcrumb a {
    color: #5EB6E4;
    text-decoration: none;
    background-color: transparent;
	}	
.breadcrumb-item.active {
    color: #ccc; /* was: 808080 */
}		
@media (min-width: 20em) {
    .student-icon-banner {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
		
    }
}				
@media (min-width: 34em) {
    .student-icon-banner {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}
@media (min-width: 48em) {
    .student-icon-banner {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count:1;
    }
}
@media (min-width: 62em) {
    .student-icon-banner {
        -webkit-column-count:1;
        -moz-column-count: 1;
        column-count: 1;
    }
}
		

@media (max-width: 34em) {
    .student-icon-banner p {
       font-size:14px;
		
    }
}
		
	/* KEY DATES*/
 #studentkeydates {
     float: left;
     overflow: hidden;
     background-color:#cccccc;
	 width: 100%;
}
 #studentkeydates .h2 {
     color: #5b8f22;
     margin: 0 0 0 25px;
     font-weight:bold;
	 font-size: 2.5rem;
}

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

.students-view-calendar{
	float: right;
	margin: 5px 0 5px 0;
}

 #studentannouncements .h2 {
     color: #060033;
     font-weight: bold;
	 
}

 #studentkeydates .event-block {
     width: 100%;
     padding: 0 3px 0 0;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 #studentkeydates .event-block .event {
     min-height:100px;
     padding:20px 0 0 20px;
}
 #studentkeydates .event-block .event .h3 a:link, #studentkeydates .event-block .event .h3 a:visited, #studentkeydates .event-block .event .h3 a:active {
     color: #002f60; /* was: 060033 */
     font-family: Arial;
     font-size: 24px;
     font-weight: bold;
}
 #studentkeydates .event-block .event .h3 a:hover {
     color: #69be28;
}
 #studentkeydates .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;
}
 #studentkeydates .event-block .month {
     color:#4d4d4d;
     font-size: 20px;
     font-weight: bold;
     position: relative;
     top: -7px;
     left: -7px;
}
 #studentkeydates .event-block .day {
     font-weight: 900;
     font-size: 2.9rem;
     color: #5eb6e4;
     position: relative;
     top: -20px;
}
 #studentkeydates .event-block a:link {
    color:#0b72e8;
     text-decoration:none;
}
 #studentkeydates .event-block a:visited {
    color:#0b72e8;
     text-decoration:none;
}
 #studentkeydates .event-block a:hover {
    color:#69be28;
     text-decoration:none;
}
 #studentkeydates .event-block a:active {
    color:#0b72e8;
     text-decoration:none;
}
/*ANNOUNCEMENTS & NEWS*/

 .studentnewsdatesbox{
     border-bottom: solid 10px #5eb6e4;
}


 #studentnews .h2 {
     color: #002f60; /* was: 060033 */
     font-weight: bold;
	 font-size:2.5rem;
}

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



 #studentnews {
	 float: left;
     overflow: auto;
}
		
 #studentnews .event-block {
     width: 100%;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
}
 #studentnews .event-block .event {
     min-height:90px;
     padding-top:20px;
	 
}



 #studentnews .event-block .event .h3 a:link, #studentnews .event-block .event .h3 a:visited, #studentnews .event-block .event .h3 a:active {
     color: #4d4d4d;
     font-family: Arial;
     font-size: 24px;
}

 #studentnews .event-block .event .h3 a:hover {
     color: #060033;
}

 #studentnews .event-block .eventDate {
     float: left;
     height: 75px;
     width: 35px;
     margin-right: 25px;
     border-right: solid 2px #4d4d4d;
}
 #studentnews .event-block .month {
     display:none;  
}
 #studentnews .event-block .day {
     display:none;
		}
 #studentnews .event-block a:link {
    color:#0b72e8;
    text-decoration:none; 
}
 #studentnews .event-block a:visited {
    color:#0b72e8;
    text-decoration:none;
}
 #studentnews .event-block a:hover {
    color:#69be28;
    text-decoration:none;
}
 #studentnews .event-block a:active {
    color:#0b72e8;
    text-decoration:none;
}
		
#studentnewscalendar { 
     height: 272px;
     overflow: auto;
	
}	
		
#studentcalendardata {
     height: 280px;
     overflow: auto;
}	
		
		
/*SCROLL*/		
		
.news-scroll_container {
    background-color:#ffffff;
    width:auto;
    height:375px;
    /*border-top:10px solid #060033;*/
    overflow:hidden; 
	margin:0px 10px 10px 10px;
	
}

@media (max-width: 48em) {
	
	
.keydates-scroll_container {
	border-top:20px solid #5eb6e4;
}	
.news-scroll_content {
    position:relative;
    width:auto;
    height:500px;
    top:-17px;
    padding:20px 10px 20px 10px;
    overflow-y:auto;
}
.keydates-scroll_container {
    background-color:#cccccc;
    width:auto;
    height:375px;
    overflow:hidden;
	margin:0px 10px 0px 10px;
}
.keydates-scroll_content {
    position:relative;
    width:auto;
    height:500px;
    top:-17px;
    padding:20px 10px 20px 10px;
    overflow-y:auto;
}
	
}