.blog {
    background: #F4F5F9;
}

.blog .entry-content {
    padding-bottom: 0 !important;
}

.blog .site-main:first-child > .container::before {
    display: none;
}

.single-post .featured-img {
    height: 500px;
    overflow: hidden;
    margin-bottom: 30px;
}

.blog .category-btn, .archive .category-btn {
    background: transparent url('../../img/ico-cat-up.svg') no-repeat right center;
    margin: 0 auto;
    display: block;
    color: #273b89;
    border: none;
    font-size: 18px;
    font-family: 'Avenir LT Std 55 Roman';
    font-weight: bold;
    padding: 9px 40px 9px 30px;
}

.blog .category-btn.collapsed, .archive .category-btn.collapsed {
    background: transparent url('../../img/ico-cat-down.svg') no-repeat right center;
}

.blog .btn-check:focus+.btn-primary, .blog .btn-primary:focus,
.archive .btn-check:focus+.btn-primary, .archive .btn-primary:focus {
    outline: none !important;
    box-shadow: none;
}

.blog .btn-primary, button:focus:not(:focus-visible),
.archive .btn-primary, button:focus:not(:focus-visible) {
    outline: none;
}

#collapseCategories {
    background: #fff;
    border-bottom: #EDEDED solid 1px;
    padding: 20px 0;
}

#collapseCategories .card, #collapseCategories .nav-tabs {
    border: none;
}

#collapseCategories .card-body {
    width: 900px;
    margin: 0 auto;
}

#collapseCategories .nav-tabs .nav-item.show .nav-link, #collapseCategories .nav-tabs .nav-link.active,
#collapseCategories .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border: transparent solid 1px;
}

#collapseCategories .nav-tabs {
    display: block;
    column-count: 3;
}

#collapseCategories .nav-tabs li {
    display: block;
}

#collapseCategories .nav-tabs .nav-link {
    background: url('../../img/ico-radio-unselected.svg') no-repeat left center;
    color: #414141;
    font-family: 'Avenir LT Std 65';
    font-weight: 500;
    font-size: 16px;
    padding-left: 30px;
}

#collapseCategories .nav-tabs .nav-link.active {
    background: url('../../img/ico-radio-selected.svg') no-repeat left center;
}

.blog #blogTabContent .tab-pane {
    margin-top: 30px;
}

#collapseCategories .uncategorized-tab-item, #collapseCategories #uncategorized {
    display: none !important;
}

.blog .the-blogs .card-item, .archive .the-blogs .card-item {
    background: #fff;
    box-shadow: none;
    text-align: left;
}

.blog .the-blogs .card-item .card-info h4, .archive .the-blogs .card-item .card-info h4 {
    height: auto;
    color: #14328C;
    font-size: 21px;
    line-height: 1.3;
    font-family: 'Avenir LT Std 65';
    font-weight: 900;
    margin-bottom: 15px;
}

.blog .the-blogs .card-item .card-info p, .archive .the-blogs .card-item .card-info p {
    font-size: 16px;
    display: -webkit-box!important;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-categories {
    padding: 0;
    list-style-type: none;
    display: inline-block;
    margin-bottom: 10px;
}

.post-categories li, .post-categories li a {
    display: inline-block;
    margin-bottom: 1px;
}

.post-categories li a {
    text-decoration: none;
    font-size: 14px;
    color: #555;
    border-radius: 4px;
    padding: 3px 10px;
    background: #f7f7f7;
    font-weight: bold;
}

.blog .readmore, .archive .readmore {
    background: url('../../img/ico-blog-arrow.svg') no-repeat right center;
    font-size: 14px;
    text-align: right;
    display: block;
    text-decoration: none;
    font-family: 'Avenir LT Std 65';
    font-weight: 900;
    padding-right: 22px;
    color: #14328C;
}

#blogTabContent {
    margin-bottom: 40px;
}

.single-post h1 {
    font-family: 'Avenir LT Std 65';
    font-weight: 900;
    color: #14328C;
    font-size: 34px;
    margin-bottom: 15px;
}

.single-post .wp-block-coblocks-social {
    margin-bottom: 20px;
}

.single-post h6 {
    font-size: 24px;
    color: #14328c;
    font-family: 'Avenir LT Std 65';
    font-weight: 500;
    line-height: 1.4;
}

.single-post h2 {
    font-size: 32px;
    color: #14328c;
    margin-top: 20px;
}

.single-post h3 {
    font-size: 24px;
    color: #14328c;
    margin-top: 20px;
}

.single-post .site-content {
    padding-bottom: 40px;
}

.single-post .rp4wp-related-posts {
    margin-top: 40px;
    border-top: #EDEDED solid 1px;
    padding-top: 20px;
}

.single-post .rp4wp-related-posts h3 {
    font-size: 34px;
    color: #414141;
}

.single-post .rp4wp-related-posts ul {
    float: none;
}

.single-post .rp4wp-related-posts ul li {
    width: 32.1%;
    float: left;
    clear: none;
    border: 1px solid #EDEDED;
    border-radius: 4px;
    margin-right: 15px;
    padding: 20px 20px 11px;
    margin-bottom: 40px;
}

.single-post .rp4wp-related-post-image img {
    border-radius: 4px;
    overflow: hidden;
}

.single-post .rp4wp-related-post-content a {
    height: auto;
    color: #14328C;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Avenir LT Std 65';
    font-weight: 900;
    margin-top: 10px;
    margin-bottom: 5px;
    display: -webkit-box!important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.single-post .rp4wp-related-post-content p {
    font-size: 16px;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ----- New CSS for Blog ----- */

.the-blogs {
    margin-top: 40px;
}

.the-blogs .wp-pagenavi {
    text-align: center;
    margin-bottom: 50px;
    margin-top: 0;
}

.cat-list {
    column-count: 3;
    list-style-type: none;
    margin-bottom: 0;
}

.cat-list .cat-item a {
    color: #414141;
    text-decoration: none;
    padding: 7px 15px;
    background: #f7f7f7;
    border-radius: 4px;
    font-size: 16px;
    font-family: 'Avenir LT Std 55 Roman';
    font-weight: bold;
    border: transparent solid 1px;
    margin-bottom: 10px;
    display: inline-block;
}

.cat-list .cat-item a:hover {
    border: #273b89 solid 1px;
    color: #273b89;
}

.cat-uncategorized {
    display: none;
}

/* ----- Blog Archive Styling ----- */

.archive .has-text-align-center, .blog .has-text-align-center {
    font-family: 'Avenir LT Std 65';
    font-weight: 900;
    color: #14328C;
    font-size: 2rem;
    padding-top: 50px;
}

.archive .site-main {
//    background: #F4F5F9;
}

.archive .page-title {
    text-align: center;
    font-size: 28px;
    color: #14328C;
}

.archive .the-blogs {
    margin-top: 10px;
}

.archive .wp-pagenavi .nextpostslink, .blog .wp-pagenavi .nextpostslink {
    background: url(../../img/ico-next-dark-blue.svg) no-repeat center;
}

.archive .wp-pagenavi .previouspostslink, .blog .wp-pagenavi .previouspostslink {
    background: url(../../img/ico-prev-dark-blue.svg) no-repeat center;
}

.archive .wp-pagenavi a:hover, .archive .wp-pagenavi span.current, .archive .wp-pagenavi a:hover, .archive .wp-pagenavi span.current,
.blog .wp-pagenavi a:hover, .blog .wp-pagenavi span.current, .blog .wp-pagenavi a:hover, .blog .wp-pagenavi span.current {
    border-color: #14328c;
}

.archive a, .blog a {
    color: #14328C;
    font-weight: bold;
}

p.has-text-color a {
	font-size: inherit;
}


@media (max-width: 1280px) {
    .single-post .rp4wp-related-posts ul li {
        width: 31.9%;
    }
}

@media (max-width: 1200px) {
    .blog .entry-content h2 {
        margin-top: 30px;
    }
}

@media (max-width: 1162px) {
    .single-post .rp4wp-related-posts ul li {
        width: 31.7%;
    }
}

@media (max-width: 1024px) {
    .blog .category-btn {
        font-size: 20px;
    }
    .blog .the-blogs .card-item .card-info h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .blog .readmore {
        font-size: 16px;
        padding: 5px 22px 5px 0;
    }
    .single-post .rp4wp-related-posts ul li {
        width: 100%;
    }
    .single-post .rp4wp-related-posts ul li {
        margin-right: 0;
        padding: 20px;
        margin-bottom: 15px;
    }
    .single-post .rp4wp-related-post-image {
        width: 20%;
    }
    .single-post .rp4wp-related-post-content p {
        -webkit-line-clamp: 4;
    }
}

@media (max-width: 991px) {
    .single-post .featured-img {
        height: 400px;
    }
    .blog .the-blogs .card-item .card-info h4 {
        font-size: 26px;
    }
    .blog .readmore {
        font-size: 18px;
    }
    .single-post .rp4wp-related-post-content p {
        -webkit-line-clamp: 3;
    }
}

@media (max-width: 800px) {
    .breadcrumbs  {
        margin-bottom: 40px;
    }
    #collapseCategories .card-body {
        width: 100%;
        padding: 20px 50px;
    }
    .single-post .rp4wp-related-post-content p {
        -webkit-line-clamp: 2;
    }
}

@media (max-width: 768px) {
    .single-post .featured-img {
        height: 300px;
    }
    .single-post .wp-block-image {
        margin-bottom: 0;
    }
    .single-post .wp-block-image img {
        width: 100%;
    }
}

@media (max-width: 600px) {
    #collapseCategories .nav-tabs {
        column-count: 2;
    }
    .single-post .rp4wp-related-post-image {
        width: 28%;
    }
    .breadcrumbs {
        margin-bottom: 30px;
    }
    .cat-list {
        column-count: 2;
    }
}

@media (max-width: 520px) {
    .single-post .rp4wp-related-post-image {
        width: 35%;
    }
}

@media (max-width: 480px) {
    .single-post .featured-img {
        height: 250px;
    }
    .breadcrumbs {
        margin-bottom: 25px;
    }
}

@media (max-width: 437px) {
    #collapseCategories {
        padding: 0;
    }
    #collapseCategories .nav-tabs {
        column-count: 1;
    }
    .cat-list {
        column-count: 1;
        text-align: center;
        padding: 0;
    }
    .cat-list .cat-item a {
        width: 100%;
    }
}

@media (max-width: 425px) {
    .blog .entry-content h2 {
        margin-top: 40px;
        margin-bottom: 15px;
    }
    .blog .tab-pane {
        margin-top: 20px;
    }
    .single-post .rp4wp-related-post-image {
        width: 40%;
    }
}

@media (max-width: 375px) {
    .single-post .rp4wp-related-post-content p {
        line-height: 1.4;
    }
    .single-post .rp4wp-related-posts ul li {
        padding-bottom: 15px;
    }
    .single-post .rp4wp-related-post-content a {
        margin-top: 5px;
    }
    .single-post .featured-img {
        height: auto;
    }
    .single-post h1 {
        font-size: 30px;
    }
    .single-post h2 {
        font-size: 28px;
    }
    .single-post h6 {
        font-size: 22px;
    }
}

@media (max-width: 320px) {
    .blog .the-blogs .card-item .card-info h4 {
        font-size: 22px;
        -webkit-line-clamp: unset;
    }
    .single-post .rp4wp-related-post-image {
        width: 100%;
        padding: 0;
        height: 120px;
        overflow: hidden;
        border-radius: 4px;
        float: none;
        margin-bottom: 15px;
    }
    .single-post .rp4wp-related-post-content a {
        font-size: 18px;
    }
    .single-post .rp4wp-related-post-image img {
        width: 100%;
    }
}