/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

nav ul a,
nav .brand-logo {
    color: #444;
}

p {
    line-height: 2rem;
}

.button-collapse {
    color: #8d6e63;
}

.parallax-container {
    min-height: 380px;
    line-height: 0;
    height: auto;
    color: rgba(255,255,255,.9);
}
.parallax-container .section {
    width: 100%;
}

@media only screen and (max-width : 992px) {
    .parallax-container .section {
        position: absolute;
        top: 40%;
    }
    #index-banner .section {
        top: 10%;
    }
}

@media only screen and (max-width : 600px) {
    #index-banner .section {
        top: 0;
    }
}

.icon-block {
    padding: 0 15px;
}
.icon-block .material-icons {
    font-size: inherit;
}

footer.page-footer {
    margin: 0;
}

.brown {
    background-color: #795548 !important;
}

/* label color */
.input-field label {
    color: #000;
}
/* label focus color */
.input-field textarea:focus:not([readonly]) + label,
.input-field input[type=text]:focus:not([readonly]) + label,
.input-field input[type=email]:focus:not([readonly]) + label,
.input-field input[type=tel]:focus:not([readonly]) + label {
    color: #8d6e63;
}
/* label underline focus color */
.input-field textarea:focus:not([readonly]),
.input-field input[type=text]:focus,
.input-field input[type=email]:focus:not([readonly]),
.input-field input[type=tel]:focus:not([readonly]) {
    border-bottom: 1px solid #8d6e63;
    box-shadow: 0 1px 0 0 #8d6e63;
}
/* valid color */
.input-field input[type=text].valid,
.input-field input[type=email]:not([readonly]).valid,
.input-field input[type=tel]:not([readonly]).valid {
    border-bottom: 1px solid #8d6e63;
    box-shadow: 0 1px 0 0 #8d6e63;
}
/* invalid color */
.input-field input[type=text].invalid,
.input-field input[type=email].invalid,
.input-field input[type=tel].invalid {
    border-bottom: 1px solid #ff1744;
    box-shadow: 0 1px 0 0 #ff1744;
}
/* icon prefix focus color */
.input-field .prefix.active {
    color: #8d6e63;
}

.gallery-page .card .card-image {
    cursor: pointer;
}
.card .card-image img {
    height: 300px;
}