/*
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.   ***************/

body.page-id-2 #woocommerce-compare-bar,
body.page-id-3 #woocommerce-compare-bar,
body.page-id-34 #woocommerce-compare-bar,
body.page-id-95 #woocommerce-compare-bar,
body.page-id-504 #woocommerce-compare-bar,
body.page-id-519 #woocommerce-compare-bar,
body.page-id-631 #woocommerce-compare-bar,
body.page-id-1171 #woocommerce-compare-bar,
body.page-id-1648 #woocommerce-compare-bar,
body.page-id-1650 #woocommerce-compare-bar,
body.page-id-1777 #woocommerce-compare-bar,
body.page-id-1803 #woocommerce-compare-bar,
body.page-id-1820 #woocommerce-compare-bar,
body.page-id-1829 #woocommerce-compare-bar,
.product_meta h2,
.posted_in,
.sku_wrapper,
p.woocommerce-result-count,
form.woocommerce-ordering,
.term-description,
.catalog-product-text {
	display: none !important;
}

.nav-uppercase li a,
.woocommerce-catalog-mode-variations th {
    font-weight: normal;
}

.breadcrumbs {
	color:#777 !important;
}

.wishlist-popup {
	width:250px !important;
}

#yith-wcwl-popup-message{
  background: #eee;
  border: 1px solid #ccc;
}

.woocommerce-catalog-mode-variations td, .woocommerce-catalog-mode-variations th {
  padding: 5px !important;
  border:0 !important;
  font-size: 1em !important;
}

.woocommerce-catalog-mode-variations th {
  background-color:#eee;
}

td.attribute_name, td.attribute_value {
	padding:5px !important;
	border:1px solid #eee !important;
}

table.attribute_name_values {
	margin:30px 0 !important;
}

td.attribute_name {
	width:25% !important;
}

td.attribute_value {
	width:70% !important;
}

span.amount {
    color: #777;
    font-weight: normal;
}

a.woocommerce-compare-table-action-compare, a.woocommerce-compare-table-action-compare:hover {
    background-color: #c22820 !important;
    border-radius: 5px !important;
}

.woocommerce-compare-bar-actions {
    font-size: 100% !important;
}

.single-product-compare-key {
    font-size: 12px !important;
}

.dark .widget a:hover {
	color:#c22820;
}

/*************** UX MENU ***************/

.ux-menu .nav-dropdown {
    min-width: 600px;
    padding: 0px;
}

.ux-megamenu .nav-dropdown {
    min-width: 100vw;
    padding: 0px;
}

.ux-megamenu li.menu-item {
    width:100%;
}

.container .ux-megamenu .row:not(.row-collapse) {
    margin-left: auto;
    margin-right: auto;
}

/*************** UX MENU - CALLOUT  ***************/


.ux-menu-callout a {
    color:#555; /* Change nav color */
}

.ux-menu-callout a:hover, .ux-menu-callout a:hover h4, .ux-menu-callout a.plain:hover   {
    color:#c22a20; /* Change nav hover color */
}

.ux-menu-callout .icon-box .has-icon-bg .icon .icon-inner {
    background-color:currentColor; /* Auto fill background with icon color */
}

.ux-menu-callout .nav-dropdown .menu-item-has-children>a {
    text-transform: none; /* Text transform parent links */
    font-size: 100%;
}

.ux-menu-callout span.widget-title {
    text-transform: uppercase;
    font-size:80%;
    letter-spacing: .05em;
	opacity: 0.8;
}

.ux-menu-callout ul.menu>li ul {
    border-left: 0px;
    padding: 0px 0px 10px 10px;
}

.ux-menu-callout .icon-box-text {
    padding-top: 5px;
}

.ux-menu-callout h4 {
    margin-bottom: 0px;
}

.ux-menu-callout p {
    font-size:80%;
}

.ux-menu-callout .widget .is-divider {
    margin: 5px 0px;
	opacity: 0;
}

.ux-menu-callout .widget {
    margin-bottom: 0px;
}


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

.woocommerce table.shop_attributes td.attribute_name,
.woocommerce table.shop_attributes td.attribute_value {
    font-size: 1em !important;
}

}