/** 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;
}
/** 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 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 screen and (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 **/

/** LOCATIONS **/
body .block-givaudan-locations {
  height: 260px;
  width: 100%;
  margin: auto;
  border-radius: var(--corner-extra-small);
}

#locations {
  height: 100%;
}

#locations picture {
  position: absolute;
  inset: 0;
  overflow: hidden;
}

#locations img {
  height: 100%;
  width: 100%;
}

.location-block-form {
  margin-top: 0.5rem;
}

.form-item-location::before {
  font-family: "Material Symbols Outlined";
  content: "search";
  font-size: 1.5rem;
  z-index: 5;
  left: 1rem;
  line-height: 2.5rem;
  position: absolute;
}

input#edit-location::placeholder {
  --grey: var(--color-functional-500);
}

body #locations h2 {
  position: relative;
  left: auto;
  width: auto;
  white-space: nowrap;
  margin: 0;
  top: 0;
}

#locations [id^="edit-location"] {
  position: relative;
  width: 100%;
  text-indent: 3rem;
  padding: 0 0 4px 0;
  border: 1px solid var(--color-functional-100);
}

.locations-link {
  margin-top: 1.25rem;
  text-align: center;
}

body .ui-autocomplete.ui-front:not(.search-api-autocomplete-search) {
  max-width: calc(100% - 2.5rem) !important;
  border-bottom-left-radius: var(--corner-extra-small);
  border-bottom-right-radius: var(--corner-extra-small);
  border-color: var(--color-functional-300);
}

.locations-autocomplete.ui-menu .ui-menu-item {
  padding: 1rem;
}

.locations-autocomplete.ui-menu .ui-menu-item + .ui-menu-item {
  border-top: 1px solid var(--color-functional-500);
}

.locations-autocomplete .name-address {
  margin-bottom: 0.5rem;
  font-family: var(--title-font);
}

.locations-autocomplete.ui-menu li a {
  color: var(--color-functional-black);
}

.locations-autocomplete.ui-menu li:hover {
  background-color: var(--color-functional-700);
}

.locations-autocomplete.ui-menu li:hover a,
.locations-autocomplete.ui-menu li a.ui-state-active,
body.page-front .ui-autocomplete.locations-autocomplete .ui-menu-item-wrapper .location-address:hover {
  color: var(--color-functional-white);
  text-decoration: none;
  font-weight: normal;
}

.locations-autocomplete.ui-menu li:hover .name-address {
  font-family: var(--bold-font);
}

body #locations .center {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: center;
}

body [id^="location-block-form"] {
  width: auto;
  position: relative;
  right: auto;
  height: auto;
  margin: 0;
  top: 0;
}

[id^="location-block-form"] .loc-selected [id^="edit-location"] {
  color: #fff;
}

.form-item-location.loc-selected::before {
  content: "flight";
  color: var(--color-functional-black);
}

.form-item-location.loc-selected::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid #000;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  position: absolute;
  right: 1rem;
  z-index: 3;
  top: 0;
  bottom: 0;
  margin: auto;
}

.ui-widget-content.locations-autocomplete .ui-state-active {
  border: 0;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@media (width > 767px) and (width < 1120px) {
  body #locations .center {
    width: 380px;
  }
}

@media (width > 1119px) {
  body .block-givaudan-locations {
    width: 930px;
  }
}

@media (width > 1921px) {
  body .block-givaudan-locations {
    height: 350px;
    width: var(--grid-wide);
  }

  .form-item-location::before {
    font-size: 2.25rem;
    left: 1.5rem;
    line-height: 3.75rem;
  }

  #locations [id^="edit-location"] {
    text-indent: 4.5rem;
    padding: 0 0 6px 0;
  }

  .form-item-location.loc-selected::after {
    width: 2.25rem;
    height: 2.25rem;
    border-width: 4px;
    right: 1.5rem;
  }
}

@media (min-width: 3441px) {
  body .block-givaudan-locations {
    height: 525px;
    width: var(--grid-4k);
  }

  .form-item-location::before {
    font-size: 3.375rem;
    left: 2.25rem;
    line-height: 5.625rem;
  }

  #locations [id^="edit-location"] {
    text-indent: 6.75rem;
    padding: 0 0 9px 0;
  }

  .form-item-location.loc-selected::after {
    width: 3.375rem;
    height: 3.375rem;
    border-width: 5px;
    right: 2.25rem;
  }
}

/** END LOCATIONS **/

/** SECTION FEATURE **/

@media (min-width: 1120px) {
  .block-section-feature h2 {
    padding-top: 0;
  }
  body .feature .links {
    gap: 0 1rem;
  }
  .feature .media {
    margin-top: 1rem;
  }
}
/** 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: auto;
  height: auto;
  line-height: 1;
}

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

.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;
}
/** PURGE **/
.contextual-region.block-purge-ui-block {
  position: absolute;
}
/** END PURGE **/