:root {
  --pink_1: #CF686E;
  --pink_2: #ECABA3;
  --pink_3: #F3DBD5;
  --cream_1: #F8F6EB;
  --blue_1: #305A73;
  --blue_2: #3F7D88;
  --blue_3: #9DD8E1;
  --green_1: #A1C66F;
  --gray_1: #2E4049;
  --gray_2: #727272;
  --gray_3: #D0D0D0;
  --yellow_1: #E2C74F;
  --yellow_2: #FFDC4E;
  --yellow_3: #FFE26C;
}

/* COLORS */
.pink_1 {
	color: var(--pink_1) !important;
}
.pink_1-bg {
	background-color: var(--pink_1) !important;
}
.pink_1-border {
	border-color: var(--pink_1) !important;
}
.pink_2 {
	color: var(--pink_2) !important;
}
.pink_2-bg {
	background-color: var(--pink_2) !important;
}
.pink_2-border {
	border-color: var(--pink_2) !important;
}
.pink_3 {
	color: var(--pink_3) !important;
}
.pink_3-bg {
	background-color: var(--pink_3) !important;
}
.pink_3-border {
	border-color: var(--pink_3) !important;
}
.cream_1 {
	color: var(--cream_1) !important;
}
.cream_1-bg {
	background-color: var(--cream_1) !important;
}
.cream_1-border {
	border-color: var(--cream_1) !important;
}
.blue_1 {
	color: var(--blue_1) !important;
}
.blue_1-bg {
	background-color: var(--blue_1) !important;
}
.blue_1-border {
	border-color: var(--blue_1) !important;
}
.blue_2 {
	color: var(--blue_2) !important;
}
.blue_2-bg {
	background-color: var(--blue_2) !important;
}
.blue_2-border {
	border-color: var(--blue_2) !important;
}
.blue_3 {
	color: var(--blue_3) !important;
}
.blue_3-bg {
	background-color: var(--blue_3) !important;
}
.blue_3-border {
	border-color: var(--blue_3) !important;
}
.green_1 {
	color: var(--green_1) !important;
}
.green_1-bg {
	background-color: var(--green_1) !important;
}
.green_1-border {
	border-color: var(--green_1) !important;
}
.gray_1 {
	color: var(--gray_1) !important;
}
.gray_1-bg {
	background-color: var(--gray_1) !important;
}
.gray_1-border {
	border-color: var(--gray_1) !important;
}
.gray_2 {
	color: var(--gray_2) !important;
}
.gray_2-bg {
	background-color: var(--gray_2) !important;
}
.gray_2-border {
	border-color: var(--gray_2) !important;
}
.gray_3 {
	color: var(--gray_3) !important;
}
.gray_3-bg {
	background-color: var(--gray_3) !important;
}
.gray_3-border {
	border-color: var(--gray_3) !important;
}
.yellow_1 {
	color: var(--yellow_1) !important;
}
.yellow_1-bg {
	background-color: var(--yellow_1) !important;
}
.yellow_1-border {
	border-color: var(--yellow_1) !important;
}
.yellow_2 {
	color: var(--yellow_2) !important;
}
.yellow_2-bg {
	background-color: var(--yellow_2) !important;
}
.yellow_2-border {
	border-color: var(--yellow_2) !important;
}
.yellow_3 {
	color: var(--yellow_3) !important;
}
.yellow_3-bg {
	background-color: var(--yellow_3) !important;
}
.yellow_3-border {
	border-color: var(--yellow_3) !important;
}

html, body {
    background-color: var(--cream_1);
}

input.button:not(.secondary):not(.closed),
label.button,
a.button:not(.secondary):not(.closed) {
	background-color: var(--pink_1);
	color: var(--cream_1);
}

div[id*="blue2"] h1,
div[id*="blue2"] h2,
div[id*="blue2"] h3,
div[id*="blue2"] h4,
div[id*="blue2"] h5,
div[id*="blue2"] h6,
div[id*="blue2"] p,
div[id*="blue2"] ul{
	color: var(--white) !important;
}
div[id*="yellow3-"] h1,
div[id*="yellow3-"] h2,
div[id*="yellow3-"] h3,
div[id*="yellow3-"] h4,
div[id*="yellow3-"] h5,
div[id*="yellow3-"] h6,
div[id*="yellow3-"] p,
div[id*="yellow3-"] ul {
	color: var(--blue_1) !important;
}
div[id*="green1-"] .layout__region.layout__region--first {
	background-color: var(--green_1);
}
div[id*="-blue2"] .layout__region.layout__region--second,
div[id*="blue2-"] .layout__region.layout__region--first {
	background-color: var(--blue_2);
}
div[id*="blue3-"] .layout__region.layout__region--first {
	background-color: var(--blue_3);
}
div[id*="-green1"] .layout__region.layout__region--second {
	background-color: var(--green_1);
}
div[id*="yellow3-"] .layout__region.layout__region--first {
	background-color: var(--yellow_3);
}
div[id*="-cream1"] .layout__region.layout__region--second {
	background-color: var(--cream_1);
}
div[id*="-pink2"] .layout__region.layout__region--second {
	background-color: var(--pink_2);
}
div[id*="pink1-"] .layout__region.layout__region--first {
	background-color: var(--pink_1);
}

h2 {
	color: var(--blue_1) !important;
}
h3 {
	color: var(--blue_1);
}

.blue_1-bg h2,
.blue_1-bg h3,
.blue_1-bg h5,
.blue_1-bg h6,
.blue_1-bg p,
.blue_1-bg ol,
.blue_1-bg ul,
.blue_2-bg h2,
.blue_2-bg h3,
.blue_2-bg p,
.blue_2-bg ol,
.blue_2-bg ul,
.blue_2-bg a,
.pink_1-bg p {
	color: var(--cream_1) !important;
}
#navigation .menu-item a {
	font-style: normal !important;
}
a:not(.button),
a:link:not(.button),
a:visited:not(.button),
a:active:not(.button) {
    color: var(--blue_1);
    border-bottom: 1px solid var(--blue_1);
    font-style: italic;
}
.blue_1-bg a:not(.button),
.blue_1-bg a:link:not(.button),
.blue_1-bg a:visited:not(.button),
.blue_1-bg a:active:not(.button)
div[id*="blue2"] a:not(.button),
div[id*="blue2"] a:link:not(.button),
div[id*="blue2"] a:visited:not(.button),
div[id*="blue2"] a:active:not(.button) {
    color: var(--white);
    border-bottom: 1px solid var(--blue_1);
}
.blue_2-bg a:not(.button) {
    border-bottom: 1px solid var(--cream_1) !important;
}
.play_button a {
	border-bottom: unset !important;
	font-style: normal !important;
}