/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 03 2026 | 13:57:54 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

#Side_slide, #Side_slide #menu ul li.submenu .menu-toggle, #Side_slide .search-wrapper input.field, #Side_slide a:not(.button)
Specificity: (1,0,0)
 {
    color: #ab1e7cb5;
}

#Side_slide {
    background-color: #ab1e7cb5;
    border-color: #191919;
}

/* #Side_slide {
    display: block;
    position: fixed;
    top: 0px;
    right: -250px;
    max-width: 100%;
    width: 100% !important;
    height: 100%;
    overflow: auto;
    border-bottom-width: 60px;
    border-bottom-style: solid;
    z-index: 99999;
    z-index: 100000;
    text-align: center;
} */

/* Desktop */

.contact-wrapper{
    max-width:1200px;
    margin:auto;
    font-family:Arial,sans-serif;
}

.campus-section{
    display:flex;
    justify-content:space-between;
    gap:50px;
}

.campus{
    flex:1;
	text-align: center;
}

.campus h3{
	color: #0080da;
    margin-bottom:20px;
}

.campus p{
    line-height:1.8;
}

.email-section{
    text-align:center;
    margin:10px 0;
    font-size:18px;
}

.email-section a{
    text-decoration:none;
    color:#333;
}

.social-wrapper{
    display:flex;
    justify-content: space-evenly;
    gap: 157px;
}

.social a{
    margin-right:20px;
    text-decoration:none;
    color:#333;
}

.right{
    text-align:right;
}

.mobile-only{
    display:none;
}

.desktop-only{
    display:flex;
}

/* Mobile */

@media(max-width:768px){

.campus-section{
    display:block;
}

.campus{
    margin-bottom:35px;
}

.desktop-only{
    display:none;
}

.mobile-only{
    display:block;
    margin-top:20px;
}

.email-section{
    margin-top:30px;
}

}


/* Mobile */
@media only screen and (max-width: 767px) {
    #Subheader {
        padding: 35px 0;
    }
	.mobile-one.column {
        width: 100%;
        text-align: center;
    }
	.carousel_img img{
		width:40% !important
	}
	.carousel_img .mfn-grid-item-image{
		justify-content: space-around;
	}
	.carousel_img .mfn-grid-item-excerpt{
		text-align: center;
	}
	footer img{
		width: 120px !important;
	}
	#back_to_top {
        float: right;
    }
	
}