/* newsletter! */

#home-newsletter {
   grid-column: page;
   background: var(--tan);
   position: relative;
   padding: 1.5em 0;
}

#home-newsletter * {
   grid-column: stage;
}

#subscribeLine {
   max-width: 100%;
   font-size: 1.125rem;
   color: var(--yin-yang-7)
}


/* sponsors! */

#home-sponsors {
   padding: 3em 0 1.5em;
}

/* sponsor-grid! */

#home-sponsor-grid {
   display: grid;
   gap: 1.5rem;
   list-style: none;
   grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
   margin: 3em 0 4.5em;
}







/* blogroll! */

#home-blogroll {
   padding: 3em 0 4.5em;
}

#home-blogroll h2 {
   margin: 0 0 1.5em;
}

#home-blogroll a {
   height: 100%;
   width: 100%;
}

#home-blogroll-list {
   list-style-type: none;
   display: grid;
   grid-template-columns: 1fr;
   gap: 1.5em;
   margin: 0 0 1.5em;
}

.home-blogroll-item {
   display: inline-block;
   position: relative;
}

@media(min-width:64em) {
   #home-blogroll-list {
      grid-template-columns: 1fr 1fr;
   }
}

.home-hero-img {
   display: block;
   width: 100%;
   height: auto;
}

.home-blogroll-item {
   position: relative;
}

.home-blogpost-title {
   position: absolute;
   bottom: -.625rem;
   left: 0;
}

.home-blogpost-title span {
   background: var(--yin);
   padding: .25rem .5rem;
   color: var(--yang) !important;
   border-radius: .063em;
   display: inline;
   box-decoration-break: clone;
   -webkit-box-decoration-break: clone;
}

.home-pressme {
   margin: 3em 0 0;
}







/* events! */

#home-events {
   padding: 3em 0 4.5em;
   background: var(--tan)
}


.home-event {
   max-width: 100%;
}

.event-date {
   display: block;
   margin: 0 0 1.5rem;
   font-weight: bold;
}

.event-location {
   color: var(--yin-yang-7)
}

@media(min-width:64em) {

   .home-event {
      display: flex;
      align-items: flex-start;
      gap: 1.5em;
      margin-bottom: 1.5em;
   }

   .event-date {
      width: 18.5em;
   }

   .event-details {
      flex: 1;
   }

}




/* home-words! */

#home-words {
   padding: 1.5em 0 4.5em;
}

#home-words ul {
   margin: 0 0 0 -.375rem;
   padding: 0;
   list-style-position: outside;
}

#home-words li {
   margin-left: 1.5em;
   /* controls indent instead of ul */
}