/*
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.   ***************/
/**********
* Global
**********/
.back-to-top { bottom: 60px; }
.zoid-outlet > iframe.zoid-component-frame { z-index: 10 !important; }

/**********
* Header
**********/
@media only screen and ( max-width: 849px ) {
	#top-bar { display: none; }
}

/**********
* Mobil Menu
**********/
.off-canvas-right.dark .mfp-content, .off-canvas-left.dark .mfp-content { background-color: rgba(14,113,184,0.8); }
.nav > li.mobil-only { display: none; }
@media only screen and ( max-width: 849px ) {
	.nav > li.mobil-only { display: flex;}
	.sidebar-menu li.header-search-form { display: none !important; }
	.flex-col.hide-for-medium.flex-left { display: flex !important; }
	.flex-col.show-for-medium.flex-left { max-width: 50px !important; }
}

/**********
* Cart Dropdown
**********/
.wcppec-cart-widget-spb { margin-top: .5em !important; }
.nav-dropdown .woo-paypalplus-checkout-button { padding: 0px; margin-top: .5em; }

/**********
* Footer
**********/
.footer-secondary.pull-right { padding: 0px; }
.footer-primary.pull-left p { line-height: 32px; margin: 0px; }
.footer_title { color: rgba(0,0,0,0.5); font-size: .9em; }

/**********
* Live Search
**********/
.dark .form-flat input:not([type="submit"]), .dark .form-flat textarea, .dark .form-flat select, .nav-dark .form-flat input:not([type="submit"]), .nav-dark .form-flat textarea, .nav-dark .form-flat select { background-color: rgba(0,0,0,0.4) !important; }
.live-search-results { background: rgba(255,255,255,0.8); color: #333; margin-top: 20px; }
.live-search-results .amount, .dark .price, .dark span.amount { color: #333; }

@media only screen and ( max-width: 549px ) {
	.searchform-wrapper .search-form-categories { max-width: 40%; }
	.searchform-wrapper select.search_categories, .searchform-wrapper input.search-field, .searchform-wrapper button.submit-button { font-size: 16px; }
	.searchform-wrapper .live-search-result .autocomplete-suggestions { font-size: 16px; }
	.searchform-wrapper.is-large { font-size: 0.5em; }
}

/**********
* Flickity
**********/
.slider .flickity-prev-next-button { opacity: 1 !important; }

/**********
* Buttons
**********/
.button, .button.primary { border-radius: 5px !important; }

/**********
* Badge
**********/
.badge-inner.on-sale { position: relative; }
.badge-inner.on-sale::after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; box-shadow: inset 1px 1px 0 0 rgba(255,255,255,0.1),inset 0 2em 15px 0 rgba(255,255,255,0.2); border-radius: 999px; }

/**********
* WoW Sidebar Panel
**********/
@media only screen and ( max-width: 849px ) {
	.fm-icon { font-size: 20px !important; }
	.fm-icon, .fm-label { line-height: 30px !important; }
	.fm-bar a, .fm-icon, .fm-round .fm-hit, .fm-sub > ul { width: 30px !important; }
	.fm-bar.fm-right li, .fm-right .fm-mask, .fm-hit, .fm-icon { height: 30px !important; }
}