body {
    padding:0;
    margin:0;
}
.navbar.navbar-expand-md {
    background: #FFFFFF!important;
    border-bottom:1px solid #4169E1;;
} 
.nav-item .nav-link {
    color:darkblue!important;
    border-bottom:1px solid #fff;
    transition: color 0.4s;
    transition: background-color 0.4s;
    transition: all 0.4s;
}
.nav-item .nav-link:hover {
  color:rgb(255, 0, 0)!important;
  border-bottom:2px solid rgb(255, 0, 0)!important;
 }
.navbar-nav {
    text-transform: uppercase;
}
.navbar-dark .navbar-toggler {
  background-color:#F0F0F0;
}

header {
    margin:0 auto;
    width:100%;
    height: 400px;
}

.logo {
    margin-left: 100px;
    max-height: 80px;
    display: flex;
    align-items: baseline;
}
.log img {
  max-width: 100%;
}

@media (min-width: 767.98px) {
  .logo img {
    width:180px;
  }
}

@media (max-width: 767.98px) {
  .logo {
    margin-left: 5px;
  }
  .logo img {
    max-height: 40px;
  }

  .navbar-nav {
    padding-left: 1rem;
    margin-left: 10px;
  }
}

/* ANIMATION TEXT*/
.header-animate {
    position: relative;
    display: inline-block;
    line-height: 1.2;    
}
.header-animate::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;                
  width: 100%;
  height: 1em;              
  background: #fff;        
  transform: translateX(0);
  animation: reveal 0.8s ease-out forwards;
  animation-delay: 0.8s;
  pointer-events: none;
}

/* animation */
@keyframes reveal {
  to {
    transform: translateX(100%);
  }
}

/*END ANIMATION */

.jumbotron {
  position: relative;
  background-image: url('/images/clingendael_park.png');
  background-size: cover;
  background-position: center;
  height: 400px;
  color: white;
  overflow: hidden;
}

.jumbotron::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 255, 0.5); /* Blue overlay with opacity */
  z-index: 0;
  pointer-events: none;
}

/* Ensure content like .logo is above the overlay */
.jumbotron .container {
  position: relative;
  z-index: 1;
}
/* header animation */
.jumbotron .title {
  position:absolute;
  left:10%;
  top:50%;
  animation-timing-function:ease-out;
  animation: titleBan 1.6s;
}
.jumbotron .title span {
  display: block;
  color:white;
  -webkit-text-stroke-width: 0px;

  font-family: "myriad-pro", Helvetica, sans-serif;
  font-size:1.4em;

}
@media (max-width: 400px) {
     .jumbotron {
       height:200px!important;
   }
  .jumbotron .title span {
        display:none!important;
  }
}
@media (max-width: 767.98px) and (min-width: 368px){ 
   .jumbotron {
       height:240px;
   }
  .jumbotron .title span {
    font-size: 0.9em;
  }
}

@keyframes titleBan {
  from {opacity: 0;top:90%;}
  to {opacity: 1;top:50%;}
}
/* TITLES*/

 .col-md-4 h2 {
   color:#686868!important;

 }
 .blog-post  h2 {
    font-size:1.8em;
    font-weight: 400;
    letter-spacing: -1px;
    line-height: 1.1;
} 
@media (max-width: 767.98px) { 
   .blog-post  h2 { 
     font-size:1.4em;
   }
}
.blog-post h2, .blog-post h3 {
    color:#686868;
}

/* END TITLES*/
/*icons */

.title-header {
      display: flex;
      width:100%;
      justify-content: space-between;
}

.icon-container  {
      border-radius:50%;
      width:50px;
      height:50px;
      background:#669aff;
      display: flex;
      align-items: center;
      font-size: 1.5em;
}

.icon-container i {
    margin-right: 20px!important;
    color: white!important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/*end icons*/
  
 .btn.btn-secondary {
    background-color: transparent!important;
    border:1px solid #ff6600;
    border-radius: 8px;
    color: #ff6600!important;
 }
.btn-secondary.local:hover {
    background-color: #d9d9d9!important;
    border:1px solid #669aff;
}

 .col-md-6 h2 {
   color:#669aff;
 }

 .col-md-6 p {
    color:#FFFFFF!important;
    margin: 0 0 1.5em 0;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 300;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
 }
 
 .col-md-12 h2 {
   color:#ffff33;
 }

 .col-md-12 p {
  color:#FFFFFF!important;
 }
/*  post related styles */
.blog-header {
  line-height: 1;
}

.blog-header-logo {
  font-size: 2.25rem;
}

.blog-header-logo:hover {
  text-decoration: none;
}

.display-4 {
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .display-4 {
    font-size: 3rem;
  }
}

.col-md-4 p {
    color:#686868;
    margin: 0 0 1.5em 0;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 300;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

.blog-post { 
  font-family: "myriad-pro",Helvetica,sans-serif!important;
 }
.blog-post p {
    color:#686868;
    margin: 0 0 1.5em 0;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 300;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}
.blog-post ul, .blog-post il {
    color:#686868;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 300;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

.blog-post a {
  color:#686868;
  text-decoration:underline;
  font-size: 1.2em;
}

.service h1 {
    /*color:#ff2e37;*/
    color:#669aff;
}
.form-group label {
  color:#6699ff !important;
}

.container .row  .contact-feedback .contact-msg {
    position:relative;
    color:white;
}
.container .row  .contact-feedback .contact-msg span {
    position: absolute;
    left: 95px;
}
.angled-section {
  margin:0 auto;
  background: #0066FF!important;
  background: linear-gradient(90deg, rgba(0, 102, 255, 1) 0%, rgba(184, 0, 230, 1) 100%)!important;
  padding:4rem 2rem;
  clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
}
.angled-section .service h3 {
    color:#fff;
}
.angled-section .container p {
    color:white;
    margin: 0 0 1.5em 0;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 300;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}  
.angled-section ul, .angled-section li  {
    color:#fff;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 300;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}
.navbar.privacy-policy {
    border-bottom:none;
}
.navbar.privacy-policy .logo {
    margin-left:0;
}
.privacy-policy {
     font-family: "myriad-pro",Helvetica,sans-serif!important;
}
.privacy-policy p{
    color:#686868;
    margin: 0 0 1.5em 0;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: 300;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

.main-container .general {
    margin:0 auto;
    width:94%;
    color:#191919;
    display:flex;
    justify-content:flex-end;
}

.general .links {
    font-size:0.875rem;
}
.general .links a {
    text-decoration:underline;
    color:#191919;
}

.contact-details {
    margin:0 auto;
    width:initial !important;
}
#action-start {
    display:flex;
    justify-content:flex-end;
    padding-bottom:20px
}
#action-start a {
    text-decoration:none;

}