@use '../vendor/bootstrap' as *;

body {
    --bs-primary: #{$primary};
    --color-primary: #{$primary};
    --text-color: #{$body-color};
    --body-bg: #{$body-bg};
    --bs-body-bg: #{$body-bg};
    --font-family-base: #{$font-family-base};

    @include media-breakpoint-up(lg) {
        font-size: var(--font-family-lg);
    }

    @include media-breakpoint-up(xl) {
        font-size: var(--font-family-xl);
    }

    @include media-breakpoint-up(xxl) {
        font-size: var(--font-family-xxl);
    }
}

a {
    text-decoration: none;
}

.page-item.active .page-link {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.form-switch .form-check-input:checked {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
}

.content-search-label input,
.content-search-label input:focus {
    background: unset;
    color: var(--body-bg);
}

@media (min-width: 992px) {
    .content-wrapper {
        margin: auto;
    }
}

@media (min-width: 992px) {
    .content-header {
        background: var(--bs-body-bg);
    }
}

body:not(.ea-content-width-full) .content-wrapper {
    max-width: unset;
}


.content-header {
    // border-bottom: 1px solid #e1e1e1;
    padding: 36px 0 10px;
}

.dropdown-menu .dropdown-header,
.dropdown-menu .dropdown-item {
    padding: 0.25rem 1rem;
}

.page-item.disabled .page-link {
    border: 0;
}