/* hide honeypot */
form fieldset label.hp {
  display: none !important;
  visibility: hidden;
}

/* disabled form buttons */
form button[type=submit][disabled]{
    background-color: #008cba !important; /* override hover */
    border-color: #007095 !important; /* override hover */
    cursor: default !important;  /* override hover */
    opacity: 0.7;
}

/* checkboxes and radio buttons */
form input[type=checkbox], form input[type=file], form input[type=radio] {
  margin: 0;
}

/* required */
form span.required::after {
  font-family: open_sanssemibold, Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #9e0c0f;
  content: " *";
}

/* create page animation*/
#preload{
    visibility: hidden;
}
#loading {
    display: block;
    margin: 1em auto !important;
    height:10em;
    width:10em;
    overflow: hidden;
}
#loading div{
    overflow: hidden;
    position: absolute;
}
#loading i{
    font-size: 10em;
}
#loading .over{
    color: #ccc;
    z-index: 2;
}
#loading .under{
    color: #11768A;
    z-index: 1;
}

/* success page to match provisioning system */
.ps-alert-box { background:#F0E8C2; padding:15px 20px 10px; margin-bottom:10px; }
.ps-alert-box.success { background:#C2F0E8; }
.ps-alert-box.alert, .ps-alert-box.error { background:#F0C8C8; }

/* debug */
#ncreg_devnote{
    display: block;
    background-color: #ADD8E6 !important;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 10px;
}

/* header */
#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");
}
#page-title img{
    float:left;
    padding:15px 16px 15px 0;
    border-width: 0;
}
h2 {
    margin-bottom:1.5rem !important;
    font-family:open_sanslight, Helvetica, Arial, sans-serif  !important;
    font-size:24px  !important;
    font-weight:lighter !important;
    padding:23px 0 0 28px !important;
}
.instructions, .instructions a{
    font-style: italic !important; /* override a */
}

#ncreg-content div.cell:first-child h3:first-child{
    /* margin-top:.25em; */
}
form.ncreg, form.ncreg-drop{
    border: 0 !important;
    margin: 0 !important;
    background-color: transparent;
    box-shadow: none !important;
}
form.ncreg fieldset legend, form.ncreg-drop fieldset legend{
    display: none;
}
form.ncreg-drop{
  padding: 0 !important;
}

#ncreg-buttons a.button.secondary{
    background-color:#fff;
    color:#008099 !important;
    border: 1px solid #008099;
    white-space: nowrap;
    /*border-width:1px 1px 2px 1px !important;*/
}
#ncreg-buttons a.button.secondary .fa-angle-right{
  display: none; /* hide default arrow */
}

@media only screen and (min-width: 64.063em){
    #ncreg-buttons .cell.first {
        padding-right: 0;
    }    
    #ncreg-buttons .cell.middle {
        padding-right: .5em;     
        padding-left: .5em;
    }
    #ncreg-buttons .cell.last {
        padding-left: 0;
    }
}
    
/* hide from print view */
@media print{
    header, #alert-announcement, #ncreg-buttons, #ncreg_devnote{
        display: none;
    }
}

/* ----------------------------------------------------------------
  header
---------------------------------------------------------------- */

#sitewide-header {
  background: #263c53;
  border-color: #1b2a3b; }
  
  #sitewide-header .top-bar .top-bar-section {
    width: 100%; }
  
  #sitewide-header .medium-3 {
    margin-top: 0; }

@media only screen and (min-width: 40.063em) {
  
  #sitewide-header {
    height: 102px !important; } }

/* --------------------------------------
	navigation
-------------------------------------- */

#sitewide-header #hnav {
  margin-top: 45px; }

#sitewide-header #hnav li {
  padding-left: 1.25em; }

#sitewide-header #hnav li a:not(#mypcc) {
  font-size: 0.9em !important; }

#sitewide-header #hnav li a#home::before {
  color: #f5f5f5;
  content: "\f015";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 1.2em;
  font-weight: 900;
  padding-right: .625em;
  position: relative;
  top: 2px; }

#sitewide-header #hnav li a {
  padding-right: 0;
  width: auto !important; }

#sitewide-header #hnav a span {
  position: static !important; }

@media only screen and (min-width: 40.063em) {
  
  #sitewide-header #hnav {
    margin-top: 25px; } }

/* --------------------------------------
	page title (and 1st sidebar nav)
-------------------------------------- */
@media only screen and (min-width: 64em) {
  
  #secondary-header {
    background: none;
    background: #008099;
    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");
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #005566; } }

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  
  #secondary-header,
  #snav:not(.callout) > h3:first-of-type {
    background: none;
    background: #008099;
    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");
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #005566; } }

@media only screen and (max-width: 40em) {
  
  #secondary-header,
  #snav:not(.callout) > h3:first-of-type {
    background: none;
    background: #008099;
    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");
    background-repeat: no-repeat;
    background-size: cover;
    border-color: #005566; } }

/* ----------------------------------------------------------------
  content area
---------------------------------------------------------------- */

#content {
  min-height: 800px; }

#staff-info {
  margin-bottom: 1.875em !important; }

#staff-info .callout {
  margin-top: 5px; }

#breadcrumbs {
  display: none; }

#main {
  margin: -102px 0 -100px;
  padding: 102px 0 100px; }

/* --------------------------------------
	sidebar
-------------------------------------- */

#sidebar {
  margin-top: -5px; }

#sidebar h4 {
  background: none;
  border: none;
  color: #333;
  padding: 0.9375em 0 0.313em 0; }

/* ----------------------------------------------------------------
  footer
---------------------------------------------------------------- */

footer {
  background: #35475A;
  height: 100px;
  padding: 0.625em 0; }

footer p,
footer p a {
  color: #fff !important;
  display: inline;
  margin: 0 !important;
  padding: 0 !important; }