/* @override http://westsidecabinetselp.com/css/westside.css */

@import url(https://fonts.googleapis.com/css?family=Oswald:700,400);

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,300italic,600,700);

body { font-family: 'Source Sans Pro', sans-serif;  }
p { font-family: 'Source Sans Pro', sans-serif; font-weight:300; }

h1.header { font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 700; font-size:45px;
	margin-bottom: 0; color: #fff; }
h1 span.top-title {display:block;
text-transform: none; color: #873d19; background-color: #fff; float: left; padding-left:10px; padding-right:10px;
height: 30px; font: 300 20px/30px 'Source Sans Pro', sans-serif; }

h2 { font-size: 37px; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 700;
 line-height:37px; }
h2 span.bottom-title { font-family: 'Source Sans Pro', sans-serif; font-style: italic; text-transform: none;
font-size:20px;  display:block; }

p b { color: #785547; font-size:18px; }

ul.my-gallery li { width: 32%; display:inline-block; height: 130px;overflow:hidden; margin-right:1%; }
ul.my-gallery li img { width: 100%; height:auto; }

#index-banner { height:90vh; }
div.section.no-pad-bot { margin-top: 20vh; }
div.nav-wrapper.container a { text-transform:uppercase; font-size: 13px; }
div.col.m4 { text-align: center; }
div.nav-wrapper.container { overflow:hidden; height: 125px; }

footer.page-footer.teal { background-color:#4c4f54 !important; border: none; color: #fff; text-align: center; margin-top: 0px; }

a.waves-effect { color: #736558; border:#736558 solid 1px; border-radius: 0px;
background-color: transparent; height: 50px; font-size: 16px; line-height: 50px; margin-left: auto !important;
margin-right: auto !important; float: none !important; display:block; width: 200px; margin-bottom:20px;
	text-align: center;
}

#contact.container { height: 80vh;}
div#top-neg { text-align: center; margin-top: -90px; }
div#bottom-neg { margin-bottom: -110px; text-align: center; }

footer a.waves-effect{ border-color: #fff; color: #fff; }
div.section.no-pad-bot { padding-bottom: 60px; }

input.validate { height: 35px; margin-bottom: 10px;}
#textarea1 { padding-top:10px; padding-bottom: 10px; }

.btn input { background-color:transparent; border: none; }

div.modal-content { padding-bottom: 0 !important; }
a.mail-contact { color: #ff6178; }
nav a.btn.modal-trigger { color: #4a4a4a;background-color:transparent; box-shadow:none; }



@media only screen and (max-width: 599px) {
	div#top-neg,
	#bottom-neg { display:none; }
	div.section.no-pad-bot { margin-top: 40px; }	
	ul.my-gallery li { width:30%; height: auto; margin-bottom: 10px; }

	i.material-icons { width: 40px !important; height:45px !important; 	margin-top: 5px !important; position: absolute; left: 0; 
	top: 10px;  }

	i.material-icons span.line { width: 80%; background-color: #726459;
	height: 3px; display:block; margin-top: 5px; margin-left: 5px; }
	div.col.m4.logo { float: right; height: 50px; overflow:hidden;
	width: 130px; margin-top: 4px; }
	div.col.m4.logo	img { width: 100% !important; }
	div.nav-wrapper.container li a {
	padding-left: 20px;
	padding-right: 20px;
}
}



@media only screen and (max-width: 767px)  {
	
	ul.my-gallery li { width: 30%; }
	i.material-icons { width: 40px !important; height:45px !important; 	margin-top: 5px !important; position: absolute; left: 0; 
	top: 10px;  }

	i.material-icons span.line { width: 80%; background-color: #726459;
	height: 3px; display:block; margin-top: 5px; margin-left: 5px; }
	div.col.m4.logo { float: right; height: 50px; overflow:hidden;
	width: 130px; margin-top: 4px; }
	div.col.m4.logo	img { width: 100% !important; }
	div.nav-wrapper.container li a {
	padding-left: 20px;
	padding-right: 20px;
}
}



@media only screen and (max-width: 1023px) {
	ul.my-gallery li { width: 30%; }
	i.material-icons { width: 40px !important; height:45px !important; 	margin-top: 5px !important; position: absolute; left: 0; 
	top: 10px;  }

	i.material-icons span.line { width: 80%; background-color: #726459;
	height: 3px; display:block; margin-top: 5px; margin-left: 5px; }
	div.col.m4.logo { float: right; height: 50px; overflow:hidden;
	width: 130px; margin-top: 4px; }
	div.col.m4.logo	img { width: 100% !important; }

div.nav-wrapper.container li a {
	padding-left: 20px;
	padding-right: 20px;
}

	
}


@media only screen and (max-width: 1100px) {

nav li a { font-size:111
	
}

div.nav-wrapper.container a {
	font-size: 12px; 
	padding-left: 0;
}
		
}