.blog-template #page {
    background:#e6e7e8;
}

.blog-template #page #main {
    width:100%;
}

.blog-template .page-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    margin:0 0 2em 0;
}

@media(min-width: 565px) {
    .blog-template .page-header {
        flex-direction: row;
    }
}

.blog-template  #page #main h1 {
    color:#000;
    font-size:3em;
    line-height:1.1em;
}

.blog-template  .page-header select {
    border-top:10px solid #009959;
    border-bottom:0;
    border-left:0;
    border-right:0;
    font-size:1em;
    padding:0.5em;
    width:100%;
}

@media(min-width: 565px) {
    .blog-template .page-header select {
        width:auto;
    }
}

@media(min-width: 768px) {
    .blog-template .page-header select {
        font-size:1.1em;
        width:25%;
    }
}

.blog-latest {
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom:3.5em;
    padding:0 1em;
}

@media(min-width: 565px) {
    .blog-latest {
        grid-gap:50px;
        grid-template-columns: 1fr 1fr;
        padding:0;
    }
}

@media(min-width: 992px) {
    .blog-latest {
        grid-gap:50px;
        grid-template-columns: 1fr 1fr;
        padding:0;
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .blog-latest {
        display: flex;
        flex-wrap:wrap;
        justify-content: space-between;
    }
}

.blog-latest article.blog-post {
    width:45%;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .blog-latest article.blog-post {
        width:100%!important;
    }
}

@media (min-width: 565px) and (-ms-high-contrast: none), (min-width: 565px) and (-ms-high-contrast: active) {
    .blog-latest article.blog-post {
        width:48%!important;
    }
}

.blog-latest article.blog-post img {
    display: block;
    width:100%;
}

.blog-grid {
    display: grid;
    grid-template-columns:1fr;
    padding:0 1em;
}

@media(min-width: 565px) {
    .blog-grid {
        grid-gap:20px 50px;
        grid-template-columns: repeat(2, 1fr);
        margin-top:1em;
        padding:0;
    }
}

@media(min-width: 992px) {
    .blog-grid {
        grid-gap:50px;
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .blog-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .blog-grid article.blog-post {
        width:100%!important;
    }
}

@media  (min-width: 565px) and (-ms-high-contrast: none), (min-width: 565px) and (-ms-high-contrast: active) {
    .blog-grid article.blog-post {
        width:48%!important;
    }
}

@media  (min-width: 992px) and (-ms-high-contrast: none), (min-width: 992px) and (-ms-high-contrast: active) {
    .blog-grid article.blog-post {
       width:30%!important;
    }
}


.blog-template #page #main article.blog-post {
    background:#fff;
    border-bottom:10px solid #fff;
    margin:0;
    padding-bottom:0;
    position: relative;
    transition: 0.3s all ease-in-out;
}

.blog-template #page #main article.blog-post:hover {
    border-color:#009959;
    box-shadow:0 0 13px -2px #000;
    transform: scale(1.05);
    transition: 0.3s all ease-in-out;
}

.blog-post--image {
    position: relative;
}

.blog-post--content {
    background:#fff;
    padding:1em;
}

.blog-post--content div {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
}

@media(min-width: 768px) {
    .blog-post--content div {
        align-items: center;
        flex-direction: row;
    }
}

.blog-post--content div p {
    margin:0 0 0.25em 0;
    text-align: left;
}

@media(min-width: 768px) {
    .blog-post--content div p {
        margin:0 0.5em 0 0;
    }
}

.blog-post--content div span {
    margin-right:0.25em;
}

.blog-post--content p {
    display: flex;
    flex-wrap: wrap;
    font-size:0.825em;
    margin:0;
    text-align: left;
}

.blog-post--content span {
    background:#f0f0f0;
    color:#000;
    display: block;
    padding:5px;
    margin:0 10px 10px 0;
}

.blog-post--content p span,
.blog-category {

}

.blog-template  #page #main .blog-post--content h2 {
    color:#000;
    font-size:1.3em;
    line-height:1.3em;
    margin: 0.5em 0;
}

@media(min-width:768px) {
    .blog-template  #page #main  .blog-post--content h2 {
        font-size:1.7em;
    }
}

.blog-post a {
    height:100%;
    left:0;
    position: absolute;
    top:0;
    width:100%;
}

.blog-pagination {
    margin:1.5em 0 3em 0;
}

.blog-pagination a,
.blog-pagination span {
    background:#fff;
    color:#000;
    font-size:1.2em;
    margin-right:0.25em;
    padding:0.5em 1em;
}

.blog-pagination .current,
.blog-pagination a:hover {
    background:#009959;
    color:#fff!important;
}

/* Single post */

.single-blog .blog-post--content {
    margin:0 0 1em 0;
    padding:0;
}

.single-blog #main {
    padding:0;
}

.single-blog #main .blog-post--content p {
    align-items: center;
    display: flex;
    margin:1em 0;
}

.single-blog #main .blog-post--content p span {
    margin:0 0.5em;
}

.single-blog #main .blog-post--content h1 {
    font-size: 3em;
    line-height:1.2em;
    margin:0;
}

.single-blog #main .attachment-single-feature-image {
    border-top:10px solid #009959;
    margin:0 0 1em 0;
}

.single-blog #main blockquote {
    border-bottom:10px solid #009959;
    border-top:10px solid #009959;
    font-size:2em;
    margin:0 0 1em 0;
    padding:1em 0;
    text-align: center;
}

.single-blog #main blockquote p {
    line-height:1.3em;
    padding:0 15%;
}

.single-blog #main blockquote p:last-child {
    margin:0;
}

.sidebar-blog {
    display: flex;
    flex-direction:column;
}

@media (min-width:565px) {
    .sidebar-blog {
        flex-direction:row;
    }
}

@media (min-width:992px) {
    .sidebar-blog {
        flex-direction:column;
    }

}

.sidebar-blog .sidebarBlock {
    background:#fff;
    width:100%;
}

@media (min-width:565px) {
    .sidebar-blog .sidebarBlock {
        width:50%;
    }
}

@media (min-width:992px) {
    .sidebar-blog .sidebarBlock {
        width:100%;
    }
}

.sidebar-block {
    padding:0 0.5em;
}

#sidebar.sidebar-blog .sidebarBlock h3 {
    font-size:1.4em;
    font-weight:400;
    padding:0.75em 0;
}

.post-author {
    align-items: center;
    display: flex;
    margin-bottom:0.5em;
}

.post-author img {
    margin-right:1em;
    width:80px;
}

#sidebar.sidebar-blog p {
    display: block!important;
}

.post-author p {

    font-size:1.1em;
    font-weight:500;
    margin:0;
}

.sidebar-related--post {
    margin-bottom:1.25em;
    position: relative;
}

.sidebar-related h4 {
    color:#000;
    font-size:1.5em;
    font-weight:400;
    margin:0;
}

.sidebar-related p {
    margin:0;
}

.sidebar-related--post a {
    height:100%;
    left:0;
    position: absolute;
    top:0;
    width:100%;
}