/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.grecaptcha-badge {
	display: none !important;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    color: #011470 !important;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover {
    color: #f00 !important;
}

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


}

@media only screen and (min-width: 1024px) {
	
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item > .mega-sub-menu {
	  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2) !important;
  }
	#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > .mega-sub-menu {
		box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2) !important;
	}
	
	.live-search-results {
		width: 600px;
    	right: 0 !important;
        left: auto !important;
	}
	
	.header .search-form .autocomplete-suggestions, .header-block .autocomplete-suggestions {
		width: 600px;
	}
	
	.header .search-form .autocomplete-suggestions::-webkit-scrollbar {
		width: 6px
	}

	.header .search-form .autocomplete-suggestions::-webkit-scrollbar-track {
		background: #fff
	}

	.header .search-form .autocomplete-suggestions::-webkit-scrollbar-thumb {
		background: #ddd
	}
	
	.search-field {
		box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2) !important;
		border: #ccc 1px solid !important;
		color: #000 !important;
		height: 40px !important;
		width: 220px !important;
		padding: 0 16px !important;
		font-size: 15px !important;
	}
	
	.home .header-wrapper:not(.stuck) .search-field {
		color: #fff !important;
		box-shadow: 2px 2px 4px rgba(255, 255, 255, 0.2) !important;
	}
	
	.search-field::placeholder {
		color: #000 !important
	}
	
	.home .header-wrapper:not(.stuck) .search-field::placeholder {
		color: #fff !important;
	}
	
	.home .header-wrapper:not(.stuck) .icon-search {
		color: #fff !important;
	}
}

@media only screen and (max-width: 850px) {
	.autocomplete-suggestion img {
		display: none !important;
	}
	
	.autocomplete-suggestion {
		padding: 10px 0 !important;
		flex-direction: column !important;
		align-items: flex-start;
	}
	
	.autocomplete-suggestion img+.search-name {
		margin-top: 0 !important;
		padding-left: 0 !important;
	}
	
	body:not(.home) .nav>li>a>i.icon-menu {
		color: #000;
	}
	
	.home .header-wrapper.stuck .nav>li>a>i.icon-menu {
		color: #000;
	}
	
	.mobile-sidebar .nav-vertical li li {
		padding-left: 0 !important;
	}
	
	.mobile-sidebar .nav-vertical li li a {
		padding-bottom: 10px !important;
    	padding-top: 10px !important;
	}
	.mobile-sidebar .nav-vertical ul {
		padding-bottom: 0 !important;
	}
	
	.mobile-sidebar .nav-vertical li.current-menu-parent {
		color: #fff;
    	background-color: #021570 !important;
	}
	.mobile-sidebar .nav-vertical li.current-menu-parent > a {
		color: #fff;
		background: #021570;
	}
	.mobile-sidebar .nav-vertical li > a {
		color: hsla(0,0%,40%,.85);
    	background: #fff;
	}
	
	.mobile-sidebar .nav-vertical li.current-menu-item > a {
		color: #fff;
    	background: #021570;
	}
	
	.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
		width: 80% !important;
	}
}