/*
Theme Name: Replenology
Description: This is a child theme for Flatsome Theme
Author: Cybercletch
Template: flatsome
Version: 1.0.0
*/

@font-face {
    font-family: dinot;
    src: url('./assets/fonts/dinot-font.otf');
}

* {
    font-family: dinot, sans-serif !important;
}

/* Increase the width of the containers to appear wider  */
.full-width .ubermenu-nav,
.container,
.row {
    max-width: 1326px !important;
}

/* Force fit images in woocommerce on /product pages */
.woocommerce .products.has-equal-box-heights .product .box-image img {
    object-fit: contain;
}

/* Prevent woocommerce images from being too large */
.product .box-image {
    max-height: 200px;
}

.product .box-image img {
    max-height: 200px;
    object-fit: contain;
}

.woocommerce-product-gallery__wrapper {
    max-height: 200px;
}

.woocommerce-product-gallery__wrapper .wp-post-image {
    max-height: 200px;
    object-fit: contain;
}

/* Change mobile menu items hover color to primary color (works on desktop) */
.mobmenu_content .menu-item a:hover,
.mobmenu_content .menu-item a:active {
    background-color: #8C4438 !important;
    color: white !important;
}

/* Fix mobile menu color on mobile, exact query needed */
@media only screen and (max-width:1301px) {
    #mobmenuright li a:hover {
        background-color: #8C4438 !important;
        color: white !important;
    }

    #mobmenuright li a:active {
        background-color: #8C4438 !important;
        color: white !important;
    }
}