/* Colors */
/* Breakpoints */
.paragraph--type--basic-card {
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .paragraph--type--basic-card {
      display: block; } }
  .paragraph--type--basic-card .basic-card-image {
    background-size: cover;
    background-position: center; }
    .paragraph--type--basic-card .basic-card-image.has-overlay {
      height: 370px;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
    .paragraph--type--basic-card .basic-card-image:not(.has-overlay) {
      padding-bottom: 97%; }
    .paragraph--type--basic-card .basic-card-image .overlay-text {
      background-color: rgba(0, 0, 0, 0.5);
      padding: 27px 20px; }
      .paragraph--type--basic-card .basic-card-image .overlay-text p {
        font-size: 1.4rem; }
  .paragraph--type--basic-card .basic-card-link {
    text-align: center;
    padding: 10px 20px; }
    .paragraph--type--basic-card .basic-card-link h3 {
      margin: 0; }
    .paragraph--type--basic-card .basic-card-link:not(.full-width) {
      align-self: flex-end; }
  .paragraph--type--basic-card .basic-card-text {
    padding: 12px 5px;
    font-weight: 500; }
  @media screen and (min-width: 576px) and (max-width: 991px) {
    .paragraph--type--basic-card .basic-card-wrapper {
      margin-bottom: 15px; }
      .paragraph--type--basic-card .basic-card-wrapper + .basic-card-text {
        padding-top: 0;
        padding-left: 30px !important; } }

.block.row {
  justify-content: center; }

.block.block-block-content {
  position: relative; }

.block.bg-attachment-parallax {
  overflow: hidden; }
  .block.bg-attachment-parallax img.rellax {
    position: absolute;
    width: 150%; }

.node--type-page {
  position: relative; }
  .node--type-page .basic-page-header-image {
    height: 57.2rem;
    max-height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-size: cover;
    z-index: 1; }
    @media screen and (min-width: 992px) {
      .node--type-page .basic-page-header-image::after {
        content: '';
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        pointer-events: none;
        background-image: linear-gradient(to right, #0d1448, rgba(13, 20, 72, 0.8) 225px, rgba(13, 20, 72, 0) 350px); } }
  .node--type-page .basic-page-column-1 {
    background-color: #444445; }
    .node--type-page .basic-page-column-1 .menu-container {
      z-index: 2;
      height: 57.2rem; }
    .node--type-page .basic-page-column-1 .side-column {
      margin-top: 57.2rem; }
  .node--type-page .basic-page-column-2 {
    z-index: 2;
    text-align: right; }
    .node--type-page .basic-page-column-2 .basic-page-title-container {
      background-color: rgba(0, 0, 0, 0.4);
      color: white;
      display: inline-block;
      padding: 40px 15px;
      text-align: right; }
      @media screen and (min-width: 576px) {
        .node--type-page .basic-page-column-2 .basic-page-title-container {
          padding: 45px 30px; } }
      .node--type-page .basic-page-column-2 .basic-page-title-container h1 {
        font-size: 4.4rem;
        text-transform: uppercase; }
      .node--type-page .basic-page-column-2 .basic-page-title-container .page-breadcrumb {
        text-transform: uppercase;
        font-weight: 500;
        font-size: 2rem; }
    .node--type-page .basic-page-column-2 .body-container {
      text-align: left;
      padding: 30px 15px; }
      @media screen and (min-width: 576px) {
        .node--type-page .basic-page-column-2 .body-container {
          padding: 30px;
          min-height: 420px; } }
      @media screen and (min-width: 992px) {
        .node--type-page .basic-page-column-2 .body-container {
          padding: 60px 70px; } }
  .node--type-page .basic-page-footer {
    color: white;
    background-color: #0b1880;
    padding: 50px 35px; }
  .node--type-page .basic-page-footer-bg-image {
    background-position: center;
    background-size: cover; }
  .node--type-page .basic-page-footer-block {
    padding: 64px 44px; }
  .node--type-page article.node h2, .node--type-page article.node h3, .node--type-page article.node h4, .node--type-page article.node h5, .node--type-page article.node h6, .node--type-page article.node p {
    margin-bottom: 1.25em; }

div.side-column {
  text-align: left;
  background-color: #444445;
  color: white;
  z-index: 1;
  padding: 35px; }
  div.side-column a {
    color: #daab15;
    font-weight: bold; }
  div.side-column a:hover,
  div.side-column a:active,
  div.side-column a:focus {
    color: #0d1448; }
  @media screen and (min-width: 576px) {
    div.side-column {
      padding: 20px; } }
  @media screen and (min-width: 992px) {
    div.side-column {
      padding: 40px; } }
  @media screen and (min-width: 1200px) {
    div.side-column {
      padding: 55px 40px; } }
  div.side-column h2:not(:first-child),
  div.side-column h3:not(:first-child),
  div.side-column h4:not(:first-child),
  div.side-column h5:not(:first-child),
  div.side-column h6:not(:first-child),
  div.side-column p:not(:first-child),
  div.side-column a:not(:first-child) {
    margin-top: 1.25em; }
  div.side-column h2:not(:last-child),
  div.side-column h3:not(:last-child),
  div.side-column h4:not(:last-child),
  div.side-column h5:not(:last-child),
  div.side-column h6:not(:last-child),
  div.side-column p:not(:last-child),
  div.side-column a:not(:last-child) {
    margin-bottom: 1.25em; }
  div.side-column p {
    line-height: 1.35em; }
  div.side-column h3 + p:not(:first-child),
  div.side-column h2 + p:not(:first-child) {
    margin-top: -1em; }

div.block--decoup-inf-scroll-carousel {
  background-color: #dfdfdf;
  padding-top: 50px;
  padding-left: 45px;
  padding-bottom: 30px; }
  div.block--decoup-inf-scroll-carousel .carousel-title {
    font-weight: bold;
    font-size: 3.6rem; }
  div.block--decoup-inf-scroll-carousel .content-details-view,
  div.block--decoup-inf-scroll-carousel .content-images-view {
    min-height: 500px; }
    @media screen and (max-width: 991px) {
      div.block--decoup-inf-scroll-carousel .content-details-view.loaded,
      div.block--decoup-inf-scroll-carousel .content-images-view.loaded {
        min-height: auto; } }
  div.block--decoup-inf-scroll-carousel .content-details-view .views-element-container {
    position: relative; }
  div.block--decoup-inf-scroll-carousel .content-details-view .views-row-container {
    position: relative; }
  div.block--decoup-inf-scroll-carousel .content-details-view .views-row {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    pointer-events: none;
    opacity: 0;
    transition: opacity .4s; }
    div.block--decoup-inf-scroll-carousel .content-details-view .views-row.active {
      opacity: 1;
      pointer-events: all; }
    div.block--decoup-inf-scroll-carousel .content-details-view .views-row .title {
      margin-bottom: 1.6rem; }
    div.block--decoup-inf-scroll-carousel .content-details-view .views-row .field--name-body {
      margin-bottom: 2rem; }
    div.block--decoup-inf-scroll-carousel .content-details-view .views-row .button-container {
      position: relative; }
      div.block--decoup-inf-scroll-carousel .content-details-view .views-row .button-container .square-button {
        position: relative;
        z-index: 1;
        transform: translate(10px, 18px); }
      div.block--decoup-inf-scroll-carousel .content-details-view .views-row .button-container::before {
        content: '';
        position: absolute;
        background-color: #daab15;
        top: 0;
        left: 0;
        width: 80px;
        height: 41px; }
  div.block--decoup-inf-scroll-carousel .content-images-view .field--name-field-infinite-carousel-view {
    height: 100%; }
  div.block--decoup-inf-scroll-carousel .content-images-view .views-element-container {
    overflow: hidden;
    padding-bottom: 20px;
    height: 100%; }
  div.block--decoup-inf-scroll-carousel .content-images-view .views-rows-container {
    transition: transform .3s;
    height: 100%;
    display: flex; }
    div.block--decoup-inf-scroll-carousel .content-images-view .views-rows-container .views-row {
      width: 100%;
      padding: 0 25px; }
      div.block--decoup-inf-scroll-carousel .content-images-view .views-rows-container .views-row .node {
        height: 100%;
        background-size: cover;
        background-position: center; }
  div.block--decoup-inf-scroll-carousel .content-images-view .square-button {
    position: absolute;
    bottom: -2rem;
    right: 0; }
  div.block--decoup-inf-scroll-carousel .content-images-view .blue-banner-label {
    color: white;
    background-color: #0b1880;
    width: calc(100% - 15px);
    transform: translate(-15px);
    padding: 10px 15px;
    text-align: center;
    margin-top: 10px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.8rem; }
    div.block--decoup-inf-scroll-carousel .content-images-view .blue-banner-label span {
      display: inline-block;
      text-align: left; }
  div.block--decoup-inf-scroll-carousel.loading .content-images-view .views-rows-container {
    transition: all 0s !important; }
  div.block--decoup-inf-scroll-carousel.loading .content-details-view .views-row:first-child {
    opacity: 1;
    pointer-events: all; }
  div.block--decoup-inf-scroll-carousel .carousel-controls {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
    padding-right: 2.4rem; }
    div.block--decoup-inf-scroll-carousel .carousel-controls .carousel-controls-arrows {
      display: flex; }
      div.block--decoup-inf-scroll-carousel .carousel-controls .carousel-controls-arrows .arrow-button {
        margin: 0 5px; }

.learn-more a,
span.square-button a {
  text-decoration: none; }

.learn-more > a,
.learn-more > *,
span.square-button > a,
span.square-button > * {
  position: relative;
  padding: 10px 15px;
  min-width: 180px;
  text-align: center;
  font-weight: 500;
  font-size: 1.4rem;
  display: inline-block;
  text-decoration: none;
  background-color: inherit;
  transition: background-color .15s; }

.learn-more.bg-blue > a:hover,
.learn-more.bg-blue > *:hover,
span.square-button.bg-blue > a:hover,
span.square-button.bg-blue > *:hover {
  background-color: #0d1448; }

.learn-more.bg-navy > a:hover,
.learn-more.bg-navy > *:hover,
span.square-button.bg-navy > a:hover,
span.square-button.bg-navy > *:hover {
  background-color: #0b1880; }

a.square-button,
.layout-container button.square-button,
input[type=submit] {
  position: relative;
  padding: 10px 15px;
  min-width: 180px;
  text-align: center;
  font-weight: 500;
  font-size: 1.4rem;
  display: inline-block;
  text-decoration: none;
  transition: background-color .15s; }
  a.square-button.bg-blue:hover, a.square-button.bg-blue:hover, a.square-button.bg-navy, a.square-button.bg-navy:link,
  .layout-container button.square-button.bg-blue:hover,
  .layout-container button.square-button.bg-blue:hover,
  .layout-container button.square-button.bg-navy,
  .layout-container button.square-button.bg-navy:link,
  input[type=submit].bg-blue:hover,
  input[type=submit].bg-blue:hover,
  input[type=submit].bg-navy,
  input[type=submit].bg-navy:link {
    background-color: #0d1448; }
  a.square-button.bg-navy:hover, a.square-button.bg-navy:hover, a.square-button.bg-blue, a.square-button.bg-blue:link,
  .layout-container button.square-button.bg-navy:hover,
  .layout-container button.square-button.bg-navy:hover,
  .layout-container button.square-button.bg-blue,
  .layout-container button.square-button.bg-blue:link,
  input[type=submit].bg-navy:hover,
  input[type=submit].bg-navy:hover,
  input[type=submit].bg-blue,
  input[type=submit].bg-blue:link {
    background-color: #0b1880; }

.paragraph--type--card-section {
  padding-top: 25px;
  padding-bottom: 18px; }
  .paragraph--type--card-section h2.card-section-title {
    font-size: 3.4rem;
    display: inline-block; }
  @media screen and (min-width: 992px) {
    .paragraph--type--card-section {
      padding-top: 50px; } }
  @media screen and (min-width: 1200px) {
    .paragraph--type--card-section .card-section-title-container {
      padding-top: 77px; } }

.carousel-wrapper {
  overflow: hidden; }
  .carousel-wrapper .carousel-items-container {
    display: flex;
    transition: transform .5s; }
    .carousel-wrapper .carousel-items-container .views-field {
      flex: 1; }

.arrow-button {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center; }

.carousel-controls.vertical,
.carousel-controls-arrows.vertical,
.carousel-pagination.vertical {
  display: flex;
  flex-direction: column; }

.carousel-controls.vertical {
  width: 40px;
  margin-right: 10px; }

.carousel-pagination {
  display: flex; }
  .carousel-pagination .pagination-dot {
    padding: 3px 5px;
    color: grey;
    font-size: 14px;
    line-height: 1.35em; }
    .carousel-pagination .pagination-dot.active {
      color: white; }

.carousel-pagination.vertical {
  margin-top: 30px;
  flex-direction: column;
  padding: 8px 0; }

.carousel-pagination:not(.vertical) {
  padding: 0 12px; }

div.ckeditor-accordion-container > dl {
  border: 1px solid #0d1448; }
  div.ckeditor-accordion-container > dl dd {
    padding: 10px 15px; }
  div.ckeditor-accordion-container > dl dt > a.ckeditor-accordion-toggler {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #0b1880;
    text-decoration: none;
    border-bottom: 1px solid #0d1448;
    color: white; }
    div.ckeditor-accordion-container > dl dt > a.ckeditor-accordion-toggler:hover {
      background-color: #0d1448;
      color: white; }
  div.ckeditor-accordion-container > dl dt.active > a.ckeditor-accordion-toggler {
    background-color: #0d1448;
    color: white; }

.emergency-alert {
  height: 0;
  overflow: hidden; }
  .emergency-alert.active {
    height: auto !important; }
  .emergency-alert .emergency-alert-content {
    padding: 20px;
    text-align: center; }
    .emergency-alert .emergency-alert-content h2 {
      margin-bottom: 10px; }
    .emergency-alert .emergency-alert-content h3 {
      margin-bottom: 20px; }
    .emergency-alert .emergency-alert-content a {
      line-height: 1.1em;
      font-weight: bold; }

.block-views-blockemergency-notification-block-1 {
  background-color: red;
  padding: 20px;
  text-align: center;
  color: white;
  margin-top: -3px;
  border-bottom: 2px solid white;
  position: relative;
  z-index: 25; }
  .block-views-blockemergency-notification-block-1 h2 {
    margin-bottom: 10px; }
  .block-views-blockemergency-notification-block-1 h3 {
    margin-bottom: 20px; }
  .block-views-blockemergency-notification-block-1 span.square-button a {
    font-weight: bold;
    font-size: 1.6rem; }

.view-events.view-display-id-block-1 {
  background-color: #0d1448;
  color: white;
  padding: 28px 0 12px 0; }
  .view-events.view-display-id-block-1 footer {
    margin-top: 16px;
    display: block;
    text-align: right; }
  .view-events.view-display-id-block-1 .civic-carousel {
    padding-right: 35px; }
    @media screen and (max-width: 575px) {
      .view-events.view-display-id-block-1 .civic-carousel {
        padding-right: 50px;
        padding-left: 0; } }
  .view-events.view-display-id-block-1 > .views-element-container {
    padding: 0 15px; }
  .view-events.view-display-id-block-1 > .views-element-container > div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .view-events.view-display-id-block-1 .view-content {
    height: 100%;
    display: flex;
    align-items: center; }
  .view-events.view-display-id-block-1 .events-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px; }
    .view-events.view-display-id-block-1 .events-title h3 {
      font-size: 2.4rem;
      margin-bottom: 0; }
    .view-events.view-display-id-block-1 .events-title a {
      font-size: 1.4rem;
      text-align: right; }
  .view-events.view-display-id-block-1 .carousel-controls-arrows {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%); }
    @media screen and (max-width: 991px) {
      .view-events.view-display-id-block-1 .carousel-controls-arrows {
        right: 0; } }

.event-card {
  padding: 0 12px; }
  .event-card .event-description {
    font-size: 1.4rem;
    margin-bottom: 2rem; }

.event-month {
  display: inline-block;
  position: relative;
  width: 100px;
  left: -20px;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1.6rem; }

.event-day-and-title {
  display: flex;
  margin-bottom: 10px; }
  .event-day-and-title .event-day {
    display: inline-block;
    border: 2px solid white;
    width: 60px;
    height: 56px;
    font-size: 3.2rem;
    display: flex;
    justify-content: center;
    align-items: center; }
  .event-day-and-title .event-title {
    width: calc(100% - 60px);
    padding: 0 12px 8px 12px;
    line-height: 1.5em;
    margin-top: -3px;
    font-size: 1.6rem;
    font-weight: 400; }

.event-link {
  font-size: 1.4rem;
  text-decoration: underline; }

body.page-node-type-events {
  position: relative; }
  body.page-node-type-events .event-page-header-image {
    height: 63rem;
    max-height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-size: cover;
    z-index: 1; }
    @media screen and (min-width: 992px) {
      body.page-node-type-events .event-page-header-image::after {
        content: '';
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        pointer-events: none;
        background-image: linear-gradient(to right, #0d1448, rgba(13, 20, 72, 0.8) 225px, rgba(13, 20, 72, 0) 350px); } }
  body.page-node-type-events .event-page-column-1 {
    min-height: 63rem; }
    @media screen and (min-width: 768px) {
      body.page-node-type-events .event-page-column-1 {
        margin-bottom: 60px; } }
  body.page-node-type-events .event-page-column-2 {
    z-index: 2;
    text-align: right;
    min-height: 42.7rem; }
    body.page-node-type-events .event-page-column-2 .event-page-title-container {
      padding: 45px 30px;
      text-align: right; }
      body.page-node-type-events .event-page-column-2 .event-page-title-container h1, body.page-node-type-events .event-page-column-2 .event-page-title-container p {
        text-transform: uppercase;
        display: inline-block; }
      body.page-node-type-events .event-page-column-2 .event-page-title-container .page-breadcrumb {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 2rem; }
        body.page-node-type-events .event-page-column-2 .event-page-title-container .page-breadcrumb span.page-title {
          font-size: 2.9rem; }
    body.page-node-type-events .event-page-column-2 .event-page-content {
      text-align: left;
      padding: 0 15px 45px 15px; }
      @media screen and (min-width: 768px) {
        body.page-node-type-events .event-page-column-2 .event-page-content {
          padding: 60px 30px 100px 30px;
          max-width: 1024px; } }
    body.page-node-type-events .event-page-column-2 .event-page-event-details {
      padding: 24px; }
      body.page-node-type-events .event-page-column-2 .event-page-event-details .field--name-field-event-image img {
        background-color: white; }

.map-container .field--name-field-location {
  height: 100%; }

.related-event-card {
  position: relative;
  padding: 0 2.5px;
  display: flex;
  max-height: 300px;
  width: 100%; }
  .related-event-card .event-details-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding: 5px 10px 10px 20px;
    width: calc(100% - 30px);
    z-index: 1; }

#block-relatedevents .views-field-nothing a {
  width: 100%; }

.views-view--events--page-1 h1 {
  font-size: 4rem; }

.views-view--events--page-1 form.views-exposed-form {
  margin-top: 30px;
  margin-bottom: 60px; }
  @media screen and (min-width: 768px) {
    .views-view--events--page-1 form.views-exposed-form {
      margin-bottom: 120px; } }

.views-view--events--page-1 .views-row {
  padding: 0 15px;
  margin-bottom: 20px; }
  @media screen and (min-width: 576px) {
    .views-view--events--page-1 .views-row {
      margin-bottom: 45px;
      padding: 0 15px 0 30px; } }
  @media screen and (min-width: 768px) {
    .views-view--events--page-1 .views-row {
      padding: 0 15px 0 45px;
      margin-bottom: 90px; } }

.event-large-card {
  background-color: #0d1448;
  position: relative; }
  .event-large-card img {
    width: 100%;
    height: auto;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    transition: transform .2s;
    background-color: white;
    box-shadow: 7px 7px 13.5px rgba(0, 0, 0, 0.25); }
    @media screen and (min-width: 576px) {
      .event-large-card img {
        transform: translate(-15px, -15px); } }
    @media screen and (min-width: 768px) {
      .event-large-card img {
        transform: translate(-30px, -30px); } }
  .event-large-card .text-container {
    padding: 15px; }
    .event-large-card .text-container .event-time {
      font-weight: 500; }
    .event-large-card .text-container .see-more-link {
      text-decoration: underline;
      font-size: 1.6rem; }
    @media screen and (min-width: 768px) {
      .event-large-card .text-container {
        padding: 20px 15px 35px 0; } }
    @media screen and (min-width: 992px) {
      .event-large-card .text-container {
        padding: 40px 15px 45px 0; } }
  @media screen and (min-width: 768px) {
    .event-large-card .see-more-link {
      position: absolute;
      bottom: 15px;
      right: 15px; } }

@media screen and (min-width: 992px) {
  #block-eventherocarousel > .block-content::after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    pointer-events: none;
    background-image: linear-gradient(to right, #0d1448, rgba(13, 20, 72, 0.8) 225px, rgba(13, 20, 72, 0) 350px); } }

footer .footer-content {
  position: relative;
  background-color: #0d1448;
  border-top: 7px solid #daab15;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 19px 12px; }
  @media screen and (max-width: 575px) {
    footer .footer-content {
      padding-bottom: 65px; } }
  footer .footer-content .region-footer-left,
  footer .footer-content .region-footer-right {
    display: flex; }
  footer .footer-content #block-countyofriversidelogo-footer .field--name-field-image-block-image {
    display: flex;
    align-items: center; }
    footer .footer-content #block-countyofriversidelogo-footer .field--name-field-image-block-image img {
      width: 23rem;
      max-width: 100%;
      height: auto; }
      @media screen and (min-width: 768px) {
        footer .footer-content #block-countyofriversidelogo-footer .field--name-field-image-block-image img {
          margin-right: 10px; } }
  footer .footer-content #block-socialmediamenu {
    color: white; }
    footer .footer-content #block-socialmediamenu ul.menu {
      margin: 0;
      height: 100%;
      align-items: center;
      display: flex; }
      footer .footer-content #block-socialmediamenu ul.menu li {
        padding: 0 1rem; }
        @media screen and (max-width: 576px) {
          footer .footer-content #block-socialmediamenu ul.menu li {
            padding: 0 .75rem;
            font-size: 1.4rem; } }
        @media screen and (max-width: 400px) {
          footer .footer-content #block-socialmediamenu ul.menu li {
            padding: 0 .5rem;
            font-size: 1.2rem; } }
    @media screen and (max-width: 575px) {
      footer .footer-content #block-socialmediamenu {
        position: absolute;
        bottom: 19px;
        left: 0;
        width: 100%; }
        footer .footer-content #block-socialmediamenu ul.menu {
          justify-content: center; } }
  footer .footer-content #block-rivconowfooterlogo {
    margin-left: 24px; }
    footer .footer-content #block-rivconowfooterlogo img {
      height: 56px;
      margin-top: -8px;
      margin-bottom: -8px;
      width: auto; }
    @media screen and (max-width: 767px) {
      footer .footer-content #block-rivconowfooterlogo {
        display: none; } }

textarea {
  border: 2px solid #0d1448; }

.layout-container label,
.layout-container span.fieldset-legend {
  font-weight: 300;
  display: block;
  font-size: 1.6rem;
  line-height: 1.5rem;
  margin-bottom: .5rem; }

.select2-container .select2-selection--single {
  height: 35px;
  padding: 2px 0;
  border: 2px solid #0d1448;
  border-radius: 0; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 33px; }
  .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #0d1448 transparent transparent; }

li.select2-results__option,
input.select2-search__field {
  font-size: 1.6rem; }

input,
textarea {
  padding: 5px 10px;
  border: 2px solid #0d1448;
  background-color: #fafafa; }
  input:focus,
  textarea:focus {
    background-color: white;
    border-color: #0b1880; }

input[type=submit] {
  background-color: #0d1448;
  transition: background-color .15s;
  color: white; }
  input[type=submit]:hover, input[type=submit]:focus {
    background-color: #0b1880; }

.layout-container > header {
  border-bottom: 2px solid white;
  background-color: #0d1448;
  position: relative;
  z-index: 100; }
  .layout-container > header .header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 19px 12px; }
    .layout-container > header .header-content .region-header-left,
    .layout-container > header .header-content .region-header-right {
      display: flex; }
    .layout-container > header .header-content .region-header-right {
      align-items: center;
      color: white;
      flex-direction: column;
      align-items: flex-end;
      justify-content: center; }
    .layout-container > header .header-content #block-countyofriversidelogo {
      margin-right: 30px; }
      .layout-container > header .header-content #block-countyofriversidelogo img {
        width: 312px;
        max-width: 100%;
        height: auto; }
    .layout-container > header .header-content .gtranslate select {
      background-color: rgba(255, 255, 255, 0.5);
      height: 30px;
      font-size: 12px;
      font-weight: 500; }
    .layout-container > header .header-content .gtranslate option {
      color: black; }
    .layout-container > header .header-content .translate-size-and-logo-container {
      display: flex; }
    .layout-container > header .header-content .size-and-translate-container {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      position: relative;
      transform: translateY(-4px); }
    .layout-container > header .header-content img.translate {
      width: 117px;
      height: auto;
      margin-top: 4px; }
    .layout-container > header .header-content #block-rivconowlogo img {
      width: 150px;
      margin-left: 18px;
      height: auto; }

@media screen and (max-width: 991px) {
  .layout-container > header {
    z-index: 100; }
    .layout-container > header > .header-content .region-header-left {
      width: 100%;
      justify-content: flex-end;
      min-height: 65px; }
    .layout-container > header > .header-content #block-countyofriversidelogo {
      position: absolute;
      z-index: 1;
      background-color: #0d1448;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 19px 12px;
      max-width: calc(100% - 140px);
      margin: 0;
      display: flex;
      justify-content: flex-start;
      align-items: center; }
    .layout-container > header > .header-content .county-of-riverside-logo img {
      margin-bottom: 15px;
      height: 59px;
      width: auto;
      display: block; }
    .layout-container > header > .header-content .logo-and-quick-links-container {
      flex-direction: column;
      width: 100%; }
    .layout-container > header > .header-content .translate-size-and-logo-container {
      display: none; } }

/*******************************
** Dropdown Language Selector **
*******************************/
#block-gtranslate {
  display: none; }

#block-dropdownlanguage {
  min-height: 30px; }

.dropbutton-wrapper {
  transition: opacity .5s;
  display: none;
  opacity: 0; }
  .dropbutton-wrapper .dropbutton-widget {
    border: 1px solid white;
    background-color: #9294aa; }
    .dropbutton-wrapper .dropbutton-widget:hover {
      border: 1px solid white; }
    .dropbutton-wrapper .dropbutton-widget ul.dropdown-language-item {
      border-right: none; }
    .dropbutton-wrapper .dropbutton-widget ul.dropdown-language-item .language-link {
      font-size: 13px;
      font-weight: 400;
      padding: 2px 10px;
      display: inline-block; }
    .dropbutton-wrapper .dropbutton-widget .dropbutton-arrow {
      right: auto;
      left: 50%;
      margin-top: 0;
      transform: translate(-50%, -50%); }
    .dropbutton-wrapper .dropbutton-widget li.secondary-action {
      position: absolute;
      top: 100%;
      left: -1px;
      width: calc(100% + 2px);
      background-color: #9294aa;
      border: 1px solid white; }

#header-search-container {
  width: 105px;
  position: relative;
  margin-bottom: 3px; }
  #header-search-container #header-search-button svg {
    font-size: 27px; }
  #header-search-container .header-search-form {
    position: absolute;
    top: -1px;
    right: 100%;
    opacity: 0;
    pointer-events: none;
    transition: all .3s; }
    #header-search-container .header-search-form input {
      background-color: transparent;
      margin-right: 12px;
      border: 2px solid white;
      width: 0;
      transition: all .5s; }
    #header-search-container .header-search-form.active {
      opacity: 1;
      pointer-events: all; }
      #header-search-container .header-search-form.active input {
        width: 175px; }

.hero {
  position: relative;
  overflow: hidden; }
  .hero::after {
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    pointer-events: none; }

body:not(.path-frontpage) .region-hero {
  overflow: hidden; }

@media screen and (min-width: 992px) {
  body.path-frontpage .hero::after {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5) 225px, rgba(0, 0, 0, 0) 350px); } }

body.path-frontpage .region-hero,
body.path-frontpage .field--name-field-hero-image,
body.path-frontpage .views-field-field-media-image {
  height: calc(100vh - 106px);
  min-height: 60rem; }
  @media screen and (max-width: 767px) {
    body.path-frontpage .region-hero,
    body.path-frontpage .field--name-field-hero-image,
    body.path-frontpage .views-field-field-media-image {
      height: 540px;
      max-height: 100vh; } }

.random-hero-bg-image-view-rows-container img, .hero-image-container.rellax img {
  height: 175%;
  width: auto;
  min-width: 100%;
  max-width: none;
  position: relative;
  left: 50%;
  transform: translateX(-50%); }

@media screen and (max-width: 767px) {
  .random-hero-bg-image-view-rows-container, .hero-image-container.rellax {
    transform: translate3d(0, 0, 0) !important; }
    .random-hero-bg-image-view-rows-container img, .hero-image-container.rellax img {
      height: 100%;
      width: auto; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .random-hero-bg-image-view-rows-container, .hero-image-container.rellax {
    transform: translate3d(0, 0, 0) !important; } }

.hero-carousel-container {
  display: flex; }
  .hero-carousel-container .views-row {
    width: 100%; }

.block--decoupled-hero-carousel .block-content {
  position: relative; }

.views-rows-container {
  transition: transform .5s; }

.field--name-field-background-layer-carousel {
  height: 45vw;
  min-height: 585px;
  max-height: 700px;
  overflow: hidden; }

.node--view-mode-hero-carousel-bg-display {
  height: 45vw;
  min-height: 585px;
  max-height: 700px;
  background-size: cover;
  background-position: center; }

/***************************
** VERTICAL HERO CAROUSEL **
***************************/
.block--decoupled-hero-carousel.vertical {
  margin-bottom: 120px; }
  .block--decoupled-hero-carousel.vertical .hero-background-carousel-container,
  .block--decoupled-hero-carousel.vertical .hero-foreground-carousel-container {
    flex-direction: column;
    width: 100% !important; }
  .block--decoupled-hero-carousel.vertical .field--name-field-foreground-layer-carousel {
    position: absolute;
    bottom: -120px;
    right: 20px;
    width: 400px;
    max-width: calc(100% - 20px);
    background-color: #daab15;
    z-index: 1; }
    .block--decoupled-hero-carousel.vertical .field--name-field-foreground-layer-carousel .views-element-container {
      display: flex;
      flex-direction: row-reverse; }
    .block--decoupled-hero-carousel.vertical .field--name-field-foreground-layer-carousel .hero-foreground-carousel-wrapper {
      overflow: hidden;
      width: 100%; }
    .block--decoupled-hero-carousel.vertical .field--name-field-foreground-layer-carousel .views-row {
      padding: 20px; }
      .block--decoupled-hero-carousel.vertical .field--name-field-foreground-layer-carousel .views-row:not(:first-child) {
        display: none; }
      .block--decoupled-hero-carousel.vertical .field--name-field-foreground-layer-carousel .views-row .views-field-title {
        margin-bottom: 2.5rem; }
        @media screen and (min-width: 768px) {
          .block--decoupled-hero-carousel.vertical .field--name-field-foreground-layer-carousel .views-row .views-field-title {
            margin-bottom: 4rem; } }
        .block--decoupled-hero-carousel.vertical .field--name-field-foreground-layer-carousel .views-row .views-field-title h3 {
          margin-bottom: 0; }
      .block--decoupled-hero-carousel.vertical .field--name-field-foreground-layer-carousel .views-row .views-field-body {
        margin-bottom: 2.5rem; }
        @media screen and (min-width: 768px) {
          .block--decoupled-hero-carousel.vertical .field--name-field-foreground-layer-carousel .views-row .views-field-body {
            margin-bottom: 4rem; } }
        .block--decoupled-hero-carousel.vertical .field--name-field-foreground-layer-carousel .views-row .views-field-body .field-content {
          font-weight: 300;
          line-height: 1.5em; }
    .block--decoupled-hero-carousel.vertical .field--name-field-foreground-layer-carousel .carousel-controls {
      padding: 10px 0;
      justify-content: space-between; }
      .block--decoupled-hero-carousel.vertical .field--name-field-foreground-layer-carousel .carousel-controls .pagination-dot {
        color: white; }
        .block--decoupled-hero-carousel.vertical .field--name-field-foreground-layer-carousel .carousel-controls .pagination-dot.active {
          color: black; }
  .block--decoupled-hero-carousel.vertical.loaded .field--name-field-foreground-layer-carousel .views-row {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }

/*****************************
** HORIZONTAL HERO CAROUSEL **
*****************************/
.block--decoupled-hero-carousel.horizontal .carousel-controls {
  display: flex;
  flex-direction: row-reverse;
  background-color: white;
  position: relative;
  z-index: 1; }

.block--decoupled-hero-carousel.horizontal .carousel-controls-arrows {
  display: flex; }
  .block--decoupled-hero-carousel.horizontal .carousel-controls-arrows .arrow-button {
    background-color: #0b1880; }

.block--decoupled-hero-carousel.horizontal .carousel-pagination {
  margin-right: 50px;
  background-color: #0b1880; }

.block--decoupled-hero-carousel.horizontal .paragraph-content {
  position: relative; }

.block--decoupled-hero-carousel.horizontal .field--name-field-background-layer-carousel .hero-background-carousel-container .views-row {
  width: 100vw; }

.block--decoupled-hero-carousel.horizontal .field--name-field-foreground-layer-carousel {
  width: 616px;
  max-width: 100%;
  position: absolute;
  bottom: 0;
  right: 0; }
  .block--decoupled-hero-carousel.horizontal .field--name-field-foreground-layer-carousel .hero-foreground-carousel-wrapper {
    overflow: hidden; }
  .block--decoupled-hero-carousel.horizontal .field--name-field-foreground-layer-carousel .hero-foreground-carousel-container {
    background-color: rgba(13, 20, 72, 0.8);
    color: white; }
    .block--decoupled-hero-carousel.horizontal .field--name-field-foreground-layer-carousel .hero-foreground-carousel-container .views-field-title {
      margin-bottom: 1em; }
      .block--decoupled-hero-carousel.horizontal .field--name-field-foreground-layer-carousel .hero-foreground-carousel-container .views-field-title .field-content {
        font-size: 2.6rem; }
    .block--decoupled-hero-carousel.horizontal .field--name-field-foreground-layer-carousel .hero-foreground-carousel-container .views-field-body .field-content,
    .block--decoupled-hero-carousel.horizontal .field--name-field-foreground-layer-carousel .hero-foreground-carousel-container .views-field-body .field-content p {
      margin: 1em 0;
      line-height: 1.5em;
      font-size: 1.6rem; }
    .block--decoupled-hero-carousel.horizontal .field--name-field-foreground-layer-carousel .hero-foreground-carousel-container .views-row {
      padding: 30px; }

@media screen and (max-width: 767px) {
  section.how-can-we-help,
  .search-block-form {
    transform: translate3d(0px, 0px, 0px) !important; } }

@media screen and (min-width: 768px) {
  section.how-can-we-help,
  .search-block-form {
    transform: translate3d(0, -90px, 0); } }

.search-block-form {
  z-index: 15;
  position: relative; }

.help-search {
  margin-left: auto;
  width: calc(100% - 112px);
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .help-search div.js-form-item,
  .help-search div.form-actions {
    margin: 0;
    display: flex; }
  .help-search div.js-form-item {
    width: 100%; }
  .help-search h2 {
    padding-left: 15px;
    margin-bottom: 0 !important; }
  .help-search form {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: calc(100% - 35.5rem); }
    .help-search form input {
      width: 100%;
      padding: 8px 15px;
      border: none; }
    .help-search form input[type=submit] {
      min-width: 60px;
      width: 60px;
      font-size: 0;
      background-color: #daab15;
      height: 100%;
      background-image: url("/themes/custom/riverside/src/images/search-solid.svg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain; }
    .help-search form .form-actions {
      position: relative; }
    .help-search form button {
      padding: 0 14px;
      border: none;
      background-color: transparent; }
  @media screen and (max-width: 767px) {
    .help-search {
      flex-direction: column;
      align-items: flex-start;
      padding: 15px 0 20px 0; }
      .help-search h2 {
        margin-bottom: 15px !important;
        padding-left: 5px; }
      .help-search form {
        width: 100%;
        padding-left: 5px; } }
  @media screen and (max-width: 575px) {
    .help-search h2 {
      font-size: 2.2rem; } }

body.page-node-type-landing-page h1.landing-page-title {
  margin-top: 5rem !important;
  margin-bottom: 6.4rem; }
  body.page-node-type-landing-page h1.landing-page-title.yellow-underline {
    margin-bottom: 8.4rem; }

body.page-node-type-landing-page .landing-page-hero-section {
  position: relative;
  height: 585px;
  background-size: cover;
  background-position: center; }

body.page-node-type-landing-page .breadcrumb-container {
  position: absolute;
  top: 0;
  right: 0;
  padding: 20px;
  text-align: right;
  max-width: calc(100% - 257px);
  background-color: rgba(0, 0, 0, 0.3); }
  @media screen and (max-width: 768px) {
    body.page-node-type-landing-page .breadcrumb-container {
      max-width: 100% !important; } }
  body.page-node-type-landing-page .breadcrumb-container h2, body.page-node-type-landing-page .breadcrumb-container div, body.page-node-type-landing-page .breadcrumb-container a, body.page-node-type-landing-page .breadcrumb-container span {
    text-transform: uppercase; }
  body.page-node-type-landing-page .breadcrumb-container div, body.page-node-type-landing-page .breadcrumb-container a, body.page-node-type-landing-page .breadcrumb-container span {
    font-size: 1.8rem; }
  body.page-node-type-landing-page .breadcrumb-container h2, body.page-node-type-landing-page .breadcrumb-container h2 > span {
    font-size: 3.6rem; }

body.page-node-type-landing-page article.node h2, body.page-node-type-landing-page article.node h3, body.page-node-type-landing-page article.node h4, body.page-node-type-landing-page article.node h5, body.page-node-type-landing-page article.node h6, body.page-node-type-landing-page article.node p {
  margin: 1.25em 0; }

body.page-node-type-landing-page article.node .lp-title-container h3 {
  margin: 0; }

body.page-node-type-landing-page article.node h2 + p,
body.page-node-type-landing-page article.node h3 + p {
  margin-top: -1em; }

body.page-node-type-landing-page article.node .field--name-body {
  margin-bottom: 2.4rem; }

body.page-node-type-landing-page article.node .field--name-field-footer-content {
  padding: 3.2rem 15px; }

.paragraph--type--landing-page-item {
  margin-bottom: 4.4rem; }

.lp-item-image-container {
  position: relative;
  display: flex; }
  .lp-item-image-container .lp-title-container {
    position: absolute;
    top: 0;
    left: 0;
    padding: 1.5rem 3rem;
    max-width: 100%; }
  .lp-item-image-container .lp-image-container {
    width: 100%;
    font-size: 0; }
    .lp-item-image-container .lp-image-container img {
      width: 100%;
      height: auto; }
  .lp-item-image-container .lp-link-container {
    position: absolute;
    bottom: 0;
    right: 0; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  color: inherit; }

body {
  overflow-x: hidden; }

nav.tabs {
  background-color: #0d1448;
  border-bottom: 2px solid white; }
  nav.tabs ul.tabs.primary {
    margin-bottom: 0; }
    nav.tabs ul.tabs.primary a {
      color: white;
      transition: background-color .2s, color .2s; }
      nav.tabs ul.tabs.primary a:hover {
        background-color: white;
        color: #0b1880; }
    nav.tabs ul.tabs.primary li.is-active a.is-active {
      background-color: #0d1448;
      color: #daab15; }

@media screen and (min-width: 992px) {
  div > h1:first-child:not(:last-child),
  div > h2:first-child:not(:last-child),
  div > h3:first-child:not(:last-child),
  div > h4:first-child:not(:last-child),
  div > h5:first-child:not(:last-child),
  div > h6:first-child:not(:last-child),
  div > p:first-child:not(:last-child) {
    margin-top: 0; }
  div > h1:last-child:not(:first-child),
  div > h2:last-child:not(:first-child),
  div > h3:last-child:not(:first-child),
  div > h4:last-child:not(:first-child),
  div > h5:last-child:not(:first-child),
  div > h6:last-child:not(:first-child),
  div > p:last-child:not(:first-child) {
    margin-bottom: 0; } }

iframe {
  max-width: 100%; }

img {
  max-width: 100%;
  height: auto; }

table {
  width: 100%; }
  table thead {
    border-bottom: 1px solid black; }
  table tbody tr:nth-child(odd) {
    background-color: #eee; }
  table td, table th {
    padding: 5px; }

section {
  position: relative; }

sup {
  vertical-align: top;
  font-size: 0.7em; }

button {
  background-color: transparent;
  border: none; }

ul {
  padding-left: 20px; }

.block-system-breadcrumb-block {
  display: inline-block; }

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100vw); }
  100% {
    transform: translateX(0); } }

@keyframes slideOutToRight {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(100vw); } }

.menu-item--expanded,
.menu-item--collapsed {
  list-style-image: none;
  list-style: none; }

@media screen and (min-width: 992px) {
  nav.block-menu.menu--main {
    display: none; } }

nav.block-menu.menu--main a {
  text-decoration: none; }

nav.block-menu.menu--main button.mobile-menu-open {
  position: absolute;
  top: 99px;
  z-index: 999;
  outline: none;
  left: 15px; }
  nav.block-menu.menu--main button.mobile-menu-open.is-fixed {
    position: fixed;
    top: 15px !important; }
  nav.block-menu.menu--main button.mobile-menu-open img:first-child {
    transition: transform .3s;
    width: 50px;
    height: 50px; }
  nav.block-menu.menu--main button.mobile-menu-open .mobile-menu-mask {
    width: 300vmax;
    height: 300vmax;
    background-color: rgba(8, 13, 25, 0.9);
    z-index: 950;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform .5s;
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%; }
    nav.block-menu.menu--main button.mobile-menu-open .mobile-menu-mask.open-mobile-menu {
      transform: translate(-50%, -50%) scale(1); }
  nav.block-menu.menu--main button.mobile-menu-open.hide-button > img:first-child {
    transform: scale(0); }

nav.block-menu.menu--main .mobile-menu-container {
  position: absolute;
  left: 0;
  width: 100%;
  padding: 50px 20px;
  height: auto;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
  overflow: hidden;
  color: white; }
  nav.block-menu.menu--main .mobile-menu-container > ul > li > ul > li {
    margin-bottom: 10px; }
  nav.block-menu.menu--main .mobile-menu-container.open-mobile-menu, nav.block-menu.menu--main .mobile-menu-container.close-mobile-menu {
    display: flex; }
    nav.block-menu.menu--main .mobile-menu-container.open-mobile-menu > ul > li, nav.block-menu.menu--main .mobile-menu-container.close-mobile-menu > ul > li {
      animation-fill-mode: both;
      animation-duration: .25s; }
      nav.block-menu.menu--main .mobile-menu-container.open-mobile-menu > ul > li:nth-child(1), nav.block-menu.menu--main .mobile-menu-container.close-mobile-menu > ul > li:nth-child(1) {
        animation-delay: .233s; }
      nav.block-menu.menu--main .mobile-menu-container.open-mobile-menu > ul > li:nth-child(2), nav.block-menu.menu--main .mobile-menu-container.close-mobile-menu > ul > li:nth-child(2) {
        animation-delay: .266s; }
      nav.block-menu.menu--main .mobile-menu-container.open-mobile-menu > ul > li:nth-child(3), nav.block-menu.menu--main .mobile-menu-container.close-mobile-menu > ul > li:nth-child(3) {
        animation-delay: .3s; }
      nav.block-menu.menu--main .mobile-menu-container.open-mobile-menu > ul > li:nth-child(4), nav.block-menu.menu--main .mobile-menu-container.close-mobile-menu > ul > li:nth-child(4) {
        animation-delay: .333s; }
      nav.block-menu.menu--main .mobile-menu-container.open-mobile-menu > ul > li:nth-child(5), nav.block-menu.menu--main .mobile-menu-container.close-mobile-menu > ul > li:nth-child(5) {
        animation-delay: .366s; }
      nav.block-menu.menu--main .mobile-menu-container.open-mobile-menu > ul > li:nth-child(6), nav.block-menu.menu--main .mobile-menu-container.close-mobile-menu > ul > li:nth-child(6) {
        animation-delay: .4s; }
      nav.block-menu.menu--main .mobile-menu-container.open-mobile-menu > ul > li:nth-child(7), nav.block-menu.menu--main .mobile-menu-container.close-mobile-menu > ul > li:nth-child(7) {
        animation-delay: .433s; }
      nav.block-menu.menu--main .mobile-menu-container.open-mobile-menu > ul > li:nth-child(8), nav.block-menu.menu--main .mobile-menu-container.close-mobile-menu > ul > li:nth-child(8) {
        animation-delay: .466s; }
      nav.block-menu.menu--main .mobile-menu-container.open-mobile-menu > ul > li:nth-child(9), nav.block-menu.menu--main .mobile-menu-container.close-mobile-menu > ul > li:nth-child(9) {
        animation-delay: .5s; }
      nav.block-menu.menu--main .mobile-menu-container.open-mobile-menu > ul > li:nth-child(10), nav.block-menu.menu--main .mobile-menu-container.close-mobile-menu > ul > li:nth-child(10) {
        animation-delay: .533s; }
      nav.block-menu.menu--main .mobile-menu-container.open-mobile-menu > ul > li:nth-child(11), nav.block-menu.menu--main .mobile-menu-container.close-mobile-menu > ul > li:nth-child(11) {
        animation-delay: .566s; }
      nav.block-menu.menu--main .mobile-menu-container.open-mobile-menu > ul > li:nth-child(12), nav.block-menu.menu--main .mobile-menu-container.close-mobile-menu > ul > li:nth-child(12) {
        animation-delay: .6s; }
  nav.block-menu.menu--main .mobile-menu-container .mobile-menu-close {
    position: fixed;
    top: 12px;
    right: 18px;
    height: 44px;
    width: 44px;
    opacity: 0;
    transition: opacity .3s;
    outline: none;
    z-index: 1000;
    -webkit-tap-highlight-color: transparent; }
    nav.block-menu.menu--main .mobile-menu-container .mobile-menu-close .x-line {
      position: absolute;
      top: 50%;
      right: 0;
      width: 100%;
      height: 4px;
      background-color: #aaa;
      border-radius: 4px; }
    nav.block-menu.menu--main .mobile-menu-container .mobile-menu-close .line-1 {
      transform: rotate(45deg); }
    nav.block-menu.menu--main .mobile-menu-container .mobile-menu-close .line-2 {
      transform: rotate(-45deg); }
  nav.block-menu.menu--main .mobile-menu-container.open-mobile-menu .mobile-menu-close {
    opacity: 1; }
  nav.block-menu.menu--main .mobile-menu-container.open-mobile-menu > ul > li {
    animation-name: slideInFromLeft; }
  nav.block-menu.menu--main .mobile-menu-container.close-mobile-menu > ul > li {
    animation-name: slideOutToRight; }
  nav.block-menu.menu--main .mobile-menu-container ul.menu {
    width: 100%;
    margin-left: 0;
    max-width: 400px; }
  nav.block-menu.menu--main .mobile-menu-container > ul {
    margin: 0;
    z-index: 10; }
    nav.block-menu.menu--main .mobile-menu-container > ul ul.menu {
      display: none; }
    nav.block-menu.menu--main .mobile-menu-container > ul li.active > ul.menu {
      display: block; }
    nav.block-menu.menu--main .mobile-menu-container > ul li.menu-item--active-trail > span > a,
    nav.block-menu.menu--main .mobile-menu-container > ul a.is-active {
      color: #daab15; }
    nav.block-menu.menu--main .mobile-menu-container > ul li.menu-item--active-trail > span > .toggle-submenu > .line-1,
    nav.block-menu.menu--main .mobile-menu-container > ul li.menu-item--active-trail > span > .toggle-submenu > .line-2 {
      background-color: #daab15; }
    nav.block-menu.menu--main .mobile-menu-container > ul > li {
      font-size: 2.4rem;
      font-weight: 700;
      padding-top: .75em;
      transform: translateX(-100vw); }
      nav.block-menu.menu--main .mobile-menu-container > ul > li > ul.menu {
        text-align: center;
        padding: 45px 25px 5px 25px; }
        nav.block-menu.menu--main .mobile-menu-container > ul > li > ul.menu > li {
          font-size: 2rem;
          font-weight: 500;
          text-align: center; }
          nav.block-menu.menu--main .mobile-menu-container > ul > li > ul.menu > li .line-1,
          nav.block-menu.menu--main .mobile-menu-container > ul > li > ul.menu > li .line-2 {
            height: 1.5px;
            width: 12px; }
          nav.block-menu.menu--main .mobile-menu-container > ul > li > ul.menu > li .line-2 {
            left: 8px; }
          nav.block-menu.menu--main .mobile-menu-container > ul > li > ul.menu > li > ul {
            padding-top: 16px;
            padding-bottom: 40px; }
            nav.block-menu.menu--main .mobile-menu-container > ul > li > ul.menu > li > ul li {
              font-size: 1.6rem;
              font-weight: 400;
              text-align: center; }

button.toggle-submenu {
  display: inline-block;
  height: 16px;
  width: 16px;
  outline: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 10px); }
  button.toggle-submenu .line-1,
  button.toggle-submenu .line-2 {
    background-color: white;
    width: 16px;
    height: 3px;
    transition: .3s;
    position: absolute;
    transform-style: preserve-3d;
    backface-visibility: hidden; }
  button.toggle-submenu .line-1 {
    transform: rotate(45deg);
    left: 0; }
  button.toggle-submenu .line-2 {
    transform: rotate(-45deg);
    left: 10px; }
  button.toggle-submenu.active .line-1 {
    transform: rotate(-45deg); }
  button.toggle-submenu.active .line-2 {
    transform: rotate(45deg); }

.mobile-menu-container a,
.mobile-menu-container span {
  display: inline-block; }

.node--type-media-gallery.node--view-mode-full {
  margin-top: 48px; }
  @media screen and (min-width: 992px) {
    .node--type-media-gallery.node--view-mode-full {
      margin-top: 72px; } }

.node--type-media-gallery.node--view-mode-teaser {
  margin-bottom: 30px; }

.field--name-field-media-gallery-images {
  margin: 48px 0; }
  @media screen and (min-width: 992px) {
    .field--name-field-media-gallery-images {
      margin-bottom: 72px; } }
  .field--name-field-media-gallery-images a {
    display: flex;
    padding-bottom: 30px; }
  .field--name-field-media-gallery-images img {
    max-width: 100%;
    height: auto; }

#block-mediagalleryinfinitescrollcarousel {
  background-color: white; }

@media screen and (max-width: 991px) {
  .block-we-megamenu {
    display: none; } }

.block-we-megamenu {
  z-index: 10;
  position: absolute; }
  @media screen and (min-width: 992px) {
    .block-we-megamenu {
      pointer-events: none; } }

.region-hero .block-we-megamenu {
  position: absolute;
  top: 0;
  left: 0; }

div.block-we-megamenu > h2 {
  color: #daab15;
  background-color: #0d1448;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-weight: 700;
  width: 257px;
  transition: width .3s;
  font-size: 1.8rem;
  padding: 11.5px 24px;
  height: 38px;
  position: relative;
  z-index: 1;
  pointer-events: all;
  margin-bottom: 0; }

div.block-we-megamenu.show-top-menu > h2 {
  width: 120px; }

div.block-we-megamenu .contextual .trigger {
  pointer-events: all; }

@media screen and (max-width: 991px) {
  .block-we-megamenu > h2 {
    display: none; } }

ul.we-mega-menu-ul {
  display: flex;
  margin-left: 15px; }
  ul.we-mega-menu-ul .we-mega-menu-li,
  ul.we-mega-menu-ul .we-megamenu-nolink {
    text-align: center;
    font-size: 1.8rem !important;
    font-family: 'Montserrat', sans-serif !important;
    background-color: transparent !important;
    color: white !important;
    text-transform: none;
    border: none !important;
    position: static;
    min-width: 1px; }
    ul.we-mega-menu-ul .we-mega-menu-li a::after,
    ul.we-mega-menu-ul .we-mega-menu-li a::before,
    ul.we-mega-menu-ul .we-megamenu-nolink a::after,
    ul.we-mega-menu-ul .we-megamenu-nolink a::before {
      content: none; }
  ul.we-mega-menu-ul a.we-mega-menu-li,
  ul.we-mega-menu-ul span.we-megamenu-nolink {
    padding: 1.35rem 1.25rem;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.7);
    position: relative; }
    ul.we-mega-menu-ul a.we-mega-menu-li + div.we-mega-menu-submenu li.we-mega-menu-li > span.we-megamenu-nolink,
    ul.we-mega-menu-ul span.we-megamenu-nolink + div.we-mega-menu-submenu li.we-mega-menu-li > span.we-megamenu-nolink {
      color: #0d1448 !important;
      text-shadow: none;
      padding-top: 13.5px; }
      ul.we-mega-menu-ul a.we-mega-menu-li + div.we-mega-menu-submenu li.we-mega-menu-li > span.we-megamenu-nolink::before, ul.we-mega-menu-ul a.we-mega-menu-li + div.we-mega-menu-submenu li.we-mega-menu-li > span.we-megamenu-nolink::after,
      ul.we-mega-menu-ul span.we-megamenu-nolink + div.we-mega-menu-submenu li.we-mega-menu-li > span.we-megamenu-nolink::before,
      ul.we-mega-menu-ul span.we-megamenu-nolink + div.we-mega-menu-submenu li.we-mega-menu-li > span.we-megamenu-nolink::after {
        content: none; }
    ul.we-mega-menu-ul a.we-mega-menu-li + div.we-mega-menu-submenu li.we-mega-menu-li:hover > span.we-megamenu-nolink,
    ul.we-mega-menu-ul a.we-mega-menu-li + div.we-mega-menu-submenu li.we-mega-menu-li > span.we-megamenu-nolink:focus,
    ul.we-mega-menu-ul span.we-megamenu-nolink + div.we-mega-menu-submenu li.we-mega-menu-li:hover > span.we-megamenu-nolink,
    ul.we-mega-menu-ul span.we-megamenu-nolink + div.we-mega-menu-submenu li.we-mega-menu-li > span.we-megamenu-nolink:focus {
      color: white !important; }

nav.main-menu--side,
nav.main-menu--top {
  transition: transform .5s;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  pointer-events: all; }
  nav.main-menu--side a,
  nav.main-menu--top a {
    text-decoration: none;
    position: relative; }

nav.main-menu--side {
  background-color: transparent !important;
  transform: translateY(0); }
  nav.main-menu--side ul.we-mega-menu-ul {
    flex-direction: column; }
  nav.main-menu--side > .container-fluid > ul > li.we-mega-menu-li.active > a::before {
    content: '';
    position: absolute;
    top: 1.2rem;
    right: auto;
    bottom: 1.2rem;
    left: 0;
    background-image: none;
    background-color: #daab15;
    width: 7px;
    height: auto;
    transform: translateY(2px); }
  nav.main-menu--side li.we-mega-menu-li.active ul li a::before,
  nav.main-menu--side li.we-mega-menu-li ul li.active a::before {
    content: none; }

.block-we-megamenu.show-top-menu {
  top: 0;
  z-index: 20; }
  .block-we-megamenu.show-top-menu nav.main-menu--top {
    transform: translateX(0); }
  .block-we-megamenu.show-top-menu nav.main-menu--side {
    transform: translateY(-100%); }

nav.main-menu--top {
  position: absolute;
  top: 0;
  width: 100vw;
  padding-left: 120px;
  background-color: #0d1448 !important;
  transform: translateX(-100%);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
  z-index: 50;
  display: none; }
  nav.main-menu--top ul.we-mega-menu-ul {
    margin-left: 0; }
  nav.main-menu--top > .container-fluid > ul > li > a.we-mega-menu-li,
  nav.main-menu--top > .container-fluid > ul > li > span.we-megamenu-nolink {
    padding: 1.1rem 1.5rem;
    font-weight: 400;
    font-size: 1.6rem !important;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
    line-height: 1.25em; }
    @media screen and (max-width: 1385px) {
      nav.main-menu--top > .container-fluid > ul > li > a.we-mega-menu-li,
      nav.main-menu--top > .container-fluid > ul > li > span.we-megamenu-nolink {
        font-size: 1.5rem !important; } }
    @media screen and (max-width: 1279px) {
      nav.main-menu--top > .container-fluid > ul > li > a.we-mega-menu-li,
      nav.main-menu--top > .container-fluid > ul > li > span.we-megamenu-nolink {
        padding: 1.1rem 1.25rem;
        font-size: 1.4rem !important; } }
  nav.main-menu--top > .container-fluid > ul > li.we-mega-menu-li.active > a::before {
    content: '';
    position: absolute;
    top: auto;
    right: 5px;
    bottom: 8px;
    left: 5px;
    background-color: #daab15;
    height: 3px;
    width: auto;
    background-image: none; }

nav.main-menu--side > div > ul > li > div.we-mega-menu-submenu {
  top: -39px;
  left: calc(100% + 1px);
  width: calc(100vw - 258px);
  background-color: white; }

nav.main-menu--top > div > ul > li > div.we-mega-menu-submenu {
  top: 100%;
  left: -119px;
  width: calc(100% + 107px);
  background-color: white; }

nav.main-menu--top > div > ul.we-mega-menu-ul > li.we-mega-menu-li > a:focus + div.we-mega-menu-submenu,
nav.main-menu--side > div > ul.we-mega-menu-ul > li.we-mega-menu-li > a:focus + div.we-mega-menu-submenu,
nav.main-menu--top > div > ul.we-mega-menu-ul > li.we-mega-menu-li > div.we-mega-menu-submenu.child-element-focused,
nav.main-menu--side > div > ul.we-mega-menu-ul > li.we-mega-menu-li > div.we-mega-menu-submenu.child-element-focused {
  display: block;
  visibility: visible; }

nav.main-menu--side > ul > li:hover > a::after,
nav.main-menu--side > ul > li > a:focus::after {
  content: '';
  position: absolute;
  top: -15px;
  bottom: -15px;
  left: 100%;
  width: 200px; }

nav.main-menu--top > ul > li:hover > a::after,
nav.main-menu--top > ul > li > a:focus::after {
  content: '';
  position: absolute;
  top: 100%;
  right: -15px;
  left: -15px;
  height: 50px; }

nav.main-menu--top > ul > li:hover > .dropdown,
nav.main-menu--side > ul > li:hover > .dropdown,
nav.main-menu--top > ul > li > a:focus + .dropdown,
nav.main-menu--side > ul > li > a:focus + .dropdown,
nav.main-menu--top > ul > li > span:focus + .dropdown,
nav.main-menu--side > ul > li > span:focus + .dropdown {
  opacity: 1;
  pointer-events: all; }

div.we-mega-menu-submenu {
  opacity: 1 !important;
  padding: 20px;
  min-height: calc(100% + 39px); }
  div.we-mega-menu-submenu * {
    transition: none !important; }
  div.we-mega-menu-submenu img {
    margin-bottom: 10px; }
  div.we-mega-menu-submenu .we-mega-menu-submenu-inner {
    width: 66.66%; }
    div.we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-row {
      flex-direction: row-reverse;
      color: #0d1448;
      text-align: left;
      margin: 0; }
    div.we-mega-menu-submenu .we-mega-menu-submenu-inner div.we-mega-menu-submenu {
      border: none;
      box-shadow: none !important;
      background-color: transparent;
      width: 100%;
      padding: 0;
      height: 100%; }
      div.we-mega-menu-submenu .we-mega-menu-submenu-inner div.we-mega-menu-submenu .we-mega-menu-submenu-inner {
        width: 100%; }
    div.we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-col {
      margin: 0 auto 0 0;
      padding: 0 10px; }
    div.we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-li,
    div.we-mega-menu-submenu .we-mega-menu-submenu-inner .we-megamenu-noling {
      color: #0d1448 !important;
      text-shadow: none;
      display: block;
      text-align: left; }
      div.we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-li a,
      div.we-mega-menu-submenu .we-mega-menu-submenu-inner .we-megamenu-noling a {
        padding: 1rem 1.5rem; }
      div.we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-li:hover,
      div.we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-li:hover > a,
      div.we-mega-menu-submenu .we-mega-menu-submenu-inner .we-mega-menu-li > a:focus,
      div.we-mega-menu-submenu .we-mega-menu-submenu-inner .we-megamenu-noling:hover,
      div.we-mega-menu-submenu .we-mega-menu-submenu-inner .we-megamenu-noling:hover > a,
      div.we-mega-menu-submenu .we-mega-menu-submenu-inner .we-megamenu-noling > a:focus {
        color: white !important;
        background-color: #0d1448 !important; }

.we-mega-menu-submenu-header {
  text-align: right;
  border-bottom: 2px solid #daab15;
  padding-bottom: 1rem;
  margin-bottom: 1.6rem; }

.we-mega-menu-ul .dropdown-menu .dropdown-menu:first-child > .we-mega-menu-submenu {
  margin-top: 0; }

nav.navbar-we-mega-menu > .container-fluid ul {
  margin-bottom: 0; }

nav.navbar-we-mega-menu > .container-fluid h2 {
  margin-bottom: 0; }

nav.navbar-we-mega-menu > .container-fluid > ul > li.we-mega-menu-li > span::after, nav.navbar-we-mega-menu > .container-fluid > ul > li.we-mega-menu-li > span::before,
nav.navbar-we-mega-menu > .container-fluid > ul > li.we-mega-menu-li > a::after,
nav.navbar-we-mega-menu > .container-fluid > ul > li.we-mega-menu-li > a::before {
  content: none; }

nav.navbar-we-mega-menu > .container-fluid > ul > li.we-mega-menu-li > .we-mega-menu-submenu > .we-mega-menu-submenu-inner > .we-mega-menu-row > .we-mega-menu-col > ul > li.we-mega-menu-li:hover::after, nav.navbar-we-mega-menu > .container-fluid > ul > li.we-mega-menu-li > .we-mega-menu-submenu > .we-mega-menu-submenu-inner > .we-mega-menu-row > .we-mega-menu-col > ul > li.we-mega-menu-li:focus::after {
  content: '';
  position: absolute;
  left: calc(100% - 30px);
  top: -10px;
  bottom: -10px;
  width: 100%; }

nav.navbar-we-mega-menu > .container-fluid > ul > li.we-mega-menu-li > .we-mega-menu-submenu > .we-mega-menu-submenu-inner > .we-mega-menu-row > .we-mega-menu-col:first-child:last-child > ul > li.we-mega-menu-li > .we-mega-menu-submenu {
  width: 200%; }

.view-news.view-display-id-block-1 .carousel-controls {
  position: absolute;
  right: 5px;
  top: calc(50% + 12px);
  transform: translateY(-50%); }
  @media screen and (max-width: 991px) {
    .view-news.view-display-id-block-1 .carousel-controls {
      right: 0;
      margin-right: 0; } }
  @media screen and (max-width: 767px) {
    .view-news.view-display-id-block-1 .carousel-controls {
      top: 216px; } }

@media screen and (min-width: 768px) {
  .view-news.view-display-id-block-1 {
    border-bottom: 40px solid #0b1880; } }

.news-card {
  overflow: hidden; }
  .news-card .news-image {
    height: 200px;
    background-size: cover;
    background-position: center; }
  .news-card .news-details-container {
    padding: 25px 48px 25px 25px;
    display: flex;
    flex-direction: column; }
    .news-card .news-details-container .section-title-container {
      margin-bottom: 3rem; }
      .news-card .news-details-container .section-title-container .section-title {
        font-size: 2.4rem;
        margin-bottom: 0;
        margin-right: 16px; }
      .news-card .news-details-container .section-title-container a {
        font-size: 1.4rem; }
    .news-card .news-details-container .news-title {
      font-size: 1.7rem;
      width: 100%; }
    .news-card .news-details-container .news-body,
    .news-card .news-details-container .news-body p {
      font-size: 1.4rem;
      margin-bottom: 28px; }
    .news-card .news-details-container .news-details-inner {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start; }
  @media screen and (max-width: 575px) {
    .news-card .news-image-mobile-container {
      width: 100%; }
      .news-card .news-image-mobile-container::before {
        content: '';
        position: absolute;
        top: 216px;
        left: 0;
        right: 0;
        height: 1000px;
        background-color: #0d1448; }
    .news-card .news-body,
    .news-card .square-button,
    .news-card .news-image {
      position: relative;
      z-index: 1; }
    .news-card .news-image {
      margin-bottom: 20px; }
    .news-card .news-details-container .news-body {
      color: white;
      margin-bottom: 30px; }
    .news-card .bg-navy.square-button {
      background-color: white;
      color: #0d1448; } }
  @media screen and (min-width: 576px) {
    .news-card {
      display: flex; }
      .news-card .news-image {
        width: 53%;
        height: auto; }
      .news-card .news-details-container {
        padding: 28px 15px 25px 15px;
        width: 47.5%; }
      .news-card .news-body {
        padding-right: 60px;
        width: 100%; } }

article.node--type-news-article h1 {
  margin-bottom: 1em; }

article.node--type-news-article .node__content {
  margin-top: 100px;
  margin-bottom: 72px;
  padding: 0 30px; }

article.node--type-news-article .field--name-body .col-num-1 img,
article.node--type-news-article .field--name-body .col-num-2 img,
article.node--type-news-article .field--name-body .col-num-3 img,
article.node--type-news-article .field--name-body .col-num-4 img {
  width: 100%;
  height: auto; }

@media screen and (min-width: 576px) {
  article.node--type-news-article .field--name-body .col-num-1,
  article.node--type-news-article .field--name-body .col-num-2,
  article.node--type-news-article .field--name-body .col-num-3,
  article.node--type-news-article .field--name-body .col-num-4 {
    padding: 0 30px; }
  article.node--type-news-article .field--name-body .row {
    margin-left: -30px;
    margin-right: -30px; } }

div.news-article-breadcrumb {
  background-color: rgba(13, 20, 72, 0.7);
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  padding: 20px 30px; }
  div.news-article-breadcrumb p {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.6rem;
    text-align: right; }
  div.news-article-breadcrumb .news-title {
    font-size: 2.0rem; }
  @media screen and (min-width: 992px) {
    div.news-article-breadcrumb {
      max-width: 72%;
      padding: 30px 45px; }
      div.news-article-breadcrumb p {
        font-size: 2rem; }
      div.news-article-breadcrumb .news-title {
        font-size: 2.9rem; } }
  @media screen and (min-width: 1200px) {
    div.news-article-breadcrumb {
      max-width: 70%; } }
  @media screen and (min-width: 1500px) {
    div.news-article-breadcrumb {
      max-width: 50%; } }

.news-article-hero {
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  min-height: 585px;
  height: 45vw;
  max-height: 700px; }
  @media screen and (min-width: 992px) {
    .news-article-hero::after {
      content: '';
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      pointer-events: none;
      background-image: linear-gradient(to right, #0d1448, rgba(13, 20, 72, 0.8) 225px, rgba(13, 20, 72, 0) 350px); } }

.views-view--news--page-1 h1 {
  font-size: 4rem; }

.views-view--news--page-1 form.views-exposed-form {
  margin-top: 30px;
  margin-bottom: 60px; }

@media screen and (min-width: 768px) {
  .views-view--news--page-1 {
    margin-top: -80px; }
    .views-view--news--page-1 form.views-exposed-form {
      margin-bottom: 120px; } }

.news-landing-page-card {
  position: relative;
  margin-bottom: 50px; }
  .news-landing-page-card .left-column {
    position: relative;
    display: flex;
    margin-bottom: 35px; }
    .news-landing-page-card .left-column .title-and-date-container {
      position: absolute;
      top: 0;
      left: 15px;
      width: 70%;
      padding: 15px 15px 10px 15px; }
      .news-landing-page-card .left-column .title-and-date-container .publish-date {
        margin-top: 10px; }
    .news-landing-page-card .left-column img {
      width: 100%;
      height: auto; }
    .news-landing-page-card .left-column .square-button {
      position: absolute;
      right: 15px;
      bottom: -20.5px; }
  @media screen and (min-width: 768px) {
    .news-landing-page-card .right-column {
      margin: 20px 0; } }

#block-ournumbers {
  padding: 0 15px;
  color: white;
  background-size: cover; }
  #block-ournumbers img.parallax {
    width: 100%; }
  #block-ournumbers .field--name-body {
    width: 100%; }
  #block-ournumbers h2, #block-ournumbers h4 {
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    margin-bottom: 0; }
  #block-ournumbers h2 {
    font-size: 3.2rem;
    line-height: 1.1em; }
  #block-ournumbers h4 {
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1em;
    margin-bottom: 0; }
  #block-ournumbers .countup {
    opacity: 0;
    transition: opacity .5s; }
  #block-ournumbers .fade-in-on-countup-complete {
    opacity: 0;
    transition: opacity 2s; }
  @media screen and (min-width: 576px) {
    #block-ournumbers h2 {
      font-size: 3.8rem; } }
  @media screen and (min-width: 992px) {
    #block-ournumbers h2 {
      font-size: 4.2rem; } }

.owl-carousel .owl-controls {
  margin: 0;
  top: 50%;
  right: 15px;
  position: absolute; }

.owl-buttons {
  display: flex;
  flex-direction: column; }

.owl-carousel .owl-controls .owl-buttons div {
  color: white;
  background-color: #0b1880;
  margin: 0;
  opacity: 1;
  border-radius: 0;
  padding: 14px; }

.quick-links-wrapper {
  position: relative;
  color: white;
  display: flex;
  overflow: hidden;
  height: calc(100% + 38px);
  margin-top: -19px;
  pointer-events: none; }
  .quick-links-wrapper .quick-links-toggle {
    position: relative;
    pointer-events: all;
    background-color: #080d19;
    transition: background-color .15s;
    height: 100%;
    font-size: 1.5rem;
    font-weight: 500;
    padding: 10px 64px 10px 10px;
    display: flex;
    align-items: center;
    z-index: 1;
    text-transform: capitalize; }
    .quick-links-wrapper .quick-links-toggle .caret-container {
      transition: transform .3s;
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%); }
      .quick-links-wrapper .quick-links-toggle .caret-container.rotate {
        transform: translateY(-50%) rotate(180deg); }
    .quick-links-wrapper .quick-links-toggle::before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      right: 51px;
      width: 3px;
      background-color: #0d1448; }
  .quick-links-wrapper .quick-links {
    transition: transform .3s;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    transform: translateX(-100%);
    background-color: #080d19;
    height: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    height: 100%;
    pointer-events: none; }
    .quick-links-wrapper .quick-links.active {
      transform: translateX(0);
      pointer-events: all; }
    .quick-links-wrapper .quick-links li {
      font-size: 1.4rem;
      padding: 0 12px;
      max-width: 120px;
      text-align: center; }
      .quick-links-wrapper .quick-links li a.is-active {
        color: #daab15; }
    .quick-links-wrapper .quick-links li:first-child {
      max-width: 140px; }
  @media screen and (max-width: 991px) {
    .quick-links-wrapper {
      flex-direction: column;
      align-items: flex-end;
      height: calc(200% + 64px);
      margin-right: -12px; }
      .quick-links-wrapper .quick-links-toggle {
        padding-right: 54px; }
        .quick-links-wrapper .quick-links-toggle::before {
          right: 36px; }
        .quick-links-wrapper .quick-links-toggle .caret-container {
          right: 14px;
          transform: translateY(-50%) rotate(90deg); }
          .quick-links-wrapper .quick-links-toggle .caret-container.rotate {
            transform: translateY(-50%) rotate(270deg); }
      .quick-links-wrapper ul.quick-links {
        transform: translateY(-100%);
        width: calc(100vw + 12px);
        margin-right: -12px;
        padding-right: 16px;
        justify-content: flex-end; }
        .quick-links-wrapper ul.quick-links li.menu-item {
          max-width: none; } }

@media screen and (max-width: 992px) {
  footer .footer-content .quick-links-wrapper {
    display: none; } }

div.related-events-carousel.block--decoup-inf-scroll-carousel {
  background-color: transparent;
  padding: 40px 0 30px 0; }
  div.related-events-carousel.block--decoup-inf-scroll-carousel .content-details-view,
  div.related-events-carousel.block--decoup-inf-scroll-carousel .content-images-view {
    min-height: 1px; }
  div.related-events-carousel.block--decoup-inf-scroll-carousel .content-details-view {
    padding: 0 20px;
    margin-bottom: 32px;
    transform-style: preserve-3d;
    transition: height .3s; }
    div.related-events-carousel.block--decoup-inf-scroll-carousel .content-details-view .views-row {
      top: 0; }
      div.related-events-carousel.block--decoup-inf-scroll-carousel .content-details-view .views-row .views-field-body {
        width: 75%; }
        div.related-events-carousel.block--decoup-inf-scroll-carousel .content-details-view .views-row .views-field-body p,
        div.related-events-carousel.block--decoup-inf-scroll-carousel .content-details-view .views-row .views-field-body div {
          font-size: 1.5rem;
          line-height: 1.35em; }
  div.related-events-carousel.block--decoup-inf-scroll-carousel .view-more-events-link {
    position: absolute;
    top: -24px;
    right: 15px;
    line-height: 1em;
    font-size: 1.4rem;
    line-height: 1.25em;
    opacity: 0.7; }
  div.related-events-carousel.block--decoup-inf-scroll-carousel .content-images-view .views-element-container {
    position: relative;
    padding-bottom: 0; }
    @media screen and (min-width: 768px) {
      div.related-events-carousel.block--decoup-inf-scroll-carousel .content-images-view .views-element-container {
        margin-left: -2.5px;
        margin-right: -2.5px; } }
  div.related-events-carousel.block--decoup-inf-scroll-carousel .content-images-view .views-rows-container .views-row {
    padding: 0; }
    div.related-events-carousel.block--decoup-inf-scroll-carousel .content-images-view .views-rows-container .views-row .event-month {
      margin-bottom: 0.4rem; }
    div.related-events-carousel.block--decoup-inf-scroll-carousel .content-images-view .views-rows-container .views-row .event-title {
      padding: 0 0 0 10px;
      font-size: 1.6rem; }
  div.related-events-carousel.block--decoup-inf-scroll-carousel .carousel-controls {
    margin-top: 0;
    padding-right: 0; }
    div.related-events-carousel.block--decoup-inf-scroll-carousel .carousel-controls .carousel-controls-arrows .arrow-button {
      margin: 0; }

.field--name-field-sbs-views .views-element-container {
  height: 100%; }
  .field--name-field-sbs-views .views-element-container .view {
    height: 100%; }

.field--name-field-sbs-views .view-news .views-rows-container {
  height: 100%; }
  .field--name-field-sbs-views .view-news .views-rows-container .civic-carousel {
    height: 100%; }
    .field--name-field-sbs-views .view-news .views-rows-container .civic-carousel .carousel-wrapper {
      height: 100%; }
      .field--name-field-sbs-views .view-news .views-rows-container .civic-carousel .carousel-wrapper .carousel-items-container {
        height: 100%; }

section.social {
  padding-bottom: 70px; }

.field--name-field-cards .paragraph--type--social-media-card {
  max-width: 1200px; }

.social-media-feeds {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto; }

.social-feed-container {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px; }

.social-home-head {
  text-align: left; }
  .social-home-head h3 {
    color: white;
    padding: 11px 18px;
    font-weight: 600;
    margin-bottom: 0; }
  .social-home-head.fb-home-head,
  .social-home-head.fb-home-head + .text_home_page .post-title::before {
    background-color: #3b5998; }
  .social-home-head.twitter-home-head,
  .social-home-head.twitter-home-head + .text_home_page .post-title::before {
    background-color: #1da1f2; }
  .social-home-head.insta-home-head,
  .social-home-head.insta-home-head + .text_home_page .post-title::before {
    background-color: #ff0000; }

.social_page_home {
  margin-top: 40px; }

.text_home_page {
  height: 340px;
  text-align: left;
  min-height: auto !important;
  overflow-y: scroll;
  background-color: white;
  padding: 10px 14px 10px 40px; }
  .text_home_page .social-feed-element {
    box-shadow: none; }
  .text_home_page a[target='_blank']::after {
    content: none; }

.post {
  margin-bottom: 30px;
  position: relative; }
  .post .post-header {
    display: flex;
    align-items: center; }
    .post .post-header .rivconow-logo {
      width: 25px;
      margin-right: 6px; }
  .post .social-feed-text {
    margin-bottom: 5px; }
  .post .post-title {
    font-size: 1.6rem; }
    .post .post-title::before {
      content: '';
      position: absolute;
      top: 3px;
      left: -27px;
      width: 14px;
      height: 14px;
      border-radius: 50%; }
  .post .post-date {
    font-size: 1.4rem;
    color: grey;
    text-align: center; }
  .post .post-content {
    font-size: 1.4rem;
    line-height: 1.7em; }

.text-size-controls .text-size-control {
  padding: 0 3px; }

.text-size-controls .text-small {
  font-size: 14px; }

.text-size-controls .text-medium {
  font-size: 21px; }

.text-size-controls .text-large {
  font-size: 28px; }

html {
  font-size: 62.5%;
  font-family: 'Montserrat', sans-serif; }

body {
  font-family: 'Montserrat', sans-serif; }

.layout-container h1, .layout-container h5, .layout-container h6, .layout-container p {
  margin-bottom: 1em; }

.layout-container h2, .layout-container h3, .layout-container h4 {
  margin-bottom: .35em; }

.layout-container table {
  margin-top: 4rem;
  margin-bottom: 8rem; }

.layout-container div.ckeditor-accordion-container {
  margin-bottom: 4rem; }

.layout-container table caption h2,
.layout-container table caption h3,
.layout-container table caption h4,
.layout-container table caption h5,
.layout-container table caption h6,
.layout-container table caption p,
.layout-container table caption {
  margin-bottom: .5em; }

.layout-container ul {
  margin-bottom: 1em; }

.layout-container ul + h2,
.layout-container ul + h3,
.layout-container ul + h4,
.layout-container ul + h5,
.layout-container ul + h6, .layout-container p + h2,
.layout-container p + h3,
.layout-container p + h4,
.layout-container p + h5,
.layout-container p + h6, .layout-container div.row + h2,
.layout-container div.row + h3,
.layout-container div.row + h4,
.layout-container div.row + h5,
.layout-container div.row + h6, .layout-container div.ckeditor-accordion-container + h2,
.layout-container div.ckeditor-accordion-container + h3,
.layout-container div.ckeditor-accordion-container + h4,
.layout-container div.ckeditor-accordion-container + h5,
.layout-container div.ckeditor-accordion-container + h6 {
  margin-top: 1.5em;
  margin-bottom: .35em; }

.layout-container p:first-child:last-child {
  margin-bottom: 0; }

.layout-container h1 {
  font-size: 3.2rem;
  line-height: 1em;
  font-weight: bold; }

.layout-container h2 {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1em; }

.layout-container h3 {
  font-size: 2rem;
  line-height: 1em;
  font-weight: bold; }

.layout-container h4 {
  line-height: 1em;
  font-size: 1.8rem; }

.layout-container sup {
  font-size: 0.7em;
  vertical-align: top; }

.layout-container input {
  font-size: 1.6rem; }

.layout-container a,
.layout-container a:link {
  font-size: inherit;
  color: inherit;
  z-index: 1;
  cursor: pointer;
  line-height: 1em;
  background-color: inherit; }

.layout-container a:hover,
.layout-container a:focus,
.layout-container a:active {
  color: inherit;
  background-color: inherit; }

.layout-container button {
  font-size: inherit;
  padding: 0;
  cursor: pointer; }

.layout-container p,
.layout-container li,
.layout-container div {
  font-size: 1.6rem;
  line-height: 1.5em;
  font-weight: 300; }

.layout-container .field--type-text-long a,
.layout-container .field--type-text-with-summary a {
  text-decoration: underline;
  color: #daab15;
  transition: color .1s; }

.layout-container .field--type-text-long a:hover,
.layout-container .field--type-text-long a:focus,
.layout-container .field--type-text-long a:active,
.layout-container .field--type-text-with-summary a:hover,
.layout-container .field--type-text-with-summary a:focus,
.layout-container .field--type-text-with-summary a:active {
  color: #ab8711; }

.layout-container blockquote {
  padding: 20px;
  border-left: none; }
  @media screen and (min-width: 768px) {
    .layout-container blockquote {
      padding: 20px 40px; } }
  @media screen and (min-width: 992px) {
    .layout-container blockquote {
      padding: 30px 60px; } }
  @media screen and (min-width: 1200px) {
    .layout-container blockquote {
      padding: 40px 65px; } }
  .layout-container blockquote p {
    font-size: 32px;
    font-weight: 700; }

@media screen and (max-width: 767px) {
  .layout-container h2 {
    font-size: 2.8rem; } }

body div.layout-container .no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important; }

body div.layout-container .all-children-mb0 * {
  margin-bottom: 0; }

body div.layout-container .p-children-mb0 p {
  margin-bottom: 0; }

body div.layout-container .relative {
  position: relative; }

body div.layout-container .inline {
  display: inline; }

body div.layout-container .sr-only {
  position: absolute;
  top: auto;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden; }

body div.layout-container .bg-attachment-fixed {
  background-attachment: fixed; }
  @media screen and (max-width: 575px), (-ms-high-contrast: none), (-ms-high-contrast: active) {
    body div.layout-container .bg-attachment-fixed {
      background-attachment: scroll; } }

body div.layout-container .text-yellow {
  color: #daab15; }

body div.layout-container .bg-yellow {
  background-color: #daab15; }

body div.layout-container .text-blue {
  color: #0b1880; }

body div.layout-container .bg-blue {
  background-color: #0b1880; }

body div.layout-container .text-navy {
  color: #0d1448; }

body div.layout-container .bg-navy {
  background-color: #0d1448; }

body div.layout-container .bg-trans-black {
  background-color: rgba(0, 0, 0, 0.7); }

body div.layout-container .bg-trans-black30 {
  background-color: rgba(0, 0, 0, 0.3); }

body div.layout-container .bg-gray {
  background-color: #555; }

body div.layout-container .bg-light-gray {
  background-color: #eee; }

body div.layout-container .text-red {
  color: red; }

body div.layout-container .bg-red {
  background-color: red; }

body div.layout-container .text-crimson {
  color: #9b0000; }

body div.layout-container .bg-crimson {
  background-color: #9b0000; }

body div.layout-container .bg-image-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

body div.layout-container .text-white,
body div.layout-container .text-white:hover,
body div.layout-container .text-white:focus,
body div.layout-container .text-white:active,
body div.layout-container .text-white > a,
body div.layout-container .text-white > a:hover,
body div.layout-container .text-white > a:active {
  color: white; }

body div.layout-container .bg-white {
  background-color: white; }

body div.layout-container .flex {
  display: flex; }

body div.layout-container .flex-wrap {
  flex-wrap: wrap; }

body div.layout-container .align-center {
  align-items: center; }

body div.layout-container .justify-center {
  justify-content: center; }

body div.layout-container .justify-between {
  justify-content: space-between; }

body div.layout-container .align-end {
  align-items: flex-end; }

body div.layout-container .full-height {
  height: 100%; }

body div.layout-container .full-width {
  width: 100%; }

body div.layout-container .yellow-underline,
body div.layout-container .white-underline {
  position: relative;
  margin-bottom: 28px;
  display: inline-block; }
  body div.layout-container .yellow-underline::after,
  body div.layout-container .white-underline::after {
    content: '';
    position: absolute;
    bottom: -19px;
    left: 0;
    height: 13px;
    width: 104px;
    max-width: 100%; }

body div.layout-container .yellow-underline::after {
  background-color: #daab15; }

body div.layout-container .white-underline::after {
  background-color: white; }

body div.layout-container .py-0 {
  padding-top: 0;
  padding-bottom: 0; }

body div.layout-container .py-1em {
  padding-top: 1em;
  padding-bottom: 1em; }

body div.layout-container .py-2em {
  padding-top: 2em;
  padding-bottom: 2em; }

body div.layout-container .py-3em {
  padding-top: 3em;
  padding-bottom: 3em; }

body div.layout-container .px-0 {
  padding-right: 0;
  padding-left: 0; }

body div.layout-container .px-1em {
  padding-right: 1em;
  padding-left: 1em; }

body div.layout-container .px-2em {
  padding-right: 2em;
  padding-left: 2em; }

body div.layout-container .px-3em {
  padding-right: 3em;
  padding-left: 3em; }

body div.layout-container .p-0 {
  padding: 0; }

body div.layout-container .p-1em {
  padding: 1em; }

body div.layout-container .p-2em {
  padding: 2em; }

body div.layout-container .p-3em {
  padding: 3em; }

body div.layout-container .pt-0 {
  padding-top: 0; }

body div.layout-container .pt-1em {
  padding-top: 1em; }

body div.layout-container .pt-2em {
  padding-top: 2em; }

body div.layout-container .pt-3em {
  padding-top: 3em; }

body div.layout-container .pb-0 {
  padding-bottom: 0; }

body div.layout-container .pb-1em {
  padding-bottom: 1em; }

body div.layout-container .pb-2em {
  padding-bottom: 2em; }

body div.layout-container .pb-3em {
  padding-bottom: 3em; }

body div.layout-container .my-0 {
  margin-top: 0;
  margin-bottom: 0; }

body div.layout-container .my-1em {
  margin-top: 1em;
  margin-bottom: 1em; }

body div.layout-container .my-2em {
  margin-top: 2em;
  margin-bottom: 2em; }

body div.layout-container .my-3em {
  margin-top: 3em;
  margin-bottom: 3em; }

body div.layout-container .mx-0 {
  margin-right: 0;
  margin-left: 0; }

body div.layout-container .mx-1em {
  margin-right: 1em;
  margin-left: 1em; }

body div.layout-container .mx-2em {
  margin-right: 2em;
  margin-left: 2em; }

body div.layout-container .mx-3em {
  margin-right: 3em;
  margin-left: 3em; }

body div.layout-container .m-0 {
  margin: 0 !important; }

body div.layout-container .m-1em {
  margin: 1em; }

body div.layout-container .m-2em {
  margin: 2em; }

body div.layout-container .m-3em {
  margin: 3em; }

body div.layout-container .mt-0 {
  margin-top: 0 !important; }

body div.layout-container .mt-1em {
  margin-top: 1em; }

body div.layout-container .mt-2em {
  margin-top: 2em; }

body div.layout-container .mt-3em {
  margin-top: 3em; }

body div.layout-container .mb-0 {
  margin-bottom: 0; }

body div.layout-container .mb-1em {
  margin-bottom: 1em; }

body div.layout-container .mb-2em {
  margin-bottom: 2em; }

body div.layout-container .mb-3em {
  margin-bottom: 3em; }

.paragraph--type--vertical-carousel {
  position: absolute;
  right: 0;
  bottom: 150px;
  color: white;
  z-index: 1;
  align-items: flex-start;
  justify-content: flex-end;
  display: flex;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity .5s; }
  .paragraph--type--vertical-carousel.loaded {
    opacity: 1;
    pointer-events: all; }
  .paragraph--type--vertical-carousel > .field--name-field-carousel-slides {
    background-color: rgba(0, 0, 0, 0.7);
    transition: transform .3s;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    width: 540px;
    display: flex;
    flex-direction: column; }
    .paragraph--type--vertical-carousel > .field--name-field-carousel-slides > .field__item {
      display: flex;
      justify-content: center;
      align-items: center; }
      .paragraph--type--vertical-carousel > .field--name-field-carousel-slides > .field__item:not(:first-child) {
        display: none; }
  @media screen and (max-width: 767px) {
    .paragraph--type--vertical-carousel {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%; } }
  .paragraph--type--vertical-carousel .paragraph--type--basic-carousel-slide {
    padding: 25px;
    width: 100%;
    max-width: 540px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .paragraph--type--vertical-carousel .paragraph--type--basic-carousel-slide .field--name-field-carousel-slide-body {
      width: 100%;
      min-height: 1px; }
    .paragraph--type--vertical-carousel .paragraph--type--basic-carousel-slide img {
      max-width: 100%;
      height: auto; }

section.featured-video {
  padding-top: 35px;
  padding-bottom: 20px;
  background-image: linear-gradient(#0d1448 0, #0d1448 50vw, white 30vw); }
  section.featured-video .card-section-title {
    color: white; }
  section.featured-video video {
    width: 100%;
    height: auto;
    max-width: 1200px; }
  @media screen and (min-width: 768px) {
    section.featured-video {
      background-image: linear-gradient(#0d1448 0, #0d1448 24vw, white 24vw); } }
  @media screen and (min-width: 992px) {
    section.featured-video {
      background-image: linear-gradient(#0d1448 0, #0d1448 295px, white 295px); } }

form.views-exposed-form a,
form.views-exposed-form label {
  font-size: 14px; }

form.views-exposed-form .form--inline {
  display: flex;
  align-items: flex-start; }

form.views-exposed-form .see-all-link {
  margin-right: 30px; }

form.views-exposed-form .form-item {
  float: none;
  display: flex;
  flex-direction: column;
  margin: 0 30px 16px 0;
  position: relative; }
  form.views-exposed-form .form-item.form-item-search::before {
    position: absolute;
    content: '';
    height: 24px;
    width: 24px;
    right: 3px;
    bottom: 3px;
    color: white;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("/themes/custom/riverside/src/images/search-solid.svg"); }

form.views-exposed-form label {
  font-weight: 300;
  cursor: pointer; }

form.views-exposed-form input,
form.views-exposed-form select {
  background-color: #daab15;
  border: none;
  width: 180px;
  margin-left: 25px;
  padding: 5px 10px;
  height: 31px;
  border-radius: none; }
  form.views-exposed-form input:focus,
  form.views-exposed-form select:focus {
    background-color: #f0cf65; }

form.views-exposed-form .form-actions {
  margin: 0;
  align-self: flex-end; }
  form.views-exposed-form .form-actions .js-form-submit {
    margin-bottom: 16px;
    width: 100px; }

@media screen and (max-width: 767px) {
  form.views-exposed-form input,
  form.views-exposed-form select {
    margin-left: 0; }
  form.views-exposed-form .form--inline {
    flex-direction: column; }
  form.views-exposed-form .form-actions {
    padding-top: 16px;
    align-self: flex-start; } }


/*# sourceMappingURL=main.css.map*/