/*
 Theme Name:   Soup Child
 Template:     soup
 Version: 1.5.0
*/

 
/*---------------------------------
      write your css from here
------------------------------------*/
/*---------------------------------
      Color Variables
------------------------------------*/
:root{
--md-yellow: #FFD11A;
--md-black: #000;
--md-red: #D43733;
}

body{
    margin: 0;
	font-size: 18px;
}

a:hover, a:focus {
    text-decoration: none;
    color: var(--md-yellow);
}

p{
	font-size: 16px;
}
p.woocommerce-store-notice.demo_store{
	background-color: #F4524d;
	padding: 40px 20px;
	font-size: 20px;
}

.store-close-notice{
	height:auto !important;
}

.bg-dark, .vc_custom_1612145517461 {
    background-color: var(--md-black) !important;
}
.section-extended > .container:after {
    position: absolute;
    top: 0;
    width: 100vw;
    bottom: 0;
    content: ' ';
    background-color: var(--md-black);
}
section.section.section-extended {
    background:  var(--md-black) !important;
}
footer #footer.bg-dark {
    background-color: var(--md-black) !important;
}
.widget .tagcloud a:hover {
    border-color: var(--md-yellow);
}


/*-----------------------------
 * Buttons
*/
.btn-primary {
    border-color:  var(--md-yellow);
    background-color:  var(--md-yellow);
    color: #fff;
}
.btn-outline-primary:before {
    background-color: var(--md-yellow);
}
.btn-outline-primary, .btn-outline-primary:before {
    border-color: var(--md-yellow) !important;
}
.btn-secondary:before {
    background-color: var(--md-yellow);
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:focus:active {
    color: var(--md-black);
}
.modal-btn .btn .btn-secondary .btn-block .btn-lg.btn-secondary:before {
    background-color: var(--md-yellow) !important;
}
.btn-outline-primary {
    color: #fff;
}
a.btn.btn-outline-primary:hover span {
    color: var(--md-black);
}

/*-----------------------------
 * Icons
-----------------------------*/
.icon.icon-primary {
    color: var(--md-yellow);
}
.text-primary {
    color: var(--md-yellow); !important;
}

/* Header */

.nav-main{
	font-weight: 400;
}
.entry-content > .woocommerce{
	padding: 80px 0;
}
 #header .module-logo {
     padding: 20px;
}
#header-mobile .module-logo {
background-color: #000;
}

#header-mobile .module-cart .notification {
	position: relative;
	top: -11px;
	left: -11px;
}
#panel-mobile .module-logo{
	background-color: #000 !important;
}

.page-id-150 a[data-toggle="panel-cart"] .minc{
	position: fixed;
	background-color: rgb(255, 255, 255);
	border-radius:10px 0 0 10px;
	box-sizing: border-box;
	padding:20px 50px 20px 20px;
	box-shadow:rgba(0, 0, 0, 0.15) 0px 3px 10px 0px;
	top: 30px;
	right:-20px;
	display: block;
	-webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes cart-slide-in {
  0% {
    right: -200px;
  }
  100% {
    right: 0;
	opacity: 1;
  }
}

.table-cart.min > tbody > tr > td.title{
	padding: 1rem 1.5rem !important;
}
 .zooming:before{
     content: "";
     background-color:rgba(0,0,0,0.7) !important;
     position: absolute;
     width: 100%;
     height: 100%;
}

.text-muted p{
     color:#000 !important;
}

/* Page Content */
 .page-content{
    padding: 0;
}
.promo-btn{
	min-width: 150px;
	width: 100%;
	margin: 20px auto;
}
.page-title.bg-light{
	background-color: #292b2e;
}
.menu-category .menu-category-title .title{
	font-weight: 600;
    color: #f2f2f2;
    text-shadow: 1px 1px 10px #000;
}

.vc_non_responsive .vc_row .vc_col-sm-12{
	padding-left:0 !important;
	padding-right:0 !important;
}

/* Business Hours */
 .businesshouers-home{
     margin: 10px auto;
     text-align: center;
     color: #fff;
}
 .mbhi-is-current{
     font-weight:400;
}
.menu-is-closed{
	text-align:center;
	padding-top: 40px;
}
..bhi-confirmation-page{
	text-align: center;
}



/* Zip Code Checker */
 .myZipCodeChecker{
     width: 100%;
     max-width: 960px;
     height:100%;
     background: var(--md-black);
     color: #ecf0f1;
     font-family: "Helvetica Neue", "Raleway", sans-serif;
     padding: 40px 40px 40px;
     margin: 0 auto;
     box-sizing: border-box;
     border-radius: 8px;
     box-shadow: 1px 1px 20px #2f3542;
}
 .zip-container{
     padding: 5px 0;
     vertical-align: central;
     overflow: hidden;
}
 .zip-container input{
     border: 0;
     height: 46px;
}
 .zip-form{
     box-sizing: border-box;
     width: 50%;
     float: left;
     padding: 10px 15px;
     color: #000;
     background: #ecf0f1;
}
 .zip-btn{
     box-sizing: border-box;
     width:50%;
     height:46px;
     padding: 10px 20px;
     float: right;
     background: var(--md-yellow);
     border: solid 2px var(--md-yellow);
     border-radius: 0;
     font-size: 16px;
     color: var(--md-black);
     text-transform: uppercase;
     cursor: pointer;
}
 .zip-btn:hover{
     background: transparent;
     border-top: solid 2px var(--md-yellow);
     border-right: solid 2px var(--md-yellow);
     border-bottom: solid 2px var(--md-yellow);
     border-left: none;
     color: var(--md-yellow);
     transition: all .2s ease-in;
}
 .answer{
     box-sizing: border-box;
     margin: 0 auto;
     width: 100%;
     max-width:800px;
     padding: 20px;
     color: #a4a7a9;
     text-align: center;
     transition: all .2s ease-in;
	 
}
.printAnswer{
	display:block;
	 background-color: rgba(33, 150, 243, 0.39);
	 margin-top: 20px;
	 border-radius:5px;
	 cursor:pointer;
     transition: all .2s ease-in;
}
 .zip-btn-answer{
     display: block;
     box-sizing: border-box;
     margin: 20px auto;
     padding: 10px 20px;
     background: var(--md-yellow);
     border: solid 2px var(--md-yellow);
     border-radius: 0;
     font-size: 14px;
     color: #ecf0f1;
     text-transform: uppercase;
     cursor: pointer;
}
 .zip-btn-answer:hover{
     background: transparent;
     border: solid 2px var(--md-yellow);
     color: var(--md-yellow);
     transition: all .2s ease-in;
}
.hero-title-home{
	color: #fff;
	font-size: 49px;
	text-align:center;
}
/* Reviews */
.pull-up-30 {
	margin-top: 66px !important;
	z-index: 1 !important;
}
.blockquote.blockquote-lg .blockquote-content p {
font-size: 1.75rem;
font-weight: 200;
}

/* Widget */
.widget{
     width: 33.33%;
}
.widget h5{
	font-weight:500;
	color: var(--md-yellow);
}
#footer.dark h5 {
    color: var(--md-yellow) !important;
}
#back-to-top{
	display: none !important;
}
.widget_product_categories ul{
	padding: 0;
	list-style: none;
}
.widget_product_categories ul li{
	margin-bottom: 1.5rem;
	line-height: 1.2;
}

/* WooCommerce */

.woocommerce .woocommerce-breadcrumb {
    margin: 0 0 1em;
    padding: 20px 0;
    font-size: .92em;
    color: #767676;
}
/* Banners */
.collapse-toggle{
	background: transparent !important;
}

#donuts_1{background-color: #ea51a1!important;}
#ben-jerrys-ice-cream_1{background-color: #b237d2 !important;}
#suessigkeiten_1{background-color:  #ecda21 !important;}
#salzige-snacks_1{background-color: #3972d8 !important;}
#desserts_1{background-color:  #ea51a1!important;}
#spirituosen_1{background-color: #b237d2 !important;}
#tiefkuehlprodukte_1{background-color:  #ecda21 !important;}
#getraenke_1{background-color: #3972d8 !important;}
#bier_1{background-color:#ea51a1!important;}
#wein_1{background-color: #b237d2 !important;}
#zigaretten_1{background-color: #a92e2c !important;}
#canabis_1{background-color: #fff !important;}
#lebensmittel_1{background-color:  #ecda21 !important;}
#hygieneartikel_1{background-color:  #00c1cf !important;}

.woocommerce-Price-currencySymbol{
	margin-right: 5px;
}


/* Grid Product */
.menu-grid-item {
    line-height: 1.2;
    margin-bottom: 1.5rem;
    padding: 40px;
    border-bottom: solid 1px #00000024;
	min-height: 400px;
	box-shadow: 0px 3px 11px rgba(0, 0, 0, 0.06);
}
.menu-grid-item:hover{
	background-color: var(--md-yellow);
    color: #000;
}
.menu-grid-item:hover .btn-outline-secondary{
	border-color: #25282a;
    background: #000;
	color: #fff;
}
.menu-grid-item a:hover{
	color: #000;
}
.menu-grid-item h6{
	font-size:1.2em;
}
.mb-4.wp-post-image{
	width: 100% !important;
}
.product-description p{
	min-height: 55px;
	margin-bottom: 10px;
}
.product-description p:empty{
	display: none;
}

/* quantity input */
.cst_btn {
    text-align: center !important;
}

.add_to_cart_button.single_add_to_cart_button.button.alt.ajax_add_to_cart.cst_btn_a {
	background-color: #000;
    color: #fff;
	font-size: 0.7em;
    display: block;
    padding: 1em;
    margin-top: 5px;
	-webkit-user-select:none;
	-webkit-touch-callout: none;
}
.add_to_cart_button.single_add_to_cart_button.button.alt.ajax_add_to_cart.cst_btn_a:hover {   
    box-shadow: 0 0 10px #0000007a;
}
.add_to_cart_button.single_add_to_cart_button.button.alt.ajax_add_to_cart.adding.cst_btn_a.added{
	background-color: #6dab3c !important;
}

.qty.minsplus{
	display: grid;
	grid-template-columns: .5fr 1fr .5fr;
}
.qty .count{
	grid-area: 2;
	grid-row: 1;
    font-weight: 700;
	width: 100%;
}
.qty .plus{
	grid-area: 3;
	grid-row: 1;
}
.qty .minus{
	grid-area: 1;
	grid-row: 1;
}
.qty .count, .plus, .minus{
	cursor: pointer;
    color: #000;
	background-color: transparent !important;
	padding: 10px;
	box-sizing: border-box;
    text-align: center;
}

.minus:hover, .plus:hover{
    background-color: #000 !important;
	color: #fff;
}

/*Prevent text selection*/

.qty > span{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
	user-select: none;
}
.quan_field{  
    border: 0;
    width: 2%;
}
input[type=number] {
  -moz-appearance: textfield;
}
.quan_field::-webkit-outer-spin-button,
.quan_field::-webkit-inner-spin-button {
    -webkit-appearance: none;
	 -moz-appearance: textfield;
    margin: 0;
}
.quan_field:disabled{
    
}

.modal-content .cart .plus, .modal-content .cart .minus{
	display:none;
}


/* Products on Frontpage */
.woocommerce ul.products li.product a img {
    width: 100%;
	max-width: 300px;
    height: auto;
    margin: 1em auto 1em;
    box-shadow: none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
	font-size: 1.4em;
	font-weight: 400;
}
.woocommerce ul.products li.product .button {
    margin-top: 1em;
	display: block;
	text-align: center;
}
.woocommerce ul.products li.product .price {
    color: #000;
    display: block;
    font-weight: 200;
    margin-bottom: .5em;
	font-size: 1em;
}
.vvc_btn3-container .vc_btn3-inline{
    width: 100% !important;
}
.vc_general .vc_btn3 .vc_btn3-size-md .vc_btn3-shape-rounded .vc_btn3-style-modern .vc_btn3-color-grey{
	width: 100% !important;
}
a .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern{
	width: 100% !important;
}

/* Order btn */
.order-cta{
     padding: 150px 0;
}
 .order-cta-btn, .order-cta-btn:hover{
     position: absolute;
     left: 50%;
     transform: translate(-50%, -50%);
}

.container > .main {
    width: 100%;
}
.singlepropop .popsoup form.cart button.button {
	box-sizing: border-box;
    float: left;
    width: 100%;
    height: 56px;
    padding: 1.5rem 3rem 1.5rem;
    margin-left: 26px;
}
.panel-details-container.popsoup .quantity .qty{
    width: 100%;
	background: var(--md-yellow);
    color: #fff;
	height: 46px;
	border: 0;
}
.panel-details-container.popsoup{
	display: grid;
}
.panel-details-container.popsoup .quantity {
    overflow: hidden;
    margin: 0;
    display: block;
    width: 100%;
    clear: both;
}
.singlepropop .popsoup input.qty {
    padding: 13px;
}

.modal-header.modal-header-lg {
    padding: 25vh 2rem 1.5rem;
}
.modal-title{
	display:none;
}

#added {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
	top:0;
	margin-left:0;
    width: 100%;
    height: calc(25vh + 1.5rem);
    background-color: var(--md-yellow);
    text-align: center;
	line-height: calc(25vh + 1.5rem);
    font-size: 18px;
    color: #fff;
    z-index: 9999999;
    font-weight: 500;
}
.btn-lg {
    padding: 1.5rem 3rem 1.75rem !important;
    font-size: 1.2rem;
	font-weight: 500 !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0 !important;
}
.btn-secondary {
    border-color: #25282a !important;
    background-color: #25282a !important;
    color: #fff;
}
.btn-sm{
	font-size: 0.8em;
}

.wpmc-prev{
    width: 100%;
    height: 46px;
	border-radius: 5px;
	background-color: #ffd11b;
	border: 0;
}
.woocommerce-checkout .form-row.place-order {
    position: relative;
    bottom: 0;
    text-align: center;
}
.woocommerce-checkout .soup-order input#place_order {
	text-transform: none !important;
	width: 100%;
	
}
.woocommerce-checkout .soup-order {
    background: transparent;
}
form .modal-btn{
    margin: 0 !important;
    width: 100%;
}
.stock .out-of-stock p{
	margin: 0 !important;
	padding: 0 !important;
}
.stock-lead{
	
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
	-webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.product-addon-totals{
	padding: 25px 0;
	text-align: center;
}
span.text-muted.text-sm > p{
	padding-top: 10px !important;
}
.entry-content > .woocommerce {
    padding: 0 !important;
}
.woocommerce-info{
    border-color: #25282a !important;
    background-color: #25282a !important;
    color: #fff;
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
	content: "";
}
.woc-countdown-wrapper{
	padding: 1rem 1.5rem;
}
.table-cart .woocommerce-checkout-review-order-table{
	margin-bottom: 0;
}
.woocommerce form .form-row textarea {
height: 8em;
}

.woocommerce-additional-fields{
	margin: 40px 0;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	background-color:#000 !important;
}
div.coupon:not(.under-proceed) { 
display: none !important; 
}



/* Cart */

.woocommerce table.shop_table{
	background-color: #00000006 !important;
}
.update-cart:before{
	content="\f021" !important;
	padding-right: 20px;
	font-size: 16px;
}
.page-id-161 .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
    text-align: left !important;
}
.page-id-161 strong span.woocommerce-Price-amount.amount{
	font-size: 48px !important;
    display: block;
    text-align: left;
    line-height: 4rem;
}
.no-mindestbestellwert{
	background: rgba(235, 144, 132, 0.52) !important;
	padding: 10px;
	margin: 0 0 34px;
	border-left: solid 3px #000;
}
.min-bestellung-check{
	text-decoration: underline;
	padding:10px 0;
}
.woocommerce-cart-form{
	margin-bottom: 60px !important;
}

/* shipping calculator */
.shipping-calculator-button{
	display: none !important;
}
form .shipping-calculator-form {
    display: block !important;
}
.shipping-calculator-form{
	margin: 0;
	padding: 1em 0;
}
.country_to_state .country_select{
	display: none;
}

#calc_shipping_country_field{
	display: none;
}
#calc_shipping_state_field{
	display: none !important;
}
#calc_shipping_city_field{
	display: none !important;
}
#shipping_city_field, #billing_city_field {
    width: 48%;
}
.shipping-calculator-form > p .button {
    margin: 0px 5px;
    box-sizing: border-box;
    background-color: var(--md-yellow) !important;
    width: calc(100% - 10px);
    border-radius: 0;
}
.woocommerce ul#shipping_method li label {
    display: inline-block;
    text-align: left;
}
.woocommerce-shipping-destination{
	display: inline-block;
	text-align: left;
}
.woocommerce-shipping-destination strong{
	display: inline-block;
	text-align: left;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	box-sizing: border-box;
    width: 100%;
    margin: 0;
    line-height: normal;
    padding: 1rem;
    border-radius: 0;
    border: 2px solid #e0e0e0;
    color: #464a4c;
    font-weight: 700;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea:hover{
	cursor: pointer;
}

.woocommerce ul#shipping_method .amount{
	display: block;
    padding-top: 20px;
    font-size: 2rem;
	color: #f4524d;
	animation: swing-in-top-fwd;
}
.woocommerce ul#shipping_method .amount:before{
	content:"+";
	margin-right: 5px;
    position: relative;
    bottom: 2px;
}
.cart_totals.calculated_shipping > table.shop_table_responsive > tbody{
	display: grid !important;
}
.page-id-161 .woocommerce-shipping-methode-title{
	display: none !important;
}
.page-id-161 tr.woocommerce-shipping-methode-container{
	text-align: left !important;
}

/* Multistep WooCommerce Checkout*/
.wpmc-steps-wrapper{
	padding: 20px 0 !important;
}
#wpmc-prev{
	margin-right: 10px;	
}
.wpmc-nav-button, #wpmc-back-to-cart{
	background-color: #000 !important;
}
#order_review_heading, #payment_heading{
	font-weight: 300;
}
.woocommerce-checkout .wpmc-step-item #order_review, .wc_payment_methods.payment_methods{
	margin-bottom: 60px;
}
.table-cart th, .table-cart td {
    vertical-align: top !important;
    padding: 1rem 1rem 1rem 0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
}
.payment_box{
	margin: 20px 15px!important;
    padding: 20px !important;
    background: #f2f2f2 !important;
    border: solid 1px #ccc !important;
	flex: 100%;
}
.soup-woo-form > .btn-primary{
	border-color: #000000 !important;
    background-color: #000000 !important;
    color: #fff !important;
}
.btn-primary:hover::before{
	background-color :transparent !important;
}
.btn .btn-primary .soup-order > input.button.alt#place_order{
	border-color: transparent !important;
	background-color: transparent !important;
}
.wc-stripe-elements-field, .wc-stripe-iban-element-field {
    padding: 20px !important;
}
.mailchimp-newsletter{
	display: none !important;
}


/* Checkout */
.table-cart .price{
	text-align: right;
}
.cart-subtotal td:nth-child(2){
	text-align: right !important;
}
.payment_method_bacs{
	display: none !important;
}
/* cupon Code */
.woocommerce-form-coupon-toggle{
	display: none !important;
}
.showcuponcode{
	color: var(--md-yellow) !important;
}
.woocommerce-checkout form.checkout_coupon{
    display:block !important;
}
.woocommerce form.checkout_coupon{
    border: 3px dashed #3e06ea !important;
    padding: 20px;
    margin: 2em 0 6em;
    text-align: left;
    border-radius: 5px;
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
}
form.checkout_coupon > p{
	font-size: 1.6em;
	grid-column: 1/-1;
}
form.checkout_coupon .form-row-first{
    width: 100% !important;
	box-sizing: border-box;
	grid-column: 1/2;
}
form.checkout_coupon .form-row-last{
	width: 100% !important;
	font-size: 1em !important;
	grid-column: 2/3;
}
form.checkout_coupon .form-row-last > button{
	padding: 13px 25px;
	font-size: 1em !important;
	width: 100%;
}
#coupon_code{
	min-width: 126px !important;
	box-sizing: border-box;
	padding: 11px 15px;
	border-radius: 4px;
}
form.checkout_coupon .form-row-last > button:hover{
	padding: 13px 25px;
}

/* delivery options */
.custom-control.custom-checkbox.contactless{
	padding-left:0;
	margin: 0;
}
.custom-control-indicator.contactless{
	top: 4px !important;
	width: 24px !important;
	height: 24px !important;

}
.custom-control-description.contactless{
	font-size: 16px;
    margin: 0 0 5px 34px;
    display: block;
    line-height: inherit;
}
.delivery-description.contactless{
	line-height: 1.5rem;
}

input[type=checkbox]#soup_deliver_opt_Delivery:checked ~ #delivery-date-time{
	display: block;
}
#delivery-date-time{
	display:block;
}

/* Date Time Picker */
.ui-widget.ui-widget-content {
    width: calc(80% - 30px);
}
.ui-widget-header {
	border: 0;
    background: #25282a;
}
.woocommerce form .form-row select{
	font-weight: 700;
}


/* My Account Page */
.woocommerce-MyAccount-navigation-link{
	list-style: none;
	border: solid 1px rgba(204, 204, 204, 0.6);
	border-left: 0;
	border-right: 0;
	padding: 5px 10px;
}
.woocommerce-MyAccount-navigation-link:nth-child(even){
	border: none;
}
/* Perfect WooCommerce Brands */
.pwb-columns {
float: left;
list-style: none;
padding-bottom: 10px;
}
.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3 {
    margin: 15px;
	padding: 0;
    width: 13%;
    float: left;
    box-shadow: 0px 0px 20px #0000001f;
}

 #woc_alert_bar_message span#woc_hide_alert_bar {
     background-color: transparent;
     color: #f8faff;
     padding: 3px 10px;
     cursor: pointer;
     font-weight: normal;
     border: 1px solid #fff;
     margin-left: 10px;
}
/* ----------------------------------------------
 * Generated by Animista on 2018-7-23 3:30:25
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.stock-title{
	font-size:24px;
	letter-spacing: 4px;
	font-weight: 400;
	text-transform:uppercase;
}
.stock-title, .stock-lead{
	margin: 0;
	padding: 0;
}
.out-of-stock-md, .swing-in-top-fwd {
	text-align:center;
	padding: 20px 10px;
	background: rgba(255, 0, 0, 0.7);
	color: #fff;
	-webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
	-webkit-animation: swing-in-top-fwd 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s forwards;
	        animation: swing-in-top-fwd 0.8s cubic-bezier(0.175, 0.885, 0.320, 1.275) 1s forwards;
}

/* WooCommerce button */
.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
	border-color: var(--md-black) !important;
    background-color: var(--md-black) !important;
    color: #fff;

}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {
	border-color: var(--md-black);
    background-color: var(--md-black);
    color: #fff;

}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
    border-color: #25282a;
    background-color: #25282a;
    color: #fff;
    padding: 15px 25px;
}

/* ----------------------------------------------
 * Generated by Animista on 2018-7-23 0:12:19
 * w: https://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation swing-in-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
/* Drift */

#drift-widget-container{
	z-index: 2 !important;
	margin: 0 20px 20px 0;
}
/* Popup */
.animated {
        visibility: visible;
}
/* Responsive Design */
 @media screen and (max-width: 1199px){
     .section-main-2{
         margin-top: 60px;
         padding-top:0;
         padding-bottom:0;
    }
     .display-2, .dark .text-muted{
         text-align: center;
    }


	.col-lg-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333%;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
	}
}
@media only screen and (max-width:900px){
	#content{
		margin-top: 0;
	}
	.page-title{
    	margin-top: 0px !important;
		text-align:center;
	}
	.page-id-150 .page-content > .container{
		padding-left: 0px;
		padding-right: 0px;
	}
	.page-content > .container{
		width:100%;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
	#header-mobile .module-logo img {
    	height: 60px;
	}
	.page-id-150 #header-mobile .module-cart {
    	position: absolute;
    	top: 0;
    	right: 0;
	}
	.page-id-150 a[data-toggle="panel-cart"] .minc{
		box-sizing: border-box;
		padding:0px 20px 0px 20px;
		top:30px;
		right: -10px;

	}
	.page-id-150 #header-mobile .cart-value {
		font-size: 1.4rem;
		font-family: "Oswald", sans-serif;
		border-left: 1px solid #e0e0e0;
		padding-left: 0.75rem;
		display: initial;
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		-o-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}
	.page-id-150 #header-mobile .module-cart i{
		left: 10px;
		z-index: 1;
	}
	
	.cart-value{
		display: none;
	}
	#header-mobile {
    	position: relative;
		top: 0;
   }
	#header-mobile .module-cart {
    position: absolute;
    top: 0;
    right: -3px;
}
	
	#menu-list > .vc_column-inner > .wpb_wrapper{
		padding: 0 !important;
	}
	.product-single{
		padding-top: 4rem !important;
	}
	.wpb_wrapper{
		padding: 0 12px;
	}
	.page-title .bg-light{
		margin-top: 60px !important;
		padding: 4rem 20px 5rem !important;
	}
	.feature-1{
		padding: 0 20px;
	}
	.widget{
		width: 100% !important;
		padding: 0 40px;
		box-sizing: border-box;
	}
     section, .section .section-extended .left .dark {
         padding-left: 0 !important;
         padding-right: 0px !important;
    }
     .bg-image + *{
         padding: 0px!important;
    }
     .myZipCodeChecker{
         background: transparent;
         padding: 0;
    }
     .zip-form {
         float: none;
         width:100%;
         margin-bottom: 10px;
    }
     .zip-btn{
         float: none;
         width:100%;
    }
     button.zip-btn:hover{
         float: none;
         width:100%;
         border-left: solid 2px #ddae71;
         box-sizing: border-box;
    }
	.hero-title-home{
	font-size: 30px;
}
	.promo-btn {
    font-size: .8em;
}
     section, .section .section-extended .left .dark {
         padding-left: 40px;
         padding-right:40px;
    }
	 .modal-body > form .modal-btn{
    margin: 0 !important;
	width: 100%;
	}
	h2.title{
		font-size: 38px !important;
		word-wrap:break-word;
	}
	.container > .menu-category + .menu-category-title.collapse-toggle.collapsed{
		padding-left: 10px;
		padding-right: 10px;
	}
	.menu-category{
		margin-bottom: 2px;
	}
	.menu-grid-item{
		padding: 10px;
		min-height: 310px;
	}
	.menu-grid-item h6 {
    	font-size: 18px;
		display: -webkit-box;
    	overflow: hidden;
    	-webkit-line-clamp: 2;
    	-webkit-box-orient: vertical;
	}
	 .col-6 {
    	flex: 0 0 50%;
    	max-width: 50%;
	}
	.row .align-items-center .mt-4{
		margin-top: 0;
	}
	 .btn-outline-secondary{
		 width: 100%;
	}
	.panel-cart-action{
		padding-bottom: 35px !important;
	}
	.pwb-all-brands .pwb-brands-cols-outer .pwb-brands-col3{
		width: auto;
	}
	.page-id-306 .woocommerce ul.products[class*=columns-] li.product {
    width: 100%;
    float: left;
    clear: both;
    margin: 0 0 2.992em;
	}
	.product-description{
		display:block;
	}
	.page-id-161 strong span.woocommerce-Price-amount.amount{
	font-size: 30px !important;
    line-height: 30px;
}
	
}



/*
Theme Name: Artomultiplo GP Child
Template: generatepress
Theme URI: https://generatepress.com
Author: Roberto Enrique Briceno Garcia
Author URI: https://artomultiplo.eu
Description: A woocommerce optimized GP child
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: amgpc
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, fixed-layout, responsive-layout, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/

* {
	box-sizing: border-box;
}
/*Reduce the spacing on woocommerce tables*/
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	padding: 5px 10px !important;
}


/*Resizing the quantity buttons sitewide*/
.do-quantity-buttons form .quantity:not(.buttons-added):not(.hidden):after,
.do-quantity-buttons form .quantity:not(.buttons-added):not(.hidden):before,.woocommerce form .quantity.buttons-added .minus,.woocommerce form .quantity.buttons-added .plus,.woocommerce form .quantity.buttons-added .qty {
	width: 30px !important;
	min-height: 30px !important;
}

/*Removing some Cart totals ::before elements*/
.woocommerce .cart-collaterals table.shop_table_responsive tr td::before,
.woocommerce-page .cart-collaterals table.shop_table_responsive tr td::before {
	content: none;
}

/*Remove the alternating background color and adding a separator for cart items*/
.woocommerce .cart-collaterals table.shop_table_responsive tbody th,
.woocommerce-page .cart-collaterals table.shop_table_responsive tbody th,
.woocommerce .cart-collaterals table.shop_table_responsive tbody td,
.woocommerce-page .cart-collaterals table.shop_table_responsive tbody tr {
	background: transparent;
}

/*Hacking the width of header rows in cart collaterals table*/
.woocommerce .cart-collaterals table.shop_table_responsive tbody th,
.woocommerce-page .cart-collaterals table.shop_table_responsive tbody th {
	display: table-cell;
}

/*Checkout*/


/*Making the store notices boxes smaller*/
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	padding: 8px 10px !important;
	border: 0;
	border-left: 5px solid rgba(0, 0, 0, .3) !important;
	margin-bottom: 10px;
}

/*Hacking the width of header rows in order review table on checkout*/
.shop_table.woocommerce-checkout-review-order-table th.product-name {
	width: 50%;
}

/*Mobile styles*/
@media (max-width:768px) {
	.woocommerce table.shop_table_responsive thead,
	.woocommerce-page table.shop_table_responsive thead,
	.woocommerce table.shop_table_responsive tr,
	.woocommerce-page table.shop_table_responsive tr {
		display: table-row;
	}
	/*Hide price and subtotal headers in cart table*/
	.shop_table th.product-price,
	.shop_table th.product-subtotal,
	.shop_table th.product-remove,
	.shop_table th.product-thumbnail
	
	{
		display: none !important;
	}
	/*Tweaking the layout of the cart table's header in mobile*/
	.shop_table th.product-name {
		text-align: left;
		width: 100%;
	}

	.shop_table th.product-quantity {
		text-align: right;
	}
	/*Avoid woocommerce message links overlaping the whole thing */
	.woocommerce-message {
		display: flex;
		flex-direction: column-reverse;
	}
	/*Avoid woocommerce info links overlaping the whole thing */
	.woocommerce-info {
		display: flex;
		flex-direction: column;
	}

	/*Tweaking the layout of the Coupon Area on cart*/
	.am-cart-coupon input#coupon_code,
	.am-cart-coupon .button {
		width: 100%;
		margin-bottom: 10px;
	}

	/*Tweaking the layout of Coupon Area on checkout*/
	.checkout_coupon.woocommerce-form-coupon .form-row.form-row-first,
	.checkout_coupon.woocommerce-form-coupon .form-row.form-row-last,
	.checkout_coupon.woocommerce-form-coupon button {
		float: none;
		width: 100%
	}

	.checkout_coupon.woocommerce-form-coupon p,
	.woocommerce-form.woocommerce-form-login.login p {
		margin-bottom: 8px;
	}

	/*Bringing back item's image on cart table*/
	.woocommerce #content table.cart .product-thumbnail,
	.woocommerce table.cart .product-thumbnail,
	.woocommerce-page #content table.cart .product-thumbnail,
	.woocommerce-page table.cart .product-thumbnail {
        display: block;
        text-align: left !important;
    }

	/*Resizing that image*/
    .woocommerce-cart table.cart img {
        width: 75px;
    }
	
	/*Removing other ::before elements on cart item descriptions*/
	td.product-thumbnail:before, 
    td.product-name:before, 
    td.product-price:before, 
    td.product-quantity:before {
        content: "" !important;
    }
	/*Remove border bottom from cells in product items on cart*/
    tr.woocommerce-cart-form__cart-item.cart_item td{
    	border-bottom: none!important;
    }
	/*The css grid magic begins here:*/
    tr.woocommerce-cart-form__cart-item.cart_item {
    	display: grid!important;
    	grid-template-columns: 100px auto 100px;
	}
	/*Absolute positioning of the remove-item "X" button*/
	tr.woocommerce-cart-form__cart-item.cart_item td.product-remove {
    	position: absolute;
	}
	/*Resetting the text align of the product name on cart item*/
	tr.woocommerce-cart-form__cart-item.cart_item td.product-name {
    	text-align: left!important;
	}

	/*This is the mobile product price we added on cart.php @ line 86*/
	.am-mobile-product-price{
		display: block;
	}
	
	/*Vertically centering the increase/decrease quantity buttons on cart items*/
	tr.woocommerce-cart-form__cart-item.cart_item td.product-quantity{
		align-self: top;
	}

	/*Hiding product price and subtotal cells from each table item*/
	tr.woocommerce-cart-form__cart-item.cart_item td.product-price,
	tr.woocommerce-cart-form__cart-item.cart_item td.product-subtotal {
    	display: none!important;
	}
	/*remove the alternate row shading*/
	.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
	.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{
		background: transparent!important;
	}


}

/*Not Mobile*/
@media (min-width:769px) {

	/*Hide product price added on cart.php for larger than mobile*/
	.am-mobile-product-price{
		display: none;
	}
	
}

/*Small desktop*/
@media (min-width:769px) and (max-width:1024px) {
	/*Slightly different layout for cart in smaller desktops*/
	.am-woo-cart-container {
		display: block;
		max-width: 900px;
		margin: 0 auto;
	}

}

/*Standard Desktop*/
@media(min-width:1025px) {
	/*Rearranging the cart page*/
	.am-woo-cart-container {
		display: grid;
		grid-template-columns: 60% auto;
		grid-gap: 20px
	}

}

.am-cart-form-container {
}

/*Unfloating and expanding cart collaterals*/
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
	float: none;
	width: 100%
}

.offline-online span {
    display: block;
}
span.offlne::before {
    content: "";
    width: 20px;
    height: 20px;
    background: #f00;
    display: inline-block;
    border-radius: 50%;
    margin-right: 6px;
    margin-top: 30px;
    position: relative;
    top: 2px;
}
span.online::before {
    content: "";
    width: 20px;
    height: 20px;
    background: green;
    display: inline-block;
    border-radius: 50%;
    margin-right: 6px;
    margin-top: 30px;
    position: relative;
    top: 2px;
}
span.online {
    color: green;
    position: relative;
    margin-top: 11px;
    font-size: 20px;
}
span.offlne {
    color: red;
    position: relative;
    font-size: 20px;
}
span.vor a, span.vor a:hover{
    background: var(--md-yellow);
    display: block;
    padding: 2px 20px;
    font-weight: 500;
    font-family: 'Oswald';
    border-radius: 4px;
    margin-top: 2px;
    color: #000;
    font-size: 15px;
    text-align: center;
}
#header-mobile {
    height: auto;
}
#header-mobile .offline-online {
    margin: 10px 0;
    text-align: center;
}
#header-mobile span.online::before {
    margin-top: 0;
}