/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
/* Colors */
html {
  width: 100%;
  height: 100%; }

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

p {
  line-height: 2rem;
  color: #554444; }

.large {
  font-size: 8rem; }

.large-text, .callout-text {
  font-weight: 200;
  font-size: 2.5rem;
  line-height: 3rem;
  text-align: center; }

.callout-text {
  color: #8899DD; }

.small-caps {
  font-variant: small-caps; }

hr {
  margin-top: 0.5rem;
  margin-bottom: 0.0rem;
  border-width: 1px;
  border-style: solid; }

hr.light {
  border-color: #FFFFFF; }

hr.dark {
  border-color: #998888; }

.btn-flat {
  color: #FFFFFF;
  opacity: 0.8; }

.blended {
  opacity: 0.6; }

div.row h3 {
  color: #998888;
  font-weight: 200;
  font-variant: small-caps;
  font-size: 4.0rem;
  padding-bottom: 2rem; }

img.facebook {
  opacity: 0.5;
  margin-top: 30px;
  width: 100px;
  height: 100px; }

img.facebook:hover {
  opacity: 1.0; }

img.facebook-footer {
  opacity: 0.6;
  width: 40px;
  height: 40px; }

img.facebook-footer:hover {
  opacity: 1.0; }

div#background-about {
  background-color: #FFFFFF;
  padding-top: 75px;
  padding-bottom: 75px; }

div#background-services {
  background-color: #CCEEFF;
  padding-top: 50px;
  padding-bottom: 75px; }

div#background-contact {
  padding-top: 50px;
  padding-bottom: 50px; }

.button-collapse {
  color: #26a69a; }

.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255, 255, 255, 0.9); }

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

.parallax-separator {
  min-height: 100px; }

/* SPLASH SCREEN */
div#splash {
  margin-top: 100px;
  margin-bottom: 100px; }

div#splash h3 {
  margin-top: 0px; }

/* FORM LABELS */
/* label color */
.input-field label {
  color: #8899DD;
  /*
	 font-weight: bold;
     text-align: left;
     font-size: large;
     */ }

/* label focus color */
/*
   .input-field {
	   input[type="text"]:focus + label {
		   color: $color-input-highlight;
		   }
	   
	   textarea.materialize-textarea:focus + label {
		   color: $color-input-highlight;
		   }
   }
*/
textarea.materialize-textarea.invalid,
textarea.materialize-textarea:focus.invalid {
  border-bottom: 1px solid #F44336;
  box-shadow: 0 1px 0 0 #F44336; }

/* label underline focus color */
.input-field input[type=text]:focus {
  border-bottom: 1px solid #222222;
  box-shadow: 0 1px 0 0 #222222; }

/* valid color */
.input-field input[type=text].valid {
  border-bottom: 1px solid #222222;
  box-shadow: 0 1px 0 0 #222222; }

/* invalid color */
.input-field input[type=text].invalid {
  border-bottom: 1px solid #222222;
  box-shadow: 0 1px 0 0 #222222; }

/* icon prefix focus color */
.input-field .prefix.active {
  color: #222222; }

input[name="instructions"] {
  display: none; }

@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; }
  img#hero {
    height: auto;
    width: auto;
    max-height: 75%; } }

.icon-block {
  padding: 0 15px; }

.icon-block .material-icons {
  font-size: inherit; }

footer.page-footer {
  margin: 0; }