/**
* Base Colors
*/
/**************************
  Media Queries
***************************/
/*************************
  Fonts
**************************/
/*************************
  Button colours
**************************/
/*************************
  Location page colours
**************************/
/*************************
  Form colours
**************************/
/*************************
  Sidebar variables
**************************/
/*************************
  404 button background
**************************/
/*************************
  Results Partial
**************************/
/*************************
  Swiper
**************************/
/*************************
  Footer Top
**************************/
/* Additional Mixins */
.uppercase-title {
  font-family: var(--secondary-font), sans-serif;
  color: #2b2b2b;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 27px;
  letter-spacing: 0.15rem;
  text-align: center;
}

.video-library {
  padding-top: 0;
}

.video-library__categories {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: -68px;
}

@media (max-width: 767px) {
  .video-library__categories {
    margin-top: -89px;
    margin-bottom: 50px;
    flex-direction: column;
  }
}
.video-library__categories li {
  position: relative;
  margin: 0;
}

.video-library__categories li a {
  position: relative;
  display: block;
  padding: 18px 35px;
  background-color: #D8D9D9;
  color: #9A0D16;
  text-align: center;
  font-family: Aleo;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  transition: all 0.3s ease;
}

.video-library__categories li a:hover, .video-library__categories li a.active {
  background-color: #FFFFFF;
}

.video-library__categories li.video-library__category-item--parent > a::after {
  content: "";
  position: relative;
  top: -4px;
  display: inline-block;
  width: 10px;
  height: 5px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewBox="0 0 10 5" fill="none"><g clip-path="url(%23clip0_1733_2396)"><path d="M0.154571 0.737104L4.29143 4.04586C4.36481 4.10449 4.45595 4.13642 4.54987 4.13642C4.6438 4.13642 4.73493 4.10449 4.80831 4.04586L8.94517 0.736194C9.01228 0.682695 9.06107 0.609624 9.08475 0.52713C9.10843 0.444636 9.10583 0.356815 9.07731 0.275865C9.04879 0.194916 8.99577 0.124858 8.92562 0.0754215C8.85546 0.0259852 8.77165 -0.000374446 8.68582 4.01903e-06H0.413921C0.32813 -7.05018e-05 0.244433 0.0265061 0.174401 0.0760605C0.104368 0.125615 0.051458 0.1957 0.0229833 0.276628C-0.00549151 0.357556 -0.00812453 0.445331 0.0154481 0.527821C0.0390208 0.610311 0.0876351 0.683441 0.154571 0.737104Z" fill="%239A0D16"/></g><defs><clipPath id="clip0_1733_2396"><rect width="9.1" height="4.55" fill="white"/></clipPath></defs></svg>') center/auto no-repeat;
  margin-left: 10px;
  transition: all 0.3s ease;
}

.video-library__categories li.video-library__category-item--parent > a:hover::after {
  transform: rotate(180deg);
}

.video-library__categories li.video-library__category-item--parent:hover .video-library__category-subitems {
  display: block;
  position: absolute;
  top: 68px;
  left: 0;
  width: 100%;
  padding: 0;
  box-shadow: -6px 3px 13px 0px rgba(0, 0, 0, 0.1294117647);
  z-index: 1;
}

.video-library__categories li.video-library__category-item--parent:hover .video-library__category-subitems .video-library__category-item a {
  font-size: 16px;
  line-height: normal;
}

.video-library__categories > li > a:hover::before, .video-library__categories > li > a.active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5px;
  background-color: #9A0D16;
}

.video-library__category-subitems {
  display: none;
}

.video-library .videos-grid-container {
  background: #FFF;
  box-shadow: 4px 4px 9.3px 4px rgba(0, 0, 0, 0.15);
  padding: 40px;
}

.video-library .videos-grid-container .videos-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 2%;
  row-gap: 55px;
}

.video-library .videos-grid-container .videos-grid__item {
  position: relative;
  max-width: 396px;
  width: 30%;
  padding-bottom: 70px;
}

@media (max-width: 991px) {
  .video-library .videos-grid-container .videos-grid__item {
    padding-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .video-library .videos-grid-container .videos-grid__item {
    width: 100%;
  }
}
.video-library .videos-grid-container .videos-grid__item-link-permalink {
  display: block;
  color: #9A0D16;
  font-family: Cabin;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  text-decoration: underline;
  margin-top: 15px;
  position: absolute;
  bottom: 0;
}

@media (max-width: 991px) {
  .video-library .videos-grid-container .videos-grid__item-link-permalink {
    position: relative;
    bottom: unset;
  }
}
.video-library .videos-grid-container .videos-grid__item-link-permalink::after {
  content: "";
  position: relative;
  display: inline-block;
  width: 8px;
  height: 9px;
  background: url(../images/icons/icon-play-red.svg) center/contain no-repeat;
  margin-left: 8px;
}

.video-library .videos-grid-container .videos-grid__item .video-thumb {
  position: relative;
  margin-bottom: 28px;
}

.video-library .videos-grid-container .videos-grid__item .video-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 63px;
  aspect-ratio: 1;
  background: url(../images/icons/icon-play-red-circle.svg) center/contain no-repeat;
  transition: all 0.3s ease;
}

.video-library .videos-grid-container .videos-grid__item .video-thumb:hover::after {
  transform: translate(-50%, -50%) scale(1.1);
}

.video-library .videos-grid-container .videos-grid__item .video-thumb img {
  width: 100%;
  height: auto;
  aspect-ratio: 396/222;
  object-fit: cover;
  object-position: center;
}

.video-library .videos-grid-container .videos-grid__item .video-title {
  color: #080101;
  font-size: 19px;
  font-weight: 700;
  line-height: 30px;
}

.video-library .videos-grid-container .videos-grid__item .video-meta {
  color: #575454;
  font-size: 14px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 40px;
  width: 95%;
}

@media (max-width: 767px) {
  .video-library .videos-grid-container .videos-grid__item .video-meta {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .video-library .videos-grid-container .videos-grid__item .video-meta {
    position: relative;
    bottom: unset;
  }
}
.video-library .blog-pagination {
  margin-top: 60px;
}

.hero-video-library {
  background-color: #000000;
  min-height: unset;
}

.hero-video-library .section-content {
  padding-top: 53px;
  padding-bottom: 125px;
  text-align: center;
}

/*# sourceMappingURL=video-library.css.map*/