body, html {
  font-family: Geneva, "Lucida Sans", "Lucida Grande", sans-serif;
  font-size: 14px;
  line-height: 20px;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 1em;
}
h3 {
  font-size: 24.5px;
}
.container-header {
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222, #111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#111));
  background-image: -webkit-linear-gradient(top, #222, #111);
  background-image: -o-linear-gradient(top, #222, #111);
  background-image: linear-gradient(to bottom, #222, #111);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
  border-color: #252525;
  .mod-menu {
    li {
      padding: 0;
    }
    li.active a {
      &::after {
        display: none;
      }
    }
    a {
      font-family: "Helvetica", Geneva, "Lucida Sans", "Lucida Grande", sans-serif;
      text-shadow: 1px 1px 1px #666;
      font-weight: bold;
      padding: 10px 15px 10px;
      font-size: 14px;
      &::after, &:hover::after {
        display: none;
      }
      &:hover {
        text-shadow: 1px 1px 1px #1a2407;
        background-color: #4d4d4d;
        background-image: -moz-linear-gradient(top, #666, #282828);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#666), to(#282828));
        background-image: -webkit-linear-gradient(top, #666, #282828);
        background-image: -o-linear-gradient(top, #666, #282828);
        background-image: linear-gradient(to bottom, #666, #282828);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff666666', endColorstr='#ff282828', GradientType=0);
        text-shadow: 1px 1px 1px #1a2407;
        color: #79befa;
      }
    }
  }
  .metismenu.mod-menu .metismenu-item {
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    line-height: 1.5;
    display: flex;
  }
  .navbar {
    margin: 0;
  }
}
.container-topbar {
  max-width: 1170px;
  margin-inline: auto;
}
#logobar {
  background-color: #29373a;
  background-image: -moz-linear-gradient(top, #2f4145, #20282a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f4145), to(#20282a));
  background-image: -webkit-linear-gradient(top, #2f4145, #20282a);
  background-image: -o-linear-gradient(top, #2f4145, #20282a);
  background-image: linear-gradient(to bottom, #2f4145, #20282a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f4145', endColorstr='#ff20282a', GradientType=0);
  color: #7D878A;
  margin-bottom: 0;
  text-shadow: 1px 1px 0 #000000;
  padding: 10px 0 0px;
  .logoWrap {
    max-width: 1170px;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    place-content: center;
  }
  .menu-search.card {
    background: transparent;
    border: none;
    border-radius: 0;
      a {
          text-underline-offset: 3px;
      }
    .js-finder-search-query.form-control {
      border-radius: 100vh;
      padding: 3px 15px;
      margin-bottom: 20px;
    }
  }
  .container-menu-search-a {
    justify-content: center;
  }
}
.sidebar-left, .sidebar-right, .main-bottom {
  margin-top: 0 !important;
  ul {
    li {
      padding: 0;
    }
    li > a {
      padding: 5px 12px;
      margin-top: 2px;
      margin-bottom: 2px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      width: 100%;
      display: block;
      &:hover, &:active {
        background-color: #eee;
        text-decoration: none;
      }
    }
    li.active a {
      background-color: #0d70d2;
      color: #fff;
      text-decoration: none;
    }
  }
  .card-body {
    padding: 0;
  }
  &.card {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  }
  h3.card-header, h4.card-header {
    padding: 0;
    color: #505050;
    background-color: transparent;
    border-bottom: 3px solid #D8D8D8;
    margin-block: 13.3px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  }
  h3.card-header {
    font-size: 24.5px;
    font-weight: normal;
  }
}
a {
  color: #0d70d2;
  text-decoration: none;
  &:hover, &:active {
    color: #0f88ff;
    text-decoration: underline;
  }
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--breadcrumb-item-padding-x);
  color: var(--breadcrumb-divider-color);
  content: unset;
}
.mod-breadcrumbs__wrapper {
  margin-top: 0 !important;
  .mod-breadcrumbs {
    background-color: #f5f5f5;
    font-size: 0.9em;
    padding: 3px 15px 0 !important;
    border: 1px solid #D1D1D1 !important;
    margin-bottom: 20px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
  }
  li {
    text-shadow: 0 1px 0 #fff;
  }
  span.caret {
    background-image: url("../../../../../images/elements/bread_sep.png") !important;
    height: 25px;
    width: 14px;
    background-position: 0 0 !important;
    margin-top: -4px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
  .breadcrumb-item:nth-of-type(1) span.caret {
    display: none;
  }
  /*.mod-breadcrumbs__item.breadcrumb-item {
        position:relative;
        &::before {
            background-image: url("../../../../../images/elements/bread_sep.png") !important;
          height: 25px;
          width: 14px;
          background-position: 0 0 !important;
          margin-top: -4px;
          display: inline-block;
          vertical-align: middle;
            content:'';
        }
    }
    
    .mod-breadcrumbs__item.breadcrumb-item:nth-of-type(1) {
            &::before {
                display:none;
                background-image: none !important;
            }
        }*/
}
.site-grid {
  background-image: url("../../../../../images/elements/teaser_bg_sm.png");
  background-repeat: repeat-x;
  gap: 0 20px;
  padding: 20px 20px 0;
}
.itemid-101 {
    main {
        margin-top:0px;
    }
  .site-grid {
    background-image: url("../../../../../images/elements/teaser_bg.png");
  }
}
.view-search.itemid-101 {
    main {
        margin-top:0px;
    }
}
.pagenavigation {
  .btn {
    border-radius: 100vh;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #0d70d2;
    font-size: 14px;
    &:hover, &:active {
      background-color: #f5f5f5;
      color: #0f88ff;
      text-decoration: none !important;
    }
  }
}
.footer {
  .grid-child {
    justify-content: center;
    padding-block: 1rem;
  }
  p {
    margin: auto;
  }
  background:#2E2F2D;
  text-align:center;
}
.itemid-737 {
  .page-header {
    h2 {
      display: none;
    }
  }
}
.docman_document {
    .docman_document_details, .label {
        display:none;
    }
    .docman_download {
        a.btn-primary {
          color: #fff;
          text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
          background-color: #0d56d2;
          background-image: -moz-linear-gradient(top, #0d70d2, #0d2ed2);
          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0d70d2), to(#0d2ed2));
          background-image: -webkit-linear-gradient(top, #0d70d2, #0d2ed2);
          background-image: -o-linear-gradient(top, #0d70d2, #0d2ed2);
          background-image: linear-gradient(to bottom, #0d70d2, #0d2ed2);
          background-repeat: repeat-x;
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0d70d2', endColorstr='#ff0d2ed2', GradientType=0);
          border-color: #0d2ed2 #0d2ed2 #091e8a;
          border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
          *background-color: #0d2ed2;
          filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            width:100%;
            display:block;
                 padding: 11px 19px;
            padding-right: 19px;
            padding-left: 19px;
          font-size: 17.5px;
          -webkit-border-radius: 6px;
          -moz-border-radius: 6px;
          border-radius: 6px;
            &:hover, &:active {
                background-color: #0d2ed2;
                background-position: 0 -15px;
              -webkit-transition: background-position .1s linear;
              -moz-transition: background-position .1s linear;
              -o-transition: background-position .1s linear;
              transition: background-position .1s linear;
                        }
        }
    }
    .koowa_header {
            border-bottom: 1px solid #f2f2f2;
            border-bottom-color: rgb(242, 242, 242);
          border-bottom-color: rgba(0,0,0,.05);
          padding-bottom: 10px;
          margin-top: -5px;
        font-weight:bold;
        }
}
.error_site {
    a.btn.btn-secondary {
                color: #fff;
          text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
          background-color: #0d56d2;
          background-image: -moz-linear-gradient(top, #0d70d2, #0d2ed2);
          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0d70d2), to(#0d2ed2));
          background-image: -webkit-linear-gradient(top, #0d70d2, #0d2ed2);
          background-image: -o-linear-gradient(top, #0d70d2, #0d2ed2);
          background-image: linear-gradient(to bottom, #0d70d2, #0d2ed2);
          background-repeat: repeat-x;
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0d70d2', endColorstr='#ff0d2ed2', GradientType=0);
          border-color: #0d2ed2 #0d2ed2 #091e8a;
          border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
          *background-color: #0d2ed2;
          filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
        
           &:hover, &:active {
                background-image: -moz-linear-gradient(top, #0d2ed2, #0d70d2);
          background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0d2ed2), to(#0d70d2));
          background-image: -webkit-linear-gradient(top, #0d2ed2, #0d70d2);
          background-image: -o-linear-gradient(top, #0d2ed2, #0d70d2);
          background-image: linear-gradient(to bottom, #0d2ed2, #0d70d2);
                }
            }
    .site-grid {
        
    }
}
#search-result-list {
    .result__taxonomy, .result__title-url {
        display:none;
    }
    .result__item + .result__item {
          border-top: 1px solid #eee;
          margin-top: 1.5em;
          padding-top: 1.5em;
        }
}

@supports (display:grid) {
  @media (width < 992px) {
      .header {
          .container-topbar {
              padding:5px;
              li a {
                  display:block;
                  width:100%;
              }
              .navbar-toggler {
                  margin:5px 8px 5px auto;
                  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
                  background-color: #0e0e0e;
                  background-image: -moz-linear-gradient(top, #151515, #040404);
                  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
                  background-image: -webkit-linear-gradient(top, #151515, #040404);
                  background-image: -o-linear-gradient(top, #151515, #040404);
                  background-image: linear-gradient(to bottom, #151515, #040404);
                  background-repeat: repeat-x;
                  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0);
                  border-color: #040404 #040404 #000;
                  border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
              }
          }
      }
      #logobar {
          & .container-menu-search-a {
            justify-content: start;
          }
          .grid-child {
              max-width:709px;
              margin-inline:auto;
          }
        }
      .navbar-brand {
          margin:auto 10px;
      }
      
    }
  @media screen and (width < 768px) {
      #logobar {
          .logoWrap {
              display: grid;
              grid-template-columns: 1fr;
              gap: 2rem;
              place-content: center;
            }
      }
    
  }
    
  .mod-breadcrumbs__wrapper {
    display: none;
  }
}
@media (width >=992px) {
  .site-grid {
    grid-template-areas:
      ".banner banner banner banner."
      ".top-a  top-a  top-a  top-a. "
      ".top-b  top-b  top-b  top-b. "
      ".side-l comp   comp   side-r."
      ".bot-a  bot-a  bot-a  bot-a. "
      ".bot-b  bot-b  bot-b  bot-b. ";
  }
}
}