/*  
---------------------------------------------------
Listings
---------------------------------------------------  
*/

/* Labels */
.listing .item .labels {
  padding-top: var(--base-half-spacing);
}

.listing .item .image ~ .labels {
  position: absolute;
  z-index: 21;
  padding-top: 0;
}

.item:not(.item_text-left):not(.no-image) .image ~ .labels {
  left: 5px;
}

.item:not(.item_text-above):not(.no-image) .image ~ .labels {
  top: 5px;
}

.item.item_text-above:not(.no-image) .image ~ .labels {
  bottom: 5px;
}

.item .labels > .label {
  margin-right: -2px;
  padding: 1px 4px;
}

/**************************** CAROUSEL BUTTONS ****************************/
.slick-next,
.slick-prev {
  position: absolute !important;
  top: -78px !important;
  right: calc((100% - 1120px) / 2) !important;
  left: unset !important;
  color: rgba(var(--c2-borders), 1) !important;
  background-color: transparent !important;
  border-radius: 50% !important;
}

/* base */
.base-bg .slick-next,
.base-bg .slick-prev {
  color: rgba(var(--base-highlight-text), 1) !important;
  border: 1px solid rgba(var(--base-highlight-text), 1) !important;
}
.base-bg .slick-disabled.slick-next, 
.base-bg .slick-disabled.slick-prev {
  color: rgba(var(--base-highlight), 1) !important;
  border: rgba(var(--base-highlight), 1) solid 1.5px !important;
}

/* c1 */
.c1-bg .slick-next,
.c1-bg .slick-prev {
  color: rgba(var(--c1-highlight-text), 1) !important;
  border: 1px solid rgba(var(--c1-highlight-text), 1) !important;
}
.c1-bg .slick-disabled.slick-next, 
.c1-bg .slick-disabled.slick-prev {
  color: rgba(var(--c1-highlight), 1) !important;
  border: rgba(var(--c1-highlight), 1) solid 1.5px !important;
}

/* c2 */
.c2-bg .slick-next,
.c2-bg .slick-prev {
  color: rgba(var(--c2-highlight-text), 1) !important;
  border: 1px solid rgba(var(--c2-highlight-text), 1) !important;
}
.c2-bg .slick-disabled.slick-next, 
.c2-bg .slick-disabled.slick-prev {
  color: rgba(var(--c2-highlight), 1) !important;
  border: rgba(var(--c2-highlight), 1) solid 1.5px !important;
}

/* c3 */
.c3-bg .slick-next,
.c3-bg .slick-prev {
  color: rgba(var(--c3-highlight-text), 1) !important;
  border: 1px solid rgba(var(--c3-highlight-text), 1) !important;
}
.c3-bg .slick-disabled.slick-next, 
.c3-bg .slick-disabled.slick-prev {
  color: rgba(var(--c3-highlight), 1) !important;
  border: rgba(var(--c3-highlight), 1) solid 1.5px !important;
}

/* c4 */
.c4-bg .slick-next,
.c4-bg .slick-prev {
  color: rgba(var(--c4-highlight-text), 1) !important;
  border: 1px solid rgba(var(--c4-highlight-text), 1) !important;
}
.c4-bg .slick-disabled.slick-next, 
.c4-bg .slick-disabled.slick-prev {
  color: rgba(var(--c4-highlight), 0.5) !important;
  border: rgba(var(--c4-highlight), 0.5) solid 1.5px !important;
}
.c4-bg .slick-slider .slick-dots li.slick-active > button {
  background: rgba(var(--c4-highlight-text), 1) !important;
}

/* c5 */
.c5-bg .slick-next,
.c5-bg .slick-prev {
  color: rgba(var(--c5-highlight-text), 1) !important;
  border: 1px solid rgba(var(--c5-highlight-text), 1) !important;
}
.c5-bg .slick-disabled.slick-next, 
.c5-bg .slick-disabled.slick-prev {
  color: rgba(var(--c5-highlight), 1) !important;
  border: rgba(var(--c5-highlight), 1) solid 1.5px !important;
}

/* c6 */
.c6-bg .slick-next,
.c6-bg .slick-prev {
  color: rgba(var(--c6-highlight-text), 1) !important;
  border: 1px solid rgba(var(--c6-highlight-text), 1) !important;
}
.c6-bg .slick-disabled.slick-next, 
.c6-bg .slick-disabled.slick-prev {
  color: rgba(var(--c6-highlight), 1) !important;
  border: rgba(var(--c6-highlight), 1) solid 1.5px !important;
}

/* c7 */
.c7-bg .slick-next,
.c7-bg .slick-prev {
  color: rgba(var(--c7-highlight-text), 1) !important;
  border: 1px solid rgba(var(--c7-highlight-text), 1) !important;
}
.c7-bg .slick-disabled.slick-next, 
.c7-bg .slick-disabled.slick-prev {
  color: rgba(var(--c7-highlight), 1) !important;
  border: rgba(var(--c7-highlight), 1) solid 1.5px !important;
}

.slick-prev {
  right: calc(((100% - 1120px) / 2) + 60px) !important;
}

/* .slick-disabled.slick-next, 
.slick-disabled.slick-prev {
  color: #777777 !important;
  border: #777777 solid 1.5px !important;
} */

.slick-disabled {
  pointer-events: none;
}

@media (max-width: 1200px) {
  .slick-next,
  .slick-prev {
    right: 24px !important;
  }

  .slick-prev {
    right: calc(24px + 60px) !important;
  }
}

@media (max-width: 768px) {
  .slick-next,
  .slick-prev {
    display: none !important;
  }
}

/**************************** CAROUSEL PADDINGS ****************************/
.carousel-padding {
  padding: 0;
}

.carousel-padding .container {
  padding-right: calc(var(--bs-gutter-x));
  padding-left: calc(var(--bs-gutter-x));
}

.carousel-padding .slick-list {
  padding-left: calc((100% - 1120px) / 2) !important;
}

@media (max-width: 1200px) {
  .carousel-padding .slick-list {
    padding-left: var(--spacing-2xl) !important;
    padding-right: var(--spacing-2xl) !important;
  }
}

@media (max-width: 992px) {
 .carousel-padding .item:not(:has(+ .usn_pod_fundcard)) {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .carousel-no-intro {
    padding-top: 115px;
  }
}

/**************************** CUSTOM CAROUSEL ****************************/
.quick-news-carousel .slick-prev,
.quick-news-carousel .slick-next {
  display: block !important;
  right: unset !important;
  top: unset !important;
  left: 0 !important;
  bottom: -78px !important;
}

@media (max-width: 768px) {
.quick-news-carousel .slick-prev,
.quick-news-carousel .slick-next {
  bottom: -90px !important;
}
}

.quick-news-carousel .slick-next {
  left: 52px !important;
}

.quick-news-carousel .slick-prev {
  left: 0 !important;
}
@media (min-width: 768px) {
  .quick-news-carousel .slick-prev.slick-arrow,
  .quick-news-carousel .slick-next.slick-arrow {
    border: none !important;
  }
  .quick-news-carousel .slick-next {
    left: 134px !important;
  }
}

.quick-news-carousel-wrapper .indicator {
  position: absolute;
  left: 64px;
  bottom: -64px;
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  line-height: 120%;
  letter-spacing: 0.03em;
}

.quick-news-carousel-wrapper .currentSlide {
  font-weight: 700;
  color: #0076AD;
}

.quick-news-carousel .slick-disabled {
  color: #767676 !important;
}

.listing-row .item {
   margin-bottom: 0 !important; 
}

/* .listing-pods .usn_pod_textimage.item_text-below {
  padding: calc(var(--spacing-2xl) + var(--spacing-s)) !important;
} */

.listing-component .component-main .item-blog .inner .info {
    padding: var(--spacing-2xl);
}

.listing-component .component-main .item-blog .inner .info .category {
    padding-bottom: var(--spacing-m);
}