/*
 Theme Name:   News - Ë¿¹ÏÊÓƵ
 Theme URI:    https://www.pcc.edu/news/
 Description:  A custom theme for PCC News. Child of pcc.
 Author:       Ali Gray
 Author URI:   https://www.pcc.edu/
 Version:      1.0
 Template:     pcc
*/


/* ----------------------------------------------------------------
    news homepage
---------------------------------------------------------------- */

/* ------------------------------------
    main featured story
------------------------------------ */
#news-homepage #featured-story {
  margin-bottom:2.5rem; /* toRem(40) */
  position:relative;
}
#news-homepage #featured-story a {text-decoration:none;}
#news-homepage #featured-story #feature-info h5 {margin:0;}
#news-homepage #featured-story #feature-info p {
  color:#595959; /* $fineprint */
  font-size:0.9em;
  margin-bottom:0;
  padding:0.125rem 0 0; /* toRem(2) */
}


/*----- medium and large screens ----- */
@media only screen and (min-width:40em) { /* $medium-min, 640px */
  #news-homepage #featured-story img {
    position:relative;
    z-index:0;
  }
  #news-homepage #featured-story #feature-info {
    background:rgba(255, 255, 255, 0.95); /* white */
    bottom:10%;
    padding:0.9375rem 1.25rem; /* toRem(15) toRem(20) */
    position:absolute;
    z-index:1;
  }
}


/*----- small screens ----- */
@media only screen and (max-width:39.9375em) { /* $small-max, 639px */
  #news-homepage #featured-story a:hover h5,
  #news-homepage #featured-story a:focus h5 {
    text-decoration:underline;
  }
  #news-homepage #featured-story #feature-info h5 {padding-top:0.625rem;} /* toRem(10) */
}


/* ------------------------------------
    sub-featured stories
------------------------------------ */
#news-homepage .pcc-posts.featured-posts {margin-top:0 !important;} /* line up with the search card */
#news-homepage .pcc-posts.featured-posts .cell {
  margin-bottom:1.25rem; /* toRem(20) */
  padding:0; /* remove default and re-add below */
}
#news-homepage .pcc-posts.featured-posts .cell:nth-of-type(odd) {padding-right:0.4375rem;} /* toRem(7) */
#news-homepage .pcc-posts.featured-posts .cell:nth-of-type(even) {padding-left:0.4375rem;} /* toRem(7) */
#news-homepage .pcc-posts.featured-posts img {
  float:none;
  margin:0 !important;
  width:auto;
}


/* ------------------------------------
    cards
------------------------------------ */
#news-homepage .indexlist ul {list-style:disc;} /* not none */
#news-homepage .card-columns .card {display:flex;} /* needed for p style below */
#news-homepage .card-columns .card p {margin-top:auto;} /* align to the bottom */
#news-homepage .medium-4 .highlight {margin-top:1.875rem;} /* toRem(30), a little more space above the card */


/* ------------------------------------
    social
------------------------------------ */
#news-homepage #tweet {
  height:40.625rem; /* toRem(650) */
  overflow-y:scroll;
}