/** HERO HEADER **/
body #hero-header .arrow-jump span {
  background-image: none;
}
body #hero-header .arrow-jump span::after {
  content: "keyboard_arrow_down";
  font-family: "Material Symbols Outlined";
  font-size: 2.5rem;
  color: #fff;
}

body #hero-header [data-entity-embed-display="view_mode:brightcove_video.brightcove_video_100"]
  video-js {
  width: 100%;
}

/** END HERO HEADER **/

/** NEWS SLIDER **/

.news-slider .header-news-slider .title-news-slider {
  color: var(--color-functional-black);
}

.news-element {
  --grey: var(--color-functional-500);
}

.news-category ul li:after {
  --grey: var(--color-functional-300);
  margin: 0 3px 0 5px;
}

body .news-category ul:not(.slick-dots, .tabs.primary, .toolbar-menu, .select2-results__options) li {
  padding-left: 0;
}

body section.news-slider .news-element .news-element-inner {
  border: 0;
}

body section.news-slider .news-element .news-element-inner:hover {
  border: 0;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

section.news-slider .news-element .news-element-inner .news-element-image {
  transition: all 0.5s ease-in-out;
}

body .news-see-more:before {
  display: none;
}

.news-see-more .g-button {
  margin-bottom: 0;
}

.news-element-date .pipe {
  font-size: 0.875rem;
}

@media (max-width: 1119px) {
  body .header-news-slider {
    align-items: flex-end;
  }

  body section.news-slider .slick-dots {
    bottom: 0.75rem;
  }

  body section.news-slider .slick-dots li button:before {
    font-size: 1.5rem;
  }
}
/** END NEWS SLIDER **/

/** DIVISION BOXES **/
/* body #division-boxes #db-left-content .text,
#division-boxes #db-right-content .text {
  text-shadow: 0px 0px 3px #000000;
} */

.db-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgb(0 0 0 / 0.2);
}

@media (max-width: 767px) {
  body #division-boxes #db-left-content .text,
  #division-boxes #db-right-content .text {
    font-size: var(--font-body-large);
    line-height: var(--line-height-large);
  }
}
/** END DIVISION BOXES **/

/** FWI **/
@media (max-width: 767px) {
  .fwi-content .fwi-link a.g-button {
    padding: var(--g-button-padding-vertical-top)
      var(--g-button-padding-horizontal) var(--g-button-padding-vertical-bottom);
  }
}
/** END FWI **/
/** EVENTS CARD **/
body #main-content .block-event-card .events-top-row a {
  font-family: var(--text-font);
}

.block-events-calendar-block .g-button.addeventatc {
  color: var(--color-functional-black, #000) !important;
  font-weight: 400;
  text-shadow: none;
  box-shadow: none !important;
  z-index: 55;
}

.block-events-calendar-block .g-button.addeventatc:focus {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--color-500) !important;
}

body .block-events-calendar-block .calendar-button-text {
  color: var(--color-functional-black, #000);
}

.block-events-calendar-block .g-button.addeventatc:hover {
  font-size: var(--font-body-medium);
  background-color: var(--color-functional-white, #faf9f6);
}

.block-events-calendar-block .g-button.addeventatc:active {
  border-width: 1px;
}

.block-events-calendar-block .event-year {
  color: var(--color-functional-black);
}

.events-calendar .event-info-container {
  --grey-light: var(--color-functional-100);
}

@media (width < 1120px) {
  #main-content .block-event-card {
    margin-bottom: 2, 5rem;
  }
}

@media screen and (width > 1119px) {
  #main-content .block-event-card .events-top-row a {
    display: inline-flex;
    margin-bottom: 5px;
  }

  .events-calendar-wrapper .events-calendar {
    display: grid;
    gap: 4%;
    grid-template-columns: 48% 48%;
  }

  .events-calendar .event {
    gap: 1rem;
  }

  .events-calendar-wrapper .events-calendar .event-date-container {
    flex: none;
  }
}

/** END EVENTS CARD **/

/** CONTACT BUTTON **/
body #contact-link {
  width: 3.5rem;
  height: 3.5rem;
  background-color: var(--color-functional-300);
}

body #contact-link a {
  background-image: url(../../icons/chat_FFF.svg);
  background-size: 1.75rem;
  background-position: center;
}

body #contact-link::after {
  display: none;
}

@media (width > 1921px) {
  body #main-content #contact-link {
    width: 5.25rem;
    height: 5.25rem;
  }

  body #contact-link a {
    background-size: 2.625rem;
  }
}

@media (min-width: 3441px) {
  body #main-content #contact-link {
    width: 7.875rem;
    height: 7.875rem;
  }

  body #contact-link a {
    background-size: 4rem;
  }
}
/** END CONTACT BUTTON **/

/** SECTION FEATURE **/

@media (min-width: 1120px) {
  .block-section-feature h2 {
    padding-top: 0;
  }
  body .feature .links {
    gap: 0 1rem;
  }
/*   .feature .media {
    margin-top: 1rem; was causing missalignment with h2
  } */
}
/** END SECTION FEATURE **/

/** SOCIAL MEDIA **/
#social-feed .main-title-text {
  padding-top: 0;
  color: var(--color-functional-black);
}

.follow-us-icons {
  display: flex;
  gap: 1rem;
  justify-content: center;
}

body #social-feed .fu-icon {
  width: auto;
  height: auto;
}

.fu-icon a {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 1;
  background-color: var(--color-functional-black);
  padding: 2px;
  border-radius: var(--corner-extra-small);
  text-align: center;
  align-content: center;
}

.fu-icon a:hover{
  background-color: var(--color-functional-500);
}

/* #social-feed .fu-icon svg {
  height: auto;
} */

#social-feed .fu-icon svg path{
  fill: #fff;
}

.social-logo path {
  fill: #fff;
}

/* #social-feed .fu-icon:hover svg path,
#social-feed .fu-icon:hover svg circle {
  fill: var(--color-500);
}

.page-front #social-feed .fu-icon:hover svg path,
#social-feed .fu-icon:hover svg circle {
  fill: var(--color-functional-500);
} */

.post-bottom a {
  display: block;
  line-height: 1;
}

.block-javali-social-media .post-bottom {
  padding-bottom: 0.625rem;
  height: auto;
}

#social-feed .title-links .main-title-text {
  padding-bottom: 0;
}

@media (max-width: 768px) {
  .follow-us-icons{
    gap: 0;
  }
}

@media (width > 1921px) {
  .fu-icon a {
    width: 30px;
    height: 30px;
  }
  #social-feed .fu-icon svg{
    width: 30px;
    height: 30px;
  }
}

@media (min-width: 3441px) {
  .fu-icon a {
    width: 35px;
    height: 35px;
  }

  #social-feed .fu-icon svg{
    width: 35px;
    height: 35px;
  }
}
/** PURGE **/
.contextual-region.block-purge-ui-block {
  position: absolute;
}
/** END PURGE **/

/** Layout **/
h3 + .givaudan-ckeditor-layout .givaudan-layout-column {
  padding-top: 0;
}
/** End Layout **/

/** Frontpage Our highlights in 2024 **/

/* .page-front .block-block-content:has(.javali-new-cke-templates) .center {
  background-color: #248395;
  padding-bottom: 4rem;
  margin-bottom: 2rem;
  width: 350px;
}

.page-front .block-block-content:has(.javali-new-cke-templates) h2 {
  color: #fff;
}

.page-front .block-block-content .new-element-item-containner {
  background-color: #1c6f81;
  border-color: #1c6f81;
  color: #fff;
}

.page-front .block-block-content .new-template-top-row {
  display: none;
}

@media (width > 1119px) {
  .page-front .block-block-content:has(.javali-new-cke-templates) .center {
    width: 930px;
  }
} */
/** End Our highlights in 2024 **/
/** Start consent Popup **/
body #javali-popup a {
  --consent-popup-bg-color: var(--color-700);
}
/** End consent Popup **/