@import url(//fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);

/* ------------------ font styles ------------------*/
body {
  font-family: "Montserrat";
  font-size: 16px;
  color: #003E5C;
}
/* ------------------ end font styles ------------------*/
/* ------------------- headers styles ------------------*/
h1,
h2,
h1.title,
h2.title {
  font-family: "Montserrat";
}
/* ----------------- end headers styles -----------------*/

/* ------------ buttons (general styles)  ---------------*/
.button, .action_button {
  border-radius: 30px;
  box-shadow: none;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
}

.button--primary {
  border: 1px solid var(--custom-color-for-button-background);
}

.button--primary:hover {
  color: var(--custom-color-for-button-background);
  background-color: transparent;
  border: 1px solid var(--custom-color-for-button-background);
  background-image: none;
}

.button--secondary {
  color: var(--custom-color-for-button-background);
  background-color: transparent;
  border: 1px solid var(--custom-color-for-button-background);
  background-image: none;
}

.button--secondary:hover {
  color: white;
  background-color: var(--custom-color-for-button-background);
  border: 1px solid var(--custom-color-for-button-background);
}

.button--disabled {
  color: white;
  background-color: var(--dr-color-border-grey-dark);
  border: 2px solid var(--dr-color-border-grey-dark);  
}

.button.slick-arrow {
  border: none;
  background-color: white;
}

.pagination__controls {
  border: none;
  background-color: #fff;
  background-color: var(--dr-color-background-theme);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.5);
  box-shadow: 0 1px 2px 0 var(--dr-color-shadow-dark);
}

.pagination__controls:hover {
  border: none
}

.job-preview-modal__pagination .button {
  border: none;
}

.navbar-apply-container .navbar-apply-container__actions-button button,
.navbar-apply-container .action__button,
.navbar-apply-container .navbar-apply-container__actions-button a {
  border-radius: 30px;
}

.navbar-apply-container .navbar-apply-container__actions-button button:hover,
.navbar-apply-container .action__button:hover,
.navbar-apply-container .navbar-apply-container__actions-button a:hover {
  color: var(--custom-color-top-bar-background);
  background-color: white;
  background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));
}

.navbar-mobile__dropdown .navbar__link {
  border-radius: 30px;
}

.navbar-mobile__dropdown .navbar__link .link {
  border-radius: 30px;
  font-weight: 700;
}

.navbar-mobile__dropdown .navbar__link:hover {
  background-color: white;
  border: 1px solid var(--custom-color-for-button-background);
}

.navbar-mobile__dropdown .navbar__link:hover .link {
  color: var(--custom-color-for-button-background);
}

.navbar-mobile__dropdown .navbar__link:hover .link:after {
  background-color: var(--custom-color-for-button-background);
}

.navbar-mobile__dropdown .navbar__link.company-link:hover {
  border: 1px solid var(--custom-color-for-button-background);
}

.navbar-mobile__dropdown .navbar__link.company-link:hover .link {
  background-color: var(--custom-color-for-button-background);
  color: white;
}

.navbar-mobile__dropdown .navbar__link.company-link:hover .link:after {
  background-color: white;
}

/* ------------------- end buttons  ------------------ */
/* ------------------- general styles ---------------- */
.dr-checkbox .dr-checkbox__label::before {
  border-radius: 0;
}

.blockList__block a, .job-ad-preview__description a, .job-page .rich-text a {
  text-decoration: none;
  font-weight: bold;
}

.blockList__block a:hover,
.job-ad-preview__description a:hover,
.job-page .rich-text a:hover {
  text-decoration: underline;
}
/* ------------------ end general styles ------------- */
/* ------------------- header and footer styles ------------------*/
.language-switcher__switcher {
  background-color: transparent;
  border: none;
  background-image: none;
}

.language-switcher__switcher:hover {
  background-color: transparent;
  border: none;
  background-image: none;
}

.footer .social-media-links__item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid white;
}

.footer .social-media-links__item:hover {
  background-color: white;
}

.footer .social-media-links__item .icon {
  min-width: 18px;
  height: 18px;
}

.footer .social-media-links__item:hover .icon:before{
  background-color: var(--custom-color-for-graphic-elements);
}

/* ----------------- end header and footer styles -----------------*/
/* ------------------- company page -------------------- */
.blockList .title {
  font-size: 4rem;
  font-weight: 400;
}

.highlighted-quote-block__link.link {
  border: 2px solid var(--custom-color-for-button-background);
  border-radius: 30px;
}

.highlighted-quote-block__link.link:hover {
  color: var(--custom-color-for-button-background);
  background-color: transparent;
  background-image: none;
  text-decoration: none;
}
/* ----------------- end company page ------------------ */
/* ------------ job ads listing page styles ---------- */
.job-ads-listing-page .jobs-header .title {
  font-size: 2.4rem;
}

.job-ads-listing-page .title {
  font-weight: 700;
}

.job-ads-listing-page .dr-dropdown__body .apply-button {
  border: 2px solid var(--custom-color-for-button-background);
}

.job-ad-preview__action .action__button.button--secondary {
  color: var(--custom-color-for-button-background);
}

.job-ad-preview__action .action__button.button--secondary:hover {
  color: white;
}

.job-ads-listing-page .list-map-container .map-container .cluster {
  font-family: "Montserrat";
  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 .dr-dropdown__control {
  font-weight: 400;
}

.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: 1px solid black;
  outline-offset: 1px;
}

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

.job-ads-listing-page .research-container .search-input__icon::before {
  background: linear-gradient(to top right, #00AEC7, #91BE1E);
}

.job-ads-listing-page .job-ad-card__sticky-logo {
  background-image: linear-gradient(to top right, #00AEC7, #91BE1E);
  border-radius: 50%;
}

.job-ads-listing-page .job-ads-list .job-ad-card .avatar {
  top: 50%;
  left: 50%;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  margin-left: calc(-50% + 2px);
  margin-top: calc(-50% + 2px);
  border: none;
}

.spontaneous-application-block .button {
  color: var(--custom-color-for-button-background);
  background-color: transparent;
  border: 1px solid var(--custom-color-for-button-background);
  background-image: none;
}

.spontaneous-application-block .button:hover {
  color: white;
  background-color: var(--custom-color-for-button-background);
  border: 1px solid var(--custom-color-for-button-background);
}

@media screen and (max-width:850px) {
  .job-ads-listing-page .mobile-filters__research-button,
  .job-ads-listing-page .mobile-filters__filters-button {
    border: none;
    border-radius: 4px;
  }
  
  .job-ads-listing-page .mobile-filters__research-button:hover,
  .job-ads-listing-page .mobile-filters__filters-button:hover {
    border: none;
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));
  }
  
  .job-ads-listing-page .mobile-filters__research-button .icon:before,
  .job-ads-listing-page .mobile-filters__filters-button .icon:before,
  .filters-modal .search-input__icon:before,
  .filters-modal .modal__header-title .icon:before,
  .job-ads-listing-page .filters-modal .modal__main .filters-menu .icon:first-of-type:before {
    background: linear-gradient(to top right, #00AEC7, #91BE1E);
  }
  
  .matching-button:hover {
    background-color: white;
  }
}

/* ---------- end job ads listing page styles ---------- */
/* --------------- job ad page styles ------------------ */
.job-page .blockList .title,
.job-page .job-info-card .title
{
  font-weight: 700;
}

.job-page .social-media-share-block .social-media-links .social-media-links__item {
  border: 1px solid var(--custom-color-for-graphic-elements);
}

.job-page .social-media-share-block .social-media-links .social-media-links__item:hover {
 background-color: var(--custom-color-for-graphic-elements);
}

.job-page .social-media-share-block .social-media-links__item:hover .icon::before {
  background-color: white;
}

.job-page .job-ad-location-block__location .icon::before {
    background: linear-gradient(to top right, #00AEC7, #91BE1E);
}

.job-page .job-ad-card__link:hover {
  text-decoration: none;
}
/* ---------------- end job ad page styles ------------- */
/* -------------- CMP: TAC & Didomi -------------------- */
#tarteaucitronRoot div, #tarteaucitronRoot span, #tarteaucitronRoot applet, #tarteaucitronRoot object, #tarteaucitronRoot iframe, #tarteaucitronRoot h1, #tarteaucitronRoot h2, #tarteaucitronRoot h3, #tarteaucitronRoot h4, #tarteaucitronRoot h5, #tarteaucitronRoot h6, #tarteaucitronRoot p, #tarteaucitronRoot blockquote, #tarteaucitronRoot pre, #tarteaucitronRoot a, #tarteaucitronRoot abbr, #tarteaucitronRoot acronym, #tarteaucitronRoot address, #tarteaucitronRoot big, #tarteaucitronRoot cite, #tarteaucitronRoot code, #tarteaucitronRoot del, #tarteaucitronRoot dfn, #tarteaucitronRoot em, #tarteaucitronRoot img, #tarteaucitronRoot ins, #tarteaucitronRoot kbd, #tarteaucitronRoot q, #tarteaucitronRoot s, #tarteaucitronRoot samp, #tarteaucitronRoot small, #tarteaucitronRoot strike, #tarteaucitronRoot strong, #tarteaucitronRoot sub, #tarteaucitronRoot sup, #tarteaucitronRoot tt, #tarteaucitronRoot var, #tarteaucitronRoot b, #tarteaucitronRoot u, #tarteaucitronRoot i, #tarteaucitronRoot center, #tarteaucitronRoot dl, #tarteaucitronRoot dt, #tarteaucitronRoot dd, #tarteaucitronRoot ol, #tarteaucitronRoot ul, #tarteaucitronRoot li, #tarteaucitronRoot fieldset, #tarteaucitronRoot form, #tarteaucitronRoot label, #tarteaucitronRoot legend, #tarteaucitronRoot table, #tarteaucitronRoot caption, #tarteaucitronRoot tbody, #tarteaucitronRoot tfoot, #tarteaucitronRoot thead, #tarteaucitronRoot tr, #tarteaucitronRoot th, #tarteaucitronRoot td, #tarteaucitronRoot article, #tarteaucitronRoot aside, #tarteaucitronRoot canvas, #tarteaucitronRoot details, #tarteaucitronRoot embed, #tarteaucitronRoot figure, #tarteaucitronRoot figcaption, #tarteaucitronRoot footer, #tarteaucitronRoot header, #tarteaucitronRoot hgroup, #tarteaucitronRoot menu, #tarteaucitronRoot nav, #tarteaucitronRoot output, #tarteaucitronRoot ruby, #tarteaucitronRoot section, #tarteaucitronRoot summary, #tarteaucitronRoot time, #tarteaucitronRoot mark, #tarteaucitronRoot audio, #tarteaucitronRoot video {
  font-family: "Montserrat";
  color: #003E5C;
}

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails,
#tarteaucitron #tarteaucitronPrivacyUrlDialog,
#tarteaucitron #tarteaucitronServices .tarteaucitronBorder .tarteaucitronDetails {
  font-family: "Montserrat";
  color: #003E5C;
  font-size: 16px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronH1,
.tarteaucitronTitle {
  font-family: "Montserrat";
  font-size: 32px;
  font-weight: 300;
  color: #003E5C;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
  color: #003E5C;
}

#tarteaucitron .tarteaucitronName .tarteaucitronH3 {
  color: #b3b3b3;
}

#didomi-host {
  font-family: "Montserrat";
  color: #003E5C;
}

#didomi-host .didomi-notice-data-processing-container .didomi-notice-data-processing-title,
#didomi-host .didomi-popup-notice.didomi-popup-notice-with-data-processing,
#didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__description,
#didomi-host .didomi-consent-popup-preferences-purposes .didomi-consent-popup-data-processing__purpose_actions .didomi-consent-popup-data-processing__purpose_actions_title {
  color: #003E5C;
}
/* ------------- end CMP: TAC & Didomi ----------------- */
/* --------------- consent iframe ---------------------- */
#declareStep1,
#declareStep1 .popup p {
  font-family: "Montserrat";
  font-size: 16px;
  color: #003E5C;
}

#declareStep1 h1 {
  font-family: "Montserrat";
  font-size: 32px;
  font-weight: 300;
  color: #003E5C;
}
/* -------------- end consent iframe -------------------- */
:root {
    --custom-color-button-accept-cookie: #07C095;
    --custom-color-button-refuse-cookie: #D50F0F;
    --custom-color-top-bar-background: #003E5C;
    --custom-color-top-bar-links-and-icons: #FFFFFF;
    --custom-color-footer-background: #003E5C;
    --custom-color-footer-links-and-icons: #FFFFFF;
    --custom-color-for-graphic-elements: #003E5C;
    --custom-color-for-button-font: #FFFFFF;
    --custom-color-for-button-background: #003E5C;
    --custom-color-for-maps-pin-and-search-area: #EF7D00;
}