@charset "UTF-8";
.blogmainwrap {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row;flex-wrap:wrap;align-items:stretch;margin: 0 -8px;width: auto;}
.blogmainwrap .large-article {width:25%;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;flex-wrap:wrap;align-items:stretch;align-items:stretch;margin-bottom: 56px;padding: 8px;}
.blogmainwrap .large-article .large-article-content-summary {order:-1;flex-grow:0;}
.blogmainwrap .large-article .large-article-content-summary .blogSnipText {font-size: small;display: none;}
.blogmainwrap .large-article .large-article-content-summary .blogSnipImg {max-height:168px;min-height:168px;overflow: hidden;display: block;margin-bottom: 16px;}
.large-article-header > p {flex-grow:0;font-size: small; display: inline-block}
.blogmainwrap .blog-pagination {width:100%;}
.blogmainwrap h2 {margin-bottom: 3px;font-size: smaller;}
.blogmainwrap p {margin-bottom: 16px;font-size: smaller;}
.large-article-content img {max-width:100%; height:auto;}
.blogmainwrap .large-article .large-article-content-summary {margin-bottom:0px;}
.blogSearch a { margin-left: 8px}
.blogRightColumn > div { margin-bottom:32px}
.blogRightRecent > a { display:block; margin-top: 8px; padding-top: 8px; border-top: 1px solid #efefef}
.archiveContent p { font-size:small}
.archiveContent a {background: #f4f4f4;padding:8px 16px;display:inline-block;margin: 0 3px 6px 0;}
@media screen and (max-width: 767.99px){ .blogmainwrap .large-article {width:100%;}}
@media screen and (min-width : 768px) and (max-width : 1023.99px){ .blogmainwrap .large-article {width:50%;}}
@media screen and (min-width : 1024px) and (max-width : 1439.99px){.blogmainwrap .large-article {width:33.33%;}}
@media screen and (min-width : 1440px) and (max-width : 1913.99px){.blogmainwrap .large-article {width:25%;} .blogmainwrap .large-article .large-article-content-summary .blogSnipImg {max-height:224px;/* min-height:224px; */}}
@media screen and (min-width : 1914px){.blogmainwrap .large-article {width:25%;} .blogmainwrap .large-article .large-article-content-summary .blogSnipImg {max-height:224px;}}