/*--------------PLEASE PLACE ALL CUSTOM CSS HERE ----------------*
NOTES: If you use Appearance/Customize/Additional CSS to test your custom CSS, please make sure that once you're done you add that code to this stylesheet and remove it from the Appearance/Customize/Additional CSS section. Please add a commented out title to the custom code you add to this page so it's easy for developers to find what they need. 
----------------------------------------------------------------*/
.grey {background-color: #5E5E5E; }
.text-lg {font-size: 1.2em;}
h6 {
    line-height: 1.5em;
}

#footer .btn{
    font-weight: bold;
    background: transparent;
    border: 2px solid #ffffff;
    display: block;
    margin-bottom: 10px;
    max-width: 300px;
}

.tel-inline {
  font-weight: 700; display:  inline-block; 
}
.tel-inline:before {
  margin-right: 3px;
  font-family: "Font Awesome 5 Pro"; 
  font-weight: 900; 
  content: "\f095";
}

.gallery-section {
	padding: 2em;
}

div.wpcf7-response-output {
	color: #fff;
}

/* Clients Page */

.client-box {
	background: #5AA658;
	padding: 1px 10px;
	height: 100%;
	transition: .2s ease-in-out;
}

.client-box:hover {
	transform: scale(1.03);
	-webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.75);
}

.client-box h2 {
	text-align: center;
}

.client-box strong {
	text-decoration: underline;
}

.billboard.breakout {
    background: #212925;
    color: #fff;
	margin-bottom: 0px;
}

.menu-bar .textwidget {
	width: 100%;
	text-align: center;
}

form label {
	color: #fff;
}

.nav-background {
	background: #5AA658 !important;
	border-bottom: 2px solid #fff;
	border-top: 2px solid #fff;
}

@media only screen and (min-width: 767px) {
	.logo img {
		margin-left: 1em;
	}
	.phone-number {
		margin-right: 1em;
	}
}