/* Disable transparency in main nav */
.header-wrapper.active-nav {
    opacity: 1;
    transition: none;
}

.main-container .ce-bodytext ul {
    padding-left: 1.3rem;
}

.mainnav-desktop .first-nav {
    padding: 0.25rem 0.8rem;
}

.mainnav-desktop-item:last-child .first-nav {
    margin-right: 0;
    padding-right: 0;
}

/* Override the upstream .layer overlay: remove the blur and the
 * semi-transparent background so the layer renders as a solid surface.
 */
.layer {
    backdrop-filter: none;
    background: hsl(0, 0%, 100%);
}

/* Line-clamp limits for news teasers on:
 * - Heading (h3): max 2 lines
 * - Teaser text (p): max 4 lines
 */
.page-1 .teaser-content h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.page-1 .teaser-content > p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

/* Task #81024
 * Override .btn-primary and .btn-outline-primary styles to use the secondary color
 * for all states (hover, focus, active, disabled) instead of the primary color.
*/
.form .btn-primary,
.frame-type-felogin_login .btn-primary {
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
}

.form .btn-outline-primary {
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-disabled-color: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
}

/* Override gsb-map-marker pins colors */
:root {
    --gsb-map-orig-bs-primary: var(--bs-bgcolor-5);
    --gsb-map-orig-bs-secondary: var(--bs-secondary);
}

gsb-map {
    --bs-primary: var(--gsb-map-orig-bs-secondary);
    --bs-secondary: var(--gsb-map-orig-bs-primary);
    --gsb-map-control-focus-ring-color: var(--gsb-map-orig-bs-secondary);
}

@media (min-width: 1200px) {
    .ce-bodytext blockquote p, blockquote p {
        font-size: 1.375rem;
    }
}