/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

body{
	padding: 0 20px;
}


/*
 * WOOCOMMERCE
 */

.woocommerce div.product div.images img {
    max-height: 600px;
    width: auto;
    margin: 0 auto;
}

.woocommerce button, .woocommerce a.button{
	font-family: "Hind Siliguri", Sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}

.woocommerce-cart .woocommerce a.checkout-button, .woocommerce-checkout .woocommerce button.button, .woocommerce button, .woocommerce a.button{
	color: white;
	background-color: var( --e-global-color-accent );
}

.woocommerce-cart .woocommerce a.checkout-button:hover, .woocommerce-checkout .woocommerce button.button:hover, .woocommerce button:hover, .woocommerce a.button:hover{
	color: white;
	background-color: var( --e-global-color-5756858 );
}

.woocommerce table.shop_table, .woocommerce table.shop_table tr, .woocommerce table.shop_table td, .woocommerce table.shop_table th, .woocommerce table.shop_table thead:first-child tr:first-child th{
	border: none;
	padding: 25px;
}

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

body.woocommerce-checkout .woocommerce form .form-row textarea{
	height: 10em;
}

body.woocommerce-checkout .woocommerce form .woocommerce-additional-fields{
	margin-top: 1em;
}

.woocommerce-cart .woocommerce .cross-sells ul.products li.product a img {
    width: auto;
    height: 100px;
    margin: 0 auto;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells{
	width: 100%;
	float: none;
}

.woocommerce .cart-collaterals .cross-sells ul.products, .woocommerce-page .cart-collaterals .cross-sells ul.products{
		display: flex;
    	flex-wrap: wrap;
	}

.woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li {
		flex: 25%;
   		max-width: 25%;
		margin: 25px 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
    	padding: 15px;
}

.woocommerce-account .woocommerce-privacy-policy-text{
	font-size: 15px;
    margin: 25px;
}

.woocommerce-form-login-toggle .woocommerce-info:before{
	content: none;
}

span.create-account-extra{
	font-size: .8em;
    display: block;
    line-height: 1;
}

.woocommerce-cart-form input#coupon_code{
	width: 200px;
}

/* PRODUCT LABELS */

.product-tag-labels {
    position: absolute;
    top: 0;
    left: -25px;
    color: white;
    z-index: 1;
}

.product-tag-labels .product-tag-label{	
    padding: 3px 15px;
    text-transform: none;
    font-size: 15px;
    margin-bottom: 3px;
    background-color: black;
    color: white;
    border-radius: 5px;
}

.product-tag-labels .product-tag-label{	
    padding: 3px 15px;
    text-transform: none;
    font-size: 15px;
    margin-bottom: 3px;
    background-color: black;
    color: white;
    border-radius: 5px;
}

.product-tag-labels .product-tag-label .label-image{
	width: 20px;
    margin: 3px 10px 3px 0;
    vertical-align: bottom;
}

.product-tag-labels .product-tag-label.image-only{	
    background-color: transparent;
	padding: 0;
}

.product-tag-labels .product-tag-label.image-only .label-image{
	width: 75px;
    margin: 3px 10px 3px 0;
    vertical-align: bottom;
}

.product-tag-labels .product-tag-label.image-only span{
	display: none;
}

.product-tag-labels .product-tag-label i.fas{	
	margin-right: 10px;
}

.product-tag-labels .product-tag-label.label-color-orange:not(.image-only){	
    background-color: rgb(213, 89, 27);
}

.product-tag-labels .product-tag-label.label-color-yellow:not(.image-only){	
	background-color: rgb(246, 161, 39);
}

.product-tag-labels .product-tag-label.label-color-blue:not(.image-only){	
	background-color: rgb(5, 56, 142);
}

.single-product .product-tag-labels {
    top: 25px;
    left: 50px;
}

.single-product .product_cat-pakket .product-tag-labels {
    left: -25px;
}

.single-product .product-tag-labels .product-tag-label{	
	margin: 0 5px 15px;
}

/*
 * COOKIE BANNER
 */

.cc-revoke.cc-bottom{
	border: none;
}


/*
 * CUSTOM BANNER
*/

.custom-banner{
	color: white;
	padding: 25px;
	font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	background-size: cover;
	background-position: center center;
	display: flex;
	justify-content: center;
	font-size: var(--e-global-typography-4b66903-font-size);
}

.custom-banner p:last-of-type{
	margin-bottom: 0;
}

/* S & F */

.searchandfilter h4 {
	position: relative;
	cursor: pointer;
}

.searchandfilter h4:after {
    content: none;
    font-size: 35px;
    font-weight: 100;
    position: absolute;
    right: 0;
    top: -8px;
    line-height: 1;
}

.searchandfilter h4.hide-options:after {
    content: "\002B";
}

.searchandfilter h4.show-options:after {
    content: "\2212";
}

.searchandfilter .options-hidden {
    display: none;
}

.searchandfilter li.filter-empty{
    display: none;	
}

/* REMOVE SPINNERS */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*
 * BREAKPOINT <= 1024 
*/

@media screen and (max-width: 1024px) {
	body{
		padding: 0;
	}
	
	.woocommerce table.shop_table, .woocommerce table.shop_table tr, .woocommerce table.shop_table td, .woocommerce table.shop_table th, .woocommerce table.shop_table thead:first-child tr:first-child th {
		border: none;
		padding: 10px;
	}
	
	.woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li {
		flex: 33%;
		margin: 25px 0;
		max-width: 33%;
	}
	
	
}

@media screen and (max-width: 767px) {
	body{
		padding: 0;
	}
	body.woocommerce-cart .coupon #coupon_code{
		width: 100%;
    	margin-bottom: 5px;		
	}
	body.woocommerce-cart .woocommerce table.cart td.actions .coupon button.button{
		width: 100%;
    	margin-bottom: 25px;		
	}
	.woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li {
		flex: 50%;
		max-width: 50%;
	}
}

@media screen and (max-width: 600px) {
  div.example {
    display: none;
  }
}