/* CSS Document */

/* Schools Page */
.schools-page .interior-banner {
	padding: 48px;
	margin: 0 0 60px;
}
.schools-page .interior-banner .content-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 0;
}
.schools-page .interior-banner .school-box {
	display: flex;
	position: relative;
	flex-direction: column;
	max-width: 500px;
	border-radius: 15px;
	background: #FFF;
}
.schools-page .interior-banner .school-box .school-logo {
	display: block;
	padding: 15px 30px 30px;
	text-align: center;
}
.schools-page .interior-banner .school-box .school-logo img {
	max-height: 160px;
	object-fit: contain;
}
.schools-page .interior-banner .school-box .info {
	display: flex;
	gap: 15px;
	align-items: self-end;
	font-size: 24px;
	line-height: 1.3em;
	padding: 30px;
	border-radius: 0px 0px 15px 15px;
	background: var(--Parrot-Green, #1B9E69);
	color: var(--White, var(--White, #FFF));
	border-top: 1px solid var(--Primary-Blue---Dark, #7AC9C2);
}
.schools-page .interior-banner .school-box .info:after {
  content: '\f35a';
  font-family: 'Font Awesome 6 Pro';
  font-weight: 600;
  transition: all .3s ease;
  opacity: 1;
  font-size: 36px;
}
@media (min-width: 769px) {
	.schools-page .interior-banner .school-box .mobile-image {
		display: none;
	}
}
@media (max-width: 768px) {
	.schools-page .interior-banner {
		padding: 15px;
		border-radius: 30px;
		background: var(--Primary-Green, #2A5236);
		margin: 0 0 30px;
	}
	.schools-page .interior-banner .content-image {
		display: none
	}
	.schools-page .interior-banner .school-box {
		max-width: none;
	}
	.schools-page .interior-banner .school-box .info {
		flex-direction: column;
		padding: 15px;
	}
}

.giving-section .bento-box {
	margin: 0;
}
.giving-section .bento-box h2 {
	max-width: 590px;
	margin: 15px auto 18px;
}

/* Schools details page */
.main-box.school-details {
	padding: 60px;
	padding-top: 90px;
}
.main-box .heading-details {
    margin-top: -110px;
    margin-left: -30px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 15px 30px;
    max-width: 964px;
    border-radius: 15px;
    background: var(--Primary-Blue, #B0DFDB);
}
.main-box .heading-details h1 {
    margin: 0;
    padding: 2px 0 0;
    border: none;
    line-height: 1.1em;
}
.main-box .heading-details img {
    max-width: 134px;
    max-height: 70px;
}
.main-box .top-info-details {
    display: flex;
    gap: 60px;
    justify-content: space-between;
}
.main-box .top-info-details .left {
    max-width: 360px;
    display: flex;
    gap: 30px;
    flex-direction: column;
    justify-content: space-between;
}
.main-box .top-info-details .left p {
    font-size: 24px;
    line-height: 110%;
}
.main-box .top-info-details .left .apply-details {}
.main-box .top-info-details .left .apply-details .top {
    padding: 15px 30px 30px;
    border-radius: 15px 15px 0px 0px;
    background: var(--Chartreuse, #C3DB6C);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}
.main-box .top-info-details .left .apply-details .top h2 {
    font-family: "lektorat-display-variable", sans-serif;
    margin: 0 0 0;
}
.main-box .top-info-details .left .apply-details .top .btn-layout {}
.main-box .top-info-details .left .apply-details .bottom {
    padding: 15px 30px;
    border-radius: 0px 0px 15px 15px;
    border-top: 3px solid var(--White, #FFF);
    background: var(--Chartreuse---Light, #DCEAA9);
}
.main-box .top-info-details .left .apply-details .bottom .text-link {
    color: var(--Parrot-Green---Dark, #105D3E);
}
.main-box .top-info-details .left .apply-details .bottom .text-link:hover {
    color: var(--Black, var(--Black, #231F20));
}
.main-box .top-info-details .left .apply-details .bottom .text-link:after { display: none }
.main-box .top-info-details .left .apply-details > div:first-child {
	border-top: none;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.main-box .top-info-details .left .apply-details > div:last-child {
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.main-box .top-info-details .left .already-student {}
.main-box .top-info-details .left .already-student h3 {
    color: var(--Black, var(--Black, #231F20));
    font-family: "lektorat-text-variable", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.28px;
    text-transform: uppercase;
}
.main-box .top-info-details .left .already-student ul {}
.main-box .top-info-details .left .already-student ul li {
    margin: 0 0 3px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}
.main-box .top-info-details .left .already-student ul li a {}
.main-box .top-info-details .right {
    width: calc(100% - 360px);
}
.main-box .top-info-details .right .interior-banner {}
.main-box .top-info-details .right .interior-banner .content-image {
    margin: 0;
}
.main-box .top-info-details .right .interior-banner .content-image img {}
.main-box .bottom-info-details {
    border-top: 1px solid rgba(35, 31, 32, 0.25);
    margin: 60px 0 0;
    padding: 60px 0 0;
    display: flex;
    justify-content: space-around;
    text-align: center;
}
.main-box .bottom-info-details > div {}
.main-box .bottom-info-details h2 {
    font-family: "lektorat-display-variable", sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
}
.main-box .bottom-info-details .text-link {}
.main-box .bottom-info-details .text-link:after { display: none }
.main-box .bottom-info-details .text-link.phone-link {
    font-weight: 400;
}
.main-box .bottom-info-details .social-nav {}
.main-box .bottom-info-details .social-nav li {
	font-size: 32px;
}
.main-box .bottom-info-details .social-nav li a {}
@media (max-width: 991px) {
	.main-box .top-info-details {
		flex-direction: column;
		gap: 30px;
	}
	.main-box .top-info-details > div {
		width: 100%!important;
		max-width: none!important;
	}
	.main-box .bottom-info-details {
		flex-wrap: wrap;
		row-gap: 45px;
		margin: 30px 0 0;
		padding: 30px 0 0;
	}
	.main-box .bottom-info-details > div {
		width: 50%;
	}
}
@media (max-width: 768px) {
	.main-box.school-details {
		padding: 30px;
		padding-top: 90px;
	}
	.main-box .heading-details {
	    margin-top: -90px;
	    margin-left: -30px;
	    margin-right: -30px;
	    margin-bottom: 30px;
	    padding: 15px 30px;
	    max-width: none;
	    border-radius:  15px 15px 0 0;
	}
	.main-box .heading-details h1 {
	    font-size: 20px;
	}
	.main-box .heading-details img {
	    max-width: 70px;
	}
	.main-box .bottom-info-details > div {
		width: 100%;
	}
}

/* Schools sub pages */
.navigation-box {
    display: flex;
    gap: 60px;
    justify-content: space-between;
}
.application-page .main-box {
	padding: 60px
}
.navigation-box .left {}
.navigation-box .left .school-navigation {
    width: 250px;
}
.navigation-box .left .school-navigation .school-logo {
    text-align: center;
    padding: 15px;
    border-radius: 15px 15px 0px 0px;
    border-bottom: 2px solid var(--White, #FFF);
    background: var(--Primary-Blue, #B0DFDB);
}
.navigation-box .left .school-navigation .school-logo img {}
.navigation-box .left .school-navigation .school-links {
    padding: 15px 30px 30px;
    border-radius: 0px 0px 15px 15px;
    background: var(--Primary-Blue---Light, #E6F5F4);
}
.navigation-box .left .school-navigation .school-links ul {
    margin: 0;
}
.navigation-box .left .school-navigation .school-links ul > li {
    font-family: "lektorat-text-variable", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.36px;
}
.navigation-box .left .school-navigation .school-links ul > li:not(:last-child) {
	margin: 0 0 15px!important;
}
.navigation-box .left .school-navigation .school-links ul > li > a {
	color: var(--Primary-Green, #2A5236);
    font-size: 1em;
}
.navigation-box .left .school-navigation .school-links ul > li > a:hover {
	color: var(--Black, #231F20);
}
.navigation-box .left .school-navigation .school-links ul > li > a.active {
	color: var(--Black, #231F20);
	display: flex;
	gap: 6px;
}
.navigation-box .left .school-navigation .school-links ul > li > a.active:before {
	content: '\f192';
	font-family: 'Font Awesome 6 Pro';
	font-size: 16px;
}
.navigation-box .left .school-navigation .school-links ul > li > ul {
    margin: 8px 0 0;
    margin-left: 24px;
    padding-left: 15px;
    border-left: solid 1px var(--Parrot-Green---Dark, #105D3E);
}
.navigation-box .left .school-navigation .school-links ul > li > ul > li {
    font-family: "lektorat-text-variable", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.32px;
}
.navigation-box .left .school-navigation .school-links ul > li > ul > li:not(:last-child) {
	margin: 0 0 12px!important;
}
.navigation-box .left .school-navigation .school-links ul > li > ul > li > a {
	color: var(--Parrot-Green---Dark, #105D3E);
	font-size: 1em;
}
.navigation-box .left .school-navigation .school-links ul > li > ul > li > a:hover {
	color: var(--Black, #231F20);
}
.navigation-box .left .school-navigation .school-links ul > li > ul > li > a.active {
	color: var(--Black, #231F20);
}
@media (min-width: 1201px) {
.navigation-box .right {
    width: calc(100% - 250px);
}
}

.appplication-process-section {}
.appplication-process-section .bento-box {
    background: var(--Chartreuse, #C3DB6C);
    padding: 30px;
}
.appplication-process-section .bento-box > .row { row-gap: 30px; }
.appplication-process-section .appplication-cta {
    display: block;
    height: 100%;
    padding: 30px;
    border-radius: 15px;
    background: var(--White, #FFF);
    box-shadow: 8px 8px 0px 0px var(--Chartreuse---Dark, #A8C931);
}
.appplication-process-section .appplication-cta .bnn {position: relative;display: block;padding-bottom: 78%;}
.appplication-process-section .appplication-cta .bnn img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.appplication-process-section .appplication-cta .info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 12px 0 0;
}
.appplication-process-section .appplication-cta .info h3 {
	margin: 0;
}
.appplication-process-section .appplication-cta .info:after {
	content: '\f35a';
	font-family: 'Font Awesome 6 Pro';
	color: var(--Parrot-Green, #1B9E69);
	text-align: center;
	font-size: 40px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
}

@media (max-width: 1200px) {
	.navigation-box {
		flex-direction: column-reverse
	}
}
@media (max-width: 991px) {
	.navigation-box .left {
		display: none
	}
}
@media (max-width: 768px) {
	.application-page .main-box {
		padding: 15px
	}
	.appplication-process-section .appplication-cta .bnn img {
		border-radius: 8px;
	}
}


/* Staff */
.search-staff {
    max-width: 768px;
    margin: 0 0 60px;
}
.search-staff .label {}
.search-staff .field {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	margin: 6px 0 0;
}
.search-staff .field input {
    height: 58px;
}
.search-staff .field button {}
.search-results {
    max-width: 768px;
    display: flex;
    flex-direction: column;
    gap: 60px;
    margin: 0 0 60px;
}
.search-results .item {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.search-results .item .info {
	width: calc(100%);
}
.search-results .item .photo + .info {
	width: calc(100% - 180px);
}
.search-results .item .info h2 {}
.search-results .item .info .fa-ul {
    margin: 15px 0 0 31px;
}
.search-results .item .info .fa-ul li {
    line-height: normal;
    margin: 0 0 15px;
	color: var(--Parrot-Green, #1B9E69);
}
.search-results .item .info .fa-ul li a {
    word-break: break-word;
}
.search-results .item .photo {}
.search-results .item .photo img {
	width: 160px;
	height: 160px;
	border-radius: 100px;
	border: 4px solid var(--Cadmium-Orange, #F5835B);
	object-fit: cover;
}
@media (max-width: 768px) {
	.search-staff {
	    margin: 0 0 30px;
	}
	.search-staff label {
		font-size: 16px!important
	}
	.search-staff .field input {
	    height: 47px;
	}
	.search-results {
	    gap: 30px;
		margin: 0 0 30px;
	}
	.search-staff .field {
		flex-direction: column;
		align-items: start;
	}
	.search-results .item {
	    flex-direction: column-reverse;
	}
	.search-results .item .info {
		width: 100%;
	}
	.search-results .item .info h2 {
		font-size: 26px;
		margin-top: 4px;
	}
	.search-results .item .info .fa-ul {
		margin: 6px 0 0 25px;
	}
	.search-results .item .photo + .info {
		padding-right: 110px;
		width: 100%;
	}
	.search-results .item .photo + .info .top {
		min-height: 76px;
	}
	.search-results .item .photo + .info .fa-ul {
		margin-right: -110px
	}
	.search-results .item .photo {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
	}
	.search-results .item .photo img {
		width: 80px;
		height: 80px;
	}
}