/*----- SETUP - Open -----*/
body {
  color: var(--color-text);
  font-family: var(--primary-font-family);
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
}

#page .main-content strong,
#page .main-content b {
  font-weight: 600;
}

#page .main-content a {
  color: #4473ca;
  border-bottom: none;
  font-weight: 500;
  text-decoration: none !important;
  text-underline-offset: 4px;
}

#page .main-content a:hover {
  color: #a5680d;
  text-decoration: underline !important;
  text-decoration-color: #a5680d;
}

#page .main-content p {
  margin-bottom: 1.25rem;
}
#page .main-content img + p {
  margin-top: 1.25rem;
}

/* #page .main-content p:has(+ hr)::after, */
#page .main-content hr + p::before,
#page .main-content p::after {
  content: "";
  display: block;
  clear: both;
}

#page .main-content img {
  display: inline-block !important;
  height: auto !important;
  max-width: 100% !important;
}
#page .main-content img.full-width {
  display: block !important;
  height: auto !important;
  max-width: none !important;
  width: 100% !important;
}

#page .main-content hr {
  background-color: #bdc8de !important;
  clear: both;
  display: block !important;
  height: 0.0625rem !important;
  margin-bottom: 2rem !important;
  margin-top: 2rem !important;
  width: 100% !important;
}

#page .main-content .rounded-corners {
  -moz-border-radius: var(--border-radius);
  -webkit-border-radius: var(--border-radius);
  border-radius: var(--border-radius);
}
#page .main-content .rounded-corners.caption > img {
  -moz-border-radius: var(--border-radius) var(--border-radius) 0 0;
  -webkit-border-radius: var(--border-radius) var(--border-radius) 0 0;
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  margin-bottom: 0;
  margin-top: 0;
}
#page .main-content .rounded-corners.caption > figcaption {
  -moz-border-radius: 0 0 var(--border-radius) var(--border-radius);
  -webkit-border-radius: 0 0 var(--border-radius) var(--border-radius);
  border-radius: 0 0 var(--border-radius) var(--border-radius);
}

#page .main-content .caption > figcaption {
  background: #f3f3f3;
  color: var(--color-black);
}

#page .main-content img[data-align="left"],
#page .main-content .align-left {
  float: left;
  margin: 0.25rem 1.5rem 0.25rem 0;
}
#page .main-content img[data-align="right"],
#page .main-content .align-right {
  float: right;
  margin: 0.25rem 0 0.25rem 1.5rem;
}
#page .main-content img[data-align="center"],
#page .main-content .align-center {
  display: block !important;
  margin-bottom: 2rem;
  margin-top: 2rem;
  margin-right: auto;
  margin-left: auto;
}

#page .main-content h1 + figure,
#page .main-content h2 + figure,
#page .main-content h3 + figure,
#page .main-content h4 + figure,
#page .main-content h5 + figure,
#page .main-content h6 + figure,
#page .main-content p:first-child + figure,
#page .main-content h1 + img,
#page .main-content h2 + img,
#page .main-content h3 + img,
#page .main-content h4 + img,
#page .main-content h5 + img,
#page .main-content h6 + img,
#page .main-content p:first-child + img {
  margin-top: 0 !important;
}
/*----- SETUP - Close -----*/

/*----- HEADINGS - Open -----*/
#page .main-content h1,
#page .main-content h2,
#page .main-content h3,
#page .main-content h4,
#page .main-content h5,
#page .main-content h6 {
  color: #000000;
  font-family: var(--secondary-font-family);
  font-weight: 700;
  letter-spacing: normal;
  line-height: 130%;
  margin: 0 0 1.25rem 0;
  position: relative;
  text-transform: none;
}

#page .main-content h1 {
  font-size: 3rem;
}
#page .main-content h2 {
  font-size: 2.375rem;
}
#page .main-content h3 {
  font-size: 1.875rem;
}
#page .main-content h4 {
  font-size: 1.5rem;
  line-height: 130%;
}
#page .main-content h5 {
  font-size: 1.1875rem;
  line-height: 130%;
}
#page .main-content h6 {
  font-size: 0.9375rem;
  line-height: 130%;
  letter-spacing: 1.44px;
  text-transform: uppercase;
}

#page .main-content h1 a,
#page .main-content h2 a,
#page .main-content h3 a,
#page .main-content h4 a,
#page .main-content h5 a,
#page .main-content h6 a {
  color: inherit;
  font-weight: inherit;
  filter: brightness(1.25);
}

#page .main-content h1 a:hover,
#page .main-content h2 a:hover,
#page .main-content h3 a:hover,
#page .main-content h4 a:hover,
#page .main-content h5 a:hover,
#page .main-content h6 a:hover {
  color: inherit;
}

#page .main-content h1 b,
#page .main-content h1 strong,
#page .main-content h2 b,
#page .main-content h2 strong,
#page .main-content h3 b,
#page .main-content h3 strong,
#page .main-content h4 b,
#page .main-content h4 strong,
#page .main-content h5 b,
#page .main-content h5 strong,
#page .main-content h6 b,
#page .main-content h6 strong {
  font-weight: 600;
}

#page .main-content h2 + h1,
#page .main-content h3 + h1,
#page .main-content h4 + h1,
#page .main-content h5 + h1,
#page .main-content h6 + h1,
#page .main-content h3 + h2,
#page .main-content h4 + h2,
#page .main-content h5 + h2,
#page .main-content h6 + h2 {
  margin-top: -0.8rem !important;
}
#page .main-content h3 + h2[class*="fancy-"],
#page .main-content h4 + h2[class*="fancy-"],
#page .main-content h5 + h2[class*="fancy-"],
#page .main-content h6 + h2[class*="fancy-"] {
  margin-top: -1.25rem !important;
}

#page .main-content p + h2,
#page .main-content p + h3,
#page .main-content p + h4,
#page .main-content p + h5,
#page .main-content p + h6,
#page .main-content blockquote + h2,
#page .main-content blockquote + h3,
#page .main-content blockquote + h4,
#page .main-content blockquote + h5,
#page .main-content blockquote + h6,
#page .main-content ul + h2,
#page .main-content ul + h3,
#page .main-content ul + h4,
#page .main-content ul + h5,
#page .main-content ul + h6 {
  margin-top: 2rem !important;
}

#page .main-content hr + h2 {
  margin-top: -0.45rem !important;
}
#page .main-content hr + h3 {
  margin-top: -0.2rem !important;
}
#page .main-content hr + h4,
#page .main-content hr + h5,
#page .main-content hr + h6 {
  margin-top: -0.25rem !important;
}
/*----- HEADINGS - Close -----*/

/*----- LIST - Open -----*/
#page .main-content ul {
  margin: 0 0 1rem 0;
  padding: 0;
}
#page .main-content ol {
  margin: 0 0 1rem 1.5rem !important;
  padding: 0;
}

#page .main-content ul li {
  list-style: none;
  margin-bottom: 0.5rem;
  padding: 0 0 0 0.875rem;
  position: relative;
}

#page .main-content ul li:before {
  background-color: #2a4e93 !important;
  border-radius: 50%;
  content: "";
  display: block;
  height: 0.4375rem;
  left: 0;
  position: absolute;
  top: 0.5625rem;
  width: 0.4375rem;
}

#page .main-content ul.fancy-list {
  background-color: #2a4e93;
  border-radius: var(--border-radius);
  padding: 1rem;
}

#page .main-content ul.dark-green-list li:before {
  background-color: #277145 !important;
}

#page .main-content ul.orange-list li:before {
  background-color: #f4a268 !important;
}

#page .main-content ul.blue-list li:before {
  background-color: #4188c4 !important;
}

#page .main-content ul.black-list li:before {
  background-color: #000000 !important;
}
/*----- LIST - Close -----*/

/*----- FANCY PARAGRAPH - Open -----*/
#page .main-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;
}
#page .main-content p.fancy-paragraph-2 {
  background-color: #f2f5fa !important;
  border-radius: var(--border-radius);
  color: #1c3462;
  margin-bottom: 1.25rem !important;
  margin-top: 1.25rem !important;
  padding: 1rem;
}
#page .main-content p.fancy-paragraph-3 {
  border-left: 0.1875rem solid #eca030;
  margin-bottom: 1.25rem !important;
  margin-top: 1.25rem !important;
  padding-left: 0.8125rem;
}
#page .main-content p.fancy-paragraph-4 {
  border-left: 0.1875rem solid #1c3462;
  margin-bottom: 1.25rem !important;
  margin-top: 1.25rem !important;
  padding-left: 0.8125rem;
}
#page .main-content p.fancy-paragraph-5 {
  border-left: 0.1875rem solid #86c87b;
  margin-bottom: 1.25rem !important;
  margin-top: 1.25rem !important;
  padding-left: 0.8125rem;
}
#page .main-content p.fancy-paragraph-5:first-child,
#page .main-content p.fancy-paragraph-4:first-child,
#page .main-content p.fancy-paragraph-3:first-child,
#page .main-content p.fancy-paragraph-2:first-child,
#page .main-content p.fancy-paragraph:first-child {
  margin-top: 0 !important;
}
/*----- FANCY PARAGRAPH - Close -----*/

/*----- SPECIAL HEADINGS - Open -----*/
#page .main-content h2.fancy-title-center {
  align-items: start;
  color: var(--color-heading);
  display: flex;
  font-size: 3.375rem;
  font-weight: 700;
  gap: 12px;
  justify-content: center;
  line-height: 100%;
  text-align: center;
}
#page .main-content h2.fancy-title-center::before,
#page .main-content h2.fancy-title-center::after {
  background-color: #eca030;
  border-radius: var(--border-radius);
  content: "";
  display: block;
  height: 0.25rem;
  transform: translateY(1.75rem);
  width: 2rem;
}
#page .main-content h2.fancy-big-title {
  font-size: 3.375rem;
  font-weight: 700;
  line-height: 100%;
}
#page .main-content h2.fancy-large-title {
  font-size: 3rem;
  font-weight: 700;
  line-height: 100%;
}

#page .main-content .special-heading-1,
#page .main-content .special-heading-2,
#page .main-content .special-heading-3 {
  color: var(--color-heading);
  margin-top: 0;
  padding-top: 1rem;
  position: relative;
}
#page .main-content .special-heading-1::before,
#page .main-content .special-heading-2::before,
#page .main-content .special-heading-3::before {
  border-radius: var(--border-radius);
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: 0;
  width: 32px;
}
#page .main-content .special-heading-1::before {
  background-color: #1c3462;
}
#page .main-content .special-heading-2::before {
  background-color: #eca030;
}
#page .main-content .special-heading-3::before {
  background-color: #277145;
}

#page .main-content .special-heading-4,
#page .main-content .special-heading-5,
#page .main-content .special-heading-6 {
  color: var(--color-heading);
  margin-top: 0;
  padding-bottom: 1.5rem;
  position: relative;
}
#page .main-content .special-heading-4::before,
#page .main-content .special-heading-5::before,
#page .main-content .special-heading-6::before {
  border-radius: var(--border-radius);
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}
#page .main-content .special-heading-4::before {
  background-color: #1c3462;
}
#page .main-content .special-heading-5::before {
  background-color: #eca030;
}
#page .main-content .special-heading-6::before {
  background-color: #277145;
}

#page .main-content .special-heading-7,
#page .main-content .special-heading-8,
#page .main-content .special-heading-9 {
  border-radius: var(--border-radius);
  color: var(--color-white);
  font-weight: 600;
  margin-top: 0;
  padding: 1rem;
}
#page .main-content .special-heading-7 {
  background-color: var(--color-primary);
}
#page .main-content .special-heading-8 {
  background-color: #a5680d;
}
#page .main-content .special-heading-9 {
  background-color: #277145;
}

#page .main-content .special-heading-10,
#page .main-content .special-heading-11,
#page .main-content .special-heading-12 {
  border-radius: var(--border-radius);
  color: var(--color-black);
  display: block;
  padding: 1rem;
}
#page .main-content .special-heading-10 {
  background-color: #e9f3fb;
  border: 1px solid #c5d4e1;
}
#page .main-content .special-heading-11 {
  background-color: #fff3eb;
  border: 1px solid #eddacd;
}
#page .main-content .special-heading-12 {
  background-color: #f4fbf7;
  border: 1px solid #d4e9dd;
}
#page .main-content h6.special-heading-10,
#page .main-content h6.special-heading-11,
#page .main-content h6.special-heading-12 {
  display: table;
  line-height: 120%;
  margin: 0 0 0.5rem 0;
  padding: 0.375rem 0.5rem;
}
/*----- SPECIAL HEADINGS - Close -----*/

/*----- SPECIAL BUTTONS - Open -----*/
#page .main-content a.button,
#page .main-content a.btn {
  border: none;
  border-radius: var(--border-radius-buttons);
  display: inline-flex;
  font-family: var(--primary-font-family);
  font-size: 1rem;
  font-weight: 500;
  line-height: 160%;
  margin: 0 0.1rem 0.25rem 0;
  padding: 0.5rem 1rem 0.625rem 1rem;
  position: relative;
  text-decoration: none !important;
  white-space: normal;
}

#page .main-content a.button.full-width,
#page .main-content a.btn.full-width {
  justify-content: center;
  width: 100% !important;
}

/* Green */
#page .main-content a.green,
#page .main-content a.btn-green {
  background: #86c87b;
  color: var(--color-black) !important;
}
#page .main-content a.green:hover,
#page .main-content a.btn-green:hover {
  background: #277145;
  color: var(--color-white) !important;
}
/* Blue */
#page .main-content a.blue,
#page .main-content a.btn-blue {
  background: #2a4e93;
  color: var(--color-white) !important;
}
#page .main-content a.blue:hover,
#page .main-content a.btn-blue:hover {
  background: #4473ca;
  color: var(--color-white) !important;
}
/* Dark Blue */
#page .main-content a.dark-blue,
#page .main-content a.btn-dark-blue {
  background: #1c3462;
  color: var(--color-white) !important;
}
#page .main-content a.dark-blue:hover,
#page .main-content a.btn-dark-blue:hover {
  background: #4473ca;
  color: var(--color-white) !important;
}
/* Orange */
#page .main-content a.orange,
#page .main-content a.btn-orange {
  background: #eca030;
  color: #11203c !important;
}
#page .main-content a.orange:hover,
#page .main-content a.btn-orange:hover {
  background: #a5680d;
  color: var(--color-white) !important;
}
/* White */
#page .main-content a.white,
#page .main-content a.btn-white {
  background-color: var(--color-white);
  border: 1px solid #2a4e93;
  color: #2a4e93 !important;
}

#page .main-content a.white:hover,
#page .main-content a.btn-white:hover {
  color: #fff !important;
  background-color: #4473ca;
  border-color: #4473ca;
}

/* White Orange*/
#page .main-content a.white-orange,
#page .main-content a.btn-white-orange {
  background-color: var(--color-white);
  border: 1px solid #2a4e93;
  color: #2a4e93 !important;
}

#page .main-content a.white-orange:hover,
#page .main-content a.btn-white-orange:hover {
  background-color: #eca030;
  border: 1px solid #eca030;
  color: #11203c !important;
}
/*----- SPECIAL BUTTONS - Close -----*/

/*----- TABLE - Open -----*/
#page .main-content table {
  background: var(--color-white);
  margin-bottom: 0;
  margin-top: 0;
}

#page .main-content table,
#page .main-content thead,
#page .main-content tbody,
#page .main-content tr,
#page .main-content th,
#page .main-content td {
  border: 0.0625rem solid #bdc8de;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.1 !important;
}

#page .main-content table tr th {
  background: none !important;
  border: 1px solid var(--color-primary) !important;
  color: var(--color-white);
}

#page .main-content thead tr,
#page .main-content tbody th {
  background: var(--color-primary) !important;
  border: 0.0625rem solid var(--color-primary) !important;
  color: var(--color-white) !important;
  font-size: 1rem;
  line-height: 1.1 !important;
}

#page .main-content table tr th,
#page .main-content table tr th a,
#page .main-content table tr th a:hover,
#page .main-content table tr th a:focus {
  font-weight: 500 !important;
}

#page .main-content tbody th[scope="row"] {
  color: var(--color-text) !important;
  font-weight: 600 !important;
}

#page .main-content table.dataTable tbody tr,
#page .main-content tr {
  background-color: #f2f5fa;
  border-top: 1px solid #bdc8de;
  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 .main-content table.dataTable tbody tr:nth-child(2n + 2),
#page .main-content tr:nth-child(2n + 2) {
  background-color: var(--color-white);
  border-bottom: 0px;
}

#page .main-content table.dataTable tbody tr:hover,
#page .main-content tbody tr:hover {
  background-color: #e5e9f0;
}

#page .main-content tr th {
  line-height: 1.3 !important;
  padding: 0.875rem 0.625rem 0.625rem 0.625rem !important;
  vertical-align: middle;
}
#page .main-content tr td {
  padding: 0.625rem !important;
  vertical-align: middle;
}

#page .main-content tfoot tr {
  background-color: #f2f5fa;
}
/*----- TABLE - Close-----*/

/*----- BLOCKQUOTE - Open -----*/
#page .main-content blockquote {
  background-color: #f2f5fa;
  border: 0.0625rem solid #bdc8de !important;
  border-bottom: 0.25rem solid #bdc8de !important;
  border-left: 0.25rem solid#bdc8de !important;
  border-radius: var(--border-radius);
  color: #1c3462;
  font-family: var(--secondary-font-family);
  font-size: 1rem !important;
  font-style: oblique;
  font-weight: 400;
  margin: 0 0 1rem 0 !important;
  padding: 1rem !important;
}
#page .main-content blockquote p {
  margin-top: 0 !important;
}
#page .main-content blockquote p:last-child {
  margin-bottom: 0 !important;
}
#page .main-content blockquote::before,
#page .main-content blockquote::after {
  display: none;
}
/*----- BLOCKQUOTE - Close -----*/

/*----- TRANSITION - Open -----*/
#page .main-content a {
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -ms-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}
/*----- TRANSITION - Close -----*/

/*----- COLUMNS GRID - Open -----*/
#page .main-content .columns-grid {
  display: grid;
  grid-gap: 2rem;
  margin: 1rem 0;
  padding: 0;
  width: 100%;
}

#page .main-content .columns-grid-67-33,
#page .main-content .columns-grid-33-67,
#page .main-content .columns-grid-50-50 {
  align-items: center;
}

#page .main-content .columns-grid-50-50 {
  grid-template-columns: repeat(2, calc(50% - 1rem));
}

#page .main-content .columns-grid-25-75 {
  grid-template-columns: calc(25% - 1rem) calc(75% - 1rem);
}

#page .main-content .columns-grid-75-25 {
  grid-template-columns: calc(75% - 1rem) calc(25% - 1rem);
}

#page .main-content .columns-grid-33-67 {
  grid-template-columns: calc(33% - 1rem) calc(67% - 1rem);
}

#page .main-content .columns-grid-67-33 {
  grid-template-columns: calc(67% - 1rem) calc(33% - 1rem);
}

#page .main-content .columns-grid-25-50-25 {
  grid-template-columns: calc(25% - 1rem) calc(50% - 2rem) calc(25% - 1rem);
}

#page .main-content .columns-grid-33-33-33 {
  grid-template-columns: repeat(3, calc(33.333333% - 1.333333rem));
}

#page .main-content .columns-grid-25-25-25-25 {
  grid-template-columns: repeat(4, calc(25% - 1.5rem));
}

#page .main-content .columns-grid-20-20-20-20-20 {
  grid-template-columns: repeat(5, calc(20% - 1.6rem));
}
/*----- COLUMNS GRID - Close -----*/
