/* Uncss-ed from /css/uh/refresh/landing-page.css */
/* Uncss Resource: https://uncss-online.com/ */

/* owl carousel plugin */
/* Via https://uh.edu/css/refresh/owl.carousel.css on July 10, 2021 */
@import url('/css/uh/refresh/owl.carousel.css');

.page-section {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 3.375rem 0;
  overflow: hidden;
  /* fixes a flexbox column bug seen in IE11 https://github.com/philipwalton/flexbugs#5-column-flex-items-dont-always-preserve-intrinsic-aspect-ratios */
}

@supports (-webkit-overflow-scrolling: touch) {
  .page-section {
    background-attachment: scroll !important;
  }
}

.page-section::after {
  clear: both;
  content: '';
  display: table;
}

.page-section .container>*:last-child {
  margin-bottom: 0;
}

.page-section .section-heading {
  display: inline-block;
  margin: 0 1.5rem 0 0;
  text-transform: uppercase;
}

/* grids and carousels */

.section-grid {
  list-style: none;
  margin: 2.25rem -1.25rem -1.125rem;
  padding: 0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.section-grid:last-child {
  margin-bottom: -2.25rem;
}

.section-grid>li {
  margin-bottom: 2.25rem;
}

.section-grid .grid-image-wrapper {
  overflow: visible;
  position: relative;
  z-index: auto;
}

.section-grid .grid-image-wrapper:before {
  box-shadow: 0 15px 25px -10px rgba(84, 88, 90, 0.5);
  content: '';
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.25s ease;
  width: 100%;
}

.section-grid .grid-anchor:hover .grid-image-wrapper:before {
  opacity: 1;
}

.section-grid .grid-image {
  transition: transform 0.25s ease;
  -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
  transform: perspective(1000px) translate3d(0, 0, 0);
}

.section-grid .grid-anchor:hover .grid-image {
  -webkit-transform: perspective(1000px) translate3d(0, 0, 15px);
  transform: perspective(1000px) translate3d(0, 0, 15px);
}

.section-grid img {
  display: block;
  position: relative;
}

/* owl carousel */

.owl-carousel {
  width: auto;
  /* width: 98%; */
}

[class*="carousel-features"].owl-loaded li {
  float: none;
  padding-bottom: 1.125rem;
  margin-bottom: 0;
  position: relative;
  width: auto;
  padding: 10px;
}

[class*="carousel-features"].owl-loaded .active li:first-child {
  padding-left: 0;
}

.owl-carousel li.col-sm-4:nth-child(n+2),
.owl-carousel li.col-sm-3:nth-child(n+3) {
  display: none;
}

.owl-carousel.owl-loaded li.col-sm-4:nth-child(n+2),
.owl-carousel.owl-loaded li.col-sm-3:nth-child(n+3) {
  display: block;
}

[class*="carousel-tiles"],
[class*="carousel-cards"] {
  font-family: 'Milo';
}

[class*="carousel-tiles"].full-width,
[class*="carousel-cards"].full-width {
  padding: 5px;
}

[class*="carousel-tiles"].container-width,
[class*="carousel-cards"].container-width {
  padding: 0 calc(1.25rem - 5px);
}

[class*="carousel-tiles"] .owl-stage-outer,
[class*="carousel-cards"] .owl-stage-outer {
  padding: 0;
}

[class*="carousel-tiles"] .owl-item,
[class*="carousel-cards"] .owl-item {
  padding: 5px;
  margin: 0;
}

[class*="carousel-tiles"] li,
[class*="carousel-cards"] li {
  padding: 0;
  margin: 0;
}

[class*="carousel-cards"] li {
  background: white;
  box-shadow: 0 0 0 1px #ddd;
}

[class*="carousel-tiles"] .slide-title {
  position: absolute;
  top: 5px;
  right: 5px;
  color: white;
  background-color: #c8102e;
  padding: 0 8px;
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}

[class*="carousel-tiles"] .slide-teaser {
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  background-color: rgba(0, 0, 0, .6);
  margin: 0 5px 15px 15px;
  padding: 5px 10px;
  display: inline-block;
}

[class*="carousel-cards"] .owl-stage,
[class*="carousel-cards"] .owl-item {
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: stretch;
  align-items: stretch;
}

[class*="carousel-cards"] .slide-copy {
  padding: 15px 15px 10px;
}

[class*="carousel-cards"] .slide-title {
  margin-top: 0;
}


.owl-carousel .owl-nav {
  font-family: 'Milo', sans-serif;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
  top: 0;
  /* width: 100%; */
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}

.owl-carousel:hover .owl-nav {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  background: none;
  border: none;
  color: #c8102e;
  display: -webkit-flex;
  display: flex;
  font-size: 3rem;
  font-weight: bold;
  /* height: 100%; */
  pointer-events: auto;
  position: absolute;
  transition: color .25s ease, opacity .25s ease;
  /* width: 2.5rem; */
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.theme-slate .owl-carousel .owl-nav .owl-prev,
.theme-slate .owl-carousel .owl-nav .owl-next,
.theme-brick .owl-carousel .owl-nav .owl-prev,
.theme-brick .owl-carousel .owl-nav .owl-next,
.theme-slate .owl-carousel .owl-nav .owl-prev:hover,
.theme-slate .owl-carousel .owl-nav .owl-next:hover,
.theme-brick .owl-carousel .owl-nav .owl-prev:hover,
.theme-brick .owl-carousel .owl-nav .owl-next:hover {
  color: #fff9d9;
}

.owl-carousel .owl-nav .owl-prev {
  left: -1px;
  padding-right: 1.25rem;
}

.owl-carousel .owl-nav .owl-next {
  right: -1px;
  padding-left: 1.25rem;
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
  color: #960c22;
}

.owl-carousel .owl-nav .owl-prev:focus,
.owl-carousel .owl-nav .owl-next:focus {
  outline: none;
}

.owl-carousel .owl-nav .owl-prev.disabled,
.owl-carousel .owl-nav .owl-next.disabled,
.owl-carousel .owl-nav .owl-prev.disabled:hover,
.owl-carousel .owl-nav .owl-next.disabled:hover {
  cursor: default;
  opacity: 0;
}

@media screen and (min-width: 768px) {

  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next {
    padding: 0;
  }

  .owl-carousel .owl-nav .owl-prev {
    /* left: -0.25rem; */
    /* left: -0.625rem; */
    left: -1.25rem;
  }

  .owl-carousel .owl-nav .owl-next {
    /* right: -0.25rem; */
    /* right: -0.625rem; */
    right: -1.25rem;
  }

  .owl-carousel li:nth-child(n+2) {
    display: block;
  }

  .owl-carousel li:nth-child(n+3) {
    display: none;
  }

  .owl-carousel.owl-loaded li:nth-child(n+3) {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  .owl-carousel li:nth-child(n+2) {
    display: block;
  }

  .owl-carousel li:nth-child(n+4) {
    display: none;
  }

  .owl-carousel.owl-loaded li:nth-child(n+4) {
    display: block;
  }
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-dots {
  bottom: 0;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
}

.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  /* *display: inline; */
}

.owl-carousel .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
  background: #869791;
}

.news-carousel-container {
  position: relative;
}

.news-carousel-container .owl-stage-outer,
.news-carousel-container .owl-carousel {
  padding-left: 0;
  padding-right: 0;
}

.news-carousel-container .owl-nav {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 10;
}

.news-carousel-container .owl-prev,
.news-carousel-container .owl-next {
  position: absolute;
  top: 18%;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5) !important;
  color: #c8102e !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
  display: flex !important;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  z-index: 11;
}

.news-carousel-container .owl-prev {
  left: 0;
  transform: translateX(-50%, -50%);
}

.news-carousel-container .owl-next {
  right: 0;
  transform: translateX(50%, -50%);
}

.news-carousel-container .owl-prev span,
.news-carousel-container .owl-next span {
  display: none;
}

.news-carousel-container .owl-prev::before,
.news-carousel-container .owl-next::before {
  font-size: 4rem;
  line-height: 1;
  color: #c8102e;
}

.news-carousel-container .owl-prev::before {
  content: "←";
}

.news-carousel-container .owl-next::before {
  content: "→";
}

.news-carousel-container .owl-prev:hover,
.news-carousel-container .owl-next:hover {
  /* background: #fff !important;
  color: #960c22 !important; */
  /* color: #fff !important; */
  background: #c8102e !important;
}

.news-carousel-container .owl-prev:hover::before,
.news-carousel-container .owl-next:hover::before {
  color: #fff !important;
  /* color: #c8102e; */
}

.news-carousel-container .owl-prev.disabled,
.news-carousel-container .owl-next.disabled {
  opacity: 0;
  pointer-events: none;
}