/**
 * Theme Name: Zelfbailed
 */

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    line-height: 1.5;
}


@media(prefers-color-scheme: dark) {
    body {
        --e-global-color-primary: white !important;
        background: black !important;
    }

    div[data-elementor-type="header"]  img {
        filter: invert(1);
    }

    .elementor-widget-container p {
        color: var(--e-global-color-primary);
    }

    .wc-block-components-quantity-selector::after {
        border: 1px solid hsla(0, 0%, 92.2%, 0.3) !important;
    }


    .wc-block-components-express-payment-continue-rule::after, .wc-block-components-express-payment-continue-rule::before {
        border-bottom: 1px solid hsla(0, 0%, 92.2%, 0.3) !important;
    }
    .wc-block-components-totals-wrapper {
        border-color: hsla(0, 0%, 92.2%, 0.3) !important;
    }
}

a.nav.current {
	background: var(--e-global-color-accent) !important;
	color: black !important;
}

.button.add-to-cart.product_type_variation.add_to_cart_button.ajax.variation svg {
		display: none;
}

	.button.add-to-cart.product_type_variation.add_to_cart_button.ajax.variation  {
	background: #ffed00 !important
}

	.button.add-to-cart.product_type_variation.add_to_cart_button.ajax.variation:hover  {
	background: black !important;
		color: white !Important;
		border-color: black !important;
}

body {
    margin: 0;
    font-family: 'Sequel Sans';
    line-height: 1.5;
}


@media(prefers-color-scheme: dark) {
    body {
        --e-global-color-primary: black !important;
        background: white !important;
    }
}



.woocommerce-checkout {
  max-width: 1140px;
  margin: auto;
}

#header {
	padding: 0;
}

body {
	--bg: white;
}

*, body {
/* 	cursor: normal !important; */
}

@media(prefers-color-scheme: dark) {
	body {
/* 		--bg: black !important; */
	}
}

/* outer padding */
.elementor {
--outer-padding: 40px;	
}

@media(max-width: 768px) {
	.elementor {
		--outer-padding: 30px;
	}
}

body > .elementor > .e-con:not(.no-padding), 
body > .elementor > .ui-sortable > .e-con:not(.no-padding) {
	padding-left: var(--outer-padding);
	padding-right: var(--outer-padding);
}


@media (max-width: 1024px) {
    body.elementor-page-14780 {
        padding: 0% 0% 0% 0%;
    }
	body.elementor-page-16096 {
        padding: 0% 0% 0% 0%;
    }
	
	    body.elementor-page-14927 {
        padding: 0% 0% 0% 0%;
    }
.elementor-10612 {
        padding: 0% 0% 0% 0%;
    }



}




body {
	font-family: Futura;
/* 	--cursor: url(https://zelfbailed.com/wp-content/uploads/2024/07/sneaker_curser-2.png) 2 2, */
/*   pointer;	 */

	--e-global-color-secondary: white !important;
}


.product_cat-shirt img {
/* 	transform: scale(.9) */
	background: var(--e-global-color-secondary);
}





*, *:hover, body {
	cursor: var(--cursor)  !important;
}



 
@font-face {
	font-family: 'code';
	src: url(/wp-content/uploads/2024/06/Code-7x5-1.ttf);
}





::selection {
	background: black;
	color: white;
}






/* outer */
.outer {
	padding-left: 30px;
	padding-right: 30px;
}

a {
	color: var(--e-global-color-primary);
}


/* .wp-block-woocommerce-cart, 
.wp-block-woocommerce-checkout */
.woocommerce-cart .container,
.woocommerce-checkout .container {
		padding: 0 20px;
}


.main {
	max-width: 1140px;
	margin: auto !important;
}


/* woocommerce buttons */
.woocommerce-button,
.woocommerce .button {
  background: transparent !important;
  color: var(--e-global-color-primary) !important;
  margin-right: 5px !important;
  border: 2px solid currentColor !important;
	font-family: inherit !important;
}

.woocommerce-info {
	border-top-color: var(--e-global-color-primary);
}
.woocommerce-info::before {
	color: var(--e-global-color-primary);
}

/* order details and my account */
.woocommerce-MyAccount-navigation-link.is-active a {
	font-weight: bold !important;
	text-decoration: none !important;
}
.woocommerce h2 {
	font-family: "Futura", Futura;
  font-size: 34px !important;
  font-weight: 500;
}

.woocommerce-MyAccount-navigation ul {
	list-style: none !important;
	padding-left: 0;
}

.woocommerce-MyAccount-navigation a {
	color: var(--e-global-color-primary);
}




.main h1 {
	font-weight: normal
}

.wp-block-woocommerce-cart a,
.wp-block-woocommerce-checkout a{
	color: var(--e-global-color-primary);
/* 	font-weight: bold; */
}


/* paypal */
.paypal-button-row.paypal-button-number-0.paypal-button-layout-vertical.paypal-button-number-single.paypal-button-env-production.paypal-button-color-gold.paypal-button-text-color-black.paypal-logo-color-blue.paypal-button-shape-rect {
	filter: grayscale(1) brightness(.9) contrast(2) !important;
}

.wc-proceed-to-checkout {
	grid-gap: 10px !important;
}

/* Cart buttons */
@media(prefers-color-scheme: light) {
	  .wc-block-cart-items.wp-block-woocommerce-cart-line-items-block, .wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block,
.wc-block-components-main.wc-block-checkout__main.wp-block-woocommerce-checkout-fields-block,
.wp-block-woocommerce-checkout-order-summary-block
{
	background: white !important;
}
	
	.wc-block-cart__submit-button, .wc-block-components-button {
		background: var(--e-global-color-primary);
		  color: white !important;
	}
}

@media(prefers-color-scheme: dark) {
	.wc-block-cart__submit-button, .wc-block-components-button {
		background: white;
		  color: black !important;
	}
}

.wc-block-cart__submit-button, .wc-block-components-button {
  text-decoration: none;
  border-radius: 4px;
	border: none;
	font-weight: bold;
	font-family: inherit;
	font-size: inherit !important
}

.wc-block-cart__submit-button:hover,
.wc-block-components-button:hover {
  opacity: .8 !important;
}


/* stagger */
.elementor[data-elementor-type="product"], 
.elementor[data-elementor-id="67"],
.wc-block-components-main,
.wc-block-components-sidebar {
	opacity: 0;
	transform: scale(0.95) translateY(20px);
  animation: fadeUp 300ms ease forwards;
}

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.e-loop-item {
  opacity: 0;
	transform: scale(0.95) translateY(20px);
  animation: fadeUp 300ms ease forwards;
    opacity: 0;
    animation-delay: calc(var(--i) * 0.1s);
}