/**
 * Theme Name:       SalesWizard Restaurant
 * Theme URI:        https://www.saleswizard.nl
 * Version:          0.2.7.4
 * Description:      Een thema om het voor restaurants mogelijk te maken om online eten te bestellen
 * Author:           Bart Klein Reesink
 * Author URI:       https://www.saleswizard.nl
 * Template:         wp-bootstrap-starter
 * GitHub Theme URI: https://github.com/bartkleinreesink/sw-restaurant
 */

/****************************************
*** Theme customization starts below ***
*****************************************/

[type="radio"] {
        position: relative !important;
    -webkit-appearance: radio !important;
    -moz-appearance: radio !important;
    appearance: radio !important;
    cursor: pointer !important;
}

.opening-hours {
        display: none;
}

.store-settings {
        display: none;
}

#toast-wrap {
        position: fixed;
        bottom: 15px;
        left: 15px;
        width: calc(100vw - 30px);
        z-index: 1000000;
        pointer-events: none;
}

.product-gallery:after {
        content: '\f002';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        position: absolute;
        display: block;
        top: 5px;
        left: 5px;
        color: #222;
        pointer-events: none;
}

.product-gallery { 
        position: relative;
        display: inline-block;
}

.product-gallery a:not(:first-child) {
        display: none;
}

#toast-wrap * {
        pointer-events: all;
}

#toast-wrap button.close:before {
        content: '';
}

.btn {
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently supported by Chrome, Opera and Firefox */
}

.btn.disabled {
        pointer-events: none;
}

#masthead img {
	max-width: 150px;
}

#page-sub-header h1, #page-sub-header p {
	color: #fff;
	text-shadow: #222 0px 4px 5px;
}

a.page-scroller, a.page-scroller:hover {
	color: #fff;
}

.product-wrap {
	display: none;
}

.product-wrap.active {
	display: block;
}

.add_to_cart ins {
	text-decoration: none;
	
}

.add_to_cart {
	float: right;
}

.add_to_cart:after {
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	margin-left: 5px;
}

.add_to_cart.loading {
	opacity: .5;
	pointer-events: none;
	cursor: not-allowed;
}

.remove-product {
	max-height: 30px;
}

.ajax-cart {
        transition: all .2s ease-in-out;
}

.ajax-cart.loading {
	opacity: .5;
	pointer-events: none;
}

.ajax-cart.added {
	background-color: white;
}


.cart-product {
	border-radius: 5px;
	padding: 15px;
        margin-bottom: 5px;
        opacity: 1;
}

.cart-product.bg-danger {
        opacity: 0;
}

.cart-product .add-subtract {
        opacity: 1;
        transition: all .3s ease-in-out;
}

.cart-product.bg-danger .add-subtract {
        opacity: 0;
}

.cart-product-details {
	display: block;
	float: left;
    max-width: calc(100% - 35px);
}

.cart-total {
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 15px;
	border-radius: 5px;
}

.cart-total .cart-total-price {
	font-weight: bold;
}


.cart-add-remove a {
	margin-right: 5px;
}

ul.product-categories, ul.product-categories-mob {
	list-style: none;
	padding: 0;
	margin: 0;
	border-radius: 5px;
	overflow: hidden;
}

ul.product-categories.active {
        display: block !important;
}

@media screen and (max-width: 768px) {
        ul.product-categories {
                border-top-left-radius: 0px;
                border-top-right-radius: 0px;
        }
}

ul.product-categories span, ul.product-categories-mob span {
	display: block;
	padding: 15px;

}

ul.product-categories-mob.bg-danger {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
}

ul.product-categories span:hover {
	text-decoration: none;
	cursor: pointer;
}

body .single-product {
	display: block;
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 5px;
}

body .single-product img {
        max-width: 100px;
        max-height: 100px;
        border-radius: 4px;
        float: left;
        object-fit: cover;
        margin: 0 15px 15px 0;
}

body .single-product .single-product-header {
	display: block;
}

body .single-product .single-product-footer {
	font-size: 12px;
	margin-top: 15px;
        display: block;
}

body .single-product .single-product-footer ul, body .single-product .single-product-footer ol {
        padding-left: 17px;
        margin: 10px 0 10px 0;
}

body .single-product .single-product-footer ol li {
        list-style: decimal;
}

body .single-product .single-product-footer ul li {
        list-style: disc;
}

body .single-product .single-product-addons {
        display: block;
}

body .single-product .single-product-addons .single-product-addon {
        display: block;
        margin-top: 15px;
}

body .single-product .single-product-header .single-product-name {
	max-width: calc(100% - 85px);
    display: block;
    float: left;
}

body .single-product .single-product-extra-name {
	max-width: calc(100% - 85px);
    display: block;
    float: left;
    font-size: 12px;
}

.product-plusminus-actions {
	margin-top: 10px;
}

.product-plusminus-actions .cart-amount, .product-plusminus-actions .cart-times, .product-plusminus-actions .cart-single-amount {
	opacity: .5;
}

.woocommerce form .form-row { display: block; }

/* Bootstrap compatibility fix */
.woocommerce .col-1, .woocommerce .col-2{ max-width:none;}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background: #8475B2; }
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: rgb(85, 68, 135); }

.woocommerce.product-template-default .qty { background-color: #eee; border-radius: 5px; border: none; padding: 6px; }

.woocommerce.product-template-default .price del span { font-size: 1rem !important; color: #222222 !important; opacity: .5;}
.woocommerce.product-template-default .price ins, .woocommerce.product-template-default .price .amount { font-size: 2rem; color: #8475B2; }


.woocommerce.product-template-default .onsale { display: none; }

.woocommerce .woocommerce-product-details__short-description { margin-bottom: 50px; }

.col2-set .col-12:first-child { padding-right: 15px !important; }
.col2-set .col-12 { padding: 0 !important; margin-bottom: 25px; float: left; }

@media screen and (min-width: 768px) {
	.col2-set .col-12 { width: 50%; }
}

#customer_details h3 { font-size: 20px; }
#customer_details h3 label { margin: 0 !important; }

ul.addons {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.addons li:before {
	content: '+';
	margin-right: 5px;
}

body:not(.store-closed) .closing-text-wrap {
        display: none;
}

body.store-closed .site-content #order-container {
	opacity: .5;
}

body.store-closed .product-wrap {
	pointer-events: none;
}

.single-product .form-row {
	height: 15px;
}

.single-product.is-child-child {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.product-wrap h6 {
	margin-bottom: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding: 15px;
	color: #fff;
}

.icons {
	font-size: 3rem;
	display: block;
	text-align: center;
}

.icons i:not(:last-child) {
	margin-right: 15px;
}

.bounce-top {
	-webkit-animation: bounce-top 0.9s both;
	        animation: bounce-top 0.9s both;
}

.single-product {
        transition: background-color .3s linear;
}

.single-product.loading, .cart-product {
	transition: background-color 3s linear, opacity 1s linear;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-3-20 15:23:49
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bounce-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-top {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  24% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}

body .bg-light {
	background-color: #efefef !important;
}

ul#shipping_method input[type=radio]:before {
	content: "";
    position: absolute;
    left: -15px;
    top: 0px;
    display: inline-block;
    width: 0px;
    height: 0px;
    border: none;
    border-radius: 0px;
}

.wc_payment_methods input[type=radio]:before {
	    content: "";
    position: absolute;
    left: -6px;
    top: -14px;
    display: inline-block;
    width: 0px;
    height: 0px;
    border: none;
    border-radius: 0px;
}

.checkout_donation {
        margin: 25px 0 25px 0;
}

.checkout_donation .input.text .text-donation {
        padding: 5px 15px 5px 15px;
}

.checkout_donation .input.text:before {
        content: '€';
}

.addons-small {
        display: block;
}

.addons-show {
        cursor: pointer;
        border: 1px solid #222;
        border-radius: 3px;
        padding: 4px;
        display: inline-block;
        margin-top: 10px;
        -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
         -khtml-user-select: none; /* Konqueror HTML */
           -moz-user-select: none; /* Old versions of Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; /* Non-prefixed version, currently
                                      supported by Chrome, Edge, Opera and Firefox */
}