.img-shadow {
    box-shadow: 0 1px 1px rgba(0,0,0,0.08), 
                0 2px 2px rgba(0,0,0,0.12), 
                0 4px 4px rgba(0,0,0,0.16), 
                0 8px 8px rgba(0,0,0,0.20);
    background-color: white;
}

.statsmissionen {
    max-width: 720px;
    min-width: 400px;
    
}

.dz-clickable {
    border: 2px dashed #c3c3c3;
    width: 100%;
    padding: 1.5em;

}

.hero-area {
    overflow: hidden !important;
}

.owl-prev {
    border: 0px;
    border-radius: 30px !important;
    margin-left: -30px !important;
    width: 60px;
    height: 60px;
    background: rgba(255,255,255, 0.3) !important;
    transition: background 0.25s ease-in-out !important;
}

.owl-prev:hover {
    background: rgba(255,255,255, 0.6) !important;
}

.owl-prev svg {
    margin-left: 20px !important;
    color: #443e36;
}


.owl-next {
    border: 0px;
    border-radius: 30px !important;
    margin-right: -30px !important;
    width: 60px;
    height: 60px;
    background: rgba(255,255,255, 0.3) !important;
    transition: background 0.25s ease-in-out !important;
}

.owl-next:hover {
    background: rgba(255,255,255, 0.6) !important;
}


.owl-next svg {
    margin-right: 20px !important;
    color: #443e36;
}

.owl-item.active {
    cursor: grab !important;    
}


.carousel-arrow {
    right: -100px !important;
    transition: all 0.2s cubic-bezier(.63,.05,.43,1.7); 
}

.carousel-link {
    text-decoration: none !important;
}

.pusher-link:hover  > .pusher-arrow {
    color: #c3c3c3 !important;
}

.pusher-arrow:hover {
    color: #c3c3c3 !important;
}

.carousel-link:hover > .link-text {
    color: #c3c3c3 !important;
}

.carousel-link:hover > .carousel-arrow {
    right: 20px !important;
    color: #c3c3c3 !important;
}

.text-small {
    font-size: 0.8em;
}

.clipped-right .img-clipped {
    width: 350px;
    height: 370px;
    background-image:url("/storage/app/media/JS100.jpg");
    background-size: cover;    
    shape-outside: circle();
    clip-path: circle();
    float: right;
    margin-left: 14px;
  }

  .clipped-right img {
    width: 360px;
    height: 380px;
    opacity: 0.2;
  }
  
  .contact-menu-item {
       line-height: 0.4em;   
   }
  .quote-header {
        font-size: 1.4em;
  }
    
  @media (min-width: 768px) {
    .quote-header {
        font-size: 1.8em !important;
    }
  }
  
  @media (max-width: 600px) {
   .content-area {
       padding-left: 2rem !important;
       padding-right: 2rem !important;
   }
  }

  @media (max-width: 800px) {
    .skew>div {
        grid-column-start: 0;
        grid-column-end: 1;
        transform-origin: center;
    }

    .top-left {
        justify-self: start;
    }

    .bg-image {
        height: 20em !important;
    }

    .bottom-left {
        grid-row: 4;
        margin-bottom: -2em;
    }
    
    .content-area {
        max-width: none !important;
    }
  }
  

.team .card-text {
    font-size: 0.8em !important;
    white-space: nowrap;
}
.team .card-title {
    font-size: 1.1em;
}

.bg-field {
    background-color: #f5f5f5;
}

.nowrap {
    white-space:nowrap;

}


form label {
    width: 100%;
}


.link-flush {
     text-decoration: none !important;
}


.slider-container {
    display: none;
}


.team .avatar{
  width:150px; 
  height:150px; 
  border-radius:50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position:50% 10%;
}


#uploadForm_forms_flash button,
#uploadForm_forms_flash input[type="submit"] {
  display: inline-block;
  font-weight: 500;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: #00577b;
  border: 1px solid #00577b;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.375rem;
  cursor: pointer;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}

/* Hover and focus states */
#uploadForm_forms_flash button:hover,
#uploadForm_forms_flash input[type="submit"]:hover {
  background-color: #004866;
  border-color: #004866;
}

#uploadForm_forms_flash button:focus,
#uploadForm_forms_flash input[type="submit"]:focus {
  outline: none;
  box-shadow: 0 0 0 0.25rem rgba(0, 87, 123, 0.25);
}

/* Active (pressed) state */
#uploadForm_forms_flash button:active,
#uploadForm_forms_flash input[type="submit"]:active {
  background-color: #00384f;
  border-color: #00384f;
}

/* Disabled state */
#uploadForm_forms_flash button:disabled,
#uploadForm_forms_flash input[type="submit"]:disabled {
  opacity: 0.65;
  cursor: not-allowed;
}



@media only screen and (max-width: 992px) {

   .h1, h1 { 
      font-size: 2.0rem; 
   }

   .h2, h2 { 
      font-size: 1.5rem; 
   }
   .h3, h3 { 
      font-size: 1.25rem; 
   }
   .h4, h4, .h5, h5, .h6, h6 {
       font-size: 1.1rem; 
   }
}