/*!**********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/global/scss/main.scss ***! \**********************************************************************************************************************************************************************************************************************/ :root { --theme-font-h1: var(--wp--preset--font-size--h-1); --theme-font-h2: var(--wp--preset--font-size--h-2); --theme-font-h3: var(--wp--preset--font-size--h-3); --theme-font-h4: var(--wp--preset--font-size--h-4); --theme-font-h5: var(--wp--preset--font-size--h-5); --theme-font-h6: var(--wp--preset--font-size--h-6); --theme-gap-blocks-page: 120px; --theme-gap-blocks-single: 60px; } @media screen and (max-width: 768px) { :root { --wp--preset--font-size--paragraph: 15px; --wp--preset--font-size--h-1: 40px; --wp--preset--font-size--h-2: 32px; --wp--preset--font-size--h-3: 28px; --wp--preset--font-size--h-4: 25px; --wp--preset--font-size--h-5: 22px; --wp--preset--font-size--h-6: 20px; --theme-gap-blocks-page: 80px; --theme-gap-blocks-single: 40px; } } *, :after, :before { border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6), :after:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6), :before:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { margin: 0; } h1, h2, h3, h4, h5, h6 { -webkit-margin-before: 0em; margin-block-start: 0em; -webkit-margin-after: 0.5em; margin-block-end: 0.5em; } html body:not(.wp-admin), html body .editor-styles-wrapper > .is-layout-constrained, html body .editor-styles-wrapper > .is-layout-flow { /* Heading Styles */ /* Font Weight Utility Classes */ /* Text Decoration Utility Class */ } html body:not(.wp-admin) h1, html body:not(.wp-admin) h2, html body:not(.wp-admin) h3, html body:not(.wp-admin) h4, html body:not(.wp-admin) h5, html body:not(.wp-admin) h6, html body .editor-styles-wrapper > .is-layout-constrained h1, html body .editor-styles-wrapper > .is-layout-constrained h2, html body .editor-styles-wrapper > .is-layout-constrained h3, html body .editor-styles-wrapper > .is-layout-constrained h4, html body .editor-styles-wrapper > .is-layout-constrained h5, html body .editor-styles-wrapper > .is-layout-constrained h6, html body .editor-styles-wrapper > .is-layout-flow h1, html body .editor-styles-wrapper > .is-layout-flow h2, html body .editor-styles-wrapper > .is-layout-flow h3, html body .editor-styles-wrapper > .is-layout-flow h4, html body .editor-styles-wrapper > .is-layout-flow h5, html body .editor-styles-wrapper > .is-layout-flow h6 { line-height: 1.2; } html body:not(.wp-admin) h1, html body:not(.wp-admin) .h1, html body .editor-styles-wrapper > .is-layout-constrained h1, html body .editor-styles-wrapper > .is-layout-constrained .h1, html body .editor-styles-wrapper > .is-layout-flow h1, html body .editor-styles-wrapper > .is-layout-flow .h1 { font-size: var(--theme-font-h1); } html body:not(.wp-admin) h2, html body:not(.wp-admin) .h2, html body .editor-styles-wrapper > .is-layout-constrained h2, html body .editor-styles-wrapper > .is-layout-constrained .h2, html body .editor-styles-wrapper > .is-layout-flow h2, html body .editor-styles-wrapper > .is-layout-flow .h2 { font-size: var(--theme-font-h2); } html body:not(.wp-admin) h3, html body:not(.wp-admin) .h3, html body .editor-styles-wrapper > .is-layout-constrained h3, html body .editor-styles-wrapper > .is-layout-constrained .h3, html body .editor-styles-wrapper > .is-layout-flow h3, html body .editor-styles-wrapper > .is-layout-flow .h3 { font-size: var(--theme-font-h3); } html body:not(.wp-admin) h4, html body:not(.wp-admin) .h4, html body .editor-styles-wrapper > .is-layout-constrained h4, html body .editor-styles-wrapper > .is-layout-constrained .h4, html body .editor-styles-wrapper > .is-layout-flow h4, html body .editor-styles-wrapper > .is-layout-flow .h4 { font-size: var(--theme-font-h4); } html body:not(.wp-admin) h5, html body:not(.wp-admin) .h5, html body .editor-styles-wrapper > .is-layout-constrained h5, html body .editor-styles-wrapper > .is-layout-constrained .h5, html body .editor-styles-wrapper > .is-layout-flow h5, html body .editor-styles-wrapper > .is-layout-flow .h5 { font-size: var(--theme-font-h5); } html body:not(.wp-admin) h6, html body:not(.wp-admin) .h6, html body .editor-styles-wrapper > .is-layout-constrained h6, html body .editor-styles-wrapper > .is-layout-constrained .h6, html body .editor-styles-wrapper > .is-layout-flow h6, html body .editor-styles-wrapper > .is-layout-flow .h6 { font-size: var(--theme-font-h6); } html body:not(.wp-admin) .w-l, html body .editor-styles-wrapper > .is-layout-constrained .w-l, html body .editor-styles-wrapper > .is-layout-flow .w-l { font-weight: 300; } html body:not(.wp-admin) .w-r, html body .editor-styles-wrapper > .is-layout-constrained .w-r, html body .editor-styles-wrapper > .is-layout-flow .w-r { font-weight: 400; } html body:not(.wp-admin) .w-b, html body .editor-styles-wrapper > .is-layout-constrained .w-b, html body .editor-styles-wrapper > .is-layout-flow .w-b { font-weight: 700; } html body:not(.wp-admin) .no-underline, html body .editor-styles-wrapper > .is-layout-constrained .no-underline, html body .editor-styles-wrapper > .is-layout-flow .no-underline { text-decoration: none; } html body:not(.wp-admin) .upper, html body .editor-styles-wrapper > .is-layout-constrained .upper, html body .editor-styles-wrapper > .is-layout-flow .upper { text-transform: uppercase; } html body:not(.wp-admin) .container, html body .editor-styles-wrapper > .is-layout-constrained .container, html body .editor-styles-wrapper > .is-layout-flow .container { max-width: 1340px; margin: 0 auto; } @media screen and (max-width: calc(1340px + 60px)) { html body:not(.wp-admin) .container, html body .editor-styles-wrapper > .is-layout-constrained .container, html body .editor-styles-wrapper > .is-layout-flow .container { max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } } @media screen and (max-width: 768px) { html body:not(.wp-admin) .container, html body .editor-styles-wrapper > .is-layout-constrained .container, html body .editor-styles-wrapper > .is-layout-flow .container { max-width: -webkit-calc(100% - 40px); max-width: -moz-calc(100% - 40px); max-width: calc(100% - 40px); } } html body:not(.wp-admin) a:not([class]), html body .editor-styles-wrapper > .is-layout-constrained a:not([class]), html body .editor-styles-wrapper > .is-layout-flow a:not([class]) { color: #000; } html body:not(.wp-admin) a:not([class]):hover, html body .editor-styles-wrapper > .is-layout-constrained a:not([class]):hover, html body .editor-styles-wrapper > .is-layout-flow a:not([class]):hover { text-decoration: none; } html body:not(.wp-admin) img, html body .editor-styles-wrapper > .is-layout-constrained img, html body .editor-styles-wrapper > .is-layout-flow img { max-width: 100%; } html body:not(.wp-admin) strong, html body .editor-styles-wrapper > .is-layout-constrained strong, html body .editor-styles-wrapper > .is-layout-flow strong { font-weight: 700; } html body:not(.wp-admin) sup, html body:not(.wp-admin) sub, html body .editor-styles-wrapper > .is-layout-constrained sup, html body .editor-styles-wrapper > .is-layout-constrained sub, html body .editor-styles-wrapper > .is-layout-flow sup, html body .editor-styles-wrapper > .is-layout-flow sub { font-size: 16px; } html body:not(.wp-admin) sup, html body .editor-styles-wrapper > .is-layout-constrained sup, html body .editor-styles-wrapper > .is-layout-flow sup { vertical-align: text-top; } html body:not(.wp-admin) sub, html body .editor-styles-wrapper > .is-layout-constrained sub, html body .editor-styles-wrapper > .is-layout-flow sub { vertical-align: baseline; } *.is-style-underlink:is(a), *.is-style-underlink *:is(a), [class*=wp-block-].is-style-underlink:is(a), [class*=wp-block-].is-style-underlink *:is(a) { padding: 0; margin: 0; border: none; background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #000; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } *.is-style-underlink:is(a):hover, *.is-style-underlink *:is(a):hover, [class*=wp-block-].is-style-underlink:is(a):hover, [class*=wp-block-].is-style-underlink *:is(a):hover { color: #000; padding-bottom: 1px; background-color: transparent; } *.is-style-shifted-background .wp-block-media-text__media, [class*=wp-block-].is-style-shifted-background .wp-block-media-text__media { position: relative; padding-right: 20px; padding-top: 20px; z-index: 1; } *.is-style-shifted-background .wp-block-media-text__media::after, [class*=wp-block-].is-style-shifted-background .wp-block-media-text__media::after { content: ""; position: absolute; top: 0; right: 0; width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); width: calc(100% - 20px); height: -webkit-calc(100% - 20px); height: -moz-calc(100% - 20px); height: calc(100% - 20px); background-color: var(--wp--preset--color--color-1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: -1; } *.is-style-shifted-background .wp-block-media-text__media:is(:first-child), [class*=wp-block-].is-style-shifted-background .wp-block-media-text__media:is(:first-child) { padding: 0; padding-left: 20px; padding-top: 20px; } *.is-style-shifted-background .wp-block-media-text__media:is(:first-child)::after, [class*=wp-block-].is-style-shifted-background .wp-block-media-text__media:is(:first-child)::after { right: inherit; left: 0; } *.is-style-shifted-background .wp-block-media-text__media img, [class*=wp-block-].is-style-shifted-background .wp-block-media-text__media img { aspect-ratio: 1/1; -o-object-fit: cover; object-fit: cover; } *.is-style-shifted-background.has-background, [class*=wp-block-].is-style-shifted-background.has-background { background-color: transparent !important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } *.is-style-shifted-background.has-background.has-color-1-background-color .wp-block-media-text__media:after, [class*=wp-block-].is-style-shifted-background.has-background.has-color-1-background-color .wp-block-media-text__media:after { background-color: var(--wp--preset--color--color-1); } *.is-style-shifted-background.has-background.has-color-2-background-color .wp-block-media-text__media:after, [class*=wp-block-].is-style-shifted-background.has-background.has-color-2-background-color .wp-block-media-text__media:after { background-color: var(--wp--preset--color--color-2); } *.is-style-shifted-background.has-background.has-color-3-background-color .wp-block-media-text__media:after, [class*=wp-block-].is-style-shifted-background.has-background.has-color-3-background-color .wp-block-media-text__media:after { background-color: var(--wp--preset--color--color-3); } *.is-style-shifted-background.has-background.has-color-4-background-color .wp-block-media-text__media:after, [class*=wp-block-].is-style-shifted-background.has-background.has-color-4-background-color .wp-block-media-text__media:after { background-color: var(--wp--preset--color--color-4); } *.is-style-shifted-background.has-background.has-color-5-background-color .wp-block-media-text__media:after, [class*=wp-block-].is-style-shifted-background.has-background.has-color-5-background-color .wp-block-media-text__media:after { background-color: var(--wp--preset--color--color-5); } *.is-style-shifted-background.has-background.has-color-6-background-color .wp-block-media-text__media:after, [class*=wp-block-].is-style-shifted-background.has-background.has-color-6-background-color .wp-block-media-text__media:after { background-color: var(--wp--preset--color--color-6); } *.is-style-shifted-background.has-background.has-gris-background-color .wp-block-media-text__media:after, [class*=wp-block-].is-style-shifted-background.has-background.has-gris-background-color .wp-block-media-text__media:after { background-color: var(--wp--preset--color--gris); } *.is-style-shifted-background.has-background.has-noir-background-color .wp-block-media-text__media:after, [class*=wp-block-].is-style-shifted-background.has-background.has-noir-background-color .wp-block-media-text__media:after { background-color: var(--wp--preset--color--noir); } *.is-style-shifted-background.has-background.has-blanc-background-color .wp-block-media-text__media:after, [class*=wp-block-].is-style-shifted-background.has-background.has-blanc-background-color .wp-block-media-text__media:after { background-color: var(--wp--preset--color--blanc); } :root .is-style-underlink .wp-block-button__link { padding: 0; margin: 0; border: none; background-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #000; -webkit-transition: none; -o-transition: none; -moz-transition: none; transition: none; } :root .is-style-underlink .wp-block-button__link:hover { color: #000; padding-bottom: 1px; background-color: transparent; } /* BLOCKS */ :root .wp-block-buttons.is-layout-flex { gap: 12px var(--wp--style--block-gap); } .core-code pre, .core-code:is(pre), .wp-block-code pre, .wp-block-code:is(pre) { padding: 20px; background-color: #121212; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid var(--wp--preset--color--color-1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .core-code pre code, .core-code:is(pre) code, .wp-block-code pre code, .wp-block-code:is(pre) code { color: #fff; font-family: monospace; } .wp-block-columns .container { margin: 0; max-width: 100%; } .wp-block-columns.has-background { padding: 80px 100px; } @media screen and (max-width: 768px) { .wp-block-columns.has-background { padding-top: 60px; padding-bottom: 60px; } } @media screen and (max-width: calc(940px + 60px)) { .wp-block-columns.has-background.align { max-width: 100%; padding-left: -webkit-calc(60px / 2); padding-left: -moz-calc(60px / 2); padding-left: calc(60px / 2); padding-right: -webkit-calc(60px / 2); padding-right: -moz-calc(60px / 2); padding-right: calc(60px / 2); } } @media screen and (max-width: calc(1340px + 60px)) { .wp-block-columns.has-background.alignwide { max-width: 100%; padding-left: -webkit-calc(60px / 2); padding-left: -moz-calc(60px / 2); padding-left: calc(60px / 2); padding-right: -webkit-calc(60px / 2); padding-right: -moz-calc(60px / 2); padding-right: calc(60px / 2); } } .wp-block-column:not([class^=is-vertically-]) { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .core-cover, .wp-block-cover { max-width: var(--wp--style--global--content-size); width: 100%; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } @media screen and (max-width: 940px) { .core-cover, .wp-block-cover { max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } } .core-cover.alignwide, .wp-block-cover.alignwide { width: 100%; max-width: var(--wp--style--global--wide-size); } .core-cover.alignfull, .wp-block-cover.alignfull { max-width: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .core-details:is(summary), .core-details summary, .wp-block-details:is(summary), .wp-block-details summary { list-style-position: outside; font-weight: bold; margin-left: 20px; padding-left: 5px; } .core-details:is(summary)::marker, .core-details summary::marker, .wp-block-details:is(summary)::marker, .wp-block-details summary::marker { color: var(--wp--preset--color--color-1); } .core-details[open]:is(summary), .core-details[open] summary, .wp-block-details[open]:is(summary), .wp-block-details[open] summary { margin-bottom: 12px; } .core-embed__wrapper > *, .wp-block-embed__wrapper > * { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .core-embed.is-type-video .wp-block-embed__wrapper, .wp-block-embed.is-type-video .wp-block-embed__wrapper { aspect-ratio: 16/9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; } .wp-block-file { font-size: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 20px; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .wp-block-file__content-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 20px; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .wp-block-file * { -webkit-transition: color 0.5s ease, background-color 0.5s ease; -o-transition: color 0.5s ease, background-color 0.5s ease; -moz-transition: color 0.5s ease, background-color 0.5s ease; transition: color 0.5s ease, background-color 0.5s ease; } .wp-block-file *:not(.wp-element-button) { text-decoration: none; font-weight: bold; color: inherit; } .wp-block-file *:not(.wp-element-button):hover { color: var(--wp--preset--color--color-1); } @media screen and (max-width: 480px) { .core-gallery > *, .wp-block-gallery > * { width: 100% !important; } } .core-heading, .wp-block-heading { word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } .core-image:is(img), .core-image img, .wp-block-image:is(img), .wp-block-image img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 100%; } .core-image .aligncenter, .wp-block-image .aligncenter { margin: 0 auto; text-align: center; } .core-list ul, .core-list ol, .wp-block-list ul, .wp-block-list ol { padding: 0; padding-left: 15px; margin: 0; } .core-list ul li::marker, .wp-block-list ul li::marker { text-indent: -10px !important; color: var(--wp--preset--color--color-1); } .core-media-text, .wp-block-media-text { gap: var(--theme-gap-blocks-single); } .core-media-text__content, .core-media-text > .wp-block-media-text__content:is(div), .wp-block-media-text__content, .wp-block-media-text > .wp-block-media-text__content:is(div) { padding: 0; } .core-media-text__content > *:last-child, .core-media-text > .wp-block-media-text__content:is(div) > *:last-child, .wp-block-media-text__content > *:last-child, .wp-block-media-text > .wp-block-media-text__content:is(div) > *:last-child { margin-bottom: 0; } .core-media-text img, .wp-block-media-text img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } @media screen and (max-width: 600px) { .core-media-text.is-stacked-on-mobile > .wp-block-media-text__content, .wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content { grid-row: 1 !important; } .core-media-text.is-stacked-on-mobile > figure, .wp-block-media-text.is-stacked-on-mobile > figure { grid-row: 2 !important; } } @media screen and (max-width: 600px) { .core-media-text.is-stacked-on-mobile:is(.has-background *) > .wp-block-media-text__content, .wp-block-media-text.is-stacked-on-mobile:is(.has-background *) > .wp-block-media-text__content { text-align: center; } .core-media-text.is-stacked-on-mobile:is(.has-background *) > .wp-block-media-text__content .is-layout-flex, .wp-block-media-text.is-stacked-on-mobile:is(.has-background *) > .wp-block-media-text__content .is-layout-flex { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } } .core-paragraph p.has-background, .core-paragraph.has-background, .wp-block-column > p p.has-background, .wp-block-column > p.has-background { padding: 40px; } @media screen and (max-width: 768px) { .core-paragraph p.has-background, .core-paragraph.has-background, .wp-block-column > p p.has-background, .wp-block-column > p.has-background { padding: 20px; } } .core-preformatted, .wp-block-preformatted { font-style: italic; } .core-quote .wp-block-quote { margin-left: auto; margin-right: auto; } .wp-block-quote, .wp-block-pullquote { padding-left: 0; border-left: none; max-width: 795px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 940px) { .wp-block-quote, .wp-block-pullquote { max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } } .wp-block-quote p, .wp-block-pullquote p { font-size: 18px; font-style: italic; font-weight: 500; } .wp-block-quote cite, .wp-block-pullquote cite { font-size: 13px; font-weight: 300; } .wp-block-separator:is(hr) { border: none; -webkit-margin-before: 0px; margin-block-start: 0px; -webkit-margin-after: 0px; margin-block-end: 0px; border-width: 1px; height: 1px; } .core-table, .wp-block-table { color: inherit; } .core-table th, .wp-block-table th { font-weight: bold; } .core-table tfoot, .wp-block-table tfoot { font-style: italic; } .card { margin: 0; padding: 0; min-width: initial; max-width: initial; border: initial; -webkit-box-shadow: initial; -moz-box-shadow: initial; box-shadow: initial; background: initial; /* &--base{ border-radius: 5px; border: solid 1px rgba($color1, .5); padding: 30px; position: relative; transition: border .3s; picture{ margin-bottom: 15px; display: block; } strong.title{ display: block; margin-top: 0; } div.ct{ margin-top: 15px; } a{ position: absolute; inset: 0; overflow: hidden; text-indent: -5000px; } &:hover{ border: solid 1px $color1; } } */ } .card--search a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; gap: 12px; height: 100%; border: 1px solid var(--wp--preset--color--color-1); padding: 30px; padding-bottom: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-decoration: none; color: #000; } .card--search a strong { color: var(--wp--preset--color--color-1); } .card--search a .underlink, .card--search a *.is-style-underlink:is(a), .card--search a *.is-style-underlink *:is(a), *.is-style-underlink .card--search a *:is(a), :root .card--search a .is-style-underlink .wp-block-button__link, :root .is-style-underlink .card--search a .wp-block-button__link { margin-top: auto; color: var(--wp--preset--color--color-1); border-color: var(--wp--preset--color--color-1); } .card--search a:hover .underlink, .card--search a:hover *.is-style-underlink:is(a), .card--search a:hover *.is-style-underlink *:is(a), *.is-style-underlink .card--search a:hover *:is(a), :root .card--search a:hover .is-style-underlink .wp-block-button__link, :root .is-style-underlink .card--search a:hover .wp-block-button__link { border-bottom: none; padding-bottom: 1px; } .card--sticky { position: relative; } .card--sticky:after { content: ""; position: absolute; top: 20px; left: 20px; width: 30px; height: 30px; background-image: url(img/global/dev/sticky.svg); -moz-background-size: contain; -o-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: center; z-index: 1; pointer-events: none; } .card--page a { display: block; padding-right: 30px; text-decoration: none; color: #000; } .card--page a .title { -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; } .card--page a .ct { margin-top: 5px; } .card--page a:hover .title { color: var(--wp--preset--color--color-1); } .card--post { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: solid 1px rgba(var(--wp--preset--color--color-1), 0.5); position: relative; -webkit-transition: border 0.3s; -o-transition: border 0.3s; -moz-transition: border 0.3s; transition: border 0.3s; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .card--post__image { display: block; text-decoration: none; color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; height: 330px; margin-bottom: 10px; } .card--post__content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; flex-grow: 1; gap: 8px; } .card--post picture { display: block; width: 100%; height: 100%; } .card--post picture img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .card--post strong.title { display: block; margin: 0; } .card--post div.ct { font-size: 15px; } .card--post .underlink, .card--post *.is-style-underlink:is(a), .card--post *.is-style-underlink *:is(a), *.is-style-underlink .card--post *:is(a), :root .card--post .is-style-underlink .wp-block-button__link, :root .is-style-underlink .card--post .wp-block-button__link { margin-top: auto; } .card--post:has(.card--post__image:hover) img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .card--post:has(.card--post__image:hover) .underlink, .card--post:has(.card--post__image:hover) *.is-style-underlink:is(a), .card--post:has(.card--post__image:hover) *.is-style-underlink *:is(a), *.is-style-underlink .card--post:has(.card--post__image:hover) *:is(a), :root .card--post:has(.card--post__image:hover) .is-style-underlink .wp-block-button__link, :root .is-style-underlink .card--post:has(.card--post__image:hover) .wp-block-button__link { border-bottom: none; padding-bottom: 1px; } .card--post:has(.underlink:hover, .is-style-underlink:hover:is(a), *.is-style-underlink :hover:is(a), :root .is-style-underlink .wp-block-button__link:hover) img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .card--post:has(.underlink:hover, .is-style-underlink:hover:is(a), *.is-style-underlink :hover:is(a), :root .is-style-underlink .wp-block-button__link:hover) .underlink, .card--post:has(.underlink:hover, .is-style-underlink:hover:is(a), *.is-style-underlink :hover:is(a), :root .is-style-underlink .wp-block-button__link:hover) *.is-style-underlink:is(a), .card--post:has(.underlink:hover, .is-style-underlink:hover:is(a), *.is-style-underlink :hover:is(a), :root .is-style-underlink .wp-block-button__link:hover) *.is-style-underlink *:is(a), *.is-style-underlink .card--post:has(.underlink:hover, .is-style-underlink:hover:is(a), *.is-style-underlink :hover:is(a), :root .is-style-underlink .wp-block-button__link:hover) *:is(a), :root .card--post:has(.underlink:hover, .is-style-underlink:hover:is(a), *.is-style-underlink :hover:is(a), :root .is-style-underlink .wp-block-button__link:hover) .is-style-underlink .wp-block-button__link, :root .is-style-underlink .card--post:has(.underlink:hover, .is-style-underlink:hover:is(a), *.is-style-underlink :hover:is(a), :root .is-style-underlink .wp-block-button__link:hover) .wp-block-button__link { border-bottom: none; padding-bottom: 1px; } .card--post-image { position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; color: #fff; padding: 30px; min-height: 255px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; align-items: flex-end; background-color: #000; } .card--post-image__content { position: relative; z-index: 1; } .card--post-image__content .title { font-size: 17px; } .card--post-image__content .ct { font-size: 15px; max-width: 650px; margin-top: 5px; } .card--post-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 0; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0.7; } .card--post-image__link { color: #fff; text-decoration: none; } .card--post-image__link:hover img { opacity: 0.8; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .card--post-image-large { padding: 45px; } .card--event { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; background-color: var(--wp--preset--color--color-1); color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; } .card--event__link { display: block; height: 180px; overflow: hidden; } .card--event__image:is(img) { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .card--event__content { padding: 30px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; gap: 8px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; flex-grow: 1; } .card--event__content__informations { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; gap: 8px; margin-bottom: 25px; } .card--event__content__information { position: relative; padding-left: 30px; } .card--event__content__information::before { content: ""; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; background-color: #fff; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .card--event__content__information.location::before { -webkit-mask-image: url(img/global/dev/location.svg); mask-image: url(img/global/dev/location.svg); } .card--event__content__information.place::before { -webkit-mask-image: url(img/global/dev/place.svg); mask-image: url(img/global/dev/place.svg); } .card--event__content__link { margin-top: auto; } .card--event__content .date { font-size: 24px; font-weight: 600; } .card--event__content .title { font-size: 17px; font-weight: 700; } .card--event:has(.card--event__link:hover) img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .card--event:has(.card--event__link:hover) .underlink, .card--event:has(.card--event__link:hover) *.is-style-underlink:is(a), .card--event:has(.card--event__link:hover) *.is-style-underlink *:is(a), *.is-style-underlink .card--event:has(.card--event__link:hover) *:is(a), :root .card--event:has(.card--event__link:hover) .is-style-underlink .wp-block-button__link, :root .is-style-underlink .card--event:has(.card--event__link:hover) .wp-block-button__link { border-bottom: none; padding-bottom: 1px; } .card--event:has(.underlink:hover, .is-style-underlink:hover:is(a), *.is-style-underlink :hover:is(a), :root .is-style-underlink .wp-block-button__link:hover) img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .card--event:has(.underlink:hover, .is-style-underlink:hover:is(a), *.is-style-underlink :hover:is(a), :root .is-style-underlink .wp-block-button__link:hover) .underlink, .card--event:has(.underlink:hover, .is-style-underlink:hover:is(a), *.is-style-underlink :hover:is(a), :root .is-style-underlink .wp-block-button__link:hover) *.is-style-underlink:is(a), .card--event:has(.underlink:hover, .is-style-underlink:hover:is(a), *.is-style-underlink :hover:is(a), :root .is-style-underlink .wp-block-button__link:hover) *.is-style-underlink *:is(a), *.is-style-underlink .card--event:has(.underlink:hover, .is-style-underlink:hover:is(a), *.is-style-underlink :hover:is(a), :root .is-style-underlink .wp-block-button__link:hover) *:is(a), :root .card--event:has(.underlink:hover, .is-style-underlink:hover:is(a), *.is-style-underlink :hover:is(a), :root .is-style-underlink .wp-block-button__link:hover) .is-style-underlink .wp-block-button__link, :root .is-style-underlink .card--event:has(.underlink:hover, .is-style-underlink:hover:is(a), *.is-style-underlink :hover:is(a), :root .is-style-underlink .wp-block-button__link:hover) .wp-block-button__link { border-bottom: none; padding-bottom: 1px; } .card--advice { position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; color: #fff; padding: 30px; min-height: 255px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; align-items: flex-end; background-color: #000; } .card--advice__content { position: relative; z-index: 1; } .card--advice__content .title { font-size: 17px; } .card--advice__content .ct { font-size: 15px; max-width: 650px; margin-top: 5px; } .card--advice img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 0; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0.7; } .card--advice__link { color: #fff; text-decoration: none; } .card--advice__link:hover img { opacity: 0.8; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .card--documents .title { display: block; } .card--documents__links { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; gap: 30px; margin-top: 5px; } .card--documents__link { display: block; padding: 10px 0; font-size: 15px; font-weight: 700; text-decoration: none; color: #fff; padding-right: 30px; position: relative; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .card--documents__link::after { content: ""; position: absolute; top: 50%; right: 0; width: 20px; height: 20px; background-color: #fff; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .card--documents__link.view::after { -webkit-mask-image: url(img/global/dev/search.svg); mask-image: url(img/global/dev/search.svg); } .card--documents__link.download::after { -webkit-mask-image: url(img/global/dev/download.svg); mask-image: url(img/global/dev/download.svg); } .card--documents__link:first-child:before { content: ""; position: absolute; top: 10px; right: -15px; width: 1px; height: -webkit-calc(100% - 20px); height: -moz-calc(100% - 20px); height: calc(100% - 20px); background-color: #fff; } .card--documents__link:hover { color: var(--wp--preset--color--color-1); } .card--documents__link:hover::after { background-color: var(--wp--preset--color--color-1); } .card--documents:has(.card--advice__link:hover) img { opacity: 0.8; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .card--documents:has(.card--advice__image:hover) img { opacity: 0.8; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .btn, .archive-faq__filter label, html body #tarteaucitronRoot div#tarteaucitronAlertBig button.tarteaucitronAllow, html body #tarteaucitronRoot div#tarteaucitronAlertBig button.tarteaucitronDeny, *.is-style-outline-white:is(a), *.is-style-outline-white *:is(a), [class*=wp-block-].is-style-outline-white:is(a), [class*=wp-block-].is-style-outline-white *:is(a), :root .is-style-outline-white .wp-block-button__link, :root .wp-block-button__link, .wp-block-file__button:is(.wp-element-button), .wp-block-file__button .wp-element-button, .wp-block-file__button-richtext-wrapper:is(.wp-element-button), .wp-block-file__button-richtext-wrapper .wp-element-button { background-color: var(--wp--preset--color--color-1); border: 1px solid var(--wp--preset--color--color-1); color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 15px 20px; display: inline-block; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-decoration: none; text-align: center; font-weight: 700; cursor: pointer; } @media screen and (min-width: 768px) { .btn:hover, .archive-faq__filter label:hover, html body #tarteaucitronRoot div#tarteaucitronAlertBig button.tarteaucitronAllow:hover, html body #tarteaucitronRoot div#tarteaucitronAlertBig button.tarteaucitronDeny:hover, .is-style-outline-white:hover:is(a), *.is-style-outline-white :hover:is(a), :root .wp-block-button__link:hover, .wp-block-file__button:hover:is(.wp-element-button), .wp-block-file__button .wp-element-button:hover, .wp-block-file__button-richtext-wrapper:hover:is(.wp-element-button), .wp-block-file__button-richtext-wrapper .wp-element-button:hover { text-decoration: none; color: var(--wp--preset--color--color-1); background-color: #fff; } } .btn--white, *.is-style-outline-white:is(a), *.is-style-outline-white *:is(a), [class*=wp-block-].is-style-outline-white:is(a), [class*=wp-block-].is-style-outline-white *:is(a), :root .is-style-outline-white .wp-block-button__link { background-color: #FFF; color: #000; border-color: #fff; } @media screen and (min-width: 768px) { .btn--white:hover, .is-style-outline-white:hover:is(a), *.is-style-outline-white :hover:is(a), :root .is-style-outline-white .wp-block-button__link:hover { background-color: var(--wp--preset--color--color-1); color: #FFF; } } .btn--red { background-color: var(--wp--preset--color--color-4); color: #FFF; border-color: var(--wp--preset--color--color-4); } @media screen and (min-width: 768px) { .btn--red:hover { background-color: #FFF; color: var(--wp--preset--color--color-4); } } .btn--outline, html body #tarteaucitronRoot div#tarteaucitronAlertBig button.tarteaucitronDeny, *.is-style-outline-white:is(a), *.is-style-outline-white *:is(a), [class*=wp-block-].is-style-outline-white:is(a), [class*=wp-block-].is-style-outline-white *:is(a), :root .is-style-outline-white .wp-block-button__link, :root .is-style-outline .wp-block-button__link, .wp-block-file__button:is(.wp-element-button), .wp-block-file__button .wp-element-button, .wp-block-file__button-richtext-wrapper:is(.wp-element-button), .wp-block-file__button-richtext-wrapper .wp-element-button { border: 1px solid var(--wp--preset--color--color-1); color: var(--wp--preset--color--color-1); background-color: transparent; } @media screen and (min-width: 768px) { .btn--outline:hover, html body #tarteaucitronRoot div#tarteaucitronAlertBig button.tarteaucitronDeny:hover, .is-style-outline-white:hover:is(a), *.is-style-outline-white :hover:is(a), :root .is-style-outline-white .wp-block-button__link:hover, :root .is-style-outline .wp-block-button__link:hover, .wp-block-file__button:hover:is(.wp-element-button), .wp-block-file__button .wp-element-button:hover, .wp-block-file__button-richtext-wrapper:hover:is(.wp-element-button), .wp-block-file__button-richtext-wrapper .wp-element-button:hover { background-color: var(--wp--preset--color--color-1); color: #FFF; } } .btn--outline.btn--white, html body #tarteaucitronRoot div#tarteaucitronAlertBig button.btn--white.tarteaucitronDeny, :root .is-style-outline .btn--white.wp-block-button__link, .btn--white.wp-block-file__button:is(.wp-element-button), .wp-block-file__button .btn--white.wp-element-button, .btn--white.wp-block-file__button-richtext-wrapper:is(.wp-element-button), .wp-block-file__button-richtext-wrapper .btn--white.wp-element-button, *.is-style-outline-white:is(a), [class*=wp-block-].is-style-outline-white:is(a), :root .is-style-outline .wp-block-button__link.is-style-outline-white:is(a), .wp-block-file__button.is-style-outline-white:is(.wp-element-button):is(a), .wp-block-file__button .wp-element-button.is-style-outline-white:is(a), .wp-block-file__button-richtext-wrapper.is-style-outline-white:is(.wp-element-button):is(a), .wp-block-file__button-richtext-wrapper .wp-element-button.is-style-outline-white:is(a), *.is-style-outline-white *:is(a), [class*=wp-block-].is-style-outline-white *:is(a), *.is-style-outline-white .wp-block-file__button:is(.wp-element-button):is(a), .wp-block-file__button *.is-style-outline-white .wp-element-button:is(a), *.is-style-outline-white .wp-block-file__button .wp-element-button:is(a), *.is-style-outline-white .wp-block-file__button-richtext-wrapper:is(.wp-element-button):is(a), .wp-block-file__button-richtext-wrapper *.is-style-outline-white .wp-element-button:is(a), *.is-style-outline-white .wp-block-file__button-richtext-wrapper .wp-element-button:is(a), :root .is-style-outline-white .wp-block-button__link { color: #FFF; border-color: #FFF; } @media screen and (min-width: 768px) { .btn--outline.btn--white:hover, html body #tarteaucitronRoot div#tarteaucitronAlertBig button.btn--white.tarteaucitronDeny:hover, :root .is-style-outline .btn--white.wp-block-button__link:hover, .btn--white.wp-block-file__button:hover:is(.wp-element-button), .wp-block-file__button .btn--white.wp-element-button:hover, .btn--white.wp-block-file__button-richtext-wrapper:hover:is(.wp-element-button), .wp-block-file__button-richtext-wrapper .btn--white.wp-element-button:hover, .is-style-outline-white:hover:is(a), :root .is-style-outline .wp-block-button__link.is-style-outline-white:hover:is(a), *.is-style-outline-white :hover:is(a), :root .is-style-outline-white .wp-block-button__link:hover { background-color: #FFF; color: var(--wp--preset--color--color-1); } } .underlink, *.is-style-underlink:is(a), *.is-style-underlink *:is(a), [class*=wp-block-].is-style-underlink:is(a), [class*=wp-block-].is-style-underlink *:is(a), :root .is-style-underlink .wp-block-button__link { display: inline-block; color: #000; font-size: 14px; font-weight: 700; text-decoration: none; border-bottom: 1px solid #000; } @media screen and (min-width: 768px) { .underlink:hover, .is-style-underlink:hover:is(a), *.is-style-underlink :hover:is(a), :root .is-style-underlink .wp-block-button__link:hover { border-bottom: none; padding-bottom: 1px; } } .underlink--white { color: #fff; border-bottom: 1px solid #fff; } @media screen and (min-width: 768px) { .underlink--white:hover { border-bottom: none; } } .underlink--green { color: var(--wp--preset--color--color-1); border-bottom: 1px solid var(--wp--preset--color--color-1); } @media screen and (min-width: 768px) { .underlink--green:hover { border-bottom: none; } } .link--arrow { position: relative; display: inline-block; padding-right: 25px; color: #000; text-decoration: none; font-weight: 700; } .link--arrow:after { content: ""; position: absolute; top: 50%; right: 0; width: 15px; height: 15px; background-color: #000; -webkit-transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); -webkit-mask-image: url(img/global/dev/arrow-top.svg); mask-image: url(img/global/dev/arrow-top.svg); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } @media screen and (min-width: 768px) { .link--arrow:hover:after { -webkit-transform: translateY(-50%) translateX(5px) rotate(90deg); -moz-transform: translateY(-50%) translateX(5px) rotate(90deg); -o-transform: translateY(-50%) translateX(5px) rotate(90deg); transform: translateY(-50%) translateX(5px) rotate(90deg); } } .link--arrow-left { padding-right: 0px; padding-left: 25px; } .link--arrow-left:after { right: auto; left: 0; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } @media screen and (min-width: 768px) { .link--arrow-left:hover:after { -webkit-transform: translateY(-50%) translateX(-5px) rotate(-90deg); -moz-transform: translateY(-50%) translateX(-5px) rotate(-90deg); -o-transform: translateY(-50%) translateX(-5px) rotate(-90deg); transform: translateY(-50%) translateX(-5px) rotate(-90deg); } } div.pagination { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 15px; } div.pagination span.invisible { opacity: 0.5; cursor: default; } div.pagination ul.pages { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } div.pagination ul.pages li span, div.pagination ul.pages li a { display: inline-block; width: 31px; min-width: 31px; height: 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; padding: 0; background-color: transparent; border: 1px solid var(--wp--preset--color--color-1); text-align: center; text-decoration: none; font-size: 15px; font-weight: 700; line-height: 40px; color: var(--wp--preset--color--color-1); -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } div.pagination ul.pages li span:is(span):not(.dots), div.pagination ul.pages li a:is(span):not(.dots) { background-color: var(--wp--preset--color--color-1); color: #fff; } div.pagination ul.pages li span:is(a), div.pagination ul.pages li a:is(a) { -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } div.pagination ul.pages li span:is(a):hover, div.pagination ul.pages li a:is(a):hover { background-color: var(--wp--preset--color--color-1); color: #fff; } div.pagination ul.pages:has(a:hover) span:not(.dots), div.pagination ul.pages:has(a:hover) a:not(:hover) { opacity: 0.5; } div.pagination .prev, div.pagination .next { display: block; width: 25px; min-width: 25px; height: 25px; text-indent: -9000000000000px; overflow: hidden; position: relative; padding: 0; background-color: transparent; } div.pagination .prev:before, div.pagination .next:before { content: ""; display: block; width: 25px; height: 25px; -webkit-mask-image: url(img/global/dev/arrow-down.svg); mask-image: url(img/global/dev/arrow-down.svg); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; background-color: var(--wp--preset--color--color-1); position: absolute; left: 50%; top: 50%; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } div.pagination .prev.prev:before, div.pagination .next.prev:before { -webkit-transform: translate(-50%, -50%) rotate(90deg); -moz-transform: translate(-50%, -50%) rotate(90deg); -o-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } div.pagination .prev.next:before, div.pagination .next.next:before { -webkit-transform: translate(-50%, -50%) rotate(-90deg); -moz-transform: translate(-50%, -50%) rotate(-90deg); -o-transform: translate(-50%, -50%) rotate(-90deg); transform: translate(-50%, -50%) rotate(-90deg); } :root { --theme-font-h1: var(--wp--preset--font-size--h-1); --theme-font-h2: var(--wp--preset--font-size--h-2); --theme-font-h3: var(--wp--preset--font-size--h-3); --theme-font-h4: var(--wp--preset--font-size--h-4); --theme-font-h5: var(--wp--preset--font-size--h-5); --theme-font-h6: var(--wp--preset--font-size--h-6); --theme-gap-blocks-page: 120px; --theme-gap-blocks-single: 60px; } @media screen and (max-width: 768px) { :root { --wp--preset--font-size--paragraph: 15px; --wp--preset--font-size--h-1: 40px; --wp--preset--font-size--h-2: 32px; --wp--preset--font-size--h-3: 28px; --wp--preset--font-size--h-4: 25px; --wp--preset--font-size--h-5: 22px; --wp--preset--font-size--h-6: 20px; --theme-gap-blocks-page: 80px; --theme-gap-blocks-single: 40px; } } main > section.breadcrumb { -webkit-margin-before: 0; margin-block-start: 0; -webkit-margin-after: 0; margin-block-end: 0; margin: 25px auto 20px auto; font-size: 14px; } @media screen and (max-width: 768px) { main > section.breadcrumb { margin: 20px auto; } } main > section.breadcrumb > nav > span { white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-width: 100%; display: block; } main > section.breadcrumb * { color: var(--wp--preset--color--noir); } main > section.breadcrumb *:is(a) { position: relative; font-weight: 400; -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; color: #333333; text-decoration: none; margin-right: 26px; } main > section.breadcrumb *:is(a):hover { color: var(--wp--preset--color--color-1); } main > section.breadcrumb *:is(a):after { content: ""; display: block; width: 10px; height: 10px; background-color: #333333; -webkit-mask-image: url(img/global/dev/arrow-breadcrumb.svg); mask-image: url(img/global/dev/arrow-breadcrumb.svg); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; position: absolute; top: -webkit-calc(50% + 1px); top: -moz-calc(50% + 1px); top: calc(50% + 1px); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: -20px; pointer-events: none; } main > section.breadcrumb *.breadcrumb_last { font-weight: 700; } .contain-recaptcha { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: inline-flex; gap: 15px; } .contain-recaptcha .recaptcha-logo { background-position: center; background-repeat: no-repeat; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI2IiBoZWlnaHQ9IjEyMCIgdmlld0JveD0iMCAwIDEyNiAxMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMDQgNDIuMDYzQzEwMy45OTggNDEuNDYwNyAxMDMuOTg0IDQwLjg2MTYgMTAzLjk1NyA0MC4yNjU0VjYuMjc0NDFMOTQuNTYgMTUuNjcxNUM4Ni44NjkgNi4yNTc0MSA3NS4xNjkgMC4yNDQ1MDcgNjIuMDY0IDAuMjQ0NTA3QzQ4LjQyNiAwLjI0NDUwNyAzNi4zMSA2Ljc1NDIxIDI4LjY1MSAxNi44MzU1TDQ0LjA1NCAzMi40MDA1QzQ1LjU2MzUgMjkuNjA4OCA0Ny43MDc5IDI3LjIxMSA1MC4yOTM1IDI1LjRDNTIuOTgyNiAyMy4zMDE1IDU2Ljc5MjggMjEuNTg1NyA2Mi4wNjM1IDIxLjU4NTdDNjIuNzAwMiAyMS41ODU3IDYzLjE5MTcgMjEuNjYwMSA2My41NTI4IDIxLjgwMDNDNzAuMDgzMiAyMi4zMTU3IDc1Ljc0MzggMjUuOTE5NyA3OS4wNzY4IDMxLjE1MDZMNjguMTczOCA0Mi4wNTM2QzgxLjk4MzggNDEuOTk5NCA5Ny41ODQ4IDQxLjk2NzYgMTAzLjk5OSA0Mi4wNjA2IiBmaWxsPSIjMUMzQUE5Ii8+CjxwYXRoIGQ9Ik02MS44MTkgMC4yNDU5NzJDNjEuMjE2NyAwLjI0Nzk3MiA2MC42MTc2IDAuMjYxODcyIDYwLjAyMTQgMC4yODg4NzJIMjYuMDMwNEwzNS40Mjc1IDkuNjg1OTdDMjYuMDEzNCAxNy4zNzcgMjAuMDAwNSAyOS4wNzcgMjAuMDAwNSA0Mi4xODJDMjAuMDAwNSA1NS44MiAyNi41MTAzIDY3LjkzNiAzNi41OTE1IDc1LjU5NUw1Mi4xNTY1IDYwLjE5MkM0OS4zNjQ4IDU4LjY4MjUgNDYuOTY3IDU2LjUzODEgNDUuMTU2IDUzLjk1MjVDNDMuMDU3NiA1MS4yNjM0IDQxLjM0MTcgNDcuNDUzMiA0MS4zNDE3IDQyLjE4MjVDNDEuMzQxNyA0MS41NDU3IDQxLjQxNjEgNDEuMDU0MyA0MS41NTYzIDQwLjY5MzJDNDIuMDcxNyAzNC4xNjI4IDQ1LjY3NTcgMjguNTAyMiA1MC45MDY2IDI1LjE2OTJMNjEuODA5NiAzNi4wNzIyQzYxLjc1NTQgMjIuMjYyMiA2MS43MjM1IDYuNjYxMTcgNjEuODE2NiAwLjI0NzE3MSIgZmlsbD0iIzQyODVGNCIvPgo8cGF0aCBkPSJNMjAuMDAyIDQyLjE4MUMyMC4wMDQgNDIuNzgzNCAyMC4wMTc5IDQzLjM4MjQgMjAuMDQ0OSA0My45Nzg2Vjc3Ljk2OTZMMjkuNDQyIDY4LjU3MjVDMzcuMTMzIDc3Ljk4NjYgNDguODMzIDgzLjk5OTUgNjEuOTM4IDgzLjk5OTVDNzUuNTc2IDgzLjk5OTUgODcuNjkyIDc3LjQ4OTggOTUuMzUxIDY3LjQwODVMNzkuOTQ4IDUxLjg0MzVDNzguNDM4NSA1NC42MzUyIDc2LjI5NDEgNTcuMDMzIDczLjcwODUgNTguODQ0QzcxLjAxOTQgNjAuOTQyNSA2Ny4yMDkyIDYyLjY1ODMgNjEuOTM4NSA2Mi42NTgzQzYxLjMwMTggNjIuNjU4MyA2MC44MTAzIDYyLjU4MzkgNjAuNDQ5MiA2Mi40NDM3QzUzLjkxODggNjEuOTI4MyA0OC4yNTgyIDU4LjMyNDQgNDQuOTI1MiA1My4wOTM1TDU1LjgyODIgNDIuMTkwNEM0Mi4wMTgyIDQyLjI0NDYgMjYuNDE3MiA0Mi4yNzY0IDIwLjAwMzIgNDIuMTgzNCIgZmlsbD0iI0FCQUJBQiIvPgo8cGF0aCBkPSJNMjcuMDc4IDEwMC4yNEMyNi4wNTY1IDEwMC4yNCAyNS4xNDA3IDEwMC40MzQgMjQuMzMwNSAxMDAuODIxQzIzLjUyMDMgMTAxLjIgMjIuODMzNSAxMDEuNzQxIDIyLjI2OTkgMTAyLjQ0NkMyMS43MTUxIDEwMy4xNSAyMS4yODggMTA0LjAwNSAyMC45ODg2IDEwNS4wMDhDMjAuNjk4IDEwNi4wMDMgMjAuNTUyNyAxMDcuMTE3IDIwLjU1MjcgMTA4LjM1VjExMS45MDNDMjAuNTUyNyAxMTMuMTQ1IDIwLjY5OCAxMTQuMjYzIDIwLjk4ODYgMTE1LjI1OEMyMS4yODggMTE2LjI1NCAyMS43MTA3IDExNy4xMDMgMjIuMjU2NyAxMTcuODA4QzIyLjgwMjcgMTE4LjUxMiAyMy40NjMxIDExOS4wNTQgMjQuMjM4IDExOS40MzJDMjUuMDEyOSAxMTkuODExIDI1Ljg4NDcgMTIwIDI2Ljg1MzQgMTIwQzI3Ljg0ODUgMTIwIDI4LjcyMDMgMTE5Ljg1NSAyOS40Njg4IDExOS41NjVDMzAuMjI2MSAxMTkuMjc0IDMwLjg2MDEgMTE4Ljg1NiAzMS4zNzA5IDExOC4zMUMzMS44ODE2IDExNy43NTUgMzIuMjczNSAxMTcuMDg2IDMyLjU0NjUgMTE2LjMwMkMzMi44MjgzIDExNS41MTggMzIuOTk1NiAxMTQuNjI5IDMzLjA0ODQgMTEzLjYzNEgzMC42MDQ3QzMwLjU0MzEgMTE0LjQgMzAuNDM3NCAxMTUuMDU2IDMwLjI4NzcgMTE1LjYwMkMzMC4xMzggMTE2LjEzOSAyOS45MTc5IDExNi41ODQgMjkuNjI3MyAxMTYuOTM2QzI5LjM0NTUgMTE3LjI3OSAyOC45NzU2IDExNy41MzUgMjguNTE3NyAxMTcuNzAyQzI4LjA2ODYgMTE3Ljg2MSAyNy41MTM4IDExNy45NCAyNi44NTM0IDExNy45NEMyNi4xNDg5IDExNy45NCAyNS41NTAxIDExNy43ODYgMjUuMDU3IDExNy40NzhDMjQuNTYzOCAxMTcuMTYxIDI0LjE2MzIgMTE2LjcyOSAyMy44NTUgMTE2LjE4M0MyMy41NTU2IDExNS42MzcgMjMuMzM1NCAxMTQuOTk5IDIzLjE5NDUgMTE0LjI2OEMyMy4wNjI0IDExMy41MzcgMjIuOTk2NCAxMTIuNzQ5IDIyLjk5NjQgMTExLjkwM1YxMDguMzI0QzIyLjk5NjQgMTA3LjQxNyAyMy4wNzU2IDEwNi41OTMgMjMuMjM0MSAxMDUuODU0QzIzLjQwMTUgMTA1LjExNCAyMy42NTI0IDEwNC40ODQgMjMuOTg3MSAxMDMuOTY1QzI0LjMyMTcgMTAzLjQ0NSAyNC43NDQ0IDEwMy4wNDQgMjUuMjU1MiAxMDIuNzYzQzI1Ljc2NTkgMTAyLjQ3MiAyNi4zNzM2IDEwMi4zMjcgMjcuMDc4IDEwMi4zMjdDMjcuNjY4IDEwMi4zMjcgMjguMTc0MyAxMDIuNDE1IDI4LjU5NyAxMDIuNTkxQzI5LjAxOTYgMTAyLjc1OCAyOS4zNzE5IDEwMy4wMjMgMjkuNjUzNyAxMDMuMzg0QzI5LjkzNTQgMTAzLjczNiAzMC4xNTEyIDEwNC4xODUgMzAuMzAwOSAxMDQuNzMxQzMwLjQ1MDYgMTA1LjI3NyAzMC41NTE5IDEwNS45MjggMzAuNjA0NyAxMDYuNjg2SDMzLjA0ODRDMzMuMDA0NCAxMDUuNjQ3IDMyLjg0MTUgMTA0LjcyNiAzMi41NTk3IDEwMy45MjVDMzIuMjc3OSAxMDMuMTI0IDMxLjg4NiAxMDIuNDUgMzEuMzg0MSAxMDEuOTA0QzMwLjg4MjEgMTAxLjM1OCAzMC4yNzAxIDEwMC45NDQgMjkuNTQ4MSAxMDAuNjYyQzI4LjgzNDggMTAwLjM4MSAyOC4wMTE1IDEwMC4yNCAyNy4wNzggMTAwLjI0Wk04Ni43MyAxMDAuMjRDODUuNzA4NSAxMDAuMjQgODQuNzkyNyAxMDAuNDM0IDgzLjk4MjUgMTAwLjgyMUM4My4xNzIzIDEwMS4yIDgyLjQ4NTUgMTAxLjc0MSA4MS45MjE5IDEwMi40NDZDODEuMzY3MSAxMDMuMTUgODAuOTQgMTA0LjAwNSA4MC42NDA2IDEwNS4wMDhDODAuMzUgMTA2LjAwMyA4MC4yMDQ3IDEwNy4xMTcgODAuMjA0NyAxMDguMzVWMTExLjkwM0M4MC4yMDQ3IDExMy4xNDUgODAuMzUgMTE0LjI2MyA4MC42NDA2IDExNS4yNThDODAuOTQgMTE2LjI1NCA4MS4zNjI3IDExNy4xMDMgODEuOTA4NyAxMTcuODA4QzgyLjQ1NDcgMTE4LjUxMiA4My4xMTUxIDExOS4wNTQgODMuODkgMTE5LjQzMkM4NC42NjQ5IDExOS44MTEgODUuNTM2NyAxMjAgODYuNTA1NCAxMjBDODcuNTAwNSAxMjAgODguMzcyMiAxMTkuODU1IDg5LjEyMDggMTE5LjU2NUM4OS44NzgxIDExOS4yNzQgOTAuNTEyMSAxMTguODU2IDkxLjAyMjkgMTE4LjMxQzkxLjUzMzYgMTE3Ljc1NSA5MS45MjU1IDExNy4wODYgOTIuMTk4NSAxMTYuMzAyQzkyLjQ4MDMgMTE1LjUxOCA5Mi42NDc2IDExNC42MjkgOTIuNzAwNCAxMTMuNjM0SDkwLjI1NjhDOTAuMTk1MiAxMTQuNCA5MC4wODk1IDExNS4wNTYgODkuOTM5OCAxMTUuNjAyQzg5Ljc5MDEgMTE2LjEzOSA4OS41NyAxMTYuNTg0IDg5LjI3OTQgMTE2LjkzNkM4OC45OTc2IDExNy4yNzkgODguNjI3NyAxMTcuNTM1IDg4LjE2OTggMTE3LjcwMkM4Ny43MjA3IDExNy44NjEgODcuMTY1OSAxMTcuOTQgODYuNTA1NSAxMTcuOTRDODUuODAxIDExNy45NCA4NS4yMDIyIDExNy43ODYgODQuNzA5MSAxMTcuNDc4Qzg0LjIxNTkgMTE3LjE2MSA4My44MTUzIDExNi43MjkgODMuNTA3MSAxMTYuMTgzQzgzLjIwNzcgMTE1LjYzNyA4Mi45ODc1IDExNC45OTkgODIuODQ2NiAxMTQuMjY4QzgyLjcxNDUgMTEzLjUzNyA4Mi42NDg1IDExMi43NDkgODIuNjQ4NSAxMTEuOTAzVjEwOC4zMjRDODIuNjQ4NSAxMDcuNDE3IDgyLjcyNzggMTA2LjU5MyA4Mi44ODYzIDEwNS44NTRDODMuMDUzNiAxMDUuMTE0IDgzLjMwNDUgMTA0LjQ4NCA4My42MzkyIDEwMy45NjVDODMuOTczOCAxMDMuNDQ1IDg0LjM5NjUgMTAzLjA0NCA4NC45MDcyIDEwMi43NjNDODUuNDE3OSAxMDIuNDcyIDg2LjAyNTYgMTAyLjMyNyA4Ni43MyAxMDIuMzI3Qzg3LjMyIDEwMi4zMjcgODcuODI2MyAxMDIuNDE1IDg4LjI0OSAxMDIuNTkxQzg4LjY3MTcgMTAyLjc1OCA4OS4wMjM5IDEwMy4wMjMgODkuMzA1NyAxMDMuMzg0Qzg5LjU4NzUgMTAzLjczNiA4OS44MDMyIDEwNC4xODUgODkuOTUyOSAxMDQuNzMxQzkwLjEwMjYgMTA1LjI3NyA5MC4yMDM5IDEwNS45MjggOTAuMjU2NyAxMDYuNjg2SDkyLjcwMDNDOTIuNjU2MiAxMDUuNjQ3IDkyLjQ5MzQgMTA0LjcyNiA5Mi4yMTE2IDEwMy45MjVDOTEuOTI5OCAxMDMuMTI0IDkxLjUzNzkgMTAyLjQ1IDkxLjAzNiAxMDEuOTA0QzkwLjUzNCAxMDEuMzU4IDg5LjkyMiAxMDAuOTQ0IDg5LjIgMTAwLjY2MkM4OC40ODY3IDEwMC4zODEgODcuNjYzNSAxMDAuMjQgODYuNzMgMTAwLjI0Wk00MS4wMDEgMTAwLjUwNEwzNC44MDYgMTE5LjczNkgzNy4yODkzTDM4Ljc4MTkgMTE0LjcxN0g0NS4yODA3TDQ2Ljc5OTcgMTE5LjczNkg0OS4yODNMNDMuMDc0OCAxMDAuNTA0SDQxLjAwMVpNNTEuODk4IDEwMC41MDRWMTE5LjczNkg1NC4zMTUyVjExMi4yMDdINTguMDI2OUM1OC45NTE1IDExMi4yMDcgNTkuNzcwNSAxMTIuMDc5IDYwLjQ4MzggMTExLjgyNEM2MS4xOTcxIDExMS41NiA2MS43OTU5IDExMS4xODEgNjIuMjgwMiAxMTAuNjg4QzYyLjc3MzMgMTEwLjE5NSA2My4xNDMyIDEwOS41ODcgNjMuMzg5NyAxMDguODY1QzYzLjY0NTEgMTA4LjEzNCA2My43NzI4IDEwNy4zMDcgNjMuNzcyOCAxMDYuMzgyQzYzLjc3MjggMTA1LjUyOCA2My42NDUxIDEwNC43NDQgNjMuMzg5NyAxMDQuMDMxQzYzLjE0MzEgMTAzLjMwOSA2Mi43Nzc3IDEwMi42ODggNjIuMjkzNCAxMDIuMTY4QzYxLjgwOTEgMTAxLjY0IDYxLjIwNTkgMTAxLjIzIDYwLjQ4MzggMTAwLjk0QzU5Ljc3MDUgMTAwLjY0OSA1OC45NTE2IDEwMC41MDQgNTguMDI2OSAxMDAuNTA0TDUxLjg5OCAxMDAuNTA0Wk02NS42MjIgMTAwLjUwNFYxMDIuNTkxSDcwLjY2NzhWMTE5LjczNkg3My4wODVWMTAyLjU5MUg3OC4xNDRWMTAwLjUwNEg2NS42MjJaTTk1Ljk2MyAxMDAuNTA0VjExOS43MzZIOTguMzgwMlYxMTAuODQ3SDEwNi4xMjFWMTE5LjczNkgxMDguNTUxVjEwMC41MDRIMTA2LjEyMVYxMDguNzczSDk4LjM4MDJWMTAwLjUwNEg5NS45NjNaTTExNy43MTggMTAwLjUwNEwxMTEuNTIzIDExOS43MzZIMTE0LjAwNkwxMTUuNDk5IDExNC43MTdIMTIxLjk5OEwxMjMuNTE3IDExOS43MzZIMTI2TDExOS43OTIgMTAwLjUwNEgxMTcuNzE4Wk01NC4zMTUgMTAyLjU5MUg1OC4wMjY3QzU4LjYxNjcgMTAyLjU5MSA1OS4xMTg2IDEwMi42OTcgNTkuNTMyNSAxMDIuOTA4QzU5Ljk1NTIgMTAzLjExOSA2MC4yOTg2IDEwMy40MDEgNjAuNTYyOCAxMDMuNzU0QzYwLjgzNTggMTA0LjEwNiA2MS4wMzM5IDEwNC41MTUgNjEuMTU3MiAxMDQuOTgyQzYxLjI4OTMgMTA1LjQ0IDYxLjM1NTMgMTA1LjkxNSA2MS4zNTUzIDEwNi40MDlDNjEuMzU1MyAxMDYuOTU0IDYxLjI4OTMgMTA3LjQ1NiA2MS4xNTcyIDEwNy45MTRDNjEuMDMzOSAxMDguMzYzIDYwLjgzNTggMTA4Ljc1NSA2MC41NjI4IDEwOS4wOUM2MC4yOTg2IDEwOS40MTYgNTkuOTU1MiAxMDkuNjcxIDU5LjUzMjUgMTA5Ljg1NkM1OS4xMTg2IDExMC4wNDEgNTguNjE2NyAxMTAuMTMzIDU4LjAyNjcgMTEwLjEzM0g1NC4zMTVWMTAyLjU5MVpNNDIuMDMxIDEwMy44ODZMNDQuNjU5NiAxMTIuNjNIMzkuNDE1N0w0Mi4wMzEgMTAzLjg4NlpNMTE4Ljc0OCAxMDMuODg2TDEyMS4zNzcgMTEyLjYzSDExNi4xMzNMMTE4Ljc0OCAxMDMuODg2Wk00Ljk2OCAxMDUuMThDNC4zNjAzOSAxMDUuMTggMy44MzYzOSAxMDUuMzM0IDMuMzk2MDkgMTA1LjY0MkMyLjk2NDYgMTA1Ljk1MSAyLjYwMzU1IDEwNi4zNjkgMi4zMTI5OSAxMDYuODk3TDIuMjczMzcgMTA1LjQ0NEgwLjAwMTQ2NDg0VjExOS43MzZIMi4zMzk0N1YxMDkuNTEyQzIuNTU5NjIgMTA4LjkwNSAyLjg3MjIzIDEwOC40MjUgMy4yNzczIDEwOC4wNzJDMy42OTExOCAxMDcuNzIgNC4yMTUxMyAxMDcuNTQ0IDQuODQ5MTkgMTA3LjU0NEM1LjA1MTczIDEwNy41NDQgNS4yMzIyNiAxMDcuNTUzIDUuMzkwNzYgMTA3LjU3MUM1LjU0OTI3IDEwNy41OCA1LjcyMDk4IDEwNy42MDEgNS45MDU5MSAxMDcuNjM3TDUuODkyNyAxMDUuMzY1QzUuODU3NDcgMTA1LjM0NyA1LjgwMDIzIDEwNS4zMjkgNS43MjA5NyAxMDUuMzEyQzUuNjUwNTMgMTA1LjI4NSA1LjU3MTI3IDEwNS4yNjMgNS40ODMyMSAxMDUuMjQ2QzUuMzk1MTQgMTA1LjIyOCA1LjMwMjY5IDEwNS4yMTUgNS4yMDU4MiAxMDUuMjA2QzUuMTE3NzUgMTA1LjE4OCA1LjAzODQ1IDEwNS4xOCA0Ljk2OCAxMDUuMThaTTEyLjgyNzMgMTA1LjE4QzEyLjE0OTIgMTA1LjE4IDExLjQ5MzIgMTA1LjI5OSAxMC44NTkyIDEwNS41MzdDMTAuMjI1MiAxMDUuNzc1IDkuNjYxNiAxMDYuMTY2IDkuMTY4NSAxMDYuNzEyQzguNjg0MTggMTA3LjI1IDguMjkyMzEgMTA3Ljk1NCA3Ljk5MjkgMTA4LjgyNkM3LjY5MzUgMTA5LjY4OSA3LjU0MzggMTEwLjc1IDcuNTQzOCAxMTIuMDA5VjExMy42MjFDNy41NDM4IDExNC43MTMgNy42NzE0OSAxMTUuNjU5IDcuOTI2ODYgMTE2LjQ2MUM4LjE4MjIzIDExNy4yNjIgOC41NDc2OCAxMTcuOTI3IDkuMDIzMTYgMTE4LjQ1NUM5LjUwNzQ5IDExOC45NzUgMTAuMDkzMSAxMTkuMzYyIDEwLjc4IDExOS42MThDMTEuNDY2OCAxMTkuODczIDEyLjIzNzQgMTIwLjAwMSAxMy4wOTE2IDEyMC4wMDFDMTMuNzA4IDEyMC4wMDEgMTQuMjU4NCAxMTkuOTM5IDE0Ljc0MjcgMTE5LjgxNkMxNS4yMzU4IDExOS42OTIgMTUuNjcxNyAxMTkuNTM0IDE2LjA1MDQgMTE5LjM0QzE2LjQyOSAxMTkuMTM4IDE2Ljc1NDggMTE4LjkwOSAxNy4wMjc4IDExOC42NTNDMTcuMzAwOCAxMTguMzk4IDE3LjUzNDIgMTE4LjEzNCAxNy43Mjc5IDExNy44NjFMMTYuNTEyNyAxMTYuMzgxQzE2LjMxOSAxMTYuNjE5IDE2LjExMiAxMTYuODM5IDE1Ljg5MTkgMTE3LjA0MkMxNS42NzE3IDExNy4yMzYgMTUuNDI5NiAxMTcuNDA3IDE1LjE2NTQgMTE3LjU1N0MxNC45MDEyIDExNy42OTggMTQuNjEwNiAxMTcuODA4IDE0LjI5MzYgMTE3Ljg4N0MxMy45NzY2IDExNy45NjYgMTMuNjE5OSAxMTguMDA2IDEzLjIyMzcgMTE4LjAwNkMxMi4xNDA2IDExOC4wMDYgMTEuMzA4NCAxMTcuNjU4IDEwLjcyNzIgMTE2Ljk2M0MxMC4xNTQ4IDExNi4yNjcgOS44Njg2MSAxMTUuMTUzIDkuODY4NjEgMTEzLjYyMVYxMTMuMjlIMTcuODQ2OFYxMTEuOTNDMTcuODQ2OCAxMTAuODM4IDE3Ljc1NDMgMTA5Ljg3NCAxNy41Njk0IDEwOS4wMzdDMTcuMzg0NSAxMDguMjAxIDE3LjA4OTUgMTA3LjQ5NiAxNi42ODQ0IDEwNi45MjRDMTYuMjc5MyAxMDYuMzUxIDE1Ljc1OTggMTA1LjkyIDE1LjEyNTcgMTA1LjYyOUMxNC40OTE3IDEwNS4zMyAxMy43MjU2IDEwNS4xOCAxMi44MjczIDEwNS4xOFpNMTIuODI3MyAxMDcuMTg4QzEzLjMzOCAxMDcuMTg4IDEzLjc2MDcgMTA3LjI4IDE0LjA5NTQgMTA3LjQ2NUMxNC40MyAxMDcuNjUgMTQuNjk0MiAxMDcuOTEgMTQuODg3OSAxMDguMjQ1QzE1LjA5MDUgMTA4LjU3OSAxNS4yMzU4IDEwOC45OCAxNS4zMjM4IDEwOS40NDdDMTUuNDIwNyAxMDkuOTA1IDE1LjQ4MjMgMTEwLjQxMSAxNS41MDg3IDExMC45NjZWMTExLjI4M0g5Ljg4MTc1QzkuOTE2OTggMTEwLjQ4MSAxMC4wMTM4IDEwOS44MTYgMTAuMTcyMyAxMDkuMjg4QzEwLjMzMDkgMTA4Ljc2IDEwLjUzNzggMTA4LjM0MSAxMC43OTMyIDEwOC4wMzNDMTEuMDU3MyAxMDcuNzE2IDExLjM2MTEgMTA3LjQ5NiAxMS43MDQ2IDEwNy4zNzNDMTIuMDQ4IDEwNy4yNSAxMi40MjIyIDEwNy4xODggMTIuODI3MyAxMDcuMTg4WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==); -moz-background-size: contain; -o-background-size: contain; background-size: contain; width: 40px; height: 40px; } .contain-recaptcha .recaptcha-content { color: #000; font-size: 10px; line-height: 20px; } .contain-recaptcha a { color: #000; } .contain-recaptcha a:hover { text-decoration: none; } .grecaptcha-badge { visibility: hidden; } html body #tarteaucitronRoot.tarteaucitronBeforeVisible { -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); width: 100vw; height: 100vh; z-index: 1000; overflow: hidden; position: fixed; } html body #tarteaucitronRoot.tarteaucitronBeforeVisible:before { background-color: #000; } html body #tarteaucitronRoot.tarteaucitronBeforeVisible:has(.tarteaucitronAlertBigBottom) { height: auto; -webkit-backdrop-filter: blur(0); backdrop-filter: blur(0); bottom: 0; left: 0; overflow: visible; right: inherit; top: inherit; text-align: center; } html body #tarteaucitronRoot div#tarteaucitronAlertBig { background-color: #FFF; -webkit-box-shadow: 0 0 100px rgba(var(--wp--preset--color--noir), 0.4) !important; -moz-box-shadow: 0 0 100px rgba(var(--wp--preset--color--noir), 0.4) !important; box-shadow: 0 0 100px rgba(var(--wp--preset--color--noir), 0.4) !important; width: 700px; max-width: -webkit-calc(100% - 40px) !important; max-width: -moz-calc(100% - 40px) !important; max-width: calc(100% - 40px) !important; padding: 0 !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; overflow: hidden; } html body #tarteaucitronRoot div#tarteaucitronAlertBig:before { display: none; } html body #tarteaucitronRoot div#tarteaucitronAlertBig.tarteaucitronAlertBigBottom { position: fixed; bottom: 20px; left: 20px; } html body #tarteaucitronRoot div#tarteaucitronAlertBig span#tarteaucitronDisclaimerAlert { color: var(--wp--preset--color--noir); margin-bottom: 30px; font-size: 15px; position: relative; padding: 0 20%; padding-top: 310px; margin-top: 0 !important; text-align: center; line-height: 1.25; } html body #tarteaucitronRoot div#tarteaucitronAlertBig span#tarteaucitronDisclaimerAlert:before { content: ""; display: block; width: 100%; height: 280px; margin: auto; background-position: center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; } @media screen and (max-width: 764px) { html body #tarteaucitronRoot div#tarteaucitronAlertBig span#tarteaucitronDisclaimerAlert { padding-top: 230px; } html body #tarteaucitronRoot div#tarteaucitronAlertBig span#tarteaucitronDisclaimerAlert:before { height: 200px; } } html body #tarteaucitronRoot div#tarteaucitronAlertBig button.tarteaucitronDeny { position: absolute; top: 15px; right: 15px; background-color: #FFF; font-size: 15px; } html body #tarteaucitronRoot div#tarteaucitronAlertBig button.tarteaucitronAllow { font-size: 15px; } html body #tarteaucitronRoot div#tarteaucitronAlertBig button#tarteaucitronCloseAlert { font-size: 15px; font-weight: bold; font-style: italic; text-decoration: underline; color: #000; } html body #tarteaucitronRoot div#tarteaucitronAlertBig button#tarteaucitronCloseAlert:hover { text-decoration: none; } html body #tarteaucitronRoot div#tarteaucitronAlertBig button#tarteaucitronPrivacyUrl { display: block; color: var(--wp--preset--color--noir); margin: 20px auto 30px; font-size: 15px; font-weight: 700; text-decoration: underline; } html body #tarteaucitronRoot div#tarteaucitronAlertBig button#tarteaucitronPrivacyUrl:hover { text-decoration: none; } html body #tarteaucitronRoot button#tarteaucitronClosePanel { right: 20px; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background-color: #FFF; color: #454549; } html body #tarteaucitronRoot div#tarteaucitronServices { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0 40px 60px rgba(84, 84, 84, 0.4); -moz-box-shadow: 0 40px 60px rgba(84, 84, 84, 0.4); box-shadow: 0 40px 60px rgba(84, 84, 84, 0.4); } html body #tarteaucitronRoot div#tarteaucitronServices div#tarteaucitronMainLineOffset { background-color: #FFF; color: var(--wp--preset--color--noir); border: none; } html body #tarteaucitronRoot div#tarteaucitronServices .tarteaucitronH1 { color: #454549; font-weight: bold; } html body #tarteaucitronRoot div#tarteaucitronServices div#tarteaucitronInfo { background-color: #FFF; color: #454549; border: none; } html body #tarteaucitronRoot div#tarteaucitronServices .tarteaucitronH2 { color: #545454; font-weight: bold; } html body #tarteaucitronRoot div#tarteaucitronServices div.tarteaucitronAsk button { -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; border-radius: 20px !important; padding: 10px 15px !important; opacity: 1; } html body #tarteaucitronRoot div#tarteaucitronServices div.tarteaucitronBorder { border: none; } html body #tarteaucitronRoot div#tarteaucitronServices div.tarteaucitronBorder div.tarteaucitronTitle { background-color: #FFF; } html body #tarteaucitronRoot div#tarteaucitronServices div.tarteaucitronBorder div.tarteaucitronTitle button { background-color: #545454; -webkit-border-radius: 0 10px 0 0 !important; -moz-border-radius: 0 10px 0 0 !important; border-radius: 0 10px 0 0 !important; padding: 10px 20px; } html body #tarteaucitronRoot div#tarteaucitronServices div.tarteaucitronBorder div.tarteaucitronTitle button span { display: none; } html body #tarteaucitronRoot div#tarteaucitronServices div.tarteaucitronBorder ul#tarteaucitronServices_mandatory li, html body #tarteaucitronRoot div#tarteaucitronServices div.tarteaucitronBorder ul#tarteaucitronServices_api li { background-color: #fff; border-bottom: solid 1px #CCC; } html body #tarteaucitronRoot div#tarteaucitronServices div.tarteaucitronBorder ul#tarteaucitronServices_mandatory li:first-of-type, html body #tarteaucitronRoot div#tarteaucitronServices div.tarteaucitronBorder ul#tarteaucitronServices_api li:first-of-type { border-top: solid 1px #CCC; } html body #tarteaucitronRoot div#tarteaucitronServices div.tarteaucitronBorder ul#tarteaucitronServices_mandatory li:last-of-type, html body #tarteaucitronRoot div#tarteaucitronServices div.tarteaucitronBorder ul#tarteaucitronServices_api li:last-of-type { border-bottom: none; } html body #tarteaucitronRoot div#tarteaucitronServices div.tarteaucitronBorder div.tarteaucitronInfoBox { background-color: var(--wp--preset--color--noir); } html body #tarteaucitronRoot .tarteaucitronCross, html body #tarteaucitronRoot .tarteaucitronCheck { display: none; } @media screen and (max-width: 900px) { html body #tarteaucitronRoot div#tarteaucitronAlertBig #tarteaucitronPersonalize2 { margin: 0 !important; display: inline-block !important; } html body #tarteaucitronRoot button#tarteaucitronCloseAlert { margin: 0 !important; display: inline-block !important; margin-left: 10px !important; } html body #tarteaucitronRoot button#tarteaucitronPrivacyUrl { margin: 20px auto 30px !important; } } div.otgs-development-site-front-end { position: fixed; bottom: 5px; right: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px 20px; padding-left: 35px; opacity: 0.5; } div.otgs-development-site-front-end a { color: #fff; text-decoration: underline; } @media screen and (max-width: 768px) { div.otgs-development-site-front-end { display: none; } } .contain-form { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; } @media screen and (max-width: 768px) { .contain-form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } } .contain-form .form-message { grid-column: 1/3; display: block; padding: 10px 15px; color: #fff; font-size: 14px; margin: 10px 0; font-weight: 500; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .contain-form .form-message__success { background-color: #2ECC40; } .contain-form .form-message__error { background-color: #FF4136; } .contain-form .form__success__download { margin: 15px 0; text-align: center; width: 100%; grid-column: 1/3; } .contain-form .form-input--label { margin-bottom: 5px; display: block; } .contain-form .form-input__hidden { position: absolute; } .contain-form .form-input__message, .contain-form .form-input__submit, .contain-form .form-input:has(.large) { grid-column: 1/3; } .contain-form .form-input input, .contain-form .form-input textarea, .contain-form .form-input select { width: 100%; padding: 15px; background-color: #fff; font-size: 14px; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .contain-form .form-input input::-webkit-input-placeholder, .contain-form .form-input textarea::-webkit-input-placeholder, .contain-form .form-input select::-webkit-input-placeholder { color: #889AA5; } .contain-form .form-input input:-moz-placeholder, .contain-form .form-input textarea:-moz-placeholder, .contain-form .form-input select:-moz-placeholder { color: #889AA5; } .contain-form .form-input input::-moz-placeholder, .contain-form .form-input textarea::-moz-placeholder, .contain-form .form-input select::-moz-placeholder { color: #889AA5; } .contain-form .form-input input::-ms-input-placeholder, .contain-form .form-input textarea::-ms-input-placeholder, .contain-form .form-input select::-ms-input-placeholder { color: #889AA5; } .contain-form .form-input input::placeholder, .contain-form .form-input textarea::placeholder, .contain-form .form-input select::placeholder { color: #889AA5; } .contain-form .form-input input[type=file], .contain-form .form-input textarea[type=file], .contain-form .form-input select[type=file] { padding: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden !important; line-height: 48px; } .contain-form .form-input input[type=file]::-webkit-file-upload-button, .contain-form .form-input textarea[type=file]::-webkit-file-upload-button, .contain-form .form-input select[type=file]::-webkit-file-upload-button { position: relative; padding: 0; display: inline-block; height: 48px; width: 69px; background-color: var(--wp--preset--color--color-1); position: relative; text-indent: -9999px; overflow: hidden; border: none; background-image: url(img/global/dev/download-w.svg); background-repeat: no-repeat; background-position: center; background-size: 21px; cursor: pointer; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; margin-right: 10px; } .contain-form .form-input input[type=file]::file-selector-button, .contain-form .form-input textarea[type=file]::file-selector-button, .contain-form .form-input select[type=file]::file-selector-button { position: relative; padding: 0; display: inline-block; height: 48px; width: 69px; background-color: var(--wp--preset--color--color-1); position: relative; text-indent: -9999px; overflow: hidden; border: none; background-image: url(img/global/dev/download-w.svg); background-repeat: no-repeat; background-position: center; -moz-background-size: 21px; -o-background-size: 21px; background-size: 21px; cursor: pointer; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; margin-right: 10px; } .contain-form .form-input input[type=file]::-webkit-file-upload-button:hover, .contain-form .form-input textarea[type=file]::-webkit-file-upload-button:hover, .contain-form .form-input select[type=file]::-webkit-file-upload-button:hover { background-color: #000; } .contain-form .form-input input[type=file]::file-selector-button:hover, .contain-form .form-input textarea[type=file]::file-selector-button:hover, .contain-form .form-input select[type=file]::file-selector-button:hover { background-color: #000; } .contain-form .form-input select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 30px; background-image: url(img/global/dev/arrow-select-g.svg); background-repeat: no-repeat; background-position: right 15px center; -moz-background-size: 15px; -o-background-size: 15px; background-size: 15px; } .contain-form .form-input textarea { min-width: 100%; max-width: 100%; min-height: 150px; } .contain-form .form-input__submit { text-align: center; } .contain-form .form-input__submit button { font-size: 15px; } .contain-form .form-input .error { display: block; background-color: #FF4136; padding: 5px 10px; color: #fff; font-size: 14px; margin-top: 10px; font-weight: 500; } .contain-form .form-input__agree { grid-column: 1/3; } .contain-form .form-input__agree label { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; gap: 10px; color: var(--wp--preset--color--color-6); margin: 0; } .contain-form .form-input__agree input { position: relative; width: 20px; min-width: 20px; margin-top: 2px; height: 20px; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: transparent; border: 1px solid var(--wp--preset--color--color-6); -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; margin: 0; cursor: pointer; } .contain-form .form-input__agree input:checked { background-color: #000; } .contain-form .form-input__agree input:checked:after { content: ""; display: block; width: 12px; height: 12px; background-color: #fff; -webkit-mask-image: url(img/global/dev/check.svg); mask-image: url(img/global/dev/check.svg); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .custom-checkbox input { position: relative; width: 20px; min-width: 20px; height: 20px; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: transparent; border: 1px solid #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; margin: 0; cursor: pointer; } .custom-checkbox input:checked { background-color: #000; } .custom-checkbox input:checked:after { content: ""; display: block; width: 12px; height: 12px; background-color: #fff; -webkit-mask-image: url(img/global/dev/check.svg); mask-image: url(img/global/dev/check.svg); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .custom-checkbox label { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; gap: 10px; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; font-size: 14px; } .newsletter { padding: 40px; background-color: var(--wp--preset--color--color-1); text-align: center; color: #fff; } @media screen and (max-width: 768px) { .newsletter { padding: 30px 0; } } .newsletter__title { font-size: 18px; font-weight: 700; } .newsletter__description { font-size: 15px; } .newsletter__form__categories { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; gap: 20px 30px; margin: 10px 0 20px 0; } @media screen and (max-width: 768px) { .newsletter__form__categories { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; max-width: 250px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -moz-box-pack: start; justify-content: flex-start; margin: 20px auto; gap: 15px; } } .newsletter__form__category { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; gap: 10px; } .newsletter__form__category label { text-align: left; } .newsletter__dialog { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); color: #000; z-index: 9999; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease; transition: opacity 0.2s ease, visibility 0.2s ease, -webkit-transform 0.2s ease; -o-transition: opacity 0.2s ease, visibility 0.2s ease, -o-transform 0.2s ease; -moz-transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease, -moz-transform 0.2s ease; transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease; transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease, -moz-transform 0.2s ease, -o-transform 0.2s ease; } .newsletter__dialog__content { position: relative; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -webkit-calc(-50% - 20px)); -moz-transform: translate(-50%, -moz-calc(-50% - 20px)); -o-transform: translate(-50%, calc(-50% - 20px)); transform: translate(-50%, calc(-50% - 20px)); width: 800px; max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); max-height: -webkit-calc(100% - 80px); max-height: -moz-calc(100% - 80px); max-height: calc(100% - 80px); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; background-color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 60px 40px; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; -o-transition: -o-transform 0.2s ease; -moz-transition: transform 0.2s ease, -moz-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease, -moz-transform 0.2s ease, -o-transform 0.2s ease; } @media screen and (max-width: 768px) { .newsletter__dialog__content { padding: 60px 20px 40px 20px; max-width: -webkit-calc(100% - 40px); max-width: -moz-calc(100% - 40px); max-width: calc(100% - 40px); } } .newsletter__dialog.active { opacity: 1; visibility: visible; } .newsletter__dialog.active .oo_newsletter__dialog__content { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .newsletter__dialog__close { position: absolute; top: 10px; right: 10px; display: block; width: 40px; height: 40px; background-color: #fff; border: 1px solid var(--wp--preset--color--color-6); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: absolute; -webkit-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; transition: background-color 0.2s ease; cursor: pointer; text-indent: -90000000000000px; overflow: hidden; z-index: 2; } .newsletter__dialog__close:before { content: ""; display: block; width: 16px; height: 16px; background-color: var(--wp--preset--color--color-6); -webkit-mask-image: url(img/global/dev/close.svg); mask-image: url(img/global/dev/close.svg); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .newsletter__dialog__close:hover { background-color: var(--wp--preset--color--color-6); } .newsletter__dialog__close:hover:before { background-color: #fff; } .newsletter__dialog__categories__title { font-size: 18px; font-weight: 700; } .newsletter__dialog__list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 5px; margin-bottom: 20px; } .newsletter__dialog__form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; gap: 15px; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .newsletter__dialog__form-group { width: 100%; max-width: 600px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; text-align: left; gap: 5px; } .newsletter__dialog__form-group input { width: 100%; } .newsletter__dialog__form-group input[type=email] { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: var(--wp--preset--color--gris); padding: 12px 20px; } .newsletter__dialog__form-group.custom-checkbox { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -moz-box-orient: horizontal; -moz-box-direction: normal; flex-direction: row; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; gap: 10px; } .newsletter__dialog__form-group.custom-checkbox input { width: 20px; border: 1px solid #000; } .newsletter__dialog__form button { margin-top: 10px; } .alert:not(:has(ul)), .help-block:not(:has(ul)) { font-size: 14px; font-style: italic; font-weight: 400; color: #fff; padding: 10px 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; text-align: center; background-color: var(--wp--preset--color--color-1); } .alert:not(:has(ul)).alert-success, .help-block:not(:has(ul)).alert-success { background-color: #2ECC40; } .alert:not(:has(ul)).alert-error, .alert:not(:has(ul)).alert-danger, .help-block:not(:has(ul)).alert-error, .help-block:not(:has(ul)).alert-danger { background-color: #FF4136; } .alert:has(ul) ul, .help-block:has(ul) ul { list-style: none; padding: 0; margin: 10px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; gap: 10px; } .alert:has(ul) ul li, .help-block:has(ul) ul li { font-size: 14px; padding: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align: center; color: #fff; width: 100%; margin: 10px auto; } .alert:has(ul) ul li.alert-success, .help-block:has(ul) ul li.alert-success { background-color: #2ECC40; } .alert:has(ul) ul li.alert-danger, .help-block:has(ul) ul li.alert-danger { background-color: #FF4136; } .alert:has(ul).alert-success li, .help-block:has(ul).alert-success li { background-color: #2ECC40; } .alert:has(ul).alert-danger li, .help-block:has(ul).alert-danger li { background-color: #FF4136; } /** * Swiper 8.4.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: January 30, 2023 */ @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; } :root { --swiper-theme-color: #007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { -webkit-flex-shrink: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: height, -o-transform; -moz-transition-property: transform, height, -moz-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform, -moz-transform, -o-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { -webkit-scroll-snap-type: y mandatory; -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -moz-box-ordinal-group: 10000; order: 9999; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); -moz-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; height: var(--swiper-centered-offset-after); } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-grid > .swiper-wrapper { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; } #scrollTop { background-image: url(img/global/dev/arrow-top.svg); background-position: center; background-repeat: no-repeat; -moz-background-size: 11px; -o-background-size: 11px; background-size: 11px; position: fixed; height: 40px; width: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; background-color: var(--wp--preset--color--color-1); -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; -moz-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; bottom: 20px; right: 15px; z-index: 99999999; cursor: pointer; visibility: hidden; opacity: 0; -webkit-transition: visibility 0.3s, opacity 0.3s; -o-transition: visibility 0.3s, opacity 0.3s; -moz-transition: visibility 0.3s, opacity 0.3s; transition: visibility 0.3s, opacity 0.3s; } #scrollTop.show { opacity: 1; visibility: visible; } @media screen and (min-width: 1111px) { #scrollTop { bottom: 45px; right: 75px; } } .schema-faq .schema-faq-section:not(:last-child), .schema-faq .rank-math-list-item:not(:last-child), .rank-math-list .schema-faq-section:not(:last-child), .rank-math-list .rank-math-list-item:not(:last-child) { border-bottom: 1px solid var(--wp--preset--color--color-1); } .schema-faq .schema-faq-section .schema-faq-question, .schema-faq .schema-faq-section .rank-math-question, .schema-faq .rank-math-list-item .schema-faq-question, .schema-faq .rank-math-list-item .rank-math-question, .rank-math-list .schema-faq-section .schema-faq-question, .rank-math-list .schema-faq-section .rank-math-question, .rank-math-list .rank-math-list-item .schema-faq-question, .rank-math-list .rank-math-list-item .rank-math-question { display: block; padding: 10px 25px 10px 0px; cursor: pointer; font-size: 20px; font-weight: bold; position: relative; } @media screen and (max-width: 768px) { .schema-faq .schema-faq-section .schema-faq-question, .schema-faq .schema-faq-section .rank-math-question, .schema-faq .rank-math-list-item .schema-faq-question, .schema-faq .rank-math-list-item .rank-math-question, .rank-math-list .schema-faq-section .schema-faq-question, .rank-math-list .schema-faq-section .rank-math-question, .rank-math-list .rank-math-list-item .schema-faq-question, .rank-math-list .rank-math-list-item .rank-math-question { font-size: 16px; } } .schema-faq .schema-faq-section .schema-faq-question:after, .schema-faq .schema-faq-section .rank-math-question:after, .schema-faq .rank-math-list-item .schema-faq-question:after, .schema-faq .rank-math-list-item .rank-math-question:after, .rank-math-list .schema-faq-section .schema-faq-question:after, .rank-math-list .schema-faq-section .rank-math-question:after, .rank-math-list .rank-math-list-item .schema-faq-question:after, .rank-math-list .rank-math-list-item .rank-math-question:after { content: ""; display: block; width: 17px; height: 10px; background-color: #000; -webkit-mask-image: url(img/global/dev/arrow-down.svg); mask-image: url(img/global/dev/arrow-down.svg); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .schema-faq .schema-faq-section .schema-faq-answer, .schema-faq .schema-faq-section .rank-math-answer, .schema-faq .rank-math-list-item .schema-faq-answer, .schema-faq .rank-math-list-item .rank-math-answer, .rank-math-list .schema-faq-section .schema-faq-answer, .rank-math-list .schema-faq-section .rank-math-answer, .rank-math-list .rank-math-list-item .schema-faq-answer, .rank-math-list .rank-math-list-item .rank-math-answer { margin: 0; margin-bottom: 15px; } @media screen and (max-width: 768px) { .schema-faq .schema-faq-section .schema-faq-answer, .schema-faq .schema-faq-section .rank-math-answer, .schema-faq .rank-math-list-item .schema-faq-answer, .schema-faq .rank-math-list-item .rank-math-answer, .rank-math-list .schema-faq-section .schema-faq-answer, .rank-math-list .schema-faq-section .rank-math-answer, .rank-math-list .rank-math-list-item .schema-faq-answer, .rank-math-list .rank-math-list-item .rank-math-answer { font-size: 15px; } } .schema-faq.wp-block-yoast-faq-block .schema-faq-section:not(.open) .schema-faq-question:after, .schema-faq.wp-block-yoast-faq-block .schema-faq-section:not(.open) .rank-math-question:after, .schema-faq.wp-block-yoast-faq-block .rank-math-list-item:not(.open) .schema-faq-question:after, .schema-faq.wp-block-yoast-faq-block .rank-math-list-item:not(.open) .rank-math-question:after, .rank-math-list.wp-block-yoast-faq-block .schema-faq-section:not(.open) .schema-faq-question:after, .rank-math-list.wp-block-yoast-faq-block .schema-faq-section:not(.open) .rank-math-question:after, .rank-math-list.wp-block-yoast-faq-block .rank-math-list-item:not(.open) .schema-faq-question:after, .rank-math-list.wp-block-yoast-faq-block .rank-math-list-item:not(.open) .rank-math-question:after { -webkit-transform: translateY(-50%) rotate(0deg); -moz-transform: translateY(-50%) rotate(0deg); -o-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } .schema-faq.wp-block-yoast-faq-block .schema-faq-section:not(.open) .schema-faq-answer, .schema-faq.wp-block-yoast-faq-block .schema-faq-section:not(.open) .rank-math-answer, .schema-faq.wp-block-yoast-faq-block .rank-math-list-item:not(.open) .schema-faq-answer, .schema-faq.wp-block-yoast-faq-block .rank-math-list-item:not(.open) .rank-math-answer, .rank-math-list.wp-block-yoast-faq-block .schema-faq-section:not(.open) .schema-faq-answer, .rank-math-list.wp-block-yoast-faq-block .schema-faq-section:not(.open) .rank-math-answer, .rank-math-list.wp-block-yoast-faq-block .rank-math-list-item:not(.open) .schema-faq-answer, .rank-math-list.wp-block-yoast-faq-block .rank-math-list-item:not(.open) .rank-math-answer { display: none; } .schema-faq:not(.wp-block-yoast-faq-block) .schema-faq-section:not(:has(.schema-faq-section-controls-container)) .schema-faq-question:after, .schema-faq:not(.wp-block-yoast-faq-block) .schema-faq-section:not(:has(.schema-faq-section-controls-container)) .rank-math-question:after, .schema-faq:not(.wp-block-yoast-faq-block) .rank-math-list-item:not(:has(.schema-faq-section-controls-container)) .schema-faq-question:after, .schema-faq:not(.wp-block-yoast-faq-block) .rank-math-list-item:not(:has(.schema-faq-section-controls-container)) .rank-math-question:after, .rank-math-list:not(.wp-block-yoast-faq-block) .schema-faq-section:not(:has(.schema-faq-section-controls-container)) .schema-faq-question:after, .rank-math-list:not(.wp-block-yoast-faq-block) .schema-faq-section:not(:has(.schema-faq-section-controls-container)) .rank-math-question:after, .rank-math-list:not(.wp-block-yoast-faq-block) .rank-math-list-item:not(:has(.schema-faq-section-controls-container)) .schema-faq-question:after, .rank-math-list:not(.wp-block-yoast-faq-block) .rank-math-list-item:not(:has(.schema-faq-section-controls-container)) .rank-math-question:after { -webkit-transform: translateY(-50%) rotate(0deg); -moz-transform: translateY(-50%) rotate(0deg); -o-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg); } .schema-faq:not(.wp-block-yoast-faq-block) .schema-faq-section:not(:has(.schema-faq-section-controls-container)) .schema-faq-answer, .schema-faq:not(.wp-block-yoast-faq-block) .schema-faq-section:not(:has(.schema-faq-section-controls-container)) .rank-math-answer, .schema-faq:not(.wp-block-yoast-faq-block) .rank-math-list-item:not(:has(.schema-faq-section-controls-container)) .schema-faq-answer, .schema-faq:not(.wp-block-yoast-faq-block) .rank-math-list-item:not(:has(.schema-faq-section-controls-container)) .rank-math-answer, .rank-math-list:not(.wp-block-yoast-faq-block) .schema-faq-section:not(:has(.schema-faq-section-controls-container)) .schema-faq-answer, .rank-math-list:not(.wp-block-yoast-faq-block) .schema-faq-section:not(:has(.schema-faq-section-controls-container)) .rank-math-answer, .rank-math-list:not(.wp-block-yoast-faq-block) .rank-math-list-item:not(:has(.schema-faq-section-controls-container)) .schema-faq-answer, .rank-math-list:not(.wp-block-yoast-faq-block) .rank-math-list-item:not(:has(.schema-faq-section-controls-container)) .rank-math-answer { display: none; } .wp-block-yoast-faq-block { width: 100%; } .has-background .wp-block-yoast-faq-block * { color: #fff; } .has-background .wp-block-yoast-faq-block .schema-faq-section:not(:last-child), .has-background .wp-block-yoast-faq-block .rank-math-list-item:not(:last-child) { border-bottom: 1px solid #fff; } .has-background .wp-block-yoast-faq-block .schema-faq-section .schema-faq-question:after, .has-background .wp-block-yoast-faq-block .schema-faq-section .rank-math-question:after, .has-background .wp-block-yoast-faq-block .rank-math-list-item .schema-faq-question:after, .has-background .wp-block-yoast-faq-block .rank-math-list-item .rank-math-question:after { background-color: #fff; } body:not(.wp-admin) .eco-stats { position: fixed; top: 20px; right: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #EDF2EF; display: none; padding: 20px 35px 20px 20px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 1000; width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } @media screen and (min-width: 700px) { body:not(.wp-admin) .eco-stats { padding: 50px 65px 50px 50px; } } body:not(.wp-admin) .eco-stats.active { display: block; } body:not(.wp-admin) .eco-stats .close { position: absolute; top: 20px; right: 20px; cursor: pointer; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNy41MTE5MyA5LjI0NTE2TDIuMTE5NDEgMTQuNjM3M0MxLjg3ODgxIDE0Ljg3ODEgMS41ODcxNCAxNC45OTU4IDEuMjQ0MzkgMTQuOTkwM0MwLjkwMTM2MyAxNC44ODUgMC42MDk1NTQgMTQuODYyMSAwLjM2ODk2MyAxNC42MjE1QzAuMTI4MzczIDE0LjM4MDkgMC4wMDgwNzIzIDE0LjA4NjUgMC4wMDgwNzIzIDEzLjczODJDMC4wMDgwNzIzIDEzLjM4OTkgMC4xMjgzNzMgMTMuMDk1NCAwLjM2ODk2MyAxMi44NTQ4TDUuNzQ1MjkgNy40Nzg1MkwuMzUzMTgyIDIuMTI3NTNDMC4xMTIzMTUgMS44ODY5NCAtMC4wMDUzNTA1IDEuNTkyNDkgMC4wMDAxODY2NDcgMS4yNDQyMUMwLjAwNTQ0Njk3IDAuODk2MTk0IDAuMTI4MzczIDAuNjAxODkyIDAuMzY4OTYzIDAuMzYxMzAyQzAuNjA5NTU0IDAuMTIwNDM0IDAuOTAzOTkzIDAgMS4yNTI4MiAwQzEuNjAwNTcgMCAxLjg5NTAxIDAuMTIwNDM0IDIuMTM1NiAwLjM2MTMwMkw3LjUxMTkzIDUuNzUzNDFMMTIuODYyOSAwLjM2MTMwMkMxMy4xMDM1IDAuMTIwNDM0IDEzLjM5NTIgMCAxMy43Mzc5IDBDMTQuMDgxIDAgMTQuMzcyOCAwLjEyMDQzNCAxNC42MTM0IDAuMzYxMzAyQzE0Ljg3MTEgMC42MTg3ODEgMTUgMC45MTczNzQgMTUgMS4yNTcwOUMxNSAxLjU5Njc5IDE0Ljg3MTEgMS44ODY5NCAxNC42MTM0IDIuMTI3NTNMOS4yMzcwNCA3LjQ3ODUyTDE0LjYyOTEgMTIuODcxQzE0Ljg3IDEzLjExMTYgMTQuOTkwNCAxMy40MDMzIDE0Ljk5MDQgMTMuNzQ2MUMxNC45OTA0IDE0LjA4OTEgMTQuODcgMTQuMzgxIDE0LjYyOTEgMTQuNjIxNUMxNC4zNzE3IDE0Ljg3OTIgMTQuMDczMSAxNSAxMy43MzM0IDE1QzEzLjM5MzcgMTUgMTMuMTAzNSAxNC44NzkgMTIuODYyOSAxNC42MjE1TDcuNTExOTMgOS4yNDU2WiIgZmlsbD0iIzAxMjMyNiIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-position: center; -moz-background-size: 15px; -o-background-size: 15px; background-size: 15px; -webkit-transition: background-size 0.3s ease; -o-transition: -o-background-size 0.3s ease; -moz-transition: background-size 0.3s ease, -moz-background-size 0.3s ease; transition: background-size 0.3s ease; transition: background-size 0.3s ease, -moz-background-size 0.3s ease, -o-background-size 0.3s ease; width: 20px; height: 20px; text-indent: -9999px; } body:not(.wp-admin) .eco-stats p, body:not(.wp-admin) .eco-stats strong, body:not(.wp-admin) .eco-stats div { color: #012326 !important; } body:not(.wp-admin) .eco-stats .titre { font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.2px; margin-top: 0; color: #012326 !important; } body:not(.wp-admin) .eco-stats #eco-stats-content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; gap: 1px; font-size: 15px; } body:not(.wp-admin) .eco-stats #eco-stats-content * { margin: 0; } body:not(.wp-admin) .eco-stats .footer-jauge { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; gap: 15px; margin: 20px 0 !important; margin-bottom: 0 !important; border-top: solid 1px #CCC; padding-top: 40px; } body:not(.wp-admin) .eco-stats .footer-jauge .eco-gauge-container .eco-gauge { -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background-color: white; overflow: hidden; } body:not(.wp-admin) .eco-stats .footer-jauge .eco-gauge-container .eco-gauge .eco-gauge-bar { -webkit-border-top-left-radius: 50px; -moz-border-radius-topleft: 50px; border-top-left-radius: 50px; -webkit-border-bottom-left-radius: 50px; -moz-border-radius-bottomleft: 50px; border-bottom-left-radius: 50px; } .eco-gauge-container { width: 300px; margin: 20px 0; } .eco-gauge { width: 100%; height: 26px; background-color: #e0e0e0; position: relative; margin-bottom: 10px !important; } .eco-gauge .eco-gauge-bar { height: 100%; background-color: #46DB82; } .eco-gauge.red .eco-gauge-bar { background-color: #e74c3c; } .eco-gauge.orange .eco-gauge-bar { background-color: #e67e22; } .eco-gauge .eco-gauge-marker { width: 1px; height: 20px; background-color: #000; position: absolute; top: 3px; } .co2-savings { font-size: 13px; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 0.2px; } .eco-gauge-labels { margin-top: 5px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; margin-top: 10px; } .eco-gauge-labels .eco-gauge-icon { opacity: 0.2; } .eco-reset-button { width: 26px; height: 26px; border: 0; -webkit-flex-shrink: 0; flex-shrink: 0; cursor: pointer; text-indent: -9999px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDIwQzcuMjA4MjIgMjAgNC44NDM2NyAxOS4wMzE0IDIuOTA2MzMgMTcuMDk0M0MwLjk2ODc3OCAxNS4xNTcyIDAgMTIuNzkzMSAwIDEwLjAwMkMwIDcuMjEwODkgMC45Njg3NzggNC44NDYxMSAyLjkwNjMzIDIuOTA3NjdDNC44NDM2NyAwLjk2OTIyMiA3LjIwODIyIDAgMTAgMEMxMS41NTg5IDAgMTMuMDM0MSAwLjM0NjU1NiAxNC40MjU3IDEuMDM5NjdDMTUuODE3IDEuNzMzIDE2Ljk3NDIgMi43MTEyMiAxNy44OTczIDMuOTc0MzNWMUMxNy44OTczIDAuNzE2NjY3IDE3Ljk5MzIgMC40NzkyMjIgMTguMTg1IDAuMjg3NjY3QzE4LjM3NjggMC4wOTU4ODkxIDE4LjYxNDMgMCAxOC44OTc3IDBDMTkuMTgxMiAwIDE5LjQxODcgMC4wOTU4ODkxIDE5LjYxIDAuMjg3NjY3QzE5LjgwMTYgMC40NzkyMjIgMTkuODk3MyAwLjcxNjY2NyAxOS44OTczIDFWNi45NDg2N0MxOS44OTczIDcuMjkwMjIgMTkuNzgxOSA3LjU3NjQ0IDE5LjU1MSA3LjgwNzMzQzE5LjMxOTkgOC4wMzgyMiAxOS4wMzM3IDguMTUzNjcgMTguNjkyMyA4LjE1MzY3SDEyLjc0MzdDMTIuNDYwMyA4LjE1MzY3IDEyLjIyMjggOC4wNTc4OSAxMi4wMzEgNy44NjYzM0MxMS44Mzk0IDcuNjc0NTYgMTEuNzQzNyA3LjQzNjg5IDExLjc0MzcgNy4xNTMzM0MxMS43NDM3IDYuODcgMTEuODM5NCA2LjYzMjU2IDEyLjAzMSA2LjQ0MUMxMi4yMjI4IDYuMjQ5NjcgMTIuNDYwMyA6LjE1NCAxMi43NDM3IDYuMTU0SDE3LjAxMDNDMTYuMzA3NyA0Ljg2NjY3IDE1LjMzMzIgMy44NTI1NiAxNC4wODcgMy4xMTE2N0MxMi44NDEgMi4zNzA1NSAxMS40Nzg3IDIgMTAgMkM3Ljc3Nzc4IDIgNS44ODg4OSAyLjc3Nzc4IDQuMzMzMzMgNC4zMzMzM0MyLjc3Nzc4IDUuODg4ODkgMiA3Ljc3Nzc4IDIgMTBDMiAxMi4yMjIyIDIuNzc3NzggMTQuMTExMSA0LjMzMzMzIDE1LjY2NjdDNS44ODg4OSAxNy4yMjIyIDcuNzc3NzggMTggMTAgMThDMTEuNTQ5NiAxOCAxMi45NjgxIDE3LjU5MzEgMTQuMjU1NyAxNi43NzkzQzE1LjU0MzIgMTUuOTY1OCAxNi41MTg3IDE0Ljg4MDMgMTcuMTgyIDEzLjUyM0MxNy4zMDg0IDEzLjI4MDMgMTcuNDk0MyAxMy4xMTA3IDE3LjczOTcgMTMuMDE0QzE3Ljk4NSAxMi45MTc2IDE4LjIzNSAxMi45MTIgMTguNDg5NyAxMi45OTczQzE4Ljc2MTQgMTMuMDgyOSAxOC45NTE3IDEzLjI2MDcgMTkuMDYwMyAxMy41MzA3QzE5LjE2ODggMTMuODAwOSAxOS4xNTk4IDE0LjA1NzMgMTkuMDMzMyAxNC4zQzE4LjIwNzYgMTYuMDI2NCAxNi45ODg3IDE3LjQwOCAxNS4zNzY3IDE4LjQ0NDdDMTMuNzY0NyAxOS40ODE2IDExLjk3MjQgMjAgMTAgMjBaIiBmaWxsPSIjMDEyMzI2Ii8+Cjwvc3ZnPgo=) !important; -moz-background-size: 13px auto !important; -o-background-size: 13px auto !important; background-size: 13px auto !important; background-repeat: no-repeat !important; background-position: center !important; background-color: #46DB82 !important; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .eco-reset-button:hover { opacity: 0.8; } #eco-impact-button { height: 30px; width: 30px; display: block; border: none; cursor: pointer; background-color: #46DB82; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; text-indent: -9999px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyMyAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjY3IDIyLjY2MDFDMTAuMzAyIDIyLjY2MDEgOS4wMTM0MyAyMi40MzUgNy44MDQxNCAyMS45ODQ4QzYuNTk1MSAyMS41MzQ0IDUuNDk4NiAyMC45MDYzIDQuNTE0NjUgMjAuMTAwNkwxLjg5MTM2IDIyLjY4NjJDMS42ODU0MSAyMi44OTU0IDEuNDIzMzEgMjMgMS4xMDUwNiAyM0MwLjc4NjgwOSAyMyAwLjUyMzA3MSAyMi44OTU0IDAuMzEzODQyIDIyLjY4NjJDMC4xMDQ2MTQgMjIuNDc3MiAwIDIyLjIxMzQgMCAyMS44OTQ5QzAgMjEuNTc2NyAwLjEwNDYxNCAyMS4zMTQ3IDAuMzEzODQyIDIxLjEwOUwyLjg5OTM2IDE4LjUyMzFDMi4wOTM2NyAxNy41Mzk0IDEuNDY1NzMgMTYuNDM2OCAxLjAxNTU1IDE1LjIxNTFDMC41NjUxMTggMTMuOTkzMiAwLjMzOTkwMSAxMi42OTgyIDAuMzM5OTAxIDExLjMzQzAuMzM5OTAxIDguMTY3MiAxLjQzNzUzIDUuNDg4MTUgMy42MzI3OSAzLjI5Mjg5QzUuODI4MDUgMS4wOTc2MyA4LjUwNzEgMCAxMS42NyAwSDIwLjcwNDlDMjEuMzQyMiAwIDIxLjg4NCAwLjIyMzIwMSAyMi4zMzA0IDAuNjY5NjA1QzIyLjc3NjggMS4xMTYwMSAyMyAxLjY1Nzg0IDIzIDIuMjk1MDlWMTEuMzNDMjMgMTQuNDkzMSAyMS45MDI0IDE3LjE3MjIgMTkuNzA3MSAxOS4zNjcyQzE3LjUxMTggMjEuNTYyNSAxNC44MzI4IDIyLjY2MDEgMTEuNjcgMjIuNjYwMVpNMTEuNjcgMjAuMzk0MUMxNC4xODc3IDIwLjM5NDEgMTYuMzI3OSAxOS41MTI5IDE4LjA5MDMgMTcuNzUwNEMxOS44NTI4IDE1Ljk4OCAyMC43MzQgMTMuODQ3OCAyMC43MzQgMTEuMzNWMi4yNjYwMUgxMS42N0M5LjE1MjE2IDIuMjY2MDEgNy4wMTIwNCAzLjE0NzI0IDUuMjQ5NTkgNC45MDk2OUMzLjQ4NzE0IDYuNjcyMTQgMi42MDU5MSA4LjgxMjI2IDIuNjA1OTEgMTEuMzNDMi42MDU5MSAxMi4zNzk3IDIuNzc2MzcgMTMuMzc4MSAzLjExNzI3IDE0LjMyNTNDMy40NTgxOCAxNS4yNzI1IDMuOTMxNjUgMTYuMTI1NyA0LjUzNzY4IDE2Ljg4NDhMMTIuMzk5MiA5LjAyMzYzQzEyLjYwNTIgOC44MTQ0IDEyLjg2NzMgOC43MDk3OSAxMy4xODU1IDguNzA5NzlDMTMuNTAzOCA4LjcwOTc5IDEzLjc2ODkgOC44MTU3OCAxMy45ODA5IDkuMDI3NzhDMTQuMjEyMyA5LjI1OTE3IDE0LjMyOCA5LjUyNjkzIDE0LjMyOCA5LjgzMTA4QzE0LjMyOCAxMC4xMzUyIDE0LjIxMDkgMTAuNDA0NCAxMy45NzY3IDEwLjYzODVMNi4xMTUyMSAxOC40ODU0QzYuODc0NTcgMTkuMDkxNiA3LjcyNzcyIDE5LjU2MTMgOC42NzQ2NiAxOS44OTQ0QzkuNjIxODUgMjAuMjI3NSAxMC42MjAzIDIwLjM5NDEgMTEuNjcgMjAuMzk0MVoiIGZpbGw9IiMwMTIzMjYiLz4KPC9zdmc+Cg==); background-repeat: no-repeat; background-position: center; -moz-background-size: 15px; -o-background-size: 15px; background-size: 15px; -webkit-transition: background-size 0.3s ease; -o-transition: -o-background-size 0.3s ease; -moz-transition: background-size 0.3s ease, -moz-background-size 0.3s ease; transition: background-size 0.3s ease; transition: background-size 0.3s ease, -moz-background-size 0.3s ease, -o-background-size 0.3s ease; } #eco-impact-button:hover { -moz-background-size: 18px; -o-background-size: 18px; background-size: 18px; } :root { --theme-font-h1: var(--wp--preset--font-size--h-1); --theme-font-h2: var(--wp--preset--font-size--h-2); --theme-font-h3: var(--wp--preset--font-size--h-3); --theme-font-h4: var(--wp--preset--font-size--h-4); --theme-font-h5: var(--wp--preset--font-size--h-5); --theme-font-h6: var(--wp--preset--font-size--h-6); --theme-gap-blocks-page: 120px; --theme-gap-blocks-single: 60px; } @media screen and (max-width: 768px) { :root { --wp--preset--font-size--paragraph: 15px; --wp--preset--font-size--h-1: 40px; --wp--preset--font-size--h-2: 32px; --wp--preset--font-size--h-3: 28px; --wp--preset--font-size--h-4: 25px; --wp--preset--font-size--h-5: 22px; --wp--preset--font-size--h-6: 20px; --theme-gap-blocks-page: 80px; --theme-gap-blocks-single: 40px; } } /* Base HTML and Body Styles */ html { background-color: #FFFFFF; scroll-behavior: smooth; scroll-padding-top: var(--scroll-padding-top); } html.no_scroll { overflow-y: scroll; position: fixed; width: 100%; } html body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; font-weight: 400; background-color: #FFFFFF; color: var(--wp--preset--color--noir); } @media screen and (max-width: 940px) { html body.burger-menu-open { overflow: hidden; } } html body *, html body button, html body input { font-family: var(--wp--preset--font-family--primary); } /* Main Content Styles */ main { position: relative; z-index: 1; } main > * { max-width: var(--wp--style--global--wide-size); } @media screen and (max-width: calc(1340px + 60px)) { main > * { max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } } @media screen and (max-width: 768px) { main > * { max-width: -webkit-calc(100% - 40px); max-width: -moz-calc(100% - 40px); max-width: calc(100% - 40px); } } main > *:has(> .default-align-content) { max-width: var(--wp--style--global--content-size); } @media screen and (max-width: calc(940px + 60px)) { main > *:has(> .default-align-content) { max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } } @media screen and (max-width: 768px) { main > *:has(> .default-align-content) { max-width: -webkit-calc(100% - 40px); max-width: -moz-calc(100% - 40px); max-width: calc(100% - 40px); } } main > *:has(> .default-align-wide) { max-width: var(--wp--style--global--wide-size); } @media screen and (max-width: calc(1340px + 60px)) { main > *:has(> .default-align-wide) { max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } } @media screen and (max-width: 768px) { main > *:has(> .default-align-wide) { max-width: -webkit-calc(100% - 40px); max-width: -moz-calc(100% - 40px); max-width: calc(100% - 40px); } } main > *:has(> .default-align-wide):not(.alignwide) { max-width: var(--wp--style--global--content-size); } @media screen and (max-width: calc(940px + 60px)) { main > *:has(> .default-align-wide):not(.alignwide) { max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } } @media screen and (max-width: 768px) { main > *:has(> .default-align-wide):not(.alignwide) { max-width: -webkit-calc(100% - 40px); max-width: -moz-calc(100% - 40px); max-width: calc(100% - 40px); } } main > *:has(> .default-align-wide):not(.alignwide).alignfull { max-width: none; } main > *:has(> .default-align-full) { max-width: none; } main > *:has(> .default-align-full):not(.alignfull) { max-width: var(--wp--style--global--content-size); } @media screen and (max-width: calc(940px + 60px)) { main > *:has(> .default-align-full):not(.alignfull) { max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } } @media screen and (max-width: 768px) { main > *:has(> .default-align-full):not(.alignfull) { max-width: -webkit-calc(100% - 40px); max-width: -moz-calc(100% - 40px); max-width: calc(100% - 40px); } } main > *:has(> .default-align-full):not(.alignfull).alignwide { max-width: var(--wp--style--global--wide-size); } @media screen and (max-width: calc(1340px + 60px)) { main > *:has(> .default-align-full):not(.alignfull).alignwide { max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } } @media screen and (max-width: 768px) { main > *:has(> .default-align-full):not(.alignfull).alignwide { max-width: -webkit-calc(100% - 40px); max-width: -moz-calc(100% - 40px); max-width: calc(100% - 40px); } } main > *.wp-block-heading + p, main > *.wp-block-heading + ul, main > *.wp-block-heading + ol { -webkit-margin-before: var(--wp--style--block-gap); margin-block-start: var(--wp--style--block-gap); } main > *.wp-block-heading:has(+ p, + ul, + ol) { -webkit-margin-after: var(--wp--style--block-gap); margin-block-end: var(--wp--style--block-gap); } main > *:is(p, ul, ol):is(p ~ p, ul ~ p, ol ~ p) { -webkit-margin-before: var(--wp--style--block-gap); margin-block-start: var(--wp--style--block-gap); } main > *:is(p, ul, ol):has(+ p, + ul, + ol) { -webkit-margin-after: var(--wp--style--block-gap); margin-block-end: var(--wp--style--block-gap); } main > * .wp-block-group > *.wp-block-heading + p, main > * .wp-block-group > *.wp-block-heading + ul, main > * .wp-block-group > *.wp-block-heading + ol, main > * .wp-block-column > *.wp-block-heading + p, main > * .wp-block-column > *.wp-block-heading + ul, main > * .wp-block-column > *.wp-block-heading + ol { -webkit-margin-before: 0.5em; margin-block-start: 0.5em; } main > * .wp-block-group > *.wp-block-heading:has(+ p, + ul, + ol), main > * .wp-block-column > *.wp-block-heading:has(+ p, + ul, + ol) { -webkit-margin-after: 0.5em; margin-block-end: 0.5em; } main > * .wp-block-group > *:is(p, ul, ol):is(p ~ p, ul ~ p, ol ~ p), main > * .wp-block-column > *:is(p, ul, ol):is(p ~ p, ul ~ p, ol ~ p) { -webkit-margin-before: 0.5em; margin-block-start: 0.5em; } main > * .wp-block-group > *:is(p, ul, ol):has(+ p, + ul, + ol), main > * .wp-block-column > *:is(p, ul, ol):has(+ p, + ul, + ol) { -webkit-margin-after: 0.5em; margin-block-end: 0.5em; } main > *.has-background:not(.alignfull), main > * .has-background:not(.alignfull) { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } main > :where(:not([class^=wp-block-acf-]):not([class*=wp-block-acf-]):not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)), main > .align, main > .aligncontent, main .is-layout-constrained > .align, main .is-layout-constrained > .aligncontent { max-width: var(--wp--style--global--content-size); margin-left: auto !important; margin-right: auto !important; } @media screen and (max-width: calc(940px + 60px)) { main > :where(:not([class^=wp-block-acf-]):not([class*=wp-block-acf-]):not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)), main > .align, main > .aligncontent, main .is-layout-constrained > .align, main .is-layout-constrained > .aligncontent { max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } } @media screen and (max-width: 768px) { main > :where(:not([class^=wp-block-acf-]):not([class*=wp-block-acf-]):not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)), main > .align, main > .aligncontent, main .is-layout-constrained > .align, main .is-layout-constrained > .aligncontent { max-width: -webkit-calc(100% - 40px); max-width: -moz-calc(100% - 40px); max-width: calc(100% - 40px); } } main .is-layout-constrained > :where(:not([class^=wp-block-acf-]):not([class*=wp-block-acf-]):not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)) { max-width: var(--wp--style--global--content-size); margin-left: auto !important; margin-right: auto !important; } @media screen and (max-width: calc(940px + 60px)) { main .is-layout-constrained > :where(:not([class^=wp-block-acf-]):not([class*=wp-block-acf-]):not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)) { max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } } @media screen and (max-width: 768px) { main .is-layout-constrained > :where(:not([class^=wp-block-acf-]):not([class*=wp-block-acf-]):not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)) { max-width: -webkit-calc(100% - 40px); max-width: -moz-calc(100% - 40px); max-width: calc(100% - 40px); } } main > .alignfull, main .alignfull, main .is-layout-constrained > .alignfull { max-width: none; } main .alignwide, main > .alignwide, main .is-layout-constrained > .alignwide { max-width: var(--wp--style--global--wide-size); } @media screen and (max-width: calc(1340px + 60px)) { main .alignwide, main > .alignwide, main .is-layout-constrained > .alignwide { max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } } @media screen and (max-width: 768px) { main .alignwide, main > .alignwide, main .is-layout-constrained > .alignwide { max-width: -webkit-calc(100% - 40px); max-width: -moz-calc(100% - 40px); max-width: calc(100% - 40px); } } @media screen and (max-width: calc(940px + 60px)) { *:is(main > .is-layout-constrained:not(.alignwide):not(.align):not(.aligncontent):not(.alignfull) > *):not([class^=wp-block-acf-]):not([class*=wp-block-acf-]):not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide):not([class^=wp-block-acf-] *):not([class*=wp-block-acf-] *), main *:is(.alignwide > *):not([class^=wp-block-acf-]):not([class*=wp-block-acf-]):not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide):not([class^=wp-block-acf-] *):not([class*=wp-block-acf-] *), main *:is(.align > *):not([class^=wp-block-acf-]):not([class*=wp-block-acf-]):not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide):not([class^=wp-block-acf-] *):not([class*=wp-block-acf-] *) { max-width: 100%; } } @media screen and (max-width: 768px) { *:is(main > .is-layout-constrained:not(.alignwide):not(.align):not(.aligncontent):not(.alignfull) > *):not([class^=wp-block-acf-]):not([class*=wp-block-acf-]):not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide):not([class^=wp-block-acf-] *):not([class*=wp-block-acf-] *), main *:is(.alignwide > *):not([class^=wp-block-acf-]):not([class*=wp-block-acf-]):not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide):not([class^=wp-block-acf-] *):not([class*=wp-block-acf-] *), main *:is(.align > *):not([class^=wp-block-acf-]):not([class*=wp-block-acf-]):not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide):not([class^=wp-block-acf-] *):not([class*=wp-block-acf-] *) { max-width: 100%; } } @media screen and (max-width: calc(1340px + 60px)) { main .alignwide:is(.alignwide > *), main .alignwide:is(.align > *), main .alignwide:is(.aligncontent > *) { max-width: 100%; } } @media screen and (max-width: 768px) { main .alignwide:is(.alignwide > *), main .alignwide:is(.align > *), main .alignwide:is(.aligncontent > *) { max-width: 100%; } } main > *, main > .alignwide, main > .alignfull { margin-left: auto; margin-right: auto; -webkit-margin-before: var(--theme-gap-blocks-page); margin-block-start: var(--theme-gap-blocks-page); -webkit-margin-after: var(--theme-gap-blocks-page); margin-block-end: var(--theme-gap-blocks-page); } /* Default Alignment Styles */ .default-align-content:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide):not(.align) { max-width: var(--wp--style--global--content-size); } @media screen and (max-width: calc(940px + 60px)) { .default-align-content:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide):not(.align) { max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } } @media screen and (max-width: 768px) { .default-align-content:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide):not(.align) { max-width: -webkit-calc(100% - 40px); max-width: -moz-calc(100% - 40px); max-width: calc(100% - 40px); } } @media screen and (max-width: calc(940px + 60px)) { .default-align-content:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide):not(.align):not(:is(.alignfull > *)):not(:is(main > *)) { max-width: none; } } .default-align-wide:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide):not(.align):not(.aligncontent) { max-width: var(--wp--style--global--wide-size); } @media screen and (max-width: calc(1340px + 60px)) { .default-align-wide:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide):not(.align):not(.aligncontent) { max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); } } @media screen and (max-width: 768px) { .default-align-wide:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide):not(.align):not(.aligncontent) { max-width: -webkit-calc(100% - 40px); max-width: -moz-calc(100% - 40px); max-width: calc(100% - 40px); } } @media screen and (max-width: calc(1340px + 60px)) { .default-align-wide:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide):not(.align):not(.aligncontent):not(:is(.alignfull > *)):not(:is(main > *)) { max-width: none; } } .default-align-full:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide):not(.align):not(.aligncontent) { max-width: none; } /* List Styles */ ol, ul { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style-type: revert; margin: revert; padding: revert; } .footer { background-color: var(--wp--preset--color--gris); } .footer__main { padding: 40px 0; } .footer__main__top { margin-bottom: 40px; } .footer__main__top__container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; gap: 80px; } @media screen and (max-width: 768px) { .footer__main__top__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 20px; } } .footer__main__top__left { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; gap: 20px; } .footer__main__top__left__logo { display: block; width: 190px; min-width: 190px; } .footer__main__top__left__logo img { display: block; width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } .footer__main__top__left__adresse { font-size: 15px; } .footer__main__top__left__adresse address { font-style: normal; } .footer__main__top__middle__description { max-width: 770px; } .footer__main__top__middle__description p { margin: 0; } .footer__main__top__right { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; align-items: flex-end; gap: 35px; } @media screen and (max-width: 768px) { .footer__main__top__right { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 20px; } } .footer__main__top__right__social { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; justify-content: flex-end; gap: 10px; max-width: 220px; } .footer__main__top__right__social > * { display: block; width: 20px; height: 20px; background-color: #000; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; text-indent: -900000000000px; overflow: hidden; } .footer__main__top__right__social > *:hover { opacity: 0.8; } .footer__main__top__right__social > *.instagram { -webkit-mask-image: url(img/global/dev/instagram.svg); mask-image: url(img/global/dev/instagram.svg); } .footer__main__top__right__social > *.facebook { -webkit-mask-image: url(img/global/dev/facebook.svg); mask-image: url(img/global/dev/facebook.svg); } .footer__main__top__right__social > *.youtube { -webkit-mask-image: url(img/global/dev/youtube.svg); mask-image: url(img/global/dev/youtube.svg); width: 25px; } .footer__main__top__right__social > *.linkedin { -webkit-mask-image: url(img/global/dev/linkedin.svg); mask-image: url(img/global/dev/linkedin.svg); } .footer__main__bottom { margin-top: 40px; } .footer__main__bottom__container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; gap: 60px; } @media screen and (max-width: 768px) { .footer__main__bottom__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 20px; } } .footer__main__bottom__nav { max-width: 700px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; flex-grow: 1; line-height: initial; } .footer__main__bottom__nav .nav-main { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; gap: 20px; list-style: none; padding: 0; margin: 0; } @media screen and (max-width: 768px) { .footer__main__bottom__nav .nav-main { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 20px; min-width: 200px; } } @media screen and (max-width: 768px) { .footer__main__bottom__nav .nav-main > *.open { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; } .footer__main__bottom__nav .nav-main > *.open .nav-main-title:after { -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .footer__main__bottom__nav .nav-main > *.open ul { margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; } } @media screen and (max-width: 768px) { .footer__main__bottom__nav__item { width: 100%; } .footer__main__bottom__nav__item > * { width: 100%; } } .footer__main__bottom__nav__item .nav-main-title { font-size: 15px; font-weight: bold; margin: 0; margin-bottom: 12px; } @media screen and (max-width: 768px) { .footer__main__bottom__nav__item .nav-main-title { position: relative; margin-bottom: 0; padding-right: 25px; } .footer__main__bottom__nav__item .nav-main-title:after { content: ""; display: block; width: 12px; height: 7px; background-color: #000; -webkit-mask-image: url(img/global/dev/arrow-down.svg); mask-image: url(img/global/dev/arrow-down.svg); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } .footer__main__bottom__nav__item .nav-main-sub { list-style: none; padding: 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; gap: 8px; } @media screen and (max-width: 768px) { .footer__main__bottom__nav__item .nav-main-sub { display: none; } } .footer__main__bottom__nav__item .nav-main-sub a { position: relative; font-size: 14px; color: #000; text-decoration: none; } .footer__main__bottom__nav__item .nav-main-sub a:hover { text-decoration: underline; } .footer__main__bottom__block { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; max-width: 470px; gap: 12px; padding: 30px 60px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid var(--wp--preset--color--color-1); text-align: center; } @media screen and (max-width: 768px) { .footer__main__bottom__block { padding: 20px 30px; } } .footer__main__bottom__block__text { max-width: 320px; margin: 0 auto; line-height: 1.2; } .footer__bottom__container { padding: 40px 0; border-top: 1px solid #DCDCDC; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; gap: 20px; } @media screen and (max-width: 768px) { .footer__bottom__container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 20px; padding: 20px 0; } } .footer__bottom__left { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 8px 18px; } @media screen and (max-width: 768px) { .footer__bottom__left { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; text-align: center; } } .footer__bottom__left__nav__main { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 8px 18px; margin: 0; padding: 0; list-style: none; } @media screen and (max-width: 768px) { .footer__bottom__left__nav__main { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; text-align: center; } } .footer__bottom__left a { text-decoration: none; color: var(--wp--preset--color--noir); line-height: 1.2; opacity: 0.6; -webkit-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .footer__bottom__left a:hover { opacity: 1; } html body.page section#title h1 { text-align: center; } .search__title { text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; gap: 25px; -webkit-margin-after: 60px; margin-block-end: 60px; } .search__title h1 { margin: 0; } .search__title h1 span { background-color: var(--wp--preset--color--color-1); color: #FFF; display: inline; padding: 0 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: 1.5; } .search__title form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } .search__title form input { -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; flex-grow: 1; width: 100%; height: 50px; background-color: #fff; border: solid 1px var(--wp--preset--color--color-1); border-right: 0; padding: 0 30px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .search__title form button { display: block; background-color: var(--wp--preset--color--color-1); color: #fff; font-weight: bold; font-size: 15px; white-space: nowrap; height: 50px; border-left: 0; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; padding: 0 20px; cursor: pointer; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } @media screen and (max-width: 768px) { .search__title form button { font-size: 14px; padding: 0 10px; } } .search__title form button:hover { background-color: #000; } .search__anchors { margin: 30px 0; } @media screen and (max-width: 480px) { .search__anchors { margin: 20px 0; } } .search__anchors__container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; } @media screen and (max-width: 480px) { .search__anchors__item { width: 100%; text-align: center; } } .search__list__container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; gap: 60px; } .search__list__group h2 { display: block; margin-bottom: 40px; scroll-margin-top: 200px; } .search__list__group .links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 20px; } @media screen and (max-width: 768px) { .search__list__group .links { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 480px) { .search__list__group .links { grid-template-columns: repeat(1, 1fr); } } .search__default__container { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 30px 50px; } @media screen and (max-width: 768px) { .search__default__container { gap: 20px; } } .search__default__container > * { width: -webkit-calc(33.3333333333% - 33.3333333333px); width: -moz-calc(33.3333333333% - 33.3333333333px); width: calc(33.3333333333% - 33.3333333333px); height: auto; } @media screen and (max-width: 768px) { .search__default__container > * { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); } } @media screen and (max-width: 480px) { .search__default__container > * { width: 100%; } } html body.author section#title h1 { text-align: center; } html body.author section#title div.biographie { margin-top: 50px; } html body.author section#list h2 { text-align: center; } html body.author section#list div.container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 50px; } @media screen and (max-width: 900px) { html body.author section#list div.container { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 650px) { html body.author section#list div.container { grid-template-columns: repeat(1, 1fr); } } html body.author section#list div.container.default { margin-top: 50px; } html body.author section#list div.container article { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: solid 1px rgba(var(--wp--preset--color--color-1), 0.5); padding: 30px; position: relative; -webkit-transition: border 0.3s; -o-transition: border 0.3s; -moz-transition: border 0.3s; transition: border 0.3s; } html body.author section#list div.container article picture { margin-bottom: 15px; display: block; } html body.author section#list div.container article strong.title { display: block; margin-top: 0; } html body.author section#list div.container article div.ct { margin-top: 15px; } html body.author section#list div.container article a { position: absolute; inset: 0; overflow: hidden; text-indent: -5000px; } html body.author section#list div.container article:hover { border: solid 1px var(--wp--preset--color--color-1); } body.error404 main:has(.error.has-bg-image) section.breadcrumb { position: absolute; top: 20px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 100%; z-index: 1; margin: 0; } body.error404 main:has(.error.has-bg-image) section.breadcrumb div.container *:is(a) { color: #fff; } body.error404 main:has(.error.has-bg-image) section.breadcrumb div.container *:is(a):after { background-color: #fff; } body.error404 main:has(.error.has-bg-image) section.breadcrumb div.container *:is(a):hover { color: rgba(255, 255, 255, 0.5); } body.error404 main:has(.error.has-bg-image) section.breadcrumb div.container *:is(span) { color: #fff; } body.error404 .error { position: relative; margin: 80px auto 120px auto; } body.error404 .error-content { position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; gap: 15px; text-align: center; max-width: 600px; margin: 0 auto; } body.error404 .error-content h1 { margin: 0; } body.error404 .error-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; opacity: 0.5; } body.error404 .error.has-bg-image { background-color: #000; padding: 120px; margin: 0; } body.error404 .error.has-bg-image .error-content { color: #fff; } .archive__top { position: -webkit-sticky; position: sticky; top: 183px; max-width: 100%; z-index: 10; } @media screen and (max-width: 940px) { .archive__top { top: 106px; max-height: -webkit-calc(100vh - 106px); max-height: -moz-calc(100vh - 106px); max-height: calc(100vh - 106px); max-height: -webkit-calc(100dvh - 106px); max-height: -moz-calc(100dvh - 106px); max-height: calc(100dvh - 106px); overflow: auto; } } .archive__top__content { border-top: 1px solid var(--wp--preset--color--color-1); border-bottom: 1px solid var(--wp--preset--color--color-1); background-color: #fff; padding: 10px 0; } @media screen and (max-width: 940px) { .archive__top__content { padding: 0; } } .archive__top__mobile-toggle { display: none; } @media screen and (max-width: 940px) { .archive__top__mobile-toggle { display: block; height: 52px; } .archive__top__mobile-toggle__btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; width: 100%; padding: 15px 20px; background: none; border: none; cursor: pointer; color: var(--wp--preset--color--color-1); font-weight: bold; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .archive__top__mobile-toggle__btn__text { font-size: 16px; } .archive__top__mobile-toggle__btn__icon { position: relative; width: 12px; height: 12px; } .archive__top__mobile-toggle__btn__icon:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: var(--wp--preset--color--color-1); -webkit-mask-image: url(img/global/dev/arrow-down.svg); mask-image: url(img/global/dev/arrow-down.svg); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease; } } .archive__top__links { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } @media screen and (max-width: 940px) { .archive__top__links { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; padding: 20px; gap: 15px; background-color: var(--wp--preset--color--gris); border-top: 1px solid rgba(var(--wp--preset--color--color-1), 0.1); } .archive__top__links .link { text-align: left; padding: 10px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .archive__top__links .link:hover { background-color: rgba(var(--wp--preset--color--color-1), 0.1); } .archive__top__links .link.current { background-color: var(--wp--preset--color--color-1); color: #fff; } .archive__top__links .link.current:before { display: none; } } .archive__top__links .link { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; text-align: center; text-decoration: none; color: #000; padding: 10px 5px; } @media screen and (max-width: 768px) { .archive__top__links .link { -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; flex: none; min-width: 150px; } } .archive__top__links .link:is(a) { -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; } .archive__top__links .link:is(a):hover { color: var(--wp--preset--color--color-1); } .archive__top__links .link__all { font-weight: 700; } .archive__top__links .link__all::after { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 20px; background-color: var(--wp--preset--color--color-1); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 940px) { .archive__top__links .link__all::after { display: none; } } .archive__top__links .link.current { pointer-events: none; } @media screen and (min-width: 940px) { .archive__top__links .link.current::before { content: ""; position: absolute; bottom: -10px; left: 50%; width: 60px; height: 10px; background-color: var(--wp--preset--color--color-1); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } } .archive__top__search { margin-left: 4%; } @media screen and (max-width: 940px) { .archive__top__search { margin: 0; width: 100%; } .archive__top__search form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; } .archive__top__search button { width: 100% !important; height: 45px !important; text-indent: 0 !important; display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; gap: 10px; color: var(--wp--preset--color--color-1); background-color: transparent !important; } .archive__top__search button:before { position: static !important; -webkit-transform: none !important; -moz-transform: none !important; -o-transform: none !important; transform: none !important; background-color: var(--wp--preset--color--color-1) !important; } } .archive__top__search button { position: relative; display: block; width: 40px; height: 40px; background-color: var(--wp--preset--color--color-1); border: none; border: 1px solid var(--wp--preset--color--color-1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-indent: -90000000000000px; overflow: hidden; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } @media screen and (max-width: 768px) { .archive__top__search button { display: inline-block; } } .archive__top__search button:before { content: ""; position: absolute; width: 18px; height: 18px; background-color: #fff; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-mask-image: url(img/global/dev/search.svg); mask-image: url(img/global/dev/search.svg); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .archive__top__search button:hover { background-color: transparent; } .archive__top__search button:hover:before { background-color: var(--wp--preset--color--color-1); } @media screen and (max-width: 940px) { .archive__top.is-open .archive__top__mobile-toggle__btn__icon:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .archive__top.is-open .archive__top__links { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; } } .archive__main { display: grid; grid-template-columns: 350px 1fr; gap: 0; } @media screen and (max-width: 940px) { .archive__main { grid-template-columns: 1fr; gap: 50px; } } .archive__main__categories { padding-right: 100px; } @media screen and (max-width: 940px) { .archive__main__categories { position: absolute; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; left: 50%; top: 50%; -webkit-transform: translate(-50%, -webkit-calc(-50% - 20px)); -moz-transform: translate(-50%, -moz-calc(-50% - 20px)); -o-transform: translate(-50%, calc(-50% - 20px)); transform: translate(-50%, calc(-50% - 20px)); width: 350px; max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); max-height: -webkit-calc(100% - 80px); max-height: -moz-calc(100% - 80px); max-height: calc(100% - 80px); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: auto; background-color: var(--wp--preset--color--gris); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 60px 40px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, -webkit-calc(-45% - 20px)) scale(0.95); -moz-transform: translate(-50%, -moz-calc(-45% - 20px)) scale(0.95); -o-transform: translate(-50%, calc(-45% - 20px)) scale(0.95); transform: translate(-50%, calc(-45% - 20px)) scale(0.95); } } @media screen and (max-width: 940px) and (max-width: 768px) { .archive__main__categories { padding: 60px 20px 40px 20px; max-width: -webkit-calc(100% - 40px); max-width: -moz-calc(100% - 40px); max-width: calc(100% - 40px); } } .archive__main__categories__open { display: none; } @media screen and (max-width: 940px) { .archive__main__categories__open { display: block; width: 100%; text-align: center; } } .archive__main__categories__title { display: none; } @media screen and (max-width: 940px) { .archive__main__categories__title { display: block; text-align: center; margin-bottom: 10px; } } .archive__main__categories__close { display: none; position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; background-color: transparent; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: absolute; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; text-indent: -90000000000000px; overflow: hidden; z-index: 2; } @media screen and (max-width: 940px) { .archive__main__categories__close { display: block; } } .archive__main__categories__close:before { content: ""; display: block; width: 16px; height: 16px; background-color: var(--wp--preset--color--color-1); -webkit-mask-image: url(img/global/dev/close.svg); mask-image: url(img/global/dev/close.svg); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .archive__main__categories__close:hover { background-color: rgba(var(--wp--preset--color--color-1), 0.1); } .archive__main__categories__close:hover:before { -webkit-transform: translate(-50%, -50%) rotate(90deg); -moz-transform: translate(-50%, -50%) rotate(90deg); -o-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .archive__main__categories__dialog { position: relative; display: block; top: 0; margin: 0; height: auto; } @media screen and (max-width: 940px) { .archive__main__categories__dialog { position: fixed; width: 100%; height: 100%; max-height: 100%; max-width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.4); color: #000; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 999; } } .archive__main__categories__dialog.active { opacity: 1; visibility: visible; } .archive__main__categories__dialog.active .archive__main__categories { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .archive__main__categories ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; gap: 10px; list-style: none; margin: 0; padding: 0; } @media screen and (max-width: 940px) { .archive__main__categories ul { width: 100%; max-width: 220px; margin: 0 auto; } } .archive__main__categories ul li a { width: 100%; text-align: center; } .archive__main__categories ul li a.active { background-color: var(--wp--preset--color--color-1); color: #fff; -webkit-box-shadow: 0 4px 12px rgba(var(--wp--preset--color--color-1), 0.2); -moz-box-shadow: 0 4px 12px rgba(var(--wp--preset--color--color-1), 0.2); box-shadow: 0 4px 12px rgba(var(--wp--preset--color--color-1), 0.2); } .archive__main__categories ul li a.active:hover { -webkit-box-shadow: 0 6px 16px rgba(var(--wp--preset--color--color-1), 0.3); -moz-box-shadow: 0 6px 16px rgba(var(--wp--preset--color--color-1), 0.3); box-shadow: 0 6px 16px rgba(var(--wp--preset--color--color-1), 0.3); } .archive__main__categories ul li a:not(.active):hover { background-color: rgba(var(--wp--preset--color--color-1), 0.1); color: var(--wp--preset--color--color-1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); } .archive__main__categories ul:has(a:hover:not(.active)) a:not(:hover) { opacity: 0.5; } .archive__main__posts { position: relative; padding-left: 100px; } @media screen and (max-width: 940px) { .archive__main__posts { padding-left: 0; } .archive__main__posts::before { display: none; } } .archive__main__posts::before { content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: var(--wp--preset--color--color-1); } .archive__main__posts--title { text-align: center; margin-bottom: 40px; } .archive__main__posts--posts { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .archive__main__posts--posts.posts-type--post { gap: 50px 20px; } .archive__main__posts--posts.posts-type--events { gap: 40px 20px; } @media screen and (max-width: 768px) { .archive__main__posts--posts { grid-template-columns: 1fr; gap: 30px; } } .archive__main .container-pagination { margin-top: 40px; } @media screen and (max-width: 768px) { .archive__main .container-pagination .pagination { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; gap: 20px; } .archive__main .container-pagination .pagination .pages { -webkit-box-ordinal-group: 0; -webkit-order: -1; -moz-box-ordinal-group: 0; order: -1; } } .archive__other__title { text-align: center; margin-bottom: 40px; } .archive__other__post_types { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; gap: 20px; } .archive__other__post_types a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; width: -webkit-calc(16.6666666667% - 16.6666666667px); width: -moz-calc(16.6666666667% - 16.6666666667px); width: calc(16.6666666667% - 16.6666666667px); text-decoration: none; color: var(--wp--preset--color--color-1); text-align: center; border: 1px solid var(--wp--preset--color--color-1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px 20px; min-height: 140px; font-weight: bold; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } @media screen and (max-width: 940px) { .archive__other__post_types a { width: -webkit-calc(33.3333333333% - 13.3333333333px); width: -moz-calc(33.3333333333% - 13.3333333333px); width: calc(33.3333333333% - 13.3333333333px); } } @media screen and (max-width: 768px) { .archive__other__post_types a { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); } } @media screen and (max-width: 480px) { .archive__other__post_types a { width: 100%; min-height: 100px; } } .archive__other__post_types a:hover { background-color: var(--wp--preset--color--color-1); color: #fff; } .archive-job-offers__content { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 20px; } .archive-job-offers__title, .archive-job-offers__description { text-align: center; max-width: 800px; margin: 0 auto; } .archive-job-offers__list { margin-top: 20px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; gap: 50px; } .archive-job-offers__item { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 20px; } @media screen and (max-width: 768px) { .archive-job-offers__item { -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; text-align: center; } } .archive-job-offers__item-title { width: 40%; } @media screen and (max-width: 768px) { .archive-job-offers__item-title { width: 100%; } } .archive-job-offers__item > *:not(.archive-job-offers__item-title) { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; text-align: center; } .archive-job-offers__item-contract, .archive-job-offers__item-element { font-weight: 600; } .archive-job-offers__item-contract span { display: inline-block; padding: 2px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: var(--wp--preset--color--gris); } @media screen and (max-width: 768px) { .archive-job-offers__item-button { min-width: 100%; } } .archive-job-offers__item-button a { white-space: nowrap; } .archive-job-offers__item:not(:last-child) { position: relative; } .archive-job-offers__item:not(:last-child)::after { content: ""; position: absolute; bottom: -25px; left: 0; width: 100%; height: 1px; background-color: var(--wp--preset--color--color-1); } .archive-faq__container { display: grid; grid-template-columns: 220px 1fr; gap: 60px; } @media screen and (max-width: 940px) { .archive-faq__container { grid-template-columns: 1fr; gap: 50px; } } .archive-faq__contain__filters__open { display: none; } @media screen and (max-width: 940px) { .archive-faq__contain__filters__open { display: block; width: 100%; text-align: center; } } .archive-faq__filters { position: -webkit-sticky; position: sticky; top: 200px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; gap: 10px; } @media screen and (max-width: 940px) { .archive-faq__filters { position: absolute; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; left: 50%; top: 50%; -webkit-transform: translate(-50%, -webkit-calc(-50% - 20px)); -moz-transform: translate(-50%, -moz-calc(-50% - 20px)); -o-transform: translate(-50%, calc(-50% - 20px)); transform: translate(-50%, calc(-50% - 20px)); width: 350px; max-width: -webkit-calc(100% - 60px); max-width: -moz-calc(100% - 60px); max-width: calc(100% - 60px); max-height: -webkit-calc(100% - 80px); max-height: -moz-calc(100% - 80px); max-height: calc(100% - 80px); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: auto; background-color: var(--wp--preset--color--gris); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 60px 40px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; visibility: hidden; -webkit-transform: translate(-50%, -webkit-calc(-45% - 20px)) scale(0.95); -moz-transform: translate(-50%, -moz-calc(-45% - 20px)) scale(0.95); -o-transform: translate(-50%, calc(-45% - 20px)) scale(0.95); transform: translate(-50%, calc(-45% - 20px)) scale(0.95); } } @media screen and (max-width: 940px) and (max-width: 768px) { .archive-faq__filters { padding: 60px 20px 40px 20px; max-width: -webkit-calc(100% - 40px); max-width: -moz-calc(100% - 40px); max-width: calc(100% - 40px); } } @media screen and (max-width: 940px) { .archive-faq__filters > * { max-width: 220px; } } .archive-faq__filters__title { display: none; } @media screen and (max-width: 940px) { .archive-faq__filters__title { display: block; text-align: center; margin-bottom: 10px; } } .archive-faq__filters__close { display: none; position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; background-color: transparent; border: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: absolute; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; text-indent: -90000000000000px; overflow: hidden; z-index: 2; } @media screen and (max-width: 940px) { .archive-faq__filters__close { display: block; } } .archive-faq__filters__close:before { content: ""; display: block; width: 16px; height: 16px; background-color: var(--wp--preset--color--color-1); -webkit-mask-image: url(img/global/dev/close.svg); mask-image: url(img/global/dev/close.svg); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .archive-faq__filters__close:hover { background-color: rgba(var(--wp--preset--color--color-1), 0.1); } .archive-faq__filters__close:hover:before { -webkit-transform: translate(-50%, -50%) rotate(90deg); -moz-transform: translate(-50%, -50%) rotate(90deg); -o-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); } .archive-faq__filter { width: 100%; } .archive-faq__filter label { display: block; text-align: center; background-color: transparent; color: var(--wp--preset--color--color-1); -webkit-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; transition: all 0.25s ease-out; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .archive-faq__filter label:hover { background-color: rgba(var(--wp--preset--color--color-1), 0.1); color: var(--wp--preset--color--color-1); -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); } .archive-faq__filter input { display: none; } .archive-faq__filter input:checked ~ label { background-color: var(--wp--preset--color--color-1); color: #fff; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 4px 12px rgba(var(--wp--preset--color--color-1), 0.2); -moz-box-shadow: 0 4px 12px rgba(var(--wp--preset--color--color-1), 0.2); box-shadow: 0 4px 12px rgba(var(--wp--preset--color--color-1), 0.2); } .archive-faq__filter input:checked ~ label:hover { background-color: var(--wp--preset--color--color-1); color: #fff; -webkit-transform: translateY(-2px); -moz-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); -webkit-box-shadow: 0 6px 16px rgba(var(--wp--preset--color--color-1), 0.3); -moz-box-shadow: 0 6px 16px rgba(var(--wp--preset--color--color-1), 0.3); box-shadow: 0 6px 16px rgba(var(--wp--preset--color--color-1), 0.3); } .archive-faq__contain_filters { position: relative; display: block; top: 0; margin: 0; height: auto; } @media screen and (max-width: 940px) { .archive-faq__contain_filters { position: fixed; width: 100%; height: 100%; max-height: 100%; max-width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.4); color: #000; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 999; } } .archive-faq__contain_filters.active { opacity: 1; visibility: visible; } .archive-faq__contain_filters.active .archive-faq__filters { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .archive-faq__questions { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; gap: 50px; } .archive-faq__questions__category { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out; will-change: transform, opacity; -webkit-transform-origin: top; -moz-transform-origin: top; -o-transform-origin: top; transform-origin: top; } .archive-faq__questions__category.is-hidden { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); pointer-events: none; } .archive-faq__questions__category.is-entering { -webkit-animation: fadeIn 0.4s ease-out forwards; -moz-animation: fadeIn 0.4s ease-out forwards; -o-animation: fadeIn 0.4s ease-out forwards; animation: fadeIn 0.4s ease-out forwards; } .archive-faq__questions__category.is-leaving { -webkit-animation: fadeOut 0.4s ease-out forwards; -moz-animation: fadeOut 0.4s ease-out forwards; -o-animation: fadeOut 0.4s ease-out forwards; animation: fadeOut 0.4s ease-out forwards; } .archive-faq__questions__category__items { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; gap: 20px; margin-top: 30px; } .archive-faq__questions__category__item { overflow: hidden; } .archive-faq__questions__category__item__header { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; padding-bottom: 20px; background-color: #fff; cursor: pointer; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .archive-faq__questions__category__item__header:hover { background-color: rgba(var(--wp--preset--color--color-1), 0.05); } .archive-faq__questions__category__item__header h3 { margin: 0; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; padding-right: 20px; } .archive-faq__questions__category__item__header .toggle-answer { display: block; width: 10px; height: 10px; background-color: var(--wp--preset--color--color-1); -webkit-mask-image: url(img/global/dev/arrow-down.svg); mask-image: url(img/global/dev/arrow-down.svg); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease; } .archive-faq__questions__category__item__content { max-height: 0; opacity: 0; padding: 0; overflow: hidden; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background-color: rgba(var(--wp--preset--color--color-1), 0.05); } .archive-faq__questions__category__item__content * { margin: 0; } @media screen and (max-width: 480px) { .archive-faq__questions__category__item__title { font-size: 15px !important; line-height: 1.5 !important; } } .archive-faq__questions__category__item.is-open .toggle-answer { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .archive-faq__questions__category__item.is-open .archive-faq__questions__category__item__content { max-height: 1000px; opacity: 1; padding-bottom: 20px; } .archive-faq__questions__category__item:not(:last-child) { border-bottom: 1px solid var(--wp--preset--color--color-1); } @-webkit-keyframes fadeIn { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes fadeIn { 0% { opacity: 0; -moz-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } } @-o-keyframes fadeIn { 0% { opacity: 0; -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } } @keyframes fadeIn { 0% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes fadeOut { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @-moz-keyframes fadeOut { 0% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); transform: translateY(20px); } } @-o-keyframes fadeOut { 0% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOut { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } } html body.single main > *:not(.breadcrumb) { -webkit-margin-before: var(--theme-gap-blocks-single); margin-block-start: var(--theme-gap-blocks-single); -webkit-margin-after: var(--theme-gap-blocks-single); margin-block-end: var(--theme-gap-blocks-single); } html body.single main > *:not(.breadcrumb).wp-block-heading + p, html body.single main > *:not(.breadcrumb).wp-block-heading + ul, html body.single main > *:not(.breadcrumb).wp-block-heading + ol { -webkit-margin-before: var(--wp--style--block-gap); margin-block-start: var(--wp--style--block-gap); } html body.single main > *:not(.breadcrumb).wp-block-heading:has(+ p, + ul, + ol) { -webkit-margin-after: var(--wp--style--block-gap); margin-block-end: var(--wp--style--block-gap); } html body.single main > *:not(.breadcrumb):is(p, ul, ol):is(p ~ p, ul ~ p, ol ~ p) { -webkit-margin-before: var(--wp--style--block-gap); margin-block-start: var(--wp--style--block-gap); } html body.single main > *:not(.breadcrumb):is(p, ul, ol):has(+ p, + ul, + ol) { -webkit-margin-after: var(--wp--style--block-gap); margin-block-end: var(--wp--style--block-gap); } html body.single main .single__top { text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; gap: 10px; } html body.single main .single__top__terms { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; gap: 10px; } html body.single main .single__thumbnail img { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 100%; height: auto; max-height: 450px; -o-object-fit: cover; object-fit: cover; } html body.single main .single__back_button { text-align: center; -webkit-margin-after: var(--theme-gap-blocks-page); margin-block-end: var(--theme-gap-blocks-page); } html body.single main .single__others { -webkit-margin-before: var(--theme-gap-blocks-page); margin-block-start: var(--theme-gap-blocks-page); -webkit-margin-after: var(--theme-gap-blocks-page); margin-block-end: var(--theme-gap-blocks-page); } html body.single main .single__others__title { text-align: center; margin-bottom: 40px; } html body.single main .single__others__list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } html body.single main .single__others__list > * { -webkit-flex-basis: -webkit-calc(33.333% - 13.3333333333px); flex-basis: -moz-calc(33.333% - 13.3333333333px); flex-basis: calc(33.333% - 13.3333333333px); width: -webkit-calc(33.333% - 13.3333333333px); width: -moz-calc(33.333% - 13.3333333333px); width: calc(33.333% - 13.3333333333px); } @media screen and (max-width: 768px) { html body.single main .single__others__list { gap: 15px; } html body.single main .single__others__list > * { -webkit-flex-basis: -webkit-calc(50% - 7.5px); flex-basis: -moz-calc(50% - 7.5px); flex-basis: calc(50% - 7.5px); width: -webkit-calc(50% - 7.5px); width: -moz-calc(50% - 7.5px); width: calc(50% - 7.5px); } } @media screen and (max-width: 480px) { html body.single main .single__others__list > * { -webkit-flex-basis: 100%; flex-basis: 100%; width: 100%; } } html body.single main .single__summary { color: #000; } html body.single main .single__summary__content h3 { display: inline-block; padding-bottom: 10px; border-bottom: 1px solid #000; margin-bottom: 15px; } html body.single main .single__summary__content ul { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; gap: 10px; list-style: none; margin: 0; padding: 0; } html body.single main .single__summary__content ul a { text-decoration: none; color: #000; } html body.single main .single__summary__content ul a:hover { font-weight: bold; } html body.single main .single-job-offers__top { padding: 40px 0; background-color: var(--wp--preset--color--gris); -webkit-margin-before: 0; margin-block-start: 0; -webkit-margin-after: 100px; margin-block-end: 100px; } @media screen and (max-width: 768px) { html body.single main .single-job-offers__top { -webkit-margin-after: 50px; margin-block-end: 50px; } } html body.single main .single-job-offers__top__content { display: grid; grid-template-columns: 1fr 1fr; gap: 120px; } @media screen and (max-width: 768px) { html body.single main .single-job-offers__top__content { grid-template-columns: 1fr; gap: 20px; } } html body.single main .single-job-offers__top__left { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -moz-box-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; gap: 20px; } @media screen and (max-width: 768px) { html body.single main .single-job-offers__top__left { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 10px; text-align: center; } } html body.single main .single-job-offers__top__left h1 { position: relative; margin: 0; color: var(--wp--preset--color--color-4); padding-top: 70px; } @media screen and (max-width: 768px) { html body.single main .single-job-offers__top__left h1 { padding-top: 45px; } } html body.single main .single-job-offers__top__left h1::before { content: ""; position: absolute; top: 0; left: 0; width: 70px; height: 50px; background-color: var(--wp--preset--color--color-4); -webkit-mask-image: url(img/global/dev/job-offer.svg); mask-image: url(img/global/dev/job-offer.svg); -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } @media screen and (max-width: 768px) { html body.single main .single-job-offers__top__left h1::before { width: 50px; height: 35px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } } html body.single main .single-job-offers__top__right img { display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 100%; height: 100%; max-width: 550px; -o-object-fit: cover; object-fit: cover; margin-left: auto; } @media screen and (max-width: 768px) { html body.single main .single-job-offers__top__right img { margin-left: 0; max-width: 100%; max-height: 280px; -o-object-fit: cover; object-fit: cover; } } html body.single main .single-job-offers__top__details { padding: 10px 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; border: 1px solid var(--wp--preset--color--color-4); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 10px 15px; } @media screen and (max-width: 768px) { html body.single main .single-job-offers__top__details { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; } } html body.single main .single-job-offers__top__details__item { color: var(--wp--preset--color--color-4); font-weight: 700; padding-left: 30px; position: relative; } html body.single main .single-job-offers__top__details__item::before { content: ""; position: absolute; top: 50%; left: 0; width: 20px; height: 20px; background-color: var(--wp--preset--color--color-4); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } html body.single main .single-job-offers__top__details__item--contract::before { -webkit-mask-image: url(img/global/dev/contract.svg); mask-image: url(img/global/dev/contract.svg); } html body.single main .single-job-offers__top__details__item--schedule { padding-left: 28px; } html body.single main .single-job-offers__top__details__item--schedule::before { -webkit-mask-image: url(img/global/dev/schedule.svg); mask-image: url(img/global/dev/schedule.svg); } html body.single main .single-job-offers__top__details__item--location { padding-left: 26px; } html body.single main .single-job-offers__top__details__item--location::before { -webkit-mask-image: url(img/global/dev/location.svg); mask-image: url(img/global/dev/location.svg); } html body.single main .single-job-offers__form { scroll-margin-top: 200px; -webkit-margin-before: 100px; margin-block-start: 100px; -webkit-margin-after: 100px; margin-block-end: 100px; } @media screen and (max-width: 768px) { html body.single main .single-job-offers__form { -webkit-margin-before: 50px; margin-block-start: 50px; -webkit-margin-after: 50px; margin-block-end: 50px; } } html body.single main .single-job-offers__form__top { text-align: center; max-width: 1000px; margin: 0 auto; margin-bottom: 40px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; gap: 20px; } html body.single main .single-job-offers__form__top__title { margin: 0; } html body.single main .single-job-offers__form__content { max-width: 700px; margin: 0 auto; padding: 30px 40px; background-color: var(--wp--preset--color--gris); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } @media screen and (max-width: 768px) { html body.single main .single-job-offers__form__content { padding: 20px 30px; } } html body.single main .single-job-offers__form__content__title { max-width: 400px; margin: 0 auto; text-align: center; margin-bottom: 20px; } html body.single main h2 { scroll-margin-top: 200px; } /** * Template Resources */ .template_resources__top { position: -webkit-sticky; position: sticky; top: 183px; max-width: 100%; z-index: 10; } @media screen and (max-width: 940px) { .template_resources__top { top: 106px; max-height: -webkit-calc(100vh - 106px); max-height: -moz-calc(100vh - 106px); max-height: calc(100vh - 106px); max-height: -webkit-calc(100dvh - 106px); max-height: -moz-calc(100dvh - 106px); max-height: calc(100dvh - 106px); overflow: auto; } } .template_resources__top__content { border-top: 1px solid var(--wp--preset--color--color-1); border-bottom: 1px solid var(--wp--preset--color--color-1); background-color: #fff; padding: 10px 0; } @media screen and (max-width: 940px) { .template_resources__top__content { padding: 0; } } .template_resources__top__mobile-toggle { display: none; } @media screen and (max-width: 940px) { .template_resources__top__mobile-toggle { display: block; height: 52px; } .template_resources__top__mobile-toggle__btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; width: 100%; padding: 15px 20px; background: none; border: none; cursor: pointer; color: var(--wp--preset--color--color-1); font-weight: bold; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .template_resources__top__mobile-toggle__btn__text { font-size: 16px; } .template_resources__top__mobile-toggle__btn__icon { position: relative; width: 12px; height: 12px; } .template_resources__top__mobile-toggle__btn__icon:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: var(--wp--preset--color--color-1); -webkit-mask-image: url(img/global/dev/arrow-down.svg); mask-image: url(img/global/dev/arrow-down.svg); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; -moz-transition: transform 0.3s ease, -moz-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -moz-transform 0.3s ease, -o-transform 0.3s ease; } } .template_resources__top__links { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; } @media screen and (max-width: 940px) { .template_resources__top__links { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; padding: 20px; gap: 15px; background-color: var(--wp--preset--color--gris); border-top: 1px solid rgba(var(--wp--preset--color--color-1), 0.1); } .template_resources__top__links .link { text-align: left; padding: 10px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .template_resources__top__links .link:hover { background-color: rgba(var(--wp--preset--color--color-1), 0.1); } .template_resources__top__links .link.current { background-color: var(--wp--preset--color--color-1); color: #fff; } .template_resources__top__links .link.current:before { display: none; } } .template_resources__top__links .link { position: relative; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; flex: 1; text-align: center; text-decoration: none; color: #000; padding: 10px 5px; } @media screen and (max-width: 768px) { .template_resources__top__links .link { -webkit-box-flex: 0; -webkit-flex: none; -moz-box-flex: 0; flex: none; min-width: 150px; } } .template_resources__top__links .link:is(a) { -webkit-transition: color 0.2s ease; -o-transition: color 0.2s ease; -moz-transition: color 0.2s ease; transition: color 0.2s ease; } .template_resources__top__links .link:is(a):hover { color: var(--wp--preset--color--color-1); } .template_resources__top__links .link__all { font-weight: 700; } .template_resources__top__links .link__all::after { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 20px; background-color: var(--wp--preset--color--color-1); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 940px) { .template_resources__top__links .link__all::after { display: none; } } .template_resources__top__links .link.current { pointer-events: none; } @media screen and (min-width: 940px) { .template_resources__top__links .link.current::before { content: ""; position: absolute; bottom: -10px; left: 50%; width: 60px; height: 10px; background-color: var(--wp--preset--color--color-1); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } } .template_resources__top__search { margin-left: 4%; } @media screen and (max-width: 940px) { .template_resources__top__search { margin: 0; width: 100%; } .template_resources__top__search form { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; } .template_resources__top__search button { width: 100% !important; height: 45px !important; text-indent: 0 !important; display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; gap: 10px; color: var(--wp--preset--color--color-1); background-color: transparent !important; } .template_resources__top__search button:before { position: static !important; -webkit-transform: none !important; -moz-transform: none !important; -o-transform: none !important; transform: none !important; background-color: var(--wp--preset--color--color-1) !important; } } .template_resources__top__search button { position: relative; display: block; width: 40px; height: 40px; background-color: var(--wp--preset--color--color-1); border: none; border: 1px solid var(--wp--preset--color--color-1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-indent: -90000000000000px; overflow: hidden; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } @media screen and (max-width: 768px) { .template_resources__top__search button { display: inline-block; } } .template_resources__top__search button:before { content: ""; position: absolute; width: 18px; height: 18px; background-color: #fff; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-mask-image: url(img/global/dev/search.svg); mask-image: url(img/global/dev/search.svg); -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .template_resources__top__search button:hover { background-color: transparent; } .template_resources__top__search button:hover:before { background-color: var(--wp--preset--color--color-1); } @media screen and (max-width: 940px) { .template_resources__top.is-open .template_resources__top__mobile-toggle__btn__icon:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .template_resources__top.is-open .template_resources__top__links { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; } } .template_resources__advices__title { text-align: center; margin-bottom: 20px; } .template_resources__advices__thematics { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; gap: 20px; } .template_resources__advices__thematic { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; width: -webkit-calc(25% - 15px); width: -moz-calc(25% - 15px); width: calc(25% - 15px); text-decoration: none; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden; height: 330px; padding: 10px; text-align: center; background-color: #000; } @media screen and (max-width: 940px) { .template_resources__advices__thematic { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); height: 250px; } } @media screen and (max-width: 768px) { .template_resources__advices__thematic { width: 100%; height: 200px; } } .template_resources__advices__thematic h3 { position: relative; z-index: 2; } @media screen and (max-width: 768px) { .template_resources__advices__thematic h3 { font-size: 20px; } } .template_resources__advices__thematic::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.3))); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); z-index: 1; } .template_resources__advices__thematic img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; z-index: 0; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 1; } .template_resources__advices__thematic:hover img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); opacity: 0.9; } .template_resources__posts__top { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 20px; margin-bottom: 40px; } @media screen and (max-width: 768px) { .template_resources__posts__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; text-align: center; } } .template_resources__posts__list { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: 20px; } @media screen and (max-width: 940px) { .template_resources__posts__list { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; } .template_resources__posts__list > *:nth-child(1) { grid-column: 1/3; } .template_resources__posts__list > *:nth-child(2), .template_resources__posts__list > *:nth-child(3) { grid-column: auto; } } @media screen and (max-width: 768px) { .template_resources__posts__list { grid-template-columns: 1fr; } .template_resources__posts__list > *:nth-child(1) { grid-column: 1; } } .template_resources__posts__list > *:nth-child(1) { grid-column: 1/3; grid-row: 1/3; } @media screen and (max-width: 768px) { .template_resources__posts__list > *:nth-child(1) { grid-column: 1; grid-row: 1; } } .template_resources__posts__list > *:nth-child(2) { grid-column: 3/4; grid-row: 1/2; } @media screen and (max-width: 768px) { .template_resources__posts__list > *:nth-child(2) { grid-column: 1; grid-row: 2; } } .template_resources__posts__list > *:nth-child(3) { grid-column: 3/4; grid-row: 2/3; } @media screen and (max-width: 768px) { .template_resources__posts__list > *:nth-child(3) { grid-column: 1; grid-row: 3; } } .template_resources__events__top { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; gap: 20px; margin-bottom: 40px; } @media screen and (max-width: 768px) { .template_resources__events__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; text-align: center; } } .template_resources__events__list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; gap: 20px; } .template_resources__events__list > * { width: -webkit-calc(25% - 15px); width: -moz-calc(25% - 15px); width: calc(25% - 15px); } @media screen and (max-width: 940px) { .template_resources__events__list > * { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); } } @media screen and (max-width: 768px) { .template_resources__events__list > * { width: 100%; } } .template_resources__other_post_types__title { text-align: center; margin-bottom: 40px; } .template_resources__other_post_types__list { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; gap: 20px; } .template_resources__other_post_types__list a { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; width: -webkit-calc(16.6666666667% - 16.6666666667px); width: -moz-calc(16.6666666667% - 16.6666666667px); width: calc(16.6666666667% - 16.6666666667px); text-decoration: none; color: var(--wp--preset--color--color-1); text-align: center; border: 1px solid var(--wp--preset--color--color-1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 10px 20px; min-height: 140px; font-weight: bold; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } @media screen and (max-width: 940px) { .template_resources__other_post_types__list a { width: -webkit-calc(33.3333333333% - 13.3333333333px); width: -moz-calc(33.3333333333% - 13.3333333333px); width: calc(33.3333333333% - 13.3333333333px); min-height: 120px; } } @media screen and (max-width: 768px) { .template_resources__other_post_types__list a { width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px); width: calc(50% - 10px); min-height: 100px; } } @media screen and (max-width: 480px) { .template_resources__other_post_types__list a { width: 100%; min-height: 80px; } } .template_resources__other_post_types__list a:hover { background-color: var(--wp--preset--color--color-1); color: #fff; }