svg#us-map-svg path {
  pointer-events: all;
}

svg#us-map-svg #outlines path:hover {
  fill: #ffdd00 !important;
  cursor: pointer;
}

svg#us-map-svg #frames {
  pointer-events: none;
}

@media (max-width: 1000px) {
  svg#us-map-svg {
    display: none;
  }
}
#views-exposed-form-counselors-default ~ .views-row article > h2 {
  display: none;
}

#views-exposed-form-counselors-default .form-actions {
  padding: 25px 0;
}

#views-exposed-form-counselors-default ~ .views-row article {
  clear: both;
  border-bottom: 1px solid #d7d2cb;
  margin-bottom: 25px;
  padding-bottom: 20px;
}

.hero-mobile-text {
  display: none;
  background-color: #00437b;
  border-top: 4px solid #fd0;
  border-bottom: 4px solid #fd0;
}

.path-frontpage .emergency-alert {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
}

header.header {
  z-index: 2;
}

.picture-day__block a:link,
.picture-day__block a:visited,
.secondary-hero__visual a:link,
.secondary-hero__visual a:visited {
  color: #fd0;
}

.picture-day__block a:hover,
.secondary-hero__visual a:hover {
  color: white;
}

table {
  border-color: #d7d2cb;
}

table tbody,
table thead {
  border-color: #83807c;
}

table.no-stripes tbody tr:nth-of-type(odd) {
  background: none;
}

table.zebra-stripe tbody tr:nth-of-type(odd) {
  background-color: #edebe8;
}

.general-hero__image {
  position: relative;
}

.general-hero-link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.fact .fact__image {
  max-width: 110px;
  margin: 0 auto;
  display: block;
}

.fact .fact__image-wrapper {
  padding: 0.525em 0.15em;
  border-right: 1px solid #0067b9;
  padding-right: 36px;
  width: 150px;
}

@media (max-width: 900px) {
  .fact .fact__image-wrapper {
    border-right: 0;
    padding-top: 60px;
    width: auto;
    padding-right: unset;
  }
  .fact .fact__image {
    max-width: 110px;
  }
}
/** Flip Cards **/
.paragraph--type--card-display {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

/* The flip card container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-card {
  background-color: transparent;
  height: 300px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
  flex: 50% 0 1;
}

@media (max-width: 1240px) {
  .flip-card {
    height: 350px;
    flex: 100% 0 1;
  }
}
@media (max-width: 500px) {
  .flip-card {
    height: 300px;
    font-size: 15px;
  }
}
/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-card-inner a {
  color: #fd0;
}

.flip-card-inner a:hover,
.flip-card-inner a:focus {
  color: #fff;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner,
.flip-card:active .flip-card-inner,
.flip-card.flipped .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  background-size: cover;
  background-position: center;
}

/* Style the back side */
.flip-card-back {
  background-color: #00437b;
  color: white;
  transform: rotateY(180deg);
}

.flip-card .text-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.flip-card .inner-text-container {
  padding: 10px;
  width: 100%;
}

.paragraph--type--quote {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 20px 0;
}

.paragraph--type--quote .quote-right-column {
  flex-shrink: 1;
  padding: 0 0.75em 0 2.25em;
  align-items: center;
  justify-content: center;
  align-self: center;
  justify-content: center;
}

.paragraph--type--quote .quote-left-column img {
  border-radius: 50%;
}

.paragraph--type--quote .quote-left-column {
  flex-shrink: 0;
}

.paragraph--type--quote .field--name-field-quote-title {
  color: #865e9c;
  font-weight: 500;
}

.paragraph--type--quote .quote-right-column > a {
  font-size: 0.85em;
  line-height: 1.41176em;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-decoration: none;
}

.paragraph--type--quote .field--name-field-quote-quote {
  margin: 0.75em 0;
  padding: 0;
  background-color: transparent;
  color: #333;
  font-family: Playfair Display, DejaVu Serif, Georgia, Times New Roman, serif;
  font-size: 1.1em;
  line-height: 1.63636em;
}

@media (max-width: 900px) {
  .paragraph--type--quote {
    flex-wrap: wrap;
  }
  .paragraph--type--quote .quote-left-column {
    flex: 100%;
    padding-bottom: 0.75em;
  }
  .paragraph--type--quote .quote-left-column img {
    width: 150px;
    height: 150px;
    display: block;
    margin: 0 auto;
  }
  .paragraph--type--quote .quote-right-column {
    padding: 0;
  }
}
li.has-expanded {
  position: relative;
  cursor: pointer;
  color: #0067b9;
}

li.has-expanded svg {
  fill: #0067b9;
}

li.has-expanded:hover svg,
li.has-expanded:focus svg {
  fill: #00437b;
}

li.has-expanded .nav-rail__icon {
  width: 10px;
  display: block;
  line-height: 60px;
  transform: rotate(90deg);
  pointer-events: none;
}

li.has-expanded .nav-rail__button {
  position: absolute;
  right: 5px;
  line-height: 60px;
  pointer-events: none;
  background: none;
  border: 0;
  padding: 0;
}

li.has-expanded .nav-rail__button:focus {
  outline: 1px solid #0067b9;
}

li.has-expanded.open .nav-rail__icon {
  transform: rotate(-90deg);
}

li.has-expanded.closed .dropdown-menu {
  display: none;
}

li.has-expanded.open .dropdown-menu {
  display: block;
}

.paragraph--type--clinic-reservation-form {
  padding-bottom: 20px;
}

.paragraph--type--clinic-reservation-form iframe {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.paragraph--type--clinic-reservation-form .first-available-time {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  width: 75%;
}

.paragraph--type--clinic-reservation-form .first-available-time-left {
  width: 50%;
  position: relative;
  margin-left: 60px;
}

.paragraph--type--clinic-reservation-form .first-available-time-left::before {
  position: absolute;
  top: 12px;
  left: -60px;
  font-family: "Font Awesome 5 Free";
  font-size: 2.2em;
  content: "\f017";
  font-weight: 400; /* <-- add this or 400 for other styles */
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.paragraph--type--clinic-reservation-form .first-available-time-right {
  width: 50%;
  padding-top: 7px;
}

@media (max-width: 1000px) {
  .paragraph--type--clinic-reservation-form iframe,
  .paragraph--type--clinic-reservation-form .first-available-time,
  .paragraph--type--clinic-reservation-form .first-available-time-left,
  .paragraph--type--clinic-reservation-form .first-available-time-right {
    width: 100%;
  }
  .paragraph--type--clinic-reservation-form .first-available-time {
    flex-direction: column;
  }
}
span.spaceless-wrapper {
  all: unset;
  display: inline;
}

.blog-homepage {
  display: flex;
  flex-wrap: wrap;
}

.blog-homepage .views-row {
  flex-basis: calc(33.3333333333% - 20px);
  max-width: calc(33.3333333333% - 20px);
  padding-bottom: 30px;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 1, 1, 0.1);
  box-shadow: 0 3px 5px 0 rgba(0, 1, 1, 0.1);
  margin-bottom: 30px;
  position: relative;
}

@media (max-width: 980px) {
  .blog-homepage .views-row {
    flex-basis: calc(50% - 15px);
    max-width: calc(50% - 15px);
  }
}
@media (max-width: 680px) {
  .blog-homepage .views-row {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.blog-homepage .views-row:nth-child(3n+1),
.blog-homepage .views-row:nth-child(3n+2) {
  margin-right: 30px;
}

@media (max-width: 980px) {
  .blog-homepage .views-row:nth-child(2n-1) {
    margin-right: 30px;
  }
  .blog-homepage .views-row:nth-child(2n) {
    margin-right: 0px;
  }
}
@media (max-width: 680px) {
  .blog-homepage .views-row:nth-child(n) {
    margin-right: 0px;
  }
}
.blog-front {
  margin-bottom: 30px;
}

.blog-front .content {
  padding: 0px 25px;
}

.blog-front .author-info {
  display: flex;
  color: #818181;
  position: absolute;
  bottom: 13px;
}

.blog-front .author-info .author-image-wrapper {
  margin-right: 10px;
  max-width: 25px;
}

.blog-front .author-info .author-image-wrapper img {
  border-radius: 50%;
}

.blog-front .author-info .author-name {
  font-size: 12px;
  line-height: 30px;
  margin-right: 10px;
}

.blog-front .author-info .author-name a {
  color: #818181;
}

.blog-front .author-info .authored-date {
  font-size: 12px;
  line-height: 30px;
}

.blog-front .author-info .authored-date:before {
  content: "\f073";
  font-family: "Font Awesome 5 Free";
  margin-right: 4px;
}

.blog-front .image-wrapper {
  position: relative;
}

.blog-front .image-wrapper:hover .overlay {
  opacity: 0;
}

.blog-front .field--name-field-blog-category {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 20;
  width: 80%;
  right: 30px;
}

.blog-front .field--name-field-blog-category a {
  display: inline-block;
  height: auto;
  line-height: 10px;
  padding: 7px 11px 6px;
  vertical-align: top;
  -ms-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font-size: 10px;
  border-radius: 20px;
  margin-right: 5px;
  pointer-events: auto;
  text-transform: uppercase;
  background: #00437b;
  color: white;
  text-decoration: none;
}

.blog-front .field--name-field-blog-category a:hover {
  background: white !important;
  color: #00437b;
}

.blog-front .blog-header-image {
  height: 150px;
  width: 100%;
  background-size: cover;
  background-position: center;
}

.blog-front .title {
  font-size: 22px;
  line-height: 1.4;
}

@media (max-width: 768px) {
  .blog-front .title {
    font-size: 20px;
  }
}
.blog-front .title a {
  color: #00437b;
}

.blog-front a {
  text-decoration: none;
}

.blog-front .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  background: black;
  transition: opacity 100ms linear;
  will-change: opacity;
}

.blog-front .link-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}

paragraph--type--five-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  align-content: start;
  padding-top: 0em;
  padding-bottom: 1.5em;
}
paragraph--type--five-column .five-col-wrapper {
  padding: 2% 2% 0;
  min-width: 310px;
  flex: 1 1 0px;
  height: 100%;
  max-width: 350px;
}
@media (min-width: 900px) {
  paragraph--type--five-column .five-col-wrapper {
    min-width: 310px;
  }
}
@media (min-width: 1400px) {
  paragraph--type--five-column .five-col-wrapper {
    min-width: 240px;
  }
}
paragraph--type--five-column .five-col-wrapper .paragraph.paragraph--type--video {
  padding-bottom: 0;
  height: auto;
  margin: 1.5em 0;
}

.testimonials, .testimonials .l-2up {
  border-top: 1px solid #d7d2cb;
}

.testimonial {
  padding: 2.25em 0;
}

.testimonial .testimonial__image {
  max-width: none;
}

@media (min-width: 900px) {
  .testimonial-container {
    position: relative;
  }
  .testimonial-divider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background-color: #d7d2cb;
  }
  .testimonials .l-2up {
    border-top: 0;
  }
  .testimonial {
    padding: 1.5em 6em;
    border-bottom: 1px solid #d7d2cb;
  }
  .testimonial .testimonial__image {
    height: 250px;
    width: 250px;
    border-radius: 125px;
  }
}
.testimonial--small {
  padding: 2.25em 0;
}

@media (min-width: 600px) {
  .l-3up .testimonial, .testimonial--small {
    display: block;
  }
  .testimonial, .testimonial--small {
    display: table;
  }
  .testimonial--rail-green > .testimonial__image-link, .testimonial--rail > .testimonial__image-link {
    display: block;
  }
}
@media (min-width: 900px) {
  .testimonial--small {
    padding: 2.25em 1.5em;
  }
  .testimonial--small .testimonial__image {
    height: 150px;
    width: 150px;
    border-radius: 75px;
  }
  .testimonial--rail-green > .testimonial__image-link, .testimonial--rail > .testimonial__image-link {
    display: block;
  }
}
.testimonial--small .testimonial__quote {
  font-size: 1em;
  line-height: 1.5em;
}

.testimonial--rail, .testimonial--rail-green {
  display: block;
  background-color: #edebe8;
  border-bottom: 4px solid #865e9c;
  margin-bottom: 2.25em;
  padding: 1.5em;
}

.testimonial--rail-green > .testimonial__image-link, .testimonial--rail > .testimonial__image-link {
  display: block;
  margin-bottom: 0.75em;
  text-align: center;
}

.testimonial--rail-green > .testimonial__block, .testimonial--rail > .testimonial__block {
  display: block;
  padding: 0;
}

.testimonial--rail-green > .testimonial__block p, .testimonial--rail > .testimonial__block p {
  font-size: 0.85em;
  line-height: 1.58824em;
}

.testimonial--rail .testimonial__quote, .testimonial--rail-green .testimonial__quote,
.testimonial__quote {
  font-size: 1em;
  line-height: 1.5em;
}

@media (min-width: 900px) {
  .testimonial--rail-green > .testimonial__block, .testimonial--rail > .testimonial__block {
    display: block;
    padding: 0;
  }
}
.testimonial--rail .label-container span, .testimonial--rail-green .label-container span {
  display: block;
  float: none;
}

.testimonial--rail__title {
  margin-top: 0.375em;
  margin-bottom: 0;
  color: #333;
}

.testimonial--rail-green {
  border-bottom: 4px solid #115740;
}

.testimonial__image-link {
  display: block;
  text-align: center;
  margin-bottom: 0.75em;
}

.testimonial__image {
  max-width: none;
  height: 150px;
  width: 150px;
  border-radius: 75px;
  border: 1px solid #d7d2cb;
  object-fit: cover;
  object-position: center;
  font-family: "object-fit: cover; object-position: center;";
}

@media (min-width: 600px) {
  .testimonial--rail-green > .testimonial__block, .testimonial--rail > .testimonial__block {
    display: block;
    padding: 0;
  }
  .testimonial__image-link {
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 0;
  }
  .l-3up .testimonial .testimonial__image-link, .testimonial--small .testimonial__image-link {
    display: block;
  }
  .testimonial__image {
    height: 150px;
    width: 150px;
    border-radius: 75px;
  }
  .testimonial__block {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0.75em 0 2.25em;
  }
}
.testimonial__quote {
  margin: 0.75em 0;
  padding: 0;
  background-color: transparent;
  color: #333;
  font-family: Playfair Display, DejaVu Serif, Georgia, Times New Roman, serif;
}

@media (min-width: 1100px) {
  .testimonial__quote {
    font-size: 1.1em;
    line-height: 1.63636em;
  }
}
.testimonial--list-item {
  padding: 1.125em 0;
  border-top: 1px solid #d7d2cb;
}

.testimonial--list-item .testimonial__quote {
  font-size: 1em;
  line-height: 1.65em;
  margin-bottom: 0.375em;
}

.testimonial--list-item .cta {
  font-size: 0.75em;
  line-height: 1.8em;
}

.testimonial--list-item .cta svg {
  height: 0.7em;
  width: 0.7em;
}

.l-3up .testimonial--small {
  display: block;
}
@media (min-width: 767px) {
  .l-3up .testimonial--small {
    display: flex;
    flex-wrap: wrap;
  }
}
.l-3up .testimonial--small .testimonial__image-link, .l-3up .testimonial--small .testimonial__block {
  width: 100%;
}

.secondary-hero.full-overlay {
  min-height: 450px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: flex-end;
}
@media (min-width: 767px) {
  .secondary-hero.full-overlay {
    min-height: 550px;
  }
}
@media (min-width: 991px) {
  .secondary-hero.full-overlay {
    min-height: 600px;
  }
}
.secondary-hero.full-overlay .secondary-hero__title-wrapper {
  max-width: 100%;
  margin-top: 20px;
  background-color: rgba(0, 47, 108, 0.75);
  padding: 12px;
}
@media (min-width: 767px) {
  .secondary-hero.full-overlay .secondary-hero__title-wrapper {
    max-width: 60%;
    margin-top: 40px;
    width: fit-content;
  }
}
.secondary-hero.full-overlay .secondary-hero__title-wrapper h1.secondary-hero__title {
  color: #FFDD00;
  line-height: 1 !important;
  margin-bottom: 0;
  font-weight: 600;
}
.secondary-hero.full-overlay .secondary-hero__title-wrapper h1.secondary-hero__title {
  font-size: 36px;
  line-height: 60px;
}
@media screen and (min-width: 960px) {
  .secondary-hero.full-overlay .secondary-hero__title-wrapper h1.secondary-hero__title {
    font-size: calc(36px + strip-unit(24px) * (100vw - 960px) / strip-unit(240px));
    line-height: calc(60px + strip-unit(20px) * (100vw - 960px) / strip-unit(240px));
  }
}
@media screen and (min-width: 1200px) {
  .secondary-hero.full-overlay .secondary-hero__title-wrapper h1.secondary-hero__title {
    font-size: 60px;
    line-height: 80px;
  }
}
.secondary-hero.full-overlay .secondary-hero__block {
  padding-bottom: 60px;
}

.path-frontpage .general-hero__image {
  height: 300px;
}
@media (min-width: 767px) {
  .path-frontpage .general-hero__image {
    min-height: 450px;
  }
}
@media (min-width: 991px) {
  .path-frontpage .general-hero__image {
    min-height: 600px;
  }
}

@media (min-width: 600px) {
  .hero-menu .nav-rail__items {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border-top: none;
  }
  .hero-menu .nav-rail__items li {
    text-align: center;
    flex: 0 1 auto;
    min-width: 200px;
  }
  .hero-menu .nav-rail__items .nav-rail__item {
    padding: 0.6em 1.5em;
  }
}

.paragraph--type--multi-columns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  align-content: start;
  padding-top: 0em;
  padding-bottom: 3em;
}
.paragraph--type--multi-columns .paragraph, .paragraph--type--multi-columns > figure {
  padding: 2% 2% 0;
  min-width: 230px;
  flex: 1 1 0px;
  height: 100%;
}
.paragraph--type--multi-columns .video, .paragraph--type--multi-columns .video-wrapper > .video-wrapper, .paragraph--type--multi-columns .video-wrapper--left, .paragraph--type--multi-columns .video-wrapper--right {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin: 1.5em 0;
}
.paragraph--type--multi-columns p, .paragraph--type--multi-columns h1, .paragraph--type--multi-columns h2, .paragraph--type--multi-columns h3, .paragraph--type--multi-columns h4, .paragraph--type--multi-columns h5, .paragraph--type--multi-columns a {
  text-align: center;
  text-decoration: none !important;
}
.paragraph--type--multi-columns p:hover, .paragraph--type--multi-columns p:focus, .paragraph--type--multi-columns h1:hover, .paragraph--type--multi-columns h1:focus, .paragraph--type--multi-columns h2:hover, .paragraph--type--multi-columns h2:focus, .paragraph--type--multi-columns h3:hover, .paragraph--type--multi-columns h3:focus, .paragraph--type--multi-columns h4:hover, .paragraph--type--multi-columns h4:focus, .paragraph--type--multi-columns h5:hover, .paragraph--type--multi-columns h5:focus, .paragraph--type--multi-columns a:hover, .paragraph--type--multi-columns a:focus {
  text-decoration: none !important;
}
.paragraph--type--multi-columns p a {
  text-decoration: none;
}
.paragraph--type--multi-columns p a:hover, .paragraph--type--multi-columns p a:focus {
  text-decoration: underline !important;
}
.paragraph--type--multi-columns p {
  color: #333;
}

.paragraph--type--icon-highlights p, .paragraph--type--icon-highlights h1, .paragraph--type--icon-highlights h5, .paragraph--type--icon-highlights a {
  text-align: center;
  text-decoration: none !important;
}
.paragraph--type--icon-highlights p:hover, .paragraph--type--icon-highlights p:focus, .paragraph--type--icon-highlights h1:hover, .paragraph--type--icon-highlights h1:focus, .paragraph--type--icon-highlights h5:hover, .paragraph--type--icon-highlights h5:focus, .paragraph--type--icon-highlights a:hover, .paragraph--type--icon-highlights a:focus {
  text-decoration: none !important;
}
.paragraph--type--icon-highlights p a {
  text-decoration: none;
}
.paragraph--type--icon-highlights p a:hover, .paragraph--type--icon-highlights p a:focus {
  text-decoration: underline !important;
}
.paragraph--type--icon-highlights p {
  color: #333;
}
.paragraph--type--icon-highlights .icon-wrapper {
  border-radius: 50%;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 80px;
  width: 80px;
  display: block;
  margin: auto;
}
.paragraph--type--icon-highlights .icon-wrapper img {
  border-radius: 50%;
  -webkit-box-shadow: none;
  box-shadow: none;
  vertical-align: top;
  height: 80px;
}

.lower-page-full-width {
  margin-bottom: 1.5em;
  margin-top: 1.5em;
}

.container + .container.lower-page-full-width {
  margin-top: -1.5em;
}

.path-frontpage .container + .container.lower-page-full-width {
  margin-top: 1.5em;
}

.views-photo-grid-container .photo-grid-caption {
  display: none;
}

.mfp-container .mfp-arrow-right {
  right: 25px;
}
.mfp-container .mfp-arrow-right:before, .mfp-container .mfp-arrow-left:before {
  border-left: 27px solid #002F6C;
}
.mfp-container .mfp-arrow-right:after, .mfp-container .mfp-arrow-left:after {
  border-left: 17px solid #FFDD00;
}
.mfp-container .mfp-arrow-left {
  left: 25px;
}
.mfp-container .mfp-title {
  text-align: left;
  line-height: 1.4em;
  font-size: 0.85em;
}

.workbench-tabs__tabs > ul {
  margin: 0 auto;
  max-width: 1230px;
}

.dialog-off-canvas-main-canvas {
  position: relative;
}

.inline--left {
  margin: 1em 0;
}

.inline--left img {
  width: auto;
  max-width: 100%;
}

@media (min-width: 600px) {
  .inline--left {
    float: left;
    clear: left;
    max-width: calc(50% - 1.5em);
    margin: 0.75em 1.5em 1.125em 0;
  }
}
@media (min-width: 900px) {
  .inline--left {
    max-width: calc(50% - 1.875em);
    margin: 0.75em 1.875em 1.5em 0;
  }
}
.inline--right {
  margin: 1em 0;
}

.inline--right img {
  width: auto;
  max-width: 100%;
}

@media (min-width: 600px) {
  .inline--right {
    float: right;
    clear: right;
    max-width: calc(50% - 1.5em);
    margin: 0.75em 0 1.125em 1.5em;
  }
}
@media (min-width: 900px) {
  .inline--right {
    max-width: calc(50% - 1.875em);
    margin: 0.75em 0 1.5em 1.875em;
  }
}
.inline--mug {
  float: left;
  clear: left;
  max-width: 50%;
  margin: 0.75em 1.5em 1.125em 0;
}

.inline--mug img {
  width: auto;
  max-width: 100%;
}

@media (min-width: 600px) {
  .inline--mug {
    float: left;
    clear: left;
    max-width: 30%;
    margin: 0.75em 1.5em 1.125em 0;
  }
}
@media (min-width: 900px) {
  .inline--mug {
    max-width: 20%;
    margin: 0.75em 1.875em 1.5em 0;
  }
}
a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  color: #0067b9;
}

a:active, a:hover {
  outline-width: 0;
  color: #01437E;
}

a.nav-utility__link:active, a.nav-utility__link:hover {
  color: #fff;
}

.nav-utility-container--mobile a.nav-utility__link:active, .nav-utility-container--mobile a.nav-utility__link:hover {
  color: #01437E;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: 700;
}

h4, h6 {
  font-weight: 400;
}

code, kbd, pre, samp {
  background-color: inherit;
  font-family: monospace, monospace;
  font-size: 1em;
}

h4, h5, h6 {
  color: #00437B;
  font-family: Playfair Display, DejaVu Serif, Georgia, Times New Roman, serif;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2.25em;
  line-height: 1.2em;
  margin-top: 0.66667em;
  margin-bottom: 0.33333em;
}

h1, h2 {
  color: #00437b;
}

h2 {
  font-size: 1.95em;
  line-height: 1.26923em;
  margin-top: 0.76923em;
  margin-bottom: 0.38462em;
}

h3 {
  font-size: 1.56em;
  line-height: 1.34615em;
  margin-top: 0.96154em;
  margin-bottom: 0.48077em;
  color: #00437b;
}

h4 {
  font-size: 1.25em;
  line-height: 1.44em;
  margin-top: 1.2em;
  margin-bottom: 0.6em;
}

h5, h6 {
  font-size: 1em;
  line-height: 1.425em;
  margin-top: 1.125em;
  margin-bottom: 0.375em;
}

mark {
  background-color: #fd0;
  color: #222;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

dl, menu, ol, p, pre, ul {
  margin: 0 0 0.75em;
}

dd {
  margin: 0 0 0 rhythm(1);
}

menu, ol, ul {
  padding: 0 0 0 rhythm(1);
}

hr {
  box-sizing: content-box;
  height: 0;
}

.button--container {
  margin: 1.5em 0;
}

.button--container a, .button--container button {
  margin-right: 0.75em;
}

.button, .button--outline, .button--outline[type=button],
.button--outline[type=submit], .button--primary,
.button--primary-outline, .button--primary-outline[type=button],
.button--primary-outline[type=submit], .button--primary-yellow,
.button--primary-yellow-outline, .button--primary-yellow-outline[type=button],
.button--primary-yellow-outline[type=reset],
.button--primary-yellow-outline[type=submit], .button--primary-yellow[type=button],
.button--primary-yellow[type=submit], .button--primary[type=button],
.button--primary[type=submit], .button--secondary,
.button--secondary-outline, .button--secondary-outline[type=button],
.button--secondary-outline[type=submit], .button--secondary[type=button],
.button--secondary[type=submit], button, input[type=button], input[type=reset],
input[type=submit] {
  display: inline-block;
  border-radius: 0;
  background-color: #0067b9;
  border: 1px solid #0067b9;
  color: #fff;
  padding: 0.25em 1em;
  text-transform: uppercase;
  font-weight: 700;
  outline: 0;
  -webkit-appearance: none;
}

.button--outline:link, .button--outline:visited,
.button--primary-outline:link, .button--primary-outline:visited,
.button--primary-yellow-outline:link, .button--primary-yellow-outline:visited,
.button--primary-yellow:link, .button--primary-yellow:visited,
.button--primary:link, .button--primary:visited,
.button--secondary-outline:link, .button--secondary-outline:visited,
.button--secondary:link, .button--secondary:visited, .button:link,
.button:visited, button:link, button:visited, input[type=button]:link,
input[type=button]:visited, input[type=reset]:link, input[type=reset]:visited,
input[type=submit]:link, input[type=submit]:visited {
  background-color: #0067b9;
  border: 1px solid #0067b9;
  color: #fff;
  text-decoration: none;
}

.button--outline:active, .button--outline:focus, .button--outline:hover,
.button--primary-outline:active, .button--primary-outline:focus,
.button--primary-outline:hover, .button--primary-yellow-outline:active,
.button--primary-yellow-outline:focus, .button--primary-yellow-outline:hover,
.button--primary-yellow:active, .button--primary-yellow:focus,
.button--primary-yellow:hover, .button--primary:active,
.button--primary:focus, .button--primary:hover,
.button--secondary-outline:active, .button--secondary-outline:focus,
.button--secondary-outline:hover, .button--secondary:active,
.button--secondary:focus, .button--secondary:hover, .button:active,
.button:focus, .button:hover, button:active, button:focus, button:hover,
input[type=button]:active, input[type=button]:focus, input[type=button]:hover,
input[type=reset]:active, input[type=reset]:focus, input[type=reset]:hover,
input[type=submit]:active, input[type=submit]:focus, input[type=submit]:hover {
  background-color: #01437E;
  border: 1px solid #01437E;
  text-decoration: none;
}

.button--small {
  font-size: 0.85em;
  line-height: 1.41176em;
}

.button--menu, .button--search {
  cursor: pointer;
  font-size: 16px;
  display: inline-block;
}

.button--outline, .button--outline:link, .button--outline:visited,
.button--outline[type=button], .button--outline[type=button]:link,
.button--outline[type=button]:visited, .button--outline[type=submit],
.button--outline[type=submit]:link, .button--outline[type=submit]:visited {
  background-color: transparent;
  border: 1px solid #0067b9;
  color: #0067b9;
}

.button--outline:active, .button--outline:focus, .button--outline:hover,
.button--outline[type=button]:active, .button--outline[type=button]:focus,
.button--outline[type=button]:hover, .button--outline[type=submit]:active,
.button--outline[type=submit]:focus, .button--outline[type=submit]:hover {
  background-color: transparent;
  border: 1px solid #01437E;
  color: #01437E;
}

.button--primary, .button--primary:link, .button--primary:visited,
.button--primary[type=button], .button--primary[type=button]:link,
.button--primary[type=button]:visited, .button--primary[type=submit],
.button--primary[type=submit]:link, .button--primary[type=submit]:visited {
  background-color: #00437b;
  border: 1px solid #00437b;
}

.button--primary:active, .button--primary:focus, .button--primary:hover,
.button--primary[type=button]:active, .button--primary[type=button]:focus,
.button--primary[type=button]:hover, .button--primary[type=submit]:active,
.button--primary[type=submit]:focus, .button--primary[type=submit]:hover {
  background-color: #0067b9;
  border: 1px solid #0067b9;
}

.button--primary-outline, .button--primary-outline:link,
.button--primary-outline:visited, .button--primary-outline[type=button],
.button--primary-outline[type=button]:link, .button--primary-outline[type=button]:visited,
.button--primary-outline[type=submit], .button--primary-outline[type=submit]:link,
.button--primary-outline[type=submit]:visited {
  background-color: transparent;
  border: 1px solid #00437b;
  color: #00437b;
}

.button--primary-outline:active, .button--primary-outline:focus,
.button--primary-outline:hover, .button--primary-outline[type=button]:active,
.button--primary-outline[type=button]:focus, .button--primary-outline[type=button]:hover,
.button--primary-outline[type=submit]:active, .button--primary-outline[type=submit]:focus,
.button--primary-outline[type=submit]:hover {
  background-color: transparent;
  border: 1px solid #0067b9;
  color: #0067b9;
}

.button--primary-yellow, .button--primary-yellow:link,
.button--primary-yellow:visited, .button--primary-yellow[type=button],
.button--primary-yellow[type=button]:link, .button--primary-yellow[type=button]:visited,
.button--primary-yellow[type=submit], .button--primary-yellow[type=submit]:link,
.button--primary-yellow[type=submit]:visited {
  background-color: #fd0;
  border: 1px solid #fd0;
  color: #00437b;
}

.button--primary-yellow:active, .button--primary-yellow:focus,
.button--primary-yellow:hover, .button--primary-yellow[type=button]:active,
.button--primary-yellow[type=button]:focus, .button--primary-yellow[type=button]:hover,
.button--primary-yellow[type=submit]:active, .button--primary-yellow[type=submit]:focus,
.button--primary-yellow[type=submit]:hover {
  background-color: #01437E;
  border: 1px solid #01437E;
  color: #fff;
}

.button--primary-yellow-outline, .button--primary-yellow-outline:link,
.button--primary-yellow-outline:visited,
.button--primary-yellow-outline[type=button],
.button--primary-yellow-outline[type=button]:link,
.button--primary-yellow-outline[type=button]:visited,
.button--primary-yellow-outline[type=reset],
.button--primary-yellow-outline[type=reset]:link,
.button--primary-yellow-outline[type=reset]:visited,
.button--primary-yellow-outline[type=submit],
.button--primary-yellow-outline[type=submit]:link,
.button--primary-yellow-outline[type=submit]:visited {
  background-color: transparent;
  border: 1px solid #fd0;
  color: #fd0;
}

.button--primary-yellow-outline:active, .button--primary-yellow-outline:focus,
.button--primary-yellow-outline:hover, .button--primary-yellow-outline[type=button]:active,
.button--primary-yellow-outline[type=button]:focus,
.button--primary-yellow-outline[type=button]:hover,
.button--primary-yellow-outline[type=reset]:active,
.button--primary-yellow-outline[type=reset]:focus,
.button--primary-yellow-outline[type=reset]:hover,
.button--primary-yellow-outline[type=submit]:active,
.button--primary-yellow-outline[type=submit]:focus,
.button--primary-yellow-outline[type=submit]:hover {
  background-color: transparent;
  border: 1px solid #01437E;
  color: #01437E;
}

.button--secondary, .button--secondary:link, .button--secondary:visited,
.button--secondary[type=button], .button--secondary[type=button]:link,
.button--secondary[type=button]:visited, .button--secondary[type=submit],
.button--secondary[type=submit]:link, .button--secondary[type=submit]:visited {
  background-color: #6d6e70;
  border: 1px solid #6d6e70;
  color: #fff;
}

.button--secondary:active, .button--secondary:focus, .button--secondary:hover,
.button--secondary[type=button]:active, .button--secondary[type=button]:focus,
.button--secondary[type=button]:hover, .button--secondary[type=submit]:active,
.button--secondary[type=submit]:focus, .button--secondary[type=submit]:hover {
  background-color: #0067b9;
  border: 1px solid #0067b9;
}

.button--secondary-outline, .button--secondary-outline:link,
.button--secondary-outline:visited, .button--secondary-outline[type=button],
.button--secondary-outline[type=button]:link,
.button--secondary-outline[type=button]:visited,
.button--secondary-outline[type=submit], .button--secondary-outline[type=submit]:link,
.button--secondary-outline[type=submit]:visited, input[type=reset],
input[type=reset]:link, input[type=reset]:visited {
  background-color: transparent;
  border: 1px solid #6d6e70;
  color: #6d6e70;
}

.button--secondary-outline:active, .button--secondary-outline:focus,
.button--secondary-outline:hover, .button--secondary-outline[type=button]:active,
.button--secondary-outline[type=button]:focus,
.button--secondary-outline[type=button]:hover,
.button--secondary-outline[type=submit]:active,
.button--secondary-outline[type=submit]:focus,
.button--secondary-outline[type=submit]:hover, input[type=reset]:active,
input[type=reset]:focus, input[type=reset]:hover {
  background-color: transparent;
  border: 1px solid #01437E;
  color: #01437E;
}

.button--search {
  cursor: hand;
  padding: 0.25em 0.5em;
  border-radius: 2px;
  min-width: 2em;
  min-height: 2em;
  border: 1px solid #00437b;
}

.button--search, .button--search:active, .button--search:focus,
.button--search:hover {
  background: url(../svg/search.svg) 50% no-repeat #fff;
  background-size: 14px;
}

.button--menu {
  cursor: hand;
  font-weight: 700;
  height: 2em;
  border-radius: 2px;
  background: url(../svg/menu.svg) 8px no-repeat #00437b;
  background-size: 14px;
  padding-left: 1.2em;
}

.cta, .cta--small, .emergency-alert__label {
  font-size: 0.85em;
  line-height: 1.41176em;
  font-weight: 700;
}

.button--menu:after {
  color: #fff;
  content: "Menu";
  padding: 0 0.75em;
}

.button--menu:active, .button--menu:focus, .button--menu:hover {
  background: url(../svg/menu.svg) 8px no-repeat #0067b9;
  background-size: 14px;
}

.cta, .cta--small {
  text-decoration: none;
}

.cta svg, .cta--small svg {
  height: 0.8em;
  width: 0.8em;
  margin-left: 0.5em;
}

.cta--small:link svg, .cta--small:visited svg, .cta:link svg, .cta:visited svg {
  fill: #0067b9;
}

.cta--small:active svg, .cta--small:focus svg, .cta--small:hover svg,
.cta:active svg, .cta:focus svg, .cta:hover svg {
  fill: #01437E;
}

.cta--small svg {
  height: 0.7em;
  width: 0.7em;
  margin-left: 0.25em;
}

.cta--inline {
  margin-left: 5px;
}

.search {
  display: none;
  position: relative;
  padding: 1.5em;
}

@media (min-width: 900px) {
  .search {
    background-color: hsla(0, 0%, 100%, 0.1);
    display: block;
    float: right;
    padding: 0;
  }
}
.search.open {
  display: block;
}

.search__form {
  width: 100%;
}

.search__input[type=search] {
  width: 100%;
  height: 2em;
  color: #333;
  background: #fff;
  border: 1px solid #01437E;
  border-radius: 8px;
  padding: 1.2em 3em 1.2em 1.5em;
  text-indent: 0;
}

@media (min-width: 900px) {
  .search__input[type=search] {
    width: 255px;
    padding: 0 2.7em 0 0.25em;
    border: 1px solid #00437b;
    border-radius: 0;
  }
}
.search__button {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 1px;
  position: absolute;
  right: 1.55em;
  width: 3em;
  height: 2.45em;
  border-radius: 8px;
  background-color: #c3d7ee;
}

.slick-list, .slick-slider, .slick-track {
  position: relative;
  display: block;
}

@media (min-width: 900px) {
  .search__button {
    margin-top: 0;
    width: 2em;
    height: 2em;
    right: 0;
    border-radius: 0;
  }
}
.search-list li {
  padding: 1.125em 0;
  border-top: 1px solid #d7d2cb;
}

@media (min-width: 350px) {
  .search-list .profile-list-item .profile-list-item__image {
    float: left;
    margin: 0 20px 0 0;
  }
}
.search-list .recommended-result {
  background-color: #ebf1f9;
  border: 1px solid #00437b;
  margin-bottom: 0.75em;
  padding: 1.5em 0.75em 1.125em;
}

.search-list .recommended-result > div {
  border: none;
}

.search-results--error h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph--type--hero-background-video {
  position: relative;
  min-height: calc(100vh - 0em);
}

.paragraph--type--hero-background-video .hero-inner-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}

.paragraph--type--hero-background-video .hero-inner-wrapper video {
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: -1;
}

.paragraph--type--hero-background-video .field--foreground-text--wrapper {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  background: rgba(46, 63, 100, 0.7);
  bottom: 0;
}

.paragraph--type--hero-background-video .field--foreground-text {
  color: white;
  margin: 0 auto;
  width: 90%;
  padding: 25px 0;
  max-width: 1400px;
  display: flex;
  justify-content: space-between;
}

.paragraph--type--hero-background-video .field--foreground-text .foreground-text {
  flex: 60% 1 1;
}

.paragraph--type--hero-background-video .field--foreground-text .cta-buttons {
  display: flex;
  justify-content: space-evenly;
  flex: 40% 0 0;
}

.paragraph--type--hero-background-video .field--foreground-text .cta-buttons a {
  background: #ffffff;
  color: #00437b;
  border: 0;
}

.paragraph--type--hero-background-video .field--foreground-text .cta-buttons a:hover,
.paragraph--type--hero-background-video .field--foreground-text .cta-buttons a:focus {
  background: #00437b;
  color: #fd0;
}

.paragraph--type--hero-background-video .field--foreground-text p,
.hero-mobile-text p {
  margin: 0;
}

.paragraph--type--hero-background-video .field--foreground-text h2,
.hero-mobile-text h2 {
  color: white;
  margin: 0;
  font-size: 36px;
  line-height: 48px;
  letter-spacing: -1px;
  font-style: italic;
}

.paragraph--type--hero-background-video .field--foreground-text a,
.hero-mobile-text a {
  display: inline-block;
  margin-top: 3px;
  padding: 5px 15px;
  border-top: 1px solid #fd0;
  font-weight: 500;
  color: #fd0;
  text-decoration: none;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media (max-width: 600px) {
  .paragraph--type--hero-background-video .field--foreground-text a,
  .hero-mobile-text a {
    padding: 5px 8px;
    font-size: 14px;
    letter-spacing: 0.05em;
  }
}

.paragraph--type--hero-background-video .field--foreground-text a:hover {
  border-color: #fff;
  color: #fff;
  text-decoration: none;
}

.paragraph--type--hero-background-video .paused-play {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

.paragraph--type--hero-background-video .paused-play button {
  color: white;
  padding: 8px;
  background: rgba(46, 63, 100, 0.7);
  border: 0;
  font-size: 16px;
  border-radius: 50%;
  cursor: pointer;
}

.paragraph--type--hero-background-video .paused-play button:hover {
  color: #fd0;
}

.paragraph--type--hero-background-video .mobile-slides {
  display: none;
}

.paragraph--type--hero-background-video .mobile-slides .slide,
.paragraph--type--hero-background-video .desktop-slides .slide .paragraph--type--homepage-hero-slide {
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: cover;
  opacity: 0;
  will-change: opacity;
  -webkit-transition: opacity 750ms linear;
  -moz-transition: opacity 750ms linear;
  -ms-transition: opacity 750ms linear;
  -o-transition: opacity 750ms linear;
  transition: opacity 1000ms linear;
  background-position: center;
}

.paragraph--type--hero-background-video .mobile-slides .slide.active,
.paragraph--type--hero-background-video .desktop-slides .slide.active .paragraph--type--homepage-hero-slide {
  opacity: 1;
}

.paragraph--type--hero-background-video .desktop-slides .text-desc {
  position: absolute;
  top: 6%;
  max-width: 450px;
  left: 5%;
  color: #00437b;
  font-size: 16px;
  opacity: 0;
  will-change: opacity;
  -webkit-transition: opacity 750ms linear;
  -moz-transition: opacity 750ms linear;
  -ms-transition: opacity 750ms linear;
  -o-transition: opacity 750ms linear;
  transition: opacity 1000ms linear;
  transition-delay: 1500ms;
}

.cta-buttons .cta-button a {
  font-weight: 700;
}

@media (max-width: 900px) {
  .paragraph--type--hero-background-video .desktop-slides .text-desc {
    display: none;
  }
}
.paragraph--type--hero-background-video .desktop-slides .slide.text-animate .text-desc {
  opacity: 1;
}

@media (min-width: 900px) {
  body .header {
    background-color: hsla(0, 0%, 100%, 0.75);
  }
  .paragraph--type--hero-background-video .container.hero--mobile {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .paragraph--type--hero-background-video .hero--video-link {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }
}
@media (max-width: 1240px) {
  .paragraph--type--hero-background-video .field--foreground-text h2,
  .hero-mobile-text h2 {
    font-size: 36px;
  }
  .paragraph--type--hero-background-video .field--foreground-text .cta-buttons {
    flex: 47% 0 0;
  }
}
@media (max-width: 1060px) {
  .paragraph--type--hero-background-video .field--foreground-text h2,
  .hero-mobile-text h2 {
    text-align: center;
  }
  .paragraph--type--hero-background-video .field--foreground-text {
    flex-wrap: wrap;
  }
  .paragraph--type--hero-background-video .field--foreground-text .foreground-text {
    flex: 100% 1 1;
  }
  .paragraph--type--hero-background-video .field--foreground-text .cta-buttons {
    flex: 100% 0 0;
    justify-content: center;
  }
  .paragraph--type--hero-background-video .field--foreground-text .cta-buttons .cta-button {
    padding: 0 10px;
  }
  .paragraph--type--hero-background-video .field--foreground-text .cta-buttons .cta-button a {
    margin-top: 10px;
  }
}
@media (max-width: 900px) {
  .paragraph--type--hero-background-video .mobile-slides {
    display: block;
  }
  .paragraph--type--hero-background-video .hero-inner-wrapper video,
  .paragraph--type--hero-background-video .paused-play {
    display: none;
  }
  .paragraph--type--hero-background-video {
    min-height: 340px;
  }
  .path-frontpage .emergency-alert {
    position: relative;
  }
}
@media (max-width: 600px) {
  .hero-mobile-text {
    display: block;
  }
  .field--foreground-text--wrapper .field--foreground-text {
    display: block;
  }
  .hero-mobile-text h2 {
    margin-top: 15px;
    font-size: 22px;
    padding: 0 1.5em;
  }
  .hero-mobile-text h4, .hero-mobile-text h3, .hero-mobile-text h5, .hero-mobile-text h6 {
    padding: 0 1.5em;
  }
  .hero-mobile-text a {
    margin: 10px 0;
    padding: 5px 15px;
  }
  .hero-mobile-text .cta-buttons {
    text-align: center;
    padding-bottom: 15px;
  }
  .hero-mobile-text .cta-buttons a {
    background: #ffffff;
    color: #00437b;
    border: 0;
    font-size: 16px;
  }
  .hero-mobile-text .cta-buttons a:hover,
  .hero-mobile-text .cta-buttons a:focus {
    background: #fd0;
    color: #00437b;
  }
}

/*# sourceMappingURL=new-styles.css.map */