/**
 * @minify true
 */


.container {
  max-width: 960px;
}

.full-vh {
  min-height: 100vh;
}

.half-vh {
  min-height: 50vh;
}

.lh-condensed { line-height: 1.25; }

.full-width {
	width: 100%;
}


.services-bg {
  background-color: #f5f5f5;
  color: #555;
}

@media (prefers-color-scheme: dark) {
    .services-bg {
        background-color: #121212;
        color: #999;
    }
}

.contact-bg {
  background-color: #f0f0f0;
}

@media (prefers-color-scheme: dark) {
    .contact-bg {
        background-color: #010101;
    }
}

.mh-200 {
	min-height: 200px !important;
}

.full-width {
	width: 100%;
}

.text-line-through {
    text-decoration: line-through;
    cursor: not-allowed;
}

.contact-icon {
    position: relative;
    width: 68px; 
    height: 68px !important; 
    padding-top: 18px;
    background-color: #555;
    color: #fff;
}


textarea.form-control[name="messageInput"] {
    min-height: 200px;
}


/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
    bottom: 3rem;
    z-index: 10;
    padding: 1rem;
    background-color: rgba(0,0,0,0.4);
    -webkit-backdrop-filter: saturate(140%) blur(5px);
    backdrop-filter: saturate(140%) blur(5px);
    border-radius: 20px;
    padding-bottom: 1em;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

/* Declare heights because of positioning of img element */
.carousel-item {
    height: 32rem;
    background-color: transparent;
    background-size: cover;
    font-family: sans-serif;
}

.map {
  background-image: url('images/map.png');
  background-position: center;
}

@media (prefers-color-scheme: dark) {
    .map {
        background-image: url('images/map-dark.png');
    }

    .contact-icon {
        background-color: #656565;
        color: #fff;
    }
}