/*
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.   ***************/
*{
  font-family: "Roboto", sans-serif;
}

#top-bar {
    z-index: 9;
}

.header-wrapper.stuck {
    background-color: #FFF;
}

.menu-multi-level {
    min-width: 1000px;
    left: -300px;
    display: flex;
}

.box-blog-post .post-title a:hover {
    color: var(--fs-color-secondary);
}

.prod_cat_item h4 a {
    color: #000;
    text-transform: uppercase;
    font-size: 20px;
}

.prod_cat_item h4 a:hover {
    color: var(--fs-color-secondary);
}

.slider .flickity-viewport .flickity-button {
    visibility: hidden !important;
}

.menu-item:hover .ux-child {
    display: block;

}

.ux-child {
    position: absolute;
    display: none;
    min-width: 1000px;
    left: -300px;
    padding: 30px;
    background-color: #FFF;
    box-shadow: 2px 2px 10px;
}

.ux-child>ul>li>a {
    font-weight: 700;
}

.ux-child ul {
    list-style: none !important;
}

.ux-child .sub-menu .sub-menu .col {
    width: 100%;
    max-width: 100%;
    flex-basis: 100%;
}

.nav-spacing-large>li {
    margin: 0 5px;
}

ul.bellows-submenu.bellows-open {
    display: block !important;
}

.nav-dropdown li a,
.menu-item a {
    padding: 10px !important;
    width: 100%;
}

.sub-menu li a:hover {
    background-color: var(--primary-color);
    border-radius: 12px;
    color: #FFF;
}

span.amount {
    font-size: 20px;
    color: var(--primary-color);
}

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


}