body {
    padding-top: calc(var(--hh-ct-top-bar-height) + var(--hh-ct-top-bar-bottom-spacing)); // Don't replace with --hh-fixed-header-height as its value changes to zero on mobile scroll down which creates a jump
    padding-bottom: calc(var(--hh-fixed-footer-height) + var(--hh-mobile-app-safe-area-inset-bottom, env(safe-area-inset-bottom)));
    font-family: var(--hh-ct-font-family), serif;
    font-size: var(--hh-ct-font-size);
    font-weight: var(--hh-ct-font-weight);
}

b, strong {
    font-weight: var(--hh-ct-font-bold-weight);
}

.container {
    @include media-breakpoint-up(md) {
        width: 100%;
    }
    @include media-breakpoint-up(xl) {
        width: calc(100% - 45px);
        max-width: var(--hh-ct-container-max-width);
    }
}

@media print {
    #topbar {
        display: none;
    }
}

h1 {
    font-size: var(--hh-ct-h1-font-size);
}

h2 {
    font-size: var(--hh-ct-h2-font-size);
}

h3 {
    font-size: var(--hh-ct-h3-font-size);
}

h4 {
    font-size: var(--hh-ct-h4-font-size);
}

h5 {
    font-size: var(--hh-ct-h5-font-size);
}

h6 {
    font-size: var(--hh-ct-h6-font-size);
}
