/*
 Theme Name:   Webeasy, PCC (Foundation 6)
 Description:  A custom theme for PCC WebEasy pages. Includes Foundation 6, jQuery 3, and Font Awesome 6
 Theme URI:    https://www.pcc.edu/programsstaff
 Author URI:   https://www.pcc.edu/
 Version:      6.2
 Template:     pcc
*/


/* ----------------------------------------------------------------
    admin area
---------------------------------------------------------------- */
#adminmenu #menu-users,
#adminmenu #menu-tools {
  display:none;
}



/* ----------------------------------------------------------------
    header
---------------------------------------------------------------- */
/* ------------------------------------
    header bar
------------------------------------ */
#global-header {
  background:#35475a !important; /* $navy-gray */
  border-color:#253240 !important; /* darkened $navy-gray */
}


/* ------------------------------------
    navigation
------------------------------------ */
/*----- medium and large screens -----*/
@media only screen and (min-width:40em) { /* 640px, $medium-min */
  #main-nav {float:right;}
  #global-nav #main-nav > li > a {padding-top:2.3125rem !important;} /* toRem(37), match large screens on medium */
  #main-nav a::before {
    color:#ffffff; /* $white */
    display:inline-block; /* so the icons don't underline on hover */
    font-family:FontAwesome;
    font-size:1.1em;
    padding-right:0.4375rem; /* to Rem(7) */
  }
  #main-nav li:first-of-type a::before {content:"\f015";} /* home icon */
  #main-nav li:last-of-type a::before {content:"\f0e0";} /* envelope icon */
}


/*----- small screens -----*/
@media only screen and (max-width:39.9375em) { /* 639px, $small-max */
  #main-nav {padding-top:1.25rem !important;} /* toRem(20) */
  .title-bar .menu-icon.active span:nth-of-type(2) {background:#35475a !important;} /* &navy-gray, don't show the middle hamburger line when it turns into an X */
}


/* ------------------------------------
    page title
------------------------------------ */
#page-title {
  background:#008099 !important; /* $teal */
  background-repeat:no-repeat !important;
  p a:not(:hover):not(:focus) {color:#e3e3e3;} /* darker for accessible on dark teal */
}


/*----- large screens -----*/
@media only screen and (min-width:64em) { /* 1024px, $large-min */
  #page-title {background:linear-gradient(rgba(0, 128, 153, 0.8), rgba(0, 128, 153, 0.8)), url("/wp-content/themes/pcc/_source/images/default-header.png") !important;} /* transparent $teal with diamonds pattern */
}


/*----- medium screens -----*/
@media only screen and (min-width:40em) and (max-width:63.9375em) { /* 640px, 1023px, $medium-min and $medium-max */
  #page-title {background:linear-gradient(rgba(0, 128, 153, 0.8), rgba(0, 128, 153, 0.8)), url("/wp-content/themes/pcc/_source/images/default-header-medium.png") !important;} /* transparent $teal with diamonds pattern */
}


/*----- small screens -----*/
@media only screen and (max-width:39.9375em) { /* 639px, $small-max */
  #page-title {background:linear-gradient(rgba(0, 128, 153, 0.8), rgba(0, 128, 153, 0.8)), url("/wp-content/themes/pcc/_source/images/default-header-small.png") !important;} /* transparent $teal with diamonds pattern */
}



/* ----------------------------------------------------------------
    content
---------------------------------------------------------------- */
#content {min-height:37.5rem;} /* toRem(600) */
#breadcrumbs {display:none;}



/* ----------------------------------------------------------------
    footer
---------------------------------------------------------------- */
footer .grid-x {padding-top:0.9375rem !important;} /* toRem(15), less than www styles */
