@charset "utf-8";

.un-article__paragraph a,
.un-steps__paragraph a,
.un-article__callout a,
.fb-comment__text a,
.un-instruction__item span a {
  color: rgb(0, 127, 255);
  text-decoration: underline;
}

.flux_cta {
  pointer-events: none;
}

.check {
  font-size: 1.2rem;
}

.footer {
  background-color: rgba(42, 48, 59, 0.87);
}

.zone--footer {
  background-color: transparent;
}

.big-img {
  max-height: 500px;
  object-fit: contain;
  background-color: rgb(238, 238, 238);
}

.check-mobile_lcolumn p,
.check-mobile_rcolumn p {
  font-family: "IBM Plex Mono", "IBM Plex", monospace !important;
}

.un-article__callout {
  font-style: italic;
}

.un-article__callout {
  border-color: rgb(0, 127, 255);
}

.swiper {
  max-height: 500px;
}

section#un-main {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.un-article {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.swiper {
  background-color: rgb(238, 238, 238);
  line-height: 0;
}

.swiper-slide {
  align-self: center;
}

.swiper-slide img {
  object-fit: cover;
}

.slider-caption {
  margin-top: 10px;
  color: var(--label-color);
  font-size: 1.4rem;
  line-height: 1.42;
  font-family: MarrSans;
}

.swiper-pagination {
  z-index: 20;
  pointer-events: auto;
  padding: 0px 4.8rem 0.8rem;
}

.swiper-button-next,
.swiper-button-prev {
  z-index: 10;
  top: 42%;
  color: rgb(0, 127, 255);
}

.swiper-slide .lightbox-img {
  width: 100%;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  color: rgb(225, 18, 41);
}

.swiper-pagination-bullet {
  background: rgb(225, 18, 41);
  width: 10px;
  height: 10px;
  position: relative;
}

.swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  inset: -12px;
}

.swiper-pagination-bullet-active {
  background: rgb(0, 127, 255);
}

.fb-comment__avatar {
  width: 32px;
  height: 32px;
  object-fit: cover;
}

.fb-comment__text img {
  max-width: 350px;
  max-height: 400px;
  object-fit: contain;
  object-position: left center;
  height: auto;
}

@media (max-width: 1024px) {
  .check-mobile_lcolumn p,
  .check-mobile_rcolumn p {
    font-size: 1.4rem;
  }
}

@media (max-width: 580px) {
  .check-mobile_lcolumn p,
  .check-mobile_rcolumn p {
    font-size: 1.1rem;
  }
  .check-mobile__date {
    font-size: 1rem;
  }
}