/* Add your css code here */
#header {
    background-color: #fff;
}
#header .svg-inline--fa {
	margin-left: .3em;
    margin-right: .3em;
}
.button1 {
	background: #99bb65;
	color: #fff;
	margin: 4px;
	text-transform: uppercase;
}
.button2 {
	background: #558877;
	color: #fff;
	margin: 4px;
	text-transform: uppercase;
}
.button3 {
	background: #fff;
	color: #333;
	margin: 4px;
	text-transform: uppercase;
}
.header-right p {
	text-transform: uppercase;
	text-align: right;
}
.header-left p {
	text-transform: uppercase;
	text-align: left;
}
a {
	color: #558877;
}
a:hover {
	color: #99bb65;
	opacity: 100;
}
.main-navigation-wrapper, .close-nav, .mobile-nav {
    background-color: #333;
    color: #fff;
	text-transform: uppercase;
}
.w3-button:hover {
    color: #fff !important;
    background-color: #558877 !important;
}
.ul-parent {
	text-align: center;
}
.logo {
	padding-top: 1em;
}

.w3-btn:hover {
	box-shadow: none;
}
.button1:hover {
	background: #558877;
	color: #fff;
}
.button2:hover {
	background: #99bb65;
	color: #fff;
}
.banner-wide .w3-panel {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.welcome-text-inner {
	max-width: 100%;
}
.banner-wide img {
	width: 100%;
}
#page-title {
	background-color: #fff;
    color: #333;
    text-transform: uppercase;
}
.w3-container, .w3-panel {
    padding: 0;
}

.front-info {}

.front-info p {
	text-align: center;
}

.front-info h3 {
	text-align: center;
}
.front-info-list-items {
	min-height: 10em;
    line-height: 2em;	
}
#bottom-container {
    background-color: #eee;
}
#bottom-container .first-bottom > div {
    background-color: #eee;
    color: #333;
}
.w3-card {
	box-shadow: none !important;
}

.bottom-container-inner .first-bottom > div {
	    padding: 0px!important;
}

.bottom-container-inner .first-bottom {
	margin-bottom: 0px;
    margin-top: 0px;
}
.vcenter {
	padding: 4em;
}
#main-container {
    background-color: #fff;
    color: #333;
}
.footer-container-inner a:hover {
	background: #999;
	color: #fff;
}
#footer-container {
    background-color: #333;
}
#footer-container .first-footer > div {
    background-color: #333;
    color: #fff;
}
#footer-container .second-footer > div {
    background-color: #333;
    color: #fff;
}
#footer-container .third-footer > div {
    background-color: #333;
    color: #fff;
}
#footer-menu {    background-color: #222;
    color: #fff;
}
.footer-menu-inner p {
	color: #fff;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #99bb65;
    background: #99bb65;
    font-weight: normal;
    color: #ffffff;
}
ul.sf-menu a, ul.sf-menu span.nolink {
	background-color: #333;
	padding: 15px 20px;
}
ul.sf-menu a:hover {
    color: #fff !important;
    background-color: #558877 !important;
}

ul.sf-menu .sf-sub-indicator {
    right: auto;
	margin-left: 2px;
    width: 15px;
	top: 56%;
	font-size: 10px;
	display: none;
}
ul.sf-menu .sf-with-ul {
        padding-right: 18px;
}
.footer-menu-inner a {
	text-decoration: underline;
	color: #fff;
}
.first-bottom img {
	padding-top: .75em;
}

.imageright img {
	padding-left: 2em;
    padding-bottom: 1em;
    padding-top: 1em;
}
.imageleft img {
	padding-right: 2em;
    padding-bottom: 1em;
    padding-top: 1em;
}

/* Container holding the image and the text */
.banner-container {
  position: relative;
  margin-top: -16px;
      margin-bottom: -16px;
}
.banner-container img {
  width: 100%;
}
/* Bottom right text */
.banner-text-block {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #3336;
    color: white;
    padding-left: 0;
    padding-right: 0;
    font-size: 30px;
    font-weight: 700;
    width: 100%;
    text-align: center;
}
.banner-text-block a {
	font-size: 18px;
}
@media (min-width: 601px) {
h3, .h3 {
	font-size: 30px;
}

@media (max-width: 600px) {
h3 {
	font-size: 24px !important;
}
}
.front-info img {
	padding: 1em;
}	

p {
	line-height: 1.8em;
}
#welcome-text {
	background-color: #333;
}

.w3-padding-24 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.w3-margin-left {
    margin-left: 0px !important;
}


.align-left {
    float: left;
    padding-right: 3em;
}



@media (max-width: 768px) {
.desktopmenu {
	display: none;
}
}
@media (min-width: 768px) {
.mobilemenu {
	display: none;
	}
}

.frontgrid4 {
 border-right: 1px solid #eee;
 padding-left: 4em;
 padding-right: 4em;
}
.frontgrid15 {
 padding-left: 4em;
 padding-right: 4em;
}


@media (max-width: 768px) {
	.front-info img {
    padding: 0;
	}
	p {
		font-size: 18px;
	}
}

@media (max-width: 600px) {
.page-title {
    font-size: 30px !important;
    padding: 0 !important;
}

}