/*----- VARIABLES - Open -----*/
:root {
  --color-primary: #563e96;
  --color-primary-850: #2b263c;
  --color-primary-750: #352d51;
  --color-primary-600: #342366;
  --color-primary-250: #9483be;
  --color-primary-200: #ac9ccb;
  --color-primary-150: #d0c8e9;
  --color-primary-100: #e0dcec;
  --color-primary-85: #efebfd;
  --color-primary-75: #f4f1fd;
  --color-primary-50: #f7f5fd;
  --color-primary-25: #fbfaff;

  --color-secondary: #a69c5b;
  --color-secondary-850: #45443a;
  --color-secondary-500: #bfb25c;
  --color-secondary-400: #d0c477;
  --color-secondary-300: #f8eb9d;
  --color-secondary-100: #e9e7dd;
  --color-secondary-50: #fffefb;

  --color-heading: #342366;
  --color-text: #3a3842;
  --color-link: #6248af;
  --color-link-hover: #a69c5b;

  --color-border: #e0dcec;
  --color-dark: #352d51;
  --color-darker: #2b263c;
  --color-light: #f7f5fd;

  --color-lilac-400: #af90ff;
  --color-lilac-300: #d9cbff;

  --color-accent-1: #f6935a;
  --color-accent-2: #fcb447;
  --color-success: #16cb5b;
  --color-warning: #fffcaa;
  --color-error: #f03c3c;

  --color-white: #ffffff;
  --color-black: #000000;

  --color-indigo-900: #1d1034;
  --color-indigo-800: #29184d;
  --color-indigo-700: #342366;
  --color-indigo-600: #402b7f;
  --color-indigo-500: #563e96;
  --color-indigo-400: #6248af;
  --color-indigo-300: #7053c3;
  --color-indigo-200: #7e5ed6;
  --color-indigo-100: #9a74fd;

  --color-gold-700: #8f873f;
  --color-gold-600: #7c7533;
  --color-gold-500: #a69c5b;
  --color-gold-400: #b2a46c;
  --color-gold-300: #bfb280;

  --color-blue-25: #f2f6fb;
  --color-blue-50: #e6edf6;
  --color-blue-100: #cddcec;
  --color-blue-150: #b3cae3;
  --color-blue-200: #9ab8da;
  --color-blue-250: #81a7d1;
  --color-blue-300: #5c9ee9;
  --color-blue-350: #4f83be;
  --color-blue-400: #3571b5;
  --color-blue-450: #1c60ab;
  --color-blue-500: #034ea2;
  --color-blue-550: #034692;
  --color-blue-600: #023e82;
  --color-blue-650: #023771;
  --color-blue-700: #022f61;

  --color-orange-800: #b36b00;
  --color-orange-700: #cc7a00;
  --color-orange-600: #e68a00;
  --color-orange-500: #ff9900;
  --color-orange-400: #ffa31a;
  --color-orange-300: #ffad33;
  --color-orange-200: #ffb84d;

  --color-green-700: #0e7a32;
  --color-green-600: #12a347;
  --color-green-500: #16cb5b;
  --color-green-400: #1ae16f;
  --color-green-300: #16ec77;

  --color-red-400: #ff7a5c;
  --color-red-500: #ff471d;
  --color-red-600: #ff2f00;
  --color-red-700: #e02900;

  --color-yellow-250: #f6de5b;
  --color-yellow-500: #ffbb33;
  --color-yellow-600: #ffab00;

  --color-gray-50: #f3f3f3;
  --color-gray-100: #ebebeb;
  --color-gray-150: #e0e0e0;
  --color-gray-200: #d8d8d8;
  --color-gray-250: #cdcdcd;
  --color-gray-300: #c5c5c5;
  --color-gray-700: #757778;
  --color-gray-900: #919293;

  --color-silver-100: #f6f8fa;
  --color-silver-300: #bcc8d8;
  --color-silver-500: #45576f;
  --color-silver-600: #3b485a;

  --border-radius: 0.1875rem;
  --border-radius-small: 0.1875rem;
  --border-radius-buttons: 0.1875rem;
  --box-shadow: 0 0 0.75rem 0 rgba(21, 43, 73, 0.12);

  --font-family-primary: "Montserrat";
  --font-family-secondary: "droid-serif";
}
/*----- VARIABLES - Close -----*/

/*----- SETUP - Open -----*/
body {
  color: var(--color-text);
  cursor: default;
  font-family: var(--font-family-primary);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}

.mfp-wrap a,
#page a {
  color: var(--color-link);
  border-bottom: none;
  font-weight: 500;
  outline: none !important;
  text-decoration: none !important;
}
.mfp-wrap a:hover,
#page a:hover {
  color: var(--color-link-hover);
  text-decoration: none !important;
}

#page b a,
#page strong a,
#page a b,
#page a strong,
#page b,
#page strong {
  font-weight: 700;
}

#page hr {
  background-color: var(--color-primary-100);
  clear: both;
  display: block;
  height: 1px;
  margin-bottom: 2rem;
  margin-top: 2rem;
}

/*----- SETUP - Close -----*/

/*----- PARAGRAPHS - Open -----*/
.mfp-wrap p,
#page p {
  margin-bottom: 1.25rem;
}

#page .field--name-field-sidebar-body p:last-child,
#page .field--name-body p:last-child {
  margin-bottom: 0;
}

/* #page p::after {
	display: block;
	content: '';
	clear: both;
} */

#page p + hr {
  margin-top: 1.75rem;
}

#content p.fancy-paragraph {
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
  margin-bottom: 1.25rem !important;
  margin-top: 1.25rem !important;
  padding: 1rem;
}
#content p.fancy-paragraph-2 {
  background-color: var(--color-primary-50) !important;
  border-radius: var(--border-radius);
  color: var(--color-primary-600);
  margin-bottom: 1.25rem !important;
  margin-top: 1.25rem !important;
  padding: 1rem;
}
#content p.fancy-paragraph-3 {
  border-left: 0.1875rem solid var(--color-primary);
  margin-bottom: 1.25rem !important;
  margin-top: 1.25rem !important;
  padding-left: 0.8125rem;
}
#content p.fancy-paragraph-4 {
  border-left: 0.1875rem solid var(--color-secondary);
  margin-bottom: 1.25rem !important;
  margin-top: 1.25rem !important;
  padding-left: 0.8125rem;
}

#content p.fancy-paragraph-4:first-child,
#content p.fancy-paragraph-3:first-child,
#content p.fancy-paragraph-2:first-child,
#content p.fancy-paragraph:first-child {
  margin-top: 0 !important;
}
/*----- PARAGRAPHS - Close -----*/

/*----- LIST - Open -----*/
#content div[class*="-body-wrapper"] ul,
.sidebar .block-content ul,
#content .field--name-body ul {
  margin: 0 0 1rem 0.25rem;
  padding: 0;
}
.sidebar .block-content ol,
#content .field--name-body ol {
  margin: 0 0 1rem 1.125rem;
  padding: 0;
}

#content div[class*="-body-wrapper"] ul li,
.sidebar .block-content ul li,
#content .field--name-body ul li {
  list-style: none;
  margin-bottom: 0.375rem;
  margin-top: 0.375rem;
  padding: 0 0 0 0.75rem;
  position: relative;
  line-height: 1.6;
}

#content div[class*="-body-wrapper"] ul li:before,
.sidebar .block-content ul li:before,
#content .field--name-body ul li:before {
  background-color: var(--color-indigo-400) !important;
  border-radius: 50%;
  content: "";
  display: block;
  height: 0.375rem;
  left: 0;
  position: absolute;
  top: 0.625rem;
  width: 0.375rem;
}

#content div[class*="-body-wrapper"] ul li li:before,
#content .field--name-body ul li li:before {
  background-color: var(--color-white) !important;
  border: 2px solid var(--color-indigo-200);
  height: 0.5rem;
  top: 0.5625rem;
  width: 0.5rem;
}

#content ul.atcb-list li {
  padding: 0;
}
#content ul.atcb-list li::before,
#content ul li[data-webform-page]:before,
#content .contextual-links-wrapper ul li:before {
  display: none !important;
}

#content ul.fancy-list {
  padding: 1rem;
  border-radius: var(--border-radius);
  box-shadow: var(--box-shadow);
}
/*----- LIST - Close -----*/

/*----- HEADINGS - Open -----*/
.mfp-wrap h1,
.mfp-wrap h2,
.mfp-wrap h3,
.mfp-wrap h4,
.mfp-wrap h5,
.mfp-wrap h6,
#page h1,
#page h2,
#page h3,
#page h4,
#page h5,
#page h6 {
  color: var(--color-primary);
  font-family: var(--font-family-secondary);
  font-weight: 500;
  letter-spacing: normal;
  line-height: 120%;
  margin: 0 0 1.25rem 0 !important;
  position: relative;
  text-transform: none;
}

.mfp-wrap h1,
#page h1 {
  color: var(--color-heading);
  font-size: 3.25rem;
}
.mfp-wrap h2,
#page h2 {
  font-size: 2.5rem;
}
.mfp-wrap h3,
#page h3 {
  font-size: 2rem;
}
.mfp-wrap h4,
#page h4 {
  font-size: 1.75rem;
}
.mfp-wrap h5,
#page h5 {
  color: var(--color-secondary);
  font-size: 1.5rem;
  font-weight: 700;
}
.mfp-wrap h6,
#page h6 {
  font-size: 1.25rem;
  font-weight: 700;
}

@media screen and (max-width: 680px) {
  .mfp-wrap h1,
  #page h1 {
    font-size: 2.75rem;
  }
  .mfp-wrap h2,
  #page h2 {
    font-size: 2.25rem;
  }
  .mfp-wrap h3,
  #page h3 {
    font-size: 1.75rem;
  }
  .mfp-wrap h4,
  #page h4 {
    font-size: 1.5rem;
  }
  .mfp-wrap h5,
  #page h5 {
    font-size: 1.375rem;
  }
  .mfp-wrap h6,
  #page h6 {
    font-size: 1.125rem;
  }
}

#page h1 a,
#page h2 a,
#page h3 a,
#page h4 a,
#page h5 a,
#page h6 a {
  color: inherit;
  font-weight: inherit;
  text-decoration-color: var(--color-white) !important;
}

#page h1 a:hover,
#page h2 a:hover,
#page h3 a:hover,
#page h4 a:hover,
#page h5 a:hover,
#page h6 a:hover {
  color: inherit;
  text-decoration: underline !important;
  text-decoration-thickness: 0.09375rem !important;
  text-underline-offset: 0.25rem !important;
  text-decoration-color: var(--color-secondary) !important;
}

#page h1 b,
#page h1 strong,
#page h2 b,
#page h2 strong,
#page h3 b,
#page h3 strong,
#page h4 b,
#page h4 strong,
#page h5 b,
#page h5 strong,
#page h6 b,
#page h6 strong {
  font-weight: 700;
}

#page h2 + h1,
#page h3 + h1,
#page h4 + h1,
#page h5 + h1,
#page h6 + h1,
#page h1 + h2,
#page h3 + h2,
#page h4 + h2,
#page h5 + h2,
#page h6 + h2,
#page h1 + h3,
#page h2 + h3,
#page h4 + h3,
#page h5 + h3,
#page h6 + h3,
#page h1 + h4,
#page h2 + h4,
#page h3 + h4,
#page h5 + h4,
#page h6 + h4,
#page h1 + h5,
#page h2 + h5,
#page h3 + h5,
#page h4 + h5,
#page h6 + h5,
#page h1 + h6,
#page h2 + h6,
#page h3 + h6,
#page h4 + h6,
#page h5 + h6 {
  margin-top: -0.875rem !important;
}
#page h3 + h2[class*="fancy-"],
#page h4 + h2[class*="fancy-"],
#page h5 + h2[class*="fancy-"],
#page h6 + h2[class*="fancy-"] {
  margin-top: -1.25rem !important;
}

#page p + h2,
#page p + h3,
#page p + h4,
#page p + h5,
#page p + h6,
#page blockquote + h2,
#page blockquote + h3,
#page blockquote + h4,
#page blockquote + h5,
#page blockquote + h6,
#page ul + h2,
#page ul + h3,
#page ul + h4,
#page ul + h5,
#page ul + h6 {
  margin-top: 2rem !important;
}

#page hr + h2 {
  margin-top: -0.45rem !important;
}
#page hr + h3 {
  margin-top: -0.2rem !important;
}
#page hr + h4,
#page hr + h5,
#page hr + h6 {
  margin-top: -0.25rem !important;
}

/* SPECIAL HEADINGS */
#page h2.fancy-title-center {
  align-items: start;
  color: var(--color-primary);
  display: flex;
  font-size: 3.25rem;
  font-weight: 600;
  gap: 0.75rem;
  justify-content: center;
  line-height: 100%;
  text-align: center;
}

#page h2.fancy-title-center::before,
#page h2.fancy-title-center::after {
  background-color: var(--color-secondary);
  border-radius: 0.5rem;
  content: "";
  display: block;
  height: 0.25rem;
  transform: translateY(1.75rem);
  width: 2rem;
}
.mobile #page h2.fancy-title-center::before,
.mobile #page h2.fancy-title-center::after {
  display: none;
}

#page h2.fancy-big-title {
  color: var(--color-heading);
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 100%;
}
.mobile #page h2.fancy-big-title,
.mobile #page h2.fancy-title-center {
  font-size: 3.6rem;
}

#page h6.fancy-section-title,
#page h3.fancy-section-title {
  border: 1px solid var(--color-primary-100);
  border-radius: var(--border-radius);
  font-weight: 600;
  padding: 1rem;
}

#page h4.fancy-section-title {
  background-color: var(--color-primary-25);
  border: 1px solid var(--color-primary-100);
  border-radius: var(--border-radius);
  font-weight: 600;
  padding: 1rem;
}

#page h5.fancy-section-title {
  background-color: var(--color-secondary-50);
  border: 1px solid var(--color-secondary-100);
  border-radius: var(--border-radius);
  font-weight: 600;
  padding: 1rem;
}
/*----- HEADINGS - Close -----*/

/*----- SPECIAL BUTTONS - Open -----*/
#page a.btn-indigo,
#page a.btn-gold,
#page a.btn-blue,
#page a.btn-orange,
#page a.btn-red,
#page a.btn-green,
#page a.btn-white {
  border: none;
  border-radius: var(--border-radius-buttons);
  display: inline-flex;
  font-family: var(--font-family-primary);
  font-size: 1rem;
  font-weight: 500;
  gap: 0.5rem;
  line-height: 100%;
  margin: 0 0.1rem 0.25rem 0;
  outline: none !important;
  padding: 0.75rem 1rem 0.75rem 1rem;
  position: relative;
  text-decoration: none !important;
}

/* Indigo */
#page a.btn-indigo {
  background-color: var(--color-indigo-500);
  color: var(--color-white) !important;
}
#page a.btn-indigo:hover {
  background-color: var(--color-indigo-300);
  color: var(--color-white) !important;
}

/* Gold */
#page a.btn-gold {
  background: var(--color-gold-500);
  color: var(--color-white) !important;
}
#page a.btn-gold:hover {
  background: var(--color-gold-300);
  color: var(--color-white) !important;
}

/* Blue */
#page a.btn-blue {
  background: var(--color-blue-400);
  color: var(--color-white) !important;
}
#page a.btn-blue:hover {
  background: var(--color-blue-300);
  color: var(--color-white) !important;
}

/* Orange */
#page a.btn-orange {
  background: var(--color-orange-500);
  color: var(--color-white) !important;
}
#page a.btn-orange:hover {
  background: var(--color-orange-300);
  color: var(--color-white) !important;
}

/* Red */
#page a.btn-red {
  background: var(--color-red-700);
  color: var(--color-white) !important;
}
#page a.btn-red:hover {
  background: var(--color-red-500);
  color: var(--color-white) !important;
}

/* Green */
#page a.btn-green {
  background: var(--color-green-500);
  color: var(--color-white) !important;
}
#page a.btn-green:hover {
  background: var(--color-green-400);
  color: var(--color-white) !important;
}

/* White */
#page a.btn-white {
  background-color: var(--color-white);
  border: 1px solid var(--color-primary-100);
  color: var(--color-primary) !important;
  font-weight: 600;
}
#page a.btn-white:hover {
  background-color: var(--color-secondary);
  border: 1px solid var(--color-secondary);
  color: var(--color-white) !important;
}
/*----- SPECIAL BUTTONS - Close -----*/

/*----- TABLE - Open -----*/
#page table {
  background: var(--color-white);
  border: none !important;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

#page table,
#page thead,
#page tbody,
#page tr,
#page th,
#page td {
  border-color: var(--color-white);
  font-family: var(--font-family-primary);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4 !important;
  color: var(--color-text);
}
#page th {
  color: var(--color-white) !important;
}

#page table tr th {
  background: none !important;
}
#page thead {
  border: 1px solid var(--color-primary) !important;
}
#page thead tr,
#page tbody th {
  background-color: var(--color-primary);
  border: 1px solid var(--color-white) !important;
  color: var(--color-white) !important;
  font-size: 1rem;
  line-height: 1.1 !important;
}

#page table tr th,
#page table tr th a,
#page table tr th a:hover,
#page table tr th a:focus {
  font-weight: 500 !important;
}

#page tbody th[scope="row"] {
  color: var(--color-primary) !important;
  font-weight: 600 !important;
}

#page table.dataTable tbody tr,
tr {
  background-color: var(--color-white);
  border-top: 1px solid var(--color-primary-100);
  border-bottom: 0px;
  color: var(--color-text);
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

#page table.dataTable tbody tr:nth-child(2n + 2),
tr:nth-child(2n + 2) {
  background-color: var(--color-primary-25);
  border-bottom: 0px;
}

#page table.dataTable tbody tr:hover,
tbody tr:hover {
  background-color: var(--color-primary-75);
}

#page tr th,
#page tr td {
  padding: 10px 10px 10px 12px !important;
  vertical-align: middle;
  border: 1px solid var(--color-primary-100);
}

tfoot tr {
  background-color: var(--color-primary-100);
}
/*----- TABLE - Close-----*/

/*----- BLOCKQUOTE - Open -----*/
#page blockquote {
  background: var(--color-primary-25);
  border: 1px solid var(--color-primary-100);
  border-left: 0.5rem solid var(--color-primary);
  color: var(--color-primary-600);
  font-family: var(--font-family-secondary);
  font-size: 1.1875rem !important;
  font-style: oblique;
  font-weight: 400;
  margin: 0 0 1rem 0;
  padding: 1rem;
}
#page blockquote p:last-child {
  margin-bottom: 0 !important;
}
/*----- BLOCKQUOTE - Close -----*/

/*----- PAGINATION - Open -----*/
#page nav.pager ul.pager__items {
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 0.375rem;
}
#page nav.pager ul.pager__items li.pager__item a {
  background-color: var(--color-white);
  border: 1px solid var(--color-blue-100);
  border-radius: var(--border-radius);
  font-weight: 500;
  color: var(--color-primary);
}

#page nav.pager ul.pager__items li.pager__item {
  align-items: center;
  color: var(--color-primary);
  display: flex;
  font-weight: 500;
  justify-content: center;
  margin: 0;
  padding: 0;
}

#page nav.pager ul.pager__items li.pager__item::before {
  display: none;
}

#page nav.pager ul.pager__items li.pager__item.is-active a {
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  color: var(--color-white);
}

#page nav.pager ul.pager__items li.pager__item a:hover {
  background-color: var(--color-secondary);
  border: 1px solid var(--color-secondary);
  color: var(--color-white);
}
/*----- PAGINATION - Close -----*/

/*----- COMMON ADJUSTMENTS - Open -----*/
#page .margin-top__1 {
  margin-top: 1rem !important;
}

#page .cell-align-right {
  text-align: right !important;
}
/*----- COMMON ADJUSTMENTS - Close -----*/

/*----- TRANSITION - Open -----*/
#edit-cancel,
input[type="submit"],
a {
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
/*----- TRANSITION - Close -----*/