:root {
  --primary-bg-color: transparent;
  --cassiopeia-color-link: #336300;
  /*--cassiopeia-color-hover: forestgreen;
  --cassiopeia-color-primary: #336300;
  */
  --cassiopeia-color-hover: transparent;
  --cassiopeia-color-primary: transparent;
  --navbar-active-color: forestgreen;
  --link-hover-color: forestgreen;
  --link-color: #336300;
  --body-bg: #e4e5df;
  --body-color: black;
}

body {
  background:URL(/images/bg1.jpg);
  background-attachment: fixed;   
  background-repeat: no-repeat;
  background-position: top right;
}

/*.main-top {
  background-color: grey;
  opacity: 0.7;
}
*/

.top-a {
  background-color: transparent;
  align: center;  
}

.blog, .blog-featured, .finder,
.item-page, .categories-list {
  background-color: #e4e5df;
  text-align: justify;
  padding: 20px 20px 20px 20px;
  /*opacity: 0.7;*/
}

.breadcrumb, .contact {
  background-color: #e4e5df;
  text-align: justify;
  padding: 20px 20px 20px 20px;
  opacity: 0.9;
}

.container-header {
  /*background-color: #336300;*/
  background-color: mix(#305d00, #3e7800, 60%);
  background-image: linear-gradient(to bottom, #305d00, #3e7800);
}

/*.container-header .mod-menu {
  color: #336300;
  background-color: #e4e5df;
  padding: 10px 10px 10px 10px;
  opacity: 0.9;
}
*/

/*.container-header .mod-menu a {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px; 
    padding: 3px 15px;
    color: #e4e5df;
}
*/

/*.container-header .mod-menu li.active a {
  border-bottom: 1px solid forestgreen;
  color: forestgreen;
}
*/

/*.container-header .mod-menu a:hover {
    background-color: #e4e5df;
}
*/

/*.container-header .navbar-toggler {
    color: forestgreen;
    border: 1px solid forestgreen;
}
*/

/*.container-header .navbar-brand a {
    color: #336300;
}
*/

/*.container-header .navbar-brand a span,
.container-header .site-description {
  color: #336300;
  align: center;
}
*/

.mod-finder .awesomplete,
.form-control{
  background-color: #e4e5df;
}