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

/* Header */
.has-transparent.transparent .header-main .social-icons, .has-transparent.transparent .header-main .cart-icon strong, .has-transparent.transparent .header-main .menu-title, .has-transparent.transparent .header-main .header-button > .button.is-outline, .has-transparent.transparent .header-main .nav > li > a > i:not(.icon-angle-down) {
    color: #fff!important;
}
.has-transparent.transparent .header-nav-main.nav-line-bottom > li > a:before, .has-transparent.transparent .header-nav-main.nav-line-grow > li > a:before, .has-transparent.transparent .header-nav-main.nav-line > li > a:before, .has-transparent.transparent .header-nav-main.nav-box > li > a:hover, .has-transparent.transparent .header-nav-main.nav-box > li.active > a, .has-transparent.transparent .header-nav-main.nav-pills > li > a:hover, .has-transparent.transparent .header-nav-main.nav-pills > li.active > a {
    background-color: #8aa5a8;
}

/* Display mobile & desktop menu */
@media screen and (max-width:1415px){
	#logo + .show-for-medium{display:block !important} /* Mobile menu */
	#logo + .show-for-medium + .hide-for-medium{display:none !important} /* Desktop menu */
}

/* Search form */
.searchform .button.icon i{color:#fff !important}

/* Unsure vision homepage */
.slider-vision .slider{min-height:230px;}

/* Paypal Button */
.paypal-button{
	border: solid 1px #ffc439;
	background: #ffc439;
	overflow: hidden !important;
}
.zoid-outlet{
	margin-left: -3px;
	width: calc(100% + 5.5px) !important;
}
.paypal-button.paypal-button-shape-rect{border-radius:0}
.woo-paypalplus-checkout-button{position:relative; z-index:1}

/* Product page */
.product-info p.stock{
	font-size: 1em;
	font-weight: 400;
	color:#8aa5a8
}
.nav-line-grow > li > a::before{
	background:#8aa5a8 !important
}

/* Paypal button in product page */
.single-product .single_add_to_cart_button{
	width: calc(100% - 98px - 1em);
	float: right;
	margin-right:0
}
.single-product .woo-paypalplus-checkout-button,
.single-product .oder-direkt-zu{
	display:block;
	text-align:center;
	clear:both
}

/* Remove shadow slider navigation */
.single-product .slider-nav-reveal .flickity-prev-next-button{
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
	background:transparent !important
}

/* Cart page */
td.product-thumbnail{
	min-width: unset;
	max-width: unset;
	width: auto;
}
td.product-name img.attachment-woocommerce_thumbnail{
	display: block;
	margin: 10px 0;
	max-width: 80%;
}

/* Checkout page */
.payment_methods li{padding-bottom:7px;}
.wc_payment_method input[type=radio]{
	position:relative;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	width: 14px;
	height: 14px;
	color:#8aa5a8;
	box-shadow: 0 0 0 1px #777;
	border-radius:100%;
	display:inline-block;
	vertical-align: top;
	margin-bottom: 0;
	top:0px;
}
.wc_payment_method input[type=radio]:checked{
	background:transparent; 
	box-shadow: 0 0 0 1px #8aa5a8;
}
.wc_payment_method input[type=radio]:checked:after{
	content: "\2022";
	display: block;
	color: #8aa5a8;
	font-size: 26px;
	position: absolute;
	left: 0;
	top: -16px;
}

.wc_payment_method input[type=radio] + label{
	display:inline-block;
	width:90%;
	vertical-align: top;
	margin-bottom: 0;
	padding: 0;
}

.wc_payment_method.payment_method_paypal_plus input[type=radio] + label{margin-top:-3px;}

input[type=checkbox]{
	position: relative;
	top: 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	width: 15px;
	height: 14px;
	color:#fff;
	box-shadow: 0 0 0 1px #777;
	border-radius:0;
	display:inline-block;
}
input[type=checkbox]:checked{
	background:#8aa5a8;
	box-shadow: 0 0 0 1px #8aa5a8;
}
input[type=checkbox]:checked:after{
	content: "\2713";
	display: block;
	color: #fff;
	font-size:15px;
	position: absolute;
	left: 2px;
	top: -5px;
}

.wc-gzd-checkbox-placeholder a{color:#8aa5a8}

/* Mix & match product https://www.pottoschokolad.de/8-edle-macarons-in-der-geschenkbox/ */
.mnm_child_products .mnm_child_product_images{
	max-width:90px;
}
.mnm_child_products .mnm_item[data-mnm_id="55469"] .mnm_child_product_images,
.mnm_child_products .mnm_item[data-mnm_id="55468"] .mnm_child_product_images{
	max-width: 115px;
	margin-top: -10px;
}

.mnm_form.layout_grid ul.products li.product{
	position:relative;
	align-items:center;
	margin-left: 0;
}

.mnm_item .product-thumbnail{height:100%}
.mnm_item .mnm_child_product_images{
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	height: 100%;
}


.mnm_form.layout_grid ul.products li.product .product-details{
	position:absolute;
	top:-8px;
	font-size: .8em;
	opacity:0;
	text-align:center;
	white-space: nowrap;
	transition: opacity 0.5s ease;
}
.mnm_form.layout_grid ul.products li.product:hover .product-details{
	opacity:1
}
.mnm_form.layout_grid ul.products li.product .mnm_image img{
	margin-bottom:0
}

.mnm_form.layout_grid ul.products li.product .product-quantity{min-height:56px}
.mnm_form.layout_grid ul.products li.product .product-quantity p.stock{padding-top:14px}

.mnm_form.layout_grid ul.products li.product .quantity{margin-right:0}
.msg.mnm_message_content li{margin-left:0}

.woocommerce-cart .button.primary:not(.is-outline), .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout):not(.checkout-button){background-color:#8aa5a8}

/* Shop */
.price-unit.smaller.wc-gzd-additional-info span.amount{ color:#777; font-weight:normal}
div.products .product-small.product p.wc-gzd-additional-info {
    margin: 0;
    line-height: normal;
}

/* Newsletter2Go */
.widget_newsletter2go .checkbox-inline{
	position:relative;
}

.widget_newsletter2go .checkbox-inline input[type=checkbox]{
	position: absolute;
	top: 2px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	width: 15px;
	height: 14px;
	color:#fff;
	box-shadow: 0 0 0 2px #8aa5a8;
	border-radius:0
}
.widget_newsletter2go .checkbox-inline a{color:#8aa5a8}
.widget_newsletter2go .checkbox-inline input[type=checkbox]:checked{
	background:#8aa5a8; 
}
.widget_newsletter2go .checkbox-inline input[type=checkbox]:checked:after{
	content: "\2713";
	display: block;
	color: #fff;
	font-size:15px;
	position: absolute;
	left: 2px;
	top: -5px;
}
@media screen and (max-width: 479px) {
.widget_newsletter2go .checkbox-inline label{padding-left:20px !important;}
}

.pott_custom_content{display:flex; flex-wrap:wrap; gap:10px}
.pott_custom_content.flexcol{flex-direction:column; gap:0px}
.content_embed, .content_text{width:100%; max-width:48%}
.flexcol .content_embed, .flexcol .content_text{width:100%; max-width:100%}
.flexcol .content_text{margin-top:25px}
.content_embed.alignright{order:2}

.gallery-image{position:relative}
.gallery-image img {
  display: none;
}

.gallery-image img.active {
  display: block;
}

.gallery-image .prev, .gallery-image .next{
    position: absolute;
    right: 60px;
    top: 10px;
    background: rgba(255,255,255,.8);
    color: #000;
}

.gallery-image .next{
	right:0
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.mnm_form.layout_grid ul.products{
		justify-content:center
	}
	.mnm_child_products .mnm_child_product_images {
		max-width: 80px;
	}
	.mnm_child_products .mnm_item[data-mnm_id="55469"] .mnm_child_product_images,
	.mnm_child_products .mnm_item[data-mnm_id="55468"] .mnm_child_product_images{
		max-width: 100px;
		margin-top: -15px;
	}
	
	.page-id-9666 .text-box .hover-bounce{
		transition: none!important;
    	-webkit-transform: none!important;
    	transform: none!important;
	}
	
	.pott_custom_content{flex-direction:column; gap:0px}
	.content_embed, .content_text{width:100%; max-width:100%}
	.content_embed.alignright{order:0}
	.content_text{margin-top:25px}
	

}