.article-content:after{ position: absolute; bottom: 0; height: 100%; width: 100%; content: ""; background: linear-gradient(to bottom, rgba(255,255,255,0) 0px, rgba(255,255,255,1) 200px); pointer-events: none; }
.article-content { position: relative; height: 250px; }
.article { overflow: hidden; }

.bln-container { max-width: 1200px; }
.bln-header{ padding: 0px; }
.bln-header-row { padding-left: 16px; }
.bln-content { border-radius: 2px; padding: 16px 56px 80px 56px; margin-bottom: 80px;  }
@media screen and (max-width: 500px)
{
    .bln-content { padding: 8px 16px; box-shadow: unset; }
    .bln-search-card-title {
        font-size: 20px;
    }
}
.bln-logo { max-height: 50px; }
.bln-title { font-style: normal; font-family: serif; font-weight: 900; line-height: 1.2em; font-size: 2rem; letter-spacing: -.08rem; margin-top: 0px; color: black; }
.bln-source { text-align: right; color: #888888; }
.bln-thumbnail { width: 100%; }
.bln-related { color: black; text-decoration: none; }
.bln-related-thumbnail { height: 90px; width: 148px; float: left; margin-right: 8px; object-fit: cover;}

/*.bln-home-card { max-width: 346px; }
.bln-card-media:after{ position: absolute; bottom: 0; height: 100%; width: 100%; content: ""; background: linear-gradient(to bottom, rgba(255,255,255,0) 70px, rgba(255,255,255,.6) 70px); pointer-events: none; }*/
.bln-card-media { max-height: 490px; object-fit: cover; }

.bln-card-container {
}

.bln-card-container .mdl-card__media {
    overflow: hidden;
    background: transparent;
}

.bln-card-container .mdl-card__media img {
    width: 100%;
}

.bln-card-container .mdl-card__title {
    background: transparent;
    height: auto;
}

.bln-card-container .mdl-card__title-text {
    color: black;
    height: auto;
}

.bln-card-container .mdl-card__supporting-text {
    height: auto;
    color: black;
    padding-bottom: 56px;
}

.bln-card-container .mdl-card__actions {
    position: absolute;
    bottom: 0;
}

.bln-card-container .mdl-card__actions a {
    border-top: none;
    font-size: 16px;
}

.bln-top-section {
    position: relative;
    height: 800px;
    width: auto;
    background-color: #f3f3f3;
    background: url(background.jpg) center 30% no-repeat;
    background-size: cover;
}

.bln-slogan {
    font-size: 50px;
    padding-top: 160px;
    letter-spacing: 8px;
}
.bln-font {
    font-family: 'Gothic A1', 'Helvetica', 'Arial', sans-serif;
    line-height: 1;
    color: #000000;
    font-weight: 900;
}

.bln-sub-slogan {
    font-size: 21px;
    padding-top: 24px;
    letter-spacing: 0px;
}

.bln-fab {
    /*position: absolute;
    right: 50%;*/
    bottom: -26px;
    z-index: 3;
}

@media (max-width: 900px) {
    .bln-slogan {
        font-size: 26px;
        margin: 0 16px;
        padding-top: 24px;
    }
    .bln-sub-slogan {
        font-size: 16px;
        margin: 0 16px;
        padding-top: 8px;
    }
    .bln-top-section {
        height: 450px;
    }
}

@media (max-width: 400px) {
    .hideunder400px {
        display: none;
    }
    .showunder400px {
        display: unset;
    }
}

@media (min-width: 401px) {
    .hideunder400px {
        display: unset;
    }
    .showunder400px {
        display: none;
    }
}

@font-face {
    font-family: 'Gotham Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Medium'), url('/resources/GothamMedium.woff') format('woff');
}

.bln-screenshots
{
    margin: 0 auto;
    max-width: 1200px;
}

.bln-local-articles
{
    margin: 0 auto;
    max-width: 900px;
}

.bln-local-thumbnail
{
    width: 240px;
    height: 200px;
    object-fit: cover;
}

.mdl-card__title-text {
    font-size: large;
    text-align: center;
}

@media (max-width: 450px) {
    .mdl-card__title-text {
        font-size: x-small;
    }
}

.mdl-card--horizontal {
    flex-direction: column;
    height: 1vh; /* 1 */
    padding-left: 240px;
    width: 100%;
}
.mdl-card--horizontal .mdl-card__media {
    left: 0;
    position: absolute;
    width: 240px;
}

.mdl-card--horizontal .mdl-card__supporting-text {
    flex: 1 1 auto;
    width: auto;
}

.ft__black, .ft__black-italic {
    font-family: freight-text-pro, serif;
    font-weight: 900;
    line-height: 1.2em;
}

.bln-nodeco-link {
    text-decoration: none;
}

.bln-search-box.is-focused + .bln-navigation-container
{
    opacity: 0;
}

.bln-navigation-container
{
    order: 1;
}

.bln-mobile-navigation-container
{
    order: 3;
}

.bln-search-box
{
    top: 10px;
    order: 2;
}