/* 	CUSTOMIZED CSS BY ALEX
		These are buttons that are not the primary action on a page.  They should draw less visual
		attention than the standard button
*/

 

.rectangle1{float:left;width:165px; padding: 0px 5px;}/* 4 columns padding: top-bottom  left-right */
.rectangle75{float:left;width:70%; padding: 0px 5px;}/* 4 columns padding: top-bottom  left-right */
.rectangle-button{float:left;width:400px; padding: 25px 5px; 0px; 5px; background-color:#B4D5E7; color:#333; margin-left:10px;}/* 4 columns padding: top-bottom  left-right */

.rectangle-button-studentlaptops{float:left;width:100%; text-align:center;}/* 4 columns padding: top-bottom  left-right */

.rectangle-button2{float:left;width:30%; padding: 0px 5px; color:#333; margin-left:10px;; background-color:#B4D5E7; color:#333; }/* 4 columns padding: top-bottom  left-right */

.rectangle-33p{float:left;width:30%; padding: 0px 5px; color:#333; margin-left:10px;}/* 4 columns padding: top-bottom  left-right */
.rectangle-grad{float:left;width:300px; padding: 0px 5px;}/* 4 columns padding: top-bottom  left-right */
.rectangle2{float:left;width:330px; padding:5px; padding-left:10px; padding-right:0px; min-height:50px;}/* 3 columns */
.boxAds1{float:left;width:250px; padding:5px; padding-left:10px; padding-right:0px; min-height:50px;}/* 3 columns */
.centerit{ text-align:center;}

#main a{ text-decoration:underline;}

/* updated by alex */
.sociallinks2 a:before {
    font-family: 'icomoon';
    color:#002130;
    font-weight: normal;
    font-size:3em;
    speak: none;
    display: inline-block;
	
    transition:all .5s ease;
	

	line-height:1.2em;
 
}




.sociallinks2 a:hover:before {
	color:rgba(0,0,0,.5);
}
/* updated by alex */


.yellow {
    background: #f7edb8;
    color: #7a2021;
}
 
 .notification-inner:before {opacity:.7;}
 
 .mobile-menu-open:before{ color:#000;}
 
 
/* Ipad hamburger icon and menu - accessbility color*/
@media screen and (max-width: 1100px) 
{
 
nav div.mobile-menu-open a {
     
    color:#646569 !important;
}
}