/* CSS Document */

.currentIssue {
  background-color: var(--blue);
  margin-bottom: var(--padding);
}
.currentIssue .innerContent {
  padding: 0 var(--padding) var(--padding) var(--padding);
  border: dotted 1px white;
}
.currentIssue .innerContent .heading {
  margin-top: calc(var(--paddingNeg) * 0.5);
}
.currentIssue .innerContent .heading .text {
  color: black;
  border: none;
  background-color: white;
}
.currentIssue .innerContent .heading:before {
  display: none;
}
.currentIssue .innerContent .flex {
  justify-content: flex-start;
  align-items: flex-start;
  -webkit-column-gap: calc(var(--padding) * 1.5);
     -moz-column-gap: calc(var(--padding) * 1.5);
          column-gap: calc(var(--padding) * 1.5);
}
.currentIssue .innerContent .flex .img img {
  width: auto;
  height: clamp(210px, 30vw, 350px);
}
.currentIssue .innerContent .flex .theArticles {
  flex-grow: 1;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-width: 180px;
     -moz-column-width: 180px;
          column-width: 180px;
  -webkit-column-gap: var(--padding);
     -moz-column-gap: var(--padding);
          column-gap: var(--padding);
}
.currentIssue .innerContent .flex .theArticles article:nth-child(3) {
  -webkit-column-break-after: column;
     -moz-column-break-after: column;
          break-after: column;
}
.currentIssue .innerContent .flex .theArticles article.articleStack:after {
  border-bottom-color: white;
}
.currentIssue .innerContent .flex .theArticles .button {
  display: block;
  min-width: auto;
  width: 100%;
  max-width: 230px;
}
.currentIssue .innerContent .flex .theArticles .button:hover, .currentIssue .innerContent .flex .theArticles .button:active {
  background-color: var(--greyText);
}

.featured .flex {
  border: solid 1px black;
  align-items: stretch;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}
.featured .flex > * {
  display: block;
  width: 50%;
}
.featured .flex > *.img {
  display: block;
  min-height: clamp(200px, 43.9453125vw, 450px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.featured .flex > *.text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--padding);
}
.featured .flex > *.text .byLine {
  margin-bottom: 0;
}

/********* responsive *********/
@media (max-width: 900px) {
  body {
    padding-top: clamp(80px, 5vw + 45px, 136px);
  }
}
@media (max-width: 768px) {
  .featured .flex > * {
    width: auto;
  }
  .featured .flex > *.text {
    padding-top: 0;
  }

  .currentIssue .innerContent .flex .img img {
    margin: 0 auto;
  }
  .currentIssue .innerContent .flex .theArticles {
    -webkit-column-width: 310px;
       -moz-column-width: 310px;
            column-width: 310px;
  }
  .currentIssue .innerContent .flex .theArticles article:nth-child(3) {
    -webkit-column-break-after: auto;
       -moz-column-break-after: auto;
            break-after: auto;
  }
}
/********* end responsive *********/