:root {
  --transparent: transparent;
  --white-color: #fff;
  --gray-color: #f2f2f2;
  --dark-color: #282828; }

/*
$fs-base:           16px !default;
$fs-xss:            0.625rem;
$fs-xs:             0.75rem;
$fs-s:              0.875rem;
$fs-l:              1.125rem;
$fs-xl:             1.25rem;
$fs-2xl:            1.5rem;
$fs-3xl:            2rem;
$fs-4xl:            3em;
$fs-5xl:            4em;
*/
.bgcover, .staff-section .staff-slider .staff-wrap .staff-inner .image, .staff-section .staff-accordion .staff-wrap .staff-inner .image {
  background-position: center;
  background-size: cover; }

.inset, .staff-section .staff-slider .staff-wrap .staff-inner:before, .staff-section .staff-slider .staff-wrap .staff-inner .image, .staff-section .staff-slider .staff-wrap .staff-inner .main-link, .staff-section .staff-accordion .staff-wrap .staff-inner .image {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0; }

.button-reset {
  background-color: transparent;
  border: none;
  padding: 0; }

.flex-wrap {
  display: flex;
  flex-flow: wrap; }

@media (min-width: 992px) {
  .wow {
    visibility: hidden; } }

.w-100 {
  width: 100%; }

.staff-section .staff-inner {
  position: relative; }

@media (max-width: 480px) {
  .staff-section .slick-arrow {
    top: -30%; } }

.staff-section .staff-slick-prev {
  color: white;
  left: 0;
  font-size: 24px; }

.staff-section .staff-slick-next {
  right: 0;
  color: white;
  font-size: 24px; }
  @media (min-width: 767px) {
    .staff-section .staff-slick-next {
      padding-right: 20px; } }

@media (max-width: 1199px) {
  .staff-section .section-title {
    padding-top: 50px; } }

@media (max-width: 767px) {
  .staff-section .section-title {
    padding-top: 40px; } }

.staff-section .staff-slider {
  height: 20vw;
  opacity: 0; }
  .staff-section .staff-slider .staff-wrap {
    display: flex !important; }
    .staff-section .staff-slider .staff-wrap .staff-inner {
      align-items: center;
      display: flex !important;
      justify-content: center;
      min-height: 20vw;
      position: relative;
      width: 100%;
      z-index: 1; }
      @media (max-width: 1350px) {
        .staff-section .staff-slider .staff-wrap .staff-inner {
          min-height: 25vw; } }
      @media (max-width: 1199px) {
        .staff-section .staff-slider .staff-wrap .staff-inner {
          min-height: 33vw; } }
      @media (max-width: 767px) {
        .staff-section .staff-slider .staff-wrap .staff-inner {
          min-height: 50vw; } }
      @media (max-width: 480px) {
        .staff-section .staff-slider .staff-wrap .staff-inner {
          flex-flow: wrap;
          min-height: 100vw; } }
      .staff-section .staff-slider .staff-wrap .staff-inner:before {
        background-color: #F4F1EF;
        content: '';
        opacity: 0;
        position: absolute;
        transition: .3s;
        z-index: -1; }
      .staff-section .staff-slider .staff-wrap .staff-inner .image {
        position: absolute;
        z-index: -2;
        min-height: 20vw; }
        @media (max-width: 1350px) {
          .staff-section .staff-slider .staff-wrap .staff-inner .image {
            min-height: 25vw; } }
        @media (max-width: 1199px) {
          .staff-section .staff-slider .staff-wrap .staff-inner .image {
            min-height: 33vw; } }
        @media (max-width: 767px) {
          .staff-section .staff-slider .staff-wrap .staff-inner .image {
            min-height: 50vw; } }
        @media (max-width: 480px) {
          .staff-section .staff-slider .staff-wrap .staff-inner .image {
            min-height: 100vw; } }
        @media (max-width: 480px) {
          .staff-section .staff-slider .staff-wrap .staff-inner .image {
            height: 75vw;
            position: static;
            width: 100%; } }
      .staff-section .staff-slider .staff-wrap .staff-inner .main-link {
        position: absolute;
        z-index: 1; }
        @media (max-width: 480px) {
          .staff-section .staff-slider .staff-wrap .staff-inner .main-link {
            display: none; } }
      .staff-section .staff-slider .staff-wrap .staff-inner .hover-text {
        opacity: 0;
        padding: 20px 50px;
        text-align: center;
        width: 100%; }
        @media (min-width: 1200px) {
          .staff-section .staff-slider .staff-wrap .staff-inner .hover-text {
            transform: translateY(10px);
            transition: transform .1s ease-in-out .1s, opacity .1s ease-in-out 0s; } }
        @media (max-width: 1350px) {
          .staff-section .staff-slider .staff-wrap .staff-inner .hover-text {
            padding: 20px 30px; } }
        @media (max-width: 480px) {
          .staff-section .staff-slider .staff-wrap .staff-inner .hover-text {
            opacity: 1;
            padding: 30px 20px; } }
        .staff-section .staff-slider .staff-wrap .staff-inner .hover-text .name {
          color: var(--primary-color);
          font-weight: 400;
          margin: 0 0 5px; }
        .staff-section .staff-slider .staff-wrap .staff-inner .hover-text .position {
          color: var(--secondary-color);
          font-weight: 400;
          letter-spacing: .1em;
          margin-bottom: 10px;
          text-transform: uppercase; }
        .staff-section .staff-slider .staff-wrap .staff-inner .hover-text .excerpt {
          margin-bottom: 20px; }
        .staff-section .staff-slider .staff-wrap .staff-inner .hover-text .link {
          color: var(--primary-color); }
          .staff-section .staff-slider .staff-wrap .staff-inner .hover-text .link:after {
            background-color: var(--primary-color);
            bottom: -10px;
            width: 100%; }
      @media (min-width: 481px) {
        .staff-section .staff-slider .staff-wrap .staff-inner:hover:before {
          opacity: 1; }
        .staff-section .staff-slider .staff-wrap .staff-inner:hover .hover-text {
          opacity: 1;
          transform: translateY(0);
          transition: transform .5s ease-in-out 0s, opacity .3s ease-in-out 0s; } }

.staff-section .staff-accordion {
  display: flex;
  background-color: #F4F1EF;
  overflow-x: hidden; }
  @media (max-width: 1199px) {
    .staff-section .staff-accordion {
      flex-flow: wrap; } }
  .staff-section .staff-accordion .staff-wrap {
    display: flex;
    transition: .7s ease-in-out;
    width: 20vw; }
    @media (max-width: 1199px) {
      .staff-section .staff-accordion .staff-wrap {
        width: 100%; }
        .staff-section .staff-accordion .staff-wrap:nth-child(2n) .staff-inner {
          flex-direction: row-reverse; } }
    .staff-section .staff-accordion .staff-wrap .staff-inner {
      background-color: #F4F1EF;
      display: flex;
      position: relative;
      width: 100%; }
      @media (max-width: 600px) {
        .staff-section .staff-accordion .staff-wrap .staff-inner {
          flex-wrap: wrap; } }
      .staff-section .staff-accordion .staff-wrap .staff-inner .image {
        min-height: 20vw;
        width: 100%; }
        @media (max-width: 1199px) {
          .staff-section .staff-accordion .staff-wrap .staff-inner .image {
            height: 50vw;
            width: 50%; } }
        @media (max-width: 600px) {
          .staff-section .staff-accordion .staff-wrap .staff-inner .image {
            flex-wrap: wrap;
            height: 75vw;
            width: 100%; } }
      .staff-section .staff-accordion .staff-wrap .staff-inner .hover-text {
        align-items: center;
        background-color: #F4F1EF;
        bottom: 0;
        display: flex;
        justify-content: center;
        left: 100%;
        overflow: hidden;
        position: absolute;
        text-align: center;
        top: 0;
        width: 15vw; }
        @media (max-width: 1199px) {
          .staff-section .staff-accordion .staff-wrap .staff-inner .hover-text {
            height: 50vw;
            left: 0;
            position: relative;
            width: 50%; } }
        @media (max-width: 600px) {
          .staff-section .staff-accordion .staff-wrap .staff-inner .hover-text {
            flex-wrap: wrap;
            height: auto;
            width: 100%; } }
        .staff-section .staff-accordion .staff-wrap .staff-inner .hover-text .text-inner {
          max-width: 250px;
          padding: 20px; }
          @media (max-width: 1199px) {
            .staff-section .staff-accordion .staff-wrap .staff-inner .hover-text .text-inner {
              max-width: 400px; } }
          @media (max-width: 600px) {
            .staff-section .staff-accordion .staff-wrap .staff-inner .hover-text .text-inner {
              padding: 40px 20px; } }
        .staff-section .staff-accordion .staff-wrap .staff-inner .hover-text .name {
          color: var(--primary-color);
          font-weight: 400;
          margin: 0 0 5px; }
        .staff-section .staff-accordion .staff-wrap .staff-inner .hover-text .position {
          color: var(--secondary-color);
          font-weight: 400;
          letter-spacing: .1em;
          margin-bottom: 10px;
          text-transform: uppercase; }
        .staff-section .staff-accordion .staff-wrap .staff-inner .hover-text .excerpt {
          margin-bottom: 20px; }
    @media (min-width: 1200px) {
      .staff-section .staff-accordion .staff-wrap.show {
        margin-right: 15vw; } }

.staff-section .section-text {
  margin: 0 auto;
  padding: 40px 0 50px;
  max-width: 1090px;
  text-align: center; }

@media (min-width: 1350px) and (max-width: 1440px) {
  .staff-section .hover-text {
    padding: 10px;
    max-height: 274px;
    overflow-y: hidden;
    font-size: 85%; } }

.staff-section .staff-box .slick-slide {
  height: 100%; }

.staff-section .staff-box .staff-inner::before {
  border-radius: 6px; }

.staff-section .staff-box .single-staff-box {
  padding: 15px; }
  .staff-section .staff-box .single-staff-box .staff-image {
    border-radius: 5px; }

/**
* @ Temporary CSS
* Home page - Staff slider
*/
.staff-section .staff-inner .slick-arrow i {
  text-shadow: 2px 2px 14px #462a3e; }

@media screen and (max-width: 480px) {
  .staff-section .staff-inner .slick-arrow {
    top: calc(-30% - 30px); }
  .staff-section .staff-inner .slick-arrow.staff-slick-prev {
    left: 15px; }
  .staff-section .staff-inner .slick-arrow.staff-slick-next {
    right: 15px; } }

.editor-styles-wrapper .staff-section .staff-slider {
  opacity: 1 !important;
  display: flex; }