.section {
  padding-top: 42px;
  padding-bottom: 42px;
}
.generic-link a,
.generic-link a:visited {
  color: #2E7636;
}
.generic-link a:hover {
  text-decoration: underline;
}
ul {
  padding: 0 0 0 0;
  padding-left: 20px;
  margin-top: 0;
}
.single-initiative .intro,
.single-initiative [class*='intro--'] {
  /* max-height: 400px; */
  min-height: 543px;
}
.single-initiative .intro__picture img {
  object-position: center center;
}


.submenu-intro {
  position: sticky;
  z-index: 99;
  /* margin-top: -32px; */
  margin-top: 0;
  background-color: #000000;
  color: #fff;
  top: 107px;
}
.admin-bar .submenu-intro {
  top: 138px;
}
.submenu-icon-home {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  fill: #fff;
  position: relative;
  top: 4px;
}
.active .submenu-icon-home {
  fill: #FFC84F;
}
.submenu-intro > div > ul {
  display: flex;
}
.submenu-intro ul {
  list-style-type: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
.submenu-intro li {
  display: block;
}
.submenu-intro li.active > a {
  color: #FFC84F;
}
.submenu-intro a {
  padding: 8px 12px;
  display: block;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  letter-spacing: -0.3px;
  font-weight: 700;
}
.has-child {
  position: relative;
}
.has-child svg {
  fill: rgba(255, 255, 255, 0.8);
  width: 10px;
}
.has-child ul {
  height: 0;
  width: 0;
  overflow: hidden;
  position: absolute;
}
.has-child ul li a {
  color: #000;
  text-transform: none;
  font-size: 13px;
  padding: 8px 12px;
  line-height: 1.4em;
}
.has-child ul li a:hover {
  color: #2e7636;
}
.has-child:hover ul {
  height: auto;
  width: 220px;
  overflow: visible;
  z-index: 99;
  background: #fff;
  color: #000;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
}
.front-page__innitiative .slider-card-text {
  padding: 0 0 0 0;
  display: flex;
  flex-direction: row;
  text-align: left;
  background-color: #fff;
}
.front-page__innitiative .slider-generic-inner {
  display: block;
}
.front-page__innitiative .slider-generic-inner.wrap--medium {
  overflow: visible;
}
.front-page__innitiative .slider-generic-slidy-outer {
  padding: 0 0 0 0;
}
.front-page__innitiative .slider-generic-slidy-controls__item--prev {
  left: -80px !important;
  transform: unset !important;
}
.front-page__innitiative .slider-generic-slidy-controls__item--next {
  right: -80px !important;
  transform: unset !important;
}
.front-page__innitiative .slider-generic__title {
  color: #fff;
  text-align: left;
}
.front-page__innitiative .slider-card-text .slider__item__content {
  padding: 68px 48px;
}
.front-page__innitiative .slider-card-text .slider__item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.front-page__innitiative .slider-card-text .slider__item__image,
.front-page__innitiative .slider-card-text .slider__item__content {
  flex-basis: 50%;
  width: 50%;
}
.related-initiatives .impact-carousel-item,
.related-initiatives .impact-carousel-item h1,
.related-initiatives .impact-carousel-item h2,
.related-initiatives .impact-carousel-item h3,
.related-initiatives .impact-carousel-item a,
.related-initiatives .impact-carousel-item .slick-init--item ,
.related-initiatives .carousel-group h5 {
  color: #000;
}
.related-initiatives .impact-carousel-item {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/* .related-initiatives .impact-carousel-item .slick-slide {
  opacity: 1;
} */
.related-initiatives .slick-list {
  overflow: visible;
}
.impact-carousel-item .slick-slide.slick-active {
  opacity: 1;
}
.impact-carousel-item .slick-slide {
  margin-left: 8px;
  margin-right: 8px;
}
.related-initiatives .impact-carousel-item {
  padding-top: 0;
}
.related-initiatives .innovations-carousel-arrows .slick-arrow {
  border-color: #000;
}
.related-initiatives .impact-carousel-item .carousel-group {
  background: none;
  width: 936px;
}
.bg-f6 {
  background-color: #F6F6F6;
}
.initiative-map-container {
  position: relative;
}
/* .initiative-map-container > img,
.initiave-map-base > img {
  height: 100%;
  width: 100%;
  object-fit: cover;
} */

#dynamic-content-initiative {
  position: relative;
}
#loader-ajax {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  transition: all ease-in-out 0.3s;
  z-index: 99;
}
#loader-ajax.active {
  display: flex;
}
.grid__no-padding {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.container-feature-cta {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  font-size: 22px;
  color: #2D2D2D;
}
.cta-innovations-explorer--button {
  background-color: #F6F6F6;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.09px;
  color: #000000;
}
.resource-type {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 13px;
  text-transform: uppercase;
  color: #B1B1B1;
}
.resource-type-news {
  background: rgba(0, 0, 0, 0.83);
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  padding: 4px 8px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  z-index: 9;
}
.initiative-section-title,
.slider-generic__title {
  font-family: 'Montserrat';
  font-weight: 700;
  font-size: 38px;
  letter-spacing: -0.2px;
  color: #171717;
  text-transform: none;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 40px;
  padding-bottom: 40px;
}
.section__wrapper {
  width: 100%;
  max-width: 96rem;
  margin: 0 auto;
  padding: 0 2rem;
}
.single-initiative .main-content-innovation,
.single-initiative .wrap--medium {
  width: 100% !important;
  max-width: 110rem;
  margin: 0 auto;
  padding: 0 2rem;
}

#submenu-single-initiative {
  position: sticky;
  top: 60px;
  z-index: 99;
  background-color: #000;
  color: #fff;
  font-size: 14px;
  box-shadow: 0px 2px 15px 0 rgb(0 0 0 / 50%);
  line-height: 1px;
  z-index: 100;
  height: 56px;
  display: none;
  align-items: center;
  padding: 4px 14px;
}
.admin-bar #submenu-single-initiative {
  top: 105px;
}

.list-card .news-grid__card__list {
  width: 100%;
}

#submenu-single-initiative .trigger-close-menu {
  display: none;
}

[class*='pagination__link--'],
.pagination__link {
  width: auto !important;
  height: auto !important;
}
[class*='pagination__link--'].is-next, .pagination__link.is-next {
  margin-left: 0 !important;
}
[class*='pagination__link--'].is-prev, .pagination__link.is-prev {
  margin-right: 0 !important;
}
.pagination__link__item {
  margin: 0 2px;
  height: auto;
  display: flex;
  align-items: center;
}
/** munculkan dulu sementara **/
.single-initiative .news-card__infos__author,
.single-initiative .news-card__infos__tag__list,
.single-initiative .news-card__excerpt,
.single-initiative .publications-card__content__infos__tag__list {
  display: none;
} */
.single-initiative .news-card__infos {
  flex-grow: 1;
}

/**
 * RWD
 */

 @media screen and (max-width: 1025px) {
  .submenu-intro {
    display: none;
  }
  .admin-bar #submenu-single-initiative {
    top: 92px;
  }
  .submenu-page-active .submenu-intro {
    display: block;
    top: 116px;
  }
  .admin-bar.submenu-page-active .submenu-intro {
    top: 148px;
  }
  .submenu-page-active .submenu-intro > div > ul {
    display: block;
  }
  .submenu-page-active .has-child ul {
    position: static;
    height: auto;
    overflow: visible;
    width: auto;
    padding-left: 42px;
  }
  .submenu-page-active .has-child:hover ul {
    background-color: #000;
    color: #fff;
  }
  .submenu-page-active .has-child > a {
    color: #787878;
  }
  .submenu-page-active .has-child ul li a {
    color: #fff;
  }
  #submenu-single-initiative {
    display: flex;
  }
  .list-card .news-grid__card__item {
    max-width: 100% !important;
  }
  .front-page__innitiative .slider-card-text {
    flex-direction: column;
  }
  .front-page__innitiative .slider-card-text .slider__item__image,
  .front-page__innitiative .slider-card-text .slider__item__content {
    flex-basis: 100%;
    width: 100%;
  }
  .related-initiatives .impact-carousel-item .carousel-group {
    width: 100%;
  }
  .subnavigation-fixed-header {
    z-index: 101 !important;
  }
  #subnavigation-cgiar-50-years-trigger {
    z-index: 102 !important;
  }
}
