/*
 * Schools
*/

#main .title-row {
	padding: 4em 0 3em;
}

.title-row-left {
	margin-right: 4em;
	padding: 0 15px;
	max-width: 31em;
}

.title-row-right {
	padding: 0 15px;
}

.title-row h2 {
	line-height: 1.11;
}

.title-row p {
	max-width: 40em;
	font-family: Mulish;
	font-size: 1.29em;
	line-height: 1.5;
}

.school-list .col-lg-3,
.school-list-cat .col-lg-3 {
	margin-bottom: 1.9em;
}

.schools-item {
	display: flex;
	flex-direction: column;
	height: 100%;
	cursor: pointer;
	box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);
}

.schools-item-img {
	max-height: 14.36em;
	position: relative;
}

.schools-item-img:before {
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.28);
	position: absolute;
}

.schools-item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.schools-item-text {
	display: flex;
	align-items: center;
	height: 100%;
	background: #7BA1AB;
	color: #fff;
	min-height: 3.57em;
	padding: 0.35em 1.5em 0.35em 1.06em;
	font-family: Mulish;
	font-weight: 800;
	font-size: 1.5em;
	line-height: 1.24;
}

.schools-item-hidden {
	display: none;
}

.school-hidden {
	display: none;
	position: relative;
	background: #F2F2F2;
	margin-bottom: 1.9em;
	padding: 4em 1em;
}

.school-hidden .close {
	position: absolute;
	top: 1em;
	right: 1em;
	cursor: pointer;
}

.schools-item-hidden-content {
	max-width: 38em;
	margin: auto;
}

.schools-item-hidden-title {
	margin-bottom: 0.7em;
	font-family: Mulish;
	font-weight: 800;
	font-size: 1.5em;
	line-height: 1.24;
	color: #121212;
}

/*.schools-item-hidden-content a {
	font-weight: 500;
	color: #7BA1AB;
}*/

.school-list-cat {
	padding: 40px 0;
}

.school-list-cat:nth-of-type(2n+1) {
	background-color: #f2f2f2;
}

.school-list-cat .subtitle {
	margin-bottom: 1em;
	font-family: Mulish;
	font-size: 1.29em;
}

.school-list-cat:nth-of-type(2n+1) .school-hidden {
	background: #fff;
}


/*
 * RESPONSIVE STYLES
*/

/* Large desktop */
@media (max-width: 1199px){
	
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 991px) {
	.schools-item-text {
		padding: 0.35em 0.5em 0.35em 0.6em;
		z-index: 1;
	}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.schools-item {
		height: auto;
	}

	.schools-item-mobile .schools-item-hidden-content {
		margin-top: 2em;
		padding: 2em 1em;
	}


}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	
}

@media (max-width: 359px) {
	
}