h1 { color : #178d50; font-size : 26px; font-family : Roboto}
h2 { color : #178d50; font-size : 22px; font-family : Roboto}
h3 { color : white; font-size : 26px; font-family : Roboto }
h4 { color : #178d50; font-size : 18px; font-family : Roboto }
h5 { color : #178d50; font-size : 16px; font-family : Roboto }

div.ffp-feed-header-cover{padding-top: 60%;}
/* Make the header flex container */
.container-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.footer { background-color : #178d50;
        background-image : none !important
}

#mod-custom111 { width :100%}

.bannerfootbutton {
  width: 200px !important;
  border-radius: 10px !important;
  margin-top: 24px !important;
  background-color: #178d50 !important;
  color: white;
  padding: 8px;
  border : none;
  font-size : 14px
}

/* Logo styling */
.site-logo {
  margin-right: 20px; /* Adjust space between logo and menu */
}

/* Menu container styling */
.container-header .navbar-container {
  flex-grow: 1;
}

/* Menu alignment */
.container-header .navbar-nav {
  flex-direction: row;
}

/* Menu items styling */
.container-header .nav-item {
  margin-right: 15px; /* Space between menu items */
}

/* Make header background white */
.container-header {
  background-color: white !important;
  background : none
}

/* Change menu text color to #178d50 */
.container-header .nav-link {
  color: #178d50;
}

.separator  {color: #178d50 !important;}

/* Change active menu item color to a darker #178d50 */
.container-header .nav-link.active,
.container-header .nav-item.active > .nav-link {
  color: dark#178d50;
}

.btn:hover { color : yellow }

/* Change hover state to a slightly different #178d50 */
.container-header .nav-link:hover {
  color: #00a000;
}

.container-header .navbar-toggler { color : #178d50 }


button.mod-menu__separator::after {
    display: none !important;
}


.container-header .mod-menu>li>a { color : #178d50; font-size : 18px }

ul>li>a { color : #178d50; font-size : 14px}

/* For mobile responsiveness */
@media (max-width: 768px) {
  .container-header {
    flex-direction: column;
  }
  
  .site-logo {
    margin-right: 0;
    margin-bottom: 15px;
  }
}