/*
* Style rules for home page
*/

/*Page Hero*/
.hero-section {
    color: var(--dcm-medium-blue-grey);
    padding: 4% 0;
}

.hero-section--container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    align-items: center;
    width: 90%;
    max-width: 1440px;
    margin: auto;
}

.hero--content {
    margin-bottom: 5%;
}

.surtitle {
    font-family: var(--font-family);
    font-weight: var(--font-weight--semi-bold);
    font-size: 1.125rem;
    color: var(--dcm-orange);
    text-transform: uppercase;
}

.entry-title {
    font-weight: var(--font-weight--extra-bold);
    font-size: 3.75rem;
    color: var(--dcm-dark-blue-grey);
    line-height: 1;
    margin-top: 2%;
    margin-bottom: 2%;
}

.entry-excerpt {
    font-size: 1.25rem;
    line-height: var(--line-height);
    color: var(--dcm-dark-blue-grey);
}

.hero--image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/*Desktop*/
@media all and (min-width: 981px) {
    .hero-section {
        background-image: var(--white-to-dcm-white);
    }

    .hero--content {
        margin-right: 10%;
    }

    .hero--image figure {
        margin-left: -5%;
        max-height: 507px;
        filter: drop-shadow(0 15px 1rem rgb(0 0 0 / 30%))
    }
}

/* Pillar Page content area*/
section {
    padding: 0.625rem 0;
}

section:first-child,
section:last-child {
    background-color: var(--dcm-white);
}

/*section:nth-child(3n-2) {}*/

/*= Custom Block Editor Styles
-------------------------------*/
.is-style-pillar-section--heading,
.is-style-pillar-post-template,
.is-ebook-row {
    width: 90%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

.is-style-pillar-section--heading {
    font-size: 1.875rem;
    font-weight: var(--font-weight--extra-bold);
    color: var(--dcm-dark-blue-grey);
    margin-top: 1.5em;
    margin-bottom: 1em;
}

/*Pillar Page Post Template Rules*/
.entry-content ul.is-style-pillar-post-template {
    padding: 0;
    list-style-type: none;
    line-height: 1.555;
}

.is-style-pillar-post-template li {
    position: relative;
    padding: 1em;
    border-radius: 10px;
    border: 1px solid var(--dcm-white);
    box-shadow: var(--dcm-white) 0px 4px 16px, var(--dcm-white) 0px 8px 24px, var(--dcm-white) 0px 16px 56px;
}

.is-style-pillar-post-featured-image img {
    border: 1px solid var(--dcm-white);
}

.is-style-pillar-post-date>time {
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
    font-weight: var(--font-weight--semi-bold);
    font-size: 14px;
    color: var(--dcm-blue-grey);
}

.is-style-pillar-post-title {
    font-weight: var(--font-weight--extra-bold);
    line-height: var(--line-height);
    margin-top: 0;
    margin-bottom: 0;
}

.is-style-pillar-post-excerpt .wp-block-post-excerpt__excerpt {
    margin-bottom: 2em;
}

.is-style-pillar-post-excerpt .wp-block-post-excerpt__more-text {
    position: absolute;
    bottom: 0;
    left: 1em;
    margin-bottom: 1em;
}

.is-style-pillar-post-excerpt .wp-block-post-excerpt__more-text>a {
    color: var(--dcm-orange);
}