/*******************************
 *                             *
 *   DPRO WEBSHOP CUSTOM CSS   *
 *                 by thomas   *
 *                             *
 *******************************/

/* Parallax sizing hack for mobile */

@media (max-width: 1024px) {
	.ast-title-bar-wrap {
		background-size: 210vh;
	}
}


/* Video background in Safari*/
/*
body.page-id-76417 {
	background-image: url(https://www.dpro.be/wp-content/uploads/2019/10/empty-studio-background_WkxN0e2er.mp4);
	background-attachment: fixed;
}


body.page-id-76417.ast-separate-container .ast-article-post, 
body.page-id-76417.ast-separate-container .ast-article-single {
	background-color: transparent;
}
/*

/****************
 * rental price *
 *              *
 ****************/
.product-type-rentable .amount::after {
	content: " / day";
}


/***************
 * rental date *
 *             *
 * *************/
.woocommerce input[type=text]#start-date,
.woocommerce input[type=text]#end-date {
	text-align: center;
	width: 12ch;
	border-radius: 4px;
	padding: .5em;
	margin: .5em;
}

/*******************************
 * Equally sized product       *  
 * thumbnails without cropping *
 *  —— thanks Moid Mohd: stackoverflow.com/a/35079341
 * *****************************/

/* in shop: */
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap a img {
	height: 60px;
	object-fit: contain;
	object-position: right;
}

/* in page blocks: */
.wc-block-grid__product-image img {
	height: 16vw;
	object-fit: contain;
}

/* in widgets */
.woocommerce ul.product_list_widget li img {
  height: 60px;
  object-fit: contain;
	object-position: right;
}

 /*¯`·._.··¸.-~*·~-.¸··._.·´¯*\
| 1 col shop list view:        |
| adjust thumbnail width to    |
| not take up half of the      |
| available width.             |
 \*¯`·._.··¸.-~*·~-.¸··._.·´¯*/

.woocommerce-page.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-summary-wrap, .woocommerce.ast-woocommerce-shop-page-list-style ul.products li.product .astra-shop-summary-wrap {
	flex: 3
}



/*.astra-shop-thumbnail-wrap {
	height: 50%;
	display: grid;
  align-items: center;
  justify-content: center;
}
.size-woocommerce_thumbnail,
.woocommerce ul.products li.product a img {
  max-height: 100%;
	width: auto;
	margin: 0 auto;
}
.button.product_type_rentable.add_to_cart_button {
	padding: 10px;
}
.product-categories .children>.cat-item>.children {
	padding-left: 1em;
}
*/
@supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
.ast-advanced-headers .ast-title-bar-wrap .main-header-bar {
background-color: rgba(127,127,127,0.4);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
}
}
.ast-advanced-headers-wrap, .ast-advanced-headers-title, .ast-site-header-cart a {
color: #ffffff;
filter: drop-shadow(1px 1px 3px rgba(64,64,64,.5));
}

/*************
 * dPro Font *
 * ***********/
.site-title, 
.site-title a, 
h1, 
h2,
h3,
h4,
h5
.entry-content h1,
.entry-content h2,
.ast-footer-site-title {
	font-family: Gill Sans, gill-sans-nova, -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
}
/*Michel minder hoge afbeelding*/
.ast-advanced-headers-layout {padding-bottom: 25vh;}


/*****************
 * Header Search *
 *****************/
@media (min-width: 721px) {
	#primary-menu .dgwt-wcas-search-wrapp {
	min-width: 0;
	display: inline-block;
	width: 5em;
	margin-left: 1em;
	}

	#primary-menu .dgwt-wcas-sf-wrapp {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	#primary-menu .dgwt-wcas-search-form .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
		padding: 10px 15px;
		width: 5em;
		z-index: 1;
		opacity: 0;
		cursor: pointer;
		border-color: rgba(255,255,255,0);
		-webkit-transition: width 0.4s ease-in-out;
		transition: width .4s ease-in-out, opacity .4s;
	}

	#primary-menu .dgwt-wcas-search-form .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input:focus {
		width: 40em;
		opacity: 1;
		cursor: initial;
	}

	#primary-menu .dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {
		opacity: 1;
	}

	#primary-menu	.dgwt-wcas-ico-magnifier path {
		fill: white;
	}
}