/* Imports */
  /* @import url('https://fonts.googleapis.com/css?family=Almarai&display=swap'); */
  /* @import url('https://fonts.googleapis.com/css?family=Open+Sans'); */
  /* @import url('https://fonts.googleapis.com/css?family=Roboto'); */

  @import url("https://use.typekit.net/cdu3slr.css");

  /*
  * Variables
  */
  :root {
    --primary-color: #004899;
    --primary-color-contrast: #fff;
    --primary-color-shade: #004899;
    --primary-color-tint: #215999;

    --secondary-color: #EE7326;
    --secondary-color-contrast: #fff;
    --secondary-color-shade: #EE7326;
    --secondary-color-tint: #F0803A;

    --background-color: white;
    --text-color: #0F0F0F;
    --link-text-color: #EE7326;
  }

  /*
  * Essentials
  */
  * {
    box-sizing: border-box;
  }

  body {
    font-family: 'proxima-soft', sans-serif;
    font-weight: 400;
    font-size: 16px;
    background-color: #FFFFFF;
    color: #004899;
  }

  h1, h2, h3, h4, h5, h6, .my-env h1, .my-env h2, .my-env h3, .my-env h4, .my-env h5, .my-env h6 {
    font-family: 'proxima-soft', sans-serif;
    color: #EE7326;
    font-weight: 900;
    line-height: 1;
    

  }
  h1 {
    font-size: 4rem;
    hyphens: auto;
    }

  h2 {
    font-size: 2.5rem;
    hyphens: auto;
    }

  h3 {
    font-size: 1.5rem;
    font-weight: 700;
    hyphens: auto;
    color: #004899;
    }
    
  h4 {
    font-size: 1.3rem;
    font-weight: 700;
    hyphens: auto;
    color: #004899;
    }

  h5 {
    font-weight: 700;
    hyphens: auto;
    }
    
  h6 {
    font-weight: 700;
    align-items: center;
    padding:20px !important;
    hyphens: auto;
    }
  /* h1, .my-env h1 {
    font-size: 40px;
  }

  h3, .my-env h3 {
    font-size: 1.65rem;
  } */

  a, .my-env a {
    color: #EE7326;
    text-decoration: none;
  }

  a:hover, .my-env a:hover {
    text-decoration: none;
    color: #004899;
  }
  

a[href$=".pdf"] {
    padding-right: 24px;
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 512 512'%3E%3Cpath fill='%23ee7326' d='M64 464l48 0 0 48-48 0c-35.3 0-64-28.7-64-64L0 64C0 28.7 28.7 0 64 0L229.5 0c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3L384 304l-48 0 0-144-80 0c-17.7 0-32-14.3-32-32l0-80L64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px;
}

a[href$=".pdf"]:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 512 512'%3E%3Cpath fill='%23004899' d='M64 464l48 0 0 48-48 0c-35.3 0-64-28.7-64-64L0 64C0 28.7 28.7 0 64 0L229.5 0c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3L384 304l-48 0 0-144-80 0c-17.7 0-32-14.3-32-32l0-80L64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z'/%3E%3C/svg%3E");

}

a[href$=".doc"],
a[href$=".docx"] {
    padding-right: 26px;
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 20 20'%3E%3Cpath d='M2 14.5H3V16H2C0.875 16 0 15.125 0 14V2C0 0.90625 0.875 0 2 0H7.15625C7.6875 0 8.1875 0.21875 8.5625 0.59375L11.4062 3.4375C11.7812 3.8125 12 4.3125 12 4.84375V9H10.5V5H8C7.4375 5 7 4.5625 7 4V1.5H2C1.71875 1.5 1.5 1.75 1.5 2V14C1.5 14.2812 1.71875 14.5 2 14.5ZM5.5 11H6.5C7.3125 11 8 11.6875 8 12.5V14.5C8 15.3438 7.3125 16 6.5 16H5.5C5.21875 16 5 15.7812 5 15.5V11.5C5 11.25 5.21875 11 5.5 11ZM6 15H6.5C6.75 15 7 14.7812 7 14.5V12.5C7 12.25 6.75 12 6.5 12H6V15ZM14.25 11H14.75C15.4375 11 16 11.5625 16 12.25V12.5C16 12.7812 15.75 13 15.5 13C15.2188 13 15 12.7812 15 12.5V12.25C15 12.125 14.875 12 14.75 12H14.25C14.0938 12 14 12.125 14 12.25V14.75C14 14.9062 14.0938 15 14.25 15H14.75C14.875 15 15 14.9062 15 14.75V14.5C15 14.25 15.2188 14 15.5 14C15.75 14 16 14.25 16 14.5V14.75C16 15.4688 15.4375 16 14.75 16H14.25C13.5312 16 13 15.4688 13 14.75V12.25C13 11.5625 13.5312 11 14.25 11ZM9 12.25C9 11.5625 9.53125 11 10.25 11H10.75C11.4375 11 12 11.5625 12 12.25V14.75C12 15.4688 11.4375 16 10.75 16H10.25C9.53125 16 9 15.4688 9 14.75V12.25ZM10.25 12C10.0938 12 10 12.125 10 12.25V14.75C10 14.9062 10.0938 15 10.25 15H10.75C10.875 15 11 14.9062 11 14.75V12.25C11 12.125 10.875 12 10.75 12H10.25Z' fill='%23ee7326'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 19px;
}

a[href$=".doc"]:hover,
a[href$=".docx"]:hover {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 20 20'%3E%3Cpath d='M2 14.5H3V16H2C0.875 16 0 15.125 0 14V2C0 0.90625 0.875 0 2 0H7.15625C7.6875 0 8.1875 0.21875 8.5625 0.59375L11.4062 3.4375C11.7812 3.8125 12 4.3125 12 4.84375V9H10.5V5H8C7.4375 5 7 4.5625 7 4V1.5H2C1.71875 1.5 1.5 1.75 1.5 2V14C1.5 14.2812 1.71875 14.5 2 14.5ZM5.5 11H6.5C7.3125 11 8 11.6875 8 12.5V14.5C8 15.3438 7.3125 16 6.5 16H5.5C5.21875 16 5 15.7812 5 15.5V11.5C5 11.25 5.21875 11 5.5 11ZM6 15H6.5C6.75 15 7 14.7812 7 14.5V12.5C7 12.25 6.75 12 6.5 12H6V15ZM14.25 11H14.75C15.4375 11 16 11.5625 16 12.25V12.5C16 12.7812 15.75 13 15.5 13C15.2188 13 15 12.7812 15 12.5V12.25C15 12.125 14.875 12 14.75 12H14.25C14.0938 12 14 12.125 14 12.25V14.75C14 14.9062 14.0938 15 14.25 15H14.75C14.875 15 15 14.9062 15 14.75V14.5C15 14.25 15.2188 14 15.5 14C15.75 14 16 14.25 16 14.5V14.75C16 15.4688 15.4375 16 14.75 16H14.25C13.5312 16 13 15.4688 13 14.75V12.25C13 11.5625 13.5312 11 14.25 11ZM9 12.25C9 11.5625 9.53125 11 10.25 11H10.75C11.4375 11 12 11.5625 12 12.25V14.75C12 15.4688 11.4375 16 10.75 16H10.25C9.53125 16 9 15.4688 9 14.75V12.25ZM10.25 12C10.0938 12 10 12.125 10 12.25V14.75C10 14.9062 10.0938 15 10.25 15H10.75C10.875 15 11 14.9062 11 14.75V12.25C11 12.125 10.875 12 10.75 12H10.25Z' fill='%23004899'/%3E%3C/svg%3E");
}

a[href$=".xls"],
a[href$=".xlsx"] {
    padding-right: 24px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 16 16' fill='%23ee7326' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 14.5V16H2C0.875 16 0 15.125 0 14V2C0 0.90625 0.875 0 2 0H7.15625C7.6875 0 8.1875 0.21875 8.5625 0.59375L11.4062 3.4375C11.7812 3.8125 12 4.3125 12 4.84375V9H10.5V5H8C7.4375 5 7 4.5625 7 4V1.5H2C1.71875 1.5 1.5 1.75 1.5 2V14C1.5 14.2812 1.71875 14.5 2 14.5H4ZM7 11.5V11.5312C7 11.75 7.0625 11.9688 7.1875 12.1562L7.5 12.625L7.78125 12.1562C7.90625 11.9688 8 11.75 8 11.5C8 11.25 8.21875 11 8.5 11C8.75 11 9 11.25 9 11.5C9 11.9375 8.875 12.3438 8.625 12.7188L8.09375 13.5L8.625 14.3125C8.875 14.6875 9 15.0938 9 15.5C9 15.7812 8.75 16 8.5 16C8.21875 16 8 15.7812 8 15.5C8 15.2812 7.90625 15.0625 7.78125 14.875L7.5 14.4062L7.1875 14.875C7.0625 15.0625 7 15.2812 7 15.5C7 15.7812 6.75 16 6.5 16C6.21875 16 6 15.7812 6 15.5C6 15.0938 6.125 14.6875 6.34375 14.3125L6.875 13.5L6.34375 12.7188C6.125 12.3438 6 11.9375 6 11.5C6 11.25 6.21875 11 6.5 11C6.75 11 7 11.25 7 11.5ZM10 15.5V11.5C10 11.25 10.2188 11 10.5 11C10.75 11 11 11.25 11 11.5V15H12C12.25 15 12.5 15.25 12.5 15.5C12.5 15.7812 12.25 16 12 16H10.5C10.2188 16 10 15.7812 10 15.5ZM12.75 12.4375C12.75 11.6562 13.375 11 14.1562 11H15C15.25 11 15.5 11.25 15.5 11.5C15.5 11.7812 15.25 12 15 12H14.1562C13.9375 12 13.75 12.2188 13.75 12.4375C13.75 12.5938 13.8438 12.75 13.9688 12.8125L14.9375 13.3125C15.4375 13.5625 15.75 14.0312 15.75 14.5938C15.75 15.375 15.0938 16 14.3125 16H13.5C13.2188 16 13 15.7812 13 15.5C13 15.25 13.2188 15 13.5 15H14.3125C14.5312 15 14.75 14.8125 14.75 14.5938C14.75 14.4375 14.6562 14.2812 14.5 14.2188L13.5312 13.7188C13.0312 13.4688 12.75 12.9688 12.75 12.4375Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 16px;
}

a[href$=".xls"]:hover,
a[href$=".xlsx"]:hover {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' viewBox='0 0 16 16' fill='%23004899' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 14.5V16H2C0.875 16 0 15.125 0 14V2C0 0.90625 0.875 0 2 0H7.15625C7.6875 0 8.1875 0.21875 8.5625 0.59375L11.4062 3.4375C11.7812 3.8125 12 4.3125 12 4.84375V9H10.5V5H8C7.4375 5 7 4.5625 7 4V1.5H2C1.71875 1.5 1.5 1.75 1.5 2V14C1.5 14.2812 1.71875 14.5 2 14.5H4ZM7 11.5V11.5312C7 11.75 7.0625 11.9688 7.1875 12.1562L7.5 12.625L7.78125 12.1562C7.90625 11.9688 8 11.75 8 11.5C8 11.25 8.21875 11 8.5 11C8.75 11 9 11.25 9 11.5C9 11.9375 8.875 12.3438 8.625 12.7188L8.09375 13.5L8.625 14.3125C8.875 14.6875 9 15.0938 9 15.5C9 15.7812 8.75 16 8.5 16C8.21875 16 8 15.7812 8 15.5C8 15.2812 7.90625 15.0625 7.78125 14.875L7.5 14.4062L7.1875 14.875C7.0625 15.0625 7 15.2812 7 15.5C7 15.7812 6.75 16 6.5 16C6.21875 16 6 15.7812 6 15.5C6 15.0938 6.125 14.6875 6.34375 14.3125L6.875 13.5L6.34375 12.7188C6.125 12.3438 6 11.9375 6 11.5C6 11.25 6.21875 11 6.5 11C6.75 11 7 11.25 7 11.5ZM10 15.5V11.5C10 11.25 10.2188 11 10.5 11C10.75 11 11 11.25 11 11.5V15H12C12.25 15 12.5 15.25 12.5 15.5C12.5 15.7812 12.25 16 12 16H10.5C10.2188 16 10 15.7812 10 15.5ZM12.75 12.4375C12.75 11.6562 13.375 11 14.1562 11H15C15.25 11 15.5 11.25 15.5 11.5C15.5 11.7812 15.25 12 15 12H14.1562C13.9375 12 13.75 12.2188 13.75 12.4375C13.75 12.5938 13.8438 12.75 13.9688 12.8125L14.9375 13.3125C15.4375 13.5625 15.75 14.0312 15.75 14.5938C15.75 15.375 15.0938 16 14.3125 16H13.5C13.2188 16 13 15.7812 13 15.5C13 15.25 13.2188 15 13.5 15H14.3125C14.5312 15 14.75 14.8125 14.75 14.5938C14.75 14.4375 14.6562 14.2812 14.5 14.2188L13.5312 13.7188C13.0312 13.4688 12.75 12.9688 12.75 12.4375Z'/%3E%3C/svg%3E");
}

  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #EE7326;
    text-decoration: none;
  }

  .dark-blue {
    background-color: var(--primary-color-contrast);
    color: var(--primary-color);
  }

  .dark-blue a {
    color: var(--primary-color) !important;
  }

  .oranje {
    background-color: var(--secondary-color-contrast);
    color: var(--secondary-color);
  }

  .oranje a {
    color: var(--secondary-color);
  }
  
    .white {
    background-color:;
    color:#fff;
  }

  .white a {
    color: #fff !important;
  }
  
  .highlighted {
    border: 2px solid red;
  }

.flex{
  display:flex;
  align-items: center;
  }
  
.video-section {
    position: relative;
    height: calc(100vh - 100px);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-color:#000;
}

.fullscreen-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.overlay {
    position: absolute;
}

.logo {
    max-height: 20rem;
    margin-right: 90px;
}
    
  /*
  * Bootstrap overwrites
  */
  
    /* Agenda styling MYENV */
.my-env {
  font-family: "proxima-soft" !important;
}

.my-env .absolute-card {
  max-width: 100% !important;
  background: none !important;
}

.my-env .image-container {
  background-image: none !important;
}

.my-env .absolute-card div {
  color: var(--primary-color) !important;
  font-size: 1.2rem;
}

.my-env h4,
.my-env .h4 {
  color: var(--secondary-color) !important;
}

.my-env .btn {
  border: none !important;
  
}

.my-env .card {
  border-radius: 1rem !important;
}
.my-env .btn-group-sm, .my-env .btn-sm, .my-env .custom-select, .my-env .dropdown-menu, .my-env .form-control, .my-env .form-control-plaintext {
    border-radius: 8px;
}

.my-env u {
    text-decoration: unset;
}

.my-env p {
  color:var(--primary-color);
  font-family: 'proxima-soft', sans-serif;
  font-weight: 400;
  font-size: 16px;
}

  .btn,
  .my-env .btn {
    border-radius: 8px !important;
    padding: 8px 12px 8px 12px !important;
    text-decoration: none;
  }

  .btn-primary, .my-env .btn-primary {
    background-color: var(--secondary-color);
    border: 0;
    color: var(--primary-color-contrast);
    font-weight: 700;
  }

  .btn-primary:active,
  .btn-primary:not(:disabled):not(.disabled):active,
  .btn-primary:focus,
  .btn-primary:hover,
  .my-env .btn-primary:hover {
    background-color: var(--primary-color-tint);
  }

  .btn-secondary, .my-env .btn-secondary {
    background-color: #EE7326;
    border: 0;
    color: #FFFFFF;
    font-weight: 700;
  }

  .btn-secondary:active,
  .btn-secondary:not(:disabled):not(.disabled):active,
  .btn-secondary:focus,
  .btn-secondary:hover,
  .my-env .btn-secondary:hover {
    background-color: #004899;
    color: #FFFFFF;
  }

  .btn-white, .my-env .btn-white{
    background-color: transparent;
    opacity: 1;
    border: 1;
    border-color: #EE7326;
    color: #EE7326;
    font-weight: 700;
  }

  .btn-white:active,
  .btn-white:not(:disabled):not(.disabled):active,
  .btn-white:focus,
  .btn-white:hover,
  .my-env .btn-white:hover {
    background-color: #EE7326;
    color: #FFFFFF;
    opacity: 1;
  }

  .btn-white-border, .my-env .btn-white-border{
    background-color: transparent;
    opacity: 1;
    border: 1;
    border-color: #FFFFFF;
    color: #FFFFFF;
  }

  .btn-white-border:active,
  .btn-white-border:not(:disabled):not(.disabled):active,
  .btn-white-border:focus,
  .btn-white-border:hover,
  .my-env .btn-white-border:hover {
    background-color: #FFFFFF;
    color: #004899;
    opacity: 1;
  }

  .btn-blue {
      color: #FFF; 
      border: 1px solid #FFF; 
  }

  .btn-blue:hover {
      color: #EE7326;
      border: 1px solid #EE7326; 
  }

  hr{
      border-top: 1px solid var(--primary-color) !important;
  }

  blockquote {
      font-size: 1rem;
      text-align: center;
      width: 90%;
      margin: 36px auto;
      font-family: 'proxima-soft';
      font-style: italic;
      color: #EE7326;ac
      line-height: 2.1rem;
      }

  .img-fluid {
      border-radius: 16px;
  }   
  
  img{
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
    border-radius: 16px;
}
  .table{
  color:#004899 !important;
}

table{
    color:#004899 !important;
    width: 100%;
    margin-bottom: 1rem;
    border: 1px solid #dee2e6;
    }

td{    
    border: 1px solid #dee2e6;
    padding: 0.75rem;
    vertical-align: top;
    }
 /*
 * Animation
 */

.animate-fade-text > * {
    animation: fadetext 0.5s cubic-bezier(0.4, 0, 0.2, 1) both;
    animation-timeline: view();
    animation-range: cover 20% cover 40%;
    }

.animate-fade-item {
    animation: fadeitem cubic-bezier(0.4, 0, 0.2, 1) both;
    animation-timeline: view();
    animation-range: cover 10% cover 50%;
    }

.animate-loc {
    animation: locate linear both;
    animation-timeline: view();
    animation-range: cover 0% cover 50%;
    }
    
.animate-loc-2 {
    animation: locate2 linear both;
    animation-timeline: view();
    animation-range: cover 0% cover 50%;
    }
    
.animate-loc-3 {
    animation: locate3 linear both;
    animation-timeline: view();
    animation-range: cover 0% cover 50%;
    }

@keyframes fadetext {
  from {
    opacity: 0;
    transform: translateY(30%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes fadeitem {
  from {
    opacity: 0;
    transform: translateY(15%);
  }
  to {
    opacity: 1;
    transform: translateY(0%);
  }
}
@keyframes locate {
  from {
    transform: translateY(20%);
  }
  to {
    transform: translateY(0%);
  }
}
@keyframes locate2 {
  from {
    transform: translateY(30%);
  }
  to {
    transform: translateY(0%);
  }
}
@keyframes locate3 {
  from {
    transform: translateY(40%);
  }
  to {
    transform: translateY(0%);
  }
} 
  
  /*
  * Bootstrap extensions
  */
  .align-justify {
    text-align: justify;
  }

  .py-8 {
    padding-block: 8rem;
  }

  .rounded-0{
    border-radius:0px;
  }
  .rounded-1{
    border-radius:8px;
  }
  .rounded-2{
    border-radius:16px;
  }
  .rounded-3{
    border-radius:32px;
  }
  .rounded-4{
    border-radius:64px;
  }
  .gx-1{
    display: flex;
    flex-direction: column;
    gap: 16px 0px;
    flex-wrap: wrap;
  }
  .gx-2{
    display: flex;
    flex-direction: column;
    gap: 24px 0px;
    flex-wrap: wrap;
  }
  .gx-3{
    display: flex;
    flex-direction: column;
    gap: 32px 0px;
    flex-wrap: wrap;
  }
  .gx-4{
    display: flex;
    flex-direction: column;
    gap: 40px 0px;
    flex-wrap: wrap;
  }
  .gx-5{
    display: flex;
    flex-direction: column;
    gap: 48px 0px;
    flex-wrap: wrap;
  }

  .gy-1
  {
    display: flex;
    flex-direction: row;
    gap: 0px 16px;
    flex-wrap: wrap;
  }
  .gy-2
  {
    display: flex;
    flex-direction: row;
    gap: 0px 24px;
    flex-wrap: wrap;
  }
  .gy-3
  {
      display: flex;
      flex-direction: row;
      gap: 32px 32px;
      width: 100%;
  }
  .gy-4
  {
    display: flex;
    flex-direction: row;
    gap: 0px 40px;
    flex-wrap: wrap;
  }
  .gy-5
  {
    display: flex;
    flex-direction: row;
    gap: 0px 48px;
    flex-wrap: wrap;
  }

  .dropdown-item {
      font-family: 'proxima-soft', sans-serif;
      font-weight: 400;
      font-size: 0.9rem;
      display: block;
      width: 100%;
      padding: 0.4rem 1rem;
      color: #004899;
      text-align: inherit;
      white-space: normal;
      background-color: transparent;
  }
  .navbar-nav .dropdown-menu{
      border: 0px;
      display: block;
      border-left: 2px solid #004899;
      border-radius: 0px !important;
      margin-left: 8px;
      margin-right: 8px;
      margin-bottom: 16px;
      /* position: relative !important; */
  }

  .dropdown-item:focus, .dropdown-item:hover {
      color: #EE7326;
      text-decoration: none;
      background-color:#fff;
  }
  
  @media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: relative;
    }
}

  /*
  * Basics
  */
  .website-header {
    background-color: #FFF;
    height: 104px;

    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
  }

  .website-header .btn-primary {
    width: 180px;
  }

  .website-header-logo {
    max-height: 100px;
    max-width: 200px;
  }

  .website-logo-row {
    background-color: #fff;
  }

  .navbar-collapse {
    padding: 0.5rem;
    background-color: white;
  }

  .navbar-dark .navbar-nav .nav-link {
    color: var(--primary-color);
    font-size: 1.2rem;
    font-weight: 500;
    text-decoration: none;
  }
  
  .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: var(--secondary-color);
  }
  .navbar-dark .navbar-nav .show>.nav-link {
    color: var(--secondary-color);
  }

  .active-nav-link-submenu {
    color:  var(--secondary-color) !important;
    font-weight: bold !important;
  }
  
  /*
  * 👇 INSERT CUSTOM CSS FOR ALL SCREEN SIZES BELOW 👇
  */
  
#bn-cookie-banner {
  position: fixed;
  bottom: 0;
  height: 3.5rem;
  background-color: white;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  padding: 0.5rem;
}

#bn-cookie-banner-gap {
  margin-left: 1rem;
  display: flex;
  gap: 1rem;
}

.btn-refuse-cookie {
  border-color: #ee7326 !important;
  color: #ee7326 !important;
}

.btn-refuse-cookie:hover {
  background-color: #004899 !important;
  color: #fff !important;
}

@media (max-width: 768px) {
  #bn-cookie-banner {
    display: unset;
    /* background-color: gray; */
    height: 8rem;
    flex-direction: column;
  }
  #bn-cookie-banner-gap {
    margin-left: 0;
    margin-top: 0.5rem;
    display: flex;
    gap: 1rem;
  }
  #bn-cookie-banner-gap a {
    width: 100%;
  }
}
      

  .website-header-name {
    display: none;
  }
  .red {
    background-color: var(--primary-color);
    color: var(--primary-color-contrast);
  }

  .red a, .red h1, .red h2, .red h3, .red h4, .red h5, .red h6 {
    color: var(--primary-color-contrast);
  }

  .header-top-bar {
    padding-top: 8px;
    background: var(--primary-color);
  }

  .header-top-bar article {
    display: flex;
    flex-direction: row;
    gap: 16px;
  }

  .header-top-bar a {
    display: block;
    border-radius: 16px 16px 0 0;
    padding: 8px 16px;
    color: white;
  }

  .header-top-bar a:hover {
    background-color: var(--primary-color-tint);

  }

  .header-top-bar a.active {
    margin-left: 56px;
    background-color: white;
    color: var(--primary-color);
  }

  .header-regular-page{
    color:#fff;
    }
    
  .three-cards-list {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 32px;

    > * {
      border-radius: 24px;
      background-color: #FFFFFF;
      padding: 24px 24px 9px 24px;
      width: 360px;
      height: 100%;
    }
  }

  .foys-footer {
    background: var(--primary-color);
    color: var(--primary-color-contrast);
    max-width: none;
  }

  .foys-footer a {
    color: var(--primary-color-contrast);
  }
  

  /* News detail page - Full width image */
  .website-news-item-details .news-title {
    margin-top: 20px;
    font-size: 2.5rem;
  }

  .website-news-item-details .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
    border-radius: 16px;
    overflow: hidden;
  }

  .website-news-item-details .col-md-3 img {
    width: 100%;
    aspect-ratio: 16/8;
    object-fit: cover;
  }

  .website-news-item-details .col-md-9 {
    padding-inline: 1rem;
  }

  .website-news-item-details .news-body {
    padding-inline: 1rem;
  }
  /* END News detail page*/


  /* news items */


  .news-item.border,
  .calendar-event.border {
    border: 0 !important;
  }

  .news-image-container {
    width: 100%;
  }

  .news-item-image-div {
    min-height: 150px;
  }

  .news-content-container {
    width: 100%;
  }

  .news-item-image-div {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 200px;
    transition: all 1s;
    border-radius: 16px;
  }

  .news-date {
    font-size: 0.8rem;
    font-weight: 600;
    color: #EE7326;
  }

  .news-title {
    padding-top: 0.5rem;
  }

  .news-title a {
    font-family: "proxima-soft", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    color: #fff;
  }

  .news-title a:hover {
    color: #EE7326;
  }

  .news-short-description-content {
    text-align: left !important;
  }


  .news-read-more {
    margin-top: 1rem;
    text-align: left;
  }

  .news-read-more a {
    color: #EE7326;
    font-size: 1rem;
  }

  .news-read-more a:hover {
    color: #004899;
    font-size: 1rem;
  }


  .news-body img {
    max-width: 100%;
    height: auto;
  }

  /* end news items */

  .calendar-event-date,
  .calendar-event-time {
    display: inline;
    font-family: "proxima-soft", sans-serif;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    color: var(--primary-color);
  }

  .calendar-event-date:first-letter {
    text-transform: capitalize;
  }

  .calendar-event-time::before {
    content: "van ";
  }

  .calendar-event-title {
    padding-top: 4px;
    font-size: 1.5rem;
  }

  .website-calendar-events .lead {
    display: none;
  }

  .big-date-block {
    background-color: var(--primary-color);
    color: #E0E0E0;
    text-align: center;
    padding: 0.5rem;
  }

  .big-date-day, .big-date-month {
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 0;
  }

  .link a {
    color: #ffffff;
    text-decoration: none;
  }
  .link a:hover {
    color: #ffffff;
    text-decoration: underline;
  }

  .link2 a {
    color: #ffffff;
    text-decoration: none;
  }
  .link2 a:hover {
    color: #EE7326;
    text-decoration: none;
  }

  .link3 a {
    color: #EE7326;
    text-decoration: none;
  }
  .link3 a:hover {
    color: #004899;
    text-decoration: none;
  }

  .link4 a {
    color: #004899;
    text-decoration: none;
  }
  .link4 a:hover {
    color: #EE7326;
    text-decoration: none;
  }
  .spnsr-logo-image {
    max-width: 300px;
    max-height: 200px;
  }
  .website-sponsors-list .lead {
    display: none;
  }

  .rounded-corners {
    border-radius: 24px;
    padding: 20px;
  }

  .cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-auto-rows: 1fr;
    gap: 32px;
    width: 100%;
    padding-inline: 16px;

    > * {
      border-radius: 32px;
      background-color: #FFFFFF;
      display: flex;
      flex-direction: column;
      height: 100%;
      overflow: hidden;
      
      h6 {
        padding: 16px;
        background-color: var(--secondary-color);
        color: var(--secondary-color-contrast);
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 16px;

        img {
          height: 56px;
          border-radius: 0px;
        }
      }

      ul {
      padding: 24px 24px 32px 24px !important;
      margin: 0;
      margin-left: 24px !important;
      }
    }
  }

  /* SIDE MENU START */
  .container-with-submenu {
    display: flex;
    gap: 32px;
    width: 100%;
    
    side {
      background-color: white;
      border-radius: 32px;
      height: fit-content;
      overflow: hidden;
      padding: 32px;
      flex: 1;

      .navbar-nav {
        display: flex;
        flex-direction: column;
        margin-left: 0px;
        margin-bottom: 0px;

        .nav-link {
          text-wrap: balance;
          line-height: 1;
        }
      }
    }

    .content {
      display: flex;
      flex-direction: column;
      flex: 3;
      background-color: white;
      border-radius: 32px;
      padding: 32px;
      height: fit-content;
      margin-left:16px;
      margin-right:16px;
    }
    .standard-image{
      border-radius: 16px;
      max-height: 350px;
      width: 100%;
      object-fit: cover;
      overflow: hidden;
      margin-bottom: 24px;
    }
  }
  /* SIDE MENU END */

  /* START CALENDAR */
  .website-calendar-events {
    width: 100%;

    .calendar-event {
      padding: 16px;
      background-color: var(--primary-color-contrast);
      border-radius: 16px;

      .event-title {
        color: var(--secondary-color);
      }

      .event-title:hover {
        color: var(--secondary-color-shade);
      }

      .event-location {
        margin-bottom: 0px !important;
      }
    }

    .big-date-block {
      background-color: var(--secondary-color);
      color: var(--secondary-color-contrast);
      border-radius: 8px;
    }

    .no-items-found {
      color: var(--primary-color-contrast);
      text-align: center;
    }
  }

  /* END CALENDAR */

  .full-height {
    min-height: 100vh;
    display: flex;
    align-items: center;
  }
  
  .btn-login-vereniging-container {
    display: flex;
    gap: 12px;
  }
  
 .btn-login-vereniging  {
   flex: 1;
 }
 
 .my-env .navbar {
     background-color: var(--primary-color) !important;
    color: #fff !important;
    border-radius: 1rem;
  }
  
  .my-env .navbar-light .navbar-nav .nav-link {
    color: #fff;
  }

  /*
  * DESKTOP
  */
  @media all and (min-width: 992px) {
    /* BASICS */


    /*
    * 👇 CUSTOM CSS FOR DESKTOP ONLY 👇
    */
    .page-top-image {
      display: block;
      height: 500px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
    }

    .page-top-image h2 {
      color: #FFFFFF;
      margin-top: 225px;
      text-align: center;
      font-size: clamp(48px, 10vw, 60px);
    }

    .page-top-image-secondary {
      display: block;
      height: 250px;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
    }

    .page-top-image-secondary h2 {
      color: #FFFFFF;
      margin-top: 100px;
      text-align: center;
      font-size: clamp(48px, 10vw, 60px);
    }


    .navbar {
      padding: 0;
    }
    .navbar .nav-item .dropdown-menu {
      display: none;
      border-radius: 0 !important;
    }
    .navbar .nav-item .dropdown-large {
      padding: 20px;
    }
    .navbar .nav-item .nav-link {
      text-wrap: nowrap;
      font-size: 0.9rem;
      padding-left: 0.6rem;
      padding-right: 0.6rem;
    }
    .navbar .nav-item.show .dropdown-menu {
      display: block;
    }
    .navbar .nav-item .dropdown-menu {
      margin-top: 0;
    }
    .navbar-collapse {
      justify-content: center;
      text-align: center;
      background-color: transparent;
    }

    .navbar-brand {
      padding-top: 0;
      margin-top: 10px;
    }

    .navbar .nav-item .dropdown-large {
      min-width: 480px;
      left: 50% !important;
      transform: translateX(-50%) !important;
      top: 100% !important;
    }
  }




/*
  * MOBILE AND TABLETS NAVIGATION
  */
@media all and (max-width: 992px) {

  /* BASICS */
  .website-header-logo {
    max-height: 60px;
  }

  .navbar-nav .dropdown-menu {
    padding: 24px 0px 024px 0px;
    border-radius: 24px !important;
  }


  /* NAVBAR START */
  .mobile-offcanvas {
    visibility: hidden;
    transform: translateX(-100%);
    border-radius: 0;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1200;
    width: 100%;
    overflow-y: auto;
    transition: visibility .2s ease-in-out, transform .2s ease-in-out;
    background-color: #fff;
  }

  .mobile-offcanvas.show {
    visibility: visible;
    transform: translateX(0);
  }

  .navbar {
    padding: 0;
  }

  .offcanvas-header {
    background: var(--primary-color);
    padding: 8px;
  }

  .offcanvas-header .btn-close {
    color: var(--primary-color-contrast);
  }


  .website-header {
    height: 110px;

    /* main menu */
    .navbar-toggler {
      display: block;
      margin-left: auto;
    }

    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(0,72,153,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/></svg>");
    }

    ul.navbar-nav li.nav-item {
      text-align: center;
    }

    ul.navbar-nav li.nav-item:nth-child(-n+6) a {
      text-align: center;
      font-size: 1.2rem;
      font-weight: 500;
      text-decoration: none;

    }

    .navbar-nav .nav-item.dropdown>.nav-link {
      color: var(--primary-color-contrast);
    }

    .navbar-nav .nav-item:first-child .nav-link {
      color: var(--primary-color-contrast);
    }

  .main-mobile-menu ul.navbar-nav li.nav-item:nth-child(7) a {
      width: fit-content;
      margin: auto;
      background: var(--primary-color-contrast);
      color: var(--primary-color);
      font-weight: bold;
      padding: 12px 32px;
      border-radius: 16px 16px 0 0;
    }
  }

  .website-submenu {
    /* side menu */
    background: var(--secondary-color);
    padding-block: 8px;

    .navbar-toggler-icon {
      background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/></svg>");
    }

    .submenu_toggler {
      display: flex;
      align-items: center;
      gap: 16px;
    }
  }

  .main-mobile-menu ul.navbar-nav li.nav-item:nth-child(-n+7) {
    background: var(--primary-color);
  }

  /* --- Styles ONLY for the SUBMENU Off-canvas --- */

  .website-submenu .mobile-offcanvas {
    top: 62px;
    width: 100%;
    padding-bottom: 62px;
  }

  .website-submenu .mobile-offcanvas .navbar-nav .nav-link[data-internal-link] {
    background: white !important;
    color: var(--primary-color) !important;
    font-size: 1.2rem;
    font-weight: 500;
    text-decoration: none;
  }

  .website-submenu .mobile-offcanvas .offcanvas-header {
    background-color: var(--secondary-color);
  }
  
    .main-mobile-menu .mobile-offcanvas .navbar-nav .nav-link[target="_blank"] {
      color: white !important;
    }

    .main-mobile-menu .mobile-offcanvas .navbar-nav .nav-item:last-child a.nav-link {
    background-color: #EE7326;
    color: #FFFFFF !important;
    font-weight: 700;
    border-radius: 8px !important;
    margin: 24px;
  }

  /* NAVBAR END */


    .container-with-submenu {
      display: inline-block;
      word-break: break-word;
    }
    
    .btn-login-vereniging-container {
      flex-direction: column;
    }
    /*
    * 👇 CUSTOM CSS FOR MOBILE AND TABLETS 👇
    */
    .three-cards-list {
      flex-direction: column;
    }
  }

  /*
  * MOBILE
  */
  @media all and (max-width: 768px) {
    h1 {
      font-size: 3rem;
    }

    h2 {
      font-size: 2.25rem;
    }
    
    .website-header {
      height: 60px;
    }
    .gy-3 {
      display: flex;
      flex-direction: column;
      gap: 32px;
      width: 100%;
    }
    .logo {
    max-height: 15rem;
    margin-right: 65px;
    }
  
    .safe-sport-btn {
      width: 100%;
      margin-bottom: 1.5rem;
    }
  }
  
  .form-image-small{
    max-height: 350px;
    width: 100%;
    object-fit: scale-down;
    margin-bottom: 24px;
    overflow: hidden;
    border-radius: 16px;
    align-items: center;
    display: flex;
    padding: 0px;
    }
  
   .form-image-large{
    max-height: 350px;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
    border-radius: 16px;
    display: flex;
    align-items: center;
    margin-bottom:24px;
   }
     
     .bn-cal-container {
       margin: 0 auto;
       border-radius: 1rem;
       max-width: 60rem;
       padding: 1rem;
       display: flex;
       flex-direction: column;
       align-items: center;
     }
  
     .bn-cal-cards-container {
       width: 100%;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
     }
  
     .bn-cal-card-container {
       width: 100%;
       padding: 1rem;
       border-radius: 1rem !important;
       flex-direction: row !important;
       margin-bottom: 1.5rem;
     }
  
     .bn-cal-card-date-container {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
     }
  
     .bn-cal-card-btn-container {
       display: flex;
       justify-content: flex-end;
       align-items: center;
     }
  
     @media (max-width: 768px) {
       .bn-cal-card-btn-container {
         display: none;
       }
  
       .bn-cal-card-name-container h2 {
         font-size: 1.8rem;
       }
  
       .bn-cal-card-date-container h2 {
         font-size: 2rem;
       }
     }
  
     .bn-modal {
       z-index: 99;
       background-color: #fff;
       bottom: -100%;
       max-width: 30rem;
       margin-right: 1.5rem;
       position: fixed;
       left: 1.5rem;
       border-radius: 2rem;
       padding: 2rem;
       animation: slideToTopWithoutCookieBannerModal 1.2s ease-out forwards;
     }
  
     .bn-modal:not(.active) {
       animation: slideToBottomWithoutCookieBannerModal 1.2s ease-in forwards;
     }
  
     .bn-popup-with-cookiebanner {
       animation: slideToTopWithCookiebannerLargeScreen 1.2s ease-out forwards;
     }
  
     @media (max-width: 768px) {
       .bn-popup-with-cookiebanner {
         animation: slideToTopWithCookiebannerSmallScreen 1.2s ease-out forwards;
       }
     }
  
     @media (max-height: 660px) {
       .bn-modal-image-container {
         display: none;
       }
     }
  
     @keyframes slideToTopWithCookiebannerLargeScreen {
       0% {
         bottom: -100%;
       }
  
       to {
         bottom: 4.5rem;
       }
     }
  
     @keyframes slideToTopWithCookiebannerSmallScreen {
       0% {
         bottom: -100%;
       }
  
       to {
         bottom: 7.5rem;
       }
     }
  
     @keyframes slideToTopWithoutCookieBannerModal {
       0% {
         bottom: -100%;
       }
  
       to {
         bottom: 1.5rem;
       }
     }
  
     @keyframes slideToBottomWithoutCookieBannerModal {
       0% {
         bottom: 1.5rem;
       }
  
       to {
         bottom: -100%;
       }
     }
  
     .bn-modal-image-container img {
       max-height: 280px;
       object-fit: cover;
     }
  
     .bn-modal-btn-container {
       margin-top: 2rem;
     }
  
     .disabled {
       cursor: not-allowed !important;
       pointer-events: unset !important;
     }
  
     .input-search-club {
       border-radius: 1rem !important
     }
  
     .club-finder-maps-container {
       width: 100%;
       height: 410px;
       margin-bottom: 1rem
     }
  
     .mapdiv {
       border-radius: 1rem !important
     }
  
     .gm-control-active,
     .gmnoprint {
       display: none
     }
  
     .club-finder-maps-infowindow-img {
       width: 5rem
     }
  
     .club-finder-maps-infowindow-container {
       padding: .6rem;
       display: flex;
       align-items: center;
       gap: 1rem
     }
  
     .gm-style-iw {
       overflow: visible !important
     }
  
     .bn-modal-close-icon {
       position: absolute;
       top: -.5rem;
       right: -.5rem;
       background-color: #004899;
       width: 2rem;
       height: 2rem;
       color: #fff;
       border-radius: 50%;
       display: flex;
       justify-content: center;
       align-items: center;
       font-weight: 700;
       cursor: pointer
     }
  
     .gm-style-iw-chr {
       display: none
     }
  
     .gm-ui-hover-effect {
       -webkit-appearance: unset !important;
       -moz-appearance: unset !important;
       appearance: unset !important;
       -webkit-user-select: unset !important;
       user-select: unset !important
     }
  
     .gm-ui-hover-effect>span {
       display: none !important;
       background-color: unset
     }
  
     .club-finder-maps-infowindow-body {
       display: flex;
       align-items: center;
       font-weight: 500
     }
  
     .club-finder-maps-infowindow-body svg {
       margin-right: .5rem
     }
  
     .club-cards-container {
       position: relative;
       min-height: 14rem
     }
  
     .club-cards-container-overlay {
       position: absolute;
       z-index: 4;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background-color: #eaeaeabf;
       border-radius: .3rem
     }
  
     .club-cards-loading-container {
       z-index: 5;
       position: absolute;
       left: 50%;
       transform: translate(-50%);
       top: 3rem
     }
  
     .club-card {
       width: 100%;
       border-radius: 1rem !important;
       margin-bottom: 1rem
     }
  
     .club-card-name-container {
       display: flex;
       align-items: center
     }
  
     .card-title {
       overflow-wrap: anywhere !important
     }
  
     .club-card-name-img-container {
       height: 4rem;
       width: 4rem;
       margin-right: 1rem;
       padding: .4rem
     }
  
     .club-card-name-container img {
       max-height: 3.2rem;
       max-width: 3.2rem
     }
  
     .club-card-adr-container {
       display: flex;
       align-items: center
     }
  
     .club-card-adr-icon {
       margin-right: .5em
     }
  
     .club-card-btn-container {
       display: flex;
       justify-content: flex-end;
       align-items: center;
       float: right
     }
  
     .club-card-btn-container a {
       margin-left: 1rem
     }
  
     .page-item {
       cursor: pointer
     }
  
     .page-link {
       color: #004899 !important
     }
  
     .page-item.active .page-link {
       color: #fff !important
     }
  
     .page-item.active .club-finder-page-item {
       background-color: #004899 !important
     }
  
     @media (max-width: 992px) {
       .club-finder-maps-container {
         height: 40rem
       }
  
       .club-card-name-container {
         flex-direction: column;
         text-align: center
       }
  
       .club-card-adr-container {
         flex-direction: column;
         text-align: center;
         margin-top: 1rem
       }
  
       .club-card-adr-container svg {
         margin-bottom: .4rem
       }
  
       .club-card-btn-container {
         display: block;
         margin-top: 1rem
       }
  
       .club-card-btn-container a {
         width: 100%;
         display: block;
         margin-left: 0
       }
     }