.nav > ul > li:nth-child(odd) {
  background: #789e51;
}

.nav > ul > li:nth-child(even) {
  background: #1a460b;
}

.nav ul ul {
  background: #789e51 !important;
}

.header-inner-content {
  background: #2b6318;
}

.info-btn:nth-child(odd) {
  background: url("/img/bespoke/hhelc_2023/hex_green.png") center no-repeat;
  background-size: 100%;
  top: 10px;
}

.info-btn:nth-child(even) {
  background: url("/img/bespoke/hhelc_2023/hex_green.png") center no-repeat;
  background-size: cover;
  top: -10px;
}

.scroll-bar .scroll-bar-right #scroll-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #789e51;
  padding: 15px 0;
  cursor: pointer;
  height: 100%;
  width: 120px;
  position: relative;
}
.scroll-bar .scroll-bar-right #scroll-btn:before {
  content: " ";
  width: 0;
  height: 0;
  border-bottom: 30px solid;
  border-color: #789e51;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  position: absolute;
  bottom: 100%;
}
.scroll-bar .scroll-bar-right #scroll-btn:after {
  content: "";
  width: 0;
  position: absolute;
  border-top: 30px solid;
  border-color: #789e51;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  top: 100%;
}

.scroll-bar .scroll-bar-right #scroll-btn img {
  filter: invert(1) hue-rotate(180deg) brightness(100);
}

.slide-wrapper .scroll-bar {
  background: #2b6318;
}

.page-main-page:not(.cms_edit)
  .sj-content-row-1
  .element-image
  .sj_element_image:before {
  content: "";
  width: 200px;
  height: 175px;
  background: url(/img/bespoke/hhelc_school_2023/welcome_before_green.png) left
    center no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-50px) translateY(-55px);
  z-index: 3;
  opacity: 0;
  transition: all ease 1.5s;
}
.page-main-page:not(.cms_edit)
  .sj-content-row-1.scroll
  .element-image
  .sj_element_image:before {
  transform: translateX(-50px) translateY(15px);
  opacity: 1;
}
.page-main-page:not(.cms_edit)
  .sj-content-row-1
  .element-image
  .sj_element_image
  > div:after {
  content: "";
  width: 200px;
  height: 175px;
  background: url(/img/bespoke/hhelc_school_2023/welcome_after_green.png) right
    center no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateX(50px) translateY(0px);
  z-index: 0;
  opacity: 0;
  transition: all ease 1.5s;
}

.page-main-page .sj-content-row-1 .element-text ul li a {
  background: #789e51;
}

.page-main-page:not(.cms_edit)
  .sj-content-row-2
  .column-2col-1
  .element-image:nth-child(2n + 1) {
  background: #789e51;
  left: 40px;
}

.page-main-page:not(.cms_edit)
  .sj-content-row-2
  .column-2col-1
  .element-image:nth-child(2n + 1):hover {
  background: #789e51;
}

.page-main-page
  .sj-content-row-2
  .column-2col-1
  .element-image:nth-child(2n + 1):after {
  border-top: 5px solid #789e51;
}

.page-main-page
  .sj-content-row-2
  .column-2col-1
  .element-image:nth-child(2n + 1):hover:after {
  border-top: 5px solid #789e51;
}

.page-main-page:not(.cms_edit)
  .sj-content-row-2
  .column-2col-1
  .element-image:nth-child(2n + 2) {
  background: #1a460b;
  right: 75px;
}

.page-main-page:not(.cms_edit)
  .sj-content-row-2
  .column-2col-1
  .element-image:nth-child(2n + 2):hover {
  background: #1a460b;
}

.page-main-page
  .sj-content-row-2
  .column-2col-1
  .element-image:nth-child(2n + 2):after {
  border-top: 5px solid #1a460b;
}

.page-main-page
  .sj-content-row-2
  .column-2col-1
  .element-image:nth-child(2n + 2):hover:after {
  border-top: 5px solid #1a460b;
}

.page-main-page:not(.cms_edit)
  .sj-content-row-2
  .column-2col-2
  .element-image:nth-child(2n + 1) {
  background: #1a460b;
  bottom: calc(100% - 60px);
  left: -105px;
}

.page-main-page:not(.cms_edit)
  .sj-content-row-2
  .column-2col-2
  .element-image:nth-child(2n + 1):hover {
  background: #1a460b;
}

.page-main-page
  .sj-content-row-2
  .column-2col-2
  .element-image:nth-child(2n + 1):after {
  border-top: 5px solid #1a460b;
}

.page-main-page
  .sj-content-row-2
  .column-2col-2
  .element-image:nth-child(2n + 1):hover:after {
  border-top: 5px solid #1a460b;
}

.page-main-page:not(.cms_edit)
  .sj-content-row-2
  .column-2col-2
  .element-image:nth-child(2n + 2) {
  background: #789e51;
  bottom: calc(100% - 60px);
  right: -115px;
}

.page-main-page:not(.cms_edit)
  .sj-content-row-2
  .column-2col-2
  .element-image:nth-child(2n + 2):hover {
  background: #789e51;
}

.page-main-page
  .sj-content-row-2
  .column-2col-2
  .element-image:nth-child(2n + 2):after {
  border-top: 5px solid #789e51;
}

.page-main-page
  .sj-content-row-2
  .column-2col-2
  .element-image:nth-child(2n + 2):hover:after {
  border-top: 5px solid #789e51;
}

.page-main-page:not(.cms_edit) .sj-outer-row-3:before {
  content: "";
  background: url(/img/bespoke/hhelc_2023/event_before_green.png) left center
    no-repeat;
  background-size: contain;
  position: absolute;
  top: 0px;
  left: 100px;
  width: 175px;
  height: 175px;
  z-index: 1;
  opacity: 0;
  transition: all ease 1.5s;
}

.page-main-page:not(.cms_edit) .sj-outer-row-3.scroll:before {
  top: -87.5px;
  opacity: 1;
}

.page-main-page:not(.cms_edit) .sj-outer-row-3:after {
  content: "";
  background: url(/img/bespoke/hhelc_2023/event_after_green.png) left center
    no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -62.5px;
  right: 100px;
  width: 125px;
  height: 125px;
  z-index: 1;
}

.footer-wrapper #footer-contacts .element-text:nth-child(odd) {
  background: #789e52;
}

.footer-wrapper #footer-contacts .element-text:nth-child(even) {
  background: #1a460b;
}

.footer-wrapper .footer-inner .copyright {
  background: #2b6318;
  padding: 40px 15px;
  font-size: 18px;
  font-weight: 200;
}


div.slicknav_menu {
    background: #789e52;
}

a.slicknav_btn,
.slicknav_nav a:hover {
    color: #fff;
    background: #2b6318;
}


.page-main-page:not(.cms_edit) .sj-content-row-3 .element-events h3:after {
    background: #2b6318;
}

.page-loader h1 {
    color: #789e52;
}

.content-wrapper .bs3-breadcrumb li, .content-wrapper .bs3-breadcrumb a,
.page-main-page .sj-content-row-5:before {
   color: #789e52; 
}


.sidenav>ul>li>a {
    transition: all ease 350ms;
    color: #2b6318;
    font-size: 17px;
}

.sidenav>ul>li:before,
.sidenav>ul>li ul li {
    background: #2b6318;
}

.sidenav>ul>li ul li:hover>a {
    color: #2b6318;
}

.element-text a {
    color: #2b6318;
}