/*--------------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: #08492B;
	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;
}

/* Accordion */

.accordion-wrap, .accordion-wrap-2 {
	margin-bottom: 50px;
}

#content .accordion-wrap >  .ac-heading, .accordion-wrap-2  .ac-heading-2 {
    cursor: pointer;
    /* border-bottom: 3px solid #337291; */
    margin-bottom: 0;
    padding: 10px 15px 9px 11px;
    line-height: 1.3em;
    margin-top: 15px;
    background: #08492B;
    color: #ffffff;
    font-size: 1.3em;
    font-weight: bold;
}
.accordion-wrap > .ac-heading:after, .accordion-wrap-2 > .ac-heading-2:after  {
	display: inline-block;
	float: right;
    font-size: 1em;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: #fff;
    background: transparent;
    content: '\f13a';
    margin-right: .50em;
}
.accordion-wrap > .ac-heading.close:after, .accordion-wrap-2 > .ac-heading-2.close:after {
  content: '\f139';
}
	
.close-2 {
    /* float: right; */
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
	
.accordion-content, #accordion p, .accordion-content-2, #accordion p {
    display: none;
    margin: 0;
    background: #ffffff;
    padding: 15px;
    border: 1px solid #265e38;
}

ul.supply-ul {
	column-count: 4;
}

.supply-ul li {
	list-style: none;
}

.supply-ul li:before {
	content: "\f101";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -1.3em;
    width: 1.3em;
    font-weight: bold;
    color: #265e38;
}

.bg-color-1 {
	background: #70CDDD;
}

button:focus {
	outline: inherit;
}