.mainArticle {
  margin-bottom: 48px;
}
.mainArticle .sectionTitle {
  display: block;
  margin-bottom: 24px;
  color: #4F4F4F;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  text-decoration: none;
}
.mainArticle .sectionTitle:HOVER {
  text-decoration: underline;
}
.mainArticle h1.title {
  margin: 0 0 16px;
  font-weight: 800;
  font-size: 30px;
}
.mainArticle .authorNDate {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.mainArticle .authorNDate .author {
  font-size: 14px;
  font-weight: 500;
}
.mainArticle .authorNDate .author A {
  color: #212121;
  text-decoration: none;
}
.mainArticle .authorNDate .author A:HOVER {
  text-decoration: underline;
}
.mainArticle .authorNDate .date {
  font-weight: 500;
  font-size: 12px;
  color: #595959;
}
.mainArticle .content {
  color: black;
  font-size: 20px;
  line-height: 32px;
  max-height: 99999px;
}
.mainArticle .content .thumb {
  width: 100%;
  margin: 0 0 32px;
  padding: 0;
}
.mainArticle .content .thumb IMG {
  width: 100%;
}
.mainArticle .content P {
  margin: 0 0 16px;
}
.mainArticle .content P IFRAME {
  max-width: 100%;
  min-height: 400px;
  border: 0;
}
.mainArticle .content P IMG {
  max-width: 100%;
  height: auto !important;
}
.mainArticle .content .fotorama IMG {
  max-width: 100%;
  height: auto;
}
.mainArticle .content A {
  color: #E31F26;
}
.mainArticle .content A:HOVER {
  text-decoration: none;
}
.mainArticle .content A:VISITED {
  color: purple;
}
.mainArticle .content figure.image {
  display: table;
  margin: 0 0 16px;
}
.mainArticle .content figure.image IMG {
  max-width: 100%;
  height: auto;
}
.mainArticle .content figure.image figcaption {
  display: table-caption;
  padding-top: 8px;
  caption-side: bottom;
  text-align: center;
}
.mainArticle .content div[data-oembed-url] {
  clear: both;
}
.mainArticle .content .flickity-prev-next-button {
  width: 26px;
  height: 26px;
  background: white;
  font-size: 0;
  opacity: 1 !important;
}
.mainArticle .content .flickity-prev-next-button.previous {
  left: 8px;
}
.mainArticle .content .flickity-prev-next-button.next {
  right: 8px;
}
.mainArticle .content .flickity-prev-next-button .flickity-button-icon {
  top: 18%;
  left: 18%;
  width: 64%;
  height: 64%;
}
.mainArticle .content .flickity-button {
  opacity: 0.5;
  transition: opacity 0.3s ease-in-out;
}
.mainArticle .content .flickity-button:hover {
  opacity: 1;
}
.mainArticle .content .flickity-button:disabled {
  opacity: 0.3 !important;
}
.mainArticle .content TABLE {
  width: 100%;
  font-size: smaller;
}
.mainArticle .content TABLE TR:nth-of-type(odd) {
  background-color: #ececec;
}
.mainArticle .content TABLE TR TD {
  padding: 8px;
}
.mainArticle .content TABLE TR TD P {
  padding: 0;
  margin: 0;
}
.mainArticle .articleBottom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: min-content min-content;
  margin: 24px 0;
}
.mainArticle .articleBottom .authors {
  grid-column: 1/3;
  border-bottom: solid 1px #BDBDBD;
  margin-bottom: 8px;
}
.mainArticle .articleBottom .socials {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  gap: 8px;
}
.mainArticle .articleBottom .socials span {
  font-size: 14px;
}
.mainArticle .articleBottom .socials A {
  background: url(../i/icons.svg@03-03-2021) 0 0 no-repeat;
  display: block;
  height: 20px;
  width: 20px;
}
.mainArticle .articleBottom .socials A.fb {
  background-position: -84px -53px;
}
.mainArticle .articleBottom .socials A.tw {
  background-position: -104px -53px;
}
.mainArticle .articleBottom .socials A.wa {
  background-position: -64px -53px;
}
.mainArticle .articleBottom .socials A.tg {
  background-position: -124px -53px;
}
.mainArticle .articleBottom .socials A:HOVER.fb {
  background-position: -84px -73px;
}
.mainArticle .articleBottom .socials A:HOVER.tw {
  background-position: -104px -73px;
}
.mainArticle .articleBottom .socials A:HOVER.wa {
  background-position: -64px -73px;
}
.mainArticle .articleBottom .socials A:HOVER.tg {
  background-position: -124px -73px;
}
.mainArticle .articleBottom .views {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 8px;
  text-align: right;
  font-size: 14px;
  justify-self: flex-end;
}
.mainArticle .articleBottom .views I {
  display: block;
  width: 21px;
  height: 12px;
  background: url(../i/icons.svg@02-03-2021v2) -149px -53px no-repeat;
}

.fotorama {
  clear: both;
  margin-bottom: 32px;
}
.fotorama IMG {
  display: block;
  width: auto;
  /* set min-width, allow images to set cell width */
  min-width: 150px;
  max-width: 100%;
  max-height: 560px;
  margin-right: 16px;
  /* vertically center */
  top: 50%;
  transform: translateY(-50%);
}

.flickity-viewport {
  transition: height 0.5s;
}

@media (max-width: 599px) {
  .mainContainer .rightColumn {
    display: none;
  }
  .mainArticle .content figure.image {
    float: none;
  }
  .mainArticle .content figure.image IMG {
    width: 100%;
    height: auto;
  }
  .mainArticle .content P IFRAME {
    width: 100% !important;
  }
  .mainArticle .content P IMG {
    width: 100% !important;
    height: auto !important;
  }
}
@media (min-width: 600px) {
  .mainArticle .content {
    font-size: 18px;
    line-height: 30px;
  }
  .mainArticle .content .thumb {
    float: left;
    margin: 0 32px 32px 0;
    width: 60%;
  }
  .mainArticle .content figure.image {
    margin: 0 8px 16px;
  }
}