/*
Theme Name: Flatsome
Theme URI: http://flatsome.uxthemes.com/
Author: UX-Themes
Author URI: http://www.uxthemes.com/
Description: Multi-Purpose Responsive WooCommerce Theme
Version: 3.3.4
Text Domain: flatsome
License:
License URI:
*/

/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
ul.ubermenu-submenu.ubermenu-submenu-id-679.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-center.ubermenu-submenu-content-align-center.ubermenu-submenu-retractor-top {
    left: 0!important;
}
#products-prands__wrapper{
	padding-bottom:30px;
}
#products-prands__wrapper .brand-col{
/*   width: 18%!important; */
  width: 18%!important;
    border: 2px solid #f5f0f0;
	margin: 10px;}

#products-prands__wrapper .image-cover img{

	object-fit: contain!important;}	
#products-prands__wrapper .box-image {height:150px!important;}
ul.ubermenu-submenu.ubermenu-submenu-id-679.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-center.ubermenu-submenu-content-align-center.ubermenu-submenu-retractor-top {
    left: 5%!important;
    right: 5%!important;
}
.box-image {height:auto!important}
.home > .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    font-size: 16px!important;
/*     color: #fff!important; */
}
.nav-left {
justify-content: center!important;
}
#products-prands__wrapper .box-image {
    height: 100px !important;
}
@media screen and (max-width:950px){
	.home .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
 
    color:rgba(102, 102, 102, 0.85) !important;
				font-weight:400;

}
	.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    color: rgba(102, 102, 102, 0.85) !important;
		font-weight:400;
}
}
#products-prands__wrapper .box-image {
    height: 80px !important;
}
ul.product-tabs.nav.small-nav-collapse.tabs.nav.nav-uppercase.nav-line.nav-left {
    justify-content: left !important;
}

/* Core Web Vitals CLS Optimizations */
.slider:not(.flickity-enabled) {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
}
.slider:not(.flickity-enabled) > .col {
    flex-shrink: 0 !important;
}
img.wp-post-image,
img.attachment-medium,
img.woocommerce-placeholder,
img.ux-logo-image {
    height: auto !important;
}

/* Accessibility & Color Contrast Ratio Optimizations (WCAG AA/AAA) */
body, #main, #main p, #main div, #main span, p, p[style], .text-box p {
    color: #1a202c !important;
}
.op-7, .product-cat.op-7, .product-cat {
    opacity: 1 !important;
    color: #374151 !important;
    font-weight: 700 !important;
}

/* Dark Footer & Dark Section Contrast Overrides */
.footer-widgets.dark,
.footer.dark,
.footer-2.dark,
.absolute-footer.dark,
.dark-scheme,
.dark {
    color: #f8fafc !important;
}
.footer-widgets.dark p,
.footer-widgets.dark div,
.footer-widgets.dark li,
.footer-widgets.dark span,
.footer-widgets.dark td,
.footer.dark p,
.footer.dark div,
.footer.dark li,
.footer-2.dark p,
.footer-2.dark div,
.footer-2.dark li,
.absolute-footer.dark p,
.absolute-footer.dark div,
.copyright-footer,
.copyright-footer span {
    color: #f8fafc !important;
}
.footer-widgets.dark h1, .footer-widgets.dark h2, .footer-widgets.dark h3, .footer-widgets.dark h4, .footer-widgets.dark h5, .footer-widgets.dark h6,
.footer.dark h1, .footer.dark h2, .footer.dark h3, .footer.dark h4, .footer.dark h5, .footer.dark h6,
.footer-2.dark h1, .footer-2.dark h2, .footer-2.dark h3, .footer-2.dark h4, .footer-2.dark h5, .footer-2.dark h6,
.absolute-footer.dark h1, .absolute-footer.dark h2, .absolute-footer.dark h3, .absolute-footer.dark h4, .absolute-footer.dark h5, .absolute-footer.dark h6,
.footer-widgets.dark .widget-title,
.footer-widgets.dark strong,
.footer-widgets.dark b,
.footer.dark .widget-title,
.footer.dark strong,
.footer-2.dark .widget-title,
.footer-2.dark strong,
.absolute-footer.dark strong,
.copyright-footer strong {
    color: #ffffff !important;
}
.footer-widgets.dark a,
.footer.dark a,
.footer-2.dark a,
.absolute-footer.dark a {
    color: #ffffff !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}
.footer-widgets.dark a:hover,
.footer.dark a:hover,
.footer-2.dark a:hover,
.absolute-footer.dark a:hover {
    color: #93c5fd !important;
}

/* Inline Link Distinguishability (WCAG 2.1 - 1.4.1) */
#main p a, .entry-content p a, p a {
    color: #0056b3 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
    font-weight: 600 !important;
}
#main p a:hover, .entry-content p a:hover, p a:hover {
    color: #003d80 !important;
}