.grid--detail-end {
    gap: 40px;
}

.sidebar-navigation,
.quicklist-container {
    display: flex;
    justify-content: flex-end;
}

.sidebar-navigation {
    position: fixed;
    background-color: #fff;
    z-index: 90;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    transform: translateY(calc(100% - 58px));
    transition: 250ms var(--easingPrinciple);
}

.sidebar-navigation-active {
    transform: translateY(0%);
}

.section--alt { background-color: var(--blue5); }
.section--color { background-color: var(--blue100); color: #FFF; }
.page--light-greytext .section--alt { background-color: var(--grey5); }
.page--light-greytext .section--color { background-color: var(--grey100); }


.content-box { padding-top: 40px; padding-bottom: 40px; }
.content-box--start { padding-top: 0; }
.content-box--end { padding-bottom: 0; }

.sidebar-navigation__trigger {
    appearance: none;
    font-family: inherit;
    color: var(--blue100);
    background-color: transparent;
    border: none;
    text-align: left;
    margin: 0;
    padding: 19px 23px;
    text-transform: uppercase;
    font-size: 16px;
    border-top: 1px solid var(--green100);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
}

.sidebar-navigation__trigger span {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 1em;
}

.sidebar-navigation__trigger-arrow {
    transform: rotate(-180deg);
    transition: 250ms var(--easingPrinciple);
}

.sidebar-navigation-active .sidebar-navigation__trigger-arrow {
    transform: rotate(0deg);
}

@media(min-width: 992px) {
    /* .header__sub-nav { background-color: var(--green50); } */
    /* .header__nav-item:hover a { color: var(--blue100); } */

    .header--collapsed {
        --primary: var(--blue100);
        --secondary: var(--green100);
        --meta: rgba(255, 255, 255, 0.6);
    }
    .sidebar-navigation,
    .quicklist-container {
        display: flex;
        justify-content: flex-end;
        position: relative;
        bottom: auto;
        left: auto;
        right: auto;
    }

    .sidebar-navigation {
        transform: none;
        z-index: 2;
    }

    .sidebar-navigation__trigger {
        display: none;
    }
}


.sidebar-navigation-wrapper:after {
    content: '';
    top: 0; right: 0; bottom: 0; left: 0;
    background-color: var(--blue100);
    position: fixed;
    pointer-events: none;
    opacity: 0;
    transition: 250ms;
}
.chapter-nav-open .sidebar-navigation-wrapper:after {
    opacity: .7;
}
@media(min-width: 991px) {
    .sidebar-navigation-wrapper:after {
        display: none;
    }
}


.product-header { display: flex; gap: 15px; flex-wrap: wrap; }

.person-block + .section-header-block {
    margin-top: 80px;
}
.job-title {
    font-size: 14px;
    font-weight: bold;
    display: block;
}


.article-video {
    margin-top: 3em;
    margin-bottom: -2em;
}

@media(min-width: 992px) {
    .article-video {
        margin-top: 5em;
        margin-bottom: -3em;
    }
}


/* .section-header-block + .grid--cards { margin-top: -40px; } */


.page--light-greytext .content-blocks .grid--downloads {
    display: flex;
    max-width: 730px;
    flex-direction: column;
    gap: 15px;
}

.page--light-greytext .content-blocks .grid--downloads .span-12-m {
    width: 100%;
}

.page--light-greytext .hero .tag { transition: 250ms var(--easingPrinciple); }
.page--light-greytext .hero .tag:hover {
    color: #FFF;
    background-color: var(--grey100);
}

.page--light .card {
    --color: var(--blue100);
    --date: var(--green100);
    --border: var(--green100);
}

.page--light .tag--green { color: var(--green100); }
.page--light .tag--green:hover { color: #FFF; }


.theme-events .button { background-color: var(--yellow100); }
.theme-events .content a { color: var(--yellow100); }


.page--light .section--color .crosslink__title { color: #FFF; }
.page--light .section--color .crosslink__meta { color: var(--green100); }
.page--light .section--color .crosslink__icon:hover,
.page--light .section--color .crosslink__button:hover { color: #FFF; }
.page--light .section--color .column-title {
    color: var(--blue50);
}

.page--light-greytext .labels--normal span {
    color: var(--green100);
}


.algolia-section + .content-blocks {
    margin-top: 80px;
}


.product-header__category-list {
    display: flex;
    align-items: center;
    gap: 20px;
}

@media(min-width: 992px) {
    .product-header__category-list {
        margin: 0 0 0 auto;
    }
}

.product-header__category {
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-header__label {
    width: 30px;
    height: 14px;
    display: block;
    border-radius: 10px;
    border: 1px solid #00C16D;
}

.product-header__label--material {
    background-color: #00C16D;
}

.product-header__label--certified {
    background-color: var(--blue100);
    border-color: var(--blue100);
}

.content-blocks .anchor-target:not(first-child) {
    margin-top: calc(-1 * var(--contentGap))
}