/* 
This is the section css for
Office of Student Connection and Belonging 
*/

#connection-belonging-home .centerContent {
    padding: 5% 10% 0;
    display: block;
    float: left;
    width: 100%;
}

#connection-belonging-home .eventsSection p.psuedoHead4 {
    text-align: center;
    padding: 0% 5%;
    display: block;
    width: 100%;
    float: left;
}

/* CARD SECTION */

#home-content .eventsSection h2{
	text-align: center;
}

#home-content .eventsSection {
	display: block;
	width: 100%;
	float: left;
	padding: 0 6% 6%;
}

#home-content .eventsSection .grid4 {
	padding: 15px;
}
#home-content .eventsSection #cardSection .card h3 {
	font-size: 1.6em;
    line-height: 1.2em;
    margin-bottom: 20px;
    margin-top: 25px;
    text-align: left;
    text-transform: uppercase;
    color: #441F49;
    padding: 0 15px;
}

#home-content .eventsSection #cardSection .card p {
    padding: 0 15px 20px;
}


#home-content #cardSection {
	float: left;
	width: 100%;
}
#home-content #cardSection .grid3{
	padding: 10px;
}
#home-content #cardSection > .row-responsive{
	display: flex;
}
#home-content #cardSection .grid4{
	padding: 10px;
}



#home-content .card{
	border: 2px solid #eee;
	border-top: 7px solid #441F49;
	background-color: #fff;
	float: left;
	width: 100%;
	height: 100%;
}

#home-content .card img{
	display: block;
}
#home-content .card .slides{
	min-height: 300px;
}



@media only screen and (max-width: 768px) {
	#home-content #cardSection > .row-responsive {
		display: block;
	}
}
#home-content #program-overview {
    float: left;
    display: block;
    width: 90%;
	margin-left: 5%;
}
#home-content #program-overview .weekday {
    background-color: #6e3061;
    padding: 15px 25px;
    color: #FFF;
    font-size: 1.5em;
    font-weight: bold;
}
#home-content #program-overview .weekday-info {
    padding: 0px 25px 25px;
}

#home-content #program-logistics {
    float: left;
    display: block;
    width: 100%;
    background-color: #382140;
    padding: 2% 5% 5%;
    margin-top: 5%;
}

#home-content #program-logistics h3, #home-content #program-logistics p {
	color: #FFF;
}
#home-content #contact-info {
	text-align: center;
    float: left;
    display: block;
    width: 100%;
}