/**
 * Theme Name: Responsive Articles
 * Template:   responsive
 * ...other header fields
 */
 
 
.comment-respond { background-color: #eaeaea !important; }

/** images **/
img.aligncenter.size-large { width: 100%; max-width:605px; } 
figure {  width: 100% !important; }
.wp-caption img { max-width: 100% !important; }
figure figcaption { color: #fff; background-color:#333; font-style: normal !important; }
.wp-caption { max-width: 100% !important; padding: 0px !important; }

/** support the website **/


.entry-content h2 { font-size: 1.3em !important; background: cadetblue !important; color: #fff !important; padding: 0.5em !important; display:inline-block !important; margin: 1em 0 0 0; }

 /** ARCHIVE NEWS ARTICLES **/

.frontpagewrapper .post-entry    { width: 31%; margin: 5px; background-color: #f5f5f5; border: 2px solid orangered; border-radius: 6px; position: relative; }
.frontpagewrapper .blogpostimage { margin: 0.2em 0.5em; color:#333; }
.frontpagewrapper .post-meta .vcard, .read-more { display: inline; padding-right: 1em; padding-bottom: 1em; right: 0px; width: 100%; text-align: right; float: right; }
.frontpagewrapper .post-meta .vcard, .read-more a { font-weight:bold; }
.frontpagewrapper .infeedadblock  { display:none; }
.frontpagewrapper .archiveimage     { height: 150px; }
.frontpagewrapper .archiveimage img { height: 150px; width: 280px; object-fit: cover; border-radius:4px 4px 0 0; border:0px; border-bottom: 2px solid white;  }
.frontpagewrapper .excerptblock   { position: relative; }

.frontpagewrapper .datebox    { position: absolute; top: 0px; left: 1em; border-left: 2px solid white; border-right: 2px solid white; border-bottom: 2px solid white; }
.frontpagewrapper .datemonth  { border-bottom: solid 1px rgba(255, 255, 255, 0.6); -moz-border-radius: 1px 1px 0px 0px; -ms-border-radius: 1px 1px 0px 0px; -o-border-radius: 1px 1px 0px 0px; -webkit-border-radius: 1px 1px 0px 0px; border-radius: 1px 1px 0px 0px; font-size: 11px; position: relative; text-transform: uppercase; padding: 0 1em; }
.frontpagewrapper .dateribbon { background-color: orangered; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); color: #fff; }
.frontpagewrapper .dateday    { font-size: 17px; padding: 5px 0; text-align: center; }
.frontpagewrapper .blogpostimage { font-size: 1em; min-height: 125px; }
.frontpagewrapper .footercat  { text-align: right; padding: 0.2em 0.5em; margin-top: 0.5em; text-transform: capitalize; font-size: 0.9em; border-top: 1px solid rgba(0,0,0,0.2); float: right; position: absolute; bottom: 0px; right: 0px; }

@media (max-width: 600px) {
    .frontpagewrapper .post-entry {
        width: 46%;
        margin: 5px;
    }
}