:root {
    --grege-color: #F0E7DA;
    --dark-brown-color: #0B0900;
    --gray-color: #7D7969;
    --yellow-color: #FBBA00;
    --green-color: #60B565;
    --light-green-color: #68CB6E;
}

@font-face {
    font-family: "Figtree";
    src: url("https://storage.sbg.cloud.ovh.net/v1/AUTH_54fe28b8f8774df0a2bbaf6aaeafa197/production_digitalrecruiters_static/company_811/fonts/Figtree-Regular.ttf");
}

@font-face {
    font-family: "Figtree Bold";
    src: url("https://storage.sbg.cloud.ovh.net/v1/AUTH_54fe28b8f8774df0a2bbaf6aaeafa197/production_digitalrecruiters_static/company_811/fonts/Figtree-Bold.ttf");
}

* {
    color: var(--dark-brown-color);
    font-family: "Figtree";
    font-size: 15px;
    line-height: 22px;
}

/* ------------ buttons (general styles) ---------------*/
.button,
.action_button {
    border-radius: 30px;
}

/* ------------ top bar ---------------*/
.topbar__back-link span {
    font-family: "Figtree Bold";
    font-size: 15px;
    font-weight: normal;
}

/* ------------ navbar ---------------*/
.navbar.navbar-access, .navbar-mobile.mobile-access {
    background-color: var(--grege-color);
}

.navbar-access .navbar__link .link {
    font-size: 17px;
}

.navbar-access .navbar__link .link,
.mobile-access__dropdown-content .link,
.mobile-access__dropdown-content .navbar__link [data-link-lv="company_link"],
.mobile-access__dropdown-content .navbar__link:last-child .link,
.navbar-access .navbar__link.jobs-link .link {
    color: var(--gray-color);
    font-family: "Figtree";
    font-weight: normal;
}

.navbar-access .navbar__link:has(>.nuxt-link-exact-active) .link,
.navbar-access .navbar__link .link:hover,
.mobile-access__dropdown-content .navbar__link:has(>.nuxt-link-exact-active) .link {
    color: var(--dark-brown-color);
    font-family: "Figtree Bold";
    letter-spacing: -.2px;
    font-weight: normal;
}

.hamburger, .hamburger::after, .hamburger::before {
    background: var(--dark-brown-color);
}

.mobile-access__dropdown-content .navbar__link .link {
  font-size: 2.4rem;
}

/* ------------ company page ---------------*/
.blockList__block, .blockList__block:nth-child(2n) {
    background-color: var(--grege-color);
}

.blockList__block .title {
    color: var(--dark-brown-color);
    font-family: "Figtree Bold";
    font-size: 30px;
    font-weight: normal;
    line-height: 36px;
}

.blockList__block a:hover {
    color: var(--gray-color);
    text-decoration: underline;
}

/* Key figures */
.key-figures-block .key-figure__title {
    font-family: "Figtree Bold";
    font-size: 42px;
    line-height: 42px;
    font-weight: normal;
}

.key-figures-block .key-figure__text {
    color: var(--dark-brown-color);
    font-size: 15px;
    line-height: 22px;
}

/* ------------ job ads listing page ---------------*/
.job-ads-listing-page .desktop-filters {
    background-color: var(--yellow-color);
}

.job-ads-listing-page .research-container__action, .job-ad-preview__action .action__button.button--primary {
    background-color: var(--green-color);
    color: var(--dr-color-white);
}

.job-ads-listing-page .research-container__action span, .job-ad-preview__action .action__button.button--primary span {
    font-family: "Figtree Bold";
    font-weight: normal;
}

.job-ads-listing-page .research-container__action:hover, .job-ad-preview__action .action__button.button--primary:hover {
    background-color: #6AD870;
}

.spontaneous-application-block .text-block-action__button, .spontaneous-application.button {
    background-color: var(--dr-color-white);
    border: 1px solid var(--green-color);
}

.spontaneous-application-block .text-block-action__button:hover, .spontaneous-application.button:hover {
    background-color: var(--dr-color-white);
    background-image: unset;
    border: 2px solid var(--light-green-color);
}

.spontaneous-application-block .text-block-action__button span, .spontaneous-application.button {
    color: var(--green-color);
    font-family: "Figtree Bold";
    font-weight: normal;
}

.job-ads-listing-page .research-container__action .icon-button__label, .icon {
    color: var(--dr-color-white);
}

.job-ads-listing-page .list-map-container .map-container .cluster {
    font-family: "Figtree";
    font-size: 16px;
    color: var(--custom-color-for-graphic-elements);
}

.job-ads-listing-page .desktop-filters .dr-dropdown-group .dr-dropdown {
    height: 35px;
    border: none;
    border-radius: 30px;
    background-color: var(--dr-color-cultured);
}

.job-ads-listing-page .desktop-filters .dr-dropdown-group .dr-dropdown,
.job-ads-listing-page .desktop-filters .dr-dropdown-group .dr-dropdown .dr-dropdown__control:focus {
    background-color: var(--green-color);
}
.job-ads-listing-page .desktop-filters .dr-dropdown-group .dr-dropdown .dr-dropdown__control:hover {
    background-color: var(--light-green-color);
}

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

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

.job-ads-listing-page .dr-dropdown__control-icon::before {
    background-color: var(--dr-color-white);
}

.job-ads-listing-page .desktop-filters .dr-dropdown-group .dr-dropdown .dr-dropdown__control:hover {
    border-radius: 30px;
}

.job-ads-listing-page .desktop-filters .dr-dropdown-group .dr-dropdown .dr-dropdown__control--active {
    border-radius: 30px;
}

.job-ads-listing-page .desktop-filters .dr-dropdown-group .dr-dropdown:hover {
    outline: unset;
    border: unset;
}

.job-ads-listing-page .desktop-filters .dr-dropdown-group .dr-dropdown:active {
    border: unset;
    outline: unset;
    border-radius: 30px;
}

.job-ads-listing-page .job-ads-list .jobs-container .title {
    color: var(--dark-brown-color);
    font-family: "Figtree Bold";
    font-weight: normal;
}

/* ------------ job page ---------------*/

.job-page {
    color: var(--dark-brown-color);
    font-size: 15px;
    line-height: 22px;
}

.job-page .blockList .title {
    @media (min-width: 850px) {
        font-weight: normal;
    }
}

.job-page .blockList__block {
    background-color: var(--dr-color-background-theme);
}

.job-page .job-info-card .title {
    font-family: "Figtree Bold";
    font-weight: normal;
}

.job-page .action__button {
    background-color: var(--green-color);
    color: var(--dr-color-white);
    border-radius: 30px;
}

.job-page .action__button:hover {
    background-color: #6AD870;
}

.job-page__apply-job .apply-job-container {
  background-color: unset;
}

.job-page .cross-job-ads-cta .see-all-offers {
    color: var(--green-color);
    font-family: "Figtree Bold";
    font-weight: normal;
    background-color: var(--dr-color-white);
    border: 1px solid var(--green-color);
}

.job-page .cross-job-ads-cta .see-all-offers:hover {
    background-color: var(--dr-color-white);
    background-image: unset;
    border: 2px solid var(--light-green-color);
}

.blockList .cross-job-ads-block.blockList__block .title.cross-job-ads-block__title {
    font-family: "Figtree Bold";
    font-weight: normal;
}

@media (max-width: 767px) {
    .job-page .blockList .title {
        font-family: "Figtree Bold";
        font-weight: normal;
    }
}

/* ------------ footer ---------------*/
.footer .footer__links .link {
  font-family: "Figtree Bold";
  font-weight: normal;
}
:root {
    --custom-color-button-accept-cookie: #07C095;
    --custom-color-button-refuse-cookie: #D50F0F;
    --custom-color-top-bar-background: #0B0900;
    --custom-color-top-bar-links-and-icons: #F0E7DA;
    --custom-color-footer-background: #FFFFFF;
    --custom-color-footer-links-and-icons: #0B0900;
    --custom-color-for-graphic-elements: #0B0900;
    --custom-color-for-button-font: #FFFFFF;
    --custom-color-for-button-background: #60B565;
    --custom-color-for-maps-pin-and-search-area: #FFFFFF;
}