/* Variables */
:root {
  --white: #eee;
  --grey: #606060;
}
/* Styles */
html {
  scroll-padding-top: 50px; /* height of sticky header */
}

body {
  background-color: var(--white);
}

.white {
  color: var(--white) !important;
}

.black {
  color: black !important;
}

.grey {
  color: var(--grey) !important;
}

.card-image.center-cropped {
  height: 320px;
  background-position: center center;
  background-repeat: no-repeat;
}

/* Home */
.banner-image {
  background-image: url('../images/home-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: rgba(0, 0, 0, 0.6);
  background-blend-mode: multiply;
  height: 80vh;
}

/* Gallery */
.carousel__slide {
  width: auto;
}

.carousel__button.is-next, .carousel__button.is-prev {
  color: white;
  transform: translateY(50%) scale(2) !important;
  top: 45% !important;
}

.carousel__button.is-prev {
  left: 20px;
}

/* About */
.about-text p {
  margin: 0px;
}
/* Media queries */
@media (max-width: 1399px) {
  .about-image {
    display: none;
  }

  .about-text {
    background-image: url('../images/about.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: multiply;
    padding: 3rem;
    color: white;
    text-align: center;
    line-height: normal;
  }
}

@media (min-width: 1400px) {
  .about-text {
    line-height: 2;
  }
}

/* Contact */
.form-control {
  background-color: var(--white);
  padding: 0.775rem 0.75rem;
}

.form-control :focus {
  background-color: var(--white);
}

textarea {
  width: 100%;
  background: transparent;
  outline: none;
  min-height: 180px;
  font-size: 20px;
}