/*
 Theme Name:   Literary Magazines - Portland Community College
 Description:  Site built specifically for chat
 Template:     pcc
 Theme URI:    https://www.pcc.edu/literary-magazines/
 Author:       Portland Community College
 Author URI:   https://www.pcc.edu/
 Version:      1.0 
*/


/* ----------------------------------------------------------------
    feeds
-----------------------------------------------------------------*/
h4 + .lit-work h5:first-of-type {margin-top:0.625rem;} /* toRem(10) */


/* ------------------------------
    details
------------------------------ */
.item-details p,
div:not(.full-preview) .item-details {
  color:#666;
  font-family:open_sansitalic,Helvetica,Arial,sans-serif;
  font-size:0.95em;
}
.item-content img:not(.wp-post-image) {display:none;}
.wp-post-image {padding-bottom:1.25rem;} /* toRem(20) */


/* ------------------------------
    add lines
    above and below previews
------------------------------ */
.lit-gallery.full-preview > .lit-work {
  border-bottom:0.0625rem solid #c1c1c1; /* toRem(1), $medium-gray */
  padding-bottom:2.5rem; /* toRem(40) */
}


/* ------------------------------
    make any preview content
    headings smaller
------------------------------ */
.item-content h4,
.item-content h5,
.item-content h6 {
  font-size:1em;
  margin:0;
}


/* ------------------------------
    view more link
------------------------------ */
.lit-work + .view-more {margin-top:0.9375rem;} /* toRem(15) */



/* ----------------------------------------------------------------
    highlight feeds
-----------------------------------------------------------------*/
.lit-highlights h5 {font-size:1em !important;} /* make headings same size as text */
.lit-highlights {
  display:flex;
  flex-wrap:wrap;
}
.lit-highlights .lit-highlight {
  flex:1 1 33.33%;
  padding:0.3125rem 1.25rem 0.3125rem 0; /* toRem(5) toRem(20) toRem(5) 0 */
}


/* ------------------------------
    highlight feeds
    small screens
------------------------------ */
@media only screen and (max-width:39.9375em) { /* $small-max */
  .lit-highlights {display:block;}
  .lit-highlights .lit-highlight {padding-right:0;}
}



/* ----------------------------------------------------------------
    archive feeds
-----------------------------------------------------------------*/
.lit-archive h4 {
  font-size:1.4em;
  margin-bottom:0;
  margin-top:3.125rem; /* toRem(50) */
}
.lit-archive p {padding-bottom:0;}
