/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/

.site-news-events-grid {
    width: 1600px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    max-width: calc(100vw - 4rem);
}
.site-news-events-grid .e-parent-row {
    display: flex;
    margin-left: -1rem;
    margin-right: -1rem;
    box-sizing: border-box;
}
.site-news-events-grid .e-news-col {
    flex: 0 0 66.66%;
    max-width: 66.66%;
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
}
.site-news-events-grid .e-news-col-inner {
    padding: 1.5rem 0;
}
.site-news-events-grid .e-news-posts {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-left: -1rem;
    margin-right: -1rem;
}
.site-news-events-grid .e-news-posts .e-post {
    flex: 0 0 50%;
    max-width: 50%;
    box-sizing: border-box;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 2rem;
}
.site-news-events-grid .e-news-posts .e-post .e-post-anchor {
    display: block;
    background-color: #fff;
    border-radius: 0.5rem;
    padding: 1rem;
    box-shadow: 0 6px 10px rgba(0,0,0,0.16);
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.site-news-events-grid .e-news-posts .e-post .e-post-anchor .e-post-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.site-news-events-grid .e-post-thumbnail {
    overflow: hidden;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}
.site-news-events-grid .e-news-posts .e-post .e-post-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
}
.site-news-events-grid .e-news-posts .e-post-title {
    margin-bottom: 0.5rem;
}
.site-news-events-grid .e-events-col {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
}
.site-news-events-grid .e-events-col-inner {
    padding: 1.5rem;
    background-color: #f5f5f5;
}
.site-news-events-grid .e-events-posts .e-post {
    background-color: #fff;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 2rem;
}
.site-news-events-grid .e-post-anchor:hover .e-post-title {
    color: #ecb460;
}
.site-news-events-grid .e-parent-title {
    font-size: 38px;
    border-bottom: 1px solid #000;
    margin-bottom: 2rem;
}
.site-news-events-grid .e-post-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 0;
    color: #000;
}
.site-news-events-grid .e-post-excerpt {
    font-size: 0.9rem;
    color: #888;
}
.site-news-events-grid .e-terms {
    font-size: 0.875rem;
    margin-bottom: 2rem;
    color: #777;
}
.site-news-events-grid .e-post-date {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: #999;
    margin-top: auto;
}
.site-news-events-grid .e-post-date i {
    margin-right: 0.25rem;
}

@media (max-width: 1000px) {
    .site-news-events-grid .e-parent-row {
        flex-wrap: wrap;
    }
    .site-news-events-grid .e-news-col,
    .site-news-events-grid .e-events-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (max-width: 600px) {
    .site-news-events-grid .e-news-posts .e-post {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.site-load-more {
    background: transparent;
    border: 2px solid #3c6b8b;
    color: #3c6b8b;
    padding: 0.5rem 1rem;
    display: block;
    cursor: pointer;
    margin: auto;
    border-radius: 0.25rem;
    box-sizing: border-box;
}
.site-load-more:hover {
    border-color: #3c6b8b;
    background-color: #3c6b8b;
    color: #fff;
}
.site-load-more.disabled {
    opacity: 0.25;
    pointer-events: none;
    cursor: none;
}

.site-news-events-grid .e-filter ul {
    list-style: none;
    margin: 0 -0.5rem 2rem -0.5rem;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.site-news-events-grid .e-filter li {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-bottom: 1rem;
    box-sizing: border-box;
}
.site-news-events-grid .e-filter a {
    display: block;
    padding: 0.5rem 1rem;
    border: 1px solid #eee;
    box-sizing: border-box;
}
.site-news-events-grid .e-filter a:hover {
    border-color: #3c6b8b;
    color: #3c6b8b;
}
.site-news-events-grid .e-filter a.o-active_js {
    background-color: #3c6b8b;
    border-color: #3c6b8b;
    color: #fff;
}
@media (max-width: 1000px) {
    .site-news-events-grid .e-filter ul {
        justify-content: center;
    }
    .site-news-events-grid .e-filter a {
        font-size: 0.875rem;
    }
}