body.site {
	background: transparent;
	background-image: url(../../../../../images/page.jpeg);
	background-position: top;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
}

:root {
    --cassiopeia-color-primary: #3f681c;
    --cassiopeia-color-link: #122f59;
    --cassiopeia-color-hover: #375e97;
}

.form-control:where(input), .form-control:where(textarea), .form-select:where(select), .uk-input, .uk-select, .uk-textarea {
  max-width: 100%;
  width: 100%;
  border: 0 none;
  padding: 0 15px;
  background: #f3f5fb;
  color: #6d6f72;
  transition: .2s ease-in-out;
  transition-property: all;
  transition-property: color,background-color,border-color,box-shadow;
  border-radius: 6px;
  box-shadow: inset 3px 3px 6px rgba(57,65,124,.1),inset -3px -3px 6px #fff;
}

.container-topbar {
  display: flex;
    margin-left: auto;
    margin-right: auto;
    max-width: 1320px;
    width: 100%;
}
.container-header .grid-child {
    padding: 1px; 
}

.bannerheader {
position: relative;
left: 4px;
top: 3px;
z-index: 2;
height: 0px;
color: #464631;
text-shadow: -1px 0 #fdeec4, 0 1px #fdeec4, 1px 0 #fdeec4, 0 -1px #fdeec4;
}

.banneritem  {
 position: relativ;
  z-index: 1;
}

.mod-banners__footer {
position: relative;
left: 6px;
top: -26px;
z-index: 3;
height: 0px;
 text-shadow: -1px 0 #80b63a, 0 1px #80b63a, 1px 0 #80b63a, 0 -1px #80b63a;
}

main  {
	display: block;
	background-color: #fdeec4;
    padding: 30px;
}


.footer {
     background-color: #8DC346;
     height: 100px;
}

navbar1
{
  background-color: #464631;
}

.metismenu-item {
    background-color: #80b63a;
    border: 1px solid #464631;
    color: #fdeec4;
  border-radius: 6px;
    margin-top: 0px;
  margin-right: 4px;
  margin-bottom: 0px;
  margin-left: 0px;
  
}

.metismenu-item:hover{
    background-color: #464631;
    border: 1px solid #FFBB00;
	color: #FFBB00;
  border-radius: 6px;
    margin-top: 0px;
  margin-right: 4px;
  margin-bottom: 0px;
  margin-left: 0px;
}

.container-header .mod-menu > li.level-1.active > a, .container-header .mod-menu > li:active a {
    color: #FFBB00;
;
  /*font-weight: bold;*/
}

.container-component>*+*, .container-component>:first-child, .container-sidebar-left>*+*, .container-sidebar-left>:first-child, .container-sidebar-right>*+*, .container-sidebar-right>:first-child {
  margin-top: 0px;
  margin-bottom: -20px;
}