/*
Theme Name: Impact Theme Child Theme
Theme URI: https://www.advice.nl
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: Advice Creëert Impact
Author URI: https://www.advice.nl
template: bb-theme
*/

@import url('https://use.typekit.net/zxb6eqe.css');

body.site-id-3 {
  font-family: ronnia, sans-serif !important;
}

body.site-id-3 h1, body.site-id-3 h2,body.site-id-3 h3,body.site-id-3 h4, body.site-id-3 p, body.site-id-3 .fl-button, body.site-id-3 ul, body.site-id-3 ul li, body.site-id-3 a, body.site-id-3 bold, body.site-id-3 strong {
  position: relative;
  font-family: ronnia, sans-serif !important;
}

@media (min-width: 680px) {
    .home h1 {
      font-size: 40px !important
    }
  
    .home h3 {
      font-size: 18px !important;
    }
  }
  
  @media (min-width: 768px) {
    .home h1 {
      font-size: 46px !important
  }
  .home .lead p {
    font-size: 19px !important;
  }
  }
  
  @media (min-width: 990px) {
    .home h1 {
      font-size: 50px !important
    }
  
    
  }
  
  @media (min-width: 1100px) {
    .home h1 {
      font-size: 56px !important
    }
  
  
  
    
  }
  
  @media (min-width: 1360px) {
    .home h1 {
      font-size: 50px !important
    }
  
    .home .lead p {
      font-size: 22.5px !important;
    }
  
    .home h3 {
      font-size: 18.5px !important;
    }
  }
  
  @media (min-width: 1400px) {
    .home h1 {
      font-size: 71px !important
    }
    .home h2 {
      font-size: 42px !important; 
    }
    .home .teaserSub h2 {
      font-size: 34px !important;
    }
    .home h3 {
      font-size: 18.5px !important;
    }
  }
  
  body, html {
    overflow-x: hidden;
  }
  
  /* Add your custom styles here... */ 
  .mulitplyBackground > .fl-row-content-wrap:after {
          mix-blend-mode: multiply;
  }
  
  .backgrounds {
          width: 100%;
          height: 30vh;
          position: relative;
          overflow: hidden;
      }
      
      .backgrounds .background {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: center top;
      }
      
      .backgrounds .background > div {
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: center top;
      }
  
      .backgroundsText {
              position: relative;
              width: 100%;
              background-color: #fff;
              padding: 30px;
      }
  
      .backgroundsText h2 {
          font-family: 'Ubuntu';
          font-weight: bold;
          font-size: 26px;
          color: #808080;
          margin-bottom: 30px;
      }
  
       .backgroundsText p {
          font-family: 'Montserrat';
          font-weight: 500;
          font-size: 14px;
          color: #8f9da3;
      }
  
      li.ctaMenu > * {
        position: relative;
        z-index: 2;
        color: #fff !important;
      }
  
      li.ctaMenu:hover > * {
        position: relative;
        z-index: 2;
        color: #f35b21 !important;
      }
  
      li.ctaMenu:before {
        content: '';
        position: absolute;
        z-index: 0;
        left: 0;
        top: 50%;
        transform: translate(0, -50%);
        width: 100%;
        height: 200%;
        padding: 10px 5px;
        background-color: #f35b21;
        color: #fff;
        border: 1px solid #f35b21;
        border-radius: 25px;
        display:block;
      }
  
      li.ctaMenu:hover:before {
        background-color: #fff;
      }
  
  
  
      .contactFormulier {
              width: 100%;
             
      }
  
     
  .contactFormulier td {
    margin-bottom: 10px;
  }
      .contactFormText {
          font-family: 'Montserrat';
          font-weight: 500;
          font-size: 18.5px;
          color: #fff;
      }
  
      .contactFormulier input {
      }
  
    
  
      .gallery.bottom.right.font-lato img {
          display: none;
      }
  
      /* .rasterOverlay:after {
              position: absolute;
              top: 0;
              right: 0;
              width: 100%;
              height: 100%;
              background-image: url('http://62.84.241.18/~proto/Advice/Publin/wp-content/uploads/2020/06/Grid.png');
              background-size: cover;
              background-position: left top;
              display:block;
      } */
  
      @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600");
  /* VARS */
  /* MIXINS */
  /* STYLE THE HTML ELEMENTS (INCLUDES RESETS FOR THE DEFAULT FIELDSET AND LEGEND STYLES) */
  .flickity-button {
    position: absolute !important;
    top: 100% !important;
     
  }
  
  .socials {
    font-size: 22.5px;
    letter-spacing: 5px;;
  }
  
  .publicatieSlider .fl-post-grid:after {
    content: 'flickity';
    display: none; /* hide :after */
  }
  
  .klantenSlider .fl-post-grid:after {
    content: 'flickity';
    display: none; /* hide :after */
  }
  
  /* TOGGLE STYLING */
  .toggle {
    margin: 0 0 1.5rem;
    box-sizing: border-box;
    font-size: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-flow: row nowrap;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
            align-items: stretch;
  }
  .toggle input {
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px;
  }
  .toggle input + .wpcf7-list-item-label {
    margin: 0;
    padding: .75rem 2rem;
    box-sizing: border-box;
    color:#fff;
    position: relative;
    display: inline-block;
    border: solid 1px #f35b21;
    background-color: transparent;
    font-family: 'Montserrat';
    font-size: 22.5px;
    line-height: 140%;
    font-weight: 600;
    margin-right: 20px;
    border-radius: 25px;
    text-align: center;
    -webkit-transition: border-color .15s ease-out,  color .25s ease-out,  background-color .15s ease-out, box-shadow .15s ease-out;
    transition: border-color .15s ease-out,  color .25s ease-out,  background-color .15s ease-out, box-shadow .15s ease-out;
    /* ADD THESE PROPERTIES TO SWITCH FROM AUTO WIDTH TO FULL WIDTH */
    /*flex: 0 0 50%; display: flex; justify-content: center; align-items: center;*/
    /* ----- */
  }
  
  .wpcf7-list-item-label {
    font-size: 14px;
    font-family: 'Montserrat';
    color: #fff;
  }
  
  .toggle input:hover + .wpcf7-list-item-label {
    border-color: #f35b21;
    background-color: #f35b21;
    cursor: pointer;
  }
  .toggle input:checked + .wpcf7-list-item-label {
    background-color: #f35b21;
    color: #FFF;
    border-color: #f35b21;
    z-index: 1;
  }
  .toggle input:focus + .wpcf7-list-item-label {
    outline: dotted 1px #CCC;
    outline-offset: .45rem;
  }
  @media (max-width: 800px) {
    .toggle input + .wpcf7-list-item-label {
      padding: 10px 15px;
      margin-right: 10px;
      font-size: 14px;
      -webkit-box-pack: center;
              justify-content: center;
      -webkit-box-align: center;
              align-items: center;
    }
  }
  
  /* STYLING FOR THE STATUS HELPER TEXT FOR THE DEMO */
  .status {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
  }
  .status span {
    font-weight: 600;
    color: #B6985A;
  }
  .status span:first-of-type {
    display: inline;
  }
  .status span:last-of-type {
    display: none;
  }
  @media (max-width: 800px) {
    .status span:first-of-type {
      display: none;
    }
    .status span:last-of-type {
      display: inline;
    }
  }
  
  
      @media (min-width: 768px) {
  
        .backgroundsText {
          position: absolute;
          width: calc((100% / 7) * 5);
          left: calc(100% / 7);
          background-color: #fff;
          padding: 40px;
          bottom: 100px;
  }
  .wpcf7-list-item-label {
    font-size: 18.5px;
    font-family: 'Montserrat';
    color: #fff;
  }
  
          .contactFormulier td {
            margin: 10px;
    }
  
    .contactFormulier {
      width: 100%;
      border-collapse: separate;
    border-spacing: 0px 20px;
  *border-collapse: expression('separate', cellSpacing = '20px');
  }
  
          .backgrounds {
                  width: 100%;
                  height: 100vh;
                  position: relative;
                  overflow: hidden;
              }
  
              .backgroundsText h2 {
                font-family: 'Ubuntu';
                font-weight: bold;
                font-size: 42px;
                color: #808080;
                margin-bottom: 30px;
            }
        
             .backgroundsText p {
                font-family: 'Montserrat';
                font-weight: 500;
                font-size: 18.5px;
                color: #8f9da3;
            }
            .contactFormulier td:nth-child(1) {
              padding-right: 10px;
            }
        
            .contactFormulier td:nth-child(2) {
              padding-left: 10px;
            }
        
            .contactFormulier tr:nth-child(3) td {
              padding: 0;
            }
  
       
      }
  
      @media (min-width: 992px) {
               /* disable Flickity for large devices */
               .publicatieSlider .fl-post-grid:after {
                content: '';
              }
        
              .klantenSlider .fl-post-grid:after {
                content: '';
              }
      }
  
      @media (max-width: 680px) {
          .fl-row-bg-video .fl-bg-video iframe {
                  min-height: 50vh !important;
          }
          table.responsiveTable td {
            display: block;
            width:auto !important;
            float:none;
        
          }
      }
  
     
      
      @media screen and ( min-width: 1100px ) {
        .backgroundsText {
          position: absolute;
          width: calc((100% / 7) * 3);
          left: calc(100% / 7);
          background-color: #fff;
          padding: 40px;
          bottom: 100px;
  }
      }