/* 
 Theme Name:     Biz for Divi
 Author:         Mvdk Webdesign
 Author URI:     http://www.mvdkwebdesign.nl 
 Template:       Divi
 Version:        1.1 
*/

/* ----------- COMMON CSS START --------------------------- */

/* Divi Builder - Reset */
#main-footer {
  display: none !important;
}

/* ------------------------------- MENU START ------------------------------- */
#main-header {
  background-color: #ffffff !important;
}

#logo {
  max-height: 100%;
}

.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a,
.et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a {
  padding-bottom: 2.06em !important; /* 33px naar em */
}

.et_header_style_left #et-top-navigation,
.et_header_style_split #et-top-navigation {
  padding-top: 2.06em !important; /* 33px naar em */
}

#top-menu li > a {
  color: #df2027 !important;
}

.mobile_menu_bar:before {
  color: #df2027 !important;
  background-color: #ffffff !important;
  padding: 0.19em 0.31em; /* 3px 5px naar em */
}

.et_mobile_menu {
  border-top: 0.19em solid #df2027 !important; /* 3px naar em */
  background-color: #ffffff !important;
}

.et_mobile_menu li a {
  border-bottom: 0.06em solid rgba(0, 0, 0, 0.03); /* 1px naar em */
  color: #df2027 !important;
  display: block;
  padding: 0.63em 5%; /* 10px naar em */
}

.et_mobile_menu li a:hover,
.nav ul li a:hover {
  background-color: rgba(15, 112, 93, 0.03);
  opacity: 1;
}

/* ----------- COMMON CSS END --------------------------- */

/* ----------- OUR CORE VALUES START --------------------------- */
.core-value {
  background-color: #df2027;
  box-shadow: 0 0 0.31em #666666; /* 5px naar em */
  padding: 1.88em 1.25em; /* 30px 20px naar em */
  transition: all 300ms ease-in;
}

.core-value:hover {
  box-shadow: none;
  background-color: #0F705D;
  transition: all 300ms ease-in;
}

body #page-container .core-value .et_pb_button_module_wrapper .common_textlink.et_pb_button:after,
body #page-container .service-value .et_pb_button_module_wrapper .common_textlink.et_pb_button:after {
  margin-left: 0.31em !important; /* 5px naar em */
  font-size: 0.94em !important; /* 15px naar em */
  font-weight: 400 !important;
  line-height: 1.38em !important; /* 22px naar em */
}
/* ----------- OUR CORE VALUES END --------------------------- */

/* ----------- BUSINESS ADVANTAGES SECTION START --------------------------- */

/* Flexbox instellen op de oudercontainer van de kolommen */
.parent-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  height: auto;
}

/* Basis stijlen voor de kolommen */
.business_col_left,
.business_col_right {
  flex: 1 1 48%;
  padding: 1.25em; /* 20px naar em */
  box-sizing: border-box;
  max-width: 48%;
  margin: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Specifieke aanpassingen voor de rechterkolom */
.business_col_right {
  padding-top: 3.75em; /* 60px naar em */
  padding-bottom: 1.88em; /* 30px naar em */
  margin: 0;
  justify-content: space-between;
}

/* Zorg voor flexibele positionering van de inhoud in de rechterkolom */
.et_pb_text_inner,
.et_pb_module.et_pb_divider,
.et_pb_module.et_pb_blurb,
.et_pb_button_6_wrapper,
.et_pb_button_6 {
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  width: 100%;
}

/* Specifieke aanpassingen voor de tekstmodules */
.et_pb_module.et_pb_text.et_pb_text_16 .et_pb_text_inner {
  margin-bottom: 0.88em; /* 14px naar em */
}

.et_pb_module.et_pb_text.et_pb_text_17 .et_pb_text_inner {
  margin-top: 0.88em; /* 14px naar em */
  line-height: inherit;
}

/* Specifieke aanpassingen voor blurbs in de rechterkolom */
.et_pb_module.et_pb_blurb {
  display: flex;
  align-items: center;
  padding: 0.63em 0; /* 10px naar em */
}

/* Voeg een margin-bottom toe van 10px aan de blurb content */
.et_pb_module.et_pb_blurb .et_pb_blurb_content {
  margin-bottom: 0.63em; /* 10px naar em */
}

/* Specifieke aanpassingen voor de CTA-knop */
.et_pb_button_6_wrapper {
  margin-top: auto;
  padding-top: 1.25em; /* 20px naar em */
}

/* Specifieke aanpassingen voor de afbeelding in de linkerkolom */
.et_pb_image_wrap {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  flex-grow: 1;
  display: flex;
  align-items: stretch;
}

.wp-image-987499565 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* Responsive aanpassingen voor verschillende schermgroottes */

/* Breekpunt bij 1824px en lager - Zorg dat de afbeelding blijft aansluiten */
@media only screen and (max-width: 1824px) {
  .et_pb_image_wrap {
    height: 100%;
    margin-bottom: -0.06em; /* -1px naar em */
  }
}

/* Breekpunt bij 1589px en lager - Verberg de specifieke sectie */
@media only screen and (max-width: 1589px) {
  .et_pb_module.et_pb_text.et_pb_text_17.et_pb_text_align_left.et_pb_bg_layout_light .et_pb_text_inner {
    display: none !important;
  }

  .et_pb_module.et_pb_divider.et_pb_divider_0.et_pb_divider_position_.et_pb_space {
    display: none !important;
  }

  .et_pb_module.et_pb_blurb .et_pb_blurb_content {
    margin-bottom: 0.25em !important; /* 4px naar em */
  }
}

/* Breekpunt bij 1445px en lager - Pas marges en font-grootte aan */
@media only screen and (max-width: 1445px) {
  .et_pb_module.et_pb_text.et_pb_text_16 .et_pb_text_inner {
    margin-bottom: 0.06em; /* 1px naar em */
  }

  .et_pb_button_module_wrapper.et_pb_button_6_wrapper.et_pb_button_alignment_left.et_pb_module .et_pb_button_6 {
    font-size: 0.88em !important; /* 14px naar em */
  }

  .et_pb_module.et_pb_blurb .et_pb_blurb_content {
    margin-bottom: -0.13em !important; /* -2px naar em */
  }

  .et_pb_module.et_pb_text.et_pb_text_16.et_pb_text_align_left.et_pb_bg_layout_light .et_pb_text_inner h3 {
    font-size: 1.4rem !important;
  }

  .et_pb_module.et_pb_blurb .et_pb_blurb_description {
    font-size: 0.9em !important;
  }
}

/* Breekpunt bij 1357px en lager - Verberg specifieke blurb-module */
@media only screen and (max-width: 1357px) {
  .et_pb_module.et_pb_blurb.et_pb_blurb_1.et_pb_text_align_left.et_pb_blurb_position_left.et_pb_bg_layout_light .et_pb_blurb_content {
    display: none !important;
  }
}

/* Breekpunt bij 1024px en lager - Zet de kolommen onder elkaar (iPad, horizontaal) */
@media only screen and (max-width: 1024px) {
  .parent-container {
    flex-direction: column;
  }

  .business_col_left,
  .business_col_right {
    max-width: 100%;
  }
}

/* Breekpunt bij 980px en lager - Zet de