@charset "utf-8";
/* CSS Document */

.blogBLOCK { text-align: center;position: relative;display:block;width:100%; }
.margoBlog { background: #fff!important; box-shadow: 0 1px 4px 0 rgb(12 12 13/10%); overflow: hidden; max-width: 300px; width: 23.5%; padding: 0!important; margin: 7px 5px!important; float: none!important; border-bottom: 1px solid #ccc; width: 300px; height: 400px; position: relative; display: inline-block; vertical-align: top; }
.margoBlog h3 { font-family:'MyFont', Arial;color: #069; letter-spacing: normal; font-size:19px!important; line-height:1.25em;margin: 0; }
.margoBlog a h3, .margoBlog a{text-decoration:none!important;}
.margoBlog .post-info { display: block; overflow: hidden; max-height: 170px;text-align:left; }
.margoBlog .post-info p{text-align:left;}
.margoBlog .post-body { line-height: 1.3em; color: #444; font-size: 14px; padding: 0 4% 5px; display: block; padding-bottom: 50px; }
.blogPIC { display: block; overflow: hidden; width: 100%; max-height: 200px; margin-bottom: 10px; }
.blogPIC img { border: none; margin-bottom: 0; padding: 0; max-width: 100%; width: 100%; position: relative; display: block; transition: 1s;    height: auto; }
.blogPIC a:hover img, .blogPIC a:focus img, .bloglPIC:hover img, .margoBlog:hover img { transform: scale(1.2); transition: 1.5s; }
.margoBlog  p.date {line-height: 17px;margin:0 0 5px 0;text-align:right;}
.screen-reader-text{display:none;}


@media(min-width: 1024px) {
.blogBLOCK .margoBlog:first-child, .margoBlog:nth-child(1) { width: 100%!important; max-width: 610px!important; }
.margoBlog:first-child .post-info, .margoBlog:first-child .learnmoreBTN,
.margoBlog:first-child .post-info, .margoBlog:first-child .learn{ display: none; }
.margoBlog:first-child .post-body { padding: 0; }
.margoBlog:first-child .blogPIC { margin: 0; max-height: 320px!important;}
.margoBlog:first-child h3 { display: block; width: 100%; bottom: 0; margin: 0; padding: 10px 4% 20px; position: absolute; z-index: 2; box-sizing: border-box; }
}

@media(max-width: 1023px) {
.margoBlog {height:auto;}
.margoBlog .post-body {padding-bottom:10px;}
}