body {
    font-family: 'Open Sans', sans-serif; 
    color: #424242;
    background-color: #7eb162;
    background-image: url(images/back_sky_2.jpg-);
    background-position: top center;
    background-repeat: no-repeat;
}


p {line-height: normal;}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Work Sans', sans-serif;
    color: #fff;
}

/*h1 {padding: 40px 0px 1px 0px;}
h2,h3,h4 {padding: 30px 0px 1px 0px;}*/

/*h1 {font-size: 40px;}
h2 {font-size: 30px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}*/





.lispace li {
    padding-bottom: 15px !important; 
}


.navWide {
    background-color: #3eb143;

}


.nav-item { /*this purs space between the man nav menu items it does not affect drop downs*/
    padding-right: 20px;
}


.dropdown-menu {
    background-color: #3eb143;
}

.modules {
    background-color: #fff;
    padding-top: 25px;
}


.content_main {
    background-color: #a2c47f;
    background-image: url(images/body_bg2.jpg);
    background-repeat: no-repeat; 
    background-position: bottom right;
    font-size: 18px;
    padding-bottom: 50px-;
}





/* --- header --------------------------------------------------- */

.header {
    background-color: #f7f7f7;
    background-image: url(images/hdr_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto;
}

.navTop {
    background-image: url(images/nav_bg.jpg);
    background-repeat: repeat-x;
}

@media (max-width: 768px) { /*this tricks wider devices into showing background-image that appears floated right*/
.qqcont {
    display: none;
  }
}



/* --- page content styles --- */
.contentArea {
 background-color: #a2c47f;
}

.linksun a:link,a:visited,a:active,a:hover {
    text-decoration: underline;
    color: #43935f;
}

@media (max-width: 768px) { 
.carousel1 {
    padding-right: 0px;
  }
}

/* -- quick quote styles -- */
.qq_main {
    background-color: #dcdbbc;
    }

.qq_head {
    background-color: transparent;
    color: #1a191d; 
    text-align: center; 
    font-size: 32px; 
    font-family: 'Work Sans', sans-serif; 
    margin-top: 15px;
  }

@media (min-width: 576px) { 
.qq_main {
    background-color: #dcdbbc;
  }
}

@media (min-width: 768px) { 
.qq_main {
    background-color: #dcdbbc;
  }
}

@media (min-width: 992px) { 
.qq_main {
    background-color: #dcdbbc;
  }
}

@media (min-width: 1200px) { 
.qq_main {
    background-color: #dcdbbc;
  }
}


.content_main a:link {color: #212121; text-decoration: underline;}
.content_main a:visited {color: #212121;}
.content_main a:active {color: #212121;}
.content_main a:hover {color: #ed7101;}





@media (min-width: 576px) { 
.qq_head {
    background-color: transparent;
    color: #1a191d; 
    text-align: center; 
    font-size: 32px; 
    font-family: 'Work Sans', sans-serif; 
    margin-top: 15px;
  }
}

@media (min-width: 576px) { 
.qq_p {
    background-color: transparent;
    margin-top: -10px;
  }
}

@media (min-width: 576px) { 
.qq_fields {
    padding: 10px;
  }
}





@media (min-width: 768px) { 
.qq_head {
    background-color: #dcdbbc;
    text-align: center; 
    font-size: 18px; 
    font-family: 'Work Sans', sans-serif; 
    margin-top: 5px;
  }
}

@media (min-width: 768px) { 
.qq_p {
    display: none;
    background-color: #dcdbbc;
    font-size: 12px;
    margin-top: -15px; 
  }
}

@media (min-width: 768px) { 
.qq_fields {
    padding: 1px; 
    font-size: 14px;
  }
}



@media (min-width: 992px) { 
.qq_head {
    background-color: #dcdbbc;
    text-align: center; 
    font-size: 24px; 
    font-family: 'Work Sans', sans-serif; 
    margin-top: 5px;
  }
}

@media (min-width: 992px) { 
.qq_p {
    display: block;
    background-color: #dcdbbc;
    font-size: 14px;
    margin-top: -10px;
  }
}

@media (min-width: 992px) { 
.qq_fields {
    padding: 2px;
  }
}




@media (min-width: 1200px) { 
.qq_head {
    background-color: transparent;
    color: #1a191d; 
    text-align: center; 
    font-size: 32px; 
    font-family: 'Work Sans', sans-serif; 
    margin-top: 15px;
  }
}

@media (min-width: 1200px) { 
.qq_p {
    background-color: transparent;
    margin-top: -10px;
  }
}

@media (min-width: 1200px) { 
.qq_fields {
    padding: 10px;
  }
}


@media (min-width: 992px) { 
.servHeadAdj1 {
    padding-top: 15px;
  }
}


.lispace ul li {padding-bottom: 15px;}


/* --- b&a grid styles ---*/
.categoryName {
    padding: 45px 0px 30px 0px;
}

.gridmain {
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 13px;
    background-color: #fff;
}

.gridbottom {margin-bottom: 20px;}

.gridmain img {
    max-width: 100%;
    padding: 5px 5px 0px 5px;
}

.gridTextPad {padding: 0px 5px 5px 5px}
.new {background-color: red; color: #fff;}

.footer-widget {
    border: 1px solid #444;
    height: 100%;
    width: 100%;
}



/* video responsive info here https://www.ostraining.com/blog/coding/responsive-videos/ */
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}



/* --- modules --- */
.mod_main {
    background-color: transparent;
    margin-top: 20px;
    margin-bottom: 20px;
}

.mod_head {
    text-align: center;
    background-color: #7eb162;
    padding: 8px 0px 2px 0px;
}

a.mod_head:link {color: #fff;  text-decoration: none !important;}
a.mod_head:visited {color: #fff; text-decoration: none !important;}
a.mod_head:active {color: #fff; text-decoration: none !important;}
a.mod_head:hover {color: #fff; text-decoration: none !important;}


/* back to top */
.top_cent {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 60px;
}

a.top:link {color: #fff; text-decoration: underline !important; text-align: center;}
a.top:visited {color: #fff; text-decoration: underline  !important;}
a.top:active {color: #fff; text-decoration: underline  !important;}
a.top:hover {color: #fff; text-decoration: underline  !important;}



/*-- footer styles --- */

.separator_1 {
    clear: both;
    height: 40px;
    padding: 15px;
    background-color: #a2c47f;
    
}

.footer_main {
    background-color: #6d5e4f; 
    color: #fff;
    padding-top: 30px;
    padding-bottom: 20px;
}



a.footer_1:link {color: #fff;  text-decoration: underline !important;}
a.footer_1:visited {color: #fff; text-decoration: underline  !important;}
a.footer_1:active {color: #fff; text-decoration: underline  !important;}
a.footer_1:hover {color: #ccc; text-decoration: underline  !important;}


ul.no_bullet {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

li.heart {
    background: url('/images/li_heart.png') no-repeat left top;
    padding: 5px 0px 10px 40px;
}

li.heart2 {
    background: url('/images/li_heart.png') no-repeat left top;
    padding: 5px 0px 10px 40px;
    margin-left: 30px;
}

li.heartnone {
    background: none;
}






/* ---UNUSED--- */
/*--- jumbotron responsive text -------------------------------- */
.resType_1 h1 {
  font-size: 40px;
}

@media (min-width:576px) {
 .resType_1 h1 {
    font-size: 85px;
  }
}
@media (min-width:768px) {
.resType_1  h1 {
    font-size: 120px;
  }
}
@media (min-width:992px) {
.resType_1 h1 {
    font-size: 170px;
  }
}


.resType_1 p {
  font-size: 24px;
}

@media (min-width:576px) {
 .resType_1 p {
    font-size: 20px;
  }
}
@media (min-width:768px) {
.resType_1  p {
    font-size: 22px;
  }
}
@media (min-width:992px) {
.resType_1 p {
    font-size: 22px;
  }
}



/* jumbotron background image responsive - included here but is already working or not necc */
.apsect-ratio-16x9 {
padding-bottom: 56.25%;
}
.apsect-ratio-6x4 {
padding-bottom: 66.6666667%;
}
.apsect-ratio-5x3 {
padding-bottom: 60%;
}
.apsect-ratio-4x3 {
padding-bottom: 75%;
}
.apsect-ratio-5x2 {
padding-bottom: 40%;
}
.apsect-ratio-3x2 {
padding-bottom: 66.6666667%;
}
.apsect-ratio-3x1 {
padding-bottom: 33.3333333%;
}
.apsect-ratio-2x1 {
padding-bottom: 50%;
}


.imgBorderRes_left {
    float: left; 
    margin: 0px 30px 10px 0px;
    max-width: 100%;
    padding: 3px;
    border: 1px solid #999;
}


.imgBorderRes_right {
    float: right; 
    margin: 0px 0px 10px 30px;
    max-width: 100%;
    padding: 3px;
    border: 1px solid #999;
}


@media only screen and (max-width: 767px) {
    .imgBorderRes_right {
        float: left;
        margin: 0px 200px 30px 0px;
    }
}