.faculty-page {
  background-color: #343741;
  overflow-x: hidden;
  padding: 62px 7% 100px;
}

.faculty-page h1,
.faculty-page hr {
  margin-left: auto;
  margin-right: auto;
  max-width: 1074px;
  text-align: center;
}
.faculty-page hr {
  border-top: 2px solid #fa4616;
  opacity: 1;
}
.faculty-page .faculty-row {
  flex-wrap: wrap;
  justify-content: center !important;
  padding-top: 0px;
}
@media (min-width: 1050px) {
  .faculty-page .faculty-row {
    justify-content: flex-start;
  }
}
.faculty-page .faculty-listing-item {
  margin-bottom: 45px;
  max-width: 300px;
}
@media (min-width: 1050px) {
  .faculty-page .faculty-listing-item {
    margin-bottom: 20px;
    width: auto;
  }
}
.faculty-page .faculty-listing-item .faculty-listing-img {
  display: block;
  overflow: hidden;
  position: relative;
  max-height: 300px;
}
.faculty-page .faculty-listing-item:hover .faculty-listing-img img { 
filter: grayscale(100%); 
transition: all 0.3s ease-in-out; 
}

.faculty-page .faculty-listing-item .faculty-listing-img:after {
  background-color: #A3A3A3;
  content: "";
  height: 100%;
  left: 0;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  transform: translateX(101%);
  transition: all 0.2s ease-in-out;
  width: 100%;
  z-index: 9999999;
}
.faculty-page .faculty-listing-item .faculty-listing-img:focus:after {
  transform: translateX(0);
}
.faculty-page .faculty-listing-item .faculty-listing-img img {
  width: 100%;
}
.faculty-page .faculty-listing-item .faculty-listing-img.hovered:after {
  transform: translateX(0);
}
.faculty-page .faculty-listing-item .faculty-listing-bio {
  margin-top: 10px;
}
.faculty-page .faculty-listing-item .faculty-listing-bio .faculty-tel {
  font-family: var(--light-weight-sans);
  font-size: 20px;
  line-height: 28px;
  text-decoration: none;
}
.faculty-page .faculty-listing-item .faculty-listing-bio a,
.faculty-page .faculty-listing-item .faculty-listing-bio p {
  color: #fff;
  display: block;
  font-size: 20px;
  margin-bottom: 5px;
}
.faculty-page .faculty-listing-item .faculty-listing-bio a strong,
.faculty-page .faculty-listing-item .faculty-listing-bio p strong {
  display: block;
}
.faculty-page .faculty-listing-item .faculty-listing-bio a:focus,
.faculty-page .faculty-listing-item .faculty-listing-bio a:hover,
.faculty-page .faculty-listing-item .faculty-listing-bio p:focus,
.faculty-page .faculty-listing-item .faculty-listing-bio p:hover {
  text-decoration: none;
}
.faculty-page .loadmore-light {
  background-color: transparent !important;
  color: #343741 !important;
}
@media (max-width: 420px) {
  .faculty-page .loadmore-light:focus,
  .faculty-page .loadmore-light:hover {
    background-color: transparent !important;
    color: #343741 !important;
  }
  .faculty-page .loadmore-dark:hover {
    background-color: #343741 !important;
    color: #f4f6f6 !important;
  }
  .faculty-page .animated-border-button:after,
  .faculty-page .animated-border-button:before {
    width: 87% !important;
  }
}
.faculty-page .container-fluid {
  max-width: 1920px;
}
.editor-styles-wrapper .faculty-page .faculty-listing-item {
  width: 100%;
}
.editor-styles-wrapper .faculty-row .block-editor-block-list__layout {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  justify-content: space-evenly;
  padding-top: 70px;
}
.faculty-row .block-editor-block-list__block .block-list-appender {
  background-color: hsla(0, 0%, 100%, 0.761);
  position: relative;
}
.faculty-page .editor-styles-wrapper h1 {
  color: #fff !important;
}
.editor-styles-wrapper .faculty-page hr {
  border-top: 2px solid #fa4616 !important;
  margin-left: auto;
  margin-right: auto;
  max-width: 1074px;
  opacity: 1 !important;
  text-align: center;
}
.faculty-page.light {
  background-color: #f4f6f6 !important;
}
.faculty-page.light .h1,
.faculty-page.light h1 {
  color: #000;
}
.faculty-page.light .faculty-listing-item .faculty-listing-bio a,
.faculty-page.light .faculty-listing-item .faculty-listing-bio p {
  color: #000 !important;
  line-height: 26px !important;
  margin-bottom: 6px !important;
}
.faculty-page.light .faculty-listing-item .faculty-listing-bio .faculty-bio-header-text {
  color: #000000 !important;
}
.block-editor-inner-blocks .faculty-listing-img {
  mix-blend-mode: unset !important;
}
/* Adjusts title */


/* Adjust sub heading */
.font-subHeading {
  text-align: center;
  margin-bottom: 0 !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Forces staff to be alone on row */
.full_width {
  width: 100%;
  display: flex;
  justify-content: center;
}
.faculty-listing-wrapper {
  margin: 0 10px 0 10px
}
.subTitle-wrapper {
  margin-bottom: 10px;
}
.faculty-listing-bio p {
  font-size: 100%;
}

/* General Mobile Adjustments */
@media (max-width: 768px) {
  .font-heading strong {
    font-size: 34px;
  }
  .faculty-page {
    padding: 40px 5% 60px;
  }

  .faculty-page h1 {
    font-size: 32px;
    line-height: 38px;
    letter-spacing: 0.1em;
  }

  .faculty-page hr {
    max-width: 90%;
  }

  .faculty-page .faculty-row {
    flex-wrap: wrap;
    justify-content: center !important;
    padding-top: 20px;
  }

  .faculty-page .faculty-listing-item {
    margin-bottom: 30px;
    max-width: 90%;
  }

  .faculty-page .faculty-listing-item .faculty-listing-img img {
    object-fit: contain;
  }
  
  .faculty-page .faculty-listing-item .faculty-listing-bio a,
  .faculty-page .faculty-listing-item .faculty-listing-bio p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px;
  }

  .faculty-page.light .faculty-listing-item .faculty-listing-bio a,
  .faculty-page.light .faculty-listing-item .faculty-listing-bio p {
    font-size: 16px !important;
    line-height: 22px !important;
    margin-bottom: 8px !important;
  }

  /* Adjust heading size */
  .font-heading strong {
    font-size: 28px;
    letter-spacing: normal;
    text-shadow: none;
  }
}

.wp-block-create-block-faculty-landing {
  margin-top: 20px;
  margin-bottom: 20px;
}
.faculty-bio-header-text  {
    font-family: var(--semi-bold-sans);
    display: block;}


    .faculty-bio-header-text p {
    color: #fff;
    display: block;
    font-size: 20px;
    font-family: var(--light-weight-sans);
    margin-bottom: 5px;
}
.faculty-tel {
    text-decoration: none;
    font-family: var(--light-weight-sans);
    font-size: 20px;
    line-height: 28px;
}