/* hello, world! */

/* uncomment this to make sure you've successfully installed the plug in
body {
background-color: papayawhip;
} */

/* tweaks for end of article recirculation widgets, formerly housed in the widget area */
.widget.below-content {
  /* forces subhead font to be serif instead of sans serif */
  font-family: var(--newspack-theme-font-body);
}

.widget.below-content div.entry-wrapper {
  /* adds more margin below each box */
  margin-bottom: 1em; 
}

/* pasted in from Music front (bottom custom html block) 12/18/24 */

.section-front {

  #evvnt-calendar-widget {
    margin-bottom: 5em;
  }

  h1.category-head {
    margin-bottom: 0px !important;
    font-size: 2.5em !important;
  }

  h3.section-head {
    font-size: 1.6em !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

  h3.fixtures-box {
    margin-bottom: 0px !important;
  }

  div.newspack-post-subtitle {
    text-wrap: pretty;
  }

  p.category-subhead {
    margin-top: 0 !important;
    padding-top: 0 !important;
    text-wrap: pretty;
  }

  div.everything article.tag-reader-recommended h2:before {
    content: 'R ';
    display: inline;
    font-family: 'reader';
    color: #facc05;
    font-weight: normal;
  }

  div.lead-story img {
    width: 85% !important;
    margin-bottom: .75em;
    border-radius: 4px;
    border: 1px solid #D4D4D4;
  }

  div.fixtures-box, 
  div.thisweek, 
  div.everything {
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  div.everything img,
  div.lead-secondary img {
    width: 70% !important;
    border-radius: 4px;
    border: 1px solid #D4D4D4;
  }

  div.everything div.ad img {
    width: 100% !important;
  }

  div.ad-block {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }

  div.fixtures-box {
    margin-top: 1.5em !important;
    margin-bottom: 3em !important;
    border: 2px solid #FFD210;
    border-radius: 1.5rem;
    padding: 30px;
  }

  div.fixtures-box h3 {
    display: none;
  }

  div.fixtures-box div.fixture-cols {
    gap: 10px;
  }

  div.fixtures-box p a,
  p.more a {
    text-decoration: underline !important;
    font-family: var(--newspack-theme-font-heading);
  }

  div.fixtures-box h4 a:hover,
  h2.more a:hover {
    color: #737373;
  }

  div.fixtures-box div.fixture-cols {
    margin-bottom: 0;
  }

  div.fixtures-box div.fixture-leftcol {
    margin-bottom: 1em;
  }

  div.fixtures-box div.fixture-leftcol figure {
    margin-bottom: 0px;
  }

  div.fixtures-box div.fixture-leftcol img, 
  div.fixtures-box div.column-graphic img {
    width: 60% !important;
    margin-left: auto;
    margin-right: auto;
  }

  div.fixtures-box div.fixture-leftcol p {
    margin-top: .5em;
    text-wrap: pretty;
  }

  div.lead-secondary {
    margin-top: 3em !important;
  }

  div.lead-secondary img {
    margin-bottom: .5em;
  }

  div.everything .wpnbha.is-grid article,
  div.section-signup {
    margin-bottom: 2.5em;
  }

  h2 a:hover {
    text-decoration: underline !important;
  }

  div.lead-stories div.cat-links,
  div.everything div.cat-links {
    color: #00AEEF;
  }

  div.feed-oneup {
    margin-bottom: 2.5em;
  }

  @media (min-width: 767px) {

    div.thisweek, 
    div.fixtures-box {
      width: 70%;
    }

    div.everything {
      width: 82%;
    }

    div.fixture-rightcol img {
      width: 70% !important;
    }

    div.triple-fixture {
      padding: 2em;
    }

    div.fixture-rightcol img,
    div.triple-fixture article figure img {
      border-radius: 4px;
      border: 1px solid #D4D4D4;
    }

    h1.category-head {
      font-size: 3em !important;
    }

    h3.section-head {
      font-size: 1.85em !important;
    }

    div.fixtures-box div.fixture-leftcol img {
      width: 100% !important;
    }

    div.fixtures-box h2 {
      margin-bottom: 0px !important;
    }

    div.fixtures-box p.subhead {
      margin-top: 0;
      text-wrap: pretty;
    }
  }

  /* listings box CSS */

  .thisweek_mainblock h2.block_title {
    background-color: #FFD210;
    color: black;
    text-transform: uppercase;
    font-size: .75em;
    padding: .5em;
    border-radius: 4px;
    margin-bottom: 1em;
  }

  .thisweek_mainblock .thisweek_block {
    margin-top: 1em;
  }

  .thisweek_mainblock .wpnbha article {
    margin-bottom: .6em;
  }

  .thisweek_block {
    padding-left: 1em;
  }

  .thisweek_mainblock .thisweek_block {
    padding-left: 23px;
    padding-right: 0px;
  }

  /* positions the anchor over the excerpt, and hides the text inside */
  .thisweek_block article .entry-wrapper a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    color: transparent;
  }

  .thisweek_block article .entry-wrapper p {
    font-family: "Poppins","Helvetica","sans-serif";
    font-size: 20px !important;
    line-height: 1.2em;
    text-wrap: pretty;
  }

  .thisweek_block article .entry-wrapper:hover {
    text-decoration: underline;
  }

  .thisweek_block article.tag-reader-recommended::before {
    content: 'R ';
    display: inline;
    font-family: 'reader';
    color: #facc05;
    font-weight: normal;
    margin-left: -23px;
    margin-top: -2px;
    position: absolute;
  }

  .thisweek_block h2.promo-line a strong {
    text-weight: 900 !important;
    color: #00AEEF !important;
    text-decoration: underline !important;
  }

  .thisweek_block h2.promo-line a:hover,
  .thisweek_block h2.promo-line a:hover strong {
    color: black !important;
  }

  .thisweek_block .promo-line i {
    font-style: italic !important;
  }

  /* special cases for individual fronts */

  &.news {
    /* hide overlines: News & Politics */
    .cat-links a[href$="/category/news/"] {
      display:none;
    }
  }

  &.city-life {
    /* hide overlines: City Life, Feature */
    .cat-links a[href$="/category/city-life/"],
    .cat-links a[href$="/category/city-life/feature-city-life/"] {
      display:none;
    }
  }

  &.music {
    /* hide overline: Music, concert preview */
    .cat-links a[href$="/category/music/concert-preview/"], 
    .cat-links a[href$="/category/music/"] {
      display: none;
    }

  }

  &.visual-arts {
    /* hide overlines: Arts & Culture, Visual Arts & Culture, Art Feature */
    .cat-links a[href$="/category/arts-culture/"], 
    .cat-links a[href$="/category/visual-arts/"], 
    .cat-links a[href$="/category/visual-arts/art-feature/"]{
      display:none;
    }
  }

  &.performing-arts {
    /* hide overlines: Theater Review */
    .cat-links a[href$="/category/performing-arts/theater/theater-review/"] {
      display:none;
    }
  }

  &.books {
    /* hide overlines: Arts & Culture, Book Review */
    .cat-links a[href$="/category/arts-culture/"], 
    .cat-links a[href$="/category/books/book-review/"]{
      display:none;
    }
    /* hide the sponsor label on poetry corner */
    div.fixtures-box div.sponsor-label {
      display: none !important;
    }
    /* hide the R in the feed because all book reviews are recommended */
    div.everything article.tag-reader-recommended h2:before {
      content: '';
    }
  }

  &.film-tv {
    /* hide overlines: Movie Review */
    .cat-links a[href$="/category/film-tv/movie-review/"] {
      display:none;
    }
  }

  &.food {
    /* hide overlines: Food & Drink */
    .cat-links a[href$="/category/food/"] {
      display:none;
    }
    /* round the special foodball box */
    div.fixtures-box div.foodball-dates {
      border-radius: 1.5rem;
      padding-right: 1em;
      padding-left: 1em;
    }
    /* make the text nicer in the special foodball box */
    div.fixtures-box div.foodball-dates p {
      margin-top: 0px !important;
      margin-bottom: .75em !important;
    } 
  }
}

/* "additional CSS" from the Wordpress Customizer pasted 12/18/24 */

/* 2024/10/31 nav button updates for adding "podcasts" */
.nav3 a {
  font-size: 16px;
  background-color: white;
  padding: 0;
  font-weight: 300;
  transition: none !important;
  color: var(--newspack-theme-color-text-light);
}

.nav3 a:hover {
  background-color: white !important;
  color: black !important;
  text-decoration: underline;
}

.nav3 li a:focus {
  background-color: white !important;
  color: black !important;
}

.nav3 li:last-child a {
  background-color: red;
  color: white;
  padding: 0.5rem 0.75rem;
  font-weight: 700;
}

.nav3 li:last-child a:hover {
  background-color: black !important;
  color: white !important;
  text-decoration: none;
}

.mobile-sidebar .nav3 ul {
  display: flex;
}

.mobile-sidebar .nav3 li:not(:last-child) a {
  padding-left: 0;
}

/* 2024/10/31 outlining focused links is nuts? why? */
a:focus {
  outline: none;
  text-decoration: none;
}

/* 2024/10/17 get rid of the first item on the Topic Menu*/
nav.highlight-menu li:first-child {
  display: none;
}

/* Nov 28 - Fix for the subtitle spacing */
.entry-header .newspack-post-subtitle {
  margin-bottom: 1.3em;
}

@media (min-width: 600px) {
  .entry-header .newspack-post-subtitle {
    margin-bottom: 2.3em;
  }
}

/**
 * Custom Reader font.
 */
@font-face {
  font-family: 'reader';
  src: url('/wp-content/uploads/fonts/Reader-webfont.eot');
  src: url('/wp-content/uploads/fonts/Reader-webfont.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/uploads/fonts/Reader-webfont.woff2') format('woff2'),
    url('/wp-content/uploads/fonts/Reader-webfont.woff') format('woff'),
    url('/wp-content/uploads/fonts/Reader-webfont.ttf') format('truetype'),
    url('/wp-content/uploads/fonts/Reader-webfont.svg#readerregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/**
 * Reverse "R" logo at end of content.
 * Legacy content has it baked in, so hide those instances.
 * Then, add styles for it to be appended to all posts automatically, and to any element with the class 'endbug-shortcode'.
 */
span.readerFont {
  display: none;
}

.endbug-shortcode::after,
.single-post .entry-content>p:not([class]):last-of-type::after {
  content: 'v';
  display: inline;
  font-family: 'reader';
  margin-left: 0.25em;
}

.endbug-shortcode-alt::after {
  content: 'R';
  display: inline;
  font-family: 'reader';
  margin-left: 0.25em;
}

/**
 * Info boxes.
 */
.info-box span.readerFont {
  display: inline;
  font-family: 'reader';
  margin-right: 0.25em;
}

.info-box>p {
  font-size: 16px;
}

/**
 * Beautify issue tag archive descriptions.
 */
body[class*="tag-vol-"] .page-subtitle {
  display: none;
}

body[class*="tag-vol-"] .taxonomy-description {
  font-style: normal;
}

body[class*="tag-vol-"] .taxonomy-description a {
  text-decoration: none;
}

/**
 * Display image credits on their own line.
 */
.image-credit {
  display: block;
}

/**
 * Legacy caption/credit styles for inline embeds.
 */
.entry-content [class*='image'] ul,
.entry-content [class*='Image'] ul,
.blogImageCenter+ul,
.blogImageLeft+ul,
.blogImageRight+ul {
  list-style: none;
  margin-top: 0;
  padding-left: 0;
}

.imageCredit,
.imageCaption {
  font-family: "Poppins", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "sans-serif";
  font-size: 0.7em;
}

/**
 * The "image archive" linked to from legacy embed credits doesn't exist on WP.
 */
.imageCredit a,
.imageCaption a {
  pointer-events: none;
  text-decoration: none;
}

/**
 * Chicago Reader Nonprofit Guide: hide headline on page 
*/
.postid-10947956 .entry-header .entry-title,
.postid-10947956 .entry-header .cat-links,
.postid-10947956 .entry-header .entry-meta .byline {
  display: none;
}

/**
 * Hide bylines on Reader Partners category articles
 */
/*
.category-reader-partners .entry-meta .byline { display: none; }
*/

/**
 *  Hide bylines on Meet the Reader series (category)
 */
.category-meet-the-reader .entry-meta .byline {
  display: none;
}

/**
 * Replicate drop cap styles from Newspack theme.
 */
.DropCap:not(:focus)::first-letter {
  float: left;
  font-size: 4em;
  line-height: 0.75;
  margin: 0.125em 0.75rem 0 0;
  position: relative;
}

/* Make legacy Early Warnings tables and lists a bit more attractive */
article#post-10940926 ul,
article#post-11825 ul {
  list-style-type: none;
}

article#post-10940926 table,
article#post-11825 table,
article#post-10940926 tr,
article#post-11825 tr,
article#post-10940926 td,
article#post-11825 td {
  border-width: 0;
}

/* Best of Chicago 2021 poll winners heading styles */
/* Best of Chicago 2021 poll winners heading styles */
article#post-10953784 div.entry-content h3,
article#post-10953785 div.entry-content h3,
article#post-10953781 div.entry-content h3,
article#post-10953789 div.entry-content h3,
article#post-10953788 div.entry-content h3,
article#post-10953787 div.entry-content h3,
article#post-10953786 div.entry-content h3 {
  font-weight: lighter;
  margin-top: 2em;
  text-transform: uppercase;
}

/* Arts & Culture */
article#post-10953784 div.entry-content h3 {
  color: rgb(139, 101, 150);
}

/* Buy Local*/
article#post-10953789 div.entry-content h3 {
  color: rgb(83, 176, 210);
}

/* Cannabis */
article#post-10953781 div.entry-content h3 {
  color: rgb(0, 107, 92);
}

/* City Life */
article#post-10953785 div.entry-content h3 {
  color: rgb(179, 126, 44);
}

/* Food & Drink */
article#post-10953788 div.entry-content h3 {
  color: rgb(212, 68, 102);
}

/* Music & Nightlife */
article#post-10953787 div.entry-content h3 {
  color: rgb(32, 64, 120);
}

/* Sports & Recreation */
article#post-10953786 div.entry-content h3 {
  color: rgb(233, 121, 63);
}

/* Sponsor block label/flag for homepage */
.sponsored-posts-block .article-section-title span a,
.sponsored-posts-block .article-section-title span {
  line-height: 1;
  padding: .3em .5em;
  background: #fed850;
  color: #000;
}

.sponsored-posts-block .article-section-title span strong a {
  display: none;
}

.bottom-margin-min40 {
  margin-bottom: -40px !important;
}