/*--------------------------------------------------------------

# PAGES



Styles for pages of website

If it's specifi to an only page - please add a custom page stylesheet



--------------------------------------------------------------*/

/* POST CAROUSEL */
.uc_overlay_image_carousel .uc_carousel .owl-nav {
  position: absolute;
  left: 50%;
  width: calc(100vw - 10px);
  transform: translateX(-50%);
  top: 50%;
}

.uc_overlay_image_carousel .uc_carousel .owl-nav button {
  position: absolute;
  top: -32px !important;
}

.uc_overlay_image_carousel .uc_carousel .owl-nav .owl-prev {
  left: 0 !important;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 23"><path fill="%23000" d="M12.674 22.514.53 11.75 12.674.94h2.622L3.152 11.75l12.144 10.764h-2.622Z"/></svg>') no-repeat center transparent;
  background-size: 16px auto;
}

.uc_overlay_image_carousel .uc_carousel .owl-nav .owl-next {
  right: 0 !important;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 16 23"><path fill="%23000" d="M3.326 22.514 15.47 11.75 3.326.94H.704l12.144 10.81L.704 22.514h2.622Z"/></svg>') no-repeat center transparent;
  background-size: 16px auto;
}

.uc_overlay_image_carousel .uc_carousel .owl-nav .owl-prev:hover,
.uc_overlay_image_carousel .uc_carousel .owl-nav .owl-next:hover {
  background-color: transparent !important;
}

.uc_overlay_image_carousel .uc_carousel .owl-dots {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 100%);
  bottom: -50px;
}

.uc_overlay_image_carousel .uc_carousel .owl-dots .owl-dot {
  border-radius: 0 !important;
}

.owl-item .uc_image_carousel_content {
  min-height: unset !important;
}

.owl-item .uc_image_carousel_content .ue_post_btn_holder {
  padding-top: 25px;
}

.owl-item .uc_image_carousel_content .ue_post_btn_holder .uc_more_btn {
  padding-right: 17px;
  transition: padding-right 0.3s ease-in-out;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 12"><path fill="%23000" d="M.881.72h2.76l5.808 5.496-5.808 5.52H.881l5.808-5.52L.881.72Z"/></svg>') right center no-repeat;
  background-size: 11px auto;
}

.owl-item .uc_image_carousel_content .ue_post_btn_holder .uc_more_btn:hover {
  padding-right: 22px;
}