.component-school-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
}

.component-school-grid a {
	color: var(--color-font-primary);
}

.school-grid-box {
	border: 1px solid var(--color-bg-foundation);
}

.school-grid-header {
	font-size: 1.5rem;
	padding: 15px;
	background: var(--color-bg-header-footer);
}

.school-grid-contact {
	display: flex;
}

.school-grid-map {
	width: 300px;
	height: 200px;
	display: block;
	background-repeat: no-repeat;
	background-color: #f6f5f5;
}

.school-grid-button-bar {
	display: flex;
	height: 32px;
}

.school-grid-button-bar > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	cursor: pointer;
	font-size: 0.9rem;
}

.school-grid-button-bar > a:hover {
	text-decoration: none;
}

.school-grid-button-facebook {
	background-color: var(--color-button-facebook);
}

.school-grid-button-instagram {
	background-color: var(--color-button-instagram);
}

.school-grid-button-tel {
	background-color: var(--color-button-telephone);
}

.school-grid-button-message {
	background-color: var(--color-button-message);
}

.social-inline-icon {
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	margin-right: 5px;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
}

.school-grid-button-facebook .social-inline-icon {
	background-image: url(https://starlight.seventy9.co.uk/static/images/icons/social_icon_fb.svg?v=);
}

.school-grid-button-instagram .social-inline-icon {
	background-image: url(https://starlight.seventy9.co.uk/static/images/icons/social_icon_insta.svg?v=);
}

.school-grid-button-tel .social-inline-icon {
	background-image: url(https://starlight.seventy9.co.uk/static/images/icons/social_phone.svg?v=);
}

.school-grid-button-message .social-inline-icon {
	background-image: url(https://starlight.seventy9.co.uk/static/images/icons/social_message.svg?v=);
}