/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* CSS Document */

.news-posts-b{
font-size: calc(16rem / 14);
margin: 0 auto 50px;
}
@media only screen and (max-width: 46.875em ) {
.news-posts-b{
padding-left: calc(20rem / 24);
padding-right: calc(20rem / 24);
font-size: calc(16rem / 14);
}
}
.news-posts-b article{
position: relative;
}
.news-posts-b article a{
display: block;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-direction:normal;
-webkit-box-orient:horizontal;
-ms-flex-direction:row;
    flex-direction:row;
-webkit-box-pack:justify;
-webkit-flex-pack:justify;
-ms-flex-pack:justify;
    justify-content:space-between;
-webkit-box-align:start;
-ms-flex-align:start;
    align-items:flex-start;
padding-left: calc(25rem / 14);
padding-right: calc(25rem / 14);
border-bottom: .05rem solid #ccc;
padding-top: calc(25rem / 14);
padding-bottom: calc(25rem / 14);
position: relative;
}
@media only screen and (max-width: 46.875em ) {
.news-posts-b article a{
padding-left: calc(5rem / 24);
padding-right: calc(5rem / 24);
-webkit-box-lines:multiple;
-ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
}
.news-posts-b article a::after{
content: "";
border-bottom: .3rem solid #72cc8e;
width:  0;
height:  100%;
bottom:-.3rem;
left: 0;
position: absolute;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.news-posts-b article a:hover::after{
width:  100%;
}
.news-posts-b .day{
font-style: italic;
color: #fff;
background: #72cc8e;
width: calc(125rem / 14);
text-align: center;
border-radius: calc(15rem / 14);
letter-spacing: .05rem;
}
@media only screen and (max-width: 46.875em ) {
.news-posts-b .day{
width: calc(250rem / 24);
}
}
.news-posts-b .cat{
border: .05rem solid #72cc8e;
color: #68b881;
width: calc(125rem / 14);
text-align: center;
margin-left: calc(10rem / 14);
margin-right: calc(10rem / 14);
}
@media only screen and (max-width: 46.875em ) {
.news-posts-b .cat{
width: calc(300rem / 24);
}
}
.news-posts-b .txt{
/*width: calc(500rem / 14);*/
width: 72%;
width: calc(100% - calc(280rem / 14));
}
@media only screen and (max-width: 46.875em ) {
.news-posts-b .txt{
width:100%;
margin-top: calc(10rem / 14);
}
}