@charset "UTF-8";

.stm_single_post_style_2, .stm_loop__single_grid_style_2 {
padding-bottom: 0;
margin-bottom: 30px;
}
.stm_single_post_style_2 h1, .stm_loop__single_grid_style_2 h1 {
margin-bottom: 40px;
font-size: 36px;
line-height: 42px;
text-transform: none !important;
}
.stm_single_post_style_2 .stm_post__tags a, .stm_loop__single_grid_style_2 .stm_post__tags a {
padding: 7px 12px 8px;
line-height: 1;
border-radius: 30px;
border: 1px solid;
background: #fff;
}
.stm_single_post_style_2 .stm_post__tags a:hover, .stm_loop__single_grid_style_2 .stm_post__tags a:hover {
color: #fff !important;
}
.stm_single_post_style_2 .stm_post_comments .comment-reply-title, .stm_loop__single_grid_style_2 .stm_post_comments .comment-reply-title {
font-size: 36px;
}
.stm_single_post_style_2 .stm_loop_excerpt, .stm_loop__single_grid_style_2 .stm_loop_excerpt {
font-size: 14px;
line-height: 26px;
}
.stm_single_post_style_2 .comment-form, .stm_loop__single_grid_style_2 .comment-form {
background: #f7f7f7;
padding: 40px 40px 20px;
}
.stm_single_post_style_2 .comment-form .form-submit, .stm_loop__single_grid_style_2 .comment-form .form-submit {
text-align: right;
}
.stm_single_post_style_2 .comment-form .form-submit button[type="submit"]:not(.btn):after, .stm_loop__single_grid_style_2 .comment-form .form-submit button[type="submit"]:not(.btn):after {
content: "" !important;
font-family: 'stmicons' !important;
}
.stm_single_post_style_2 .comment-form .comment-form-comment textarea, .stm_loop__single_grid_style_2 .comment-form .comment-form-comment textarea {
min-height: 100px;
height: 100px;
}
.stm_single_post_style_2 .comment-form .form-control:focus, .stm_loop__single_grid_style_2 .comment-form .form-control:focus {
background-color: #fff;
}
.stm_single_post_style_2 .stm_loop__container, .stm_loop__single_grid_style_2 .stm_loop__container {
border: 1px solid #e6e6e6;
}
.stm_single_post_style_2 .stm_loop__container .stm_single__image, .stm_loop__single_grid_style_2 .stm_loop__container .stm_single__image {
margin: -1px;
}
.stm_single_post_style_2 .stm_loop__container .stm_single__image img, .stm_loop__single_grid_style_2 .stm_loop__container .stm_single__image img {
width: 100%;
}
.stm_single_post_style_2 h5, .stm_loop__single_grid_style_2 h5 {
font-weight: bold !important;
}
.stm_single_post_style_2 .stm_single-date, .stm_loop__single_grid_style_2 .stm_single-date {
width: 75px;
height: 75px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
left: 15px;
z-index: 1;
margin: 0;
padding: 0;
}
.stm_single_post_style_2 .stm_single-date .day, .stm_loop__single_grid_style_2 .stm_single-date .day {
color: #fff;
line-height: 1;
font-size: 24px;
font-weight: 700;
line-height: 18px;
margin: 0 0 5px;
}
.stm_single_post_style_2 .stm_single-date .month, .stm_loop__single_grid_style_2 .stm_single-date .month {
font-size: 14px;
line-height: 1;
color: #fff;
display: block;
}
.stm_single_post_style_2 .stm_single-date:before, .stm_loop__single_grid_style_2 .stm_single-date:before {
display: none;
}
.stm_single_post_style_2 .stm_loop__meta, .stm_loop__single_grid_style_2 .stm_loop__meta {
padding: 23px 30px 43px;
}
.stm_single_post_style_2:hover .stm_loop__container, .stm_loop__single_grid_style_2:hover .stm_loop__container {
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.07);
border-color: transparent;
}
@media (max-width: 550px) {
.stm_single_post_style_2 .stm_post_details {
display: block;
}
.stm_single_post_style_2 .stm_post_details .post_date {
display: none;
}
.stm_single_post_style_2 .stm_post_details .post_details {
padding: 10px;
display: block;
}
.stm_single_post_style_2 .stm_post_details .comments_num {
text-align: left;
}
}
.stm_post_details {
border: 0;
padding: 0;
font-size: 13px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.stm_post_details > ul {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.stm_post_details > ul li {
text-transform: none;
}
.stm_post_details .post_details {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1;
-ms-flex-align: center;
align-items: center;
height: 100%;
min-height: 75px;
padding: 0 20px;
}
.stm_post_details .post_details .post_by {
min-width: 168px;
padding-right: 20px;
}
.stm_post_details .post_details .post_cat {
max-width: 400px;
}
.stm_post_details .post_date {
margin-right: 25px;
width: 75px;
height: 75px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.stm_post_details .post_date .day {
color: #fff;
line-height: 1;
font-size: 24px;
font-weight: 700;
line-height: 18px;
margin: 0 0 5px;
}
.stm_post_details .post_date .month {
font-size: 14px;
line-height: 1;
color: #fff;
display: block;
}
.stm_post_details .comments_num a {
color: #777777 !important;
font-weight: normal;
text-transform: none;
}
.stm_post_details .comments_num a i {
font-size: 17px;
margin-right: 5px;
}
.stm_loop__single_list_style_2 {
padding-bottom: 0;
margin-bottom: 30px;
}
.stm_loop__single_list_style_2:last-child {
margin-bottom: 60px;
}
.stm_loop__single_list_style_2 .stm_loop__container {
border: 1px solid #e6e6e6;
display: -ms-flexbox;
display: flex;
}
.stm_loop__single_list_style_2 .h5 {
white-space: nowrap;
display: block;
margin-bottom: 12px;
overflow: hidden;
max-width: 100%;
text-overflow: ellipsis;
}
.stm_loop__single_list_style_2 .stm_loop__post_image {
max-width: 350px;
position: relative;
margin: -1px 0 -1px -1px;
min-width: 75px;
min-height: 75px;
}
.stm_loop__single_list_style_2 .stm_loop__post_image img {
max-width: 100%;
}
.stm_loop__single_list_style_2 .stm_loop__content {
overflow: hidden;
-ms-flex: 1;
flex: 1;
padding: 26px 30px 0;
}
.stm_loop__single_list_style_2 .stm_single-date {
width: 75px;
height: 75px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
z-index: 1;
margin: 0;
padding: 0;
}
.stm_loop__single_list_style_2 .stm_single-date .day {
color: #fff;
line-height: 1;
font-size: 24px;
font-weight: 700;
line-height: 18px;
margin: 0 0 5px;
}
.stm_loop__single_list_style_2 .stm_single-date .month {
font-size: 14px;
line-height: 1;
color: #fff;
display: block;
}
.stm_loop__single_list_style_2 .stm_single-date:before {
display: none;
}
.stm_loop__single_list_style_2:after {
display: none;
}
.stm_loop__single_list_style_2 .stm_post_details {
margin-bottom: 20px;
border: none;
padding: 0;
}
.stm_loop__single_list_style_2:hover .stm_loop__container {
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.07);
border-color: transparent;
}
@media (max-width: 1024px) {
.stm_loop__single_list_style_2 .h5 {
white-space: normal;
}
.stm_loop__single_list_style_2 .stm_loop__post_image {
max-width: 350px;
}
}
@media (max-width: 550px) {
.stm_loop__single_list_style_2 {
width: 100%;
}
.stm_loop__single_list_style_2 .stm_loop__container {
display: block;
}
.stm_loop__single_list_style_2 .stm_loop__post_image {
display: block;
width: 100%;
max-width: inherit;
}
.stm_loop__single_list_style_2 .stm_loop__post_image img {
width: 100%;
}
}
ul.comment-list .comment .vcard img {
border: 0;
border-radius: 50%;
}
ul.comment-list .comment .comment-meta {
margin-bottom: 10px;
font-size: 13px;
text-transform: none;
color: #888;
}
ul.comment-list .comment .comment-meta a {
color: #888;
}
ul.comment-list .comment .comment-author a {
font-size: 15px;
}
ul.comment-list .comment .comment-text p {
line-height: 22px;
}
ul.comment-list .children > li {
position: relative;
border-color: #ddd;
}
ul.comment-list .children > li .vcard {
width: 70px;
}
ul.comment-list .children > li:before {
content: '';
top: -6px;
width: 10px;
height: 10px;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
background: #fff;
transform: rotate(45deg);
}
ul.comment-list .children .children > li:before {
left: 37px;
}
ul.comment-list .children .children .children {
margin-left: 0;
}
.comment-reply-title,
.comments-title {
font-size: 26px;
font-weight: 800;
text-transform: none;
}
.comment-reply-title {
margin-bottom: 20px;
}
.stm_post_comments .comment-form {
padding: 50px 55px 25px;
background: #eeeff2;
}
.stm_post_comments .comment-form .form-group {
margin-bottom: 20px;
}