.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} @charset "UTF-8"; /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Fonction fluid pour créer des valeurs de propriétés CSS responsives */ /** * NORMALIZE * IQUITHEME */ /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { outline: none; font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* IQUITHEME ---------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, emptyo { margin: 0; padding: 0; border: 0; } html:focus, body:focus, div:focus, span:focus, applet:focus, object:focus, iframe:focus, h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus, p:focus, blockquote:focus, pre:focus, a:focus, abbr:focus, acronym:focus, address:focus, big:focus, cite:focus, code:focus, del:focus, dfn:focus, em:focus, img:focus, ins:focus, kbd:focus, q:focus, s:focus, samp:focus, small:focus, strike:focus, strong:focus, sub:focus, sup:focus, tt:focus, var:focus, b:focus, u:focus, i:focus, center:focus, dl:focus, dt:focus, dd:focus, ol:focus, ul:focus, li:focus, fieldset:focus, form:focus, label:focus, legend:focus, table:focus, caption:focus, tbody:focus, tfoot:focus, thead:focus, tr:focus, th:focus, td:focus, article:focus, aside:focus, canvas:focus, details:focus, embed:focus, figure:focus, figcaption:focus, footer:focus, header:focus, hgroup:focus, menu:focus, nav:focus, output:focus, ruby:focus, section:focus, summary:focus, time:focus, mark:focus, audio:focus, emptyo:focus { outline: 0; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; font-smooth: always; -webkit-font-smoothing: antialiased; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } body { font-smooth: always; -webkit-font-smoothing: antialiased; -webkit-appearance: none; -moz-osx-font-smoothing: grayscale; font-variant: normal; text-transform: none; font-style: normal; font-weight: normal; } q { quotes: "\201C" "\201D" "\2018" "\2019"; } textarea { vertical-align: top; } pre { white-space: pre-wrap; } hr { display: block; height: 1px; background-color: #000; border: 0; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } img { -ms-interpolation-mode: bicubic; } a { color: inherit; } button, input, optgroup, select, textarea { text-align: inherit; font-family: inherit; color: inherit; text-transform: inherit; } button, input { padding: 0; margin: 0; border-radius: 0; background: transparent; border: 1px solid #000; } button, input[type='submit'] { cursor: pointer; } li { list-style: none; } /* Slick */ .slick-slide:focus { outline: 0; } /* Form */ input[type='text'], input[type='email'], input[type='tel'], textarea { appearance: none; -moz-appearance: none; -webkit-appearance: none; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 1; } input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; } input::-ms-input-placeholder, textarea::-ms-input-placeholder { opacity: 1; } input::placeholder, textarea::placeholder { opacity: 1; } /* Any modification here have to be reported in the "Responsive css classes" in "main.js" */ .title-section { font-size: max(2rem, min(1rem + 2.66667vw, 3rem)); } .txt-left { text-align: left !important; } .txt-center { text-align: center !important; } .txt-right { text-align: right !important; } .txt-lower { text-transform: lowercase !important; } .txt-normal { text-transform: normal !important; } .txt-cap { text-transform: capitalize !important; } .txt-upper { text-transform: uppercase !important; } .txt-under { text-decoration: underline !important; } .txt-line-through { text-decoration: line-through !important; } .font-200 { font-weight: 200 !important; } .font-300, .txt-light { font-weight: 300 !important; } .font-400 { font-weight: 400 !important; } .font-500 { font-weight: 500 !important; } .font-600 { font-weight: 600 !important; } .font-700, .txt-bold { font-weight: 700 !important; } .font-800 { font-weight: 800 !important; } .font-900 { font-weight: 900 !important; } .font-style-normal { font-style: normal !important; } .font-style-italic { font-style: italic !important; } .no-styled-list { margin: 0; padding: 0; list-style: none; } .no-styled-list li { margin: 0; padding: 0; position: static; list-style: none; } .no-styled-list li:before, .no-styled-list li:after { display: none; } .pos-static { position: static !important; } .pos-relative { position: relative !important; } .display-inline { display: inline !important; } .display-inline-block { display: inline-block !important; } .display-block { display: block !important; } .hide { display: none !important; } .show { display: initial !important; } .block-top { vertical-align: top !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .block-middle { vertical-align: middle !important; -ms-flex-item-align: flex-center !important; align-self: flex-center !important; } .block-bottom { vertical-align: bottom !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .block-left { margin-right: auto !important; margin-left: 0 !important; } .block-center { margin-right: auto !important; margin-left: auto !important; } .block-right { margin-right: 0 !important; margin-left: auto !important; } .float-left { float: left !important; } .float-right { float: right !important; } .clear-left { clear: left !important; } .clear { clear: both !important; } .clear-right { clear: right !important; } .no-margin { margin: 0 !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-right { margin-right: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .no-margin-left { margin-left: 0 !important; } .no-padding { padding: 0 !important; } .no-padding-top { padding-top: 0 !important; } .no-padding-right { padding-right: 0 !important; } .no-padding-bottom { padding-bottom: 0 !important; } .no-padding-left { padding-left: 0 !important; } .block-link { display: block; text-decoration: none; } .justify { text-align: justify; } :root { --header-height: 75px; } @media only screen and (min-width: 75em) { :root { --header-height: 100px; } } /** * FONTS */ /* FONTS ---------------------------------------- */ @font-face { font-family: 'Vinci sans'; src: url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_bold_italic.eot); src: url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_bold_italic.eot) format("embedded-opentype"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_bold_italic.woff2) format("woff2"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_bold_italic.woff) format("woff"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_bold_italic.ttf) format("truetype"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_bold_italic.svg) format("svg"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Vinci sans'; src: url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_bold.eot); src: url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_bold.eot) format("embedded-opentype"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_bold.woff2) format("woff2"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_bold.woff) format("woff"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_bold.ttf) format("truetype"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_bold.svg) format("svg"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Vinci sans'; src: url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_italic.eot); src: url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_italic.eot) format("embedded-opentype"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_italic.woff2) format("woff2"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_italic.woff) format("woff"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_italic.ttf) format("truetype"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_italic.svg) format("svg"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Vinci sans'; src: url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_light_italic.eot); src: url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_light_italic.eot) format("embedded-opentype"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_light_italic.woff2) format("woff2"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_light_italic.woff) format("woff"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_light_italic.ttf) format("truetype"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_light_italic.svg) format("svg"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Vinci sans'; src: url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_light.eot); src: url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_light.eot) format("embedded-opentype"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_light.woff2) format("woff2"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_light.woff) format("woff"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_light.ttf) format("truetype"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_light.svg) format("svg"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Vinci sans'; src: url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_medium.eot); src: url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_medium.eot) format("embedded-opentype"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_medium.woff2) format("woff2"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_medium.woff) format("woff"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_medium.ttf) format("truetype"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_medium.svg) format("svg"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Vinci sans'; src: url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_regular.eot); src: url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_regular.eot) format("embedded-opentype"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_regular.woff2) format("woff2"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_regular.woff) format("woff"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_regular.ttf) format("truetype"), url(/app/themes/vinci-energies-corporate/dist/fonts/vinci-sans/vinci_sans_regular.svg) format("svg"); font-weight: normal; font-style: normal; font-display: swap; } .sr-only { border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } a:focus-visible, button:focus-visible, input:focus-visible, input.sr-only:focus + label, textarea:focus-visible, .rgaa-focusable:focus-visible, .cli-user-preference-checkbox + label:focus .select2-container--focus, .rgaa-focused { outline: 2px solid red !important; } .title-section { color: #004289; font-style: normal; font-weight: 700; line-height: 116.667%; } body:not(.wp-admin) #faciliti-cta { color: #004289; text-decoration: none; } body:not(.wp-admin) #main-nav #faciliti-cta { color: white; } /** * GENERAL * MEDIA QUERIES */ .skip-link { position: absolute; top: -40px; left: 0; background: #004289; color: white; padding: 8px 16px; text-decoration: none; z-index: 100; -webkit-transition: top 0.3s; -o-transition: top 0.3s; transition: top 0.3s; } .skip-link:focus { top: 10px; } /* GENERAL ---------------------------------------- */ .section-button { margin-top: 93px; padding-bottom: 101px; text-align: center; } .section-button--newsroom { margin-top: 0px; padding-bottom: 0px; } body:not(.wp-admin) button { cursor: pointer; } .btn, body:not(.wp-admin) button, .form .btn-submit-wrapper .btn-submit { padding: 8px 12px; background-color: #181818; color: white; font-size: 1em; text-decoration: none; border: none; } .btn:disabled, body:not(.wp-admin) button:disabled, .form .btn-submit-wrapper .btn-submit:disabled, .btn.disabled, body:not(.wp-admin) button.disabled, .form .btn-submit-wrapper .disabled.btn-submit { opacity: .1; pointer-events: none; } button#menu-item-upload, button#menu-item-browse { color: #000; } button#menu-item-upload:hover, button#menu-item-browse:hover { color: #2271b1; } .btn-primary, .form .btn-submit-wrapper .btn-submit { padding: 5px 15px; border: 1px solid #1e1e1e; } .btn-scroll { position: relative; display: inline-block; cursor: pointer; width: 64px; height: 64px; background-color: white; border-radius: 50%; } .btn-scroll svg { width: 26px; margin: 14px auto 0; -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; } .btn-scroll svg * { fill: #004289; } .btn-scroll::before { content: ""; position: absolute; top: calc(50% - 35px); left: calc(50% - 35px); display: inline-block; width: 70px; height: 70px; border: 1px solid white; border-radius: 50%; } .btn-scroll:hover svg { -webkit-transform: translate(0, 15%); -o-transform: translate(0, 15%); transform: translate(0, 15%); } .btn-cta, .intern-link .btn-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 64px; min-width: 64px; height: 64px; background-color: transparent; border: 1px solid #d9e8f7; border-radius: 50%; } .btn-cta svg, .intern-link .btn-icon svg { width: 40px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .btn-cta svg *, .intern-link .btn-icon svg * { fill: #ec1c2d; } .intern-link { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-right: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .intern-link--blue-background { padding-left: 28px; padding-right: 47px; background-color: #004289; border-radius: 64px; } .intern-link--blue-background::before { display: none !important; } .intern-link--blue-background .btn-icon { width: auto; min-width: auto; border-color: transparent; } .intern-link--blue-background .btn-icon svg * { fill: white; } .intern-link .btn-label { position: relative; display: inline-block; margin-left: 20px; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; color: #004289; font-size: 1.375em; line-height: 1; text-decoration: none; padding-bottom: 6px; background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)); background-image: -webkit-linear-gradient(currentColor, currentColor); background-image: -o-linear-gradient(currentColor, currentColor); background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-position: 0 100%; background-size: 0 2px; -webkit-transition: background-size .3s ease; -o-transition: background-size .3s ease; transition: background-size .3s ease; } .intern-link--blue-background .btn-label { margin-top: -4px; color: white; } .intern-link .btn-label.btn-label--split { padding-bottom: 0; background-image: none; } .intern-link .btn-label.btn-label--split .btn-label__line { display: table; padding-bottom: 6px; background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor)); background-image: -webkit-linear-gradient(currentColor, currentColor); background-image: -o-linear-gradient(currentColor, currentColor); background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-position: 0 100%; background-size: 0 2px; -webkit-transition: background-size .3s ease; -o-transition: background-size .3s ease; transition: background-size .3s ease; } .intern-link:hover:not(:active) svg, .intern-link:focus:not(:active) svg { -webkit-transform: translateX(6px); -o-transform: translateX(6px); transform: translateX(6px); } .intern-link--blue-background:hover { background-color: #002e60; } .intern-link:hover:not(:active) .btn-label, .intern-link:focus:not(:active) .btn-label { background-size: 100% 2px; } .intern-link:hover:not(:active) .btn-label.btn-label--split .btn-label__line, .intern-link:focus:not(:active) .btn-label.btn-label--split .btn-label__line { background-size: 100% 2px; } .intern-link.white .btn-icon { border: 1px solid rgba(255, 255, 255, 0.7); } .intern-link.white .btn-icon svg * { fill: white; } .intern-link.white .btn-label { color: white; } @media only screen and (min-width: 37.5em) { .intern-link.white-portrait .btn-icon { border: 1px solid rgba(255, 255, 255, 0.7); } .intern-link.white-portrait .btn-icon svg * { fill: white; } .intern-link.white-portrait .btn-label { color: white; } } @media only screen and (min-width: 56.25em) { .intern-link.white-landscape .btn-icon { border: 1px solid rgba(255, 255, 255, 0.7); } .intern-link.white-landscape .btn-icon svg * { fill: white; } .intern-link.white-landscape .btn-label { color: white; } } .back-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 35px; font-size: 1.375em; font-weight: 600; line-height: 1.1; color: #004289; text-decoration: none; -webkit-transition: margin 0.3s ease; -o-transition: margin 0.3s ease; transition: margin 0.3s ease; } .back-button .icon { margin-top: 4px; margin-right: 18px; } .back-button .icon svg { width: 20px; height: auto; } .back-button .icon svg * { fill: #004289; } .back-button:hover { margin-left: -15px; } .btn-simple-arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; font-size: 1.375rem; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; text-decoration: none; } .btn-simple-arrow svg { position: relative; top: 1px; width: 35px; margin-right: 10px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .btn-simple-arrow svg * { fill: #4580c0; } .btn-simple-arrow:hover:not(:active) svg, .btn-simple-arrow:focus:not(:active) svg { -webkit-transform: translateX(8px); -o-transform: translateX(8px); transform: translateX(8px); } .cta-download svg { width: 18px; } .download-bar { position: relative; } .download-bar svg { position: relative; top: -5px; } .download-bar::after { content: ""; position: absolute; bottom: 0; left: calc(50% - 8px); display: block; width: 16px; height: 2px; background-color: currentColor; border-radius: 100px; } @media only screen and (max-width: 37.4375em) { .open-filters { position: relative; display: block; padding: 8px 45px 8px 20px; background-color: transparent; border: 1px solid #004289; border-radius: 100px; font-size: 1.125em; color: #004289; width: 100%; } .open-filters::before, .open-filters::after { content: ""; position: absolute; top: 50%; right: 20px; display: block; width: 14px; height: 2px; background-color: #91b4da; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .open-filters::after { -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } } @media only screen and (min-width: 37.5em) { .open-filters { display: none; } } /* MEDIA QUERIES ---------------------------------------- */ /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 50px; margin-bottom: 50px; } .pagination .page-numbers { display: block; padding: 15px 10px; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; color: #004289; font-size: 1.125em; text-decoration: none; border-bottom: 1px solid #d9e8f7; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .pagination .page-numbers.current { color: #ec1c2d; border-bottom: 2px solid #ec1c2d; } .pagination .page-numbers:not(.current):hover:not(:active), .pagination .page-numbers:not(.current):focus:not(:active) { color: #ec1c2d; } .pagination .prev, .pagination .next { position: relative; text-indent: -9999px; width: 40px; } .pagination .prev::before, .pagination .next::before { content: ''; position: absolute; top: calc(50% - 14px); display: block; width: 32px; height: 32px; background-size: contain; background-position: center center; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .pagination .prev::before { left: calc(50% - 16px); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MS43MSA2Ni42MyIgYXJpYS1oaWRkZW49InRydWUiPgogICAgPHBhdGggZmlsbD0iIzAwNDI4OSIgZD0iTTE2LjM3IDM1bC0yLTIgMi0yTDMyLjUgMTUuMWEyLjYzIDIuNjMgMCAwMTMuOC4wOSAyLjgxIDIuODEgMCAwMS0uMDkgMy45MUwyNC45NCAzMC4xOWg0OS43NWEyLjc3IDIuNzcgMCAwMTAgNS41NEgyNC45NGwxMS4yNyAxMS4wOWEyLjgxIDIuODEgMCAwMS4wOSAzLjkxIDIuNjMgMi42MyAwIDAxLTMuOC4wOXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K); } .pagination .prev:hover:not(:active)::before, .pagination .prev:focus:not(:active)::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MS43MSA2Ni42MyIgYXJpYS1oaWRkZW49InRydWUiPgogICAgPHBhdGggZmlsbD0iI0VDMUMyRCIgZD0iTTE2LjM3IDM1bC0yLTIgMi0yTDMyLjUgMTUuMWEyLjYzIDIuNjMgMCAwMTMuOC4wOSAyLjgxIDIuODEgMCAwMS0uMDkgMy45MUwyNC45NCAzMC4xOWg0OS43NWEyLjc3IDIuNzcgMCAwMTAgNS41NEgyNC45NGwxMS4yNyAxMS4wOWEyLjgxIDIuODEgMCAwMS4wOSAzLjkxIDIuNjMgMi42MyAwIDAxLTMuOC4wOXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K); -webkit-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px); } .pagination .next::before { right: calc(50% - 16px); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MS43MSA2Ni42MyIgYXJpYS1oaWRkZW49InRydWUiPgogIDxwYXRoIGZpbGw9IiMwMDQyODkiIGQ9Ik03NS4zNCAzMS42N2wyIDItMiAyLTE2LjEzIDE1Ljg3YTIuNjQgMi42NCAwIDAxLTMuOC0uMDkgMi44MiAyLjgyIDAgMDEuMDktMy45MmwxMS4yOC0xMS4wOUgxN2EyLjc3IDIuNzcgMCAwMTAtNS41M2g0OS43OEw1NS41IDE5LjgyYTIuODIgMi44MiAwIDAxLS4wOS0zLjkyIDIuNjQgMi42NCAwIDAxMy44LS4wOXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K); } .pagination .next:hover:not(:active)::before, .pagination .next:focus:not(:active)::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MS43MSA2Ni42MyIgYXJpYS1oaWRkZW49InRydWUiPgogIDxwYXRoIGZpbGw9IiNFQzFDMkQiIGQ9Ik03NS4zNCAzMS42N2wyIDItMiAyLTE2LjEzIDE1Ljg3YTIuNjQgMi42NCAwIDAxLTMuOC0uMDkgMi44MiAyLjgyIDAgMDEuMDktMy45MmwxMS4yOC0xMS4wOUgxN2EyLjc3IDIuNzcgMCAwMTAtNS41M2g0OS43OEw1NS41IDE5LjgyYTIuODIgMi44MiAwIDAxLS4wOS0zLjkyIDIuNjQgMi42NCAwIDAxMy44LS4wOXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K); -webkit-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); } /* MEDIA QUERIES ---------------------------------------- */ /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ body:not(.wp-admin) #breadcrumbs a, body:not(.wp-admin) #breadcrumbs span { color: #4580c0; font-size: 1em; text-decoration: none; } body:not(.wp-admin) #breadcrumbs a { position: relative; margin-right: 18px; } body:not(.wp-admin) #breadcrumbs a::before, body:not(.wp-admin) #breadcrumbs a::after { content: ''; z-index: 2; position: absolute; right: -16px; display: block; width: 8px; height: 2px; background-color: #d9e8f7; } body:not(.wp-admin) #breadcrumbs a::before { top: 9px; -webkit-transform: rotate(35deg); -o-transform: rotate(35deg); transform: rotate(35deg); } body:not(.wp-admin) #breadcrumbs a::after { top: 13px; -webkit-transform: rotate(-35deg); -o-transform: rotate(-35deg); transform: rotate(-35deg); } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { body:not(.wp-admin) #breadcrumbs { display: none; } } @media only screen and (min-width: 56.25em) { body:not(.wp-admin) #breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; top: auto; left: auto; width: 100%; height: 42px; padding: 0 60px; } body:not(.wp-admin) #breadcrumbs .container { padding-left: 0; padding-right: 0; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .card .content { z-index: 5; position: absolute; } .card .top-content { top: 30px; left: 30px; right: 30px; } .card .bottom-content { bottom: 30px; left: 30px; right: 85px; } .card .bottom-content .title { margin-bottom: 0; color: white; font-size: 1.75em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } #editor .card .bottom-content .title { margin-top: 0; margin-bottom: 0; line-height: 1.24; } .card:hover:not(:active) .card-fake-link, .card:focus:not(:active) .card-fake-link { -webkit-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); } .card-fake-link { z-index: 5; position: absolute; bottom: 30px; right: 30px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .card-fake-link svg { width: 35px; } .card-fake-link svg * { fill: white; } .card-grid.nowrap { display: -webkit-box; display: -ms-flexbox; display: flex; } #editor .card-grid.nowrap { padding-left: 0; padding-right: 0; margin-right: 0; margin-left: 0; } .card-grid.nowrap .item { width: 100%; max-width: 400px; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .card-grid.nowrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-grid.nowrap .item + .item { margin-top: 40px; } .js-slider-jobs.card-grid.nowrap { display: block; } .js-slider-jobs.card-grid.nowrap .item + .item { margin-top: 0px; } } @media only screen and (min-width: 56.25em) { .card-grid.nowrap { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .card-grid.nowrap .item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .card-grid.nowrap .item + .item { margin-left: 40px; } } /** * GRAVITY FORM * FORM CUSTOM * MEDIA QUERIES */ /* GRAVITY FORM ---------------------------------------- */ .gform_confirmation_wrapper { text-align: center; font-size: 1rem; line-height: 1.25; font-weight: 600; } .gform_wrapper { width: 100%; max-width: 100%; } .gform_wrapper .gfield_required { margin-left: 2px; font-size: 0.875rem; font-weight: 600; color: #ec1c2d; } .gform_wrapper div.validation_error { text-align: center; font-size: 1rem; line-height: 1.25; font-weight: bold; color: #dc3545 !important; border-color: #dc3545 !important; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: transparent !important; border: none !important; } .gform_wrapper ul.gform_fields { margin-right: calc(-20px / 2); margin-left: calc(-20px / 2); } .gform_wrapper ul.gform_fields:before, .gform_wrapper ul.gform_fields:after { content: ""; display: table; clear: both; } .gform_wrapper ul.gform_fields li.gfield { margin-top: 10px !important; padding: 0 !important; } .gform_wrapper ul.gform_fields li.gfield.radio { margin-bottom: 0 !important; } .gform_wrapper .gfield { position: relative; width: 100%; max-width: 100%; margin: 10px; margin-left: 0; margin-right: 0; float: left; /* 2/3 */ /* 1/2 */ /* 1/3 */ /* Left */ /* Select wrapper */ /* Radio / Checkbox*/ /* Textarea */ /* Label */ /* Champ */ /* Message */ /* Error */ /* mentions */ /* Hidden */ /* Captcha */ } .gform_wrapper .gfield_error .gfield_label { color: #dc3545; } .gform_wrapper .gfield.wd2-3 { max-width: calc((100% / 3) * 2 - 20px); } .gform_wrapper .gfield.wd1-2 { max-width: calc(50% - 20px); } .gform_wrapper .gfield.wd1-3 { max-width: calc(100% / 3 - 20px); } .gform_wrapper .gfield.left { clear: left; } .gform_wrapper .gfield.select .ginput_container { position: relative; cursor: pointer; overflow: hidden; background-color: #fff; } @supports (pointer-events: none) and ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) { .gform_wrapper .gfield.select .ginput_container::after { position: absolute; top: 19px; right: 17px; width: 10px; height: 10px; z-index: 1; border: 1px solid #000; border-top: 0; border-left: 0; content: ''; -webkit-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); } .gform_wrapper .gfield.select .ginput_container select { position: relative; padding-right: 30px; z-index: 2; background-color: transparent; appearance: none; -moz-appearance: none; -webkit-appearance: none; } } .gform_wrapper .gfield.radio, .gform_wrapper .gfield.checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gform_wrapper .gfield.radio .gfield_label, .gform_wrapper .gfield.checkbox .gfield_label { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .gform_wrapper .gfield.radio .ginput_container, .gform_wrapper .gfield.checkbox .ginput_container { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .gform_wrapper .gfield.radio .ginput_container ul, .gform_wrapper .gfield.checkbox .ginput_container ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gform_wrapper .gfield.radio .ginput_container ul li, .gform_wrapper .gfield.checkbox .ginput_container ul li { margin-right: 50px; } .gform_wrapper .gfield.radio .ginput_container ul li:last-child, .gform_wrapper .gfield.checkbox .ginput_container ul li:last-child { margin-right: 0; } .gform_wrapper .gfield.radio .ginput_container input:checked, .gform_wrapper .gfield.radio .ginput_container input:not(:checked), .gform_wrapper .gfield.checkbox .ginput_container input:checked, .gform_wrapper .gfield.checkbox .ginput_container input:not(:checked) { position: absolute; top: 0; left: 0; opacity: 0; } .gform_wrapper .gfield.radio .ginput_container input:checked + label, .gform_wrapper .gfield.radio .ginput_container input:not(:checked) + label, .gform_wrapper .gfield.checkbox .ginput_container input:checked + label, .gform_wrapper .gfield.checkbox .ginput_container input:not(:checked) + label { position: relative; display: block; padding: 1px 0 4px 35px; font-weight: normal; } .gform_wrapper .gfield.radio .ginput_container input:checked + label::before, .gform_wrapper .gfield.radio .ginput_container input:not(:checked) + label::before, .gform_wrapper .gfield.checkbox .ginput_container input:checked + label::before, .gform_wrapper .gfield.checkbox .ginput_container input:not(:checked) + label::before { position: absolute; top: 50%; left: 0; width: 18px; height: 18px; background-color: #fff; border: 1px solid #004289; content: ''; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .gform_wrapper .gfield.radio .ginput_container input:checked + label::after, .gform_wrapper .gfield.radio .ginput_container input:not(:checked) + label::after, .gform_wrapper .gfield.checkbox .ginput_container input:checked + label::after, .gform_wrapper .gfield.checkbox .ginput_container input:not(:checked) + label::after { position: absolute; top: 50%; left: 9px; width: 10px; height: 10px; opacity: 0; background-color: #004289; content: ''; -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; } .gform_wrapper .gfield.radio .ginput_container input[type='radio']:checked + label::before, .gform_wrapper .gfield.radio .ginput_container input[type='radio']:checked + label::after, .gform_wrapper .gfield.radio .ginput_container input[type='radio']:not(:checked) + label::before, .gform_wrapper .gfield.radio .ginput_container input[type='radio']:not(:checked) + label::after, .gform_wrapper .gfield.checkbox .ginput_container input[type='radio']:checked + label::before, .gform_wrapper .gfield.checkbox .ginput_container input[type='radio']:checked + label::after, .gform_wrapper .gfield.checkbox .ginput_container input[type='radio']:not(:checked) + label::before, .gform_wrapper .gfield.checkbox .ginput_container input[type='radio']:not(:checked) + label::after { border-radius: 100%; } .gform_wrapper .gfield.radio .ginput_container input[type='checkbox']:checked + label::before, .gform_wrapper .gfield.radio .ginput_container input[type='checkbox']:checked + label::after, .gform_wrapper .gfield.radio .ginput_container input[type='checkbox']:not(:checked) + label::before, .gform_wrapper .gfield.radio .ginput_container input[type='checkbox']:not(:checked) + label::after, .gform_wrapper .gfield.checkbox .ginput_container input[type='checkbox']:checked + label::before, .gform_wrapper .gfield.checkbox .ginput_container input[type='checkbox']:checked + label::after, .gform_wrapper .gfield.checkbox .ginput_container input[type='checkbox']:not(:checked) + label::before, .gform_wrapper .gfield.checkbox .ginput_container input[type='checkbox']:not(:checked) + label::after { border-radius: 0; } .gform_wrapper .gfield.radio .ginput_container input:checked + label::after, .gform_wrapper .gfield.checkbox .ginput_container input:checked + label::after { opacity: 1; } .gform_wrapper .gfield.radio .ginput_container label, .gform_wrapper .gfield.checkbox .ginput_container label { cursor: pointer; font-size: 1.125rem; color: #004289; line-height: 1; text-transform: none; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .gform_wrapper .gfield.radio .ginput_container label a, .gform_wrapper .gfield.checkbox .ginput_container label a { text-decoration: underline; } .gform_wrapper .gfield.radio .ginput_container label a:hover:not(:active), .gform_wrapper .gfield.radio .ginput_container label a:focus:not(:active), .gform_wrapper .gfield.checkbox .ginput_container label a:hover:not(:active), .gform_wrapper .gfield.checkbox .ginput_container label a:focus:not(:active) { text-decoration: none; } .gform_wrapper .gfield .gfield_label { display: block; padding-left: 25px; font-size: 0.75rem; font-weight: 600; line-height: 1; color: #004289; text-transform: uppercase; letter-spacing: 0.02813rem; } .gform_wrapper .gfield .ginput_container input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']), .gform_wrapper .gfield .ginput_container textarea, .gform_wrapper .gfield .ginput_container select { display: block; width: 100%; height: 56px; padding: 0 15px; background-color: #fff; border: 1px solid #d9e8f7; border-radius: 25px; font-size: 1.125rem; line-height: 1.0; font-weight: normal; color: #004289; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; resize: vertical; } .gform_wrapper .gfield .ginput_container input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file'])::-webkit-input-placeholder, .gform_wrapper .gfield .ginput_container textarea::-webkit-input-placeholder, .gform_wrapper .gfield .ginput_container select::-webkit-input-placeholder { opacity: 1; color: #004289; } .gform_wrapper .gfield .ginput_container input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file'])::-moz-placeholder, .gform_wrapper .gfield .ginput_container textarea::-moz-placeholder, .gform_wrapper .gfield .ginput_container select::-moz-placeholder { opacity: 1; color: #004289; } .gform_wrapper .gfield .ginput_container input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file'])::-ms-input-placeholder, .gform_wrapper .gfield .ginput_container textarea::-ms-input-placeholder, .gform_wrapper .gfield .ginput_container select::-ms-input-placeholder { opacity: 1; color: #004289; } .gform_wrapper .gfield .ginput_container input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file'])::placeholder, .gform_wrapper .gfield .ginput_container textarea::placeholder, .gform_wrapper .gfield .ginput_container select::placeholder { opacity: 1; color: #004289; } .gform_wrapper .gfield .ginput_container input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']):focus, .gform_wrapper .gfield .ginput_container textarea:focus, .gform_wrapper .gfield .ginput_container select:focus { border-color: #004289; } .gform_wrapper .gfield .ginput_container textarea { min-height: 114px; padding-top: 14px; padding-bottom: 14px; line-height: 1.5; } .gform_wrapper .gfield .ginput_container span label { display: block; margin-left: 0; padding-left: 24px; font-size: 0.75rem; font-weight: 600; line-height: 1; letter-spacing: 0.02813rem; color: #004289; text-transform: uppercase; } .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container span label { font-size: 0.75rem; letter-spacing: 0.02813rem; } .gform_wrapper .gfield .ginput_container_consent { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .gform_wrapper .gfield .ginput_container_consent ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gform_wrapper .gfield .ginput_container_consent ul li { margin-right: 50px; } .gform_wrapper .gfield .ginput_container_consent ul li:last-child { margin-right: 0; } .gform_wrapper .gfield .ginput_container_consent input:checked, .gform_wrapper .gfield .ginput_container_consent input:not(:checked) { position: absolute; top: 0; left: 0; opacity: 0; } .gform_wrapper .gfield .ginput_container_consent input:checked + label, .gform_wrapper .gfield .ginput_container_consent input:not(:checked) + label { cursor: pointer; position: relative; display: block; padding: 1px 0 4px 43px; font-size: 0.875rem; font-weight: normal; line-height: 1.3; color: #181818; text-transform: none; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .gform_wrapper .gfield .ginput_container_consent input:checked + label a, .gform_wrapper .gfield .ginput_container_consent input:not(:checked) + label a { text-decoration: underline; } .gform_wrapper .gfield .ginput_container_consent input:checked + label a:hover:not(:active), .gform_wrapper .gfield .ginput_container_consent input:checked + label a:focus:not(:active), .gform_wrapper .gfield .ginput_container_consent input:not(:checked) + label a:hover:not(:active), .gform_wrapper .gfield .ginput_container_consent input:not(:checked) + label a:focus:not(:active) { text-decoration: none; } .gform_wrapper .gfield .ginput_container_consent input:checked + label::before, .gform_wrapper .gfield .ginput_container_consent input:not(:checked) + label::before { position: absolute; top: 0; left: 0; width: 24px; height: 24px; background-color: transparent; border: 1px solid #d9e8f7; border-radius: 2px; content: ''; } .gform_wrapper .gfield .ginput_container_consent input:checked + label::after, .gform_wrapper .gfield .ginput_container_consent input:not(:checked) + label::after { position: absolute; top: -2px; left: -5px; width: 34px; height: 34px; opacity: 0; background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDUuNjkgOTIuMTIiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDIuNDYgNTguNjFMMjguOTQgNDUuMDlsLTQuNjIgNC41N0w0Mi40NiA2Ny44bDM4LjkxLTM4LjkxLTQuNTctNC41Ny0zNC4zNCAzNC4yOXoiLz4KPC9zdmc+Cg==) no-repeat left top; background-size: 34px auto; content: ''; -webkit-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease; } .gform_wrapper .gfield .ginput_container_consent input:checked + label::before { background-color: #004289; border-color: #004289; } .gform_wrapper .gfield .ginput_container_consent input:checked + label::after { opacity: 1; } .gform_wrapper .gfield.gfield_contains_required .ginput_container span label { position: relative; } .gform_wrapper .gfield.gfield_contains_required .ginput_container span label::after { position: relative; display: inline-block; margin-left: 2px; content: "*"; font-size: 0.875rem; font-weight: 600; color: #ec1c2d; } .gform_wrapper .gfield .gfield_description { display: none; margin-top: 5px; font-size: 1rem; line-height: 1; } .gform_wrapper .gfield .gfield_description.validation_message { display: block; padding-top: 0 !important; font-size: 0.875rem; font-weight: normal; color: #dc3545; background-color: transparent; } .gform_wrapper .gfield.gfield_error { background-color: transparent; border: 0; } .gform_wrapper .gfield.gfield_error .ginput_container:not(.ginput_container_checkbox) input:not([type='radio']):not([type='checkbox']):not([type='submit']):not([type='button']):not([type='image']):not([type='file']), .gform_wrapper .gfield.gfield_error .ginput_container:not(.ginput_container_checkbox) textarea, .gform_wrapper .gfield.gfield_error .ginput_container:not(.ginput_container_checkbox) select { border-color: #dc3545; } .gform_wrapper .gfield.gfield_error .gfield_description { padding-left: 12px; } .gform_wrapper .gfield.mentions { margin-top: 0px; background-color: transparent; font-size: 1rem; line-height: 1; } .gform_wrapper .gfield.gfield_visibility_hidden { position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden; opacity: 0; } .gform_wrapper .gfield .g-recaptcha > div { position: relative; left: 50%; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .gform_wrapper .gform_footer { position: relative; max-width: 100%; margin: 16px auto 0; text-align: right; } .contact-form .gform_wrapper .gform_footer { margin-top: 0; } .gform_wrapper .gform_footer input[type=submit].gform_button { position: relative; display: inline-block; width: auto; height: 66px; padding-left: 90px; margin-left: auto; margin-right: auto; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 1.3125em; color: #004289; text-decoration: none; background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDY0IDY0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NCA2NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDpub25lO30KCS5zdDF7ZmlsbDpub25lO3N0cm9rZTojRDlFOEY3O3N0cm9rZS1taXRlcmxpbWl0OjEwO30KCS5zdDJ7ZmlsbDojRUMxQzJEO30KPC9zdHlsZT4KPGcgaWQ9Ik92YWwiPgoJPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMzIiIGN5PSIzMiIgcj0iMzIiLz4KCTxjaXJjbGUgY2xhc3M9InN0MSIgY3g9IjMyIiBjeT0iMzIiIHI9IjMxLjUiLz4KPC9nPgo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMzQuMywyNC4zYy0wLjQsMC40LTAuNCwxLjEsMCwxLjVsNS4xLDUuMUgyMC45Yy0wLjYsMC0xLjEsMC41LTEuMSwxLjFjMCwwLjYsMC41LDEuMSwxLjEsMS4xaDE4LjRsLTUuMSw1LjEKCWMtMC40LDAuNC0wLjQsMS4xLDAsMS41YzAuNCwwLjQsMS4xLDAuNCwxLjUsMGw2LjktNi45YzAuMi0wLjIsMC4zLTAuNSwwLjMtMC44YzAtMC4zLTAuMS0wLjYtMC4zLTAuOGwtNi45LTYuOQoJQzM1LjQsMjMuOSwzNC43LDIzLjksMzQuMywyNC4zeiIvPgo8L3N2Zz4K) no-repeat left top; background-size: 64px auto; border: none; -webkit-transition: padding 0.3s ease; -o-transition: padding 0.3s ease; transition: padding 0.3s ease; } .gform_wrapper .gform_footer input[type=submit].gform_button:hover:not(:active), .gform_wrapper .gform_footer input[type=submit].gform_button:focus:not(:active) { padding-left: 80px; } /* CONTACT FORM ---------------------------------------- */ .contact-form .gform_heading { display: none; } /* FORM CUSTOM ---------------------------------------- */ .form .field-wrapper { position: relative; display: block; width: 100%; text-align: left; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; /* Radio checkbox */ /* Select */ /* Range */ } .form .field-wrapper.radio .legend, .form .field-wrapper.checkbox .legend { display: block; font-size: 1rem; line-height: 1.25; font-weight: bold; } .form .field-wrapper.radio ul, .form .field-wrapper.checkbox ul { padding-left: 20px; } .form .field-wrapper.radio ul li, .form .field-wrapper.checkbox ul li { padding: 10px 0; } .form .field-wrapper.radio ul li .field-item:checked + .label-item, .form .field-wrapper.radio ul li .field-item:not(:checked) + .label-item, .form .field-wrapper.checkbox ul li .field-item:checked + .label-item, .form .field-wrapper.checkbox ul li .field-item:not(:checked) + .label-item { padding-left: 35px; } .form .field-wrapper.radio .field-item, .form .field-wrapper.checkbox .field-item { display: inline-block; vertical-align: middle; margin-right: 10px; } .form .field-wrapper.radio .field-item:checked, .form .field-wrapper.radio .field-item:not(:checked), .form .field-wrapper.checkbox .field-item:checked, .form .field-wrapper.checkbox .field-item:not(:checked) { position: absolute; width: 0; height: 0; opacity: 0; z-index: 0; } .form .field-wrapper.radio .field-item:checked + .label-item, .form .field-wrapper.radio .field-item:not(:checked) + .label-item, .form .field-wrapper.checkbox .field-item:checked + .label-item, .form .field-wrapper.checkbox .field-item:not(:checked) + .label-item { position: relative; display: block; padding: 0 0 0 30px; cursor: pointer; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .form .field-wrapper.radio .field-item:checked + .label-item::before, .form .field-wrapper.radio .field-item:not(:checked) + .label-item::before, .form .field-wrapper.checkbox .field-item:checked + .label-item::before, .form .field-wrapper.checkbox .field-item:not(:checked) + .label-item::before { position: absolute; top: 0; left: 0; width: 18px; height: 18px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.4); content: ''; } .form .field-wrapper.radio .field-item:checked + .label-item::after, .form .field-wrapper.radio .field-item:not(:checked) + .label-item::after, .form .field-wrapper.checkbox .field-item:checked + .label-item::after, .form .field-wrapper.checkbox .field-item:not(:checked) + .label-item::after { position: absolute; top: 3px; left: 3px; width: 12px; height: 12px; opacity: 0; background-color: #000; content: ''; -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .form .field-wrapper.radio .field-item:checked + .label-item::after, .form .field-wrapper.checkbox .field-item:checked + .label-item::after { opacity: 1; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .form .field-wrapper.radio .label-item, .form .field-wrapper.checkbox .label-item { display: inline-block; vertical-align: middle; font-size: 1rem; line-height: 1; color: #1e1e1e; } .form .field-wrapper.radio .field-item:checked + .label-item::before, .form .field-wrapper.radio .field-item:not(:checked) + .label-item::before { border-radius: 100%; } .form .field-wrapper.radio .field-item:checked + .label-item::after, .form .field-wrapper.radio .field-item:not(:checked) + .label-item::after { border-radius: 100%; } .form .field-wrapper.select .field-content { position: relative; cursor: pointer; background-color: #fff; } .form .field-wrapper.select .field-content select { background-color: transparent; } @supports (pointer-events: none) and ((-webkit-appearance: none) or (-moz-appearance: none) or (appearance: none)) { .form .field-wrapper.select .field-content::before { position: absolute; top: 0; right: 0; width: 40px; height: 100%; background-color: #000; border-radius: 3px; content: ''; } .form .field-wrapper.select .field-content::after { position: absolute; top: 17px; right: 14px; border-top: 10px solid #fff; border-right: 6px solid transparent; border-left: 6px solid transparent; content: ''; } .form .field-wrapper.select .field-content .field { position: relative; padding-right: 45px; z-index: 5; appearance: none; -moz-appearance: none; -webkit-appearance: none; } } .form .field-wrapper.range .field-range { width: 100%; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; -webkit-appearance: none; } .form .field-wrapper.range .field-range:focus { outline: none; } .form .field-wrapper.range .field-range::-webkit-slider-runnable-track { width: 100%; height: 4px; cursor: pointer; background: #1e1e1e; border: 0; border-radius: 0; } .form .field-wrapper.range .field-range::-webkit-slider-thumb { width: 16px; height: 16px; cursor: pointer; background: #1e1e1e; border: 0; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-appearance: none; } .form .field-wrapper.range .field-range::-moz-range-track { width: 100%; height: 4px; cursor: pointer; background: #1e1e1e; border: 0; border-radius: 0; } .form .field-wrapper.range .field-range::-moz-range-thumb { width: 16px; height: 16px; background: #1e1e1e; border: 0; border-radius: 50%; cursor: pointer; } .form .field-wrapper.range .field-range::-ms-track { width: 100%; height: 4px; cursor: pointer; background: transparent; border: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-radius: 0; color: transparent; } .form .field-wrapper.range .field-range::-ms-fill-lower, .form .field-wrapper.range .field-range::-ms-fill-upper { background: #1e1e1e; border: 0; border-radius: 0; } .form .field-wrapper.range .field-range::-ms-thumb { height: 16px; width: 16px; cursor: pointer; background: #1e1e1e; border: 0; border-radius: 50%; } .form .field-wrapper .field { position: relative; display: block; width: 100%; height: 44px; padding: 0 15px; z-index: 5; background-color: #fff; border: 2px solid #000; border-radius: 0; font-size: 1rem; line-height: 1.3; color: #1e1e1e; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .form .field-wrapper .field::-webkit-input-placeholder { opacity: 1; color: #1e1e1e; } .form .field-wrapper .field::-moz-placeholder { opacity: 1; color: #1e1e1e; } .form .field-wrapper .field::-ms-input-placeholder { opacity: 1; color: #1e1e1e; } .form .field-wrapper .field::placeholder { opacity: 1; color: #1e1e1e; } .form .field-wrapper .field:focus { border-color: #d9e8f7; } .form .field-wrapper textarea.field { height: 110px; padding: 10px 15px; line-height: 1.25; } .form .btn-submit-wrapper { margin-top: 30px; } [type="checkbox"]::-ms-check, [type="radio"]::-ms-check { display: none; /* unstyle IE checkboxes */ } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select::-ms-expand { display: none; /* hiding IE11 arrow */ } /* SELECT2 (not multiple) ---------------------------------------- */ body:not(.wp-admin) .select-only-one + .select2-container { width: 100% !important; } body:not(.wp-admin) .select2-container .select2-selection, body:not(.wp-admin) .select2-container .select2-container.select2-container--open { background-color: white; width: 100%; height: 55px; padding: 0 30px; background-color: white; border: 1px solid #d9e8f7; border-radius: 30px !important; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } body:not(.wp-admin) .select2-container .select2-selection .select2-selection__rendered, body:not(.wp-admin) .select2-container .select2-container.select2-container--open .select2-selection__rendered { padding: 0; padding-top: 10px; color: #004289; font-size: 1.375em; } body:not(.wp-admin) .select2-container .select2-selection .select2-selection__arrow, body:not(.wp-admin) .select2-container .select2-container.select2-container--open .select2-selection__arrow { z-index: 2; position: absolute; top: calc(50% - 3px); right: 25px; display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ec1c2d; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } body:not(.wp-admin) .select2-container .select2-selection .select2-selection__arrow b, body:not(.wp-admin) .select2-container .select2-container.select2-container--open .select2-selection__arrow b { display: none; } body:not(.wp-admin) .select2-container .select2-selection[aria-expanded="true"] .select2-selection__arrow, body:not(.wp-admin) .select2-container .select2-container.select2-container--open[aria-expanded="true"] .select2-selection__arrow { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } body:not(.wp-admin) .select2-container.select2-container--open .select2-dropdown { top: auto; bottom: 0 !important; -webkit-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); background-color: white; bottom: 0; padding: 20px 25px; border: none; border-radius: 26px; } body:not(.wp-admin) .select2-container.select2-container--open .select2-dropdown .select2-results__options { max-height: 300px; padding: 5px 0; } body:not(.wp-admin) .select2-container.select2-container--open .select2-dropdown .select2-results__option { padding: 0; color: #004289; font-size: 1.125em; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } body:not(.wp-admin) .select2-container.select2-container--open .select2-dropdown .select2-results__option + .select2-results__option { margin-top: 15px; } html[data-hover-supported="true"] body:not(.wp-admin) .select2-container.select2-container--open .select2-dropdown .select2-results__option:hover { color: #4580c0; } html[data-whatinput="keyboard"] body:not(.wp-admin) .select2-container.select2-container--open .select2-dropdown .select2-results__option:focus { color: #4580c0; } body:not(.wp-admin) .select2-container.select2-container--open .select2-dropdown .select2-results__option[aria-selected=true], body:not(.wp-admin) .select2-container.select2-container--open .select2-dropdown .select2-results__option--highlighted { background-color: transparent !important; color: #5897fb !important; } body:not(.wp-admin) .select2-container.select2-container--open .select2-dropdown .select2-results__option[aria-selected=true] { background-color: transparent !important; font-weight: 500; text-decoration: underline; } /* MULTISELECT ---------------------------------------- */ body:not(.wp-admin) .multiselect-section .filter .filter-title::after { content: ""; z-index: 2; position: absolute; top: calc(50% - 3px); right: 25px; display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ec1c2d; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } body:not(.wp-admin) .multiselect-section .filter .filter-title.open::after { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } body:not(.wp-admin) .multiselect-section .filter .item + .item { margin-top: 15px; } body:not(.wp-admin) .multiselect-section .filter .multiselect-filter-label { position: relative; padding-left: 32px; color: #4580c0; font-size: 1.125em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; cursor: pointer; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } body:not(.wp-admin) .multiselect-section .filter .multiselect-filter-label::before { content: ""; z-index: 2; position: absolute; top: 6px; left: 0; display: block; width: 16px; height: 16px; border: 1px solid #4580c0; border-radius: 2px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } body:not(.wp-admin) .multiselect-section .filter .multiselect-filter-label::after { content: ""; z-index: 4; position: absolute; top: 4px; left: -2px; display: block; width: 20px; height: 20px; -webkit-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px); background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDUuNjkgOTIuMTIiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDIuNDYgNTguNjFMMjguOTQgNDUuMDlsLTQuNjIgNC41N0w0Mi40NiA2Ny44bDM4LjkxLTM4LjkxLTQuNTctNC41Ny0zNC4zNCAzNC4yOXoiLz4KPC9zdmc+Cg==); background-position: center center; background-size: contain; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } body:not(.wp-admin) .multiselect-section .filter .multiselect-filter-checkbox.hidden { opacity: 0; } body:not(.wp-admin) .multiselect-section .filter .multiselect-filter-checkbox:checked + .multiselect-filter-label { color: #004289; } body:not(.wp-admin) .multiselect-section .filter .multiselect-filter-checkbox:checked + .multiselect-filter-label::before { background-color: #004289; border-color: #004289; } body:not(.wp-admin) .multiselect-section .filter .multiselect-filter-checkbox:checked + .multiselect-filter-label::after { -webkit-transform: none; -o-transform: none; transform: none; opacity: 1; } body:not(.wp-admin) .multiselect-section .close-filters { display: block; position: absolute; z-index: 10; top: 22px; right: 27px; width: 16px; padding: 0; background-color: transparent; opacity: .7; } body:not(.wp-admin) .multiselect-section .close-filters svg { position: absolute; left: 0; top: 0; width: 16px; } body:not(.wp-admin) .multiselect-section .actions-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } body:not(.wp-admin) .multiselect-section .actions-wrapper .btn-action { padding: 0; background-color: transparent; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } body:not(.wp-admin) .multiselect-section .actions-wrapper .btn-action:hover:not(:active), body:not(.wp-admin) .multiselect-section .actions-wrapper .btn-action:focus:not(:active) { opacity: .7; } body:not(.wp-admin) .multiselect-section .actions-wrapper .multiple-action { color: #004289; } body:not(.wp-admin) .multiselect-section .actions-wrapper .multiple-action .deselect-all { display: none; } body:not(.wp-admin) .multiselect-section .actions-wrapper .multiple-action.unselect .select-all { display: none; } body:not(.wp-admin) .multiselect-section .actions-wrapper .multiple-action.unselect .deselect-all { display: inline; } body:not(.wp-admin) .multiselect-section .actions-wrapper .validate-action { color: #ec1c2d; } @media only screen and (max-width: 37.4375em) { body:not(.wp-admin) .multiselect-section .for-desktop { display: none; } body:not(.wp-admin) .multiselect-section .section-label.original { margin-bottom: 20px; } body:not(.wp-admin) .multiselect-section .open-filters { margin-bottom: 5px; } body:not(.wp-admin) .multiselect-section .filters-wrapper { z-index: 40; position: fixed; top: 0; left: 0; -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); width: 100%; height: 100%; padding: 20px; background-color: #d9e8f7; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } body:not(.wp-admin) .multiselect-section .filters-wrapper.open { -webkit-transform: none; -o-transform: none; transform: none; } body:not(.wp-admin) .multiselect-section .filters-wrapper .section-label.for-mobile { margin-bottom: 15px; } body:not(.wp-admin) .multiselect-section .filter.no-overlay { position: relative; } body:not(.wp-admin) .multiselect-section .filter.no-overlay .filter-title { position: relative; display: block; width: 100%; height: 55px; padding: 0 30px; background-color: white; border: 1px solid #d9e8f7; border-radius: 30px; color: #004289; font-size: 1.375em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } body:not(.wp-admin) .multiselect-section .filter.no-overlay .filter-content { z-index: 5; position: absolute; top: 0; left: 0; display: none; width: 100%; padding: 25px; background-color: #eef5fb; border-radius: 26px; } body:not(.wp-admin) .multiselect-section .filter.no-overlay .choices { max-height: 195px; padding: 10px 0; margin-top: 18px; overflow: auto; } body:not(.wp-admin) .multiselect-section .filter.no-overlay .actions-wrapper { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 15px; position: static; bottom: auto; left: auto; width: auto; padding: 0; } body:not(.wp-admin) .multiselect-section .filter.no-overlay .for-desktop { display: block; } body:not(.wp-admin) .multiselect-section .filter:not(.no-overlay) { border-bottom: 1px solid rgba(69, 128, 192, 0.7); padding-top: 20px; padding-bottom: 20px; } body:not(.wp-admin) .multiselect-section .filter:not(.no-overlay) .filter-title { position: relative; width: 100%; padding: 5px 0; background-color: transparent; color: #004289; font-size: 1.25em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } body:not(.wp-admin) .multiselect-section .filter:not(.no-overlay) .filter-title::after { right: 10px; } body:not(.wp-admin) .multiselect-section .filter:not(.no-overlay) .filter-content { display: none; } body:not(.wp-admin) .multiselect-section .filter:not(.no-overlay) .choices { padding-top: 10px; padding-bottom: 10px; } body:not(.wp-admin) .multiselect-section .actions-wrapper { z-index: 2; position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px; } } @media only screen and (min-width: 37.5em) { body:not(.wp-admin) .multiselect-section .for-mobile { display: none; } body:not(.wp-admin) .multiselect-section > .section-label { margin-bottom: 20px; } body:not(.wp-admin) .multiselect-section .filters-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } body:not(.wp-admin) .multiselect-section .filter { position: relative; width: calc(50% - 20px); margin-top: 20px; } body:not(.wp-admin) .multiselect-section .filter:nth-child(odd) { margin-right: 40px; } body:not(.wp-admin) .multiselect-section .filter:nth-child(1), body:not(.wp-admin) .multiselect-section .filter:nth-child(2) { margin-top: 0; } body:not(.wp-admin) .multiselect-section .filter .filter-title { position: relative; display: block; width: 100%; height: 55px; padding: 0 30px; background-color: white; border: 1px solid #d9e8f7; border-radius: 30px; color: #004289; font-size: 1.375em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } body:not(.wp-admin) .multiselect-section .filter .filter-content { z-index: 5; position: absolute; top: 0; left: 0; display: none; width: 100%; padding: 25px; background-color: #eef5fb; border-radius: 26px; } body:not(.wp-admin) .multiselect-section .filter .choices { max-height: 195px; padding: 10px 0; margin-top: 18px; overflow: auto; } body:not(.wp-admin) .multiselect-section .filter .actions-wrapper { margin-top: 15px; } } @media only screen and (min-width: 56.25em) { body:not(.wp-admin) .multiselect-section .filters-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } body:not(.wp-admin) .multiselect-section .filter { width: auto; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 40px; margin-top: 0; } body:not(.wp-admin) .multiselect-section .filter:last-child { margin-right: 0; } } /* ---------------------------------- *\ Variables \* ---------------------------------- */ /* ---------------------------------- *\ Mixin Grid Layout \* ---------------------------------- */ /* ---------------------------------- *\ Mixins Flexbox \* ---------------------------------- */ .grid-container .grid-column { width: 100%; padding: 0 10px; } .grid-container { width: auto; margin: 0 -10px; } .grid-container .grid-column.col-6 { width: calc(100% / 12 * 6); } .grid-container { width: auto; margin: 0 -10px; } .grid-container .grid-column.col-4 { width: calc(100% / 12 * 4); } .grid-container { width: auto; margin: 0 -10px; } .grid-container .grid-column.col-3 { width: calc(100% / 12 * 3); } @media screen and (min-width: 37.5em) { .grid-container .grid-column { width: 100%; padding: 0 10px; } .grid-container { width: auto; margin: 0 -10px; } .grid-container .grid-column.col-6-portrait { width: calc(100% / 12 * 6); } .grid-container { width: auto; margin: 0 -10px; } .grid-container .grid-column.col-4-portrait { width: calc(100% / 12 * 4); } .grid-container { width: auto; margin: 0 -10px; } .grid-container .grid-column.col-3-portrait { width: calc(100% / 12 * 3); } } @media screen and (min-width: 56.25em) { .grid-container .grid-column { width: 100%; padding: 0 10px; } .grid-container { width: auto; margin: 0 -10px; } .grid-container .grid-column.col-6-landscape { width: calc(100% / 12 * 6); } .grid-container { width: auto; margin: 0 -10px; } .grid-container .grid-column.col-4-landscape { width: calc(100% / 12 * 4); } .grid-container { width: auto; margin: 0 -10px; } .grid-container .grid-column.col-3-landscape { width: calc(100% / 12 * 3); } } @media screen and (min-width: 75em) { .grid-container .grid-column { width: 100%; padding: 0 10px; } .grid-container { width: auto; margin: 0 -10px; } .grid-container .grid-column.col-6-desktop { width: calc(100% / 12 * 6); } .grid-container { width: auto; margin: 0 -10px; } .grid-container .grid-column.col-4-desktop { width: calc(100% / 12 * 4); } .grid-container { width: auto; margin: 0 -10px; } .grid-container .grid-column.col-3-desktop { width: calc(100% / 12 * 3); } } @media screen and (min-width: 90em) { .grid-container .grid-column { width: 100%; padding: 0 10px; } .grid-container { width: auto; margin: 0 -10px; } .grid-container .grid-column.col-6-large { width: calc(100% / 12 * 6); } .grid-container { width: auto; margin: 0 -10px; } .grid-container .grid-column.col-4-large { width: calc(100% / 12 * 4); } .grid-container { width: auto; margin: 0 -10px; } .grid-container .grid-column.col-3-large { width: calc(100% / 12 * 3); } } /* ---------------------------------- *\ Styles \* ---------------------------------- */ .grid-container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } /* ---------------------------------- *\ General \* ---------------------------------- */ .table { width: 100%; max-width: 100%; border-collapse: collapse; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 10px; vertical-align: top; } .table > thead > tr > th { vertical-align: bottom; background-color: #004289; color: white; } .table > tbody + tbody { border-top: 3px solid #004289; } /* ---------------------------------- *\ Features \* ---------------------------------- */ .table-bordered { border: 1px solid #181818; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #181818; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #DDD; } .table-hover > tbody > tr:hover { background-color: #DDD; } /* ---------------------------------- *\ Responsive \* ---------------------------------- */ .table-responsive { overflow-x: auto; } @media only screen and (max-width: 37.4375em) { .table-responsive { width: 100%; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } } .grayscale > * { -webkit-filter: grayscale(1); filter: grayscale(1); } .grayscale > *:hover { -webkit-filter: grayscale(0); filter: grayscale(0); } .highlight .ease { opacity: 0.5; } .highlight .ease:hover { opacity: 1 !important; } .highlight > .visible { -webkit-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; } .ease { -webkit-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; } body#tinymce, body#tinymce * { color: revert; counter-reset: revert; font-size: revert; font-family: initial; font-weight: revert; margin: revert !important; padding: revert !important; list-style: revert; line-height: revert; } body#tinymce li::before { display: none; } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .cookie-banner { z-index: 9999; position: fixed; bottom: 0; left: 0; width: 100%; max-height: 100%; padding: 29px 42px 45px; overflow: auto; background-color: #004289; color: white; } .cookie-banner .cookie-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .cookie-banner .cookie-form__left { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .cookie-banner .cookie-form__right { -webkit-box-flex: 0; -ms-flex: 0 1; flex: 0 1; } .cookie-banner .intro { font-family: "Vinci sans", Arial, sans-serif; font-weight: 300; font-style: normal; font-size: 1.125em; line-height: 1.6; } .cookie-banner .intro .title { display: block; margin-bottom: 6px; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 1.75em; } .cookie-banner .intro a { font-family: "Vinci sans", Arial, sans-serif; font-weight: bold; font-style: normal; } .cookie-banner .intro a:hover { text-decoration: none; } .cookie-banner .choices-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-top: 25px; } .cookie-banner .choices-wrapper .choice { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .cookie-banner .choices-wrapper .choice:not(:last-child) { margin-right: 25px; margin-bottom: 10px; } .cookie-banner .choices-wrapper .choice.disabled { opacity: .3; } .cookie-banner .choices-wrapper .choice.disabled label { cursor: not-allowed; } .cookie-banner .choices-wrapper label { padding-left: 51px; margin-left: 5px; font-family: "Vinci sans", Arial, sans-serif; font-weight: 300; font-style: normal; font-size: 0.875em; cursor: pointer; } .cookie-banner .choices-wrapper label .title { margin-right: 10px; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 1.375em; } .cookie-banner .choices-wrapper label::before, .cookie-banner .choices-wrapper label::after { content: ""; position: absolute; display: inline-block; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .cookie-banner .choices-wrapper label::before { z-index: 1; top: 3px; left: 0; width: 40px; height: 20px; background-color: #bfd0e2; border-radius: 40px; } .cookie-banner .choices-wrapper label::after { z-index: 2; top: 5px; left: 22px; width: 16px; height: 16px; background-color: #004289; border-radius: 50%; } .cookie-banner .choices-wrapper [type="checkbox"]:checked + label::after { left: 2px; } .cookie-banner .cta-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: content; -ms-flex-align: content; align-items: content; padding-left: 30px; } .cookie-banner .cta-wrapper .cookie-cta { outline: none; padding: 0; background-color: transparent; } .cookie-banner .infos-wrapper { display: none; margin-top: 40px; } .cookie-banner .infos-wrapper .title { margin: 0 0 10px; font-size: 1.3125em; } .cookie-banner .infos-wrapper .text { font-size: 1.125em; line-height: 1.3; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .cookie-banner { padding: 19px 25px 25px; } .cookie-banner .cookie-form__right { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } .cookie-banner .cookie-form__right.cta-wrapper { padding-top: 22px; padding-left: 0; } .cookie-banner .choices-wrapper { margin-top: 15px; } .cookie-banner .choices-wrapper label { font-size: 0.8125em; } .cookie-banner .choices-wrapper label .title { margin-right: 7px; font-size: 1.1875em; } .cookie-banner .intro { font-size: 0.9375em; line-height: 1.4; } .cookie-banner .intro .title { margin-bottom: 3px; font-size: 1.375em; } .cookie-banner .intern-link .btn-icon { width: 50px; min-width: 50px; height: 50px; } .cookie-banner .intern-link .btn-icon svg { width: 22px; } .cookie-banner .intern-link .btn-label { margin-left: 15px; font-size: 1.0625em; } .cookie-banner .intern-link:hover:not(:active) svg, .cookie-banner .intern-link:focus:not(:active) svg { -webkit-transform: translateX(3px); -o-transform: translateX(3px); transform: translateX(3px); } } @media only screen and (max-width: 37.4375em) { .cookie-banner { position: fixed; left: 0; top: 0; height: 100%; width: 100%; } .cookie-banner .cookie-form__right.cta-wrapper { padding-top: 33px; } .cookie-banner .intro { line-height: 1.7; } .cookie-banner .choices-wrapper { margin-top: 25px; } .cookie-banner .choices-wrapper .choice:not(:last-child) { margin-right: 0; margin-bottom: 20px; } .cookie-banner .choices-wrapper label { font-size: 0.875em; line-height: 1.5; } .cookie-banner .choices-wrapper label .title { display: block; font-size: 1.3125em; line-height: 1.3; } } h5.cli-nav-link { position: relative; padding-left: 20px; font-size: 1.375rem; } h5.cli-nav-link::before { position: absolute; top: 50%; left: 0; width: 0 !important; height: 0 !important; border-style: solid !important; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #4f4f4f !important; border-style: inset; -webkit-transform: translateY(-50%) rotate(0) !important; -o-transform: translateY(-50%) rotate(0) !important; transform: translateY(-50%) rotate(0) !important; content: ""; } #cookie-law-info-bar.wt-cli-cookie-bar[style*="display: block;"] ~ .cli-popupbar-overlay { z-index: 9998; opacity: 0; -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } #cookie-law-info-bar.wt-cli-cookie-bar { -webkit-transform: none !important; -o-transform: none !important; transform: none !important; top: auto !important; max-height: none !important; width: 100vw !important; overflow: auto; z-index: 9999 !important; bottom: 0px !important; left: 0px !important; max-height: 100vh; padding: 20px 20px 30px 20px !important; background-color: white !important; -webkit-box-shadow: 0 0 5px 1px rgba(24, 24, 24, 0); box-shadow: 0 0 5px 1px rgba(24, 24, 24, 0); color: #333333 !important; font-size: 1rem; text-align: left !important; } .cli-modal-open #cookie-law-info-bar.wt-cli-cookie-bar { opacity: 0 !important; } #cookie-law-info-bar.wt-cli-cookie-bar > .cli-wrapper { width: 100%; margin-right: auto; margin-left: auto; padding: 0; } #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-cookie-banner { display: block; } #cookie-law-info-bar.wt-cli-cookie-bar strong { font-weight: 600; } #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-policy-link { color: inherit !important; font-weight: 600; text-decoration: underline; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-policy-link:hover, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-policy-link:focus { color: #004289 !important; } #cookie-law-info-bar.wt-cli-cookie-bar .actions-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 25px; margin-left: -7px; margin-right: -7px; } #cookie-law-info-bar.wt-cli-cookie-bar .choices-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-accept-all-btn { font-weight: 600; background-color: #004289 !important; color: white !important; } @media only screen and (min-width: 768px) { #cookie-law-info-bar.wt-cli-cookie-bar { padding: 30px !important; } #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-privacy-title, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-cookie-banner-title, #cookie-law-info-bar.wt-cli-cookie-bar .cli-tab-header h5 { font-size: 1.75rem; line-height: 36px; font-weight: 500; color: #004289; margin-bottom: 5px; } #cookie-law-info-bar.wt-cli-cookie-bar .actions-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media only screen and (min-width: 56.25em) { #cookie-law-info-bar.wt-cli-cookie-bar { padding: 40px !important; } } @media only screen and (min-width: 90em) { #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-cookie-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-cookie-banner .cookie-banner-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-cookie-banner .message { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; padding-right: 40px; } #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-cookie-banner .actions-wrapper { margin-top: 0 !important; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin-left: 0; margin-right: 0; } #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-cookie-banner #wt-cli-accept-all-btn, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-cookie-banner #wt-cli-reject-btn, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-cookie-banner #ljd-wt-cli-accept-all-btn, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-cookie-banner #ljd-wt-cli-reject-btn, #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-cookie-banner #wt-cli-settings-btn { padding: 17px 28px !important; margin: 0 0 0 20px !important; } } @media only screen and (min-width: 1500px) { #cookie-law-info-bar.wt-cli-cookie-bar #wt-cli-cookie-banner .message { padding-right: 5%; } } @media only screen and (max-width: 56.1875em) { #cookie-law-info-bar.wt-cli-cookie-bar .message { font-size: 1rem; line-height: 1.44; } } @media only screen and (max-width: 37.4375em) { #cookie-law-info-bar.wt-cli-cookie-bar { padding-bottom: 5px !important; } #cookie-law-info-bar.wt-cli-cookie-bar .actions-wrapper { margin-left: initial !important; margin-right: initial !important; display: block; } #cookie-law-info-bar.wt-cli-cookie-bar .choices-wrapper { display: block; } #cookie-law-info-bar.wt-cli-cookie-bar .settings-link-wrapper { text-align: center; } } .wt-cli-cookie-bar-container #wt-cli-privacy-title { padding-right: 45px; } .wt-cli-cookie-bar-container #wt-cli-privacy-title, .wt-cli-cookie-bar-container #wt-cli-cookie-banner-title { font-size: 1.3125rem; font-weight: 600; line-height: 24px; color: #004289; margin: 0 0 15px; } @media only screen and (min-width: 375px) { .wt-cli-cookie-bar-container #wt-cli-privacy-title, .wt-cli-cookie-bar-container #wt-cli-cookie-banner-title { font-size: 1.5rem; } } @media only screen and (min-width: 768px) { .wt-cli-cookie-bar-container #wt-cli-privacy-title, .wt-cli-cookie-bar-container #wt-cli-cookie-banner-title { font-size: 1.75rem; line-height: 36px; color: #004289; margin-bottom: 5px; } } .wt-cli-cookie-bar-container .cli-privacy-content-text, .wt-cli-cookie-bar-container .message { font-size: 1.125rem; font-weight: 300; } .wt-cli-cookie-bar-container .message { line-height: 25px; } .wt-cli-cookie-bar-container .message p, .wt-cli-cookie-bar-container .message { line-height: inherit; } @media only screen and (min-width: 768px) { .wt-cli-cookie-bar-container .message { line-height: 30px; } } .wt-cli-cookie-bar-container .cli-modal .cli-modal-dialog { max-width: 840px; } .wt-cli-cookie-bar-container .cli-modal-backdrop { background-color: #004289; opacity: 0.6; } .wt-cli-cookie-bar-container .cli-popupbar-overlay { display: none; } .wt-cli-cookie-bar-container #wt-cli-privacy-save-btn, .wt-cli-cookie-bar-container #wt-cli-save-preferences-btn { position: relative; display: inline-block; padding: 12px 15px 14px 15px !important; margin: 7px !important; background-color: #004289 !important; border: 1px solid #004289 !important; border-radius: 0 !important; color: white !important; font-family: inherit !important; font-size: 1.125rem; font-weight: 600; line-height: 1em; text-decoration: none; cursor: pointer; text-align: center; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .wt-cli-cookie-bar-container #wt-cli-privacy-save-btn:hover, .wt-cli-cookie-bar-container #wt-cli-privacy-save-btn:focus, .wt-cli-cookie-bar-container #wt-cli-save-preferences-btn:hover, .wt-cli-cookie-bar-container #wt-cli-save-preferences-btn:focus { background-color: #004289 !important; color: white !important; border-color: #004289 !important; opacity: 1 !important; } @media only screen and (max-width: 56.1875em) { .wt-cli-cookie-bar-container #wt-cli-privacy-save-btn, .wt-cli-cookie-bar-container #wt-cli-save-preferences-btn { font-size: 1rem; } } .wt-cli-cookie-bar-container #wt-cli-privacy-save-btn:hover, .wt-cli-cookie-bar-container #wt-cli-privacy-save-btn:focus, .wt-cli-cookie-bar-container #wt-cli-privacy-save-btn:active, .wt-cli-cookie-bar-container #wt-cli-save-preferences-btn:hover, .wt-cli-cookie-bar-container #wt-cli-save-preferences-btn:focus, .wt-cli-cookie-bar-container #wt-cli-save-preferences-btn:active { background-color: transparent !important; color: #004289 !important; font-weight: 600 !important; } .wt-cli-cookie-bar-container .cli-modal-content { padding: 40px 40px 30px 40px; } .wt-cli-cookie-bar-container .cli-modal-body .cli-tab-container { margin-top: 0; } .wt-cli-cookie-bar-container .cli-modal-body .cli-tab-container .cli-row { -ms-overflow-style: none; scrollbar-width: none; } .wt-cli-cookie-bar-container .cli-modal-body .cli-tab-container .cli-row::-webkit-scrollbar { display: none; } .wt-cli-cookie-bar-container .cli-modal-body .cli-tab-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wt-cli-cookie-bar-container .cli-modal-body .cli-switch { height: 20px; } .wt-cli-cookie-bar-container .cli-modal-body .cli-necessary-caption { margin: 0; } .wt-cli-cookie-bar-container .cli-modal-body .cli-switch .cli-slider { width: 40px; height: 20px; background-color: rgba(191, 208, 226, 0.3); } .wt-cli-cookie-bar-container .cli-modal-body .cli-switch .cli-slider:before { width: 16px; height: 16px; left: 2px; background-color: rgba(0, 66, 137, 0.25) !important; -webkit-box-shadow: -1px 1px 1px rgba(0, 66, 137, 0.25); box-shadow: -1px 1px 1px rgba(0, 66, 137, 0.25); } .wt-cli-cookie-bar-container .cli-modal-body .cli-switch .cli-slider::after { top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .wt-cli-cookie-bar-container .cli-modal-body .cli-switch input:checked + .cli-slider { background-color: #bfd0e2 !important; } .wt-cli-cookie-bar-container .cli-modal-body .cli-switch input:checked + .cli-slider:before { background-color: #004289 !important; -webkit-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } .wt-cli-cookie-bar-container .cli-modal-footer .cli-tab-container { margin-top: 20px; } .wt-cli-cookie-bar-container .cli-modal-footer .cli-tab-footer { width: auto; padding: 0; text-align: right; margin-left: -7px; margin-right: -7px; } .wt-cli-cookie-bar-container .cli-modal-footer .cli-row { overflow: visible; } .wt-cli-cookie-bar-container .cli-modal-footer .wt-cli-ckyes-brand-logo { display: none; } .wt-cli-cookie-bar-container .cli-tab-section { margin-top: 10px; padding: 15px 20px; background: white; border-radius: 20px; border: 1px solid #d9e8f7; -webkit-box-sizing: border-box; box-sizing: border-box; } .wt-cli-cookie-bar-container .cli-tab-section .cli-tab-header { padding: 0; background-color: transparent; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wt-cli-cookie-bar-container .cli-tab-section .cli-tab-header a.cli-nav-link { position: relative; padding-left: 20px; } .wt-cli-cookie-bar-container .cli-tab-section .cli-tab-header a.cli-nav-link::before { position: absolute; top: 50%; left: 0; width: 0 !important; height: 0 !important; border-style: solid !important; border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #4f4f4f !important; border-style: inset; -webkit-transform: translateY(-50%) rotate(0) !important; -o-transform: translateY(-50%) rotate(0) !important; transform: translateY(-50%) rotate(0) !important; } .wt-cli-cookie-bar-container .cli-tab-section .cli-tab-header a.cli-nav-link[aria-expanded="true"]::before { -webkit-transform: translateY(-50%) rotate(90deg) !important; -o-transform: translateY(-50%) rotate(90deg) !important; transform: translateY(-50%) rotate(90deg) !important; } .wt-cli-cookie-bar-container .cli-tab-section .cli-tab-header a.cli-nav-link, .wt-cli-cookie-bar-container .cli-tab-section .cli-tab-header .cli-slider::after { padding-bottom: 3px; } .wt-cli-cookie-bar-container .cli-tab-section .cli-tab-content { padding-left: 0; padding-right: 0; } .wt-cli-cookie-bar-container .cli-tab-section .cli-tab-content p { color: #333333; font-size: 0.875rem; line-height: 1.0625rem; } .wt-cli-cookie-bar-container .cli-tab-section .cli-slider, .wt-cli-cookie-bar-container .cli-tab-section a.cli-nav-link, .wt-cli-cookie-bar-container .cli-tab-section h5.cli-nav-link, .wt-cli-cookie-bar-container .cli-tab-section .cli-necessary-caption, .wt-cli-cookie-bar-container .cli-tab-section .cli-slider::after { font-size: 1.375rem; line-height: 1em; font-weight: 300; color: #004289; } @media only screen and (min-width: 480px) { .wt-cli-cookie-bar-container .cli-tab-section .cli-slider, .wt-cli-cookie-bar-container .cli-tab-section a.cli-nav-link, .wt-cli-cookie-bar-container .cli-tab-section h5.cli-nav-link, .wt-cli-cookie-bar-container .cli-tab-section .cli-necessary-caption, .wt-cli-cookie-bar-container .cli-tab-section .cli-slider::after { font-size: 1.125rem; } } @media only screen and (min-width: 1280px) { .wt-cli-cookie-bar-container .cli-tab-section .cli-slider, .wt-cli-cookie-bar-container .cli-tab-section a.cli-nav-link, .wt-cli-cookie-bar-container .cli-tab-section h5.cli-nav-link, .wt-cli-cookie-bar-container .cli-tab-section .cli-necessary-caption, .wt-cli-cookie-bar-container .cli-tab-section .cli-slider::after { font-size: 1.375rem; } } .wt-cli-cookie-bar-container .cli-modal-close { right: 21px; } .wt-cli-cookie-bar-container .cli-modal-close svg { fill: #004289; width: 31px; } @media only screen and (max-width: 37.4375em) { .wt-cli-cookie-bar-container .cli-modal-close { width: 65px; height: 65px; padding: 20px; background-color: white; } } .wt-cli-cookie-bar-container table.cookielawinfo-winter td { color: #333333; } .wt-cli-cookie-bar-container table.cookielawinfo-winter thead th { background-color: #333333; } #cookie-law-info-again { z-index: 9999; bottom: 0px !important; left: 0 !important; right: auto !important; padding: 5px 10px; background-color: white !important; border-top-right-radius: 5px; -webkit-box-shadow: 0 0 5px 3px rgba(24, 24, 24, 0.2); box-shadow: 0 0 5px 3px rgba(24, 24, 24, 0.2); color: #333333 !important; font-size: 1rem; line-height: 1; } #cookie-law-info-again #cookie_hdr_showagain { font-size: 0.875rem; line-height: 1; } @media only screen and (min-width: 768px) { #cookie-law-info-again { left: 20px !important; border-top-left-radius: 5px; } } #wt-cli-accept-all-btn, #wt-cli-reject-btn, #ljd-wt-cli-accept-all-btn, #ljd-wt-cli-reject-btn, #wt-cli-settings-btn { position: relative; display: inline-block; padding: 12px 15px 14px 15px !important; margin: 7px !important; background-color: transparent !important; border: 1px solid #004289 !important; border-radius: 0 !important; color: #004289 !important; font-family: inherit !important; font-size: 1.125rem; font-weight: normal; line-height: 1em; text-decoration: none; cursor: pointer; text-align: center; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } #wt-cli-accept-all-btn:hover, #wt-cli-accept-all-btn:focus, #wt-cli-reject-btn:hover, #wt-cli-reject-btn:focus, #ljd-wt-cli-accept-all-btn:hover, #ljd-wt-cli-accept-all-btn:focus, #ljd-wt-cli-reject-btn:hover, #ljd-wt-cli-reject-btn:focus, #wt-cli-settings-btn:hover, #wt-cli-settings-btn:focus { background-color: #004289 !important; color: white !important; border-color: #004289 !important; opacity: 1 !important; } @media only screen and (max-width: 56.1875em) { #wt-cli-accept-all-btn, #wt-cli-reject-btn, #ljd-wt-cli-accept-all-btn, #ljd-wt-cli-reject-btn, #wt-cli-settings-btn { font-size: 1rem; } } #wt-cli-accept-all-btn::after, #wt-cli-reject-btn::after, #ljd-wt-cli-accept-all-btn::after, #ljd-wt-cli-reject-btn::after, #wt-cli-settings-btn::after { content: ""; position: absolute; top: 50%; right: 20px; display: none !important; width: 8px; height: 8px; -webkit-transform: translateY(-70%) rotate(135deg); -o-transform: translateY(-70%) rotate(135deg); transform: translateY(-70%) rotate(135deg); border-width: 1px 1px 0 0; border-style: solid; border-color: currentcolor; background: none; } .wt-cli-cookie-bar-container .cli-privacy-content-text { color: #282828; line-height: 30px; } .wt-cli-cookie-bar-container .cli-switch { margin-left: 80px; } .wt-cli-cookie-bar-container .cli-slider::after { content: attr(data-cli-disable); display: inline; } .wt-cli-cookie-bar-container .cli-modal { width: 100vw; } .wt-cli-cookie-bar-container input:checked + .cli-slider::after { content: attr(data-cli-enable); } @media only screen and (max-width: 56.1875em) { .wt-cli-cookie-bar-container .cli-modal .cli-modal-dialog { max-width: calc(100% - 50px); margin: 3rem auto; } } @media only screen and (max-width: 37.4375em) { .wt-cli-cookie-bar-container .cli-modal-footer .cli-tab-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; margin-left: 0; margin-right: 0; } .wt-cli-cookie-bar-container .cli-modal-footer .cli-tab-footer > .cli-btn { width: 100%; } .wt-cli-cookie-bar-container .cli-modal-footer .cli-tab-footer > .cli-btn:nth-child(1) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .wt-cli-cookie-bar-container .cli-modal-footer .cli-tab-footer > .cli-btn:nth-child(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .wt-cli-cookie-bar-container .cli-modal-footer .cli-tab-footer > .cli-btn:nth-child(3) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .wt-cli-cookie-bar-container a.cli-nav-link { text-decoration: underline; } .wt-cli-cookie-bar-container #wt-cli-accept-all-btn, .wt-cli-cookie-bar-container #wt-cli-reject-btn, .wt-cli-cookie-bar-container #ljd-wt-cli-accept-all-btn, .wt-cli-cookie-bar-container #ljd-wt-cli-reject-btn, .wt-cli-cookie-bar-container #wt-cli-settings-btn, .wt-cli-cookie-bar-container #wt-cli-privacy-save-btn { display: block !important; margin: 0 0 15px !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } } .nocookieimage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background-color: #000000aa; overflow: hidden; } .nocookieimage img { display: block; min-width: 130%; } .nocookieimage img + p { position: absolute; left: 0; right: 0; top: auto; bottom: 20%; } .nocookieimage p { text-align: center; width: 100%; color: #fff; font-size: 1.125rem; } .nocookieimage p a { color: #fff !important; cursor: pointer; text-decoration: none !important; } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .wp-block-group section:not(.module) h1, .wp-block-group section:not(.module) h2, .wp-block-group section:not(.module) h3, .wp-block-group section:not(.module) h4, .wp-block-group section:not(.module) h5, .wp-block-group section:not(.module) h6, .wp-block-group section:not(.module) p, .wp-block-group section:not(.module) ul, .wp-block-group section:not(.module) ol, .wp-block-group section:not(.module) img, .wp-block-group section:not(.module) figure { width: 100%; max-width: 1460px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-left: 0; padding-right: 0; } .editor, .editor-styles-wrapper .editor, .editor-rich-text.block-editor-rich-text, .wysiwyg-content, .mce-content-body { font-size: 1rem; line-height: 1.5; /* Titres */ /* Contenu */ /* Images */ } .editor > h1:first-child, .editor > h2:first-child, .editor-styles-wrapper .editor > h1:first-child, .editor-styles-wrapper .editor > h2:first-child, .editor-rich-text.block-editor-rich-text > h1:first-child, .editor-rich-text.block-editor-rich-text > h2:first-child, .wysiwyg-content > h1:first-child, .wysiwyg-content > h2:first-child, .mce-content-body > h1:first-child, .mce-content-body > h2:first-child { margin-top: 0 !important; } .editor > *:last-child, .editor-styles-wrapper .editor > *:last-child, .editor-rich-text.block-editor-rich-text > *:last-child, .wysiwyg-content > *:last-child, .mce-content-body > *:last-child { margin-bottom: 0 !important; } .editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6, .editor-styles-wrapper .editor h1, .editor-styles-wrapper .editor h2, .editor-styles-wrapper .editor h3, .editor-styles-wrapper .editor h4, .editor-styles-wrapper .editor h5, .editor-styles-wrapper .editor h6, .editor-rich-text.block-editor-rich-text h1, .editor-rich-text.block-editor-rich-text h2, .editor-rich-text.block-editor-rich-text h3, .editor-rich-text.block-editor-rich-text h4, .editor-rich-text.block-editor-rich-text h5, .editor-rich-text.block-editor-rich-text h6, .wysiwyg-content h1, .wysiwyg-content h2, .wysiwyg-content h3, .wysiwyg-content h4, .wysiwyg-content h5, .wysiwyg-content h6, .mce-content-body h1, .mce-content-body h2, .mce-content-body h3, .mce-content-body h4, .mce-content-body h5, .mce-content-body h6 { margin-top: 60px; margin-bottom: 30px; font-weight: 600; line-height: normal; } .editor h1, .editor-styles-wrapper .editor h1, .editor-rich-text.block-editor-rich-text h1, .wysiwyg-content h1, .mce-content-body h1 { font-size: 3.625em; color: #004289; font-weight: 800; line-height: 75px; } .editor h2, .editor-styles-wrapper .editor h2, .editor-rich-text.block-editor-rich-text h2, .wysiwyg-content h2, .mce-content-body h2 { margin-top: 60px; margin-bottom: 40px; color: #004289; font-size: 3em; font-weight: 800; line-height: 65px; } .editor h3, .editor-styles-wrapper .editor h3, .editor-rich-text.block-editor-rich-text h3, .wysiwyg-content h3, .mce-content-body h3 { margin-top: 40px; margin-bottom: 30px; color: #004289; font-size: 2.25em; font-weight: 800; line-height: 42px; } .editor h4, .editor-styles-wrapper .editor h4, .editor-rich-text.block-editor-rich-text h4, .wysiwyg-content h4, .mce-content-body h4 { margin-top: 60px; margin-bottom: 40px; color: #004289; font-size: 1.875em; font-weight: 800; line-height: 35px; } .editor h5, .editor-styles-wrapper .editor h5, .editor-rich-text.block-editor-rich-text h5, .wysiwyg-content h5, .mce-content-body h5 { font-size: 1.5em; } .editor h6, .editor-styles-wrapper .editor h6, .editor-rich-text.block-editor-rich-text h6, .wysiwyg-content h6, .mce-content-body h6 { font-size: 1.4375em; } .editor strong, .editor b, .editor-styles-wrapper .editor strong, .editor-styles-wrapper .editor b, .editor-rich-text.block-editor-rich-text strong, .editor-rich-text.block-editor-rich-text b, .wysiwyg-content strong, .wysiwyg-content b, .mce-content-body strong, .mce-content-body b { font-weight: 600; } .editor u, .editor a, .editor-styles-wrapper .editor u, .editor-styles-wrapper .editor a, .editor-rich-text.block-editor-rich-text u, .editor-rich-text.block-editor-rich-text a, .wysiwyg-content u, .wysiwyg-content a, .mce-content-body u, .mce-content-body a { position: relative; text-decoration: none; } .editor u::before, .editor a::before, .editor-styles-wrapper .editor u::before, .editor-styles-wrapper .editor a::before, .editor-rich-text.block-editor-rich-text u::before, .editor-rich-text.block-editor-rich-text a::before, .wysiwyg-content u::before, .wysiwyg-content a::before, .mce-content-body u::before, .mce-content-body a::before { content: ''; z-index: -1; position: absolute; left: 0; bottom: 3px; display: block; width: 100%; height: 1px; background-color: #1e1e1e; } .editor a, .editor-styles-wrapper .editor a, .editor-rich-text.block-editor-rich-text a, .wysiwyg-content a, .mce-content-body a { color: #4580c0; text-decoration: underline; font-weight: 600; } .editor a::before, .editor-styles-wrapper .editor a::before, .editor-rich-text.block-editor-rich-text a::before, .wysiwyg-content a::before, .mce-content-body a::before { width: 0; height: 2px; background-color: #4580c0; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .editor a:hover:not(:active), .editor a:focus:not(:active), .editor-styles-wrapper .editor a:hover:not(:active), .editor-styles-wrapper .editor a:focus:not(:active), .editor-rich-text.block-editor-rich-text a:hover:not(:active), .editor-rich-text.block-editor-rich-text a:focus:not(:active), .wysiwyg-content a:hover:not(:active), .wysiwyg-content a:focus:not(:active), .mce-content-body a:hover:not(:active), .mce-content-body a:focus:not(:active) { text-decoration: none; } .editor a:hover:not(:active)::before, .editor a:focus:not(:active)::before, .editor-styles-wrapper .editor a:hover:not(:active)::before, .editor-styles-wrapper .editor a:focus:not(:active)::before, .editor-rich-text.block-editor-rich-text a:hover:not(:active)::before, .editor-rich-text.block-editor-rich-text a:focus:not(:active)::before, .wysiwyg-content a:hover:not(:active)::before, .wysiwyg-content a:focus:not(:active)::before, .mce-content-body a:hover:not(:active)::before, .mce-content-body a:focus:not(:active)::before { width: 100%; } .editor p, .editor ul, .editor ol, .editor-styles-wrapper .editor p, .editor-styles-wrapper .editor ul, .editor-styles-wrapper .editor ol, .editor-rich-text.block-editor-rich-text p, .editor-rich-text.block-editor-rich-text ul, .editor-rich-text.block-editor-rich-text ol, .wysiwyg-content p, .wysiwyg-content ul, .wysiwyg-content ol, .mce-content-body p, .mce-content-body ul, .mce-content-body ol { margin-bottom: 15px; font-size: inherit; font-weight: 300; line-height: inherit; } .template-single-job-offer .editor p, .template-single-job-offer .editor ul, .template-single-job-offer .editor ol { font-size: 1.375rem; line-height: 1.8; } .editor ul, .editor ol, .editor-styles-wrapper .editor ul, .editor-styles-wrapper .editor ol, .editor-rich-text.block-editor-rich-text ul, .editor-rich-text.block-editor-rich-text ol, .wysiwyg-content ul, .wysiwyg-content ol, .mce-content-body ul, .mce-content-body ol { overflow: hidden; } .editor ul li, .editor ol li, .editor-styles-wrapper .editor ul li, .editor-styles-wrapper .editor ol li, .editor-rich-text.block-editor-rich-text ul li, .editor-rich-text.block-editor-rich-text ol li, .wysiwyg-content ul li, .wysiwyg-content ol li, .mce-content-body ul li, .mce-content-body ol li { position: relative; padding-top: 5px; padding-bottom: 5px; line-height: 125%; } .template-single-job-offer .editor ul li, .template-single-job-offer .editor ol li { margin-bottom: 15px; line-height: 1.7; } .editor ul ul, .editor ul ol, .editor ol ul, .editor ol ol, .editor-styles-wrapper .editor ul ul, .editor-styles-wrapper .editor ul ol, .editor-styles-wrapper .editor ol ul, .editor-styles-wrapper .editor ol ol, .editor-rich-text.block-editor-rich-text ul ul, .editor-rich-text.block-editor-rich-text ul ol, .editor-rich-text.block-editor-rich-text ol ul, .editor-rich-text.block-editor-rich-text ol ol, .wysiwyg-content ul ul, .wysiwyg-content ul ol, .wysiwyg-content ol ul, .wysiwyg-content ol ol, .mce-content-body ul ul, .mce-content-body ul ol, .mce-content-body ol ul, .mce-content-body ol ol { font-size: inherit; } .editor ul li, .editor-styles-wrapper .editor ul li, .editor-rich-text.block-editor-rich-text ul li, .wysiwyg-content ul li, .mce-content-body ul li { padding-left: 20px; } .editor ul li::before, .editor-styles-wrapper .editor ul li::before, .editor-rich-text.block-editor-rich-text ul li::before, .wysiwyg-content ul li::before, .mce-content-body ul li::before { content: ''; position: absolute; top: 0.8em; left: 0; width: 6px; height: 6px; background-color: #ec1c2d; border-radius: 50%; } .editor ol, .editor-styles-wrapper .editor ol, .editor-rich-text.block-editor-rich-text ol, .wysiwyg-content ol, .mce-content-body ol { counter-reset: list; } .editor ol li, .editor-styles-wrapper .editor ol li, .editor-rich-text.block-editor-rich-text ol li, .wysiwyg-content ol li, .mce-content-body ol li { padding-left: 30px; } .editor ol li::before, .editor-styles-wrapper .editor ol li::before, .editor-rich-text.block-editor-rich-text ol li::before, .wysiwyg-content ol li::before, .mce-content-body ol li::before { content: counter(list) "."; counter-increment: list; position: absolute; top: calc(5px + 0.25em); left: 5px; color: #4580c0; font-size: 0.8em; line-height: 1.1; font-weight: 800; } .editor img, .editor figure, .editor-styles-wrapper .editor img, .editor-styles-wrapper .editor figure, .editor-rich-text.block-editor-rich-text img, .editor-rich-text.block-editor-rich-text figure, .wysiwyg-content img, .wysiwyg-content figure, .mce-content-body img, .mce-content-body figure { display: block; height: auto; margin: 35px; border: 0; } .editor img:first-child, .editor figure:first-child, .editor-styles-wrapper .editor img:first-child, .editor-styles-wrapper .editor figure:first-child, .editor-rich-text.block-editor-rich-text img:first-child, .editor-rich-text.block-editor-rich-text figure:first-child, .wysiwyg-content img:first-child, .wysiwyg-content figure:first-child, .mce-content-body img:first-child, .mce-content-body figure:first-child { margin-top: 7px; } .editor img.alignleft, .editor img.alignright, .editor figure.alignleft, .editor figure.alignright, .editor-styles-wrapper .editor img.alignleft, .editor-styles-wrapper .editor img.alignright, .editor-styles-wrapper .editor figure.alignleft, .editor-styles-wrapper .editor figure.alignright, .editor-rich-text.block-editor-rich-text img.alignleft, .editor-rich-text.block-editor-rich-text img.alignright, .editor-rich-text.block-editor-rich-text figure.alignleft, .editor-rich-text.block-editor-rich-text figure.alignright, .wysiwyg-content img.alignleft, .wysiwyg-content img.alignright, .wysiwyg-content figure.alignleft, .wysiwyg-content figure.alignright, .mce-content-body img.alignleft, .mce-content-body img.alignright, .mce-content-body figure.alignleft, .mce-content-body figure.alignright { max-width: 50%; } .editor img.alignleft, .editor figure.alignleft, .editor-styles-wrapper .editor img.alignleft, .editor-styles-wrapper .editor figure.alignleft, .editor-rich-text.block-editor-rich-text img.alignleft, .editor-rich-text.block-editor-rich-text figure.alignleft, .wysiwyg-content img.alignleft, .wysiwyg-content figure.alignleft, .mce-content-body img.alignleft, .mce-content-body figure.alignleft { float: left; margin-left: 0; } .editor img.alignright, .editor figure.alignright, .editor-styles-wrapper .editor img.alignright, .editor-styles-wrapper .editor figure.alignright, .editor-rich-text.block-editor-rich-text img.alignright, .editor-rich-text.block-editor-rich-text figure.alignright, .wysiwyg-content img.alignright, .wysiwyg-content figure.alignright, .mce-content-body img.alignright, .mce-content-body figure.alignright { float: right; margin-right: 0; } .editor img.aligncenter, .editor figure.aligncenter, .editor-styles-wrapper .editor img.aligncenter, .editor-styles-wrapper .editor figure.aligncenter, .editor-rich-text.block-editor-rich-text img.aligncenter, .editor-rich-text.block-editor-rich-text figure.aligncenter, .wysiwyg-content img.aligncenter, .wysiwyg-content figure.aligncenter, .mce-content-body img.aligncenter, .mce-content-body figure.aligncenter { margin-right: auto; margin-left: auto; clear: both; } .editor figure, .editor-styles-wrapper .editor figure, .editor-rich-text.block-editor-rich-text figure, .wysiwyg-content figure, .mce-content-body figure { margin-top: 7px; margin-left: 0; margin-right: 0; } .editor figure img, .editor-styles-wrapper .editor figure img, .editor-rich-text.block-editor-rich-text figure img, .wysiwyg-content figure img, .mce-content-body figure img { margin: 0 !important; } .editor figure figcaption, .editor-styles-wrapper .editor figure figcaption, .editor-rich-text.block-editor-rich-text figure figcaption, .wysiwyg-content figure figcaption, .mce-content-body figure figcaption { margin-top: 5px; font-size: .9em; line-height: 125%; font-style: italic; color: rgba(30, 30, 30, 0.75); } .editor { font-size: 1.5em; line-height: 1.7; } .module-quote .editor ul li, .module-quote .editor ol li { padding-left: 1em; } .module-static-map .editor ul li, .module-focus .editor ul li, .module-focus-50 .editor ul li, .module-static-map .editor ol li, .module-focus .editor ol li, .module-focus-50 .editor ol li { padding-left: 1.125em; } body.mce-content-body { padding: 0.5rem; } @media only screen and (max-width: 1120px) { .home .main-global-wrapper > *:not(.site-container):not(section):not(#breadcrumbs):not(.the-content):not(.search-results-list):not(.pagination) { width: calc(100% - 60px); margin-left: auto; margin-right: auto; } } .main-global-wrapper, .the-content, .wp-block-group :not(.module), .block-editor-block-list__layout > .block-editor-block-list__block { /* Contenu */ /* Images */ } .main-global-wrapper > .wp-block-image, .the-content > .wp-block-image, .wp-block-group :not(.module) > .wp-block-image, .block-editor-block-list__layout > .block-editor-block-list__block > .wp-block-image { overflow: hidden; max-width: 1060px; margin-left: auto; margin-right: auto; } .main-global-wrapper > .wp-block-image figcaption, .the-content > .wp-block-image figcaption, .wp-block-group :not(.module) > .wp-block-image figcaption, .block-editor-block-list__layout > .block-editor-block-list__block > .wp-block-image figcaption { font-family: "Vinci sans", Arial, sans-serif; font-size: 1em; line-height: 1; color: #1e1e1e; text-align: left; } .main-global-wrapper > h1, .main-global-wrapper > h2, .main-global-wrapper > h3, .main-global-wrapper > h4, .main-global-wrapper > h5, .main-global-wrapper > h6, .the-content > h1, .the-content > h2, .the-content > h3, .the-content > h4, .the-content > h5, .the-content > h6, .wp-block-group :not(.module) > h1, .wp-block-group :not(.module) > h2, .wp-block-group :not(.module) > h3, .wp-block-group :not(.module) > h4, .wp-block-group :not(.module) > h5, .wp-block-group :not(.module) > h6, .block-editor-block-list__layout > .block-editor-block-list__block > h1, .block-editor-block-list__layout > .block-editor-block-list__block > h2, .block-editor-block-list__layout > .block-editor-block-list__block > h3, .block-editor-block-list__layout > .block-editor-block-list__block > h4, .block-editor-block-list__layout > .block-editor-block-list__block > h5, .block-editor-block-list__layout > .block-editor-block-list__block > h6 { max-width: 1060px; margin-left: auto; margin-right: auto; margin-top: 40px; margin-bottom: 20px; font-weight: 600; line-height: normal; } .main-global-wrapper > h1, .main-global-wrapper > h2, .the-content > h1, .the-content > h2, .wp-block-group :not(.module) > h1, .wp-block-group :not(.module) > h2, .block-editor-block-list__layout > .block-editor-block-list__block > h1, .block-editor-block-list__layout > .block-editor-block-list__block > h2 { margin-top: 60px; margin-bottom: 30px; } .main-global-wrapper > h1, .the-content > h1, .wp-block-group :not(.module) > h1, .block-editor-block-list__layout > .block-editor-block-list__block > h1 { font-size: 3.625em; color: #004289; font-weight: 800; line-height: 75px; } .main-global-wrapper > h2, .the-content > h2, .wp-block-group :not(.module) > h2, .block-editor-block-list__layout > .block-editor-block-list__block > h2 { color: #004289; font-size: 3em; font-weight: 800; line-height: 65px; } .main-global-wrapper > h3, .the-content > h3, .wp-block-group :not(.module) > h3, .block-editor-block-list__layout > .block-editor-block-list__block > h3 { margin-top: 40px; margin-bottom: 30px; color: #004289; font-size: 2.25em; font-weight: 800; line-height: 42px; } .main-global-wrapper > h4, .the-content > h4, .wp-block-group :not(.module) > h4, .block-editor-block-list__layout > .block-editor-block-list__block > h4 { margin-top: 40px; margin-bottom: 30px; color: #004289; font-size: 1.875em; font-weight: 600; line-height: 35px; } .main-global-wrapper > h5, .the-content > h5, .wp-block-group :not(.module) > h5, .block-editor-block-list__layout > .block-editor-block-list__block > h5 { font-size: 1.5em; } .main-global-wrapper > h6, .the-content > h6, .wp-block-group :not(.module) > h6, .block-editor-block-list__layout > .block-editor-block-list__block > h6 { font-size: 1.4375em; } .main-global-wrapper p > strong, .main-global-wrapper p > b, .the-content p > strong, .the-content p > b, .wp-block-group :not(.module) p > strong, .wp-block-group :not(.module) p > b, .block-editor-block-list__layout > .block-editor-block-list__block p > strong, .block-editor-block-list__layout > .block-editor-block-list__block p > b { font-weight: 600; } .main-global-wrapper p > u, .main-global-wrapper p > a, .the-content p > u, .the-content p > a, .wp-block-group :not(.module) p > u, .wp-block-group :not(.module) p > a, .block-editor-block-list__layout > .block-editor-block-list__block p > u, .block-editor-block-list__layout > .block-editor-block-list__block p > a { position: relative; text-decoration: none; } .main-global-wrapper p > u::before, .main-global-wrapper p > a::before, .the-content p > u::before, .the-content p > a::before, .wp-block-group :not(.module) p > u::before, .wp-block-group :not(.module) p > a::before, .block-editor-block-list__layout > .block-editor-block-list__block p > u::before, .block-editor-block-list__layout > .block-editor-block-list__block p > a::before { content: ''; z-index: -1; position: absolute; left: 0; bottom: 3px; display: block; width: 100%; height: 1px; background-color: #1e1e1e; } .main-global-wrapper p > a, .main-global-wrapper .js-slide-anchor > a, .the-content p > a, .the-content .js-slide-anchor > a, .wp-block-group :not(.module) p > a, .wp-block-group :not(.module) .js-slide-anchor > a, .block-editor-block-list__layout > .block-editor-block-list__block p > a, .block-editor-block-list__layout > .block-editor-block-list__block .js-slide-anchor > a { color: #004289; text-decoration: underline; text-decoration: none; font-weight: 600; } .main-global-wrapper p > a::before, .main-global-wrapper .js-slide-anchor > a::before, .the-content p > a::before, .the-content .js-slide-anchor > a::before, .wp-block-group :not(.module) p > a::before, .wp-block-group :not(.module) .js-slide-anchor > a::before, .block-editor-block-list__layout > .block-editor-block-list__block p > a::before, .block-editor-block-list__layout > .block-editor-block-list__block .js-slide-anchor > a::before { width: 0; height: 2px; background-color: #004289; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; z-index: 1; } .main-global-wrapper p > a:hover:not(:active), .main-global-wrapper p > a:focus:not(:active), .main-global-wrapper .js-slide-anchor > a:hover:not(:active), .main-global-wrapper .js-slide-anchor > a:focus:not(:active), .the-content p > a:hover:not(:active), .the-content p > a:focus:not(:active), .the-content .js-slide-anchor > a:hover:not(:active), .the-content .js-slide-anchor > a:focus:not(:active), .wp-block-group :not(.module) p > a:hover:not(:active), .wp-block-group :not(.module) p > a:focus:not(:active), .wp-block-group :not(.module) .js-slide-anchor > a:hover:not(:active), .wp-block-group :not(.module) .js-slide-anchor > a:focus:not(:active), .block-editor-block-list__layout > .block-editor-block-list__block p > a:hover:not(:active), .block-editor-block-list__layout > .block-editor-block-list__block p > a:focus:not(:active), .block-editor-block-list__layout > .block-editor-block-list__block .js-slide-anchor > a:hover:not(:active), .block-editor-block-list__layout > .block-editor-block-list__block .js-slide-anchor > a:focus:not(:active) { text-decoration: none; } .main-global-wrapper p > a:hover:not(:active)::before, .main-global-wrapper p > a:focus:not(:active)::before, .main-global-wrapper .js-slide-anchor > a:hover:not(:active)::before, .main-global-wrapper .js-slide-anchor > a:focus:not(:active)::before, .the-content p > a:hover:not(:active)::before, .the-content p > a:focus:not(:active)::before, .the-content .js-slide-anchor > a:hover:not(:active)::before, .the-content .js-slide-anchor > a:focus:not(:active)::before, .wp-block-group :not(.module) p > a:hover:not(:active)::before, .wp-block-group :not(.module) p > a:focus:not(:active)::before, .wp-block-group :not(.module) .js-slide-anchor > a:hover:not(:active)::before, .wp-block-group :not(.module) .js-slide-anchor > a:focus:not(:active)::before, .block-editor-block-list__layout > .block-editor-block-list__block p > a:hover:not(:active)::before, .block-editor-block-list__layout > .block-editor-block-list__block p > a:focus:not(:active)::before, .block-editor-block-list__layout > .block-editor-block-list__block .js-slide-anchor > a:hover:not(:active)::before, .block-editor-block-list__layout > .block-editor-block-list__block .js-slide-anchor > a:focus:not(:active)::before { width: 100%; } .main-global-wrapper > p, .main-global-wrapper > ul, .main-global-wrapper > ol, .main-global-wrapper > ul.rich-text, .main-global-wrapper > ol.rich-text, .the-content > p, .the-content > ul, .the-content > ol, .the-content > ul.rich-text, .the-content > ol.rich-text, .wp-block-group :not(.module) > p, .wp-block-group :not(.module) > ul, .wp-block-group :not(.module) > ol, .wp-block-group :not(.module) > ul.rich-text, .wp-block-group :not(.module) > ol.rich-text, .block-editor-block-list__layout > .block-editor-block-list__block > p, .block-editor-block-list__layout > .block-editor-block-list__block > ul, .block-editor-block-list__layout > .block-editor-block-list__block > ol, .block-editor-block-list__layout > .block-editor-block-list__block > ul.rich-text, .block-editor-block-list__layout > .block-editor-block-list__block > ol.rich-text { max-width: 1060px; margin-left: auto; margin-right: auto; margin-bottom: 15px; margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 28px; padding-left: 0; font-size: 1.5em; font-weight: 300; line-height: 1.7; } .template-single-job-offer .editor p, .template-single-job-offer .editor ul, .template-single-job-offer .editor ol { font-size: 1.375rem; line-height: 1.8; } .main-global-wrapper > ul, .main-global-wrapper > ol, .main-global-wrapper > ul.rich-text, .main-global-wrapper > ol.rich-text, .the-content > ul, .the-content > ol, .the-content > ul.rich-text, .the-content > ol.rich-text, .wp-block-group :not(.module) > ul, .wp-block-group :not(.module) > ol, .wp-block-group :not(.module) > ul.rich-text, .wp-block-group :not(.module) > ol.rich-text, .block-editor-block-list__layout > .block-editor-block-list__block > ul, .block-editor-block-list__layout > .block-editor-block-list__block > ol, .block-editor-block-list__layout > .block-editor-block-list__block > ul.rich-text, .block-editor-block-list__layout > .block-editor-block-list__block > ol.rich-text { overflow: hidden; } .main-global-wrapper > ul li, .main-global-wrapper > ol li, .main-global-wrapper > ul.rich-text li, .main-global-wrapper > ol.rich-text li, .the-content > ul li, .the-content > ol li, .the-content > ul.rich-text li, .the-content > ol.rich-text li, .wp-block-group :not(.module) > ul li, .wp-block-group :not(.module) > ol li, .wp-block-group :not(.module) > ul.rich-text li, .wp-block-group :not(.module) > ol.rich-text li, .block-editor-block-list__layout > .block-editor-block-list__block > ul li, .block-editor-block-list__layout > .block-editor-block-list__block > ol li, .block-editor-block-list__layout > .block-editor-block-list__block > ul.rich-text li, .block-editor-block-list__layout > .block-editor-block-list__block > ol.rich-text li { position: relative; padding-top: 5px; padding-bottom: 5px; line-height: 125%; } .template-single-job-offer .editor ul li, .template-single-job-offer .editor ol li { margin-bottom: 15px; line-height: 1.7; } .main-global-wrapper > ul:not(.grid) li, .main-global-wrapper > ul.rich-text li, .the-content > ul:not(.grid) li, .the-content > ul.rich-text li, .wp-block-group :not(.module) > ul:not(.grid) li, .wp-block-group :not(.module) > ul.rich-text li, .block-editor-block-list__layout > .block-editor-block-list__block > ul:not(.grid) li, .block-editor-block-list__layout > .block-editor-block-list__block > ul.rich-text li { padding-left: 20px; } .main-global-wrapper > ul:not(.grid) li::before, .main-global-wrapper > ul.rich-text li::before, .the-content > ul:not(.grid) li::before, .the-content > ul.rich-text li::before, .wp-block-group :not(.module) > ul:not(.grid) li::before, .wp-block-group :not(.module) > ul.rich-text li::before, .block-editor-block-list__layout > .block-editor-block-list__block > ul:not(.grid) li::before, .block-editor-block-list__layout > .block-editor-block-list__block > ul.rich-text li::before { content: ''; position: absolute; top: 18px; left: 0; width: 6px; height: 6px; background-color: #ec1c2d; border-radius: 50%; } .template-single-job-offer .editor ul li::before { top: 21px; } .main-global-wrapper > ol, .main-global-wrapper > ol.rich-text, .the-content > ol, .the-content > ol.rich-text, .wp-block-group :not(.module) > ol, .wp-block-group :not(.module) > ol.rich-text, .block-editor-block-list__layout > .block-editor-block-list__block > ol, .block-editor-block-list__layout > .block-editor-block-list__block > ol.rich-text { counter-reset: list; } .main-global-wrapper > ol li, .main-global-wrapper > ol.rich-text li, .the-content > ol li, .the-content > ol.rich-text li, .wp-block-group :not(.module) > ol li, .wp-block-group :not(.module) > ol.rich-text li, .block-editor-block-list__layout > .block-editor-block-list__block > ol li, .block-editor-block-list__layout > .block-editor-block-list__block > ol.rich-text li { padding-left: 30px; } .main-global-wrapper > ol li::before, .main-global-wrapper > ol.rich-text li::before, .the-content > ol li::before, .the-content > ol.rich-text li::before, .wp-block-group :not(.module) > ol li::before, .wp-block-group :not(.module) > ol.rich-text li::before, .block-editor-block-list__layout > .block-editor-block-list__block > ol li::before, .block-editor-block-list__layout > .block-editor-block-list__block > ol.rich-text li::before { content: counter(list) "."; counter-increment: list; position: absolute; top: 11px; left: 5px; color: #4580c0; font-size: 1.125rem; line-height: 1; font-weight: 800; } .main-global-wrapper p > img, .main-global-wrapper p > figure, .the-content p > img, .the-content p > figure, .wp-block-group :not(.module) p > img, .wp-block-group :not(.module) p > figure, .block-editor-block-list__layout > .block-editor-block-list__block p > img, .block-editor-block-list__layout > .block-editor-block-list__block p > figure { display: block; height: auto; margin: 35px; border: 0; } .main-global-wrapper p > img:first-child, .main-global-wrapper p > figure:first-child, .the-content p > img:first-child, .the-content p > figure:first-child, .wp-block-group :not(.module) p > img:first-child, .wp-block-group :not(.module) p > figure:first-child, .block-editor-block-list__layout > .block-editor-block-list__block p > img:first-child, .block-editor-block-list__layout > .block-editor-block-list__block p > figure:first-child { margin-top: 7px; } .main-global-wrapper p > img.alignleft, .main-global-wrapper p > img.alignright, .main-global-wrapper p > figure.alignleft, .main-global-wrapper p > figure.alignright, .the-content p > img.alignleft, .the-content p > img.alignright, .the-content p > figure.alignleft, .the-content p > figure.alignright, .wp-block-group :not(.module) p > img.alignleft, .wp-block-group :not(.module) p > img.alignright, .wp-block-group :not(.module) p > figure.alignleft, .wp-block-group :not(.module) p > figure.alignright, .block-editor-block-list__layout > .block-editor-block-list__block p > img.alignleft, .block-editor-block-list__layout > .block-editor-block-list__block p > img.alignright, .block-editor-block-list__layout > .block-editor-block-list__block p > figure.alignleft, .block-editor-block-list__layout > .block-editor-block-list__block p > figure.alignright { max-width: 50%; } .main-global-wrapper p > img.alignleft, .main-global-wrapper p > figure.alignleft, .the-content p > img.alignleft, .the-content p > figure.alignleft, .wp-block-group :not(.module) p > img.alignleft, .wp-block-group :not(.module) p > figure.alignleft, .block-editor-block-list__layout > .block-editor-block-list__block p > img.alignleft, .block-editor-block-list__layout > .block-editor-block-list__block p > figure.alignleft { float: left; margin-left: 0; } .main-global-wrapper p > img.alignright, .main-global-wrapper p > figure.alignright, .the-content p > img.alignright, .the-content p > figure.alignright, .wp-block-group :not(.module) p > img.alignright, .wp-block-group :not(.module) p > figure.alignright, .block-editor-block-list__layout > .block-editor-block-list__block p > img.alignright, .block-editor-block-list__layout > .block-editor-block-list__block p > figure.alignright { float: right; margin-right: 0; } .main-global-wrapper p > img.aligncenter, .main-global-wrapper p > figure.aligncenter, .the-content p > img.aligncenter, .the-content p > figure.aligncenter, .wp-block-group :not(.module) p > img.aligncenter, .wp-block-group :not(.module) p > figure.aligncenter, .block-editor-block-list__layout > .block-editor-block-list__block p > img.aligncenter, .block-editor-block-list__layout > .block-editor-block-list__block p > figure.aligncenter { margin-right: auto; margin-left: auto; clear: both; } .main-global-wrapper p > figure, .the-content p > figure, .wp-block-group :not(.module) p > figure, .block-editor-block-list__layout > .block-editor-block-list__block p > figure { margin-top: 7px; } .main-global-wrapper p > figure img, .the-content p > figure img, .wp-block-group :not(.module) p > figure img, .block-editor-block-list__layout > .block-editor-block-list__block p > figure img { margin: 0 !important; } .main-global-wrapper p > figure figcaption, .the-content p > figure figcaption, .wp-block-group :not(.module) p > figure figcaption, .block-editor-block-list__layout > .block-editor-block-list__block p > figure figcaption { margin-top: 5px; font-size: .9em; line-height: 125%; font-style: italic; color: rgba(30, 30, 30, 0.75); } .content-container { max-width: 1060px; margin-left: auto; margin-right: auto; padding-left: 0; } .the-content > p, .the-content > ul, .the-content > ol, .the-content > ul.rich-text, .the-content > ol.rich-text, .wp-block-group .wp-block-group__inner-container > p, .wp-block-group .wp-block-group__inner-container > ul, .wp-block-group .wp-block-group__inner-container > ol, .wp-block-group .wp-block-group__inner-container > ul.rich-text, .wp-block-group .wp-block-group__inner-container > ol.rich-text { position: relative; z-index: 0; overflow: inherit; } .the-content > p::after, .the-content > ul::after, .the-content > ol::after, .the-content > ul.rich-text::after, .the-content > ol.rich-text::after, .wp-block-group .wp-block-group__inner-container > p::after, .wp-block-group .wp-block-group__inner-container > ul::after, .wp-block-group .wp-block-group__inner-container > ol::after, .wp-block-group .wp-block-group__inner-container > ul.rich-text::after, .wp-block-group .wp-block-group__inner-container > ol.rich-text::after { position: absolute; z-index: -1; left: 50%; top: 0; content: ''; width: 300%; height: 100%; background-color: white; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 750px) { .editor img, .editor img.alignleft, .editor img.alignright, .editor img.aligncenter, .editor figure, .editor figure.alignleft, .editor figure.alignright, .editor figure.aligncenter { display: block; max-width: 100%; margin: 30px auto !important; float: none; } .editor figure img { margin: 0 !important; } } @media only screen and (max-width: 37.4375em) { .editor h2 { margin-top: 50px; margin-bottom: 40px; font-size: 2.25em; line-height: 40px; } .editor h3 { margin-top: 40px; margin-bottom: 30px; font-size: 2em; line-height: 36px; } .editor h4 { margin-top: 40px; margin-bottom: 30px; color: #004289; font-size: 1.75em; font-weight: 600; line-height: 32px; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .section-heading { margin-bottom: 50px; text-align: center; } .module-newsroom-block .section-heading { margin-bottom: 56px; } .section-heading .section-label { display: inline-block; width: auto; } .section-heading .section-label + .section-title { margin-top: 35px; } .section-heading .section-title { max-width: 530px; margin: 0 auto; font-family: "Vinci sans", Arial, sans-serif; font-weight: bold; font-style: normal; color: #004289; } .section-heading .section-resume { margin: 0 auto; font-family: "Vinci sans", Arial, sans-serif; font-weight: bold; font-style: normal; color: #004289; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .section-heading .section-title { font-size: 2em; } } @media only screen and (min-width: 56.25em) { .section-heading .section-title { font-size: 3.125em; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .content-block .title { font-family: "Vinci sans", Arial, sans-serif; font-weight: bold; font-style: normal; color: #004289; } .content-block .text { color: #1e1e1e; font-family: "Vinci sans", Arial, sans-serif; font-weight: 300; font-style: normal; font-size: 1.375em; line-height: normal; } .content-block.white .title, .content-block.white .text { color: white; } @media only screen and (min-width: 37.5em) { .content-block.white-portrait .title, .content-block.white-portrait .text { color: white; } } @media only screen and (min-width: 56.25em) { .content-block.white-landscape .title, .content-block.white-landscape .text { color: white; } } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .content-block .title { margin-bottom: 20px; font-size: 2em; } .content-block .intern-link { margin-top: 25px; } } @media only screen and (min-width: 56.25em) { .content-block .title { margin-bottom: 30px; font-size: 3.625em; } .content-block .intern-link { margin-top: 35px; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .tag { color: var(--tag-color, #004289); font-size: 0.875rem; font-style: normal; font-weight: 500; line-height: 128.571%; /* 18px */ text-transform: uppercase; text-decoration: none; } .metas-illustration > *:last-child { position: relative; padding-right: 40px; } .metas-illustration > *:last-child::after { content: ""; position: absolute; top: calc(50% - 1px); right: 0; display: block; width: 25px; height: 1px; background-color: #ec1c2d; } .metas-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .metas-wrapper .date { margin-right: 20px; margin-bottom: 8px; font-family: "Vinci sans", Arial, sans-serif; font-weight: normal; font-style: normal; color: #181818; font-size: 0.875em; text-transform: uppercase; } .metas-wrapper .tags-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .metas-wrapper .tags-wrapper .tag:not(:last-child) { margin-right: 15px; } /* MEDIA QUERIES ---------------------------------------- */ /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .hp-banner { position: relative; } .hp-banner .shape-curve, .hp-banner .btn-scroll { display: none; } .hp-banner .slide-banner { position: relative; } .hp-banner .image { position: relative; background-size: cover; background-position: center center; } .hp-banner .image::before { position: absolute; z-index: 1; left: 0; top: 0; content: ""; width: 100%; height: 100%; background-color: rgba(24, 24, 24, 0.25); } .hp-banner .slick-arrow { z-index: 5; position: absolute; top: 70%; display: block; width: 60px; height: 60px; padding: 0; border-radius: 50%; background-color: rgba(255, 255, 255, 0.7); border: 3px solid white; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: .7; } .hp-banner .slick-arrow::before { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MS43MSA2Ni42MyIgYXJpYS1oaWRkZW49InRydWUiPgogIDxwYXRoIGQ9Ik03NS4zNCAzMS42N2wyIDItMiAyLTE2LjEzIDE1Ljg3YTIuNjQgMi42NCAwIDAxLTMuOC0uMDkgMi44MiAyLjgyIDAgMDEuMDktMy45MmwxMS4yOC0xMS4wOUgxN2EyLjc3IDIuNzcgMCAwMTAtNS41M2g0OS43OEw1NS41IDE5LjgyYTIuODIgMi44MiAwIDAxLS4wOS0zLjkyIDIuNjQgMi42NCAwIDAxMy44LS4wOXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K); display: block; background-size: 60px; -webkit-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .hp-banner .slick-arrow:hover { background-color: white; opacity: 1; } .hp-banner .slick-arrow[aria-disabled="true"] { opacity: 0.2; cursor: not-allowed; } .hp-banner .slick-arrow.slick-prev::before { -webkit-transform: scale(0.6) rotate(180deg); -o-transform: scale(0.6) rotate(180deg); transform: scale(0.6) rotate(180deg); } .hp-banner .slick-prev { right: calc(8% + 80px); } .hp-banner .slick-next { right: 8%; } .hp-banner .slick-dots { position: absolute; left: 50%; bottom: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .hp-banner .slick-dots li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 7px; margin-right: 7px; } .hp-banner .slick-dots li button { width: 9px; height: 9px; padding: 0; text-indent: -10000px; border: 1.5px solid white; background: transparent; border-radius: 10px; -webkit-transition: background-color 0.3s ease, border 0.3s ease, width 0.3s ease; -o-transition: background-color 0.3s ease, border 0.3s ease, width 0.3s ease; transition: background-color 0.3s ease, border 0.3s ease, width 0.3s ease; } .hp-banner .slick-dots li.slick-active button { width: 7px; height: 7px; border-color: transparent; background: white; } .hp-banner button#toggle { position: absolute; bottom: 0; right: 20px; background: white; color: darkblue; font-weight: bold; font-size: 13px; width: 35px; height: 35px; z-index: 3; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 37.4375em) { .hp-banner .slider-hp-banner { padding-bottom: 36px; } .hp-banner .site-container { z-index: 5; } .hp-banner .image { height: 550px; background-position: 78% top !important; } .hp-banner .image .video-container { width: 100%; height: 100%; } .hp-banner .image .video-container .video { width: 100%; height: 100%; } .hp-banner .slick-dots { bottom: 25px; } .hp-banner .slick-dots li button { width: 10px; height: 10px; background: rgba(69, 128, 192, 0.6); } .hp-banner .slick-dots li:hover button { background: #4580c0; } .hp-banner .slick-dots li.slick-active button { width: 16px; height: 16px; border-color: rgba(69, 128, 192, 0.6); } .hp-banner .slick-dots li.slick-active:hover button { background: transparent; border-color: #4580c0; } .hp-banner .content { position: relative; min-height: 175px; padding: 20px 25px; margin-top: -170px; background-color: white; } .hp-banner .content .tagline { font-size: 1.9375em; margin-bottom: 5px; } } @media only screen and (min-width: 37.5em) { .hp-banner { width: 100%; height: 100vh; } .hp-banner .slide-banner { min-height: 100vh; } .hp-banner .site-container { position: initial; z-index: 5; height: 100%; overflow: hidden; } .hp-banner .image { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .hp-banner .video-container { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } .hp-banner .video-container .video { width: 100vw; height: 56.25vw; } .hp-banner .content { z-index: 10; position: absolute; top: 0; left: 10%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; max-width: 550px; padding-bottom: 80px; } .hp-banner .content .tagline { font-size: 3.4375em; text-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .hp-banner .content .intern-link { position: absolute; top: 70%; left: 0; margin-top: 0; } } @media only screen and (min-width: 75em) { .hp-banner { height: 100vh; } .hp-banner .shape-curve { z-index: 2; position: absolute; bottom: -1px; left: 0; display: block; width: 100%; } .hp-banner .btn-scroll { z-index: 3; position: absolute; bottom: 0; left: calc(50% - 32px); display: inline-block; } .hp-banner .slick-dots { bottom: 102px; } .hp-banner .image { height: 100vh; } .hp-banner .content { max-width: 660px; } .hp-banner .content .tagline { font-size: 3.75em; } } @media (max-width: 1024px) and (min-height: 900px) { .hp-banner { height: 58vh; } .hp-banner .slide-banner { height: 58vh; min-height: auto; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .hp-keys .grid { display: -webkit-box; display: -ms-flexbox; display: flex; } .hp-keys .wrapper-image { background-size: cover; background-position: center center; } .hp-keys .wrapper-blue { background-color: #004289; } .hp-keys .wrapper-red { background-color: #ec1c2d; } .hp-keys .content { color: white; text-align: center; } .hp-keys .content .number, .hp-keys .content .label { display: block; margin: 0 auto; letter-spacing: 1px; } .hp-keys .content .number { font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } .hp-keys .content .label { text-transform: uppercase; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .hp-keys .grid { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .hp-keys .grid-1 .item:first-child { margin-bottom: 40px; } .hp-keys .wrapper-image, .hp-keys .wrapper-numeral { display: -webkit-box; display: -ms-flexbox; display: flex; height: 340px; margin-left: -30px; margin-right: -30px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .hp-keys .content .number { font-size: 4.375em; } .hp-keys .content .label { max-width: 200px; margin-top: 5px; font-size: 1.375em; } .hp-keys .content-block .section-label { margin-bottom: 35px; } } @media only screen and (min-width: 56.25em) { .hp-keys .content-block .title { font-size: 3em; } .hp-keys .grid { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .hp-keys .grid-2 { margin-top: 40px; } .hp-keys .grid .item + .item { margin-left: 50px; } .hp-keys .grid-1 .item { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .hp-keys .grid-2 .item:nth-child(1) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .hp-keys .grid-2 .item:nth-child(2) { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .hp-keys .grid-2 .item:nth-child(3) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .hp-keys .wrapper-image, .hp-keys .wrapper-numeral { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .hp-keys .wrapper-numeral.wrapper-image { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .hp-keys .wrapper-numeral { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .hp-keys .content { padding: 100px 20px; } .hp-keys .content .number { font-size: 5.625em; } .hp-keys .content .label { margin-top: 15px; font-size: 1.375em; } .hp-keys .wrapper-image .content { padding-right: 60px; } .hp-keys .content-block .section-label { margin-bottom: 50px; } } @media only screen and (max-width: 37.4375em) { .hp-keys .wrapper-image, .hp-keys .wrapper-numeral { height: 28vh; } } /* ANIMATIONS ---------------------------------------- */ .js-numerical-animation { opacity: 0; } .js-numerical-animation.finished { opacity: 1; } @media only screen and (max-width: 74.9375em) { .js-numerical-animation { opacity: 1; } } @-webkit-keyframes download-animation { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @-o-keyframes download-animation { 0% { -o-transform: translateY(0); transform: translateY(0); } 50% { -o-transform: translateY(-4px); transform: translateY(-4px); } 100% { -o-transform: translateY(0); transform: translateY(0); } } @keyframes download-animation { 0% { -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } .wp-admin div:not(.acf-block-preview) > .module[data-image-src], .wp-admin div:not(.acf-block-preview) > .module [data-image-src] { background-image: none !important; } .wp-admin .acf-block-preview [data-image-src] { background-size: cover; background-position: center center; } /* RATIO BLOCK ---------------------------------------- */ .ratio-wrapper { width: 100%; max-width: 400px; } .ratio-block { position: relative; height: 0; padding-top: 150%; background-size: cover; background-position: center center; } /* ZOOM ---------------------------------------- */ .zoom-link:hover:not(:active) .zoom-img, .zoom-link:focus:not(:active) .zoom-img { -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .zoom-container { overflow: hidden; } .zoom-img { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .spacer { height: 100px; } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module { position: relative; } .module + .module, .wp-block-group + .module, .wp-block > .wp-block-group, .wp-block .module, .module + .wp-block-group, .wp-block-group + .wp-block-group, .the-content > .wp-block-image, .module + .the-content > .module-keys, .module + .the-content > .module-slider-job, .module + .the-content > .module-block-media { margin-top: 12%; } @media only screen and (min-width: 56.25em) { .module + .module, .wp-block-group + .module, .wp-block > .wp-block-group, .wp-block .module, .module + .wp-block-group, .wp-block-group + .wp-block-group, .the-content > .wp-block-image, .module + .the-content > .module-keys, .module + .the-content > .module-slider-job, .module + .the-content > .module-block-media { margin-top: 100px; } } #wrapper + .module { margin-top: 12%; } @media only screen and (min-width: 56.25em) { #wrapper + .module { margin-top: 100px; } } .the-content > h2 + .wp-block-image, .the-content > h3 + .wp-block-image, .the-content > h4 + .wp-block-image { margin-top: 25px; } .wp-block-group__inner-container { background-color: white; } .has-text-align-left { background-color: white; } /* MEDIA QUERIES ---------------------------------------- */ /* PREVIEW GUTENBERG ---------------------------------------- */ .wp-block { font-family: "Vinci sans", Arial, sans-serif; } /** * GENERAL * MEDIA QUERIES */ body.layer-group-sites-is-expanded { overflow: hidden; } /* GENERAL ---------------------------------------- */ .layer-group-sites { position: fixed; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: translateY(-110%); -o-transform: translateY(-110%); transform: translateY(-110%); background-color: white; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .layer-group-sites.expanded { -webkit-transform: none; -o-transform: none; transform: none; } .layer-group-sites .heading .site-container { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .layer-group-sites .heading .layer-title { color: #4580c0; font-size: 1.75em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } .layer-group-sites .heading .btn-close { padding-right: 0; background-color: transparent; } .layer-group-sites .heading .btn-close svg { width: 18px; } .layer-group-sites .heading .btn-close svg * { fill: #ec1c2d; } .layer-group-sites .container { height: calc(100% - 100px); padding: 40px 0; overflow: auto; } .layer-group-sites .container .block { grid-column: 1/-1 !important; } .layer-group-sites .container .block + .block { margin-top: 50px; } .layer-group-sites .container .block-title { margin-bottom: 20px; color: #4580c0; font-size: 1.0625em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; letter-spacing: 1px; text-transform: uppercase; } .layer-group-sites .container .list { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .layer-group-sites .container .item + .item { margin-top: 8px; } .layer-group-sites .container .link { color: #004289; font-size: 1.25em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; text-decoration: none; } .layer-group-sites .container .link:hover:not(:active), .layer-group-sites .container .link:focus:not(:active) { color: #ec1c2d; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 74.9375em) { .layer-group-sites .container .list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media only screen and (max-width: 56.1875em) { .layer-group-sites .heading .site-container { height: 70px; } .layer-group-sites .heading .layer-title { font-size: 1.5625em; } .layer-group-sites .container { height: calc(100% - 70px); padding: 30px 0; } .layer-group-sites .container .list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media only screen and (max-width: 37.4375em) { .layer-group-sites .container .list { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .split-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .split-container .split-image { position: relative; background-size: cover; background-position: center top; } .split-container .btn-scroll { z-index: 2; position: absolute; bottom: 75px; left: 50%; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .split-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .split-container .split-wrapper { width: 100%; } .split-container .split-image { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; height: 470px; margin-bottom: 50px; } .split-container .split-content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .split-container .btn-scroll { display: none; } } @media only screen and (min-width: 56.25em) { .split-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .split-container .split-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50%; } .split-container .split-image { height: 650px; } .template-single-job-offer .split-image { height: auto; min-height: 650px; } } @media only screen and (min-width: 75em) { .split-container .split-image { min-height: calc(100vh - 150px); height: auto; } } /** * GENERAL * MEDIA QUERIES */ .module-page-heading.without-image { margin-top: 130px; margin-bottom: 130px; } @media only screen and (max-width: 56.1875em) { .module-page-heading.without-image { margin-top: 130px; margin-bottom: 50px; } } body[class*="formulaire"] .module-page-heading { display: none; } /* GENERAL ---------------------------------------- */ .module-page-heading .split-container .split-content .content-block .text { font-family: "Vinci sans", Arial, sans-serif; font-weight: normal; font-style: normal; color: #004289; font-size: 1.625em; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (min-width: 56.25em) { .module-page-heading.reverse .split-container { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media only screen and (max-width: 56.1875em) { .module-page-heading .split-container .split-image .outlined { display: none; } .module-page-heading .split-container .split-content .title { font-size: 2.5em; } } @media only screen and (min-width: 56.25em) { .module-page-heading .split-container .split-image { overflow: hidden; } .module-page-heading .split-container .split-image .outlined { z-index: 5; position: absolute; bottom: 100px; -webkit-text-stroke: 1px white; text-stroke: 1px white; font-size: 11.25em; } .module-page-heading .split-container .split-image:nth-child(1) .outlined { right: -30%; } .module-page-heading .split-container .split-image:nth-child(2) .outlined { left: -30%; } .module-page-heading .split-container .split-wrapper.split-image + .split-content .site-container { max-width: 640px; padding: 55px 70px; } .module-page-heading .split-container .split-content:first-child .content-block { max-width: 398px; } .module-page-heading .split-container .split-content + .split-content .site-container { padding-top: 17px; padding-left: 20px; } } @media only screen and (min-width: 56.25em) { .module-page-heading.without-image .split-container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } #editor .module-focus-50 .outlined { top: 22.5%; left: -1%; margin-top: 0; margin-bottom: 0; } #editor .module-focus-50.image-left .outlined { right: -30%; } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-links-highlight { background-size: cover; background-position: center center; overflow: hidden; } .module-links-highlight::after { z-index: 0; position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(55%, rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.6))); background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, rgba(0, 0, 0, 0.6) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, rgba(0, 0, 0, 0.6) 100%); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, rgba(0, 0, 0, 0.6) 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 55%, rgba(0, 0, 0, 0.6) 100%); } .module-links-highlight::before { z-index: 0; opacity: 15%; position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background-color: #282828; } .module-links-highlight .titles { z-index: 2; position: relative; color: white; text-align: center; } .module-links-highlight .titles .section-title { font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; color: white; font-size: 1.1875em; } .module-links-highlight .titles .section-subtitle { font-family: "Vinci sans", Arial, sans-serif; font-weight: bold; font-style: normal; line-height: 1.2; color: white !important; } .module-links-highlight .list { z-index: 1; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .module-links-highlight .list .item { position: relative; } .module-links-highlight .list .link { color: white; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .module-links-highlight::after { display: none; } .module-links-highlight::before { opacity: 100%; background-color: rgba(0, 0, 0, 0.25); } .module-links-highlight .titles { margin-top: 30px; margin-bottom: 120px; } .module-links-highlight .titles .section-subtitle { margin-top: 20px; font-size: 2.5em; } .module-links-highlight .list { bottom: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .module-links-highlight .list .link { padding: 20px 16% 20px 20px; border-top: 1px solid rgba(255, 255, 255, 0.3); font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 1.5625em; } .module-links-highlight .list .link .touch { position: absolute; top: calc(50% - 5px); right: 40px; display: inline-block; width: 10px; height: 10px; background-color: white; border-radius: 50%; } .module-links-highlight .list .link .touch::before, .module-links-highlight .list .link .touch::after { content: ""; position: absolute; top: calc(50% - 11px); left: calc(50% - 11px); display: inline-block; width: 22px; height: 22px; border: 1px solid white; border-radius: 50%; } .module-links-highlight .list .link .touch::before { top: calc(50% - 11px); left: calc(50% - 11px); width: 22px; height: 22px; opacity: .6; } .module-links-highlight .list .link .touch::after { top: calc(50% - 18px); left: calc(50% - 18px); width: 36px; height: 36px; opacity: .2; } .module-links-highlight .list .content .excerpt { display: none; } } @media only screen and (min-width: 56.25em) { .module-links-highlight { height: 800px; } .module-links-highlight .titles { z-index: 2; position: relative; margin-top: 45px; } .module-links-highlight .titles .section-subtitle { margin-top: 20px; font-size: 3em; } .module-links-highlight .list { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; margin: 0; } .module-links-highlight .list::before { position: absolute; left: 0; top: 0; content: ''; width: 1px; height: 100%; } .module-links-highlight .list .item { height: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .module-links-highlight .list .item + .item .link { border-left: 1px solid rgba(255, 255, 255, 0.5); } .module-links-highlight .list .link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 100%; padding-bottom: 80px; } .module-links-highlight .list .link:hover:not(:active) .content, .module-links-highlight .list .link:focus:not(:active) .content { opacity: 1; } .module-links-highlight .list .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; padding: 0 45px; text-align: center; opacity: .6; -webkit-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .wp-admin .module-links-highlight .list .content { bottom: 150px; padding-left: 4%; padding-right: 4%; } .module-links-highlight .list .content .title { margin: 0; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 2.1875em; line-height: 1.2; } .module-links-highlight .list .content .excerpt { display: none; margin-top: 20px; font-size: 1.125em; line-height: 1.4; } .wp-admin .module-links-highlight .list .content .excerpt { font-family: Arial; font-size: 0.9375em; } } /* PREVIEW GUTENBERG ---------------------------------------- */ .acf-block-preview .module-links-highlight { height: 600px; } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-pages-highlight { background-color: white; } .module-pages-highlight .card-grid .item .card::before { position: absolute; z-index: 1; left: 0; top: 0; content: ''; width: 100%; height: 100%; background-color: transparent; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(63%, rgba(255, 255, 255, 0)), to(rgba(24, 24, 24, 0.6))); background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(24, 24, 24, 0.6) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(24, 24, 24, 0.6) 100%); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(24, 24, 24, 0.6) 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 63%, rgba(24, 24, 24, 0.6) 100%); } /* MEDIA QUERIES ---------------------------------------- */ .module-focus-50 { background-color: white; } .module-focus-50 .site-container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; max-width: none; padding-right: 0; padding-left: 0; } .module-focus-50 .site-container .content-container { padding-left: 20px; padding-right: 20px; } .module-focus-50 .site-container .btn-scroll { z-index: 2; position: absolute; bottom: 50px; left: 50%; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .module-focus-50 .image-container { min-height: 70vh; background-size: cover; background-position: center center; } .module-focus-50 .content-wrapper { max-width: 550px; } .module-focus-50 .content-wrapper .section-label { margin-bottom: 40px; } .module-focus-50 .content-wrapper .content, .module-focus-50 .content-wrapper .section-label { position: relative; z-index: 1; } .module-focus-50 .wrapper-contact-button { max-width: none; } .module-focus-50 .wrapper-contact-button .intern-link { display: none; } .module-focus-50 .wrapper-contact-form { max-width: none; } .module-focus-50 .gform_confirmation_wrapper { margin-top: 70px; } .module-focus-50 .gfield_radio label { white-space: nowrap; } @media only screen and (max-width: 56.1875em) { .module-focus-50 .site-container { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .module-focus-50 .site-container .btn-scroll { display: none; } .module-focus-50 .image-container { height: 480px !important; margin-top: 40px; margin-left: -30px; margin-right: -30px; } } @media only screen and (min-width: 56.25em) { .module-focus-50 .site-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .module-focus-50 .content-container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-preferred-size: 50%; flex-basis: 50%; overflow: hidden; } .module-focus-50 .image-container { height: auto; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .module-focus-50 .content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 100%; background-color: #FFFFFF; } .module-focus-50 .content-wrapper .section-label { margin-bottom: 170px; } .module-focus-50 .content-wrapper .outlined { z-index: 0; top: 0; left: 13%; font-size: 11vw; } .module-focus-50 .content-wrapper .outlined-word { top: 180px; white-space: nowrap; } .module-focus-50 .content-wrapper .content { max-width: 420px; margin: 0 auto; } .module-focus-50 .content-wrapper .content.contact-form { max-width: 550px; width: 80%; } .module-focus-50 .content-wrapper.visible-contact { z-index: 1; -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .module-focus-50 .wrapper-contact-button { margin: 80px auto; } #editor .module-focus-50 .wrapper-contact-button .title { margin-top: 0; } .module-focus-50 .wrapper-contact-button .intern-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .module-focus-50 .wrapper-contact-form { margin: 25px auto 40px; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; -o-transition: -o-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; } .module-focus-50.image-left .content-container { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .module-focus-50.image-left .image-container { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .module-focus-50.image-left .content-wrapper .section-label { text-align: right; } .module-focus-50.image-left .content-wrapper .outlined { left: -30px; } } @media only screen and (min-width: 90em) { .module-focus-50 .wrapper-contact-button { margin-top: 130px; margin-bottom: 130px; } } @media only screen and (min-width: 900px) and (max-height: 900px) { .module-focus-50 .image-container { min-height: calc(100vh - var(--header-height)); } .module-focus-50 .wrapper-contact-button { margin-top: 90px; margin-bottom: 90px; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-focus .outlined { z-index: -110; top: -120px; font-size: 11vw; } .wp-block-group .module-focus .outlined { font-size: 11vw; } .module-focus .container { position: relative; } .module-focus .content-wrapper .title { font-family: "Vinci sans", Arial, sans-serif; font-weight: bold; font-style: normal; } .module-focus .content-wrapper .title.title-talents { font-size: 2.375em; line-height: 1.25; } .module-focus .image-wrapper { background-size: cover; background-position: center center; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .module-focus .section-label { margin-bottom: 35px; } .module-focus .image-wrapper { height: 470px; margin-top: 40px; margin-left: -30px; margin-right: -30px; } } @media only screen and (min-width: 56.25em) { .module-focus .section-label { padding-left: 120px; margin-bottom: 70px; } .module-focus .site-container { max-width: 100%; padding-left: 0; padding-right: 0; } .module-focus .outlined { right: 200px; } .module-focus .container { height: 660px; } .module-focus .content-wrapper { z-index: 1; position: absolute; top: 50%; left: 10%; width: 100%; max-width: 500px; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .module-focus .content-wrapper.content-wrapper-talents { max-width: 460px; } .module-focus .image-wrapper { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .module-focus.content-right .section-label { padding-left: 0; padding-right: 120px; text-align: right; } .module-focus.content-right .outlined { right: auto; left: 200px; } .module-focus.content-right .content-wrapper { left: auto; right: 10%; } } @media only screen and (max-width: 37.4375em) { .module-focus .image-wrapper { height: 33vh; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-latest-news .news-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .module-latest-news .news-list .item > * { -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } .module-latest-news .news-list.highlight .item > * { opacity: 0.5; } .module-latest-news .news-list.highlight .item > *:hover, .module-latest-news .news-list.highlight .item > *:focus, .module-latest-news .news-list.highlight .item > *:active { opacity: 1; } .module-latest-news .article .media-wrapper .ratio { position: relative; padding-top: 70%; } .module-latest-news .article .media-wrapper .bg-img { z-index: 0; } .module-latest-news .article .title { font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; color: #004289; text-decoration: none; position: relative; background-position: 0% 100%; background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, right top, from(#ec1c2d), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, #ec1c2d, rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(left, #ec1c2d, rgba(255, 255, 255, 0)); background-image: linear-gradient(90deg, #ec1c2d, rgba(255, 255, 255, 0)); background-size: 0px 100%; padding-left: 0px; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .module-latest-news .article:hover:not(:active) .title, .module-latest-news .article:focus:not(:active) .title { color: #4580c0; padding-left: 15px; background-size: 2px 100%; } .module-latest-news .intern-link-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 70px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .module-latest-news .news-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .module-latest-news .item { width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; } .module-latest-news .item + .item { margin-top: 70px; } .module-latest-news .article .media-wrapper { margin-bottom: 25px; } .module-latest-news .article .metas-wrapper { margin-bottom: 10px; } .module-latest-news .article .metas-wrapper .video-cover::before { top: calc(50% - 30px); left: calc(50% - 30px); width: 60px; height: 60px; } .module-latest-news .article .title { font-size: 1.5em; line-height: 1.3; } } @media only screen and (min-width: 56.25em) { .module-latest-news .news-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .module-latest-news .item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .module-latest-news .item:not(:last-child) { margin-right: 20px; } .module-latest-news .article .media-wrapper { margin-bottom: 45px; } .module-latest-news .article .metas-wrapper { margin-bottom: 20px; } .module-latest-news .article .title { font-size: 1.625em; } } @media only screen and (min-width: 75em) { .module-latest-news .item:not(:last-child) { margin-right: 40px; } } /* PREVIEW BO ---------------------------------------- */ .acf-block-preview .module-latest-news .article .title { margin: 0; } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-static-map { overflow: hidden; background-color: #ffffff; } .module-static-map::before { z-index: -1; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #004289; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), to(#000)); background-image: -webkit-linear-gradient(transparent 60%, #000); background-image: -o-linear-gradient(transparent 60%, #000); background-image: linear-gradient(transparent 60%, #000); } .module-static-map .image-container { position: relative; overflow: hidden; background-repeat: no-repeat; } .module-static-map .content-wrapper { max-width: 430px; } .gmap div[title=marker] { opacity: 1 !important; -webkit-animation: markerAppear .4s both; -o-animation: markerAppear .4s both; animation: markerAppear .4s both; } .gmap div[title=marker] img { content: ''; position: absolute !important; top: calc(50% - 4px) !important; left: calc(50% - 4px) !important; background: -webkit-radial-gradient(#f61d30, #d72439) !important; background: -o-radial-gradient(#f61d30, #d72439) !important; background: radial-gradient(#f61d30, #d72439) !important; width: 8px !important; height: 8px !important; border-radius: 8px !important; } .gmap div[title=marker]::after, .gmap div[title=marker]::before { content: ''; position: absolute; top: calc(50% - 12px); left: calc(50% - 12px); border: solid 1px #f61d30; width: 24px; height: 24px; border-radius: 24px; -webkit-animation: markerPulse 2s infinite linear; -o-animation: markerPulse 2s infinite linear; animation: markerPulse 2s infinite linear; } .gmap div[title=marker]::after { -webkit-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes markerAppear { from { -webkit-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); transform: scale(1); } } @-o-keyframes markerAppear { from { -o-transform: scale(0); transform: scale(0); } to { -o-transform: scale(1); transform: scale(1); } } @keyframes markerAppear { from { -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); } to { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @-webkit-keyframes markerPulse { from { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 90% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @-o-keyframes markerPulse { from { -o-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 90% { -o-transform: scale(1); transform: scale(1); opacity: 0; } to { -o-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes markerPulse { from { -webkit-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); opacity: 1; } 90% { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; } to { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; } } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .module-static-map .image-container { background-size: 95%; background-position: bottom center; padding-bottom: 55%; } .module-static-map .content-wrapper { margin: 30px 0; } .module-static-map .content-wrapper .section-label { display: none; } } @media only screen and (min-width: 56.25em) { .module-static-map .image-container { margin: 90px 0; background-size: calc(90% - 430px); background-position: right 10% center; } .module-static-map .content-wrapper { margin: 100px 0; margin-left: 5%; } .module-static-map .content-wrapper .section-label { margin-bottom: 35px; } } @media only screen and (min-width: 90em) { .module-static-map .image-container { background-size: contain; } .module-static-map .content-wrapper { margin-left: 0; } } @media only screen and (min-width: 90em) and (max-width: 105em) { .module-static-map .image-container { background-size: auto 90%; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .media-wrapper { position: relative; } .media-wrapper .media-image { display: block; margin: 0 auto; } .media-wrapper .ratio { position: relative; display: block; width: 100%; height: 0; background-size: cover; background-position: center center; } .media-wrapper .video-cover::before { content: ""; z-index: 1; position: absolute; top: calc(50% - 30px); left: calc(50% - 30px); display: block; width: 60px; height: 60px; background-color: transparent; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSI+CjxyZWN0IHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgcng9IjMyIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMjUgMjIuNDY2N0MyNSAyMS45NTMzIDI1LjI5MzMgMjEuNDQgMjUuNzMzMyAyMS4yMkMyNi4xNzMzIDIwLjkyNjcgMjYuNzYgMjAuOTI2NyAyNy4yIDIxLjIyTDQzLjMzMzMgMzAuNzUzM0M0My43NzMzIDMxLjA0NjcgNDQuMDY2NyAzMS40ODY3IDQ0LjA2NjcgMzJDNDQuMDY2NyAzMi41MTMzIDQzLjc3MzMgMzMuMDI2NyA0My4zMzMzIDMzLjI0NjdMMjcuMiA0Mi43OEMyNi45OCA0Mi45MjY3IDI2LjY4NjcgNDMgMjYuNDY2NyA0M0MyNi4yNDY3IDQzIDI1Ljk1MzMgNDIuOTI2NyAyNS43MzMzIDQyLjc4QzI1LjI5MzMgNDIuNDg2NyAyNSA0Mi4wNDY3IDI1IDQxLjUzMzNWMjIuNDY2N1oiIGZpbGw9IiMwMDQyODkiLz4KPGNpcmNsZSBjeD0iMzIiIGN5PSIzMiIgcj0iMzEuNSIgc3Ryb2tlPSJ3aGl0ZSIvPgo8L3N2Zz4K); background-repeat: no-repeat; background-size: contain; background-position: center center; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .media-wrapper .video-iframe { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .media-wrapper .video-iframe.visible { z-index: 5; } .module-block-media { background-color: white; } .module-block-media .media-wrapper { max-width: 1060px; margin: 0 auto; } .module-block-media .media-wrapper .ratio { padding-top: 56%; } .module-block-media .media-wrapper .video-cover:hover::before, .module-block-media .media-wrapper .video-cover:focus::before { width: 60px; height: 60px; -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /* MEDIA QUERIES ---------------------------------------- */ /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-realisation { position: relative; } .module-realisation .highlight-container { position: relative; display: block; background-size: cover; background-position: center center; text-decoration: none; } .module-realisation .highlight-container .section-label { z-index: 5; position: absolute; } .module-realisation .highlight-container .content { position: absolute; width: 100%; max-width: 550px; padding: 0 30px; } .module-realisation .highlight-container .content .tags-wrapper .tag { display: inline-block; color: white; font-size: 1.125em; letter-spacing: 1px; } .module-realisation .highlight-container .content .tags-wrapper .tag::after { display: none; } .module-realisation .highlight-container .content .title { font-family: "Vinci sans", Arial, sans-serif; font-weight: bold; font-style: normal; color: white; line-height: 1.2; } .module-realisation .highlight-container .infos { position: absolute; padding: 0 30px; } .module-realisation .highlight-container .infos .info { color: white; } .module-realisation .highlight-container .infos .info + .info { margin-top: 25px; } .module-realisation .highlight-container .infos .info .label { display: block; margin-bottom: 5px; font-size: 1.125em; text-transform: uppercase; letter-spacing: 1px; } #editor .module-realisation .highlight-container .infos .info .label { margin-bottom: 0px; } .module-realisation .highlight-container .infos .info .text { display: block; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 1.75em; } #editor .module-realisation .highlight-container .infos .info .text { line-height: 1; } .module-realisation-highlight .highlight-container::after { background-image: -webkit-linear-gradient(top, transparent 38%, rgba(0, 0, 0, 0.25) 100%); background-image: -o-linear-gradient(top, transparent 38%, rgba(0, 0, 0, 0.25) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(38%, transparent), to(rgba(0, 0, 0, 0.25))); background-image: linear-gradient(to bottom, transparent 38%, rgba(0, 0, 0, 0.25) 100%); position: absolute; z-index: -1; left: 0; top: 0; content: ''; width: 100%; height: 100%; } .module-realisations-focus { display: -webkit-box; display: -ms-flexbox; display: flex; } .module-realisations-focus .highlight-container { overflow: hidden; background-size: cover; -webkit-transition: background-size .7s ease-out; -o-transition: background-size .7s ease-out; transition: background-size .7s ease-out; } .module-realisations-focus .highlight-container:hover { background-size: cover; } .module-realisations-focus .infos { display: none; } .module-realisations-focus .secondary-container .site-container { max-width: 700px; padding-top: 11%; padding-bottom: 8%; } .module-realisations-focus .secondary-container .secondary-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .module-realisations-focus .secondary-container .secondary-list .realisation { display: block; text-decoration: none; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } .module-realisations-focus .secondary-container .secondary-list .realisation .image-ratio-wrapper { overflow: hidden; } .module-realisations-focus .secondary-container .secondary-list .realisation .image-wrapper { background-repeat: no-repeat; -webkit-transition: -webkit-transform .7s ease-out; transition: -webkit-transform .7s ease-out; -o-transition: -o-transform .7s ease-out; transition: transform .7s ease-out; transition: transform .7s ease-out, -webkit-transform .7s ease-out, -o-transform .7s ease-out; } .module-realisations-focus .secondary-container .secondary-list .realisation .title { position: relative; line-height: 1.4; font-weight: 600; padding-right: 15px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .module-realisations-focus .secondary-container .secondary-list .realisation .title::before { position: absolute; left: 0; top: 0; content: ''; width: 0; height: 100%; background-color: #ec1c2d; -webkit-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; } .module-realisations-focus .secondary-container .secondary-list .realisation:hover:not(:active) .image-wrapper, .module-realisations-focus .secondary-container .secondary-list .realisation:focus:not(:active) .image-wrapper { -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .module-realisations-focus .secondary-container .secondary-list .realisation:hover:not(:active) .title, .module-realisations-focus .secondary-container .secondary-list .realisation:focus:not(:active) .title { color: #4580c0; padding-left: 15px; padding-right: 0; } .module-realisations-focus .secondary-container .secondary-list .realisation:hover:not(:active) .title::before, .module-realisations-focus .secondary-container .secondary-list .realisation:focus:not(:active) .title::before { width: 2px; } .module-realisations-focus .secondary-container .secondary-list .metas-wrapper .tag { display: block; } .module-realisations-focus .secondary-container .secondary-list .title { font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; position: relative; color: #004289; background-position: 0% 100%; background-repeat: no-repeat; background-image: -webkit-gradient(linear, left top, right top, from(#ec1c2d), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, #ec1c2d, rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(left, #ec1c2d, rgba(255, 255, 255, 0)); background-image: linear-gradient(90deg, #ec1c2d, rgba(255, 255, 255, 0)); background-size: 0px 100%; padding-left: 0px; -webkit-transition: background-size .3s ease-out, padding-left .3s ease-out; -o-transition: background-size .3s ease-out, padding-left .3s ease-out; transition: background-size .3s ease-out, padding-left .3s ease-out; } .module-realisations-focus .secondary-container .secondary-list.highlight .item > * { opacity: 0.5; } .module-realisations-focus .secondary-container .secondary-list.highlight:hover, .module-realisations-focus .secondary-container .secondary-list.highlight:focus, .module-realisations-focus .secondary-container .secondary-list.highlight:active { opacity: 1; } .module-realisations-focus .secondary-container .intern-link-wrapper { margin-top: 60px; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 74.9375em) { .module-realisation .image-ratio-wrapper { max-height: 370px; } } @media only screen and (max-width: 37.4375em) { .module-realisations-focus .secondary-container .secondary-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .module-realisations-focus .secondary-container .secondary-list .item + .item { margin-top: 40px; } } @media only screen and (max-width: 56.1875em) { .module-realisation .highlight-container { max-height: auto; margin-top: 0; } .module-realisation .image-ratio-wrapper { max-height: auto; } .module-realisation .secondary-container .site-container { padding-top: 3%; padding-bottom: 8%; } .highlight-container { height: 472px; } .highlight-container .section-label { top: 40px; right: 20px; } .highlight-container .content { bottom: 30px; left: 0; } .highlight-container .content .tags-wrapper { margin-bottom: 15px; } .highlight-container .content .title { font-size: 1.875em; } .highlight-container .infos { display: none; } .module-realisation-highlight .highlight-container .content { bottom: 30px; left: 0; } .module-realisations-focus { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .module-realisations-focus .highlight-container, .module-realisations-focus .secondary-container { width: 100%; } .module-realisations-focus .secondary-container { margin-top: 50px; } .module-realisations-focus .secondary-container .section-label { display: none; } .module-realisations-focus .secondary-container .secondary-list .item { max-width: 300px; } .module-realisations-focus .secondary-container .secondary-list .metas-wrapper { margin: 25px 0; } .module-realisations-focus .secondary-container .secondary-list .title { font-size: 1.5em; } .module-realisations-focus .secondary-container .intern-link-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (min-width: 37.5em) { .module-realisations-focus .secondary-container .secondary-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .module-realisations-focus .secondary-container .secondary-list .item { width: 50%; } .module-realisations-focus .secondary-container .secondary-list .item + .item { margin-left: 40px; } } @media only screen and (min-width: 56.25em) { .highlight-container { height: 650px; } .highlight-container .section-label { top: 15%; right: 160px; } .highlight-container .content .tags-wrapper { margin-bottom: 20px; } .highlight-container .content .title { font-size: 2.8125em; } .highlight-container .infos { right: 60px; bottom: 60px; } .module-realisation-highlight { width: 100vw; position: relative; left: 50%; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-size: cover; } #editor .module-realisation-highlight { max-width: 100%; } .module-realisation-highlight .highlight-container { max-width: 100%; position: relative; margin-left: auto; margin-right: auto; } .module-realisation-highlight .highlight-container .content { left: 60px; bottom: 60px; } .module-realisations-focus { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .module-realisations-focus .highlight-container, .module-realisations-focus .secondary-container { width: 50%; height: auto; } .module-realisations-focus .highlight-container .section-label { display: none; } .module-realisations-focus .highlight-container .content { bottom: 90px; left: 5%; } .module-realisations-focus .secondary-container { margin-left: 50px; } .module-realisations-focus .secondary-container .section-label { margin-bottom: 65px; text-align: right; } .module-realisations-focus .secondary-container .secondary-list .metas-wrapper { margin: 30px 0; } .module-realisations-focus .secondary-container .secondary-list .title { font-size: 1.75em; } } @media only screen and (min-width: 75em) { .highlight-container { height: 870px; } .highlight-container .infos { right: 140px; bottom: 100px; } .module-realisation-highlight .highlight-container .content { left: 140px; bottom: 100px; } } /* PREVIEW GUTENBERG ---------------------------------------- */ .acf-block-preview .module-realisation-highlight .highlight-container { background-size: cover; background-position: center center; } .acf-block-preview .module-realisation-highlight .highlight-container .content { left: 40px; bottom: 40px; } .acf-block-preview .module-realisation-highlight .highlight-container .content .title { margin-top: 0; margin-bottom: 0; } .acf-block-preview .module-realisation-highlight .highlight-container .infos { right: 40px; bottom: 40px; } .acf-block-preview .module-realisations-focus .highlight-container .content .title { margin: 0; } .acf-block-preview .module-realisations-focus .secondary-container .secondary-list .title { margin: 0; line-height: normal; } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-realisations-list .filters-container { position: relative; z-index: 1; } @media only screen and (max-width: 37.4375em) { .module-realisations-list .filters-container { position: initial; } } /* MEDIA QUERIES ---------------------------------------- */ .module-realisations-list .site-container { max-width: 1280px; margin: 0 auto; } @media only screen and (min-width: 37.5em) { .module-realisations-list .filters-container { margin-bottom: 45px; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-realisations-list .card-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; max-width: 1280px; margin: 0 auto; } .module-realisations-list .card-grid .item { width: calc(33.333% - 40px*2/3); margin-right: 40px; } .module-realisations-list .card-grid .item:nth-child(3n) { margin-right: 0; } .module-realisations-list .card-grid .item:nth-child(3) ~ .item { margin-top: 40px; } .module-realisations-list .card { position: relative; overflow: hidden; } .module-realisations-list .card .thumbnail { position: absolute; top: -3px; left: -3px; width: calc(100% + 3px*2); height: calc(100% + 3px*2); background-size: cover; -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .module-realisations-list .card .thumbnail::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background-color: #000000; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .module-realisations-list .card .content { opacity: 0; -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: all .8s ease; -o-transition: all .8s ease; transition: all .8s ease; } .module-realisations-list .card .tags-wrapper { margin-bottom: 60px; } .module-realisations-list .card .tags-wrapper .tag { color: white; font-size: 1.125em; text-transform: uppercase; } .module-realisations-list .card:hover:not(:active) .thumbnail, .module-realisations-list .card:focus:not(:active) .thumbnail { -webkit-filter: blur(3px); filter: blur(3px); } .module-realisations-list .card:hover:not(:active) .thumbnail::before, .module-realisations-list .card:focus:not(:active) .thumbnail::before { opacity: 0.35; } .module-realisations-list .card:hover:not(:active) .content, .module-realisations-list .card:focus:not(:active) .content { opacity: 1; -webkit-transform: none; -o-transform: none; transform: none; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .module-realisations-list .card-grid .item { width: calc(50% - 40px/2); } .module-realisations-list .card-grid .item:nth-child(3n) { margin-right: 40px; } .module-realisations-list .card-grid .item:nth-child(2n) { margin-right: 0; } .module-realisations-list .card-grid .item:nth-child(3) ~ .item { margin-top: 0; } .module-realisations-list .card-grid .item:nth-child(2) ~ .item { margin-top: 40px; } } @media only screen and (max-width: 37.4375em) { .module-realisations-list .card-grid .item { width: calc(100%); margin-right: 0; margin-top: 30px; } .module-realisations-list .card-grid .item:first-child { margin-top: 0; } .module-realisations-list .card-grid .item:nth-child(3n) { margin-right: 0; } .module-realisations-list .card-grid .item:nth-child(2) ~ .item { margin-top: 30px; } .module-realisations-list .card-grid .item .ratio-wrapper { max-width: 300px; margin: 0 auto; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-article-header .split-content .site-container { max-width: 560px; } .module-article-header .split-content .content .title { font-size: 3em; } .module-article-header .split-content .content .text { font-family: "Vinci sans", Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 1.5em; } .module-article-header .expert { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 30px; } .module-article-header .expert .image-wrapper { width: 96px; height: 96px; margin-right: 20px; background-size: cover; background-position: center center; border-radius: 50%; overflow: hidden; } .module-article-header .expert .details { color: #004289; } .module-article-header .expert .name { display: block; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 0.875em; text-transform: uppercase; } .module-article-header .expert .job { display: block; margin-top: 5px; font-size: 0.875em; } .module-article-header .expert .social-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } .module-article-header .expert .social { width: 20px; height: 20px; } .module-article-header .expert .social:not(:last-child) { margin-right: 10px; } .module-article-header .expert .social:nth-child(2) { margin-top: 4px; } .module-article-header .expert .social:hover svg * { fill: #4580c0; } .module-article-header .expert .social svg { max-width: 20px; } .module-article-header .expert .social svg * { fill: #004289; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } /* MEDIA QUERIES ---------------------------------------- */ /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-keys { background-color: white; } .module-keys .section-heading .section-title { max-width: 522px; } .module-keys .keys-grid { display: -webkit-box; display: -ms-flexbox; display: flex; } .module-keys .key { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .module-keys .key .icon { margin-bottom: 25px; width: 100%; height: 62px; background-repeat: no-repeat; background-size: contain; background-position: center center; } .module-keys .key .number { color: #004289; } .module-keys .key .label { max-width: 206px; margin-top: 16px; color: #004289; font-size: 1.375em; line-height: 1.4; text-transform: uppercase; text-align: center; } .module-keys .key .description { margin-top: 24px; font-family: "Vinci sans", Arial, sans-serif; font-weight: 300; font-style: normal; font-size: 1.125em; line-height: 1.55; color: #004289; text-align: center; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .module-keys .section-heading { margin-bottom: 50px; } .module-keys .keys-grid { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .module-keys .key { width: 100%; } .module-keys .key + .key { margin-top: 50px; } .module-keys .key .number { font-size: 3.75em; } } @media only screen and (min-width: 56.25em) { .module-keys .section-heading { margin-bottom: 75px; } .module-keys .section-heading .section-title { font-size: 62px; } .module-keys .keys-grid { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .module-keys .key { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 380px; } .module-keys .key .number { font-size: 6.25em; } } /* PREVIEW BO ---------------------------------------- */ .acf-block-preview .module-keys .key .number { opacity: 1; line-height: 1; } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-quote { background-color: white; overflow: visible; } .module-quote .icon-double-quotes { position: absolute; z-index: -1; top: -75px; right: 0; display: block; width: 150px; height: 150px; } .module-quote .icon-double-quotes svg { stroke: #d9e8f7; fill: transparent; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .module-quote .icon-double-quotes ~ div { z-index: 1; } .module-quote .editorial-container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .module-quote .image-wrapper { width: 263px; } .module-quote .quotation-wrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 40px; border-left: 6px solid #ec1c2d; } .module-quote .quotation { position: relative; z-index: 1; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; color: #004289; font-size: 2.8125em; line-height: 1.3; /* &::before { content: '« '; } &::after { content: ' »'; } */ } #editor .module-quote .quotation { margin-left: 0; margin-right: 0; } .module-quote .quotation p { font-weight: 600 !important; } .module-quote .details { margin-top: 30px; line-height: 22px; } .module-quote .author, .module-quote .function { font-size: 1em; text-transform: uppercase; } .module-quote .author { font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; color: #004289; } .module-quote .function { color: #181818; } .module-quote .function::before { content: ''; position: relative; top: 1px; display: inline-block; width: 1px; height: 14px; margin: 0 10px; background-color: currentColor; } .module-quote .image-wrapper .quotation-image { display: block; width: 100%; margin: 0; } .module-quote .image-wrapper + .quotation-wrapper { border-left: 0; } .module-quote .image-wrapper + .quotation-wrapper .quotation { font-size: 2em; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 37.4375em) { .module-quote .editorial-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .module-quote .quotation-wrapper { padding-left: 20px; } .module-quote .quotation { font-size: 2em; } .module-quote .image-wrapper { margin-inline: auto; } .module-quote .image-wrapper + .quotation-wrapper { border-left: 0; margin-top: 25px; padding-left: 0; } } @media only screen and (min-width: 37.5em) { .module-quote .icon-double-quotes { right: 60px; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-wysiwyg-image { background-color: white; } .module-wysiwyg-image .media-wrapper .ratio { padding-top: 91%; } .module-wysiwyg-image .content-wrapper + .media-wrapper { text-align: right; } .module-wysiwyg-image .editor > p { margin-top: -10px; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .module-wysiwyg-image .editorial-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .module-wysiwyg-image .wrapper + .wrapper { margin-top: 30px; } .module-wysiwyg-image .media-wrapper { max-width: 600px; } } @media only screen and (min-width: 56.25em) { .module-wysiwyg-image .editorial-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .module-wysiwyg-image .wrapper { width: 50%; } .module-wysiwyg-image .wrapper + .wrapper { margin-left: 30px; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-slider-images { background-color: white; } .module-slider-images .photo { background-size: cover; background-position: center center; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 37.4375em) { .module-slider-images .slick-dots { position: absolute; z-index: 5; bottom: 20px; width: 100%; text-align: center; } .module-slider-images .slick-dots li { display: inline-block; } .module-slider-images .slick-dots li + li { margin-left: 25px; } .module-slider-images .slick-dots button { display: block; width: 12px; height: 12px; padding: 0; background-color: transparent; border: 1px solid white; text-indent: -9999px; border-radius: 50%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .module-slider-images .slick-dots button[aria-selected="true"] { background-color: white; -webkit-transform-origin: center; -o-transform-origin: center; transform-origin: center; -webkit-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } .module-slider-images .photo { height: 475px; } } @media only screen and (min-width: 37.5em) { .module-slider-images { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .module-slider-images .container { width: 100%; max-width: 1480px; } .module-slider-images .slider:hover { cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABaRJREFUeAHlm11rHFUYx5M0rbSaahMsQmu6pNRKi7lI0SpIBQnaGz+HiOCFl34CES960StBSsUvU8Re9EKKxZLG1JeU1r5Yi1ay/n6TZ4fdZM3szs5sZmcf+O+Z2Tkvz/8/Z845c86ZyYmSrdlsPkMRc2AGPAueA/vAdIBg4t/AP4R/gsfgEbg7OTn5N2FpNllGzpB+gXyPgBfBfnAXPAQSk6CkWqQ5TMVQLAVSqINA4Z6AO+A2YtwnLNQKEwDS3tFjYB5MgTWwDu7jeJOwbyNP/VPMw+Ao2ACr4BZ5KuDANrAAOLkXLxZAA3inVnDuHmHhRlmzZNoA1qwVcJOynhLmtoEEwCHv9qvAO30DZ6zipRvl+oicANaM65RrrchluQTAgQOUtgRMfw0HHuQqfcBE+PE8WSwCH7Gr+PHXgFlmJ6fQWfAeOA5yCZhdSu8x9CF80ScfkfKMAubB+8BnsFKmT+Gbj2WxRsaqfBq8C+ymKmn6Fj7qa0+1MzNSZPQ6jO3avuc5G6jVLVs5/LVXOgPsMr/D3x27YEll2SkiGO9K1clLJHy8Ej7re35DTZ95q72qjpTpc/ier00gsa29DV5ln/msO6LvwaG/3oFEB4DdSuVa+yzSW6/LIbg4dunNSPA2ON5b7OrHkoucunm6rREkos+MvcPNbglG9D+52JVvaw86BCCCjZ1je4e3O3YfoyREcLkmt+CYut8hAP8ugHUS7MrYPvWqhIPgtB4c0xJSAVDG9/kGuJFerd+B3BrBNWGXCsDZMXAHpYbySpuUPuSf4OachVwTaxfABmJl8+9a/8oxbQwTAagSTjtNoVApMzlVkjM4TgXnZIyvf0eAc3jjYnKVcyqAIz5byHExuSajXKuCU9FOXRc+5VxhNeW6X+62Ac69uwBRm4FPlvDB1bWKOQVwxeZhVqJhXeeufAE+GUJ5cp6ZoLAl4KLDrht+OF7/HWifl+kQ+R8FSwpwDhwqs7B+8saXt8ADoH3ZT9p+4pL3IXBOAZZB7+/K/ZSSMy7+vAH+ANqFnNnsmIx8nfNYVoDzwNXaShk+nQH3gHYRZE7g9kOA/PaB874AiUIWGtsdIPOXOE/H3O3X+jj+jLgXwcdgmjw/KrC3kvO05As3HHXt7idQ5KP1Ifm59PUpKMxad9/QzQmFGHfpMSJ8RWZOrgxiVvtlsAfYb38DirJN7jhauUZQhvjlKPVroK2D14piHvmnjWClusE28pcT6s3mb4SniyQfZaTdYGUGQuHYHgh/G+R/IRz0MeqqHfm+DJKB0MmyCulacsaf+HIJaGvglYzouS+TtxOkJ30XcDfWwdw5FZgQh2z0PgA/g3doTH8sMPutWcn5kQLYus5F4VsjDfU8+ngbu1Mc242WYsE1eQt2Gswta25Fc1ps1w1/fgVupSvT5PpE7tYAzZlSNxyNi8lVzumU2G2OK/FKrFNDMLnKeVMAqoJTRBs8G7P+WWcLjhvBOa0Bcl4FDQ9qbg34yTWxVhvgyS3gWrovMrW04OZssFwTSwWgSvh6uAJOJFfq+SM3t/LKNbFUgDh3Hf0wSrkDs1YWnGz95ZhahwAo85Qr18EiCRyV1cKCyyJk3Fcsx9Q6BPBfIqwSuEaw4HlNTC7N4NZBaZsAcfUqoftqkuWjjhQjdhIc3O8kp96NhOO7Ta4lEyKM70bJNhHcePwmGJlGUV/D58yZpP9rA1r8DX8AG+Asme71jypb+HgWH/VZ3we3ULSW2+X7UgchbBPG74OJdpUQwN7BfcS1+GQmV8MGeVd8loDpR/qjqVwCtGoEQsxz7LS1e27G57O5lgCGiGDP4FCzAZxmGp8PJyGbGkK41uZqsLXC7nUNWDPq/eksBLcZYjjr6j483yXaP55ufRm+08fTTsj4lYrz9k5dj8bH0zja1RDDbXgSmQEtcpX5fP4/v/xH5J2kdQ8AAAAASUVORK5CYII=), pointer; } .module-slider-images .slick-list { padding: 0 33% 0 0; } #editor .module-slider-images .slick-list { min-width: 100%; } .module-slider-images .wrapper { padding-left: 40px; } .module-slider-images .photo { height: 510px; } } /* PREVIEW BO ---------------------------------------- */ .acf-block-preview .module-slider-images .slider { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .acf-block-preview .module-slider-images .slider .wrapper { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 70%; padding-left: 0; } .acf-block-preview .module-slider-images .slider > .wrapper:nth-child(1) { margin-right: 50px; } .acf-block-preview .module-slider-images .slider > .wrapper:nth-child(2) ~ .wrapper { display: none; } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-slider-wysiwyg { background-color: white; } .module-slider-wysiwyg .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .module-slider-wysiwyg .slick-slide { -webkit-transition: all 800ms ease-in-out; -o-transition: all 800ms ease-in-out; transition: all 800ms ease-in-out; -webkit-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } .module-slider-wysiwyg .slide-photo { position: relative; z-index: 2; overflow: hidden; } .module-slider-wysiwyg .slide-photo .raw, .module-slider-wysiwyg .slide-photo .blur { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } .module-slider-wysiwyg .slide-photo .raw { background-size: cover; background-position: center center; } .module-slider-wysiwyg .slide-photo .blur { -o-object-fit: cover; object-fit: cover; opacity: 1; visibility: visible; -webkit-filter: blur(5px) brightness(0.5); filter: blur(5px) brightness(0.5); } .module-slider-wysiwyg .slide-photo::before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; background-color: #181818; opacity: .5; -webkit-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; } .module-slider-wysiwyg .slide-content { z-index: 2; } .module-slider-wysiwyg .content-block .subtitle { color: #4580c0; font-size: 1.1875em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; text-transform: uppercase; } .module-slider-wysiwyg .content-block .section-label, .module-slider-wysiwyg .content-block .title, .module-slider-wysiwyg .content-block .subtitle, .module-slider-wysiwyg .content-block .text, .module-slider-wysiwyg .content-block .intern-link { position: relative; opacity: 0; } .module-slider-wysiwyg .content-block .intern-link { margin-top: 8%; } .module-slider-wysiwyg .content-block .text { font-family: "Vinci sans", Arial, sans-serif; font-weight: 300; font-style: normal; font-size: 1.25rem; line-height: 1.66em; } .module-slider-wysiwyg .content-block .section-label { top: -50px; display: block; margin-top: 0; margin-bottom: 7%; color: #bababa; font-size: 1.125em; line-height: 1; font-weight: 600; text-transform: none; letter-spacing: 1px; } .module-slider-wysiwyg .content-block .outlined { opacity: 0; left: 200px; } .module-slider-wysiwyg .content-block .title { left: 20px; } .module-slider-wysiwyg .content-block .subtitle, .module-slider-wysiwyg .content-block .text, .module-slider-wysiwyg .content-block .intern-link { left: -40px; } .module-slider-wysiwyg .slick-list { overflow: visible; } .module-slider-wysiwyg .slick-now .slide-photo .blur { opacity: 0; visibility: hidden; } .module-slider-wysiwyg .slick-now .slide-photo::before { opacity: 0; } .module-slider-wysiwyg .slick-now .slide-photo:hover .blur, .module-slider-wysiwyg .slick-now .slide-photo:focus .blur, .module-slider-wysiwyg .slick-now .slide-photo:active .blur { opacity: 1; visibility: visible; } .module-slider-wysiwyg .slick-now .slide-photo:hover::before, .module-slider-wysiwyg .slick-now .slide-photo:focus::before, .module-slider-wysiwyg .slick-now .slide-photo:active::before { opacity: 0.5; } .module-slider-wysiwyg .slick-arrow { display: block; width: 60px; height: 60px; padding: 0; border-radius: 50%; background-color: rgba(255, 255, 255, 0.7); border: 3px solid white; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: .7; } .module-slider-wysiwyg .slick-arrow::before { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MS43MSA2Ni42MyIgYXJpYS1oaWRkZW49InRydWUiPgogIDxwYXRoIGQ9Ik03NS4zNCAzMS42N2wyIDItMiAyLTE2LjEzIDE1Ljg3YTIuNjQgMi42NCAwIDAxLTMuOC0uMDkgMi44MiAyLjgyIDAgMDEuMDktMy45MmwxMS4yOC0xMS4wOUgxN2EyLjc3IDIuNzcgMCAwMTAtNS41M2g0OS43OEw1NS41IDE5LjgyYTIuODIgMi44MiAwIDAxLS4wOS0zLjkyIDIuNjQgMi42NCAwIDAxMy44LS4wOXoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K); display: block; background-size: 60px; -webkit-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .module-slider-wysiwyg .slick-arrow:hover { background-color: white; opacity: 1; } .module-slider-wysiwyg .slick-arrow[aria-disabled="true"] { opacity: 0.2; cursor: not-allowed; } .module-slider-wysiwyg .slick-arrow.slick-prev::before { -webkit-transform: scale(0.6) rotate(180deg); -o-transform: scale(0.6) rotate(180deg); transform: scale(0.6) rotate(180deg); } .module-slider-wysiwyg .slick-dots { display: none !important; width: 100%; margin-top: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 15px; } .module-slider-wysiwyg .slick-dots li { display: inline-block; } .module-slider-wysiwyg .slick-dots li + li { margin-left: 20px; } .module-slider-wysiwyg .slick-dots button { display: block; width: 10px; height: 10px; padding: 0; background-color: transparent; border: 1px solid #4580c0; text-indent: -9999px; border-radius: 50%; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .module-slider-wysiwyg .slick-dots button[aria-selected="true"] { background-color: #004289; border-color: #004289; -webkit-transform-origin: center; -o-transform-origin: center; transform-origin: center; -webkit-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (min-width: 47.5em) { .module-slider-wysiwyg .wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; height: 600px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .module-slider-wysiwyg .slide-photo, .module-slider-wysiwyg .slide-content { width: 50%; } .module-slider-wysiwyg .slide-photo { height: 100%; } .module-slider-wysiwyg .slide-content { position: relative; z-index: 1; } .module-slider-wysiwyg .content-block { padding: 0 20% 0 15%; margin: 0 auto; } .module-slider-wysiwyg .content-block .section-label { margin-bottom: 30px; } .module-slider-wysiwyg .content-block .outlined { z-index: -1; position: absolute; top: 0; left: -20px; font-size: 11vw; } .module-slider-wysiwyg .content-block .title { font-size: 1.875em; } .module-slider-wysiwyg .content-block .subtitle { font-size: 1.0625em; margin-bottom: 20px; } .module-slider-wysiwyg .content-block .text p { font-size: 1.125rem; line-height: 1.3; } .module-slider-wysiwyg .slick-slide { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); } .module-slider-wysiwyg .slick-now { -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .module-slider-wysiwyg .slick-prev, .module-slider-wysiwyg .slick-next { z-index: 5; position: absolute; bottom: -20px; } .module-slider-wysiwyg .slick-prev { right: 95px; } .module-slider-wysiwyg .slick-next { right: 20px; } } @media only screen and (min-width: 56.25em) { .module-slider-wysiwyg .wrapper { height: 560px; } .module-slider-wysiwyg .slide-content { -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .module-slider-wysiwyg .content-block .section-label { margin-bottom: 7%; } .module-slider-wysiwyg .content-block .title { font-size: 2.125em; } .module-slider-wysiwyg .content-block .subtitle { font-size: 1.1875em; } .module-slider-wysiwyg .content-block .text p { font-size: 1.125rem; line-height: 1.3; } .module-slider-wysiwyg .slick-list { padding: 0 20% 0 0; } .module-slider-wysiwyg .slick-prev, .module-slider-wysiwyg .slick-next { bottom: 20px; left: calc(80% + 30px); bottom: calc(15% + 30px); } .module-slider-wysiwyg .slick-prev:hover:not(:active), .module-slider-wysiwyg .slick-prev:focus:not(:active), .module-slider-wysiwyg .slick-next:hover:not(:active), .module-slider-wysiwyg .slick-next:focus:not(:active) { opacity: 1; } .module-slider-wysiwyg .slick-next { -webkit-transform: translateX(calc(100% + 10px)); -o-transform: translateX(calc(100% + 10px)); transform: translateX(calc(100% + 10px)); } } @media only screen and (min-width: 75em) { .module-slider-wysiwyg .content-block .text p { font-size: 1.3125rem; line-height: 1.35; } } @media only screen and (min-width: 90em) { .module-slider-wysiwyg .content-block { padding: 50px 12% 20px; } .single-press_release .module-slider-wysiwyg .content-block { padding: 25px 30px 20px; } .module-slider-wysiwyg .content-block .section-label { margin-bottom: 37px; } .single-press_release .module-slider-wysiwyg .content-block .section-label { margin-top: 0; margin-bottom: 25px; } .single-press_release .module-slider-wysiwyg .content-block .outlined { font-size: 7.5em; line-height: 0.8; -webkit-text-stroke: 0.6px #eef5fb; } .module-slider-wysiwyg .content-block .title { font-size: 2.875em; } .single-press_release .module-slider-wysiwyg .content-block .title { font-size: 1.875em; margin-top: 0; margin-bottom: 20px; } .single-press_release .module-slider-wysiwyg .content-block .subtitle { margin-top: 0; margin-bottom: 14px; } .single-press_release .module-slider-wysiwyg .content-block .text { margin-top: 0; font-size: 0.71875em; } .single-press_release .module-slider-wysiwyg .content-block .text p { line-height: 1.40; } .module-slider-wysiwyg .content-block .intern-link { margin-top: 28px; } .single-press_release .module-slider-wysiwyg .content-block .intern-link { margin-top: 5px; } .single-press_release .module-slider-wysiwyg .content-block .intern-link::before { display: none; } .module-slider-wysiwyg .slide-photo { height: 0; padding-top: 50%; } .single-press_release .module-slider-wysiwyg .slide-photo { -webkit-box-flex: 1; -ms-flex: 1 1 48%; flex: 1 1 48%; } .single-press_release .module-slider-wysiwyg .slide-content { -webkit-box-flex: 1; -ms-flex: 1 1 52%; flex: 1 1 52%; } .single-press_release .module-slider-wysiwyg .slick-list { padding-right: 12.8%; } .module-slider-wysiwyg .wrapper { height: auto; } .single-press_release .module-slider-wysiwyg .wrapper { height: 490px; } .single-press_release .module-slider-wysiwyg .slick-prev, .single-press_release .module-slider-wysiwyg .slick-next { width: 45px; height: 45px; line-height: 0.51; } .single-press_release .module-slider-wysiwyg .slick-prev { right: 71px; } .single-press_release .module-slider-wysiwyg .slick-next { right: 13px; } } @media only screen and (max-width: 47.4375em) { .module-slider-wysiwyg .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; height: auto; } .module-slider-wysiwyg .slide-photo { width: 100%; height: 440px; } .module-slider-wysiwyg .slide-content { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; padding: 0 30px; } .module-slider-wysiwyg .content-block { position: relative; max-width: none; padding: 20px 20px; margin: -100px 0 0; background-color: white; } .module-slider-wysiwyg .content-block .section-label { margin-bottom: 30px; } .module-slider-wysiwyg .content-block .outlined { display: none; } .module-slider-wysiwyg .content-block .title { font-size: 1.875em; } .module-slider-wysiwyg .content-block .subtitle { margin-bottom: 15px; font-size: 1.125em; } .module-slider-wysiwyg .slick-dots { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; margin-top: 0; } .module-slider-wysiwyg .slick-next, .module-slider-wysiwyg .slick-prev { display: none !important; } } @media only screen and (max-height: 480px) { .module-slider-wysiwyg .slick-dots { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .module-slider-wysiwyg .slick-next, .module-slider-wysiwyg .slick-prev { display: none !important; } } /* PREVIEW BO ---------------------------------------- */ .acf-block-preview .module-slider-wysiwyg .slider { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .acf-block-preview .module-slider-wysiwyg .slider .wrapper { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 85%; } .acf-block-preview .module-slider-wysiwyg .slider > .wrapper:nth-child(2) ~ .wrapper { display: none; } .acf-block-preview .module-slider-wysiwyg .slider .content-block { padding-top: 0; padding-bottom: 0; } .acf-block-preview .module-slider-wysiwyg .slider .content-block .section-label, .acf-block-preview .module-slider-wysiwyg .slider .content-block .title, .acf-block-preview .module-slider-wysiwyg .slider .content-block .subtitle, .acf-block-preview .module-slider-wysiwyg .slider .content-block .text, .acf-block-preview .module-slider-wysiwyg .slider .content-block .intern-link { position: static; opacity: 1; margin-top: 30px; margin-bottom: 0; } .acf-block-preview .module-slider-wysiwyg .slider .content-block .section-label { color: #ec1c2d; } .acf-block-preview .module-slider-wysiwyg .slider .content-block .title { line-height: normal; } .acf-block-preview .module-slider-wysiwyg .slider .content-block .subtitle { padding-left: 0; } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-slider-twitter-wall > .title { font-size: 1.875em; font-family: "Vinci sans", Arial, sans-serif; font-weight: bold; font-style: normal; color: #004289; margin-bottom: 30px; } @media only screen and (min-width: 56.25em) { .module-slider-twitter-wall > .title { font-size: 2.125em; } } @media only screen and (min-width: 90em) { .module-slider-twitter-wall > .title { font-size: 2.875em; } } /* SLIDES ---------------------------------------- */ .module-slider-twitter-wall .list-container .slick-list { margin: -15px; } .module-slider-twitter-wall .list-container .slick-list .slick-slide { padding: 0 15px; } .module-slider-twitter-wall .list-container .slick-slider { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 75px; } .module-slider-twitter-wall .list-container .slick-arrow { position: absolute; bottom: 0; z-index: 5; display: block; width: 60px; height: 60px; padding: 0; border-radius: 50%; background-color: rgba(255, 255, 255, 0.7); border: 3px solid #d9e8f7; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: .7; border-width: 1px; } .module-slider-twitter-wall .list-container .slick-arrow::before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDIzLjEgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIzLjEgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBhcmlhLWhpZGRlbj0idHJ1ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0VDMUMyRDt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC41LDAuM2MtMC40LDAuNC0wLjQsMS4xLDAsMS41bDUuMSw1LjFIMS4xQzAuNSw2LjksMCw3LjQsMCw4YzAsMC42LDAuNSwxLjEsMS4xLDEuMWgxOC40bC01LjEsNS4xCgljLTAuNCwwLjQtMC40LDEuMSwwLDEuNWMwLjQsMC40LDEuMSwwLjQsMS41LDBsNi45LTYuOUMyMyw4LjYsMjMuMSw4LjMsMjMuMSw4UzIzLDcuNCwyMi44LDcuMmwtNi45LTYuOQoJQzE1LjYtMC4xLDE0LjktMC4xLDE0LjUsMC4zeiIvPgo8L3N2Zz4K); display: block; background-size: 60px; -webkit-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .module-slider-twitter-wall .list-container .slick-arrow:hover { background-color: transparent; opacity: 1; } .module-slider-twitter-wall .list-container .slick-arrow[aria-disabled="true"] { opacity: 0.2; cursor: not-allowed; } .module-slider-twitter-wall .list-container .slick-arrow.slick-prev::before { -webkit-transform: scale(0.5) rotate(180deg); -o-transform: scale(0.5) rotate(180deg); transform: scale(0.5) rotate(180deg); } .module-slider-twitter-wall .list-container .slick-arrow.slick-next { left: 52%; } .module-slider-twitter-wall .list-container .slick-arrow.slick-prev { right: 52%; } .module-slider-twitter-wall .list-container .post { margin-bottom: 20px; } .module-slider-twitter-wall .list-container .post .container { padding: 20px; border-radius: 10px; border: 1px solid #f6f6f6; } .module-slider-twitter-wall .list-container .post .content { border-width: 0 !important; padding: 0 !important; } .module-slider-twitter-wall .list-container .post.with-image .content { margin-bottom: 20px; } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .document { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; background-color: #004289; } #editor .document { height: 100%; } .document .image { width: 168px; height: 240px; background-size: cover; background-position: center center; } .document .content { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .document .title { font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; color: white !important; line-height: 1.3; } .document .tags-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-top: 20px; } .document .tags-wrapper .tag { margin-bottom: 5px; color: #739fcf; font-size: 0.875em; } .document .tags-wrapper .tag:not(:last-child) { margin-right: 25px; } .document .download-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .document .download-btn:hover:not(:active) .icon svg, .document .download-btn:focus:not(:active) .icon svg { -webkit-animation-name: download-animation; -o-animation-name: download-animation; animation-name: download-animation; -webkit-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } .document .download-btn .icon { margin-right: 10px; } .document .download-btn .icon::after { background-color: #4580c0; } .document .download-btn .icon svg { width: 16px; } .document .download-btn .icon svg * { fill: #4580c0; } .document .download-btn .text { font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; color: white; font-size: 1.375em; } .module-documents-highlight { background-color: white; } .module-documents-highlight h2 { margin-inline: auto; margin-bottom: max(2rem, min(0rem + 5.33333vw, 4rem)); max-width: calc(100vw - 40px); } .module-documents-highlight .site-container { position: relative; } .module-documents-highlight .outlined { z-index: 0; position: absolute; left: 7%; font-size: 12.5em !important; z-index: 10; } .module-documents-highlight .documents-grid { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } #editor .module-documents-highlight .documents-grid { padding-left: 0; padding-right: 0; margin-right: 0; margin-left: 0; } .module-documents-highlight .documents-grid .item + .item .document { background-color: #92bce6; } .module-documents-highlight .documents-grid .item + .item .document .title { color: #004289 !important; } .module-documents-highlight .documents-grid .item + .item .document .download-btn .icon::after { background-color: #ec1c2d; } .module-documents-highlight .documents-grid .item + .item .document .download-btn .icon svg * { fill: #ec1c2d; } .module-documents-highlight .documents-grid .item + .item .document .download-btn .text { color: #004289; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .document { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px 20px; } .document .image { margin-right: 20px; } .document .title { font-size: 1.625em; } .document .tags-wrapper .tag { display: block; } .document .tags-wrapper .tag:not(:last-child) { margin-bottom: 3px; } .document .download-btn { margin-top: 20px; } .module-documents-highlight { margin-left: -30px; margin-right: -30px; } .module-documents-highlight .documents-grid { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } } @media only screen and (min-width: 56.25em) { .document { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 60px 30px; } .document .image { margin-right: 30px; } .document .title { font-size: 2em; } .document .download-btn { margin-top: 20px; } .documents-grid { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .documents-grid .item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media only screen and (min-width: 75em) { .document { padding: 80px 50px; } .document .image { margin-right: 60px; } .document .download-btn { margin-top: 40px; } .module-documents-highlight .site-container { padding-top: 60px; } #editor .module-documents-highlight .site-container { padding-left: 0; padding-right: 0; } } /* PREVIEW BO ---------------------------------------- */ .acf-block-preview .module-documents-highlight .outlined { display: none; } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-newsroom .site-container { max-width: 1280px; margin: 0 auto; } /* MEDIA QUERIES ---------------------------------------- */ .module-newsroom .filters-container .loader { color: #004289; margin-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .module-newsroom .filters-container .newsroom-filter-label { font-size: 1em; line-height: 1em; font-weight: 600; } .module-newsroom .filters-container .mobile-validation { margin-top: 15px; background-color: transparent; } .module-newsroom .filters-container .mobile-validation .btn-icon { -webkit-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .module-newsroom .filters-container .mobile-validation .btn-label { margin-left: 10px; } @media only screen and (max-width: 37.4375em) { .module-newsroom .filters-container { margin-bottom: 20px; max-width: 400px; } .module-newsroom .filters-container > .section-label { margin-bottom: 20px; } .module-newsroom .filters-container .close-filters { position: absolute; top: 15px; right: 30px; width: 16px; background-color: transparent; opacity: .7; } .module-newsroom .filters-container .close-filters svg { width: 16px; } .module-newsroom .filters-container .filters-wrapper { z-index: 40; position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 20px; -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); overflow-y: auto; background-color: white; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .module-newsroom .filters-container .filters-wrapper.open { -webkit-transform: none; -o-transform: none; transform: none; } .module-newsroom .filters-container .filters-wrapper .section-label { margin-bottom: 15px; } .module-newsroom .filters-container .item { margin: 10px 0; } .module-newsroom .filters-container .newsroom-filter-label { position: relative; display: block; padding: 10px 0; color: #4580c0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } .module-newsroom .filters-container .newsroom-filter-label::before { z-index: 2; position: absolute; top: calc(50% - 8px); right: 8px; content: ""; display: block; width: 20px; height: 20px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDUuNjkgOTIuMTIiIGFyaWEtaGlkZGVuPSJ0cnVlIj4KICA8cGF0aCBmaWxsPSIjNDU4MEMwIiBkPSJNNDIuNDYgNTguNjFMMjguOTQgNDUuMDlsLTQuNjIgNC41N0w0Mi40NiA2Ny44bDM4LjkxLTM4LjkxLTQuNTctNC41Ny0zNC4zNCAzNC4yOXoiLz4KPC9zdmc+Cg==); background-size: contain; background-position: center center; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .module-newsroom .filters-container .newsroom-filter-checkbox:checked + .newsroom-filter-label { color: #004289; } .module-newsroom .filters-container .newsroom-filter-checkbox:checked + .newsroom-filter-label::before { right: 0; opacity: 1; } } @media only screen and (min-width: 37.5em) { .module-newsroom .filters-container { margin-bottom: 45px; } .module-newsroom .filters-container > .section-label { margin-bottom: 20px; } .module-newsroom .filters-container .close-filters { display: none; } .module-newsroom .filters-container .filters-wrapper .section-label { display: none; } .module-newsroom .filters-container .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .module-newsroom .filters-container .item { margin-bottom: 15px; } .module-newsroom .filters-container .item:not(:last-child) { margin-right: 15px; } .module-newsroom .filters-container .newsroom-filter-label { position: relative; display: block; padding: 8px 45px 8px 20px; background-color: transparent; border: 1px solid #004289; border-radius: 100px; font-size: 1.125em; color: #004289; cursor: pointer; } .module-newsroom .filters-container .newsroom-filter-label::before, .module-newsroom .filters-container .newsroom-filter-label::after { content: ""; position: absolute; top: 50%; right: 20px; display: block; width: 14px; height: 2px; background-color: #91b4da; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .module-newsroom .filters-container .newsroom-filter-label::after { -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .module-newsroom .filters-container .newsroom-filter-checkbox:checked + .newsroom-filter-label { background-color: #004289; color: white; } .module-newsroom .filters-container .newsroom-filter-checkbox:checked + .newsroom-filter-label::before { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .module-newsroom .filters-container .newsroom-filter-checkbox:checked + .newsroom-filter-label::after { -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-newsroom .col-1 { margin-bottom: 50px; } .module-newsroom .section-label { font-size: 2.1875em; } .module-newsroom-block .grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto !important; margin-left: -20px; margin-right: -20px; } .module-newsroom-block .grid .item { position: inherit !important; top: auto !important; left: auto !important; display: block; width: 100% !important; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; padding-left: 15px; padding-right: 15px; } .module-newsroom-block .twitter-tweet { margin-top: 0 !important; } .module-newsroom .list-container .grid .item { margin-bottom: 30px; } .module-newsroom .list-container .grid .item > * { -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } .module-newsroom .list-container .grid.highlight .item > * { opacity: 0.5; } .module-newsroom .list-container .grid.highlight .item > * .fake-link svg, .module-newsroom .list-container .grid.highlight .item > * .card-fake-link svg { color: #181818; } .module-newsroom .list-container .grid.highlight .item > * .fake-link svg *, .module-newsroom .list-container .grid.highlight .item > * .card-fake-link svg * { fill: currentColor; } .module-newsroom .list-container .grid.highlight .item > *:hover, .module-newsroom .list-container .grid.highlight .item > *:focus, .module-newsroom .list-container .grid.highlight .item > *:active { opacity: 1; } .module-newsroom .list-container .grid.highlight .item > *:hover .fake-link svg, .module-newsroom .list-container .grid.highlight .item > *:hover .card-fake-link svg, .module-newsroom .list-container .grid.highlight .item > *:focus .fake-link svg, .module-newsroom .list-container .grid.highlight .item > *:focus .card-fake-link svg, .module-newsroom .list-container .grid.highlight .item > *:active .fake-link svg, .module-newsroom .list-container .grid.highlight .item > *:active .card-fake-link svg { color: #ec1c2d; } .module-newsroom .list-container .grid .ratio-wrapper { max-width: none; } .module-newsroom .list-container .post { position: relative; } .module-newsroom .list-container .post.article { padding-bottom: 40px; } .module-newsroom .list-container .post.article .featured-image { display: block; height: 280px; background-size: cover; background-position: center center; margin-bottom: 30px; } .module-newsroom .list-container .post.article .metas-wrapper { margin-bottom: 15px; font-size: 1.125em; } .module-newsroom .list-container .post.article .title { color: #004289; font-size: 1.75em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; text-decoration: none; width: calc(100% - 80px); } .module-newsroom .list-container .post.article .title > a { text-decoration: none; } .module-newsroom .list-container .post.article .expert { position: absolute; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .module-newsroom .list-container .post.article .expert .image-wrapper { width: 18px; height: 18px; background-size: cover; background-position: center center; border-radius: 50%; } .module-newsroom .list-container .post.article .expert .name { margin-left: 10px; color: #004289; font-size: 0.875em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; text-transform: uppercase; } .module-newsroom .list-container .post.article .fake-link { position: absolute; bottom: 24px; right: 0; } .module-newsroom .list-container .post.article .fake-link svg { position: relative; width: 35px; } .module-newsroom .list-container .post.article .fake-link svg * { fill: #ec1c2d; } .module-newsroom .list-container .post.event { position: relative; --bgColor: #004289; --mainColor: white; --secondColor: #bababa; --arrowColor: white; } .module-newsroom .list-container .post.event.event-dark-blue { --bgColor: #004289; --mainColor: white; --secondColor: #4580c0; --arrowColor: white; } .module-newsroom .list-container .post.event.event-light-blue { --bgColor: #d9e8f7; --mainColor: #004289; --secondColor: #4580c0; --arrowColor: #ec1c2d; } .module-newsroom .list-container .post.event .ratio-block { background-color: var(--bgColor); } .module-newsroom .list-container .post.event .content { z-index: 5; position: absolute; top: 30px; left: 30px; right: 30px; } .module-newsroom .list-container .post.event .content .meet { margin-bottom: 30px; color: var(--secondColor); font-size: 0.875em; text-transform: uppercase; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } .module-newsroom .list-container .post.event .content .title { max-width: 180px; margin-bottom: 30px; color: var(--mainColor); font-size: 2.125em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } .module-newsroom .list-container .post.event .content .details .detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .module-newsroom .list-container .post.event .content .details .icon { width: 35px; } .module-newsroom .list-container .post.event .content .details .icon svg * { fill: var(--secondColor); } .module-newsroom .list-container .post.event .content .details .text { margin-left: 5px; color: var(--mainColor); font-size: 0.875em; } .module-newsroom .list-container .post.event .content .details .date { margin-bottom: 15px; } .module-newsroom .list-container .post.event .content .details .date .icon svg { width: 22px; margin-left: 2px; } .module-newsroom .list-container .post.event .content .details .city .icon svg { width: 28px; } .module-newsroom .list-container .post.event .card-fake-link { z-index: 2; position: absolute; bottom: 30px; right: 30px; } .module-newsroom .list-container .post.event .card-fake-link svg { width: 35px; } .module-newsroom .list-container .post.event .card-fake-link svg * { fill: currentColor; } .module-newsroom .list-container .post.doc .document { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 40px 40px 30px; background-color: #92bce6; } .module-newsroom .list-container .post.doc .document .image { margin: 0 auto 40px; } .module-newsroom .list-container .post.doc .document .title { color: #004289; } .module-newsroom .list-container .post.doc .document .download-btn:hover:not(:active) .icon svg, .module-newsroom .list-container .post.doc .document .download-btn:focus:not(:active) .icon svg { -webkit-animation-name: download-animation; -o-animation-name: download-animation; animation-name: download-animation; -webkit-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } .module-newsroom .list-container .post.doc .document .download-btn .icon { margin-top: 4px; } .module-newsroom .list-container .post.doc .document .download-btn .icon::after { background-color: #ec1c2d; } .module-newsroom .list-container .post.doc .document .download-btn .icon svg * { fill: #ec1c2d; } .module-newsroom .list-container .post.doc .document .download-btn .text { color: #004289; } .module-newsroom .list-container .post.social .container { position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; width: 100%; height: 100%; background-color: #004289; } .module-newsroom .list-container .post.social .content { padding: 45px 40px; } .module-newsroom .list-container .post.social .content .head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; } .module-newsroom .list-container .post.social .content .time { font-size: 0.9375em; text-transform: uppercase; color: #d9e8f7; } .module-newsroom .list-container .post.social .content .social-logo svg * { fill: #d9e8f7; } .module-newsroom .list-container .post.social .content .title { margin-bottom: 30px; } .module-newsroom .list-container .post.social .content .author { display: block; margin-bottom: 8px; color: white; font-size: 1.6875em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } .module-newsroom .list-container .post.social .content .author-tag { display: block; color: #d9e8f7; text-transform: uppercase; font-size: 0.875em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } .module-newsroom .list-container .post.social .content .text { color: #d9e8f7; font-size: 1.375em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 300; font-style: normal; line-height: 1.8; } .module-newsroom .list-container .post.social .content .text p { line-height: 1.8; } .module-newsroom .list-container .post.social.facebook .content .social-logo svg { width: 12px; } .module-newsroom .list-container .post.social.twitter .content .social-logo svg { width: 22px; } .module-newsroom .list-container .post.social:not(.with-image) .image { display: none; } .module-newsroom .list-container .post.social.with-image .container { background-color: white; } .module-newsroom .list-container .post.social.with-image .content { border-top: 1px solid #f6f6f6; border-right: 1px solid #f6f6f6; border-left: 1px solid #f6f6f6; } .module-newsroom .list-container .post.social.with-image .content .time { color: #bababa; } .module-newsroom .list-container .post.social.with-image .content .author { color: #004289; } .module-newsroom .list-container .post.social.with-image .content .author-tag { color: #4580c0; } .module-newsroom .list-container .post.social.with-image .content .text { color: #004289; font-size: 1.125em; } .module-newsroom .list-container .post.social.with-image .image { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-size: cover; background-position: center center; } .module-newsroom .list-container .post.social.with-image.facebook .content .social-logo svg * { fill: #3d5790; } .module-newsroom .list-container .post.social.with-image.twitter .content .social-logo svg * { fill: #00acea; } .module-newsroom .list-container .post.social.twitter:not(.with-image) .container { background-color: white; } .module-newsroom .list-container .post.social.twitter:not(.with-image) .content { height: 100%; border: 1px solid #f6f6f6; } .module-newsroom .list-container .post.social.twitter:not(.with-image) .content .time { color: #bababa; } .module-newsroom .list-container .post.social.twitter:not(.with-image) .content .author { color: #004289; } .module-newsroom .list-container .post.social.twitter:not(.with-image) .content .author-tag { color: #4580c0; } .module-newsroom .list-container .post.social.twitter:not(.with-image) .content .text { color: #004289; font-size: 1.125em; } .module-newsroom .list-container .post.social.twitter:not(.with-image) .image { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-size: cover; background-position: center center; } .module-newsroom .list-container .post.social.twitter:not(.with-image) .card-fake-link svg { width: 35px; } .module-newsroom .list-container .post.social.twitter:not(.with-image) .card-fake-link svg * { fill: currentColor; } .module-newsroom .list-container .post.social.twitter:not(.with-image).facebook .content .social-logo svg * { fill: #3d5790; } .module-newsroom .list-container .post.social.twitter:not(.with-image).twitter .content .social-logo svg * { fill: #000000; } .twitter-aside { height: 100vh; overflow: scroll; } /* MEDIA QUERIES ---------------------------------------- */ @media screen and (min-width: 1100px) { .module-newsroom:not(.module-newsroom-block) .site-container { position: relative; display: block; } .module-newsroom:not(.module-newsroom-block) .site-container .col-1 { position: absolute; top: 0; right: 0; padding-right: 30px; padding-left: 20px; border-left: 1px solid #f6f6f6; padding-top: 110px; margin-bottom: 0; width: 400px; } .module-newsroom:not(.module-newsroom-block) .site-container .col-1[data-sticky="sticky"] { position: fixed; top: 0; } .module-newsroom:not(.module-newsroom-block) .site-container .col-1[data-sticky="bottom-stuck"] { top: auto; bottom: 0; } } @media screen and (min-width: 1280px) { .module-newsroom:not(.module-newsroom-block) .site-container .col-1 { height: 100vh; right: calc(50% - 1280px / 2); overflow-y: scroll; } } @media only screen and (min-width: 56.25em) { .module-newsroom-block .grid { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (max-width: 47.4375em) { .module-newsroom .list-container .grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: none; height: auto !important; } .module-newsroom .list-container .grid .item { position: static !important; top: auto !important; left: auto !important; width: 100% !important; } .module-newsroom .list-container .grid .item + .item { margin-top: 30px; } } @media only screen and (max-width: 37.4375em) { .module-newsroom .list-container .post.social .content { padding: 20px 30px; } .module-newsroom .list-container .post.social .content .head { margin-bottom: 20px; } .module-newsroom .list-container .post.social .content .time { font-size: 0.875em; } .module-newsroom .list-container .post.social .content .title { margin-bottom: 20px; } .module-newsroom .list-container .post.social .content .author { font-size: 1.5em; } .module-newsroom .list-container .post.social .content .author-tag { font-size: 0.75em; } .module-newsroom .list-container .post.social .content .text { font-size: 1.25em; line-height: 1.5; } .module-newsroom .list-container .post.social .content .text p { line-height: 1.5; } .module-newsroom .list-container .post.social.facebook .content .social-logo svg { width: 10px; } .module-newsroom .list-container .post.social.twitter .content .social-logo svg { width: 20px; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-related { background-color: white; } .module-related .related-title { font-family: "Vinci sans", Arial, sans-serif; font-weight: bold; font-style: normal; color: #004289; font-size: 2.875em; margin-bottom: 40px; } .module-related .card-grid.nowrap .item { width: 100%; } .module-related .ratio-wrapper { width: 100%; max-width: none; } .module-related .card { width: 100%; height: 280px; padding-top: 0; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .module-related .card-grid.nowrap .item { max-width: 500px; } } @media only screen and (min-width: 56.25em) { .module-related .card-grid.nowrap .item { max-width: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-governance .governance-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; max-width: 1280px; margin-left: auto; margin-right: auto; } .module-governance .governance-wrapper .column { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .module-governance .governance-wrapper .column:first-child { margin-right: 40px; } .module-governance .list { display: grid; grid-column-gap: 40px; grid-row-gap: 40px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } .module-governance .member .photo-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; } .module-governance .member .photo-wrapper::before { content: ""; position: absolute; bottom: 0; left: 0; width: 300%; height: 300%; display: block; -webkit-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: scale(0) translate(-50%, 50%); -o-transform: scale(0) translate(-50%, 50%); transform: scale(0) translate(-50%, 50%); border-radius: 50%; background-image: -webkit-radial-gradient(#004289, #002956); background-image: -o-radial-gradient(#004289, #002956); background-image: radial-gradient(#004289, #002956); opacity: .3; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .module-governance .member .photo-wrapper .photo { display: block; } .module-governance .member .name { margin-bottom: 12px; color: #004289; font-size: 1.875em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } .module-governance .member .job { display: block; color: #004289; font-size: 0.875em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; text-transform: uppercase; } .module-governance .member .depiction { margin-top: 15px; font-size: 1.375em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 300; font-style: normal; } .module-governance .member .toggler-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 20px; } .module-governance .member .governance-toggler { position: relative; display: inline-block; padding: 5px 0 5px 40px; background-color: transparent; color: #004289; font-size: 1.375em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } .module-governance .member .governance-toggler .closing { display: none; } .module-governance .member .governance-toggler::before, .module-governance .member .governance-toggler::after { content: ""; position: absolute; top: calc(50% - 1px); left: 5px; display: block; width: 18px; height: 2px; background-color: currentColor; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .module-governance .member .governance-toggler::before { -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .module-governance .member .governance-toggler::after { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .module-governance .member .governance-toggler.expanded .opening { display: none; } .module-governance .member .governance-toggler.expanded .closing { display: inline; } .module-governance .member .governance-toggler.expanded::before, .module-governance .member .governance-toggler.expanded::after { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .module-governance .column-highlight .photo-wrapper { position: relative; width: 100%; height: 0; padding-bottom: 100%; margin-bottom: 40px; } .module-governance .column-highlight .photo-wrapper .photo { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .module-governance .column-highlight .name { font-size: 2.8125em; font-family: "Vinci sans", Arial, sans-serif; font-weight: bold; font-style: normal; } .module-governance .column-highlight .depiction .wp-block-group { padding-left: 0; padding-right: 0; } .module-governance .column-highlight .depiction .wp-block-group + .module { margin-top: 100px; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (min-width: 75em) { .module-governance .column-listing .item:not(.active) .member { cursor: pointer; } .module-governance .column-listing .item.active .member .photo-wrapper::before { opacity: .8; -webkit-transform: scale(1) translate(-50%, 50%); -o-transform: scale(1) translate(-50%, 50%); transform: scale(1) translate(-50%, 50%); } .module-governance .column-listing .member .depiction, .module-governance .column-listing .member .toggler-wrapper { display: none !important; } .module-governance .column-listing .member:hover:not(:active) .photo-wrapper::before, .module-governance .column-listing .member:focus:not(:active) .photo-wrapper::before { -webkit-transform: scale(1) translate(-50%, 50%); -o-transform: scale(1) translate(-50%, 50%); transform: scale(1) translate(-50%, 50%); } } @media only screen and (max-width: 74.9375em) { .module-governance .governance-wrapper .column-listing { width: 500px; -webkit-box-flex: 0; -ms-flex: none; flex: none; } } @media only screen and (max-width: 56.1875em) { .module-governance .governance-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .module-governance .governance-wrapper .column { width: 100%; max-width: 450px; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0 auto; } .module-governance .governance-wrapper .column:first-child { margin-right: auto; } .module-governance .governance-wrapper .column-highlight { display: none; } .module-governance .governance-wrapper .column-listing .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; grid-row-gap: 0; } .module-governance .governance-wrapper .column-listing .item { padding-bottom: 15px; margin-top: 50px; border-bottom: 2px solid #d9e8f7; } .module-governance .governance-wrapper .column-listing .item .depiction { display: none; } .module-governance .governance-wrapper .column-listing .item:first-child { margin-top: 0; } .module-governance .governance-wrapper .column-listing .item:first-child .depiction { display: block; } .module-governance .governance-wrapper .column-listing .toggler-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .module-governance .member .photo-wrapper img { width: 100%; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-governance-mini .related-title { margin-bottom: 50px; font-family: "Vinci sans", Arial, sans-serif; font-weight: bold; font-style: normal; font-size: 3em; line-height: 1.3; color: #004289; } .module-governance-mini .governance-wrapper { max-width: 1280px; margin-left: auto; margin-right: auto; } .module-governance-mini .list { display: grid; grid-column-gap: 40px; grid-row-gap: 40px; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); } .module-governance-mini .member { text-decoration: none; } .module-governance-mini .member .photo-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; } .module-governance-mini .member .photo-wrapper::before { content: ""; position: absolute; bottom: 0; left: 0; width: 300%; height: 300%; display: block; -webkit-transform-origin: bottom left; -o-transform-origin: bottom left; transform-origin: bottom left; -webkit-transform: scale(0) translate(-50%, 50%); -o-transform: scale(0) translate(-50%, 50%); transform: scale(0) translate(-50%, 50%); border-radius: 50%; background-image: -webkit-radial-gradient(#004289, #002956); background-image: -o-radial-gradient(#004289, #002956); background-image: radial-gradient(#004289, #002956); opacity: .3; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .module-governance-mini .member .photo-wrapper .photo { display: block; } .module-governance-mini .member .name { margin-bottom: 12px; color: #004289; font-size: 1.875em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; text-decoration: none; } .module-governance-mini .member .job { display: block; color: #004289; font-size: 0.875em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; text-transform: uppercase; } .module-governance-mini .member .depiction { display: none; margin-top: 15px; font-size: 1.375em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 300; font-style: normal; } .module-governance-mini .member .toggler-wrapper { display: none; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 20px; } .module-governance-mini .member .governance-toggler { position: relative; display: inline-block; padding: 5px 0 5px 40px; background-color: transparent; color: #004289; font-size: 1.375em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } .module-governance-mini .member .governance-toggler .closing { display: none; } .module-governance-mini .member .governance-toggler::before, .module-governance-mini .member .governance-toggler::after { content: ""; position: absolute; top: calc(50% - 1px); left: 5px; display: block; width: 18px; height: 2px; background-color: currentColor; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .module-governance-mini .member .governance-toggler::before { -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .module-governance-mini .member .governance-toggler::after { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .module-governance-mini .member .governance-toggler.expanded .opening { display: none; } .module-governance-mini .member .governance-toggler.expanded .closing { display: inline; } .module-governance-mini .member .governance-toggler.expanded::before, .module-governance-mini .member .governance-toggler.expanded::after { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (min-width: 75em) { .module-governance-mini .column-listing .item.active .member .photo-wrapper::before { opacity: .8; -webkit-transform: scale(1) translate(-50%, 50%); -o-transform: scale(1) translate(-50%, 50%); transform: scale(1) translate(-50%, 50%); } .module-governance-mini .column-listing .member .depiction, .module-governance-mini .column-listing .member .toggler-wrapper { display: none !important; } .module-governance-mini .column-listing .member:hover:not(:active) .photo-wrapper::before, .module-governance-mini .column-listing .member:focus:not(:active) .photo-wrapper::before { -webkit-transform: scale(1) translate(-50%, 50%); -o-transform: scale(1) translate(-50%, 50%); transform: scale(1) translate(-50%, 50%); } } @media only screen and (max-width: 74.9375em) { .module-governance-mini .governance-wrapper .column-listing { width: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; } } @media only screen and (max-width: 56.1875em) { .module-governance-mini .governance-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .module-governance-mini .governance-wrapper .column { width: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0 auto; } .module-governance-mini .governance-wrapper .column-listing .item { margin-top: 40px; } .module-governance-mini .governance-wrapper .column-listing .item .depiction { display: none; } .module-governance-mini .governance-wrapper .column-listing .toggler-wrapper { display: none; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-slider-job { overflow: hidden; max-width: 100vw; background-color: white; } .module-slider-job .item { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .module-slider-job .highlight .item { opacity: 0.5; } .module-slider-job .highlight .item:hover, .module-slider-job .highlight .item:focus, .module-slider-job .highlight .item:active { opacity: 1; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 37.4375em) { .module-slider-job .card .bottom-content .title { font-size: 21px; line-height: 1.25; } } @media only screen and (min-width: 37.5em) { .module-slider-job .slick-prev, .module-slider-job .slick-next { z-index: 5; position: absolute; bottom: 8px; display: block; width: 60px; height: 60px; padding: 0; border-radius: 50%; background-color: transparent; border: 1px solid #bababa; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: .7; } .module-slider-job .slick-prev::before, .module-slider-job .slick-next::before { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDIzLjEgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIzLjEgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBhcmlhLWhpZGRlbj0idHJ1ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0VDMUMyRDt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC41LDAuM2MtMC40LDAuNC0wLjQsMS4xLDAsMS41bDUuMSw1LjFIMS4xQzAuNSw2LjksMCw3LjQsMCw4YzAsMC42LDAuNSwxLjEsMS4xLDEuMWgxOC40bC01LjEsNS4xCgljLTAuNCwwLjQtMC40LDEuMSwwLDEuNWMwLjQsMC40LDEuMSwwLjQsMS41LDBsNi45LTYuOUMyMyw4LjYsMjMuMSw4LjMsMjMuMSw4UzIzLDcuNCwyMi44LDcuMmwtNi45LTYuOQoJQzE1LjYtMC4xLDE0LjktMC4xLDE0LjUsMC4zeiIvPgo8L3N2Zz4K); display: block; width: 34px; height: auto; margin-left: auto; margin-right: auto; background-size: 60px; -webkit-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .module-slider-job .slick-prev { left: 20px; } .module-slider-job .slick-prev::before { -webkit-transform: scale(0.6) rotate(180deg); -o-transform: scale(0.6) rotate(180deg); transform: scale(0.6) rotate(180deg); } .module-slider-job .slick-next { left: 105px; } } @media only screen and (min-width: 56.25em) { .module-slider-job .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #editor .module-slider-job .container { overflow: hidden; } .module-slider-job .content-text-ourjobs { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: calc((100% - 1400px) / 2); padding-right: 55px; } .module-slider-job .content-text-ourjobs .content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 400px; height: 100%; padding-top: 100px; padding-bottom: 100px; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between; } .module-slider-job .content-text-ourjobs .content-wrapper .section-label { position: absolute; top: 0; max-width: 400px; } .module-slider-job .content-text-ourjobs .title { font-size: 3em; } #editor .module-slider-job .content-text-ourjobs .title { line-height: 1.0; } .module-slider-job .slider { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .module-slider-job .slick-list { padding: 0 20% 0 0; } .module-slider-job .wrapper { height: 680px; } .module-slider-job .slide-content { z-index: 2; -webkit-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .module-slider-job .content-block .section-label { margin-bottom: 100px; } .module-slider-job .slick-prev, .module-slider-job .slick-next { left: auto; bottom: 8px; } .module-slider-job .slick-prev:hover:not(:active), .module-slider-job .slick-prev:focus:not(:active), .module-slider-job .slick-next:hover:not(:active), .module-slider-job .slick-next:focus:not(:active) { opacity: 1; } .module-slider-job .slick-prev { left: -182px; } .module-slider-job .slick-next { left: -100px; } } @media only screen and (max-width: 56.1875em) { .module-slider-job .content-text-ourjobs { margin-bottom: 30px; } .module-slider-job .content-text-ourjobs .section-label { margin-bottom: 22px; } .module-slider-job .js-slider-jobs .slick-dots { position: absolute; left: 50%; top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .module-slider-job .js-slider-jobs .slick-dots li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 7px; margin-right: 7px; } .module-slider-job .js-slider-jobs .slick-dots li button { width: 9px; height: 9px; padding: 0; text-indent: -10000px; border: 1.5px solid white; background: transparent; border-radius: 10px; -webkit-transition: background-color 0.3s ease, border 0.3s ease, width 0.3s ease; -o-transition: background-color 0.3s ease, border 0.3s ease, width 0.3s ease; transition: background-color 0.3s ease, border 0.3s ease, width 0.3s ease; } .module-slider-job .js-slider-jobs .slick-dots li.slick-active button { width: 7px; height: 7px; border-color: transparent; background: white; } } @media only screen and (max-width: 1420px) { .module-slider-job .content-text-ourjobs { padding-left: 20px; padding-right: 20px; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ body:not(.wp-admin) .filters-job { padding-top: 15px; padding-bottom: 15px; } body:not(.wp-admin) .filters-job .filters-wrapper { width: 100%; } body:not(.wp-admin) .filters-job .filters-container { width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; } body:not(.wp-admin) .filters-job .filters-container .search-by-keywords { position: relative; display: block; width: 100%; height: 64px; margin-bottom: 34px; background: white; border-radius: 64px; } body:not(.wp-admin) .filters-job .filters-container .search-by-keywords .icon { position: absolute; left: 25px; top: 50%; width: 22px; height: auto; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } body:not(.wp-admin) .filters-job .filters-container .search-by-keywords .icon svg * { fill: #4580c0; } body:not(.wp-admin) .filters-job .filters-container .search-by-keywords .search { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-left: 66px; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 0.875em; color: #004289; border: none; } body:not(.wp-admin) .filters-job .filters-container .search-by-keywords .search::-webkit-input-placeholder { color: #004289; } body:not(.wp-admin) .filters-job .filters-container .search-by-keywords .search::-moz-placeholder { color: #004289; } body:not(.wp-admin) .filters-job .filters-container .search-by-keywords .search::-ms-input-placeholder { color: #004289; } body:not(.wp-admin) .filters-job .filters-container .search-by-keywords .search::placeholder { color: #004289; } body:not(.wp-admin) .filters-job .filters-container .search-by-keywords .btn-search-job { position: absolute; right: 0; top: 50%; height: 100%; width: 70px; padding: 0; background: transparent; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } body:not(.wp-admin) .filters-job .filters-container .search-by-keywords .btn-search-job::before { display: inline-block; position: absolute; left: 50%; top: 50%; width: 22px; height: 16px; content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDIzLjEgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIzLjEgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBhcmlhLWhpZGRlbj0idHJ1ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0VDMUMyRDt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC41LDAuM2MtMC40LDAuNC0wLjQsMS4xLDAsMS41bDUuMSw1LjFIMS4xQzAuNSw2LjksMCw3LjQsMCw4YzAsMC42LDAuNSwxLjEsMS4xLDEuMWgxOC40bC01LjEsNS4xCgljLTAuNCwwLjQtMC40LDEuMSwwLDEuNWMwLjQsMC40LDEuMSwwLjQsMS41LDBsNi45LTYuOUMyMyw4LjYsMjMuMSw4LjMsMjMuMSw4UzIzLDcuNCwyMi44LDcuMmwtNi45LTYuOQoJQzE1LjYtMC4xLDE0LjktMC4xLDE0LjUsMC4zeiIvPgo8L3N2Zz4K); background-size: 22px auto; -webkit-transform: translate(-50%, -43%); -o-transform: translate(-50%, -43%); transform: translate(-50%, -43%); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } body:not(.wp-admin) .filters-job .filters-container .search-by-keywords .btn-search-job:hover::before { left: 58%; } body:not(.wp-admin) .filters-job .filters-list .title { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin-bottom: 12px; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 0.875em; color: #1e1e1e; letter-spacing: 0.1em; text-transform: uppercase; } body:not(.wp-admin) .filters-job .filters-list .actions-wrapper { margin-top: 11px; } body:not(.wp-admin) .filters-job .filters-list .actions-wrapper .btn-action { font-size: 0.75em; } body:not(.wp-admin) .filters-job .filters-list .actions-wrapper .multiple-action { color: #004289; } body:not(.wp-admin) .filters-job .filters-list .actions-wrapper .multiple-action .deselect-all { display: none; } body:not(.wp-admin) .filters-job .filters-list .actions-wrapper .multiple-action.unselect .select-all { display: none; } body:not(.wp-admin) .filters-job .filters-list .actions-wrapper .multiple-action.unselect .deselect-all { display: inline; } body:not(.wp-admin) .filters-job .filters-list .actions-wrapper .validate-action { color: #ec1c2d; } body:not(.wp-admin) .filters-job .filter-all { margin-top: 1.5rem; } body:not(.wp-admin) .filters-job .filter-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #004289; border: 1px solid #004289; border-radius: 30px; color: white; font-size: 1.125em; font-weight: 600; height: 48px; padding: 0 19px 2px; overflow: hidden; text-decoration: none !important; text-overflow: ellipsis; -webkit-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease; white-space: nowrap; } body:not(.wp-admin) .filters-job .filter-link:hover, body:not(.wp-admin) .filters-job .filter-link:focus { background-color: white; color: #004289; } body:not(.wp-admin) .filters-job .btn-reset-wrapper.mobile { display: none; } body:not(.wp-admin) .filters-job .btn-reset { text-decoration: none; display: block; -ms-flex-line-pack: center; align-content: center; position: relative; height: 38px; padding: 0 15px 0 28px; font-size: 0.875em; background-color: transparent; border-radius: 30px; } body:not(.wp-admin) .filters-job .btn-reset::before, body:not(.wp-admin) .filters-job .btn-reset::after { position: absolute; top: 50%; left: 14px; width: 10px; height: 1px; background-color: currentColor; content: ''; } body:not(.wp-admin) .filters-job .btn-reset::before { rotate: 45deg; } body:not(.wp-admin) .filters-job .btn-reset::after { rotate: -45deg; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (min-width: 37.5em) { body:not(.wp-admin) .filters-job { padding-top: 55px; padding-bottom: 55px; background: #004289; } body:not(.wp-admin) .filters-job .filters-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } body:not(.wp-admin) .filters-job .select2-container .select2-selection { height: 40px; padding: 0 19px; background-color: transparent; border: 1px solid #4580c0; } body:not(.wp-admin) .filters-job .select2-container .select2-selection .select2-selection__rendered { padding-top: 4px; color: white; font-size: 0.875em; } body:not(.wp-admin) .filters-job .select2-container .select2-selection .select2-selection__arrow { display: none; } body:not(.wp-admin) .filters-job .filter-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } body:not(.wp-admin) .filters-job .filters-list { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } body:not(.wp-admin) .filters-job .filters-list .title { color: white; } body:not(.wp-admin) .filters-job .filters-list .filter { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: auto; margin-right: 8px; } body:not(.wp-admin) .filters-job .filters-list .filter:nth-child(odd) { margin-right: 8px; } body:not(.wp-admin) .filters-job .filters-list .filter:nth-child(1), body:not(.wp-admin) .filters-job .filters-list .filter:nth-child(2) { margin-top: 0; } body:not(.wp-admin) .filters-job .filters-list .filter .filter-title { height: 38px; padding: 0 19px; color: white; font-size: 0.875em; background-color: transparent; border: 1px solid #4580c0; } body:not(.wp-admin) .filters-job .filters-list .filter .filter-title::after { display: none; } body:not(.wp-admin) .filters-job .filters-list .filter .filter-title.filled { color: #004289; background-color: white; } body:not(.wp-admin) .filters-job .filters-list .filter .filter-title.filled .number-checked { margin-left: 8px; font-family: "Vinci sans", Arial, sans-serif; font-weight: normal; font-style: normal; } body:not(.wp-admin) .filters-job .filters-list .filter .filter-title.link { -webkit-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease; } body:not(.wp-admin) .filters-job .filters-list .filter .filter-title.link:hover, body:not(.wp-admin) .filters-job .filters-list .filter .filter-title.link:focus { background-color: #003670; border-color: #003670; } body:not(.wp-admin) .filters-job .filters-list .filter .item + .item { margin-top: 9px; } body:not(.wp-admin) .filters-job .filters-list .filter .multiselect-filter-label { padding-left: 23px; font-size: 0.9375em; font-family: "Vinci sans", Arial, sans-serif; font-weight: normal; font-style: normal; } body:not(.wp-admin) .filters-job .filters-list .filter .multiselect-filter-label::before { top: 5px; width: 12px; height: 12px; border: 1px solid #4580c0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } body:not(.wp-admin) .filters-job .filters-list .filter .multiselect-filter-label::after { top: 3px; left: -2px; width: 16px; height: 16px; -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } body:not(.wp-admin) .filters-job .filters-list .filter .multiselect-filter-checkbox:hover + .multiselect-filter-label { color: #004289; } body:not(.wp-admin) .filters-job .filters-list .filter .filter-content { width: 406px; max-width: 100vw; padding: 6px 22px 20px 17px; border-radius: 20px; } body:not(.wp-admin) .filters-job .filters-list .actions-wrapper { margin-top: 17px; margin-left: 0; } body:not(.wp-admin) .filters-job .filters-list .for-mobile { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; display: inline-block; } body:not(.wp-admin) .filters-job .filters-list .for-mobile .multiple-action { color: #4580c0; } body:not(.wp-admin) .filters-job .filters-list .for-mobile .validate-action { display: none; } body:not(.wp-admin) .filters-job .filters-list .close-filters { top: 5px; right: 12px; width: 10px; } body:not(.wp-admin) .filters-job .filters-list .close-filters svg { width: 10px; } body:not(.wp-admin) .filters-job .filter-all { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; margin-top: 0; margin-left: 2rem; text-align: right; } body:not(.wp-admin) .filters-job .filter-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background-color: white; border-color: white; color: #004289; font-size: 0.875em; height: 38px; } body:not(.wp-admin) .filters-job .filter-link:hover, body:not(.wp-admin) .filters-job .filter-link:focus { background-color: #004289; border-color: white; color: white; } body:not(.wp-admin) .filters-job .btn-reset-wrapper.desktop .btn-reset { color: white; } } @media only screen and (min-width: 56.25em) { body:not(.wp-admin) .filters-job .filters-list .title { margin-bottom: 4px; } body:not(.wp-admin) .filters-job .filters-list .filter { margin-top: 10px !important; } } @media only screen and (max-width: 56.1875em) { body:not(.wp-admin) .filters-job .filters-list .filter:nth-child(1), body:not(.wp-admin) .filters-job .filters-list .filter:nth-child(2) { margin-top: 20px; } body:not(.wp-admin) .filters-job .filters-list .actions-wrapper { margin-top: 11px; } } @media only screen and (max-width: 37.4375em) { body:not(.wp-admin) .filters-job .filters-wrapper { padding: 0; background-color: #f6f6f6; } body:not(.wp-admin) .filters-job .filters-container .wrapper-search { padding: 35px 20px 5px 20px; margin-bottom: 20px; background-color: #004289; border-radius: 0; } body:not(.wp-admin) .filters-job .filters-container .search-by-keywords { background-color: white; } body:not(.wp-admin) .filters-job .filters-container .search-by-keywords .icon { display: none; } body:not(.wp-admin) .filters-job .filters-container .search-by-keywords .search { padding-left: 25px; padding-right: 25px; font-size: 1.375em; } body:not(.wp-admin) .filters-job .filters-container .filters-list .filter { padding-top: 23px; padding-bottom: 19px; margin-bottom: 0; border-bottom: 1px solid #bababa; } body:not(.wp-admin) .filters-job .filters-container .filters-list .filter.btn-reset-wrapper { display: none; } body:not(.wp-admin) .filters-job .filters-container .filters-list .filter .filter-title { height: auto; padding: 0; font-size: 1em; color: #1e1e1e; text-transform: uppercase; background: transparent; border: none; } body:not(.wp-admin) .filters-job .filters-container .filters-list .filter .filter-title::after { display: none; } body:not(.wp-admin) .filters-job .filters-container .filters-list .filter .number-checked { margin-left: 6px; } body:not(.wp-admin) .filters-job .filters-container .filters-list .filter .number-checked::before { content: '('; } body:not(.wp-admin) .filters-job .filters-container .filters-list .filter .number-checked::after { content: ')'; } body:not(.wp-admin) .filters-job .filters-container .filters-list .filter .filter-content { position: relative; padding: 14px 0 0 0; background-color: transparent; border-radius: 0; } body:not(.wp-admin) .filters-job .filters-container .filters-list .filter .filter-content .actions-wrapper { display: none !important; } body:not(.wp-admin) .filters-job .filters-container .filters-list .filter .multiselect-filter-label { padding-left: 23px; font-size: 0.75em; color: #1e1e1e; text-transform: uppercase; letter-spacing: 0.1em; } body:not(.wp-admin) .filters-job .filters-container .filters-list .filter .multiselect-filter-label::before { top: 2px; width: 14px; height: 14px; border-color: #888888; } body:not(.wp-admin) .filters-job .filters-container .filters-list .filter .multiselect-filter-label::after { top: 0; left: -2px; width: 19px; height: 19px; } body:not(.wp-admin) .filters-job .filters-container .multiselect-section .close-filters { right: 11px; top: 11px; } body:not(.wp-admin) .filters-job .filters-container .multiselect-section .close-filters svg { width: 12px; height: auto; } body:not(.wp-admin) .filters-job .filters-container .multiselect-section .close-filters svg * { fill: white; } body:not(.wp-admin) .filters-job .filters-container .filter-wrapper { padding-left: 20px; padding-right: 20px; } body:not(.wp-admin) .filters-job .btn-reset-wrapper.desktop { display: none; } body:not(.wp-admin) .filters-job .btn-reset-wrapper.mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 38px; } body:not(.wp-admin) .filters-job .btn-reset-wrapper.mobile .btn-reset { height: auto; color: #004289; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-results-job-offers .number-of-results, .search-results-list .number-of-results { padding: 35px 0 25px 0; color: #1e1e1e; } .module-results-job-offers .number-of-results .number, .search-results-list .number-of-results .number { font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; color: #004289; } .module-results-job-offers .search-results-list, .search-results-list .search-results-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .module-results-job-offers .result, .search-results-list .result { position: relative; padding-top: 40px; padding-bottom: 40px; padding-right: 20px; border-bottom: 1px solid #e0e0e0; -webkit-transition: padding 0.3s ease; -o-transition: padding 0.3s ease; transition: padding 0.3s ease; } .module-results-job-offers .result:hover, .module-results-job-offers .result:focus, .module-results-job-offers .result:active, .search-results-list .result:hover, .search-results-list .result:focus, .search-results-list .result:active { padding-left: 20px; background-color: #f2f7fc; } .module-results-job-offers .result .metas-wrapper, .search-results-list .result .metas-wrapper { margin-bottom: 15px; } .module-results-job-offers .result .metas-wrapper .category, .search-results-list .result .metas-wrapper .category { margin-right: 25px; font-size: 1.1875em !important; letter-spacing: 0; color: #282828; } .module-results-job-offers .result .title, .search-results-list .result .title { font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; max-width: 900px; color: #004289; font-size: 2em; margin-bottom: 15px; } .module-results-job-offers .result .wrapper-additional-infos, .search-results-list .result .wrapper-additional-infos { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #004289; } .module-results-job-offers .result .location, .search-results-list .result .location { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 33px; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 0.875em; line-height: 1.3; text-transform: uppercase; } .module-results-job-offers .result .location svg, .search-results-list .result .location svg { width: 10px; height: auto; margin-right: 12px; } .module-results-job-offers .result .location svg *, .search-results-list .result .location svg * { fill: currentColor; } .module-results-job-offers .result .additional-infos, .search-results-list .result .additional-infos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 7px; margin-bottom: 3px; font-size: 0.75em; line-height: 1.3; } .module-results-job-offers .result .additional-infos__publication-time, .module-results-job-offers .result .additional-infos__status, .search-results-list .result .additional-infos__publication-time, .search-results-list .result .additional-infos__status { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; color: #181818; } .module-results-job-offers .result .additional-infos__publication-time svg, .module-results-job-offers .result .additional-infos__status svg, .search-results-list .result .additional-infos__publication-time svg, .search-results-list .result .additional-infos__status svg { width: 24px; height: auto; margin-right: 5px; } .module-results-job-offers .result .additional-infos__publication-time svg *, .module-results-job-offers .result .additional-infos__status svg *, .search-results-list .result .additional-infos__publication-time svg *, .search-results-list .result .additional-infos__status svg * { fill: #004289; } .module-results-job-offers .result .additional-infos__publication-time, .search-results-list .result .additional-infos__publication-time { margin-right: 30px; margin-left: -5px; } .module-results-job-offers .result .additional-infos__publication-time svg, .search-results-list .result .additional-infos__publication-time svg { margin-top: 1px; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .module-results-job-offers .result, .search-results-list .result { padding-top: 25px; padding-bottom: 25px; } } @media only screen and (min-width: 56.25em) { .module-results-job-offers .result, .search-results-list .result { padding-top: 40px; padding-bottom: 40px; } .module-results-job-offers .result .site-container, .search-results-list .result .site-container { padding-right: 100px; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-implantations-job-offers .number-of-implantations { padding: 35px 0 25px 0; color: #1e1e1e; } .module-implantations-job-offers .number-of-implantations .number { font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; color: #004289; } .module-implantations-job-offers .search-implantations-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .module-implantations-job-offers .entreprise { position: relative; padding-top: 40px; padding-bottom: 40px; padding-left: 20px; padding-right: 20px; border-bottom: 1px solid #e0e0e0; -webkit-transition: padding 0.3s ease; -o-transition: padding 0.3s ease; transition: padding 0.3s ease; } .module-implantations-job-offers .entreprise:hover, .module-implantations-job-offers .entreprise:focus, .module-implantations-job-offers .entreprise:active { padding-left: 20px; background-color: #f2f7fc; } .module-implantations-job-offers .entreprise .card-fake-link svg > * { fill: #ec1c2d; } .module-implantations-job-offers .entreprise .entreprise-container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1386px; margin-left: auto; margin-right: auto; } .module-implantations-job-offers .entreprise .wrapper-logo { -webkit-box-flex: 0; -ms-flex: 0 0 256px; flex: 0 0 256px; max-width: 256px; padding-right: 3%; padding-left: 3%; text-align: center; } .module-implantations-job-offers .entreprise .wrapper-logo .logo { -o-object-fit: contain; object-fit: contain; width: 130px; height: 130px; margin-left: auto; margin-right: auto; } .module-implantations-job-offers .entreprise .wrapper-infos { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-right: 4%; } .module-implantations-job-offers .entreprise .address { font-size: 1.375em; font-weight: 300; } .module-implantations-job-offers .entreprise .title { font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; max-width: 900px; color: #004289; font-size: 2em; margin-bottom: 15px; } .module-implantations-job-offers .entreprise .location { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 33px; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 0.875em; line-height: 1.3; color: #4580c0; text-transform: uppercase; } .module-implantations-job-offers .entreprise .location svg { width: 10px; height: auto; margin-right: 12px; } .module-implantations-job-offers .entreprise .location svg * { fill: #4580c0; } .module-implantations-job-offers .entreprise .additional-infos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 23px; margin-bottom: 3px; font-size: 1.125em; font-weight: 600; line-height: 1.5; color: #004289; } .module-implantations-job-offers .entreprise .additional-infos__line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .module-implantations-job-offers .entreprise .additional-infos .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .module-implantations-job-offers .entreprise .additional-infos .icon svg { width: 24px; height: auto; margin-right: 10px; } .module-implantations-job-offers .entreprise .additional-infos .icon svg * { fill: #4580c0; } .module-implantations-job-offers .entreprise .additional-infos__mail { min-width: 250px; padding-right: 40px; } .module-implantations-job-offers .entreprise .additional-infos__phone-number { min-width: 275px; } .module-implantations-job-offers .entreprise .additional-infos__phone-number .icon svg { width: 15px; margin-top: 1px; } .module-implantations-job-offers .entreprise .additional-infos__fax-number { min-width: 275px; } .module-implantations-job-offers .entreprise .additional-infos__fax-number .icon svg { width: 15px; margin-top: 3px; } .module-implantations-job-offers .entreprise .btn-simple-arrow { -webkit-box-flex: 1; -ms-flex: 1 0 185px; flex: 1 0 185px; color: #004289; } .module-implantations-job-offers .entreprise .btn-simple-arrow svg * { fill: #ec1c2d; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .module-implantations-job-offers .entreprise { padding-top: 25px; padding-bottom: 25px; } } @media only screen and (min-width: 56.25em) { .module-implantations-job-offers .entreprise { padding-top: 40px; padding-bottom: 40px; } .module-implantations-job-offers .entreprise .site-container { padding-right: 100px; } } @media only screen and (max-width: 74.9375em) { .module-implantations-job-offers .entreprise .entreprise-container { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .module-implantations-job-offers .entreprise .wrapper-logo { -webkit-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; max-width: 180px; padding-left: 0; text-align: left; } .module-implantations-job-offers .entreprise .additional-infos { -ms-flex-wrap: wrap; flex-wrap: wrap; } .module-implantations-job-offers .entreprise .additional-infos__line { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .module-implantations-job-offers .entreprise .btn-simple-arrow { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: absolute; left: 0; bottom: 5px; width: 100%; } } @media only screen and (max-width: 37.4375em) { .module-implantations-job-offers .entreprise .entreprise-container { -ms-flex-wrap: wrap; flex-wrap: wrap; } .module-implantations-job-offers .entreprise .wrapper-logo { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: none; } .module-implantations-job-offers .entreprise .wrapper-logo .logo { width: 130px; max-height: 130px; height: auto; margin-bottom: 15px; } .module-implantations-job-offers .entreprise .btn-simple-arrow { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; left: auto; bottom: auto; width: 100%; margin-top: 15px; margin-left: -5px; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .implantations-intro .split-container { margin-bottom: 123px; } .implantations-intro .split-container .split-content .content-block .title { max-width: 400px; } /* MEDIA QUERIES ---------------------------------------- */ /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .module-figures { background-color: white; } .module-figures .section-heading .section-title { max-width: 522px; } .module-figures .keys-grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .module-figures .key { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .module-figures .key .icon { margin-bottom: 25px; width: 100%; height: 150px; background-repeat: no-repeat; background-size: contain; background-position: center center; margin-bottom: 20px; } .module-figures .key .number { width: 100%; font-size: 1.875em; line-height: 1.3; font-weight: bold; text-transform: none; color: #004289; margin-bottom: 10px; text-align: center; } .module-figures .key .label { color: #004289; font-size: 1.25em; line-height: 1.3; text-transform: none; text-align: center; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .module-figures .section-heading { margin-bottom: 50px; } .module-figures .keys-grid { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .module-figures .key { width: 100%; padding-left: 0; padding-right: 0; } .module-figures .key + .key { margin-top: 50px; } .module-figures .key > * { text-align: center; width: 100%; } .module-figures .key .icon { width: 200px; height: 200px; } } @media only screen and (min-width: 56.25em) { .module-figures .section-heading { margin-bottom: 75px; } .module-figures .section-heading .section-title { font-size: 62px; } .module-figures .keys-grid { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .module-figures .key { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } } /* PREVIEW BO ---------------------------------------- */ .acf-block-preview .module-figures .key .number { opacity: 1; line-height: 1; } .wsp-container { max-width: 1460px; margin-left: auto; margin-right: auto; margin-top: 50px; } .wsp-container li { line-height: 1.5; margin-bottom: 15px; } @media only screen and (max-width: 56.1875em) { .wsp-container li { margin-bottom: 10px; } } .wsp-container a { text-decoration: none; -webkit-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease; } .wsp-container > ul { display: grid; grid-column-gap: 50px; grid-row-gap: 0; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } .wsp-container > ul > li { font-size: 2rem; line-height: 1.25; font-weight: 600; color: #004289; counter-increment: number; margin-bottom: 50px; } @media only screen and (max-width: 56.1875em) { .wsp-container > ul > li { margin-bottom: 30px; } } .wsp-container > ul > li > a { display: block; } .wsp-container > ul ul { margin-top: 15px; } .wsp-container > ul ul a { font-family: "Vinci sans", Arial, sans-serif; font-weight: normal; font-style: normal; font-weight: normal; color: #181818; } .wsp-container > ul ul a:hover, .wsp-container > ul ul a:focus, .wsp-container > ul ul a:active { color: #ec1c2d; } .wsp-container > ul ul > li { font-size: 1.125rem; } @media only screen and (min-width: 56.25em) { .wsp-container > ul ul > li { font-size: 1.375rem; } } .wsp-container > ul ul ul > li { font-size: 0.875rem; } @media only screen and (min-width: 56.25em) { .wsp-container > ul ul ul > li { font-size: 1rem; } } .wsp-container > ul + [class*="-title"] { margin-top: 50px; } @media only screen and (max-width: 56.1875em) { .wsp-container > ul + [class*="-title"] { margin-bottom: 30px; } } .wsp-container > [class*="-title"] { font-family: "Vinci sans", Arial, sans-serif; font-weight: bold; font-style: normal; font-size: 2rem; margin-bottom: 20px; line-height: 1.25; color: #004289; } @media only screen and (min-width: 37.5em) { .wsp-container > [class*="-title"] { font-size: 2.5rem; margin-bottom: 30px; } } @media only screen and (min-width: 56.25em) { .wsp-container > [class*="-title"] { font-size: 3.625rem; } } .module-cta.module { margin-top: 0; } .module-cta .row { width: calc(100% - 40px); max-width: 1060px; margin-left: auto; margin-right: auto; } .module-cta .intern-link .btn-icon svg { width: 24px; } .module-cta.\--advanced { padding-left: 1.25rem; padding-right: 1.25rem; } .module-cta.\--advanced .row { width: 100%; padding: 2.5rem 1.25rem; max-width: 1280px; } .module-cta.\--advanced .row.\--dark { color: white; background-color: #004289; } .module-cta.\--advanced .row.\--dark .btn-icon { background-color: rgba(255, 255, 255, 0.2); } .module-cta.\--advanced .row.\--light { color: #004289; background-color: #d9e8f7; } .module-cta.\--advanced .row.\--light .btn-icon { background-color: rgba(0, 66, 137, 0.2); } .module-cta.\--advanced .row * { color: currentColor !important; fill: currentColor; } .module-cta.\--advanced .wrapper { width: 100%; max-width: 1060px; margin: auto; } .module-cta.\--advanced .title { font-size: 2.375rem; font-weight: 700; line-height: 2.875rem; letter-spacing: 0; margin-bottom: 1rem; } .module-cta.\--advanced .editor { font-size: 1.375rem; line-height: 2.5rem; } .module-cta.\--advanced .editor * { font-size: inherit; line-height: inherit; } .module-cta.\--advanced .editor ul, .module-cta.\--advanced .editor ol { line-height: 1.25; } .module-cta.\--advanced .intern-link { margin-top: 0; } .module-cta.\--advanced .btn-icon { border-width: 3px; border-color: currentColor; } .module-cta.\--advanced .btn-label::after { background-color: currentColor; } .cta-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-bottom: -1rem; } .cta-row .intern-link { padding: 0; margin-top: 0; margin-bottom: 1rem; } .cta-row.\--left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .cta-row.\--left .intern-link { margin-right: 1.25rem; } .cta-row.\--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cta-row.\--center .intern-link { margin-left: 0.625rem; margin-right: 0.625rem; } .cta-row.\--right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .cta-row.\--right .intern-link { margin-left: 1.25rem; } * + .cta-row { margin-top: 4rem; } @media only screen and (min-width: 37.5em) { .module-cta.\--advanced .row { padding-left: 1.875rem; padding-right: 1.875rem; } } @media only screen and (min-width: 56.25em) { .module-cta.module { margin-top: 0; } .module-cta.\--advanced .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .module-cta.\--advanced .title, .module-cta.\--advanced .content { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; } .module-cta.\--advanced .title { font-size: 2.75rem; line-height: 3.5rem; max-width: 312px; margin-right: 2.5rem; margin-bottom: 0; } .module-cta.\--advanced .content { max-width: 620px; } * + .cta-row { margin-top: 2.5rem; } } @media only screen and (min-width: 75em) { .module-cta.\--advanced .row { padding: 5rem 2.5rem; } .module-cta.\--advanced .title { font-size: 3.625rem; line-height: 4rem; } } /** * GENERAL * CONTAINER * MAIN CONTENT * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ *, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; } html, body { position: relative; height: 100%; } html { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 100%; letter-spacing: 0.5px; } html[data-whatintent="mouse"] *, html[data-whatintent="touch"] * { outline: none; } html.isMobile { margin-top: 0 !important; overflow-x: hidden; } :root, html, #wrapper { background-color: white !important; } body { min-width: 320px; max-width: 100vw; background-color: white; color: #1e1e1e; font-family: "Vinci sans", Arial, sans-serif; overflow-x: hidden; } body:not(.wp-admin):not(.mce-content-body)::after { content: ''; position: fixed; top: 0; left: 0; z-index: 999999; width: 100vw; height: 100vh; background-color: white; pointer-events: none; -webkit-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } body:not(.wp-admin):not(.mce-content-body).is-loaded::after { opacity: 0; visibility: hidden; } #wrapper { overflow: hidden; } /* Image */ img { width: auto; height: auto; max-width: 100%; image-rendering: -webkit-optimize-contrast; } svg { display: block; overflow: visible !important; } /* Link */ a { color: inherit; } .row-actions a { color: #0073aa; } .row-actions .trash a, .row-actions .remove a, .row-actions .deleta a { color: #a00; } /* Blocks */ p { line-height: 1.5; } hr { margin: 0; border: none; border-top: 1px solid grey; } pre { display: block; background-color: lightgrey; } /* Accessibility */ *:not(#screen-meta) > .screen-reader-text, *:not(#screen-meta) > .hidden { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 0; } *:not(#screen-meta) > .screen-reader-text.multiselect-filter-checkbox, *:not(#screen-meta) > .hidden.multiselect-filter-checkbox { position: relative !important; } /* CONTAINERS ---------------------------------------- */ .site-container { position: relative; width: 100%; max-width: 1460px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; } #editor .site-container { padding-right: 0; padding-left: 0; } .site-container .site-container { padding-right: 0; padding-left: 0; } .editorial-container { width: 100%; max-width: 1120px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; } .editorial-container .site-container { padding-right: 0; padding-left: 0; } .site-container .editorial-container { padding-left: 0; padding-right: 0; } /* Header container */ #header { z-index: 15; } /* Main container */ #main { z-index: 10; } .the-content { padding-left: 30px; padding-right: 30px; } .the-content .module { margin-left: -30px; margin-right: -30px; width: auto; } /* Footer container */ #footer { z-index: 5; } /* Group sites */ #layer-group-sites { z-index: 30; } /* Cookie banner */ #cookie-banner { z-index: 30; } /* Cookie banner */ #breadcrumbs { z-index: 12; } /* Components */ .section-label { display: block; color: #7d7d7d; font-size: 2.1875em !important; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .section-label.white { color: white; } .outlined, .outlined-word { position: absolute; font-family: "Vinci sans", Arial, sans-serif; font-weight: 800; font-style: normal; color: transparent !important; -webkit-text-stroke: 0.6px #d9e8f7; text-stroke: 0.6px #d9e8f7; line-height: normal; } @media only screen and (max-width: 56.1875em) { .outlined, .outlined-word { display: none; } } .outlined-word { top: auto; left: auto; font-size: 12.5em; line-height: 1em; pointer-events: none; } .ratio-vertical { position: relative; width: 100%; height: 0; padding-top: 150%; background-size: cover; background-position: center center; } /* MAIN CONTENT ---------------------------------------- */ /* No result */ .no-result { margin: calc(25px + 5.35714%) auto; text-align: center; font-size: 1rem; line-height: 1.25; font-weight: bold; } /* MEDIA QUERIES ---------------------------------------- */ /* PREVIEW GUTENBERG ---------------------------------------- */ .wp-block .section-label { font-family: "Vinci sans", Arial, sans-serif; color: #ec1c2d; font-size: 1.125em; font-weight: 600; } .wp-block .section-label.white { color: white; } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .header-global-wrapper { position: fixed; top: 0; left: 0; width: 100%; max-width: 100vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: white; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } body.admin-bar .header-global-wrapper { top: 32px; } @media only screen and (max-width: 37.4375em) { body.admin-bar .header-global-wrapper { top: 0px; } } body.bg-transparent.home:not(.scrolled) .header-global-wrapper, body.error404 .header-global-wrapper { background-color: transparent; -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.03); box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.03); } body.error404.scrolled .header-global-wrapper { background-color: rgba(10, 13, 48, 0.75); } .header-global-wrapper .header-container { padding: 15px 0; } .header-global-wrapper .search-icon-container .btn-open-search { background-color: transparent; padding: 15px; } .header-global-wrapper .search-icon-container .btn-open-search .icon { display: block; width: 30px; } .header-global-wrapper .search-icon-container .btn-open-search .icon svg * { fill: #004289; } body.bg-transparent.home:not(.scrolled) .header-global-wrapper .search-icon-container .btn-open-search .icon svg *, body.error404 .header-global-wrapper .search-icon-container .btn-open-search .icon svg * { fill: white; } .header-global-wrapper .search-container { z-index: 5; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; padding-left: 15px; padding-right: 15px; background-color: white; -webkit-transition: all .5s .5s ease; -o-transition: all .5s .5s ease; transition: all .5s .5s ease; } .header-global-wrapper .search-container::before, .header-global-wrapper .search-container::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; pointer-events: none; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } .header-global-wrapper .search-container::before { display: none; position: fixed; height: 100vh; background-color: rgba(0, 66, 137, 0.6); opacity: 0; visibility: hidden; } .header-global-wrapper .search-container::after { background-color: white; } .header-global-wrapper .search-container.open { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .header-global-wrapper .search-container.open::before { opacity: 1; visibility: visible; -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } .header-global-wrapper .search-container .searchform { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header-global-wrapper .search-container .searchform [type="search"] { position: relative; width: 100%; max-width: 800px; padding: 8px 10px; border: none; border: none; font-family: "Vinci sans", Arial, sans-serif; font-weight: 300; font-style: normal; color: #4580c0; font-size: 1.5em; } .header-global-wrapper .search-container .searchform [type="search"]::-webkit-input-placeholder { color: rgba(69, 128, 192, 0.4); } .header-global-wrapper .search-container .searchform [type="search"]::-moz-placeholder { color: rgba(69, 128, 192, 0.4); } .header-global-wrapper .search-container .searchform [type="search"]:-moz-placeholder { color: rgba(69, 128, 192, 0.4); } .header-global-wrapper .search-container .searchform [type="search"]:-ms-input-placeholder { color: rgba(69, 128, 192, 0.4); } .header-global-wrapper .search-container .searchform [type="submit"] { margin-right: 5px; background-color: transparent; } .header-global-wrapper .search-container .searchform [type="submit"] .icon { display: inline-block; width: 30px; } .header-global-wrapper .search-container .searchform [type="submit"] .icon svg * { fill: #004289; } .header-global-wrapper .search-container .btn-close-search { margin-left: 10px; background-color: transparent; } .header-global-wrapper .search-container .btn-close-search .icon { display: inline-block; width: 18px; } .header-global-wrapper .search-container .btn-close-search .icon svg * { fill: #ec1c2d; } .header-global-wrapper .logo-container { width: 162px; } .header-global-wrapper .logo-container .block-link { position: relative; height: 43px; margin-left: auto; } .header-global-wrapper .logo-container .block-link .logo { position: absolute; top: 0; right: 0; width: auto; height: 100%; width: 162px; max-width: 100%; -o-object-fit: contain; object-fit: contain; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .header-global-wrapper .logo-container .block-link .logo.transparent { opacity: 0; } body.home.bg-transparent:not(.scrolled) .header-global-wrapper .logo-container .block-link .logo.transparent, body.error404 .header-global-wrapper .logo-container .block-link .logo.transparent { opacity: 1; } body.home.bg-transparent:not(.scrolled) .header-global-wrapper .logo-container .block-link .logo.default, body.error404 .header-global-wrapper .logo-container .block-link .logo.default { opacity: 0; } .header-global-wrapper .logo-container .block-link .logo body.home.bg-transparent.scrolled.transparent { opacity: 0; } .header-global-wrapper .logo-container .block-link .logo body.home.bg-transparent.scrolled.default { opacity: 1; } body.mobile-nav-opened .header-global-wrapper .logo-container .block-link .logo.transparent { opacity: 0 !important; } body.mobile-nav-opened .header-global-wrapper .logo-container .block-link .logo.default { opacity: 1 !important; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 74.9375em) { .header-global-wrapper { height: 75px; padding: 0 25px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .header-global-wrapper .burger-container { margin-right: 15px; } .header-global-wrapper .burger-container .btn-burger { position: relative; width: 22px; height: 18px; background-color: transparent; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .header-global-wrapper .burger-container .btn-burger::before, .header-global-wrapper .burger-container .btn-burger::after, .header-global-wrapper .burger-container .btn-burger span { content: ''; display: inline-block; position: absolute; left: 0; width: 100%; height: 2px; background-color: #004289; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } body.home.bg-transparent:not(.scrolled) .header-global-wrapper .burger-container .btn-burger::before, body.home.bg-transparent:not(.scrolled) .header-global-wrapper .burger-container .btn-burger::after, body.home.bg-transparent:not(.scrolled) .header-global-wrapper .burger-container .btn-burger span { background-color: white; } body.bg-transparent.mobile-nav-opened .header-global-wrapper .burger-container .btn-burger::before, body.bg-transparent.mobile-nav-opened .header-global-wrapper .burger-container .btn-burger::after, body.bg-transparent.mobile-nav-opened .header-global-wrapper .burger-container .btn-burger span { background-color: #004289 !important; } .header-global-wrapper .burger-container .btn-burger span { top: calc(50% - 1px); } .header-global-wrapper .burger-container .btn-burger::before { top: 0; } .header-global-wrapper .burger-container .btn-burger::after { top: calc(100% - 2px); } .header-global-wrapper .burger-container.is-open .btn-burger { -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .header-global-wrapper .burger-container.is-open .btn-burger span { opacity: 0; } .header-global-wrapper .burger-container.is-open .btn-burger::before { -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 8px; } .header-global-wrapper .burger-container.is-open .btn-burger::after { -webkit-transform: rotate(-315deg); -o-transform: rotate(-315deg); transform: rotate(-315deg); margin-top: -8px; } .header-global-wrapper .navigation-container, .header-global-wrapper .langages-container { -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out; } .header-global-wrapper .navigation-container .nav > li > a, .header-global-wrapper .langages-container .nav > li > a { opacity: 0; -webkit-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } .header-global-wrapper .navigation-container.visible, .header-global-wrapper .langages-container.visible { -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .header-global-wrapper .navigation-container.visible .nav > li > a, .header-global-wrapper .langages-container.visible .nav > li > a { opacity: 1; -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .header-global-wrapper .navigation-container.visible .nav > li:nth-child(1) > a, .header-global-wrapper .langages-container.visible .nav > li:nth-child(1) > a { -webkit-transition-delay: 650ms; -o-transition-delay: 650ms; transition-delay: 650ms; } .header-global-wrapper .navigation-container.visible .nav > li:nth-child(2) > a, .header-global-wrapper .langages-container.visible .nav > li:nth-child(2) > a { -webkit-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; } .header-global-wrapper .navigation-container.visible .nav > li:nth-child(3) > a, .header-global-wrapper .langages-container.visible .nav > li:nth-child(3) > a { -webkit-transition-delay: 750ms; -o-transition-delay: 750ms; transition-delay: 750ms; } .header-global-wrapper .navigation-container.visible .nav > li:nth-child(4) > a, .header-global-wrapper .langages-container.visible .nav > li:nth-child(4) > a { -webkit-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; } .header-global-wrapper .navigation-container.visible .nav > li:nth-child(5) > a, .header-global-wrapper .langages-container.visible .nav > li:nth-child(5) > a { -webkit-transition-delay: 850ms; -o-transition-delay: 850ms; transition-delay: 850ms; } .header-global-wrapper .navigation-container.visible .nav > li:nth-child(6) > a, .header-global-wrapper .langages-container.visible .nav > li:nth-child(6) > a { -webkit-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms; } .header-global-wrapper .navigation-container.visible .nav > li:nth-child(7) > a, .header-global-wrapper .langages-container.visible .nav > li:nth-child(7) > a { -webkit-transition-delay: 950ms; -o-transition-delay: 950ms; transition-delay: 950ms; } .header-global-wrapper .navigation-container.visible .nav > li:nth-child(8) > a, .header-global-wrapper .langages-container.visible .nav > li:nth-child(8) > a { -webkit-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .header-global-wrapper .navigation-container.visible .nav > li:nth-child(9) > a, .header-global-wrapper .langages-container.visible .nav > li:nth-child(9) > a { -webkit-transition-delay: 1050ms; -o-transition-delay: 1050ms; transition-delay: 1050ms; } .header-global-wrapper .navigation-container.visible .nav > li:nth-child(10) > a, .header-global-wrapper .langages-container.visible .nav > li:nth-child(10) > a { -webkit-transition-delay: 1100ms; -o-transition-delay: 1100ms; transition-delay: 1100ms; } .header-global-wrapper .navigation-container.visible .nav > li:nth-child(11) > a, .header-global-wrapper .langages-container.visible .nav > li:nth-child(11) > a { -webkit-transition-delay: 1150ms; -o-transition-delay: 1150ms; transition-delay: 1150ms; } .header-global-wrapper .navigation-container.visible .nav > li:nth-child(12) > a, .header-global-wrapper .langages-container.visible .nav > li:nth-child(12) > a { -webkit-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } .header-global-wrapper .navigation-container { position: fixed; top: 75px; right: 0; bottom: 70px; left: 0; width: 100%; max-width: 100vw; padding: 0; margin: 0; background-color: rgba(255, 255, 255, 0.75); overflow-y: auto; overflow-x: hidden; } .header-global-wrapper .langages-container { position: fixed; bottom: 0; left: 0; width: 100%; padding: 0; background-color: rgba(255, 255, 255, 0.75); } .header-global-wrapper .langages-container .toggle-wapper { display: none; } .header-global-wrapper .langages-container .choices-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; } .header-global-wrapper .langages-container .choices-wrapper .choice { height: 70px; -ms-flex-preferred-size: 50%; flex-basis: 50%; padding: 20px 0; background-color: #4580c0; color: #004289; font-size: 1.25em; text-align: center; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .header-global-wrapper .langages-container .choices-wrapper .choice:last-child { border-left: 1px solid #004289; } .header-global-wrapper .langages-container .choices-wrapper .choice:hover:not(:active), .header-global-wrapper .langages-container .choices-wrapper .choice:focus:not(:active) { background-color: #6b9acd; } .header-global-wrapper .establishments-container { display: none; } .header-global-wrapper .search-container [type="submit"] { padding: 8px 12px 8px 0; } .header-global-wrapper .search-container [type="search"] { top: -3px; } .header-global-wrapper .search-container .btn-close-search { padding: 8px 0 8px 12px; } .header-global-wrapper .logo-container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 20px; text-align: right; } body.mobile-nav-opened .header-global-wrapper { background-color: white !important; } body.mobile-nav-opened .header-global-wrapper .navigation-container { background-color: #004289; } body.mobile-nav-opened .header-global-wrapper .icon-search { color: #004289; } body.mobile-nav-opened .header-global-wrapper .icon-search svg * { fill: currentColor !important; } } @media only screen and (min-width: 75em) { .header-global-wrapper { height: 100px; padding: 0 60px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-global-wrapper .burger-container { display: none; } .header-global-wrapper .navigation-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: stretch; align-self: stretch; padding: 0; } .header-global-wrapper .establishments-container .link { padding: 15px; } .header-global-wrapper .establishments-container .link .icon { display: block; width: 32px; } .header-global-wrapper .establishments-container .link .icon svg * { fill: #004289; } .header-global-wrapper .langages-container { position: relative; width: 40px; } .header-global-wrapper .langages-container .toggle-wapper .lang-toggler { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; background-color: transparent; color: #004289; letter-spacing: 0.05em; } body.bg-transparent.home:not(.scrolled) .header-global-wrapper .langages-container .toggle-wapper .lang-toggler, body.error404 .header-global-wrapper .langages-container .toggle-wapper .lang-toggler { color: white; } .header-global-wrapper .langages-container .toggle-wapper .lang-toggler .icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: inline-block; width: 8px; margin-left: 4px; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .header-global-wrapper .langages-container .toggle-wapper .lang-toggler .icon svg * { fill: #004289; } body.bg-transparent.home:not(.scrolled) .header-global-wrapper .langages-container .toggle-wapper .lang-toggler .icon svg *, body.error404 .header-global-wrapper .langages-container .toggle-wapper .lang-toggler .icon svg * { fill: white; } .header-global-wrapper .langages-container .toggle-wapper .lang-toggler.open .icon { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .header-global-wrapper .langages-container .choices-wrapper { z-index: 5; position: absolute; bottom: 15px; left: 50%; -webkit-transform: translate(-50%, 100%); -o-transform: translate(-50%, 100%); transform: translate(-50%, 100%); border-radius: 3px; overflow: hidden; display: none; } .header-global-wrapper .langages-container .choices-wrapper .choice { display: block; width: 100%; margin-bottom: 1px; font-size: 0.8125em; color: rgba(0, 66, 137, 0.6); text-decoration: none; background-color: #d9e8f7; } .header-global-wrapper .langages-container .choices-wrapper .choice:hover:not(:active), .header-global-wrapper .langages-container .choices-wrapper .choice:focus:not(:active) { color: #004289; } .header-global-wrapper .langages-container .choices-wrapper .choice:last-child { margin-bottom: 0; } .header-global-wrapper .langages-container .lang-btn { padding: 8px 11px; -moz-text-align-last: left; text-align-last: left; } .header-global-wrapper .search-container { padding-top: 25px; padding-bottom: 25px; } .header-global-wrapper .search-container .searchform [type="search"] { top: -5px; } .header-global-wrapper .logo-container { margin-left: 45px; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .main-nav .nav li.menu-item a { font-weight: normal; } .main-nav .nav li.menu-item[class*="current-"] > a { font-weight: bold; } .main-nav .nav li.menu-item .menu-item-has-children > a > .btn-goto { display: block; opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .main-nav .nav li.menu-item .menu-item-has-children > a:hover > .btn-goto { opacity: 1; -webkit-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: bounce-7; -o-animation-name: bounce-7; animation-name: bounce-7; -webkit-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); -o-animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1); -webkit-transform-origin: left; -o-transform-origin: left; transform-origin: left; } .main-nav .menu__right { display: block; } .main-nav .menu__left, .main-nav .menu__center, .main-nav .menu__right { border-color: rgba(255, 255, 255, 0.3) !important; } .main-nav .menu__left.empty, .main-nav .menu__center.empty, .main-nav .menu__right.empty { border-color: 0 !important; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (min-width: 75em) { .main-nav, .main-nav .menu-main-navigation-container, .main-nav .nav, .main-nav .nav > li, .main-nav .nav > li > a { height: 100px; } .main-nav .btn-goto { position: relative; top: 2px; display: none; height: 28px; margin-left: 20px; } .main-nav .btn-goto::after { content: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDIzLjEgMTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIzLjEgMTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBhcmlhLWhpZGRlbj0idHJ1ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0VDMUMyRDt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNC41LDAuM2MtMC40LDAuNC0wLjQsMS4xLDAsMS41bDUuMSw1LjFIMS4xQzAuNSw2LjksMCw3LjQsMCw4YzAsMC42LDAuNSwxLjEsMS4xLDEuMWgxOC40bC01LjEsNS4xCgljLTAuNCwwLjQtMC40LDEuMSwwLDEuNWMwLjQsMC40LDEuMSwwLjQsMS41LDBsNi45LTYuOUMyMyw4LjYsMjMuMSw4LjMsMjMuMSw4UzIzLDcuNCwyMi44LDcuMmwtNi45LTYuOQoJQzE1LjYtMC4xLDE0LjktMC4xLDE0LjUsMC4zeiIvPgo8L3N2Zz4K); display: inline-block; width: 36px; margin-left: 15px; } .main-nav .menu-item-has-children .menu-item-has-children > a > .btn-goto { display: block; } .main-nav .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .main-nav .nav > li:not(:last-child) { margin-right: 30px; } .main-nav .nav > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 0 solid #888888; color: #004289; font-size: 1.375em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; text-decoration: none; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } body.bg-transparent.home:not(.scrolled) .main-nav .nav > li > a, body.error404 .main-nav .nav > li > a { color: white; } .main-nav .nav > li > a::before { display: block; z-index: -1; position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 0; background-color: #004289e0; -webkit-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; } .main-nav .nav > li > a:hover { -webkit-box-shadow: 0 -4px 0 inset #888888; box-shadow: 0 -4px 0 inset #888888; } body.bg-transparent.home:not(.scrolled) .main-nav .nav > li > a:hover::before, body.bg-transparent.home:not(.scrolled) .main-nav .nav > li > a.open::before, body.error404 .main-nav .nav > li > a:hover::before, body.error404 .main-nav .nav > li > a.open::before { height: 100px; -webkit-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .main-nav .menu-item:not(:hover) > a:not(.open) + .menu__secondary:not(.clicked) { opacity: 0 !important; } .main-nav .menu__secondary { z-index: 20; opacity: 1; position: absolute; bottom: 0; left: 0; display: none; width: 100%; -webkit-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); background-color: #004289e0; } .main-nav .menu__secondary > .container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 1460px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-top: 70px; padding-bottom: 70px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .main-nav .menu__secondary .menu__left { width: 400px; padding-right: 40px; border-right: 1px solid #f2f2f2; color: white; } .main-nav .menu__secondary .menu__left .title { margin-bottom: 20px; font-size: 2rem; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } .main-nav .menu__secondary .menu__left .depiction { font-size: 1.375rem; font-family: "Vinci sans", Arial, sans-serif; font-weight: 300; font-style: normal; line-height: 1.8; } .main-nav .menu__secondary .menu__left .depiction p { line-height: 1.5; } .main-nav .menu__secondary .menu__left .depiction p strong { display: inline; font-weight: bold; line-height: 1.1; } .main-nav .menu__secondary .menu__left .link-more { margin-top: 20px; } .main-nav .menu__center { position: relative; width: 440px; border-right: 1px solid #003670; -webkit-transition: min-height .3s ease; -o-transition: min-height .3s ease; transition: min-height .3s ease; } .main-nav .menu__center li + li { margin-top: 25px; } .main-nav .menu__center a { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 40px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; color: white; font-size: 1.5rem; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; text-decoration: none; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .main-nav .highlight > li > a:hover { padding-left: 60px !important; } .main-nav .menu__left { border-width: 0 !important; } .main-nav .menu__center, .main-nav .menu__right { border-width: 0 0 0 1px; border-style: solid; } .main-nav .menu__right { border-color: transparent !important; } .main-nav .menu__right.visible { border-color: rgba(255, 255, 255, 0.2) !important; } .main-nav .sub-menu { z-index: 22; position: absolute; top: 0; right: -150px; min-width: 400px; min-height: 100%; -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); opacity: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .main-nav .open + .sub-menu { z-index: 25; right: 0; opacity: 1; } } @media only screen and (max-width: 74.9375em) { .main-nav { background-color: #004289; height: 100%; margin: 0 auto; -webkit-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; } .main-nav.on-second-level { -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .main-nav.on-third-level { -webkit-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); } .main-nav .menu__left, .main-nav .menu__right { display: none; } .main-nav ul { padding: 0 20px; } .main-nav li.menu-item-has-children { position: unset; } .main-nav li.menu-item-has-children > a > .btn-goto { display: block; opacity: 1 !important; -webkit-animation: none !important; -o-animation: none !important; animation: none !important; } .main-nav li.menu-item-has-children.current-opened { z-index: 2; } .main-nav a { position: relative; display: block; padding: 20px 0; border-bottom: 1px solid #4580c0; color: white; font-size: 1.5625em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; text-decoration: none; } .main-nav .btn-goto { position: absolute; top: calc(50% - 12px); right: 0; border-bottom-right-radius: 0; display: none; width: 24px; height: 24px; } .main-nav .btn-goto::before, .main-nav .btn-goto::after { content: ""; position: absolute; top: 10px; left: 0; display: block; width: 100%; height: 2px; background-color: white; } .main-nav .btn-goto::after { -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .main-nav .btn-back { position: relative; } .main-nav .btn-back .icon-back { position: absolute; top: calc(50% - 17px); left: 0; display: block; width: 35px; height: 35px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ny4xNiA4MC4zMiIgYXJpYS1oaWRkZW49InRydWUiPgogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMi41NSA0MC4xNmwyNy42MS0yNy42MUw0NC42MSAxNyAyMS40NSA0MC4xNmwyMy4xNiAyMy4xNS00LjQ1IDQuNDYtMjcuNjEtMjcuNjF6Ii8+Cjwvc3ZnPgo=); background-size: contain; background-position: center center; } .main-nav .menu__secondary, .main-nav .sub-menu { position: absolute; top: 0; right: 0; bottom: 0; display: block !important; width: 100vw; -webkit-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); background-color: #004289; pointer-events: none; } .main-nav .menu__secondary.visible, .main-nav .sub-menu.visible { z-index: 23; pointer-events: auto; } .main-nav .menu__secondary .menu__center, .main-nav .sub-menu { background-color: transparent; } .main-nav .menu__secondary .menu__center > li, .main-nav .sub-menu > li { opacity: 1; -webkit-transition: none; -o-transition: none; transition: none; -webkit-transform: none; -o-transform: none; transform: none; background-color: transparent; } .main-nav .menu__secondary .menu__center > li > a, .main-nav .sub-menu > li > a { color: white; opacity: 0; visibility: hidden; -webkit-transform: translateX(30px); -o-transform: translateX(30px); transform: translateX(30px); -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .main-nav .menu__secondary.visible .menu__center > li:nth-child(1) > a, .main-nav .sub-menu.visible > li:nth-child(1) > a { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; -webkit-transition-delay: 650ms; -o-transition-delay: 650ms; transition-delay: 650ms; } .main-nav .menu__secondary.visible .menu__center > li:nth-child(2) > a, .main-nav .sub-menu.visible > li:nth-child(2) > a { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; -webkit-transition-delay: 700ms; -o-transition-delay: 700ms; transition-delay: 700ms; } .main-nav .menu__secondary.visible .menu__center > li:nth-child(3) > a, .main-nav .sub-menu.visible > li:nth-child(3) > a { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; -webkit-transition-delay: 750ms; -o-transition-delay: 750ms; transition-delay: 750ms; } .main-nav .menu__secondary.visible .menu__center > li:nth-child(4) > a, .main-nav .sub-menu.visible > li:nth-child(4) > a { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; -webkit-transition-delay: 800ms; -o-transition-delay: 800ms; transition-delay: 800ms; } .main-nav .menu__secondary.visible .menu__center > li:nth-child(5) > a, .main-nav .sub-menu.visible > li:nth-child(5) > a { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; -webkit-transition-delay: 850ms; -o-transition-delay: 850ms; transition-delay: 850ms; } .main-nav .menu__secondary.visible .menu__center > li:nth-child(6) > a, .main-nav .sub-menu.visible > li:nth-child(6) > a { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; -webkit-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms; } .main-nav .menu__secondary.visible .menu__center > li:nth-child(7) > a, .main-nav .sub-menu.visible > li:nth-child(7) > a { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; -webkit-transition-delay: 950ms; -o-transition-delay: 950ms; transition-delay: 950ms; } .main-nav .menu__secondary.visible .menu__center > li:nth-child(8) > a, .main-nav .sub-menu.visible > li:nth-child(8) > a { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; -webkit-transition-delay: 1000ms; -o-transition-delay: 1000ms; transition-delay: 1000ms; } .main-nav .menu__secondary.visible .menu__center > li:nth-child(9) > a, .main-nav .sub-menu.visible > li:nth-child(9) > a { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; -webkit-transition-delay: 1050ms; -o-transition-delay: 1050ms; transition-delay: 1050ms; } .main-nav .menu__secondary.visible .menu__center > li:nth-child(10) > a, .main-nav .sub-menu.visible > li:nth-child(10) > a { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; -webkit-transition-delay: 1100ms; -o-transition-delay: 1100ms; transition-delay: 1100ms; } .main-nav .menu__secondary.visible .menu__center > li:nth-child(11) > a, .main-nav .sub-menu.visible > li:nth-child(11) > a { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; -webkit-transition-delay: 1150ms; -o-transition-delay: 1150ms; transition-delay: 1150ms; } .main-nav .menu__secondary.visible .menu__center > li:nth-child(12) > a, .main-nav .sub-menu.visible > li:nth-child(12) > a { opacity: 1; visibility: visible; -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition-duration: 600ms; -o-transition-duration: 600ms; transition-duration: 600ms; -webkit-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } } /* KEYFRAMES */ @-webkit-keyframes bounce-7 { 0% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 10% { -webkit-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); } 30% { -webkit-transform: scale(0.9, 1.1) translateX(-60%); transform: scale(0.9, 1.1) translateX(-60%); } 50% { -webkit-transform: scale(1.05, 0.95) translateX(0); transform: scale(1.05, 0.95) translateX(0); } 57% { -webkit-transform: scale(1, 1) translateX(-7px); transform: scale(1, 1) translateX(-7px); } 64% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 100% { -webkit-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } } @-o-keyframes bounce-7 { 0% { -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 10% { -o-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); } 30% { -o-transform: scale(0.9, 1.1) translateX(-60%); transform: scale(0.9, 1.1) translateX(-60%); } 50% { -o-transform: scale(1.05, 0.95) translateX(0); transform: scale(1.05, 0.95) translateX(0); } 57% { -o-transform: scale(1, 1) translateX(-7px); transform: scale(1, 1) translateX(-7px); } 64% { -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 100% { -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } } @keyframes bounce-7 { 0% { -webkit-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 10% { -webkit-transform: scale(1.1, 0.9) translateX(0); -o-transform: scale(1.1, 0.9) translateX(0); transform: scale(1.1, 0.9) translateX(0); } 30% { -webkit-transform: scale(0.9, 1.1) translateX(-60%); -o-transform: scale(0.9, 1.1) translateX(-60%); transform: scale(0.9, 1.1) translateX(-60%); } 50% { -webkit-transform: scale(1.05, 0.95) translateX(0); -o-transform: scale(1.05, 0.95) translateX(0); transform: scale(1.05, 0.95) translateX(0); } 57% { -webkit-transform: scale(1, 1) translateX(-7px); -o-transform: scale(1, 1) translateX(-7px); transform: scale(1, 1) translateX(-7px); } 64% { -webkit-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } 100% { -webkit-transform: scale(1, 1) translateX(0); -o-transform: scale(1, 1) translateX(0); transform: scale(1, 1) translateX(0); } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .main-global-wrapper.template-front-page { padding-bottom: 0; } .parallax-mirror { z-index: 0 !important; opacity: 0; pointer-events: none; } /* MEDIA QUERIES ---------------------------------------- */ .main-global-wrapper.template-single-job-offer { margin-top: 0; padding-top: 150px; padding-bottom: 80px; } @media only screen and (max-width: 56.1875em) { .main-global-wrapper { padding-bottom: 0; margin-top: 75px; } .main-global-wrapper.template-single-job-offer { padding-top: 120px; } .main-global-wrapper .the-content > .wp-block-group:last-child:not(:first-child), .main-global-wrapper .the-content > p:last-child:not(:first-child), .main-global-wrapper .the-content > ul:not([class]):last-child:not(:first-child), .main-global-wrapper .the-content > ol:not([class]):last-child:not(:first-child), .main-global-wrapper .the-content > ul.rich-text:last-child:not(:first-child), .main-global-wrapper .the-content > ol.rich-text:last-child:not(:first-child) { padding-bottom: 40px; } } @media only screen and (min-width: 56.25em) { .main-global-wrapper { margin-top: 100px; padding-bottom: 0; } .main-global-wrapper.template-single-job-offer { padding-bottom: 160px; } body.bg-transparent.home .main-global-wrapper.template-search-results { margin-top: 100px !important; padding-top: 52px; } .main-global-wrapper .the-content > .wp-block-group:last-child:not(:first-child), .main-global-wrapper .the-content > p:last-child:not(:first-child), .main-global-wrapper .the-content > ul:not([class]):last-child:not(:first-child), .main-global-wrapper .the-content > ol:not([class]):last-child:not(:first-child), .main-global-wrapper .the-content > ul.rich-text:last-child:not(:first-child), .main-global-wrapper .the-content > ol.rich-text:last-child:not(:first-child) { padding-bottom: 70px; } } @media only screen and (max-width: 37.4375em) { .main-global-wrapper.template-single-job-offer { padding-top: 76px; } } body.bg-transparent.home .main-global-wrapper { margin-top: 0 !important; } body.home .main-global-wrapper { padding-top: 0; padding-bottom: 0; } /** * MIXIN * GENERAL * MEDIA QUERIES */ /* MIXIN ---------------------------------------- */ /* GENERAL ---------------------------------------- */ .footer-global-wrapper { position: relative; background-color: white; background-image: none !important; margin-top: 50px; } .footer-global-wrapper .site-container { padding-top: 35px; padding-bottom: 35px; } .footer-global-wrapper [class*="section-"] { position: relative; text-align: center; } .footer-global-wrapper [class*="section-"] > h4[class*="-title"] { text-align: center; font-size: 1.125em; } .footer-global-wrapper .section-brands .brand-title { margin-bottom: 30px; font-family: "Vinci sans", Arial, sans-serif; font-weight: bold; font-style: normal; color: #004289; font-size: 0.75em; line-height: 1.2; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; } @media only screen and (max-width: 56.1875em) { .footer-global-wrapper .section-brands .brand-title { margin-bottom: 22px; text-align: left; } } .footer-global-wrapper .section-follow { max-width: 700px; margin: 0; text-align: left; } .footer-global-wrapper .section-follow .follow-title { position: relative; margin-bottom: 30px; font-family: "Vinci sans", Arial, sans-serif; font-weight: bold; font-style: normal; color: #004289; font-size: 0.75em; line-height: 1.2; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; } @media only screen and (max-width: 56.1875em) { .footer-global-wrapper .section-follow .follow-title { margin-bottom: 22px; text-align: left; } } .footer-global-wrapper .section-follow .follow-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 25px; } .footer-global-wrapper .section-follow .item { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 40px; height: 40px; margin: 5px; } .footer-global-wrapper .section-follow .link { z-index: 0; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; border-radius: 50%; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .footer-global-wrapper .section-follow .link::before { content: ""; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #004289; border-radius: 50%; -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .footer-global-wrapper .section-follow .link::after { content: ""; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0.5px solid rgba(0, 66, 137, 0.3); border-radius: 50%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .footer-global-wrapper .section-follow .link .icon { z-index: 3; position: relative; display: inline-block; } .footer-global-wrapper .section-follow .link .icon svg { width: 24px; height: 24px; } .footer-global-wrapper .section-follow .link .icon svg * { fill: #004289; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .footer-global-wrapper .section-follow .link:hover:not(:active), .footer-global-wrapper .section-follow .link:focus:not(:active) { border-color: #004289; } .footer-global-wrapper .section-follow .link:hover:not(:active)::before, .footer-global-wrapper .section-follow .link:focus:not(:active)::before { -webkit-transform: none; -o-transform: none; transform: none; } .footer-global-wrapper .section-follow .link:hover:not(:active) .icon svg *, .footer-global-wrapper .section-follow .link:focus:not(:active) .icon svg * { fill: white; } .footer-global-wrapper .section-group .group-title { margin-bottom: 30px; font-family: "Vinci sans", Arial, sans-serif; font-weight: bold; font-style: normal; color: #004289; font-size: 0.75em; line-height: 1.2; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; } @media only screen and (max-width: 56.1875em) { .footer-global-wrapper .section-group .group-title { margin-bottom: 22px; text-align: left; } } .footer-global-wrapper .section-group .logo { max-width: 162px; max-height: 80px; width: auto; height: auto; } .footer-global-wrapper .section-media > a { display: block; margin-right: auto; margin-left: auto; max-width: 264px; } .footer-global-wrapper .section-media .media-title { margin-bottom: 30px; font-family: "Vinci sans", Arial, sans-serif; font-weight: bold; font-style: normal; color: #004289; font-size: 0.75em; line-height: 1.2; text-align: center; letter-spacing: 0.04em; text-transform: uppercase; } @media only screen and (max-width: 56.1875em) { .footer-global-wrapper .section-media .media-title { margin-bottom: 22px; text-align: left; } } .footer-global-wrapper .section-media .logo { max-height: 80px; width: auto; height: auto; } .footer-global-wrapper .section-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; padding: 20px; text-align: center; background-color: white; opacity: 1; } .footer-global-wrapper .section-links .footer-nav { width: 100%; } .footer-global-wrapper .section-links .footer-nav .nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .footer-global-wrapper .section-links .footer-nav .menu-item { margin: 15px 0; } .footer-global-wrapper .section-links .footer-nav .menu-item a { z-index: 1; position: relative; opacity: 1; font-size: 1em; font-family: "Vinci sans", Arial, sans-serif; font-weight: bold; font-style: normal; color: #004289; text-decoration: none; letter-spacing: 0.04em; -webkit-transition: all .3s .3s ease; -o-transition: all .3s .3s ease; transition: all .3s .3s ease; } .footer-global-wrapper .section-links .footer-nav .menu-item a::before { content: ''; z-index: -1; position: absolute; bottom: -6px; right: 0; display: block; width: 0; height: 1px; background-color: #888888; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; opacity: 1; } .footer-global-wrapper .section-links .footer-nav .menu-item a:hover, .footer-global-wrapper .section-links .footer-nav .menu-item a:focus, .footer-global-wrapper .section-links .footer-nav .menu-item a:active { opacity: 1; color: #181818; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .footer-global-wrapper .section-links .footer-nav .menu-item a:hover::before, .footer-global-wrapper .section-links .footer-nav .menu-item a:focus::before, .footer-global-wrapper .section-links .footer-nav .menu-item a:active::before { content: ''; width: 100%; right: auto; left: 0; opacity: 1; } .footer-global-wrapper .section-links .footer-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; opacity: 1; } .footer-global-wrapper .section-links .footer-bottom .copyright { opacity: 0.4; font-size: 0.75em; color: #181818; } .footer-global-wrapper .brands .brand { -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } /* MEDIA QUERIES ---------------------------------------- */ .footer-global-wrapper { /* min-width ------------- */ /* max-width ------------- */ } @media only screen and (min-width: 37.5em) { .footer-global-wrapper { background-attachment: fixed; } .footer-global-wrapper .site-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; } .footer-global-wrapper .section-links { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-global-wrapper .section-links .footer-nav .nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer-global-wrapper .section-links .footer-nav .menu-item { margin-left: 25px; margin-right: 25px; } } @media only screen and (min-width: 37.5em) and (max-width: 56.1875em) { .footer-global-wrapper .section-follow > h4.follow-title { text-align: center; } } @media only screen and (min-width: 56.25em) { .footer-global-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #f6f6f6; } .footer-global-wrapper .site-container { padding-top: 65px; padding-bottom: 65px; background-color: #f6f6f6; } .footer-global-wrapper .site-container > div { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: calc((100% - 150px) / 4); flex-basis: calc((100% - 150px) / 4); } .footer-global-wrapper .site-container > div:first-child { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .footer-global-wrapper .section-follow .follow-list { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px auto 0; } .footer-global-wrapper .section-media .logo { max-width: 221px; } .footer-global-wrapper .section-brands { margin-bottom: 50px; } .footer-global-wrapper .section-brands > h4.brand-title { margin-bottom: 10px; text-align: center; } .footer-global-wrapper .section-brands .brand-mobile, .footer-global-wrapper .section-brands .form-subsidiaries { display: none; } .footer-global-wrapper .section-brands .brands { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 30px; border-bottom: 1px solid rgba(24, 24, 24, 0.1); } .footer-global-wrapper .section-brands .brand { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; margin: 25px 50px; } .footer-global-wrapper .section-brands .brand .link { max-width: 170px; margin: 0 auto; } .footer-global-wrapper .section-brands .brand .link:hover:not(:active) .fake-link .icon, .footer-global-wrapper .section-brands .brand .link:focus:not(:active) .fake-link .icon { -webkit-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); } .footer-global-wrapper .section-brands .brand .logo-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-global-wrapper .section-brands .brand .logo { display: block; } .footer-global-wrapper .section-brands .brand .excerpt { opacity: 0.6; margin-top: 15px; font-size: 0.875em; line-height: 1.3; color: #181818; line-height: normal; text-align: center; } .footer-global-wrapper .section-brands .brand .fake-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 11px; color: #004289; font-size: 0.875em; text-decoration: none; text-align: center; font-weight: bold; letter-spacing: 0.04em; } .footer-global-wrapper .section-brands .brand .fake-link .icon { position: relative; top: -0.5px; margin-right: 5px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .footer-global-wrapper .section-brands .brand .fake-link .icon svg { width: 22px; } .footer-global-wrapper .section-brands .brand .fake-link .icon svg * { fill: #004289; } .footer-global-wrapper .section-links { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; grid-row-gap: 15px; } .footer-global-wrapper .section-links .footer-nav { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .footer-global-wrapper .section-links .footer-bottom .logo { width: 162px; height: auto; } .footer-global-wrapper .section-links .footer-bottom .copyright { margin-left: 15px; } } @media only screen and (min-width: 75em) { .footer-global-wrapper .section-brands { position: relative; } .footer-global-wrapper .section-brands .brands { margin: 0 auto; } .footer-global-wrapper .section-brands .brand { /* &:nth-child(3)~.brand { margin-top: 0; } */ } .footer-global-wrapper .section-brands .brand:hover:not(:active) .content, .footer-global-wrapper .section-brands .brand:focus:not(:active) .content { max-height: 500px; } .footer-global-wrapper .section-brands .brand .content { max-height: 0; overflow: hidden; -webkit-transition: all .75s ease; -o-transition: all .75s ease; transition: all .75s ease; } .footer-global-wrapper .section-media .logo { max-width: 264px; } .footer-global-wrapper .section-links { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media only screen and (min-width: 90em) { .footer-global-wrapper .section-links { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-global-wrapper .section-links .footer-nav .footer-bottom { position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .footer-global-wrapper .section-links .footer-bottom { width: auto; margin-top: 0; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } } @media only screen and (max-width: 56.1875em) { .footer-global-wrapper > .site-container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media only screen and (max-width: 56.1875em) { .footer-global-wrapper .section-brands { z-index: 1; margin-bottom: 40px; grid-column: 1 / -1; } .footer-global-wrapper .section-brands .brand-title { display: none; } .footer-global-wrapper .section-brands .brand-mobile__current-name { position: relative; text-align: left; -webkit-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease; border-radius: 30px !important; } .footer-global-wrapper .section-brands .brand-mobile__current-name.active { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom-color: transparent; } .footer-global-wrapper .section-brands .brand-mobile__current-name.active ~ .icon svg { -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .footer-global-wrapper .section-brands .brand-mobile__current-name.active + .brand-mobile__list { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .footer-global-wrapper .section-brands .brand-mobile__list { position: absolute; top: calc(100% - 1px); left: 0; width: 100%; padding-top: 0; padding-bottom: 10px; background-color: white; border-width: 1px; border-style: solid; border-color: #4580c0; border-top-color: #e2e2e2; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; -webkit-box-shadow: 0px 6px 6px rgba(24, 24, 24, 0.2); box-shadow: 0px 6px 6px rgba(24, 24, 24, 0.2); opacity: 0; pointer-events: none; overflow: hidden; -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease; } .footer-global-wrapper .section-brands .brand-mobile__list li { display: block; text-align: left; padding: 10px 20px; color: #004289; font-size: 0.875em; line-height: 1.1; letter-spacing: 0.04em; text-decoration: none; text-transform: uppercase; font-weight: bold; } .footer-global-wrapper .section-brands .brand-mobile__list li a { color: inherit; text-decoration: none; display: block; } .footer-global-wrapper .section-brands .brand-mobile__list li:hover, .footer-global-wrapper .section-brands .brand-mobile__list li:focus, .footer-global-wrapper .section-brands .brand-mobile__list li.active { background-color: #f6f6f6; } .footer-global-wrapper .section-brands .brand-mobile__list li.active { color: #ec1c2d; } .footer-global-wrapper .section-brands .brand-mobile__wrapper, .footer-global-wrapper .section-brands .brand-mobile .select-wrapper, .footer-global-wrapper .section-brands .form-subsidiaries__wrapper, .footer-global-wrapper .section-brands .form-subsidiaries .select-wrapper { position: relative; max-width: 340px; width: 100%; margin: auto; } .footer-global-wrapper .section-brands .brand-mobile__wrapper .icon, .footer-global-wrapper .section-brands .brand-mobile .select-wrapper .icon, .footer-global-wrapper .section-brands .form-subsidiaries__wrapper .icon, .footer-global-wrapper .section-brands .form-subsidiaries .select-wrapper .icon { z-index: 2; position: absolute; top: 0; right: 20px; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; } .footer-global-wrapper .section-brands .brand-mobile__wrapper .icon svg, .footer-global-wrapper .section-brands .brand-mobile .select-wrapper .icon svg, .footer-global-wrapper .section-brands .form-subsidiaries__wrapper .icon svg, .footer-global-wrapper .section-brands .form-subsidiaries .select-wrapper .icon svg { position: relative; width: 8px; } .footer-global-wrapper .section-brands .brand-mobile__wrapper .icon *, .footer-global-wrapper .section-brands .brand-mobile .select-wrapper .icon *, .footer-global-wrapper .section-brands .form-subsidiaries__wrapper .icon *, .footer-global-wrapper .section-brands .form-subsidiaries .select-wrapper .icon * { fill: #ec1c2d; } .footer-global-wrapper .section-brands .brand-mobile__current-name, .footer-global-wrapper .section-brands .brand-mobile .select-subsidiaries, .footer-global-wrapper .section-brands .form-subsidiaries__current-name, .footer-global-wrapper .section-brands .form-subsidiaries .select-subsidiaries { z-index: 1; position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 20px 52px 19px 20px; font-family: "Vinci sans", Arial, sans-serif; font-weight: bold; font-style: normal; color: #004289; font-size: 0.875em; line-height: 1.1; letter-spacing: 0.04em; text-transform: uppercase; background-color: transparent; border: 1px solid #4580c0; border-radius: 50px; } .footer-global-wrapper .section-brands .brands { display: none; } .footer-global-wrapper .section-group { margin-bottom: 33px; } .footer-global-wrapper .section-media { margin-bottom: 55px; } .footer-global-wrapper .section-links .footer-nav { margin-bottom: 51px; } .footer-global-wrapper .section-links .footer-nav .nav { padding: 0 20px; -ms-flex-line-pack: center; align-content: center; } .footer-global-wrapper .section-links .footer-nav li { text-align: center; margin: 15px auto !important; } .footer-global-wrapper .section-links .footer-bottom .logo { width: 122px; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .popin-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 25; opacity: 0; background-color: rgba(0, 0, 0, 0.85); -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; } .popin-wrapper.active { opacity: 1; } .popin-wrapper.active .popin { -webkit-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .popin-wrapper.popin-wrapper-video .popin { width: calc(100% - (30px * 2)); max-width: 177vh; background-color: #000; } .popin-wrapper.popin-wrapper-video .popin .content::before { display: block; width: 100%; padding-top: 56.25%; visibility: hidden; content: ''; } .popin-wrapper.popin-wrapper-video .popin .content iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .popin-wrapper.popin-wrapper-txt .popin { width: 1400px; } .popin-wrapper.popin-wrapper-txt .popin .content { padding: 25px 30px; } .popin-wrapper .popin { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; background-color: #fff; -webkit-transform: translate(-50%, -50%) scale(0.75); -o-transform: translate(-50%, -50%) scale(0.75); transform: translate(-50%, -50%) scale(0.75); -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; -webkit-overflow-scrolling: touch !important; } .popin-wrapper .popin .btn-close { position: absolute; top: 5px; right: 5px; width: 42px; height: 42px; z-index: 5; background-color: #fff; border-radius: 100%; border: 0; } .popin-wrapper .popin .btn-close::before, .popin-wrapper .popin .btn-close::after { position: absolute; top: 50%; left: 50%; width: 25px; height: 3px; background-color: #1e1e1e; content: ''; } .popin-wrapper .popin .btn-close::before { -webkit-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .popin-wrapper .popin .btn-close::after { -webkit-transform: translate(-50%, -50%) rotate(-45deg); -o-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .popin-wrapper .popin .btn-close:hover:not(:active), .popin-wrapper .popin .btn-close:focus:not(:active) { background-color: #1e1e1e; } .popin-wrapper .popin .btn-close:hover:not(:active)::before, .popin-wrapper .popin .btn-close:hover:not(:active)::after, .popin-wrapper .popin .btn-close:focus:not(:active)::before, .popin-wrapper .popin .btn-close:focus:not(:active)::after { background-color: #fff; } .popin-wrapper .popin .content { position: relative; max-height: 100vh; padding: 0; overflow: auto; overflow-x: hidden; } .popin-wrapper .popin .content .title-popin { margin-bottom: 20px; text-align: center; font-size: 1.5625rem; line-height: 1.25; font-weight: 600; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 750px) { .popin-wrapper .popin { width: calc(100% - 20px); } .popin-wrapper .popin .btn-close { top: 0; right: 0; } } .loader { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #004289; background: rgba(255, 255, 255, 0.9); } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .template-front-page section + section { margin-top: 65px; } } @media only screen and (min-width: 56.25em) { .template-front-page .hp-banner + section { margin-top: 80px; } .template-front-page section + section { margin-top: 160px; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .template-search-results .search-results-heading { padding-top: 165px; } .template-search-results .search-results-heading .results-text { font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; color: #004289; font-size: 0.875em; text-transform: uppercase; margin-bottom: 15px; } .template-search-results .search-results-heading .form-search-result { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .template-search-results .search-results-heading .form-search-result .btn-submit { padding: 0; margin-right: 15px; background-color: transparent; } .template-search-results .search-results-heading .form-search-result .btn-submit svg { width: 50px; } .template-search-results .search-results-heading .form-search-result .btn-submit svg * { fill: #004289; } .template-search-results .search-results-heading .form-search-result .new-search { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 5px 15px 15px; border: 0; font-family: "Vinci sans", Arial, sans-serif; font-weight: bold; font-style: normal; color: #004289; line-height: normal; } .template-search-results .search-results-heading .form-search-result .new-search:focus { -webkit-box-shadow: 0 0 8px 4px rgba(0, 66, 137, 0.2); box-shadow: 0 0 8px 4px rgba(0, 66, 137, 0.2); } .template-search-results .search-results-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; list-style: none; } .template-search-results .search-results-list li::before { display: none; } .template-search-results .result { position: relative; padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #e0e0e0; } .template-search-results .result:hover, .template-search-results .result:focus, .template-search-results .result:active { background-color: #f2f7fc; } .template-search-results .result .site-container { position: relative; } .template-search-results .result .metas-wrapper { margin-bottom: 15px; } .template-search-results .result .metas-wrapper .category { --tag-color: #ec1c2d; margin-right: 25px; } .template-search-results .result .title { font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; max-width: 900px; color: #004289; font-size: 2em; margin-bottom: 15px; } .template-search-results .result .excerpt { font-family: "Vinci sans", Arial, sans-serif; font-weight: 300; font-style: normal; font-size: 1.1875em; } .template-search-results .result .date { display: block; margin-top: 15px; color: #181818; font-size: 0.8125em; text-transform: uppercase; -ms-flex-preferred-size: 100%; flex-basis: 100%; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .template-search-results .search-results-heading { margin-bottom: 30px; padding-top: 12%; } .template-search-results .search-results-heading .form-search-result .btn-submit svg { width: 40px; } .template-search-results .search-results-heading .form-search-result .new-search { font-size: 2.1875em; } .template-search-results .result { padding-top: 25px; padding-bottom: 25px; } .template-search-results .result .cta-download { display: none; } } @media only screen and (min-width: 56.25em) { .template-search-results .search-results-heading { margin-bottom: 80px; padding-top: 6.2%; } .template-search-results .search-results-heading .form-search-result .new-search { font-size: 3.4375em; } .template-search-results .result { padding-top: 40px; padding-bottom: 40px; } .template-search-results .result .site-container { padding-right: 100px; } .template-search-results .result .cta-download { z-index: 2; position: absolute; top: 50%; right: 20px; } .template-search-results .result .cta-download::after { bottom: 18px; background-color: #ec1c2d; } .template-search-results .result:hover:not(:active) .cta-download svg, .template-search-results .result:focus:not(:active) .cta-download svg { -webkit-animation-name: download-animation; -o-animation-name: download-animation; animation-name: download-animation; -webkit-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } } /** * GENERAL * MEDIA QUERIES */ .template-story .article .content h1, .template-story .article .content h2, .template-story .article .content h3, .template-story .article .content h4, .template-story .article .content h5, .template-story .article .content h6 { margin-top: 0; margin-bottom: 10px; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 1.3125rem; line-height: 1.5; } /* GENERAL ---------------------------------------- */ .template-story { padding-bottom: 30px; } .template-story .shell { max-width: 1300px; } .template-story .story-listing { position: relative; } .template-story .limit-date { display: inline-block; padding: 5px 10px; background-color: #d9e8f7; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; color: #004289; font-size: 1.25em; } .template-story .limit-date:empty { display: none; } .template-story .outlined { position: static; display: block; } .template-story .story-ending + .story-listing { margin-top: 60px; } .template-story .story-item + .story-item { margin-top: 60px; } .template-story .article .content-wrapper.revealed .date::before { -webkit-transform: none; -o-transform: none; transform: none; opacity: 1; } .template-story .article .date { display: block; margin-bottom: 20px; color: #ec1c2d; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 1.125em; letter-spacing: 1px; } .template-story .article .title { margin-bottom: 20px; color: #004289; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 1.75em; line-height: 1.3; } .template-story .article .content { font-family: "Vinci sans", Arial, sans-serif; font-weight: 300; font-style: normal; font-size: 1.375em; } .template-story .article .content > * + .wp-block-group { margin-top: 25px; } .template-story .article .wp-block-group, .template-story .article .wp-block-group * { font-size: inherit; font-weight: inherit; line-height: 1.5; color: inherit; } .template-story .article .wp-block-group strong, .template-story .article .wp-block-group b { font-weight: bold; } .template-story .article .wp-block-group p::after { display: none; } .template-story .article .image { position: relative; z-index: 1; display: block; width: 100%; } .template-story .video-wrapper .ratio { width: 100%; height: 0; padding-bottom: 56.25%; } .template-story .video-wrapper .video-cover:hover::before, .template-story .video-wrapper .video-cover:focus::before { width: 60px; height: 60px; -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .template-story .container { padding: 0 20px; } .template-story .story-ends { text-align: center; } .template-story .story-heading { margin-bottom: 30px; } .template-story .earliest-date { margin-bottom: 10px; } .template-story .story-ending { margin-top: 20px; } .template-story .outlined { font-size: 3.125em; line-height: 50px; } .template-story .article .image-wrapper { margin-top: 20px; } } @media only screen and (min-width: 56.25em) { .template-story .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 40px; } .template-story .shell { position: relative; padding-left: 35px; margin-left: 80px; } .template-story .shell::before { content: ''; position: absolute; z-index: 0; top: -50px; left: 0; width: 1px; height: calc(100% + 70px); background-color: #d9e8f7; } .template-story .story-heading { margin-bottom: 45px; } .template-story .limit-date { position: absolute; left: -80px; } .template-story .earliest-date { top: 30px; } .template-story .latest-date { bottom: 0; } .template-story .outlined { font-size: 5.625em; line-height: 90px; } .template-story .article { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .template-story .article .content-wrapper { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .template-story .article .image-wrapper { -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-left: 40px; } .template-story .article .date { position: relative; } .template-story .article .date::before { content: ''; z-index: 5; position: absolute; top: calc(10px); left: calc(-35px - 2px); display: block; width: 5px; height: 5px; -webkit-transform: scale(0.2); -o-transform: scale(0.2); transform: scale(0.2); background-color: #ec1c2d; border-radius: 50%; -webkit-box-shadow: 0 0 0 2px white, 0 0 0 3px #d9e8f7; box-shadow: 0 0 0 2px white, 0 0 0 3px #d9e8f7; opacity: 0; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } } @media only screen and (min-width: 75em) { .template-story .shell { padding-left: 70px; margin-left: 110px; } .template-story .story-listing .limit-date { left: -180px; } .template-story .limit-date { left: -110px; } .template-story .article .date::before { left: calc(-70px - 2px); } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .js-validate-filters-implantations { border: 1px solid #d9e8f7 !important; background-color: white !important; border-radius: 30px; height: 55px; padding: 0 30px !important; } .js-validate-filters-implantations span { font-size: 1.375em !important; font-weight: 600; color: #004289 !important; height: 28px; } .js-validate-filters-implantations:hover { background-color: #004289 !important; } .js-validate-filters-implantations:hover span { color: white !important; } .interactive-map-area .board { width: 100%; max-width: 1120px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; position: relative; z-index: 3; margin-top: -100px; } .interactive-map-area .board .controls { position: relative; } .interactive-map-area .board .zoom-wrapper { z-index: 2; position: absolute; top: 0; left: -200px; } .interactive-map-area .board .zoom-wrapper .action { position: relative; width: 55px; height: 55px; border: 1px solid #d9e8f7; background-color: white; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .interactive-map-area .board .zoom-wrapper .action:hover:not(:active), .interactive-map-area .board .zoom-wrapper .action:focus:not(:active) { background-color: #d9e8f7; } .interactive-map-area .board .zoom-wrapper .action::before { content: ""; position: absolute; top: calc(50% - 1px); left: calc(50% - 12px); width: 24px; height: 2px; background-color: #004289; } .interactive-map-area .board .zoom-wrapper .action.zoom-in::after { content: ""; position: absolute; top: calc(50% - 12px); left: calc(50% - 1px); width: 2px; height: 24px; background-color: #004289; } .interactive-map-area .board .filters-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .interactive-map-area .board .filter-wrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 380px; } .interactive-map-area .board .filter-wrapper:not(:last-child) { margin-right: 45px; } .interactive-map-area .board .content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 210px; padding: 20px 60px; margin-left: auto; margin-right: auto; margin-top: 25px; background-color: #004289; color: white; } .interactive-map-area .board .content .keys { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: nowrap; flex-flow: nowrap; } .interactive-map-area .board .content .item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .interactive-map-area .board .content .key { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; text-align: center; } .interactive-map-area .board .content .key .number { font-size: 3.125em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } .interactive-map-area .board .content .key .label { margin-top: 10px; font-size: 1.25em; text-transform: uppercase; } .interactive-map-area .board .content .infos-container .title { font-size: 1.75em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } .interactive-map-area .board .content .infos-container .infos-wrapper { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .interactive-map-area .board .content .infos-container .info-block { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .interactive-map-area .board .content .infos-container .address { font-size: 1.1875em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 300; font-style: normal; } .interactive-map-area .board .content .infos-container .data-wrapper { font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } .interactive-map-area .board .content .infos-container .data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; font-size: 1.125em; } .interactive-map-area .board .content .infos-container .data + .data { margin-top: 15px; } .interactive-map-area .board .content .infos-container .data .picto { position: relative; top: 3px; width: 17px; margin-right: 8px; } .interactive-map-area .board .content .infos-container .data .picto svg * { fill: #4580c0; } .interactive-map-area .board .content .infos-container .link-wrapper .link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 1.125em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; text-decoration: none; } .interactive-map-area .board .content .infos-container .link-wrapper .link:hover:not(:active) .icon, .interactive-map-area .board .content .infos-container .link-wrapper .link:focus:not(:active) .icon { -webkit-transform: translate(4px); -o-transform: translate(4px); transform: translate(4px); } .interactive-map-area .board .content .infos-container .link-wrapper .icon { position: relative; top: 5px; margin-right: 10px; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; -o-transition: -o-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease; } .interactive-map-area .board .content .infos-container .link-wrapper .icon svg { width: 30px; } .interactive-map-area .board .content .infos-container .link-wrapper .icon svg * { fill: #4580c0; } .interactive-map-area .board .content .infos-container .link-wrapper .text { font-size: 1.25em; } /* MEDIA QUERIES ---------------------------------------- */ @media screen and (max-width: 1500px) { .interactive-map-area .board .zoom-wrapper { left: -130px; } } @media screen and (max-width: 1350px) { .interactive-map-area .board .zoom-wrapper { display: none; } } .interactive-map-area .map-wrapper { position: relative; height: 500px; } .interactive-map-area .map-wrapper svg { background-color: #d8e1eb; } .interactive-map-area .gmap-container { opacity: 0; pointer-events: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .interactive-map-area .has-country .gmap-container { opacity: 1; pointer-events: auto; } @media only screen and (max-width: 56.1875em) { .interactive-map-area .map-wrapper { display: none; } .interactive-map-area .board { margin-top: 0; } .interactive-map-area .board .filters-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .interactive-map-area .board .filter-wrapper { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; width: 100%; max-width: none; } .interactive-map-area .board .filter-wrapper:not(:last-child) { margin-right: 0; margin-bottom: 20px; } .interactive-map-area .board .filter-wrapper .filter { width: 100%; margin: 0; } .interactive-map-area .board .content { height: auto; padding: 0; margin-top: 30px; margin-bottom: 30px; background-color: transparent; color: #004289; } .interactive-map-area .board .content .keys { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .interactive-map-area .board .content .item + .item { margin-top: 20px; } .interactive-map-area .board .content .key .number { font-size: 2.5em; } .interactive-map-area .board .content .key .label { margin-top: 0; font-size: 1.125em; } .interactive-map-area .board .content .infos-container .infos-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; } .interactive-map-area .board .content .infos-container .info-block { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; } .interactive-map-area .board .content .infos-container .info-block + .info-block { margin-top: 30px; } .interactive-map-area .board .content .infos-container .link-wrapper .icon svg * { fill: #ec1c2d; } } .interactive-map-area .gmap-container { pointer-events: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .interactive-map-area .gmap { width: 100%; height: 100%; } @media only screen and (max-width: 37.4375em) { .interactive-map-area .board .content .item + .item { margin-top: 15px; } .interactive-map-area .board .content .key .number { font-size: 1.875em; } .interactive-map-area .board .content .key .label { font-size: 1em; } } /* PREVIEW ---------------------------------------- */ /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .template-single .core { position: relative; margin-top: 80px; } .template-single .core .site-container { max-width: 100%; padding-left: 0; padding-right: 0; } .template-single .core.zoomed .wysiwyg-content { font-size: 1.5em; } .template-single .core.zoomed .article-sidebar .actions .toggler::after { -webkit-transform: none; -o-transform: none; transform: none; } .template-single .article-sidebar { z-index: 14; position: absolute; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; padding-right: 50px; } .template-single .article-sidebar[data-sticky="sticky"] { position: fixed; top: 140px; } .template-single .article-sidebar[data-sticky="bottom-stuck"] { top: auto; bottom: 0; } .template-single .article-sidebar .actions { margin-right: 24px; } .template-single .article-sidebar .actions .square-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 60px; height: 60px; } .template-single .article-sidebar .actions .toggler { position: relative; padding: 0; background-color: transparent; color: #4580c0; font-size: 2em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .template-single .article-sidebar .actions .toggler::before, .template-single .article-sidebar .actions .toggler::after { content: ""; z-index: 1; position: absolute; top: 50%; right: 13px; display: block; width: 8px; height: 2px; background-color: currentColor; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .template-single .article-sidebar .actions .toggler::after { -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .template-single .article-sidebar .actions .toggler:hover:not(:active), .template-single .article-sidebar .actions .toggler:focus:not(:active) { opacity: 0.75; } .template-single .article-sidebar .actions .item:last-child .share-btn { border-bottom-width: 1px; } .template-single .article-sidebar .actions .share-btn { position: relative; border-style: solid; border-color: #d9e8f7; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .template-single .article-sidebar .actions .share-btn svg { z-index: 1; position: relative; max-height: 30px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .template-single .article-sidebar .actions .share-btn svg * { fill: #d9e8f7; } .template-single .article-sidebar .actions .share-btn::before { content: ""; z-index: 0; position: absolute; top: 0; left: 0; width: 0; height: 100%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .template-single .article-sidebar .actions .share-btn.facebook svg { width: 13px; } .template-single .article-sidebar .actions .share-btn.facebook::before { background-color: #3b5998; } .template-single .article-sidebar .actions .share-btn.twitter svg { width: 20px; } .template-single .article-sidebar .actions .share-btn.twitter::before { background-color: #000000; } .template-single .article-sidebar .actions .share-btn.linkedin svg { width: 20px; } .template-single .article-sidebar .actions .share-btn.linkedin::before { background-color: #0077b5; } .template-single .article-sidebar .actions .share-btn:hover:not(:active) svg *, .template-single .article-sidebar .actions .share-btn:focus:not(:active) svg * { fill: white; } .template-single .article-sidebar .actions .share-btn:hover:not(:active)::before, .template-single .article-sidebar .actions .share-btn:focus:not(:active)::before { width: 100%; } .template-single .article-sidebar .related-posts { width: 295px; overflow: hidden; } .template-single .article-sidebar .related-posts .section-title { padding: 0 25px; color: #004289; font-size: 1.5em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } .template-single .article-sidebar .related-posts .list { margin-top: 15px; } .template-single .article-sidebar .related-posts .post { position: relative; padding: 30px 25px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .template-single .article-sidebar .related-posts .post .infos { margin-bottom: 20px; } .template-single .article-sidebar .related-posts .post .date { color: #ec1c2d; font-size: 1.0625em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 300; font-style: normal; } .template-single .article-sidebar .related-posts .post .tag { margin-left: 8px; color: #004289; font-size: 1em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } .template-single .article-sidebar .related-posts .post .title { margin-bottom: 6px; color: #004289; font-size: 1.125em; font-family: "Vinci sans", Arial, sans-serif; font-weight: 300; font-style: normal; line-height: 1.7; } .template-single .article-sidebar .related-posts .post .location { display: block; font-size: 1em; font-weight: 300; line-height: 1.3; color: #181818; } .template-single .article-sidebar .related-posts .post .additional-infos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 7px; margin-bottom: 3px; font-size: 0.75em; line-height: 1.3; color: #bababa; } .template-single .article-sidebar .related-posts .post .additional-infos__publication-time, .template-single .article-sidebar .related-posts .post .additional-infos__status { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .template-single .article-sidebar .related-posts .post .additional-infos__publication-time svg, .template-single .article-sidebar .related-posts .post .additional-infos__status svg { width: 24px; height: auto; margin-right: 5px; } .template-single .article-sidebar .related-posts .post .additional-infos__publication-time svg *, .template-single .article-sidebar .related-posts .post .additional-infos__status svg * { fill: #bababa; } .template-single .article-sidebar .related-posts .post .additional-infos__publication-time { margin-right: 30px; margin-left: -5px; } .template-single .article-sidebar .related-posts .post .additional-infos__publication-time svg { margin-top: 1px; } .template-single .article-sidebar .related-posts .post::before { content: ""; position: absolute; z-index: 2; bottom: -1px; left: 25px; display: block; width: 0; height: 1px; background-color: #ec1c2d; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .template-single .article-sidebar .related-posts .post::after { content: ""; position: absolute; top: 0; left: 25px; display: block; width: 100%; height: 1px; background-color: #d9e8f7; } .template-single .article-sidebar .related-posts .post:hover:not(:active), .template-single .article-sidebar .related-posts .post:focus:not(:active) { padding-left: 25px; } .template-single .article-sidebar .related-posts .post:hover:not(:active)::before, .template-single .article-sidebar .related-posts .post:focus:not(:active)::before { width: 100%; } /* MEDIA QUERIES ---------------------------------------- */ @media screen and (max-width: 1499px) { .template-single .article-sidebar { display: none; } .template-single .wysiwyg-content { max-width: 100%; margin-left: auto; margin-right: auto; } } @media screen and (min-width: 1500px) { .template-single .wysiwyg-content { padding-right: calc(470px - (50vw - 1440px / 2)); } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .main-global-job-offers { padding-top: 0; padding-bottom: 0; margin-top: 0; } .module-half-blocks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .half-container { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center 40%; } .img-left .half-container:first-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .img-left .half-container:last-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .row-fake-link { z-index: 5; position: absolute; bottom: 50%; -webkit-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); right: 30px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; width: 64px; height: 64px; border-radius: 50%; background-color: #004289; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; } .row-fake-link svg { width: 22px; } .row-fake-link svg * { fill: white; } .item:hover .row-fake-link, .row-fake-link:focus { opacity: 1; } .module-results-job-offers .site-container { max-width: 1320px; } .hp-banner .content-large { padding-bottom: 35px; } .hp-banner .content-large .text { font-size: 18px; line-height: 1.5; } .hp-banner .content-large .content-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } .hp-banner .content-large .content-buttons .intern-link { padding-right: 28px; } .hp-banner .content-large .content-buttons .intern-link .btn-icon { width: 61px; min-width: 61px; height: 61px; } .hp-banner .content-large .content-buttons .intern-link .btn-icon svg { width: 30px; } .job-offers-list .item { margin-bottom: 27px; padding-left: 0; -webkit-transition: padding 0.3s ease-in-out; -o-transition: padding 0.3s ease-in-out; transition: padding 0.3s ease-in-out; } .sidebar-similar-offer .job-offers-list .item { padding-bottom: 34px; margin-bottom: 36px; border-bottom: 1px solid #ec1c2d; } .job-offers-list .item:hover { padding-left: 25px; } .sidebar-similar-offer .job-offers-list .item:hover { padding-left: 0; } .job-offers { text-decoration: none; } .job-offers .subtitle-infos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 14px; } .job-offers .date { margin-right: 10px; font-size: 1rem; font-weight: 300; line-height: 1.3; color: #ec1c2d; } .job-offers .function { display: block; margin-bottom: 11px; font-size: 1.5em; font-weight: 600; line-height: 1.3; color: #004289; } .sidebar-similar-offer .job-offers .function { font-size: 1.125rem; } .job-offers .company { display: block; margin-bottom: 5px; font-size: 0.875em; font-weight: 600; line-height: 1.3; color: #4580c0; text-transform: uppercase; } .sidebar-similar-offer .job-offers .company { font-size: 1rem; line-height: 1.15; } .job-offers .location { display: block; font-size: 1em; font-weight: 300; line-height: 1.3; color: #181818; } .job-offers .additional-infos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 7px; margin-bottom: 3px; font-size: 0.75em; line-height: 1.3; color: #bababa; } .job-offers .additional-infos__publication-time, .job-offers .additional-infos__status { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .job-offers .additional-infos__publication-time svg, .job-offers .additional-infos__status svg { width: 24px; height: auto; margin-right: 5px; } .job-offers .additional-infos__publication-time svg *, .job-offers .additional-infos__status svg * { fill: #bababa; } .job-offers .additional-infos__publication-time { margin-right: 30px; margin-left: -5px; } .job-offers .additional-infos__publication-time svg { margin-top: 1px; } .content-row-spaceb { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between; margin: auto; } .content-job-offers-stats .content-bottom { max-width: 490px; } .content-top, .content-bottom { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } .content-top .section-label { margin-top: 20px; margin-bottom: 33px; } .content-bottom { -ms-flex-item-align: end; align-self: flex-end; } .content-bottom .section-label { opacity: 0.6; } .content-bottom .title { font-size: 2.875em; font-weight: bold; line-height: 1.30; color: white; } .txt-number-offers { font-size: 1.375em; line-height: 1.5; color: white; text-transform: uppercase; } .txt-number-offers__figure { display: block; font-size: 6.25rem; font-weight: 600; line-height: 1; } .job-details .date { display: block; margin-bottom: 24px; opacity: 0.4; font-size: 0.875em; line-height: 1.2; color: #181818; text-transform: uppercase; } .job-details .activity-area { display: block; margin-bottom: 11px; font-size: 1.125em; font-weight: 600; line-height: 1.2; color: #ec1c2d; text-transform: uppercase; } .job-details .job-title { max-width: 395px; margin-top: 0; margin-bottom: 13px; padding-bottom: 0px; font-size: 2.375rem; font-weight: bold; line-height: 1.2; color: #004289; } .job-details .reference { margin-bottom: 7px; font-size: 0.875em; font-weight: 600; line-height: 1.5; color: #4580c0; text-transform: uppercase; } .job-details .job-characteristics { margin-top: 34px; margin-bottom: 7px; font-size: 1.375em; line-height: 1.4; color: #1e1e1e; } .job-details .job-characteristics span:not(.icon) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 18px; } .job-details .job-characteristics .icon { width: 33px; } .job-details .job-characteristics .icon svg { width: 22px; height: auto; } .job-details .job-characteristics .icon svg * { fill: #4580c0; } .job-details .job-characteristics__location .icon svg { width: 10px; margin-left: 2px; } .job-details .job-characteristics__level-of-education .icon svg { width: 28px; margin-left: -6px; } .job-details .job-characteristics__type-of-contract .icon svg { width: 23px; margin-left: -2px; } .job-details .job-characteristics__experience .icon svg { width: 23px; margin-left: -3px; } .job-details .job-characteristics__salary .icon svg { width: 14px; } .job-details .job-characteristics + .intern-link { margin-top: 22px; } .with-sidebar-similar-offers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-line-pack: start; align-content: flex-start; } .sidebar-similar-offer { min-width: 380px; padding-right: 45px; padding-left: 45px; } .sidebar-similar-offer h2 { padding-bottom: 12px; margin-bottom: 37px; font-size: 1.5rem; font-weight: 600; line-height: 1.3; color: #004289; border-bottom: 2px solid #f6f6f6; } .template-single-job-offer .core { margin-top: 50px; } .template-single-job-offer .core .site-container { width: 100%; max-width: 1460px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; } .template-single-job-offer .article-sidebar .related-posts .post .title { font-family: "Vinci sans", Arial, sans-serif; font-weight: 600; font-style: normal; } .template-single-job-offer .editor { font-size: 1.375rem; font-weight: 300; line-height: 1.8; } .template-single-job-offer .editor .intern-link { margin-top: 25px; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (max-width: 56.1875em) { .content-row-spaceb { padding-top: 8%; padding-bottom: 11%; padding-left: 10%; padding-right: 10%; } } @media only screen and (min-width: 37.5em) { .hp-banner .content-large .title { color: white; } .hp-banner .content-large .text { color: white; } .hp-banner .content-large .content-buttons .intern-link .btn-icon svg * { fill: white; } .hp-banner .content-large .content-buttons .intern-link .btn-label { color: white; } } @media only screen and (min-width: 56.25em) { .half-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; height: 870px; } .content-row-spaceb { height: 77%; width: 68%; } .content-job-offers-list .intern-link-wrapper { margin-top: 46px; } .job-details .job-title { margin-top: -13px; font-size: 3.625rem; } .module-page-heading .split-container .split-content.job-details .site-container { padding-top: 45px; padding-bottom: 45px; } } @media only screen and (min-width: 75em) { .module-job-offers { margin-top: 141px; } .hp-banner .content-large { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 1280px; } #editor .hp-banner .content-large { max-width: 87%; } .hp-banner .content-large .title { -webkit-box-flex: 1; -ms-flex: 1 1 386px; flex: 1 1 386px; max-width: 386px; } .hp-banner .content-large .content-txt-button-right { -webkit-box-flex: 1; -ms-flex: 1 1 508px; flex: 1 1 508px; max-width: 508px; } .content-top { margin-bottom: 35px; } .content-top .section-label { margin-top: 33px; } .module-page-heading .split-container .split-content.job-details .site-container { max-width: 740px; padding-left: 90px; padding-right: 90px; } .template-single-job-offer .core { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 134px; background-color: transparent; } } @media only screen and (max-width: 37.4375em) { .module-half-blocks .half-container:last-child { display: none; } .hp-banner .content-large .content-buttons .intern-link { width: 100%; } .hp-banner .content-large .content-buttons .intern-link:nth-child(2) { margin-top: 15px; } .content-row-spaceb { padding-top: 50px; padding-bottom: 60px; } .content-bottom .title { font-size: 2em; line-height: 1.2; } .txt-number-offers { font-size: 1.0625em; } .txt-number-offers__figure { font-size: 4.6875rem; } } /* GENERAL ---------------------------------------- */ .template-single.template-single-event .module-article-header .content .details .detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .template-single.template-single-event .module-article-header .content .details .icon { width: 30px; margin-right: 15px; } .template-single.template-single-event .module-article-header .content .details .icon svg * { fill: var(--secondColor); } /* MEDIA QUERIES ---------------------------------------- */ @media (min-width: 1100px) { .js-slider-twitter-wall { max-height: none; } } .lozad { min-height: 300px; } .module-newsroom.module-newsroom-block .lozad { max-height: 600px; overflow-y: auto; } @media screen and (max-width: 600px) { .lozad { height: 500px; overflow-y: auto; } .module-newsroom.module-newsroom-block .lozad { max-height: unset; height: auto; overflow-y: auto; } } /** * GENERAL * MEDIA QUERIES */ /* GENERAL ---------------------------------------- */ .page-404 { overflow: hidden; } .page-404 .image-container { position: relative; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; } .page-404 .image-container .site-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; height: auto; } .page-404 .image-container .site-container .content-wrapper { margin-top: 25vh; margin-bottom: 15vh; } .page-404 .content-wrapper { max-width: 800px; } /* MEDIA QUERIES ---------------------------------------- */ @media only screen and (min-width: 56.25em) { .page-404 .image-container { margin: 0; background-size: cover; background-position: center center; } .page-404 .image-container .site-container { height: 100vh; } .page-404 .image-container .site-container .content-wrapper { margin-top: auto; margin-bottom: auto; } .page-404 .content-wrapper { margin: 100px 0; margin-left: 5%; } .page-404 .content-wrapper .section-label { margin-bottom: 35px; } } @media only screen and (min-width: 90em) { .page-404 .content-wrapper { margin-left: 0; } } svg { -ms-touch-action: none; touch-action: none; } .jvectormap-container { width: 100%; height: 100%; position: relative; overflow: hidden; -ms-touch-action: none; touch-action: none; } .jvectormap-tip { position: absolute; display: none; border: solid 1px #CDCDCD; border-radius: 3px; background: #292929; color: white; font-family: sans-serif, Verdana; font-size: smaller; padding: 3px; } .jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback { position: absolute; left: 10px; border-radius: 3px; background: #292929; padding: 3px; color: white; cursor: pointer; line-height: 10px; text-align: center; -webkit-box-sizing: content-box; box-sizing: content-box; } .jvectormap-zoomin, .jvectormap-zoomout { width: 10px; height: 10px; } .jvectormap-zoomin { display: none; top: 10px; } .jvectormap-zoomout { display: none; top: 30px; } .jvectormap-goback { bottom: 10px; z-index: 1000; padding: 6px; } .jvectormap-spinner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==); } .jvectormap-legend-title { font-weight: bold; font-size: 14px; text-align: center; } .jvectormap-legend-cnt { position: absolute; } .jvectormap-legend-cnt-h { bottom: 0; right: 0; } .jvectormap-legend-cnt-v { top: 0; right: 0; } .jvectormap-legend { background: black; color: white; border-radius: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend { float: left; margin: 0 10px 10px 0; padding: 3px 3px 1px 3px; } .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick { float: left; } .jvectormap-legend-cnt-v .jvectormap-legend { margin: 10px 10px 0 0; padding: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick { width: 40px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample { height: 15px; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample { height: 20px; width: 20px; display: inline-block; vertical-align: middle; } .jvectormap-legend-tick-text { font-size: 12px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-text { text-align: center; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-text { display: inline-block; vertical-align: middle; line-height: 20px; padding-left: 3px; } .jvectormap-marker.jvectormap-element { position: relative; fill: #ec1c2d; stroke: none; } .jvectormap-marker.jvectormap-element::after { content: ''; position: absolute; top: 0; left: 0; display: block; width: 50px; height: 50px; background: black; } #query-monitor-main { display: none !important; } /* * Explication des hacks * */ /* * TEMPORAIRES(!) styles destinés à résoudre un problème momentanément ou styles commentés qu'on ne veux pas supprimer définitivement pour le moment * */ /*# sourceMappingURL=main.css.map*/