@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

body {font-family: 'Figtree', sans-serif; background-color:#FFF; color: #000; margin:0; font-size: 1em; font-weight: 500; overflow-x: hidden; position: relative;}

dl, ol, ul {margin:0!important; list-style-position: outside;}
li {margin:10px 0 10px -10px; line-height: 1.5em;}

p {font-family: 'Figtree', sans-serif; font-size: 1em; font-weight: 500; line-height: 1.5em; letter-spacing: 0;}

.bulleted-list {margin:0 0 -10px 0;}

.max-container {max-width:856px;}

#content {scroll-margin-top: 115px!important;}
#form {scroll-margin-top: 115px!important;}

/*SKIP TO CONTENT*/
.skip-to-content-link {
    left: 0px;
    position: absolute;
    transform: translateY(-100%);
    background: #FFF;
    height: 40px;
    padding: 10px;
    transition: transform 0.3s;
	margin-top:0;
    z-index: 1;
	width: 100%;
	text-align: center;
}
.skip-to-content-link:hover {
	color:#000;
}
/*.skip-to-content-link:focus {
    transform: translateY(0%);
}*/
.skip-to-content-link:focus {
    transform: translateY(0%);
	width:100%;
	background-color:#FFF;
	z-index:99999999999;
	/*line-height:50px;*/
	font-weight:bold;
	color:#004474!important;
	border:none;
	text-align: center!important;
}
.skip-to-content-link:focus-visible {
	color:#004474!important;
}
/* END SKIP TO CONTENT*/

/*BACK TO TOP*/
#button {
  display: inline-block;
  background-color: #004474;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 0;
  position: fixed;
  bottom: 30px;
  right: 0;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  border:2px solid #FFF;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #FFF;
}
#button:hover {
  cursor: pointer;
  background-color: #94A242;
}
#button:active {
  background-color: #94A242;
}
#button.show {
  opacity: 1;
  visibility: visible;
}
/*END BACK TO TOP*/

a {text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
a:hover {text-decoration: none;}
a:focus {text-decoration: none; outline: -webkit-focus-ring-color auto 1px; outline-offset: 2px;}
a:focus-visible {text-decoration: none; outline: -webkit-focus-ring-color auto 5px;}

.blue {color:#004474;}
.teal {color:#008ABC;}
.green {color:#94A242;}
.lime {color:#B1C151}
.white {color:#FFF;}
.black {color:#000;}

.small {font-size: 90%!important;}
.smaller {font-size: 85%!important;}
.smallest {font-size: 75%!important;}
.large {font-size: 110%!important;}
.larger {font-size: 125%!important;}
.largest {font-size: 150%!important;}

.bar-blue {width:100px; border-top:10px solid #004474; border-radius: 10px;}
.bar-teal {width:100px; border-top:10px solid #008ABC; border-radius: 10px;}
.bar-green {width:100px; border-top:10px solid #94A242; border-radius: 10px;}
.bar-white {width:100px; border-top:10px solid #FFF; border-radius: 10px;}
.bar-black {width:100px; border-top:10px solid #000; border-radius: 10px;}

.bar-teal-sm {width:75px; border-top:7.5px solid #008ABC; border-radius: 10px;}
.bar-green-sm {width:75px; border-top:7.5px solid #94A242; border-radius: 10px;}

.divider {border-top:1px solid #d2a06a;}
.divider-blue {border:3px solid #004474; border-radius: 10px;}
.divider-teal {border:1px solid #008ABC; border-radius: 10px;}

.bg-red {background:#004474;}

.border-black {border:4px solid #000;}
.border-blue {border:4px solid #004474;}
.border-teal {border:4px solid #008ABC;}
.border-btm-blue {border-bottom:8px solid #004474;}
.pic-shadow {-webkit-box-shadow: 0 10px 10px -5px #008ABC; -moz-box-shadow: 0 10px 10px -5px #9008ABC99; box-shadow: 0 10px 10px -5px #008ABC;}

h1 {
	font-family: "Ubuntu", sans-serif;
	font-size: 50px;
	font-weight: 700;
	color:#004474;
	letter-spacing: -2px!important;
}

h2 {
	font-family: "Ubuntu", sans-serif;
	font-size: 42px;
	font-weight: 700;
	color:#004474;
	letter-spacing: -2px;
}

h3 {
	font-family: "Ubuntu", sans-serif;
	font-size: 28px;
	font-weight: 700;
	color:#004474;
	letter-spacing: -2px;
}

h4 {
	font-family: 'Figtree', sans-serif;
	font-size: 21px;
	font-weight: 800;
	color:#008ABC;
	letter-spacing: -.5px;
	text-transform: uppercase;
}

.header {
  background:#FFF;
  z-index:999999;
  -webkit-box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.15); 
  box-shadow: 0px 5px 10px -5px rgba(0,0,0,0.15);
  height: 110px;
  margin-bottom: 50px!important;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background:#FFF;
  z-index: 10;
}

.sticky + .content {
  padding-top: 102px;
}

.offcanvas {background:#FFF; border-top: none!important; padding:0!important;}
.offcanvas-header {padding:0!important;}
.offcanvas-header img {height:75px!important; margin:10px 0 0 25px!important;}
.offcanvas-header .btn-close {padding: 0.5rem 0.5rem; margin-top: -0.5rem; margin-right: 0.5rem; margin-bottom: -0.5rem;}

.navbar-light .navbar-nav .nav-link {
  font-family: "Ubuntu", sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #004474;
  letter-spacing: -1px;
  padding:10px 1.5rem !important;
  margin:25px auto;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 4px solid #FFF;
}
.navbar-light .navbar-nav .nav-link:hover {color:#007FAD!important; border-bottom: 4px solid #94A242;}

.nav-link3 {
	font-size:28px;
	font-family: "Figtree", sans-serif;
	font-weight: 800;
	background:#FFF;
	color:#004474;
	padding:15px!important;
	margin:30px 0 0 50px!important;
	text-transform: uppercase;
	letter-spacing: -.5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:3px solid #008ABC;
	border-radius: 10px;
	line-height: .75em!important;
}
.nav-link3:hover {color:#fff; background:#004474; border:3px solid #004474; text-decoration:none;}
.nav-btn {font-size: 16px; font-weight: 400; padding-top: -120px!important;}

.navbar-toggler {border-color:#000!important; background-color:transparent!important; border:0!important; color:(0,0,0,1.0)!important;}
.navbar-light .navbar-toggler {outline: none;}

.navbar-brand {/*height:100%; */z-index: 10; position: relative; top:0;}
.navbar-brand img {
	height:75px;
	/*top:fixed;
	margin: -6.5rem 0 0 50px!important;*/
}
.navbar-brand.js-scrolling img {
	height: 75px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {color:#004474!important;}
/*.nav-link:focus-visible {outline: 2px solid #747B42!important;}*/
.nav-link:focus-visible { outline: solid #004474 2px !important;}

.hero {background-image: url("images/index/hero.webp"); min-height: 600px; color:#000!important;}
.hero-top {padding-top:350px;}
.hero-tagline {font-family: 'Ubuntu', sans-serif; font-weight: 700; color:#FFF; letter-spacing: .5px;}

.carousel-control-next, .carousel-control-prev {opacity: 1;}
.carousel-control-next-icon, .carousel-control-prev-icon {background-color: rgba(0,0,0,0.65); padding: 1rem 0; border:1px solid #FFF;}

button.carousel-control-prev:hover, button.carousel-control-next:hover {
 .carousel-control-prev-icon, .carousel-control-next-icon {
        border: solid white 2px;
        outline-color: #004474;
        outline-style: solid;
        outline-width: 2px;
        background-color: #004474;
        transform:	scale(1.25);
    }
}
button.carousel-control-prev:focus, button.carousel-control-next:focus {
 .carousel-control-prev-icon, .carousel-control-next-icon {
        border: solid white 2px;
        outline-color: #004474;
        outline-style: solid;
        outline-width: 2px;
        background-color: #004474;
        transform:	scale(1.25);
    }
}

.shrink-on-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.shrink-on-hover:hover,
.shrink-on-hover:focus,
.shrink-on-hover:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.content-index {min-height: 350px; font-weight: 500; letter-spacing: -.5px; margin-top: 110px;}
.content {min-height: 750px; font-weight: 500; letter-spacing: -.5px; margin-top: 110px;}
.content a {color:#004474!important; font-weight: 800; text-decoration: underline; text-transform: none!important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.content a:hover {color:#008ABC!important; text-decoration: none;}
.content a:focus {border:2px solid #008ABC; color:#000; outline-offset: 2px;}
.content a:focus-visible {border:2px solid #008ABC; color:#000;}
.btn-content {
	background-color:#004474;
	font-family: "Figtree", serif;
	font-size:18px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	letter-spacing: 0;
	color:#FFF!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:5px solid #004474;
	border-radius: 10px;
}
.btn-content:hover {
	background:#199AD2;
	color:#FFF!important;
	cursor: pointer;
	border:5px solid #199AD2;
	text-decoration: underline;
}
.btn-content:focus {border:2px solid #000; outline-offset: 2px;}
.btn-content:focus-visible {border:2px solid #000;}

.index-text {font-size: 20px; font-weight: 400; line-height: 1.8em;}

.bg-tree {background-image: url("graphics/bg-tree.jpg"); background-attachment: fixed; background-size: contain; background-repeat: no-repeat;
}
.bg-blue {background:#004474;}

.btn-teal {
	background-color:#007FAD;
	font-family: "Figtree", serif;
	font-size:18px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	letter-spacing: 0;
	color:#FFF!important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:4px solid #B1C151;
	border-radius: 10px;
}
.btn-teal:hover {
	background:#004474;
	color:#FFF!important;
	cursor: pointer;
	border:4px solid #B1C151;
	text-decoration: underline;
}
.btn-teal:focus {border:2px solid #000;}
.btn-teal:focus-visible {border:2px solid #000;}

.bg-tagline {background-image: url("graphics/bg-tagline.jpg"); background-attachment: fixed; background-size: cover;}
.bg-tagline a {color: #FFF; font-weight: 800; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-tagline a:hover {color: #B1C151; font-weight: 800; text-decoration: underline;}
.bg-tagline a:focus {border:2px solid #008ABC; color:#B1C151; outline-offset: 2px;}
.bg-tagline a:focus-visible {border:2px solid #008ABC; color:#B1C151;}
.h2-tagline {font-size: 42px; color:#B1C151!important; font-weight: 700; text-transform: none!important;}
.btn-tagline {
	background-color:#199AD2;
	font-family: 'Figtree', sans-serif;
	font-size:30px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	text-shadow: none!important;
	color:#FFF!important;
	letter-spacing:0px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:3px solid #199AD2;
	border-radius: 10px;
	position: relative;
}
.btn-tagline:hover {
	background:transparent;
	color:#FFF!important;
	cursor: pointer;
	border:3px solid #B1C151;
	text-decoration: none;
}
.btn-tagline:focus {color:#FFF; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; outline-offset: 2px;}
.btn-tagline:focus-visible {color:#FFF; text-decoration:underline;}

.footer {background:#FFF; font-family: "Figtree", sans-serif; font-size: 18px; font-weight:500; color:#004474; letter-spacing: -.5px;}
.footer a {color: #004474; font-weight: 800; text-decoration: underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer a:hover {color: #007FAD; font-weight: 800; text-decoration: none;}
.footer a:focus {border:2px solid #199AD2; color:#007FAD; outline-offset: 2px;}
.footer a:focus-visible {border:2px solid #199AD2; color:#007FAD;}
.footer ul {padding:0; margin:0; text-align:center;}
.footer ul li {list-style-type:none; display:inline;}
.footer ul li:before {content:'';}
.footer ul li:after {content:''; margin:0 0 0 50px;}
.footer ul li:last-child:after {content:''; margin-left: 0;}

.footer-fb {color:#004474;}
.footer-fb a {font-size: 36px!important; color: #004474; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-fb a:hover {color: #008ABC; text-decoration: none;}
.footer-fb a:focus {border:2px solid #000; color:#008ABC; outline-offset: 2px;}
.footer-fb a:focus-visible {border:2px solid #000; color:#008ABC;}

.bg-anchor {background:#004474; color:#FFF; font-family: 'Figtree', sans-serif; font-size: 14px; font-weight:300; border-bottom: 5px solid #008ABC;}
.bg-anchor a {color:#FFF; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-anchor a:hover {color:#B1C151; text-decoration:none;}

.bg-anchor a {color:#FFF; text-decoration:underline; font-weight: 400; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bg-anchor a:hover {color:#B1C151; text-decoration:none;}
.bg-anchor a:focus {border:2px solid #FFF; color:#B1C151; outline-offset: 2px;}
.bg-anchor a:focus-visible {border:2px solid #FFF; color:#B1C151;}
.bg-anchor ul {padding:0; margin:0; text-align:center!important;}
.bg-anchor ul li {list-style-type:none; display:inline;}
.bg-anchor ul li:before {content:'';}
.bg-anchor ul li:after {content:'|'; color:#B1C151; font-weight: 900; margin:0 20px 0 10px;}
.bg-anchor ul li:last-child:after {content:'';}

.bg-intro {background-image: url("graphics/bg-intro.jpg"); background-size: cover;}
.intro-text {font-size: 18px; font-weight: 500; line-height: 1.5em; letter-spacing: -.25px;}

.bg-gray {background:#F4F4F4;}
.why-text {font-size: 20px; font-weight: 400; line-height: 1.8em; letter-spacing: -.25px;}

.callout {background:#FFF; border-radius:10px; min-height: 350px; letter-spacing: -.5px; color:#004474;}
.callout-heading {font-size: 20px; font-weight: 800;}
.callout-text {font-size: 17px; font-weight: 400; line-height: 1.5em;}
.callout-tagline {font-family: "Ubuntu", sans-serif; font-size: 28px; font-weight: 700; line-height: 1.5em; letter-spacing:-1px;}

.block {background: #FFF; border-radius: 10px; font-size: 16px;}
.block li {margin:20px 0 20px -10px; line-height: 1.5em;}

.signs-block {background: #FFF; border-radius: 10px; font-size: 16px; min-height: 375px;}
.mission-vision {background: #FFF; border-radius: 10px; font-size: 16px; min-height: 300px;}

.removal-list {font-size: 18px;}
.removal-list li {margin:25px 0 25px -10px; line-height: 1.5em;}
.removal-list li::before {content: url("graphics/leaf-sm.jpg"); display: inline; margin:0 10px 0 -20px;}

.list {font-size: 20px; font-weight: 400; letter-spacing: -.5px; line-height: 1.8em;}

.icon-lg {font-size: 72px; color:#94A242;}

/*ACCORDION*/
.accordion-header {padding:0;}
.accordion-header:hover {padding:0;}
.accordion-item {border-bottom: 1px solid #767676!important;}
.accordion-button:hover {background:#eee!important; color:#004474!important; border:2px solid #94A242;}
.accordion-button {font-family: "Ubuntu", sans-serif; font-size: 24px; font-weight: 600; color:#004474; letter-spacing: -1px; border:2px solid #fff;}
.accordion-button:focus {border:2px solid #004474!important; z-index: 3; outline-offset: 2px;}
.accordion-button:focus-visible {border:#004474;}
.accordion-button:not(.collapsed) {background-color:#eee!important; color:#008ABC!important; box-shadow: none!important;}
.accordion-button:not(.collapsed)::after {background-image:url("graphics/angle-up.png");}
.accordion-button::after {background-image:url("graphics/angle-down.png");}
.accordion-body {font-family: 'Figtree', sans-serif; font-size: 16px; color:#000!important;}
/*END ACCORDION*/


/*FORM*/
#form {
        width:100%;
        float:left;
		font-family: 'Figtree', sans-serif;
}


form{
        width: 100%;
        }

legend {font-size: 16px; font-weight: 500; color:#000;}

fieldset{
        border: 0;
        padding:2.5% 0;
        clear: left;
		
        }
        
textarea, input, select{
        border-top:0;
		border-right:0;
		border-left:0;
		border:1px solid #767676;
        padding:2.5%;
        width: 100%;
		font-size: 16px;
        }

label{
        font-weight: 600!important;
		font-size: 100%;
		display: block;
        }       
        
textarea:focus, input:focus, select:focus{
        border: 3px solid #004474;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}

.submit {
	padding:2.5%!important;
	background:#004474; 	
	color:#FFF!important;
	font-family: 'Figtree', serif;
	font-size:2em;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing: -.5px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border:4px solid #004474;
}
/*.submit:hover {
	background-color:#000;
	color:#ccc!important;
	cursor:pointer;
	border:4px solid #000;
}*/
.submit:hover {background-color:#000; color:#FFF!important; cursor:pointer;border:2px solid #FFF; outline-color: #008ABC; outline-style: solid; outline-width: 4px; padding:4px; border:4px solid #008ABC;}
.submit:focus {border:2px solid #FFF; outline-color: #008ABC; outline-style: solid; outline-width: 4px; padding:4px; outline-offset: 2px;}
.submit:focus-visible {border:2px solid #FFF; outline-color: #008ABC; outline-style: solid; outline-width: 4px; padding:4px;}
input {padding:7px!important;}
/*END FORM*/

.justify{text-align: justify;}

@media (max-width: 1575px) {
.navbar-light .navbar-nav .nav-link {padding:10px 1.2rem !important;}
.callout {min-height: 410px;}
}

@media (max-width: 1525px) {
.navbar-light .navbar-nav .nav-link {font-size: 17px; padding:10px 1.2rem !important;}
.mission-vision {min-height: 335px;}
}

@media (max-width: 1475px) {
.callout {min-height: 435px;}
}

@media (max-width: 1415px) {
.navbar-light .navbar-nav .nav-link {font-size: 17px; padding:10px 1rem !important;}
}
	
@media (max-width: 1399px) {
.navbar-brand img {margin-top: -20px;}
.navbar-light .navbar-nav .nav-link {font-size: 18px; padding:5px 0!important; margin:0 0 0 20px!important;}
.nav-link3 {margin:20px 0 0 20px!important;}
.footer ul li:after {content:''; margin:0 0 0 25px;}
.callout {min-height: 350px;}
.mission-vision {min-height: 325px;}
}

@media (max-width: 1199px) {
.hero {background-image: url("images/index/hero-1200.webp");}
.footer ul li:after {content:''; margin:0 0 0 50px;}
.icon-lg {font-size: 56px;}
.signs-block {min-height: 400px;}
.mission-vision {min-height: 360px;}
}

@media (max-width: 991px) {
.hero {background-image: url("images/index/hero-992.jpg");}
.footer ul li {display:block; padding:12px 0;}
.footer ul li:after {margin:0;}
.callout {min-height: 385px;}
.icon-lg {font-size: 72px;}
.signs-block {min-height: 0;}
.mission-vision {min-height: 0;}
}

@media (max-width: 767px) {
.hero {background-image: url("images/index/hero-768.jpg");}
.hero-top {padding-top: 300px;}
.bg-anchor ul li {display:block; padding:12px 0;}
.bg-anchor ul li:after {content:''; margin:0;}
.callout {min-height: 0;}
.icon-lg {font-size: 62px;}
}

@media (max-width: 575px) {
.hero {background-image: url("images/index/hero-576.jpg");}
ul {margin:-8px 0 0 0!important}
.icon-lg {font-size: 72px;}
.bulleted-list {margin:0;}
}

@media (max-width: 480px) {

}

@media (max-width: 375px) {
h1 {font-size: 42px;}
.navbar-brand img {height:65px;}
.navbar-brand.js-scrolling img {height: 65px;}
.nav-link3 {font-size: 24px; padding:25px!important; margin: 15px 0 0 0!important; line-height: 1em !important;}
.btn-tagline {font-size:28px;}
}