/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
	display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
	display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
	font-family: sans-serif;
	/* 1 */

	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

/**
 * Remove default margin.
 */
body {
	margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
	background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
	/*outline: 2px dotted;*/
	outline: 0;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
	outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
	margin: 0.67em 0;
	font-size: 2em;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong,
.strong {
	font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn,
em,
.em {
	font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
	box-sizing: content-box;
	height: 0;

	-moz-box-sizing: content-box;
}

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
	/*hyphens: auto;

	-webkit-hyphens: auto;
	-epub-hyphens: auto;
	-moz-hyphens: auto;*/
}

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
	margin: 0;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
	font-size: 1em;
	font-family: monospace, serif;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
	white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
	quotes: "\201C""\201D""\2018""\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
	content: "";
	content: none;
}

small,
.small {
	font-size: 75%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
	margin: 1em 0;
}

dd {
	margin: 0;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
	padding: 0 0 0 40px;
}

ol,
ul {
	padding: 0;
	list-style-type: none;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
	border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
	overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
	margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
	border: 1px solid #c0c0c0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
	/* 1 */
	padding: 0;
	border: 0;
	/* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
	/* 2 */
	margin: 0;
	/* 1 */
	font-size: 100%;
	font-family: inherit;
	/* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
	line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	/* 2 */
	cursor: pointer;

	-webkit-appearance: button;
	/* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
	/* 2 */
	box-sizing: content-box;

	-webkit-appearance: textfield;
	/* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
	overflow: auto;
	/* 1 */
	vertical-align: top;
	/* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
	border-spacing: 0;
	border-collapse: collapse;
}

* {
	box-sizing: border-box;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.image-replacement,
.ir {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.clearfix,
.cf,
.comment-respond {
	zoom: 1;
}

.clearfix:before,
.clearfix:after,
.cf:before,
.comment-respond:before,
.cf:after,
.comment-respond:after {
	display: table;
	content: "";
}

.clearfix:after,
.cf:after,
.comment-respond:after {
	clear: both;
}

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
	font-style: italic;
	font-family: Baskerville, "Goudy Old Style", Palatino, "Book Antiqua", serif !important;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Variables

Here is where we declare all our variables like colors, fonts,
base values, and defaults. We want to make sure this file ONLY
contains variables that way our files don't get all messy.
No one likes a mess.

******************************************************************/
/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/******************************************************************
Site Name:
Author:

Stylesheet: Typography

Need to import a font or set of icons for your site? Drop them in
here or just use this to establish your typographical grid. Or not.
Do whatever you want to...GOSH!

Helpful Articles:
http://trentwalton.com/2012/06/19/fluid-type/
http://ia.net/blog/responsive-typography-the-basics/
http://alistapart.com/column/responsive-typography-is-a-physical-discipline

******************************************************************/
/*********************
FONT FACE (IN YOUR FACE)
*********************/
/*  To embed your own fonts, use this syntax
  and place your fonts inside the
  library/fonts folder. For more information
  on embedding fonts, go to:
  http://www.fontsquirrel.com/
  Be sure to remove the comment brackets.
*/
/*  @font-face {
      font-family: 'Font Name';
      src: url('../../library/fonts/font-name.eot');
      src: url('../../library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('../../library/fonts/font-name.woff') format('woff'),
             url('../../library/fonts/font-name.ttf') format('truetype'),
             url('../../library/fonts/font-name.svg#font-name') format('svg');
      font-weight: normal;
      font-style: normal;
  }

@font-face {
      font-family: 'Esprit';
      src: url('../../library/fonts/itc-esprit-lt-book.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
  }
@font-face {
    font-family: 'Esprit Italic';
    src: url('../../library/fonts/itc-esprit-lt-book-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/
/*
The following is based of Typebase:
https://github.com/devinhunt/typebase.css
I've edited it a bit, but it's a nice starting point.
*/
/*
 i imported this one in the functions file so bones would look sweet.
 don't forget to remove it for your site.
*/
/*
some nice typographical defaults
more here: http://www.newnet-soft.com/blog/csstypography
*/

@font-face {
	font-family: "Georgia Pro Condensed Light";
	src: url("../fonts/GeorgiaProCondensedLight.woff2") format("woff2"),
		url("../fonts/GeorgiaProCondensedLight.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Magazine Grotesque";
	src: url("../fonts/MagazineGrotesque-Regular.woff2") format("woff2"),
		url("../fonts/MagazineGrotesque-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Magazine Grotesque";
	src: url("../fonts/MagazineGrotesque-Bold.woff2") format("woff2"),
		url("../fonts/MagazineGrotesque-Bold.woff") format("woff");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Golden Hopes";
	src: url("../fonts/GoldenHopes-Regular.woff2") format("woff2"),
		url("../fonts/GoldenHopes-Regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

p {
	/*word-wrap: break-word;
	word-break: break-word;
	hyphens: auto;

	-ms-word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphenate-before: 2;
	-webkit-hyphenate-after: 3;
	hyphenate-lines: 3;
	-webkit-font-feature-settings: 'liga', 'dlig';
	-moz-font-feature-settings: 'liga=1, dlig=1';
	-ms-font-feature-settings: 'liga', 'dlig';
	-o-font-feature-settings: 'liga', 'dlig';
	font-feature-settings: 'liga', 'dlig';*/
}

/******************************************************************
Site Name:
Author:

Stylesheet: Sass Functions

You can do a lot of really cool things in Sass. Functions help you
make repeated actions a lot easier. They are really similar to mixins,
but can be used for so much more.

Anyway, keep them all in here so it's easier to find when you're
looking for one.

For more info on functions, go here:
http://sass-lang.com/documentation/Sass/Script/Functions.html

******************************************************************/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Mixins Stylesheet

This is where you can take advantage of Sass' great features: Mixins.
I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/**
 * CONTENTS
 *
 * Global...................General styles that can apply to most pages
 * Header....................Header/navigation styles
 * Footer....................Footer styles
 *
 * Home
 * Curriculum
 * New Parents
 * Summer Camp
 * Two Column Layout
 * Boxed Module Layout
 * Contact
 * Company
 * History
 * Team
 * Locations (Find a School)
 * Single Location
 * Blog
 * Single
 * Testimonials
 * Careers
 */
/*------------------------------------*\
    #GLOBAL
\*------------------------------------*/
button.olark-launch-button.olark-size-md {
	bottom: 55px !important;
}

.ui-dialog {
	border: 2px solid;
	background: white;
}

@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* Firefox < 16 */
@-moz-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* Internet Explorer */
@-ms-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* Opera < 12.1 */
@-o-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.wrapper {
	position: relative;
	margin: 0 auto;
	/*max-width: 1350px;*/
	max-width: none;
	width: 100%;
	height: 71%;
}

main li {
	margin-left: 1em;
	list-style-type: disc;
}

.page-template-default main {
	margin: 1em auto;
	padding: 0 1em;
	max-width: 800px;
}

.hero {
	width: 100%;
	/*height: 500px;*/
	background-position: center;
	background-size: cover;
	margin-top: 120px;
}

.hero-default {
	display: table;
	height: 300px;
	background-color: #164e60;
	color: #ffffff;
	text-align: center;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
}

.hero-default h1 {
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px;
	font-weight: normal;
}

@media (min-width: 768px) and (max-width: 1024px) {
	.hero-default > .page-title {
		padding: 0 200px;
	}
}

.hero-blue-box {
	position: relative;
	margin: -200px auto 0;
	padding: 4em 1em;
	width: 50%;
	/*background: rgba(48, 47, 80, 0.9);*/
	background: #164e60;
	/*box-shadow: 0 5px 14px 2px #afafaf;*/
	box-shadow: none;
	color: #ffffff;
	text-align: center;
}

/*a[rel='wp-video-lightbox']:focus {
	outline: #bc2323 4px dotted;
}*/

.hero-blue-box p {
	margin: 0 auto;
	max-width: 500px;
}

.bottom-large-letters {
	position: absolute;
	bottom: -25px;
	width: 100%;
	color: #ece7de;
	text-align: center;
	text-shadow: -2px -1px 1px white;
	letter-spacing: 10px;
	font-weight: bold;
	font-size: 3.5em;
	font-family: Esprit;
}

.bottom-large-letters.home {
	color: #ece7de;
}

.cta {
	display: inline-block;
	margin-bottom: 1em;
	padding: 1em 2em;
	/*border: 3px solid transparent;*/
	/*box-shadow: 3px 3px 1px #e4e3e3;*/
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 500;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

/*.cta:hover {
	box-shadow: none;
	transform: translate(3px, 3px);
}*/

.cta:focus {
	/*outline: 4px dotted;*/
	outline: 0;
}

.cta-red {
	background: #fb471e;
	color: #000000;
	font-weight: bold;
}

.cta-red:hover {
	background: #fb471f;
	color: #ffffff;
}

.cta-blue {
	background: #302f50;
	color: white;
}

.cta-blue:hover {
	background: #1d1c30;
}

.cta-blue:focus {
	outline: #302f50 4px dotted;
}

.first-letter-red {
	color: #302f50;
}

.first-letter-red::first-letter {
	color: #bc2323;
}

.vertical-text {
	position: absolute;
	bottom: -2.5em;
	width: 700px;
	/* height of the container */
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-family: "Poppins";
	transform: rotate(270deg);
	transform-origin: left top 0;
}

.vertical-text.left {
	left: 0;
}

.vertical-text.right {
	right: 0;
	left: 100%;
}

/* Background Letters */
.bg-letter {
	position: relative;
	text-align: center;
}

.bg-letter:after {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 0;
	color: #ece7de;
	font-size: 5.5em;
}

.bg-letter span {
	position: relative;
	z-index: 1;
}

.bg-letter.white:after {
	color: white;
}

.a:after,
.A:after {
	content: "A";
}

.B:after,
.b:after {
	content: "B";
}

.C:after,
.c:after {
	content: "C";
}

.d:after,
.D:after {
	content: "D";
}

.e:after,
.E:after {
	content: "E";
}

.f:after,
.F:after {
	content: "F";
}

.g:after,
.G:after {
	content: "G";
}

.h:after,
.H:after {
	content: "H";
}

.i:after,
.I:after {
	content: "I";
}

.j:after,
.J:after {
	content: "J";
}

.k:after,
.K:after {
	content: "K";
}

.l:after,
.L:after {
	content: "L";
}

.m:after,
.M:after {
	content: "M";
}

.n:after,
.N:after {
	content: "N";
}

.o:after,
.O:after {
	content: "O";
}

.p:after,
.P:after {
	content: "P";
}

.Q:after,
.q:after {
	content: "Q";
}

.R:after,
.r:after {
	content: "R";
}

.S:after,
.s:after {
	content: "S";
}

.T:after,
.t:after {
	content: "T";
}

.U:after,
.u:after {
	content: "U";
}

.V:after,
.v:after {
	content: "V";
}

.W:after,
.w:after {
	content: "W";
}

.X:after,
.x:after {
	content: "X";
}

.Y:after,
.y:after {
	content: "Y";
}

.Z:after,
.z:after {
	content: "Z";
}

@media screen and (max-width: 1400px) {
	.wrapper {
		max-width: 1200px;
	}

	.wrapper.mobile {
		max-width: 1350px;
	}
}

@media screen and (max-width: 1024px) {
	.hero {
		margin-top: 109px;
	}
}

@media screen and (max-width: 767px) {
	.hero {
		/*height: 150px;*/
		box-shadow: none;
		margin-top: 87px;
	}

	.hero-blue-box {
		margin: 0 auto;
		padding: 3em 1em;
		width: 100%;
	}

	.hero-blue-box h1 {
		margin-top: 0;
	}
}

@media screen and (max-width: 640px) {
	.bg-letter:after {
		font-size: 7.5em;
	}

	.first-letter-red {
		font-size: 0.8em;
	}

	h2,
	.h2 {
		font-size: 1.3em !important;
	}
}

/*------------------------------------*\
    #SKIP NAV
\*------------------------------------*/
#skip-to-content {
	position: absolute;
	top: 0;
	left: 35px;
	z-index: 999999;
	display: block;
	padding: 15px 23px 14px;
	background: #f1f1f1;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	color: #0073aa;
	text-decoration: none;
	font-size: 16px;
	line-height: normal;
	transition: all 0.35s linear;
	transform: translateY(-100%);
}

#skip-to-content:focus {
	transform: translateY(35px);
}

/*------------------------------------*\
    #HEADER
\*------------------------------------*/
.header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	/*position: relative;*/
	z-index: 3;
	height: 120px;
	background: #7eddde;
}

.page-template-page-home .header {
	position: relative;
}

#desktop-nav {
	margin: 0 auto;
	padding-top: 3.2em;
	/*max-width: 720px;*/
	max-width: none;
	display: flex;
	justify-content: space-between;
}

#desktop-nav #menu-main-menu {
	display: flex;
	justify-content: space-between;
	flex-grow: 1;
	margin-left: 20px;
}

.nav-top {
	padding: 10px;
	background: #302f50;
	list-style: none;
}

.top-nav {
	margin: 0;
	text-align: right;
}

.top-nav li {
	display: inline-block;
	list-style: none;
}

.top-nav a {
	margin-left: 2em;
	color: white;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	font-family: "Poppins";
}

.top-nav a .fa {
	margin-right: 4px;
}

.nav {
	text-align: center;
}

.nav li a {
	padding: 1em;
	color: black;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.wrapper.mobile > a:focus {
	float: left;
	/*outline: #302f50 2px dotted;*/
	outline: 0;
}

.logo {
	float: left;
	width: 119px;
	margin-left: 20px;
}

.sub-menu {
	background: white;
}

/* Add an arrow after menu items that have sub menus */
/* fa-chevron-down */
/*.menu-item-has-children>a:after {
	margin-right: -5px;
	margin-left: 5px;
	color: #302f50;
	content: '\f078';
	font-size: 14px;
	font-family: FontAwesome;
}*/

/* Change the arrow by changing the link's class */
.menu-item-has-children a.active-arrow:after {
	content: "\f077";
	font-family: FontAwesome;
	/* fa-chevron-up */
}

#desktop-nav .menu-item-has-children a.active-arrow:after {
	content: "";
}

/* Mobile Nav */
#mobile-nav {
	position: absolute;
	/*top: -10px;*/
	left: 0;
	z-index: 1001;
	display: none;
	/* Prevents menu button from moving on click */
	width: 100%;
	text-align: left;
}

#mobile-menu {
	display: none;
}

.menu-btn {
	display: block;
	padding: 0.8em;
	width: 60px;
	height: 65px;
	background: #7eddde;
	text-align: left;
	float: right;
}

.menu-btn .fa {
	color: #000000;
	font-size: 40px;
}

.nav-btn {
	display: none !important;
}

label {
	cursor: pointer;
}

#menu-toggle {
	display: none;
	/* hide the checkbox */
}

#menu {
	display: none;
	/* ul */
	background: white;
	text-align: center;
}

#menu .sub-menu {
	margin: 0;
}

#menu .sub-menu li {
	border-top: 1px solid white;
	border-bottom: 0;
}

#menu-toggle:checked + #menu {
	display: block;
	margin-top: 35px;
}

.nav li.current-menu-item a,
.nav li.current-menu-parent a,
.nav li.current-menu-ancestor a {
	border-bottom: 5px solid #fb471e;
	padding: 14px 0px;
	margin-left: 10px;
	margin-right: 10px;
}
#desktop-nav .menu-item a:hover {
	border-bottom: 5px solid #fb471e;
}

/* End Mobile Nav */
/*@media screen and (max-width: 1200px) and (min-width: 1025px) {*/
@media screen and (max-width: 1200px) and (min-width: 840px) {
	#desktop-nav {
		float: left;
		/*max-width: 590px;*/
		display: flex;
		justify-content: space-between;
		width: 85%;
	}

	.logo {
		width: 105px;
		padding-top: 5px;
	}
}

/*@media screen and (max-width: 1024px) {*/
@media screen and (max-width: 839px) {
	.header {
		padding: 0;
		height: 109px;
	}

	.header .nav {
		max-width: 100%;
	}

	.nav-top {
		position: absolute;
		top: 0;
		padding: 0 10px 10px;
		width: 100%;
	}

	.wrapper.mobile {
		position: absolute;
		/*top: 44px;*/
		top: 10px;
		width: 100%;
	}

	#mobile-nav {
		display: block;
	}

	#desktop-nav {
		display: none;
	}

	.logo {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1003;
		float: none;
		/*AM: margin: 0 auto;*/
		margin: 0 10px;
		max-width: 85px;
	}

	.nav li {
		display: block !important;
		float: none !important;
		border-top: 1px solid white;
	}

	.nav li a {
		display: block;
	}

	.nav li:first-of-type {
		border-top: 0;
	}

	.nav li.current-menu-item a {
		text-decoration: none;
	}

	.nav li ul.sub-menu,
	.nav li ul.children {
		position: relative !important;
		display: none;
		background: #fb471e;
	}

	.nav li ul.sub-menu li a,
	.nav li ul.children li a {
		width: 100% !important;
		color: white;
	}

	.menu-item-1630 {
		padding-top: 10px;
	}

	nav {
		margin-top: 10px;
	}

	#menu-toggle:checked + #menu {
		/*margin-top: 0;*/
		margin-top: 77px;
	}
}

@media screen and (max-width: 767px) {
	.header {
		height: 87px;
	}

	.wrapper.mobile {
		top: 0;
	}

	.nav-top {
		display: none;
	}
}

@media screen and (max-width: 500px) {
	.top-nav a {
		margin-left: 10px;
	}
}

@media screen and (max-width: 420px) {
	.top-nav a {
		font-size: 10px;
	}
}

/* Store Locator */
.auto-locator #wpsl-wrap {
	position: absolute;
	top: 0;
	right: 0;
	width: 300px;
}
/* custom setting */
.wpsl-store-below #wpsl-result-list {
	width: 100%;
	margin: 0px 0 0 0;
}
.auto-locator .wpsl-search,
.auto-locator #wpsl-gmap {
	display: none;
}

.auto-locator #wpsl-result-list {
	float: right;
	margin-right: 0;
	width: 100%;
	background: #bc2323;
	color: white;
	text-align: center;
}

.auto-locator #wpsl-direction-details {
	display: none;
}

.auto-locator #wpsl-stores {
	overflow-y: hidden;
	height: 100px !important;
}
#wpsl-result-list {
	max-width: 1350px;
	margin: 24px auto !important;
}
.auto-locator #wpsl-result-list ul {
	padding: 5px;
	height: 100px;
}

.auto-locator #wpsl-wrap #wpsl-result-list ul:before {
	display: block;
	content: "\f041";
	font-size: 1em;
	font-family: FontAwesome;
	line-height: 1em;
}

.auto-locator #wpsl-wrap #wpsl-result-list ul li {
	list-style: none !important;
}

.auto-locator #wpsl-wrap #wpsl-result-list li {
	padding: 0;
	height: 80px;
	border-bottom: 0;
	text-transform: uppercase;
	font-size: 12px;
	font-family: Poppins;
}

.auto-locator .find-your-school {
	position: absolute;
	right: 0;
	text-align: center;
	background: #bc2323;
	top: 0;
	padding: 45px 30px 57px;
	height: 96px;
}

.auto-locator .find-your-school span {
	display: block;
	margin-bottom: -5px;
	color: white;
	font-style: italic;
	font-size: 14px;
	font-family: Esprit;
}

.auto-locator .find-your-school a {
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 12px;
	font-family: Poppins;
}

.auto-locator .wpsl-store-location a {
	color: white;
}

.auto-locator .wpsl-store-location p span,
.auto-locator .wpsl-contact-details,
.auto-locator .wpsl-store-details,
.auto-locator .wpsl-direction-wrap,
.auto-locator .follow-us,
.auto-locator .wpsl-store-hours {
	display: none !important;
}

.auto-locator img,
.auto-locator .store-social {
	display: none !important;
}

.auto-locator-mobile {
	position: absolute;
	top: 0;
	right: 55px;
	z-index: 1003;
	display: none;
	padding: 16px;
	width: auto;
	background: none;
	color: #000000;
	text-align: center;
}

.auto-locator-mobile .fa {
	color: #000000;
	font-size: 2em;
}

@media screen and (max-width: 1024px) {
	.auto-locator,
	.auto-locator-school-page {
		display: none;
	}

	.auto-locator-mobile {
		display: block;
	}
}

/*------------------------------------*\
    #FOOTER
\*------------------------------------*/

.main-footer {
	padding: 5em 0 0;
	background-color: #164e60;
	color: #ffffff;
}

.main-footer .wrapper {
	max-width: 1040px;
	margin: 0 auto;
}

.main-footer .widget_nav_menu {
	margin-top: 10px;
	border-top: 2px solid #fb471e;
	padding-top: 5px;
}

.footer-left {
	float: left;
	width: 245px;
	padding-left: 10px;
}

.footer-left img {
	width: 150px;
	margin: 0 auto;
}

.footer-left address {
	margin-top: 1em;
}

.footer-left address a {
	color: #302f50;
}

.footer-fifth {
	float: left;
	/*width: calc((100% - 450px) / 4);*/
	width: calc((100% - 380px) / 3);
	margin-right: 35px;
}

.footer-fifth .widgettitle {
	margin-bottom: 10px;
	border-bottom: 1px solid #fb471e;
	padding-bottom: 5px;
	color: #ffffff;
	font-size: 14px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	text-transform: none;
	font-weight: bold;
}

.footer-fifth li {
	margin-bottom: 5px;
}

.footer-fifth a {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	text-transform: none;
	font-weight: bold;
	/*opacity: 0.8;*/
}

.footer-fifth a:hover {
	text-decoration: underline;
}

.social-icons .fa {
	margin: 0 0.5em;
	/*padding-top: 13px;*/
	padding-top: 0px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: transparent;
	color: white;
	text-align: left;
	font-size: 1.1em;
}

.social-icons .fa:first-of-type {
	margin-left: 0;
}

/*.social-icons .fa:hover {
	box-shadow: 1px 1px 3px #333333;
	transition: all 0.3s ease-in-out;
	transform: scale(1.1);
}

.social-icons .fa-facebook:hover {
	background: #314d91;
}

.social-icons .fa-twitter:hover {
	background-color: #32ccfe;
}

.social-icons .fa-linkedin:hover {
	background-color: #0085ae;
}

.social-icons .fa-instagram:hover {
	background-color: #a1755c;
}*/

.social-icons-wrapper {
	display: flex; /* Use flexbox */
	justify-content: center; /* Center the icons horizontally */
	align-items: center; /* Center them vertically (if necessary) */
	margin-top: 0px; /* Add space between icons and columns above */
}

.social-icons {
	display: flex; /* Use flexbox for the icons */
	gap: 5px; /* Add spacing between icons */
}

.social-icon {
	color: #fff; /* Adjust the icon color */
	font-size: 24px; /* Icon size */
	text-decoration: none; /* Remove underline from links */
}

.social-icon:hover {
	color: #ff6900; /* Hover effect for the icons */
}

.footer-bottom-wrapper {
	background-color: #333333;
	margin-top: 25px;
}

.footer-bottom {
	padding: 20px;
	text-align: left;
	color: #808080;
	background-color: #333333;
	font-family: "Helvetica", sans-serif;
	font-size: 12px;
	text-transform: none;
	font-weight: normal;
	/*max-width: 1140px;*/
	max-width: 1020px;
	margin: 0 auto;
}

.footer-bottom a {
	color: #fb471e;
}

.mobile-footer {
	display: none;
}

@media screen and (max-width: 1400px) {
	.footer-fifth {
		width: calc((100% - 360px) / 3);
	}
}

@media screen and (max-width: 1024px) {
	.main-footer {
		padding: 3em 0 0;
	}

	.footer-logo {
		max-width: 200px;
	}

	.footer-left {
		float: none;
		margin: 0 auto;
		max-width: 300px;
		width: 100%;
		text-align: center;
	}

	.footer-left p {
		margin-top: 0;
	}

	.footer-fifth {
		float: none;
		padding-right: 0;
		width: 100%;
		text-align: center;
	}

	.footer-bottom {
		padding: 20px;
	}

	.footer-fifth {
		padding: 0px 70px;
		text-align: left;
		margin: 0 auto;
	}

	.footer-fifth a {
		font-size: 20px;
		font-weight: normal;
	}

	#nav_menu-3,
	#nav_menu-4 {
		border-top: none;
		margin-top: -30px;
	}
}

@media screen and (max-width: 768px) {
	.footer-bottom-wrapper {
		padding-bottom: 50px;
	}

	.footer-fifth {
		padding: 0px 35px;
		text-align: left;
	}

	.footer-fifth a {
		font-size: 18px;
		font-weight: normal;
	}

	#nav_menu-3,
	#nav_menu-4 {
		border-top: none;
		margin-top: -30px;
	}
}

/* This is the base style that will apply when no media query conditions are met */
.mobile-sticky {
	display: none; /* Hide the mobile menu by default */
}

.desktop-sticky {
	display: none; /* Hide the desktop buttons by default */
}
/* Mobile devices */
@media screen and (max-width: 767px) {
	.mobile-sticky {
		position: fixed;
		bottom: 0;
		z-index: 2;
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		padding: 0.5em 1em; /* Space inside the footer */
		background: inherit; /* Footer background color */
		box-sizing: border-box;
	}

	.mobile-sticky .sticky-button {
		flex: 1; /* Flex-grow to fill the space evenly */
		margin: 0 1em; /* Horizontal margin between buttons */
		padding: 1em 0.5em;
		color: black;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		font-family: "Magazine Grotesque", "Helvetica", sans-serif;
		font-size: 16px;
		position: relative; /* Position relative for pseudo-element */
		background: #fb471e; /* Button background color */
		box-sizing: border-box;
	}
}

/* Non-mobile devices */
@media screen and (min-width: 768px) {
	.desktop-sticky {
		display: flex; /* Display the container */
		flex-direction: column; /* Stack the buttons vertically */
		position: fixed;
		right: 1%;
		top: 35%; /* Center the buttons vertically */
		transform: translateY(
			-50%
		); /* Align the center of the container with the vertical center */
		z-index: 2;
	}

	.desktop-sticky .sticky-button {
		position: relative;
		display: block; /* Display each button */
		margin: 0.8em 0; /* Add some space between the buttons */
		padding: 1em; /* Padding for the buttons */
		/* ... other styles like background, color, etc., similar to the mobile buttons ... */
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
		font-size: 14px;
		font-weight: 100;
		line-height: 16px;
		background: #164e60; /* Button background color */
		color: white;
		border: 1px solid #fcf1ed; /* Single border for simplicity */
		box-sizing: border-box;
		width: 75%;
	}

	.desktop-sticky .sticky-button::before {
		content: ""; /* Required for pseudo-elements */
		position: absolute;
		top: -2px; /* Adjust for the transparent space size */
		right: -2px; /* Adjust for visible border */
		bottom: -2px; /* Adjust for the transparent space size */
		left: -2px; /* Adjust for visible border */
		border: 1px solid #164e60; /* Bottom border */
		z-index: -1; /* Ensures it's under the button content */
		box-sizing: border-box;
	}
}

@media screen and (max-width: 340px) {
	.social-icons .fa {
		padding-top: 10px;
		width: 35px;
		height: 35px;
	}
}

/*------------------------------------*\
    #HOME
\*------------------------------------*/

/* Common styles for both mobile and desktop */
.hero-wrapper {
	background-color: #7eddde;
}
/* Base styles for the hero section */
.hero-section {
	background-color: #7eddde;
	color: #000000;
	text-align: center;
	padding: 40px 20px; /* Adjust the padding as necessary */
	position: relative; /* Necessary for absolute positioning of the elephant image */
	max-width: 890px;
	margin: 0 auto;
	height: 590px;
}

/* Styles for the hero content */
.hero-content {
	display: flex;
	flex-direction: column; /* Stack elements vertically on mobile */
	align-items: center;
	max-width: 1200px; /* Max width of the content */
	margin: auto; /* Center the content */
}

/* Styles for the hero image (elephant) */
.hero-image {
	max-width: 170px; /* Mobile image width */
	height: auto;
	margin-bottom: 20px; /* Space between the image and the title on mobile */
}

/* Styles for the hero text */
.hero-text h1 {
	font-size: 1.75rem; /* Mobile font size */
	margin: 0 0 20px;
	font-family: "Georgia Pro Condensed Light", "Helvetica", sans-serif;
	text-transform: uppercase;
	font-weight: 100;
}

.hero-text h1 span {
	font-size: 2.75rem; /* Mobile font size */
	margin: 0 0 20px;
	font-family: "Golden Hopes", "Helvetica", sans-serif;
	text-transform: lowercase;
}

/* Styles for the CTA button */
.hero-cta {
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	letter-spacing: 0.2em;
	background-color: #fb471e;
	color: #000000;
	padding: 10px 20px;
	text-decoration: none;
	display: inline-block;
	font-weight: bold;
	margin-top: 20px;
	text-transform: uppercase;
}

.hero-cta:hover {
	color: #ffffff;
}

/* Desktop-specific styles */
@media (min-width: 769px) {
	.hero-section {
		height: 510px;
	}

	.hero-content {
		flex-direction: row; /* Side-by-side layout for desktop */
		text-align: left; /* Align text to the left */
	}

	.hero-image {
		position: absolute; /* Position the elephant absolutely relative to the hero section */
		left: 0px; /* Position from the left edge of the hero section */
		top: 59%; /* Center vertically */
		transform: translateY(
			-50%
		); /* Offset the image by half its height for centering */
		max-width: 310px; /* Desktop image width */
		z-index: 1; /* Ensures the image is under the text */
	}

	.hero-text {
		position: relative;
		z-index: 2; /* Ensures the text is above the image */
		padding-left: 170px; /* Adjust based on the size of the elephant image */
		padding-right: 20px; /* Add some right padding if needed */
		text-align: center;
	}

	.hero-text h1 {
		font-size: 56px; /* Larger font size for desktop */
	}

	.hero-text h1 span {
		font-size: 76px;
	}

	.hero-cta {
		font-size: 14px; /* Larger button text for desktop */
	}
}

@media (max-width: 1024px) {
	.hero-section {
		height: 580px;
	}

	.hero-image {
		top: 51%;
		max-width: 310px;
	}

	.desktop-sticky {
		right: 0px;
		top: 30%;
	}
}

@media (max-width: 768px) {
	.hero-image {
		max-width: 170px;
	}
}

.hero-image-mobile {
	display: none; /* Hide by default */
	margin: 0 auto;
}

.hero-image-desktop {
	display: block; /* Show by default */
	margin: 0 auto;
}

/* Media query for mobile devices */
@media (max-width: 768px) {
	.hero-image-mobile {
		display: block; /* Show on mobile */
	}
	.hero-image-desktop {
		display: none; /* Hide on mobile */
	}
}
/* End Home Hero */

/*.home-hero-slider {
  .slick-slide:not(.slick-active){
      -webkit-filter: grayscale(100%);
  	filter: grayscale(100%);
  	background-color: transparent;
  	background-blend-mode: screen;		
  }
  .slick-slide:not(.slick-center){	
  	.home-slide-inner{
  		display: none;
  	}
  }
}*/

.home-hero-slider .slick-list {
	padding: 0 !important;
}
/* #wpsl-gmap img, .wpsl-gmap-canvas img {
width: 12px !important;
height: 18px !important;
} */

/* .gm-style div div div div div {
	width: 16px !important;
	height: 22px !important;
}


#wpsl-gmap img[src*="dark-blue@2x"] {
	width: 16px !important;
	height: 22px !important;
} */

.home-hero-slider .slick-arrow {
	position: absolute;
	top: 225px;
	z-index: 2;
	display: table;
	width: 50px;
	height: 50px;
	background: white;
	color: #302f50;
	text-align: center;
	font-size: 2em;
	cursor: pointer;
}

.home-hero-slider .fa-chevron-left:before,
.home-hero-slider .fa-chevron-right:before {
	display: table-cell;
	vertical-align: middle;
}

.home-hero-slider .left-arrow {
	left: 0;
}

.home-hero-slider .right-arrow {
	right: 0;
}

.home-slide {
	position: relative;
	height: 700px !important;
	background-position: top center;
	background-size: cover;
	/*transition: filter 2s, background-color 2s;*/
}

.home-slide-image {
	width: 100%;
	height: 500px;

	object-fit: cover;
}

.home-slide-inner {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	top: 0;
	margin: 0 auto;
	padding: 4em 1em;
	/*AM width: 70%;*/
	width: 45%;
	/*AM background: rgba(48, 47, 80, 0.9);*/
	color: #000000;
	text-align: center;
}

.home-slide-inner h1 {
	font-family: "Georgia Pro Condensed Light", "Helvetica", sans-serif;
	font-size: 48px;
	font-weight: lighter;
	letter-spacing: -0.03em;
}

.home-slide-inner h1 span {
	font-family: "Golden Hopes", "Helvetica", sans-serif;
	font-size: 70px;
	font-weight: normal;
	text-transform: lowercase;
}

/*.home-slide-inner p {
	margin: 0 auto 1em;
	max-width: 500px;
}*/

/*a[rel~="wp-video-lightbox"]{
    display: block;
    height: 80px;
    margin: 0 auto;
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    width: 80px;
}*/
/*a[rel~='wp-video-lightbox'] {
	position: absolute;
	top: -50px;
	right: 0;
	left: 0;
	display: inline-block;
	margin: 0 auto;
	width: 100px;
}*/

#swipebox-overlay {
	background: #ffffffb8;
}

@media screen and (min-width: 993px) {
	.summer-camp-video .swipebox {
		display: flex;
		justify-content: center;
	}
	.summer-camp-video .swipebox #video-cover {
		max-width: 60%;
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 992px) {
	.swipebox {
		display: flex;
		justify-content: center;
	}
	.swipebox #video-cover {
		max-width: 60%;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

@media screen and (max-width: 768px) {
	.swipebox {
		display: inline;
	}
	.swipebox #video-cover {
		max-width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

#swipebox-close {
	background-color: black;
	top: 50px;
}

@media screen and (min-width: 800px) {
	#swipebox-close {
		top: 50px;
		right: 30px;
		border-radius: 50px;
	}
}

.image-floating-box-section {
	height: 700px;
	background-color: #ece7de;
	background-position: left center;
	background-size: 70%;
	background-repeat: no-repeat;
}

.image-floating-box-section.home .floating-box {
	margin-top: 100px;
}

.floating-box {
	padding: 4em;
	width: 35%;
	background-color: white;
	box-shadow: 1px 1px 10px #e4e3e3;
	text-align: center;
}

.floating-box p {
	position: relative;
	z-index: 1;
	margin: 1em auto;
	max-width: 280px;
	color: #302f50;
}

.floating-box.right {
	float: right;
}

.image-holder {
	position: relative;
	float: left;
	width: 65%;
	height: 100%;
}

.image-holder .cta {
	position: absolute;
	bottom: 3em;
	left: 100px;
}

.image-holder-img {
	display: none;
}

.text-boxes-section {
	background-size: 900px;
	background-repeat: no-repeat;
}

.text-boxes-section .wrapper {
	padding: 4em 1em 1em;
}

.text-boxes-section.home {
	/*margin-top: -200px;*/
	/*padding-top: 200px;*/
}

.text-boxes-section.home.right-text {
	/*background-color: #ece7de;*/
	background-color: #ffffff;
	background-position: left;
}

/*.text-boxes-section.home.right-text .title-text-section,
.text-boxes-section.home.right-text .text-boxes-section-content {
	float: right;
}*/
.text-boxes-section.home.right-text .title-text-section,
.text-boxes-section.home.right-text {
	float: right;
}

.text-boxes-section.home.left-text {
	background-color: #fb471e;
	background-position: right bottom;
}

.text-boxes-section-content {
	/*width: 90%;*/
	width: 100%;
	/*margin-top: -175px;*/
	max-width: 1350px;
	margin: 0 auto;
}

.text-boxes-section.home.firstrow {
	background-color: #ffffff;
}

.text-boxes-section.home.firstrow .boxes-section {
	margin: -200px auto 0;
	max-width: 940px;
}

.title-text-section {
	display: table;
	margin-bottom: 3em;
	padding: 2em 1em;
	max-width: 800px;
	border: 1px solid;
	border-right: 0;
	border-left: 0;
}

.title-section {
	display: table-cell;
	width: 200px;
	vertical-align: middle;
}

.title-section h2 {
	margin: 0;
}

.box {
	display: block;
	float: left;
	margin: 1%;
	width: 23%;
	/*box-shadow: -3px 1px 10px #e4e3e3;*/
	text-align: center;
	text-decoration: none;
	border: 1px solid transparent;
}

.box:hover {
	/*box-shadow: none;
	transform: translate(3px, 3px);*/
	border: 1px solid #264e60;
}

/*.box:focus {
	outline: 4px dotted;
}*/

.box:hover .box-text {
	border: 0;
}

.box.box-third {
	width: 31%;
}

.box.box-third .box-text {
	display: table;
	width: 100%;
	height: 176px;
}

.box.box-third .box-text div {
	display: table-cell;
	vertical-align: middle;
}

.box.box-fourth {
	width: 20%;
}

.box.box-fourth .box-text {
	display: table;
	width: 100%;
	height: 80px;
}

.box.box-fourth .box-text div {
	display: table-cell;
	vertical-align: middle;
}

.box-image {
	/*height: 250px;*/
	height: 210px;
}

.box-image img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.box-text {
	padding: 1em;
	/* box-shadow: 3px 3px 0 #302f50; 
	border-right: 3px solid #302f50;
	border-bottom: 3px solid #302f50;*/
	background: #fcf1ed;
	color: #000000;
	text-transform: uppercase;
	/*letter-spacing: 2px;*/
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Helvetica", sans-serif;
}

.box-subtitle {
	display: block;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-size: 14px;
	text-transform: none;
	font-weight: normal;
	padding: 0.5em 3em;
}

.box-ctas {
	float: left;
	margin: 1%;
	width: 23%;
}

.box-ctas .cta {
	display: block;
}

.find-school-bottom-section {
	/*background-position: center;
	background-size: cover;*/
	background: #fcf1ed;
}

.find-school-bottom-section .wrapper {
	padding: 8em 1em 10em;
}

.find-school-bottom-inner {
	margin: 0 auto;
	padding: 4.5em 1em 3em;
	max-width: 800px;
	border: 1px solid;
	border-right: 0;
	border-left: 0;
	text-align: center;
}

.find-school-bottom-inner h2 {
	font-weight: normal;
}

.find-school-bottom-inner p {
	position: relative;
	z-index: 1;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: normal;
	font-size: 16px;
}

.find-school-bottom-inner .bg-letter:after,
.find-school-bottom-inner .bg-letter::after {
	font-size: 200px;
}

@media screen and (max-width: 1024px) {
	.home-hero-slider .slick-arrow {
		top: 318px;
		padding: 0.5em;
		width: auto;
		height: auto;
		background: #ece7de;
	}

	.home-hero-slider .slick-list {
		padding: 0 !important;
	}

	.home-slide-inner {
		width: 100%;
		/*background: #302f50;*/
		background: none;
	}

	.image-floating-box-section {
		height: auto;
		background-color: white;
		background-image: none !important;
	}

	.image-floating-box-section .floating-box {
		float: none;
		width: 100%;
		box-shadow: none;
	}

	.image-floating-box-section .floating-box.m.right {
		background-size: 200px;
	}

	.image-floating-box-section .floating-box.m.right .first-letter-red {
		margin: 2em auto 1em;
		max-width: 200px;
	}

	.floating-box {
		padding: 2em;
	}

	.image-holder {
		float: none;
		width: 100%;
		height: 300px;
	}

	.image-holder .cta {
		position: absolute;
		right: 0;
		bottom: -110px;
		left: 0;
		display: block;
		margin: 0 auto;
		max-width: 300px;
	}

	.image-holder-img {
		display: block;
		width: 100%;
		height: 100%;

		object-fit: cover;
	}

	.vertical-text {
		display: none;
	}

	.text-boxes-section.home.right-text .title-text-section,
	.text-boxes-section.home.right-text .text-boxes-section-content {
		float: none;
	}

	.text-boxes-section.home.right-text .title-text-section {
		margin: 2em auto;
	}

	.text-boxes-section .title-section {
		display: block;
		margin: 0 auto;
		width: 200px;
		/*height: 170px;*/
		vertical-align: middle;
	}

	.text-boxes-section .title-section h2 {
		/*padding-top: 3em;*/
		padding-top: 0;
	}

	.text-boxes-section .title-section h2:after {
		top: 0.4em;
	}

	.text-boxes-section.left-text,
	.text-boxes-section.right-text {
		padding-bottom: 2em;
		background-image: none !important;
	}

	.text-boxes-section .text-section {
		margin: 0 auto;
		max-width: 600px;
	}

	.text-boxes-section .wrapper {
		padding: 0 1em;
	}

	.text-boxes-section-content {
		width: 100%;
	}

	.title-text-section {
		display: block;
		margin: 0 auto;
		padding: 2em 0;
		max-width: 100%;
	}

	.title-section.e {
		height: 220px;
		background-size: 110px;
	}

	.title-section.e .first-letter-red {
		margin: 0;
		padding-top: 3.1em;
	}

	.title-section.p {
		background-size: 130px;
	}

	.title-section.p .first-letter-red {
		padding-top: 2.8em;
	}

	.box-ctas {
		float: none;
		margin: 1em 0;
		width: 100%;
	}

	.text-boxes-section.left-text .box {
		width: 31%;
	}
}

@media screen and (max-width: 767px) {
	.home-slide {
		/*background-color: #302f50;
		transition: filter 2s, background-color 0.5s;*/
		background-color: none;
	}

	.home-hero-slider .slick-arrow {
		top: 300px;
	}

	.home-slide-image {
		height: 300px;
	}

	.home-slide-inner {
		/*top: 300px;*/
		top: 30px;
		font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
		font-size: 22px;
	}

	.home-slide-inner h1 span {
		font-size: 64px;
	}

	.home-slide-inner .cta {
		font-size: 12px;
	}

	.box {
		float: none;
		margin: 1em 0;
		width: 100% !important;
	}

	.find-school-bottom-section .wrapper {
		padding: 3em 1em 10em;
	}

	.find-school-bottom-inner {
		padding: 4.5em 1em 2em;
	}

	.bottom-large-letters {
		bottom: -10px;
		left: 0;
		line-height: 1em;
	}

	a[rel~="wp-video-lightbox"] {
		width: 70px;
	}

	.text-boxes-section.home.firstrow .boxes-section {
		max-width: 500px;
	}
}

@media screen and (max-width: 350px) {
	.find-school-bottom-section .wrapper {
		padding: 3em 1em 12em;
	}
}

/* HOME INFO BAR */

/* Container for the home info bar */

.home-info-bar-wrapper {
	background-color: #7eddde; /* Or the background color you want */
}

/* Container for the home info bar */
.home-info-bar {
	color: #000000;
	padding: 20px 0;
	display: flex; /* Flex display for the container */
	flex-wrap: wrap; /* Allows items to wrap to the next line */
	justify-content: space-evenly; /* Distributes space around items */
	align-items: stretch; /* Stretches items to fill the container height */
	max-width: 1080px;
	margin: 0 auto;
}

/* Style each feature with flexbox for alignment */
.home-info-bar .feature {
	display: flex;
	align-items: center;
	margin-bottom: 20px; /* Spacing between each feature */
	flex: 1; /* Allow each feature to grow */
	min-width: 250px; /* Minimum width for each feature before wrapping */
	max-width: 325px;
}

/* Style for the feature icon */
.home-info-bar .feature-icon {
	flex-shrink: 0; /* Prevent the icon from shrinking */
	margin-right: 15px; /* Space between the icon and the text */
	max-width: 115px;
}

/* Style for the feature text */
.home-info-bar .feature-text {
	flex-grow: 1; /* Allow the text to fill the remaining space */
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: normal;
}

/* Title styles */
.home-info-bar .feature-text h3 {
	font-size: 1.45em; /* Adjust the font size as necessary */
	margin-bottom: 0.5em;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: uppercase;
	max-width: 110px;
	line-height: 26px;
}

/* Description paragraph styles */
.home-info-bar .feature-text p {
	font-size: 1em; /* Adjust the font size as necessary */
	margin-bottom: 1em;
	font-size: 14px;
}

/* Read more link styles */
.home-info-bar .feature-text .read-more {
	text-decoration: none; /* Make it clear that this is a link */
	color: black; /* Adjust the text color as necessary */
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
	.home-info-bar {
		flex-direction: column; /* Stack features vertically on smaller screens */
		align-items: left; /* Center align the features */
	}

	.home-info-bar .feature {
		/* Ensures each feature takes full width on smaller screens */
		flex-basis: 100%;
		/*max-width: 70%;*/
		text-align: left;
		margin: 10px auto;
	}

	.home-info-bar .feature-icon {
		margin: 0 auto; /* Center the icon horizontally */
		margin-bottom: 10px; /* Add space below the icon */
		max-width: 115px;
		padding-right: 15px;
		padding-top: 15px;
	}
}

/* BEYOND DAYCARE SECTION */

.bd-section-wrapper {
	background-color: #fcf1ed;
}

.bd-section-wrapper-blue {
	background-color: #164e60;
	color: #ffffff;
}

.bd-section-wrapper-lightblue {
	background-color: #7eddde;
	color: #000000;
}

.bd-section-wrapper-white {
	background-color: #ffffff;
	color: #000000;
}

.bd-section {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 40px 0;
}

.bd-section-content {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start; /* Aligns children to the start of the container */
	justify-content: center;
	width: 100%;
	max-width: 1020px;
	margin: auto;
}

.bd-section-image {
	flex: 1 1 50%; /* Flex grow, flex shrink, flex basis */
	max-width: 50%; /* Maximum width of the image container */
	height: auto;
	margin-top: 20px;
}

.bd-section-text {
	flex: 1 1 50%; /* Flex grow, flex shrink, flex basis */
	max-width: 50%; /* Maximum width of the text container */
	padding: 0 20px;
}

.bd-section-text h2 {
	font-size: 22px;
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Helvetica", sans-serif;
	letter-spacing: 1px;
}

.bd-section-text h2 span {
	font-family: "Golden Hopes", "Helvetica", sans-serif;
	font-weight: normal;
}

.bd-section-text p {
	font-size: 16px;
	margin-bottom: 20px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: normal;
}

.bd-section-cta {
	/*display: block;*/
	display: inline-block;
	text-decoration: none;
	background-color: #fb471e;
	color: #000000;
	padding: 12px 20px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	width: auto;
	text-transform: uppercase;
	text-align: center;
	margin-top: 5px;
}

.bd-section-cta:hover {
	color: #ffffff;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 992px) {
	.bd-section-image,
	.bd-section-text {
		flex-basis: 100%; /* Take full width on smaller screens */
		max-width: 100%; /* Take full width on smaller screens */
		padding: 0 20px; /* Add some padding on smaller screens */
	}

	.bd-section-image {
		order: 1; /* Image goes above text on smaller screens */
	}

	.bd-section-text {
		order: 2; /* Text goes above image on smaller screens */
		padding: 20px; /* Add some padding */
		text-align: center; /* Center the text on smaller screens */
	}

	.bd-section-cta {
		width: auto; /* Adjust width for the CTA */
		margin: 10px auto 0;
	}
}

@media (max-width: 768px) {
	.bd-section {
		width: auto;
		padding: 20px 0; /* Less padding on very small screens */
	}
}

/*------------------------------------*\
    #CURRICULUM
\*------------------------------------*/
/* Accordion Tabs */
.page-template-page-curriculum-elements .blog-featured-image {
	width: 500px;
}

@media screen and (max-width: 640px) {
	.page-template-page-curriculum-elements .blog-featured-image {
		max-width: 500px;
		width: 100%;
	}
}

.page-template-page-curriculum-elements .blog-featured-image iframe {
	width: 100%;
	height: 100%;
}

#nav {
	margin: 0 auto;
}

ul#nav {
	text-align: center;
}

.tab-li {
	margin-left: -5px;
	list-style: none;
}

.tab {
	display: block;
	margin: 1em 2em;
	padding: 5px 0;
	border-bottom: 1px solid;
	box-shadow: none;
	color: #ece7de;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 12px;
	font-family: Poppins;
	/* Change the arrow by changing the link's class */
}

.tab .arrow:after {
	display: block;
	/* fa-chevron-down */
	color: #302f50;
	content: "\f078";
	font-size: 3em;
	font-family: FontAwesome;
}
/*error msg*/
.wpsl-no-results-msg {
	font-size: 200%;
	text-align: center;
	/*margin-top: 260px;*/
	margin-top: 0px;
	margin-bottom: 0px;
	opacity: 0.6;
}
.tab.active .arrow:after {
	content: "\f077";
	font-family: FontAwesome;
	/* fa-chevron-up */
}

.tab .fa {
	display: block;
	margin-bottom: 10px;
	font-size: 48px;
}

.tab-content {
	float: none;
	padding: 1em;
	background: white;
	/* Opera < 12.1 */
	animation: fadein 1s;

	-webkit-animation: fadein 1s;
	/* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 1s;
	/* Firefox < 16 */
	-ms-animation: fadein 1s;
	/* Internet Explorer */
	-o-animation: fadein 1s;
}

.tab-content.is-open {
	opacity: 1;
}

.tab-content p {
	position: relative;
	margin: 0 auto;
	max-width: 600px;
}

.tab-content h2 {
	margin-top: 0;
}

.tab-content-holder {
	padding: 4em 1em;
}

#nav section {
	display: none;
	/* I NEED TO FIX THIS */
	float: left;
	overflow: hidden;
}

.no-js #nav section {
	display: block;
	/* I NEED TO FIX THIS */
}

.tab-img-holder {
	margin: 1.5em auto 0;
	max-width: 1350px;
	width: 100%;
	height: 500px;
	box-shadow: 1px 5px 12px 3px #c1c1c1;
}

.tab-img-holder img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.curriculum-holder {
	float: left;
	margin: 1em 1em 0;
	padding: 2em 0 1em;
	width: calc(33% - 2em);
	height: 450px;
	color: #606060;
	text-align: center;
}

.curriculum-holder h2 {
	color: #bc2323;
	font-size: 1.5em;
}

.curriculum-holder a[rel~="wp-video-lightbox"] {
	position: relative;
	top: 0;
	display: block;
	margin: 0 auto;
	padding: 0;
	max-width: 330px;
	width: 100%;
	border: none;
	background: transparent;
	box-shadow: none;
}

.curriculum-holder a[rel~="wp-video-lightbox"]:hover {
	transform: none;
}

.curriculum-holder .video_lightbox_auto_anchor_image {
	width: 330px;
	height: 185px;

	object-fit: cover;
}

.wpvl_auto_thumb_play {
	position: absolute;
	top: 30%;
	left: 40%;
	width: 70px;
	height: 70px;
	background-image: url(https://cremedelacreme.com/wp-content/themes/creme/library/images/play-btn.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.wpvl_auto_thumb_play img {
	display: none;
}

.curriculum-icon {
	color: #302f50;
	font-size: 3em !important;
}

.blog-featured-image a[rel~="wp-video-lightbox"] {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.blog-featured-image
	a[rel~="wp-video-lightbox"]
	img.video_lightbox_auto_anchor_image {
	display: block;
	width: 500px;
	height: 282px;

	object-fit: cover;
}

.blog-featured-image a[rel~="wp-video-lightbox"] .wpvl_auto_thumb_play {
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

@media only screen and (min-width: 1025px) {
	.tabs {
		margin-top: 3em;
		min-height: 750px;
	}

	.schedule-main {
		margin-bottom: 4em;
	}

	#nav {
		position: relative;
		border: none;
	}

	.tab-li {
		display: inline-block;
	}

	#nav section {
		position: absolute;
		top: 100px;
		right: 0;
		left: 0;
		padding: 1%;
	}

	.tab:hover,
	.tab.active {
		border-bottom: 1px solid #bc2323;
		background: transparent;
		color: #302f50;
	}

	.tab {
		display: inline-block;
		border-bottom: none;
	}

	.tab .arrow {
		display: none;
	}

	.tab-content {
		float: left;
		padding: 0;
		background: transparent;
	}

	.tab-content-holder {
		position: relative;
		margin: -14em auto 0;
		padding: 4em 1em 3em;
		max-width: 800px;
		width: 60%;
		background: white;
		box-shadow: 1px 5px 12px 3px #c1c1c1;
	}

	.tab-content-holder p {
		position: relative;
		z-index: 1;
		color: #606060;
	}
}

@media screen and (max-width: 1400px) {
	.tab {
		max-width: 150px;
	}
}

@media screen and (max-width: 1300px) {
	.tab {
		max-width: 100px;
	}
}

@media screen and (max-width: 1174px) {
	.tab {
		font-size: 10px;
	}
}

@media screen and (max-width: 1024px) {
	.tab {
		max-width: 100%;
		font-size: 14px;
	}

	.tab-img-holder {
		height: 200px;
	}

	#nav section {
		width: 100%;
	}

	.curriculum-holder {
		width: calc(50% - 2em);
	}
}

@media screen and (max-width: 900px) {
	.curriculum-holder {
		float: none;
		margin: 1em auto;
		padding: 1em;
		width: 100%;
		height: auto;
	}

	.curriculum-holder:nth-of-type(2) {
		border-top: 0;
	}

	.curriculum-holder:last-of-type {
		border-bottom: 0;
	}
}

@media screen and (max-width: 350px) {
	.curriculum-holder .video_lightbox_auto_anchor_image {
		margin: 0 auto;
		width: 288px;
		height: 160px;
	}

	.curriculum-holder .wpvl_auto_thumb_play {
		left: 43%;
		width: 50px;
		height: 50px;
	}
}

/*------------------------------------*\
    #NEW PARENTS
\*------------------------------------*/
.alternating-box-section {
	position: relative;
	margin-bottom: 100px;
}

.alternating-box-section:nth-of-type(even) .alternating-box-image,
.alternating-box-section:nth-of-type(even) .alternating-box-text {
	float: left;
}

.alternating-box-section:nth-of-type(even) .alternating-box-text-inner {
	float: right;
	padding: 30px 80px 0 0;
}

.alternating-box-section:nth-of-type(even)
	.alternating-box-text-inner
	.vertical-text {
	left: 100px;
}

.alternating-box-image,
.alternating-box-text {
	position: relative;
	float: right;
	width: 50%;
	height: 500px;
}

.alternating-box-text-inner {
	float: left;
	margin-right: 0;
	padding: 70px 0 0 80px;
}

.alternating-box-text-inner h2 {
	text-align: center;
}

.alternating-box-text-inner p:not(.vertical-text) {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	max-width: 600px;
	color: #606060;
}

.alternating-box-text-inner .vertical-text {
	right: 0;
	left: calc(100% - 100px);
	width: 500px;
	/* Same as height of container */
}

.alternating-box-text-inner ul {
	margin: 1em auto;
	max-width: 600px;
}

.alternating-box-text-inner li {
	color: #606060;
	list-style-position: inside;
	list-style-type: disc;
}

.alternating-box-image {
	box-shadow: 1px 1px 12px 3px #c1c1c1;
}

.alt-box-image {
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.faq {
	margin-top: -100px;
	padding: 7em 0;
	background-image: url(../images/raise-hands.jpg);
	background-position: bottom;
	background-size: cover;
}

.faq .big-bg-words {
	position: relative;
	z-index: 0;
	margin-bottom: -350px;
}

.faq h2 {
	margin-bottom: 2em;
	text-align: center;
}

.faq .inner-wrapper {
	position: relative;
}

.accordion .comment-respond {
	padding-bottom: 1em;
}

.accordion .cf:last-of-type .accordion-holder,
.accordion .comment-respond:last-of-type .accordion-holder {
	padding-bottom: 1em;
	border-bottom: 1px solid black;
}

.accordion-holder {
	float: right;
	width: calc(100% - 100px);
	border-top: 1px solid black;
}

.question-mark {
	position: relative;
	top: 30px;
	float: left;
	padding: 5px;
	width: 60px;
	height: 60px;
	background: #bc2323;
	color: white;
	text-align: center;
	font-size: 2em;
}

.question-mark:after {
	position: absolute;
	right: -8px;
	bottom: 20px;
	width: 0;
	height: 0;
	border-width: 10px 0 10px 8.7px;
	border-style: solid;
	border-color: transparent transparent transparent #bc2323;
	content: "";
}

.accordion-toggle {
	margin: 0;
	margin: 1.5em 0;
	padding: 1em;
	width: 100%;
	color: #606060;
	font-weight: normal;
	font-family: Esprit;
	cursor: pointer;
	/* Change the arrow by changing the link's class */
}

.accordion-toggle:focus {
	border: #bc2323 3px dotted;
}

.accordion-toggle .accordion-title {
	float: left;
	margin: 0;
	width: calc(100% - 75px);
}

.accordion-toggle .arrow:after {
	float: right;
	margin: -5px 1em 0;
	padding: 6px 8px 4px 12px;
	/* fa-plus */
	color: #302f50;
	content: "\f067";
	font-size: 1em;
	font-family: FontAwesome;
}

.accordion-toggle.active .arrow:after {
	content: "\f00d";
	font-family: FontAwesome;
	/* fa-times */
}

.accordion-content {
	display: none;
	margin-bottom: 1em;
	margin-left: 150px;
	padding: 1em;
	background: white;
}

.accordion-content p {
	margin: 0;
	color: #302f50;
	letter-spacing: 1px;
}

.accordion-content.default {
	display: block;
}

.bottom-red-box {
	margin: -50px auto 0;
	padding: 5em 1em;
	max-width: 800px;
	width: 100%;
	background: rgba(188, 36, 36, 0.94);
	box-shadow: 0 5px 14px 2px #afafaf;
	color: white;
	text-align: center;
}

.bottom-red-box h2 {
	margin-top: 0;
}

.bottom-red-box p {
	margin: 0 auto;
	max-width: 600px;
}

@media screen and (max-width: 1600px) {
	.alternating-box-text-inner {
		padding-left: 60px;
		max-width: 550px;
	}

	.alternating-box-section:nth-of-type(even) .alternating-box-text-inner {
		padding-right: 60px;
	}
}

@media screen and (max-width: 1400px) {
	.alternating-box-section {
		margin-bottom: 70px;
	}

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

@media screen and (max-width: 1280px) {
	.alternating-box-section:nth-of-type(even) .alternating-box-text-inner {
		max-width: 500px;
	}

	.alternating-box-section:nth-of-type(even)
		.alternating-box-text-inner
		.vertical-text {
		left: 50px;
	}

	.alternating-box-text-inner {
		max-width: 500px;
	}

	.alternating-box-text-inner .vertical-text {
		left: calc(100% - 50px);
	}
}

@media screen and (max-width: 1200px) {
	.alternating-box-section:nth-of-type(even) .alternating-box-text-inner {
		padding-right: 40px;
		max-width: 500px;
	}

	.alternating-box-section:nth-of-type(even)
		.alternating-box-text-inner
		.vertical-text {
		left: 30px;
	}

	.alternating-box-text-inner {
		padding-left: 40px;
		max-width: 450px;
	}

	.alternating-box-text-inner .vertical-text {
		left: calc(100% - 30px);
	}
}

@media screen and (max-width: 1100px) {
	.alternating-box-section {
		margin-bottom: 0;
	}

	.alternating-box-section .alternating-box-image,
	.alternating-box-section .alternating-box-text {
		float: none;
	}

	.alternating-box-section:nth-of-type(even) .alternating-box-text {
		float: none;
	}

	.alternating-box-section:nth-of-type(even) .alternating-box-text-inner {
		float: none;
		padding: 3em 1em 2em;
		max-width: 600px;
	}

	.alternating-box-text-inner {
		float: none;
		margin: 0 auto;
		padding: 3em 1em 2em;
		max-width: 600px;
		text-align: center;
	}

	.alternating-box-text-inner .vertical-text {
		display: none;
	}

	.alternating-box-text-inner li {
		margin-left: 0;
	}

	.alternating-box-image,
	.alternating-box-text {
		position: relative;
		float: none;
		width: 100%;
		height: auto;
	}

	.alternating-box-image {
		height: 250px;
		box-shadow: none;
	}

	.faq {
		margin-top: 0;
	}
}

@media screen and (max-width: 1024px) {
	.faq {
		padding: 3em 0;
		text-align: center;
	}

	.accordion .cf,
	.accordion .comment-respond {
		padding-top: 2em;
		border-top: 1px solid black;
	}

	.accordion .cf:last-of-type .accordion-holder,
	.accordion .comment-respond:last-of-type .accordion-holder {
		border-bottom: 0;
	}

	.accordion-holder {
		float: none;
		width: 100%;
		border-top: 0;
	}

	.accordion-toggle {
		padding: 1em;
	}

	.accordion-toggle .arrow {
		display: block;
		margin-top: 1em;
	}

	.accordion-toggle .arrow:after {
		float: none;
		margin: 1em auto;
		padding: 10px 10px 10px 12px;
	}

	.accordion-content {
		margin: 1em;
		padding: 1em;
	}

	.question-mark {
		top: 0;
		float: none;
		margin: 0 auto;
	}

	.question-mark:after {
		right: 0;
		bottom: -10px;
		left: 0;
		margin: 0 auto;
		border-width: 10px 8px 0 8px;
		border-color: #bc2323 transparent transparent transparent;
	}
}

/*------------------------------------*\
    #SUMMER CAMP
\*------------------------------------*/
.activities-section {
	padding: 4em 0 8em;
}

.activities-section > h2 {
	margin: 0 0 2em;
	color: #302f50;
	text-align: center;
}

.activities-column {
	float: left;
	padding: 0 1em;
	width: 50%;
}

.activity-holder {
	padding: 2em 0;
	height: 232px;
	border-top: 1px solid #302f50;
	color: #606060;
}

.activity-holder:last-of-type {
	border-bottom: 1px solid #302f50;
}

.activity-icon {
	display: block;
	float: left;
	width: 60px;
}

.activity-inner {
	float: left;
	padding-left: 1em;
	width: calc(100% - 60px);
}

.activity-title {
	margin-top: 0;
	color: #bc2323;
}

.flyer-section {
	position: relative;
	margin-bottom: 100px;
	height: 450px;
	background-image: url(../images/blue-bg.jpg);
	background-size: cover;
}

.flyer-inner {
	position: absolute;
	top: -50px;
	right: 0;
	left: 0;
	margin: 0 auto;
	padding: 3em;
	width: 600px;
	height: 550px;
	background: #ece7de;
	color: #302f50;
	text-align: center;
}

.flyer-holder {
	position: relative;
	margin: 2em auto 0;
	width: 230px;
	height: 270px;
}

.flyer-holder .cta {
	position: absolute;
	bottom: -1em;
	left: 0;
	width: 99%;
	box-shadow: 3px 3px 0 #ffffff;
}

.flyer-image {
	position: absolute;
	bottom: 0;
	left: 0;
	width: auto;
	height: 100%;
}

@media screen and (max-width: 1024px) {
	.page-template-page-summer-camp .image-floating-box-section .floating-box {
		margin-top: 0;
		padding: 2em 2em 0;
	}

	.activities-section {
		padding: 2em 0 6em;
	}
}

@media screen and (max-width: 950px) {
	.activity-holder {
		height: 320px;
	}
}

@media screen and (max-width: 800px) {
	.activity-holder {
		height: auto;
	}

	.activities-column {
		float: none;
		width: 100%;
		text-align: center;
	}

	.activities-holder {
		padding: 1em 0;
	}

	.activity-icon {
		float: none;
		margin: 0 auto;
	}

	.activity-inner {
		float: none;
		padding-left: 0;
		width: 100%;
	}
}

@media screen and (max-width: 640px) {
	.activities-section {
		padding: 2em 0 0;
	}

	.activity-holder:last-of-type {
		border-bottom: 0;
	}

	.flyer-section {
		margin-bottom: 0;
		height: auto;
		background-image: none;
	}

	.flyer-inner {
		position: relative;
		top: 0;
		padding: 2em 1em;
		width: 100%;
		height: auto;
	}
}

/*------------------------------------*\
    #TWO COLUMN LAYOUT
\*------------------------------------*/
.hero-blue-box.two-column h1 {
	margin-bottom: 0;
}

.hero-blue-box.two-column h3 {
	margin-top: 0;
	text-transform: uppercase;
}

.two-column-layout {
	display: table;
	width: 100%;
}

.blue-column {
	position: relative;
	display: table-cell;
	padding: 0 110px 0 80px;
	background: #302f50;
	color: white;
}

.blue-column .vertical-text {
	bottom: 21%;
}

.column-content {
	display: table-cell;
	padding: 50px;
	width: 70%;
	border-top: 1px solid #e8e0e0;
	background: white;
	color: #606060;
	vertical-align: top;
}

.icon-holder-col {
	padding: 2em 1em;
	border-bottom: 1px solid #cccccc;
}

.icon-left {
	float: left;
	width: 25%;
	color: #302f50;
	text-align: center;
	font-size: 4em;
}

.icon-right {
	float: left;
	width: 75%;
}

.column-images {
	display: table-cell;
	padding-top: 50px;
	background: #ece7de;
}

.column-images img {
	min-width: 500px;
	max-width: 500px;
}

.column-images img:last-of-type {
	box-shadow: 4px 5px 13px 2px #c1c1c1;
}

.main-content {
	padding: 1em 0;
	border: 1px solid #302f50;
	border-right: 0;
	border-left: 0;
}

.heading {
	float: left;
	padding: 2.5em 2.5em 3.5em;
	width: 300px;
}

.icons {
	padding-top: 2em;
	padding-bottom: 2em;
	border-bottom: 1px solid #302f50;
	text-align: center;
}

.icon-holder {
	display: inline-block;
	float: left;
	margin: 1em 1.5em;
	width: 200px;
	height: 120px;
	color: #302f50;
}

.icon-holder .fa {
	margin-bottom: 10px;
	font-size: 3em;
}

.icon-holder span {
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 12px;
	font-family: Poppins;
}

.faq-white {
	margin-top: 4em;
	padding: 0;
	background: none;
}

.faq-white .accordion-content {
	margin-left: 50px;
	background: #ece7de;
}

@media screen and (max-width: 1600px) {
	.blue-column .vertical-text {
		bottom: 30%;
	}

	.column-images img {
		min-width: 450px;
		max-width: 450px;
	}
}

@media screen and (max-width: 1400px) {
	.heading {
		padding: 2.5em 1.5em 2.5em 0;
	}

	.column-images img {
		min-width: 400px;
		max-width: 400px;
	}
}

@media screen and (max-width: 1280px) {
	.blue-column {
		padding: 0 70px 0 50px;
	}

	.column-images img {
		min-width: 350px;
		max-width: 350px;
	}
}

@media screen and (max-width: 1024px) {
	.blue-column {
		display: none;
	}

	.heading {
		float: none;
		padding: 2em 0;
		width: 100%;
	}

	.icons {
		padding-bottom: 0;
		border-bottom: 0;
	}

	.faq-white {
		margin-top: 2em;
	}

	.faq-white .accordion .cf,
	.faq-white .accordion .comment-respond {
		border-top-color: #302f50;
	}
}

@media screen and (max-width: 900px) {
	.two-column-layout,
	.column-content,
	.column-images {
		display: block;
		width: 100%;
	}

	.main-content {
		padding-top: 0;
		border-top: 0;
	}

	.heading {
		padding: 0 0 2em;
	}

	.column-images {
		padding-top: 0;
	}

	.column-images img {
		display: block;
		margin: 0 auto;
		min-width: 350px;
		max-width: 100%;
	}

	.column-images img:last-of-type {
		box-shadow: none;
	}

	.icon-holder {
		width: calc(50% - 3em);
	}
}

@media screen and (max-width: 640px) {
	.column-content {
		padding: 3em 1em 1em;
	}

	.icon-holder {
		float: none;
		margin: 1em auto;
		width: 100%;
		height: auto;
	}

	.icon-left,
	.icon-right {
		float: none;
		width: 100%;
		text-align: center;
	}

	.icon-left ul,
	.icon-right ul {
		text-align: left;
	}
}

/*------------------------------------*\
    #BOXED MODULE LAYOUT
\*------------------------------------*/
.timeline-section {
	padding-top: 80px;
	background-color: #ece7de;
	background-image: url(../images/timeline-bg.jpg);
	background-position: bottom;
	background-size: cover;
}

.timeline-section .title-text-section {
	margin: 0 auto;
	color: #606060;
}

.timeline-main-title {
	display: none !important;
}

.cool-timeline-wrapper {
	margin: 0 auto !important;
}

.cool-timeline.white-timeline:before,
.cool-timeline.white-timeline.one-sided:before {
	background-color: black !important;
	background-image: none !important;
}

.cool-timeline:before {
	margin-left: 0 !important;
	width: 1px !important;
	border-radius: 0 !important;
}

.cool-timeline.white-timeline .timeline-year {
	background: #302f50 !important;
	box-shadow: none !important;
}

.cool-timeline.white-timeline .timeline-post.even .timeline-meta .meta-details,
.cool-timeline.white-timeline .timeline-post.odd .timeline-meta .meta-details {
	color: #302f50 !important;
	font-family: Poppins !important;
}

.cool-timeline.white-timeline .timeline-post.even .icon-dot-full,
.cool-timeline.one-sided.white-timeline .timeline-post.even .icon-dot-full,
.cool-timeline.white-timeline .timeline-post.odd .icon-dot-full,
.cool-timeline.one-sided.white-timeline .timeline-post .icon-dot-full {
	background: #bc2323 !important;
}

.cool-timeline .timeline-post .icon-dot-full,
.cool-timeline.one-sided .timeline-post .icon-dot-full,
.ultimate-style .timeline-post .timeline-content .content-title,
.cool-timeline .light-grey-post .timeline-content {
	border-radius: 0 !important;
}

.cool-timeline.white-timeline
	.timeline-post.even
	.timeline-content
	.content-title,
.cool-timeline.white-timeline
	.timeline-post.odd
	.timeline-content
	.content-title {
	background: #302f50 !important;
	font-weight: bold !important;
	font-family: Poppins !important;
}

.cool-timeline.white-timeline
	.timeline-post.even
	.timeline-content
	.content-title:before {
	border-right-color: #302f50 !important;
}

.cool-timeline.white-timeline
	.timeline-post.odd
	.timeline-content
	.content-title:before {
	border-left-color: #302f50 !important;
}

.timeline-section
	.cool-timeline
	.timeline-post
	.timeline-content
	.content-details {
	padding: 3em;
	box-shadow: 1px 1px 8px 2px #c1c1c1;
	color: #606060;
	text-align: center;
	font-family: Esprit !important;
}

.cool-timeline .timeline-post .timeline-content img {
	max-height: 200px;

	object-fit: cover;
}

@media screen and (max-width: 1024px) {
	.timeline-section {
		padding: 2em 1em;
	}

	.timeline-section .title-section {
		display: block;
		margin: 2em auto 3em;
		width: 100%;
	}
}

@media (max-width: 860px) {
	.cool-timeline .timeline-year {
		max-width: 100px;
	}

	.timeline-section
		.cool-timeline
		.timeline-post
		.timeline-content
		.content-details {
		padding: 1em;
		text-align: left;
	}

	.cool-timeline.white-timeline
		.timeline-post.odd
		.timeline-content
		.content-title:before {
		border-right-color: #302f50 !important;
		border-left-color: transparent !important;
	}
}

/*------------------------------------*\
    #CONTACT
\*------------------------------------*/
@media screen and (min-width: 768px) {
	/*.page-template-page-contact .hero-blue-box {
		margin-top: -400px;
	}*/

	.page-template-page-contact .contact-forms-holder {
		position: relative;
		z-index: 2;
	}

	.page-template-page-contact .contact-form {
		background: white;
	}
}

.contact-phone-number {
	display: block;
	margin-top: 16px;
	color: #ffffff;
	font-size: 1.5em;
	font-family: "Poppins";
}

.contact-form {
	margin: 4em auto 1em;
	padding: 4em;
	max-width: 675px;
	width: 100%;
	box-shadow: 0 5px 14px 2px #afafaf;
	color: #000;
	text-align: center;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.hero-blue-box .contact-form {
	background: #fff;
}

#gform_135 ul li label {
	color: #000;
}

#gform_wrapper_135 .gform_title {
	color: #000;
}

@media screen and (max-width: 767px) {
	.page-template-page-contact .hero {
		/* height: 150px; */
	}

	.page-template-page-contact .contact-forms-holder {
		margin-top: -100px;
	}
}

@media screen and (max-width: 640px) {
	.page-template-page-contact .contact-forms-holder {
		margin-top: 0;
	}

	.contact-form {
		margin: 0 auto;
		padding: 1em;
		box-shadow: none;
	}
}

@media screen and (min-width: 768px) {
	.page-template-page-new-parents .hero {
		height: auto;
	}
}

.about-hero-section {
	display: flex;
	align-items: stretch; /* Ensures children are the same height */
	max-width: 1020px; /* Adjust to your layout */
	margin: -80px auto 0;
	padding-bottom: 60px;
}

.about-video,
.about-text {
	flex: 1;
}

.about-text {
	padding: 0 20px 16px;
	background-color: #fcf1ed; /* Beige background color */
	color: #000000;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* If you want the video to fill the height of the .about-text */
.about-video video {
	width: 100%;
	height: auto; /* Set to auto if you want to maintain the aspect ratio */
}

/* Headings and paragraph styles inside the .about-text */
.about-text h1 {
	margin-bottom: 10px;
	font-size: 28px; /* Adjust the font size as needed */
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-weight: lighter;
}

.about-text h1 span {
	font-size: 46px; /* Adjust the font size as needed */
	font-family: "Golden Hopes", "Helvetica", sans-serif;
	text-transform: lowercase;
	font-weight: normal;
	padding-left: 5px;
	display: inline-block;
	position: relative;
	top: 5px;
}

.about-text p {
	font-size: 14px; /* Adjust the font size as needed */
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.about-text ul {
	font-size: 16px; /* Adjust the font size as needed */
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	padding: 0px 25px;
	text-align: left;
	list-style: circle;
}

.page-template-page-lp-daycare .about-video {
		padding-top: 60px;
}

.page-template-page-lp-winter-break .program-hero-section .program-text p {
	text-align: left;
}
.page-template-page-lp-winter-break .program-hero-section .program-text ul {
	padding-left: 45px;
}

/* Responsive considerations */
@media (max-width: 993px) {
	.about-hero-section {
		flex-direction: column;
		padding-bottom: 0px;
		max-width: 60%;
	}

	.about-video video {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 768px) {
	.about-hero-section {
		flex-direction: column;
		padding-bottom: 0px;
		max-width: 80%;
	}

	.page-template-page-lp-daycare .about-video {
		padding-top: 0px;
	}
}

/* IMAGE SLIDER */

/* Slider container */
.image-slider {
	position: relative;
	max-width: 1020px;
	margin: 0 auto;
}

/* Hide all slides by default */
.i-slide {
	opacity: 0;
	transition: opacity 1s ease-in-out;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Display the first slide */
.i-slide.active {
	opacity: 1;
	position: relative;
}

.i-slide img {
	width: 100%; /* This ensures the image is responsive and covers the slide */
	height: auto; /* This maintains the aspect ratio of the image */
}

/* Arrows styling */
.prev,
.next {
	cursor: pointer;
	position: absolute;
	top: 42%;
	width: auto;
	padding: 16px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
}

/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

/* Position the "prev button" to the left */
.prev {
	left: 0;
	border-radius: 3px 0 0 3px;
}

/* Dots container */
.slider-dots {
	text-align: right;
	padding: 20px;
	/*background: rgba(0, 0, 0, 0.5);*/
	position: absolute;
	bottom: 0;
	width: 100%;
}

/* Dot buttons */
.dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	margin: 0 2px;
	background-color: transparent;
	border: 1px solid #ffffff;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.active,
.dot:hover {
	background-color: #ffffff;
}
@media (max-width: 1200px) {
	.image-slider {
		max-width: 80%;
		margin-top: 40px;
	}
	.i-slide img {
		height: 25vh; /* This sets the height of the image to 50% of the viewport height */
		object-fit: cover; /* This makes sure the image covers the area without stretching */
	}
}

#desktop-nav .active {
	background-color: transparent;
}

/* Beyond Daycare Amenities */
.premium-amenities-section {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	max-width: 1080px; /* Adjust as needed for your layout */
	padding: 20px;
}

.amenities-description {
	flex-basis: 40%; /* Adjusted to 25% width */
	box-sizing: border-box;
	padding: 20px;
}

.amenities-description h2 {
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 22px;
	letter-spacing: 1px;
}

.amenities-description p {
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: normal;
}

.amenities-list {
	flex-basis: 60%; /* Adjusted to 75% width */
	box-sizing: border-box;
	padding: 0 20px 20px;
	background-color: #7eddde;
	margin-top: 95px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: normal;
	font-size: 16px;
}

.amenities-list h3 {
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: bold;
	font-size: 16px;
}

.amenities-description h2,
.amenities-list h3 {
	margin-bottom: 20px;
}

.amenities-list-columns {
	display: flex;
}

.amenities-list-columns ul {
	list-style: none;
	padding: 0;
	width: 50%; /* Each list takes up half the width of the amenities-list column */
	margin: 0;
}

.amenities-list li:not(:last-child) {
	margin-bottom: 10px;
}

.amenities-disclaimer {
	font-size: smaller;
	margin-top: 10px;
	margin-left: auto;
	color: #808080;
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.amenities-disclaimer-2 {
	font-size: smaller;
	color: #808080;
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	text-align: center;
}

.page-template-page-program-school-break .program-text-cta {
	margin-bottom: 5px;
}

/* Responsive adjustments */
@media (max-width: 992px) {
	.premium-amenities-section,
	.amenities-description {
		padding: 0 20px;
	}

	.amenities-description,
	.amenities-list {
		flex-basis: 100%; /* Each takes full width on smaller screens */
	}

	.amenities-list {
		margin-top: 0px;
	}
	.amenities-list li:last-child {
		margin-bottom: 10px;
	}

	.amenities-list-columns {
		flex-direction: column;
	}

	.amenities-list-columns ul {
		width: 100%;
	}
}

/*------------------------------------*\
    #PROGRAM PAGE (AM)
\*------------------------------------*/
.program-hero-section {
	display: flex;
	align-items: stretch; /* Ensures children are the same height */
	max-width: 1020px; /* Adjust to your layout */
	margin: -80px auto 0;
	padding-bottom: 20px;
}

.program-image,
.program-text {
	flex: 1;
	display: flex;
}

.program-text {
	background-color: #fcf1ed; /* Beige background color */
	color: #000000;
	flex-direction: column;
	/*justify-content: flex-start;*/
	justify-content: center;
}

/* If you want the video to fill the height of the .about-text */
.program-image img {
	width: 100%;
	height: auto; /* Set to auto if you want to maintain the aspect ratio */
}

/* Headings and paragraph styles inside the .about-text */
.program-text h1 {
	margin-bottom: 10px;
	font-size: 28px; /* Adjust the font size as needed */
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-weight: lighter;
}

.program-text h1 span {
	font-size: 46px; /* Adjust the font size as needed */
	font-family: "Golden Hopes", "Helvetica", sans-serif;
	text-transform: lowercase;
	font-weight: normal;
	padding-left: 5px;
	display: inline-block;
	position: relative;
	top: 5px;
}

.program-text p {
	font-size: 16px; /* Adjust the font size as needed */
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	padding: 0px 25px;
	text-align: center;
}
.program-text ul {
	font-size: 16px; /* Adjust the font size as needed */
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	padding: 0px 25px;
	text-align: left;
	list-style: circle;
}

.program-text hr {
	width: 50%;
	margin: 0 auto;
	border: 0;
	height: 1px;
	background-color: #000;
}

.program-text-cta {
	display: inline-block;
	text-decoration: none;
	background-color: #fb471e;
	color: #000000;
	padding: 12px 20px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	width: auto;
	max-width: 100%;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto 20px;
}

.program-text-cta:hover {
	color: #ffffff;
}

/* Responsive considerations */
@media (max-width: 992px) {
	.program-hero-section {
		flex-direction: column;
		padding-bottom: 0px;
		max-width: 63%;
	}

	.program-text {
		padding: 20px;
	}

	.program-image img {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 768px) {
	.program-hero-section {
		flex-direction: column;
		padding-bottom: 0px;
		max-width: 80%;
	}
}

/* PROGRAM SECTIONS */

.program-section-wrapper {
	background-color: #fcf1ed;
}

.program-section-wrapper-blue {
	background-color: #164e60;
	color: #ffffff;
}

.program-section-wrapper-lightblue {
	background-color: #7eddde;
	color: #000000;
}

.program-section-wrapper-red {
	background-color: #fb471e;
	color: #000000;
}

.program-section-wrapper-white {
	background-color: #ffffff;
	color: #000000;
}

.program-section {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	padding: 40px 0;
}
.program-hero-section h1.image-heading {
	padding: 0;
	margin: 0;
	line-height: 0px;
}

.program-section-content {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start; /* Aligns children to the start of the container */
	justify-content: center;
	width: 100%;
	max-width: 1020px;
	margin: auto;
}

.program-section-image {
	flex: 1 1 50%; /* Flex grow, flex shrink, flex basis */
	max-width: 50%; /* Maximum width of the image container */
	height: auto;
	margin-top: 20px;
}

.program-section-text {
	/*display: flex;
	flex-direction: column;*/
	flex: 1 1 50%; /* Flex grow, flex shrink, flex basis */
	max-width: 50%; /* Maximum width of the text container */
	padding: 0 20px;
	text-align: left;
}

.program-section-text h2 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 10px;
	font-family: "Georgia Pro Condensed Light", "Helvetica", sans-serif;
	letter-spacing: 1px;
}

.program-section-text h2 span {
	font-size: 40px;
	font-family: "Golden Hopes", "Helvetica", sans-serif;
	font-weight: normal;
	text-transform: lowercase;
	padding-left: 3px;
	display: inline-block;
	position: relative;
	top: 8px;
}

.program-section-text h3 {
	font-size: 18px;
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Helvetica", sans-serif;
	letter-spacing: 1px;
	padding: 15px 0px 0px;
	text-transform: uppercase;
}

.program-section-text p,
.program-section-text ul {
	font-size: 16px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: normal;
	margin: 20px 0;
}
.program-section-text ul {
	padding: 0 10px;
}

.program-section-text a,
.program-section-text a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

.program-section-cta {
	/*display: block;*/
	display: inline-block;
	text-decoration: none !important;
	background-color: #fb471e;
	color: #000000;
	padding: 12px 20px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	width: auto;
	text-transform: uppercase;
	text-align: center;
	margin-top: 5px;
}

.program-section-cta:hover {
	color: #ffffff !important;
}

.program-footer-cta {
	display: block;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	font-size: 22px;
	color: #000000;
	width: auto;
	margin: 0 auto;
	padding: 25px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.program-footer-cta:hover {
	color: #ffffff;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 992px) {
	.program-section-image,
	.program-section-text {
		flex-basis: 100%; /* Take full width on smaller screens */
		max-width: 90%; /* Take full width on smaller screens */
		padding: 0 20px; /* Add some padding on smaller screens */
	}

	.program-section-image {
		order: 1; /* Image goes below text on smaller screens */
	}

	.program-section-text {
		order: 2; /* Text goes above image on smaller screens */
		padding: 20px; /* Add some padding */
		text-align: left; /* Center the text on smaller screens */
	}

	.program-section-cta {
		width: auto; /* Adjust width for the CTA */
		margin: 10px auto 0;
	}

	.program-section-text ul {
		text-align: left;
	}
}

@media (max-width: 768px) {
	.program-section {
		width: auto;
		padding: 20px 0; /* Less padding on very small screens */
	}
}

/* Program Boxes */

.program-boxes {
	display: flex;
	flex-wrap: wrap; /* Allow the items to wrap as needed */
	justify-content: space-evenly;
	align-items: start;
	padding: 20px 20px 50px;
	max-width: 1020px;
	margin: 0 auto;
}

.program-boxes-intro {
	max-width: 1020px;
	margin: 0 auto;
	padding: 40px 20px 0;
}

.program-boxes-intro h2 {
	font-size: 22px; /* Title font size */
	font-weight: normal;
	letter-spacing: 1px;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
	text-align: center;
}

.program-boxes-intro h2 span {
	font-size: 40px;
	font-family: "Golden Hopes", "Helvetica", sans-serif;
	font-weight: normal;
	text-transform: lowercase;
	padding-left: 3px;
	display: inline-block;
	position: relative;
	top: 8px;
}

.program-boxes-intro p {
	font-size: 16px; /* Title font size */
	font-weight: normal;
	letter-spacing: 1px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	text-align: center;
}

.program-box {
	/*flex: 0 0 calc(33.333% - 20px); */
	flex: 1;
	margin: 0 10px; /* Keep the margin to space out the boxes */
	padding: 20px;
	background-color: #fcf2ed; /* Adjust the color as per your design */
	box-sizing: border-box; /* Include padding and border in the element's total width and height */
	height: auto;
}

.program-box h3 {
	margin-top: 0;
	color: #000000; /* Title color */
	font-size: 18px; /* Title font size */
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
	text-align: center;
	border-bottom: 1px solid #000000;
	padding: 15px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.program-box p,
.program-box ul {
	color: #000000; /* Text color */
	font-size: 14px;
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.program-box-two {
	flex: 0 0 calc(50% - 20px); /* Adjust the percentage to account for the margins */
	margin: 0 10px; /* Keep the margin to space out the boxes */
	padding: 20px;
	background-color: #fcf2ed; /* Adjust the color as per your design */
	box-sizing: border-box; /* Include padding and border in the element's total width and height */
	height: auto;
}

.program-box-two h3 {
	margin-top: 0;
	color: #000000; /* Title color */
	font-size: 18px; /* Title font size */
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
	text-align: center;
	border-bottom: 1px solid #000000;
	padding: 15px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.program-box-two p,
.program-box-two ul {
	color: #000000; /* Text color */
	font-size: 14px;
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

/* For screens smaller than 768px, make the boxes full width */
@media (max-width: 767px) {
	.program-box,
	.program-box-two {
		flex: 0 0 100%; /* Each box will take the full width of the container */
		max-width: 90%; /* Ensure the box does not exceed the width of the container */
		margin: 10px 0; /* Adjust margin for vertical stacking */
	}
}

.page-template-page-program-infant .program-box {
	min-height: 277px;
}
.page-template-page-program-toddler .program-box {
	min-height: 256px;
}

.page-template-page-program-kindergarten .program-box {
	min-height: 312px;
}

.page-template-page-program-before-after .program-box {
	min-height: 346px;
}

.page-template-page-approach .program-box {
	min-height: 382px;
}

.page-template-page-enrichment .program-box {
	min-height: 570px;
}

.page-template-page-nutrition .program-box {
	min-height: 412px;
}

.page-template-page-program-school-break .program-box {
	min-height: 674px;
}

.page-template-page-program-school-break #section3 .program-box {
	min-height: 208px;
	margin-top: 30px;
}

@media (max-width: 767px) {
	.page-template-page-approach .program-box,
	.page-template-page-program-school-break .program-box,
	.page-template-page-enrichment .program-box {
		min-height: auto;
	}
}

.page-template-page-program-before-after #main,
.page-template-page-program-school-break #main {
	padding-top: 15px;
}

.page-template-page-program-before-after .program-boxes {
	padding-top: 40px;
}

.ul-long li {
	padding-bottom: 20px;
}
.ul-long li:last-child {
	padding-bottom: 0px;
}

.mobile-app-links a {
	margin-left: 10px;
}

.mobile-app-links img {
	width: 130px;
}

p.box-img {
	text-align: center;
}

/*------------------------------------*\
    #INTERIOR PAGE (AM)
\*------------------------------------*/
.interior-hero-section {
	display: flex;
	align-items: stretch; /* Ensures children are the same height */
	max-width: 1020px; /* Adjust to your layout */
	margin: -80px auto 0;
	padding-bottom: 20px;
}

.interior-image,
.interior-text {
	flex: 1;
	display: flex;
}

.interior-text {
	background-color: #fcf1ed; /* Beige background color */
	color: #000000;
	flex-direction: column;
	/*justify-content: flex-start;*/
	justify-content: center;
}

/* If you want the video to fill the height of the .about-text */
.interior-image img {
	width: 100%;
	height: auto; /* Set to auto if you want to maintain the aspect ratio */
}

/* Headings and paragraph styles inside the .about-text */
.interior-text h1 {
	margin-bottom: 10px;
	font-size: 28px; /* Adjust the font size as needed */
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-weight: lighter;
}

.interior-text h1 span {
	font-size: 46px; /* Adjust the font size as needed */
	font-family: "Golden Hopes", "Helvetica", sans-serif;
	text-transform: lowercase;
	font-weight: normal;
	padding-left: 5px;
	display: inline-block;
	position: relative;
	top: 5px;
}

.interior-text p {
	font-size: 16px; /* Adjust the font size as needed */
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	padding: 0px 25px;
	text-align: center;
}
.interior-text ul {
	font-size: 16px; /* Adjust the font size as needed */
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	padding: 0px 25px;
	text-align: left;
	list-style: circle;
}

.interior-text hr {
	width: 50%;
	margin: 0 auto;
	border: 0;
	height: 1px;
	background-color: #000;
}

.interior-text-cta {
	display: inline-block;
	text-decoration: none !important;
	background-color: #fb471e;
	color: #000000;
	padding: 12px 20px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	width: auto;
	max-width: 100%;
	text-transform: uppercase;
	text-align: center;
	margin: 0 auto 20px;
}

.interior-text-cta:hover {
	color: #ffffff !important;
}

/* Responsive considerations */
@media (max-width: 992px) {
	.interior-hero-section {
		flex-direction: column;
		padding-bottom: 0px;
		max-width: 63%;
	}

	.interior-text {
		padding: 20px;
	}

	.interior-image img {
		width: 100%;
		height: auto;
	}
}

@media (max-width: 768px) {
	.interior-hero-section {
		flex-direction: column;
		padding-bottom: 0px;
		max-width: 80%;
	}
}

/* PROGRAM SECTIONS */

.interior-section-wrapper {
	background-color: #fcf1ed;
}

.interior-section-wrapper-blue {
	background-color: #164e60;
	color: #ffffff;
}

.interior-section-wrapper-lightblue {
	background-color: #7eddde;
	color: #000000;
}

.interior-section-wrapper-red {
	background-color: #fb471e;
	color: #000000;
}

.interior-section-wrapper-white {
	background-color: #ffffff;
	color: #000000;
}

.interior-section {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	padding: 40px 0;
}
.interior-hero-section h1.image-heading {
	padding: 0;
	margin: 0;
	line-height: 0px;
}

.interior-section-content {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start; /* Aligns children to the start of the container */
	justify-content: center;
	width: 100%;
	max-width: 1020px;
	margin: auto;
}

.interior-section-image {
	flex: 1 1 50%; /* Flex grow, flex shrink, flex basis */
	max-width: 50%; /* Maximum width of the image container */
	height: auto;
	margin-top: 20px;
}

.interior-section-text {
	/*display: flex;
	flex-direction: column;*/
	flex: 1 1 50%; /* Flex grow, flex shrink, flex basis */
	max-width: 50%; /* Maximum width of the text container */
	padding: 0 20px;
	text-align: left;
}

.interior-section-text h2 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 10px;
	font-family: "Georgia Pro Condensed Light", "Helvetica", sans-serif;
	letter-spacing: 1px;
}

.interior-section-text h2 span {
	font-size: 40px;
	font-family: "Golden Hopes", "Helvetica", sans-serif;
	font-weight: normal;
	text-transform: lowercase;
	padding-left: 3px;
	display: inline-block;
	position: relative;
	top: 8px;
}

.interior-section-text h3 {
	font-size: 18px;
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Helvetica", sans-serif;
	letter-spacing: 1px;
	padding: 15px 0px 0px;
}

.interior-section-text p,
.interior-section-text ul {
	font-size: 16px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: normal;
	margin: 20px 0;
}
.interior-section-text ul {
	padding: 0 10px;
}

.interior-section-text a,
.interior-section-text a:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

.interior-section-cta {
	/*display: block;*/
	display: inline-block;
	text-decoration: none !important;
	background-color: #fb471e;
	color: #000000;
	padding: 12px 20px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	width: auto;
	text-transform: uppercase;
	text-align: center;
	margin-top: 10px;
}

.interior-section-cta:hover {
	color: #ffffff !important;
}

.interior-footer-cta {
	display: block;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	font-size: 22px;
	color: #000000;
	width: auto;
	margin: 0 auto;
	padding: 25px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.interior-footer-cta:hover {
	color: #ffffff;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 992px) {
	.interior-section-image,
	.interior-section-text {
		flex-basis: 100%; /* Take full width on smaller screens */
		max-width: 90%; /* Take full width on smaller screens */
		padding: 0 20px; /* Add some padding on smaller screens */
	}

	.interior-section-image {
		order: 1; /* Image goes below text on smaller screens */
	}

	.interior-section-text {
		order: 2; /* Text goes above image on smaller screens */
		padding: 20px; /* Add some padding */
		text-align: left; /* Center the text on smaller screens */
	}

	.interior-section-cta {
		width: auto; /* Adjust width for the CTA */
		margin: 10px auto 0;
	}

	.interior-section-text ul {
		text-align: left;
	}
}

@media (max-width: 768px) {
	.interior-section {
		width: auto;
		padding: 20px 0; /* Less padding on very small screens */
	}
}

/* Program Boxes */

.interior-boxes {
	display: flex;
	flex-wrap: wrap; /* Allow the items to wrap as needed */
	justify-content: space-evenly;
	align-items: start;
	padding: 20px 20px 50px;
	max-width: 1020px;
	margin: 0 auto;
}

.interior-boxes-intro {
	max-width: 1020px;
	margin: 0 auto;
	padding: 40px 20px 0;
}

.interior-boxes-intro h2 {
	font-size: 22px; /* Title font size */
	font-weight: normal;
	letter-spacing: 1px;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
	text-align: center;
}

.interior-boxes-intro p {
	font-size: 16px; /* Title font size */
	font-weight: normal;
	letter-spacing: 1px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	text-align: center;
}

.interior-box {
	/*flex: 0 0 calc(33.333% - 20px); */
	flex: 1;
	margin: 0 10px; /* Keep the margin to space out the boxes */
	padding: 20px;
	background-color: #fcf2ed; /* Adjust the color as per your design */
	box-sizing: border-box; /* Include padding and border in the element's total width and height */
	height: auto;
}

.interior-box h3 {
	margin-top: 0;
	color: #000000; /* Title color */
	font-size: 18px; /* Title font size */
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
	text-align: center;
	border-bottom: 1px solid #000000;
	padding: 15px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.interior-box p,
.interior-box ul {
	color: #000000; /* Text color */
	font-size: 14px;
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.interior-box-two {
	flex: 0 0 calc(50% - 20px); /* Adjust the percentage to account for the margins */
	margin: 0 10px; /* Keep the margin to space out the boxes */
	padding: 20px;
	background-color: #fcf2ed; /* Adjust the color as per your design */
	box-sizing: border-box; /* Include padding and border in the element's total width and height */
	height: auto;
}

.interior-box-two h3 {
	margin-top: 0;
	color: #000000; /* Title color */
	font-size: 18px; /* Title font size */
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
	text-align: center;
	border-bottom: 1px solid #000000;
	padding: 15px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.interior-box-two p,
.interior-box-two ul {
	color: #000000; /* Text color */
	font-size: 14px;
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

/* For screens smaller than 768px, make the boxes full width */
@media (max-width: 767px) {
	.interior-box,
	.interior-box-two {
		flex: 0 0 100%; /* Each box will take the full width of the container */
		max-width: 90%; /* Ensure the box does not exceed the width of the container */
		margin: 10px 0; /* Adjust margin for vertical stacking */
	}
}

/*------------------------------------*\
    #COMPANY
\*------------------------------------*/
.page-template-page-company .floating-box {
	padding: 4em 2em;
}

.page-template-page-company .floating-box p {
	max-width: 390px;
}

.vision-statement {
	padding: 3em 1em;
	background: #302f50;
	color: white;
	text-align: center;
}

.vision-statement h2 {
	margin-top: 0;
}

.core-values {
	padding: 100px 1em;
	background-position: center;
	background-size: cover;
}

.core-values-left {
	max-width: 300px;
	width: 100%;
}

.core-values-left .title-text-section {
	display: table !important;
	padding: 4em 1em;
}

.core-values-left .title-section {
	width: 100%;
}

.core-values-right {
	width: 100%;
	background: white;
}

.value-holder {
	padding: 2em 2em 1em;
	border-bottom: 1px solid #cccccc;
}

.value-icon {
	width: 52px;
	height: 52px;

	object-fit: cover;
}

.value-title {
	margin-top: 0;
	color: #bc2323;
	text-transform: uppercase;
	font-weight: bold;
}

@media screen and (min-width: 1025px) {
	.image-floating-box-section.company .floating-box {
		margin-top: 70px;
	}

	.core-values-left {
		float: left;
	}

	.core-values-right {
		float: left;
		margin-left: 50px;
		width: calc(100% - 350px);
		box-shadow: 0 5px 14px 2px #afafaf;
	}

	.value-icon {
		float: left;
	}

	.value-text {
		float: left;
		padding-left: 2em;
		width: calc(100% - 52px);
	}
}

@media screen and (max-width: 1024px) {
	.core-values {
		padding: 1.5em 1em;
	}

	.core-values-left {
		margin: 0 auto 1.5em;
	}

	.value-icon {
		display: block;
		margin: 0 auto 1.5em;
	}
}

/*------------------------------------*\
    #HISTORY
\*------------------------------------*/
/*------------------------------------*\
    #TEAM
\*------------------------------------*/
.team-grid {
	margin: 3em 0;
}

.team-member-holder {
	float: left;
	margin: 1em;
	width: calc(25% - 2em);
	text-align: center;
}

.team-member-name h3 {
	margin-bottom: 0;
	color: #302f50;
	text-transform: uppercase;
	font-weight: bold;
}

.team-member-photo {
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.team-position {
	margin-bottom: 0;
	color: #bc2323;
	font-weight: bold;
	font-style: italic;
}

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}

/* flip the pane when hovered */
.flip-container:hover .flipper,
.flip-container.hover .flipper {
	transform: rotateY(180deg);
}

.flip-container,
.front,
.back {
	width: 100%;
	cursor: pointer;
}

.team-bio {
	display: table-cell;
	vertical-align: middle;
}

/* flip speed goes here */
.flipper {
	position: relative;
	transition: 0.6s;

	transform-style: preserve-3d;
}

/* hide back of pane during swap */
.front,
.back {
	position: absolute;
	top: 0;
	left: 0;
}

.back {
	top: 5px;
	left: 5px;
	display: table;
	padding: 1em;
	border: 1px solid gray;
	background: #ece7de;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}

@media screen and (max-width: 1024px) {
	.team-member-holder {
		width: calc(33% - 2em);
	}
}

@media screen and (max-width: 767px) {
	.team-member-holder {
		width: calc(50% - 2em);
	}
}

@media screen and (max-width: 640px) {
	.team-member-holder {
		float: none;
		margin: 1em auto;
		max-width: 300px;
		width: 100%;
	}
}

/*------------------------------------*\
    #LOCATIONS
\*------------------------------------*/
.locations-hero {
	padding: 50px 1em 0;
	height: 250px;
	box-shadow: none;
	text-align: center;
}

.location-content-container-categories #wpsl-result-list {
	width: 100% !important;
}

.location-content-container-categories #wpsl-gmap {
	display: none;
}

.location-content-container-categories #wpsl-stores {
	height: auto !important;
}

.location-content-container-categories #wpsl-wrap #wpsl-result-list li {
	float: left;
	width: 50%;
	height: 540px;
}

/* WPSL */
.locations #wpsl-wrap,
.locations .wpsl-gmap-canvas {
	margin-bottom: 0;
}

.locations #wpsl-wrap {
	box-shadow: 1px 1px 12px 3px #c1c1c1;
	margin-top: 120px;
}

.locations #wpsl-search-wrap {
	float: none;
	margin: 0 auto;
	max-width: 850px;
	width: 100%;
}

.locations .wpsl-input label,
.locations #wpsl-radius label,
.locations #wpsl-category label {
	width: auto;
	color: #302f50;
	font-weight: bold;
}

.locations #wpsl-map-controls span {
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.locations .wpsl-search {
	margin-bottom: 0;
	background: #fcf2ed;
}

.locations .wpsl-selected-item {
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.locations #wpsl-search-btn {
	border: 0;
	border-radius: 0;
	background-color: #fb471e;
	background-image: none;
	color: #000000;
	text-transform: uppercase !important;
	font-weight: bold;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.locations #wpsl-search-btn:hover {
	color: #ffffff;
}

.locations .wpsl-store-location {
	color: #606060;
}

.locations .wpsl-store-location p:first-of-type strong {
	display: block;
	color: #302f50;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1.5em;
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.locations .wpsl-store-location a:not(.store-social) {
	color: #000000;
	text-transform: uppercase;
	/*letter-spacing: 2px;*/
	font-weight: bold;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.locations .wpsl-store-location img {
	display: none;
}

.locations .wpsl-country,
.locations .wpsl-directions,
.locations .wpsl-street {
	display: inline;
}

.locations .wpsl-street {
	color: #606060;
}

.locations .wpsl-directions {
	color: #000000;
	text-transform: uppercase;
	/*letter-spacing: 2px;*/
	font-weight: bold;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.locations #wpsl-wrap #wpsl-result-list li {
	padding: 16px;
	border: 2px solid #264e60;
	max-width: 400px;
	box-shadow: 0 4px 12px rgba(38, 78, 96, 0.15),
		0 8px 24px rgba(38, 78, 96, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media screen and (max-width: 768px) {
	.locations #wpsl-wrap #wpsl-result-list li {
		margin: 0 16px;
	}
}

.locations #wpsl-wrap #wpsl-result-list li:hover {
	transform: translateY(-5px);
	box-shadow: 0 6px 16px rgba(38, 78, 96, 0.2),
		0 12px 32px rgba(38, 78, 96, 0.15);
}

.locations #wpsl-stores ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
	padding-top: 0.5rem;
	counter-reset: section;
}

#wpsl-stores {
	height: auto !important;
}
.locations #wpsl-stores ul li .wpsl-store-location {
	position: relative;
	padding-left: 5em;
}

@media screen and (max-width: 1024px) {
	.locations #wpsl-wrap {
		margin-top: 109px;
	}
}

@media screen and (max-width: 768px) {
	.locations #wpsl-wrap {
		margin-top: 87px;
	}
}

@media screen and (max-width: 640px) {
	.locations #wpsl-stores ul li .wpsl-store-location {
		padding: 1em;
		margin-left: 50px;
		margin-top: -10px;
	}
}

.locations [data-store-id]:before {
	display: block;
	width: 50px;
	height: 50px;
	background: #264e60;
	/*box-shadow: 3px 3px 0 1px #ece7de;*/
	color: white;
	content: counter(section);
	counter-increment: section;
	text-align: center;
	font-size: 2em;
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	position: relative;
	top: 55px;
}

.locations [data-store-id]:first-of-type:before {
	background: #264e60;
}

.locations .wpsl-direction-wrap {
	padding: 1em 0 4em 5em;
}

.locations .store-social .fa {
	margin: 0 0.2em;
	padding-top: 8px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #302f50;
	color: white;
	text-align: center;
}

.locations .store-social:first-of-type .fa {
	margin-left: 0;
}

.locations #wpsl-gmap .gm-style-iw {
	left: 30px !important;
}

.locations #wpsl-gmap .wpsl-info-window {
	max-width: 300px !important;
	text-align: center;
}

.locations #wpsl-gmap .wpsl-info-window p:first-of-type strong {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	font-family: Poppins;
}

.locations #wpsl-gmap .wpsl-info-window p:first-of-type strong a {
	color: #302f50;
	text-decoration: none;
}

.locations #wpsl-gmap .wpsl-info-window[data-store-id]:before {
	display: none;
}

.locations #wpsl-gmap .wpsl-info-actions .wpsl-directions {
	padding: 1em 0;
	width: 100%;
	background: #fb471f;
	color: white;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}

.locations p,
.locations ul {
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

@media screen and (max-width: 1500px) {
	.locations #wpsl-gmap {
		width: 100%;
	}

	.locations #wpsl-result-list {
		width: 100%;
	}
}

@media screen and (max-width: 1024px) {
	.locations #wpsl-gmap {
		float: none;
		margin-top: 0;
		width: 100%;
		height: 550px !important;
	}

	/* 	.locations #wpsl-stores {
		height: auto !important;
	} */

	.locations #wpsl-result-list {
		margin-right: 0;
		width: 100%;
	}
}

@media screen and (max-width: 900px) {
	.location-content-container-categories #wpsl-wrap #wpsl-result-list li {
		float: none;
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 900px) {
	.locations-hero {
		height: 300px;
	}
}

@media screen and (max-width: 640px) {
	.locations .wpsl-direction-wrap {
		padding: 1em 0 4em 4em;
	}
}

/*------------------------------------*\
    #SINGLE LOCATION
\*------------------------------------*/

/* .auto-locator-school-page {
	position: absolute;
	top: 0;
	right: 0;
	padding: 1.5em 1em;
	width: 220px;
	height: 100px;
	background: #bc2323;
	color: white;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-family: Poppins;
}

.hero-blue-box .fa-facebook {
	margin: 0 0.5em;
	padding-top: 13px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #302f50;
	box-shadow: 1px 1px 1px #e4e3e3;
	color: white;
	text-align: center;
	font-size: 1.3em;
}

.hero-blue-box .contact-phone-number a {
	color: #ffffff;
}

.hero-blue-box .locations-hero-text {
	margin-bottom: 1em;
	color: #ffffff;
	font-family: poppins;
}

address {
	font-style: normal;
}

address a {
	color: tan;
}

.contact-phone-number {
	margin-bottom: 16px;
}

.contact-phone-number .wpsl-contact-details *:not(span) {
	display: none;
}

.location-map-container .wpsl-gmap-canvas {
	height: 300px !important;
}

#location-tab-nav {
	margin: 0;
	width: 100%;
	background: white;
}

#location-tab-nav > li {
	margin-left: 0;
	list-style: none;
}

#location-tab-nav > li > a {
	display: block;
	padding: 1.5em;
	background: #ece7de;
	color: #302f50;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

#location-tab-nav > li > a:hover,
#location-tab-nav > li > a:active,
#location-tab-nav > li > a.active {
	background: #fb471f;
	color: white;
}

#location-tab-nav section {
	display: none;
	float: left;
	overflow: hidden;
	margin-bottom: 1.5em;
	padding: 1em;
	width: 100%;
	background: white;
	color: #606060;
}

#location-tab-nav section h2 {
	color: #bc2323;
}

ul#location-tab-nav {
	padding: 0;
}

.no-js #location-tab-nav section {
	display: block;
}

#location-tab-nav li ul li a {
	margin: 10px 0;
}

.single-hours {
	margin: 50px 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
	font-size: 1.5em;
	font-family: Poppins;
}

.single-hours tr td {
	width: 50%;
	color: #bc2323;
}

.single-hours tr td:first-of-type {
	color: #302f50;
}

.welcome-left {
	float: left;
	width: 250px;
	height: 250px;
}

.welcome-left img {
	width: 100%;
	height: 100%;

	object-fit: cover;
}

.welcome-right {
	float: left;
	padding-left: 1em;
	width: calc(100% - 250px);
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.welcome-right h2 {
	margin-top: 0;
}

.additional-location-infomation {
	font-size: 14px;
	color: #6e6e6e;
}

.additional-location-infomation h2 {
	margin-top: 2em;
}

.additional-location-infomation ul li {
	padding-left: 0;
	margin-bottom: 0;
}

.single-address .wpsl-locations-details,
.single-address .wpsl-contact-details,
.single-address .wpsl-location-address {
	margin-bottom: 0;
}

.gallery-overlay {
	display: none;
}

.gallery-image {
	position: relative;
	float: left;
	margin: 10px;
	width: 100px;
	height: 100px;
	background-position: center;
	background-size: cover;
	cursor: pointer;
}

.gallery-image:hover .gallery-overlay {
	position: absolute;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(188, 35, 35, 0.8);
	text-decoration: none;
}

.gallery-image:hover .gallery-overlay div {
	display: table;
	width: 100%;
	height: 100%;
}

.gallery-image:hover .gallery-overlay .fa-search {
	display: table-cell;
	color: white;
	vertical-align: middle;
	text-align: center;
	font-size: 2em;
}

.location-team-member h3 {
	margin-bottom: 0;
	color: #302f50;
	text-transform: uppercase;
	font-weight: bold;
}

.location-team-member p {
	margin-top: 0;
}

.schools-bus li {
	display: block !important;
	color: #302f50;
	font-family: Poppins;
}

@media screen and (min-width: 640px) {
	.schools-bus li {
		float: left;
		width: 50%;
	}
}

.tab-arrow:after {
	float: right;
	margin-left: 5px;
	color: white;
	content: "\f078";
	font-size: 14px;
	font-family: FontAwesome;
}

.active .tab-arrow:after {
	content: "\f077";
	font-family: FontAwesome;
}

@media screen and (max-width: 1149px) {
	.location-map-container {
		margin-top: 30px;
		margin-bottom: -45px;
	}
	.single-wpsl_stores #location-tab-nav {
		margin-top: 75px;
	}
}

@media screen and (min-width: 1300px) {
	.location-map-container .wpsl-gmap-canvas {
		margin-bottom: 0;
		height: 1350px !important;
	}
}

@media screen and (min-width: 1150px) {
	.content-area {
		margin-top: 100px;
		box-shadow: 1px 1px 12px 3px #c1c1c1;
	}

	.location-map-container .wpsl-gmap-canvas {
		margin-bottom: 0;
		height: 1850px !important;
	}

	.location-map-container,
	.location-content-container {
		float: right;
		width: 50%;
	}

	#location-tab-nav {
		position: relative;
		border: none;
		background: #ece7de;
	}

	#location-tab-nav > li {
		display: inline;
	}

	#location-tab-nav > li > a {
		display: inline-block;
	}

	#location-tab-nav section {
		position: absolute;
		top: 70px;
		left: 0;
		padding: 50px;
	}

	.tab-arrow {
		display: none;
	}
}

@media screen and (max-width: 1650px) {
	ul#location-tab-nav > li > a {
		font-size: 14px;
	}
}

@media screen and (max-width: 1450px) {
	#location-tab-nav > li > a {
		padding: 1.5em 1em;
	}
}

@media screen and (max-width: 1310px) {
	ul#location-tab-nav > li > a {
		font-size: 12px;
	}
}

@media screen and (max-width: 1150px) {
	ul#location-tab-nav > li > a {
		font-size: 16px;
	}
}

@media screen and (max-width: 767px) {
	.welcome-left {
		float: none;
		margin: 1em auto;
	}

	.welcome-right {
		float: none;
		padding-right: 0;
		width: 100%;
	}
}

@media screen and (max-width: 640px) {
	.single-hours {
		margin: 30px 0;
		font-size: 0.85em;
	}

	.single-hours tr td {
		width: auto;
	}

	#location-tab-nav section h2 {
		font-size: 1.5em;
	}
}

.single-wpsl_stores .hero {
	background-position: center top;
}

.single-wpsl_stores .hero-blue-box {
	width: 80%;
	max-width: 1020px;
	margin: -80px auto 0;
	background: #164e60;
	box-shadow: none;
}

.single-wpsl_stores .hero-blue-box h1 {
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
	font-size: 28px;
	max-width: 700px;
	margin: 0 auto;
}

.single-wpsl_stores .wpsl-location-address {
	font-size: 20px;
	font-weight: bold;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.single-wpsl_stores .contact-phone-number {
	font-size: 22px;
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.single-wpsl_stores .hero-blue-box .cta-red {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	letter-spacing: 0.2em;
}

.single-wpsl_stores .hero-blue-box .cta-red:hover {
	color: #ffffff;
}

.single-wpsl_stores #location-tab-nav {
	background-color: #7eddde;
}

.single-wpsl_stores #location-tab-nav > li > a:hover,
.single-wpsl_stores #location-tab-nav > li > a:active,
.single-wpsl_stores #location-tab-nav > li > a.active {
	background: #7eddde;
	color: #000000;
	text-decoration: underline;
	text-underline-offset: 5px;
}

.single-wpsl_stores #location-tab-nav > li > a {
	background: #7eddde;
	color: #000000;
	padding-left: 40px;
}

.single-wpsl_stores #location-tab-nav section h2,
.single-wpsl_stores #location-tab-nav section h3 {
	color: #000000;
	font-size: 22px;
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
	text-transform: uppercase;
}

.single-wpsl_stores .additional-location-infomation {
	color: #000000;
	font-size: 16px;
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}
.location-map-container {
	background: #fcf2ed;
}

.location-map-container #contact-form {
	padding-left: 40px;
	padding-top: 20px;
}

.location-map-container .gform_legacy_markup_wrapper {
	max-width: 90%;
}

.location-map-container .gform_legacy_markup_wrapper .left_label div.charleft,
.gform_legacy_markup_wrapper .right_label div.charleft {
	margin-left: 0px !important;
}

@media screen and (max-width: 768px) {
	.single-wpsl_stores .hero {
		height: auto;
	}
} */

/*------------------------------------*\
    #BLOG
\*------------------------------------*/
.blog .wp_autosearch_suggestions .wp_autosearch_category,
.blog .wp_autosearch_suggestions .wp_autosearch_more {
	background-color: #302f50 !important;
}

.blog .wp_autosearch_suggestions a img {
	display: none;
}

.blog .wp_autosearch_result {
	padding-top: 8px;
	padding-bottom: 1em;
}

.blog-hero {
	padding: 60px 1em 40px;
	height: auto;
	box-shadow: none;
	text-align: center;
}

.blog-hero .wp_autosearch_form_wrapper {
	margin: 1em auto;
	max-width: 600px;
	width: 100%;
	border: 1px solid #cccccc !important;
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
}

.blog-hero .wp_autosearch_input {
	color: #9c9c9c !important;
}

.blog-hero .wp_autosearch_submit,
.blog-hero .wp_autosearch_submit:hover,
.blog-hero .wp_autosearch_submit:active,
.blog-hero .wp_autosearch_submit:visited {
	top: 10px !important;
	width: 28px !important;
	height: 28px !important;
	background: transparent url(../images/search-icon.png) no-repeat scroll !important;
}

.blog-hero-p {
	position: relative;
	margin: 0 auto;
	max-width: 600px;
}

.blog-search .screen-reader-text {
	visibility: hidden;
}

.search-input {
	margin: 0 auto;
	max-width: 600px !important;
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
}

.search-inner {
	position: relative;
	margin: 0 auto;
	max-width: 600px;
}

#searchsubmit {
	position: absolute;
	top: 1.5em;
	right: 0;
	border: 0;
	background: transparent;
	color: #cccccc;
	font-size: 1.3em;
}

input::placeholder {
	font-style: italic;
	font-size: 1.2em;
}

.blog-post {
	padding: 1em;
}

.blog-featured-image {
	width: 300px;
	height: 300px;
}

.blog-featured-image:focus {
	outline: none;
}

.blog-featured-image .wp-post-image {
	display: block;
	width: 100%;
	height: 100%;
	/*box-shadow: 1px 1px 12px 3px #c1c1c1;*/

	object-fit: cover;
}

.entry-title-link,
.entry-title {
	color: #000000;
	font-weight: normal;
}

.byline {
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

/*.excerpt-read-more {
	display: block;
	margin-top: 1em;
	color: #000000;
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Magazine Grotesque', 'Helvetica', sans-serif;
}*/

.excerpt-read-more {
	display: block;
	text-decoration: none;
	background-color: #fb471e;
	color: #000000;
	padding: 12px 20px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: bold;
	letter-spacing: 0.2em;
	width: auto;
	max-width: 200px;
	text-transform: uppercase;
	text-align: center;
	margin-top: 20px;
}

.excerpt-read-more:hover {
	color: #ffffff;
}

.blog-post-content section p {
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

@media screen and (min-width: 768px) {
	.blog-post {
		padding: 2em 1em;
		border-top: 1px solid #cccccc;
	}

	.blog-post:last-of-type {
		border-bottom: 1px solid #cccccc;
	}

	.blog-post:hover {
		/*box-shadow: 1px 1px 12px 3px #c1c1c1;*/
		box-shadow: none;
	}

	.blog-post-wrapper {
		display: table;
		max-width: 1020px;
	}

	.blog-featured-image {
		display: table-cell;
		vertical-align: middle;
	}

	.blog-post-content {
		display: table-cell;
		padding-left: 2em;
		vertical-align: middle;
	}
}

@media screen and (max-width: 1024px) {
	.page-template-page-curriculum-elements .blog-post-wrapper {
		display: block;
	}

	.page-template-page-curriculum-elements .blog-featured-image,
	.page-template-page-curriculum-elements .blog-post-content {
		display: block;
		margin: 0 auto;
	}
}

/*------------------------------------*\
    #SINGLE
\*------------------------------------*/

.single-hero {
	height: 500px;
	max-width: 1020px;
	margin: 0 auto;
}
.single-hero-text {
	/*margin: 3em auto;*/
	margin: 150px auto 20px;
	padding: 0 1em;
	text-align: center;
}

.single-hero-spacer {
	width: 100%;
	height: 10px;
	box-shadow: 1px 8px 13px 0 #c1c1c1;
}

.single-main {
	padding: 3em 1em;
}

.single-main article {
	color: #606060;
	max-width: 1020px;
	margin: 0 auto;
}

.single-main article li {
	list-style-position: inside;
	list-style-type: disc;
}

.single-main article p,
.single-main article ul,
.single-main article ol,
.single-main article img,
.single-main article h1,
.single-main article h2,
.single-main article h3,
.single-main article h4,
.single-main article h5 {
	display: block;
	margin: 1em auto;
	max-width: 600px;
}

.single-main article a {
	color: #302f50;
}

.single-main h2.wp-block-heading {
	font-weight: normal;
}

blockquote {
	position: relative;
	margin: 1.8em 0 1.5em 0;
	padding: 0 2em;
	color: #302f50;
	text-align: center;
	font-size: 2.5em;
	line-height: 1.1em;
}

blockquote:before {
	position: absolute;
	left: 0;
	color: #ece7de;
	content: "\f10d";
	font-size: 4em;
	font-family: FontAwesome;
}

blockquote p,
blockquote ul,
blockquote ol {
	position: relative;
	max-width: 100% !important;
}

.recent-posts-sidebar {
	margin-bottom: 50px;
	padding: 2em 1em;
	background: #fcf1ed;
	text-align: center;
}

.recent-posts-sidebar .entry-title {
	padding-top: 30px;
}

.recent-posts-sidebar .byline {
	padding-bottom: 30px;
}

.recent-posts-sidebar .recent-post {
	border: 1px solid #302f50;
	border-right: 0;
	border-left: 0;
}

.recent-posts-sidebar .recent-post:first-of-type {
	border-bottom: 0;
}

@media screen and (min-width: 1025px) {
	.recent-posts-sidebar {
		padding: 0;
	}

	.recent-posts-sidebar .recent-post {
		display: table;
		float: left;
		padding: 0 100px;
		width: 50%;
		height: 500px;
	}

	.recent-posts-sidebar .recent-post:first-of-type {
		border-right: 1px solid #302f50;
	}

	.recent-posts-sidebar .recent-post {
		border: 0;
	}

	.recent-posts-sidebar .recent-post-inner {
		display: table-cell;
		vertical-align: middle;
	}

	.recent-posts-sidebar .entry-title {
		border-top: 1px solid #302f50;
	}

	.recent-posts-sidebar .byline {
		border-bottom: 1px solid #000000;
	}
}

@media screen and (max-width: 767px) {
	blockquote {
		font-size: 2em;
	}
}

@media screen and (max-width: 640px) {
	blockquote {
		font-size: 1.5em;
	}
}

/*------------------------------------*\
    #TESTIMONIALS
\*------------------------------------*/
.testimonials-section {
	margin-bottom: 2em;
}

.testimonial-quote {
	margin: 5px 0;
	font-style: italic;
	font-size: 18px;
}

.testimonial-author {
	font-weight: bold;
	font-size: 14px;
	font-family: Poppins;
}

.testimonial-holder {
	float: left;
	margin: 1em 1em 0;
	padding: 2em 0 1em;
	width: calc(33% - 2em);
	text-align: center;
}

.testimonial-holder a[rel~="wp-video-lightbox"] {
	position: relative;
	top: 0;
	display: block;
	margin: 0 auto;
	padding: 0;
	max-width: 330px;
	width: 100%;
	border: none;
	background: transparent;
	box-shadow: none;
}

.testimonial-holder a[rel~="wp-video-lightbox"]:hover {
	transform: none;
}

.testimonial-holder a[rel~="wp-video-lightbox"]:focus {
	outline: #302f50 4px dotted;
}

.testimonial-holder .video_lightbox_auto_anchor_image {
	width: 330px;
	height: 185px;

	object-fit: cover;
}

.testimonial-holder .wpvl_auto_thumb_play {
	position: absolute;
	top: 30%;
	left: 40%;
	width: 70px;
	height: 70px;
	background-image: url(https://cremedelacreme.com/wp-content/themes/creme/library/images/play-btn.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.testimonial-holder .wpvl_auto_thumb_play img {
	display: none;
}

@media screen and (max-width: 1100px) {
	.testimonial-holder .video_lightbox_auto_anchor_image {
		height: 145px;
	}
}

@media screen and (max-width: 900px) {
	.testimonial-holder {
		width: calc(50% - 2em);
	}

	.testimonial-holder .video_lightbox_auto_anchor_image {
		height: 185px;
	}
}

@media screen and (max-width: 640px) {
	.testimonial-holder {
		float: none;
		margin: 0 auto;
		padding: 2em 1em 1em;
		max-width: 330px;
		width: 100%;
	}

	.testimonial-holder .video_lightbox_auto_anchor_image {
		height: 165px;
	}
}

@media screen and (max-width: 350px) {
	.testimonial-holder .video_lightbox_auto_anchor_image {
		height: 160px;
	}

	.testimonial-holder .wpvl_auto_thumb_play {
		left: 43%;
		width: 50px;
		height: 50px;
	}
}

/*------------------------------------*\
    #CAREERS
\*------------------------------------*/
.image-text-section,
.image-text-image,
.image-text-text,
.image-text-image .video_lightbox_auto_anchor_image {
	height: 480px;
}

.image-text-image,
.image-text-text {
	position: relative;
	float: right;
	width: 50%;
}

.image-text-section.section2 .image-text-image,
.image-text-section.section2 .image-text-text {
	float: left;
}

.image-text-section.section2 .image-text-text > div div {
	max-width: 490px;
}

.image-text-section.section2 ul {
	margin: 1em auto;
	max-width: 220px;
	color: #302f50;
	text-align: left;
}

.image-text-text {
	display: table;
	padding: 50px;
	text-align: center;
}

.image-text-text > div {
	display: table-cell;
	vertical-align: middle;
}

.image-text-text > div div {
	margin: 0 auto;
	max-width: 450px;
}

.image-text-text .cta {
	width: 100%;
	text-align: center;
}

.image-text-text h2 {
	margin: 2em auto 1em;
}

.image-text-text p {
	position: relative;
	font-style: italic;
}

.image-text-image {
	background-size: cover;
	/* Fix for IE 
  	&.compat-object-fit {
  	   background-size: cover;
  	   background-position: center center;
  	   
  	   .video_lightbox_auto_anchor_image{
  			opacity: 0;
  	   }
      }
  	.video_lightbox_auto_anchor_image {
  		object-fit: cover;
  		width: 100%;
  	}*/
}

.image-text-image .wpvl_auto_thumb_play {
	/*background-image: url(https://cremedelacreme.com/wp-content/themes/creme/library/images/play-btn.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 70px;
    width: 70px;
    position: absolute;
    top: 40%;
    left: 45%;
    img{
    	display: none;
    }*/
	display: none;
}

.image-text-image a[rel~="wp-video-lightbox"] {
	top: 40%;
}

.careers-mid-section {
	padding: 80px 1em;
	background-image: url(../images/careers-bg.jpg);
	background-position: bottom;
	background-size: cover;
	text-align: center;
}

.careers-mid-text {
	margin: 0 auto;
	max-width: 600px;
	color: #5c6b80;
}

.careers-mid-text h2 {
	color: #302f50;
}

.careers-list-items {
	margin: 70px auto;
}

.careers-list-items li {
	display: inline-block;
	margin: -1px 10px 0;
	padding: 1em 0;
	width: calc(25% - 2em);
	border: 1px solid;
	border-right: 0;
	border-left: 0;
	color: #302f50;
}

.careers-bottom {
	position: relative;
	padding: 150px 0 0;
}

.locations #wpsl-gmap {
	height: 550px !important;
}

.gmnoprint {
	display: none !important;
}
/*
@media screen and (max-width: 1700px){
	.image-text-image{
		overflow: hidden;
		
		.video_lightbox_auto_anchor_image{
			height: 680px;
			margin-top: -11%;
		}
	} 
}
@media screen and (max-width: 1500px){
	.image-text-image{		
		.video_lightbox_auto_anchor_image{
			margin-top: -12%;
		}
	} 
}
@media screen and (max-width: 1400px){
	.image-text-image{		
		.video_lightbox_auto_anchor_image{
			margin-top: -14%;
		}
	} 
}
@media screen and (max-width: 1200px){
	.image-text-image{		
		.video_lightbox_auto_anchor_image{
			margin-top: -16%;
		}
	} 
}
*/
@media screen and (max-width: 1024px) {
	.image-text-section {
		height: auto;
	}

	.image-text-section:nth-of-type(even) .image-text-image,
	.image-text-section:nth-of-type(even) .image-text-text {
		float: none;
	}

	.image-text-section:last-of-type {
		height: auto;
	}

	.image-text-section:last-of-type .image-text-image {
		height: 250px;
	}

	.image-text-image,
	.image-text-text {
		float: none;
		width: 100%;
		text-align: center;
	}

	.image-text-image,
	.image-text-image .video_lightbox_auto_anchor_image {
		margin-top: 0;
		height: 300px;
	}

	.image-text-text {
		display: block;
		padding: 2em 1em;
		height: auto;
	}

	.image-text-text > div {
		display: block;
	}

	.careers-mid-section {
		padding: 30px 1em;
	}

	.careers-list-items {
		margin: 40px auto;
	}

	.careers-list-items li {
		width: calc(33% - 2em);
	}

	.careers-bottom {
		display: none;
	}
}

@media screen and (max-width: 800px) {
	.careers-list-items li {
		width: calc(50% - 2em);
	}
}

@media screen and (max-width: 640px) {
	.careers-list-items li {
		margin: -1px auto 0;
		width: 100%;
	}
}

/*
@media screen and (max-width: 550px){
	.image-text-image{		
		.video_lightbox_auto_anchor_image{
			height: 450px;
			margin-top: -16%;
		}
	} 
}
@media screen and (max-width: 330px){
	.image-text-image{		
		.video_lightbox_auto_anchor_image{
			margin-top: -18%;
		}
	} 
}*/
/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Alert Styles

If you want to use these alerts in your design, you can. If not,
you can just remove this stylesheet.

******************************************************************/
.alert-help,
.alert-info,
.alert-error,
.alert-success {
	margin: 10px;
	padding: 5px 18px;
	border: 1px solid;
}

.alert-help {
	border-color: #e8dc59;
	background: #ebe16f;
}

.alert-info {
	border-color: #bfe4f4;
	background: #d5edf8;
}

.alert-error {
	border-color: #f8cdce;
	background: #fbe3e4;
}

.alert-success {
	border-color: #deeaae;
	background: #e6efc2;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Button Styles

Buttons are a pretty important part of your site's style, so it's
important to have a consistent baseline for them. Use this stylesheet
to create all kinds of buttons.

Helpful Links:
http://galp.in/blog/2011/08/02/the-ui-guide-part-1-buttons/

******************************************************************/
/*********************
BUTTON DEFAULTS
We're gonna use a placeholder selector here
so we can use common styles. We then use this
to load up the defaults in all our buttons.

Here's a quick video to show how it works:
http://www.youtube.com/watch?v=hwdVpKiJzac

*********************/
.blue-btn,
.comment-reply-link,
#submit {
	position: relative;
	display: inline-block;
	padding: 0 24px;
	border: 0;
	border-radius: 4px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.9em;
	font-size: 34px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 34px;
	cursor: pointer;
	transition: background-color 0.14s ease-in-out;

	-webkit-transition: background-color 0.14s ease-in-out;
}

.blue-btn:hover,
.comment-reply-link:hover,
#submit:hover,
.blue-btn:focus,
.comment-reply-link:focus,
#submit:focus {
	outline: none;
	color: #ffffff;
	text-decoration: none;
}

.blue-btn:active,
.comment-reply-link:active,
#submit:active {
	top: 1px;
}

/*
An example button.
You can use this example if you want. Just replace all the variables
and it will create a button dependant on those variables.
*/
.blue-btn,
.comment-reply-link,
#submit {
	background-color: #302f50;
}

.blue-btn:hover,
.comment-reply-link:hover,
#submit:hover,
.blue-btn:focus,
.comment-reply-link:focus,
#submit:focus {
	background-color: #282743;
}

.blue-btn:active,
.comment-reply-link:active,
#submit:active {
	background-color: #262640;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Form Styles

We put all the form and button styles in here to setup a consistent
look. If we need to customize them, we can do this in the main
stylesheets and just override them. Easy Peasy.

You're gonna see a few data-uri thingies down there. If you're not
sure what they are, check this link out:
http://css-tricks.com/data-uris/
If you want to create your own, use this helpful link:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/

******************************************************************/
/*********************
INPUTS
*********************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
	display: block;
	margin-bottom: 14px;
	padding: 0 12px;
	max-width: 640px;
	width: 100%;
	height: 40px;
	border: 1px solid #c3c3c3;
	background-color: white;
	box-shadow: none;
	color: #5c6b80;
	vertical-align: middle;
	font-size: 1em;
	line-height: 1em;
}

input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
	outline: none;
	border-color: #302f50;
}

input[type="text"].error,
input[type="text"].is-invalid,
input[type="password"].error,
input[type="password"].is-invalid,
input[type="datetime"].error,
input[type="datetime"].is-invalid,
input[type="datetime-local"].error,
input[type="datetime-local"].is-invalid,
input[type="date"].error,
input[type="date"].is-invalid,
input[type="month"].error,
input[type="month"].is-invalid,
input[type="time"].error,
input[type="time"].is-invalid,
input[type="week"].error,
input[type="week"].is-invalid,
input[type="number"].error,
input[type="number"].is-invalid,
input[type="email"].error,
input[type="email"].is-invalid,
input[type="url"].error,
input[type="url"].is-invalid,
input[type="search"].error,
input[type="search"].is-invalid,
input[type="tel"].error,
input[type="tel"].is-invalid,
input[type="color"].error,
input[type="color"].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
	outline-color: #fbe3e4;
	border-color: #fbe3e4;
	background-color: #ffffff;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
	background-position: 99% center;
	background-repeat: no-repeat;
	color: #fbe3e4;
}

input[type="text"].success,
input[type="text"].is-valid,
input[type="password"].success,
input[type="password"].is-valid,
input[type="datetime"].success,
input[type="datetime"].is-valid,
input[type="datetime-local"].success,
input[type="datetime-local"].is-valid,
input[type="date"].success,
input[type="date"].is-valid,
input[type="month"].success,
input[type="month"].is-valid,
input[type="time"].success,
input[type="time"].is-valid,
input[type="week"].success,
input[type="week"].is-valid,
input[type="number"].success,
input[type="number"].is-valid,
input[type="email"].success,
input[type="email"].is-valid,
input[type="url"].success,
input[type="url"].is-valid,
input[type="search"].success,
input[type="search"].is-valid,
input[type="tel"].success,
input[type="tel"].is-valid,
input[type="color"].success,
input[type="color"].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
	outline-color: #e6efc2;
	border-color: #e6efc2;
	background-color: #ffffff;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
	background-position: 99% center;
	background-repeat: no-repeat;
	color: #e6efc2;
}

input[type="text"][disabled],
input[type="text"].is-disabled,
input[type="password"][disabled],
input[type="password"].is-disabled,
input[type="datetime"][disabled],
input[type="datetime"].is-disabled,
input[type="datetime-local"][disabled],
input[type="datetime-local"].is-disabled,
input[type="date"][disabled],
input[type="date"].is-disabled,
input[type="month"][disabled],
input[type="month"].is-disabled,
input[type="time"][disabled],
input[type="time"].is-disabled,
input[type="week"][disabled],
input[type="week"].is-disabled,
input[type="number"][disabled],
input[type="number"].is-disabled,
input[type="email"][disabled],
input[type="email"].is-disabled,
input[type="url"][disabled],
input[type="url"].is-disabled,
input[type="search"][disabled],
input[type="search"].is-disabled,
input[type="tel"][disabled],
input[type="tel"].is-disabled,
input[type="color"][disabled],
input[type="color"].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
	border-color: #cfcfcf;
	opacity: 0.6;
	cursor: not-allowed;
}

input[type="text"][disabled]:focus,
input[type="text"][disabled]:active,
input[type="text"].is-disabled:focus,
input[type="text"].is-disabled:active,
input[type="password"][disabled]:focus,
input[type="password"][disabled]:active,
input[type="password"].is-disabled:focus,
input[type="password"].is-disabled:active,
input[type="datetime"][disabled]:focus,
input[type="datetime"][disabled]:active,
input[type="datetime"].is-disabled:focus,
input[type="datetime"].is-disabled:active,
input[type="datetime-local"][disabled]:focus,
input[type="datetime-local"][disabled]:active,
input[type="datetime-local"].is-disabled:focus,
input[type="datetime-local"].is-disabled:active,
input[type="date"][disabled]:focus,
input[type="date"][disabled]:active,
input[type="date"].is-disabled:focus,
input[type="date"].is-disabled:active,
input[type="month"][disabled]:focus,
input[type="month"][disabled]:active,
input[type="month"].is-disabled:focus,
input[type="month"].is-disabled:active,
input[type="time"][disabled]:focus,
input[type="time"][disabled]:active,
input[type="time"].is-disabled:focus,
input[type="time"].is-disabled:active,
input[type="week"][disabled]:focus,
input[type="week"][disabled]:active,
input[type="week"].is-disabled:focus,
input[type="week"].is-disabled:active,
input[type="number"][disabled]:focus,
input[type="number"][disabled]:active,
input[type="number"].is-disabled:focus,
input[type="number"].is-disabled:active,
input[type="email"][disabled]:focus,
input[type="email"][disabled]:active,
input[type="email"].is-disabled:focus,
input[type="email"].is-disabled:active,
input[type="url"][disabled]:focus,
input[type="url"][disabled]:active,
input[type="url"].is-disabled:focus,
input[type="url"].is-disabled:active,
input[type="search"][disabled]:focus,
input[type="search"][disabled]:active,
input[type="search"].is-disabled:focus,
input[type="search"].is-disabled:active,
input[type="tel"][disabled]:focus,
input[type="tel"][disabled]:active,
input[type="tel"].is-disabled:focus,
input[type="tel"].is-disabled:active,
input[type="color"][disabled]:focus,
input[type="color"][disabled]:active,
input[type="color"].is-disabled:focus,
input[type="color"].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
	background-color: #d5edf8;
}

input[type="password"] {
	letter-spacing: 0.3em;
}

textarea {
	min-height: 120px;
	max-width: 100%;
	line-height: 1.5em;
}

select {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
	background-position: 97.5% center;
	background-repeat: no-repeat;

	-webkit-appearance: none;
	/* 1 */
	-moz-appearance: none;
	appearance: none;
}

label {
	color: #000000;
	text-transform: uppercase;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: normal;
}

.gform_wrapper h3.gform_title {
	color: #000000;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
}

.gform_wrapper .gform_heading {
	text-align: center;
}

.gform_wrapper .gfield_required {
	display: none;
}

#gform_124 .gfield_required,
#gform_130 .gfield_required,
#gform_131 .gfield_required,
#gform_132 .gfield_required,
#gform_137 .gfield_required,
#gform_138 .gfield_required,
#gform_140 .gfield_required {
	display: inline-block;
}

.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer input.button {
	display: inline-block;
	margin-bottom: 1em;
	padding: 1em 2em;
	width: 100%;
	border: 3px solid transparent;
	background: #fb471f;
	box-shadow: none;
	color: #000000;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-weight: bold;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

input[type="submit"]:focus {
	/*outline: #bc2323 4px dotted;*/
	outline: 0;
}

@media screen and (min-width: 641px) {
	.gform_wrapper .gform_footer input[type="submit"],
	.gform_wrapper .gform_footer input.button {
		width: calc(100% - 16px);
	}
}

.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_footer input.button:hover {
	box-shadow: none;
	color: #ffffff;
	/*transform: translate(3px, 3px);*/
}

/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/******************************************************************
Site Name:
Author:

Stylesheet: Base Mobile Stylesheet
******************************************************************/
/*********************
GENERAL STYLES
*********************/
body {
	font-size: 100%;
	font-family: Times New Roman, sans-serif;
	line-height: 1.5;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*********************
LINK STYLES
*********************/
a,
a:visited {
	/* on hover */
	/* on click */
	/* mobile tap color */
}

a:link,
a:visited:link {
	/*
    this highlights links on iPhones/iPads.
    so it basically works like the :hover selector
    for mobile devices.
    */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;

	text-rendering: optimizelegibility;
	/* removing text decoration from all headline links */
}

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a {
	text-decoration: none;
}

h1,
.h1 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 2.5em;
	line-height: 1.333em;
}

h2,
.h2 {
	margin-bottom: 0.375em;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 1.75em;
	line-height: 1.4em;
}

h3,
.h3 {
	font-size: 1.125em;
}

h4,
.h4 {
	font-weight: 700;
	font-size: 1.1em;
}

h5,
.h5 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.846em;
	line-height: 2.09em;
}

/*********************
HEADER STYLES
*********************/
/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
.nav {
	margin: 0;
	border-bottom: 0;
	/* end .menu li */
	/* highlight current page */
	/* end current highlighters */
}

.nav li {
	/*
    so you really have to rethink your dropdowns for mobile.
    you don't want to have it expand too much because the
    screen is so small. How you manage your menu should
    depend on the project. Here's some great info on it:
    http://www.alistapart.com/articles/organizing-mobile/
    */
}

.nav li a {
	text-decoration: none;
	/*
      remember this is for mobile ONLY, so there's no need
      to even declare hover styles here, you can do it in
      the style.scss file where it's relevant. We want to
      keep this file as small as possible!
      */
}

/* end .nav */
/*********************
POSTS & CONTENT STYLES
*********************/
dd {
	margin-bottom: 1.5em;
	margin-left: 0;
	color: #787878;
	font-size: 0.9em;
}

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

pre {
	margin: 0 0 1.5em;
	padding: 1.5em;
	border-radius: 3px;
	background: #323944;
	color: #f8f9fa;
	font-size: 0.9em;
}

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.pagination,
.wp-prev-next {
	margin: 1.5em 0;
}

.pagination {
	text-align: center;
}

.pagination ul {
	display: inline-block;
	clear: both;
	padding: 0;
	border-radius: 3px;
	background-color: #ffffff;
	white-space: nowrap;
}

.pagination li {
	display: inline;
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border-right: 1px solid #606060;
}

.pagination a,
.pagination span {
	display: block;
	margin: 0;
	padding: 0;
	padding: 0.75em;
	min-width: 1em;
	color: #302f50;
	text-decoration: none;
	font-weight: normal;
	font-size: 1em;
	line-height: 1em;
}

.pagination a:hover,
.pagination a:focus,
.pagination span:hover,
.pagination span:focus {
	background-color: #302f50;
	color: #ffffff;
}

.pagination .current {
	color: #5c6b80;
	cursor: default;
}

.pagination .current:hover,
.pagination .current:focus {
	background-color: #ffffff;
	color: #5c6b80;
}

/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
	float: left;
}

.wp-prev-next .next-link {
	float: right;
}

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* h3 comment title */
#comments-title {
	margin: 0;
	padding: 0.75em;
	border-top: 1px solid #f8f9fa;
	/* number of comments span */
}

.commentlist {
	margin: 0;
	list-style-type: none;
}

.comment {
	position: relative;
	clear: both;
	overflow: hidden;
	padding: 1.5em;
	border-bottom: 1px solid #f8f9fa;
	/* vcard */
	/* end .commentlist .vcard */
	/* end children */
	/* general comment classes */
}

.comment .comment-author {
	padding: 7px;
	border: 0;
}

.comment .vcard {
	margin-left: 50px;
}

.comment .vcard cite.fn {
	font-weight: 700;
	font-style: normal;
}

.comment .vcard time {
	display: block;
	font-style: italic;
	font-size: 0.9em;
}

.comment .vcard time a {
	color: #9fa6b4;
	text-decoration: none;
}

.comment .vcard time a:hover {
	text-decoration: underline;
}

.comment .vcard .avatar {
	position: absolute;
	left: 16px;
	border-radius: 50%;
}

.comment:last-child {
	margin-bottom: 0;
}

.comment .children {
	margin: 0;
	/* variations */
	/* change number for different depth */
}

.comment[class*="depth-"] {
	margin-top: 1.1em;
}

.comment.depth-1 {
	margin-top: 0;
	margin-left: 0;
}

.comment:not(.depth-1) {
	margin-top: 0;
	margin-left: 7px;
	padding: 7px;
}

.comment.odd {
	background-color: #ffffff;
}

.comment.even {
	background: #f8f9fa;
}

/* comment meta */
/* comment content */
.comment_content p {
	margin: 0.7335em 0 1.5em;
	font-size: 1em;
	line-height: 1.5em;
}

/* end .commentlist .comment_content */
/* comment reply link */
.comment-reply-link {
	float: right;
	font-size: 0.9em;
}

/* end .commentlist .comment-reply-link */
/* edit comment link */
.comment-edit-link {
	margin: 0 7px;
	text-decoration: none;
	font-style: italic;
	font-size: 0.9em;
}

/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.comment-respond {
	padding: 1.5em;
	border-top: 1px solid #f8f9fa;
}

#reply-title {
	margin: 0;
}

.logged-in-as {
	margin: 0;
	color: #9fa6b4;
	font-style: italic;
}

.logged-in-as a {
	color: #5c6b80;
}

.comment-form-comment {
	margin: 1.5em 0 0.75em;
}

.form-allowed-tags {
	padding: 1.5em;
	background-color: #f8f9fa;
	font-size: 0.9em;
}

/* comment submit button */
#submit {
	float: right;
	font-size: 1em;
}

/* comment form title */
#comment-form-title {
	margin: 0 0 1.1em;
}

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags {
	margin: 1.5em 10px 0.7335em 0;
}

/* no comments */
.nocomments {
	margin: 0 20px 1.1em;
}

/*********************
FOOTER STYLES
*********************/
.footer {
	clear: both;
}

/*********************
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*********************/
@media only screen and (min-width: 481px) {
	/******************************************************************
  Site Name:
  Author:
  
  Stylesheet: 481px and Up Stylesheet
  
  This stylesheet is loaded for larger devices. It's set to
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection.
  
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.
  
  ******************************************************************/
	/*
  IMPORTANT NOTE ABOUT SASS 3.3 & UP
  You can't use @extend within media queries
  anymore, so just be aware that if you drop
  them in here, they won't work.
  */
	/*********************
  NAVIGATION STYLES
  *********************/
	/* .menu is clearfixed inside mixins.scss */
	.menu {
		/* end .menu ul */
	}

	.menu ul {
		/* end .menu ul li */
		/* highlight current page */
		/* end current highlighters */
	}

	.menu ul li {
		/*
        plan your menus and drop-downs wisely.
        */
	}

	.menu ul li a {
		/*
          you can use hover styles here even though this size
          has the possibility of being a mobile device.
          */
	}

	/* end .menu */
	/*********************
  POSTS & CONTENT STYLES
  *********************/
	/* entry content */
	.entry-content {
		/* at this larger size, we can start to align images */
	}

	.entry-content .alignleft,
	.entry-content img.alignleft {
		display: inline;
		float: left;
		margin-right: 1.5em;
	}

	.entry-content .alignright,
	.entry-content img.alignright {
		display: inline;
		float: right;
		margin-left: 1.5em;
	}

	.entry-content .aligncenter,
	.entry-content img.aligncenter {
		display: block;
		clear: both;
		margin-right: auto;
		margin-left: auto;
	}

	/* end .entry-content */
	/*********************
  FOOTER STYLES
  *********************/
	/*
  check your menus here. do they look good?
  do they need tweaking?
  */
	/* end .footer-links */
}

/*********************
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 768px) {
	/******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!
  
  ******************************************************************/
	/*********************
  NAVIGATION STYLES
  *********************/
	.nav {
		border: 0;
		/* end .menu ul li */
		/* highlight current page */
		/* end current highlighters */
	}

	.nav ul {
		margin-top: 0;
		text-align: center;
	}

	.nav li {
		position: relative;
		display: inline-block;
		/*
      plan your menus and drop-downs wisely.
      */
		/* showing sub-menus */
	}

	.nav li a {
		border-bottom: 0;
		/*
        you can use hover styles here even though this size
        has the possibility of being a mobile device.
        */
	}

	.nav li a:hover,
	.nav li a:focus {
		text-decoration: none;
	}

	.nav li ul.sub-menu,
	.nav li ul.children {
		position: absolute;
		z-index: 8999;
		visibility: visible;
		overflow: hidden;
		margin-top: 0;
		max-height: 0;
		border: 1px solid #cccccc;
		border-top: 0;
		border-bottom: 0;
		/* highlight sub-menu current page */
	}

	.nav li ul.sub-menu li,
	.nav li ul.children li {
		/*
          if you need to go deeper, go nuts
          just remember deeper menus suck
          for usability. k, bai.
          */
	}

	.nav li ul.sub-menu li a,
	.nav li ul.children li a {
		display: block;
		/*padding-left: 10px;*/
		padding: 10px;
		width: 180px;
		border-right: 0;
		border-bottom: 1px solid #cccccc;
		text-transform: none;
	}

	.nav li ul.sub-menu li:last-child a,
	.nav li ul.children li:last-child a {
		/*border-bottom: 0;*/
	}

	.nav li ul.sub-menu li ul,
	.nav li ul.children li ul {
		top: 0;
		left: 100%;
	}

	.nav li:hover > ul,
	.nav li a:focus + ul,
	.nav li:focus-within ul {
		top: auto;
		max-height: 100vh;
	}

	/* end .nav */

	/* This will position the top-level sub-menu directly beneath the top-level menu item */
	#menu-main-menu > li.menu-item-has-children:hover > ul.sub-menu {
		display: block;
		position: absolute;
		top: 100%; /* Align the top of the sub-menu with the bottom of the menu item */
		left: 0;
		z-index: 999;
		width: 200px; /* Adjust the width as needed */
		overflow: visible;
		/* Additional styles for the dropdown (background, borders, etc.) */
		margin-top: 17px;
	}

	/* This will position the second-level sub-menu to the right of its parent menu item */
	#menu-main-menu li.menu-item-has-children ul.sub-menu li:hover > ul.sub-menu {
		display: block;
		position: absolute;
		top: 0;
		left: 100%; /* This positions the sub-menu to the right of the parent item */
		z-index: 999;
		width: 200px; /* Adjust the width as needed */
		overflow: visible;
		/* Additional styles for the dropdown (background, borders, etc.) */
	}

	/* Hide all sub-menus by default */
	#menu-main-menu ul.sub-menu {
		display: none;
	}

	/* Optional: Clear any styles that might cause issues */
	#menu-main-menu .sub-menu:before,
	#menu-main-menu .sub-menu:after {
		content: none;
	}
	#menu-main-menu > li.menu-item-436:hover > ul.sub-menu {
		width: 310px;
	}
	li.menu-item-436 ul.sub-menu li a,
	li.menu-item-436 ul.children li a {
		width: 290px;
	}
}

/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*********************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
	/******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Retina Screens & Devices Stylesheet
  
  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
  
  ******************************************************************/
	/* 
  
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */
}

/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print {
	/******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
	* {
		background: transparent !important;
		color: black !important;
		text-shadow: none !important;
		filter: none !important;

		-ms-filter: none !important;
	}

	a,
	a:visited {
		color: #444444 !important;
		text-decoration: underline;
	}

	a:after,
	a:visited:after {
		content: " (" attr(href) ")";
	}

	a abbr[title]:after,
	a:visited abbr[title]:after {
		content: " (" attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}

	.sidebar,
	.page-navigation,
	.wp-prev-next,
	.respond-form,
	nav {
		display: none;
	}
}

/*# sourceMappingURL=style.css.map */

#menu-item-6992 {
	float: left;
}

#menu-item-6992 a {
	margin-left: 0;
}
.find-your-school:after {
	display: block;
	content: "\f041";
	font-size: 1em;
	font-family: FontAwesome;
	line-height: 1em;
	color: white;
	margin-top: -40px;
}
#wpsl-result-list #wpsl-stores {
	height: auto !important;
	overflow-y: auto !important;
}

/*** Service Page CSS ***/
.single-service-wrapper .hero {
	height: 500px;
}
.custom-hero-blue-box h1.h2 > span {
	display: block;
	color: #bc2323;
}
.why-us-section {
	position: relative;
	margin: -50px auto 50px;
	max-width: 1020px;
}

.custom-why-us-section .title-section h2 {
	margin: 0 0 60px;
}

.why-us-section > img {
	position: absolute;
	top: 160px;
	left: 0;
	width: 45%;
	/*height: 100%;
	object-fit: cover;*/
	-webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.18);
}

.why-us-section .title-section {
	width: 360px;
	margin: 0 auto;
	display: block;
}

.flex-row {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
}

.why-us-section .flex-row .col {
	padding: 0 15px;
	flex-basis: 50%;
}

.why-us-section .flex-row .col:last-child {
	padding: 150px 15px 40px;
}

.facilities-section {
	padding: 130px 0 105px;
	background-color: #7eddde;
}

.facilities-section .col {
	padding: 0 15px;
}

.facilities-section .col-inner {
	flex-basis: 25%;
	padding: 0 17px;
	margin: 40px 0 0;
}

.facilities-section .facility-box {
	padding: 20px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	height: 100%;
	background-color: #fcf1ed;
	/*box-shadow: 10px 10px 0px -2px rgba(48,47,80,1);
	-webkit-box-shadow: 10px 10px 0px -2px rgba(48,47,80,1);
	-moz-box-shadow: 10px 10px 0px -2px rgba(48,47,80,1);
	word-break: break-word;*/
}

.facilities-section .facility-box > img {
	width: 100px;
	height: 100px;
	object-fit: contain;
	margin: 0 0 30px;
}

.facilities-section .facility-box h5 {
	margin-top: 0;
	color: #000000;
	font-size: 18px;
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
	text-align: center;
	border-bottom: 1px solid #000000;
	padding: 15px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.facilities-section .facility-box p {
	margin: 0;
}

.facilities-section .title-section {
	width: 466px;
	margin: 0 auto;
	display: block;
}

.facilities-section .flex-row {
	justify-content: center;
}

.facilities-section table {
	border-collapse: separate;
	border-spacing: 30px;
}

.facilities-section table td {
	vertical-align: top;
	background-color: #ffffff;
	box-shadow: 10px 10px 0px -2px rgba(48, 47, 80, 1);
	-webkit-box-shadow: 10px 10px 0px -2px rgba(48, 47, 80, 1);
	-moz-box-shadow: 10px 10px 0px -2px rgba(48, 47, 80, 1);
	width: 25%;
}

.curriculum-section {
	position: relative;
	margin: -50px auto 50px;
	max-width: 1020px;
}

.curriculum-section > img {
	position: absolute;
	top: 90px;
	right: 0;
	width: 45%;
	/*height: 100%;
	object-fit: cover;*/
	-webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.18);
	-moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.18);
	box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.18);
}

.curriculum-section .flex-row .col {
	padding: 0 15px;
	flex-basis: 50%;
}

.curriculum-section .flex-row .col:first-child {
	padding-top: 82px;
}

.curriculum-section .title-section {
	width: 414px;
	margin: 0 auto;
	display: block;
}

.curriculum-section .col {
	padding: 0 15px;
}

.curriculum-section ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.curriculum-section ul li {
	position: relative;
	margin: 0 0 25px;
	padding: 0 0 0 25px;
}

.curriculum-section ul li:last-child {
	margin-bottom: 0;
}

.curriculum-section ul li::before {
	content: "";
	position: absolute;
	width: 9px;
	height: 9px;
	border-radius: 100%;
	background-color: #302f50;
	top: 7px;
	left: 0;
}

.curriculum-facilities .curriculum-box {
	position: relative;
	padding: 45px 0;
	border-top: 1px solid #302f50;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	/* 	align-items: center; */
}

.curriculum-facilities .col:nth-child(1) .curriculum-box,
.curriculum-facilities .col:nth-child(2) .curriculum-box {
	/* 	border-top: 1px solid #302f50; */
}

.curriculum-facilities .curriculum-box .col-left,
.curriculum-facilities .curriculum-box .col-right {
	padding: 0 15px;
}

.curriculum-facilities .curriculum-box .col-left {
}

.curriculum-facilities .curriculum-box .col-right {
	flex-basis: 80%;
	padding-left: 30px;
}

.curriculum-facilities .curriculum-box > img {
	position: absolute;
	top: 0;
	left: 0;
}

.curriculum-facilities strong {
	margin: 128px 0 0;
	line-height: 25px;
	text-transform: uppercase;
	color: #000000;
	display: block;
	font-size: 26px;
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
}

.curriculum-facilities .flex-row {
	margin-top: 75px;
}

.curriculum-facilities .curriculum-box h5 {
	font-size: 22px;
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
	line-height: 32px;
	color: #000000;
	margin: 0 0 15px;
}

.curriculum-facilities .curriculum-box p {
	margin: 0;
}

.curriculum-facilities .curriculum-box p a {
	color: #000000;
}

.curriculum-facilities .col {
	padding: 0 35px;
	flex-basis: 50%;
}

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

#location-tab-nav section .service-posts-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	margin: 0;
}

#location-tab-nav section .service-post {
	flex-basis: 50%;
	padding: 0 15px;
	margin: 0 0 30px;
}

#location-tab-nav section .service-post h3 {
	margin: 5px 0 0;
	color: #302f50;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
}

#location-tab-nav section .service-post img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	object-position: center;
}

.gallery-image > a {
	display: flex;
	width: 100%;
	height: 100%;
	position: relative;
}

.gallery-image > a > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gallery-image > a > div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(188, 35, 35, 0.8);
	color: #ffffff;
	opacity: 0;
}

.gallery-image > a:hover > div {
	opacity: 1;
}

#location-tab-nav section input[type="text"],
#location-tab-nav section input[type="password"],
#location-tab-nav section input[type="datetime"],
#location-tab-nav section input[type="datetime-local"],
#location-tab-nav section input[type="date"],
#location-tab-nav section input[type="month"],
#location-tab-nav section input[type="time"],
#location-tab-nav section input[type="week"],
#location-tab-nav section input[type="number"],
#location-tab-nav section input[type="email"],
#location-tab-nav section input[type="url"],
#location-tab-nav section input[type="search"],
#location-tab-nav section input[type="tel"],
#location-tab-nav section input[type="color"],
#location-tab-nav section select,
#location-tab-nav section textarea {
	width: 100%;
}

.faq.faq-white {
	padding-left: 15px;
	padding-right: 15px;
}

@media screen and (max-width: 1024px) {
	.custom-why-us-section .title-section h2 {
		margin: 0;
	}
}

@media screen and (max-width: 991px) {
	.facilities-section .col-inner {
		flex-basis: 50%;
	}

	.curriculum-facilities .curriculum-box h5 {
		font-size: 24px;
		line-height: 29px;
	}

	.curriculum-facilities .curriculum-box {
		padding: 30px 0;
	}

	.why-us-section .title-section,
	.curriculum-section .title-section,
	.facilities-section .title-section {
		width: auto;
	}
}

@media screen and (max-width: 767px) {
	.why-us-section {
		margin: 0;
		text-align: center;
	}

	.why-us-section > img {
		position: relative;
		width: 100%;
		top: 0;
	}

	.why-us-section .flex-row .col:last-child {
		padding: 50px 15px;
	}

	.why-us-section .flex-row .col {
		flex-basis: 100%;
	}

	.facilities-section {
		padding: 50px 0;
	}

	.facilities-section .col-inner {
		flex-basis: 100%;
	}

	.facilities-section .col-inner .facility-box .icon-left {
		text-align: left;
	}

	.curriculum-facilities strong {
		margin: 50px 0 30px;
	}

	.curriculum-section {
		margin: 0;
	}

	.curriculum-section p {
		text-align: center;
	}

	.curriculum-section .flex-row .col {
		flex-basis: 100%;
		padding: 0 15px;
	}

	.curriculum-section > img {
		position: relative;
		width: 100%;
	}

	.curriculum-section .flex-row .col:first-child {
		padding-top: 50px;
	}

	.curriculum-facilities .col {
		flex-basis: 100%;
		padding: 0 15px;
	}

	.curriculum-facilities .curriculum-box {
		border-top: 1px solid #302f50;
		border-bottom: none;
	}

	.curriculum-facilities .curriculum-box {
		display: block;
		text-align: center;
	}

	.curriculum-facilities .curriculum-box .col-right {
		flex-basis: 100%;
		padding: 0 15px;
	}

	.hero-blue-box .contact-phone-number {
		font-size: 18px;
		line-height: 23px;
	}

	.hero-blue-box .contact-phone-number a {
		display: table;
		margin: 0 auto;
	}

	.curriculum-facilities .flex-row {
		margin-top: 0;
	}

	.curriculum-section > img {
		top: 0;
	}
}

@media screen and (max-width: 479px) {
	#location-tab-nav section .service-post {
		flex-basis: 100%;
	}
}

.pay-tuition-btn a {
	border: 1px solid #fb471f;
	background: #fb471f;
	color: #ffffff !important;
	border-bottom: 1px solid #fb471e !important;
	font-weight: bold !important;
}

.pay-tuition-btn a:hover {
	border: 1px solid #fb471f;
	background: none;
	color: #fb471e !important;
	border-bottom: 1px solid #fb471e !important;
	font-weight: bold !important;
}

.cookie-notice-container {
	background-color: #264e60;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: normal;
	color: #ffffff;
}
.cn-button {
	background-color: #fb471f !important;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-weight: normal;
	letter-spacing: 2px;
	color: #ffffff;
}

/*.page-template-page-contact .hero {
	height: 500px;
}*/
.page-template-page-contact .hero-blue-box {
	width: 80%;
	max-width: 1020px;
	margin: -80px auto 50px;
	background: rgba(22, 78, 96);
	box-shadow: none;
}

.page-template-page-contact .hero-blue-box h1 {
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
	font-size: 28px;
	max-width: 700px;
	margin: 0 auto;
}

.page-template-page-contact .hero-blue-box p {
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-size: 16px;
	max-width: 700px;
	margin: 0 auto;
}

.page-template-page-contact .contact-form {
	/*margin-bottom: 100px;*/
	box-shadow: none;
	background: #ffffff;
}

.page-template-page-contact .contact-form h2 {
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
}

/* Schedule a Tour form */
.page-template-page-schedule-tour .hero-blue-box {
	width: 80%;
	max-width: 1020px;
	margin: -80px auto 50px;
	background: rgba(22, 78, 96);
	box-shadow: none;
}

.page-template-page-schedule-tour .hero-blue-box h1 {
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
	font-size: 28px;
	max-width: 700px;
	margin: 0 auto;
}

.page-template-page-schedule-tour .hero-blue-box p {
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-size: 16px;
	max-width: 700px;
	margin: 0 auto;
}

.page-template-page-schedule-tour .contact-form {
	/*margin-bottom: 100px;*/
	box-shadow: none;
	background: #ffffff;
	padding: 1em 4em;
	max-width: 750px;
}

.page-template-page-schedule-tour .contact-form h2 {
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
}

/*.blog .hero {
	height: 500px;
}*/

.blog .hero-blue-box {
	width: 80%;
	max-width: 1020px;
	margin: -80px auto 50px;
	background: rgba(22, 78, 96);
	box-shadow: none;
}

.blog .hero-blue-box h1 {
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
	font-size: 28px;
	max-width: 700px;
	margin: 0 auto 10px;
}

.blog .hero-blue-box p {
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	max-width: 700px;
}

.single-post p,
.single-post ul {
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

/*@media screen and (max-width: 768px) {
	.blog .hero {
		height: 340px;
	}
	.page-template-page-contact .hero {
		height: 340px;
	}
}*/

/* PARENT TESTIMONIALS */

.parent-testimonials {
	display: flex;
	flex-wrap: wrap;
	gap: 20px; /* Adjust the gap as needed */
	padding: 20px;
	justify-content: center;
	max-width: 1020px;
	color: black;
	text-transform: none;
	font-weight: normal;
	font-size: 14px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.parent-testimonial {
	flex: 1;
	min-width: 250px; /* Minimum width of each testimonial, adjust as needed */
	max-width: 350px; /* Maximum width of each testimonial, adjust as needed */
	margin: 10px;
	text-align: center;
}

.parent-testimonial img {
	width: 100%; /* Responsive image width */
	height: auto; /* Maintain aspect ratio */
	border-radius: 10px; /* Optional: if thumbnails have rounded corners */
}

.parent-testimonial p {
	font-size: 14px; /* Adjust as needed */
	margin-top: 10px;
}

.parent-testimonial .name {
	font-weight: bold;
	margin-top: 20px;
}

/* Add media queries for responsiveness */
@media (max-width: 768px) {
	.parent-testimonials {
		flex-direction: column;
		align-items: center;
	}
}

div.ppt {
	text-transform: none;
	font-weight: normal;
	font-size: 14px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.locations-description {
	max-width: 1020px;
	margin: 40px auto;
}

.locations-description h3 {
	margin: 30px 0 -10px;
	text-transform: none;
	font-weight: bold;
	font-size: 18px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.locations-description a {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

.location-content-container a {
	color: #000000;
	font-weight: bold;
}

@media (max-width: 1200px) {
	.locations-description {
		width: 80%;
	}
}

.page-id-415 main p,
.page-id-415 main ul,
.page-id-417 main p,
.page-id-417 main ul {
	font-weight: normal;
	font-size: 16px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.page-template-page-locations section {
	font-weight: normal;
	font-size: 16px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.page-template-page-locations section h2 {
	font-size: 22px;
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
}

.page-template-page-locations section .title-section {
	width: auto !important;
	max-width: 1020px;
}

.single-service-wrapper .hero-blue-box {
	max-width: 1020px;
	width: auto;
}
.single-service-wrapper .hero-blue-box h1 {
	font-weight: normal;
	font-family: "Georgia Pro Condensed Light", "Times New Roman", Times, serif;
}

body.error404 #inner-content {
	margin: 120px auto 0;
	text-align: center;
	max-width: 600px;
}

body.error404 #inner-content .entry-content,
body.error404 #inner-content .article-footer {
	font-weight: normal;
	font-size: 16px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

body.error404 #inner-content .article-footer {
	margin-bottom: 25px;
}

body.admin-bar .header {
	top: 32px;
}

body.page-template-page-home.admin-bar .header {
	top: 0;
}

@media screen and (max-width: 782px) {
	body.admin-bar .header {
		top: 46px;
	}
}

.page-template-page-school-category-landing .blog-hero-p {
	font-weight: normal;
	font-size: 16px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.page-id-26784 .entry-content {
	font-weight: normal;
	font-size: 24px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.page-id-26784 .entry-content a {
	color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

/* SDP child info field widths */
#input_123_38,
#input_124_43,
#input_124_45,
#input_124_47,
#input_124_58,
#input_124_59,
#input_124_60 {
	width: auto !important;
}

#field_124_62 .ginput_container_consent {
	margin-bottom: 50px;
}
#field_124_62 .ginput_container_consent label {
	text-transform: none;
}

/* Champ Camp child info field widths */
#input_130_43,
#input_130_58,
#input_130_45,
#input_130_59,
#input_130_47,
#input_130_60 {
	width: auto !important;
}

/* Champ Camp GO child info field widths */
#input_131_43,
#input_131_58,
#input_131_45,
#input_131_59,
#input_131_47,
#input_131_60 {
	width: auto !important;
}

/* Schedule a Tour child info field widths */
#input_132_43,
#input_132_58,
#input_132_45,
#input_132_59,
#input_132_47,
#input_132_60 {
	width: auto !important;
}

#wpsl-result-list a.current-students,
#wpsl-result-list span.current-student-phone,
#wpsl-result-list span.current-student-phone a {
	color: #606060;
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.wpsl-store-location p.wpsl-contact-details {
	font-size: 18px;
}

.location-map-container #gform_confirmation_message_124 {
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.wpsl-info-window .wpsl-info-actions a.wpsl-directions {
	display: none;
}

.inq_disclaimer {
	font-size: 12px;
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.gfield_consent_label {
	text-transform: none !important;
}

.page-template-page-contact-v2 .hero-blue-box p {
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}


/* Banner wrapper */
.promo-banner {
  margin: 16px 5px 28px;
}

/* Card look to match site */
.promo-banner__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0,0,0,.06);
}

/* Image container */
.promo-banner__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 40%;
}

/* Text area */
.promo-banner__copy {
  background: #234b5a;
  color: #fff;
  padding: 14px 18px;
  line-height: 1.4;
  font-weight: normal;
  font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}

.promo-banner__headline {
  font-weight: 700;
  margin: 5px 0 2px;
}

.promo-banner__sub {
  margin: 0;
  font-size: 14px;
}

.promo-banner__link {
  color: #fff;
  text-decoration: underline;
  font-weight: 600;
  font-size: 14px;
}

.promo-banner__link:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* Hide image by default on mobile/tablet */
.promo-banner__media {
  display: none;
  height: 140px; 
}

/* Tablet tweaks */
@media (min-width: 600px) and (max-width: 1023.98px) {
  .promo-banner__copy {
    padding: 18px 22px;
  }
}

/* Desktop: show image + fix height */
@media (min-width: 1024px) {
  :root {
    --promo-height-desktop: 100px; /* adjust 120–160px to taste */
  }

  .promo-banner__inner {
    grid-template-columns: 1fr 1fr;
    height: var(--promo-height-desktop);
    border-radius: 10px;
    overflow: hidden;
  }

  .promo-banner__media {
    display: block;
  }

  .promo-banner__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .promo-banner__copy {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    padding: 16px 24px;
  }
}

.contact-form-intro {
	width: 405px; margin: 0 auto;
}

@media (max-width: 600px) {
.contact-form-intro {
	width: 250px; margin: 0 auto;
}
}
.page-template-page-lp-discovery-day .gform_title {
	display: none;
}

/* SUMMER CAMP FINAL APPEAL */
.page-template-page-program-summer-v3 .sdp-contact-section {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	background-color: #7eddde;
	padding: 50px;
	margin-top: 75px;
	z-index: 2;
}

.page-template-page-program-summer-v3 .sdp-contact-container {
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 1068px;
	padding: 0 24px;
}

.page-template-page-program-summer-v3 .sdp-contact-image {
	width: 100%;
	max-width: 527px;
	height: auto;
	object-fit: cover;
}

.page-template-page-program-summer-v3 .sdp-contact-form {
	background-color: #fff;
	border-radius: 16px;
	width: 100%;
	max-width: 670px;
	height: 100%;
	padding: 32px 32px 50px;
}

.page-template-page-program-summer-v3 .sdp-form-headline {
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-size: 16px;
	line-height: 150%;
	font-weight: 400;
	color: #000;
	margin-bottom: 16px;
}

.page-template-page-program-summer-v3 .sdp-form-step {
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-size: 16px;
	line-height: 150%;
	font-weight: 400;
	color: #000;
	margin: 0 0 8px 0;
}

.page-template-page-program-summer-v3 .sdp-form-step strong {
	color: #264e60;
}

.page-template-page-program-summer-v3 #gform_wrapper_143 .gform_heading .gform_title {
	font-family: "Georgia Pro", "Times New Roman", Times, serif;
	font-size: 28px;
	line-height: 133%;
	font-weight: 400;
	text-transform: uppercase;
	color: #000;
	margin-bottom: 16px;
	text-align: left;
}

.page-template-page-program-summer-v3 .gform_legacy_markup_wrapper .gform_page_footer {
	display: flex;
	gap: 16px;
}

.page-template-page-program-summer-v3 #gform_fields_143 .ginput_container,
.page-template-page-program-summer-v3 #gform_fields_143_2 .ginput_container,
.page-template-page-program-summer-v3 #gform_fields_143_3 .ginput_container,
.page-template-page-program-summer-v3 #gform_fields_143_4 .ginput_container,
.page-template-page-program-summer-v3 #gform_fields_143_5 .ginput_container {
	margin-top: 5px !important;
}

.page-template-page-program-summer-v3 #gform_fields_143 li,
.page-template-page-program-summer-v3 #gform_fields_143_2 li,
.page-template-page-program-summer-v3 #gform_fields_143_3 li,
.page-template-page-program-summer-v3 #gform_fields_143_4 li,
.page-template-page-program-summer-v3 #gform_fields_143_5 li {
	margin: 0 !important;
	padding-right: 0;
}

.page-template-page-program-summer-v3 #gform_fields_143 li div,
.page-template-page-program-summer-v3 #gform_fields_143_2 li div,
.page-template-page-program-summer-v3 #gform_fields_143_3 li div,
.page-template-page-program-summer-v3 #gform_fields_143_4 li div,
.page-template-page-program-summer-v3 #gform_fields_143_5 li div {
	margin-left: 0 !important;
	width: 100% !important;
}

.page-template-page-program-summer-v3 #gform_fields_143 li label,
.page-template-page-program-summer-v3 #gform_fields_143_2 li label,
.page-template-page-program-summer-v3 #gform_fields_143_3 li label,
.page-template-page-program-summer-v3 #gform_fields_143_4 li label,
.page-template-page-program-summer-v3 #gform_fields_143_5 li label {
	float: none !important;
	font-size: 12px;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	text-transform: capitalize;
	text-decoration: none;
	font-weight: 400;
}

.page-template-page-program-summer-v3 #gform_fields_143 input,
.page-template-page-program-summer-v3 #gform_fields_143_2 input,
.page-template-page-program-summer-v3 #gform_fields_143_3 input,
.page-template-page-program-summer-v3 #gform_fields_143_4 input {
	width: 100% !important;
	margin-bottom: 8px !important;
}

.page-template-page-program-summer-v3 #gform_fields_143 li select,
.page-template-page-program-summer-v3 #gform_fields_143_2 li select,
.page-template-page-program-summer-v3 #gform_fields_143_3 li select,
.page-template-page-program-summer-v3 #gform_fields_143_4 li select,
.page-template-page-program-summer-v3 #gform_fields_143_5 li select {
	width: 100% !important;
}

.page-template-page-program-summer-v3 #field_143_18 label {
	font-size: 14px !important;
}

.page-template-page-program-summer-v3 .gform_legacy_markup_wrapper .gform_page_footer.left_label,
.page-template-page-program-summer-v3 .gform_legacy_markup_wrapper .gform_page_footer.right_label {
	padding: 0 !important;
}

.page-template-page-program-summer-v3 .gform_legacy_markup_wrapper .gform_page_footer.left_label,
.page-template-page-program-summer-v3 .gform_legacy_markup_wrapper .gform_page_footer.right_label input {
	width: 100% !important;
}

.page-template-page-program-summer-v3 .gform_legacy_markup_wrapper .gform_page_footer {
	border: none !important;
}

.page-template-page-program-summer-v3 #gform_wrapper_143 .gf_progressbar_wrapper {
	display: none !important;
}

/* Align first name and last name fields horizontally */
.page-template-page-program-summer-v3 #field_143_1,
.page-template-page-program-summer-v3 #field_143_2 {
	display: inline-block !important;
	width: 50% !important;
	vertical-align: top !important;
}
.page-template-page-program-summer-v3 #field_143_1 {
	padding-right: 16px !important;
}

.page-template-page-program-summer-v3 #field_143_60 {
	margin-right: 4% !important;
}

.page-template-page-program-summer-v3 .sdp-contact-form .gform_legacy_markup_wrapper .gform_page_footer {
	margin: 0;
	padding: 0 !important;
}

.page-template-page-program-summer-v3 .gform_legacy_markup_wrapper {
	margin: 0 !important;
}

.page-template-page-program-summer-v3 .phone-input-136,
.page-template-page-program-summer-v3 .child-input-136 {
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: normal !important;
}

.page-template-page-program-summer-v3 #gform_next_button_143_63,
.page-template-page-program-summer-v3 #gform_previous_button_143_75,
.page-template-page-program-summer-v3 #gform_next_button_143_75,
.page-template-page-program-summer-v3 #gform_previous_button_143_76,
.page-template-page-program-summer-v3 #gform_next_button_143_76,
.page-template-page-program-summer-v3 #gform_previous_button_143_96,
.page-template-page-program-summer-v3 #gform_next_button_143_96,
.page-template-page-program-summer-v3 #gform_previous_button_143,
.page-template-page-program-summer-v3 #gform_submit_button_143 {
	width: 100%;
	background-color: rgba(38, 78, 96);
	border: none;
	color: #fff;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	font-size: 16px;
	font-weight: 700;
	padding: 8px 0;
	border-radius: 4px;
	margin: 8px 0;
}

.page-template-page-program-summer-v3 .camp-form {
	background-color: #fff;
	border-radius: 16px;
	width: 100%;
	max-width: 670px;
	height: 100%;
	padding: 32px 32px 50px;
	margin-top: 50px;
}

.page-template-page-program-summer-v3 .creme-camp-disclaimer {
	font-size: 12px;
	font-weight: normal;
	font-family: "Magazine Grotesque", "Helvetica", sans-serif;
	margin-top: 16px;
	margin-left: 16px;
}

/* ===== Camp Locations Accordion ===== */
.camp-accordion {
	width: 100%;
	max-width: 900px;
}
.camp-accordion .accordion__item { border-top: 1px solid #e2ddd9; }
.camp-accordion .accordion__item:last-child { border-bottom: 1px solid #e2ddd9; }

.camp-accordion .accordion__heading { margin: 0; }

.camp-accordion .accordion__trigger {
  width: 100%;
  background: none;
  border: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  padding: 1.1rem 1rem;
  color: #000;
  font-family: "Magazine Grotesque", "Helvetica", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: clamp(1rem, 2.6vw, 1.25rem); /* mobile to desktop */
  cursor: pointer;
}
.camp-accordion a {
	color: #000;
}
.camp-accordion .accordion__trigger:focus { outline: 2px solid currentColor; outline-offset: 2px; }

.camp-accordion .accordion__trigger::after {
  content: '+';
  font-size: 1.6rem;
  line-height: 1;
  margin-left: 1rem;
  flex: 0 0 auto;
}
.camp-accordion .accordion__trigger[aria-expanded="true"]::after { content: '–'; }

/* Content */
.camp-accordion .accordion__panel {
  padding: 0 1rem 1.25rem;
  font-family: "Magazine Grotesque", "Helvetica", sans-serif;
}
.camp-accordion .accordion__panel p:last-child { margin-bottom: 0; }

/* Improve media from WYSIWYG */
.camp-accordion .accordion__panel img,
.camp-accordion .accordion__panel video,
.camp-accordion .accordion__panel iframe {
  display: block;
  max-width: 100%;
  height: auto;
  margin-top: 1rem;
}

/* Desktop-specific media handling */
@media (min-width: 980px) {
  .camp-accordion .accordion__panel img { max-height: 560px; }
}

@media (min-width: 980px) {
	#ccb-big-image .program-section-text {
		padding-top: 125px;
	}
	#ccb-big-image .program-section-text p, #ccb-big-image .program-section-text ul {
		padding-left: 50px;
	}
	#ccb-big-image .program-section-image {
		max-width: 40%;
	}
}