@charset "UTF-8";
/* CSS Document */

		
.blogCarousel.owl-carousel {background:none !important}
.carousel-wrap {  padding:16px 12%; width: 76vw;  margin: 42px auto; position: relative; text-align: center; background:#e0e3e5; color:#000; border-top:4px solid #8B2942; border-bottom:4px solid #8B2942}


@media (min-width:400px){
	.carousel-wrap { width: 78vw;  padding:18px 11%;}
}

@media (min-width:600px){
	.carousel-wrap { width: 88vw;  padding:24px 6%;}
	
}

.blogCarousel.owl-carousel .owl-nav{
    overflow: hidden;
    height: 0px;
  }

.owl-theme .owl-dots .owl-dot.active span, 
  .owl-theme .owl-dots .owl-dot:hover span {
      background: #2caae1;
  }


  .blogCarousel.owl-carousel .item {
      text-align: center;
	  background:#fff; 
	  position:relative;
	  z-index:0;
  }
  .blogCarousel.owl-carousel .nav-btn{
      height: 47px;
      position: absolute;
      width: 26px;
      cursor: pointer;
      top: 30% !important;
  }

  .blogCarousel.owl-carousel .owl-prev.disabled,
  .blogCarousel.owl-carousel .owl-next.disabled{
    pointer-events: none;
    opacity: 0.1 !important;
  }

  .blogCarousel.owl-carousel .prev-slide{
      background: url('https://www.thehhour.com/wp-content/themes/h-hour/images/nav-icon.png') no-repeat scroll 0 0;
      left: -33px;
  }
  .blogCarousel.owl-carousel .next-slide{
      background: url('https://www.thehhour.com/wp-content/themes/h-hour/images/nav-icon.png') no-repeat scroll -24px 0px;
      right: -33px;
  }
  .blogCarousel.owl-carousel .prev-slide:hover{
     background-position: 0px -53px;
  }
  .blogCarousel.owl-carousel .next-slide:hover{
    background-position: -24px -53px;
  }
	
  span.img-text {
    text-decoration: none;
    outline: none;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    cursor: pointer;
    width: 100%;
    font-size: 23px;
    display: block;
    text-transform: capitalize;
  }
  span.img-text:hover {
    color: #2caae1;
  }

.blogCarousel.owl-carousel .prev-slide, .owl-carousel .next-slide  {height:55px !important; overflow:hidden}
.blogCarousel.owl-carousel .prev-slide {
background: url('https://www.thehhour.com/wp-content/themes/h-hour/images/nav-icon.png') no-repeat scroll 0 0;
left: -33px;
}

		.blogCarousel.owl-carousel .next-slide {
background: url('https://www.thehhour.com/wp-content/themes/h-hour/images/nav-icon.png') no-repeat scroll -24px 0px;
right: -33px;
}
.carousel-wrap > h2 {text-transform:uppercase; margin-top:8px !important }
.carouselContent {padding:18px 5%; text-align:left; font-size:1em; min-height:120px; position:relative; color:#225384; font-weight:bold}
.carouselLink {position:absolute; z-index:2; top:0; right:0; bottom:0; left:0; }
.carouselRightArrow {width:66px; position:absolute; right:5%; bottom:22px;  z-index:1; height:42px !important}
.carouselLink:hover ~ .carouselContent .carouselRightArrow {opacity:.7}
.carouselDate { position:absolute; z-index:1; left:5%; bottom:36px; height:12px !important; color:#666; font-weight:500}


.blogCarousel.owl-carousel .prev-slide, .owl-carousel .next-slide {color: rgba(255, 255, 255, 0);}

/* changing the sizing so any proportion will display with white on the sides if not the right exact proportion of 600px x 400px */

.imageWrap img {object-fit:scale-down;}
.imageWrap {aspect-ratio: 3/2; width:100%;}
.owl-carousel .owl-item img {display: block; width: auto !important; height:100%;  max-width:100% !important;  text-align:center; margin:0 auto !important;  }