:root {
  --black: #222222;
  --white: #ffffff;
  --admin-toolbar-sidebar-width: 0px;
  --desktop_header_bg: $dark_blue;
  --desktop_header_link: $white;
  --desktop_header_link_active: $water_blue;
  --desktop_icons: $white;
  --desktop_headings: $dark_blue;
  --desktop_text: $neutral_700;
  --desktop_link: $dark_blue;
  --desktop_link_hover: $water_blue;
  --desktop_button_color: $dark_blue;
  --desktop_button_color_hover_primary: $water_blue;
  --desktop_button_color_hover_secondary: $clear_blue;
  --desktop_button_text_primary: $white;
  --desktop_button_text_secondary: $neutral_700;
  --desktop_footer_link: $neutral_10;
}

.d-none {
  display: none !important;
}

.paragraph--type--text {
  padding: 50px 0px !important;
  position: relative;
}
.paragraph--type--text::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100vw;
  height: 100%;
  margin-left: calc(-50vw + 50%);
  z-index: -1;
}
.paragraph--type--text p,
.paragraph--type--text span,
.paragraph--type--text a,
.paragraph--type--text div,
.paragraph--type--text li,
.paragraph--type--text h1,
.paragraph--type--text h2,
.paragraph--type--text h3,
.paragraph--type--text h4,
.paragraph--type--text h5,
.paragraph--type--text h6 {
  color: #000000;
}
.paragraph--type--text.bg_light, .paragraph--type--text.bg_light_blue {
  background-color: #f4f4f4;
}
.paragraph--type--text.bg_light p,
.paragraph--type--text.bg_light div,
.paragraph--type--text.bg_light li, .paragraph--type--text.bg_light_blue p,
.paragraph--type--text.bg_light_blue div,
.paragraph--type--text.bg_light_blue li {
  color: #000000;
}
.paragraph--type--text.bg_light h1,
.paragraph--type--text.bg_light h2,
.paragraph--type--text.bg_light h3,
.paragraph--type--text.bg_light h4,
.paragraph--type--text.bg_light h5,
.paragraph--type--text.bg_light h6, .paragraph--type--text.bg_light_blue h1,
.paragraph--type--text.bg_light_blue h2,
.paragraph--type--text.bg_light_blue h3,
.paragraph--type--text.bg_light_blue h4,
.paragraph--type--text.bg_light_blue h5,
.paragraph--type--text.bg_light_blue h6 {
  color: #003C71;
}
.paragraph--type--text.bg_dark p,
.paragraph--type--text.bg_dark div,
.paragraph--type--text.bg_dark li, .paragraph--type--text.bg_dark_blue p,
.paragraph--type--text.bg_dark_blue div,
.paragraph--type--text.bg_dark_blue li {
  color: #ffffff;
}
.paragraph--type--text.bg_dark h1,
.paragraph--type--text.bg_dark h2,
.paragraph--type--text.bg_dark h3,
.paragraph--type--text.bg_dark h4,
.paragraph--type--text.bg_dark h5,
.paragraph--type--text.bg_dark h6, .paragraph--type--text.bg_dark_blue h1,
.paragraph--type--text.bg_dark_blue h2,
.paragraph--type--text.bg_dark_blue h3,
.paragraph--type--text.bg_dark_blue h4,
.paragraph--type--text.bg_dark_blue h5,
.paragraph--type--text.bg_dark_blue h6 {
  color: #ffffff;
}
.paragraph--type--text.white_background .ckeditor-accordion-container dl dt a {
  background-color: #003C71 !important;
}
.paragraph--type--text.white_background:before {
  background-color: #ffffff;
}
.paragraph--type--text.grey_background:before {
  background-color: #f4f4f4;
}
.paragraph--type--text.bg_light:before {
  background-color: #f4f4f4;
}
.paragraph--type--text.bg_light_blue:before {
  background-color: #8CCFDB;
}
.paragraph--type--text.bg_dark:before {
  background-color: #262626;
}
.paragraph--type--text.bg_dark_blue:before {
  background-color: #003C71;
}
.paragraph--type--text.selected_background_image {
  background-size: cover;
}
@media (max-width: 768px) {
  .paragraph--type--text {
    padding: 20px 0px 20px 0 !important;
  }
}
.paragraph--type--text .field--name-field-title {
  font-weight: lighter;
  font-size: 40px;
  color: #003C71;
}
@media (max-width: 768px) {
  .paragraph--type--text .field--name-field-title {
    font-size: 32px;
  }
}
.paragraph--type--text .field--name-field-rich-text {
  padding-top: 10px;
  font-size: 20px;
}
@media (max-width: 768px) {
  .paragraph--type--text .field--name-field-rich-text {
    padding-bottom: 0;
    font-size: 16px;
  }
}
.paragraph--type--text .field--name-field-rich-text ul {
  padding-left: 20px;
}
.paragraph--type--text .field--name-field-rich-text ul li {
  list-style-type: disc;
  line-height: 36px;
}
@media (max-width: 768px) {
  .paragraph--type--text .field--name-field-rich-text ul li {
    line-height: 25px;
  }
}