.down::before {
content: '';
  background: url("images/logo-st-johannes.png") no-repeat;
  
}
.footer-section-content {
  background: #313131 url("images/footer-bg-stjh.jpg") no-repeat;
  background-size: 100%;
  padding-top: 0%;
  background-position: bottom left;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .nav-link:hover {
  color: #088F3E;
}
.navbar-mainnavigation .navbar-nav > li > .nav-link::before {
  background: #088F3E;
}
.navbar-mainnavigation .navbar-nav > li.nav-item.active > .nav-link::before,
.navbar-mainnavigation .navbar-nav > li > .nav-link:focus::before,
.navbar-mainnavigation .navbar-nav > li > .nav-link:hover::before {
		background:#088F3E;
		opacity:1.0
}


#page-content .frame-background-light .frame h1, #page-content .frame-background-light .frame h2, #page-content .frame-background-light .frame h3, #page-content .frame-background-light .frame {
  color: #088F3E;
}

#page-content h1 .h1, 
#page-content h2, .h2 {
  color: #088F3E;
}

#page-content .card {
  background-color: #088F3E;
}
#page-content .card:hover {
	background:#37a362;
}

#page-content .frame-background-dark h1::after, #page-content .frame-background-dark h2::after {
  background: #088F3E;
}

.scroll-top {
  --scrolltop-zindex: 1020;
  --scrolltop-space: 20px;
  --scrolltop-bg: #088F3E;
  --scrolltop-color: #fff;
  --scrolltop-hover-bg: #088F3E;
  --scrolltop-hover-color: #fff;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
  z-index: var(--scrolltop-zindex);
  background-color: var(--scrolltop-bg);
  color: var(--scrolltop-color);
  bottom: var(--scrolltop-space);
  right: var(--scrolltop-space);
  position: fixed;
  opacity: 0;
  width: 5em;
  height: 5em;
  border-radius: 100% !important;
  color: #fff !important;
border:5px solid #fff
}


.slickdefault .slick-prev {
opacity: 1;
    height: 60px;
    width: 60px;
    background: #fff url('images/prev-stj.png') !important;
	right: 100px !Important;
	left: auto !important;
	background-size:contain !important
}

.slickdefault .slick-next {
opacity: 1;
	right: 30px !Important;
    margin-right: 0px;
    height: 60px;
    width: 60px;
    background: #fff url('images/next-stj.png') !important;
	background-size:contain !important

}


.footer-section-meta {
  background: #B0804A;
}
