/*
*******************************

PLEASE NOTE

src/styles/theme.css is not current being updated via gulp.
To change this file edit dist/styles/theme.css. These changes will show in your browser on refresh.
Then copy your changes to src/styles/theme.css and commit.


*********************************
*/

/* ================================================================== */

/* ::: black */

/* ================================================================== */

.theme-color-1--black .hero-banner--c,
.theme-color-1--black .hero-banner__image:before,
.theme-color-1--black .search-filter .btn:not(.dropdown-toggle) {
  color: #ffffff;
  background-color: #000000;
}

.theme-color-1--black .section--big-cta:before {
  background-color: rgba(0, 0, 0, 0.1);
}

.theme-color-1--black.homepage .hero-banner--a .hero-title h2 span {
  color: white;
}

.theme-color-1--black.homepage .hero-banner--a .hero-title h2 span:last-child {
  color: #000000;

  -webkit-text-stroke-color: white;
}

.theme-color-1--black .btn--orange.btn--effect,
.theme-color-1--black .btn--blue.btn--effect,
.theme-color-1--black .big-cta .btn,
.theme-color-1--black .btn--clearing {
  color: #ffffff;
  border-color: #000000;
  background-color: #000000;
}

.theme-color-1--black .btn--orange.btn--effect:before,
.theme-color-1--black .btn--blue.btn--effect:before,
.theme-color-1--black .big-cta .btn:before {
  border: 2px solid #000000;
}

.theme-color-1--black .btn--orange.btn--effect:hover,
.theme-color-1--black .btn--blue.btn--effect:hover,
.theme-color-1--black .big-cta .btn:hover {
  color: #000000 !important;
  background-color: transparent !important;
}

/* ================================================================== */

/* ::: blue */

/* ================================================================== */

.theme-color-1--blue .hero-banner--c,
.theme-color-1--blue .hero-banner__image:before,
.theme-color-1--blue .search-filter .btn:not(.dropdown-toggle) {
  color: #ffffff;
  background-color: #1520eb;
}

.theme-color-1--blue .section--big-cta:before {
  background-color: rgba(21, 32, 235, 0.1);
}

.theme-color-1--blue.homepage .hero-banner--a .hero-title h2 span {
  color: white;
}

.theme-color-1--blue.homepage .hero-banner--a .hero-title h2 span:last-child {
  color: #1520eb;

  -webkit-text-stroke-color: white;
}

.theme-color-1--blue .btn--orange.btn--effect,
.theme-color-1--blue .btn--blue.btn--effect,
.theme-color-1--blue .big-cta .btn,
.theme-color-1--blue .btn--clearing {
  color: #ffffff;
  border-color: #1520eb;
  background-color: #1520eb;
}

.theme-color-1--blue .btn--orange.btn--effect:before,
.theme-color-1--blue .btn--blue.btn--effect:before,
.theme-color-1--blue .big-cta .btn:before {
  border: 2px solid #1520eb;
}

.theme-color-1--blue .btn--orange.btn--effect:hover,
.theme-color-1--blue .btn--blue.btn--effect:hover,
.theme-color-1--blue .big-cta .btn:hover {
  color: #1520eb !important;
  background-color: transparent !important;
}

/* ================================================================== */

/* ::: red */

/* ================================================================== */

.theme-color-1--red .hero-banner--c,
.theme-color-1--red .hero-banner__image:before,
.theme-color-1--red .search-filter .btn:not(.dropdown-toggle) {
  color: #ffffff;
  background-color: #fd3b31;
}

.theme-color-1--red .section--big-cta:before {
  background-color: rgba(253, 59, 49, 0.1);
}

.theme-color-1--red.homepage .hero-banner--a .hero-title h2 span {
  color: white;
}

.theme-color-1--red.homepage .hero-banner--a .hero-title h2 span:last-child {
  color: #fd3b31;

  -webkit-text-stroke-color: white;
}

.theme-color-1--red .btn--orange.btn--effect,
.theme-color-1--red .btn--blue.btn--effect,
.theme-color-1--red .big-cta .btn,
.theme-color-1--red .btn--clearing {
  color: #ffffff;
  border-color: #fd3b31;
  background-color: #fd3b31;
}

.theme-color-1--red .btn--orange.btn--effect:before,
.theme-color-1--red .btn--blue.btn--effect:before,
.theme-color-1--red .big-cta .btn:before {
  border: 2px solid #fd3b31;
}

.theme-color-1--red .btn--orange.btn--effect:hover,
.theme-color-1--red .btn--blue.btn--effect:hover,
.theme-color-1--red .big-cta .btn:hover {
  color: #fd3b31 !important;
  background-color: transparent !important;
}

/* ================================================================== */

/* ::: yellow */

/* ================================================================== */

.theme-color-1--yellow .hero-banner--c,
.theme-color-1--yellow .hero-banner__image:before,
.theme-color-1--yellow .search-filter .btn:not(.dropdown-toggle) {
  color: #000000;
  background-color: #f4d335;
}

.theme-color-1--yellow .section--big-cta:before {
  background-color: rgba(244, 211, 53, 0.1);
}

.theme-color-1--yellow.homepage .hero-banner--a .hero-title h2 span {
  color: #000000;
}

.theme-color-1--yellow.homepage .hero-banner--a .hero-title h2 span:last-child {
  color: #f4d335;

  -webkit-text-stroke-color: #000000;
}

.theme-color-1--yellow .btn--orange.btn--effect,
.theme-color-1--yellow .btn--blue.btn--effect,
.theme-color-1--yellow .big-cta .btn,
.theme-color-1--yellow .btn--clearing {
  color: #000000;
  border-color: #f4d335;
  background-color: #f4d335;
}

.theme-color-1--yellow .btn--orange.btn--effect:before,
.theme-color-1--yellow .btn--blue.btn--effect:before,
.theme-color-1--yellow .big-cta .btn:before {
  border: 2px solid #f4d335;
}

.theme-color-1--yellow .btn--orange.btn--effect:hover,
.theme-color-1--yellow .btn--blue.btn--effect:hover,
.theme-color-1--yellow .big-cta .btn:hover {
  color: #000000 !important;
  background-color: transparent !important;
}

.theme-color-1--yellow .c-navbar:not(.sticky) {
  fill: #000000;
}

.theme-color-1--yellow .c-navbar:not(.sticky) {
  color: #000000;
}

.theme-color-1--yellow .c-navbar:not(.sticky) {
  stroke: #000000;
}

.theme-color-1--yellow .c-navbar:not(.sticky) {
  stroke: #ffffff;
}

.theme-color-1--yellow .hero-banner * {
  color: #000000 !important;
}

.theme-color-1--yellow .hero-banner .hero-banner__back path {
  stroke: #000000;
}

.theme-color-1--yellow .c-navbar:not(.sticky) {
  color: #ffffff;
}

.mega-menu-open .theme-color-1--yellow .c-navbar:not(.sticky) {
  color: white !important;
}

.mega-menu-open .theme-color-1--yellow .c-navbar:not(.sticky) {
  stroke: #ffffff;
}

.mega-menu-open .theme-color-1--yellow .c-navbar:not(.sticky) {
  fill: #ffffff;
}

/* ================================================================== */

/* ::: orange */

/* ================================================================== */

.theme-color-1--orange .hero-banner--c,
.theme-color-1--orange .hero-banner__image:before,
.theme-color-1--orange .search-filter .btn:not(.dropdown-toggle) {
  color: #ffffff;
  background-color: #fe4d18;
}

.theme-color-1--orange .section--big-cta:before {
  background-color: rgba(254, 77, 24, 0.1);
}

.theme-color-1--orange.homepage .hero-banner--a .hero-title h2 span {
  color: white;
}

.theme-color-1--orange.homepage .hero-banner--a .hero-title h2 span:last-child {
  color: #fe4d18;

  -webkit-text-stroke-color: white;
}

.theme-color-1--orange .btn--orange.btn--effect,
.theme-color-1--orange .btn--blue.btn--effect,
.theme-color-1--orange .big-cta .btn,
.theme-color-1--orange .btn--clearing {
  color: #ffffff;
  border-color: #fe4d18;
  background-color: #fe4d18;
}

.theme-color-1--orange .btn--orange.btn--effect:before,
.theme-color-1--orange .btn--blue.btn--effect:before,
.theme-color-1--orange .big-cta .btn:before {
  border: 2px solid #fe4d18;
}

.theme-color-1--orange .btn--orange.btn--effect:hover,
.theme-color-1--orange .btn--blue.btn--effect:hover,
.theme-color-1--orange .big-cta .btn:hover {
  color: #fe4d18 !important;
  background-color: transparent !important;
}

/* ================================================================== */

/* ::: pink */

/* ================================================================== */

.theme-color-1--pink .hero-banner--c,
.theme-color-1--pink .hero-banner__image:before,
.theme-color-1--pink .search-filter .btn:not(.dropdown-toggle) {
  color: #000000;
  background-color: #ffa1a4;
}

.theme-color-1--pink .section--big-cta:before {
  background-color: rgba(255, 161, 164, 0.1);
}

.theme-color-1--pink .btn--orange.btn--effect,
.theme-color-1--pink .btn--blue.btn--effect,
.theme-color-1--pink .big-cta .btn,
.theme-color-1--pink .btn--clearing {
  color: #000000;
  border-color: #ffa1a4;
  background-color: #ffa1a4;
}

.theme-color-1--pink .btn--orange.btn--effect:before,
.theme-color-1--pink .btn--blue.btn--effect:before,
.theme-color-1--pink .big-cta .btn:before {
  border: 2px solid #ffa1a4;
}

.theme-color-1--pink .btn--orange.btn--effect:hover,
.theme-color-1--pink .btn--blue.btn--effect:hover,
.theme-color-1--pink .big-cta .btn:hover {
  color: #000000 !important;
  background-color: transparent !important;
}

.theme-color-1--pink .c-navbar:not(.sticky) {
  fill: #000000;
}

.theme-color-1--pink .c-navbar:not(.sticky) {
  color: #000000 !important;
}

.theme-color-1--pink .c-navbar:not(.sticky) {
  stroke: #000000;
}

.theme-color-1--pink .hero-banner * {
  color: #000000 !important;
}

.theme-color-1--pink .hero-banner .hero-banner__back path {
  stroke: #000000;
}

.theme-color-1--pink.homepage .hero-banner--a .hero-title h2 span {
  color: #000000;
}

.theme-color-1--pink.homepage .hero-banner--a .hero-title h2 span:last-child {
  color: #ffa1a4;

  -webkit-text-stroke-color: #000000;
}

.mega-menu-open .theme-color-1--pink .c-navbar:not(.sticky) {
  color: white !important;
}

.mega-menu-open .theme-color-1--pink .c-navbar:not(.sticky) {
  stroke: #ffffff;
}

.mega-menu-open .theme-color-1--pink .c-navbar:not(.sticky) {
  fill: #ffffff;
}

/* ================================================================== */

/* ::: pink dark */

/* ================================================================== */

.theme-color-1--pink--dark .hero-banner--c,
.theme-color-1--pink--dark .hero-banner__image:before,
.theme-color-1--pink--dark .search-filter .btn:not(.dropdown-toggle) {
  color: #ffffff;
  background-color: #bf7a8d;
}

.theme-color-1--pink--dark .btn--orange.btn--effect,
.theme-color-1--pink--dark .btn--blue.btn--effect,
.theme-color-1--pink--dark .big-cta .btn,
.theme-color-1--pink--dark .btn--clearing {
  color: #ffffff;
  border-color: #bf7a8d;
  background-color: #bf7a8d;
}

.theme-color-1--pink--dark .btn--orange.btn--effect:before,
.theme-color-1--pink--dark .btn--blue.btn--effect:before,
.theme-color-1--pink--dark .big-cta .btn:before {
  border: 2px solid #bf7a8d;
}

.theme-color-1--pink--dark .btn--orange.btn--effect:hover,
.theme-color-1--pink--dark .btn--blue.btn--effect:hover,
.theme-color-1--pink--dark .big-cta .btn:hover {
  color: #bf7a8d !important;
  background-color: transparent !important;
}

.theme-color-1--pink--dark .section--big-cta:before {
  background-color: rgba(191, 122, 141, 0.1);
}

.theme-color-1--pink--dark.homepage .hero-banner--a .hero-title h2 span {
  color: white;
}

.theme-color-1--pink--dark.homepage
  .hero-banner--a
  .hero-title
  h2
  span:last-child {
  color: #bf7a8d;

  -webkit-text-stroke-color: white;
}

/* ================================================================== */

/* ::: mint */

/* ================================================================== */

.theme-color-1--mint .hero-banner--c,
.theme-color-1--mint .hero-banner__image:before,
.theme-color-1--mint .search-filter .btn:not(.dropdown-toggle) {
  color: #000000;
  background-color: #a1ffc1;
}

.theme-color-1--mint .btn--orange.btn--effect,
.theme-color-1--mint .btn--blue.btn--effect,
.theme-color-1--mint .big-cta .btn,
.theme-color-1--mint .btn--clearing {
  color: #000000;
  border-color: #a1ffc1;
  background-color: #a1ffc1;
}

.theme-color-1--mint .btn--orange.btn--effect:before,
.theme-color-1--mint .btn--blue.btn--effect:before,
.theme-color-1--mint .big-cta .btn:before {
  border: 2px solid #a1ffc1;
}

.theme-color-1--mint .btn--orange.btn--effect:hover,
.theme-color-1--mint .btn--blue.btn--effect:hover,
.theme-color-1--mint .big-cta .btn:hover {
  color: #000000 !important;
  background-color: transparent !important;
}

.theme-color-1--mint .section--big-cta:before {
  background-color: rgba(161, 255, 193, 0.1);
}

.theme-color-1--mint:not(.mega-menu-open) {
  fill: #000000;
}

.theme-color-1--mint:not(.mega-menu-open) {
  color: #000000;
}

.theme-color-1--mint:not(.mega-menu-open) {
  stroke: #000000;
}

.theme-color-1--mint .c-navbar:not(.sticky) {
  color: #000000;
}

.theme-color-1--mint .hero-banner * {
  color: #000000 !important;
}

.theme-color-1--mint .hero-banner .hero-banner__back path {
  stroke: #000000;
}

.theme-color-1--mint.homepage .hero-banner--a .hero-title h2 span {
  color: white;
}

.theme-color-1--mint.homepage .hero-banner--a .hero-title h2 span:last-child {
  color: #a1ffc1;

  -webkit-text-stroke-color: white;
}

.mega-menu-open .theme-color-1--mint .c-navbar:not(.sticky) {
  color: white !important;
}

.mega-menu-open .theme-color-1--mint .c-navbar:not(.sticky) {
  stroke: #ffffff;
}

.mega-menu-open .theme-color-1--mint .c-navbar:not(.sticky) {
  fill: #ffffff;
}

/* ================================================================== */

/* ::: green */

/* ================================================================== */

.theme-color-1--green .hero-banner--c,
.theme-color-1--green .hero-banner__image:before,
.theme-color-1--green .search-filter .btn:not(.dropdown-toggle) {
  color: #ffffff;
  background-color: #13d1a9;
}

.theme-color-1--green .btn--orange.btn--effect,
.theme-color-1--green .btn--blue.btn--effect,
.theme-color-1--green .big-cta .btn,
.theme-color-1--green .btn--clearing {
  color: #ffffff;
  border-color: #13d1a9;
  background-color: #13d1a9;
}

.theme-color-1--green .btn--orange.btn--effect:before,
.theme-color-1--green .btn--blue.btn--effect:before,
.theme-color-1--green .big-cta .btn:before {
  border: 2px solid #13d1a9;
}

.theme-color-1--green .btn--orange.btn--effect:hover,
.theme-color-1--green .btn--blue.btn--effect:hover,
.theme-color-1--green .big-cta .btn:hover {
  color: #13d1a9 !important;
  background-color: transparent !important;
}

.theme-color-1--green .section--big-cta:before {
  background-color: rgba(19, 209, 169, 0.1);
}

.theme-color-1--green.homepage .hero-banner--a .hero-title h2 span {
  color: white;
}

.theme-color-1--green.homepage .hero-banner--a .hero-title h2 span:last-child {
  color: #13d1a9;

  -webkit-text-stroke-color: white;
}

/*
==================================================================
// ::: purple
====================================================================
*/

.theme-color-1--purple .hero-banner--c,
.theme-color-1--purple .hero-banner__image:before,
.theme-color-1--purple .search-filter .btn:not(.dropdown-toggle) {
  color: #ffffff;
  background-color: #58489d;
}

.theme-color-1--purple .btn--orange.btn--effect,
.theme-color-1--purple .btn--blue.btn--effect,
.theme-color-1--purple .big-cta .btn,
.theme-color-1--purple .btn--clearing {
  color: #ffffff;
  border-color: #58489d;
  background-color: #58489d;
}

.theme-color-1--purple .btn--orange.btn--effect:before,
.theme-color-1--purple .btn--blue.btn--effect:before,
.theme-color-1--purple .big-cta .btn:before {
  border: 2px solid #58489d;
}

.theme-color-1--purple .btn--orange.btn--effect:hover,
.theme-color-1--purple .btn--blue.btn--effect:hover,
.theme-color-1--purple .big-cta .btn:hover {
  color: #58489d !important;
  background-color: transparent !important;
}

.theme-color-1--purple .section--big-cta:before {
  background-color: rgba(88, 72, 157, 0.1);
}

.theme-color-1--purple.homepage .hero-banner--a .hero-title h2 span {
  color: white;
}

.theme-color-1--purple.homepage .hero-banner--a .hero-title h2 span:last-child {
  color: #58489d;

  -webkit-text-stroke-color: white;
}

/* ================================================================== */

/* ::: purple bright */

/* ================================================================== */

.theme-color-1--purple--bright .hero-banner--c,
.theme-color-1--purple--bright .hero-banner__image:before,
.theme-color-1--purple--bright .search-filter .btn:not(.dropdown-toggle) {
  color: #ffffff;
  background-color: #c213d1;
}

.theme-color-1--purple--bright .hero-banner--c .btn--orange.btn--effect,
.theme-color-1--purple--bright .hero-banner--c .big-cta .btn,
.theme-color-1--purple--bright
  .hero-banner__image:before
  .btn--orange.btn--effect,
.theme-color-1--purple--bright .hero-banner__image:before .big-cta .btn,
.theme-color-1--purple--bright .search-filter .btn:not(.dropdown-toggle),
.theme-color-1--purple--bright .btn--clearing {
  color: #ffffff;
  border-color: #c213d1;
  background-color: #c213d1;
}

.theme-color-1--purple--bright .hero-banner--c .btn--orange.btn--effect:before,
.theme-color-1--purple--bright .hero-banner--c .big-cta .btn:before,
.theme-color-1--purple--bright
  .hero-banner__image:before
  .btn--orange.btn--effect:before,
.theme-color-1--purple--bright .hero-banner__image:before .big-cta .btn:before,
.theme-color-1--purple--bright .search-filter .btn:not(.dropdown-toggle) {
  border: 2px solid #c213d1;
}

.theme-color-1--purple--bright .hero-banner--c .btn--orange.btn--effect:hover,
.theme-color-1--purple--bright .hero-banner--c .big-cta .btn:hover,
.theme-color-1--purple--bright
  .hero-banner__image:before
  .btn--orange.btn--effect:hover,
.theme-color-1--purple--bright .hero-banner__image:before .big-cta .btn:hover,
.theme-color-1--purple--bright .search-filter .btn:not(.dropdown-toggle) {
  color: #c213d1 !important;
  background-color: transparent !important;
}

.theme-color-1--purple--bright .btn--orange.btn--effect,
.theme-color-1--purple--bright .btn--blue.btn--effect,
.theme-color-1--purple--bright .big-cta .btn {
  color: #ffffff;
  border-color: #c213d1;
  background-color: #c213d1;
}

.theme-color-1--purple--bright .btn--orange.btn--effect:before,
.theme-color-1--purple--bright .btn--blue.btn--effect:before,
.theme-color-1--purple--bright .big-cta .btn:before {
  border: 2px solid #c213d1;
}

.theme-color-1--purple--bright .btn--orange.btn--effect:hover,
.theme-color-1--purple--bright .btn--blue.btn--effect:hover,
.theme-color-1--purple--bright .big-cta .btn:hover {
  color: #c213d1 !important;
  background-color: transparent !important;
}

.theme-color-1--purple--bright .section--big-cta:before {
  background-color: rgba(194, 19, 209, 0.1);
}

.theme-color-1--purple--bright.homepage .hero-banner--a .hero-title h2 span {
  color: white;
}

.theme-color-1--purple--bright.homepage
  .hero-banner--a
  .hero-title
  h2
  span:last-child {
  color: #c213d1;

  -webkit-text-stroke-color: white;
}

/* ================================================================== */

/* ::: grey */

/* ================================================================== */

.theme-color-1--grey .hero-banner--c,
.theme-color-1--grey .hero-banner__image:before,
.theme-color-1--grey .search-filter .btn:not(.dropdown-toggle) {
  color: #ffffff;
  background-color: #5a6073;
}

.theme-color-1--grey .btn--orange.btn--effect,
.theme-color-1--grey .btn--blue.btn--effect,
.theme-color-1--grey .big-cta .btn,
.theme-color-1--grey .btn--clearing {
  color: #ffffff;
  border-color: #5a6073;
  background-color: #5a6073;
}

.theme-color-1--grey .btn--orange.btn--effect:before,
.theme-color-1--grey .btn--blue.btn--effect:before,
.theme-color-1--grey .big-cta .btn:before {
  border: 2px solid #5a6073;
}

.theme-color-1--grey .btn--orange.btn--effect:hover,
.theme-color-1--grey .btn--blue.btn--effect:hover,
.theme-color-1--grey .big-cta .btn:hover {
  color: #5a6073 !important;
  background-color: transparent !important;
}

.theme-color-1--grey .section--big-cta:before {
  background-color: rgba(90, 96, 115, 0.1);
}

.theme-color-1--grey.homepage .hero-banner--a .hero-title h2 span {
  color: white;
}

.theme-color-1--grey.homepage .hero-banner--a .hero-title h2 span:last-child {
  color: #5a6073;

  -webkit-text-stroke-color: white;
}

.theme-color-1--grey--dark .hero-banner--c,
.theme-color-1--grey--dark .hero-banner__image:before,
.theme-color-1--grey--dark .search-filter .btn:not(.dropdown-toggle) {
  color: #ffffff;
  background-color: #13141c;
}

.theme-color-1--grey--dark .btn--orange.btn--effect,
.theme-color-1--grey--dark .btn--blue.btn--effect,
.theme-color-1--grey--dark .big-cta .btn {
  color: #ffffff;
  border-color: #13141c;
  background-color: #13141c;
}

.theme-color-1--grey--dark .btn--orange.btn--effect:before,
.theme-color-1--grey--dark .btn--blue.btn--effect:before,
.theme-color-1--grey--dark .big-cta .btn:before {
  border: 2px solid #13141c;
}

.theme-color-1--grey--dark .btn--orange.btn--effect:hover,
.theme-color-1--grey--dark .btn--blue.btn--effect:hover,
.theme-color-1--grey--dark .big-cta .btn:hover {
  color: #13141c !important;
  background-color: transparent !important;
}

.theme-color-1--grey--dark .section--big-cta:before {
  background-color: rgba(19, 20, 28, 0.1);
}

.theme-color-1--grey--dark.homepage .hero-banner--a .hero-title h2 span {
  color: white;
}

.theme-color-1--grey--dark.homepage
  .hero-banner--a
  .hero-title
  h2
  span:last-child {
  color: #13141c;

  -webkit-text-stroke-color: white;
}

.theme-color-1--brown .hero-banner--c,
.theme-color-1--brown .hero-banner__image:before,
.theme-color-1--brown .search-filter .btn:not(.dropdown-toggle) {
  color: #ffffff;
  background-color: #a68687;
}

.theme-color-1--brown .btn--orange.btn--effect,
.theme-color-1--brown .btn--blue.btn--effect,
.theme-color-1--brown .big-cta .btn,
.theme-color-1--brown .btn--clearing {
  color: #ffffff;
  border-color: #a68687;
  background-color: #a68687;
}

.theme-color-1--brown .btn--orange.btn--effect:before,
.theme-color-1--brown .btn--blue.btn--effect:before,
.theme-color-1--brown .big-cta .btn:before {
  border: 2px solid #a68687;
}

.theme-color-1--brown .btn--orange.btn--effect:hover,
.theme-color-1--brown .btn--blue.btn--effect:hover,
.theme-color-1--brown .big-cta .btn:hover {
  color: #a68687 !important;
  background-color: transparent !important;
}

.theme-color-1--brown .section--big-cta:before {
  background-color: rgba(166, 134, 135, 0.1);
}

.theme-color-1--brown.homepage .hero-banner--a .hero-title h2 span {
  color: white;
}

.theme-color-1--brown.homepage .hero-banner--a .hero-title h2 span:last-child {
  color: #a68687;

  -webkit-text-stroke-color: white;
}

.theme-color-2--black .navbar-search button {
  background-color: #000000;
}

.theme-color-2--black .navbar-search svg path {
  stroke: #ffffff;
}

.theme-color-2--blue .navbar-search button {
  background-color: #1520eb;
}

.theme-color-2--blue .navbar-search svg path {
  stroke: #ffffff;
}

.theme-color-2--red .navbar-search button {
  background-color: #fd3b31;
}

.theme-color-2--red .navbar-search svg path {
  stroke: #ffffff;
}

.theme-color-2--yellow .navbar-search button {
  background-color: #f4d335;
}

.theme-color-2--yellow .navbar-search svg path {
  stroke: #000000;
}

.theme-color-2--orange .navbar-search button {
  background-color: #fe4d18;
}

.theme-color-2--orange .navbar-search svg path {
  stroke: #ffffff;
}

.theme-color-2--pink .navbar-search button {
  background-color: #ffa1a4;
}

.theme-color-2--pink .navbar-search svg path {
  stroke: #000000;
}

.theme-color-2--pink--dark .navbar-search button {
  background-color: #bf7a8d;
}

.theme-color-2--pink--dark .navbar-search svg path {
  stroke: #ffffff;
}

.theme-color-2--mint .navbar-search button {
  background-color: #a1ffc1;
}

.theme-color-2--mint .navbar-search svg path {
  stroke: #000000;
}

.theme-color-2--green .navbar-search button {
  background-color: #13d1a9;
}

.theme-color-2--green .navbar-search svg path {
  stroke: #ffffff;
}

.theme-color-2--purple .navbar-search button {
  background-color: #58489d;
}

.theme-color-2--purple .navbar-search svg path {
  stroke: #ffffff;
}

.theme-color-2--purple--bright .navbar-search button {
  background-color: #c213d1;
}

.theme-color-2--purple--bright .navbar-search svg path {
  stroke: #ffffff;
}

.theme-color-2--grey .navbar-search button {
  background-color: #5a6073;
}

.theme-color-2--grey .navbar-search svg path {
  stroke: #ffffff;
}

.theme-color-2--grey--dark .navbar-search button {
  background-color: #13141c;
}

.theme-color-2--grey--dark .navbar-search svg path {
  stroke: #ffffff;
}

.theme-color-2--brown .navbar-search button {
  background-color: #a68687;
}

.theme-color-2--brown .navbar-search svg path {
  stroke: #ffffff;
}

.theme-color-3--blur-black .hero-banner__image:before {
  background-color: rgba(0, 0, 0, 0.4);

  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.theme-color-3--blur-blue .hero-banner__image:before {
  background-color: rgba(21, 32, 235, 0.4);

  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.theme-color-3--blur-red .hero-banner__image:before {
  background-color: rgba(253, 59, 49, 0.4);

  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.theme-color-3--blur-yellow .hero-banner__image:before {
  background-color: rgba(244, 211, 53, 0.4);

  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.theme-color-3--blur-orange .hero-banner__image:before {
  background-color: rgba(254, 77, 24, 0.4);

  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.theme-color-3--blur-pink .hero-banner__image:before {
  background-color: rgba(255, 161, 164, 0.4);

  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.theme-color-3--blur-pink--dark .hero-banner__image:before {
  background-color: rgba(191, 122, 141, 0.4);

  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.theme-color-3--blur-mint .hero-banner__image:before {
  background-color: rgba(161, 255, 193, 0.4);

  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.theme-color-3--blur-green .hero-banner__image:before {
  background-color: rgba(19, 209, 169, 0.4);

  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.theme-color-3--blur-purple .hero-banner__image:before {
  background-color: rgba(88, 72, 157, 0.4);

  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.theme-color-3--blur-purple--bright .hero-banner__image:before {
  background-color: rgba(194, 19, 209, 0.4);

  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.theme-color-3--blur-grey .hero-banner__image:before {
  background-color: rgba(90, 96, 115, 0.4);

  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.theme-color-3--blur-grey--dark .hero-banner__image:before {
  background-color: rgba(19, 20, 28, 0.4);

  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.theme-color-3--blur-brown .hero-banner__image:before {
  background-color: rgba(166, 134, 135, 0.4);

  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}

.theme-color-4--grey--light .hero-banner__overlay-bottom svg path {
  fill: #eeeeee;
}

/* .theme-color-4--grey--light section:nth-child(-n + 3) {
  background-color: #ffffff;
} */

.theme-color-4--grey--light .grid-item--side:not(.grid-item--filtered) {
  background-color: #eeeeee;
}

.theme-color-4--white .hero-banner__overlay-bottom svg path {
  fill: #ffffff;
}

.theme-color-4--white section:nth-child(-n + 3) {
  background-color: #e7e7e7;
}

.theme-color-4--white .grid-item--side:not(.grid-item--filtered) {
  background-color: #ffffff;
}

.theme-color-4--mint .hero-banner__overlay-bottom svg path {
  fill: #a1ffc1;
}

.theme-color-4--mint .grid-item--side:not(.grid-item--filtered) {
  background-color: #a1ffc1;
}