:root {
    --db-spa-grey-color: #F7F7F8;
    --db-spa-black-color: #121212;
    --ghost-accent-color: var(--db-spa-accent-color-dark);
}

/** Main styles ************************************************************************************/

#announcement-bar-root,
footer {
    display: none !important;
}

header {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    margin-bottom: 2em;
    background-color: #f7f7f7 !important;
    border-bottom: 1px #eaeaea solid !important;
}
header .header__content {
    border-bottom: none !important;
}

article {
    margin-bottom: 0 !important;
}

/** Main container *********************************************************************************/

main .container.db-no-padding {
    padding: 0 !important;
}

main .container h1.post-hero__title {
    color: var(--db-spa-accent-color-dark);
}
main .container h1.post-hero__title::after {
    border-bottom-color: var(--db-spa-accent-color-light) !important;
}
main .container.db-no-padding h1.post-hero__title {
    padding: 0 25px;
}

/** Section ****************************************************************************************/

section[class^="db-spa-"] {
    padding: 30px 25px;
}
section[class^="db-spa-"] h3 {
    margin: 0 0 25px;
}

section.db-spa-white {
    background-color: white;
    color: var(--db-spa-black-color);
}

section.db-spa-grey {
    background-color: var(--db-spa-grey-color);
    color: var(--db-spa-black-color);
}

section.db-spa-color {
    background-color: var(--db-spa-accent-color-light);
    color: var(--db-spa-black-color);
}

section.db-spa-white a,
section.db-spa-grey a {
    color: var(--db-spa-accent-color-dark) !important;
    text-decoration-color: var(--db-spa-accent-color-dark) !important;
}
section.db-spa-color a {
    color: var(--db-spa-black-color) !important;
    text-decoration-color: var(--db-spa-black-color) !important;
}

/** Various ****************************************************************************************/

figure:has(+ section[class^="db-spa-"]),
.page-template .content>:last-child:not(.kg-width-full) {
    margin-bottom: 0 !important;
}

.kg-cta-card {
    border-radius: unset !important;
}

#db-buttons-container {
    gap: 10px !important;
}
.db-action-button {
    padding: 5px 10px !important;
    font-size: .8em !important;
    font-weight: normal !important;
    border-radius: 5px !important;
}
.db-action-button i.ti {
    font-size: 1em !important;
    padding-right: 7px !important;
}

/** Anchors ****************************************************************************************/

article a:not(.kg-header-card-button) {
    text-decoration: underline !important;
    text-decoration-style: dotted !important;
    text-underline-offset: 5px !important;
}
article a.kg-header-card-button,
article a.kg-cta-button,
article a.kg-product-card-button {
    text-decoration: none !important;
    color: var(--db-spa-accent-color-light) !important;
}