/* Collections and Walks Header */
.post-type-archive-collection #page-featured-image .arboretum-archive-image-caption, 
.post-type-archive-walk  #page-featured-image .arboretum-archive-image-caption {
    color: inherit;
    display: inline-block;
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--normal);
    font-weight: 200;
    line-height: 1.5;
}

/* Collections Archive */
.post-type-archive-collection .wp-block-post.type-collection.collection {
    border: none !important;
    padding-left: 0;
}

.post-type-archive-collection .wp-block-post .arboretum-collection-container {
    padding: 30px 2vw;
    align-items: center;
    border-radius: 20px;
    border: 1px solid var(--wp--preset--color--leaf);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    min-height: 40vh;
    outline: 5px solid transparent;
    outline-offset: -6px;
    transition: outline 0.3s ease-in-out;
    overflow: hidden;
}

.post-type-archive-collection .wp-block-post:hover .arboretum-collection-container,
.post-type-archive-collection .wp-block-post:focus .arboretum-collection-container,
.post-type-archive-collection .wp-block-post:active .arboretum-collection-container {
    border: 1px solid var(--wp--preset--color--leaf);
    outline-color: var(--wp--preset--color--leaf);
}

.post-type-archive-collection .wp-block-image.arboretum-post-meta-image {
    height: 200px;
    margin-left: -10%;
    transition: all 0.5s ease-in-out;
    position: absolute;
    bottom: 50%;
    width: 100%;
}

@media (min-width: 768px) {
    .post-type-archive-collection .wp-block-image.arboretum-post-meta-image {
        height: auto;
        width: 100%;
    }
}

.post-type-archive-collection .wp-block-image.arboretum-post-meta-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: none;
}

.post-type-archive-collection .wp-block-post-title.arboretum-collection-title {
    padding-top: 70%;
    font-family: var(--wp--preset--font-family--heading);
    font-size: var(--wp--preset--font-size--large);
    font-weight: 200;
    line-height: 1.2;
    hyphens: auto;
    word-break: keep-all;
    margin-top: auto;
    margin-bottom: auto;
    text-align: center;
}

@media (min-width: 768px) {
    .post-type-archive-collection .post-type-archive-collection .wp-block-post-title.arboretum-collection-title {
        padding-top: 40px;
    }
}

@media (min-width: 768px) {
    .post-type-archive-collection .wp-block-post-title.arboretum-collection-title {
        font-size: var(--wp--preset--font-size--x-large);
    }
}

/* Walks Archive */
.post-type-archive-walk .wp-block-post.type-walk.walk {
    border: none !important;
    padding-left: 0;
}

.post-type-archive-walk .wp-block-post .wp-block-post-featured-image.arboretum-archive-walk-image {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid var(--wp--preset--color--black);
    outline: 5px solid transparent;
    outline-offset: -6px;
    aspect-ratio: 11 / 16;
    object-fit: cover;
    transition: outline 0.3s ease-in-out;
    width: 100%;
    margin-bottom: var(--wp--preset--spacing--50);
}

.post-type-archive-walk .wp-block-post .wp-block-post-featured-image.arboretum-archive-walk-image:hover {
    outline-color: var(--wp--preset--color--cream);
}

.post-type-archive-walk .wp-block-post .wp-block-post-title.arboretum-archive-walk-title {
    font-size: var(--wp--preset--font-size--medium);
    color: var(--wp--preset--color--leaf);
    font-family: var(--wp--preset--font-family--body);
    display: inline;
    margin-bottom: 0;
    margin-right: 5px;
}

.post-type-archive-walk .wp-block-post .arboretum-post-meta-long-text {
    display: inline;
    margin: 0.5em 0;
    font-family: var(--wp--preset--font-family--body);
    font-size: var(--wp--preset--font-size--normal);
}

.post-type-archive-walk .wp-block-post .arboretum-archive-walk-stats {
    margin-top: var(--wp--preset--spacing--50);
    padding: 0;
}

.post-type-archive-walk .wp-block-post .arboretum-post-meta-text {
    margin-right: var(--wp--preset--spacing--50);
    font-size: var(--wp--preset--font-size--small);
    font-weight: 500;
    font-family: var(--wp--preset--font-family--body);
    line-height: 1.5;
}