/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

:root
{
    --actual-menu-item-color: #f20487;
    --menu-item-color: #000;
    --secondary-color: #1b0f77;
    --data-block-base-font-size:2rem;
}

.nav
{
    >li
    {
        &.active
        {
            >a
            {
                color: var(--actual-menu-item-color);
            }
        }
        >a
        {
            color: var(--menu-item-color);
        }
    }
}

.data-block
{
    .hours-qty
    {
        color: var(--actual-menu-item-color);
        font-size:2.5rem;
    }
    text-align:center;
    font-size: var( --data-block-base-font-size);
    line-height: 1.4;
}

.button
{
    &.is-outline
    {
        color: var(--secondary-color);
        border-color: var(--secondary-color);

    }
}

h1, h2, h3, h4, h5, h6
{
    color: var(--secondary-color);
}


    @media only screen and (max-width: 48em) {
        /*************** ADD MOBILE ONLY CSS HERE  ***************/


    }
}