/* Consolidated theme variables and styles (cleaned structure) */

@font-face {font-family: "ChampagneLimos";src: url("/assets/fonts/champagne-and-limousines/bold.woff2") format("woff2"),url("/assets/fonts/champagne-and-limousines/bold.woff") format("woff");font-weight: 600;font-style: normal;}
@font-face {font-family: "ChampagneLimos";src: url("/assets/fonts/champagne-and-limousines/normal.woff2") format("woff2"),url("/assets/fonts/champagne-and-limousines/normal.woff") format("woff");font-weight: 300;font-style: normal;}

/*
Theme Name: 	Saratoga
Theme URI: 		http://mosaic.ws
Description: 	A base starting point for simple Wordpress themes. 
Version: 		2.1.1
Author: 		Andrew Joyce
Author URI: 	https://mosaic.ws
Tags: 			saratoga, clean, basic
*/
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* 1. COLOR AND FONT VARIABLES																										*/
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* SET YOUR BRAND COLORS HERE */
/* LESS variables will push them through the entire site: nifty! */
/* Set your fonts here. I'm just using arial but you could set up webfonts. 
/* LESS mixins let you use this snippet throughout the entire site: nifty! */
@font-face {
  font-family: "ChampagneLimos";
  src: url("/assets/fonts/champagne-and-limousines/bold.woff2") format("woff2"), url("/assets/fonts/champagne-and-limousines/bold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ChampagneLimos";
  src: url("/assets/fonts/champagne-and-limousines/normal.woff2") format("woff2"), url("/assets/fonts/champagne-and-limousines/normal.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=e5be423f-ce00-402f-98fc-92694e9cb229&fontids=1475524");
@font-face {
  font-family:"Avenir LT W04_55 Roman1475524";
  src:url("/assets/fonts/1475524/f7924a2e-e8f5-4ac9-b0aa-167399cc2659.eot?#iefix");
  src:url("/assets/fonts/1475524/f7924a2e-e8f5-4ac9-b0aa-167399cc2659.eot?#iefix") format("eot"), url("/assets/fonts/1475524/69473750-4214-45b1-856b-06e8f8de2086.woff2") format("woff2"), url("/assets/fonts/1475524/57cea7be-0fae-457e-83f0-b7375aabb3f9.woff") format("woff"), url("/assets/fonts/1475524/52268057-f4bb-4b06-9ff8-a78b7acd62b1.ttf") format("truetype");
} 

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* 2. CSS RESET & DEFINING BASIC ELEMENTS																							*/
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* Sensible box-sizing defaults on everything */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* Stripping styles */
body,
html,
div,
blockquote,
img,
label,
figure,
p,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
ul,
ol,
li,
dl,
dt,
dd,
form,
a,
fieldset,
input,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
}
img {
  border: 0;
  max-width: 100%;
  height: auto;
}
ol,
ul {
  list-style: none;
}
/* Doing an HTML5 reset for older browsers - this is less important than it used to be but still recommended */
article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
  display: block;
}
/* Making sure there's no horizontal overflow */
body,
html {
  width: 100%;
  overflow-x: hidden;
}
body,
input,
button {
  font-family: "Avenir Roman", "Avenir LT W04_55 Roman1475524", Avenir, Tahoma, Helvetica, sans-serif;
}
/* setting the global font to our typography variable */
/* Here are some simple clear styles you can use, plus a clearfix class (.cf). We're going to apply clearfix automatically on some of our most basic block-level elements */
.both {
  clear: both;
}
br.both {
  clear: both;
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.cf:after,
.pw:after,
[data-st="st-row"]:after,
section:after,
header:after {
  content: "";
  display: table;
  clear: both;
}
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/* Let's set up some blockquote styles */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
/* Blockquotes */
blockquote.circular {
  background: hsl(49, 64%, 57%);
  height: 0%;
  padding-top: 100%;
  position: relative;
  width: 100%;
}
blockquote.circular div.content {
  font-family: "ChampagneLimos", sans-serif;
  color: hsl(194, 80%, 27%);
  display: flex;
  flex-direction: column;
  padding-top: 5%;
  position: absolute;
  bottom: 0;
  left: 12.5%;
  right: 0;
  top: 0;
  font-style: italic;
  text-align: center;
  width: 75%;
}
blockquote.circular div.content p {
  font-size: 1.3rem;
  line-height: 1.2;
  margin-bottom: 0;
}
blockquote.circular div.content :first-child {
  margin-top: auto;
}
blockquote.circular div.content :last-child {
  margin-bottom: auto;
}
blockquote.circular cite {
  font-family: "Avenir Roman", "Avenir LT W04_55 Roman1475524", Avenir, Tahoma, Helvetica, sans-serif;
  color: hsl(194, 75%, 37%);
  font-size: 1rem;
  font-style: normal;
}
@media screen and (min-width: 30rem) {
  blockquote.circular div.content p {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 40rem) {
  blockquote.circular div.content p {
    font-size: 2.5rem;
  }
}
/* I like having basic styling for an HR element that's not butt-ugly */
hr {
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  background: transparent;
  border: 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  margin: 0 0 1.5rem 0;
  padding-top: 1rem;
}
/* Let's define some simple button styles. By using the semantic 'role', we can avoid having to peg this to a specific element like <a> or <button> */
/* We are going to automatically assign it to <button> elements, as well as the Wordpress .more-link which accompanies blog posts */
[role="button"],
.more-link,
button,
input[type="submit"],
.button {
  font-family: "ChampagneLimos", sans-serif;
  background: hsl(86, 61%, 44%);
  background: -moz-linear-gradient(top, hsl(86, 54%, 51%) 0%, hsl(86, 61%, 44%) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, hsl(86, 54%, 51%) 0%, hsl(86, 61%, 44%) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, hsl(86, 54%, 51%) 0%, hsl(86, 61%, 44%) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-radius: 28px;
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1), 0 5px 12px hsla(0, 0%, 0%, 0.15);
  color: #fff;
  display: inline-block;
  font-weight: 600;
  line-height: 28px;
  padding: 0.6rem 1rem 0.5rem;
  text-transform: uppercase;
  transition: 0.3s all;
  width: auto;
  /* a .small helper class */
}
[role="button"]:hover,
.more-link:hover,
button:hover,
input[type="submit"]:hover,
.button:hover {
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.2), 0 5px 12px hsla(0, 0%, 0%, 0.3);
  color: #fff;
  opacity: 0.8;
  text-decoration: none;
}
[role="button"]:focus,
.more-link:focus,
button:focus,
input[type="submit"]:focus,
.button:focus,
[role="button"]:active,
.more-link:active,
button:active,
input[type="submit"]:active,
.button:active {
  background: hsl(86, 58%, 63%);
  color: hsl(0, 3%, 40%);
}
[role="button"]:last-child,
.more-link:last-child,
button:last-child,
input[type="submit"]:last-child,
.button:last-child {
  margin-bottom: 0;
}
[role="button"].small,
.more-link.small,
button.small,
input[type="submit"].small,
.button.small {
  height: 1.953rem;
  line-height: 1.953rem;
}
[role="button"].blue,
.more-link.blue,
button.blue,
input[type="submit"].blue,
.button.blue,
[role="button"] .blue,
.more-link .blue,
button .blue,
input[type="submit"] .blue,
.button .blue {
  background: -moz-linear-gradient(top, hsl(194, 70%, 42%) 0%, hsl(194, 75%, 37%) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, hsl(194, 70%, 42%) 0%, hsl(194, 75%, 37%) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, hsl(194, 70%, 42%) 0%, hsl(194, 75%, 37%) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  box-shadow: 0 5px 12px hsla(194, 80%, 27%, 0.15);
}
[role="button"].gold,
.more-link.gold,
button.gold,
input[type="submit"].gold,
.button.gold,
[role="button"] .gold,
.more-link .gold,
button .gold,
input[type="submit"] .gold,
.button .gold {
  background: -moz-linear-gradient(top, hsl(49, 60%, 67%) 0%, hsl(49, 64%, 57%) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, hsl(49, 60%, 67%) 0%, hsl(49, 64%, 57%) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, hsl(49, 60%, 67%) 0%, hsl(49, 64%, 57%) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  box-shadow: 0 5px 12px hsla(49, 59%, 47%, 0.15);
}
[role="button"].clear,
.more-link.clear,
button.clear,
input[type="submit"].clear,
.button.clear,
[role="button"] .clear,
.more-link .clear,
button .clear,
input[type="submit"] .clear,
.button .clear {
  background: transparent !important;
  color: hsl(194, 75%, 37%);
  box-shadow: 0px 0px 0px transparent;
  border-color: transparent;
}
@media screen and (min-width: 64rem) {
  [role="button"],
  .more-link,
  button,
  input[type="submit"],
  .button {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
/* role=button: basic button styles */
input[type="submit"] {
  float: none;
}
/* Social buttons. Since everyone and their brother has these now, you should too. Delete them if you don't need them: simple. */
div.orb-social {
  clear: both;
  text-align: center;
  /* a */
  /* option for full-color buttons */
  /* option for square buttons */
}
div.orb-social a {
  width: 64px;
  height: 64px;
  display: inline-block;
  overflow: hidden;
  margin-right: 5px;
  background: rgba(0, 0, 0, 0.15) url(/assets/img/theme/social-sprites.png) no-repeat top center;
  background-size: 64px;
  border-radius: 64px;
  transition: 0.15s all;
  box-shadow: 0px 4px 12px hsla(0, 0%, 0%, 0.2);
  text-indent: 9999em;
  color: transparent;
  /* let's define these guys */
}
div.orb-social a:hover {
  background-color: hsl(194, 75%, 37%);
}
div.orb-social a.fb {
  background-position: 0 -64px;
  background-color: #3b5998;
}
div.orb-social a.tw {
  background-color: #1da1f2;
}
div.orb-social a.insta {
  background-position: 0 -128px;
  background-color: #c13584;
}
div.orb-social a.vi {
  background-position: 0 -192px;
  background-color: #1ab7ea;
}
div.orb-social a.pin {
  background-position: 0 -256px;
  background-color: #bd081c;
}
div.orb-social a.rss {
  background-position: 0 -320px;
  background-color: #f26522;
}
div.orb-social a.yt {
  background-position: 0 -384px;
  background-color: #ff0000;
}
div.orb-social a.em {
  background-position: 0 -448px;
  background-color: hsl(86, 61%, 44%);
}
div.orb-social a.li {
  background-position: 0 -512px;
  background-color: #0077b5;
}
div.orb-social a:last-child {
  margin-right: 0;
}
div.orb-social a:hover {
  background-color: hsl(86, 54%, 51%) !important;
}
div.orb-social.full a.fb {
  background-color: #3b5998;
}
div.orb-social.full a.insta {
  background-color: #c13584;
}
div.orb-social.full a.vi {
  background-color: #1ab7ea;
}
div.orb-social.full a.rss {
  background-color: #f26522;
}
div.orb-social.full a.tw {
  background-color: #1da1f2;
}
div.orb-social.full a.goo {
  background-color: #dd4b39;
}
div.orb-social.full a.pin {
  background-color: #bd081c;
}
div.orb-social.full a.flk {
  background-color: #ff0084;
}
div.orb-social.square a {
  border-radius: 2px;
}
/* div.orb-social */
/* if you use "embed responsively" -- and you should -- let's auto-define the styles for responsive video embeds. This is not paid advertising! http://embedresponsively.com/ */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  margin: 1rem 0;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* Since this is Wordpress, let's style their default image aligners. I use rems because of this article: https://snook.ca/archives/html_and_css/font-size-with-rem */
div.wp-caption.alignleft,
img.alignleft {
  float: left;
  margin: 0 1.5rem 1.5rem 0;
}
div.wp-caption.alignleft img,
img.alignleft img {
  margin-bottom: 1rem;
}
div.wp-caption.alignright,
img.alignright {
  float: right;
  margin: 0 0 1.5rem 1.5rem;
}
div.wp-caption.alignright img,
img.alignright img {
  margin-bottom: 1rem;
}
div.wp-caption.aligncenter,
img.aligncenter {
  display: block;
  margin: 0 auto 1.5rem;
}
div.wp-caption.aligncenter img,
img.aligncenter img {
  margin-bottom: 1rem;
}
.penumbra {
  border-radius: 100%;
  box-shadow: 0px 12px 80px hsla(195, 60%, 42%, 0.2);
}
.penumbra.green {
  box-shadow: 0px 12px 80px hsla(86, 76%, 34%, 0.2);
}
.penumbra.gold {
  box-shadow: 0px 12px 80px hsla(49, 59%, 47%, 0.2);
}
/* always define a code view */
pre,
code {
  margin: 1.5rem auto;
  padding: 1.5rem;
  background: hsl(55, 4%, 40%);
  border-radius: 4px;
  color: #fff;
  line-height: 1.7;
  font-family: 'Consolas', 'Courier New', monospace;
}
code {
  padding: 0.25rem;
  background: hsl(194, 75%, 37%);
}
/* HEADINGS */
/* Here's some ground rules -- if you need a heading to "look" important, but it's actually not: use a class. h5.beta conveys that you want this h5 to LOOK like an h2, but semantically it's still an H5. Useful stuff! */
/* Also, these are super basic heading styles -- fill in your own! */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  margin-bottom: 1rem;
}
h1,
.alpha {
  font-family: "ChampagneLimos", sans-serif;
  color: hsl(50, 4%, 30%);
  font-size: 2.5rem;
  font-weight: 600;
  letter-spacing: 0px;
  line-height: 1.1;
  text-transform: uppercase;
}
@media screen and (min-width: 48rem) {
  h1,
  .alpha {
    font-size: 3rem;
  }
}
@media screen and (min-width: 72rem) {
  h1,
  .alpha {
    font-size: 4rem;
  }
}
@media screen and (min-width: 84rem) {
  h1,
  .alpha {
    font-size: 5.25rem;
  }
}
h1 span.lime,
.alpha span.lime {
  color: hsl(86, 61%, 44%);
}
h2,
.beta {
  font-family: "ChampagneLimos", sans-serif;
  color: hsl(49, 64%, 57%);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.1;
  text-transform: uppercase;
}
@media screen and (min-width: 48rem) {
  h2,
  .beta {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 64rem) {
  h2,
  .beta {
    font-size: 3rem;
  }
}
@media screen and (min-width: 30rem) {
  h2.fancy,
  .beta.fancy {
    background: url(/assets/img/theme/leaf.png) no-repeat left center;
    display: inline-block;
    margin: 2rem auto;
    padding-left: 120px;
    text-align: center;
    width: auto;
  }
}
h3,
.gamma {
  font-family: "ChampagneLimos", sans-serif;
  color: hsl(194, 75%, 37%);
  font-size: 2.25rem;
  font-weight: 600;
  letter-spacing: 3px;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
h3:after,
.gamma:after {
  border-top: 1px solid hsla(0, 0%, 0%, 0.1);
  border-bottom: 3px double hsla(0, 0%, 0%, 0.1);
  bottom: -3px;
  content: '';
  display: block;
  height: 1px;
  left: 50%;
  margin-left: -64px;
  position: absolute;
  width: 128px;
}
@media screen and (min-width: 40rem) {
  h3,
  .gamma {
    font-size: 2.25rem;
  }
}
h4,
.delta {
  font-family: "ChampagneLimos", sans-serif;
  font-weight: 600;
  font-size: 1.5rem;
  text-transform: uppercase;
  color: hsl(194, 75%, 37%);
}
h5,
.epsilon {
  font-family: "Avenir Roman", "Avenir LT W04_55 Roman1475524", Avenir, Tahoma, Helvetica, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0;
}
h6,
.zeta {
  font-family: "ChampagneLimos", sans-serif;
  font-weight: 600;
  font-size: 0.8rem;
}
/* GENERAL TYPOGRAPHY */
/* Hey, let's brand text selection to your brand color. Why not?? */
::selection {
  background: hsl(194, 75%, 37%);
  color: #fff;
}
::-moz-selection {
  background: hsl(194, 75%, 37%);
  color: #fff;
}
/* Simple styling for lists and tables */
ol,
ul,
table {
  margin: 1em 0;
  list-style-type: none;
}
ol li,
ul li,
table li {
  margin-bottom: 0.48rem;
}
ol:first-child,
ul:first-child,
table:first-child {
  margin-top: 0;
}
ol:last-child,
ul:last-child,
table:last-child,
ol:last-of-type,
ul:last-of-type,
table:last-of-type {
  margin-bottom: 0;
}
/* and let's finish defining our tables */
table {
  border: 1px solid hsl(55, 4%, 40%);
  padding: 0;
  border-radius: 2px;
}
table td {
  padding: 8px;
}
table tr:nth-child(2n) {
  background: #fff;
}
/* Some basic styling for paragraph elements. */
p,
ul li {
  color: hsl(50, 4%, 30%);
  font-size: 1.125rem;
  line-height: 1.8;
  margin: 0 0 1em;
}
p:last-child,
p:last-of-type {
  margin-bottom: 0;
}
input,
textarea,
select {
  background: hsla(0, 0%, 0%, 0.1);
  border: 1px solid transparent;
  border-radius: 22.5px;
  clear: none;
  display: block;
  float: left;
  margin-bottom: 1.25rem;
  padding: 1rem 1.25rem;
  transition: 0.3s all;
}
input:hover,
textarea:hover,
select:hover {
  background: hsla(0, 0%, 0%, 0.15);
  border-color: hsl(49, 60%, 67%);
}
input:active,
textarea:active,
select:active,
input:focus,
textarea:focus,
select:focus {
  background: #fff;
  border-color: hsl(86, 54%, 51%);
}
/*input + label,
textarea + label {
  display: none;
}*/
form input[type="submit"] {
  background: hsl(194, 75%, 37%);
  border: 0;
  clear: both;
  cursor: pointer;
  display: block;
  font-size: 1rem;
  float: none;
  margin: 0 auto;
}
/* Let's make sure sub-lists look OK, too. */
ul ul {
  margin-left: 1rem;
  margin-top: 0.48rem;
}
/* Once we're back in our content section, we want to undo our reset which stripped list styling. We generally want this in content sections, just not in our nav elements */
main.st-grid ul li {
  margin-left: 2rem;
  list-style-type: square;
}
main.st-grid ol li {
  list-style-type: decimal;
  margin-left: 1.5rem;
}
/* simple styling to show a number centered in a circle. */
/* I always use this a ton, but just take it out if you don't need it */
.numeral {
  width: 2rem;
  height: 2rem;
  display: block;
  float: left;
  margin-right: 0.889rem;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 2.2rem;
  text-align: center;
  background: hsl(194, 75%, 37%);
  border-radius: 2rem;
}
/* Yes, some browsers don't style these. Why not define them? */
strong {
  font-size: inherit;
  font-weight: bold;
}
em {
  font-size: inherit;
  font-style: italic;
}
/* And a basic link style. I like to hide the underline except on hover, but you may be different. We're also branding this to your colors */
a {
  color: hsl(194, 75%, 37%);
  text-decoration: none;
  transition: 0.3s all;
}
a:hover {
  text-decoration: underline;
}
/* As of September 2018, every major browser except edge supports details (https://caniuse.com/#feat=details). You can use a polyfill if you need that support. */
/* Here's some very basic styling just to make sure details elements work in the browsers that do support them. */
details summary * {
  display: inline-block;
  cursor: pointer;
}
/* PRINT STYLING -- the CSS that most people forget about. Not us! */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    /* http://css-tricks.com/almanac/properties/o/orphans/ */
    widows: 3;
    /* http://css-tricks.com/almanac/properties/w/widows/ */
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  /* If you want to strip out images when you print, go for it. I find that most people actually expect them, so it's disabled by default */
  /* img { display:none !important; } */
}
.callout-circle {
  background: hsl(86, 54%, 51%);
  /* Old browsers */
  background: -moz-linear-gradient(-45deg, hsl(86, 54%, 51%) 0%, hsl(86, 61%, 44%) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, hsl(86, 54%, 51%) 0%, hsl(86, 61%, 44%) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, hsl(86, 54%, 51%) 0%, hsl(86, 61%, 44%) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-radius: 100%;
  box-shadow: 0px 10px 80px hsla(86, 76%, 34%, 0.1);
  height: 0%;
  padding-top: 100%;
  position: relative;
  width: 100%;
}
.callout-circle div.content {
  display: flex;
  flex-direction: column;
  padding-top: 5%;
  position: absolute;
  bottom: 0;
  left: 12.5%;
  right: 0;
  top: 0;
  text-align: center;
  width: 75%;
}
.callout-circle div.content * {
  color: #fff !important;
  text-align: center;
}
.callout-circle div.content :first-child {
  margin-top: auto;
}
.callout-circle div.content :last-child {
  margin-bottom: auto;
}
body {
  background: #fff;
  font-size: 1.125rem;
}
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* 3. SARATOGA GRID SYSTEM: https://github.com/aandrewjoyce/aj-grid 																*/
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* First, we'll set a max-width across our site. We're applying this to our grid rows as well as the .pw helper class, which sets anything's max-width to the page-width. */
/* Of course, if you need something larger or smaller than 1200px, change it! */
section > [data-st="st-row"],
header > [data-st="st-row"],
footer > [data-st="st-row"],
nav > [data-st="st-row"],
.pw {
  width: 85%;
  max-width: 1600px;
  display: flex;
  margin: 0 auto 0;
  padding: 10% 0;
  padding-bottom: 0 !important;
}
section > [data-st="st-row"]:last-child,
header > [data-st="st-row"]:last-child,
footer > [data-st="st-row"]:last-child,
nav > [data-st="st-row"]:last-child,
.pw:last-child {
  margin-bottom: 7.5%;
}
@media screen and (min-width: 40rem) {
  section > [data-st="st-row"],
  header > [data-st="st-row"],
  footer > [data-st="st-row"],
  nav > [data-st="st-row"],
  .pw {
    width: 90%;
    padding: 5% 0;
  }
  section > [data-st="st-row"]:last-child,
  header > [data-st="st-row"]:last-child,
  footer > [data-st="st-row"]:last-child,
  nav > [data-st="st-row"]:last-child,
  .pw:last-child {
    margin-bottom: 5%;
  }
}
@media screen and (min-width: 48rem) {
  section > [data-st="st-row"],
  header > [data-st="st-row"],
  footer > [data-st="st-row"],
  nav > [data-st="st-row"],
  .pw {
    padding: 3% 0;
  }
  section > [data-st="st-row"]:last-child,
  header > [data-st="st-row"]:last-child,
  footer > [data-st="st-row"]:last-child,
  nav > [data-st="st-row"]:last-child,
  .pw:last-child {
    margin-bottom: 3%;
  }
}
@media screen and (min-width: 108rem) {
  section > [data-st="st-row"],
  header > [data-st="st-row"],
  footer > [data-st="st-row"],
  nav > [data-st="st-row"],
  .pw {
    width: 100%;
  }
}
/* page-width helper class*/
.tight .pw {
  max-width: 1400px;
}
@media screen and (min-width: 96rem) {
  .tight .pw {
    width: 100%;
  }
}
.fw {
  padding: 10% 0;
  width: 85%;
  margin: 0 auto;
  max-width: none;
  padding-bottom: 0 !important;
}
.fw:last-child {
  margin-bottom: 7.5%;
}
.fw div[data-st="st-row"] {
  max-width: none !important;
}
@media screen and (min-width: 40rem) {
  .fw {
    width: 90%;
    padding: 5% 0;
  }
  .fw:last-child {
    margin-bottom: 5%;
  }
}
@media screen and (min-width: 48rem) {
  .fw {
    padding: 3% 0;
  }
  .fw:last-child {
    margin-bottom: 3%;
  }
}
@media screen and (min-width: 84rem) {
  .fw {
    width: 100%;
  }
}
/* full-width helper class */
/* If you want any sort of section with no padding, here's your helper classes */
.nopad {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.nopad:last-child,
.nopad [data-st="st-row"] {
  margin-bottom: 0 !important;
}
/* no padding helper class */
/* here's what we're doing. We are assuming that if you put two sections together, you're intending for them to run together as the same section. So we collapse the padding on the second section. */
/* if you don't need this, just take it out. We've found it to be a helpful default behavior. */
section.white + section.white .pw,
section.primaryDark + section.primaryDark .pw,
section.primary + section.primary .pw,
section.primaryLight + section.primaryLight .pw,
section.accentDark + section.accentDark .pw,
section.accent + section.accent .pw,
section.accentLight + section.accentLight .pw,
section.backgroundDark + section.backgroundDark .pw,
section.background + section.background .pw,
section.backgroundLight + section.backgroundLight .pw {
  padding-top: 0 !important;
}
/* no padding helper class */
/* OK, let's define our grid -- starting with a row. A row can hold any number of children summing to 12 columns. */
[data-st="st-row"] {
  clear: both;
  margin-bottom: 7.5%;
}
[data-st="st-row"]:after {
  content: "";
  display: table;
  clear: both;
}
[data-st="st-row"] > *:last-child {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}
[data-st="st-row"] > *:after {
  content: "";
  display: table;
  clear: both;
}
/* This is a mobile-first grid, so not all of the columns behave according to their labels at lower screen sizes */
/* Let's define the one and two column width elements. */
[data-st="st-one"],
[data-st="st-two"] {
  width: 46.25%;
  margin-right: 7.5%;
  margin-bottom: 7.5%;
  float: left;
}
[data-st="st-one"]:nth-child(2n),
[data-st="st-two"]:nth-child(2n) {
  margin-right: 0;
}
[data-st="st-one"]:last-child,
[data-st="st-two"]:last-child,
[data-st="st-one"]:nth-last-child(2),
[data-st="st-two"]:nth-last-child(2) {
  margin-bottom: 0;
}
/* And everything else. For mobile, at least, everything is full-width except the very smallest elements */
[data-st="st-three"],
[data-st="st-four"],
[data-st="st-five"],
[data-st="st-six"],
[data-st="st-seven"],
[data-st="st-eight"],
[data-st="st-nine"],
[data-st="st-ten"],
[data-st="st-eleven"],
[data-st="st-twelve"] {
  width: 100%;
  float: left;
  margin-bottom: 7.5%;
}
section.two-up div.pw,
section.three-up div.pw,
section.four-up div.pw {
  display: block !important;
}
section.five-up .pw {
  display: block;
}
section.five-up .pw div[data-st="st-two"] {
  margin-bottom: 4rem;
  width: 100%;
}
section.five-up .pw div[data-st="st-two"]:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 30rem) {
  section.five-up .pw div[data-st="st-two"] {
    margin-right: 5%;
    width: 47.5%;
  }
  section.five-up .pw div[data-st="st-two"]:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 48rem) {
  section.five-up .pw div[data-st="st-two"] {
    margin-right: 5%;
    width: 30%;
  }
  section.five-up .pw div[data-st="st-two"]:nth-child(2n) {
    margin-right: 5%;
  }
  section.five-up .pw div[data-st="st-two"]:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 84rem) {
  section.five-up .pw {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  section.five-up .pw div[data-st="st-two"] {
    width: 16.8%;
    margin: 0 !important;
  }
}
/* Let's get some tablet sizing up in here */
@media screen and (min-width: 40rem) {
  .pw,
  .fw {
    width: 90%;
    padding: 5% 0;
    margin-bottom: 5%;
  }
  .pw:last-child,
  .fw:last-child {
    margin-bottom: 5.6%;
  }
  [data-st="st-row"] {
    margin-bottom: 5%;
  }
  [data-st="st-one"] {
    width: 20.8%;
    margin: 0 5.6% 5.6% 0;
  }
  [data-st="st-one"]:nth-child(2n) {
    margin-right: 5.6%;
  }
  [data-st="st-one"]:nth-child(4n) {
    margin-right: 0;
  }
  [data-st="st-one"]:nth-last-child(3),
  [data-st="st-one"]:nth-last-child(4) {
    margin-bottom: 0;
  }
  [data-st="st-two"] {
    width: 47.2%;
    margin: 0 5.6% 5.6% 0;
  }
  [data-st="st-two"]:nth-child(2n) {
    margin-right: 0;
  }
  [data-st="st-three"],
  [data-st="st-four"],
  [data-st="st-five"],
  [data-st="st-six"],
  [data-st="st-seven"],
  [data-st="st-eight"],
  [data-st="st-nine"],
  [data-st="st-ten"],
  [data-st="st-eleven"],
  [data-st="st-twelve"] {
    margin-bottom: 5.6%;
  }
}
@media screen and (min-width: 48rem) {
  [data-st="st-row"] {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: stretch;
  }
  [data-st="st-one"] {
    width: 3.2%;
    margin: 0 5.6% 0 0;
  }
  [data-st="st-two"] {
    width: 12%;
    margin: 0 5.6% 0 0;
  }
  [data-st="st-three"] {
    width: 20.8%;
    margin: 0 5.6% 0 0;
  }
  [data-st="st-four"] {
    width: 29.6%;
    margin: 0 5.6% 0 0;
  }
  [data-st="st-five"] {
    width: 38.4%;
    margin: 0 5.6% 0 0;
  }
  [data-st="st-six"] {
    width: 47.2%;
    margin: 0 5.6% 0 0;
  }
  [data-st="st-seven"] {
    width: 56%;
    margin: 0 5.6% 0 0;
  }
  [data-st="st-eight"] {
    width: 64.8%;
    margin: 0 5.6% 0 0;
  }
  [data-st="st-nine"] {
    width: 73.6%;
    margin: 0 5.6% 0 0;
  }
  [data-st="st-ten"] {
    width: 82.4%;
    margin: 0 5.6% 0 0;
  }
  [data-st="st-eleven"] {
    width: 91.2%;
    margin: 0 5.6% 0 0;
  }
  [data-st="st-twelve"] {
    width: 100%;
    margin: 0 0 3% 0;
  }
  [data-st="st-one"]:nth-child(2n),
  [data-st="st-two"]:nth-child(2n),
  [data-st="st-three"]:nth-child(2n) {
    margin-right: 5.6%;
  }
}
@media screen and (min-width: 84rem) {
  .pw,
  .fw {
    width: 92%;
    padding: 4% 0;
    margin-bottom: 4%;
  }
  .pw:last-child,
  .fw:last-child {
    margin-bottom: 4%;
  }
  [data-st="st-row"] {
    margin-bottom: 4%;
  }
  [data-st="st-one"] {
    width: 4.667%;
    margin: 0 4% 0 0;
  }
  [data-st="st-two"] {
    width: 13.334%;
    margin: 0 4% 0 0;
  }
  [data-st="st-three"] {
    width: 22%;
    margin: 0 4% 0 0;
  }
  [data-st="st-four"] {
    width: 30.667%;
    margin: 0 4% 0 0;
  }
  [data-st="st-five"] {
    width: 39.334%;
    margin: 0 4% 0 0;
  }
  [data-st="st-six"] {
    width: 48%;
    margin: 0 4% 0 0;
  }
  [data-st="st-seven"] {
    width: 56.667%;
    margin: 0 4% 0 0;
  }
  [data-st="st-eight"] {
    width: 65.334%;
    margin: 0 4% 0 0;
  }
  [data-st="st-nine"] {
    width: 74%;
    margin: 0 4% 0 0;
  }
  [data-st="st-ten"] {
    width: 82.667%;
    margin: 0 4% 0 0;
  }
  [data-st="st-eleven"] {
    width: 91.334%;
    margin: 0 4% 0 0;
  }
  [data-st="st-twelve"] {
    width: 100%;
    margin: 0 0 2.5% 0;
  }
  [data-st="st-one"]:nth-child(2n),
  [data-st="st-two"]:nth-child(2n),
  [data-st="st-three"]:nth-child(2n),
  [data-st="st-one"]:nth-child(6n) {
    margin-right: 4%;
  }
}
/* end Saratoga GRID */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* 4. SPLASH PAGE STYLING																											*/
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
section[role="heading"] {
  overflow: hidden;
  padding: 0;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 48rem) {
  section[role="heading"] {
    padding-top: 4vw;
  }
}
section[role="heading"] div[data-st="st-seven"] {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 3;
  text-align: center;
  float: none;
  margin: 0 auto !important;
  max-width: 1250px;
  width: 80%;
}
@media screen and (min-width: 40rem) {
  section[role="heading"] div[data-st="st-seven"] {
    animation: dropIn 1s ease-in;
  }
}
section[role="heading"] h1,
section[role="heading"] .alpha {
  clear: both;
  color: #fff;
  display: block;
  line-height: 1;
  margin-bottom: 3vh;
  padding-bottom: 1.25rem;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
section[role="heading"] h1:after,
section[role="heading"] .alpha:after {
  border-top: 1px solid hsla(0, 0%, 100%, 0.2);
  border-bottom: 3px double hsla(0, 0%, 100%, 0.2);
  bottom: -1rem;
  content: '';
  display: block;
  height: 1px;
  left: 50%;
  margin-left: -64px;
  position: absolute;
  width: 128px;
}
section[role="heading"].size-tiny h1 {
  font-family: "ChampagneLimos", sans-serif;
  font-weight: 600;
  margin-bottom: 0;
  padding: 1.25rem 0;
}
section[role="heading"].size-tiny h1:after {
  display: none;
}
section[role="heading"].size-small {
  /* small heading styles */
}
section[role="heading"].size-small div.pw {
  position: relative;
  z-index: 5;
}
section[role="heading"].size-small div.tagline {
  margin: 0 auto;
  max-width: 400px;
  padding-top: 1rem;
}
section[role="heading"].size-small div.tagline p {
  color: hsla(0, 0%, 100%, 0.75);
}
section[role="heading"].size-small div.tagline a[role="button"] {
  margin-top: 1.5rem;
}
@media screen and (min-width: 40rem) {
  section[role="heading"].size-small div.pw {
    margin-bottom: 0;
    padding-top: 0;
  }
  section[role="heading"].size-small [data-st="st-twelve"] {
    margin: 1vh auto 2vh !important;
  }
}
section[role="heading"].size-large {
  /* large heading styles */
  text-align: center;
  padding-bottom: 6vh;
}
section[role="heading"].size-large * {
  position: relative;
  float: none;
}
section[role="heading"].size-large h2.alpha:after {
  display: none;
}
@media screen and (min-width: 40rem) {
  section[role="heading"].size-large div.pw {
    margin: 3vh auto 8vh;
  }
  section[role="heading"].size-large [data-st="st-seven"] {
    margin: 5vh auto 3vh !important;
  }
}
section[role="heading"].size-jumbo {
  /* jumbo heading styles */
}
section[role="heading"].size-jumbo .pw.jumbo {
  position: relative;
  z-index: 4;
}
@keyframes dropIn {
  0% {
    top: -40px;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@keyframes slideLeft {
  0% {
    left: -40px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes slideRight {
  0% {
    right: -40px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
/* Section Color Options -- background images can be added in the page-specific tweaks section of flecha.less */
main section {
  padding: 4vw 0;
}
section.none:not(.splash) {
  background: #fafafa;
  border-top: 2px solid #ebf5d7;
  border-bottom: 2px solid #ebf5d7;
  box-shadow: inset 0px 0px 80px hsla(86, 61%, 44%, 0.18);
  padding: 3vw 0;
  position: relative;
  width: 100%;
}
section.white {
  background: transparent;
}
section.primary {
  background: hsl(86, 76%, 34%);
}
/* If the sections are colored or a background, change all the colors to white */
/* I'm assuming that all of your brand colors will be similar to mine -- you'll have to tweak which sections to include based on your colors */
section.primary h1,
section.bg h1,
section.primary h2,
section.bg h2,
section.primary h3,
section.bg h3,
section.primary h4,
section.bg h4,
section.primary h5,
section.bg h5,
section.primary h6,
section.bg h6 {
  color: #fff !important;
}
section.primary h3:after,
section.bg h3:after {
  border-color: hsla(0, 0%, 100%, 0.2);
}
section.primary p,
section.bg p,
section.primary ul li,
section.bg ul li,
section.primary ol li,
section.bg ol li {
  color: hsla(0, 0%, 100%, 0.75) !important;
}
section.primary a,
section.bg a {
  color: #fff !important;
}
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* 5. HEADER																														*/
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
div.color {
  background: #603c1a;
  padding-bottom: 4vw;
  position: relative;
}
div.color .cover-image {
  bottom: 0;
  left: 0;
  opacity: 0.3;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
@media screen and (min-width: 48rem) {
  div.color {
    clip-path: ellipse(100% 100% at 50% 0%);
  }
}
header[role="banner"] {
  background: transparent;
  position: relative;
  z-index: 2;
  /* Menus */
  /* Header Logo */
  /* header */
}
header[role="banner"] [data-st="st-row"] {
  flex-direction: column;
  margin-bottom: 1.5rem;
  padding-top: 1.5rem;
}
header[role="banner"] [data-st="st-nine"] {
  width: 100%;
  margin-bottom: 0;
}
header[role="banner"] [data-st="st-nine"] div[class^="menu"] {
  margin-bottom: auto;
  margin-top: auto;
  padding: 1rem;
}
header[role="banner"] [data-st="st-nine"] div[class^="menu"] ul {
  text-align: center;
}
header[role="banner"] [data-st="st-nine"] div[class^="menu"] li {
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.2;
  width: auto;
  margin: 5px;
  text-align: center;
  text-transform: uppercase;
}
header[role="banner"] [data-st="st-nine"] div[class^="menu"] li a {
  font-family: "ChampagneLimos", sans-serif;
  color: hsl(0, 3%, 90%);
  font-size: 1rem;
  font-weight: 600;
  transition: 0.3s all;
  width: 100%;
  /* change color on hover */
}
header[role="banner"] [data-st="st-nine"] div[class^="menu"] li a:hover,
header[role="banner"] [data-st="st-nine"] div[class^="menu"] li a:focus {
  color: hsl(49, 59%, 47%);
  text-decoration: none;
}
header[role="banner"] [data-st="st-nine"] div[class^="menu"] li.current-page-ancestor a,
header[role="banner"] [data-st="st-nine"] div[class^="menu"] li.current_page_item a {
  color: hsl(49, 64%, 57%);
}
header[role="banner"] [data-st="st-nine"] div[class^="menu"] li:last-child {
  clear: both;
  display: block;
  margin-top: 1rem;
}
header[role="banner"] [data-st="st-nine"] div[class^="menu"] li:last-child a {
  background: hsl(86, 61%, 44%);
  border-radius: 28px;
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.1), 0 5px 12px hsla(0, 0%, 0%, 0.15);
  display: inline-block;
  line-height: 28px;
  padding: 0.6rem 1.25rem 0.4rem;
  width: auto;
}
header[role="banner"] [data-st="st-nine"] div[class^="menu"] li:last-child a:hover {
  background: hsl(86, 54%, 51%);
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, 0.2), 0 5px 12px hsla(0, 0%, 0%, 0.3);
  color: #fff;
}
header[role="banner"] [data-st="st-nine"] div[class^="menu"] li:last-child a:focus,
header[role="banner"] [data-st="st-nine"] div[class^="menu"] li:last-child a:active {
  background: hsl(86, 58%, 63%);
  color: hsl(0, 3%, 40%);
}
header[role="banner"] [data-st="st-three"] {
  margin: 0;
  overflow: hidden;
  padding-bottom: 1.5rem;
  width: 100%;
}
header[role="banner"] [data-st="st-three"] a {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 200px;
}
header[role="banner"] [data-st="st-three"] a img {
  height: auto;
}
@media screen and (min-width: 48rem) {
  header[role="banner"] {
    background: -moz-linear-gradient(top, hsla(0, 0%, 0%, 0.6) 0%, hsla(0, 0%, 0%, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, hsla(0, 0%, 0%, 0.6) 0%, hsla(0, 0%, 0%, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, hsla(0, 0%, 0%, 0.6) 0%, hsla(0, 0%, 0%, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    box-shadow: inset 0px -1px 0px hsla(0, 0%, 100%, 0.1);
    /* st-nine */
  }
  header[role="banner"] [data-st="st-row"] {
    flex-direction: row;
  }
  header[role="banner"] [data-st="st-three"] {
    display: flex;
    flex-direction: column;
    margin-right: 5%;
    overflow: visible;
    width: 35%;
    animation: slideLeft 1s ease-in;
    padding-bottom: 0;
    position: relative;
  }
  header[role="banner"] [data-st="st-three"] a {
    margin: auto 0;
  }
  header[role="banner"] [data-st="st-nine"] {
    width: 60%;
    position: relative;
    animation: slideRight 1s ease-in;
    /* div class menu */
  }
  header[role="banner"] [data-st="st-nine"] div[class^="menu"] {
    clear: both;
    position: relative;
    /* ul */
  }
  header[role="banner"] [data-st="st-nine"] div[class^="menu"] ul {
    text-align: right;
  }
  header[role="banner"] [data-st="st-nine"] div[class^="menu"] ul li:last-child {
    display: inline-block;
  }
  header[role="banner"] [data-st="st-nine"] div[class^="menu"] ul li a {
    position: relative;
  }
  header[role="banner"] [data-st="st-nine"] div[class^="menu"] ul li a:before {
    content: '';
    position: absolute;
    bottom: -12px;
    left: 50%;
    width: 0%;
    transition: 0.2s all cubic-bezier(0.63, 0.16, 0.56, 1.4);
    height: 3px;
    background: hsl(49, 64%, 57%);
  }
  header[role="banner"] [data-st="st-nine"] div[class^="menu"] ul li a:hover:before {
    width: 100%;
    left: 0;
  }
  header[role="banner"] [data-st="st-nine"] div[class^="menu"] ul li:last-child a:before {
    display: none;
  }
}
@media screen and (min-width: 64rem) {
  header[role="banner"] [data-st="st-row"] {
    display: flex;
  }
  header[role="banner"] [data-st="st-three"] {
    padding-bottom: 0;
    max-width: 200px;
  }
  header[role="banner"] [data-st="st-nine"] {
    width: 100%;
  }
  header[role="banner"] [data-st="st-nine"] div[class^="menu"] {
    display: inline-block;
    float: right;
    margin-top: 0;
    padding: 1.5rem 0 1.5rem 1.5rem;
    width: auto;
  }
  header[role="banner"] [data-st="st-nine"] div[class^="menu"] ul {
    text-align: right;
  }
  header[role="banner"] [data-st="st-nine"] div[class^="menu"] ul li {
    margin: 0 0.6rem;
  }
  header[role="banner"] [data-st="st-nine"] div[class^="menu"] ul li:first-child {
    margin-left: 0;
  }
  header[role="banner"] [data-st="st-nine"] div[class^="menu"] ul li:last-child {
    margin-right: 0;
  }
}
@media screen and (min-width: 72rem) {
  header[role="banner"] [data-st="st-nine"] div[class^="menu"] ul li {
    margin: 0 1rem;
  }
}
/* End header styles */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* 6. FOOTER																														*/
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* Make sure we're only grabbing the SITE footer, and not any random <footer> elements you might be using in your HTML source */
main + footer {
  background: #89715a;
  position: relative;
  /* Secondary Footer Container */
  /* data-st=st-eight: secondary footer container */
}
main + footer [data-st="st-row"] {
  display: block;
}
main + footer [data-st="st-eight"] {
  width: 100%;
  /* copyright text */
  /* social buttons */
}
main + footer [data-st="st-eight"] h4 {
  background: url(/assets/img/theme/footer-logo.png) no-repeat center center;
  background-size: contain;
  height: 122px;
  margin: 0 auto 2rem;
  overflow: hidden;
  text-indent: -999rem;
  width: auto;
}
main + footer [data-st="st-eight"] p {
  display: block;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  color: hsl(0, 3%, 80%);
  text-align: center;
}
main + footer [data-st="st-eight"] p span:not(.obfuscate) {
  color: hsla(0, 0%, 0%, 0.2);
  margin-left: 5px;
  margin-right: 5px;
}
main + footer [data-st="st-eight"] p[role="contentinfo"] {
  margin-bottom: 0;
  clear: both;
}
main + footer [data-st="st-eight"] a {
  color: hsl(86, 61%, 44%);
}
main + footer [data-st="st-eight"] a:hover {
  color: hsl(86, 76%, 34%);
}
main + footer [data-st="st-eight"] div.orb-social {
  text-align: center;
  margin: 3rem 0;
}
main + footer [data-st="st-eight"] form {
  display: block;
  max-width: 650px;
  margin: 0 auto;
}
main + footer [data-st="st-eight"] form input {
  float: left;
  width: 47.5%;
  margin-right: 5%;
}
main + footer [data-st="st-eight"] form input:nth-child(4 ) {
  margin-right: 0;
}
@media screen and (min-width: 40rem) {
  main + footer [data-st="st-eight"] form input {
    width: 22.5%;
    margin-right: 3.33%;
  }
  main + footer [data-st="st-eight"] form input:nth-child(4) {
    margin-right: 3.33%;
  }
}
main + footer [data-st="st-eight"] form input:last-of-type {
  margin-right: 0 !important;
  height: 51px;
  float: left;
  clear: none;
}
/* that's a wrap on the footer! */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* 7. MISCELLANEOUS																													*/
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
div.post-meta {
  margin-bottom: 1.5rem;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  opacity: 0.75;
}
div.post-meta span {
  display: inline-block;
  margin: 0 0.8rem;
}
section.posts [data-st="st-eight"] [data-st="st-row"] {
  display: block;
}
section.posts div.title {
  width: 100%;
  position: relative;
  padding: 4rem 3rem;
  margin-bottom: 1.5rem;
  background: hsl(194, 70%, 47%);
  background-size: cover !important;
  border-radius: 3px;
  box-shadow: 0 3px 6px hsla(0, 0%, 0%, 0.1);
  overflow: hidden;
}
section.posts div.title:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: hsla(0, 0%, 0%, 0.4);
}
section.posts div.title h2 {
  position: relative;
  z-index: 2;
  margin-bottom: 0;
  color: #fff;
}
section.posts div.title a {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body.single section[role="heading"] {
  position: relative;
}
body.single section[role="heading"] h1.gamma {
  text-align: center;
}
body.single section[role="heading"] div.pw {
  display: block;
  position: relative;
  z-index: 4;
}
body.single section[role="heading"] div.post-meta {
  color: #fff;
  font-size: 1rem;
  font-style: italic;
  padding-top: 1rem;
}
body.single section[role="heading"] div.post-meta span {
  color: hsl(86, 61%, 44%);
}
body.single div[data-st="st-eight"] {
  margin: 0 auto !important;
}
body.single div[data-st="st-eight"] p {
  font-size: 1.25rem;
}
body.author section[role="heading"] img {
  float: none;
  display: block;
  margin: 0 auto 1.5rem;
  border-radius: 50px;
}
section.latest-post-selection {
  padding-bottom: 0;
}
section.latest-post-selection article {
  border: 0;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
  padding: 0;
}
section.latest-post-selection article h3 {
  order: 3;
  font-size: 1.5rem !important;
  padding-bottom: 0;
  text-transform: inherit;
  letter-spacing: 0;
}
section.latest-post-selection article h3:after {
  display: none;
}
section.latest-post-selection article img {
  box-shadow: 0px 12px 80px hsla(0, 3%, 50%, 0.2);
  display: block;
  order: 1;
}
section.latest-post-selection article:after {
  content: "";
  display: table;
  clear: both;
}
section.latest-post-selection article a.read-more {
  background: hsl(86, 61%, 44%);
  border-radius: 50px;
  display: block;
  height: 60px;
  margin: -30px auto 1.5rem;
  order: 2;
  overflow: hidden;
  position: relative;
  transition: 0.3s all;
  width: 60px;
}
section.latest-post-selection article a.read-more span.read-more {
  display: none;
  text-indent: -999rem;
}
section.latest-post-selection article a.read-more:after {
  content: ' ›';
  color: #fff;
  font-size: 3rem;
  height: 60px;
  line-height: 52px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  width: 60px;
}
section.latest-post-selection article a.read-more:hover {
  background: hsl(86, 54%, 51%);
  transform: scale(1.1);
}
@media screen and (min-width: 40rem) {
  section.latest-post-selection {
    display: flex;
    justify-content: space-between;
  }
  section.latest-post-selection article {
    margin-bottom: 0;
    margin-right: 5%;
    width: 30%;
  }
  section.latest-post-selection article:last-child {
    margin-right: 0;
  }
  section.latest-post-selection article h3 {
    display: block;
    margin-left: 10% !important;
    max-width: 80%;
  }
}
/* The content and image design from the homepage, used in several places */
section.hero-circle div.pw {
  display: flex !important;
  flex-direction: column;
}
section.hero-circle div[data-st="st-six"] {
  order: 2;
  margin-bottom: 0;
}
section.hero-circle div[data-st="st-six"]:last-child {
  margin-bottom: 10vw !important;
  order: 1;
  position: relative;
}
section.hero-circle div[data-st="st-six"]:last-child h6 {
  display: inline;
  font-size: 1rem;
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 2;
}
section.hero-circle div[data-st="st-six"]:last-child img {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 40rem) {
  section.hero-circle div[data-st="st-six"]:last-child {
    margin-bottom: 5vw !important;
  }
}
section.hero-circle strong {
  color: hsl(49, 64%, 57%);
}
@media screen and (min-width: 40rem) {
  section.hero-circle h6:after {
    background: url(/assets/img/theme/arrows.png) no-repeat center center;
    background-size: contain;
    content: '';
    height: 133px;
    left: -780px;
    position: absolute;
    width: 802px;
    top: -42px;
    z-index: -2;
  }
  section.hero-circle div[data-st="st-six"]:last-child h6 {
    top: 40px;
  }
}
@media screen and (min-width: 48rem) {
  section.hero-circle div.pw {
    flex-direction: row;
  }
  section.hero-circle div[data-st="st-six"]:first-child {
    display: flex;
    flex-direction: column;
    width: 55%;
  }
  section.hero-circle div[data-st="st-six"]:first-child h2 {
    margin-top: auto;
  }
  section.hero-circle div[data-st="st-six"]:first-child p:last-child {
    margin-bottom: auto !important;
  }
  section.hero-circle div[data-st="st-six"]:last-child {
    margin-bottom: 0 !important;
    max-width: 650px;
    order: 3;
  }
  section.hero-circle div[data-st="st-six"]:last-child img {
    max-width: none;
  }
}
@media screen and (min-width: 84rem) {
  section.hero-circle div[data-st="st-six"]:last-child h6 {
    top: 55px;
  }
}
@media screen and (min-width: 96rem) {
  section.hero-circle div[data-st="st-six"]:last-child h6 {
    top: 135px;
  }
}
/* The apply strip */
section.readytogrow {
  background-image: url(/assets/img/theme/pattern-bg.jpg);
  background-repeat: repeat;
  padding: 3vw 0;
}
section.readytogrow div[data-st="st-twelve"] {
  text-align: center;
}
section.readytogrow h3 {
  color: hsl(86, 53%, 73%) !important;
}
section.readytogrow p {
  text-align: center;
  margin-bottom: 2.5rem;
}
section.readytogrow input {
  background: hsla(0, 0%, 100%, 0.4);
  margin-right: 5%;
  width: 47.5%;
}
section.readytogrow input:hover {
  background: hsla(0, 0%, 100%, 0.5);
}
section.readytogrow input:active,
section.readytogrow input:focus {
  background: #fff;
}
section.readytogrow input:nth-child(2n + 3) {
  margin-right: 0;
}
section.readytogrow p:last-child {
  float: right;
  width: 47.5%;
}
section.readytogrow input[role="button"] {
  width: 100%;
  height: 51px;
  margin-right: 0;
  padding: 0;
  background: hsl(49, 64%, 57%) !important;
}
@media screen and (min-width: 40rem) {
  section.readytogrow a[role="button"] {
    line-height: 20px;
    padding: 1rem 1.75rem;
  }
  section.readytogrow input {
    line-height: 20px;
    margin-right: 3% !important;
    width: 25%;
  }
  section.readytogrow form p:last-child {
    width: 14%;
  }
  section.readytogrow form input[type="submit"] {
    clear: none;
    float: right;
    line-height: 20px;
    margin-right: 0;
    width: 100%;
  }
}
/* Page Specific Styling: Homepage */
body.home section.three-up.none p {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
section.partnerships div.pw,
section.supporting div.pw {
  display: flex !important;
  flex-wrap: wrap;
}
section.partnerships div.pw div[data-st="st-four"],
section.supporting div.pw div[data-st="st-four"] {
  display: flex;
  flex-direction: column;
}
section.partnerships div.pw div[data-st="st-four"] p,
section.supporting div.pw div[data-st="st-four"] p {
  margin-bottom: 0.25rem;
}
section.partnerships div.pw div[data-st="st-four"] div:last-child,
section.supporting div.pw div[data-st="st-four"] div:last-child {
  margin-top: auto;
}
section.parent-resources {
  padding-bottom: 0;
}
section.parent-resources h3 {
  text-transform: none !important;
  color: hsl(49, 64%, 57%);
  letter-spacing: 0;
}
section.parent-resources div[data-st="st-four"] {
  text-align: center;
  margin-bottom: 3%;
}
section.school-cal {
  padding-top: 0;
}
section.rfi {
  padding-top: 0;
}
section.rfi form {
  margin: 2rem auto 0;
  max-width: 400px;
}
section.rfi form input:not([type="submit"]),
section.rfi form textarea {
  font-family: "Avenir Roman", "Avenir LT W04_55 Roman1475524", Avenir, Tahoma, Helvetica, sans-serif;
  width: 100%;
}
section.rfi input[type="submit"] {
  max-width: 110px;
  padding-bottom: 10px;
}
body.page-id-150 h3 {
  padding-bottom: 0;
  text-align: left;
}
body.page-id-150 h3:after {
  display: none;
}
section.pray-for-gca {
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 48rem) {
  section.pray-for-gca div[data-st="st-four"]:nth-child(2) {
    width: 52%;
  }
  section.pray-for-gca div[data-st="st-four"]:nth-child(3) {
    margin-right: -30%;
  }
  section.pray-for-gca div[data-st="st-four"]:last-child {
    float: right;
    margin-top: 20%;
    width: 40%;
  }
  section.pray-for-gca div[data-st="st-four"]:last-child blockquote.circular div.content p {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 64rem) {
  section.pray-for-gca div[data-st="st-four"]:nth-child(3) {
    margin-top: 30%;
  }
  section.pray-for-gca div[data-st="st-four"]:last-child {
    margin-top: 0;
  }
  section.pray-for-gca div[data-st="st-four"]:last-child blockquote.circular div.content p {
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 72rem) {
  section.pray-for-gca div[data-st="st-four"]:nth-child(3) {
    margin-right: -20%;
    margin-left: -10%;
  }
}
@media screen and (min-width: 84rem) {
  section.pray-for-gca div[data-st="st-four"]:nth-child(3) {
    margin-bottom: -15%;
  }
  section.pray-for-gca div[data-st="st-four"]:last-child blockquote.circular div.content p {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 96rem) {
  section.pray-for-gca div[data-st="st-four"]:nth-child(3) {
    margin-bottom: -20%;
    margin-left: -15%;
    margin-top: 25%;
  }
  section.pray-for-gca div[data-st="st-four"]:last-child blockquote.circular div.content p {
    font-size: 3.4rem;
  }
}
section.volunteer-gca div[data-st="st-twelve"] {
  width: 100%;
  max-width: 700px;
}
@media screen and (min-width: 48rem) {
  section.volunteer-gca div.pw {
    display: flex !important;
    flex-wrap: wrap;
    align-content: stretch;
  }
  section.volunteer-gca div[data-st="st-eight"] {
    width: 54.4%;
  }
  section.volunteer-gca div[data-st="st-four"] {
    width: 40%;
  }
  section.volunteer-gca div[data-st="st-four"] li {
    margin-bottom: 0.5rem;
  }
}
section.give-gca div.callout-circle {
  margin-bottom: 5vw;
}
section.give-gca div.callout-circle h3 {
  font-size: 1.25rem;
}
section.give-gca div.callout-circle p {
  font-size: 0.875rem;
  font-style: italic;
}
@media screen and (min-width: 30rem) {
  section.give-gca div.callout-circle h3 {
    font-size: 2.25rem;
  }
  section.give-gca div.callout-circle p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 36rem) and (max-width: 47.999rem) {
  section.give-gca div.callout-circle {
    clear: right;
    margin-bottom: 0;
    padding-top: 66%;
    width: 66%;
  }
  section.give-gca div.callout-circle h3 {
    font-size: 2.25rem;
  }
  section.give-gca div.callout-circle p {
    font-size: 1rem;
  }
  section.give-gca div.callout-circle:nth-child(2n) {
    clear: none;
    margin-top: -2rem;
    margin-bottom: -2rem;
    float: right;
  }
}
@media screen and (min-width: 64rem) {
  section.give-gca div.callout-circle {
    clear: right;
    margin-bottom: 0;
    padding-top: 66%;
    width: 66%;
  }
  section.give-gca div.callout-circle h3 {
    font-size: 2rem;
  }
  section.give-gca div.callout-circle p {
    font-size: 0.875rem;
  }
  section.give-gca div.callout-circle:nth-child(2n) {
    clear: none;
    margin-top: -2rem;
    margin-bottom: -2rem;
    float: right;
  }
}
@media screen and (min-width: 84rem) {
  section.give-gca div.callout-circle p {
    font-size: 1rem;
  }
  section.give-gca div.callout-circle {
    padding-top: 60%;
    width: 60%;
  }
  section.give-gca div.callout-circle:nth-child(2n) {
    margin-top: -14%;
    margin-bottom: -14%;
  }
}
@media screen and (min-width: 96rem) {
  section.give-gca div.callout-circle {
    padding-top: 52%;
    width: 52%;
  }
  section.give-gca div.callout-circle div.content {
    padding-top: 0;
  }
  section.give-gca div.callout-circle div.content p {
    font-size: 1.125rem;
    line-height: 1.35;
  }
  section.give-gca div.callout-circle div.content h3 {
    max-width: 82%;
    margin-bottom: 0.5rem;
    margin-left: 9%;
  }
  section.give-gca div.callout-circle div.content:nth-child(2n) {
    margin-top: -24%;
    margin-bottom: -24%;
  }
}
section.partner-gca {
  background-image: url(/assets/img/theme/pattern-bg.jpg);
  background-repeat: repeat;
  /* data-st=row third child */
}
section.partner-gca h3 {
  margin-bottom: 0;
}
section.partner-gca h6.beta {
  color: hsl(194, 75%, 37%) !important;
}
section.partner-gca h6.beta span {
  font-family: "Avenir Roman", "Avenir LT W04_55 Roman1475524", Avenir, Tahoma, Helvetica, sans-serif;
  color: hsl(86, 53%, 73%) !important;
  font-size: 1.25rem;
  font-weight: normal;
  text-transform: none;
}
section.partner-gca h6.beta + p {
  color: hsl(86, 53%, 73%) !important;
}
@media screen and (min-width: 64rem) {
  section.partner-gca h6.beta {
    font-size: 3.5rem;
    margin-top: 0.5rem;
    margin-bottom: 0.25rem;
  }
}
section.partner-gca div.number {
  margin-bottom: 2rem;
}
section.partner-gca div.number p {
  margin-left: 112px;
  padding-top: 0.01rem;
}
section.partner-gca div.number p strong {
  color: hsl(194, 80%, 27%);
}
section.partner-gca div.number span {
  font-family: "ChampagneLimos", sans-serif;
  background-color: hsl(86, 76%, 34%);
  border-radius: 80px;
  margin-right: 2rem;
  line-height: 80px;
  font-size: 3rem;
  display: block;
  width: 80px;
  height: 80px;
  text-align: center;
}
section.partner-gca div[data-st="st-row"]:nth-child(3) h3 {
  color: hsl(86, 53%, 73%) !important;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: center;
}
section.partner-gca div[data-st="st-row"]:nth-child(3) h3:after {
  display: block;
}
section.partner-gca div[data-st="st-row"]:nth-child(3) div.callout-container {
  margin: 0 auto;
  max-width: 850px;
  /* data-st=st-four */
}
section.partner-gca div[data-st="st-row"]:nth-child(3) div.callout-container div[data-st="st-four"] {
  background: hsl(49, 60%, 67%);
  border-radius: 100%;
  height: 0%;
  padding-top: 100%;
  position: relative;
  width: 100%;
}
section.partner-gca div[data-st="st-row"]:nth-child(3) div.callout-container div[data-st="st-four"] div.content {
  display: flex;
  flex-direction: column;
  padding-top: 5%;
  position: absolute;
  bottom: 0;
  left: 12.5%;
  right: 0;
  top: 0;
  text-align: center;
  width: 75%;
}
section.partner-gca div[data-st="st-row"]:nth-child(3) div.callout-container div[data-st="st-four"] div.content * {
  color: #603c1a !important;
  opacity: 1;
  text-align: center;
}
section.partner-gca div[data-st="st-row"]:nth-child(3) div.callout-container div[data-st="st-four"] div.content h4 {
  margin-top: auto;
  margin-bottom: auto;
  font-size: 2rem;
  text-transform: none;
}
section.partner-gca div[data-st="st-row"]:nth-child(3) div.callout-container div[data-st="st-four"].sponsorships {
  background: url(https://thegardenchristianacademy.imgix.net/2024/09/picture_day/03/20240918-gca-picture_day-03-009.jpg?auto=format,compress&fit=crop&crop=faces,entropy&w=650&h=650&mask=ellipse&blend=e0b64d&bm=screen&balph=60) no-repeat center center;
  background-size: cover;
}
section.partner-gca div[data-st="st-row"]:nth-child(3) div.callout-container div[data-st="st-four"].development {
  background: url(https://thegardenchristianacademy.imgix.net/2024/09/picture_day/05/20240918-gca-picture_day-05-011.jpg?auto=format,compress&fit=crop&crop=faces,entropy&w=650&h=650&mask=ellipse&blend=e0b64d&bm=screen&balph=60) no-repeat center center;
  background-size: cover;
}
section.partner-gca div[data-st="st-row"]:nth-child(3) div.callout-container div[data-st="st-four"].enhancements {
  background: url(https://thegardenchristianacademy.imgix.net/2024/09/picture_day/03/20240918-gca-picture_day-03-021.jpg?auto=format,compress&fit=crop&crop=faces,entropy&w=650&h=650&mask=ellipse&blend=e0b64d&bm=screen&balph=60) no-repeat center center;
  background-size: cover;
}
section.partner-gca div[data-st="st-row"]:nth-child(3) a[role="button"] {
  display: block;
  margin: 3rem auto 0 !important;
  max-width: 300px;
  text-align: center;
}
@media screen and (min-width: 36rem) {
  section.partner-gca div[data-st="st-row"]:nth-child(3) div.callout-container div[data-st="st-four"] {
    width: 47.5%;
    padding-top: 47.5%;
    margin-right: 5%;
  }
  section.partner-gca div[data-st="st-row"]:nth-child(3) div.callout-container div[data-st="st-four"]:nth-child(2) {
    margin-right: 0;
  }
  section.partner-gca div[data-st="st-row"]:nth-child(3) div.callout-container div[data-st="st-four"]:last-child {
    clear: both;
    float: none;
    margin: 0 auto !important;
  }
}
@media screen and (min-width: 48rem) {
  section.partner-gca div[data-st="st-row"]:nth-child(3) div.callout-container {
    display: block;
  }
  section.partner-gca div[data-st="st-row"]:nth-child(3) div.callout-container div[data-st="st-four"] {
    width: 30%;
    margin-right: 5% !important;
    padding-top: 30%;
  }
  section.partner-gca div[data-st="st-row"]:nth-child(3) div.callout-container div[data-st="st-four"]:last-child {
    margin-right: 0 !important;
    float: left;
    clear: none;
  }
}
body.page-id-139 {
  /* setting up all the numberized sections */
  /* 40 rem */
  /*  A distinguished, Christ-centered education... section */
  /* For youth in cleveland's inner city section */
  /* ...so that God's peace will be multiplied section */
}
body.page-id-139 section[role="heading"].size-small div.tagline {
  margin-bottom: 5vw;
  max-width: 650px;
}
body.page-id-139 section.vision h3 {
  letter-spacing: 0;
  margin-bottom: 0.4rem;
  font-size: 1.5rem;
  padding: 0 1rem;
}
body.page-id-139 section.vision h3:after {
  display: none;
}
body.page-id-139 section.mission {
  box-shadow: none;
}
body.page-id-139 section.mission p strong {
  font-family: "ChampagneLimos", sans-serif;
  color: hsl(86, 54%, 51%);
  display: block;
  font-size: 2rem;
  font-weight: 200;
  line-height: 1.2;
  margin: 0 auto;
  max-width: 1000px;
  text-align: center;
}
@media screen and (min-width: 40rem) and (max-width: 47.99rem) {
  body.page-id-139 section.vision div[data-st="st-three"] {
    width: 47.5%;
    float: left;
    margin-right: 5%;
  }
  body.page-id-139 section.vision div[data-st="st-three"]:nth-child(2n +1) {
    margin-right: 0;
  }
}
@media screen and (min-width: 48rem) {
  body.page-id-139 section.vision h3 {
    font-size: 1rem;
    margin-bottom: auto;
  }
  body.page-id-139 section.vision .callout-circle p {
    display: none;
  }
  body.page-id-139 section.mission p strong {
    font-size: 3rem;
  }
}
@media screen and (min-width: 64rem) {
  body.page-id-139 section.vision div:nth-child(2) {
    margin-top: 6%;
  }
  body.page-id-139 section.vision div:nth-child(3) {
    margin-top: 4%;
  }
  body.page-id-139 section.vision div:nth-child(4) {
    margin-top: 2%;
  }
  body.page-id-139 section.vision h3 {
    margin-bottom: 0.25rem;
  }
  body.page-id-139 section.vision .callout-circle p {
    display: block;
    font-size: 0.875rem;
    line-height: 1.2;
  }
  body.page-id-139 section.mission {
    border: 0;
    margin-bottom: 10vw;
    padding: 0;
    position: relative;
  }
  body.page-id-139 section.mission div.pw {
    padding-top: 0;
  }
  body.page-id-139 section.mission:before {
    background: #fafafa;
    content: '';
    height: 25vw;
    position: absolute;
    top: -15vw;
    transform: skewY(-3deg);
    width: 100%;
    z-index: -1;
  }
  body.page-id-139 section.mission:after {
    background: #fafafa;
    content: '';
    height: 15vw;
    position: absolute;
    bottom: -10vw;
    transform: skewY(3deg);
    width: 100%;
    z-index: -1;
  }
  body.page-id-139 section.mission p strong {
    font-size: 3rem;
  }
}
@media screen and (min-width: 84rem) {
  body.page-id-139 section.vision h3 {
    font-size: 1.75rem;
  }
  body.page-id-139 section.vision .callout-circle p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 96rem) {
  body.page-id-139 section.vision h3 {
    font-size: 2.25rem;
  }
  body.page-id-139 section.vision .callout-circle p {
    font-size: 1.125rem;
  }
}
body.page-id-139 div.number.fancy {
  font-family: "ChampagneLimos", sans-serif;
  background: hsl(49, 59%, 47%) url(/assets/img/theme/number-bg.png) no-repeat center center;
  background-size: 150%;
  border-radius: 200px;
  color: #fff;
  display: block;
  font-size: 10rem;
  height: 270px;
  line-height: 270px;
  margin: 0 auto;
  text-align: center;
  transform: scale(0.75);
  width: 270px;
}
body.page-id-139 div.progress-line {
  display: none;
}
@media screen and (min-width: 40rem) {
  body.page-id-139 section.numberized div.pw {
    display: grid !important;
    grid-template-columns: 20% 15% 15% 15% 15%;
    grid-template-rows: auto;
    grid-template-areas: "number content content content content" "number secondary secondary secondary secondary";
    grid-column-gap: 5%;
    /* :nth-child(1) */
  }
  body.page-id-139 section.numberized div.pw [data-st="st-four"]:first-child {
    grid-area: number;
    width: 100%;
    position: relative;
    /* make the fancy numbers fit in the new columned layout */
    /* show the fill line */
  }
  body.page-id-139 section.numberized div.pw [data-st="st-four"]:first-child div.number.fancy {
    height: 115px;
    font-size: 6rem;
    line-height: 115px;
    margin: 0 auto;
    width: 115px;
    transform: scale(1);
  }
  body.page-id-139 section.numberized div.pw [data-st="st-four"]:first-child div.progress-line {
    background: #eeeeee;
    border: 10px solid #eee;
    display: block;
    margin-left: -25px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50px;
    bottom: -150px;
    width: 50px;
    z-index: -1;
  }
  body.page-id-139 section.numberized div.pw [data-st="st-four"]:first-child span.flow-line {
    background: #ffe366;
    display: block;
    width: 100%;
  }
  body.page-id-139 section.numberized div.pw [data-st="st-four"]:nth-child(2) {
    grid-area: content;
    width: 100%;
  }
  body.page-id-139 section.numberized div.pw [data-st="st-four"]:nth-child(3) {
    grid-area: secondary;
    width: 100%;
  }
}
@media screen and (min-width: 64rem) {
  body.page-id-139 section.numberized div.pw [data-st="st-four"]:first-child div.number.fancy {
    height: 180px;
    font-size: 8rem;
    line-height: 180px;
    width: 180px;
  }
  body.page-id-139 section.numberized div.pw [data-st="st-four"]:first-child div.progress-line {
    bottom: -200px;
  }
}
@media screen and (min-width: 72rem) {
  body.page-id-139 section.numberized div.pw {
    grid-template-areas: "number content content secondary secondary" "number content content secondary secondary";
  }
}
@media screen and (min-width: 84rem) {
  body.page-id-139 section.numberized {
    padding: 2vw 0;
  }
  body.page-id-139 section.numberized div.pw [data-st="st-four"]:first-child div.number.fancy {
    height: 270px;
    font-size: 10rem;
    line-height: 270px;
    width: 270px;
  }
  body.page-id-139 section.numberized div.pw [data-st="st-four"]:first-child div.progress-line {
    bottom: -300px;
  }
}
body.page-id-139 section.numberized.section-one div.callout-circle {
  background: hsl(194, 75%, 37%);
}
body.page-id-139 section.numberized.section-one div.callout-circle p {
  font-size: 1rem;
}
body.page-id-139 section.numberized.section-one h3 {
  color: hsl(86, 61%, 44%);
  text-transform: none;
  letter-spacing: 0;
  font-weight: 300;
  margin-top: 2.5rem;
}
body.page-id-139 section.numberized.section-one h3 + p {
  font-size: 1rem;
}
@media screen and (min-width: 30rem) {
  body.page-id-139 section.numberized.section-one img.penumbra.gold {
    width: 70%;
    margin-bottom: -20%;
  }
  body.page-id-139 section.numberized.section-one div.callout-circle {
    width: 70%;
    padding-top: 70%;
    float: right;
  }
  body.page-id-139 section.numberized.section-one img.penumbra.green {
    width: 80%;
    margin-top: -20%;
    float: left;
  }
}
@media screen and (min-width: 64rem) {
  body.page-id-139 section.numberized.section-one div[data-st="st-four"]:nth-child(2) {
    padding-top: 10vw;
  }
  body.page-id-139 section.numberized.section-one img.penumbra.gold {
    width: 50%;
    margin-bottom: -20%;
  }
  body.page-id-139 section.numberized.section-one div.callout-circle {
    width: 50%;
    padding-top: 50%;
    float: right;
    margin-bottom: -30%;
  }
  body.page-id-139 section.numberized.section-one img.penumbra.green {
    width: 60%;
    margin-top: 0;
    float: none;
  }
}
@media screen and (min-width: 72rem) {
  body.page-id-139 section.numberized.section-one h2 {
    margin: 4rem 0 2rem;
  }
}
@media screen and (min-width: 84rem) {
  body.page-id-139 section.numberized.section-one div.pw {
    grid-template-columns: 20% 17% 17% 13% 13%;
  }
  body.page-id-139 section.numberized.section-one div.pw div[data-st="st-four"]:nth-child(2) {
    padding-top: 3vw;
  }
  body.page-id-139 section.numberized.section-one img.penumbra.gold {
    width: 80%;
    float: left;
    margin-bottom: -30%;
    margin-top: 20%;
  }
  body.page-id-139 section.numberized.section-one div.callout-circle {
    width: 50%;
    padding-top: 50%;
    float: right;
    margin-bottom: 0;
    margin-top: -70%;
  }
  body.page-id-139 section.numberized.section-one img.penumbra.green {
    width: 100%;
    margin-bottom: 5rem;
    margin-top: -40%;
  }
}
body.page-id-139 section.numberized.section-two {
  /* 48 rem media query */
}
body.page-id-139 section.numberized.section-two h3 {
  color: hsl(86, 61%, 44%);
}
body.page-id-139 section.numberized.section-two div.callout-circle {
  background: hsl(194, 75%, 37%);
}
body.page-id-139 section.numberized.section-two div.callout-circle p {
  font-size: 0.875rem;
  line-height: 1.3;
}
body.page-id-139 section.numberized.section-two img.mathpro,
body.page-id-139 section.numberized.section-two img.readingpro,
body.page-id-139 section.numberized.section-two img.graphs {
  clear: left;
  display: block;
  float: left;
  margin-bottom: 2.5rem;
}
@media screen and (min-width: 40rem) {
  body.page-id-139 section.numberized.section-two div.callout-circle {
    float: left;
    margin: 2rem auto;
    width: 75%;
    padding-top: 75%;
  }
  body.page-id-139 section.numberized.section-two div.callout-circle p {
    font-size: 1.125rem;
    line-height: 1.8;
    font-style: italic;
  }
}
@media screen and (min-width: 48rem) {
  body.page-id-139 section.numberized.section-two div.pw [data-st="st-row"] {
    display: flex;
    flex-direction: column;
  }
  body.page-id-139 section.numberized.section-two div.pw [data-st="st-row"] [data-st="st-six"] {
    width: 100%;
  }
  body.page-id-139 section.numberized.section-two div.pw [data-st="st-row"] [data-st="st-six"]:last-child {
    order: -1;
  }
  body.page-id-139 section.numberized.section-two div.pw [data-st="st-row"] [data-st="st-six"]:last-child img {
    float: left;
  }
}
@media screen and (min-width: 64rem) {
  body.page-id-139 section.numberized.section-two div.callout-circle {
    float: none;
    margin: 2rem auto;
    width: 65%;
    padding-top: 65%;
  }
  body.page-id-139 section.numberized.section-two img.mathpro,
  body.page-id-139 section.numberized.section-two img.readingpro {
    width: 47.5%;
    float: left;
    clear: none;
  }
  body.page-id-139 section.numberized.section-two img.mathpro {
    margin-right: 5%;
  }
}
@media screen and (min-width: 72rem) {
  body.page-id-139 section.numberized.section-two h2 {
    margin: 4rem 0 2rem;
    max-width: 570px;
  }
  body.page-id-139 section.numberized.section-two div[data-st="st-four"]:nth-child(3) h3:first-child + div {
    text-align: center;
  }
  body.page-id-139 section.numberized.section-two img.mathpro,
  body.page-id-139 section.numberized.section-two img.readingpro {
    display: inline-block;
    float: none;
    max-width: 516px;
  }
  body.page-id-139 section.numberized.section-two img.graphs {
    float: none;
    margin: 0 auto 4rem;
  }
  body.page-id-139 section.numberized.section-two div.callout-circle {
    float: none;
    margin: 2rem auto;
    width: 50%;
    padding-top: 50%;
  }
  body.page-id-139 section.numberized.section-two div.pw {
    grid-template-areas: "number content content content content" "number secondary secondary secondary secondary";
  }
  body.page-id-139 section.numberized.section-two div.pw [data-st="st-row"] {
    flex-direction: row;
  }
  body.page-id-139 section.numberized.section-two div.pw [data-st="st-row"] h3 {
    clear: both;
  }
  body.page-id-139 section.numberized.section-two div.pw [data-st="st-row"] [data-st="st-six"] {
    width: 47.5%;
    margin-right: 5%;
  }
  body.page-id-139 section.numberized.section-two div.pw [data-st="st-row"] [data-st="st-six"]:last-child {
    order: 2;
    margin-right: 0;
    display: flex;
    flex-direction: column;
  }
  body.page-id-139 section.numberized.section-two div.pw [data-st="st-row"] [data-st="st-six"]:last-child img {
    margin: auto 0;
  }
}
@media screen and (min-width: 84rem) {
  body.page-id-139 section.numberized.section-two div[data-st="st-four"]:nth-child(2) div.left-content {
    width: 55%;
    float: left;
    margin-right: 5%;
  }
  body.page-id-139 section.numberized.section-two div[data-st="st-four"]:nth-child(2) div.callout-circle {
    padding-top: 40%;
    width: 40%;
    float: right;
    margin-top: -7%;
    margin-bottom: 5%;
  }
}
body.page-id-139 section.numberized.section-three div.callout-circle p {
  font-size: 1rem;
  line-height: 1.3;
}
@media screen and (min-width: 30rem) {
  body.page-id-139 section.numberized.section-three div.callout-circle p {
    font-size: 1.125rem;
    line-height: 1.8;
    font-style: italic;
  }
}
@media screen and (min-width: 30rem) {
  body.page-id-139 section.numberized.section-three {
    grid-template-areas: "number content content content content";
  }
  body.page-id-139 section.numberized.section-three div[data-st="st-four"]:first-child div.progress-line {
    display: none;
  }
  body.page-id-139 section.numberized.section-three [data-st="st-eight"] {
    grid-area: content;
    width: 100%;
  }
  body.page-id-139 section.numberized.section-three [data-st="st-eight"] div.callout-circle {
    width: 70%;
    margin: 2rem auto 0;
    padding-top: 70%;
  }
}
@media screen and (min-width: 64rem) {
  body.page-id-139 section.numberized.section-three [data-st="st-eight"] div.callout-circle {
    width: 50%;
    float: left;
    padding-top: 50%;
  }
}
@media screen and (min-width: 72rem) {
  body.page-id-139 section.numberized.section-three h2 {
    margin: 4rem 0 2rem;
  }
  body.page-id-139 section.numberized.section-three div.pw {
    grid-template-areas: "number content content content content";
  }
}
@media screen and (min-width: 84rem) {
  body.page-id-139 section.numberized.section-three [data-st="st-eight"] div.callout-circle {
    padding-top: 45%;
    width: 45%;
    margin-left: -30%;
    margin-right: 5%;
  }
  body.page-id-139 section.numberized.section-three [data-st="st-eight"] > p {
    width: 80%;
    float: right;
  }
}
@media screen and (min-width: 96rem) {
  body.page-id-139 section.numberized.section-three [data-st="st-eight"] div.callout-circle {
    padding-top: 35%;
    width: 35%;
    margin-left: -40%;
    margin-top: -10%;
  }
  body.page-id-139 section.numberized.section-three [data-st="st-eight"] > p {
    margin-right: 10%;
  }
}
body.page-id-139 section.partners h3 {
  letter-spacing: 1px;
}
/* body.page-id-139 */
/* Define our custom Animate on Scroll animations for the about page */
[data-aos="filling-up"] {
  position: absolute;
  bottom: auto;
  top: 0;
  height: 0px;
  opacity: 0;
  transition-property: height;
}
[data-aos="filling-up"].aos-animate {
  bottom: 1px;
  height: 100%;
  opacity: 1;
}
body.page-id-141 section[role="heading"].size-small div.tagline {
  margin-bottom: 5vw;
  max-width: 650px;
}
body.page-id-141 div.admissions-step {
  margin-bottom: 2rem;
  text-align: center;
}
body.page-id-141 div.admissions-step div.number {
  font-family: "ChampagneLimos", sans-serif;
  background: hsl(49, 59%, 47%) url(/assets/img/theme/number-bg.png) no-repeat center center;
  background-size: 200%;
  border-radius: 100px;
  color: #fff;
  display: block;
  font-size: 3rem;
  height: 100px;
  line-height: 90px;
  margin: 0 auto 1rem;
  padding-top: 8px;
  text-align: center;
  width: 100px;
}
body.page-id-141 div.admissions-step h3 {
  font-size: 1.5rem;
  margin-bottom: 0;
}
body.page-id-141 div.admissions-step h3:after {
  display: none;
}
body.page-id-141 div.admissions-step a[role="button"] {
  display: inline-block;
  float: none;
  margin: 1rem auto;
}
@media screen and (min-width: 40rem) {
  body.page-id-141 div.admissions-step {
    align-items: flex-start;
    clear: both;
    display: flex;
    margin-bottom: 3rem;
    justify-content: flex-start;
  }
  body.page-id-141 div.admissions-step div.number {
    float: left;
    margin-left: 0;
    margin-right: 1.5rem;
  }
  body.page-id-141 div.admissions-step div.content {
    max-width: 330px;
    width: 50%;
    text-align: left;
  }
  body.page-id-141 div.admissions-step div.content h3 {
    font-size: 1.75rem;
    padding-top: 1rem;
    padding-bottom: 0.5rem;
  }
  body.page-id-141 div.admissions-step div.content h3,
  body.page-id-141 div.admissions-step div.content p {
    text-align: left;
  }
  body.page-id-141 div.admissions-step a[role="button"] {
    margin-left: 1.5rem;
    width: 100%;
    text-transform: none;
    font-size: 0.875rem;
  }
  body.page-id-141 div.admissions-step:nth-child(4) div.content {
    margin-right: auto;
  }
}
@media screen and (min-width: 48rem) {
  body.page-id-141 div.admissions-step {
    margin: 0 auto 3rem;
    max-width: 675px;
  }
  body.page-id-141 div.admissions-step div.number {
    margin-right: 2rem;
  }
  body.page-id-141 div.admissions-step a[role="button"] {
    text-transform: uppercase;
    font-size: 1rem;
    float: right;
    margin-left: auto;
  }
  body.page-id-141 div.admissions-step > p:last-child {
    margin-left: auto;
  }
  body.page-id-141 div.admissions-step:last-child {
    margin-bottom: 0 !important;
  }
}
body.page-id-141 section.criteria p strong {
  color: hsl(194, 75%, 37%);
}
body.page-id-145 section.intro-section strong {
  color: hsl(49, 59%, 47%);
}
@media screen and (min-width: 48rem) {
  body.page-id-145 section.intro-section div[data-st="st-six"]:first-child {
    position: relative;
  }
  body.page-id-145 section.intro-section div[data-st="st-six"]:first-child img {
    position: absolute;
    max-width: 100%;
  }
}
@media screen and (min-width: 72rem) {
  body.page-id-145 section.intro-section {
    padding: 0;
  }
  body.page-id-145 section.intro-section div[data-st="st-six"]:first-child img {
    margin-top: -8vw;
    z-index: 5;
  }
}
body.page-id-145 section.education h3 {
  text-align: left;
}
body.page-id-145 section.education h3:after {
  left: 0;
  margin-left: 0;
}
@media screen and (min-width: 48rem) {
  body.page-id-145 section.education div[data-st="st-six"]:nth-child(2) {
    position: relative;
  }
  body.page-id-145 section.education div[data-st="st-six"]:nth-child(2) img {
    position: absolute;
    max-width: 100%;
    z-index: 1;
  }
}
@media screen and (min-width: 96rem) {
  body.page-id-145 section.education div[data-st="st-six"]:nth-child(2) img {
    margin-top: -100px;
  }
}
body.page-id-145 section.applytoday {
  background-image: url(/assets/img/theme/pattern-bg.jpg);
  background-repeat: repeat;
}
body.page-id-145 section.applytoday h3 {
  color: hsl(86, 53%, 73%) !important;
  padding-bottom: 0;
}
body.page-id-145 section.applytoday h3:after {
  display: none;
}
body.page-id-145 section.applytoday div.content + p {
  text-align: center;
}
body.page-id-145 section.applytoday div.content + p a[role="button"] {
  margin-top: 1.5rem;
}
body.page-id-145 section.applytoday img.penumbra {
  display: none;
  z-index: 2;
}
@media screen and (min-width: 40rem) {
  body.page-id-145 section.applytoday div[data-st="st-eight"] {
    display: flex;
    margin-bottom: 0 !important;
  }
  body.page-id-145 section.applytoday div[data-st="st-eight"] div.content {
    width: 75%;
  }
  body.page-id-145 section.applytoday div[data-st="st-eight"] div.content h3,
  body.page-id-145 section.applytoday div[data-st="st-eight"] div.content p {
    text-align: left;
  }
  body.page-id-145 section.applytoday div[data-st="st-eight"] div.content + p {
    flex-grow: 2;
    text-align: right;
  }
  body.page-id-145 section.applytoday div[data-st="st-eight"] div.content + p a[role="button"] {
    text-align: center;
    width: 100%;
  }
}
@media screen and (min-width: 48rem) {
  body.page-id-145 section.applytoday {
    position: relative;
  }
  body.page-id-145 section.applytoday div[data-st="st-eight"] {
    width: 100%;
  }
  body.page-id-145 section.applytoday div[data-st="st-eight"] div.content {
    width: 67%;
  }
  body.page-id-145 section.applytoday img.penumbra {
    display: block;
    position: absolute;
    right: 5%;
    bottom: -15vw;
    width: 30vw;
  }
}
@media screen and (min-width: 64rem) {
  body.page-id-145 section.applytoday img.penumbra {
    bottom: -20vw;
  }
}
@media screen and (min-width: 72rem) {
  body.page-id-145 section.applytoday div[data-st="st-eight"] {
    position: relative;
    width: 70%;
    z-index: 3;
  }
  body.page-id-145 section.applytoday div[data-st="st-eight"] div.content {
    width: 75%;
  }
  body.page-id-145 section.applytoday div[data-st="st-four"] {
    width: 24.4%;
  }
  body.page-id-145 section.applytoday div[data-st="st-four"] img.penumbra {
    top: -5vw;
    width: 40vw;
  }
}
@media screen and (min-width: 84rem) {
  body.page-id-145 section.applytoday {
    padding: 0;
  }
  body.page-id-145 section.applytoday div[data-st="st-eight"] div.content {
    padding-right: 1rem;
  }
  body.page-id-145 section.applytoday div[data-st="st-four"] img.penumbra {
    width: 30vw;
    top: -2vw;
  }
}
@media screen and (min-width: 96rem) {
  body.page-id-145 section.applytoday div[data-st="st-eight"] {
    display: flex;
    width: 65%;
  }
  body.page-id-145 section.applytoday div[data-st="st-eight"] div.content {
    width: 79%;
  }
  body.page-id-145 section.applytoday div[data-st="st-eight"] div.content h3 {
    letter-spacing: 1px;
  }
  body.page-id-145 section.applytoday div[data-st="st-eight"] div.content + p {
    margin-top: auto;
    margin-bottom: auto;
  }
  body.page-id-145 section.applytoday div[data-st="st-eight"] div.content + p a[role="button"] {
    margin-top: 0;
  }
  body.page-id-145 section.applytoday div[data-st="st-four"] img.penumbra {
    width: 28vw;
    top: 50%;
    margin-top: calc(-14vw + 1.5%);
  }
}
@media screen and (min-width: 108rem) {
  body.page-id-145 section.applytoday div.pw {
    position: relative;
  }
  body.page-id-145 section.applytoday div[data-st="st-eight"] {
    max-width: 980px;
  }
  body.page-id-145 section.applytoday div[data-st="st-eight"] a[role="button"] {
    max-width: 190px;
    margin-right: 1rem;
  }
  body.page-id-145 section.applytoday div[data-st="st-four"] img.penumbra {
    right: 0;
    width: 550px;
    margin-top: -225px;
  }
}
body.page-id-145 section.about-gca h2.alpha {
  max-width: 500px;
}
body.page-id-145 section.about-gca h3 {
  color: hsl(86, 61%, 44%);
  text-align: left;
}
body.page-id-145 section.about-gca h3:after {
  margin-left: 0;
  left: 0;
}
body.page-id-145 section.about-gca strong {
  color: hsl(86, 61%, 44%);
}
body.page-id-145 section.about-gca:nth-child(5) {
  padding-bottom: 0;
}
body.page-id-145 section.about-gca:nth-child(6) {
  padding-top: 0;
}
@media screen and (min-width: 72rem) {
  body.page-id-145 section.about-gca h2.alpha {
    max-width: 700px;
  }
}
body.blog div.color,
body.archive div.color,
body.category div.color,
body.tag div.color {
  background: hsl(86, 61%, 44%);
}
body.blog section[role="heading"] div.pw h1,
body.archive section[role="heading"] div.pw h1,
body.category section[role="heading"] div.pw h1,
body.tag section[role="heading"] div.pw h1 {
  margin: 0 auto;
}
body.error404 div.color {
  background: hsl(86, 61%, 44%);
}
body.error404 section[role="heading"] div.pw {
  text-align: center;
}
body.error404 section[role="heading"] div.pw h1 {
  margin: 0 auto;
}
body.error404 section[role="main"] div.pw {
  display: block !important;
}
body.error404 section[role="main"] div.pw label.screen-reader-text {
  display: none;
}
body.error404 section[role="main"] div.pw input#s {
  margin-right: 1.5rem;
}
body.error404 section[role="main"] div.pw input#s,
body.error404 section[role="main"] div.pw input#searchsubmit {
  float: left;
  clear: none;
  height: 50px;
}
.sgpb-popup-dialog-main-div-wrapper div.sgpb-content {
  box-shadow: 0px 6px 12px hsla(0, 0%, 0%, 0.5) !important;
  padding: 2.5rem !important;
}
.sgpb-popup-dialog-main-div-wrapper div.sgpb-content form p {
  line-height: 40px;
}
.sgpb-popup-dialog-main-div-wrapper div.sgpb-content form input,
.sgpb-popup-dialog-main-div-wrapper div.sgpb-content form select {
  display: inline-block;
  margin: 6px;
  padding: 0 1rem;
  border-radius: 10px;
  -webkit-appearance: none;
  line-height: 40px;
  height: 40px;
  float: none !important;
}
form.contact-form {
  max-width: 500px;
  margin: 0 auto;
}
form.contact-form input,
form.contact-form textarea {
  display: block;
  width: 100%;
}
form.contact-form label:last-of-type {
  clear: both;
  margin-top: 1rem;
  display: block;
  line-height: 20px;
}
form.contact-form label:last-of-type input[type="checkbox"] {
  width: 20px;
  height: 20px;
  margin-right: 0.75rem;
}
form.contact-form input[type="submit"] {
  max-width: 180px;
  margin: 1rem auto 0;
}
/*# sourceMappingURL=style.css.map */

/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* STEPHEN’S STYLES                                                   */
/* -------------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------------------------- */
abbr {
  text-decoration: none !important;
  border-bottom: 0px !important;
  cursor: inherit !important;
}

.text-center {
  text-align: center!important;
}

.obfuscate:before {
  content: "\0040";
}

.obfuscate:after {
  content: "\002E";
}

p + div > [role="button"],
p + [role="button"] {
  margin-top: 1em;
}

.readytogrow a.blue {
  margin-top: 0;
}

.parent-resources h3 + a.gold {
  margin-bottom: 1em;
}

button  {
  margin-bottom: 1em;
}

section.partner-gca h3 {
  margin-top: 1em;
}

.fullscreen-video {
  position: fixed;
  overflow: hidden;
  top: 50% !important;
  left: 50% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  width: auto;
  height: auto;
  transform: translateX(-50%) translateY(-50%);
  z-index: -10;
}

.bg-overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.6;
  z-index: -9;
}