/* --- redo fonts --- */
body {
  font-family: kazimirtext, serif;
  /* font-family: azo-sans-web, sans-serif; */
}

/* --- elements with azo sans as headings --- */
h1,.h1,
.article-title h1,
.article-pull-quote,
.home-secondary-feature-title-inner h2,
.h2,.h3,.h4,h2,h3,h4,
.site-main-nav,.toggle-nav+label,
.btn,
.article-info,.caption-and-credit,
.flex-slide-caption,.flex-slideshow-caption,
.return-to-top, 
.container-author,
.list-archived-issue-details .description,.site-footer {
  font-family: azo-sans-web, sans-serif;
}

/* --- elements with azo sans as text --- */
/* .site-main-nav,.toggle-nav+label,
.btn,
.article-info,.caption-and-credit,
.flex-slide-caption,.flex-slideshow-caption,
.return-to-top, 
.container-author,
.list-archived-issue-details,.list-archived-issue-details .description,
.list-archived-issue-details .date strong.h4,
.site-footer,
.h4,h4,.h5,h5 {
  font-family: azo-sans-web, sans-serif;
} */

.h3, h3 {
  font-size: 28px;
}

.h4,h4,.h5,h5 {
  font-weight: bold;
}

/* --- elements with kazimir display --- */
/* h1,.h1,
.article-title h1,
.article-pull-quote,
.home-secondary-feature-title-inner h2,
.h2,h2,.h3,h3 {
  font-family: kazimir, serif;
  font-weight: 300;
} */

h1,.h1,
.article-title h1,
.article-pull-quote {
  font-weight: 700;
  letter-spacing: -0.025em;
  -moz-font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga";
}

/* --- home big feature --- */
.home-big-feature:not(.home-secondary-feature) .home-big-feature-inner::before {
  opacity: 0.5;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';

  /* all 4 sides */
  /* background:
    url('/_assets/img/MSFD-quilt-white-horiz-tiling.png') repeat-x top left,
    url('/_assets/img/MSFD-quilt-white-horiz-tiling-btm.png') repeat-x bottom right,
    url('/_assets/img/MSFD-quilt-white-horiz-tiling-left.png') repeat-y bottom left,
    url('/_assets/img/MSFD-quilt-white-horiz-tiling-right.png') repeat-y top right;
  background-size: 170px auto, 170px auto, 85px auto, 85px auto; */

  /* left and right sides */
  /* background:
    url('/_assets/img/MSFD-quilt-white-horiz-tiling-left.png') repeat-y bottom left,
    url('/_assets/img/MSFD-quilt-white-horiz-tiling-right.png') repeat-y top right;
  background-size: 85px auto, 85px auto; */

  /* right side only */
  /* background: url('/_assets/img/MSFD-quilt-white-horiz-tiling-right.png') repeat-y top right;
  background-size: 85px auto; */
}

/* --- article list / fieldnotes --- */
.container-home-secondary-features .fieldnotes-article,
.container-home-secondary-features .fieldnotes-article[style="*"] {
  display: none !important;
}
.article-label {
  background-color: #222;
  color: white;
  padding: 0.6rem 1rem 0.25rem;
  border-radius: 2px;
}

/* --- article single --- */
.article-title {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.article-title::before {
  opacity: 0.6;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';

  /* top and bottom */
  /* background:
    url('/_assets/img/MSFD-quilt-white-horiz-tiling.png') repeat-x top left,
    url('/_assets/img/MSFD-quilt-white-horiz-tiling-btm.png') repeat-x bottom right;
  background-size: 170px auto, 170px auto; */

  /* left and right sides */
  background:
    url('/_assets/img/MSFD-quilt-white-horiz-tiling-left.png') repeat-y bottom left,
    url('/_assets/img/MSFD-quilt-white-horiz-tiling-right.png') repeat-y top right;
  background-size: 85px auto, 85px auto;

  /* right side only */
  /* background: url('/_assets/img/MSFD-quilt-white-horiz-tiling-right.png') repeat-y top right;
  background-size: 85px auto; */
}
.article-title .inset {
  position: relative;
  z-index: 2;
}

@media (min-width: 1280px) {
  .article-title h1 {
      font-size: 48px;
  }
}

.article-sharing {
  padding: 4px 3px;
  border-radius: 5px;
}

.site-main-nav,.toggle-nav+label,
.article-info,
.return-to-top,
.h5,h5 {
  font-size: 13px;
}

.caption-and-credit,
.list-archived-issue-details .description {
  font-size: 16px;
}

.container-author {
  font-size: 85%;
}

@media (min-width: 992px) {
  .article-header > .container-fluid > .row {
    display: flex;
  }
  .article-header .article-header-image {
    background-color: rgba(0, 0, 0, 0.2);
  }
  .article-header .article-header-image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
  }
}

.article-info {
  margin-bottom: 2rem;
}

.article-byline {
  font-size: 90%;
}

.article-pull-quote {
  font-family: kazimirtext, serif;
  font-weight: 700;
  line-height: 1.25;
}

/* --- article list tweaks --- */
.home-big-feature-inner .img-responsive {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
}
.home-secondary-feature .home-big-feature-inner .img-secondary-feature {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  object-position: center;
}

/* --- buttons --- */
.btn {
  font-size: 15px;
  padding: 1.2rem 2rem 1rem;
}

/* --- site header --- */
.site-header {
  /* with quilt pattern */
  /* background: url('/_assets/img/MSFD-quilt-3-horiz-tiling.png') repeat-x top left, url('/_assets/img/MSFD-quilt-3-horiz-tiling-btm.png') repeat-x bottom right;
  background-size: 76px auto, 76px auto;
  padding-top: 2em;
  padding-bottom: 2em; */

  /* without quilt pattern */
  padding-top: 1em;
  padding-bottom: 1em;
}
@media (min-width: 992px) {
  .site-header > .container-fluid > .row {
    display: flex;
    align-items: center;
  }
}
.site-header.has-quilt-pattern {
  background: url('/_assets/img/MSFD-quilt-black-horiz-tiling.png') repeat-x top left;
  background-size: 170px auto;
  padding-top: 4.5em;
}

/* --- site footer --- */
.site-footer {
  background: url('/_assets/img/MSFD-quilt-black-horiz-tiling-btm.png') repeat-x bottom right;
  background-size: 170px auto;
  padding-bottom: 12rem;
}