:root {
    --font-color :#095416;
    --background-color : rgb(227, 239, 207);
    --hover-color: #000000;
}


body {
    background-color: white;
    font-family: "Segoe UI", Helvetica, Sans-Serif, serif;
    font-size: 1em;
    color: #555;
}

a:link    {color: var(--font-color); text-decoration: underline}
a:visited {color: var(--font-color); text-decoration: underline}
a:hover   {color: var(--hover-color); text-decoration: underline}
a:active  {color: var(--hover-color); text-decoration: underline}

.cmspage {
  color: #555;
  padding: 10px 20px 20px 40px;
}

.navbar-toggler-icon {
    background: url("../images/mobile_menu_button.png");
}

#sidebar {
    padding : 10px;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 999;
    background: var(--background-color);
    color:var(--font-color);
    transition: all 0.3s;
    Width : 14em;
}

h1 {
  margin-top : 0;
  margin-left: 10px;
  color:var(--font-color);
}

p, h2, h3, h4, h5, h6 {
  margin-top : 10px;
  margin-left: 10px;
    color:var(--font-color);
}

p {
  margin-top : 0;
}

h3, h4, h5, h6 {
  margin-bottom: 0;
}

ul {
    color:var(--font-color);
}
img {
 margin-left : 10px;
 margin-right : 10px;
 padding-left : 10px;
}
.bg-green {
    background: var(--background-color);
}


#footer {
    position: fixed;
    bottom: 0;
    height: 50px;
    width: 100%;
}
#footer a {
    color: var(--font-color);
}

.fa-search {
    background: url('../images/search.png');
    height : 24px;
    width : 24px;
    background-repeat: no-repeat;
}