/* Carousel Container */
.carousel-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

/* flexslider Wrapper */
.flexslider {
    border: rgba(0, 0, 0, 0.0)!important;
    background: rgba(0, 0, 0, 0.0)!important;
    width: 100%;
    height: 15rem;
    /* Adjust to fit three slides */
    overflow: hidden;
    margin-bottom: 0 !important;
}

/* Ensure only one full slide is visible inside the viewport */
.flexslider .flex-viewport {
    overflow: hidden !important;
    height: 15rem !important;
    /* Adjust height */
}

.flexslider .flex-viewport::before {
    display:block;
    position:absolute;
    content:'';
    z-index:1;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:5rem;
    mask-repeat:no-repeat;
    mask-size:100%;
    background:white;
    mask-image:linear-gradient(black, transparent);
    pointer-events:none;
}

.flexslider .slides li.blank-slide { visibility: hidden; }

.flexslider .flex-viewport::after {
    display:block;
    position:absolute;
    content:'';
    z-index:1;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:5.6rem;
    mask-repeat:no-repeat;
    mask-size:100%;
    background:white;
    mask-image:linear-gradient(transparent, black);
    pointer-events:none;
}

/* Style each slide */
.flexslider .slides li {
    border-radius: 10px;
    min-height: 5rem;
    margin: 0;
    text-align:left;
}

.video-chapters .flexslider ul.slides {display:none;}

.flexslider ul.slides li {
    position: relative;
}

.flexslider .slides a {
    font-size: 1.25rem;
    text-decoration: none;
    font-weight: 600;
    transition: font-size 0.2s ease, color 0.2s ease;
    color:#404041;
    pointer-events:auto;
}

.flexslider .slides .flex-active-chapter a {
    /*font-size: 1.6rem;*/
    color:#0B77BD;
}

.flexslider .slides > li  {display:block!important;}

.flexslider .slides .flex-middle-slide a {
  font-size: 1.75rem;
}

.flexslider ul.slides li p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin:0;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    line-height:1.1;
}

/* Navigation Container */
.chapter-nav {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    height:2rem;
}

/* Style navigation buttons */
.chapter-prev,
.chapter-next {
    opacity: 1 !important;
    visibility: visible !important;
    background: rgba(255, 255, 255, 0.0);
    outline: none;
    border:none;
    transition: all .3s ease;
    color:#404041;
    width:100%;
}

/* Hover effect */
.chapter-prev:hover,
.chapter-next:hover {
    transform: scale(1.2);
}

/* Position navigation buttons */
.chapter-prev {
    top: -3.125rem;
}

.chapter-prev .fa-chevron-left, .chapter-next .fa-chevron-right {
    transform:rotate(90deg);
    font-size:2rem;
    cursor:pointer;
}

.chapter-prev .fa-chevron-left:hover, .chapter-next .fa-chevron-right:hover {
  color:#0D77BD;
}

.chapter-next .all--color--white .fa-chevron-right:hover, 
.chapter-prev .all--color--white .fa-chevron-left:hover,
.flexslider .slides .flex-active-chapter a.all--color--white {
	color: #FCB813;
}

.all--color--white .flexslider .flex-viewport:after, .all--color--white .flexslider .flex-viewport:before {
	background: #0B77BD;
}

.flexslider.background--lightgrey .flex-viewport:after, .flexslider.background--lightgrey .flex-viewport:before {
	background: #F9F9F9;
}

.chapter-next {
    bottom: -3.125rem;
}

/*Small desktop*/

@media(min-width:1024px) and (max-width: 1200px) {

  .flexslider .slides li {
      min-height: 5.25rem;
  }

  .flexslider {
      height: 15.75rem;
  }

  .flexslider .flex-viewport {
      height: 15.75rem; !important;
  }
  
  .flexslider .slides p {
    font-size: 1.15rem;
  }

  .flexslider .slides .flex-middle-slide a {
    font-size: 1.5rem;
  }
  
}


/*Tablet*/
@media (min-width: 768px) and (max-width: 1023px) {

    /* Style each slide */
  .flexslider .slides li {
      min-height: 5.25rem;
  }

    /* flexslider Wrapper */
  .flexslider {
      height: 15.75rem;
  }

  /* Ensure only one full slide is visible inside the viewport */
  .flexslider .flex-viewport {
      height: 15.75rem !important;
  }
  
  .flexslider .slides p {
    font-size: 1.15rem;
  }
  
/*  .flexslider .slides .flex-active-chapter a {
    font-size: 1.5rem;
  } */

  .flexslider .slides .flex-middle-slide a {
    font-size: 1.4rem;
  }
  
}


/*Mobile*/
@media (max-width: 767px) {

  /* Style each slide */
  .flexslider .slides li {
      min-height: 5.6rem;
  }

    /* flexslider Wrapper */
  .flexslider {
      height: 16.8rem;
  }

  /* Ensure only one full slide is visible inside the viewport */
  .flexslider .flex-viewport {
      height: 16.8rem !important;
  }
  
  .flexslider .slides p {
    font-size: 1.25rem;
  }
  
 /* .flexslider .slides .flex-active-chapter a {
    font-size: 1.6rem;
  } */

  .flexslider .slides .flex-middle-slide a {
    font-size: 1.6rem;
  }
  
}