/** BREAKPOINTS ****/
/*** TYPOGRAPHY ****/
/***COLORS ****/
.text-fuchsia, .text-fuchsia h1, .text-fuchsia h2, .text-fuchsia h3, .text-fuchsia h4, .text-fuchsia h5 {
  color: #EF2392;
}

.text-crimson, .text-crimson h1, .text-crimson h2, .text-crimson h3, .text-crimson h4, .text-crimson h5 {
  color: #E22526;
}

.text-tomato, .text-tomato h1, .text-tomato h2, .text-tomato h3, .text-tomato h4, .text-tomato h5 {
  color: #F15024;
}

.text-orange, .text-orange h1, .text-orange h2, .text-orange h3, .text-orange h4, .text-orange h5 {
  color: #F46D24;
}

.text-gold, .text-gold h1, .text-gold h2, .text-gold h3, .text-gold h4, .text-gold h5 {
  color: #FDB017;
}

.text-yellow, .text-yellow h1, .text-yellow h2, .text-yellow h3, .text-yellow h4, .text-yellow h5 {
  color: #FFDD01;
}

.text-lime, .text-lime h1, .text-lime h2, .text-lime h3, .text-lime h4, .text-lime h5 {
  color: #C4D92E;
}

.text-green, .text-green h1, .text-green h2, .text-green h3, .text-green h4, .text-green h5 {
  color: #5ABA46;
}

.text-teal, .text-teal h1, .text-teal h2, .text-teal h3, .text-teal h4, .text-teal h5 {
  color: #00AB9B;
}

.text-sky-blue, .text-sky-blue h1, .text-sky-blue h2, .text-sky-blue h3, .text-sky-blue h4, .text-sky-blue h5 {
  color: #00B7DF;
}

.text-blue, .text-blue h1, .text-blue h2, .text-blue h3, .text-blue h4, .text-blue h5 {
  color: #0270BB;
}

.text-navy, .text-navy h1, .text-navy h2, .text-navy h3, .text-navy h4, .text-navy h5 {
  color: #2A5CA9;
}

.text-indigo, .text-indigo h1, .text-indigo h2, .text-indigo h3, .text-indigo h4, .text-indigo h5 {
  color: #414CA0;
}

.text-deep-blue, .text-deep-blue h1, .text-deep-blue h2, .text-deep-blue h3, .text-deep-blue h4, .text-deep-blue h5 {
  color: #2B2B86;
}

.text-violet, .text-violet h1, .text-violet h2, .text-violet h3, .text-violet h4, .text-violet h5 {
  color: #473093;
}

.text-purple, .text-purple h1, .text-purple h2, .text-purple h3, .text-purple h4, .text-purple h5 {
  color: #602C95;
}

.text-plum, .text-plum h1, .text-plum h2, .text-plum h3, .text-plum h4, .text-plum h5 {
  color: #892792;
}

.text-magenta, .text-magenta h1, .text-magenta h2, .text-magenta h3, .text-magenta h4, .text-magenta h5 {
  color: #A9208E;
}

.text-raspberry, .text-raspberry h1, .text-raspberry h2, .text-raspberry h3, .text-raspberry h4, .text-raspberry h5 {
  color: #C71B78;
}

.text-hot-pink, .text-hot-pink h1, .text-hot-pink h2, .text-hot-pink h3, .text-hot-pink h4, .text-hot-pink h5 {
  color: #DF058E;
}

.text-regular-green, .text-regular-green h1, .text-regular-green h2, .text-regular-green h3, .text-regular-green h4, .text-regular-green h5 {
  color: #006C63;
}

.text-light-green, .text-light-green h1, .text-light-green h2, .text-light-green h3, .text-light-green h4, .text-light-green h5 {
  color: #A2CE39;
}

.text-regular-yellow, .text-regular-yellow h1, .text-regular-yellow h2, .text-regular-yellow h3, .text-regular-yellow h4, .text-regular-yellow h5 {
  color: #E3E42E;
}

.text-regular-purple, .text-regular-purple h1, .text-regular-purple h2, .text-regular-purple h3, .text-regular-purple h4, .text-regular-purple h5 {
  color: #7F2182;
}

.text-regular-pink, .text-regular-pink h1, .text-regular-pink h2, .text-regular-pink h3, .text-regular-pink h4, .text-regular-pink h5 {
  color: #DF058F;
}

.text-light-blue, .text-light-blue h1, .text-light-blue h2, .text-light-blue h3, .text-light-blue h4, .text-light-blue h5 {
  color: #03BAC6;
}

.text-regular-blue, .text-regular-blue h1, .text-regular-blue h2, .text-regular-blue h3, .text-regular-blue h4, .text-regular-blue h5 {
  color: #0070B8;
}

.text-dark-blue, .text-dark-blue h1, .text-dark-blue h2, .text-dark-blue h3, .text-dark-blue h4, .text-dark-blue h5 {
  color: #2B2C86;
}

.bg-fuchsia {
  background-color: #EF2392;
}

.bg-crimson {
  background-color: #E22526;
}

.bg-tomato {
  background-color: #F15024;
}

.bg-orange {
  background-color: #F46D24;
}

.bg-gold {
  background-color: #FDB017;
}

.bg-yellow {
  background-color: #FFDD01;
}

.bg-lime {
  background-color: #C4D92E;
}

.bg-green {
  background-color: #5ABA46;
}

.bg-teal {
  background-color: #00AB9B;
}

.bg-sky-blue {
  background-color: #00B7DF;
}

.bg-blue {
  background-color: #0270BB;
}

.bg-navy {
  background-color: #2A5CA9;
}

.bg-indigo {
  background-color: #414CA0;
}

.bg-deep-blue {
  background-color: #2B2B86;
}

.bg-violet {
  background-color: #473093;
}

.bg-purple {
  background-color: #602C95;
}

.bg-plum {
  background-color: #892792;
}

.bg-magenta {
  background-color: #A9208E;
}

.bg-raspberry {
  background-color: #C71B78;
}

.bg-hot-pink {
  background-color: #DF058E;
}

.bg-regular-green {
  background-color: #006C63;
}

.bg-light-green {
  background-color: #A2CE39;
}

.bg-regular-yellow {
  background-color: #E3E42E;
}

.bg-regular-purple {
  background-color: #7F2182;
}

.bg-regular-pink {
  background-color: #DF058F;
}

.bg-light-blue {
  background-color: #03BAC6;
}

.bg-regular-blue {
  background-color: #0070B8;
}

.bg-dark-blue {
  background-color: #2B2C86;
}

.fill-fuchsia path {
  fill: #EF2392;
}

.fill-crimson path {
  fill: #E22526;
}

.fill-tomato path {
  fill: #F15024;
}

.fill-orange path {
  fill: #F46D24;
}

.fill-gold path {
  fill: #FDB017;
}

.fill-yellow path {
  fill: #FFDD01;
}

.fill-lime path {
  fill: #C4D92E;
}

.fill-green path {
  fill: #5ABA46;
}

.fill-teal path {
  fill: #00AB9B;
}

.fill-sky-blue path {
  fill: #00B7DF;
}

.fill-blue path {
  fill: #0270BB;
}

.fill-navy path {
  fill: #2A5CA9;
}

.fill-indigo path {
  fill: #414CA0;
}

.fill-deep-blue path {
  fill: #2B2B86;
}

.fill-violet path {
  fill: #473093;
}

.fill-purple path {
  fill: #602C95;
}

.fill-plum path {
  fill: #892792;
}

.fill-magenta path {
  fill: #A9208E;
}

.fill-raspberry path {
  fill: #C71B78;
}

.fill-hot-pink path {
  fill: #DF058E;
}

.fill-regular-green path {
  fill: #006C63;
}

.fill-light-green path {
  fill: #A2CE39;
}

.fill-regular-yellow path {
  fill: #E3E42E;
}

.fill-regular-purple path {
  fill: #7F2182;
}

.fill-regular-pink path {
  fill: #DF058F;
}

.fill-light-blue path {
  fill: #03BAC6;
}

.fill-regular-blue path {
  fill: #0070B8;
}

.fill-dark-blue path {
  fill: #2B2C86;
}

body.crayola-experience {
  /*.stars img {
      position: absolute;
      bottom: 0;
      left: 30%;
      max-width: 300px;
      width: 100%;
  }*/
}
body.crayola-experience #header #aux-header {
  background-color: #006C63;
  border-bottom: none;
  padding: 10px;
  text-align: left;
}
@media (min-width: 768px), and {
  body.crayola-experience #header #aux-header {
    padding: 20px 64px 30px;
  }
}
body.crayola-experience #header #aux-header p {
  font: 1.13rem "OpenSans-Regular", Arial, sans-serif;
  line-height: 1.56;
  font-style: normal;
  color: #E3E42E;
  font-family: "Omnes-Semibold", Arial, sans-serif;
}
body.crayola-experience #header #main-header .inner-wrap {
  gap: 16px;
}
@media (min-width: 1200px), and {
  body.crayola-experience #header #main-header .inner-wrap {
    gap: 8px;
  }
}
body.crayola-experience #header #main-header .inner-wrap .primary-nav ul.navbar-nav {
  row-gap: 8px;
}
body.crayola-experience #header #main-header .inner-wrap .primary-nav ul.navbar-nav li.nav-item:last-child {
  padding-right: 0;
}
body.crayola-experience #header #main-header .inner-wrap .primary-nav ul.navbar-nav li.nav-item a.nav-link.dropdown-toggle {
  color: #006C63;
  font-size: 16px;
}
body.crayola-experience #header #main-header .inner-wrap .primary-nav ul.navbar-nav li.nav-item a.nav-link.dropdown-toggle span:after {
  background-image: url("/img/icons/ce-dropdown-toggle.svg");
}
body.crayola-experience #header #main-header .inner-wrap .primary-nav ul.navbar-nav li.nav-item a.nav-link.dropdown-toggle:after {
  background-color: #006C63;
}
body.crayola-experience #header #main-header .inner-wrap .primary-nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu.mega-menu .dropdown-menu-inner-wrap ul.links-list > li a {
  color: #006C63;
}
body.crayola-experience #header #main-header .inner-wrap .primary-nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu.mega-menu .dropdown-menu-inner-wrap ul.links-list > li ul li a {
  color: #000;
}
body.crayola-experience #header #main-header .inner-wrap .primary-nav ul.navbar-nav li.nav-item.dropdown .dropdown-menu.mega-menu {
  border-bottom: 7px solid #A2CE39;
}
body.crayola-experience #header #main-header .inner-wrap .secondary-nav nav ul li a#contact-us:hover svg rect {
  fill: #006B63;
  stroke: transparent;
}
body.crayola-experience #header #main-header .inner-wrap .secondary-nav nav ul li a#contact-us:hover svg path {
  stroke: transparent;
  fill: #DFE532;
}
body.crayola-experience #header #main-header .inner-wrap .secondary-nav nav ul li.dropdown .dropdown-menu.search {
  background-color: #006C63;
}
body.crayola-experience #header #main-header .inner-wrap .secondary-nav nav ul li.dropdown .dropdown-menu.search .search-input #search-input {
  background-color: #FFF;
}
body.crayola-experience #header #main-header .inner-wrap .secondary-nav nav ul li a#search:hover svg path, body.crayola-experience #header #main-header .inner-wrap .secondary-nav nav ul li a#search.dropdown-toggle.show svg path {
  fill: #DFE532;
  stroke: #DFE532;
}
body.crayola-experience #header #main-header .inner-wrap .secondary-nav nav ul li a#search:hover svg path:first-of-type, body.crayola-experience #header #main-header .inner-wrap .secondary-nav nav ul li a#search.dropdown-toggle.show svg path:first-of-type {
  fill: #006B63;
  stroke: transparent;
}
body.crayola-experience #header #main-header .inner-wrap .secondary-nav nav .ce-btn.dropdown-toggle {
  padding: 0;
  width: 44px;
  height: 50px;
  position: relative;
  top: -3px;
}
body.crayola-experience #header #main-header .inner-wrap .secondary-nav nav .ce-btn.dropdown-toggle img {
  width: 100%;
  object-fit: contain;
  height: 100%;
}
body.crayola-experience #header #main-header .inner-wrap .secondary-nav nav .ce-btn.dropdown-toggle:after {
  display: none;
}
body.crayola-experience #header #main-header .inner-wrap .secondary-nav nav ul.ce-btn-dropdown.mobile {
  display: none;
  padding: 10px;
  left: unset !important;
}
body.crayola-experience #header #main-header .inner-wrap .secondary-nav nav ul.ce-btn-dropdown.mobile.show {
  display: block;
}
body.crayola-experience #header #main-header .inner-wrap .secondary-nav nav ul li #mobile-nav-toggle {
  background-image: url("/img/icons/ce-hamburger.svg");
}
body.crayola-experience #header #main-header .inner-wrap .secondary-nav nav ul li #mobile-nav-toggle.active {
  background-image: url("/img/icons/ce-hamburger-close.svg");
}
body.crayola-experience #header .ce-btn.dropdown-toggle {
  margin-top: 0 !important;
}
body.crayola-experience #header .ce-btn.dropdown-toggle:after {
  display: none;
}
body.crayola-experience .desktop-search-toggle, body.crayola-experience .desktop-ticket {
  display: none;
}
body.crayola-experience .mobile-ticket {
  display: block;
}
body.crayola-experience #header #main-header .inner-wrap .secondary-nav nav ul li.dropdown.desktop-search-dropdown {
  margin-right: 0;
}
body.crayola-experience .mobile-search-toggle:after {
  display: none;
}
body.crayola-experience .mobile-search-toggle:hover svg path {
  fill: #DFE532;
  stroke: #DFE532;
}
body.crayola-experience .mobile-search-toggle:hover svg path:first-of-type {
  fill: #006B63;
  stroke: transparent;
}
@media all and (min-width: 1280px) {
  body.crayola-experience .desktop-search-toggle, body.crayola-experience .desktop-ticket {
    display: block;
  }
  body.crayola-experience .mobile-ticket {
    display: none;
  }
  body.crayola-experience .desktop-search-dropdown {
    margin-right: 16px;
  }
}
body.crayola-experience #header #mobile-nav-flyout .nav-link, body.crayola-experience #header #mobile-nav-flyout h2 {
  color: #006C63;
}
body.crayola-experience #header #mobile-nav-flyout .nav-link.has-child:after {
  background-image: url("/img/icons/ce-link-chevron.svg");
}
body.crayola-experience #header #mobile-nav-flyout .child-menu .back-flyout button {
  color: #006C63;
}
body.crayola-experience #header #mobile-nav-flyout .child-menu .back-flyout button svg path {
  stroke: #006C63;
}
body.crayola-experience .footer {
  background: url("/img/ce/brushstrokes/brushstroke-top.png") top no-repeat, url("/img/ce/backgrounds/dark-jungle-green.jpg") center no-repeat;
  background-size: contain, cover;
}
body.crayola-experience .footer h2, body.crayola-experience .footer .link-column button {
  color: #FFF;
  font-family: "Omnes-Bold", Arial, sans-serif;
  font-size: 1.25rem;
  line-height: 1.2;
  padding: 0;
}
body.crayola-experience .footer .footer-main {
  background-color: transparent;
}
body.crayola-experience .footer .footer-main .footer-toggle:after {
  content: "";
  border-bottom: 0.15em solid;
  border-radius: 0.25rem;
  border-right: 0.15em solid;
  border-style: solid;
  border-width: 0.25em 0.25em 0 0;
  display: inline-block;
  height: 0.55em;
  margin-left: 0.25em;
  position: relative;
  top: -2px;
  transform: rotate(135deg);
  vertical-align: middle;
  width: 0.55em;
}
body.crayola-experience .footer .footer-main .footer-dropdown {
  border-radius: 0px;
  border: 0;
}
body.crayola-experience .footer .footer-main .footer-dropdown:active {
  background: transparent;
}
body.crayola-experience .footer .footer-main .social-column nav ul.social-media li a:hover {
  border: 3px solid #A2CE39;
}
body.crayola-experience .footer .footer-top {
  padding-top: 75px;
  height: 100%;
  background-color: transparent;
}
@media (min-width: 768px), and {
  body.crayola-experience .footer .footer-top {
    min-height: 400px;
  }
}
@media (min-width: 992px), and {
  body.crayola-experience .footer .footer-top {
    min-height: 600px;
    padding-top: 150px;
  }
}
body.crayola-experience .footer .footer-top h2 {
  font: 3rem "Omnes-Bold", Arial, sans-serif;
  font-style: normal;
  line-height: normal;
  line-height: 1.21;
  font-style: normal;
  color: #FFF;
}
body.crayola-experience .footer .footer-top p {
  color: #FFF;
  margin-bottom: 1.5rem !important;
}
body.crayola-experience .footer .purple-paint-swipe h2 {
  color: #E3E42E;
  font: 3rem "Omnes-Bold", Arial, sans-serif;
  font-style: normal;
  line-height: normal;
  line-height: 1.21;
  font-style: normal;
  margin-bottom: 0;
}
body.crayola-experience .footer .purple-paint-swipe p {
  color: #FFF;
}
body.crayola-experience .footer .footer-aux {
  background-color: transparent;
}
body.crayola-experience .footer .footer-aux .aux-inner-wrap .aux-left {
  width: 100%;
}
body.crayola-experience .footer .footer-aux .aux-inner-wrap .aux-right {
  width: 100%;
  justify-content: space-between;
}
body.crayola-experience .footer .footer-aux .aux-inner-wrap .aux-right div ul {
  height: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
body.crayola-experience .footer .footer-aux .aux-inner-wrap .aux-right div ul > li {
  font: 0.88rem "Omnes-Semibold", Arial, sans-serif;
  line-height: 1.5;
  font-style: normal;
  padding-right: 20px;
  display: flex;
}
body.crayola-experience .footer .footer-aux .aux-inner-wrap .aux-right div ul > li > a {
  color: #FFF;
}
@media (max-width: 992px) {
  body.crayola-experience .footer .footer-aux .aux-inner-wrap .aux-right div ul {
    gap: 25px 30px;
    flex-direction: column;
    height: 400px;
  }
}
body.crayola-experience .footer .newsletter-form input.form-control {
  max-width: 300px;
  border-radius: 0;
}
body.crayola-experience .footer .newsletter-form .submit-btn {
  color: #FFF;
  text-transform: uppercase;
  padding-left: 1rem;
  padding-top: 0.3rem;
  font-family: "Omnes-Semibold", Arial, sans-serif;
  transition: all 0.25s ease-in-out;
}
body.crayola-experience .footer .newsletter-form .submit-btn:hover {
  transform: scale(1.1);
}
@media all and (max-width: 375px) {
  body.crayola-experience .footer .newsletter-form .submit-btn {
    padding-left: 0;
  }
}
body.crayola-experience .footer .newsletter-form div[data-sf-role=fields-container] {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  width: 100%;
}
@media all and (max-width: 375px) {
  body.crayola-experience .footer .newsletter-form div[data-sf-role=fields-container] {
    flex-direction: column;
  }
}
body.crayola-experience .footer .newsletter-form div[data-sf-role=text-field-container] {
  width: auto !important;
}
body.crayola-experience .footer .newsletter-form .invalid-feedback {
  border-radius: 0;
}
body.crayola-experience .footer .back-to-top svg:hover path {
  stroke: #E3E42E;
}
body.crayola-experience .footer .back-to-top svg:hover path:first-child {
  fill: #006C63;
}
body.crayola-experience #main p {
  margin-bottom: 1rem;
}
body.crayola-experience .default-search-results h1, body.crayola-experience .default-search-results h2, body.crayola-experience .default-search-results h3, body.crayola-experience .default-search-results h4, body.crayola-experience .default-search-results h5, body.crayola-experience .default-search-results h6 {
  color: #006C63;
}
body.crayola-experience .ce-btn, body.crayola-experience a.btn, body.crayola-experience button.btn, body.crayola-experience span.btn {
  text-transform: uppercase;
  text-decoration: none;
  -webkit-mask: url("/img/ce/buttons/ce-btn-blank.svg");
  mask: url("/img/ce/buttons/ce-btn-blank.svg");
  mask-position: center;
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  color: #000;
  padding: 0.875rem 1.5rem;
  display: inline-block;
  transition: all 0.2s ease-in-out;
  font: 1.25rem "Omnes-Bold", Arial, sans-serif;
  line-height: 1.2;
  font-style: normal;
  border-radius: 0;
  background-color: unset;
  border: unset;
}
body.crayola-experience .ce-btn:hover, body.crayola-experience a.btn:hover, body.crayola-experience button.btn:hover, body.crayola-experience span.btn:hover {
  transform: scale(1.1);
  border: unset;
}
body.crayola-experience .ce-btn-red, body.crayola-experience a.btn-red, body.crayola-experience button.btn-red, body.crayola-experience span.btn-red {
  background-color: #C9252C;
  color: #FFF;
}
body.crayola-experience .ce-btn-yellow, body.crayola-experience .ce-btn.large-primary, body.crayola-experience .ce-btn.medium-primary, body.crayola-experience .ce-btn.small-primary, body.crayola-experience a.btn-yellow, body.crayola-experience a.btn.large-primary, body.crayola-experience a.btn.medium-primary, body.crayola-experience a.btn.small-primary, body.crayola-experience button.btn-yellow, body.crayola-experience button.btn.large-primary, body.crayola-experience button.btn.medium-primary, body.crayola-experience button.btn.small-primary, body.crayola-experience span.btn-yellow, body.crayola-experience span.btn.large-primary, body.crayola-experience span.btn.medium-primary, body.crayola-experience span.btn.small-primary {
  background-color: #E3E42E;
  color: #006C63;
}
body.crayola-experience .ce-btn-green, body.crayola-experience .ce-btn.large-magenta, body.crayola-experience .ce-btn.medium-magenta, body.crayola-experience .ce-btn.small-magenta, body.crayola-experience a.btn-green, body.crayola-experience a.btn.large-magenta, body.crayola-experience a.btn.medium-magenta, body.crayola-experience a.btn.small-magenta, body.crayola-experience button.btn-green, body.crayola-experience button.btn.large-magenta, body.crayola-experience button.btn.medium-magenta, body.crayola-experience button.btn.small-magenta, body.crayola-experience span.btn-green, body.crayola-experience span.btn.large-magenta, body.crayola-experience span.btn.medium-magenta, body.crayola-experience span.btn.small-magenta {
  background-color: #A2CE39;
  color: #006C63;
}
body.crayola-experience .ce-btn-purple, body.crayola-experience .ce-btn.large-tertiary, body.crayola-experience .ce-btn.medium-tertiary, body.crayola-experience .ce-btn.medium-tertiary, body.crayola-experience a.btn-purple, body.crayola-experience a.btn.large-tertiary, body.crayola-experience a.btn.medium-tertiary, body.crayola-experience a.btn.medium-tertiary, body.crayola-experience button.btn-purple, body.crayola-experience button.btn.large-tertiary, body.crayola-experience button.btn.medium-tertiary, body.crayola-experience button.btn.medium-tertiary, body.crayola-experience span.btn-purple, body.crayola-experience span.btn.large-tertiary, body.crayola-experience span.btn.medium-tertiary, body.crayola-experience span.btn.medium-tertiary {
  background-color: #7F2182;
  color: #E3E42E;
}
body.crayola-experience .ce-btn-dark-blue, body.crayola-experience .ce-btn.large-secondary, body.crayola-experience .ce-btn.medium-secondary, body.crayola-experience .ce-btn.small-secondary, body.crayola-experience a.btn-dark-blue, body.crayola-experience a.btn.large-secondary, body.crayola-experience a.btn.medium-secondary, body.crayola-experience a.btn.small-secondary, body.crayola-experience button.btn-dark-blue, body.crayola-experience button.btn.large-secondary, body.crayola-experience button.btn.medium-secondary, body.crayola-experience button.btn.small-secondary, body.crayola-experience span.btn-dark-blue, body.crayola-experience span.btn.large-secondary, body.crayola-experience span.btn.medium-secondary, body.crayola-experience span.btn.small-secondary {
  background-color: #2B2C86;
  color: #E3E42E;
}
body.crayola-experience .ce-btn-light-blue, body.crayola-experience a.btn-light-blue, body.crayola-experience button.btn-light-blue, body.crayola-experience span.btn-light-blue {
  background-color: #03BAC6;
  color: #2B2C86;
}
body.crayola-experience .ce-btn-large, body.crayola-experience a.btn-large, body.crayola-experience button.btn-large, body.crayola-experience span.btn-large {
  font: 2rem "Omnes-Bold", Arial, sans-serif;
  line-height: 1.19;
  font-style: normal;
}
@media all and (max-width: 1024px) {
  body.crayola-experience .ce-btn-large, body.crayola-experience a.btn-large, body.crayola-experience button.btn-large, body.crayola-experience span.btn-large {
    font: 1.5rem "Omnes-Bold", Arial, sans-serif;
    line-height: 1.17;
    font-style: normal;
  }
}
body.crayola-experience .ce-btn.medium-secondary, body.crayola-experience .ce-btn.medium-primary, body.crayola-experience .ce-btn.medium-magenta, body.crayola-experience .ce-btn.medium-tertiary, body.crayola-experience .ce-btn.small-secondary, body.crayola-experience .ce-btn.small-primary, body.crayola-experience .ce-btn.small-magenta, body.crayola-experience .ce-btn.small-tertiary, body.crayola-experience a.btn.medium-secondary, body.crayola-experience a.btn.medium-primary, body.crayola-experience a.btn.medium-magenta, body.crayola-experience a.btn.medium-tertiary, body.crayola-experience a.btn.small-secondary, body.crayola-experience a.btn.small-primary, body.crayola-experience a.btn.small-magenta, body.crayola-experience a.btn.small-tertiary, body.crayola-experience button.btn.medium-secondary, body.crayola-experience button.btn.medium-primary, body.crayola-experience button.btn.medium-magenta, body.crayola-experience button.btn.medium-tertiary, body.crayola-experience button.btn.small-secondary, body.crayola-experience button.btn.small-primary, body.crayola-experience button.btn.small-magenta, body.crayola-experience button.btn.small-tertiary, body.crayola-experience span.btn.medium-secondary, body.crayola-experience span.btn.medium-primary, body.crayola-experience span.btn.medium-magenta, body.crayola-experience span.btn.medium-tertiary, body.crayola-experience span.btn.small-secondary, body.crayola-experience span.btn.small-primary, body.crayola-experience span.btn.small-magenta, body.crayola-experience span.btn.small-tertiary {
  font-size: 1rem;
  padding: 0.575rem 1rem;
}
body.crayola-experience .ce-btn:focus-visible, body.crayola-experience a.btn:focus-visible, body.crayola-experience button.btn:focus-visible, body.crayola-experience span.btn:focus-visible {
  outline: 2px solid black;
  mask: none;
  border-radius: 8px;
}
body.crayola-experience button.hover-link, body.crayola-experience a.hover-link {
  color: #006C63;
  font: 1rem "Omnes-Semibold", Arial, sans-serif;
  line-height: 1.13;
}
body.crayola-experience button.hover-link span, body.crayola-experience a.hover-link span {
  color: #006C63;
}
body.crayola-experience a {
  color: #006C63;
}
body.crayola-experience a:hover {
  color: #006C63;
}
body.crayola-experience a.hover-link, body.crayola-experience a p.hover-link, body.crayola-experience button.hover-link {
  font: 1rem "Omnes-Semibold", Arial, sans-serif;
  line-height: 1.13;
  position: relative;
  width: fit-content;
  display: block;
  text-decoration: none;
}
body.crayola-experience a.hover-link:after, body.crayola-experience a p.hover-link:after, body.crayola-experience button.hover-link:after {
  content: "";
  height: 2px;
  width: 0;
  display: block;
  background-color: #006C63;
  position: relative;
  top: 3px;
  transition: width 0.3s ease-in;
}
body.crayola-experience a.hover-link:hover:after, body.crayola-experience a p.hover-link:hover:after, body.crayola-experience button.hover-link:hover:after {
  width: 100%;
}
body.crayola-experience a.hover-link-white:after, body.crayola-experience a p.hover-link-white:after, body.crayola-experience button.hover-link-white:after {
  background-color: #FFF;
}
body.crayola-experience ul.ce-btn-dropdown {
  text-transform: uppercase;
  text-decoration: none;
  -webkit-mask: url("/img/ce/buttons/ce-btn-blank.svg");
  mask: url("/img/ce/buttons/ce-btn-blank.svg");
  mask-position: center;
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  font: 1.25rem "Omnes-Bold", Arial, sans-serif;
  line-height: 1.2;
  font-style: normal;
  border-radius: 0;
  background-color: #FFF;
  border: unset;
  width: 100%;
  left: 15px !important;
}
body.crayola-experience ul.ce-btn-dropdown li {
  padding-bottom: 5px;
}
body.crayola-experience ul.ce-btn-dropdown.light-blue {
  background-color: #03BAC6;
}
body.crayola-experience ul.ce-btn-dropdown.light-blue li a {
  color: #2B2C86;
}
body.crayola-experience ul.ce-btn-dropdown.light-blue li a:hover {
  background-color: #03BAC6;
  color: #FFF;
}
body.crayola-experience ul.ce-btn-dropdown.light-blue li a:focus {
  background-color: #2B2C86;
  color: #03BAC6;
}
body.crayola-experience ul.ce-btn-dropdown.green {
  background-color: #A2CE39;
}
body.crayola-experience ul.ce-btn-dropdown.green li a {
  color: #006C63;
}
body.crayola-experience ul.ce-btn-dropdown.green li a:hover {
  background-color: #A2CE39;
  color: #FFF;
}
body.crayola-experience ul.ce-btn-dropdown.green li a:focus {
  background-color: #006C63;
  color: #A2CE39;
}
body.crayola-experience ul.ce-btn-dropdown.red {
  background-color: #C9252C;
}
body.crayola-experience ul.ce-btn-dropdown.red li a {
  color: #FFF;
}
body.crayola-experience ul.ce-btn-dropdown.red li a:hover {
  background-color: #C9252C;
  color: #FFF;
}
body.crayola-experience ul.ce-btn-dropdown.red li a:focus {
  background-color: #FFF;
  color: #C9252C;
}
body.crayola-experience .breadcrumb-wrapper {
  background-color: #006C63;
}
body.crayola-experience .breadcrumb-wrapper .breadcrumb .breadcrumb-item {
  font-family: "OpenSans-Semibold", Arial, sans-serif;
}
body.crayola-experience .breadcrumb-wrapper .breadcrumb .breadcrumb-item a {
  color: #FFF;
}
body.crayola-experience .breadcrumb-wrapper .breadcrumb .breadcrumb-item a:hover {
  color: #FFF;
  text-decoration: underline;
}
body.crayola-experience .faq-search .input-group-text {
  z-index: 10;
}
body.crayola-experience .faq-search input {
  border: 5px solid #0FA697;
  color: #006C63;
}
body.crayola-experience .faq-search input::placeholder, body.crayola-experience .faq-search input:focus {
  color: #006C63 !important;
}
body.crayola-experience ul.accordion li.accordion-item {
  background-color: #FFF;
}
body.crayola-experience ul.accordion li.accordion-item .accordion-header {
  background-color: #FFF;
}
body.crayola-experience ul.accordion li.accordion-item .accordion-header .accordion-button {
  padding: 15px;
  padding-bottom: 12px;
  color: #006C63;
  background-color: #FFF;
}
body.crayola-experience ul.accordion li.accordion-item .accordion-header .accordion-button:after {
  background-image: url("/img/icons/ce-dropdown-toggle.svg");
  width: 16px;
  height: 10px;
  background-size: contain;
}
body.crayola-experience .pagination .page-item .page-link {
  color: #006C63;
}
body.crayola-experience .pagination .page-item.active {
  background-color: #006C63;
}
body.crayola-experience .pagination .page-item.active .page-link {
  color: #FFF;
}
body.crayola-experience .pagination .page-item:hover {
  background-color: #E3E42E;
}
body.crayola-experience .pagination .page-item:hover.active .page-link {
  color: #006C63;
}
body.crayola-experience form .valid-feedback.d-block {
  background-color: white;
  padding: 20px;
  border-radius: 0;
  color: #006C63;
  font: 1.25rem "Omnes-Semibold", Arial, sans-serif;
}
body.crayola-experience form legend.form-default, body.crayola-experience form label.form-label {
  color: #006C63;
}
body.crayola-experience form .form-default.form-control.rounded-pill, body.crayola-experience form textarea.form-default {
  border: 3px solid #7F2182 !important;
  border-radius: 0px !important;
}
body.crayola-experience form select, body.crayola-experience form select:focus {
  background-color: #7F2182;
  color: #FFF;
  border: 3px solid #7F2182 !important;
  font: 1rem "OpenSans-Semibold", Arial, sans-serif;
}
body.crayola-experience form .select-wrap:after {
  content: "";
  border-bottom: 0.2em solid;
  border-radius: 0.2rem;
  border-right: 0.2em solid;
  border-style: solid;
  border-width: 0.3em 0.3em 0 0;
  background-image: none;
  display: inline-block;
  height: 0.75em;
  margin-left: 0.75em;
  position: absolute;
  top: 30%;
  right: 2rem;
  transform: rotate(135deg);
  vertical-align: middle;
  width: 0.75em;
  border-color: #FFF;
}
body.crayola-experience .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #E3E42E;
}
body.crayola-experience .swiper-button-wrap .swiper-button-prev:hover svg path, body.crayola-experience .swiper-button-wrap .swiper-button-next:hover svg path {
  fill: #E3E42E;
  stroke: #E3E42E;
}
body.crayola-experience .swiper-button-wrap .swiper-button-prev:hover svg rect, body.crayola-experience .swiper-button-wrap .swiper-button-next:hover svg rect {
  fill: #006C63;
}
body.crayola-experience .hero-slider {
  overflow: hidden;
}
@media (min-width: 768px), and {
  body.crayola-experience .hero-slider {
    height: 600px;
  }
}
body.crayola-experience .hero-slider-content {
  height: 100%;
}
body.crayola-experience .hero-slider-content-slide {
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 32px;
}
body.crayola-experience .hero-slider-content-slide > div {
  max-width: 400px;
  margin: 0 auto;
}
body.crayola-experience .hero-slider-content h1, body.crayola-experience .hero-slider-content h2, body.crayola-experience .hero-slider-content h3, body.crayola-experience .hero-slider-content h4, body.crayola-experience .hero-slider-content h5, body.crayola-experience .hero-slider-content h6, body.crayola-experience .hero-slider-content p {
  color: #FFF;
}
body.crayola-experience .hero-slider .ce-hero-slider {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
body.crayola-experience .hero-slider-controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
}
@media (min-width: 768px), and {
  body.crayola-experience .hero-slider-image {
    object-position: top center;
    object-fit: cover;
    height: 600px;
    width: 100%;
  }
}
body.crayola-experience .ce-hero-slider-images .swiper-slide {
  padding: 0 !important;
}
body.crayola-experience .ce-features .ce-feature {
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  will-change: transform;
  backface-visibility: hidden;
  transform-origin: left;
  transition: transform 0.1s linear;
}
@media (min-width: 992px), and {
  body.crayola-experience .ce-features .ce-feature {
    border-bottom: none;
  }
}
body.crayola-experience .ce-features .ce-feature a {
  text-decoration: none;
  height: 100%;
}
body.crayola-experience .ce-features .ce-feature-image {
  padding: 15px 15px;
  height: 100%;
  display: flex;
}
body.crayola-experience .ce-features .ce-feature-image img {
  aspect-ratio: 1/1;
  max-width: 100px;
}
body.crayola-experience .ce-features .ce-feature-content {
  padding: 1rem;
}
body.crayola-experience .ce-features .ce-feature-arrow {
  padding: 1rem;
}
body.crayola-experience .ce-features .ce-feature-arrow svg {
  height: 2rem;
}
body.crayola-experience .ce-features .ce-feature:hover .ce-feature-content {
  transform: scale(1.05);
  will-change: transform;
  backface-visibility: hidden;
  transform-origin: left;
  transition: transform 0.1s linear;
}
body.crayola-experience .events-slider .single-event {
  padding-bottom: 54px;
}
body.crayola-experience .events-slider .single-event-content-inner {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  max-width: 400px;
  margin: 0 auto;
}
body.crayola-experience .event-grid .brushstroke {
  min-height: 469px;
}
body.crayola-experience .project-card {
  border-radius: 0;
  height: 100%;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1;
}
body.crayola-experience .project-card .project-image {
  /* height: 280px;*/
  max-height: 416px;
}
@media (max-width: 767px) {
  body.crayola-experience .project-card .project-image {
    height: 100%;
  }
}
body.crayola-experience .project-card .card-body {
  background-color: #FFF;
}
body.crayola-experience .project-card .card-body .card-title {
  margin-bottom: 0;
  color: #006C63;
}
body.crayola-experience .project-card .card-body .card-text {
  margin-bottom: 20px;
  color: #006C63;
}
body.crayola-experience .project-card .card-body a {
  text-decoration: none;
  color: #006C63;
  font-weight: bold;
}
body.crayola-experience .attraction-text-column .attraction-sticky h3 {
  transition: padding 0.3s ease-out;
}
@media (min-width: 768px), and {
  body.crayola-experience .attraction-text-column .attraction-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
  }
}
@media (min-width: 768px), and {
  body.crayola-experience .attraction-text-column .attraction-sticky.scrolling-up h3 {
    transition: padding 0.3s ease-out;
    padding-top: 200px;
  }
}
body.crayola-experience .attraction-cards > div:nth-child(20n+1) {
  background-color: #EF2392;
  border-color: #EF2392;
}
body.crayola-experience .attraction-cards > div:nth-child(20n+2) {
  background-color: #E22526;
  border-color: #E22526;
}
body.crayola-experience .attraction-cards > div:nth-child(20n+3) {
  background-color: #F15024;
  border-color: #F15024;
}
body.crayola-experience .attraction-cards > div:nth-child(20n+4) {
  background-color: #F46D24;
  border-color: #F46D24;
}
body.crayola-experience .attraction-cards > div:nth-child(20n+5) {
  background-color: #FDB017;
  border-color: #FDB017;
}
body.crayola-experience .attraction-cards > div:nth-child(20n+6) {
  background-color: #FFDD01;
  border-color: #FFDD01;
}
body.crayola-experience .attraction-cards > div:nth-child(20n+7) {
  background-color: #C4D92E;
  border-color: #C4D92E;
}
body.crayola-experience .attraction-cards > div:nth-child(20n+8) {
  background-color: #5ABA46;
  border-color: #5ABA46;
}
body.crayola-experience .attraction-cards > div:nth-child(20n+9) {
  background-color: #00AB9B;
  border-color: #00AB9B;
}
body.crayola-experience .attraction-cards > div:nth-child(20n+10) {
  background-color: #00B7DF;
  border-color: #00B7DF;
}
body.crayola-experience .attraction-cards > div:nth-child(20n+11) {
  background-color: #0270BB;
  border-color: #0270BB;
}
body.crayola-experience .attraction-cards > div:nth-child(20n+12) {
  background-color: #2A5CA9;
  border-color: #2A5CA9;
}
body.crayola-experience .attraction-cards > div:nth-child(20n+13) {
  background-color: #414CA0;
  border-color: #414CA0;
}
body.crayola-experience .attraction-cards > div:nth-child(20n+14) {
  background-color: #2B2B86;
  border-color: #2B2B86;
}
body.crayola-experience .attraction-cards > div:nth-child(20n+15) {
  background-color: #473093;
  border-color: #473093;
}
body.crayola-experience .attraction-cards > div:nth-child(20n+16) {
  background-color: #602C95;
  border-color: #602C95;
}
body.crayola-experience .attraction-cards > div:nth-child(20n+17) {
  background-color: #892792;
  border-color: #892792;
}
body.crayola-experience .attraction-cards > div:nth-child(20n+18) {
  background-color: #A9208E;
  border-color: #A9208E;
}
body.crayola-experience .attraction-cards > div:nth-child(20n+19) {
  background-color: #C71B78;
  border-color: #C71B78;
}
body.crayola-experience .attraction-cards > div:nth-child(20n+20) {
  background-color: #DF058E;
  border-color: #DF058E;
}
body.crayola-experience .attraction-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border: 1px solid #006C63;
  background-color: #006C63;
  box-shadow: 6px 0px 15px rgba(0, 0, 0, 0.2);
}
body.crayola-experience .attraction-card:last-child {
  margin-bottom: 1rem;
}
@media (min-width: 768px), and {
  body.crayola-experience .attraction-card {
    flex-direction: row;
  }
}
@media (min-width: 768px), and {
  body.crayola-experience .attraction-card-image {
    width: 158px;
    max-width: 158px;
  }
}
body.crayola-experience .attraction-card-image img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
body.crayola-experience .attraction-card-content {
  background-color: #FFF;
  color: #006C63;
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
body.crayola-experience .attraction-card-content h1, body.crayola-experience .attraction-card-content h2, body.crayola-experience .attraction-card-content h3, body.crayola-experience .attraction-card-content h4, body.crayola-experience .attraction-card-content h5, body.crayola-experience .attraction-card-content h6, body.crayola-experience .attraction-card-content p, body.crayola-experience .attraction-card-content a {
  color: #006C63;
}
body.crayola-experience .attraction-card-content a {
  text-decoration: none;
}
body.crayola-experience .attraction-card-content a:after {
  background-color: #006C63;
}
body.crayola-experience .attraction-card-pallet {
  width: 100%;
  height: 50px;
}
@media (min-width: 768px), and {
  body.crayola-experience .attraction-card-pallet {
    width: 77px;
    height: auto;
  }
}
body.crayola-experience .ce-location-selector {
  background-color: #006C63;
  display: flex;
  align-items: end;
  overflow: hidden;
  min-height: 100vh;
}
@media (min-width: 992px), and {
  body.crayola-experience .ce-location-selector {
    min-height: 100dvh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
}
body.crayola-experience .ce-location-selector video {
  position: absolute;
  top: 0;
  width: 100%;
  display: none;
}
@media (min-width: 992px), and {
  body.crayola-experience .ce-location-selector video {
    display: block;
  }
}
body.crayola-experience .ce-location-selector p {
  font-size: 14px;
}
body.crayola-experience .ce-location-selector .has-video {
  z-index: 1;
}
body.crayola-experience .ce-location-selector .ce-logo {
  max-width: 65%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 166%;
  position: relative;
  z-index: 500;
  /*            @include breakpoint(large) {
      max-width: 25rem;
      margin-bottom: 60rem;
      position: relative;
      z-index: 500;
  }*/
}
@media (min-width: 768px), and {
  body.crayola-experience .ce-location-selector .ce-logo {
    max-width: 45%;
    margin-bottom: 147%;
    position: relative;
    z-index: 500;
  }
}
@media (min-width: 992px), and {
  body.crayola-experience .ce-location-selector .ce-logo {
    position: absolute;
    bottom: 10px;
    left: 20px;
    width: 90%;
    max-width: none;
    margin-bottom: 0;
  }
}
body.crayola-experience .ce-location-selector .ce-location-selector-button-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 11px;
  background: url("/img/ce/graphics/ellie-holding-card.png") top no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 77% 0 50%;
  /*
  @include breakpoint(medium) {
      background-size: 60%;
      padding: 50% 0 80% 0;

      .h2 {
          font: 4rem "Omnes-Bold", Arial, sans-serif;
      }
  }*/
  /*
  @include breakpoint(large) {
      background-size: 70%;
      bottom: -355px;
      padding: 62% 0 67% 0;

      .h2 {
          font: 2.5rem "Omnes-Bold", Arial, sans-serif;
      }
  }*/
  /*            @media screen and (min-width: 1024px) {
      background-size: 55%;
      bottom: -355px;
      padding: 49% 0 67% 0;

      .h2 {
          font: 4rem "Omnes-Bold", Arial, sans-serif;
      }

      .ce-btn {
          font-size: 2rem;
      }
  }*/
  /*
  @media screen and (min-width: 992px) {
      bottom: 0px;
      padding: 72% 0 38% 0;
      row-gap: 15px;
      background-size: 90%;

      .h2 {
          font: 2.5rem "Omnes-Bold", Arial, sans-serif;
      }

      .ce-btn {
          font-size: 2rem;
      }
  }*/
}
body.crayola-experience .ce-location-selector .ce-location-selector-button-wrapper .bee-drawing {
  position: absolute;
  max-width: 20%;
  top: 15%;
  right: 8%;
}
@media (min-width: 992px), and {
  body.crayola-experience .ce-location-selector .ce-location-selector-button-wrapper .bee-drawing {
    display: none;
  }
}
body.crayola-experience .ce-location-selector .ce-location-selector-button-wrapper .h2 {
  font: 2.5rem "Omnes-Bold", Arial, sans-serif;
  line-height: 3rem;
  margin-bottom: 0;
}
body.crayola-experience .ce-location-selector .ce-location-selector-button-wrapper .ce-btn.dropdown-toggle {
  font-size: 1.5rem;
}
body.crayola-experience .ce-location-selector .ce-location-selector-button-wrapper .ce-btn.dropdown-toggle:after {
  content: "";
  border-bottom: 0.15em solid;
  border-radius: 0.25rem;
  border-right: 0.15em solid;
  border-style: solid;
  border-width: 0.25em 0.25em 0 0;
  display: inline-block;
  height: 0.55em;
  margin-left: 0.25em;
  position: relative;
  top: -2px;
  transform: rotate(135deg);
  vertical-align: middle;
  width: 0.55em;
}
@media all and (min-width: 501px) {
  body.crayola-experience .ce-location-selector .ce-location-selector-button-wrapper {
    padding: 87% 0 55%;
  }
  body.crayola-experience .ce-location-selector .ce-location-selector-button-wrapper h1.h2 {
    font-size: 3.75rem;
  }
  body.crayola-experience .ce-location-selector .ce-location-selector-button-wrapper .ce-btn {
    font-size: 3rem;
  }
}
@media all and (min-width: 993px) {
  body.crayola-experience .ce-location-selector .ce-location-selector-button-wrapper {
    padding: 82% 0 55%;
  }
  body.crayola-experience .ce-location-selector .ce-location-selector-button-wrapper h1.h2 {
    font-size: 2.5rem;
  }
  body.crayola-experience .ce-location-selector .ce-location-selector-button-wrapper .ce-btn {
    font-size: 1.5rem;
  }
}
@media all and (min-width: 1920px) {
  body.crayola-experience .ce-location-selector .ce-location-selector-button-wrapper {
    padding: 90% 0 50%;
  }
  body.crayola-experience .ce-location-selector .ce-location-selector-button-wrapper h1.h2 {
    font-size: 3.75rem;
  }
  body.crayola-experience .ce-location-selector .ce-location-selector-button-wrapper .ce-btn {
    font-size: 2rem;
  }
}
body.crayola-experience .bg-dark-green-jungle {
  background: url("/img/ce/brushstrokes/brushstroke-top.png") top no-repeat, url("/img/ce/brushstrokes/brushstroke-bottom.png") bottom no-repeat, url("/img/ce/backgrounds/dark-jungle-green-2.jpg") center no-repeat;
  background-size: contain, contain, cover;
}
body.crayola-experience .bg-dark-blue-jungle {
  background: url("/img/ce/brushstrokes/brushstroke-top.png") top no-repeat, url("/img/ce/brushstrokes/brushstroke-bottom.png") bottom no-repeat, url("/img/ce/backgrounds/dark-jungle-blue.jpg") center no-repeat;
  background-size: contain, contain, cover;
}
body.crayola-experience .bg-light-red-orange {
  background: url("/img/ce/brushstrokes/brushstroke-top.png") top no-repeat, url("/img/ce/brushstrokes/brushstroke-bottom.png") bottom no-repeat, url("/img/ce/backgrounds/light-red-orange.jpg") center no-repeat;
  background-size: contain, contain, cover;
}
body.crayola-experience .bg-teal-jungle {
  background: url("/img/ce/brushstrokes/brushstroke-top.png") top no-repeat, url("/img/ce/brushstrokes/brushstroke-bottom.png") bottom no-repeat, url("/img/ce/backgrounds/teal-background.jpg") center no-repeat;
  background-size: contain, contain, cover;
}
body.crayola-experience .bg-laser-lemon {
  background: url("/img/ce/backgrounds/laser-lemon.jpg") center no-repeat;
  background-size: 100% 100%;
}
body.crayola-experience .bg-paint-swipe {
  background: url("/img/ce/brushstrokes/paint-swipe.svg") no-repeat;
  background-size: 100% 100%;
}
body.crayola-experience .brushstroke {
  background: url("/img/ce/brushstrokes/brushstroke-top.png") top no-repeat, url("/img/ce/brushstrokes/brushstroke-bottom.png") bottom no-repeat;
  background-size: contain, contain;
}
body.crayola-experience .brushstroke-right {
  -webkit-mask: url("/img/ce/brushstrokes/brushstroke-right.svg");
  mask: url("/img/ce/brushstrokes/brushstroke-right.svg");
  mask-position: center;
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
}
body.crayola-experience .base-paint-swipe, body.crayola-experience .aqua-paint-swipe, body.crayola-experience .dark-blue-paint-swipe, body.crayola-experience .regular-blue-paint-swipe, body.crayola-experience .light-blue-paint-swipe, body.crayola-experience .regular-pink-paint-swipe, body.crayola-experience .regular-purple-paint-swipe, body.crayola-experience .regular-yellow-paint-swipe, body.crayola-experience .light-green-paint-swipe, body.crayola-experience .regular-green-paint-swipe, body.crayola-experience .hot-pink-paint-swipe, body.crayola-experience .raspberry-paint-swipe, body.crayola-experience .magenta-paint-swipe, body.crayola-experience .plum-paint-swipe, body.crayola-experience .violet-paint-swipe, body.crayola-experience .deep-blue-paint-swipe, body.crayola-experience .indigo-paint-swipe, body.crayola-experience .navy-paint-swipe, body.crayola-experience .blue-paint-swipe, body.crayola-experience .sky-blue-paint-swipe, body.crayola-experience .teal-paint-swipe, body.crayola-experience .green-paint-swipe, body.crayola-experience .lime-paint-swipe, body.crayola-experience .yellow-paint-swipe, body.crayola-experience .gold-paint-swipe, body.crayola-experience .orange-paint-swipe, body.crayola-experience .tomato-paint-swipe, body.crayola-experience .crimson-paint-swipe, body.crayola-experience .fuchsia-paint-swipe, body.crayola-experience .pink-paint-swipe, body.crayola-experience .purple-paint-swipe {
  -webkit-mask: url("/img/ce/brushstrokes/paint-swipe-blank.svg");
  mask: url("/img/ce/brushstrokes/paint-swipe-blank.svg");
  mask-position: center;
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
}
body.crayola-experience .purple-paint-swipe {
  background-color: #7F2182;
}
body.crayola-experience .purple-paint-swipe #prev-month:hover rect, body.crayola-experience .purple-paint-swipe #next-month:hover rect {
  fill: rgb(0, 108, 99);
}
body.crayola-experience .purple-paint-swipe #prev-month:hover path, body.crayola-experience .purple-paint-swipe #next-month:hover path {
  stroke: rgb(227, 228, 46);
}
body.crayola-experience .pink-paint-swipe {
  background-color: #DF058F;
}
body.crayola-experience .fuchsia-paint-swipe {
  background-color: #EF2392;
}
body.crayola-experience .crimson-paint-swipe {
  background-color: #E22526;
}
body.crayola-experience .tomato-paint-swipe {
  background-color: #F15024;
}
body.crayola-experience .orange-paint-swipe {
  background-color: #F46D24;
}
body.crayola-experience .gold-paint-swipe {
  background-color: #FDB017;
}
body.crayola-experience .yellow-paint-swipe {
  background-color: #FFDD01;
}
body.crayola-experience .lime-paint-swipe {
  background-color: #C4D92E;
}
body.crayola-experience .green-paint-swipe {
  background-color: #5ABA46;
}
body.crayola-experience .teal-paint-swipe {
  background-color: #00AB9B;
}
body.crayola-experience .sky-blue-paint-swipe {
  background-color: #00B7DF;
}
body.crayola-experience .blue-paint-swipe {
  background-color: #0270BB;
}
body.crayola-experience .navy-paint-swipe {
  background-color: #2A5CA9;
}
body.crayola-experience .indigo-paint-swipe {
  background-color: #414CA0;
}
body.crayola-experience .deep-blue-paint-swipe {
  background-color: #2B2B86;
}
body.crayola-experience .violet-paint-swipe {
  background-color: #473093;
}
body.crayola-experience .purple-paint-swipe {
  background-color: #602C95;
}
body.crayola-experience .plum-paint-swipe {
  background-color: #892792;
}
body.crayola-experience .magenta-paint-swipe {
  background-color: #A9208E;
}
body.crayola-experience .raspberry-paint-swipe {
  background-color: #C71B78;
}
body.crayola-experience .hot-pink-paint-swipe {
  background-color: #DF058E;
}
body.crayola-experience .regular-green-paint-swipe {
  background-color: #006C63;
}
body.crayola-experience .light-green-paint-swipe {
  background-color: #A2CE39;
}
body.crayola-experience .regular-yellow-paint-swipe {
  background-color: #E3E42E;
}
body.crayola-experience .regular-purple-paint-swipe {
  background-color: #7F2182;
}
body.crayola-experience .regular-pink-paint-swipe {
  background-color: #DF058F;
}
body.crayola-experience .light-blue-paint-swipe {
  background-color: #03BAC6;
}
body.crayola-experience .regular-blue-paint-swipe {
  background-color: #0070B8;
}
body.crayola-experience .dark-blue-paint-swipe {
  background-color: #2B2C86;
}
body.crayola-experience .paint-mark-57:before {
  background: url("/img/ce/brushstrokes/paint-mark-57-top.svg");
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  top: -1px;
  width: 100%;
  height: 200px;
}
body.crayola-experience .paint-mark-57:after {
  background: url("/img/ce/brushstrokes/paint-mark-57-bottom.svg");
  background-size: cover;
  content: "";
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: 0;
}
body.crayola-experience .paint-mark-57 .container {
  z-index: 1;
  position: relative;
}
@media (max-width: 991.98px), and {
  body.crayola-experience .paint-mark-57:before {
    top: -60px;
  }
}
body.crayola-experience .brushstroke-rounded:before {
  background: url("/img/ce/brushstrokes/paint-mark-57-top.svg");
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  top: -1px;
  width: 100%;
  height: 200px;
}
body.crayola-experience .brushstroke-rounded:after {
  background: url("/img/ce/brushstrokes/paint-mark-57-bottom.svg");
  background-size: cover;
  content: "";
  position: absolute;
  bottom: -1px;
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-position: 0;
}
body.crayola-experience .brushstroke-rounded .container {
  z-index: 1;
  position: relative;
}
body.crayola-experience .brushstroke-swipe:before {
  background: url("/img/ce/brushstrokes/brushstroke-top.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 80px;
}
body.crayola-experience .brushstroke-swipe:after {
  background: url("/img/ce/brushstrokes/brushstroke-bottom.png");
  background-size: cover;
  content: "";
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 80px;
  background-repeat: no-repeat;
  background-position: top;
}
body.crayola-experience .brushstroke-swipe .container {
  z-index: 1;
  position: relative;
}
body.crayola-experience .yellow-paint-swipe {
  background: url("/img/ce/brushstrokes/brushstroke-top.png") top no-repeat, url("/img/ce/brushstrokes/brushstroke-bottom.png") bottom no-repeat;
  background-size: contain, contain;
  background-color: #E3E42E;
}
body.crayola-experience .aqua-paint-swipe {
  background-color: #009299;
}
body.crayola-experience .birdy-birdy {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 20%;
}
body.crayola-experience .tippy {
  position: absolute;
  top: -5%;
  left: 50%;
  display: none;
  width: 24%;
}
@media (min-width: 1200px), and {
  body.crayola-experience .tippy {
    display: block;
  }
}
body.crayola-experience .bee {
  position: absolute;
  bottom: 10%;
  right: 5%;
  max-width: 100px;
}
body.crayola-experience .stars {
  display: none;
  position: absolute;
  left: 35%;
}
@media (min-width: 1200px), and {
  body.crayola-experience .stars {
    display: block;
  }
}
body.crayola-experience .orange-crayon {
  position: absolute;
  bottom: 0;
  max-width: 150px;
}
@media (min-width: 992px), and {
  body.crayola-experience .orange-crayon {
    max-width: 300px;
  }
}
body.crayola-experience .yellow-crayon {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 150px;
}
@media (min-width: 992px), and {
  body.crayola-experience .yellow-crayon {
    max-width: 300px;
  }
}
body.crayola-experience .crayon-set {
  position: absolute;
  left: 0;
  max-width: 300px;
}
body.crayola-experience .footer-crayons {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 200px;
}
body.crayola-experience .sunshine {
  width: 200px;
}
body.crayola-experience .tip-big-small img {
  position: absolute;
  top: 30px;
  transform: translateY(-100%);
  max-height: 200px;
}
body.crayola-experience .bignose-bug img {
  position: absolute;
  right: 0;
  transform: translateY(100%);
  max-height: 75px;
}
body.crayola-experience .squiggle {
  position: absolute;
  right: 0;
  top: 0;
  transform: translateY(-50%);
}
body.crayola-experience .squiggle-2 {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  max-width: 400px;
  transform: rotate(-15deg);
}
body.crayola-experience .swirle {
  position: absolute;
  left: 0;
  top: 0;
  transform: translateY(-50%);
  max-width: 200px;
}
@media (min-width: 992px), and {
  body.crayola-experience .scallop {
    transform: translateX(-50px);
  }
}
body.crayola-experience .ellie-holding-card {
  position: absolute;
  bottom: 10px;
  right: 20px;
}
body.crayola-experience .copter {
  position: absolute;
  top: -50%;
  left: 0;
  transform: translateX(-50px);
}
body.crayola-experience .hero-card a.btn.small-secondary.card-cta {
  background-color: #fff;
  color: #2B2C86;
  border: none;
}
body.crayola-experience .hero-card a.btn.small-secondary.card-cta:hover {
  background-color: #fff;
  color: #2B2C86;
  border: none;
}
body.crayola-experience .single-article .entry-content figure img {
  height: 100%;
  width: inherit;
  border-radius: 20px;
  object-fit: cover;
  max-height: 600px;
  max-width: 100%;
  margin: auto;
}

.responsive-iframe-container {
  position: relative;
  width: 100%;
  padding-bottom: 32.25%;
  height: 0;
  overflow: hidden;
}

.responsive-iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}