* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 62.5%;
  }
  
html {
    scroll-behavior: smooth;
  }

header {
    width:96vw;
    max-width:84rem;
    margin:auto;
    padding:2.4rem 0;
    border-bottom: 0.2rem solid #2b2b2b;
}

header img {
    display:block;
    margin: auto;
    width:93.8vw;
    max-width: 82.1rem;
}

header ul {
  margin: 1.2rem auto 0;
  width:93.8vw;
  max-width: 82.1rem;
  display: flex;
  align-items: center;
  vertical-align: center;
}

header li {
  display:inline;
  color:#2b2b2b;
  font-size:1.6rem;
  font-family: "scotch-modern-micro", sans-serif;
  font-weight: 700;
  font-style: normal;
}

header li:last-child {
  margin: 0 0.2rem 0 auto;
}

body {
    background-color: #f7f3f3;
    margin:auto;
    overflow-x:hidden;
  }

  nav {
    width:100%;
    background-color: #ffffff;
    margin:auto;
    padding:1.6rem 0;
    position:sticky;
    top:0;
    z-index: 9;
    border-bottom: 0.2rem solid #a0a0a0;
    opacity: 96%;
    backdrop-filter: blur(8px);
  }

  .postNavContainer {
    display:flex;
    width:84vw;
    max-width:100rem;
    margin:auto;
  }

  .communityPostContainer {
    margin-top:6.4rem;
    display:grid;
    grid-template-columns: 1fr 1fr;
    column-gap:8rem;
    row-gap: 6.4rem;
    padding-bottom:6.4rem;
    border-bottom: 0.1rem solid #cecece;
  }

  .issuePostContainer {
    margin:auto;
    margin-top:6.4rem;
    display:flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    column-gap:8rem;
    row-gap: 6.4rem;
    padding-bottom:6.4rem;
    border-bottom: 0.1rem solid #cecece;
  }


.issueHead a {
  margin: auto;
  margin-top:0.8rem;
  text-align: center;
  display: block;
  width:fit-content;
  font-size: 1.6rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  color:#6e0000;
}

.issueHead a:hover {
  text-decoration: none;
}

  .communityPost h3 a {
    color:#000;
    font-size:2.4rem;
    font-family: "scotch-modern-micro", sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-top:0.4rem;
  }

  .communityPost h4 {
    color:#2b2b2b;
    font-family: "proxima-nova", sans-serif;
    text-align:left;
    font-weight: 400;
    font-size:1.6rem;
  }

  .communityPost p {
      color:#000;
      font-size:1.8rem;
      line-height:1.5;
      margin-top:0.8rem;
      font-family: "proxima-nova", sans-serif;
      font-weight: 400;
      font-style: normal;
      text-align:justify;
      text-justify:inter-word;
      max-height:16rem;
      overflow: hidden;
      mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
  }

  .communityPost p a {
    color:#6e0000;
    font-size:1.8rem;
    line-height:1.5;
    margin-top:0.8rem;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align:justify;
    text-justify:inter-word;
}

.communityPost p a:hover {
  color:#2e0000;
  font-size:1.8rem;
  line-height:1.5;
  margin-top:0.8rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align:justify;
  text-justify:inter-word;
  text-decoration: none;
}

  .communityBody {
    margin:auto;
    width:84vw;
    max-width:100rem;
    margin-top:3.2rem;
  }

  .communityBody h2 {
    color:#000;
    font-size:4.2rem;
    margin:auto;
    margin-top:0.8rem;
    max-width: 100rem;
    font-family: "scotch-modern-micro", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: left;
  }

  nav ul {
    margin: auto;
    width:93.8vw;
    max-width: 82.1rem;
    display: flex;
    align-items: center;
    vertical-align: center;
  }

  nav li {
    display:inline;
    color:#2b2b2b;
    font-size:1.6rem;
    margin: 0 1.6rem;
    font-family: "proxima-nova", sans-serif;
    font-weight: 500;
    font-style: normal;
  }

  nav li:first-child {
    margin-left: 0.8rem;
    margin-right: 1.6rem;
  }

nav li:last-child {
    margin: 0 0.8rem 0 auto;
  }

.postNavContainer ul li:last-child {
    margin: 0 0.8rem 0 0;
  }

.postNavContainer ul li:first-child {
  margin-left: auto;
  margin-right: 1.6rem;
}

  .navImg {
    width:60vw;
    display:none;
  }

  .postNav {
    background-color: #fff;
  }

  .postNavImg {
    width:25vw;
    max-width: 30rem;
    min-width: 20rem;
  }

  .supportButton {
    background-color: #6e0000;
    border-radius: 0.4rem;
    color:#fff;
    padding:0.8rem 1.6rem;
    font-weight:700;
    text-decoration: none;
    font-size:1.6rem;
    font-family: "proxima-nova", sans-serif;
    transition: all ease-in-out 0.2s;
  }
  
  .supportButton:hover {
    background-color: #2e0000;
    transition: all ease-in-out 0.2s;
  }

.siteBuyContainer {
  margin:auto;
  text-align: center;
  margin-top:1.6rem;
}

  .siteBuyButton {
    background-color: #6e0000;
    border-radius: 0.4rem;
    color:#fff;
    padding:0.8rem 1.6rem;
    margin:auto;
    font-weight:700;
    text-align:center;
    text-decoration: none;
    font-size:1.6rem;
    font-family: "proxima-nova", sans-serif;
    transition: all ease-in-out 0.2s;
  }
  
  .siteBuyButton:hover {
    background-color: #2e0000;
    transition: all ease-in-out 0.2s;
  }

  .navLink {
    color:#2b2b2b;
    font-size:1.6rem;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    display:block;
    border-bottom: 3px solid transparent;
    padding:0.8rem 0;
  }

  .navLink:hover {
    border-bottom: 3px solid red;
  }

  .menuIcon {
    width:2.4rem;
    height:2.4rem;
    stroke:#2b2b2b;
  }

  .menuIcon:hover {
    color:#ad0000;
  }

  .menuLi {
    display:none;
  }

  .searchLink {
    color:#2b2b2b;
  }

  .pageContent {
    display:flex;
    margin: auto;
    margin-top:2.4rem;
    width:96vw;
    max-width: 84rem;
    padding-bottom: 4.8rem;
    border-bottom: 0.1rem solid #cecece;
  }

  .leadImageContainer {
    width:50rem;
    height:30rem;
    overflow:hidden;
    margin-bottom:1.2rem;
  }

  .leadImg {
    width:50rem;
    height:30rem;
    transition: all 1s ease-in-out;
  }

  .leadStory {
    max-width:50rem;
  }

  .leadStory h2 {
    color:#000;
    font-size:2.4rem;
    margin-top:1.2rem;
    font-family: "scotch-modern-micro", sans-serif;
    font-weight: 700;
    font-style: normal;
  }

  .leadStory h2 a {
    color:#000;
    font-size:2.4rem;
    margin-top:1.2rem;
    font-family: "scotch-modern-micro", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
  }

  .leadStory p {
    color:#000;
    font-size:1.8rem;
    line-height:1.5;
    margin-top:1.6rem;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align:justify;
    text-justify:inter-word;
  }

  .communityBody p {
    color:#000;
    font-size:1.8rem;
    line-height:1.5;
    margin-top:1.6rem;
    font-family: "proxima-nova", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align:justify;
    text-justify:inter-word;
  }

  .communityBody p a {
    color:#6e0000;
    font-size:1.8rem;
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-decoration: underline;
  }

  .communityBody p a:hover {
    text-decoration: none;
  }

  .readMore {
    color:#fff;
    font-weight: 700;
    font-size:1.6rem;
    background-color: #6e0000;
    text-decoration:none;
    padding:0.6rem 1.2rem;
    display:inline-block;
    transition: all ease-in-out 0.2s;
  }
  
  .readMore:hover {
    background-color: #2e0000;
    transition: all ease-in-out 0.2s;
  }

  .sidebar {
    border-left: 0.1rem solid #cecece;
    margin-left:2.4rem;
    padding-left: 2.4rem;
    display:flex;
    flex-direction: column;
  }

  .sidebarItem {
    display:flex;
    padding-bottom: 2.4rem;
    border-bottom: 0.1rem solid #cecece;
    padding-top: 2.4rem;
  }

  .sidebarItem3 {
    border-bottom: none;
  }

  .sidebarHeadline {
    max-width: 22rem;
    margin-left: 1.2rem;
  }

h3{
    color:#000;
    font-size:1.4rem;
    font-family: "scotch-modern-micro", sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-top:0.4rem;
  }

  h3 a{
    color:#000;
    font-size:1.4rem;
    font-family: "scotch-modern-micro", sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-top:0.4rem;
    text-decoration: none;
  }

.sidebarImage {
  width:8rem;
  height:8rem;
}

.sidebarImage img {
  width:8rem;
  height:8rem;
  transition: all 0.4s ease-in-out;
}

.tag {
  margin-top:0.2rem;
  color:#fff;
  font-size:1.2rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-decoration: none;
  padding: 0.2rem 0.8rem;
  display:inline-block;
  margin-right:0.4rem;
  }

  .history {
    background-color: purple;
  }

  .travel {
    background-color: rgb(165, 44, 0);
  }

  .localFigure {
    background-color: rgb(19, 3, 94);
  }

  .business {
    background-color: rgb(163, 147, 2);
  }

  .podcast {
    background-color: blue;
  }

  .sports {
    background-color: green;
  }

  .media, .indiana {
    background-color: rgb(51, 45, 27);
  }

  h4{
    color:#000;
    font-size:1.9rem;
    font-family: "scotch-modern-micro", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align:center;
  }

  h2 a:hover, h3 a:hover, h4 a:hover {
    color:rgb(154, 0, 0);
  }

  h4 a{
    color:#000;
    font-size:1.9rem;
    font-family: "scotch-modern-micro", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align:center;
    text-decoration: none;
  }

  .sidebarSite {
    margin-top:0;
    padding-bottom: 2.4rem;
    border-bottom: 0.1rem solid #cecece;
  }

  .siteImageContainer {
    width: 25rem;
    height: 17.3rem;
    margin:auto;
    margin-top:0.8rem;
    overflow:hidden;
  }

  .sidebarSiteImage {
    width:25rem;
    height:17.3rem;
    margin:auto;
    display:block;
    transition: all 1s ease-in-out;
  }

  .belowTheFold {
    display:flex;
    margin: auto;
    margin-top:4.8rem;
    width:96vw;
    max-width: 84rem;
    padding-bottom: 4.8rem;
    border-bottom: 0.1rem solid #cecece;
  }

  .belowArticle {
    max-width:37.5rem;
  }

  .below1 {
    margin-right:auto;
  }

  .below2 {
    margin-left:auto;
  }

  .lowerImageContainer {
    width:37.5rem;
    height:21rem;
    margin-bottom:1.2rem;
    overflow:hidden;
  }

  .belowArticle img {
    width:37.5rem;
    height:21rem;
    transition: all 1s ease-in-out;
  }

  .subscribeBanner {
    width:96vw;
    max-width: 84rem;
    margin:auto;
    padding-top:2.4rem;
    padding-bottom:2.4rem;
    border-bottom: 0.1rem solid #cecece;
  }

  .postSubscribeBanner {
    width:90vw;
    max-width: 60rem;
    margin:auto;
    padding-top:2.4rem;
    padding-bottom:2.4rem;
    margin-bottom:4.8rem;
    border-bottom: 0.1rem solid #cecece;
  }

  .communitySubscribeBanner {
    width:84vw;
    max-width: 100rem;
    margin:auto;
    padding-top:2.4rem;
    padding-bottom:2.4rem;
    border-bottom: 0.1rem solid #cecece;
  }

  .subscribeBanner h2 {
    color:#000;
    font-size:2.4rem;
    font-family: "scotch-modern-micro", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align:center;
  }

  .subscribeBanner h2, .postSubscribeBanner h2, .communitySubscribeBanner h2 {
    color:#000;
    font-size:2rem;
    font-family: "scotch-modern-micro", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align:center;
  }

  .subscribeBanner p, .postSubscribeBanner p, .communitySubscribeBanner p {
    color:#000;
    font-size:1.6rem;
    line-height:1.5;
    margin-top:0.8rem;
    font-family: "proxima-nova", sans-serif;
    font-weight: 500;
    font-style: normal;
    text-align:center;
  }

  .subscribeField {
    margin:auto;
    margin-top:2.4rem;
    width:fit-content;
    display:flex;
    flex-wrap:wrap;
    row-gap: 2.4rem;
    column-gap:2.4rem;
    text-align: center;
  }

  .submit {
    color:#fff;
    font-weight: 700;
    font-size:1.6rem;
    background-color: #6e0000;
    text-decoration:none;
    height:3.2rem;
    margin:auto;
    margin-top:1.2rem;
    padding: 0 1.6rem 0 1.6rem;
    border: none;
    border-radius: 0.2rem;
    transition: all ease-in-out 0.2s;
    width:15rem;
    display:block;
  }

  .submit:hover {
    cursor:pointer;
    background-color: #2e0000;
    transition: all ease-in-out 0.2s;
  }

  .contactSubmit {
    color:#fff;
    font-weight: 700;
    font-size:1.6rem;
    background-color: #6e0000;
    text-decoration:none;
    height:3.6rem;
    margin-top:2.4rem;
    padding: 0 1.6rem 0 1.6rem;
    border: none;
    border-radius: 0.2rem;
    transition: all ease-in-out 0.2s;
    width:90vw;
    max-width:50rem;
  }

  .contactSubmit:hover {
    cursor:pointer;
    background-color: #2e0000;
    transition: all ease-in-out 0.2s;
  }

  .email {
    height:3.2rem;
    font-size:1.6rem;
    padding:0.4rem;
  }

  .contactForm {
    margin:auto;
    text-align: center;
  }

  .contactField {
    min-height:3.2rem;
    font-size:1.6rem;
    padding:0.8rem;
    margin:auto;
    margin-top:3.6rem;
    width:90vw;
    max-width:50rem;
  }

  .textField {
    min-height:12rem;
    font-size:1.6rem;
    padding:0.8rem;
    margin-top:3.6rem;
    width:90vw;
    max-width:50rem;
    font-family: "proxima-nova", sans-serif;
  }

  option:first {
    color:#505050;
  }

.lowerBlock {
  width:96vw;
  max-width: 84rem;
  margin:auto;
  padding-top:2.4rem;
  padding-bottom:2.4rem;
  border-bottom: 0.1rem solid #cecece;
}

.communityLowerBlock {
  width:84vw;
  max-width:100rem;
  margin:auto;
  padding-top:2.4rem;
  padding-bottom:2.4rem;
  border-bottom: 0.1rem solid #cecece;
}

.lowerLogo {
  width:51.4vw;
  max-width:45rem;
  display:block;
  margin:auto;
}

.otherIssues {
  margin:auto;
  display:flex;
  justify-content: space-between;
}

.otherIssues a {
  color:#000;
  font-weight: 700;
  font-size:1.6rem;
  text-decoration:none;
  display:inline-block;
  width:16rem;
  text-align:center;
}

.otherIssues a p {
  color:#000;
  font-weight: 700;
  font-size:1.6rem;
  text-decoration:none;
  padding:0.6rem 1.2rem;
  border:#000 solid 0.2rem;
  transition:all ease-in-out 0.4s;
}

.hidden {
  display:none;
}

.otherIssues a:hover {
  background-color:#dfdfdf;
  transition:all ease-in-out 0.4s;
}

.copyrightBlock {
  padding-top:2.4rem;
}

.copyrightBlock p, .copyYear {
  color:#000;
  font-size:1.2rem;
  line-height:1.5;
  margin-top:0.2rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-align:center;
}

.copyrightBlock a {
  color:#000;
  font-size:1.2rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  text-decoration: none;
}

.mobileMenu {
  width:96vw;
  height:100vh;
  background-color: #fff;
  opacity: 96%;
  backdrop-filter: blur(8px);
  position:fixed;
  z-index: 10;
}

.mobileMenu ul {
  margin:auto;
  display:flex;
  flex-direction: column;
}

.mobileMenu li {
  display:inline;
  color:#2b2b2b;
  font-size:3.2rem;
  font-family: "scotch-modern-micro", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin:auto;
  text-align: center;
  border-bottom: 0.1rem solid #cecece;
  padding-top:0.8rem;
  padding-bottom:1.6rem;
  width:75vw;
}

.mobileMenu li:last-child {
  border-bottom:none;
}

.mobileMenu li a {
  color:#000;
  text-decoration: none;
}

.mobileMenu li a:hover {
  color:#ad0000;
  text-decoration: none;
}

.hidden {
  display:none !important;
}

.tipLevels {
  display:flex;
  flex-direction: row;
  margin:auto;
  margin-top:1.6rem;
  margin-bottom:2.4rem;
}

.tipLevels li {
  color:#2b2b2b;
  font-size:2.4rem;
  font-family: "scotch-modern-micro", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  padding-top:0.8rem;
  padding-bottom:0.8rem;
  width:12rem;
  display:inline;
 
}

.tipLevels a {
  color:#2b2b2b;
  font-size:2.4rem;
  font-family: "scotch-modern-micro", sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: #fff;
  text-align: center;
  padding-top:0.8rem;
  padding-bottom:0.8rem;
  width:12rem;
  display:block;
  border: 0.1rem solid #919191;
  text-decoration: none;
}

.tipLevels a:hover {
  background-color: #80ff86;
}

.tipLevels a:first-child {
  margin-left:auto;
}

.tipLevels a:last-child {
  margin-right:auto;
}

.tipLevels li:first-child {
  margin-left:auto;
}

.tipLevels li:last-child {
  margin-right:auto;
}

.postBody {
  margin:auto;
  width:90vw;
  max-width:60rem;
  margin-top:3.2rem;
  border-bottom: 0.1rem solid #cecece;
  padding-bottom:3.6rem;
}

.postBody h1 {
  color:#000;
  font-size:3.6rem;
  margin:auto;
  margin-top:0.8rem;
  max-width: 60rem;
  font-family: "scotch-modern-micro", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: left;
}
.postBody h2 {
  color:#1e1e1e;
  font-size:2.4rem;
  margin-top:1.6rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-align: left;
}

.postBody p {
  color:#000;
  width:90vw;
  max-width: 60rem;
  margin:auto;
  font-size:1.8rem;
  line-height:1.5;
  margin-top:1.6rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align:justify;
  text-justify:inter-word;
}

.postBody ul {
  padding-inline-start: 4rem;
}


.postBody li {
  color:#000;
  width:90vw;
  max-width: 50rem;
  font-size:1.8rem;
  line-height:1.5;
  margin-top:1.6rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align:justify;
  text-justify:inter-word;
}

.postBody li strong {
  color:#000;
  width:90vw;
  max-width: 60rem;
  margin:auto;
  font-size:1.8rem;
  line-height:1.5;
  margin-top:1.6rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align:justify;
  text-justify:inter-word;
}

.postBody p strong {
  color:#000;
  width:90vw;
  max-width: 60rem;
  margin:auto;
  font-size:1.8rem;
  line-height:1.5;
  margin-top:1.6rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align:justify;
  text-justify:inter-word;
}

.postBody p u {
  color:#000;
  width:90vw;
  max-width: 60rem;
  margin:auto;
  font-size:1.8rem;
  line-height:1.5;
  margin-top:1.6rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align:justify;
  text-justify:inter-word;
  text-decoration: underline;
}


.postBody .firstP {
  margin-top: 4.8rem;
}

.postBody p a {
  color:#ad0000;
  font-size:1.8rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}

.postBody p a:hover {
  text-decoration: none;
}

.postImage {
  width:90vw;
  max-width:60rem;
  margin:auto;
  display:block;
  text-align:center;
  margin-top:2.4rem;
}

.podcastImage {
  width:90vw;
  max-width:60rem;
  margin:auto;
  display:block;
  text-align:center;
  margin-top:2.4rem;
}

.smallPostImage {
  width:40vw;
  max-width:30rem;
  margin:auto;
  display:block;
  text-align:center;
  margin-top:4.8rem;
}

.attributeBlock {
  display:flex;
  justify-content: space-between;
}

h5  {
  color:#3e3e3e;
  font-size:1.6rem;
  margin-top:2.4rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-align: left;
}

h5 a {
  color:#ad0000;
  font-size:1.6rem;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-decoration: underline;
}

h5 a:hover {
  text-decoration: none;
}

.caption {
  color:#505050;
  margin:auto;
  width: 90vw;
  max-width: 60rem;
  font-family: "proxima-nova", sans-serif;
  text-align:left;
  line-height:1.5;
  margin-top: 1.2rem;
  margin-bottom:1.2rem;
  font-size:1.8rem;
  padding-left:1.2rem;
  display: block;
  border-left: 0.1rem solid #acacac;
}

.caption i {
  color:#505050;
  font-family: "proxima-nova", sans-serif;
  font-size:1.8rem;
}

i {
  font-size: inherit;
}

.authorBio {
  margin-top:4.8rem;
  display:flex;
  gap: 2.4rem;
  align-items: self-end;
}

.authorPageBio {
  margin-top:3.2rem;
  display:flex;
  align-items: center;
  gap:2.4rem;
}

.authorPagePhoto {
  width:16rem;
}

.authorPhoto {
  width:10rem;
}

.authorPageBioText {
  font-style:italic;
  font-family: "proxima-nova", sans-serif;
  font-size:1.8rem;
  display: block;
  text-align: justify;
  line-height:1.4;
  max-width:70rem;
}

.authorPageBioText strong {
  font-style:italic;
  font-family: "proxima-nova", sans-serif;
  font-size:1.8rem;
  font-weight: 700;
  text-align: justify;
  line-height:1.4;
  max-width:60rem;
}

.authorPageBioText a {
  font-style:italic;
  font-family: "proxima-nova", sans-serif;
  font-size:1.8rem;
  text-align: justify;
  line-height:1.4;
  font-weight: 700;
  color:#ad0000;
}

.authorPageBioText a:hover {
  text-decoration: none;
}

.italic {
  font-style:italic;
  font-family: "proxima-nova", sans-serif;
  font-size:1.8rem;
  display: block;
  text-align: justify;
  margin:auto;
  width:90vw;
  max-width:60rem;
  line-height:1.4;
}

.italic a, .caption a {
  color:#505050;
  font-style:italic;
  font-size:1.8rem;
  font-weight: 500;
}

.italic a:hover, .caption a:hover {
  text-decoration: none;
}

.spacer {
  height:1.2rem;
  border-bottom: 0.1rem solid #cecece;
  margin-top:2.4rem;
  margin-bottom:2.4rem;
}

.postBody p i {
  font-style:italic;
  font-size:1.8rem;
  line-height:1.5;
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
}

.postBody p b {
  font-size:1.6rem;
  line-height:1.5;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
}

.postBody .sidebarSite .siteBuyContainer {
  margin-bottom:2.4rem;
}

.audioPlayer {
  width:90vw;
  max-width:60rem;
  margin:auto;
  display:block;
  margin-top:0;
  background-color: #2b2b2b;
  padding:1.2rem;
}

.issueImage {
  display: block;
  width:25rem;
  height:50rem;
  border: 3px solid #000;
}

@media (max-width:900px) {
  .leadImg, .leadImageContainer {
    width:50vw;
    height:32.5vw;
  }
  .leadStory {
    width:50vw;
  }
  .lowerImageContainer, .lowerImageContainer img {
    width: 43vw;
    height: 24.5vw;
  }
  .belowArticle .leadStory {
    width:43vw;
  }
  .postNavImgLi {
    display:none;
  }
  .postNavContainer ul .navImgLi, .postNavContainer ul .navImgLi .navImg{
    display:block;
  }
  .postNavContainer ul .navLi {
    display:none;
  }
  .postNavContainer ul .menuLi {
    display: block;
    margin-left:auto;
  }
  .menuLi:hover {
    cursor:pointer;
  }
  .closeLi {
    margin-left:auto;
  }
  .closeLi:hover {
    cursor:pointer;
  }
  .postNavContainer {
    width:93.8vw;
    max-width: 82.1rem;
  }
  .communityBody h2 {
    font-size: 3.2rem;
  }
  .lowerLogo {
    display: none;
  }
  .communityPostContainer {
    grid-template-columns: 1fr;
  }
}

@media (max-width:750px) {
  header {
    padding:1.6rem 0;
    width:90vw;
    margin:auto;
  }
  header ul, header img {
    width:90vw;
    margin:auto;
  }
  .pageContent {
    flex-direction:column;
    margin:auto;
    margin-top:1.2rem;
    width:90vw;
    padding-bottom:0.8rem;
  }
  .leadStory {
    width:90vw;
    max-width:200rem;
  }
  .leadImg, .leadImageContainer {
    width:90vw;
    height:58.5vw;
    margin:auto;
    margin-bottom:1.6rem;
  }
  .sidebar {
    border-left: none;
    border-top: 0.1rem solid #cecece;
    margin:auto;
    margin-top:2.4rem;
    padding-top:1.2rem;
    padding-left: 0;
    width:90vw;
  }
  .belowTheFold {
    flex-direction:column;
    margin:auto;
    margin-top:2.4rem;
    width:90vw;
  }
  .subscribeBanner {
    width:90vw;
  }
  .subscribeBanner h2 {
    font-size:2.0rem;
  }
  .sidebarItem {
    margin:auto;
    width:90vw;
  }
  .lowerImageContainer, .lowerImageContainer img {
    width: 90vw;
    height: 50.4vw;
  }
  .belowArticle .leadStory {
    width:90vw;
  }
  .below2 {
    margin:3.2rem 0 0 0;
  }
  .lowerBlock {
    width:90vw;
  }
  .otherIssues img {
    display:none;
  }
  .previousIssue {
    margin-right:auto;
  }
  .nextIssue {
    margin-left:auto;
  }
  .leadStory p, .communityPost h4, .communityBody p, .communityBody p a, .postBody p, .postBody p a, .postBody u, .caption i, .postBody p strong, .caption, .caption a, .italic, .italic a, .postBody p i, .authorPageBioText, .authorPageBioText strong, .authorPageBioText a {
    font-size:1.6rem;
  }
  .postBody h2 {
    font-size:2.8rem;
  }
  .postBody h3 {
    font-size: 2.0rem;
  }
  .postBody h5, .postBody h5 a {
    font-size:1.4rem;
  }
}

@media (max-width:625px) {
  .authorPageBio {
    flex-direction: column;
  }
  .authorPagePhoto {
    width:fit-content;
  }
}

@media (max-width:550px) {
  .navLink {
    display:none;
  }
  .searchLink {
    display:none;
  }
  .supportButton {
    display:none;
  }
  .headerImg {
    display:none;
  }
  .navImg {
    display:block;
    margin:auto;
  }
  .lowerBlock {
    width:90vw;
  }
  nav li:last-child, nav li:first-child, nav li {
    margin:auto;
    padding:auto;
  }
  nav {
    margin:auto;
  }
  .navLi {
    display:none;
  }
  .navImgLi {
    margin-left:3vw;
    margin-right:auto;
  }
  .menuLi {
    display:block;
    margin-right:3vw;
    margin-left:auto;
  }
  .menuLi:hover {
    cursor:pointer;
  }
  .closeLi {
    margin-right:3vw;
    margin-left:auto;
  }
  .closeLi:hover {
    cursor:pointer;
  }
  .subscribeBanner p {
    font-size:1.2rem;
  }
  .postBody h2 {
    font-size:2.8rem;
  }
  .postSubscribeBanner h2 {
    font-size:1.8rem;
  }
  .postSubscribeBanner p {
    font-size:1.2rem;
  }
  .postHeader {
    display:none;
  }
  .postNavImgLi {
    display:none;
  }
}

.searchModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
}

.searchModalOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
}

.searchModalContent {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 90vw;
    max-width: 60rem;
    background-color: #f7f3f3;
    padding: 2.4rem;
    z-index: 21;
    border-radius: 0.4rem;
}