:root {
  --vibrant-blue-color: #0046FE;
  --navy-blue-color: #002C52;
  --orange-color: #FF5C35;
  --gray-color: #C9CFD3;
  --chevron-color: #FFF;
  --filters-text-color: var(--vibrant-blue-color);
}

@font-face {
    font-family: "SegoeUI";
    src: url("https://storage.sbg.cloud.ovh.net/v1/AUTH_54fe28b8f8774df0a2bbaf6aaeafa197/production_digitalrecruiters_static/company_721/fonts/Segoe-UI.ttf");
}

@font-face {
    font-family: "Gelion";
    src: url("https://storage.sbg.cloud.ovh.net/v1/AUTH_54fe28b8f8774df0a2bbaf6aaeafa197/production_digitalrecruiters_static/company_721/Gelion/Gelion-Regular.otf");
}

@font-face {
    font-family: "Gelion Bold";
    src: url("https://storage.sbg.cloud.ovh.net/v1/AUTH_54fe28b8f8774df0a2bbaf6aaeafa197/production_digitalrecruiters_static/company_721/Gelion/Gelion-Bold.otf");
}

/* Navbar */
.layout .navbar,
.navbar-mobile,
.navbar-mobile__dropdown-content {
  font-family: "Gelion";
  background-color: var(--vibrant-blue-color);
}

.navbar .navbar__link .link,
.flyout-dropdown__button {
  font-size: 16px;
  color: var(--dr-color-white);
}

.navbar__link:hover:not(.jobs-link) .link,
.navbar-folder .flyout-dropdown__button:hover, 
.flyout-dropdown--active .flyout-dropdown__button,
.navbar__link:has(>.nuxt-link-exact-active):not(.jobs-link) .link,
.layout--extended .company-page .blockList .a-word-from-block .author__name,
.layout--extended .custom-page .blockList .a-word-from-block .author__name,
.job-ads-listing-page .job-ads-list--extended .jobs-header h2,
.job-ads-listing-page .job-ads-list--extended .jobs-container .job-ad-card__description-title,
.job-page--extended .job-info-card__content .title,
.job-page--extended .job-page__main-column .blockList__block h2,
.job-page__side-column .title,
.layout--extended .company-page .blockList .video__title,
.layout--extended .custom-page .blockList .video__title,
.job-ads-listing-page .desktop-filters .dr-dropdown-group__action--clear .icon-button__label,
.job-page--extended .job-info-card__top .title,
.job-page--extended .cross-job-ads-block .cross-job-ads-block__title,
.job-page__bottom .blockList .blockList__block.cross-job-ads-block .cross-job-ads-block__items .title {
  color: var(--vibrant-blue-color) !important;
}

.layout .navbar .jobs-link .link,
.job-ads-listing-page .desktop-filters--extended .research-container__action--search,
.job-preview-modal--extended .job-ad-preview-wrapper .job-ad-preview__action .apply-job-container .action__button,
.job-page--extended .job-info-card__actions .apply-job-container .action__button,
.layout--extended .navbar-mobile__dropdown .navbar__link.jobs-link .link {
  display: flex;
  background-color: var(--vibrant-blue-color);
  color: var(--dr-color-white);
  border: 1px solid var(--dr-color-white);
  border-radius: 26px;
}

.jobs-link a.link:after {
  content: "";
  mask-image: url("https://storage.sbg.cloud.ovh.net/v1/AUTH_54fe28b8f8774df0a2bbaf6aaeafa197/production_digitalrecruiters_static/company_721/assets/right-stick-bracket.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  background: currentColor;
  margin-left: 1rem;
}

.language-switcher__switcher {
  border: none;
}

.language-switcher [aria-expanded=true] {
  border: none;
  background-color: transparent;
}

.language-switcher__switcher span,
.language-switcher__switcher .language-switcher__locale--active,
.layout--extended .navbar-mobile__dropdown .navbar__link .link, 
.layout--extended .navbar-mobile__dropdown .navbar-folder .collapsible__button {
  color: var(--dr-color-white);
}

.language-switcher__switcher .icon[data-icon-type=chevron_down]:before,
.hamburger,
.hamburger:before,
.hamburger:after,
.job-ads-listing-page .desktop-filters .dr-dropdown-group__action--clear,
.layout--extended .navbar .navbar-folder .icon--masked:before,
.layout--extended .navbar-mobile__dropdown .navbar-folder .icon--masked:before {
  background-color: var(--dr-color-white);
}

.language-switcher__switcher .icon[data-icon-type=globe]:before,
.layout .navbar .jobs-link .link:hover,
.job-ads-listing-page .desktop-filters--extended .research-container__action--search:hover,
.job-preview-modal--extended .job-ad-preview-wrapper .job-ad-preview__action .apply-job-container .action__button:hover,
.job-page--extended .job-info-card__actions .apply-job-container .action__button:hover {
  color: var(--vibrant-blue-color);
  background-color: var(--dr-color-white);
  transition: all .4s;
  background-image: none;
}

.hamburger-wrapper {
  background: transparent;
}

.layout--extended .navbar-mobile__dropdown .navbar__link.jobs-link .link {
  border-radius: 36px;
}

/* Company page */
.layout--extended .blockList .title,
.layout--extended .company-page .blockList .a-word-from-block .author__name,
.layout--extended .custom-page .blockList .a-word-from-block .author__name,
.layout--extended .blockList .textBlock__link,
.layout--extended .blockList .a-word-from-block__link,
.layout--extended .blockList .text-with-image-block__link, /* Added by Agnese */
.job-ads-listing-page .desktop-filters--extended,
.job-ads-listing-page .filters-modal--extended,
.job-ads-listing-page .job-ads-list--extended .jobs-header h2,
.job-ads-listing-page .job-ads-list--extended .jobs-container .job-ad-card__description-title,
.job-page--extended .job-info-card__content .title,
.job-ads-listing-page .filter-menu__title,
.job-ads-listing-page .filters-modal--extended .modal__footer-button,
.job-ads-listing-page .filters-modal .icon-button.modal__footer-extended-button,
.filter-menu__name, 
.filter-menu__counter,
.layout--extended .navbar-mobile__dropdown .navbar__link .link,
.layout--extended .navbar-mobile__dropdown .navbar-folder .collapsible__button,
.job-page--extended .job-info-card__top .title {
  font-family: "Gelion Bold" !important
}

.layout--extended .company-page .blockList .title:not(.video__title):not(.key-figure__title),
.layout--extended .custom-page .blockList .title:not(.video__title):not(.key-figure__title) {
  font-size: 40px;
  color: var(--vibrant-blue-color);
}

.job-preview-modal__card .job-ad-preview__description,
.blockList .rich-text,
.blockList .rich-text p,
.blockList .rich-text b,
.blockList .rich-text ul li,
.layout--extended .blockList .paragraph:not(.testimonial__text):not(.key-figure__title),
.job-info-card .job-info-card__details .job-info-card__info .dr-tag .dr-tag__description,
.job-ads-listing-page .job-ads-list .job-ad-card__description__footer .dr-tag__description,
.job-ads-listing-page .filters-modal .modal__main .filter-menu__title,
.job-ads-listing-page .filters-modal .modal__main .filter-menu__name,
.job-page__side-column .job-ad-location-block .job-ad-location-block__location .dr-tag__description,
.job-page__side-column .job-ad-location-block .job-ad-location-block__link,
.job-page__bottom .cross-job-ads-block .dr-tag__description,
.mobile-access .language-switcher__dropdown .language-switcher__locale .link,
.layout--extended .blockList .paragraph:not(.testimonial__text) p,
.layout--extended .blockList .key-figure__text,
.job-page .rich-text p,
.job-page--extended .job-page__main-column .blockList .a-word-from-block__text {
  font-family: "SegoeUI";
  font-size: 16px;
  color: var(--navy-blue-color) !important;
}

.layout--extended .blockList .textBlock__link,
.layout--extended .blockList .a-word-from-block__link,
.layout--extended .blockList .text-with-image-block__link {
  background-color: var(--vibrant-blue-color);
  color: var(--dr-color-white);
  transition: all .4s;
  border: 1px solid var(--vibrant-blue-color);
}

.layout--extended .blockList .textBlock__link:hover,
.layout--extended .blockList .a-word-from-block__link:hover,
.layout--extended .blockList .text-with-image-block__link:hover {
  background-color: var(--dr-color-white);
  color: var(--vibrant-blue-color);
  background-image: none;
}

.layout--extended .blockList .video-block .title,
.job-ads-listing-page .job-ads-list .brands-filter--extended .title,
.job-ad-card__external-site-link__paragraph.paragraph,
.job-page--extended .author__text-part p.author__name,
.layout--extended .blockList .key-figures-block__subtitle,
.layout--extended .blockList .a-word-from-block .author__job-title, /* Added by Agnese */
.layout--extended .brands-block--extended .brands-block__subtitle {
  font-family: "SegoeUI" !important;
  font-size: 16px;
  color: var(--navy-blue-color);
}

/* Added by Agnese */
.layout--extended .latest-videos-block.latest-videos-block--extended .video-container .video__figcaption .video__title {
  font-family: "SegoeUI" !important;
  font-size: 16px;
  font-weight: 700;
  color: var(--navy-blue-color);
}

/* Job ads */
.job-ads-listing-page .desktop-filters--extended,
.navbar-folder .flyout-dropdown__button:hover .icon--masked:before,
.navbar-folder .flyout-dropdown--active .flyout-dropdown__button .icon--masked:before,
.layout--extended .latest-videos-block.latest-videos-block--extended .video-container .video .thumbnail__play,
.layout--extended .latest-videos-block.latest-videos-block--extended .video-container .video .vjs-big-play-button,
.job-ads-listing-page .job-ads-list--extended .jobs-container .job-ad-card:hover,
.job-page--extended .blockList .cross-job-ads-block.blockList__block .cross-job-ads-block__items--column .job-ad-card:hover {
  background-color: var(--vibrant-blue-color) !important;
}

.job-ads-listing-page .job-ads-list--extended .jobs-container .job-ad-card:hover,
.job-page--extended .blockList .cross-job-ads-block.blockList__block .cross-job-ads-block__items--column .job-ad-card:hover {
  --tag-color: inherit;
}

.job-ads-listing-page .desktop-filters .dr-dropdown-group__action--clear {
  border-radius: 20px;
}

.job-ads-listing-page .desktop-filters .dr-dropdown-group__action--clear .icon-button__label {
  margin: 0 0 0 .3rem;
}

.job-ads-listing-page .desktop-filters .dr-dropdown-group .dr-dropdown .dr-dropdown__control {
  color: var(--orange-color);
}

.job-ads-listing-page .dr-dropdown__control-icon:before,
.job-ads-listing-page .icon[data-icon-type=reset].icon--masked:before {
  background-color: var(--orange-color);
}

.job-ads-listing-page .desktop-filters .dr-dropdown-group .dr-dropdown .dr-dropdown__control {
  color: var(--filters-text-color);
}

.job-ads-listing-page .desktop-filters .dr-dropdown-group .dr-dropdown:hover {
  --filters-text-color: var(--dr-color-white);
  background-color: var(--navy-blue-color);
  color: var(--dr-color-white);
  transition: all .4s;
}

.job-ads-listing-page .desktop-filters .dr-dropdown-group .dr-dropdown .dr-dropdown__control:hover,
.job-ads-listing-page .desktop-filters .dr-dropdown-group .dr-dropdown .dr-dropdown__control--active {
  background: transparent;
}

.job-ads-listing-page .desktop-filters .dr-dropdown-group .dr-dropdown .dr-dropdown__count-label,
.job-page--extended .skills-block .dr-tag__description {
  background-color: var(--orange-color);
  color: var(--dr-color-white);
}

.search-input__label,
.job-ads-listing-page .job-ads-list .job-ad-card__description__footer .dr-tag__description {
  color: var(--navy-blue-color);
}

.search-input__icon:before {
  background-color: var(--navy-blue-color);
}

.job-ads-listing-page .job-ads-list--extended .jobs-container .job-ad-card:hover,
.job-page--extended .blockList .cross-job-ads-block.blockList__block .cross-job-ads-block__items--column .job-ad-card:hover {
  --tag-background: var(--gray-color);
  --tag-background-saturation: transparent;
}
}

.job-ads-listing-page .job-ads-list--extended .jobs-container .job-ad-card__description-title {
  font-size: 20px;
  line-height: 24px;
}

.job-ads-listing-page .job-ads-list .job-ad-card__description__footer .dr-tag__description {
  font-size: 14px;
}

.job-preview-modal--extended .job-ad-preview-wrapper .job-ad-preview__action .apply-job-container .action__button,
.job-page--extended .job-info-card__actions .apply-job-container .action__button {
  border: none;
}

.job-preview-modal--extended .job-ad-preview-wrapper .job-ad-preview__action .apply-job-container .action__button:hover,
.job-page--extended .job-info-card__actions .apply-job-container .action__button:hover,
.job-ads-listing-page .job-ads-list--extended .jobs-container .job-ad-card:hover,
.job-page--extended .blockList .cross-job-ads-block.blockList__block .cross-job-ads-block__items--column .job-ad-card:hover {
  border: 1px solid var(--vibrant-blue-color);
}

/* Job page */
.job-page--extended .job-info-card__content .title,
.job-page--extended .job-info-card__top .title {
  font-size: 28px;
  line-height: 40px;
}

.job-page .rich-text p,
.job-page .rich-text li {
  font-family: "SegoeUI" !important;
}

.job-page--extended .job-page__main-column .blockList .catch-phrase-block.blockList__block .title.catch-phrase.catch-phrase-block__catch-phrase {
  font-size: 20px;
  line-height: 24px;
}

.job-page--extended .skills-block .dr-tag {
  background-color: var(--orange-color);
}

.job-page--extended .blockList .cross-job-ads-block.blockList__block .title.cross-job-ads-block__title {
  @media (min-width: 850px) {
    font-size: 32px;
  }
}
:root {
    --custom-color-button-accept-cookie: #07C095;
    --custom-color-button-refuse-cookie: #D50F0F;
    --custom-color-top-bar-background: #0046FE;
    --custom-color-top-bar-links-and-icons: #FFFFFF;
    --custom-color-footer-background: #0046FE;
    --custom-color-footer-links-and-icons: #FFFFFF;
    --custom-color-for-graphic-elements: #002C52;
    --custom-color-for-button-font: #FFFFFF;
    --custom-color-for-button-background: #0046FE;
    --custom-color-for-maps-pin-and-search-area: #FF5C36;
}