/* 
 Theme Name:     Anticipate DIVI Child
 Author:         Govard-Jan de Jong voor Anticipate
 Author URI:     http://www.anticipate.nl
 Template:       Divi
 Version:        1.0 
*/

@import url("../Divi/style.css");

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */

/* ----------- Menu aanpassing --------------------------- */

@media (max-width: 980px) {
  body.et_header_style_split #et_mobile_nav_menu {
    display: none;
  }

  body button#responsive-menu-pro-button {
    top: 0px;
  }

  .et_header_style_split #logo {
    max-height: 75px;
  }

  .et_header_style_split header#main-header {
    padding-bottom: 0;
    padding-top: 0;
    position: fixed;
  }

  @media (max-width: 600px) {
    .et_header_style_split header#main-header {
      position: absolute;
    }
  }

  .et_header_style_split header#main-header .logo_container {
    position: relative;
    top: 9px;
    margin-bottom: -20px;
  }
}

#top-menu-nav #top-menu > li:last-child {
  padding-right: 57px;
}

body.et_header_style_split #main-header .centered-inline-logo-wrap img#logo {
  position: relative;
  top: 0;
}
body.et_header_style_split #main-header.et-fixed-header .centered-inline-logo-wrap img#logo {
  position: relative;
  top: 0;
}

@media (min-width: 981px) {
  body.et_header_style_split #et-top-navigation {
    padding-top: calc(25px + 36px);
  }

  body.et_header_style_split .et-fixed-header #et-top-navigation {
    padding-top: calc(13px + 36px);
  }

  body.et_header_style_split #et-top-navigation nav>ul>li>a {
    padding-bottom: 25px;
  }

  body.et_header_style_split .et-fixed-header #et-top-navigation nav>ul>li>a {
    padding-bottom: 25px;
  }


  body.et_header_style_split #main-header.et-fixed-header .centered-inline-logo-wrap {
    margin: -20px 0;
  }
  body.et_header_style_split #main-header .centered-inline-logo-wrap img#logo {
    position: relative;
    top: 20px;
  }
  body.et_header_style_split #main-header.et-fixed-header .centered-inline-logo-wrap img#logo {
    position: relative;
    top: 20px;
  }
}

.centered-inline-logo-wrap {
  vertical-align: top;
}

@media (min-width: 1101px) {
  /* body.et_header_style_split .et-fixed-header .centered-inline-logo-wrap a #logo { */
  /* margin-top: 69px; */
  /* } */

  @media (max-width: 1200px) {
    .et_header_style_left #et-top-navigation,
    .et_header_style_split #et-top-navigation {
      padding-top: calc(25px + 36px);
    }
  }

  body.et_header_style_left .et-fixed-header #et-top-navigation,
  body.et_header_style_split .et-fixed-header #et-top-navigation {
    padding-top: calc(10px + 36px);
  }

  body.et_header_style_split .centered-inline-logo-wrap #logo {
    max-height: none;
    max-width: none;
    top: 0;
    width: 155px;
    height: 155px;
  }

  @media (max-width: 1200px) {
    body.et_header_style_split .centered-inline-logo-wrap #logo {
      width: 120px;
      height: 120px;
      margin-top: 8px;
    }
  }

  body.et_header_style_split #main-header.et-fixed-header .centered-inline-logo-wrap img#logo {
    max-height: none;
    max-width: none;
    width: 105px;
    top: 0;
    height: 105px;
    margin-top: 19px;
  }

  #top-menu-nav #top-menu li {
    vertical-align: top;
  }

  #top-menu-nav #top-menu li a {
    font-size: 20px;
  }

  body.et_header_style_left #et-top-navigation nav > ul > li > a,
  body.et_header_style_split #et-top-navigation nav > ul > li > a {
    padding-top: 8px;
    padding-bottom: 11px;
    margin-bottom: 25px;
    border-bottom: 5px solid #fff;
  }

  @media (max-width: 1200px) {
    body.et_header_style_left #et-top-navigation nav > ul > li > a,
    body.et_header_style_split #et-top-navigation nav > ul > li > a {
      margin-bottom: 11px;
    }
  }

  body.et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a,
  body.et_header_style_split .et-fixed-header #et-top-navigation nav > ul > li > a {
    padding-bottom: 11px;
    margin-bottom: 11px;
  }

  body #top-menu > li.current-menu-ancestor > a,
  body #top-menu > li.current-menu-item > a,
  body #top-menu > li > a:hover {
    color: inherit !important;
    opacity: 1 !important;
    border-bottom: 5px solid #f2e6cc !important;
  }

  body #top-menu > li.current-menu-ancestor > a,
  body #top-menu > li.current-menu-item > a {
    font-weight: bold;
  }

  #et-secondary-nav .menu-item-has-children > a:first-child:after,
  #top-menu .menu-item-has-children > a:first-child:after {
    top: 8px;
  }

  .centered-inline-logo-wrap {
    width: auto !important;
  }
}

#top-menu .menu-item-has-children.wpml-ls-item > a:first-child:after {
  top: 8px;
}

body #responsive-menu-pro-container {
  top: 0;
  padding-top: 55px;
}

/* ----------- blog overzicht image --------------------------- */

.et_pb_image_container {
  padding: 19px 19px 0px 19px !important;
}

.entry-featured-image-url {
  max-width: 284px !important;
}

.wpml-ls-legacy-dropdown {
  width: 4em;
  position: absolute;
  top: 10px;
  left: 10px;
  display: none;
}

body.et_header_style_split .et_menu_container {
  width: 85%;
}

@media (max-width: 980px) {
  body.et_header_style_split #et-top-navigation {
    position: absolute;
    z-index: 3;
    top: 0;
  }
  body.et_header_style_split .et_menu_container {
    width: 100%;
  }

  .wpml-ls-legacy-dropdown {
    display: block;
  }
}

body.et_header_style_split #et-top-navigation nav > ul > li.wpml-ls-item,
body.et_header_style_split .mobileheaderwidgets ul > li.wpml-ls-item {
  margin-bottom: 0;
}

body.et_header_style_split #et-top-navigation nav > ul > li.wpml-ls-item > a,
body.et_header_style_split #et-top-navigation nav > ul > li.wpml-ls-item > a:hover,
body.et_header_style_split .mobileheaderwidgets ul > li.wpml-ls-item > a,
body.et_header_style_split .mobileheaderwidgets ul > li.wpml-ls-item > a:hover {
  padding: 8px 20px 11px 8px;
  border: 2px solid rgb(83, 34, 13) !important;
  border-radius: 3px;
  margin: 0;
}

body.et_header_style_split #et-top-navigation nav > ul > li.wpml-ls-item .sub-menu,
body.et_header_style_split .mobileheaderwidgets ul > li.wpml-ls-item .sub-menu {
  border: 0 !important;
  background-color: transparent;
  width: calc(100% - 22px);
  padding: 0;
}

body.et_header_style_split #et-top-navigation nav > ul > li.wpml-ls-item .sub-menu li,
body.et_header_style_split .mobileheaderwidgets ul > li.wpml-ls-item .sub-menu li {
  width: 100%;
  background-color: #fff;
  border-radius: 3px;
  margin-top: 1px;
  border: 2px solid rgb(83, 34, 13) !important;
  padding: 0;
  line-height: 1em;
}

body.et_header_style_split #et-top-navigation nav > ul > li.wpml-ls-item .sub-menu li a,
body.et_header_style_split .mobileheaderwidgets ul > li.wpml-ls-item .sub-menu li a {
  padding: 8px 20px 11px 8px;
}

#responsive-menu-pro .wpml-ls-menu-item {
  display: none;
}

@media (max-width: 980px) {
  .ant_topbar {
    display: none;
  }
}
.ant_topbar {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background-color: #53220d;
  line-height: 2.3;
  text-align: left;
}

.ant_topbar .inner {
  width: 80%;
  max-width: 1080px;
  position: relative;
  margin: 0 auto;
}

.ant_topbar .vestigingen {
  text-align: left;
  display: inline-block;
}

.ant_topbar .vestiging {
  color: #fff;
  padding: 0 20px;
  display: inline-block;
}

.ant_topbar .vestiging:first-child {
  padding-left: 0;
}

.ant_topbar .vestiging a {
  color: #fff;
}

.ant_topbar .socials {
  position: absolute;
  right: 0;
  text-align: right;
  display: inline-block;
}

.ant_topbar .socials .social {
  display: inline-block;
  padding: 0 10px 0 10px;
}
.ant_topbar .socials .social:last-child {
  padding-right: 0;
}

.ant_topbar .socials .social a {
  color: #fff;
  line-height: 1.4;
}

.ant_topbar .socials .social a:before {
  font-size: 16px;
}