/*!
Theme Name: Hazo Media
Theme URI: https://hazomedia.com/
Author: Hazo Media
Author URI: https://hazomedia.com/
Description: Start theme by TiLu - Hazo Media
Version: 1.0.0
Text Domain: hazo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/* Alignments
--------------------------------------------- */



img {max-width: 100%; height: auto; }
iframe {max-width: 100%; }
.wp-caption {margin-bottom: 1.5em; max-width: 100%; }
.wp-caption img[class*="wp-image-"] {display: block; margin-left: auto; margin-right: auto; }
.wp-caption .wp-caption-text {margin: 0.8075em 0; }
.wp-caption-text {text-align: center; }
.alignleft {display: inline; float: left; margin-right: 1.5em; }
.alignright {display: inline; float: right; margin-left: 1.5em; }
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto; }
.gallery {margin-bottom: 1.5em; }
.gallery-item {display: inline-block; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-2 .gallery-item {max-width: 50%; }
.gallery-columns-3 .gallery-item {max-width: 33.33%; }
.gallery-columns-4 .gallery-item {max-width: 25%; }
.gallery-columns-5 .gallery-item {max-width: 20%; }
.gallery-columns-6 .gallery-item {max-width: 16.66%; }
.gallery-columns-7 .gallery-item {max-width: 14.28%; }
.gallery-columns-8 .gallery-item {max-width: 12.5%; }
.gallery-columns-9 .gallery-item {max-width: 11.11%; }
.gallery-caption {display: block; }
.hazo-no_post_found {text-align: center; text-transform: uppercase; font-weight: bold; }


.section-main__content tbody tr {
	display: flex;
	align-content: center;
	gap:30px;
}
@media(max-width: 850px) {
	.section-main__content tbody tr {
		display: flex;
		flex-direction: column;
	}
	.section-main__content tbody tr td {
		width: 100% !important;
	}
}


.progress-wrap {
  position: fixed;
  right: 30px;
  bottom: 30px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.progress-wrap::after {
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg style='width: 20px;' fill='%23fff' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 47.255 47.255' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M46.255,35.941c-0.256,0-0.512-0.098-0.707-0.293l-21.921-21.92l-21.92,21.92c-0.391,0.391-1.023,0.391-1.414,0 c-0.391-0.391-0.391-1.023,0-1.414L22.92,11.607c0.391-0.391,1.023-0.391,1.414,0l22.627,22.627c0.391,0.391,0.391,1.023,0,1.414 C46.767,35.844,46.511,35.941,46.255,35.941z'%3E%3C/path%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
  content: '';
  text-align: center;
    font-size: 24px;
    color: #fff;
    left: 0;
    right: 0;
    margin: auto;
    background-color: var(--color-main);
    border-radius: 99px;
    top: 50%;
    transform: translateY(-50%);
    height: 38px;
    width: 38px;
    line-height: 35px;
    cursor: pointer;
    display: block;
    z-index: 1;
  -webkit-transition: all 200ms linear;
    transition: all 200ms linear;

	background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
}
.progress-wrap:hover::after {
  background-color: #333;
}
.progress-wrap::before {
	content: '';
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg style='width: 20px;' fill='%23fff' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' viewBox='0 0 47.255 47.255' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M46.255,35.941c-0.256,0-0.512-0.098-0.707-0.293l-21.921-21.92l-21.92,21.92c-0.391,0.391-1.023,0.391-1.414,0 c-0.391-0.391-0.391-1.023,0-1.414L22.92,11.607c0.391-0.391,1.023-0.391,1.414,0l22.627,22.627c0.391,0.391,0.391,1.023,0,1.414 C46.767,35.844,46.511,35.941,46.255,35.941z'%3E%3C/path%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
  text-align: center;
  line-height: 46px;
  font-size: 24px;
  opacity: 0;
  background: var(--color-main); /* --- Pijl hover kleur --- */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
        background-size: 20px;
    background-repeat: no-repeat;
    background-position: center center;
}
.progress-wrap:hover::before {
  opacity: 1;
}
.progress-wrap svg path { 
  fill: none; 
}
.progress-wrap svg.progress-circle path {
  stroke: var(--color-main); /* --- Lijn progres kleur --- */
  stroke-width: 4;
  box-sizing:border-box;
  -webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
table.compare-list img {
  height: 200px;
  object-fit: contain;
}

form.cart .product-quantity, .woocommerce-notices-wrapper, .woocommerce-form-coupon-toggle {
  display: none !important;
}
.product-detail__content .pro__order button[type="submit"] {
  margin-left: 0 !important;
}

.product-detail__content .pro__order button[type="submit"].single_add_to_cart_button:not(.send-form) {
  display: none;
}