@import url("https://p.typekit.net/p.css?s=1&k=sya3qgt&ht=tk&f=10277.10278.10279&a=82317800&app=typekit&e=css");
@import url("https://www.stromspa.com/wp-content/themes/strom-v2/webfonts/350063_0_0.woff2");
@import url("https://www.stromspa.com/wp-content/themes/strom-v2/webfonts/35A998_0_0.woff2");

@font-face {
    font-family: "schoolbook";
    src: url("https://use.typekit.net/af/eae1f4/0000000000000000000100ea/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),
         url("https://use.typekit.net/af/eae1f4/0000000000000000000100ea/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),
         url("https://use.typekit.net/af/eae1f4/0000000000000000000100ea/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

.tk-schoolbook {
    font-family: "schoolbook", serif;
}

@font-face {
    font-family: 'Avenir';
    font-display: optional;
    src: url('https://www.stromspa.com/wp-content/themes/strom-v2/webfonts/35A998_0_0.woff2'),
         url('https://www.stromspa.com/wp-content/themes/strom-v2/webfonts/350063_0_0.woff2');
    font-weight: 700;
    font-style: normal;
}

html, body {
    font-family: 'schoolbook', serif;
    font-weight: 400;
}

button, select {
    font-family: 'Avenir', sans-serif;
    font-weight: 400;
    font-size: 1em;
    text-transform: uppercase;
}

strong, .strong {
    font-family: 'Avenir', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

h1 {
    font-family: 'schoolbook', serif !important;
    font-weight: 600 !important;
    font-size: 27px !important;
    line-height: 35px !important;
    padding: 0 !important;
    text-transform: none !important;
    color: #000;
    transition: color 1.5s;
    overflow-wrap: break-word !important;
    hyphens: auto;
}

.navbar__links, .highlighted-quote-block__link {
    font-family: "Fairwater Script", sans-serif;
    text-transform: uppercase;
}

.navbar__links .link {
    font-family: "Avenir", sans-serif;
    text-transform: uppercase;
    letter-spacing: .15em;
}

/* Boutons Rechercher et Spontaneous Application */
.spontaneous-application-block button, .research-container button {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 40px;
    text-decoration: none;
    color: #a37158;
    border: 2px solid #a37158;
    border-radius: 0;
    letter-spacing: 2px;
    text-align: center;
    position: relative;
    transition: all .2s;
    background-color: transparent;
    overflow: hidden;
    font-family: Avenir, sans-serif;
    font-weight: 700;
    font-size: .95em;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.spontaneous-application-block button span, .research-container button span {
    position: relative;
    z-index: 2;
}

.spontaneous-application-block button:after, .research-container button:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    background: #a37158;
    transition: all .2s;
}

.spontaneous-application-block button:hover, .research-container button:hover {
    color: #fff;
}

.spontaneous-application-block button:hover:after, .research-container button:hover:after {
    height: 100%;
}

/* Boutons Apply, cross-job, etc. */
.highlighted-quote-block__content a,
.cross-job-ads-cta__buttons a,
.cross-job-ads-cta__buttons button,
.apply-job-container button,
.job-ad-preview__action a,
.job-ad-preview__action div button,
.apply-button {
    display: block !important;
    text-decoration: none !important;
    color: #a37158 !important;
    border: 2px solid #a37158 !important;
    border-radius: 0 !important;
    letter-spacing: 2px !important;
    text-align: center !important;
    position: relative !important;
    transition: all .2s !important;
    background-color: transparent !important;
    overflow: hidden !important;
    font-family: Avenir, sans-serif !important;
    font-weight: 700 !important;
    font-size: .9em !important;
    letter-spacing: .15em !important;
    line-height: 1.2;
    text-transform: uppercase !important;
    height: unset;
}

.highlighted-quote-block__content a:hover,
.cross-job-ads-cta__buttons a:hover,
.cross-job-ads-cta__buttons button:hover,
.apply-job-container button:hover,
.job-ad-preview__action a:hover,
.job-ad-preview__action div button:hover,
.apply-button:hover {
    color: #fff !important;
    background-color: #a37158 !important;
}

.highlighted-quote-block__link:after {
    content: "" !important;
}

/* Bouton Postuler sticky navbar */
.navbar-apply-container--visible button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    color: #a37158 !important;
    border: 2px solid #a37158 !important;
    border-radius: 0 !important;
    letter-spacing: 2px !important;
    text-align: center !important;
    position: relative !important;
    transition: all .2s !important;
    background-color: transparent !important;
    overflow: hidden !important;
    font-family: Avenir, sans-serif !important;
    font-weight: 700 !important;
    font-size: .9em !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
}

.navbar-apply-container--visible button:hover {
    color: #fff !important;
    background-color: #a37158 !important;
}

.matomo-opt-out-form {
    display: none;
}
:root {
    --custom-color-button-accept-cookie: #07C095;
    --custom-color-button-refuse-cookie: #D50F0F;
    --custom-color-top-bar-background: #FFFFFF;
    --custom-color-top-bar-links-and-icons: #8C6A51;
    --custom-color-footer-background: #000000;
    --custom-color-footer-links-and-icons: #FFFFFF;
    --custom-color-for-graphic-elements: #8C6A51;
    --custom-color-for-button-font: #FFFFFF;
    --custom-color-for-button-background: #8C6A51;
    --custom-color-for-maps-pin-and-search-area: #212322;
}