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


h3 + h4 {margin-top:0;}
dd:empty {display:none;}
form + br {display:none;}
form + h4 {margin-top:3.125rem;} /* toRem(50) */
.card.related {margin:3.125rem 0 0 !important;} /* toRem(50) */


/* forms - medium and large screens ($medium-min) */
@media only screen and (min-width:40em) { /* toRem(640) */
  .searchweb {padding-bottom:3.75rem;} /* toRem(60), make room for the search tips link */
  .searchweb, #searchstaff {
    display:flex;
    position:relative;
  }
  .searchweb input, #searchstaff input {
    height:3rem; /* toRem(48), match the button height */
    margin-bottom:0;
  }
  .searchweb button, #searchstaff button {
    margin:0 0 0 0.625rem; /* toRem(10) */
  }
  .searchweb button {min-width:12rem;} /* toRem(192) */
  #searchstaff button {min-width:7.8125rem;} /* toRem(125) */
  .search-tips {
    bottom:1.25rem; /* toRem(20) */
    display:block;
    position:absolute; /* pull out of the flex calculation */
  }
}


/* forms - small screens ($small-max) */
@media only screen and (max-width:39.9375em) { /* toRem(639) */
  .searchweb button, #searchstaff button {margin-top:0;}
  .search-tips {
    display:block;
    margin-top:0.625rem; /* toRem(10) */
  }
}


/* search results */
#search-results .search-summary {
  color:#696969;
  font-size:0.9em;
  padding-left:0.625rem; /* toRem(10) */
  padding-bottom:0.125rem; /* toRem(2) */
  border-bottom:0.0625rem solid #f0f0f0; /* toRem(1) */
}
#search-results dl {margin:1.25rem 0;} /* toRem(20) */
#search-results dt {margin-top:0.9375rem;} /* toRem(15) */
#search-results dd {font-size:0.95em;}
#search-results .url {
  color:#696969;
  font-size:0.9em;
  padding-bottom:0.3125rem; /* toRem(5) */
}
#search-results #related {
  border:0.0625rem solid #cccccc; /* toRem(1) */
  background-color:#fafafa;
  padding:1.25rem; /* toRem(20) */
}
#search-results #related dt {margin:0;}
#search-results #related dd {padding:0;}


/* pagination */
#search-results ul.pagination {
  display:inline-block;
  padding:0;
  margin:0;
}
#search-results ul.pagination li {
  display:inline;
  margin:0 !important;
}
#search-results ul.pagination li a {
  color:#333333; /* $dark-gray */
  float:left;
  padding:0.5rem 1rem; /* toRem(8), toRem(16) */
  text-decoration:none;
}
#search-results ul.pagination li a.active {
  background-color:#263c53; /* $navy */
  color:#fff; /* $white */
}
#search-results ul.pagination li a:hover:not(.active) {background-color:#ddd;}