.articles-grid-wrapper { font-size: 0; margin: 0 -15px; padding: 50px 0 }
.articles-grid-wrapper .col { width: 33.33%; display: inline-block; vertical-align: top; padding: 0 15px 30px; }
.articles-grid-wrapper .col .box-shadow { width: 100%; display: inline-block; background: #fff; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }
.no-touch .articles-grid-wrapper .col .box-shadow:hover { box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.22); }
.no-touch .articles-grid-wrapper .col .box-shadow:hover .date-main { background: rgba(160,31,37,0.82); }
.no-touch .articles-grid-wrapper .col .box-shadow:hover .img { position: relative; }

.no-touch .articles-grid-wrapper .col .box-shadow:hover h3,
.no-touch .articles-grid-wrapper .col .box-shadow:hover h3 a { color: #ac2b31; }
.articles-grid-wrapper .col .img { width: 100%; display: inline-block; position: relative; display: block !important; width: 100% !important; overflow: hidden; }
.articles-grid-wrapper .col img { display: inline-block; object-fit: cover; width: 100%; }
.articles-grid-wrapper .col .img a { display: block; height: 0; overflow: hidden; position: relative; z-index: 1; padding-bottom: 74.33%; }
.articles-grid-wrapper .col .img a img { bottom: 0; display: block !important; height: auto; left: 0; margin: auto; max-width: 100% !important; position: absolute; right: 0; top: 0; }
.articles-grid-wrapper .col .date-main { width: 68px; height: 68px; background: rgba(0,0,0,0.49); position: absolute; top: 0; left: 0; text-align: center; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; z-index: 1; }
.articles-grid-wrapper .col .date-main span { color: #fff; display: block; text-transform: uppercase; }
.articles-grid-wrapper .col .date-main .date { font-size: 30px; font-weight: 600; font-family: 'SourceSansPro-Semibold'; }
.articles-grid-wrapper .col .date-main .month { font-size: 18px; font-weight: 600; font-family: 'SourceSansPro-Semibold'; }
.articles-grid-wrapper .col .cont { padding: 27px 24px 27px 19px; border: solid 1px #cccccc; border-top: 0; }
.articles-grid-wrapper .col h3,
.articles-grid-wrapper .col h3 a { font-size: 16px; line-height: 24px; font-weight: 600; color: #000; }
.articles-grid-wrapper .col h3 { margin-bottom: 10px; height: 48px; overflow: hidden; max-width: 283px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.articles-grid-wrapper .col p { font-size: 14px; line-height: 21px; height: 63px; overflow: hidden; font-weight: 400; text-align: justify; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.articles-grid-wrapper .col .date-main.red{background: #ac2b31;}
.no-touch .articles-grid-wrapper .col .box-shadow:hover .date-main.red{background: rgba(0,0,0,0.49);}
 @media screen and (max-width: 1024px) {
.articles-grid-wrapper { padding: 30px 0 15px; }
.articles-grid-wrapper .col .cont { padding: 15px; }
.articles-grid-wrapper { margin: 0 -7.5px; }
.articles-grid-wrapper .col { padding: 0 7.5px 15px; }
.articles-grid-wrapper .col h3, .articles-grid-wrapper .col h3 a {
    font-size: 18px;
    line-height: 22px;
}
}
 @media screen and (max-width: 768px) {
.articles-grid-wrapper .col { width: 50%; }
.articles-grid-wrapper .col h3,
.articles-grid-wrapper .col h3 a { font-size: 18px; line-height: 24px; }
.articles-grid-wrapper .col .date-main { width: 58px; height: 58px; }
.articles-grid-wrapper .col .date-main .date { font-size: 24px; }
.articles-grid-wrapper .col .date-main .month { font-size: 16px; }
}
@media screen and (max-width: 479px) {
.articles-grid-wrapper .col p{text-align:left;}
}
@media screen and (max-width: 400px) {
.articles-grid-wrapper .col { width: 100%; padding-left: 0; padding-right: 0; }
.articles-grid-wrapper { margin: 0px; }
.articles-grid-wrapper .col h3,
.articles-grid-wrapper .col h3 a { font-size: 16px; line-height: 22px; }
.articles-grid-wrapper .col h3,
.articles-grid-wrapper .col h3 a { max-width: 100%; }
.articles-grid-wrapper .col h3,
.articles-grid-wrapper .col p { height: auto; }
}


/* editor */
.cms-main-cont .container { text-align:left !important; }
.cms-main-cont .container h1, 
.cms-main-cont .container h2, 
.cms-main-cont .container h3, 
.cms-main-cont .container h4, 
.cms-main-cont .container h5, 
.cms-main-cont .container h6 { margin-bottom: 0.6rem; line-height: 1.2; text-transform: none !important; margin-top:1.8rem; padding: 0; }
.cms-main-cont .container h1 { margin-top: 0; } 
.cms-main-cont .container h2 { font-size:24px; } 
.cms-main-cont .container h3 { font-size:22px; }
.cms-main-cont .container h4 { font-size:20px; }
.cms-main-cont .container h5 { font-size:18px; } 
.cms-main-cont .container h6 { font-size:16px; }
.cms-main-cont .container ol { list-style: decimal; margin: 0; padding: 0 0 0 20px; margin: 0 0 20px; }
.cms-main-cont .container ol li { margin: 0; padding: 0; font-size:15px; line-height:24px; color:#000; list-style: decimal; }
.cms-main-cont .container ol li ol { list-style: decimal; margin: 0; padding: 0 0 0 20px; }
.cms-main-cont .container ol li ol li { margin: 0; padding: 0; }
.cms-main-cont .container ul { list-style: none !important; margin: 0; padding: 0 0 0 20px; margin: 0 0 15px 20px; }
.cms-main-cont .container ul li { margin: 0; padding: 0; font-size:15px; line-height:24px; color:#000; list-style: disc !important; display: list-item; }
.cms-main-cont .container ul li ul { list-style: none; margin: 0; padding: 0 0 0 20px; }
.cms-main-cont .container ul li ul li { margin: 0; padding: 0; list-style: disc !important; display: list-item; }
.cms-main-cont .container p { margin-top: 0; margin-bottom: 15px; font-size:16px; line-height:24px; color:#000; text-align: justify; margin-left: 0 !important; }
.cms-main-cont .container  b, 
.cms-main-cont .container strong { font-weight: bold; color:#000; }
.cms-main-cont .container img  { max-width:100%;display: inline-block; }
.cms-main-cont .container iframe { width: 100% !important; }
.cms-main-cont .container blockquote {

    padding: 2px 0;

    border-style: solid;

    border-color: #ccc;

    border-width: 0;

    padding-left: 20px;

    padding-right: 8px;

    border-left-width: 5px;
    margin-left: 20px;
    margin-bottom: 15px;

}

/* editor */