/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme for Elles Bakker
 Author:         Daniel Philipsen - strila.nl
 Author URI:     https://strila.nl
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

.et_pb_section, .et_pb_section *{
	animation: none !important;
	transition: none !important;
}

/* ----------------------------------------------------
------------------LOGO, MENU & HEADER------------------
---------------------------------------------------- */

.et-menu li {
  min-width: 320px;
}

.titel {
  & h1 {
    font-size: clamp(40px, 2vw, 100px);

    @media (max-width: 980px) and (min-width: 768px) {
      font-size: 48px;
    }

    @media (max-width: 600px) {
      font-size: 32px;
    }
  }
}

/* ----------------------------------------------------
  -------------------------FONTS-------------------------
  ---------------------------------------------------- */

p {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.entry-content ul {
  padding-left: 0.5em !important;
}

.et_pb_text p a:hover {
  text-decoration: underline;
}

/* ----------------------------------------------------
  -------------------- DIVI ELEMENTS --------------------
  ---------------------------------------------------- */

.et_pb_code_0_tb_header {
  margin-top: -195px;
}

.et_pb_toggle_title:before {
  color: #393635 !important;
  content: "\35";
}

.et_pb_toggle_open .et_pb_toggle_title:before {
  color: #393635 !important;
  content: "\35";
  transform: rotate(90deg) !important;
}

.et_pb_accordion .et_pb_module.et_pb_accordion_item_0.et_pb_toggle,
.et_pb_accordion .et_pb_module.et_pb_accordion_item_3.et_pb_toggle,
.et_pb_accordion .et_pb_module.et_pb_accordion_item_1.et_pb_toggle,
.et_pb_accordion .et_pb_module.et_pb_accordion_item_4.et_pb_toggle,
.et_pb_accordion .et_pb_module.et_pb_accordion_item_2.et_pb_toggle {
  border-width: 2px 0px 0px !important;
}

.et_pb_module.et_pb_accordion.et_pb_accordion_0.hoofd-toggle {
  margin-bottom: 0 !important;
}

/* ----------------------------------------------------
  -----------------------RESPONSIVE----------------------
  ---------------------------------------------------- */

@media (min-width: 1441px) {
  .et_pb_module.et_pb_image.et_pb_image_1_tb_header {
    padding-top: 200px !important;
  }
}

@media (min-width: 981px) and (max-width: 1440px) {
  .et_pb_row_0_tb_header {
    height: initial !important;
  }

  .et_pb_image_0_tb_header {
    width: 325px !important;
  }

  .et_pb_module.et_pb_image.et_pb_image_1_tb_header {
    margin-right: 100px !important;
  }

  .et_pb_code_0_tb_header {
    width: 325px !important;
  }

  .et_pb_code_0_tb_header {
    max-width: 325px !important;
  }

  .et_pb_code_0_tb_header {
    margin-top: -169px !important;
  }
  .slider-wrapper {
    font-size: 16.4px !important;
    letter-spacing: 1px !important;
  }

  .et_pb_section_0_tb_header {
    min-height: initial !important;
  }

  .et_pb_text .et_pb_text_inner p,
  .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_content p {
    font-size: clamp(
      18px,
      calc(18px + (20 - 18) * ((100vw - 981px) / (1440 - 981))),
      20px
    ) !important;
    line-height: 150%;
  }

  .et_pb_menu_0_tb_header.et_pb_menu ul li a {
    /* font-size: clamp(30px,
  calc(30px + (40 - 30) * ((100vw - 981px) / (1440 - 981))),
  40px) !important; */
    font-size: 35px !important;
    line-height: 90% !important;
  }

  .et_pb_module.et_pb_image.et_pb_image_1_tb_header {
    padding-top: 50px !important;
  }

  .et_pb_image_1_tb_header {
    width: 400px !important;
  }

  .et_pb_section_0_tb_header.et_pb_section {
    padding-bottom: 0 !important;
  }

  div#nieuws {
    padding-top: 60px;
  }
}

@media (min-width: 981px) and (max-width: 1021px) {
  .et_pb_text_0 a {
    font-size: 40px !important;
  }
}

@media (min-width: 981px) {
  .entry-content .title h2,
	.et_pb_column_1_3 h2 {
    font-size: min(3.9vw, 55px) !important;
  }

  .et_pb_gutters3 .et_pb_column_1_3,
  .et_pb_gutters3.et_pb_row .et_pb_column_1_3 {
    width: 31.1667%;
  }

  .et_pb_gutters3 .et_pb_column,
  .et_pb_gutters3.et_pb_row .et_pb_column {
    margin-right: 3%;
  }

  .et_pb_gutters3 .et_pb_section_0_tb_header .et_pb_column_1_3 .et_pb_module {
    margin-bottom: 35px !important;
  }
}

/* @media (max-width: 980px) {
  .et_pb_column .et_pb_blog_grid .column.size-1of2,
  .et_pb_column .et_pb_widget {
    margin: 0;
    width: 100%;
  }
}
 */
/* @media (min-width: 768px) and (max-width: 980px) {
  .open-tablet-menu .et_pb_menu__menu {
    display: flex !important;
  }
  .open-tablet-menu .et_mobile_nav_menu {
    display: none !important;
  }
  .et_pb_menu_0_tb_header.et_pb_menu ul li a {
    font-size: clamp(
      35px,
      calc(35px + (47 - 35) * ((100vw - 981px) / (1440 - 981))),
      47px
    ) !important;
    line-height: 100% !important;
  }
}
 */
@media all and (max-width: 767px) {
  .et_pb_fullwidth_menu--style-left_aligned .et_pb_menu__wrap,
  .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    justify-content: start;
  }

  .et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar:before,
  .et_pb_menu_0 .mobile_nav .mobile_menu_bar:before {
    color: #393635 !important;
  }

  .mobile_menu_bar:before {
    font-size: 50px;
    top: 10px !important;
    font-weight: 300 !important;
  }

  .et_pb_module.et_pb_menu.et_pb_menu_0_tb_header.open-tablet-menu.et_pb_bg_layout_light.et_pb_text_align_left.et_dropdown_animation_fade.et_pb_menu--without-logo.et_pb_menu--style-left_aligned {
    margin-top: -55px;
    width: 50px;
  }

  .et_pb_menu_0_tb_header {
    width: 10%;
  }

  .et_pb_menu_0_tb_header.et_pb_menu {
    background-color: transparent !important;
  }

  .et_mobile_menu {
    border: none !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    width: 110%;
  }

  .et_mobile_menu li a {
    border-bottom: none;
    color: #666;
    padding: 10px 0%;
    display: block;
  }

  ul.et_mobile_menu {
    padding-left: 0 !important;
  }

  .et_pb_fullwidth_menu .et_mobile_menu,
  .et_pb_menu .et_mobile_menu {
    top: 25px;
    padding: 0 0 0 10px !important;
    position: relative;
    width: 500px;
  }

  .et_pb_accordion_0.et_pb_accordion .et_pb_toggle_content p {
    font-size: 16px !important;
  }
	
  .et_pb_column_1_3 h2 {
    font-size: min(12vw, 55px) !important;
  }


  /*** wrap row in a flex box ***/
  .custom_row {
    display: flex; /* Safari 6.1+ */
    flex-wrap: wrap;
  }

  /*** custom classes that will designate the order of columns in the flex box row ***/
  .first-on-mobile {
    order: 1;
  }

  .second-on-mobile {
    order: 2;
  }

  .third-on-mobile {
    order: 3;
  }

  .fourth-on-mobile {
    order: 4;
  }
}

@media (min-width: 500px) and (max-width: 767px) {
  .et_pb_image_1_tb_header {
    padding-top: 0 !important;
    width: 70vw !important;
  }
}