.articleList.boxed article.article-summary{

	margin-bottom: 25px;
	position: relative;
	padding: 15px;
	background-color: #fff;
	box-shadow: 0 0 5px rgba(100,100,100,.3);
}

.articleList.boxed article.article-summary > div.row{
	margin:0;
}

#articleList .articleList.boxed article.article-summary [class^="col"]{
	padding-top: 15px;
}




.articleList.boxed article.article-summary .image{
	position: relative;
	padding: 0 !important;
	padding-right: 15px !important;
}

@media screen and (max-width: 768px){
	.articleList.boxed article.article-summary .image{
		background: #f1f1f1;
		background: -moz-linear-gradient(bottom,#f1f1f1 0,#f7f7f7 50%,#fff 100%);
		background: -webkit-linear-gradient(bottom,#f1f1f1 0,#f7f7f7 50%,#fff 100%);
		background: linear-gradient(to top,#f1f1f1 0,#f7f7f7 50%,#fff 100%);
	}
}

.articleList.boxed article.article-summary .image .article-icons span{

    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    margin: 0 .14285714em;
    background-color: #e8e8e8;
    background-image: none;
    padding: .5833em .833em;
    color: rgba(0,0,0,.6);
    text-transform: none;
    font-weight: 700;
    border: 0 solid transparent;
    border-radius: .28571429rem;
    -webkit-transition: background .1s ease;
    transition: background .1s ease;

    min-width: max-content;
	border-radius: 0 .28571429rem .28571429rem 0;
	border-color: rgba(0,0,0,.15);

	margin-right: -1.2em;
	padding-left: calc(1rem + 1.2em);
	padding-right: 1.2em;

	color: #fff !important;

	position: absolute;
	z-index: 2;

	left: calc(-1rem - 1.7em);
}

.articleList.boxed article.article-summary .image .article-icons span:nth-child(2n+1){
	top:5px;
}

.articleList.boxed article.article-summary .image .article-icons span:nth-child(2n){
	top:60px;
}

.articleList.boxed article.article-summary .image .article-icons span::after{
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    background-color: transparent !important;
    border-style: solid;
    border-width: 0 1.2em 1.2em 0;
    border-color: transparent;
    border-right-color: inherit;
    width: 0;
    height: 0;
}

.articleList.boxed article.article-summary .image div.article-icons span.article-type{
	background-color: var(--theme-color);
}

.articleList.boxed article.article-summary .image div.article-icons span.article-type::after {
    border-right-color: var(--theme-color);
    border-top-color: var(--theme-color);
}

.articleList.boxed article.article-summary .image div.article-icons span.article-subject{
	background-color: #9f1326;
}

.articleList.boxed article.article-summary .image div.article-icons span.article-subject::after{
	 border-right-color: #9f1326;
    border-top-color: #9f1326;
}





.articleList.boxed article.article-summary .desc{
	background: #f1f1f1;
	background: -moz-linear-gradient(top,#f1f1f1 0,#f7f7f7 50%,#fff 100%);
	background: -webkit-linear-gradient(top,#f1f1f1 0,#f7f7f7 50%,#fff 100%);
	background: linear-gradient(to bottom,#f1f1f1 0,#f7f7f7 50%,#fff 100%);
	position: relative;
	padding-bottom: 65px;
}

.articleList.boxed article.article-summary .desc .action-list{
	position: absolute;
	left: 15px;
	bottom: 15px;
	width: calc(100% - 30px);
}


#articleList .articleList.boxed article.article-summary .desc h5{
	margin-top: 0;
}

/* RTL */

body[dir="rtl"] .articleList.boxed article.article-summary .image{
	padding-right: 0px !important;
	padding-left: 15px !important;
}

body[dir="rtl"] .articleList.boxed article.article-summary .image .article-icons span{


	border-radius:.28571429rem  0 0 .28571429rem;

	margin-left: -1.2em;
	margin-right: 0em;

	padding-left: 1.2em;
	padding-right: calc(1rem + 1.2em);

	left: auto;
	right: calc(-1rem - 1.6em);
}

body[dir="rtl"] .articleList.boxed article.article-summary .image .article-icons span::after{
    
    left: auto;
    right: 0;
    transform: scaleX(-1);
}