/* hammermop styes */
body.hammermop{
	font-family: 'Open Sans', arial, sans-serif;
	font-weight: 300;
	letter-spacing: .4px;
}

h1{
	font-size: 42px;
	line-height: 52px;
	font-weight: 700;
}

h2{
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
}

h3{
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
}

p{
	font-size: 16px;
	line-height: 24px;
}

.text-underline{
	text-decoration: underline;
}

.fw-400{
	font-weight: 400;
}

.fw-600{
	font-weight: 600;
}

.fw-700{
	font-weight: 700;
}

.bg-gray{
	background: #DFEBED;
}

.text-gray{
	color: #CDD9E5;
}

.text-black{
	color: #4A4A4A;
}

.text-blue, a, a:hover, .hammermop .btn-link{
	color: #08447E;
}

.text-teal{
	color: #068DB4;
}

.icon-18{
	height: 18px;
	width: auto;
}

.icon-26{
	height: 26px;
	width: auto;
}


/* custom classes */
.navbar.hammermop{
	/*height: 108px;*/
	padding: 0px;
}

	.navbar .logo img{
		height: 46px;
		width: auto;
	}

	.navbar.hammermop .logo, .navbar.hammermop .phonenum{
		font-size: 18px;
		line-height: 46px;
		margin-top: 24px;
		margin-bottom: 24px;
	}

.services-container{
	margin-top: 94px;
	background: linear-gradient(0deg, #068DB4 0%, #0C7EA9 20%, #0E6F9E 40%, #0E6093 60%, #0C5289 80%, #08447E 100%);
}

	.service-headers{
		padding: 60px 0px;
	}

	.service-card{
		box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.3);
		border-radius: 10px;
		margin-bottom: 24px;
	}

		.service-icon img{
			height: 132px;
			width: auto;
			margin-bottom: 40px;
		}

		.service-card p{
			min-height: 88px;
		}

.contact-container{
	background: url('images/saw.jpg');
	background-repeat: no-repeat;
	background-size: cover;

	/*background: 
    linear-gradient(
      rgba(0, 137, 171, 0.30), 
      rgba(0, 137, 171, 0.30)
    ),
    url('images/saw.jpg');*/
}

	form.hammermop input, form.hammermop textarea{
		font-size: 16px;
		border-radius: 0px;
		border: none;
		opacity: .86;
	}

	form.hammermop input{
		height: 64px;
	}

	form.hammermop textarea{
		height: 128px;
		padding-top: 19px;
	}

	label.input-label{
		font-size: 24px;
		line-height: 32px;
	}

	.btn-hammermop{
		font-size: 16px;
		line-height: 24px;
		border-radius: 4px;
		box-shadow: 0px 3px 18px 0px rgba(0,0,0,0.3);
		padding: 20px 80px;
	}

.careers-container a, .careers-container a:hover{
	color: #4A4A4A;
}

.footer-container .logo img{
	height: 44px;
	width: auto;
}

.footer-container .phonenum{
	margin: 32px 0;
}

.footer-container .facebook-logo img{
	height: 44px;
	width: auto;
}

.hammermop.modal-content{
	background: #068DB4;
	border: none;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,0.3);
}

	.hammermop.modal-content.submit-error{
		background: #8C2C2C;
	}
	
	.hammermop .modal-header{
		border-bottom: none;
	}

		.hammermop .close{
			text-shadow: none;
			opacity: 1;
		}

	.hammermop .modal-body{
		padding: 24px 48px;
	}

		.modal-icon img{
			width: auto;
			height: 76px;
		}


border-bottom: 1px solid #e9ecef;


/* MEDIA QUERIES */
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	/**/
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	/**/
	.navbar.hammermop .logo, .navbar.hammermop .phonenum{
		font-size: 26px;
		line-height: 74px;
		margin-top: 17px;
		margin-bottom: 17px;
	}

	.navbar .logo img{
		height: 74px;
		width: auto;
	}

	.services-container{
		margin-top: 108px;
	}

		.service-card p{
			font-size: 14px;
			min-height: 128px;
		}

	form.hammermop textarea{
		height: 64px;
		padding-top: 19px;
	}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	/**/
	h1{
		line-height: 60px;
	}

	.service-card p{
		min-height: 104px;
		font-size: 16px;
	}
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	/**/
	.service-card p{
		min-height: 96px;
	}
}

/* REVERSE MEDIA QUERIES */
@media (max-width: 767px) {
	/* using reverse to override existing behavior*/
	.hammermop.modal-content{
		border-radius: 0px;
		width: 100vw;
		height: 100vh;
	}

	.modal-dialog{
		margin: 0;
		max-width: none;
		max-height: none;
	}
}