/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
Main color : #48b62f
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.cats-link a {display:inline;font-weight:400;font-size:14px;}
.cats-link a.view-more {color:#ef1c23;font-weight:bold;}
.section-title-normal {border-bottom:2px solid #48b62f;}
.section-title-main {
    color: #48b62f;
    padding: 5px 15px 5px 5px!important;
}
.section-title b {opacity:0.5;height:1px;}
.section-title-normal:after {

}
.woocommerce-Price-amount.amount {color:#ff0000;font-size:115%;}
del .woocommerce-Price-amount.amount {color:#666;font-size:90%;}
.product-short-description{font-size:90%;}
.section-title-container {margin-bottom:5px;}
#product-sidebar {
	margin-top:30px;
}
.product-title,.product-title a{color:#111;}
form.cart .quick_buy_container {
	display:inline-block;
}
input.quick_buy_button {
	background:#48b62f;
	color:#FFF;
}
.text-center .quantity, .quantity {
	margin-right:0.5em;
}
.product-footer .quick_buy_container {
	text-align:center;
	margin:20px auto;
}
a.quick_buy_button {
	background:#48b62f;
	color:#FFF;
	padding:12px 20px;
	text-transform:uppercase;
	font-size:150%;
}
a.quick_buy_button:hover {
	color:#FFF;
	background:#f55d04;
}
li.tit-hidden > a {display:none!important;}
#wide-nav > .flex-row > .flex-left {
	max-width:295px;
	flex:auto;
}

.footer-2.dark .widget-title {color:#48b62f;font-weight:500;}
aside .widget-title {}
aside ul.product-categories li a {color:#111;}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.hidden-phone {display:none;}

}
@media only screen and (min-width: 1200px) {
/*************** ADD DESKTOP ONLY CSS HERE  ***************/
.footer-2 .large-columns-4 > div:nth-child(1) {
	width:35%;
	max-width:50%;
	flex-basis:auto;
}
.footer-2 .large-columns-4 > div:nth-child(2) {
	width:25%;
	max-width:50%;
	flex-basis:auto;
}

.footer-2 .large-columns-4 > div:nth-child(3) {
	width:20%;
	max-width:50%;
	flex-basis:auto;
}

.footer-2 .large-columns-4 > div:nth-child(4) {
	width:20%;
	max-width:50%;
	flex-basis:auto;
}


}
#mega_menu > li > ul.sub-menu {
	margin-top:0;
	min-height:450px;
}
#mega_menu li a {
	padding-top:8px;
	padding-bottom:8px;
}
#mega-menu-wrap {
	background:#098619;
}
#mega-menu-title {
	padding:11.5px!important;
	font-size:109%;
}
ul#mega_menu li a {
	color:#111;
}
ul#mega_menu li a:hover {
	color:#48b62f;
}
aside .widget-title {color:#48b62f;font-family: "Roboto Condensed";font-size:120%!important;font-weight:700!important;}
.ot-vm-hover:hover #mega_menu {display:block!important;}
.header-contact a {text-transform:none!important;font-size:105%!important;}
footer .widget_nav_menu ul li a {font-size:100%!important;}
footer .widget-title {font-family: "Roboto Condensed", sans-serif;font-size:120%!important;font-weight:700!important;letter-spacing:0!important;}

ul.children > li.cat-item {
	padding:3px 10px;
} 
ul.children > li.cat-item:hover {
	background:#48b62f;
} 
ul.children > li.cat-item:hover a{color:#FFF!important;}
.gform_fields input {margin-bottom:0;}
.gform_wrapper ul li.gfield {margin-top:6px!important;}
.box-blog-post .post-title {color:#222;}
.box-blog-post .post-title:hover {color:#48b62f;}


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

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

.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;
}
/*************** END UX MENU ***************/
/*************** UX MENU - CALLOUT  ***************/


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

.ux-menu-callout a:hover, .ux-menu-callout a:hover h4   {
    color:#000; /* 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:90%;
	white-space: normal;
}

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

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

/*************** END UX MENU - CALLOUT  ***************/
.devvn-popup-title,.popup-customer-info-group .devvn-order-btn {background:#48b62f!important;}
.sf-vertical.sf-arrows > li > .sf-with-ul:after {border-left-color:#666;}
.sf-vertical.sf-arrows > li:hover > .sf-with-ul:after {border-left-color:#48b62f;}
.row-style > .col > .col-inner{border-top:10px solid #eee;}
body {overflow-x:hidden;}
table,tbody,tr,td,th,tf {overflow-x:auto;max-width:100%;}
.woocommerce-Tabs-panel {overflow-x:auto;}