/* =====================================
   TRAVER WELLNESS - DARA THEME
   ===================================== */

/* Navigation dropdown background */
@media screen and (min-width: 768px) {
    .main-navigation ul ul {
        background-color: #c8a58b;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    }
}

/* WooCommerce product titles */
.woocommerce ul.products li.product
.woocommerce-loop-product__title,
.woocommerce ul.products li.product
.woocommerce-loop-product__title a,
.woocommerce div.product .product_title {
    color: #a5003b;
}

/* WooCommerce product prices */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #a5003b;
}

/* WooCommerce buttons - Soft Clay with white text */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product a.button:visited,
.woocommerce div.product form.cart .button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
    background-color: #c8a58b;
    color: #ffffff !important;
    border-color: #c8a58b;
    opacity: 1;
}

/* WooCommerce button hover - Deep Wine */
.woocommerce ul.products li.product a.button:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
    background-color: #a5003b;
    color: #ffffff !important;
    border-color: #a5003b;
}

/* Shop page heading */
.woocommerce .page-title {
    color: #df3955;
}


/* WooCommerce breadcrumb links - Deep Wine */
.woocommerce .woocommerce-breadcrumb a,
.woocommerce .woocommerce-breadcrumb a:visited {
    color: #a5003b;
}

/* WooCommerce breadcrumb hover */
.woocommerce .woocommerce-breadcrumb a:hover {
    color: #df3955;
}


/* =====================================
   TRAVER WELLNESS - MOBILE MENU
   ===================================== */

/* Mobile menu button - Soft Clay */
@media screen and (max-width: 767px) {
    .menu-toggle,
    .main-navigation .menu-toggle,
    #site-navigation .menu-toggle {
        background-color: #c8a58b !important;
        color: #ffffff !important;
        border-color: #c8a58b !important;
    }

    /* Mobile menu button when opened or tapped */
    .menu-toggle:hover,
    .menu-toggle:focus,
    .menu-toggle:active,
    .main-navigation.toggled .menu-toggle {
        background-color: #c8a58b !important;
        color: #ffffff !important;
        border-color: #c8a58b !important;
    }
}