@charset "UTF-8";
@import url("type.css");
/* CSS Document */





body{
background: #d8dcce url(../img/bg-400-paper.jpg) repeat top left;
color: #321e1e;
}




/* Grid */
#wrapper{width:900px; margin-left:auto;margin-right:auto; margin-top: 30px;}
.ml20{margin-left:20px;}
.ml230{margin-left:230px;}
.ml460{margin-left:460px;}
.g1{width:210px; float:left;}
.g2{width:440px; float:left;}
.g3{width:670px; float:left;}
.mb20{margin-bottom:20px;}
.pb20{padding-bottom:20px;}

#footer{margin-top:40px; border-top:solid #afb3a7 1px; padding:20px; clear:both;}
#footer p{font-size:14px;}
#header{margin-bottom:20px;}
#logo{background: url( "../img/DBLogo.png") no-repeat top left; display:block; width:265px; height:123px; text-indent:-999px; float:left;}

#join{background: url(../img/joinUs.gif) no-repeat top left; display:block; width:78px; height:78px; text-indent:-9999px; position: absolute; margin-left: 320px;}

h2{font-size:18px; margin-bottom:2rem; color:#0b9444;}
h3{font-size:16px; font-weight:800; margin-bottom:1rem; line-height: 24px;}

.testimonial {font-size: 18px; padding: 0 0 20px 0; line-height: 28px;}
.green {color:#0b9444;}
.big {font-size: 18px;}

hr {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}


/* Base styles */

a:link,
a:visited{
color: #0b9444;

padding: 0 2px;
text-decoration: none;
}
#mugshots a:link,
#mugshots a:visited{
border: 0;
background: 0;
}
a:focus,
a:hover,
a:active{
color: #0b9444;

}

a.blank:link,
a.blank:visited{
color: #0b9444;
border-bottom: none;
padding: 0;
text-decoration: none;
}
a.blank:focus,
a.blank:hover,
a.blank:active{
color: #0b9444;
background-color: none;
border-bottom: none;
	border-radius: 15px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color:#FFFFFF;
    background-color:#0b9444;
}

.hide a {border:0;}

.clearBoth {clear: both;}


/* mainNav */

#mainNav{float:right; margin-top:53px;}
#mainNav ul {margin: 0; padding: 0; float: left; list-style: none;}
#mainNav ul li {float: left;}
#mainNav ul a {padding: 0 1em; line-height: 2.1em; text-decoration: none; color: #000; float: left; display: block; border:0;}
#mainNav ul a:hover {color: #fff; background-color:#71b788;}
#mainNav ul .on a {color: #fff; background-color:#0b9444;}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

* html .clearfix {
	height: 1%;
}


.contact ul {
  list-style: none; /* Remove default bullets */
  padding: 0;
}
.contact ul li {
  display: inline; /* Make list items horizontal */
  margin-right: 15px; /* Add space between items */
}
.contact ul li:before {
  content: '✓ '; /* Insert checkmark before each item */
  color: green; /* Optional: color the tick */
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Mobile default */
.grey-bk{
  min-height: 150px;
  background-color: rgba(0, 0, 0, 0.055);
  padding: 20px 60px;     /* tighter on mobile */
  margin: 16px 0;
  border-radius: 10px;
  display: flex;
  align-items: center;
}

/* 576px and up */
@media (min-width: 576px) {
  .grey-bk{
    min-height: 300px;
    padding: 25px 100px;
    margin: 25px 0;
  }
}

/* 992px and up (optional, for your original desktop feel) */
@media (min-width: 992px) {
  .grey-bk{
    padding: 25px 150px;
  }
}
.card-faq{background:rgba(11,148,68,0 0.05);
	padding: 15px;
}
.list-unstyled {
    padding-left: 3em;
    list-style: none;
}
.card-faq li{
	margin-bottom: 1.5em;
}
.card-title {
    margin-bottom: var(--bs-card-title-spacer-y);
    color:rgba(11,148,68,1.00)
}


.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: rgb(79 144 77 / 41%);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}



.accordion-button:not(.collapsed) {
    color: #f8f9fa;
    background-color: #4f904d;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-item {
    color: var(--bs-accordion-color);
    background-color: rgba(0, 0, 0, 0.075);
    border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.modal .btn-primary{
	background-color: #4f904d;

}
