/*
Theme Name: elisabeth_morrow
Theme URI: https://dapper.digital
Author: Dapper Digital
Author URI: https://dapper.digital
Description: Custom coded theme by Dapper Digital
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: elisabeth_morrow
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
elisabeth_morrow is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
	- Menus
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
--------------------------------------------------------------*/
/* styleguide colors */
:root {
	--brand-green: #00553f;
	--dark-green: #003628;
	--brand-yellow: #ffb615;
	--light-grey: #e6ebeb;
	--off-black: #1c1c1c;
	--newsletter-black: #222625;
}

/* colors for myems grades */
:root {
	--pre-kindergarten: #ffb615;
	--kindergarten: #3d88c4;
	--first-grade: #ae262c;
	--second-grade: #754c78;
	--third-grade: #8ac647;
	--fourth-grade: #055862;
	--fifth-grade: #ed6d21;
	--sixth-grade: #128e81;
	--seventh-grade: #ed4858;
	--eighth-grade: #00553f;
}

/* fonts used:
	dm serif display (400) regular (h1, h2) 
	red hat text (400, 500, 700) regular, medium, bold (h3, body, links, etc)
*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
	outline: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* gravity forms */
#primary .gform_wrapper {
	max-width: 900px !important;
	margin: 75px auto 100px auto !important;
}

h3.gform_title,
.gform_wrapper h3.gform_title {
	color: var(--brand-green);
	margin-bottom: 20px;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
/*
	dm serif display (400) regular (h1, h2) 
	red hat text (400, 500, 700) regular, medium, bold (h3, body, links, etc)
	font-family: 'DM Serif Display', serif;
	font-family: 'Red Hat Text', sans-serif;
*/
body,
button,
input,
select,
optgroup,
textarea {
	color: var(--off-black);
	font-family: 'Red Hat Text', sans-serif;
	font-size: 1rem;
	line-height: 1.5;
	font-size: 16px;
	letter-spacing: 0.03em;
	font-weight: 400;
}

body {
	letter-spacing: 0.085em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

h1 {
	font-family: 'DM Serif Display', serif;
	font-size: 50px;
	line-height: 1.06;
	letter-spacing: 0.03em;
}

h2 {
	font-family: 'DM Serif Display', serif;
	font-size: 42px;
	line-height: 1.14;
	letter-spacing: 0.01em;
}

h3 {
	font-family: 'Red Hat Text', sans-serif;
	font-size: 22px;
	line-height: 1.45;
	letter-spacing: 0.065em;
	text-transform: uppercase;
	font-weight: 700;
}

h4 {
	font-family: 'Red Hat Text', sans-serif;
	font-size: 18px;
	line-height: 1.44;
	letter-spacing: 0.03em;
	font-weight: 600;
	clear: none;
}

/* and sometimes we have unique colors for things.... */
h2.has-brand-green-color {
	color: var(--brand-green);
}

h3+h4 {
	margin-top: -20px;
}

h4+h5 {
	margin-top: 5px;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 1em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li>ul,
li>ol {
	margin-bottom: 0;
	margin-left: 1em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: var(--brand-green);
}

a:visited {
	color: var(--brand-green);
}

a:hover,
a:focus,
a:active {
	color: var(--dark-green);
}

a:focus,
a:hover,
a:active {
	outline: 0;
}

.entry-content a,
.entry-header a,
.nav-links a,
.read-more a,
.entry-content a:visited,
.entry-header a:visited,
.nav-links a:visited,
.read-more a:visited,
a.link {
	color: var(--brand-green);
	font-weight: 700;
	letter-spacing: 0.03em;
}

.entry-content a:hover,
.entry-content a:active,
.entry-header a:hover,
.entry-header a:active,
.nav-links a:hover,
.nav-links a:active,
.read-more a:hover,
.read-more a:active,
a.link:hover,
a.link:active {
	color: var(--dark-green);
	font-weight: 700;
	letter-spacing: 0.03em;
}

/* Forms
--------------------------------------------- */
.entry-content button,
.entry-content input[type="button"],
.entry-content input[type="reset"],
.entry-content input[type="submit"],
#staff-filters input[type="submit"],
a.button,
.inner-box button,
.entry-content a.wp-block-button__link,
.search-form .search-submit,
#newsletter input[type="submit"],
.tribe_events .wp-block-button__link,
.admissionsfooter .wp-block-button__link {
	background: var(--brand-yellow);
	border: 0;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.6;
	line-height: 115%;
	letter-spacing: 0.03em;
	padding: 15px 25px;
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.15);
	color: var(--off-black) !important;
	text-decoration: none;
	border-radius: 0px;
	transition: all .2s ease-in-out;
}

.wp-block-button a.has-background,
.wp-block-button a.has-text-color {
	background: var(--brand-yellow) !important;
	border: 0 !important;
	border-radius: 0 !important;
	color: var(--off-black) !important;
}

.entry-content a.wp-block-button__link {
	margin: 15px 0 20px 0;
	margin: 0;
}

.wp-block-buttons .wp-block-button {
	margin-right: 1.5em;
}

.is-style-outline>.wp-block-button__link:not(.has-background),
.wp-block-button__link.is-style-outline:not(.has-background) {
	background: var(--brand-yellow);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
a.button:visited,
a.button:active,
.inner-box button:hover,
.entry-content a.wp-block-button__link:hover,
#newsletter input[type="submit"]:hover {
	border: 0;
	cursor: pointer;
	color: var(--off-black);
}

.entry-content button:hover,
.entry-content input[type="button"]:hover,
.entry-content input[type="reset"]:hover,
.entry-content input[type="submit"]:hover,
a.button:hover,
.inner-box button:hover,
#primary a.button:hover,
.entry-content a.wp-block-button__link:hover,
.tribe_events .wp-block-button__link:hover,
.admissionsfooter .wp-block-button__link:hover {
	border: 0;
	transform: scale(1.1);
	background: #fdc342;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus,
a.button:active,
a.button:focus,
#newsletter input[type="submit"]:active,
#newsletter input[type="submit"]:focus {
	border: 0;
	outline: 0;
}

.entry-content button::after,
.entry-content input[type="button"]::after,
.entry-content input[type="reset"]::after,
.entry-content input[type="submit"]::after,
a.button::after,
.inner-box button::after,
.entry-content a.wp-block-button__link::after {
	content: "\00a0\003E";
}

/* button alignment */
.wp-block-buttons {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}

.wp-block-button {}

.wp-block-columns .wp-block-column .wp-block-buttons {
	justify-content: flex-start;
}

/*
removing this, it should maybe be in the patterns 
.wp-block-columns .wp-block-column:first-child .wp-block-buttons {
	justify-content: flex-end;
}
.wp-block-columns .wp-block-column:last-child .wp-block-buttons {
	justify-content: flex-start;
}
*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: var(--off-black);
	border: 2px solid var(--light-grey);
	border-radius: 0px;
	padding: 5px 10px;
	outline: 0;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: var(--off-black);
	outline: 0;
}

select {
	border: 2px solid var(--light-grey);
	padding: 5px 10px;
	outline: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #fff;
	background-image: url(../images/icon-select-arrow.svg);
	background-position: right 8px bottom 50%;
	background-size: 14px;
	background-repeat: no-repeat;
}

select:focus {
	outline: 0;
}

select:-moz-focusring {
	color: transparent;
	outline: 0;
	text-shadow: 0 0 0 #000;
}

.select2-container--default .select2-selection--single {
	color: var(--off-black) !important;
	border: 2px solid var(--light-grey) !important;
	padding: 5px 10px !important;
	height: auto !important;
	border-radius: 0 !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	background-image: url(../images/icon-select-arrow.svg) !important;
	background-position: right 8px bottom 50%;
	background-size: 14px;
	background-repeat: no-repeat;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--off-black) !important;
	line-height: inherit !important;
	letter-spacing: 0 !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0 !important;
	letter-spacing: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	color: var(--off-black) !important;
	border: 2px solid var(--light-grey) !important;
	padding: 5px 10px !important;
	height: auto !important;
	border-radius: 0 !important;
}

.select2-dropdown {
	border: 2px solid var(--light-grey) !important;
	border-top: 0 !important;
	border-radius: 0 !important;
	padding: 4px 6px !important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: var(--light-grey) !important;
	letter-spacing: 0 !important;
}

.select2-results__option select2-results__option--highlighted {
	background-color: var(--light-grey) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--light-grey) !important;
	color: var(--off-black) !important;
	outline: 0 !important;
}

.select2-container--default .select2-selection--single {
	outline: 0 !important;
}

textarea {
	width: 100%;
	border: 2px solid var(--light-grey);
	outline: 0;
	padding: 5px 10px;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/* Notification Bar */
.site-notice {
	padding: 15px 25px 19px 25px;
	background-color: var(--brand-yellow);
	color: #000;
	display: none;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.05em;
	font-weight: 500;
}

.site-notice a {
	font-weight: 700;
	text-decoration: none;
	color: #000;
	border-bottom: 2px solid #000;
}

.site-notice .inner {
	position: relative;
	background: url(../images/icon-alert.svg) center left no-repeat;
	background-size: 17px auto;
	padding-left: 30px;
	padding-right: 30px;
}

.site-notice p {
	margin: 0;
	padding: 0;
}

.site-notice-dismiss {
	background: none;
	border: 0;
	color: #000;
	font-size: 24px;
	position: absolute;
	right: -5px;
	top: 9px;
	transform: translateY(-50%);
	cursor: pointer;
}

.site-notice-dismiss img {
	height: 13px;
	width: 13px;
}

.site-header img.custom-logo {
	height: auto;
	max-width: 100%;
}

#masthead {
	display: grid;
}

#masthead.covid-microsite {
	display: grid;
}

#masthead.covid-microsite .header {
	grid-area: header;
}

#masthead.covid-microsite .main-navigation {
	grid-area: navigation;
}

#masthead.covid-microsite .header h1 {
	margin: 0 auto;
	max-width: 1250px;
	padding: 0;
}

#masthead.covid-microsite .header h1 a {
	color: #fff;
	text-decoration: none;
}

/* remove title on the covid homepage */
body.page-id-377 #primary .entry-header,
body.page-id-8677 #primary .entry-header,
body.page-id-8679 #primary .entry-header,
body.page-id-8834 #primary .entry-header,
body.page-id-271 #primary .entry-header,
body.page-id-14302 #primary .entry-header {
	display: none;
}

body.page-id-377 .entry-content {
	margin-top: 100px;
}

#masthead .tagline-mobile,
#masthead .tagline-bar {
	background: var(--light-grey);
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#masthead .tagline-mobile p,
#masthead .tagline-bar p {
	margin: 0;
}

#masthead .tagline {
	grid-area: tagline;
}

#masthead .tagline-mobile,
#masthead .tagline-mobile a,
#masthead .tagline,
#masthead .tagline a {
	color: var(--brand-green);
	font-weight: 500;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.05em;
}

#masthead .tagline-mobile div.map,
#masthead .tagline div.map {
	visibility: hidden;
	opacity: 0;
	transition: all .1s ease-in-out;
	position: absolute;
	z-index: 99;
	text-align: center;
	left: calc(50% - 190px);
	box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.05);
}

#masthead .tagline-mobile div.map img,
#masthead .tagline div.map img {
	max-width: 380px;
}

#masthead .tagline-mobile p:hover+div.map,
#masthead .tagline p:hover+div.map {
	visibility: visible;
	opacity: 1;
	transition: all .3s ease-in-out;
}

#masthead .tagline-mobile div.map:hover,
#masthead .tagline div.map:hover {
	visibility: visible;
	opacity: 1;
	transition: all .1s ease-in-out;
}

#masthead .students-families,
#masthead .students-families-mobile {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.05em;
	display: inline;
	color: #656666;
}

#masthead .students-families p,
#masthead .students-families-mobile p {
	display: inline;
}

#masthead .menu-current-students-families-menu-container {
	display: inline;
	margin-left: 5px;
}

#masthead .students-families ul,
#masthead .students-families-mobile ul {
	display: inline;
	margin: 0;
	padding: 0;
}

#masthead .students-families li,
#masthead .students-families-mobile li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#masthead .students-families li::after,
#masthead .students-families-mobile li::after {
	content: "/";
	padding-left: 2px;
	margin-right: -1px;
}

#masthead .students-families li:last-child::after,
#masthead .students-families-mobile li:last-child::after {
	content: none;
}

#masthead .students-families li a,
#masthead .students-families-mobile li a {
	text-decoration: underline;
}

#masthead .logo {
	grid-area: logo;
	align-self: center;
}

#masthead .hamburger {
	display: block;
	align-self: center;
	text-align: right;
	min-height: 50px;
	padding-top: 5px;
}

#masthead.covid-microsite .hamburger {
	position: absolute;
	top: 120px;
	right: 20px;
	z-index: 4;
}

#masthead .hamburger button span {
	display: none;
}

#masthead .hamburger button {
	width: 30px;
	height: 25px;
	padding: 20px 0;
	border: 0;
	background: url(../images/icon-hamburger.svg) center center no-repeat;
	cursor: pointer;
}

#masthead .hamburger.active button {
	width: 15px;
	height: 15px;
	background: url(../images/icon-close.svg) center center no-repeat;
	filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(100deg) brightness(115%) contrast(106%);
}

#masthead .social {
	grid-area: social;
}

#masthead .social ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

#masthead .social li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
	color: var(--brand-green);
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.05em;
	font-weight: 700;
}

#masthead .social li a {
	text-decoration: none;
}

#masthead .meet-apply {
	grid-area: meet-apply;
}

#masthead .meet-apply ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

#masthead .meet-apply li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#masthead .meet-apply li a {
	display: inline-block;
	background: var(--dark-green);
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: 0.05em;
	text-align: center;
}

#masthead .facebook a {
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/icon-facebook.svg) top left no-repeat;
}

#masthead .twitter a {
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/icon-twitter.svg) top left no-repeat;
}

#masthead .instagram a {
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/icon-instagram.svg) top left no-repeat;
}

#masthead .calendar a {
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/calendar1.svg) top left no-repeat;
}

#masthead .phone-number a {
	margin-left: 10px;
}

#masthead .search-submit {
	display: none;
}

#masthead input[type=search] {
	font-size: 14px;
	line-height: 100%;
	width: 95%;
	display: block;
	background: url(../images/icon-search.svg) 4px center no-repeat;
	background-size: 15px 15px;
	padding-left: 25px;
}

#masthead input[type=search]::placeholder {
	color: rgba(255, 255, 255, 0);
	font-size: 1px;
}

/* max width for template */
#page,
#ems-experience {
	margin: 0 auto;
	max-width: 1290px;
	padding-left: 10px;
	padding-right: 10px;
}

/* and then break out these elements to go full width */
footer#colophon,
.alignfull,
.full-width,
.site-notice,
blockquote,
#masthead,
#masthead .tagline-bar,
#masthead .tagline-mobile,
#newsletter {
	left: 50%;
	margin-left: -50vw;
	width: 100vw;
	min-width: 100%;
	padding-left: calc(50vw - 50%);
	padding-right: calc(50vw - 50%);
	box-sizing: border-box;
	position: relative;
}

/* Main Site Footer */


.site-footer {
	background: var(--off-black);
	color: #fff;
	padding: 100px 0;
	font-size: 14px;
	line-height: 1.35;
	letter-spacing: 0.05em;
	font-weight: 400;
}

/*
.logo {
	grid-area: 1 / 1 / 2 / 3;
}
*/
.logo img {
	max-width: 385px;
}

/*
.navigation {
	grid-area: 2 / 1 / 3 / 3;
}
.bottom {
	grid-area: 3 / 1 / 4 / 3;
}
*/
.site-footer a {
	color: #fff;
	text-decoration: none;
}

.site-footer .sub-menu a:hover {
	color: var(--brand-yellow);
}

.site-footer ul,
.site-footer li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.site-footer ul#footer-menu {
	display: flex;
}

.site-footer ul#footer-menu li.menu-item-has-children>a {
	font-family: 'DM Serif Display', serif;
	display: inline-block;
	border-bottom: 1px solid #fff;
	font-size: 16px;
	line-height: 1.3;
	letter-spacing: 0.085em;
	padding-bottom: 3px;
	margin-bottom: 20px;
	font-weight: 400;
}

.site-footer ul#footer-menu .sub-menu {
	flex-direction: column;
}

.site-footer ul#footer-menu .sub-menu li {
	margin-bottom: 12px;
}

.site-footer ul#footer-menu .sub-menu li:last-of-type {
	margin-bottom: 0;
}

.site-footer ul#footer-social {
	margin: 0;
	padding: 0;
}

.site-footer ul#footer-social li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

.site-footer ul#footer-social li a {
	text-align: left;
}

.site-footer ul#footer-social .facebook a {
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/icon-facebook-yellow.svg) top left no-repeat;
}

.site-footer ul#footer-social .twitter a {
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/icon-twitter-yellow.svg) top left no-repeat;
}

.site-footer ul#footer-social .instagram a {
	text-indent: -9999px;
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/icon-instagram-yellow.svg) top left no-repeat;
}

.site-footer ul#footer-social .phone-number a {
	display: none;
}

.site-footer ul#footer-social a:hover {
	filter: brightness(100);
}

.site-footer .copyright {
	font-weight: 400;
	font-size: 13px;
	line-height: 1.35;
	letter-spacing: 0.05em;
	/*
	color: #6b6b6b;
*/
}

/* Homepage */
body.home h1.entry-title {
	display: none;
}

/* homepage hero */
body.home .wp-block-cover {
	justify-content: left;
}

body.home .wp-block-cover .wp-block-cover__inner-container {
	max-width: 500px;
	text-align: left;
}

body.home .wp-block-cover .wp-block-cover__inner-container .wp-block-buttons {
	justify-content: left;
}

body.home .wp-block-cover .wp-block-cover__inner-container p.has-white-color.has-text-color,
body.home .wp-block-cover .wp-block-cover__inner-container h1.wp-block-heading.has-white-color.has-text-color {
	text-shadow: 1px 1px 5px black;
}

/* homepage black 4 square department block */
body.home .homepage-departments {
	background: var(--off-black);
	color: #fff;
	padding: 100px;
	margin-top: -135px !important;
	margin-top: -200px !Important;
	margin-bottom: 100px !important;
	z-index: 2;
	position: relative;
}

body.home .homepage-departments h2 {
	color: #fff;
	margin-top: 0;
}

body.home :where(.wp-block-columns.is-layout-flex) {
	gap: 0;
}

body.home .homepage-departments a.wp-block-button__link {
	background: #fff;
}

body.home .homepage-departments .wp-block-columns .wp-block-column {
	padding: 25px;
}

body.home .homepage-departments .wp-block-columns .wp-block-column:first-child .wp-block-buttons {
	justify-content: left;
}

body.home .homepage-departments .wp-block-columns .wp-block-column:first-of-type {
	border-right: 1px solid #fff;
	padding-right: 100px;
	padding-right: 8%;
	padding-right: clamp(15px, 5%, 100px);
}

body.home .homepage-departments .wp-block-columns .wp-block-column:last-of-type {
	padding-left: 100px;
	padding-left: 8%;
	padding-left: clamp(15px, 5%, 100px);
}

body.home .homepage-departments .wp-block-columns:first-of-type .wp-block-column {
	border-bottom: 1px solid #fff;
	padding-bottom: 50px;
}

body.home .homepage-departments .wp-block-columns:last-of-type .wp-block-column {
	padding-top: 50px;
}

body.home .homepage-departments .wp-block-columns {
	margin-bottom: 0;
}

body.home .homepage-departments .wp-block-media-text {
	grid-template-columns: auto 1fr;
	width: 100%;
}

body.home .homepage-departments .wp-block-media-text .wp-block-media-text__media,
body.home .homepage-departments .wp-block-media-text .wp-block-media-text__content {
	align-self: start;
}

body.home .homepage-departments .wp-block-media-text .wp-block-media-text__media {
	padding-right: 25px;
}

body.home .homepage-departments .wp-block-column:not(:first-child) {
	margin-left: 0;
}

body.home .homepage-departments .wp-block-media-text__media img {
	width: 85px;
	height: auto;
}

/* video block */
body.home .video-block {
	/*
	margin-bottom: 100px;
*/
}

figure.wp-block-embed.is-type-video {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	/*16:9*/
}

figure.wp-block-embed.is-type-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

figure.wp-block-embed.is-type-video .wp-block-embed__wrapper {
	position: initial;
}

/* homepage green bar cta */
body.home .homepage-green-cta {
	background: var(--brand-green) url(../images/background-tile-green.png) top left repeat;
	background-size: 600px;
	padding-top: 145px;
	padding-bottom: 145px;
	color: #fff;
	text-align: center;
}

body.home .homepage-green-cta .wp-block-buttons .wp-block-button,
body.home .homepage-green-cta a.wp-block-button__link {
	margin-bottom: 0;
}

body.home .homepage-green-cta h2 {
	margin-bottom: 10px;
}

/* homepage gallery block */
body.home .homepage-gallery {
	background: var(--light-grey);
}

body.home .homepage-gallery .wp-block-image {
	margin: 0;
}

body.home .homepage-gallery .wp-block-image img {
	max-width: 100%;
	height: 475px;
	/* changed height here to match long text card */
	height: 530px;
	width: 100%;
	object-fit: cover;
}

body.home .homepage-gallery .wp-block-image figcaption {
	display: none;
}

body.home .homepage-gallery .wp-block-columns:last-of-type .wp-block-column:last-child {
	background: #fff;
	padding: 40px 50px;
	border-bottom: 6px solid var(--light-grey);
}

body.home .homepage-gallery .wp-block-columns:last-of-type .wp-block-column:last-child h2 {
	color: var(--brand-green);
}

body.home .homepage-gallery .wp-block-columns {
	margin-bottom: .1em;
}

@media (min-width: 782px) {
	body.home .homepage-gallery .wp-block-column:not(:first-child) {
		margin-left: .5em;
	}
}

/* homepage four square grid */
body.home .wp-block-group.four-square-grid {
	// z-index: -1;
	// why was this set to -1? it makes the links un clickable            
}

body.home .wp-block-group.four-square-grid .wp-block-columns:first-of-type {
	margin-top: 0;
}

body.home .wp-block-group.four-square-grid .wp-block-columns:last-of-type {
	margin-bottom: 0;
}

body.home .wp-block-group.four-square-grid {
	background-image: url(../images/background-homepage-foursquare-grid.jpg);
	background-size: cover;
}

/*
body.home .wp-block-group.four-square-grid::before {                        
        background-image: url(/wp-content/uploads/2020/09/collage_image4.jpg);
        background-size: cover;   
        content: "";                                            
        display: block;        
        position: absolute;                                     
        top: 0;
        left: 0;   
        width: 100%;                            
        height: 100%;                           
        z-index: -2;            
        opacity: 0.15;              
} 
*/
/* Staff Org Chart */
#staff-chart,
#staff-chart ul,
#staff-chart li {
	position: relative;
	list-style-type: none;
}

#staff-chart h5,
#staff-chart h6 {
	margin: 0;
}

#staff-chart h6 {
	font-weight: 400;
}

#staff-chart ul {
	list-style: none;
	padding-left: 32px;
}

ul#staff-chart {
	margin: 0 0 100px 0;
	padding: 0;
	display: flex;
	justify-content: center;
}

#staff-chart ul li {
	padding: 15px 15px 0 15px;
	padding-left: 45px;
}

#staff-chart li div {
	display: inline-block;
	padding: 15px 20px;
	max-width: 250px;
}

#staff-chart>li div {
	background: var(--dark-green);
	color: #fff;
}

#staff-chart>li>ul>li div {
	background: var(--brand-green);
}

#staff-chart>li>ul>li>ul>li div {
	background: var(--light-grey);
	color: var(--off-black);
}

#staff-chart>li>ul>li>ul>li>ul>li div {
	background: #eef4f4;
	color: var(--off-black);
}

#staff-chart li::before,
#staff-chart li::after {
	content: "";
	position: absolute;
	left: -12px;
	left: -42px;
}

#staff-chart li::before {
	border-top: 3px solid var(--light-grey);
	top: 8px;
	top: 20px;
	top: 40px;
	width: 8px;
	width: 70px;
	height: 0;
}

#staff-chart li::after {
	border-left: 3px solid var(--light-grey);
	height: 120%;
	width: 0px;
	top: 0px;
}

#staff-chart ul>li:last-child::after {
	height: 42px;
}

#staff-chart>li::before,
#staff-chart>li::after {
	border: 0;
}

/* Staff Directory */
body.post-type-archive-staff #staff-page {
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
	gap: 100px;
}

body.post-type-archive-staff #staff-page #staff-filters {
	width: 33%;
	margin-bottom: 80px;
}

body.post-type-archive-staff #staff-page #staff-filters ul,
body.post-type-archive-staff #staff-page #staff-filters li {
	margin: 0;
	padding: 0;
}

body.post-type-archive-staff #staff-page #staff-filters .searchandfilter label {
	display: block;
}

body.post-type-archive-staff #staff-page #staff-filters input[type=text],
body.post-type-archive-staff #staff-page #staff-filters select {
	width: 100%;
}

body.post-type-archive-staff #staff-page #staff-filters h3 {
	text-align: left;
	color: var(--brand-green);
	margin-bottom: 30px;
}

body.post-type-archive-staff #staff-page #staff-filters h4,
.searchandfilter h4 {
	padding: 0 !important;
	margin: 20px 0 0 0 !important;
}

body.post-type-archive-staff #staff-page #staff-results {
	width: 100%;
}

body.post-type-archive-staff .staff-member {
	padding: 0 0 50px 0;
	margin: 0 0 50px 0;
	border-bottom: 3px solid var(--light-grey);
}

body.post-type-archive-staff .staff-member h2 {
	margin-top: 0;
	margin-bottom: 0;
}

body.post-type-archive-staff .staff-member h3 {
	text-align: left;
	color: var(--brand-green);
	margin-bottom: 34px;
}

body.post-type-archive-staff .staff-member h4 {
	margin: 40px 0 2px 0;
}

body.post-type-archive-staff .staff-member p {
	margin: 0 12px 0 0;
}

body.post-type-archive-staff .sf-field-reset {
	width: 50%;
	float: left;
	color: var(--off-black) !important;
	display: inline-block;
	margin-top: 65px !important;
	text-align: center;
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: 500;
	letter-spacing: 0;
}

body.post-type-archive-staff .sf-field-reset a {
	color: var(--off-black) !important;
}

body.post-type-archive-staff .sf-field-submit {
	margin-top: 50px !important;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
	grid-area: navigation;
	display: block;
	width: 100%;
	background: var(--brand-green);
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: 0.05em;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation li:last-child {
	margin-right: 0;
}

.main-navigation a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 19px 15px;
}

.main-navigation a:hover,
.main-navigation li.current-menu-item a {
	color: var(--brand-yellow);
}

.main-navigation .ems-experience a,
.main-navigation .back a {
	background: var(--dark-green);
	color: var(--brand-yellow);
	padding-left: 25px;
	padding-right: 25px;
}

.main-navigation .ems-experience a::after {
	content: "\00a0\003E";
}

.main-navigation .ems-experience a:hover,
.main-navigation .back a:hover {
	color: #fff;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
	margin-top: 100px;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1;
}

.post-navigation .nav-home,
.posts-navigation .nav-home {
	flex: 1;
	text-align: center;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1;
}

/* Posts and pages
--------------------------------------------- */
.entry-footer .edit-link {
	display: none;
}

.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* search */
body.search article {
	padding: 20px 0;
	border-bottom: 1px solid var(--light-grey);
}

body.search article:first-of-type {
	border-top: 1px solid var(--light-grey);
	margin-top: 50px;
}

body.search p.no-results {
	margin: 50px 0 200px 0;
}

body.search #primary input.search-field {
	height: 48px;
	min-width: 300px;
	max-width: 100%;
}

/* 404 page */
body.error404 #primary {
	margin-bottom: 100px;
}

body.error404 .page-header {
	margin-bottom: 100px;
}

/* Header backgrounds for those pages with featured images  (featured images turn into header backgrounds) */
header.entry-header.has-thumbnail {
	padding: 110px 20px 40px 20px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--dark-green);
}

header.entry-header.has-thumbnail:before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 1;
	opacity: .9;
	content: "";
	background-color: inherit;
}

header.entry-header.has-thumbnail h1 {
	margin: 0;
	color: #fff;
	z-index: 5;
	position: relative;
	max-width: 1270px;
	margin: 0 auto;
}

/* Contact Form Confirmation Page */
.entry-content .gform_confirmation_wrapper {
	margin: 100px 0 200px 0;
}

/* Blog Styles
--------------------------------------------- */
body.single h1.entry-title {
	color: var(--dark-green);
}

body.single div.post-thumbnail,
body.single div.entry-content {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

body.single .entry-date {
	font-style: italic;
	font-weight: 500;
}

body.single div.post-thumbnail {
	margin-top: 40px;
}

body.single .entry-content h1,
body.single .entry-content h2 {
	color: var(--brand-green);
	font-family: 'Red Hat Text', sans-serif;
	font-size: 22px;
	line-height: 1.45;
	letter-spacing: 0.065em;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 0;
}

body.single .entry-content h3 {
	font-family: 'Red Hat Text', sans-serif;
	font-size: 18px;
	line-height: 1.44;
	letter-spacing: 0.03em;
	font-weight: 600;
	clear: none;
}

body.single .entry-content p+h2,
body.single .entry-content p+h3 {
	margin-top: 50px;
}

.blog-date {
	margin-bottom: -20px;
}

body.blog article:first-of-type,
body.archive article:first-of-type {
	margin-top: 70px;
}

body.post-type-archive-tribe_events article:first-of-type {
	margin-top: 0;
}

body.blog article,
body.archive article {
	display: flex;
	justify-content: space-between;
	margin-bottom: 70px;
	padding: 25px;
}

body.post-type-archive-tribe_events article {
	display: block;
	margin-bottom: 0;
	justify-content: inherit;
}

body.blog article .blog-photo,
body.archive article .blog-photo {
	width: 33%;
}

body.blog article .blog-content,
body.archive article .blog-content {
	width: 66%;
	padding-left: 100px;
}

body.blog .read-more,
body.archive .read-more {
	text-transform: uppercase;
	padding-left: 10px;
}

body.blog h2.entry-title,
body.archive h2.entry-title {
	color: var(--brand-green);
	margin-top: 0px;
}

body.blog h2.entry-title a,
body.archive h2.entry-title a {
	text-decoration: none;
}

body.blog .entry-date,
body.archive .entry-date {
	font-weight: 500;
	font-style: italic;
	padding-right: 10px;
}

/* Blocks 
--------------------------------------------- */
/* add some spacing under the header, but not on the homepage, and not on the microsites */
body.page:not(.home):not(.page-id-377):not(.parent-pageid-377):not(.page-id-8677):not(.parent-pageid-8677):not(.page-id-8679):not(.parent-pageid-8679):not(.page-id-8834):not(.parent-pageid-8834):not(.parent-pageid-271):not(.page-id-271):not(.page-id-14302):not(.parent-pageid-14302) .entry-header {
	margin-bottom: 70px;
}

/* add some colored padding inside group blocks */
.entry-content .wp-block-group,
.page-content .wp-block-group {
	padding-top: 100px;
	padding-bottom: 100px;
}

/* add 100px spacing under blocks */
.entry-content>.wp-block-group,
.page-content>.wp-block-group,
.entry-content>.wp-block-cover,
.entry-content>.wp-block-media-text,
.entry-content>.wp-block-gallery,
.entry-content>.gform_wrapper,
.entry-content>iframe .entry-content>blockquote {
	margin-bottom: 100px;
}

/* if a media + text group follows another media + text group, just make it 50px between them */
.entry-content>.wp-block-media-text+.wp-block-media-text {
	margin-top: 0px;
}

/* if a media + text group follows another media + text group, inside a group block, put 70px between them */
.entry-content>.wp-block-group .wp-block-media-text+.wp-block-media-text {
	margin-top: 70px;
}

/* first colored bg block on page, add 100px white space above it */
.page-content p+.wp-block-group,
.entry-content p+.wp-block-group,
.entry-content p+.wp-block-cover,
.entry-content .wp-block-buttons+.wp-block-group,
.entry-content .wp-block-buttons+.wp-block-cover,
.entry-content ul+.wp-block-group,
.entry-content ul+.wp-block-cover,
.entry-content ol+.wp-block-group,
.entry-content ol+.wp-block-cover,
.entry-content .wp-block-table+.wp-block-group,
.entry-content .wp-block-table+.wp-block-cover,
.entry-content .wp-block-columns+.wp-block-group {
	margin-top: 100px;
}

.negative-margin {
	margin-top: -70px;
}

.less-top-spacing {
	margin-top: 0px !important;
	padding-top: 50px !important;
}

.nomargin {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.nopadding {
	padding-top: 25px !important;
	padding-bottom: 25px;
}

.add70 {
	margin-top: 70px !important;
}

/* bring up the spacing between colored group/cover blocks when are next to each other so they don't have white padding between them */
.entry-content .wp-block-group+.wp-block-group,
.entry-content .wp-block-cover+.wp-block-group,
.entry-content .wp-block-group+.wp-block-cover {
	margin-top: -100px;
}

/* Add some spacing after the last white accordion */
.entry-content .wp-block-pb-accordion-item+div:not(.wp-block-pb-accordion-item) {
	margin-top: 100px;
}

/* we actually want the blocks to be snug with the footer, no white gap please -- no margin on last element on the page  */
.entry-content> :last-child {
	margin-bottom: 0;
}

/* but we Do actually want spacing if it's not a custom block, like say a paragraph or whatnot */
.entry-content>.wp-block-buttons:last-child,
.entry-content>p:last-child,
.entry-content>ol:last-child,
.entry-content>ul:last-child,
.entry-content>h2:last-child,
.entry-content>h3:last-child,
.entry-content>h4:last-child,
.entry-content>h5:last-child,
.entry-content>h6:last-child,
.entry-content>.wp-block-table:last-child,
.entry-content>.wp-block-pb-accordion-item:last-child,
.entry-content>.wp-block-media-text:last-child {
	padding-bottom: 100px;
}

/* don't put padding on an iframe, put margin instead */
.entry-content>iframe:last-child,
.entry-content>.wp-block-embed:last-child,
.entry-content>figure:last-child {
	margin-bottom: 100px;
}

.wp-block-group+h2 {
	margin-top: 0;
}

.grey {
	background: var(--light-grey);
}

.wp-block-group .wp-block-columns+h2 {
	margin-top: 70px;
}

/* if it's a colored block first on a page, make sure it touches the header and there's not a weird white gap */
.entry-content>.wp-block-group:first-child,
.entry-content>blockquote:first-child {
	margin-top: -70px;
}

/* Group Content Block */
.wp-block-group {
	display: inline-block;
}

.wp-block-group__inner-container>h2 {
	margin-top: 0;
}

.wp-block-group.has-brand-green-background-color {
	background: var(--brand-green);
	color: #fff;
}

.wp-block-group.has-dark-green-background-color {
	background: var(--dark-green);
	color: #fff;
}

.wp-block-group.has-brand-yellow-background-color {
	background: var(--brand-yellow);
}

.wp-block-group.has-light-grey-background-color {
	background: var(--light-grey);
}

.wp-block-group.has-off-black-background-color {
	background: var(--off-black);
	color: #fff;
}

.wp-block-group.has-newsletter-black-background-color {
	background: var(--newsletter-black);
	color: #fff;
}

/* social links */
.wp-block-social-links.is-style-logos-only .wp-social-link {
	width: 60px;
}

.wp-block-social-links.is-style-logos-only .wp-social-link svg {
	width: 45px;
	height: 45px;
}

.wp-block-group.has-brand-green-background-color .wp-social-link a {
	color: #fff;
}

/* Default image/media block */
.wp-block-media-text .wp-block-media-text__content {
	/*  align-self: start; */
	padding: 0;
}

.wp-block-media-text.alignwide .wp-block-media-text__content {
	padding: 20px 0 20px 8%;
}

.wp-block-media-text.alignwide.has-media-on-the-right .wp-block-media-text__content {
	padding: 0 8% 0 0;
}

.wp-block-media-text__media img {
	max-width: 600px;
}

.wp-block-media-text .wp-block-buttons {
	justify-content: left;
}

.wp-block-media-text .wp-block-media-text__content h3 {
	color: var(--brand-green);
}

/* set other headers to look like h3 in case people select the wrong one */
.wp-block-media-text .wp-block-media-text__content h2,
.wp-block-media-text .wp-block-media-text__content h4,
.wp-block-media-text .wp-block-media-text__content h5,
.wp-block-media-text .wp-block-media-text__content h6,
.wp-block-media-text .wp-block-media-text__content p.has-large-font-size {
	color: var(--brand-green);
	font-family: 'Red Hat Text', sans-serif;
	font-size: 22px;
	line-height: 1.45;
	letter-spacing: 0.065em;
	text-transform: uppercase;
	font-weight: 700;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
	text-align: right;
}

/* If an image/text media block is within a group block & column block, stack it and give it a white bg */
/* going to turn this into a pattern...
.wp-block-group .wp-block-column .wp-block-media-text {
	grid-template-columns: 1fr;
	background: #fff;
	padding: 10px;
	color: var(--off-black);
	height: 100%;
	align-self: flex-start;
}
.wp-block-group .wp-block-column .wp-block-media-text .wp-block-media-text__media {
	align-self: flex-start;
	height: 240px;
	overflow: hidden;
	position: relative;
}
.wp-block-group .wp-block-column .wp-block-media-text .wp-block-media-text__media img {
	min-height: 240px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.wp-block-group.has-light-grey-background-color .wp-block-column .wp-block-media-text .wp-block-media-text__media {
	height: 275px;
}
.wp-block-group.has-light-grey-background-color .wp-block-column .wp-block-media-text .wp-block-media-text__media img {
	min-height: 275px;
}
.wp-block-group .wp-block-column .wp-block-media-text .wp-block-media-text {
	grid-row: 1;
	grid-column: 1;
	align-self: flex-start;
}
.wp-block-group .wp-block-column .wp-block-media-text .wp-block-media-text__content {
	grid-row: 2;
	grid-column: 1;
	align-self: flex-start;
}
.wp-block-group.has-light-grey-background-color .wp-block-column .wp-block-media-text {
	padding: 0;
}
*/
/* Cover blocks, if not the home page */
body:not(.home) .wp-block-cover {
	padding: 100px 0;
}

body:not(.home) .wp-block-cover .wp-block-cover__inner-container {
	background: #fff;
	max-width: 1270px;
	color: var(--off-black);
	padding: 70px 200px;
}

.wp-block-cover.alignfull.nobg .wp-block-cover__inner-container {
	background: transparent !important;
	color: #ffffff !important;
}

.wp-block-cover.alignfull.nobg .wp-block-cover__inner-container h2,
.wp-block-cover.alignfull.nobg .wp-block-cover__inner-container h4 {
	text-shadow: 1px 1px 3px black;
}

body:not(.home) .wp-block-cover .wp-block-cover__inner-container h2 {
	color: var(--brand-green);
}

/* remove dim on none-homepage cover blocks */
body:not(.home) .wp-block-cover.has-background-dim {
	background-color: black;
}

/* Accordion Block - FAQ */
.wp-block-pb-accordion-item .c-accordion__title {
	color: var(--off-black);
	font-family: 'Red Hat Text', sans-serif;
	font-size: 1rem;
	line-height: 1.44;
	font-size: 18px;
	letter-spacing: 0.03em;
	font-weight: 700;
	background: var(--light-grey);
	padding: 20px 55px 20px 25px;
	display: block;
	outline: none;
	margin: 0;
}

.wp-block-pb-accordion-item {
	margin-bottom: 20px;
}

.c-accordion__content {
	background: #fff;
	padding: 20px 40px;
}

.wp-block-pb-accordion-item.is-open .c-accordion__title {
	background: var(--brand-green);
	color: #fff;
}

.wp-block-pb-accordion-item .c-accordion__title:after {
	font-size: 30px;
	color: var(--brand-green);
	font-weight: 700;
	right: 20px;
}

.wp-block-pb-accordion-item.is-open .c-accordion__title:after {
	color: #fff;
}

/* change the accordion colors if inside a group block */
.wp-block-group.has-background .wp-block-pb-accordion-item .c-accordion__title {
	background: #fff;
	color: var(--off-black);
}

.wp-block-group.has-background .wp-block-pb-accordion-item.is-open .c-accordion__title {
	background: var(--brand-green);
	color: #fff;
}

/* space out media & text blocks if they're inside accordions */
.c-accordion__content .wp-block-media-text {
	margin-bottom: 70px;
}

.c-accordion__content .wp-block-media-text:last-child {
	margin-bottom: 0;
}

/* table block */
.wp-block-table table {
	border-collapse: collapse;
	border: 2px solid var(--light-grey);
}

.wp-block-table table th,
.wp-block-table table td {
	border: 2px solid var(--light-grey);
	padding: 20px;
	text-align: left;
}

/* colored paragraph backgrounds */
p.has-brand-yellow-background-color {
	background: var(--brand-yellow);
}

/* slideshow */
.wp-block-cwp-block-slider {
	padding: 0 100px;
}

.slick-slider .slick-list {
	padding-bottom: 30px;
}

body .wp-block-cwp-block-slider .wp-block-cover .wp-block-cover__inner-container {
	background: transparent;
}

button.cwp-block-prev,
button.cwp-block-next {
	background-color: var(--brand-green) !important;
	border: 0 !important;
	border-radius: 0 !important;
	padding: 5px 10px !important;
	height: 40px;
	width: 40px;
	transition-property: none !important;
}

button.cwp-block-prev,
button.cwp-block-prev:hover {
	left: -100px !important;
	top: calc(50% - 20px) !important;
	background: url(../images/icon-slideshow-arrow.svg) no-repeat;
	transform: rotate(180deg) !important;
	transition-property: none !important;
	background-size: 15px !important;
	background-position: center center !important;
	height: 40px !important;
	width: 40px !important;
}

button.cwp-block-next,
button.cwp-block-next:hover {
	right: -100px !important;
	top: 50% !important;
	background: url(../images/icon-slideshow-arrow.svg) no-repeat;
	transition-property: none !important;
	background-size: 15px !important;
	background-position: center center !important;
	height: 40px !important;
	width: 40px !important;
}

button.cwp-block-prev::after,
button.cwp-block-next::after {
	content: none;
	display: none;
}

.dashicons-arrow-left-alt2:before,
.dashicons-arrow-right-alt2:before {
	content: none;
	display: none;
}

.dashicons-arrow-left-alt2:before {
	display: inline-block;
	content: none;
	display: none;
}

/* screw that grid up! */
.wp-block-cwp-block-slider .wp-block-media-text__content,
.wp-block-cwp-block-slider .wp-block-media-text.alignwide .wp-block-media-text__content,
.wp-block-cwp-block-slider .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	background: var(--light-grey);
	grid-row-start: 1;
	grid-row-end: 3;
	grid-column-start: 1;
	grid-column-end: 3;
	align-self: center;
	padding-left: 55% !important
}

.wp-block-cwp-block-slider .wp-block-media-text .wp-block-media-text__media {
	padding: 40px;
	z-index: 1;
}

#cwp_id-3643116e-ec20-4e9c-a98b-59bd80a18d33.cwp-preview .slick-dots,
ul.slick-dots {
	bottom: -20px;
}

.wp-block-cwp-block-slider+.wp-block-buttons {
	margin-top: 50px;
}

.slick-slide .wp-block-button .wp-block-button__link {
	margin-bottom: 15px;
}

/* force media on left in slider */
.wp-block-cwp-block-slider .wp-block-media-text.has-media-on-the-right {
	grid-template-columns: 50% 1fr;
	grid-template-rows: auto;
}

.wp-block-cwp-block-slider .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
	grid-column: 1;
}

/* make the media bg white if it's nested in a colored group block */
.wp-block-group.has-background .wp-block-cwp-block-slider .wp-block-media-text__content {
	background: #fff;
}

ul.slick-dots .cwp-block-slider-pagin {
	background-color: var(--light-grey) !important;
}

ul.slick-dots .slick-active .cwp-block-slider-pagin {
	background-color: var(--brand-green) !important;
}

/* Block Quote */
blockquote {
	padding: 100px 50px;
	font-size: 1.5rem;
	font-size: 26px;
	line-height: 170%;
	background: var(--light-grey);
	margin-top: 100px;
	margin-bottom: 100px;
	color: var(--brand-green);
}

blockquote p {
	margin: 0 auto 20px auto;
	font-family: 'DM Serif Display', serif;
	font-weight: 600;
	max-width: 1290px;
}

blockquote p:first-of-type::before {
	content: "\201C";
	display: inline;
}

blockquote p:last-of-type::after {
	content: "\201D";
	display: inline;
}

blockquote p:last-child {
	margin-bottom: 0;
}

blockquote cite {
	margin: 0 auto 20px auto;
	max-width: 1290px;
	display: block;
	font-style: normal;
	padding-left: 40px;
	font-size: 20px;
	margin-bottom: 0;
}

blockquote cite:before {
	content: "\2014";
}

/* Pull Quote */
figure.wp-block-pullquote {
	padding: 0;
	margin: 0;
}

.wp-block-pullquote blockquote {
	font-size: 20px;
	margin-top: 0;
}

/* regular image aligned */
.wp-block-image figcaption {
	text-align: center;
	font-size: 18px;
}

/* Flipping Book */
div[data-fbo-lightbox] {
	margin-bottom: 100px;
}

.wp-block-image .alignright {
	margin: .5em 0 2em 2.5em;
}

/* Patterns 
--------------------------------------------- */
.wp-block-group.rainbow>.wp-block-group__inner-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	grid-auto-rows: auto;
	gap: 15px 15px;
	grid-template-areas:
		"title title title"
		"card-1 card-1 card-2"
		"card-3 card-4 card-5"
		"card-6 card-7 card-7"
		"card-8 card-9 card-10"
		"card-11 card-11 card-12"
		"card-13 card-14 card-15";
}

.is-layout-flow.wp-block-group.alignfull.rainbow.paddingtop.has-light-grey-background-color.has-background {
	margin-top: 10px !important;
}

.wp-block-group.rainbow>.wp-block-group__inner-container .wp-block-group {
	min-height: 250px;
	background: #fff;
	margin: 0;
	display: inline;
	padding: 40px 30px;
	border-top: 15px solid #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

#short.wp-block-group.rainbow>.wp-block-group__inner-container .wp-block-group {
	min-height: 30px;
	padding: 25px 20px;
}

.wp-block-group.rainbow>.wp-block-group__inner-container .wp-block-group h4 {
	margin: 0;
	text-transform: uppercase;
}

.wp-block-group.rainbow>.wp-block-group__inner-container .wp-block-group p {
	margin: 10px 0 0 0;
	font-size: 1rem;
}

.wp-block-group.rainbow .wp-block-group__inner-container h2 {
	grid-area: title;
	text-align: center;
}

.wp-block-group.rainbow .wp-block-group__inner-container .wp-block-group:nth-of-type(1) {
	grid-area: card-1;
	border-color: var(--pre-kindergarten);
}

.wp-block-group.rainbow .wp-block-group__inner-container .wp-block-group:nth-of-type(2) {
	grid-area: card-2;
	border-color: var(--kindergarten);
}

.wp-block-group.rainbow .wp-block-group__inner-container .wp-block-group:nth-of-type(3) {
	grid-area: card-3;
	border-color: var(--first-grade);
}

.wp-block-group.rainbow .wp-block-group__inner-container .wp-block-group:nth-of-type(4) {
	grid-area: card-4;
	border-color: var(--second-grade);
}

.wp-block-group.rainbow .wp-block-group__inner-container .wp-block-group:nth-of-type(5) {
	grid-area: card-5;
	border-color: var(--third-grade);
}

.wp-block-group.rainbow .wp-block-group__inner-container .wp-block-group:nth-of-type(6) {
	grid-area: card-6;
	border-color: var(--fourth-grade);
}

.wp-block-group.rainbow .wp-block-group__inner-container .wp-block-group:nth-of-type(7) {
	grid-area: card-7;
	border-color: var(--fifth-grade);
}

.wp-block-group.rainbow .wp-block-group__inner-container .wp-block-group:nth-of-type(8) {
	grid-area: card-8;
	border-color: var(--sixth-grade);
}

.wp-block-group.rainbow .wp-block-group__inner-container .wp-block-group:nth-of-type(9) {
	grid-area: card-9;
	border-color: var(--seventh-grade);
}

.wp-block-group.rainbow .wp-block-group__inner-container .wp-block-group:nth-of-type(10) {
	grid-area: card-10;
	border-color: var(--eighth-grade);
}

/* we really shouldn't have more than 10, but in case we do... */
.wp-block-group.rainbow .wp-block-group__inner-container .wp-block-group:nth-of-type(11) {
	grid-area: card-11;
	border-color: var(--pre-kindergarten);
}

.wp-block-group.rainbow .wp-block-group__inner-container .wp-block-group:nth-of-type(12) {
	grid-area: card-12;
	border-color: var(--kindergarten);
}

.wp-block-group.rainbow .wp-block-group__inner-container .wp-block-group:nth-of-type(13) {
	grid-area: card-13;
	border-color: var(--first-grade);
}

.wp-block-group.rainbow .wp-block-group__inner-container .wp-block-group:nth-of-type(14) {
	grid-area: card-14;
	border-color: var(--second-grade);
}

.wp-block-group.rainbow .wp-block-group__inner-container .wp-block-group:nth-of-type(15) {
	grid-area: card-15;
	border-color: var(--third-grade);
}

.wp-block-group.rainbow .wp-block-group__inner-container .wp-block-buttons {
	margin-top: 30px;
}

.wp-block-group.rainbow>.wp-block-group__inner-container>.wp-block-buttons {
	grid-column: span 3;
	margin-top: 30px;
	margin-bottom: 0;
	height: 30px;
}

.wp-block-group.rainbow .wp-block-button,
.wp-block-group.rainbow .entry-content a.wp-block-button__link {
	margin-bottom: 0;
}

/* Three icon with green pattern background pattern */
.wp-block-group.green-pattern-icons {
	background: var(--brand-green) url(../images/background-tile-dark-green.png) top left repeat;
	background-size: 600px;
	text-align: center;
	color: #fff;
}

.wp-block-group.green-pattern-icons .wp-block-group__inner-container>p {
	font-weight: 500;
}

.wp-block-group.green-pattern-icons .wp-block-column .wp-block-image img {
	height: 100px;
	width: auto;
}

.wp-block-group.green-pattern-icons .wp-block-column .wp-block-image figcaption {
	display: none;
}

.wp-block-group.green-pattern-icons .wp-block-column .wp-block-media-text {
	grid-template-columns: 1fr;
	background: transparent;
	padding: 40px;
	color: #fff;
	height: 100%;
	align-self: flex-start;
}

.wp-block-group.green-pattern-icons .wp-block-column .wp-block-media-text .wp-block-media-text__content p:last-child {
	margin-bottom: 0;
}

.wp-block-group.green-pattern-icons .wp-block-columns {
	margin-bottom: 0;
}

.wp-block-group.green-pattern-icons .wp-block-columns .wp-block-column .wp-block-buttons {
	justify-content: center;
}

/* Four Square Grid on Green Background */
.wp-block-group.four-square-grid {
	background-color: var(--brand-green);
	text-align: center;
	color: #fff;
}

/*
.wp-block-group.four-square-grid::after  {
	content: "";
	display: block;
	background: var(--brand-green);
	opacity: .9;
	z-index: 2;
}
*/
.wp-block-group.four-square-grid .wp-block-columns .wp-block-group__inner-container .wp-block-buttons {
	justify-content: center;
}

/*
.wp-block-group.four-square-grid .wp-block-columns:first-of-type {
	margin-top: 70px;
}
*/
.wp-block-group.four-square-grid .wp-block-column .wp-block-group {
	background: #fff;
	padding: 8px 8px 60px 8px;
	color: var(--off-black);
	text-align: center;
	height: 100%;
}

.wp-block-group.four-square-grid .wp-block-column .wp-block-group figure {
	margin: 0 0 50px 0;
	height: 420px;
	overflow: hidden;
	justify-content: center;
	position: relative;
}

.wp-block-group.four-square-grid .wp-block-column .wp-block-group figure figcaption {
	display: none;
}

.wp-block-group.four-square-grid .wp-block-column .wp-block-group img {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-height: 420px;
	object-fit: cover;
}

.wp-block-group.four-square-grid .wp-block-column .wp-block-group h3 {
	margin-bottom: 10px;
	padding: 0 40px;
}

.wp-block-group.four-square-grid .wp-block-column .wp-block-group p {
	padding: 0 40px;
}

.wp-block-group.four-square-grid .wp-block-column .wp-block-group p:last-child {
	margin-bottom: 0;
}

.wp-block-group.four-square-grid .wp-block-button,
.entry-content .wp-block-group.four-square-grid a.wp-block-button__link {
	margin-bottom: 0;
}

.wp-block-group.four-square-grid>.wp-block-group__inner-container .wp-block-columns>.wp-block-column:first-child>.wp-block-buttons {
	justify-content: flex-end;
}

.wp-block-group.four-square-grid>.wp-block-group__inner-container .wp-block-columns:last-child {
	margin-bottom: 0;
}

/* Cards with Images on Grey Background */
.wp-block-group.cards-grid {
	text-align: center;
	color: var(--off-black);
}

.wp-block-group.cards-grid .wp-block-columns:first-of-type {
	margin-top: 70px;
}

.wp-block-group.cards-grid .wp-block-column {
	background: #fff;
	padding: 0 0 50px 0;
	color: var(--off-black);
	text-align: center;
	min-height: 300px;
}

.wp-block-group.cards-grid .wp-block-column figure {
	margin: 0 0 50px 0;
	height: 275px;
	overflow: hidden;
	justify-content: center;
	position: relative;
}

.wp-block-group.cards-grid .wp-block-column figure.wp-block-embed {
	height: auto;
}

.wp-block-group.cards-grid .wp-block-column figure figcaption {
	display: none;
}

.wp-block-group.cards-grid .wp-block-column img {
	width: 100%;
	max-width: none;
	max-width: 800px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-height: 275px;
	object-fit: cover;
}

.wp-block-group.cards-grid .wp-block-column h3 {
	margin-bottom: 10px;
	padding: 0 40px;
}

.wp-block-group.cards-grid .wp-block-column p {
	padding: 0 40px;
}

.wp-block-group.cards-grid .wp-block-column p:last-child {
	margin-bottom: 0;
}

.wp-block-group.cards-grid .wp-block-button,
.entry-content .wp-block-group.cards-grid a.wp-block-button__link {
	margin-bottom: 0;
}

.wp-block-group.cards-grid .wp-block-columns .wp-block-column .wp-block-buttons {
	justify-content: center;
}

/* alert bar pattern */
.wp-block-group.alert-bar {
	background: var(--brand-yellow);
	padding-top: 62px;
	padding-bottom: 62px;
	display: block;
}

.wp-block-group.alert-bar h3 {
	margin-top: 0;
}

.wp-block-group.alert-bar .wp-block-columns {
	align-items: center;
	margin: 0;
}

.wp-block-group.alert-bar p:last-child {
	margin-bottom: 0;
}

.wp-block-group.alert-bar .wp-block-columns .wp-block-column:last-child .wp-block-buttons {
	justify-content: flex-end;
}

.entry-content .wp-block-group.alert-bar .wp-block-buttons .wp-block-button {
	margin: 0;
}

.entry-content .wp-block-group.alert-bar a.wp-block-button__link {
	background: var(--off-black);
	color: #ffffff !important;
	margin: 0;
}

/* Blog CTA */
.entry-content .wp-block-group.blog-cta {
	color: #fff;
	padding: 60px 100px;
	text-align: center;
	margin-top: 70px;
	width: 100%;
}

.entry-content .wp-block-group.blog-cta h2 {
	color: #fff;
	margin-bottom: 30px;
}

.entry-content .wp-block-group.blog-cta .wp-block-buttons,
.entry-content .wp-block-group.blog-cta .wp-block-button,
.entry-content .wp-block-group.blog-cta a.wp-block-button__link {
	margin-bottom: 0;
}

/* EAGLE CTA Template */
#meet-with-us.visible {
	background: url(../images/ems-experience/background-success.jpg) top center no-repeat;
	background-size: cover;
	padding: 0.1px;
	text-align: center;
}

#meet-with-us.visible h3 {
	text-align: center;
}

#meet-with-us.visible .inner-box {
	max-width: 850px;
	padding: 150px 50px 240px 50px;
	margin: 150px auto;
	position: relative;
	background-color: #fff;
	background-image: url(../images/ems-experience/image-vine-topleft.svg), url(../images/ems-experience/image-vine-topright.svg), url(../images/ems-experience/image-vine-bottomleft.svg), url(../images/ems-experience/image-vine-bottomright.svg);
	background-position: 20px 20px, calc(100% - 20px) 20px, 20px calc(100% - 20px), calc(100% - 20px) calc(100% - 20px);
	background-repeat: no-repeat;
	background-size: 165px auto, 187px auto, 110px auto, 132px auto;
}

@media (max-width: 600px) {
	#meet-with-us.visible .inner-box {
		background: #fff;
		padding: 150px 20px 240px 20px;
	}
}

#meet-with-us h2 {
	color: var(--brand-green);
	margin: 0 auto;
	max-width: 650px;
	font-size: 65px;
	line-height: 1;
	letter-spacing: 0.01em;
}

#meet-with-us h3 {
	margin: 30px auto 0 auto;
	max-width: 750px;
}

#meet-with-us .apple-icon {
	width: 75px;
	height: auto;
	position: absolute;
	top: 0;
	left: calc(50% - 37.5px);
}

#meet-with-us .eagle {
	width: 230px;
	height: auto;
	position: absolute;
	bottom: -28px;
	left: calc(50% - 115px);
}

@keyframes eagle {
	0% {
		opacity: 1;
	}

	48% {
		opacity: 1;
	}

	52% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

#meet-with-us .eagle.left {
	animation-name: eagle;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 5s;
	animation-direction: alternate;
}

#meet-with-us button {
	margin: 50px 0 0 0;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/* Menus
--------------------------------------------- */
nav.wp-container-3.has-text-color.has-light-grey-color.has-background.has-dark-green-background-color.items-justified-left.is-vertical.floating.wp-block-navigation {
	position: fixed;
	z-index: 9999;
	background: #003628;
	width: fit-content;
	color: #FFFFFF;
	top: 350px;
	left: 0;
	line-height: 8px;
	font-size: 14px;
}

.floating .wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
	fill: currentColor;
	pointer-events: none;
	display: none !important;
}

.floating button.wp-block-navigation__responsive-container-open.always-shown::before {
	content: 'Table of Contents';
	font-size: 16px;
}

.floating span.wp-block-navigation-item__label {
	color: unset;
}

.floating span.wp-block-navigation-item__label:hover {
	color: #FDC342;
	background: #00553F;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
	/*rtl:ignore*/
	float: left;
	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
## Breakpoints
--------------------------------------------------------------*/
/* Phone Only (0-600px) */
@media (max-width: 600px) {

	body.blog article,
	body.archive article {
		flex-direction: column;
	}

	body.blog article .blog-photo,
	body.archive article .blog-photo {
		width: 100%;
	}

	body.blog article .blog-content,
	body.archive article .blog-content {
		width: 100%;
		padding-left: 0px;
	}

	.entry-content .wp-block-group.blog-cta {
		padding: 30px;
	}

	#masthead .tagline-mobile div.map img {
		max-width: 300px;
		max-width: 100%;
	}
}

/* Tablet and larger (601px+) */
@media (min-width: 601px) {}

/* Both Phone & Tablet (0-899px) */
@media (max-width: 899px) {
	#masthead {
		display: grid;
		grid-template-columns: 1fr 20%;
		grid-template-rows: auto auto auto auto auto auto;
		gap: 0px 0px;
		grid-template-areas:
			"logo hamburger"
			"navigation navigation"
			"students-families-mobile students-families-mobile"
			"social social"
			"meet-apply meet-apply"
			"tagline-mobile tagline-mobile";
		background: var(--brand-green);
	}

	#masthead .hidden {
		display: none;
	}

	#masthead .visible {
		display: block;
	}

	#masthead .tagline-bar {
		display: none;
	}

	#masthead .tagline-mobile {
		grid-area: tagline-mobile;
	}

	#masthead .search {
		display: none;
	}

	#masthead:not(.covid-microsite) .logo {
		padding-top: 15px;
		padding-bottom: 15px;
		background: var(--brand-green);
		align-self: center;
	}

	#masthead.covid-microsite {
		background: #fff;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		gap: 0px 0px;
		grid-template-areas:
			"logo"
			"search"
			"header"
			"navigation";
	}

	#masthead.covid-microsite .header {
		color: #fff;
		text-align: center;
		padding: 50px 50px;
	}

	#masthead.covid-microsite .main-navigation {
		display: none;
	}

	#masthead.covid-microsite .main-navigation.visible {
		display: block;
	}

	#masthead.covid-microsite .logo {
		padding: 15px 0;
	}

	#masthead.covid-microsite .search {
		padding: 15px 0;
		margin: 0;
		min-width: 400px;
		align-self: center;
		justify-self: center;
	}

	#masthead.covid-microsite input[type=search] {
		width: 100%;
	}

	/* invert logo to make it white for mobile */
	#masthead:not(.covid-microsite) .logo img.custom-logo {
		filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(100deg) brightness(115%) contrast(106%);
	}

	#masthead .logo img.hidden {
		display: block;
		/* filter: none;*/
	}

	#masthead .meet-apply {
		background: var(--dark-green);
	}

	/* and then break out these elements to go full width */
	#site-navigation,
	.meet-apply,
	.COVID-Menu,
	.main-navigation {
		left: 50%;
		margin-left: -50vw;
		width: 100vw;
		min-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
		position: relative;
	}

	.main-navigation li {
		margin-bottom: 10px;
	}

	.main-navigation li:last-child {
		margin-bottom: 0;
	}

	.main-navigation .ems-experience a,
	.main-navigation .back a {
		left: 50%;
		margin-left: -50vw;
		width: 100vw;
		min-width: 100%;
		padding-left: 30px;
		padding-right: 30px;
		box-sizing: border-box;
		position: relative;
	}

	#masthead .students-families-mobile {
		grid-area: students-families-mobile;
		margin-top: 50px;
		color: #fff;
		margin-left: 20px;
	}

	#masthead .menu-current-students-families-menu-container,
	#masthead .students-families-mobile li a {
		color: #fff;
	}

	#masthead .social {
		margin-top: 20px;
		margin-left: 16px;
	}

	#masthead .social ul {
		justify-content: flex-start;
	}

	#masthead .social li a {
		color: #fff;
		filter: brightness(0%) saturate(100%) invert(100%);
		margin-right: 10px;
	}

	#masthead .social li.phone-number {
		display: none;
	}

	#masthead .students-families {
		display: none;
	}

	#masthead .meet-apply {
		margin-top: 50px;
		padding-left: 0;
		padding-right: 0;
	}

	#masthead .meet-apply ul {
		justify-content: center;
		display: inline-block;
		padding: 10px 0;
	}

	#masthead .meet-apply li {
		align-self: center;
		width: calc(32vw);
		text-align: center;
		display: inline-block;
	}

	#masthead .meet-apply li a {
		white-space: nowrap;
		padding: 6px 0px;
		display: block;
		font-size: 13px;
	}

	#masthead .meet-apply li:first-child {
		border-right: 1px solid #fff;
	}

	#masthead .meet-apply li:last-child {
		border-left: 1px solid #fff;
	}

	/* AA edits to mobile */
	header.entry-header.has-thumbnail {
		padding: 10px 20px 10px 20px;
	}

	body.page:not(.home):not(.page-id-377):not(.parent-pageid-377):not(.page-id-8834):not(.parent-pageid-8834):not(.page-id-8667):not(.parent-pageid-8667):not(.page-id-8679):not(.parent-pageid-8679):not(.parent-pageid-271):not(.page-id-271):not(.page-id-14302):not(.parent-pageid-14302) .entry-header {
		margin-bottom: 0px;
	}

	figure.wp-block-media-text__media {
		max-height: 300px;
		overflow: hidden;
	}

	.wp-block-cover.alignfull.has-off-black-background-color.homepage-hero {
		min-height: 550px !important;
	}

	.wp-block-cover.alignfull.has-off-black-background-color.homepage-hero h1,
	.wp-block-cover.alignfull.has-off-black-background-color.homepage-hero p {
		text-shadow: 1px 1px 8px #000000;
	}

	.site-footer {
		display: flex;
		flex-direction: column;
		text-align: center;
	}

	.site-footer .logo {
		margin-bottom: 50px;
	}

	.site-footer ul.menu {
		flex-wrap: wrap;
		justify-content: center;
	}

	.site-footer ul.menu>li {
		width: 50%;
	}

	.site-footer .sub-menu {
		margin-bottom: 50px;
	}

	.site-footer ul#footer-social li a {
		margin: 0px 5px;
	}

	.site-footer ul#footer-social .facebook a,
	.site-footer ul#footer-social .twitter a,
	.site-footer ul#footer-social .instagram a {
		width: 30px;
		height: 30px;
	}

	#newsletter {
		justify-content: space-between;
		align-items: center;
		flex-direction: column;
	}

	#newsletter h4 {
		margin: 0 0 20px 0;
		text-align: center;
		width: 100%;
	}

	#newsletter .gform_wrapper {
		width: 100%;
	}

	#newsletter .gform_body {
		width: 100%;
	}

	/* stack the slideshow */
	.slick-slide .wp-block-media-text.is-stacked-on-mobile {
		display: flex;
		flex-direction: column;
	}

	.wp-block-cwp-block-slider .wp-block-media-text .wp-block-media-text__media {
		padding: 0;
	}

	.wp-block-cwp-block-slider .wp-block-media-text__content,
	.wp-block-cwp-block-slider .wp-block-media-text.alignwide .wp-block-media-text__content {
		padding-left: 0 !important;
		padding: 10px !important;
	}

	.wp-block-cwp-block-slider {
		padding: 0 50px;
	}

	button.cwp-block-prev,
	button.cwp-block-prev:hover {
		left: -50px !important;
	}

	button.cwp-block-next,
	button.cwp-block-next:hover {
		right: -50px !important;
	}

	body.home .homepage-departments {
		padding: 5%;
	}

	/* staff directory */
	body.post-type-archive-staff #staff-page {
		flex-direction: column;
	}

	body.post-type-archive-staff #staff-page #staff-filters {
		width: 100%;
		margin-bottom: 20px;
	}
}

/* below 1050 px */
@media (max-width: 1050px) {
	.wp-block-media-text .wp-block-buttons {
		flex-direction: column;
	}

	body:not(.home) .wp-block-cover .wp-block-cover__inner-container {
		padding-left: 100px;
		padding-right: 100px;
	}

	.wp-block-group.four-square-grid .wp-block-column .wp-block-group figure {
		height: 350px;
	}

	.wp-block-group.four-square-grid .wp-block-column .wp-block-group img {
		min-height: 350px;
	}
}

/* Calendar
--------------------------------------------- */
.tribe-events h3 {
	text-transform: capitalize;
}

span.tribe-common-h7.tribe-common-h--alt {
	display: none;
}

article.cat_athletics,
article.cat_sports {
	background: #E6EBEB;
}

article.cat_admissions {
	background: #c1c8d4;
}

article.tag-parents-association {
	background: #f7f6f2;
}

.tribe-tickets__rsvp-ar-quantity {
	display: none !important;
}

ul.tribe-tickets__rsvp-ar-guest-list.tribe-common-h6 {
	display: none;
}

#tribe-events-content .tribe-block__event-website {
	display: none;
}

.tribe-block.tribe-block__events-link {
	display: none;
}

.tribe-section.tribe-section-taxonomy,
.tribe-section.tribe-section-taxonomy,
.tribe-section.tribe-section-cost,
div#event_tribe_event_status {
	display: none;
}

/* blocks */
/* desktop blocks */
@media (min-width: 782px) {
	.wp-block-columns {
		margin-bottom: 1em;
		flex-wrap: nowrap;
	}

	.wp-block-column:not(:first-child) {
		margin-left: 1em;
	}
}

/* mobile blocks */
@media (max-width: 781px) {
	.wp-block-column {
		flex-basis: 0;
		flex-grow: 1;
	}

	.wp-block-group.four-square-grid {
		padding-left: 30px;
		padding-right: 30px;
	}

	.wp-block-columns {
		margin: 0 0 25px 0;
		justify-content: space-between;
	}

	/* homepage gallery */
	body.home .homepage-gallery .wp-block-image img {
		height: 225px;
	}

	body.home .homepage-gallery .wp-block-column {
		padding-bottom: 5px;
		margin-bottom: 0 !important;
	}

	.homepage-gallery .wp-block-column {
		margin-bottom: 0;
	}

	.homepage-gallery .wp-block-columns:first-child>.wp-block-column:first-child,
	.homepage-gallery .wp-block-columns:nth-child(2)>.wp-block-column:first-child {
		flex-basis: 50% !important;
		padding-right: 15px;
		padding-right: 5px;
	}

	.homepage-gallery .wp-block-columns:first-child>.wp-block-column:last-child,
	.homepage-gallery .wp-block-columns:nth-child(2)>.wp-block-column:last-child {
		flex-basis: 50% !important;
		padding-left: 15px;
		padding-left: 5px;
	}

	body.home .homepage-gallery .wp-block-columns:last-of-type>.wp-block-column:first-child,
	body.home .homepage-gallery .wp-block-columns:last-of-type>.wp-block-column:last-child {
		flex-basis: 100% !important;
		padding-left: 0;
		padding-right: 0;
	}

	body.home .homepage-gallery .wp-block-columns:last-of-type .wp-block-column:last-child {
		margin: -100px 25px 0 25px !Important;
		text-align: center;
		padding: 10px 30px 40px 30px;
	}

	.wp-block-group.cards-grid .wp-block-columns:first-of-type,
	.wp-block-columns {
		margin-bottom: 0px;
	}

	.wp-block-column,
	.wp-block-column:not(:only-child),
	.wp-block-column:nth-child(2n) {
		flex-basis: 100% !important;
		flex-grow: 0;
		margin: 0 0 25px 0;
	}

	.wp-block-column:nth-child(2n) {
		margin-left: 0 !important;
	}

	.wp-block-group.rainbow>.wp-block-group__inner-container {
		display: flex;
		flex-direction: column;
		gap: 0px;
	}

	.wp-block-group.rainbow>.wp-block-group__inner-container .wp-block-group {
		margin-bottom: 15px;
	}

	body:not(.home) .wp-block-cover .wp-block-cover__inner-container {
		padding: 40px;
		margin-left: 10px;
		margin-right: 10px;
	}

	.wp-block-columns .wp-block-column .wp-block-buttons,
	.wp-block-group.four-square-grid>.wp-block-group__inner-container .wp-block-columns>.wp-block-column:first-child>.wp-block-buttons {
		justify-content: center;
	}

	.wp-block-image .alignright,
	.wp-block-image .alignleft {
		float: none;
		margin: 0 auto;
	}

	.alert-bar {
		text-align: center;
	}

	.wp-block-group.alert-bar .wp-block-columns .wp-block-column:last-child .wp-block-buttons {
		margin-top: 20px;
		justify-content: center;
	}

	body.home .wp-block-cover {
		align-items: flex-end;
		padding-bottom: 120px;
	}

	body.home .wp-block-cover .wp-block-cover__inner-container {
		text-align: center;
	}

	body.home .wp-block-cover .wp-block-cover__inner-container .wp-block-buttons {
		justify-content: center;
	}

	body.home .homepage-departments {
		padding-top: 50px;
		padding-bottom: 20px;
	}

	body.home .homepage-departments .wp-block-columns .wp-block-column {
		border-bottom: 1px solid #fff;
	}

	body.home .homepage-departments .wp-block-columns:first-of-type .wp-block-column,
	body.home .homepage-departments .wp-block-columns .wp-block-column:first-of-type,
	body.home .homepage-departments .wp-block-columns:last-of-type .wp-block-column,
	body.home .homepage-departments .wp-block-columns .wp-block-column:last-of-type {
		border-left: 0;
		border-right: 0;
		padding: 20px;
	}

	body.home .homepage-departments .wp-block-columns:last-of-type .wp-block-column:last-of-type {
		border: 0;
	}

	body.home .homepage-departments .wp-block-columns .wp-block-column .wp-block-buttons {
		justify-content: start;
	}

	body.home .homepage-departments .entry-content a.wp-block-button__link {
		margin-bottom: 0;
	}

	body.home .homepage-departments .wp-block-media-text .wp-block-media-text__content {
		padding-bottom: 30px;
	}
}

/* even smaller mobile blocks */
@media (max-width: 600px) {

	.wp-block-media-text.is-stacked-on-mobile,
	.wp-block-media-text.alignwide .wp-block-media-text__content,
	.wp-block-media-text.alignwide .wp-block-media-text__content,
	.wp-block-media-text.alignwide.has-media-on-the-right .wp-block-media-text__content {
		padding-left: 0;
		padding-right: 0;
	}

	.wp-block-media-text__media img {
		max-width: 100%;
	}

	.wp-block-group.rainbow .wp-block-group__inner-container .wp-block-buttons {
		height: auto;
		text-align: center;
	}

	body.home .homepage-departments {
		text-align: center;
		margin-right: 20px;
		margin-left: 20px;
		padding: 50px;
		margin-bottom: 20px !important;
	}

	body.home .homepage-departments .wp-block-media-text .wp-block-media-text__media {
		padding: 0 0 15px 0;
	}

	body.home .homepage-departments .wp-block-columns .wp-block-column .wp-block-buttons,
	body.home .homepage-departments .wp-block-columns .wp-block-column:first-child .wp-block-buttons {
		justify-content: center;
	}

	body.home .homepage-departments .wp-block-columns .wp-block-column {
		border-bottom: 1px solid #fff !important;
	}

	body.home .homepage-departments .wp-block-columns:last-child .wp-block-column:last-child {
		border: 0 !important;
	}

	body.home .homepage-departments .wp-block-columns:last-child .wp-block-column:last-child .wp-block-buttons .wp-block-button {
		margin-bottom: 0;
	}

	.wp-block-buttons {
		flex-direction: column;
	}

	.wp-block-buttons .wp-block-button {
		margin: 0 0 10px 0 !important;
	}

	.wp-block-buttons .wp-block-button:last-child {
		margin-bottom: 0px !important;
	}
}

/* super small screen  (-400px) */
@media (max-width: 400px) {
	.logo img {
		max-width: 350px;
	}
}

/* Tablet LANDSCAPE and larger (900px+ ) */
@media (min-width: 900px) {
	#logo-search {
		background: #fff;
	}

	.site-header img.custom-logo {
		filter: none;
	}

	.site-header img.custom-logo {
		max-width: 500px;
		padding-right: 20px;
	}

	#masthead {
		display: grid;
		grid-template-columns: 1fr 192px 192px;
		grid-template-rows: auto auto auto auto;
		gap: 15px 0px;
		grid-template-areas:
			"tagline-bar tagline-bar tagline-bar"
			"logo search social"
			"logo meet-apply meet-apply"
			"navigation navigation navigation";
		background: #fff;
	}

	#masthead.covid-microsite {
		background: #fff;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto auto;
		gap: 0px 0px;
		grid-template-areas:
			"logo search"
			"header header"
			"navigation navigation";
	}

	#masthead.covid-microsite .header {
		color: #fff;
		text-align: center;
		padding: 50px 50px;
	}

	#masthead.covid-microsite .main-navigation {}

	#masthead.covid-microsite .logo {
		padding: 15px 0;
	}

	#masthead.covid-microsite .search {
		padding: 15px 0;
		margin: 0;
		min-width: 400px;
		align-self: center;
		justify-self: end;
	}

	#masthead.covid-microsite input[type=search] {
		width: 100%;
	}

	/* break out full width */
	#masthead .main-navigation {
		left: 50%;
		margin-left: -50vw;
		width: 100vw;
		min-width: 100%;
		padding-left: calc(50vw - 50%);
		padding-right: calc(50vw - 50%);
		box-sizing: border-box;
		position: relative;
	}

	#masthead .tagline-mobile {
		display: none;
	}

	#masthead .tagline-bar {
		display: grid;
		grid-template-columns: 1fr 188px;
		grid-template-rows: 1fr;
		gap: 0px 0px;
		grid-template-areas:
			"tagline students-families";
		grid-area: tagline-bar;
	}

	#masthead .search {
		grid-area: search;
		margin-top: 7px;
	}

	#masthead .students-families {
		grid-area: students-families;
		text-align: right;
		white-space: nowrap;
		margin-left: -70px;
	}

	#masthead .students-families p {
		color: #656666;
	}

	#masthead .menu-current-students-families-menu-container {
		display: inline;
		color: #656666;
	}

	#masthead .students-families li a {
		color: #656666;
	}

	#masthead .hamburger {
		display: none;
	}

	#masthead .social {
		padding-top: 10px;
	}

	#masthead .social li a:hover {
		filter: brightness(0.2) sepia(1) hue-rotate(180deg) saturate(5);
		filter: grayscale(50%) saturate(0.25) brightness(35%) hue-rotate(45deg);
	}

	#masthead .social li a {
		color: var(--brand-green);
		text-decoration: none;
	}

	#masthead .social li a:hover {
		filter: brightness(0.2) sepia(1) hue-rotate(180deg) saturate(5);
		filter: grayscale(50%) saturate(0.25) brightness(35%) hue-rotate(45deg);
	}

	#masthead .students-families-mobile {
		display: none;
	}

	#masthead .meet-apply ul {
		margin-bottom: 10px;
	}

	#masthead .meet-apply li a {
		display: inline-block;
		background: var(--off-black);
		padding: 10px 30px;
		min-width: 188px;
	}

	#masthead .meet-apply li a:hover {
		background: #343434;
	}

	#masthead .meet-apply li a:hover {
		background: #343434;
	}

	#masthead .meet-apply .call-us {
		display: none;
	}

	.main-navigation ul {
		display: flex;
		justify-content: space-between;
	}

	.main-navigation li:last-child a {
		padding-right: 0;
	}

	.site-footer {
		display: grid;
		grid-template-columns: 2fr 1fr;
		grid-template-rows: repeat(3, auto);
		gap: 50px 40px;
	}

	.site-footer .logo {
		grid-area: 1 / 1 / 2 / 3;
	}

	.site-footer .navigation {
		grid-area: 2 / 1 / 4 / 2;
	}

	.site-footer .bottom {
		grid-area: 2 / 2 / 3 / 3;
		justify-self: end;
		text-align: right;
		border-left: 1px solid #6a6969;
		max-height: 180px;
		padding-left: 35%;
	}

	.site-footer div.copyright {
		grid-area: 3 / 2 / 4 / 3;
		align-self: end;
	}

	.site-footer div.copyright p.copyright {
		margin: 0;
		text-align: right;
	}

	.site-footer ul.menu {
		justify-content: space-between;
	}

	.site-footer ul#footer-menu li.menu-item-has-children>a {
		display: table-caption;
	}

	.site-footer ul#footer-social li a {
		margin-left: 5px;
	}

	.site-footer ul#footer-menu .sub-menu li {
		margin-right: 15px;
	}
}

/* For desktop and larger (1200px+) */
@media (min-width: 1200px) {}

.wp-block-cakewp-slider-inserter {
	margin-bottom: 50px;
}

.wp-block-cakewp-slider-inserter .wp-block-cakewp-block-slider {
	left: 0;
	margin-left: 0;
	width: 0;
	min-width: 100%;
	padding-left: 140px;
	padding-right: 105px;
	box-sizing: border-box;
}

.wp-block-cakewp-slider-inserter .blockslider-slide-inner-wrapper {
	position: relative;
}

/*  todo 2222 */
/* .wp-block-cakewp-slider-inserter .blockslider-slider-wrapper { padding-left: 4%;margin-left: -4%;} */
/* .wp-block-cakewp-slider-inserter .blockslider-slide-inner-wrapper::before {
	content: "";
    position: absolute;
	height: 82%;
	top: 9%;
	width: 120%;
	left: -4%;
	background-color: #e6ebeb;
	z-index: -1;
  } */
.wp-block-cakewp-slider-inserter .blockslider-pagination-wrapper {
	position: relative;
	margin-top: 20px;
}

/* todo 111 */
.wp-block-cakewp-slider-inserter .wp-block-media-text__content {
	position: relative;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.wp-block-cakewp-slider-inserter .blockslider-wrapper {
	align-items: center;
}

.wp-block-cakewp-slider-inserter.white .wp-block-media-text__content::before {
	background-color: #ffffff;
}

.wp-block-cakewp-slider-inserter .wp-block-media-text__content::before {
	content: "";
	position: absolute;
	height: 100%;
	top: 0;
	width: 100%;
	right: 0;
	background-color: #e6ebeb;
	z-index: -1;
}

.wp-block-cakewp-slider-inserter figure.wp-block-media-text__media {
	max-height: 100%;
}

@media screen and (min-width: 993px) {
	.wp-block-cakewp-slider-inserter figure.wp-block-media-text__media {
		max-height: none;
	}

	.wp-block-cakewp-slider-inserter .wp-block-media-text__content {
		min-height: 225px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.wp-block-cakewp-slider-inserter .wp-block-media-text__content::before {
		/* 		height: 110%;
		top: 50%;
		transform: translateY(-50%); */
		height: 100%;
		width: calc(100vw - 34px - 140px - 105px);
	}

	.wp-block-cakewp-slider-inserter .wp-block-media-text__media {
		position: relative;
		height: 150%;
		/* 		padding-bottom: 100%; */
		z-index: 1;
	}

	.wp-block-cakewp-slider-inserter .wp-block-media-text__media img {
		min-height: 350px;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
		padding-left: 21px;
		padding-right: 57px;
	}
}

@media screen and (min-width: 1290px) {
	.wp-block-cakewp-slider-inserter .wp-block-media-text__content::before {
		width: 1020px;
	}
}

.wp-block-cakewp-slider-inserter .wp-block-media-text__content {
	z-index: 0;
	padding-right: 21px !important;
}

.wp-block-cakewp-slider-inserter .block-slider .blockslider-slide-inner-wrapper {
	z-index: unset;
}

.wp-block-cakewp-slider-inserter button::after {
	display: none;
}

.blockslider-next-btn,
.blockslider-prev-btn {
	box-shadow: unset !important;
}

.wp-block-cakewp-slider-inserter p {
	margin-bottom: 0;
	margin-top: 0;
}

@media(max-width:1024px) {
	button.blockslider-next-btn {
		margin-right: -20px;
	}

	button.blockslider-prev-btn {
		margin-left: -20px;
	}
}

/* @media(max-width:992px) {
	.wp-block-cakewp-slider-inserter .blockslider-slide-inner-wrapper::before {
		content: "";
		position: absolute;
		height: 110%;
		width: 120%;
		background-color: #e6ebeb;
		z-index: -1;
	}
} */
@media(max-width:992px) {
	.wp-block-cakewp-slider-inserter .blockslider-slider-wrapper {
		margin-left: 0%;
		padding-left: 0%;
	}

	.wp-block-cakewp-slider-inserter .blockslider-slide-inner-wrapper::before {
		content: "";
		position: absolute;
		height: 110%;
		width: 100%;
		background-color: #e6ebeb;
		z-index: -1;
		left: 0%;
	}

	/* 	.wp-block-cakewp-slider-inserter .blockslider-slide-inner-wrapper::before {
		display: none;
	} */
	.wp-block-media-text__media img {
		max-width: 100%;
	}

	.wp-block-cakewp-slider-inserter .wp-block-cakewp-block-slider img {
		padding-right: 0px;
	}

	.wp-block-cakewp-slider-inserter .block-slider .blockslider-slide-inner-wrapper {
		background-color: none;
	}

	/* 	.wp-block-cakewp-slider-inserter .wp-block-cakewp-block-slide {
		margin-left:-13px;
		margin-right: 26px !important;
	} */
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
		grid-column: 1;
		grid-row: 1;
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		grid-column: 1;
		grid-row: 2;
	}

	.wp-block-media-text {
		grid-template-columns: 100% 1fr;
	}

	.wp-block-cakewp-slider-inserter p {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.wp-block-cakewp-slider-inserter .block-slider .blockslider-slide-inner-wrapper {
		background-color: #e6ebeb;
		z-index: 1;
	}

	.wp-block-cakewp-slider-inserter .wp-block-cakewp-block-slider {
		padding-left: 100px;
		padding-right: 100px;
	}
}

@media(max-width:900px) {
	.wp-block-cakewp-slider-inserter .wp-block-cakewp-block-slider {
		padding-left: 49px;
		padding-right: 49px;
	}
}

@media(max-width:600px) {
	.wp-block-cakewp-slider-inserter .wp-block-media-text__content {
		padding: 10px !important;
	}
}

.staff-bio {
	margin: 34px 0;
}

.staff-bio__title {
	cursor: pointer;
	display: inline-flex;
}

.staff-bio__title strong {
	pointer-events: none;
	display: flex;
	align-items: center;
}

.staff-bio__title strong:after {
	margin-left: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6.5px 0 6.5px 13px;
	border-color: transparent transparent transparent var(--brand-green);
	content: '';
	display: inline-block;
	transition: all .3s;
}

.staff-bio__inner.open .staff-bio__title strong:after {
	transform: rotate(90deg);
}

.staff-bio__content {
	margin-top: 10px;
}

.staff-bio__inner.close .staff-bio__content {
	display: none;
}

.staff-bio__content.stuckMoveDownOpacity {
	animation: stuckMoveDownOpacity .6s;
}

.staff-photo {
	position: relative;
	max-width: 212px;
	margin-bottom: 34px;
	width: 100%;
}

.staff-photo:before {
	content: "";
	display: block;
	padding-top: 100%;
}

.staff-photo img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	top: 0;
	left: 0;
}

.staff-member__title-desktop {
	display: none;
}

@keyframes stuckMoveDownOpacity {
	0% {
		transform: translateY(-15px);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@media screen and (min-width: 1024px) {
	.staff-member__title-mobile {
		display: none;
	}

	.staff-member__title-desktop {
		display: block;
	}

	body.post-type-archive-staff .staff-member h2 {
		line-height: 0.7;
	}

	.staff-member__inner {
		display: flex;
		align-items: flex-start;
	}

	.staff-photo {
		margin-bottom: 0;
		flex: 0 0 212px;
		width: 100%;
		order: 2;
	}

	.staff-info {
		flex-grow: 1;
	}

	.staff-bio {
		margin: 60px 0;
	}
}