/*
Theme Name: Birch
Template: mediavine-trellis
Theme URI: https://www.mediavine.com/
Author: Mediavine
Author URI: https://www.mediavine.com
Description: Birch is a child of the Trellis core theme framework
Requires at least: 4.9.6
Version: 0.6.3
Text Domain: mediavine
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, sticky-post, threaded-comments, translation-ready
*/

/*
* Home page and about us page styles
*/

.page-template-page-home-php #content,
.page-template-page-home-php .content,
.page-template-page-home-php .site-inner,
.page-template-page-home-php #page,
.page-template-page-home-php>#wrapper,
.page-template-page-home-php .content>.row,
.page-template-page-home-php #page,
.page-template-page-home-php,
.page-template-page-home-php #content .col-full,
.page-template-page-about-php #content,
.page-template-page-about-php .content,
.page-template-page-about-php .site-inner,
.page-template-page-about-php #page,
.page-template-page-about-php>#wrapper,
.page-template-page-about-php .content>.row,
.page-template-page-about-php #page,
.page-template-page-about-php,
.page-template-page-about-php #content .col-full {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.page-template-page-home-php:not(.custom-background-image):before,
body.page-template-page-home-php:not(.custom-background-image):after,
body.page-template-page-about-php:not(.custom-background-image):before,
body.page-template-page-about-php:not(.custom-background-image):after {
    height: 0;
}

.page-template-page-home-php #main,
.page-template-page-about-php #main {
    padding: 0;
}

.page-template-page-home-php .header-post-title-container,
.page-template-page-about-php .header-post-title-container {
    display: none;
}

.page-template-page-home-php #main .inner-wrap,
.page-template-page-about-php #main .inner-wrap {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.page-template-page-home-php .container.main-content-area,
.page-template-page-about-php .container.main-content-area {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.page-template-page-home-php .container.main-content-area .row,
.page-template-page-about-php .container.main-content-area .row {
    margin: 0;
}

.page-template-page-home-php .container.main-content-area .main-content-inner,
.page-template-page-about-php .container.main-content-area .main-content-inner {
    float: none;
    width: 100%;
    padding: 0;
}

/*
* Archive pages styles
*/
header.ypnh-header.page-header {
    position: relative;
    overflow: hidden;
    padding: 0;
}

header.ypnh-header.page-header .img-placeholder {
    background-color: #0e4159;
    background-size: cover;
    background-position: center;
    transition: .15s filter linear;
    padding-top: 25%;
	min-height: 250px;
}

.ypnh-header-image__media:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    right: 0;
    z-index: 1;
    height: 30%;
    background: linear-gradient(0deg, rgba(17, 17, 17, .6) 0, rgba(17, 17, 17, 0) 100%);
}

.ypnh-header-group {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.ypnh-header-group .wrapper.wrapper-content,
.ypnh-taxonomy-header .wrapper.wrapper-content {
    position: relative;
    height: 100%;
}

@media (max-width:1200px) {

    .ypnh-header-group .wrapper.wrapper-content,
    .ypnh-taxonomy-header .wrapper.wrapper-content {
        padding-right: 24px;
        padding-left: 24px;
    }
}


header.ypnh-header.page-header #crumbs {
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff;
    font-size: .875rem;
    font-weight: 500;
    position: relative;
    top: 1.6875rem;
    display: inline-block;
}

header.ypnh-header.page-header #crumbs a {
    color: #fff;
    text-decoration: none;
}

header.ypnh-header.page-header #crumbs a:hover {
    text-decoration: underline;
}

h1.ypnh-header-heading {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.6875rem;
    line-height: 40px;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #fff;
    font-size: 3.75rem;
    text-align: left;
}

@media (max-width:1200px) {

    h1.ypnh-header-heading {
        padding-right: 24px;
        padding-left: 24px;
        font-size: 30px;
        line-height: 30px;
        letter-spacing: 2px;
    }
}

.ypnh-taxonomy-header-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 0.625rem;
}

.ypnh-taxonomy-header-list-item {
    display: inline-block;
    margin-bottom: 0.75rem;
    margin-right: 1.5rem;
    line-height: 1.5;
}

.ypnh-taxonomy-header-link-wrapper {
    margin-bottom: 0;
    line-height: 1;
    font-size: 1.25rem;
}

.ypnh-taxonomy-header-link {
    letter-spacing: 1px;
    position: relative;
    text-decoration: none;
    font-weight: 600;
}

.ypnh-taxonomy-header-link:hover {
    color: #0e4159;
}

.ypnh-taxonomy-header-list-item.current .ypnh-taxonomy-header-link:after,
.ypnh-taxonomy-header-link:hover:after {
    content: "";
    position: absolute;
    bottom: -0.25rem;
    left: 0;
    width: 100%;
    height: 0.125rem;
    background: #0e4159;
}

.ypnh-taxonomy-desc {
    display: block;
    max-width: 50rem;
    font-size: 1rem;
    line-height: 22px;
    letter-spacing: .7px;
    color: #757575;
    font-weight: 600;
}

#ypnh_archive_content {
    background: #f4f4f4;
    padding-top: 30px;
    padding-bottom: 30px;
}

.ypnh-article-list {
    justify-content: space-between;
    display: grid;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-bottom: 2.75rem;
}

@supports (display:grid) {
    .ypnh-article-list {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 1rem
    }

    .ypnh-article-list .card {
        margin-bottom: 0
    }
}

@media (min-width:35em) {
    .ypnh-article-list {
        flex-direction: row;
        flex-wrap: wrap
    }

    .ypnh-article-list .card {
        flex: 0 1 48%
    }

    @supports (display:grid) {
        .ypnh-article-list {
            grid-template-columns: repeat(2, 1fr)
        }
    }
}

@media (min-width:54em) {
    .ypnh-article-list .card {
        flex: 0 1 32%
    }

    @supports (display:grid) {
        .ypnh-article-list {
            grid-template-columns: repeat(3, 1fr)
        }
    }
}

@media (min-width:65em) {
    .ypnh-article-list .card {
        flex: 0 1 24%
    }

    @supports (display:grid) {
        .ypnh-article-list {
            grid-template-columns: repeat(4, 1fr)
        }
    }
}

.ypnh-card-list-item {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    background: #fff;
    cursor: pointer;
    font-weight: 700;
    flex: 0 1 24%;
    padding: 0;
    margin-bottom: 0;
    text-decoration: none;
}

.card__media {
    overflow: hidden;
    order: 1;
    position: relative;
    margin-bottom: 0;
    height: auto;
}

.card__media .post-thumbnail {
    position: relative;
    background: #efefef;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 62.5%;
}

.card__media .post-thumbnail.placeholder {
    background-image: url('data:image/png;base64,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');
    background-size: 80px 80px;
    background-position: center;
    background-repeat: no-repeat;
}

.card__media .post-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .15s ease;
    transition-property: transform;
    max-width: none;
    display: block;
}

.card__content {
    padding: 1.5rem;
    width: 100%;
    flex-grow: 1;
    order: 2;
    display: flex;
    flex-direction: column;
}

.card__title {
    word-break: break-word;
    font-weight: 600;
    letter-spacing: .04rem;
    margin-bottom: 1rem;
    font-size: 1.0625rem;
    line-height: 24px;
    order: 1;
}

.card__meta {
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .6875rem;
    line-height: 1.5;
}

.card__meta:before {
    content: attr(data-taxonomy);
    font-weight: 400;
}

.card__meta:after {
    content: attr(data-updated);
    color: #757575;
    font-weight: 400;
}

.card__square-divider {
    background-color: #f3ddcd;
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
    transform: translateY(-0.1rem);
}

.card__description {
    order: 2;
    margin-bottom: 0;
    line-height: 1.5;
    font-weight: 400;
}

.card__description:before {
    display: block;
    content: attr(data-description);
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 0.75rem;
}