.blog-listing {margin-bottom: 2.5rem;}

.blog-listing__list .blog-listing{grid-template-columns: repeat(1, 1fr); grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; display: grid;}
.blog-listing__1col .blog-listing{grid-template-columns: repeat(1, 1fr); grid-column-gap: 1.5rem; grid-row-gap: 3rem; display: grid;}
.blog-listing__2col .blog-listing{grid-template-columns: repeat(1, 1fr); grid-column-gap: 3rem; grid-row-gap: 3rem; display: grid;}
.blog-listing__3col .blog-listing{grid-template-columns: repeat(1, 1fr); grid-column-gap: 3rem; grid-row-gap: 3rem; display: grid;}
.blog-listing__4col .blog-listing{grid-template-columns: repeat(2, 1fr); grid-column-gap: 1.5rem; grid-row-gap: 3rem; display: grid;}

.blog-listing__1col .blog-listing__img{border-radius: 8px}
.blog-listing__1col .blog-listing__img-box{border-radius: 8px}
.blog-listing__1col .blog-listing__img-file {border-radius: 8px}
.blog-listing__2col .blog-listing__img{border-radius: 8px}
.blog-listing__2col .blog-listing__img-box{border-radius: 8px}
.blog-listing__2col .blog-listing__img-file {border-radius: 8px}
.blog-listing__3col .blog-listing__img{border-radius: 8px}
.blog-listing__3col .blog-listing__img-box{border-radius: 8px}
.blog-listing__3col .blog-listing__img-file {border-radius: 8px}
.blog-listing__4col .blog-listing__img{border-radius: 8px}
.blog-listing__4col .blog-listing__img-box{border-radius: 8px}
.blog-listing__4col .blog-listing__img-file {border-radius: 8px}


@media only screen and (min-width: 960px) {

.blog-listing__list .blog-listing{grid-template-columns: repeat(1, 1fr); grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; display: grid;}
.blog-listing__1col .blog-listing{grid-template-columns: repeat(1, 1fr); grid-column-gap: 1.5rem; grid-row-gap: 3rem; display: grid;}
.blog-listing__2col .blog-listing{grid-template-columns: repeat(2, 1fr); grid-column-gap: 2.5rem; grid-row-gap: 3rem; display: grid;}
.blog-listing__3col .blog-listing{grid-template-columns: repeat(3, 1fr); grid-column-gap: 2.5rem; grid-row-gap: 3rem; display: grid;}
.blog-listing__4col .blog-listing{grid-template-columns: repeat(4, 1fr); grid-column-gap: 2.5rem; grid-row-gap: 3rem; display: grid;}

.blog-listing__img,
.blog-listing__img-box,
.blog-listing__4col .blog-listing__img-file {border-radius: 15px !important;}
}
.blog-listing__1col h2,
.blog-listing__2col h2,
.blog-listing__3col h2,
.blog-listing__4col h2 {
    font-size: 1.88rem;
}

@media only screen and (min-width: 960px) {
    .blog-listing__1col h2,
    .blog-listing__2col h2,
    .blog-listing__3col h2,
    .blog-listing__4col h2 {
        font-size: 2.688rem;
    }
}


.blog-listing__content{display: block; text-decoration: none;}
.blog-listing__img{width: 100%; height: auto; margin-bottom: 1rem; transition: transform 2.6s; background-color:rgba(0,0,0,.1);}
.blog-listing__img-box{padding-top: 56.25%; position: relative; background: transparent;}
.blog-listing__img-file{width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-position: center; object-fit: cover; opacity: 0; transition: 300ms;}
.blog-listing__img-file.loaded{opacity: 1;}


h2.blog-listing__section-title {display: none;}
.news-related h2.blog-listing__section-title {display: block;}


.blog-listing__item .blog-listing__img-box {
    overflow: hidden;
}
.blog-listing__item .blog-listing__img-file {
    transition: .9s;
}
.blog-listing__item:hover .blog-listing__img-file {
    transform: scale(1.05);
}

.blog-listing__list .blog-listing .blog-listing__img,
.blog-listing__list .blog-listing .blog-listing__summary,
.blog-listing__list .blog-listing .blog-listing__cta,
.blog-listing__3col .blog-listing .blog-listing__summary,
.blog-listing__3col .blog-listing .blog-listing__cta,
.blog-listing__4col .blog-listing .blog-listing__summary,
.blog-listing__4col .blog-listing .blog-listing__cta
 {display:none;}

 .blog-summary-display .blog-listing .blog-listing__summary {display:block !important;}
 .blog-button-display .blog-listing .blog-listing__cta {display:block !important;}
 .blog-date-hide .blog-listing__date {display:none !important;}
 .blog-tags-hide .blog-listing__tags {display:none !important;}
 .blog-tags-hide p.blog-listing__date:after {display:none !important;}

 .blog-tags-hide-extra p.blog-listing__tags span:nth-child(2),
 .blog-tags-hide-extra p.blog-listing__tags span:nth-child(3), 
 .blog-tags-hide-extra p.blog-listing__tags span:nth-child(4) {
    display: none;
}

.blog-listing__1col .blog-listing__item,
.blog-listing__2col .blog-listing__item,
.blog-listing__3col .blog-listing__item,
.blog-listing__4col .blog-listing__item {
    margin-bottom: 1rem;
}

.blog-listing__list .blog-listing__item {
    border-bottom: 1px solid #d4d5d5;
    padding-bottom: 1.5rem !important;
}
.blog-listing__list .blog-listing__item:first-child {
    border-top: 1px solid #d4d5d5;
    padding-top: 1.5em;
}
/* .blog-listing__list .blog-listing__item:last-child {
    border: none;
} 

.blog-listing__list .blog-listing__item:last-child {
    border: none;
} */

.hide-first-1 .blog-listing__item:nth-child(-n + 1) {
    display: none;
}
.hide-first-2 .blog-listing__item:nth-child(-n + 2) {
    display: none;
}
.hide-first-3 .blog-listing__item:nth-child(-n + 3) {
    display: none;
}
.hide-first-4 .blog-listing__item:nth-child(-n + 4) {
    display: none;
}

.hide-top-level-tag .blog-listing__tags span:first-child {
    display: none;
}

/* Hide this because of audio player breaks */
/*
.vjs-fluid:not(.vjs-audio-only-mode) {
    width: 100%;
    display: block;
    padding-top: 56.25%;
}
.video-js .vjs-control-bar {
  display: none;
}
.video-js {
  pointer-events: none;
}

.vjs-has-started.vjs-paused .vjs-poster{display: block;}
*/
p.blog-listing__title {
    margin-bottom: 1rem;
    padding: 0 0;
}
@media screen and (min-width: 768px) {
    p.blog-listing__title {
        margin-bottom: 1rem;
        padding: 1rem 0;
    }
    .blog-listing__3col p.blog-listing__title {
        margin-bottom: 0rem;
    }
}


.blog-listing__list p.blog-listing__title {
    margin-bottom: .5rem;
    padding: 0px;
}

p.blog-listing__title a {
    color: #000;
    font-weight: 700;
    text-decoration: none;
 
}



/* p.blog-listing__title a:hover {text-decoration: underline;} */
p.blog-listing__title a{position: relative;}
p.blog-listing__title a::after{content: "\f0a9"; position: relative; left: 8px; font-family: 'Font Awesome 6 Sharp'; opacity: 0; transition: 300ms; font-size: 90%;}
p.blog-listing__title a:hover::after{opacity: 1;}
a.blog-listing__content:hover + p.blog-listing__title a::after{opacity: 1;}

.remove-arrow  p.blog-listing__title a::after{display: none;}


.blog-listing__1col p.blog-listing__title a {
    font-size: 2.375rem;
    line-height: 2.85rem;

}

.blog-listing__2col p.blog-listing__title a {
    font-size: 1.875rem;
    line-height: 2.25rem;

}
.blog-listing__3col p.blog-listing__title a {
    font-size: 1.625rem;
    line-height: 2.113rem;

}
.blog-listing__4col p.blog-listing__title a {
    font-size: 1.25rem;
    line-height: 1.75rem;
  
}
.blog-listing__list p.blog-listing__title a {
    font-size: 1rem;
    line-height: 1.5rem;
   
}
p.blog-listing__summary {
    margin-bottom: 1rem;
    color:#000;
}
@media screen and (min-width: 960px) {

    .blog-listing__1col p.blog-listing__title a {
        font-size: 2.625rem;
        line-height: 3.413rem;
    
    }
    
    .blog-listing__2col p.blog-listing__title a {
        font-size: 2.375rem;
        line-height: 3rem;
    
    }
    .blog-listing__3col p.blog-listing__title a {
        font-size: 1.625em;
        font-weight:700;
    
    }
    .blog-listing__3col.blog-listing-secondary-title p.blog-listing__title a {
        font-size: 2em;
        font-weight:700;
        line-height: 1.2em;
    }


    .blog-listing__4col p.blog-listing__title a {
        font-size: 1.25rem;
        line-height: 1.75rem;
      
    }
    .blog-listing__list p.blog-listing__title a {
        font-size: 1.125rem;
        line-height: 1.75rem;
        font-weight: 700; 
       
    }
.blog-listing__1col p.blog-listing__summary,
.blog-listing__2col p.blog-listing__summary,
.blog-listing__3col p.blog-listing__summary {
    /* max-width: 85%; */
}
}
p.blog-listing__date {
    color: #000;
    padding: 0 0;
    font-size: .9rem;
    display: inline;
    font-weight: 400;
    margin-right: .9rem;
}

p.blog-listing__tags {
    display: inline;
}

.blog-listing__4col p.blog-listing__tags {
    display: block;
}


.blog-listing__1col p.blog-listing__date:after,
.blog-listing__2col p.blog-listing__date:after,
.blog-listing__3col p.blog-listing__date:after,
.blog-listing__list p.blog-listing__date:after {
    content:'|';
    display: inline;
    font-size: .9rem;
    color: #000;
    margin-left: 1rem;
    font-weight: 400;

}

.format-tag-line p.blog-listing__tags {display:block;}
.format-tag-line p.blog-listing__date:after {display:none;}
.blog-listing-hide-category-title h2 {display:none;}


.blog-listing-show-2 .blog-listing__item {
    display: none;
}

.blog-listing-show-2 .blog-listing__item:nth-child(1),
.blog-listing-show-2 .blog-listing__item:nth-child(2) {
    display: block;
}

a.tags-item
{padding-right: 1rem;
 text-transform: uppercase;
 display:inline;
 /*color:#4a99f4; */
 color:#767676;
 font-weight: 700;
 font-size: .9rem;
 text-decoration: none;
}
a.tags-item:hover
{padding-right: 1rem;
 text-transform: uppercase;
 display:inline;
 color:#000;
 font-weight: 700;
 text-decoration: underline;
}

.blog-listing__cta{margin: 35px 0 0 0;}

.invert-component-color,
.invert-component-color a {color:#fff;}
.invert-component-color p.blog-listing__title a {color:#fff;}
.invert-component-color p.blog-listing__title a:hover {color:#fff;}
.invert-component-color a.tags-item { /* color:#4a99f4; */ color:#a1a1a1;}
.invert-component-color a.tags-item:hover {color:#fff !important;}
.invert-component-color p.blog-listing__date {color: #fff;}
.invert-component-color .blog-listing__img { background-color:rgba(255,255,255,.15);}
.invert-component-color p.blog-listing__summary {
    color:#fff;
}

.dark-background .blog-listing__1col p.blog-listing__date:after,
.dark-background .blog-listing__2col p.blog-listing__date:after,
.dark-background .blog-listing__3col p.blog-listing__date:after,
.dark-background .blog-listing__list p.blog-listing__date:after {
    content:'|';
    color: #fff;

}
/* 
.blog-listing__item[data-tag-count="0"] .blog-listing__title a{
    padding-left: 25px;
    position: relative;
}

.blog-listing__item[data-tag-count="0"] .blog-listing__title a::before{
    content: "\f0e0";
    font-family: 'Font Awesome 6 Sharp';
    left: 0;
    top: 2px;
    position: absolute;
    color:#0071cc;
    line-height: normal;
}
    
.blog-listing__item[data-tag-count="0"] .blog-listing__title a:hover::before{
    content: "\f2b6";
    top: 0px
}

*/