/* 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: #26a69a;
}

.parallax-container {
	min-height: 100vh;
	line-height: 0;
	height: auto;
	color: rgba(255,255,255,.9);
}

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

.parallax {
	background-image: url('/background.jpg');
	background-size: cover;
}

@media only screen and (max-width : 600px) {
	.parallax {
		top: -20%;
		left: -30%;
	}
}

.container .section {
	min-height: 380px;
}

.container .section h6 {
	padding-bottom: 1em;
}

img#logo {
	width: 60vw;
	height: 35vh;
}

@media only screen and (min-width : 992px) {
	.parallax-container .section {
		position: absolute;
		top: 20%;
	}
	#index-banner .section {
		top: 10%;
	}
	img#logo {
		width: 55vw;
		height: 25vh;
	}
}

@media only screen and (max-width : 600px) {
	#index-banner .section {
		top: 0;
	}
	img#logo {
		width: 60vw;
		height: 40vh;
	}
}

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

footer.page-footer {
	margin: 0;
}

.robot-yellow {
	background-color: #fec20e !important;
}

.robot-yellow-text {
	color: #fec20e;
}

a {
	color: #fec20e;
}

div.logo {
	margin-top: -3em;
}

@media only screen and (max-width : 600px) {
	div.logo {
		margin-top: -8em;
	}

}

@media only screen and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	div.logo {
		margin-top: -10em;
	}

	/* .parallax-container .section { */
	/* 	position: absolute; */
	/* 	top: 17%; */
	/* } */

}

/* label focus color */
.input-field input:focus + label {
	color: #fec20e !important;
}
.input-field textarea:focus + label {
	color: #fec20e !important;
}
/* label underline focus color */
.input-field input:focus {
	border-bottom: 1px solid #fec20e !important;
	box-shadow: 0 1px 0 0 #fec20e !important
}
.input-field textarea:focus {
	border-bottom: 1px solid #fec20e !important;
	box-shadow: 0 1px 0 0 #fec20e !important;
}

.page-footer .address-header {
	margin-bottom: 1.75em;
}

.spacer-1 {
	margin-top: 1em;
}

.footer-copyright .link {
	margin-right: 1em;
}

.row .tight {
	margin-bottom: 0px !important;
}

.row .tight .top {
	margin-top: -10px !important;
}

.materialize-textarea {
	padding: 0.3rem 0 0.2rem 0 !important;
}

ul li {
	list-style-type: circle !important;
}


.bullet-border {
	/* border-right: solid 2px #fec20e; */
	padding-right: 1em;
}


@media only screen and (max-width : 600px) {
	.description-text {
		font-size: 1.4em;
	}
}

.quote {
	font-style: italic;
	font-size: 1.75em;
}

.quote-source {
	color: #fec20e;
	padding-right: 5vw;
}

.quote-source h6 {
	font-size: 1.2em;
}

.quote-section {
	padding-bottom: 7.5em;
}

@media only screen and (min-width : 992px) {
	.quote {
		font-size: 2.28em;
	}
	.quote-section {
		padding-bottom: 9em;
	}
}

@media only screen and (min-device-width: 480px)
and (max-device-width: 640px)
and (orientation: landscape) {
	.quote-section {
		padding-bottom: 6em;
		padding-top: 1em;
	}
}

@media only screen and (max-device-width: 641px) {
	.quote {
		font-size: 2em;
	}
	.quote-section {
		padding-top: 1em;
	}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    .quote {
		font-size: 1.5em;
	}
}

@media (min-width: 320px) and (max-width: 480px) {
    .quote {
		font-size: 1.5em;
	}
}

/* @media only screen and (max-width: 415px) and (max-height: 737px) { */
/* 	.quote { */
/* 		font-size: 1em; */
/* 	} */
/* } */

@media only screen and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	.quote-section {
		padding-bottom: 17em;
	}
	.quote {
		font-size: 2.5em;
	}

}

@media only screen and (max-width: 1601px) and (max-height: 901px) and (min-width: 1025px) {
	.quote {
		font-size: 1.8em;
	}
	.quote-section {
		margin-top: -2em;
	}
}

@media only screen and (max-height: 769px) and (min-width: 1023px) {
	.quote {
		font-size: 1.65em;
	}
	.quote-section {
		padding-bottom: 7em;
		margin-top: -7em;
	}
}

/* @media only screen and (max-height: 601px) { */
/* 	.quote { */
/* 		font-size: 1.6em; */
/* 	} */
/* 	.quote-section { */
/* 		padding-bottom: 7em; */
/* 		margin-top: -6em; */
/* 	} */
/* } */

@media only screen and (max-width: 1025px) {
	.phone-text {
		font-size: 2em;
	}
}

/* @media only screen and (max-width: 1367px) and (max-height: 769px) { */
/* 	.quote-section { */
/* 		margin-top: -2em; */
/* 	} */
/* } */

.section-header {
	padding-top: 1em;
	font-size: 2em;
}

.section-header-large {
	padding-top: 1em;
	font-size: 2.5em;
}

.phone-header {
	padding-top: 3em;
}

.phone {
	text-decoration: underline;
}

.justify {
	text-align: justify;
	text-justify: inter-word;
}