/*
CTC Separate Stylesheet
Updated: 2025-09-22 04:04:44
Theme Name: Pitchfork Child
Theme URI: http://github.com/ASU-Engineering/Pitchfork
Template: pitchfork-2.2.1
Author: Steve Ryan, Ira A. Fulton Schools of Engineering
Description: A WordPress theme for Arizona State University. Uses the UDS-Bootstrap-4 package and other compoents of the universal design system to ensure brand standard consistency.
Version: 2.2.2
*/



/********************* ASUL Team & Staff filter start here *****************************************/
.asul-filter-wrap{
   display:flex;
   align-items:center;
   gap:20px;
   flex-wrap: wrap;
  }

.asul-filter-label{
  font-size:16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-transform:uppercase;
  color:#000;
  line-height:150%;
}

#asulTeamFilter{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background:#fff;
  border:1px solid #E8E8E8;
  border-left:6px solid #FFC627;
  border-radius:0px;
  padding: 12px 62px 12px 24px;
  max-width:284px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight:700;
  color:#000;
  line-height:150%;
  cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat;
  background-position:right 12px center;
}

@media (max-width: 480px) {
  .asul-filter-wrap {
    gap:8px;
  }
  #asulTeamFilter{
    max-width:350px;
  }
}
/********************* ASUL Team & Staff filter End here *****************************************/

/*********************jump-menu on mobile in privacy notice page start here***********************/

html {
  scroll-behavior: smooth;
}

.jm-wrap{
  width:350px;
  background:#fff;
  border:1px solid #E8E8E8;
  border-radius:0;
  overflow:hidden;
  font-family:Arial, sans-serif;
  font-size:20px;
  line-height:150%;
}

.jm-header{
  all:unset;
  display:flex;
  align-items:center;
  justify-content:space-between;
  box-sizing:border-box;
  width:100%;
  padding:16px 20px;
  cursor:pointer;
  background:#fff;
  font-weight:700;
  border-left:6px solid #FFC627;
  border-radius:0 !important;
  box-shadow:none !important;
}
.jm-header:hover{
  background:#f9f9f9;
}

.jm-caret{
  width:12px;
  height:12px;
  position:relative;
  flex:0 0 12px;
}
.jm-header .jm-caret::before{
  content:"";
  border:2px solid #000;
  border-top-color:transparent;
  border-left-color:transparent;
  width:8px; height:8px; display:block;
  transform:rotate(45deg);
  transition:transform .2s ease;
}
.jm-header[aria-expanded="true"] .jm-caret::before{
  transform:rotate(-135deg);
}

.jm-content{ display:flex; flex-direction:column; }
.jm-link{
  padding:12px 24px;
  text-decoration:none;
  color:#000;
  border-top:1px solid #E8E8E8;
  font-weight:700;
  font-size:20px;
  line-height:150%;
  background:#fff;
}
.jm-link:hover{
  background:#f2f2f2;
}

/*********************jump-menu on mobile in privacy notice page End here***********************/

/********************************ASUL Degree Finder Start here**********************************/

.asu-degree-searchbar {
  position: relative;
  width: 100%;
  max-width: 380px;
}
.asu-degree-searchbar .asu-search-icon {
  position: absolute;
  left: 16px;
  top: 45%;
  transform: translateY(-50%);
  color: #646464;
  pointer-events: none;
}
.asu-degree-searchbar .asu-degree-input {
  width: 100%;
  padding: 12px 12px 12px 45px;
  border: 1px solid #D8D8D8;
  border-radius: 8px;
  background-color: #fafafa;
  font-size: 16px;
  color: #646464;
  outline: none;
}
.asu-degree-searchbar .asu-degree-input::placeholder {
  color: #646464;
  opacity: 1;
}
.asu-programs-loop .e-loop-item.asu-hit {
  position: relative;
  outline: 4px solid #FFC627;
  box-shadow: 0 0 0 4px rgba(255, 198, 39, 0.25);
  border-radius: 12px;
  transition: outline-color 0.2s ease, box-shadow 0.2s ease;
}
/********************************ASUL Degree Finder End here************************************/