/*
Theme Name: Miers
Theme URI: https://miers.be
Template: Divi
Author: Cut 'N' Paste
Author URI: http://www.cutnpaste.be
Description: Smart. Flexible. Beautiful.
Version: 1.27.1737363744
Updated: 2025-01-20 09:02:24

*/


:root {
  --font-sans: "helvetica-neue-lt-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Headers */
h1, h2, h3, h4, h5, h6,
.et_pb_module_header, .neue {
  font-family: var(--font-sans) !important;
}

/* Body tekst */
body, p, span, li {
  font-family: var(--font-sans) !important;
}

.font-light   { font-family:var(--font-sans); font-weight:300; }
.font-bold    { font-family:var(--font-sans); font-weight:700; }
.font-bold-it { font-family:var(--font-sans); font-weight:700; font-style:italic; }

/* 1) When your SECTION is fixed at top… */
.et_pb_section.et_pb_sticky--top .sticky-logo .et_pb_image_wrap {
  position: relative;      /* establish positioning context */
  display: inline-block;   /* shrink‐wrap to the img’s natural size */
}

/* 2) Hide the original <img> */
.et_pb_section.et_pb_sticky--top .sticky-logo .et_pb_image_wrap img {
  opacity: 0;
  transition: opacity 0.2s;
}

/* 3) Overlay the dark logo as a background on the wrapper */
.et_pb_section.et_pb_sticky--top .sticky-logo .et_pb_image_wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; 
  height: 100%;
  background: url("/wp-content/uploads/2025/03/Logo-miers-transparant-dark.png") no-repeat center center;
  background-size: contain;
  pointer-events: none;    /* allow clicks to pass through to the <a> */
}

/* equalize blurbs, same height */
.equalize-blurbs .et_pb_column {
  display: flex;
  flex-direction: column;
}

.equalize-blurbs .et_pb_column .et_pb_blurb {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}

.equalize-blurbs .et_pb_column .et_pb_blurb .et_pb_blurb_content {
  flex: 1;
}

/*place button modules next to each other in the same column*/
.inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}

.et_pb_blurb_container {
	padding-left:20px;
	padding-right:20px;
}

/* buttons fixed to the bottom */

.fixed_buttons .et_pb_column {
	padding-bottom:80px;
}

 .fixed_buttons .et_pb_button_module_wrapper {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 margin: auto;
}

.bodyFont {
font-family: Open Sans, Arial, sans-serif;}


.faq_menu a, .et-menu .menu-item-has-children>a:first-child:after {
	color:#0C5453!important;
}
.mijnmiers_menu a {
	color:#ffb439!important;
}

.menu-item a {
	color:#E6E6E6;
}
.et_pb_sticky .et_pb_menu ul li a {
    color: #3A3A3A;
}

/* Make sure the spinner is always round and not stretched */
.wpcf7 .wpcf7-spinner,
.wpcf7-form .wpcf7-spinner,
img.ajax-loader {
  flex:0;        
}

.et_mobile_menu li a {
    padding: 5px 5%;
}


/* Verhuurmodule styling */
#proplanner-plugin-wrapper .button.is-info, #proplanner-plugin-wrapper .button.is-info[disabled], #proplanner-plugin-wrapper .button.is-success, #proplanner-plugin-wrapper .steps:not(.is-hollow) .steps-marker:not(.is-hollow), #proplanner-plugin-wrapper .steps:not(.is-hollow) .steps-segment.is-active .steps-marker:not(.is-hollow), #proplanner-plugin-wrapper .steps-segment:after, #proplanner-plugin-wrapper .button.is-success, #proplanner-plugin-wrapper .multiselect-tag {
    background-color: #0C5453!important;
    border-color: #0C5453!important;
    color: #fff!important;
}
#proplanner-plugin-wrapper .button.is-info:hover, #proplanner-plugin-wrapper .button.is-info[disabled]:hover, #proplanner-plugin-wrapper .button.is-success:hover {
    background-color: #fff!important;
    border-color: #0C5453!important;
    color: #0C5453!important;
}
#proplanner-plugin-wrapper .has-text-success  {
    color: #0C5453!important;
}

.modal-card{
	margin-top:100px!important;
}