/*
 Theme Name:   Staff - Ë¿¹ÏÊÓƵ
 Theme URI:    http://www.pcc.edu/staff/
 Description:  A custom theme for the PCC Staff Directory. Child of pcc.
 Author:       Ë¿¹ÏÊÓƵ
 Author URI:   https://www.pcc.edu/web-services/
 Version:      1.0
 Template:     pcc
*/


/* ----------------------------------------------------------------
    breadcrumbs
---------------------------------------------------------------- */
#breadcrumbs { display:none !important; } /* hide breadcrumbs on this page */



/* ----------------------------------------------------------------
    search form - simple and advanced
---------------------------------------------------------------- */
.directory-search-form {margin-bottom:2.5rem;} /* toRem(40) */


/* ------------------------------------
    search form - medium and large screens
------------------------------------ */
@media only screen and (min-width:40em) { /* 640px */
  .directory-search-form {padding-bottom:3.75rem;} /* toRem(60), make room for the search tips link */
  .directory-search-form {
    display:flex;
    position:relative;
  }
  .directory-search-form input {
    height:3rem; /* toRem(48), match button height */
    margin-bottom:0;
  }
  .directory-search-form button {margin:0 0 0 0.625rem;} /* toRem(10) */
  .directory-search-form button {min-width:7.375rem;} /* toRem(118) */
  .advanced-search {
    bottom:1.25rem; /* toRem(20) */
    display:block;
    position:absolute; /* pull out of the flex calculation */
  }
  #advanced-search {flex-wrap:wrap;}
  #advanced-search label {flex:50%;}
  #advanced-search label:nth-of-type(odd) {padding-right:0.3125rem;} /* toRem(5) */
  #advanced-search label:nth-of-type(even) {padding-left:0.3125rem;} /* toRem(5) */
  #advanced-search button {margin:1.25rem 0 0;} /* toRem(20) */
}


/* ------------------------------------
    search form - small screens
------------------------------------ */
@media only screen and (max-width:39.9375em) { /* 639px */
  .directory-search-form button {margin-top:0;}
  .advanced-search {
    display:block;
    margin-top:0.625rem; /* toRem(10) */
  }
}



/* ----------------------------------------------------------------
    results table
---------------------------------------------------------------- */
.directory-search-results {margin-top:1.25rem;} /* toRem(20) */
.directory-search-results tr:nth-child(odd) td {background:#e9e9e9;} /* $light-gray, zebra stripes */


/* ------------------------------------
    "web" icon
------------------------------------ */
.directory-search-results .icon {
  background-color:#ffffff; /* $white */
  border:0.0625rem solid #263c53; /* $navy */
  font-size:0.85714em; /* em($text-base - 2) */
  font-family:open_sanssemibold,Helvetica,Arial,sans-serif; /* @mixin font-bold */
  font-weight:normal; /* @mixin font-bold */
  margin-left:0.3125rem; /* toRem(5) */
  padding:0.125rem 0.3125rem; /* toRem(2), toRem(5) */
  text-decoration:none;
}


/*----- "web" icon - small screens -----*/
@media only screen and (max-width:39.9375em) { /* 639px */
  .directory-search-results .icon {
    display:inline-block;
    margin:0.3125rem 0; /* toRem(5) */
  }
}


/* ------------------------------------
    make table stretch full-width
------------------------------------ */
.directory-search-results tr th:nth-of-type(1) {width:37%;}
.directory-search-results tr th:nth-of-type(2) {width:40%;}
.directory-search-results tr th:nth-of-type(3) {width:40%;}



/* ----------------------------------------------------------------
    notice
---------------------------------------------------------------- */
.search-notice {
  color:#9e0c0f; /* $red */
  font-size:1.2em;
  text-align:center;
}