/*!
Theme Name: 魅影社区 Maitland-Newcastle HQ - 魅影社区MN Theme
Theme URI: https://beech.agency/
Author: Beech Agency
Author URI: https://beech.agency/

Template: cso-master
Requires Parent Theme: 1.2

Description: A theme for the 魅影社区 Maitland-Newcastle HQ 
Version: 1.5
Tested up to: 6.4
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: csomasterchild-csohq
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

/* --------------------------------------------------------------*/

:root {
	--primary-dark : #2b3990;
	--primary-light : #8DC63F;
	--secondary-dark : #00AEEF;
	--secondary-light : #D8F3FD;
	--warning : #C92D2D;
	--success : #2DC98D;

	--gradient-primary-end : #d7d823;
	--gradient-secondary-end : #2b3990;

	--ff-helvetica : "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

	--ff-sans : var(--ff-helvetica);
	--ff-serif : var(--ff-helvetica);
}

h1, h2 { font-weight: var(--fw-bold); }


.block.has-school-style::after {
	top: 50%;
	translate: 0% -50%;
	right: 5vw;
}

.block.has-school-style.has-secondary-dark-background-color::after,
.block.has-school-style.has-primary-dark-background-color::after,
.block.has-school-style.has-black-background-color::after {
	content:  url('/wp-content/themes/cso-master-child-head-office/images/csomn-hq-school-style.png');
	opacity: 0.1;
}

.block.has-school-style.has-secondary-light-background-color::after,
.block.has-school-style.has-primary-light-background-color::after,
.block.has-school-style.has-white-background-color::after,
.block.has-school-style.has-transparent-background-color::after {
	content:  url('/wp-content/themes/cso-master-child-head-office/images/csomn-hq-school-style-black.png');
	opacity: 0.1;
}
.has-primary-light-background-color .has-primary-light-background-color {
	background: transparent;
}
.has-primary-light-background-color .btn:not(.btn-secondary) {
	--base-background-color: transparent;
}
.has-primary-light-background-color .btn:hover {
	--base-background-color: var(--primary-light);

}

.block.text-block__image_text.image-inset.block.has-primary-dark-background-color {
	position: relative;
}
.block.text-block__image_text.image-inset.block.has-primary-dark-background-color::after {
	position: absolute;
	z-index : 0;
	bottom: 0;
	right: 0;
	content: '';
	background-image: url('/wp-content/themes/cso-master-child-head-office/images/corner-gradient-bottom-light-blue.svg');
	background-position: bottom right;
	background-size: contain;
	width: 36%;
	height: 50%;
	background-repeat: no-repeat;
}
.block.text-block__image_text.image-inset.block.has-primary-dark-background-color > div {
	position: relative;
	z-index: 1;
}

.block .text-wrapper.text-center {
	text-align: center;
}

.has-primary-light-background-color {
	background: transparent linear-gradient(220deg, var(--gradient-primary-end) 0%, var(--primary-light) 84%, var(--primary-light) 100%) 0% 0% no-repeat padding-box;
}
.has-secondary-light-background-color {
	background: transparent linear-gradient(220deg, var(--secondary-dark) 0%, var(--gradient-secondary-end) 84%, var(--gradient-secondary-end) 100%) 0% 0% no-repeat padding-box;
}

header.has-black-background-color .btn {
	--base-background-color: transparent;
}
header.has-black-background-color .btn:hover {
	color: var(--black);
}

nav img.logo, aside img.logo {
	transform: translate(0, -1rem);
	max-height: 4.56rem;
	max-width: 100%;
}
.site-search-outer img.logo {
	width: auto;
	max-height: 4.56rem;
}
nav.header-alternative img.logo {
	margin-top: -2rem;
    transform: translate(0, 1rem);
}

.header-auxiliary-nav p {
	opacity: 0.8;
}

footer .flow-columns {
	columns: 4;
	gap: 2rem;
}

ul.footer-school-list, ul.school-list {
	margin: 1rem 0 2rem; 
	padding: 0;
	list-style: none;
	font-size: var(--fs-s1);
}

ul.footer-school-list li {
	margin-bottom: 0.75rem;
}

ul.footer-school-list.two-cols {
	columns: 2;
}

footer > div.xy-grid {
	padding-top: 4rem;
	padding-bottom: 2rem;
}

footer .term-dates {font-size: var(--fs-s2);}
footer .term-dates b { font-weight: bold; text-transform: uppercase; }
footer .term-dates .pipe { display: inline-block; padding-inline: 0.5rem; }
footer .term-dates .pipe:last-of-type { display: none; }

footer .footer-logo img {
	max-width: 18rem;
	width: 100%;
	margin-top: 0;
}

footer div nav.xy-col { display: flex;align-items: center; font-size: var(--fs-s1); }
footer .nav-footer { margin-right: 1.5rem; }
.nav-footer-auxiliary ul { gap: 1.5rem; }
footer .nav-footer > ul { display: flex; gap: 1.5rem; }
footer .nav-footer > ul > li {
	font-size: var(--fs-s1);
}

footer > .xy-grid:last-of-type .xy-col:last-of-type > .xy-flex {
	border-top: 1px solid rgba(255,255,255,0.4);
} 
footer .social {
	justify-content: flex-end;
}
footer .social a img {
	min-height: 0;
	height: 1.5rem;
}

footer .phone { margin-bottom: 0; }

.footer-acknowledgement { margin-top: 1rem; }
.footer-acknowledgement p.small {
	font-size: var(--fs-s2);
	max-width: 42rem;
}

/* School pages */
.school-details img {
	margin-bottom: 2rem;
}
.block.columns .text-column.school-details.align-center,
.block.columns .text-column.school-details.align-right {
	padding-right: 0;
}
.school-details.align-center { text-align: center; }
.school-details.align-center img { margin-inline: auto; }

.school-details.align-left { text-align: left; }
.school-details.align-left img { margin-inline: 0 auto; }

.school-details.align-right { text-align: right; }
.school-details.align-right img { margin-inline: auto 0; }

.text-block__text .school-details span.location {/* display: block; */}

.school-btn-row {
	--base-background-color: transparent;
	margin: 2rem 0;
	gap: 1rem;
	display: flex;
}
.school-btn-row .btn:hover {
	color: var(--white);
}
.school-btn-row .btn:hover .icon {
	filter: brightness(100);
}
.school-btn-row .btn, .details.download a {
	display: flex; align-items: center; gap: 0.5rem;
}
img.icon {
	display: inline-block;
	width: auto;
	transition: all 150ms linear;
}
.details.download a { text-decoration: underline; transition: 150ms ease all;}
.details.download a:hover { opacity: 0.7;}

.school-type-list ul {
	padding-left: 0;
	margin: 0;
	list-style: none;
}

.school-details-right .icon { height: var(--fs-base); }
.school-details-right h4 {
	margin-top: 2rem;
}
.school-details-right p { margin-bottom: 0.5rem;}

.school-details-right .details.email, .school-details-right .details.phone { display: flex; align-items: center; gap: 0.5rem; }
.school-details-right .details svg { width: var(--fs-s2); height: auto; }

.school-details iframe {
	aspect-ratio: 6 / 7;
	width: 100%;
	object-fit: cover;
	height: auto;
}

header .school-details { font-size: var(--fs-h5); display: flex; align-items: center; justify-content: center; margin-bottom: 1rem;}
header .school-details span {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-inline: 0.5rem;
}

.btn svg {
	margin-left: 0.5rem;
}

.school-card img {
	aspect-ratio: 2 / 1;
	object-fit: cover;
	object-position: center;
	height: auto;
	width: 100%;
}

.school-card .card-date,
#map .card-date {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}
.school-card .card-date span,
#map .card-date span { display: flex; align-items: center; gap: 0.5rem;}


.school-type-filters .btn.active {
	--base-background-color: var(--white);
	--text-color: var(--primary-dark);
}
.school-type-filters .btn.active:hover {
	--base-background-color: var(--primary-dark);
	--text-color: var(--primary-light);
}
.school-section-nav {
	--_border-clr: #2b39903e;
	border-bottom: solid 1px var(--_border-clr);
	border-top: solid 1px var(--_border-clr);
	margin-top: 2rem;

}
.school-section-nav nav {
	display: flex;
	gap: 1rem;
	padding-block: 1.25rem;
	align-items: center;
}

.school-section-nav nav > b {
	border-right: solid 1px var(--_border-clr);
	padding-right: 1rem;
}

.school-section-nav nav ul {
	margin: 0;
	padding: 0;
	display: flex;
	gap: 0.5rem;
}
.school-section-nav nav ul .btn {
	padding: 0.25rem 1rem;
}
.school-section-nav nav > .nav-button-group {
	margin-left: auto;
}

.school-section-nav nav > .nav-button-group #clearSearchButton {
	color: var(--primary-dark);
}

.school-section-nav nav .apply-search { display: none; background-color: var(--primary-dark); color: var(--white); }

.block.cards-block__image-cards.school-type-list, .block.schools-block__school_list {
	padding-block: 4rem;
}
.block.schools-block__school_finder {
	padding-block: 6rem;
}
.find-a-school,
.find-a-policy {
	margin-top: 3rem;
}

.find-a-school.no-margin {
    margin-bottom: 0;
    margin-top: 0;
}
.find-a-school > label,
.find-a-policy > label {
	border-bottom: solid 1px currentColor;
}
.find-a-school > label svg.search-icon,
.find-a-policy > label svg.search-icon {
	width: var(--fs-h2);
	height: auto;
}
.find-a-school input.search-field,
.find-a-policy input.search-field {
	padding-left: 1rem;
	outline: transparent;
	font-size: var(--fs-h3);
	color: currentcolor;
	/*border-bottom: solid 1px currentColor;*/
	background-image: none; 
	background-size: auto 60%;
	width: 100%;
}
.find-a-school input.search-field::placeholder,
.find-a-policy input.search-field::placeholder {
	color: currentColor;
	opacity: 0.5;
}
.search-submit {
    width: 3rem;
    padding: 0.25rem;
    background-color: transparent;
    border: none;
	/*border-bottom: solid 1px currentColor;*/
    cursor: pointer;
    color: currentColor;
}

.search-form.find-a-school label,
.search-form.find-a-policy label {
	display: flex;
}



.find-a-school input.search-field:active,
.find-a-school input.search-field:focus,
.find-a-school input.search-field:focus-visible,
.find-a-policy input.search-field:active,
.find-a-policy input.search-field:focus,
.find-a-policy input.search-field:focus-visible {
	outline: transparent;
}

.school-type-filters {
	padding:0;
	margin: 1.5rem 0 0 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
	max-width: 32rem;
}
.school-type-filters .btn {
	min-width: 8rem;
}

.no-results-message {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

footer .has-primary-dark-background-color .social a img, 
footer .has-secondary-dark-background-color .social a img {
	filter: none;
}

.card, .gallery-wrapper figure {
	border-radius: 0.5rem;
	overflow: hidden;
}
.card.style-lines, .card.style-lines-grid {
	border: var(--text-color) solid 1px;
}

.has-secondary-light-background-color .tab-header__item.active, 
.has-secondary-light-background-color .tab-header__item:hover {
	background-color: var(--base-background-color);
	color: var(--black);
}
.tab-header__item svg path,
.tab-header__item.active svg path, 
.tab-header__item:hover svg path {
	stroke: currentColor;
}

/** School Map **/
.block.school-search,
.block.policy-search {
	padding-block: 4rem;
}
.school-search-container {
	position: relative;
}

.block.school-section-nav {
	position: sticky;
	top: -1px;
	z-index: 10;
}
.block.school-map {
	padding-bottom: 3rem;
}
.block.school-map ~ .block {
	padding-top: 0;
	padding-bottom: 6rem;
}
#map {
	aspect-ratio: 16 / 9;
	width: 100%;
	overflow: hidden;
	/*max-height: 50vh;*/
	transition: all 350ms ease-in-out;
	
}

#map.hide-map {
	display: none;
	
}

#map div[role="dialog"],
#mapCompact div[role="dialog"] {
	background-color: var(--primary-dark);
	--base-background-color: var(--primary-dark);
	--text-color: var(--white);
	color: var(--white);
}

#map .gm-ui-hover-effect>span,
#mapCompact .gm-ui-hover-effect>span {
	background-color: var(--white);
}
#map .gm-style-iw-d,
#mapCompact .gm-style-iw-d {
	overflow: visible !important;
}
#map .map-marker--info-window,
#mapCompact .map-marker--info-window {
	max-width: 19rem;
	padding: 0rem 3rem 0 1rem;
	translate: 0 -24px;
	position: relative;
	z-index: 0;
}

#map .map-marker--info-window h4,
#mapCompact .map-marker--info-window h4 {
	font-size: var(--fs-h5);
	margin-bottom: 2rem;
	line-height: 1.3;
}

#map .card-date,
#mapCompact .card-date {
	margin-bottom: 1rem;
	font-size: var(--fs-s1);
}
#map .gm-style .gm-style-iw-tc::after,
#mapCompact .gm-style .gm-style-iw-tc::after {
	background: var(--primary-dark);
}
#map .gm-style-iw-chr, #mapCompact .gm-style-iw-chr { position: relative; z-index: 1;}

.school-section-nav nav > b {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}
.school-section-nav nav > b svg {
	max-width: 1.5rem;
}
.school-section-nav nav .btn.active {
	background-color: var(--primary-dark);
	color: var(--white);
}

.search-results-message {
	margin-block: 0.75rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.search-results-message .hide-map {
	cursor: pointer;
	padding: 0.35rem 0.8rem;
	background-color: var(--primary-dark);
	color: var(--white);
	border: solid 1px var(--primary-dark);
	border-radius: 0.5rem;
	transition: all 150ms ease;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
.search-results-message .hide-map:hover {
	background-color: var(--black);
}

/** Mobile Filter Drawer **/
.school-section-nav .mobile-filter-toggle { 
	cursor: pointer;
	padding: 0.35rem 0.8rem;
	color: var(--primary-dark);
	border: solid 1px var(--_border-clr);
	background-color: transparent;
	border-radius: 0.5rem;
	transition: all 150ms ease;
	align-items: center;
	gap: 0.5rem;
	font-weight: bold;
	margin-block: 1.25rem;

	display: none; 
}
.school-section-nav .mobile-filter-toggle svg {
	max-width: 1.5rem;
}
.school-section-nav .mobile-filter-header { display: none; }

.schools-block__school_map .school-section-nav .mobile-filter-toggle {
	color: var(--text-color);
	border-color: var(--text-color);
}

footer div nav.footer-menus {
	padding-top: 2rem;
	align-items: flex-start;
}
footer div nav.footer-menus ul.menu {
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
}

/**
 * POLICIES!
 */
section.policy-list {
	padding-block: 6rem;
}
ul.policy-list {
	list-style: none;
	padding: 0;
	margin: 0;

	display: flex;
	flex-direction: column;
	gap: 1rem;
}

ul.policy-list a {
	display: flex; 
	align-items: center;
	justify-content: flex-start;
	gap: 1rem;
	text-decoration: none; 
	padding: 1rem 1rem;
	border: solid 1px var(--text-color);
	border-radius: 0.5rem;
	transition: all 150ms ease;
	font-weight: 600;
	font-size: var(--fs-h5);
}

ul.policy-list a:hover {
	background-color: color-mix(in srgb, var(--primary-dark), transparent 80%);
	
	color: var(--primary-dark);
	opacity: 1;
}
ul.policy-list .icon {
	width: 2.5rem;
	min-width: 2.5rem;
	height: auto;
	aspect-ratio: 1 / 1;
	background-color: var(--primary-dark);
	color: var(--white);

	border-radius: 0.25rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
ul.policy-list svg { display: block; }
ul.policy-list .year { margin-left: auto; }
.policy-results-count {
	margin-top: 1rem;
	display: block;
}

/**
 * Media Queries
 */
 /* Giant screens */
@media screen and (min-width: 1280px) {
	#map {
		aspect-ratio: unset;
		width: 100%;
		max-height: 70vh;
		height: 35rem;
	}
}

@media screen and (max-width: 960px) {
	.nav-header-utility li:not(.menu-item-btn) {
		display: none;
	}
}
/* MD Size */
@media screen and (max-width: 860px) { 
	nav img.logo, aside img.logo {
		transform: translate(0, -1rem);
	}
	
	ul.footer-school-list.two-cols {
		columns: 1;
	}

	footer .xy-grid:first-child .xy-col.flow-columns:first-child {
		display: block;
		columns: 2;
	}
	.school-section-nav nav ul {
		/* flex-direction: column; */
		gap: 0.5rem;
	}
	.school-section-nav nav ul li {
		width: 100%;
		padding: 0;
	}
	.school-section-nav nav ul li:not(:last-child) {
		border-right: 0;
		min-width: fit-content;
	}

	/** Map Filter Drawer **/
	.block.school-section-nav {/* position: relative; */}
	.school-section-nav .mobile-filter-toggle { display: flex; }

	.school-section-nav nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		max-width: 480px;
		height: 100vh;
		background-color: var(--white);
		z-index: 100;
		transition: all 350ms ease-in-out;
		display: flex;
		flex-direction: column;
		align-items: stretch;
		padding:0;
		translate: -100% 0;
	}
	.school-section-nav nav.active {
		translate: 0% 0;
		box-shadow: 0px 0px 42px -10px rgba(0,0,0,0.5);
	}

	.school-section-nav nav .mobile-filter-header {
		display: flex;
		align-items: center;
		justify-content: space-between;

		background-color: var(--primary-dark);
		color: var(--white);
		padding: 1.5rem var(--xy-gutter);
	}
	.school-section-nav nav .mobile-filter-header > div {
		display: flex;
		align-items: center;
		gap: 1rem;
		font-weight: 700;
		font-size: var(--fs-h5);
	}
	.school-section-nav nav b {
		margin-top: 1rem;
		font-size: var(--fs-h5);
	}
	.school-section-nav nav b,
	.school-section-nav nav ul {
		padding-inline: var(--xy-gutter);
		/* font-size: var(--fs-h5); */
	}
	.school-section-nav nav b svg { display: none; }
	.school-section-nav nav ul {
		margin-top: 1rem;
		flex-direction: column;
		gap: 1rem;
	}
	.school-section-nav nav li:last-child {
		border-bottom: solid 1px var(--_border-clr);
		padding-bottom: 2rem;
	}
	.school-section-nav nav li
	,.school-section-nav nav .btn {
		width: 100%;
	}
	.school-section-nav nav ul .btn {
		padding: 0.75rem 1rem;
	}
	.school-section-nav .nav-button-group {
		margin-top: auto;
		border-top: solid 1px var(--_border-clr);
		padding: 2rem var(--xy-gutter);
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 2rem;
		width: 100%;
		margin-left: 0;
	}

	.school-section-nav .nav-button-group > * {
		width: 100%;
	}
	.school-section-nav .mobile-filter-close {
		cursor: pointer;
		color: currentColor;
		background-color: transparent;
		border: none;
		font-size: var(--fs-h5);
	}
	.school-section-nav nav .apply-search { display: block; }


	#map {
		aspect-ratio: 4 / 3;
	}
}

/* SM Size */
@media screen and (max-width: 480px) {
	.school-section-nav nav {
		flex-direction: column;
		gap: 1.5rem;
	}

	footer .xy-grid:first-child .xy-col.flow-columns:first-child {
		display: block;
		columns: 1;
	}

	#map {
		min-height: 70vh;
	}

	/** Policies **/

	ul.policy-list a {
		border-color: color-mix(in srgb, currentColor, transparent 80%);
		flex-wrap: wrap;
		gap: 0.25rem;
		padding: 0.75rem;
	}
	ul.policy-list .title {
		font-weight: 600;
		padding-bottom: 0.5rem;
		margin-bottom: 0.5rem;
		font-size: var(--fs-h6);

		order: 1;
		width: 100%;
		border-bottom: solid 1px color-mix(in srgb, currentColor, transparent 80%);
	}
	ul.policy-list .icon {
		order: 5;
		min-width: 1.5rem;
		width: 1.5rem;
	}
	ul.policy-list .icon svg {
		width: 1rem;
	}
	ul.policy-list .year {
		order: 3;
		margin-left: 0;
		margin-right: auto;
		font-weight: 400;
		font-size: var(--fs-base);
	}
	section.policy-list {
		padding-block: 2rem 4rem;
	}
}

@media screen and (max-width: 380px) {
	.header-primary-nav .nav-inner {
		flex-direction: column;
		row-gap: 0;
	}
	.header-primary-nav .nav-inner  .xy-col[data-xy-col*="sm-6"] {
		flex-basis: 100%;
		width: 100%;
		justify-content: center;
	}
	.header-primary-nav .nav-inner img.logo {
		margin-inline: auto;
	}
	.header-primary-nav .nav-header-utility ul {
		justify-content: center;
	}
	.mega-menu-header .btn-search {
		display: none;
	}

	.site-search-nav {
		flex-direction: column;
		row-gap: 1rem;
	}
}


/**
 * Sschool Compact Map
 */

.block.schools-block__school_map {
	padding-block: 7rem;
	--_map-height: 38rem;
}
#mapCompact {
	width: 100%;
	max-width: 100%;
	min-height: var(--_map-height);
}
.school-simple-list {
	list-style: none;
	margin: 2rem 0 0 0;
	padding: 1.5rem 0 0 0;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	max-height: calc( var(--_map-height) - 2rem - (var(--fs-h3) * 1.1) * 2 );
	overflow-y: scroll;
	border-top: solid 1px currentColor;
}
#schoolListContainer {
	position: relative;
}
#schoolListContainer::after {
	content: '';
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2rem;
	background: linear-gradient(180deg, transparent 0%, var(--base-background-color) 100%);
}

.school-simple-list .school-item {
	color: currentColor;
	border-bottom: solid 1px currentColor;
	padding-bottom: 0.75rem;
}
.school-simple-list .school-item h4 { 
	font-weight: 500; 
	margin-top: 0.75rem;
}
.school-simple-list .school-item .card-date {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	font-size: var(--fs-s1);
}
.school-simple-list .school-item .card-date span {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.block.schools-block__school_map .map-wrapper { 
	position : relative;
}

.block.schools-block__school_map .map-pills {
	display: flex;
	gap: 0.5rem;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 2;
	right: 1rem;
	top: 1rem;
}
.block.schools-block__school_map .map-pills .btn {
	cursor: pointer;
	padding: 0.25rem 1rem;
	background-color: white;
	--text-color: var(--primary-dark);
}
.block.schools-block__school_map .map-pills .btn.active {
	--text-color: white;
	background-color: var(--primary-dark);
}
.block.schools-block__school_map .map-pills .btn:hover {
	--text-color: white;
	color: white;
	border-color: var(--secondary-dark);
	background-color: var(--secondary-dark);
}


.school-mobile-view-switch .btn {
	border-radius: 0.5rem;
}
.school-mobile-view-switch .btn.active {
	background-color: var(--primary-dark);
	color: var(--white);
}

.block.schools-block__school_map .school-section-nav {
	margin-top: 0;
	display: none;
}
.block.schools-block__school_map .school-mobile-filters {
	position: relative;
}

@media screen and (min-width: 860px) {
	.xy-grid.extra-gap {
		column-gap: 3rem;
	}	
	.school-mobile-view-switch {
		display: none;
	}
	.school-mobile-heading {
		display: none;
	}
}


/* MD Size */
@media screen and (max-width: 860px) { 
	.block.schools-block__school_map {
		overflow: hidden;
	}
	.block.schools-block__school_map .school-section-nav {
		display: block;
	}
	.block.schools-block__school_map .school-list > *:not(ul.list) {
		display: none;
	}
	.block.schools-block__school_map .map-pills { display: none; }
	.mobile-hide { display: none; }

	.block.schools-block__school_map .school-simple-list {margin-top: 0;max-height: var(--_map-height);}
	.block.schools-block__school_map .school-mobile-filters {
		border: none;
	}

	.block.schools-block__school_map .school-mobile-filters::before,
	.block.schools-block__school_map .school-mobile-filters::after {
		--_border-color : #2b39903e;
		content: "";
		position: absolute;
		left: calc(-1 * var(--xy-gutter) );
		width: 100vw;
		height: 0rem;
		background-color: transparent;
		border-top: solid 1px var(--_border-color);
		opacity: 0.5;
		z-index: 1;
	}
	.block.schools-block__school_map .school-mobile-filters::before {
		top: -1px;
	}
	.block.schools-block__school_map .school-mobile-filters::after {
		bottom: -1px;
	}
}