/* VARIABLE DECLARATIONS */
:root {
  /*FONT VARIABLES*/
  --brandFont1: Montserrat, Helvetica, Arial, san-serif;
  /*COLOR VARIABLES*/
  --pageBackground: #F6F6F6;
  --white: #ffffff;
  --brandColor1: #014B28;
  --brandColor2: #02592F;
  --brandColor3: #F6CF3C;
  --brandColor4: #212121;
  --brandColor5: #4b4b4b;
  --dividerLine: #707070;

  --white: #ffffff;
  --yellow: #F6CF3C;
  --dkGreen: #014B28;
  --medGreen: #026A37;
  --dkGray: #212121;
  --medGray: #707070;

  /* OTHER VARIABLES */
  --transition: all 4s ease;
}
/* END VARIABLE DECLARATIONS */


/* ============================
FACULTY PAGES
* ============================*/
.mainContent.full { padding: 0 20px; }
.faculty .mainContent.wrapper { max-width: 1312px; width: 100%; margin: 1.5rem auto; }
.faculty.landing .mainContent { display: block; grid-area: 1 / 1 / 8 / 2; max-width: 1350px; }
/*Faculty Filters*/
.facultyFilter { padding-top: 40px; border-top: 2px solid var(--brandColor2); margin-top: 40px; }
.facultyFilter .catDrop {display: flex; flex-flow: row nowrap; width: 100%; }
.facultyFilter .catDrop .newsSearch { display: flex; width: 50%; }
.facultyFilter .catDrop .newsSearch form { width: 100%; margin-right: 15px; height: 52px; }
.facultyFilter .catDrop .newsSearch input {width: 100%; }
.facultyFilter .catDrop .newsSearch .inputGroup { position: relative;}
.facultyFilter .catDrop .newsSearch input::placeholder  { font-family: var(--brandFont1); font-size:1rem; color: var(--bodyCopy); text-transform: none; letter-spacing:1px; }
.facultyFilter .catDrop .newsSearch input, .facultyFilter .catDrop .selectWrap select { background-color: var(--white); padding: 15px; height: 54px; color: var(--bodyCopy); font-size: 1rem; letter-spacing:1px; font-family: var(--brandFont1); font-weight: 500; border: 2px solid #e2e7ef; }
.facultyFilter .catDrop .newsSearch button { background-color: var(--white); border: none; position: absolute; right: 5px; top: 13px; }
.facultyFilter .catDrop .newsSearch button span.newsSearchIcon { background-color: var(--white); cursor: pointer; }
.facultyFilter .catDrop .newsSearchbutton span.newsSearchIcon img { height: 24px; }
.facultyFilter .catDrop .selectWrap { display: flex; width: 50%; flex-flow: row nowrap; }
.facultyFilter .catDrop .selectWrap .select-box { display: flex; width: 50%; margin: 0 0 0 15px; }
.facultyFilter .catDrop .selectWrap .select-box:last-child { margin-left: 30px; }
.facultyFilter .catDrop .selectWrap select { padding: 15px; width: 100%; -webkit-appearance: none; -moz-appearance: none;}
.facultyFilter .select-box::after { content: url(../images/chevron-down-black.svg); margin-top: 13px; margin-left: -30px; }
@media screen and (max-width: 860px) {
  .facultyFilter .catDrop, .facultyFilter .catDrop .selectWrap, .facultyFilter .catDrop .selectWrap .select-box:last-child  { flex-flow: column wrap; width: 100%; margin-left: 0; }
  .facultyFilter .catDrop .newsSearch, .facultyFilter .catDrop .selectWrap .select-box {flex-flow: column wrap; width: 100%; margin-left: 0; padding: 0 0 20px 0;  }
  .facultyFilter select {background-position-x: 97%;}
  .facultyFilter .select-box {position: relative;}
  .facultyFilter .select-box::after { position: absolute; right: 15px; }
}

/* Page Updates */
.faculty .wrapper h1 {padding-top: 30px; padding-left: 1rem; }
.faculty .wysiwyg h2 { font-family: var(--brandFont1); padding-bottom: 0.5rem; color: var(--brandColor1); text-transform: uppercase; }
.faculty .wysiwyg {border-bottom: 0; margin-bottom: 0;}
.faculty .columns.wysiwyg {padding-bottom: 5px;}
/* Directory A-Z */
.directoryFilter { display: block; width: 100%; }
.azFilters { display: block; margin: 20px auto 0 auto; font-size: 1em; }
.azFilters ul li { display:inline-block; margin-right: 5px; margin-bottom: 20px; }
.azFilters ul li button { text-decoration: none; border: none; padding: 5px 10px; transition: all .4s ease-in; cursor: pointer; background-color: var(--pageBackground); }
.azFilters ul li button:hover, .faculty .azFilters ul li button:focus { color: var(--white); background-color: var(--brandColor2); }
.azFilters ul li button.mixitup-control-active { color: #fff; background-color: transparent; }
.azFilters ul button.azFilter.na { cursor: default; color: var(--brandColor2);}
.azFilters ul button.azFilter.na:hover { text-decoration: none; color: var(--white); }
/* Dropdown Filters */
.facultyFilter { border: none; padding-top: 0; margin-top: 0;}
.facultyFilter .wrapper { max-width:1350px; }
.facultyFilter .catDrop .selectWrap { display: flex; width: 100%; flex-flow: row nowrap; justify-content: space-between;}
.facultyFilter .catDrop .selectWrap .select-box {margin: 0!important; width: 49%; }
.facultyFilter .catDrop .newsSearch.faculty form {margin: 0 0 0 10px;}
.faculty fieldset.departmentDropdowns { width: 100% ;}
.faculty .facultySearchFilters a.link {text-decoration: none; color: var(--brandColor5);}
.faculty .catDrop .newsSearch.faculty button {top: 15px; cursor: pointer;}
.faculty .facultySearchIcon {background-color: var(--white);}
@media screen and (max-width: 980px) {
  .facultyFilter .catDrop .newsSearch.faculty form {margin: 0;}
  .facultyFilter .catDrop .selectWrap .select-box, .facultyFilter .catDrop .newsSearch.faculty { width: 100%; padding: 15px 0 0 0;}
  .facultyFilter .catDrop .selectWrap { flex-flow: column wrap;}
}
/* Faculty Cards */
.facultyListingWrapper {display: flex; flex-flow: row wrap; width: 100%; justify-content: space-between; padding-bottom: 60px;}
.facultySearchFilters {display: flex; width: 49%;}
.facultyCard {display: flex; flex-flow: row nowrap; height: auto; margin-top: 30px; width:100%; border: 2px solid #e2e7ef; }
.facultyCard img { max-width: 200px; max-height: 250px; height: 100%; object-fit: cover;}
.facultyInfo {display: flex; flex-flow: column nowrap; font-family: var(--brandFont2); color: var(--bodyCopy); background-color: var(--white); font-weight:600; height: auto; padding: .5rem 10px .5rem 20px;}
.facultyInfo .link {cursor: pointer;}
.facultyInfo .facultyName { color: var(--brandColor2); font-family: var(--brandFont1); font-size: 1.125rem; font-weight: 700; }
.facultyInfo a .facultyName:hover, .facultyInfo a .facultyName:focus { text-decoration: underline; }
.facultyInfo .contactInfo {display: flex; flex-flow: row wrap; margin: 25px 0 10px 0; align-items: flex-end; }
.facultyCard .facultyName, .facultyCard .department, .facultyCard .position, .facultyCard .office, .facultyCard .contactInfo, .facultyCard .phoneNumber, .facultyCard .phoneNumber a, .facultyCard .email.link, .facultyCard .email.link a, .facultyCard .seperator { background-color: var(--white);}
.contactInfo .seperator {padding: 0 5px; }
.faculty .phoneNumber a {color: var(--brandColor2); text-decoration: none;}
.faculty .phoneNumber a:hover {text-decoration: underline; }
.faculty .email.link a {color: var(--brandColor2);}
@media screen and (max-width: 860px) {
  .facultyListingWrapper {flex-flow: column wrap; width: 100%;}
  .facultySearchFilters {width: 100%;}
  .faculty .directoryFilter .controls { display:none; }
}
@media screen and (max-width: 560px) {
  .facultyListingWrapper, .facultyCard {flex-flow: column wrap; width: 100%;}
  .facultySearchFilters {flex-flow: column wrap; width: 100%;}
  .facultyInfo {padding: 10px 10px 5px 10px;}
  .faculty .facultyCard img { max-height:300px; max-width: 100%; width: 100%; }
  .faculty .facultyInfo a.link {width: 100%; height: 100%;}
}

/* ============================
   FACULTY DETAIL PAGES
* ============================*/
.faculty.interior .mainContent.full { display:grid; grid-template-columns: 20% 1fr; gap:3rem; }
.faculty.interior .columns, .faculty.interior .wrapper { margin-top:0; max-width:1300px; }
.faculty.interior .wysiwyg { border: none; margin-bottom: 40px;}
.facultyDetailHeading { margin: 25px 0 15px 0; }
.facultyDetailHeading h2 {color: var(--brandColor5); font-size: 2.2rem; font-weight: 600;}
.faculty.interior .wysiwyg h3 {color: var(--brandColor2);font-size: 1.8rem; font-weight: 600; margin-bottom: 10px;}
.faculty.interior .interiorContent { margin-top: 0; }
.interior .mainContent .left-nav-wysiwyg.faculty-detail { margin-top: 2rem; margin-right: 0; margin-left: 0; }
.interior .mainContent .left-nav-wysiwyg.faculty-detail img { width: 90%; padding-bottom: 10px;}
.faculty.interior .department, .faculty.interior .office, .faculty.interior .position, .faculty.interior .phone, .faculty.interior .email { font-family: var(--brandFont1); font-family: var(--brandFont2);
    color: var(--bodyCopy); background-color: var(--white); font-weight: 600;}
@media screen and (max-width: 960px) {
  .left-nav-wysiwyg.faculty-detail img { width: auto; padding-bottom: 10px;}
  .faculty.interior { width:100%; }
  .faculty.interior .mainContent.full { display:grid; grid-template-columns: 1fr; gap:3rem; }
  .faculty.interior .columns .wrapper { padding: 0; }
}
@media screen and (max-width: 560px) {
  .left-nav-wysiwyg.faculty-detail img { width: 100%; padding-bottom: 10px;}
}

/* ============================
  FACULTY - MIX IT UP FILTER
* ============================*/
/* DO NOT REMOVE - NEEDED FOR THE MIXITUP FILTER NOT TO JUMP ON TABLET AND MOBILE */
.facultyListingWrapper { display: -webkit-flex; -webkit-flex-flow: row wrap; }
/* END - DO NOT REMOVE */
.faculty.landing .columns .wrapper { padding:1rem 0 0 0; max-width: 1350px; }