@font-face {
   font-family: "DeLieveVrouw";
   src: url("/resources/fonts/delievevrouw-webfont.woff") format("woff");
   src: url("/resources/fonts/delievevrouw-webfont.woff2") format("woff2");
   font-weight: 400;
   font-style: normal;
   font-display: block;
}

/* @font-face {
   font-family:"DeLieveVrouw";
   src:url("/resources/fonts/Separat-Medium.woff") format("woff"),
   url("/resources/fonts/Separat-Medium.woff2") format("woff2");
   font-display:auto;font-style:normal;font-weight:900;
 } */


body {
   background-color: #C8E8E5;
}

/* All horizontal lines */
hr.mb-4 {
   display: none;
}

/* Titel */
h2 {
   padding: 0;
   margin-top: 4rem;
   font-size: 2.5rem;
   font-family: "DeLieveVrouw", Arial, sans-serif;

}

/* Opt-ins en nieuwsbrieven */
h4.mb-3 {
   color: #111111;
   margin-top: 2rem;
   font-family: "DeLieveVrouw", Arial, sans-serif;
   font-weight: 700;
   font-size: 1.5rem;
   margin-bottom: 1rem !important;
   letter-spacing: 1px;
}

/* Links */
a {
   color: #D12229;
   font-weight: 500;
}

a:hover {
   color: #D12229;
}

/* Logo */
.mx-auto {
   width: 200px;
}

/* Header balk */
#container-header .col-lg-8.offset-lg-2.mb-3 {
   margin: 0;
   width: 100vw;
   padding: 0;
   padding-top: 1.5rem;
   height: 7.5rem;
}

#container-header {
   width: 100vw;
   max-width: 100vw;
   margin: 0;
}

/* 'Container' binnen header-balk */
#container-header a {
   display: block;
   max-width: 1140px;
   margin: 0 auto;
}

   
   #container-header .row {
      display: block;
      width: 100vw;
   }

   #container-content {
      padding-bottom: 4rem;
      background-color: none;
   }

   #container-footer {
      background: none;
   }

   
   @media (min-width: 992px) {
      #container-header .col-lg-8 {
         max-width: 100vw;
     }
     
   }

   @media (min-width: 1200px) {
      #container-header.container {
         max-width: 100vw;
      }
   }

   @media (min-width: 576px) {
      .container {
         max-width: 540px;
     }

   }

   .container,
   #container-header a {
      max-width: 92vw;
   }

   
   @media (min-width: 768px) {
      .container,
      #container-header a {
         max-width: 720px;
     }
   }
   
   @media (min-width: 992px) {
      .container,
      #container-header a {
         max-width: 960px;
     }
   }
   
   @media (min-width: 1200px) {
      .container,
      #container-header a {
         max-width: 1140px;
     }  
   }

   .mb-3, .my-3 {
      margin-bottom: 2rem !important;
  }

  .mb-2 {
   margin-bottom: 1.5rem !important;
  }


/* Buttons */
  .btn-success,
   .btn-primary {
   display: inline-block;
   padding: 0.625rem 1rem;
   background-color: #D12229;
   color: #FFFFFF;
   border:0;
   margin-top: 1rem;
   position: relative;
   font-family: Arial, sans-serif;
   font-weight: 700;
   font-size: 1rem;
   border-radius: 0;
   width: auto !important;
   transition: all ease-in-out .3s;
}

.btn-success:not(:disabled):not(.disabled):active,
.btn-success:focus,
.btn-success:hover,
.btn-primary:hover {
   background-color:#9c0a0d;
}

/* Form label */
label {
   font-family: Arial, sans-serif;
}

/* Inputs */
.form-control {
   border-radius: 0;
   border-color:rgb(0,0,0,0.0);
   min-width: 260px;
   padding: 0.688rem 0.938rem;
   font-size: 1.125rem;
   line-height: 1.5rem;
   height: 3.125rem;
   font-family: Arial, sans-serif;
   color: #111;
   background-color: #F5F5F5;
 }

 .form-control:focus {
   background: #F5F5F5;
   border-color: #F5F5F5;
   outline: none;
   box-shadow: none;
 }
 
 .lead {
   display: none;
 }

 /* Input e-mail */
 .email-address {
   background-color: #F5F5F5;
   padding: 0.688rem 0.938rem;
   line-height: 1.5rem;
   height: 3.125rem;
   color: #111111;
 }

 input#emailAddress {
   margin-top: -10px;
   margin-left: -15px;
   width: calc(100% + 30px);
 }

 /* Checkbox */
.custom-control-input ~ .custom-control-label::before {
   border-radius: 5px;
 }

 .custom-control-input:checked ~ .custom-control-label::before {
   color: #FFFFFF;
   border-color: #9c0a0d;
   background-color: #9c0a0d;
   border-radius: 0px;
 }

 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
   border-color: #9c0a0d;
   border-radius: 0;
 }

 .custom-control-label::after {
   background-size: 0.625rem;
 }

/* Balk met tekst */
.alert.alert-danger,
.alert.alert-primary {
  border-radius: 0;
  border: 0;
  border-color: rgb(255,255,255,0.5);
  background: rgb(255,255,255,0.5);
  font-family: Arial, sans-serif;
}


/* Balk met tekst */
.alert.alert-primary {
  color: #111111;
}

/* Balk met tekst */
.alert.alert-danger {
  color: #D12229;
}