@import url('https://fonts.googleapis.com/css2?family=Alegreya:wght@500&display=swap');

html {
    font-family: 'Alegreya', serif;
    font-size: 18px;
}

a {
  transition: color .2s cubic-bezier(.18,.37,.86,.62);
}

a:hover {
  opacity: 0.9;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  flex: 1 0 auto;
}

h1 {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.parallax-container {
  min-height: 500px;
}

.parallax-container img {
  width: 100%;
}

/* label focus color */
.input-field input[type=text]:focus + label {
  color: #c62828;
}

/* label underline focus color */
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #c62828;
  -webkit-box-shadow: 0 1px 0 0 #c62828;
          box-shadow: 0 1px 0 0 #c62828;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #c62828;
}

.input-field .prefix.active {
  color: #c62828;
}

.dropdown-content li:hover, .dropdown-content li.active {
  background-color: rgba(0, 0, 0, 0.1);
}

.brand-logo img {
    margin-top: 2px;
    height: 60px;
}

.parallax img {
  object-fit: cover;
}

.gallery-img {
  margin-top: 1rem;
}

@media only screen and (max-width: 601px) {
  .brand-logo img {
    height: 52px;
  }
}