﻿#main .full-width .blog-feed,
#main .full-width .blog-article {
    width: 90%;
    margin: 0 5%;
}

#main .full-width .blog-article {
    padding: 15px;
    margin-bottom: 30px;
}
.blog-article .blog-image {
    width: 100%;
    margin-bottom: 1rem;
}
.blog-article .tags a:after {
    content: ",";
}
.blog-article .tags a:last-child:after {
    content: "";
}
.blog-article hr {
    margin: 0 0 2em;
    border-top: 2px solid #DDD;
}
.blog-article .back-link {
    padding-top: 15px;
}

.blog-feed .card--hero {
    border-top: 1px solid #e0e0e0;
}
    .blog-feed .card--hero:first-of-type {
        border-top: none;
    }
    .blog-feed .card--hero:last-of-type {
        border-bottom: none;
    }
.blog-feed .card__section__container:nth-of-type(1) {
    flex: 0 0 35%;
}
.blog-feed .card__section__container:nth-of-type(2) {
    flex: 0 0 65%;
}
.blog-feed .card__tags {
    display: block;
}
.blog-feed .card__title h2 {
    
    
}
.blog-feed a,
.blog-article .tags a,
.blog-article .back-link a {
    text-decoration: none;
}
    .blog-feed a:hover, .blog-feed a:focus,
    .blog-article .tags a:hover, .blog-article .tags a:focus,
    .blog-article .back-link a:hover, .blog-article .back-link a:focus {
        text-decoration: underline;
    }
.blog-feed .card__actions {
    padding: 1rem;
}
.blog-feed .card__actions--btn {
    padding: 0;
    color: #FFF;
}

.blog__video {
    padding-bottom: 15px;
}

.blog__video iframe {
    aspect-ratio: 16 / 9;
    width: 100%;
}

@media (min-width: 768px) {
    .blog-article .blog-image {
        margin: 0 0 2em 0;
    }
}

@media (max-width: 1200px) {
    .blog-feed .card--hero .card__section__container {
        flex: none;
    }
    .blog-feed .card__section__container:first-of-type .card__section {
        padding-bottom: 0;
    }
    .blog-feed h2 {
        text-align: center;
    }
}