html {
  scroll-padding-top: 150px; 
}

body {
  margin-top: 146px;
  font-family: "Roboto", sans-serif;
  font-size: 1.2rem; }

.text-green {
  color: #00a650;
}

.text-orange {
  color: #f47920;
}

.text-blue {
  color: #26408f;
}

.text-purple {
  color: #8b008b;
}

.border-green {
  border: 2px solid #00a650;
}

.border-orange {
  border: 2px solid #f47920;
}

.border-blue {
  border: 2px solid #26408f;
}

.border-purple {
  border: 2px solid #8b008b;
}

.btn-green {
  background-color: #00a650;
}

.btn-orange {
  background-color: #f47920;
}

.btn-blue {
  background-color: #26408f;
}

.btn-purple {
  background-color: #8b008b;
}

.navbar {
  /*box-shadow: 2px 2px 5px $primary;*/
  border-bottom: 5px solid #00a650;
  opacity: 0.9;
  background: #fff; }
  .navbar .nav-item {
    font-size: 1.4rem;
    padding-right: 1.4rem; }
    .navbar .nav-item .active {
      color: #00a650 !important; }
    .navbar .nav-item .nav-link:hover {
      color: #71bf44; }

.navbar-blue {
  /*box-shadow: 2px 2px 5px $primary;*/
  border-bottom: 5px solid #26408f;
  opacity: 0.9;
  background: #fff; }
  .navbar-blue .nav-item {
    font-size: 1.4rem;
    padding-right: 1.4rem; }
    .navbar-blue .nav-item .active {
      color: #26408f !important; }
    .navbar-blue .nav-item .nav-link:hover {
      color: #1a9eda; }
    .navbar-blue .navbar-collapse {
      padding-top: 1px;
      border-bottom: 2px solid #26408f;
      border-top: 2px solid #26408f;
    }  


.navbar-orange {
  /*box-shadow: 2px 2px 5px $primary;*/
  border-bottom: 5px solid #f47920;
  opacity: 0.9;
  background: #fff; }
  .navbar-orange .nav-item {
    font-size: 1.4rem;
    padding-right: 1.4rem; }
    .navbar-orange .nav-item .active {
      color: #f47920 !important;}
    .navbar-orange .nav-item .nav-link:hover {
      color: #fbaa19; }
    .navbar-orange .navbar-collapse {
      padding-top: 1px;
      border-bottom: 2px solid #f47920;
      border-top: 2px solid #f47920;
    }
    
    .navbar-purple {
      /*box-shadow: 2px 2px 5px $primary;*/
      border-bottom: 5px solid #8b008b;
      opacity: 0.9;
      background: #fff; }
      .navbar-purple .nav-item {
        font-size: 1.4rem;
        padding-right: 1.4rem; }
        .navbar-purple .nav-item .active {
          color: #8b008b !important;}
        .navbar-purple .nav-item .nav-link:hover {
          color: #da70d6; }
        .navbar-purple .navbar-collapse {
          padding-top: 1px;
          border-bottom: 2px solid #8b008b;
          border-top: 2px solid #8b008b;
        }

.navbar-collapse {
  padding-top: 1px;
  border-bottom: 2px solid #00a650;
  border-top: 2px solid #00a650;
}

.navbar-brand {
  margin-right: 0;
  text-align: right;
}

.link-green:hover {
  border: 2px solid #00a650
}

.link-orange:hover {
  border: 2px solid #f47920
}

.link-blue:hover {
  border: 2px solid #26408f
}

.link-purple:hover {
  border: 2px solid #8b008b
}

.card-title .text-green:hover {
  color: #71bf44
}


.carousel-item {
  height: 400px; }

.carousel-caption p {
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: bold;
}

/* carousel home page (default) */
.carousel-image-1 {
  background: url("../img/pills_and_bottle_in_hand.jpg") no-repeat center center/cover; }

.carousel-image-2 {
  background: url("../img/pharmacist_holding_box.jpg") no-repeat center center/cover; }

.carousel-image-3 {
  background: url("../img/Adviesapotheker.png") no-repeat center center/cover; }

.carousel-indicators .active {
  background-color: #00a650; }

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300a650' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300a650' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }

/* carousel apotheken page (green)*/
#showcase-apotheken {
  .carousel-image-1 {
    background: url("../img/apotheken_bereiding.png") no-repeat center center/cover; }
  
  .carousel-image-2 {
    background: url("../img/apotheken_adviesbereiding.png") no-repeat center center/cover; }
  
  .carousel-image-3 {
    background: url("../img/apotheken_grondstoffen.png") no-repeat center center/cover; }
  
  .carousel-indicators .active {
    background-color: #00a650; }
  
  .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300a650' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
  
  .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2300a650' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }
  }



/* carousel thuiszorg page (orange)*/
#showcase-thuiszorg {
  .carousel-image-1 {
    background: url("../img/thuiszorg_aerosollen.png") no-repeat center center/cover; }
  
  .carousel-image-2 {
    background: url("../img/thuiszorg_bloeddrukmeter.png") no-repeat center center/cover; }
  
  .carousel-image-3 {
    background: url("../img/thuiszorg_medicatiedoos.png") no-repeat center center/cover; }
  
  .carousel-indicators .active {
    background-color: #f47920; }
  
  .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f47920' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
  
  .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23f47920' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }
  }

/* carousel rolstoel page (blue)*/
#showcase-rolstoelen {
  .carousel-image-1 {
    background: url("../img/rolstoelen_rolstoel_2.png") no-repeat center center/cover; }
  
  .carousel-image-2 {
    background: url("../img/rolstoelen_rollator.png") no-repeat center center/cover; }
  
  .carousel-image-3 {
    background: url("../img/rolstoelen_steunkous_2.png") no-repeat center center/cover; }
  
  .carousel-indicators .active {
    background-color: #26408f; }
  
  .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2326408f' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
  
  .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2326408f' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }
  }

/* carousel dermatheek page (purple)*/
#showcase-dermatheek {
  .carousel-image-1 {
    background: url("../img/dermatheek_1.png") no-repeat center center/cover; }
  
  .carousel-image-2 {
    background: url("../img/dermatheek_2.png") no-repeat center center/cover; }
  
  .carousel-image-3 {
    background: url("../img/dermatheek_3.png") no-repeat center center/cover; }
  
  .carousel-indicators .active {
    background-color: #8b008b; }
  
  .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238b008b' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
  
  .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238b008b' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }
  }


.card-green:hover {
  border: #71bf44 2px solid !important;
  transform: scale(1.01); }

.footer-green {
  background-image: linear-gradient(to right, #00a650, #71bf44); }

.footer-blue {
  background-image: linear-gradient(to right, #26408f, #1a9eda); }

.footer-orange {
  background-image: linear-gradient(to right, #f47920, #fbaa19); }

  .footer-purple {
    background-image: linear-gradient(to right, #8b008b, #da70d6); }

/* adjust navbar-toggler on small screens */
@media (max-width: 768px) {
  .navbar-brand {
  margin-right: 0;
  text-align: right;
  width: 75%;
}
.navbar-toggler {
  display: block;
  margin-left: auto;
}
}

.filter-green {
  filter: invert(46%) sepia(91%) saturate(3950%) hue-rotate(129deg) brightness(95%) contrast(101%);
}

.filter-blue {
  filter: brightness(0) saturate(100%) invert(21%) sepia(90%) saturate(876%) hue-rotate(200deg) brightness(94%) contrast(91%);}

.filter-orange {
  filter: brightness(0) saturate(100%) invert(72%) sepia(75%) saturate(4658%) hue-rotate(348deg) brightness(99%) contrast(95%);
}

.filter-purple {
  filter: brightness(0) saturate(100%) invert(58%) sepia(50%) saturate(2300%) hue-rotate(240deg) brightness(50%) contrast(140%);
}