.ut-articles-carousel{--uac-gutter-x:30px;--uac-gutter-y:30px;}

.ut-articles-carousel{position: relative;}
.ut-articles-carousel .article-list .article-media > div{position: relative;overflow: hidden;margin: 0;border-radius: initial;border-bottom: none;}
.ut-articles-carousel .article-list .article-media + .article-body > div{margin-top: 20px;}
.ut-articles-carousel .article-list .article-media img{width: 100%;border-radius: initial;}
.ut-articles-carousel .article-intro-image .article-header{color:#FFF; padding:20px; position: absolute;left: 0;bottom: 0;width: 100%;background: linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.2) 70%,rgba(0,0,0,0) 100%);}
.ut-articles-carousel .article-intro-image .article-header h3,
.ut-articles-carousel .article-intro-image .article-header a{color: #FFF;}
.ut-articles-carousel .article-intro-image .article-header > *:last-child{margin-bottom: 0;}
.ut-articles-carousel .article{margin-bottom: var(--uac-gutter-y);}
.ut-articles-carousel .article-introtext p{margin-bottom: 0;}
.ut-articles-carousel .article-introtext + .article-info{margin-bottom: 0;margin-top: 1rem;}
.ut-articles-carousel .readmore{margin-top: 15px;}

/* For small devices (phones) */
@media (min-width: 576px) and (max-width: 767.98px){
	.ut-articles-carousel .article-list .article-media + .body-left-sm > div,
	.ut-articles-carousel .article-list .article-media + .body-right-sm > div{margin-top: 0;}
}

/* For medium devices (tablets) */
@media (min-width: 768px) and (max-width: 991.98px){
	.ut-articles-carousel .article-list .article-media + .body-left-md > div,
	.ut-articles-carousel .article-list .article-media + .body-right-md > div{margin-top: 0;}
}

/* For large devices (notebooks) */
@media (min-width: 992px) and (max-width: 1199.98px){
	.ut-articles-carousel .article-list .article-media + .body-left-lg > div,
	.ut-articles-carousel .article-list .article-media + .body-right-lg > div{margin-top: 0;}
}
/* For Extra large devices to more (desktops) */
@media (min-width: 1200px){
	.ut-articles-carousel .article-list .article-media + .body-left-xl > div,
	.ut-articles-carousel .article-list .article-media + .body-right-xl > div{margin-top: 0;}
}

/* gutters */
.ut-articles-carousel .row{margin-left: calc(-.5*var(--uac-gutter-x));margin-right: calc(-.5*var(--uac-gutter-x));}
.ut-articles-carousel .row div[class*="col-"]{padding-right: calc(var(--uac-gutter-x)/2);padding-left: calc(var(--uac-gutter-x)/2);}

/* Fix for default Helix style */
.ut-articles-carousel .article{padding: 0;border: none;border-radius: initial;}

/* navigation */
.ut-articles-carousel .uac-navigation{margin: 0 -7px;}
.ut-articles-carousel .uac-navigation > div{display: inline-block;margin: 0 7px;cursor: pointer;line-height: 1; padding: 5px;user-select: none;}
.ut-articles-carousel .uac-navigation > div.swiper-button-disabled{opacity: .5;pointer-events: none;}
.ut-articles-carousel .uac-navigation.bottom{text-align: center;}
.ut-articles-carousel .uac-navigation.top{text-align: right;margin-bottom: 20px;}
.ut-articles-carousel .uac-navigation.middle{margin: 0;}
.ut-articles-carousel .uac-navigation.middle > div{margin: 0; position: absolute;top: 50%; z-index: 10;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.ut-articles-carousel .uac-navigation.middle > .uac-nav-prev{left: 0; right: auto;}
.ut-articles-carousel .uac-navigation.middle > .uac-nav-next{right: 0; left: auto;}

/* Pagination */
.ut-articles-carousel > .swiper-pagination{position: relative;margin: -4px -7px;line-height: 1;bottom: 0;}
.ut-articles-carousel > .swiper-pagination .swiper-pagination-bullet{margin: 4px 7px;}
.ut-articles-carousel .swiper-pagination-bullet{width: 12px; height: 12px;}
.ut-articles-carousel .uac-navigation.bottom + .swiper-pagination{margin-top: 15px;}