/* This css contains specific theming for the base theme and will be overridden on subthemes. */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

html{

    font-family: Roboto, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    --tw-text-opacity: 1;

    color: rgb(55 65 81 / var(--tw-text-opacity, 1))
}

/* Main menu item styles */
.main-menu li a{

    font-size: 1.125rem;

    line-height: 1.75rem;

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.main-menu li a:hover{

    color: rgb(255 255 255 / 0.75);

    text-decoration-line: none
}

/* Header menu item styles */
.header-menu li a{

    color: inherit;

    --tw-text-opacity: 1;

    color: rgb(75 85 99 / var(--tw-text-opacity, 1))
}
.header-menu li a:hover{

    --tw-text-opacity: 1;

    color: rgb(31 41 55 / var(--tw-text-opacity, 1));

    text-decoration-line: underline
}

.footer-bottom-menu li span{

    font-weight: 400;

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.footer-bottom-menu li a{

    font-weight: 400;

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

@media (min-width: 1024px){

    .footer-bottom-menu li a:hover{

        color: rgb(255 255 255 / 0.75);

        text-decoration-line: none
    }
}

/* Headers */
h1, h2{

    color: var(--color-secondary)
}