/* Blog Post */

.content {
    background: url("/assets/images/backgrounds/bg-main.svg") no-repeat 100% 100%/50% auto;
    padding: 60px 15px 100px 15px;
}

.post-title {
    color: #273036;
    font-family: Lato, sans-serif;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 2.5rem;
}

.img--blog {
    margin: 15px 0 2rem 0;
}

.img--blog + p {
    color: #1e262a;
    font-size: 1.4rem;
}


.blog-cta {
    background: #F1F5F9;
    border-top: 1px solid #00a9dd66;
    font-size: 1.25rem;
    line-height: 1.8;
    margin-top: 1.35em;
    margin-bottom: 1rem;
    padding: 1.35em;
}

.blog-cta a {
    word-wrap: break-word;
    white-space: nowrap
}

.blog-author-wrap {
    filter: drop-shadow(0 -1px 0 #00a9dd);
}

.blog-author {
    background: #EAFAFF;
    clip-path: polygon(0 0, calc(50% - 40px) 0, 50% 24px, calc(50% + 40px) 0, 100% 0, 100% 100%, 0 100%);
    padding: 30px;
}

.blog-author:after {
    clear: both;
    content: '';
    display: block;
}

.author-image {
    float: left;
    margin: 0 30px 6px 0;
    width: 110px;
}

.author-name {
    color: #1e262a;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 21px;
    font-weight: 500;
}

.author-description {
    color: #4b606e;
    font-size: 16px
}

.flex-item--blog h2, .flex-item--blog h3, .flex-item--blog h4 {
    margin-top: 2rem;
}

.northtext_table img {
    height: auto;
    max-width: 24px;
}

.media-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.map-wrap {
    padding-top: 35%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.media-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}