:root {
  /* green */
  --first-color: #1c7322;
  --first-color-darker: #15731b;
  --first-color_hov: #18641d;
  --first-color-darker_hov: #126418;
  --first-color-darker_hov_trans: #12641820;

  /* gray */
  --bg-gray: #f8f9fa;
}

/* Gab betwwwn modular-text smaller */
.modular-text {
  padding-bottom: 2rem;
}


/**************************/
/*     Color settings     */
/**************************/

/* Change color of Buttons  */
.btn-primary.button, .btn.btn-primary {
  background: var(--first-color);
  border-color: var(--first-color-darker);
} 

.btn, .button {
  color: var(--first-color);
  border-color: var(--first-color);
}

.btn-primary.button:focus, .btn-primary.button:hover, .btn.btn-primary:focus, .btn.btn-primary:hover {
  background: var(--first-color_hov);
  border-color: var(--first-color-darker_hov);
}

.btn:focus, .btn:hover, .button:focus, .button:hover {
  border-color: var(--first-color-darker_hov);
  background: var(--first-color-darker_hov_trans);
}

/* Change color of form input*/
.form-input:focus, .search-input:focus, [data-grav-field="array"] input:focus, [data-grav-field="array"] textarea:focus {
  border-color: var(--first-color-darker_hov);
  box-shadow: 0 0 0 .1rem var(--first-color-darker_hov_trans);
}

/* Change Color of menu items */
.dropmenu ul li a.active, .dropmenu ul li a:focus, .dropmenu ul li a:hover {
  color: var(--first-color)!important;
}

/* Checkbox */
.form-checkbox input:focus + .form-icon, .form-radio input:focus + .form-icon, .form-switch input:focus + .form-icon {
  box-shadow: 0 0 0 .1rem var(--first-color-darker_hov_trans);
  border-color: var(--first-color-darker_hov);
}
.form-checkbox input:checked + .form-icon, .form-radio input:checked + .form-icon, .form-switch input:checked + .form-icon {
  border-color: var(--first-color-darker_hov);
  background: var(--first-color-darker_hov);
  box-shadow: 0 0 0 .1rem var(--first-color-darker_hov_trans);
}

/* Background modular site ,#f8f9fa !important*/
.modular-text.bg-gray {
  background: #ffffff !important;
}

#header {
  background: var(--bg-gray);
}

/* Hamburger mobil */
.mobile-menu .button_container span {
  background: var(--first-color-darker_hov);
}

/* Menu mobil  */
.tree.treemenu.treemenu-root a,
.treemenu li a.active, .treemenu li a:focus, .treemenu li a:hover{  
  color: var(--first-color-darker_hov) !important;
}

#overlay {
  background: #222;
}


/**************************/
/*     Font  settings     */
/**************************/

/* Font size normal menu */
.section .dropmenu.animated {
  font-size: .8rem;
}
.section.scrolled .dropmenu.animated {
  font-size: .7rem;
}
.dropmenu.animated {
  transition: all .5s ease;
}

/* Mobil menu */
.treemenu li a {
  font-size: 1.4rem;
}
.treemenu li {
  line-height: 1.6rem;
}
.treemenu .toggler {
  font-size: 1.4rem;
  line-height: 1.6rem;
}


/**************************/
/*     Cookie settings    */
/**************************/

/* Margin message */
.cc-floating.cc-theme-edgeless .cc-message {
  margin: 1.2rem;
}
/* Accept button */
.cc-color-override-530831885 .cc-btn,
.cc-color-override-530831885 .cc-btn:hover, .cc-color-override-530831885 .cc-btn:focus {
  padding: 0.6em 0.8em;
  background-color: var(--first-color)!important;
}
/* Font size */
.cc-revoke, .cc-window {
  font-size: 14px;
}


/**************************/
/*      Header Image      */
/**************************/
.hero {
  background-position: bottom!important;
}