/*
Theme Name: Buitens van Renkum
Theme URI: https://www.vanzwammedia.nl/
Author: Van Zwam Media
Author URI: https://www.vanzwammedia.nl/
Description: Child Theme voor Buitens van Renkum
Template: betheme
Version: 2.0.2
*/

html, body {
  scroll-padding-top: 60px;
  scroll-behavior: smooth;
}

body, p {
    font-family: "source-sans-3", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "source-sans-3", sans-serif !important;
  font-style: normal !important;
  font-weight: bold !important;
}

#Top_bar #logo img.svg {
  width: 180px;
}

div#Content {
    padding-top: 0;
}

body:not(.template-slider) #Header {
    min-height: 100%;
}

#Top_bar .menu > li > a span:not(.description) {
    border: none;
    padding: 0 16px;
    font-family: "source-sans-3", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    transition: .2s all ease-in;
}

#Top_bar .menu > li > a span:not(.description):hover {
  color: #c47ab1;
}

.download_element .mcb-item-column-inner {
    margin-bottom: 10px;
}

.download_element .mcb-wrap-inner {
    padding: 15px 10px;
    border-radius: 20px;
    background: #ecf4e3;
}

.download_btn .button::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    background-image: url(/wp-content/uploads/2026/01/Download-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

.download_btn-groen .button::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    background-image: url(/wp-content/uploads/2026/01/Download-icon-groen.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

.blog_item {
    background: #fff;
    border-radius: 0 0 30px 30px;
    color: #066553;
}

.blog_item-beeld img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: .2s all ease-in;
    width: 100%;
}

.blog_item-titel {
  font-weight: bold;
}

.blog a.blog_link {
    color: #c47ab1;
    font-weight: 600;
}

.blog_item-content {
    padding: 20px 30px;
}

.blog_item-beeld {
  overflow: hidden;
  line-height: 0;
}

.blog_item-beeld a:hover img {
  transform: scale(1.1);
}

.blog_item-titel a:hover {
  color: #c47ab1;
}

.blog a {
  transition: .2s all ease-in;
}

.heading_regular .title {
    font-weight: 500 !important;
}

.column ul li {
    color: #066553;
    line-height: 18px;
}

p + ul {
    margin-top: -10px !important;
}

.mfn-footer a:not(.button,.icon_bar,.mfn-btn,.mfn-option-btn) {
    color: #fff;
    transition: .2s all ease-in;
}

.mfn-footer a:not(.button,.icon_bar,.mfn-btn,.mfn-option-btn):hover {
    color: #c0daa3;
    text-decoration: none;
}

footer strong {
  color: #c0daa3;
}

.mcb-item-post_content-inner p {
    color: #066553;
}

.fixed-nav-prev, .fixed-nav-next {
  display: none;
}

.mcb-item-post_content-inner h2 {
    font-size: 32px;
    margin-bottom: 0;
    line-height: 36px;
}

.the_content .post-password-form {
    padding: 60px 15px;
}

.post-password-form input[type="submit"] {
    padding-top: 12px;
    padding-right: 50px;
    padding-bottom: 12px;
    padding-left: 50px;
    border-radius: 20px 20px 20px 20px;
    color: #FFFFFF;
    background-color: #c47ab1;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    transition: .2s all ease-in;
}

.post-password-form input[type="submit"]:hover {
    background: #066553;
}

@media (min-width: 992px) {
  .introductie::after {
    width: 275px;
    height: 275px;
    background-image: url(/wp-content/uploads/2026/01/Intro-overlay.svg);
    content: '';
    position: absolute;
    right: 12%;
    bottom: -100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

  .actueel::after {
      width: 275px;
      height: 275px;
      background-image: url(/wp-content/uploads/2026/01/Actueel-illustratie.svg);
      content: '';
      position: absolute;
      right: 30%;
      top: -180px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
  }

  .doemee::after {
      width: 275px;
      height: 275px;
      background-image: url(/wp-content/uploads/2026/01/Doe-mee-illustratie.svg);
      content: '';
      position: absolute;
      left: 12%;
      top: -140px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
  }

  .beeld_rechts .image_frame {
    overflow: visible;
  }

  .beeld_rechts .image_wrapper {
    position: relative;
    overflow: visible;
  }

  .beeld_rechts .image_wrapper::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #ecf4e3;
    position: absolute;
    right: -20px;
    top: -20px;
  }

  .beeld_links .image_frame {
    overflow: visible;
  }

  .beeld_links .image_wrapper {
    position: relative;
    overflow: visible;
  }

  .beeld_links .image_wrapper::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #ecf4e3;
    position: absolute;
    left: -20px;
    top: 20px;
  }

  .beeld_links-roze .image_frame {
    overflow: visible;
  }

  .beeld_links-roze .image_wrapper {
    position: relative;
    overflow: visible;
  }

  .beeld_links-roze .image_wrapper::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #e5cce4;
    position: absolute;
    left: -20px;
    top: -20px;
  }

  .blog {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
  }

  .blog_item-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 300px;
  }
}

@media (min-width: 1240px) {
  #Top_bar .menu > li > a {
    padding: 5px 0;
  }

  #Top_bar .menu_wrapper {
    position: relative;
    top: 100%;
    transform: translateY(-100%);
  }

  img.logo-sticky.scale-with-grid.svg {
    max-height: 60px !important;
  }

  div#Top_bar.is-sticky {
    height: 90px !important;
  }

  #Top_bar.is-sticky .column {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
  }
  
  #Top_bar.is-sticky .logo {
    margin-top: -5px;
  }

  #Top_bar.is-sticky #logo img.svg {
    width: 152px;
  }
}

@media (max-width: 1239px) {
  #Top_bar a.responsive-menu-toggle {
    top: 60px;
  }
}

@media (max-width: 991px) {
  .blog_item:not(:last-child) {
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
    body, .mfn-menu-item-megamenu {
        font-size: 16px !important;
        line-height: 23px;
        font-weight: 400;
        letter-spacing: 0px;
    }
}