/* VARIABLE DECLARATIONS */
:root { 
  /*FONT VARIABLES*/
  --brandFont1: 'bebas-neue-pro', sans-serif;
  --robotoReg: 'roboto', sans-serif;
  --bebas: 'bebas-neue-pro', sans-serif;
  --magic: 'magic-chic'; 
  --lora: 'lora', serif;
  /*COLOR VARIABLES*/
  --pageBackground: #FFFFFF;
  --white: #ffffff;
  --brandColor1: #004b8e;
  --brandColor2: #002d72;
  --brandColor3: #0060aa;
  --brandColor4: #FFC60A;
  --brandColor5: #F4F7FB;
  --dividerLine: #FFC60A;
  --bodyCopy: #303030;

  /* 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: 1480px; }
/*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(--bebas); font-size:1.25rem; color: var(--bodyCopy); text-transform: uppercase; letter-spacing:1px; }
.facultyFilter .catDrop .newsSearch input, .facultyFilter .catDrop .selectWrap select { background-color: var(--white); padding: 15px; height: 54px; color: var(--bodyCopy); font-size: 1.25rem; letter-spacing:1px; font-family: var(--bebas); font-weight: 400; border: 2px solid #e2e7ef; text-transform: uppercase; }
.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(/_global/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;}
.faculty .wysiwyg h2 { font-family: var(--bebas); 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!important; background-color: var(--brandColor2); }
.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 .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: 300px; 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.75rem; font-weight: 300; text-transform: uppercase; }
.facultyInfo a .facultyName:hover, .facultyInfo a .facultyName:focus { text-decoration: underline; }
.contactInfo {display: flex; flex-flow: row wrap; background-color: var(--white); 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);}
.facultyCard .position, .facultyCard .office { font-weight:400; line-height: 1rem; }
.contactInfo .seperator {padding: 0 5px; }
.faculty .phoneNumber a {color: var(--brandColor3); 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; }
.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; }
.left-nav-wysiwyg.faculty-detail { margin-top: 2rem; }
.left-nav-wysiwyg.faculty-detail img { width: 90%; padding-bottom: 10px;}
.faculty.interior .department, .faculty.interior .office, .faculty.interior .phone, .faculty.interior .email { font-family: var(--brandFont1); font-family: var(--brandFont2);
    color: var(--bodyCopy); background-color: var(--white); font-weight: 600;}
.faculty.interior .position { font-family: var(--brandFont1); font-family: var(--brandFont2);
    color: var(--bodyCopy); background-color: var(--white); font-weight: 200; line-height:1.3em; margin-bottom:8px;}
.faculty.interior .department { font-family: var(--brandFont1); font-family: var(--brandFont2);
    color: var(--bodyCopy); background-color: var(--white); font-weight: 600; line-height:1.3em; margin-bottom:8px;}
@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; }


.facultyFilter .catDrop .newsSearch.faculty .inputGroup { width: 100%; margin: 0 0 0 10px; }						
/* Loop through department options, keep '.all' intact */
.adjunct, .adjunct.activated[style="display: none;"] { display:none !important; }
.adjunct.activated { display:block !important; }
.adjunctBox { padding:.5rem 2rem; width:25%;  }
.adjunctBox label { display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.adjunctBox label input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.adjunctBox input[type=checkbox]:checked ~ span { color: #333333; }
.adjunctBox input[type=checkbox]:checked ~ .checkmark { background-color: #fff; }
.adjunctBox input[type=checkbox]:checked ~ span { color: #333333; }
.adjunctBox .checkmark { display:block; position: absolute; top: 0; left: 0; height: 35px; width: 35px; background-color: #fff; border:2px solid #e2e7ef; }
.adjunctBox label span { display: inline-block; padding-left: 1rem; line-height: 1.125rem; color: var(--bodyCopy); font-size: 1.25rem; letter-spacing: 1px; font-family: var(--bebas); font-weight: 400; text-transform: uppercase; }
.adjunctBox input[type=checkbox]:checked ~ .checkmark:after { display: block; }
.adjunctBox label .checkmark:after { left: 9px; top: 4px; width: 8px; height: 15px; border: solid var(--darkBlue); border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.adjunctBox .checkmark:after { content: ""; position: absolute; display: none; }
.resetBtn { font-family: var(--brandFont1); height: 58px; padding: 0; margin: 0; background-color: #fff; border: 1px solid transparent; text-transform: uppercase; font-size: 1rem; font-weight: 600; letter-spacing: .08em; line-height: 1; cursor: pointer; }
.resetBtn:hover, .resetBtn:focus { color: var(--brandColor3); }
@media screen and (max-width:980px){
	.facultyFilter .catDrop .newsSearch.faculty .inputGroup { margin: 0; }
	.adjunctBox { width: 100%; padding: 15px 0 0 0; }
	.adjunctBox label span { padding: 10px 0 0 10px; }
	.resetBtn { width: auto; display: flex; margin: 10px 0 0 0; height: auto; align-self: self-end; }
}
.faculty-detail .deptWrap { margin-bottom: 1.5rem; }
.facultyCard .deptWrap { margin-bottom: .5rem; }
.facultyCard .deptWrap:last-of-type { margin-bottom: 0; }
.facultyCard .contactInfo { margin-top:0; margin-bottom:0; }