/*
Formats the blog and blog entry content types
Developed by UMB's central Office of Communications and Public Affairs, May 2019
*/

/*Blog fulltext page*/

.blog-full .blog-featured-image {
    background-color: #3a3a3a;
    height: 12em; /*Height is a fallback in case sizing script fials*/
    background-size: cover;
    background-position: center center;
    border: 1px solid rgb(221, 221, 221);
    width: 45%;
    displaY: inline-block;
    float: right;
    margin: 0 0 1.5em 1.5em;
}
.blog-full .blog-full-title {
    font-size: 1.75em;
    line-height: 1.2em;
    letter-spacing: .5px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: .75rem;
}
.blog-full .blog-full-subtitle {
    font-size: 1.15em;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: .75rem;
}
.blog-full hr {
    color: #3a3a3a;
    background: #3a3a3a;
}

.blog-full .blog-full-nav {
    margin-bottom: 1.5em;
}

.blog-full .blog-main-content {
    margin-top: 1.5em;
}

.blog-full .blog-prev-link,
.blog-full .blog-back-link,
.blog-full .blog-next-link {
    display: inline-block;
    width: 33.3%;
    vertical-align: top;
    margin-bottom: 0;
}

.blog-full .blog-prev-link a,
.blog-full .blog-back-link a,
.blog-full .blog-next-link a {
    text-decoration: none;
}

.blog-full .blog-prev-link {
    padding-right: 1em;
    text-align: left;
}
.blog-full .blog-back-link {
    text-align: center;
    padding: 0 1em;
}
.blog-full .blog-next-link {
    padding-left: 1em;
    text-align: right;
}

.blog-full .blog-prev-link a:before,
.blog-full .blog-next-link a:after {
    font-weight: 600;
}

.blog-full .blog-prev-link a:before,
.blog-full .blog-next-link a:after,
.blog-full .blog-back-link a:before {
    font-family: 'Icons';
    display: inline-block;
    font-size: .85em;
}

.blog-full .blog-prev-link a:before {
    content: "\e035";
    margin-right: .5em;
}
.blog-full .blog-back-link a:before {
    content: "\e037";
    margin-right: .5em;
}
.blog-full .blog-next-link a:after {
    content: "\e036";
    margin-left: .5em;
}
.blog-full  blockquote:not(.repositioned-blog-pullquote) {
    display:none;
}
.blog-full  blockquote.repositioned-blog-pullquote {
    line-height: 1.5;
    padding-right: 0;
    clear: none;
}

.blog-full .blog-byline-portion:nth-of-type(2):before {
    content: ", ";
}

/*Responsive sizing*/
@media (max-width: 767px) {
    .blog-full .blog-featured-image {
        float: none;
        display: block;
        width: 100%;
		margin-right: 0;
        margin-left: 0;
    }
}
@media (max-width: 500px) {
    .blog-full .blog-prev-link,
    .blog-full .blog-back-link,
    .blog-full .blog-next-link {
        display: block;
        width: 100%;
    }
}

/*Show only the first three "Related" items*/
.blog-related .blog-landing>a {
    display: none !important;
}

.blog-related .blog-landing>a:nth-of-type(1),
.blog-related .blog-landing>a:nth-of-type(2),
.blog-related .blog-landing>a:nth-of-type(3) {
    display: inline-block !important;
}

@media (max-width: 767px) {
    h4.blog-related-header {
        margin-bottom: 2em;
        padding-bottom: .25em;
        border-bottom: 1px solid #3a3a3a;
        margin-top: 2em;
    }
}