/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .blog-subnav{ 
    background-color: var(--news_bg_color);
}
.zrz-news-cat-posts--container a{
    text-decoration: none;
}
.blog-subnav .active {
    border-bottom: 3px solid #FFF;
}

.blog-subnav ul {
    margin: 0 auto;
    padding: 15px 10px;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: center;
    list-style-type: none;
}
@media only screen and (min-width: 960px) {
    .blog-subnav ul {
        max-width: 1140px;
    }
}
.blog-subnav ul li {
    padding: 0 10px;
}
.blog-subnav ul li a {
    text-decoration: none;
    color: #FFF;
    font-weight: 600;
    font-size: .9rem;
    cursor: pointer;
    padding-bottom: 5px;
}
.blog-section h2{
    text-align: center;
}
.display-transition {
    position: relative;
    top: 0;
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.undisplay-transition {
    height: 0;
    width: 0;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    position: absolute;
    top: -9999999px;
}
.post-card-news--body, .post-card-news--content {
    display: flex;
}
.post-card-news--content {
    padding-top: 50px;
    flex-direction: column;
    justify-content: flex-start;
}
@media (min-width: 600px){
    .post-card-news--content .post-card-news--body {
        flex-direction: row;
        align-items: center;
    }
}
.post-card-news--content .post-card-news--body figure {
    width: 30%;
}
.post-card-news--content .post-card-news--body .post-card-news--excerpt {
    width: 70%;
    padding: 20px;
}
.post-card-news--image img{
    width: 100%;
}
.post-card-news--excerpt .post-card--action .fa, .post-card-news--excerpt .post-card--action svg{
    color : var(--news_bg_color);
    position: relative;
    top: 2px;
    left: 4px;
}

/* News social Feeds */
.fl-social-widgets{
    margin:4rem 0 2rem;
}
.fl-social-widgets-container{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    gap:0 1rem;
}
.fl-social-widget{
    min-width:300px;
    flex:1 0 calc(33% - 1rem);
    margin:-1px 0;
    padding:1rem 0;
}
.fl-social-widget .social-header{
    background:#3b5998;
    color:#fff;
    margin:2rem 0;
}
.fl-social-widget .social-header .fab{
    margin-left:1rem;
}
.fl-social-widget .social-header--instagram{
    background:#e1306c;
}
.fl-social-widget .social-header--twitter{
    background:#1da1f2;
}

/* Single Post */
.single-post .entry-footer{
    visibility: hidden;
}
.single-post .featured-image{
    text-align: center;
    margin-top: 60px;
}
.featured-image {
    position: relative;
}
.featured-image .caption {
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    text-align: center;
}