@media screen and (min-width:768px){
.post_item span.publish-date {
display: inline;
position: relative;
top: 2.23em;
color: white;
background-color: #d82430;
padding: 1em 1em 1em 1em;
border-bottom-right-radius: 1.4em;
font-size: 1.1em;
}
.post_item .top_post_sect {
min-height: 10em;
}
.post_item .top_post_sect img {
width: 100%;
}
.post_item .top_post_sect {
min-height: 10em;
display: inline-block;
position: relative;
width: 100%;
}
.post_header {
background-color: #0f0f0f;
padding: 4em 1em 4em 1em;
display: inline-block;
width: 100%;
}
.post_header .container {
background-color: transparent;
color: white;
text-align: center;
}
.post_header .container h1.post_heading {
color: #d82430;
font-weight: 700;
font-size: 5em;
text-transform: capitalize;
}
.post_header .container p.post_text {
font-size: 1.6em;
width: 70%;
margin: auto;
}
.post_start {
display: inline-block;
position: relative;
width: 100%;
background-color: #ececec;
}
.post_dec_sec {
background-color: white;
padding: 0.5em 0.5em;
}
.post_start .container {
background-color: #ececec;
}
.post_start .container .post_item h2 {
background-color: white;
margin-bottom: 1em;
}
h1.categories_title {
font-size: 1.5em;
font-weight: 700;
text-align: left;
margin-bottom: 0;
}
.post_dec_sec a {
color: #d82430;
}
.post_navigation span {
background-color: #a5a5a5;
padding: 4px 7px;
margin: 0px 6px;
}
.post_start ul li {
border-top: 1px solid #dd565f;
padding-bottom: 0px;
margin-bottom: -6px;
padding-top: 0.4em;
}
.post_navigation a {
background-color: #a5a5a5;
padding: 4px 6px;
margin: 0px 5px;
}
.post_navigation span.page-numbers.current {
background-color: #c9212e;
color: white;
}
.post_navigation {
display: inline-block;
position: relative;
width: 100%;
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
}
}
@media screen and (max-width:767px){
.hide_on_mobile {
display: none;
}
.post_item span.publish-date {
display: inline;
position: relative;
top: 2.23em;
color: white;
background-color: #d82430;
padding: 1em 1em 1em 1em;
border-bottom-right-radius: 1.4em;
font-size: 1.1em;
}
.post_item .top_post_sect {
min-height: 10em;
}
.post_item .top_post_sect img {
width: 100%;
}
.post_item .top_post_sect {
min-height: 10em;
display: inline-block;
position: relative;
width: 100%;
}
.post_header {
background-color: #0f0f0f;
padding: 1em 1em 1em 1em;
display: inline-block;
width: 100%;
}
.post_header .container {
background-color: transparent;
color: white;
text-align: center;
}
.post_header .container h1.post_heading {
color: #d82430;
font-weight: 700;
font-size: 1.9em;
text-transform: capitalize;
}
.post_header .container p.post_text {
font-size: .9em;
width: 99%;
margin: auto;
}
.post_start {
display: inline-block;
position: relative;
width: 100%;
background-color: #ececec;
}
.post_dec_sec {
background-color: white;
padding: 0.5em 0.5em;
}
.post_start .container {
background-color: #ececec;
}
.post_start .container .post_item h2 {
background-color: white;
margin-bottom: 1em;
font-size: 1em;
}
h1.categories_title {
font-size: 1.5em;
font-weight: 700;
text-align: left;
margin-bottom: 0;
}
.post_dec_sec a {
color: #d82430;
}
.post_navigation span {
background-color: #a5a5a5;
padding: 4px 7px;
margin: 0px 6px;
}
.post_start ul li {
border-top: 1px solid #dd565f;
padding-bottom: 0px;
margin-bottom: -6px;
padding-top: 0.4em;
}
.post_navigation a {
background-color: #a5a5a5;
padding: 4px 6px;
margin: 0px 5px;
}
.post_navigation span.page-numbers.current {
background-color: #c9212e;
color: white;
}
.post_navigation {
display: inline-block;
position: relative;
width: 100%;
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
}
.post_dec_sec h1 {
font-size: 1em;
}
}