.ut-articles-pro{--ut-ap-gutter-x:30px;--ut-ap-gutter-y:30px;}

.ut-articles-pro .articles-wrapper{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;align-content: flex-start;-webkit-align-content: flex-start; padding-left: 0;padding-right: 0;}
.ut-articles-pro .filter-options{margin: -5px -5px 30px;}
.ut-articles-pro .filter-options .filter-item{padding: 5px;}
.ut-articles-pro .article-list .article-media > div{position: relative;overflow: hidden;margin: 0;border-radius: initial;border-bottom: none;}
.ut-articles-pro .article-list .article-media + .article-body > div{margin-top: 20px;}
.ut-articles-pro .article-list .article-media img{width: 100%;border-radius: initial;}
.ut-articles-pro .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-pro .article-intro-image .article-header h3,
.ut-articles-pro .article-intro-image .article-header a{color: #FFF;}
.ut-articles-pro .article-intro-image .article-header > *:last-child{margin-bottom: 0;}
.ut-articles-pro .article{margin-bottom: var(--ut-ap-gutter-y);}
.ut-articles-pro .article-introtext p{margin-bottom: 0;}
.ut-articles-pro .readmore{margin-top: 15px;}

/* For small devices (phones) */
@media (min-width: 576px) and (max-width: 767.98px){
	.ut-articles-pro .article-list .article-media + .body-left-sm > div,
	.ut-articles-pro .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-pro .article-list .article-media + .body-left-md > div,
	.ut-articles-pro .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-pro .article-list .article-media + .body-left-lg > div,
	.ut-articles-pro .article-list .article-media + .body-right-lg > div{margin-top: 0;}
}
/* For Extra large devices to more (desktops) */
@media (min-width: 1200px){
	.ut-articles-pro .article-list .article-media + .body-left-xl > div,
	.ut-articles-pro .article-list .article-media + .body-right-xl > div{margin-top: 0;}
}

/* gutters */
.ut-articles-pro .row{margin-left: calc(-.5*var(--ut-ap-gutter-x));margin-right: calc(-.5*var(--ut-ap-gutter-x));}
.ut-articles-pro .articles-wrapper div[class*="col-"]{padding-right: calc(var(--ut-ap-gutter-x)/2);padding-left: calc(var(--ut-ap-gutter-x)/2);}

/* Fix for default Helix style */
.ut-articles-pro .article{padding: 0;border: none;border-radius: initial;}
