@charset "UTF-8"; /* @font-face { font-family: 'Urbani'; src: url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.eot'); src: url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.woff') format('woff'), url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.ttf') format('truetype'), url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.svg#Urbani-UltraLightItalic') format('svg'); font-weight: 100; font-style: italic; font-display: swap; } */ /************************************ * Grids */ /************************************ * Breakpoints */ /************************************ * Transitions */ /************************************ * Paths */ /************************************ * Fonts */ /*** LOCAL FONTS ***/ /*** FONTS ***/ /*** VARIABLES TO USE ***/ /************************************ * Font Sizes */ /************************************ * COLORS */ /************************************ * THEME */ /** * Font-size calcul */ /** * Trigger hover effect on different pseudo-classes * depending on touch or no-touch device * => no-touch > on hover and on focus (by default, can be disable) * => touch > on active, and when a class is added on the targeted element (optionnal) * * @param $focus (boolean) set to false to disable the hover effect on focus (no-touch only) * @param $touchClass (string) the hover effect will be set if the targeted element has this class */ /** * Set an item to 100% of its parent's width and height */ /** * Set an item to 100% of the window width (and 100% of its parent height) * even if located in a limited width wrapper */ /** * Set an item to 100% of the window width * even if located in a limited width wrapper, * but keep it in the flow */ /** * To call on an tag. * Set the image size to adapt to its parent */ /** * Like img-cover(), but for responsive img with * /!\ To call on , or parent. */ /** * Floating form items * if $class2 equals 'empty', the next item is cleared */ /* A simple little SCSS mixin for creating scrim gradients Inspired by Andreas Larson - https://github.com/larsenwork https://css-tricks.com/easing-linear-gradients/ */ /** Convert em value into px */ /** Fluid font-size between 2 breakpoints. Font-size must be in px, use em2px() function to convert from em. */ /** Fluid value between 2 breakpoints (can be use for other than font-size) (Font-size must be in px, use em2px() function to convert from em) */ /* Fluid value - clamp version (2023) @see https://www.smashingmagazine.com/2022/10/fluid-typography-clamp-sass-functions/ */ /** * Animated placeholder for images or divs (FB like) */ /*** SPECIFIC TO CURRENT PROJECT ***/ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* These "retina group" variables are mappings for the naming and pairing of normal and retina sprites. The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`. */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite. It should be used with a "retina group" variable. The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/ $icon-home-group: ('icon-home', $icon-home, $icon-home-2x, ); .icon-home { @include retina-sprite($icon-home-group); } */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* The `retina-sprites` mixin generates a CSS rule and media query for retina groups This yields the same output as CSS retina template but can be overridden in SCSS @include retina-sprites($retina-groups); */ /** * SVG Sprites */ 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, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } /*** VARIABLES TO USE ***/ :root { --c-main: #000000; --c-secondary: #211895; --c-action: #211895; --c-default: #000000; --c-text: #000000; --c-title: #000000; --c-link: #211895; --c-link-hover: #333333; --c-link-visited: #666666; --c-border: #000000; --c-input-border: #666666; --c-input-focus-border: #000000; --c-input-placeholder: #666666; --c-thumbnail-border: #EEEEEE; --c-picture-background: #EEEEEE; --c-page-bg: #ffffff; --c-tag: #ffffff; --c-tag-bg: #000000; /** FONTS */ --f-default: Roboto, sans-serif; --f-title: Bungee, sans-serif; --f-special: Times New Roman, Times, Georgia, DejaVu Serif, serif; --f-button: Roboto, sans-serif; /** TYPO */ --default-font-family: var(--f-default); --default-font-size: 1.15em; --default-font-weight: 400; --default-line-height: 1.3; --paragraph-line-height: 1.4; --heading-font-family: var(--f-title); --heading-font-weight: 700; --heading-color: var(--wp--preset--color--blue); --heading-line-height: 1.2; --heading-text-transform: none; --heading-font-style: normal; --h1-font-family: var(--heading-font-family); --h1-font-weight: var(--heading-font-weight); --h1-color: var(--heading-color); --h1-line-height: 1.0625; --h1-text-transform: var(--heading-text-transform); --h1-font-style: var(--heading-font-style); --h1-font-size: clamp(40px, 3.47vw + 13.33px, 80px); --h2-font-family: var(--heading-font-family); --h2-font-weight: 400; --h2-color: var(--heading-color); --h2-line-height: var(--heading-line-height); --h2-text-transform: var(--heading-text-transform); --h2-font-style: var(--heading-font-style); --h2-font-size: clamp(30px, 3.2vw + 11.6px, 50px); --h3-font-family: var(--heading-font-family); --h3-font-weight: 400; --h3-color: var(--heading-color); --h3-line-height: var(--heading-line-height); --h3-text-transform: var(--heading-text-transform); --h3-font-style: var(--heading-font-style); --h3-font-size: clamp(21px, 1.44vw + 12.72px, 30px); --h4-font-family: var(--heading-font-family); --h4-font-weight: var(--heading-font-weight); --h4-color: var(--heading-color); --h4-line-height: var(--heading-line-height); --h4-text-transform: var(--heading-text-transform); --h4-font-style: var(--heading-font-style); --h4-font-size: clamp(20px, 0.32vw + 18.79px, 25px); --h5-font-family: var(--heading-font-family); --h5-font-weight: var(--heading-font-weight); --h5-color: var(--heading-color); --h5-line-height: var(--heading-line-height); --h5-text-transform: var(--heading-text-transform); --h5-font-style: var(--heading-font-style); --h5-font-size: clamp(18px, 0.26vw + 17.03px, 22px); --h6-font-family: var(--heading-font-family); --h6-font-weight: var(--heading-font-weight); --h6-color: var(--heading-color); --h6-line-height: var(--heading-line-height); --h6-text-transform: var(--heading-text-transform); --h6-font-style: var(--heading-font-style); --h6-font-size: clamp(14px, 0.13vw + 13.51px, 16px); --c-button-primary__color: #ffffff; --c-button-primary__background: #211895; --c-button-primary__border: transparent; --c-button-primary__hover__color: #ffffff; --c-button-primary__hover__background: #000000; --c-button-primary__hover__border: transparent; --c-button-secondary__color: #000000; --c-button-secondary__background: transparent; --c-button-secondary__border: #000000; --c-button-secondary__hover__color: #ffffff; --c-button-secondary__hover__background: #000000; --c-button-secondary__hover__border: #000000; --c-button-action__color: #ffffff; --c-button-action__background: #211895; --c-button-action__border: transparent; --c-button-action__hover__color: #ffffff; --c-button-action__hover__background: #000000; --c-button-action__hover__border: transparent; --g-gutter: 15px; --g-max-content-width: 1400px; --input-height: 50px; --input-padding-inline: 0; /** CURSOR */ --c-cursor-bg: #211895; --c-cursor: #ffffff; /** HEADER */ --c-header-bg: #EFEFEF; --c-header-color: #000000; /** FLASH INFO */ --c-flash-info-bg: #202223; --c-flash-info-color: #ffffff; /** FOOTER */ --c-footer-bg: #1F2223; --c-footer-color: #ffffff; /** NAV */ /** MEGA-MENU */ /** BLOC SHORT LINKS */ /** BLOC NEWS/BLOG */ /** BLOC EVENTS */ /** BLOC SLIDER */ --c-bloc-slider-arrow-bg: var(--c-button-primary__background); --c-bloc-slider-dot-bg: #ffffff; --c-bloc-slider-dot-bg-active: #000000; --c-bloc-slider-dot-border: #D7D7D7; --c-bloc-slider-btn-bg: var(--c-button-primary__background); --c-bloc-slider-btn: var(--c-button-primary__color); --c-bloc-slider-title: var(--c-title); /** BLOC LIST */ /** BLOC SCROLLING TEXT */ } @-webkit-keyframes placeHolderGradient { from { left: -100px; } to { left: 100%; } } @keyframes placeHolderGradient { from { left: -100px; } to { left: 100%; } } .btn, .page-template-default:not(.home) .content-page .block-left .wp-block-buttons .wp-block-button__link.wp-element-button, .page-template-default:not(.home) .wpforms-container input[type=submit], .page-template-default:not(.home) .wpforms-container button, .page-template-default:not(.home) .gform_wrapper input[type=submit], .page-template-default:not(.home) .gform_wrapper button, .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons .wp-block-button__link, body.home #page .entry-content .has-2-columns .wp-block-button a, body.home #page .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button a, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable, body.home #editor .entry-content .has-2-columns .wp-block-button a, body.home #editor .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button a, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons a, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons a, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable, .wp-block-button.is-style-btn-pdf a, .button { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; position: relative; display: inline-block; background-color: #18224B; border: 2px solid #18224B; border-radius: 25px; color: #ffffff; font-size: 16px; text-align: center; line-height: 1; vertical-align: middle; text-decoration: none; -webkit-transition: all 300ms ease; transition: all 300ms ease; cursor: pointer; padding: 12px 11px; } .btn:hover, .page-template-default:not(.home) .content-page .block-left .wp-block-buttons .wp-block-button__link.wp-element-button:hover, .page-template-default:not(.home) .wpforms-container input[type=submit]:hover, .page-template-default:not(.home) .wpforms-container button:hover, .page-template-default:not(.home) .gform_wrapper input[type=submit]:hover, .page-template-default:not(.home) .gform_wrapper button:hover, .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons .wp-block-button__link:hover, body.home #page .entry-content .has-2-columns .wp-block-button a:hover, body.home #page .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:hover, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button a:hover, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:hover, body.home #editor .entry-content .has-2-columns .wp-block-button a:hover, body.home #editor .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:hover, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button a:hover, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:hover, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons a:hover, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:hover, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:hover, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:hover, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons a:hover, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:hover, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:hover, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:hover, .wp-block-button.is-style-btn-pdf a:hover, .button:hover { background-color: #68C9D0 !important; border-color: #68C9D0; color: #18224B; cursor: pointer; text-decoration: none; outline: none; } .btn:focus, .page-template-default:not(.home) .content-page .block-left .wp-block-buttons .wp-block-button__link.wp-element-button:focus, .page-template-default:not(.home) .wpforms-container input[type=submit]:focus, .page-template-default:not(.home) .wpforms-container button:focus, .page-template-default:not(.home) .gform_wrapper input[type=submit]:focus, .page-template-default:not(.home) .gform_wrapper button:focus, .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons .wp-block-button__link:focus, body.home #page .entry-content .has-2-columns .wp-block-button a:focus, body.home #page .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:focus, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button a:focus, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:focus, body.home #editor .entry-content .has-2-columns .wp-block-button a:focus, body.home #editor .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:focus, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button a:focus, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:focus, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons a:focus, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:focus, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:focus, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:focus, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons a:focus, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:focus, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:focus, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:focus, .wp-block-button.is-style-btn-pdf a:focus, .button:focus { background-color: #68C9D0 !important; border-color: #68C9D0; color: #18224B; cursor: pointer; text-decoration: none; outline: none; } .touchevents .btn:active, .touchevents .page-template-default:not(.home) .content-page .block-left .wp-block-buttons .wp-block-button__link.wp-element-button:active, .page-template-default:not(.home) .content-page .block-left .wp-block-buttons .touchevents .wp-block-button__link.wp-element-button:active, .touchevents .page-template-default:not(.home) .wpforms-container input[type=submit]:active, .page-template-default:not(.home) .wpforms-container .touchevents input[type=submit]:active, .touchevents .page-template-default:not(.home) .wpforms-container button:active, .page-template-default:not(.home) .wpforms-container .touchevents button:active, .touchevents .page-template-default:not(.home) .gform_wrapper input[type=submit]:active, .page-template-default:not(.home) .gform_wrapper .touchevents input[type=submit]:active, .touchevents .page-template-default:not(.home) .gform_wrapper button:active, .page-template-default:not(.home) .gform_wrapper .touchevents button:active, .touchevents .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons .wp-block-button__link:active, .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons .touchevents .wp-block-button__link:active, .touchevents body.home #page .entry-content .has-2-columns .wp-block-button a:active, body.home #page .entry-content .has-2-columns .wp-block-button .touchevents a:active, .touchevents body.home #page .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:active, body.home #page .entry-content .has-2-columns .wp-block-button .touchevents .block-editor-rich-text__editable:active, .touchevents body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button a:active, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button .touchevents a:active, .touchevents body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:active, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button .touchevents .block-editor-rich-text__editable:active, .touchevents body.home #editor .entry-content .has-2-columns .wp-block-button a:active, body.home #editor .entry-content .has-2-columns .wp-block-button .touchevents a:active, .touchevents body.home #editor .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:active, body.home #editor .entry-content .has-2-columns .wp-block-button .touchevents .block-editor-rich-text__editable:active, .touchevents body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button a:active, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button .touchevents a:active, .touchevents body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:active, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button .touchevents .block-editor-rich-text__editable:active, .touchevents body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons a:active, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons .touchevents a:active, .touchevents body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:active, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons .touchevents .block-editor-rich-text__editable:active, .touchevents body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:active, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .touchevents a:active, .touchevents body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:active, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .touchevents .block-editor-rich-text__editable:active, .touchevents body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons a:active, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons .touchevents a:active, .touchevents body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:active, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons .touchevents .block-editor-rich-text__editable:active, .touchevents body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:active, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .touchevents a:active, .touchevents body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:active, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .touchevents .block-editor-rich-text__editable:active, .touchevents .wp-block-button.is-style-btn-pdf a:active, .wp-block-button.is-style-btn-pdf .touchevents a:active, .touchevents .button:active { background-color: #68C9D0 !important; border-color: #68C9D0; color: #18224B; cursor: pointer; text-decoration: none; outline: none; } .btn:focus, .page-template-default:not(.home) .content-page .block-left .wp-block-buttons .wp-block-button__link.wp-element-button:focus, .page-template-default:not(.home) .wpforms-container input[type=submit]:focus, .page-template-default:not(.home) .wpforms-container button:focus, .page-template-default:not(.home) .gform_wrapper input[type=submit]:focus, .page-template-default:not(.home) .gform_wrapper button:focus, .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons .wp-block-button__link:focus, body.home #page .entry-content .has-2-columns .wp-block-button a:focus, body.home #page .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:focus, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button a:focus, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:focus, body.home #editor .entry-content .has-2-columns .wp-block-button a:focus, body.home #editor .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:focus, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button a:focus, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:focus, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons a:focus, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:focus, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:focus, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:focus, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons a:focus, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:focus, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:focus, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:focus, .wp-block-button.is-style-btn-pdf a:focus, .btn:active, .page-template-default:not(.home) .content-page .block-left .wp-block-buttons .wp-block-button__link.wp-element-button:active, .page-template-default:not(.home) .wpforms-container input[type=submit]:active, .page-template-default:not(.home) .wpforms-container button:active, .page-template-default:not(.home) .gform_wrapper input[type=submit]:active, .page-template-default:not(.home) .gform_wrapper button:active, .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons .wp-block-button__link:active, body.home #page .entry-content .has-2-columns .wp-block-button a:active, body.home #page .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:active, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button a:active, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:active, body.home #editor .entry-content .has-2-columns .wp-block-button a:active, body.home #editor .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:active, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button a:active, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:active, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons a:active, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:active, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:active, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:active, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons a:active, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:active, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:active, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:active, .wp-block-button.is-style-btn-pdf a:active, .button:focus, .button:active { text-decoration: none; } .btn:visited, .page-template-default:not(.home) .content-page .block-left .wp-block-buttons .wp-block-button__link.wp-element-button:visited, .page-template-default:not(.home) .wpforms-container input[type=submit]:visited, .page-template-default:not(.home) .wpforms-container button:visited, .page-template-default:not(.home) .gform_wrapper input[type=submit]:visited, .page-template-default:not(.home) .gform_wrapper button:visited, .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons .wp-block-button__link:visited, body.home #page .entry-content .has-2-columns .wp-block-button a:visited, body.home #page .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:visited, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button a:visited, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:visited, body.home #editor .entry-content .has-2-columns .wp-block-button a:visited, body.home #editor .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:visited, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button a:visited, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:visited, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons a:visited, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:visited, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:visited, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:visited, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons a:visited, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:visited, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:visited, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:visited, .wp-block-button.is-style-btn-pdf a:visited, .button:visited { color: var(--c-button-primary__color); } @media screen and (max-width: 768px) { .btn, .page-template-default:not(.home) .content-page .block-left .wp-block-buttons .wp-block-button__link.wp-element-button, .page-template-default:not(.home) .wpforms-container input[type=submit], .page-template-default:not(.home) .wpforms-container button, .page-template-default:not(.home) .gform_wrapper input[type=submit], .page-template-default:not(.home) .gform_wrapper button, .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons .wp-block-button__link, body.home #page .entry-content .has-2-columns .wp-block-button a, body.home #page .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button a, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable, body.home #editor .entry-content .has-2-columns .wp-block-button a, body.home #editor .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button a, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons a, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons a, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable, .wp-block-button.is-style-btn-pdf a, .button { font-size: 15px; } } .btn-secondary { background-color: var(--c-button-secondary__background); border-color: var(--c-button-secondary__border); color: var(--c-button-secondary__color); } .btn-secondary:hover { background-color: var(--c-button-secondary__hover__background); border-color: var(--c-button-secondary__hover__border); color: var(--c-button-secondary__hover__color); } .btn-secondary:focus { background-color: var(--c-button-secondary__hover__background); border-color: var(--c-button-secondary__hover__border); color: var(--c-button-secondary__hover__color); } .touchevents .btn-secondary:active { background-color: var(--c-button-secondary__hover__background); border-color: var(--c-button-secondary__hover__border); color: var(--c-button-secondary__hover__color); } .btn-action { background-color: var(--c-button-action__background); border-color: var(--c-button-action__border); color: var(--c-button-action__color); 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; padding-block: 5px; padding-inline: 40px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 50px; border-radius: 60px; text-decoration: none; } .btn-action:hover { background-color: var(--c-button-action__hover__background); border-color: var(--c-button-action__hover__border); color: var(--c-button-action__hover__color); } .btn-action:focus { background-color: var(--c-button-action__hover__background); border-color: var(--c-button-action__hover__border); color: var(--c-button-action__hover__color); } .touchevents .btn-action:active { background-color: var(--c-button-action__hover__background); border-color: var(--c-button-action__hover__border); color: var(--c-button-action__hover__color); } .btn-small { padding: 0.5em 1em; font-size: 0.7rem; } .wp-block-grdnrs-highlight-content__cta { padding-left: 25px; padding-right: 59px; } .wp-block-grdnrs-highlight-content__cta:before, .wp-block-grdnrs-highlight-content__cta:after { content: ""; position: absolute; right: 25px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 18px; height: 14px; border-radius: 50%; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; } .wp-block-grdnrs-highlight-content__cta:before { background-image: url("../svg/icon-arrow-btn-blue-turquoise.svg"); } .wp-block-grdnrs-highlight-content__cta:after { opacity: 0; background-image: url("../svg/icon-arrow-btn-blue-dark.svg"); } .wp-block-grdnrs-highlight-content__cta:hover:before { opacity: 0; -webkit-transform: translateY(-50%) translateX(10px); transform: translateY(-50%) translateX(10px); } .wp-block-grdnrs-highlight-content__cta:hover:after { -webkit-transform: translateY(-50%) translateX(10px); transform: translateY(-50%) translateX(10px); opacity: 1; } .btn-pdf, .wp-block-button.is-style-btn-pdf a, .is-style-btn-pdf a { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; padding-left: 25px; padding-right: 55px; } .btn-pdf:before, .wp-block-button.is-style-btn-pdf a:before, .btn-pdf:after, .wp-block-button.is-style-btn-pdf a:after, .is-style-btn-pdf a:before, .is-style-btn-pdf a:after { content: ""; position: absolute; right: 25px !important; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 19px !important; height: 20px !important; background-size: contain; border-radius: 0 !important; background-repeat: no-repeat; background-position: center; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; } .btn-pdf:before, .wp-block-button.is-style-btn-pdf a:before, .is-style-btn-pdf a:before { background-image: url("../svg/icon-pdf-blue-turquoise.svg") !important; } .btn-pdf:after, .wp-block-button.is-style-btn-pdf a:after, .is-style-btn-pdf a:after { opacity: 0; background-image: url("../svg/icon-pdf-blue-dark.svg") !important; } .btn-pdf:hover:before, .is-style-btn-pdf a:hover:before { opacity: 0 !important; -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; } .btn-pdf:hover:after, .is-style-btn-pdf a:hover:after { -webkit-transform: translateY(-50%) !important; transform: translateY(-50%) !important; opacity: 1 !important; } .btn-arrow, .page-template-default:not(.home) .content-page .block-left .wp-block-buttons .wp-block-button__link.wp-element-button, .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons .wp-block-button__link, body.home #page .entry-content .has-2-columns .wp-block-button a, body.home #page .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button a, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable, body.home #editor .entry-content .has-2-columns .wp-block-button a, body.home #editor .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button a, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons a, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons a, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable { padding-left: 23px; padding-right: 60px; } .btn-arrow:before, .page-template-default:not(.home) .content-page .block-left .wp-block-buttons .wp-block-button__link.wp-element-button:before, .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons .wp-block-button__link:before, body.home #page .entry-content .has-2-columns .wp-block-button a:before, body.home #page .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:before, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button a:before, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:before, body.home #editor .entry-content .has-2-columns .wp-block-button a:before, body.home #editor .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:before, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button a:before, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:before, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons a:before, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:before, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:before, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:before, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons a:before, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:before, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:before, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:before, .btn-arrow:after, .page-template-default:not(.home) .content-page .block-left .wp-block-buttons .wp-block-button__link.wp-element-button:after, .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons .wp-block-button__link:after, body.home #page .entry-content .has-2-columns .wp-block-button a:after, body.home #page .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:after, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button a:after, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:after, body.home #editor .entry-content .has-2-columns .wp-block-button a:after, body.home #editor .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:after, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button a:after, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:after, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons a:after, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:after, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:after, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:after, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons a:after, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:after, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:after, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:after { content: ""; position: absolute; right: 25px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 18px; height: 14px; border-radius: 50%; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; } .btn-arrow:before, .page-template-default:not(.home) .content-page .block-left .wp-block-buttons .wp-block-button__link.wp-element-button:before, .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons .wp-block-button__link:before, body.home #page .entry-content .has-2-columns .wp-block-button a:before, body.home #page .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:before, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button a:before, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:before, body.home #editor .entry-content .has-2-columns .wp-block-button a:before, body.home #editor .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:before, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button a:before, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:before, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons a:before, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:before, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:before, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:before, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons a:before, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:before, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:before, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:before { background-image: url("../svg/icon-arrow-btn-blue-turquoise.svg"); } .btn-arrow:after, .page-template-default:not(.home) .content-page .block-left .wp-block-buttons .wp-block-button__link.wp-element-button:after, .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons .wp-block-button__link:after, body.home #page .entry-content .has-2-columns .wp-block-button a:after, body.home #page .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:after, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button a:after, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:after, body.home #editor .entry-content .has-2-columns .wp-block-button a:after, body.home #editor .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:after, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button a:after, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:after, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons a:after, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:after, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:after, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:after, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons a:after, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:after, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:after, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:after { opacity: 0; background-image: url("../svg/icon-arrow-btn-blue-dark.svg"); } .btn-arrow:hover:before, .page-template-default:not(.home) .content-page .block-left .wp-block-buttons .wp-block-button__link.wp-element-button:hover:before, .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons .wp-block-button__link:hover:before, body.home #page .entry-content .has-2-columns .wp-block-button a:hover:before, body.home #page .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:hover:before, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button a:hover:before, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:hover:before, body.home #editor .entry-content .has-2-columns .wp-block-button a:hover:before, body.home #editor .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:hover:before, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button a:hover:before, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:hover:before, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons a:hover:before, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:hover:before, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:hover:before, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:hover:before, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons a:hover:before, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:hover:before, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:hover:before, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:hover:before { opacity: 0; -webkit-transform: translateY(-50%) translateX(10px); transform: translateY(-50%) translateX(10px); } .btn-arrow:hover:after, .page-template-default:not(.home) .content-page .block-left .wp-block-buttons .wp-block-button__link.wp-element-button:hover:after, .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons .wp-block-button__link:hover:after, body.home #page .entry-content .has-2-columns .wp-block-button a:hover:after, body.home #page .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:hover:after, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button a:hover:after, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:hover:after, body.home #editor .entry-content .has-2-columns .wp-block-button a:hover:after, body.home #editor .entry-content .has-2-columns .wp-block-button .block-editor-rich-text__editable:hover:after, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button a:hover:after, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button .block-editor-rich-text__editable:hover:after, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons a:hover:after, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:hover:after, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:hover:after, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:hover:after, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons a:hover:after, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:hover:after, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a:hover:after, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .block-editor-rich-text__editable:hover:after { -webkit-transform: translateY(-50%) translateX(10px); transform: translateY(-50%) translateX(10px); opacity: 1; } .btn-call { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding-left: 25px; padding-right: 53px; } .btn-call:before, .btn-call:after { content: ""; position: absolute; right: 21px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 21px; height: 18px; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; } .btn-call:before { background-image: url("../svg/icon-call-turquoise.svg"); } .btn-call:after { opacity: 0; background-image: url("../svg/icon-call-blue-dark.svg"); } .btn-call:hover:before { opacity: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .btn-call:hover:after { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; } .btn-tel { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 13px 29px 15px 52px; border: 1px solid #ffffff; color: #ffffff; font-size: clamp(15px, 0.48vw + 12.24px, 18px); background: transparent; } .btn-tel:before, .btn-tel:after { content: ""; position: absolute; left: 26px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 17px; height: 17px; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; } .btn-tel:before { background-image: url("../svg/icon-tel-white.svg"); } .btn-tel:after { opacity: 0; background-image: url("../svg/icon-tel-turquoise.svg"); } .btn-tel:hover { background: transparent !important; color: #68C9D0 !important; } .btn-tel:hover:before { opacity: 0; } .btn-tel:hover:after { opacity: 1; } button, input, optgroup, select, textarea { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } input { overflow: visible; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } textarea, select, [type=text], [type=search], [type=tel], [type=url], [type=email], [type=password], [type=date], [type=time], [type=number] { background-color: #fff; border: 1px solid var(--c-input-border); border-radius: 0; font-family: var(--f-default); font-size: 1em; color: var(--c-default); -webkit-appearance: none; outline: none; } textarea:focus, select:focus, [type=text]:focus, [type=search]:focus, [type=tel]:focus, [type=url]:focus, [type=email]:focus, [type=password]:focus, [type=date]:focus, [type=time]:focus, [type=number]:focus { border-color: var(--c-input-focus-border); } [type=text], [type=search], [type=tel], [type=url], [type=email], [type=password], [type=date], [type=time], [type=number] { height: var(--input-height); width: 100%; max-width: 100%; padding: 10px; border-radius: 10px; } [type=file] { width: 100%; max-width: 500px; } input[type=date]::-webkit-inner-spin-button { -webkit-appearance: none; display: none; } [type=checkbox], [type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } /*fieldset { border: 1px solid var(--c-input-border); margin: 0 2px; }*/ legend { -webkit-box-sizing: border-box; box-sizing: border-box; display: table; max-width: 100%; white-space: normal; color: inherit; -webkit-margin-start: -5px; margin-inline-start: -5px; padding: 0 5px; } label { display: block; -webkit-margin-after: 0.4em; margin-block-end: 0.4em; } select { width: 100%; height: var(--input-height); padding: 0 20px 0 var(--input-padding-inline); background-image: url("../images/select.svg"); background-repeat: no-repeat; background-position: right 6px center; } select::-ms-expand { display: none; } optgroup { font-weight: bold; } textarea { overflow: auto; padding: 10px; width: 100%; border-radius: 10px; max-width: 100%; } .form-item { margin: 1.5em 0; } .form-radios .form-item.form-type-checkbox, .form-radios .form-item.form-type-radio, .form-checkboxes .form-item.form-type-checkbox, .form-checkboxes .form-item.form-type-radio { position: relative; display: inline-block; -webkit-margin-end: 1.5em; margin-inline-end: 1.5em; } .form-radios .form-item.form-type-checkbox:last-child, .form-radios .form-item.form-type-radio:last-child, .form-checkboxes .form-item.form-type-checkbox:last-child, .form-checkboxes .form-item.form-type-radio:last-child { -webkit-margin-end: 0; margin-inline-end: 0; } .form-type-radios > label { display: inline-block; vertical-align: top; -webkit-margin-end: 2em; margin-inline-end: 2em; } .form-type-checkbox, .form-type-radio { position: relative; -webkit-margin-after: 1em; margin-block-end: 1em; } .form-type-checkbox label, .form-type-radio label { -webkit-padding-start: 0; padding-inline-start: 0; } .form-type-checkbox input, .form-type-radio input { position: relative; inset-block-start: 2px; } .form-type-submit { text-align: center; } .yoast-breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 2.5vw; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .yoast-breadcrumbs > span { width: 100%; max-width: 1494px; margin-left: auto; margin-right: auto; padding-top: 17px; padding-bottom: 32px; } .yoast-breadcrumbs a, .yoast-breadcrumbs .breadcrumb_last { font-size: 15px; } .yoast-breadcrumbs a { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; color: #0551AF; } .yoast-breadcrumbs .breadcrumb_last { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; } .yoast-breadcrumbs .separator { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 9px; flex: 0 0 9px; max-width: 9px; width: 7px; height: 11px; margin: 0 5px; background-image: url("../svg/icon-breadcrumb.svg"); background-repeat: no-repeat; background-size: contain; } .scroll-top { position: fixed; bottom: 40px; right: 72px; z-index: 100; -webkit-transition: opacity 0.25s ease, -webkit-transform 0.25s ease; transition: opacity 0.25s ease, -webkit-transform 0.25s ease; transition: transform 0.25s ease, opacity 0.25s ease; transition: transform 0.25s ease, opacity 0.25s ease, -webkit-transform 0.25s ease; width: 50px; height: 50px; cursor: pointer; opacity: 0; } .scroll-top.active { opacity: 1; } .scroll-top.scroll-top--footer { position: absolute; top: 21px; right: 25px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .scroll-top.scroll-top--footer:hover { top: 35px; } .scroll-top.fix:before { -webkit-box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); } .scroll-top:before { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50px; height: 50px; background: #ffffff; border-radius: 100%; -webkit-transition: border-radius 0.25s ease, background 0.25s ease, width 0.25s ease, height 0.25s ease, top 0.25s ease, -webkit-transform 0.25s ease; transition: border-radius 0.25s ease, background 0.25s ease, width 0.25s ease, height 0.25s ease, top 0.25s ease, -webkit-transform 0.25s ease; transition: transform 0.25s ease, border-radius 0.25s ease, background 0.25s ease, width 0.25s ease, height 0.25s ease, top 0.25s ease; transition: transform 0.25s ease, border-radius 0.25s ease, background 0.25s ease, width 0.25s ease, height 0.25s ease, top 0.25s ease, -webkit-transform 0.25s ease; } .scroll-top .text { font-size: 14px; color: #ffffff; font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; position: absolute; z-index: 11; text-transform: uppercase; left: 7px; bottom: 5px; } .scroll-top .arrow { display: inline-block; position: absolute; left: 18px; width: 14px; top: 15px; z-index: 1; height: 18px; background-repeat: no-repeat; background-position: center center; background-size: contain; background-image: url("../svg/icon-scroll-top-blue.svg"); -webkit-transition: -webkit-transform 0.25s ease; transition: -webkit-transform 0.25s ease; transition: transform 0.25s ease; transition: transform 0.25s ease, -webkit-transform 0.25s ease; } .scroll-top .arrow:before, .scroll-top .arrow:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-transition: opacity 0.25s ease; transition: opacity 0.25s ease; opacity: 0; } .scroll-top .arrow:before { background-image: url("../svg/icon-scroll-top-blue.svg"); } .scroll-top .arrow:after { opacity: 0; background-image: url("../svg/icon-scroll-top-white.svg"); } .scroll-top:hover .arrow { -webkit-transform: translateY(-18px); transform: translateY(-18px); } .scroll-top:hover .arrow:before { opacity: 0; } .scroll-top:hover .arrow:after { opacity: 1; } .scroll-top:hover:before { width: 68px; height: 85px; background: #18224B; border-radius: 20px; top: 46%; } @media screen and (max-width: 991px) { .scroll-top { right: 30px; bottom: 30px; } } @media screen and (max-width: 575px) { .scroll-top { right: 11px; bottom: 11px; } } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html { font-size: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; scroll-behavior: smooth; } html.overflow { overflow: hidden; width: 100%; height: 100%; } body { min-width: 320px; font-family: var(--default-font-family); font-size: var(--default-font-size); font-weight: var(--default-font-weight); line-height: var(--default-line-height); color: var(--c-default); background-color: var(--c-page-bg); } body.no-scroll { overflow: hidden; } body.overflow { overflow: hidden; } body.overflow:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; position: fixed; background-color: rgba(0, 0, 0, 0.7); z-index: 29; } /* ============================================ * * Global * ============================================ */ html, body { height: 100%; } .wrap { margin: 0 auto; max-width: calc(var(--g-max-content-width) + var(--g-gutter) * 2); /* Try to delete gutter to a better pixel perfect style */ padding-inline: var(--g-gutter); } .site { overflow: hidden; } /*.site-main { @include wrap(); position: relative; }*/ .wpforms-confirmation-scroll { margin-top: 35px; margin-bottom: 35px; } .wpforms-confirmation-scroll p { color: #0551AF !important; } #hamburger { cursor: pointer; height: 14px; position: relative; width: 25px; z-index: 20; } #hamburger.menu-black span:before, #hamburger.menu-black span:after { background-color: #000000; color: #000000; } #hamburger.active span:before, #hamburger.active span:after { background-color: #ffffff !important; color: #ffffff !important; } #hamburger span { display: inline-block; height: 14px; position: relative; vertical-align: middle; width: 25px; } #hamburger span:before, #hamburger span:after { background-color: #0551AF; color: #0551AF; content: ""; display: block; height: 2px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); width: 100%; } #hamburger span:before { -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } #hamburger.open span:before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } #hamburger span:after { -webkit-box-shadow: 0 6px 0 0, 0 -6px 0 0; box-shadow: 0 6px 0 0, 0 -6px 0 0; -webkit-transition: -webkit-transform 0.15s ease-out, box-shadow 0.2s 0.15s; transition: -webkit-transform 0.15s ease-out, box-shadow 0.2s 0.15s; -webkit-transition: -webkit-transform 0.15s ease-out, -webkit-box-shadow 0.2s 0.15s; transition: -webkit-transform 0.15s ease-out, -webkit-box-shadow 0.2s 0.15s; transition: transform 0.15s ease-out, box-shadow 0.2s 0.15s; transition: transform 0.15s ease-out, box-shadow 0.2s 0.15s, -webkit-transform 0.15s ease-out, -webkit-box-shadow 0.2s 0.15s; } #hamburger:hover span:after { -webkit-box-shadow: 0 10px 0 0, 0 -10px 0 0; box-shadow: 0 10px 0 0, 0 -10px 0 0; -webkit-transition-delay: 0s; transition-delay: 0s; } #hamburger.open span:after { -webkit-box-shadow: 0 0 0 0, 0 0 0 0; box-shadow: 0 0 0 0, 0 0 0 0; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -webkit-transition-delay: 0.15s, 0s; transition-delay: 0.15s, 0s; } @media screen and (min-width: 992px) { .menu-burger { display: none; } } #site-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 16px; padding-bottom: 25px; -webkit-transition: padding-top 250ms ease, margin-top 250ms ease, -webkit-transform 250ms ease; transition: padding-top 250ms ease, margin-top 250ms ease, -webkit-transform 250ms ease; transition: padding-top 250ms ease, transform 250ms ease, margin-top 250ms ease; transition: padding-top 250ms ease, transform 250ms ease, margin-top 250ms ease, -webkit-transform 250ms ease; } #site-navigation .site-navigation-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 1000; } #site-navigation .site-navigation-right-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #site-navigation .site-navigation-right-links .btn-outline-white { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; color: #ffffff; line-height: 1.5; position: relative; padding: 9px clamp(10px, 3.1vw + -20.75px, 32px) 9px clamp(40px, 3.39vw + 6.45px, 64px); border: 1px solid #ffffff; margin-left: clamp(5px, 2.6vw + -26.2px, 18px); -webkit-transition: border-color 350ms ease, color 350ms ease; transition: border-color 350ms ease, color 350ms ease; overflow: hidden; border-radius: 30px; } #site-navigation .site-navigation-right-links .btn-outline-white { font-size: 14px; } @media screen and (min-width: 991px) { #site-navigation .site-navigation-right-links .btn-outline-white { font-size: calc(14px + 4 * ((100vw - 991px) / 929)); } } @media screen and (min-width: 1920px) { #site-navigation .site-navigation-right-links .btn-outline-white { font-size: 18px; } } #site-navigation .site-navigation-right-links .btn-outline-white svg { position: absolute; top: 50%; left: clamp(10px, 4.4vw + -42.8px, 32px); color: #ffffff; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 25px; height: 25px; display: inline-block; -webkit-transition: -webkit-transform 350ms ease; transition: -webkit-transform 350ms ease; transition: transform 350ms ease; transition: transform 350ms ease, -webkit-transform 350ms ease; } @media screen and (max-width: 991px) { #site-navigation .site-navigation-right-links .btn-outline-white svg { left: 50px; } } #site-navigation .site-navigation-right-links .btn-outline-white svg path { -webkit-transition: fill 350ms ease; transition: fill 350ms ease; } #site-navigation .site-navigation-right-links .btn-outline-white:after { content: ""; position: absolute; bottom: 0; left: 0; background: red; border-radius: 30px; height: 100%; width: 100%; -webkit-transform-origin: bottom; transform-origin: bottom; background: var(--wp--preset--color--blue); -webkit-transition: -webkit-transform 350ms cubic-bezier(0.76, 0, 0.24, 1); transition: -webkit-transform 350ms cubic-bezier(0.76, 0, 0.24, 1); transition: transform 350ms cubic-bezier(0.76, 0, 0.24, 1); transition: transform 350ms cubic-bezier(0.76, 0, 0.24, 1), -webkit-transform 350ms cubic-bezier(0.76, 0, 0.24, 1); -webkit-transform: translateY(104%); transform: translateY(104%); z-index: -1; } #site-navigation .site-navigation-right-links .btn-outline-white:hover { border-color: var(--wp--preset--color--blue); } #site-navigation .site-navigation-right-links .btn-outline-white:hover svg { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } #site-navigation .site-navigation-right-links .btn-outline-white:hover:after { -webkit-transform: translateY(0); transform: translateY(0); } #site-navigation .site-navigation-right-links .pool-status { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; font-size: 15px; line-height: 1.5; background: rgba(24, 34, 75, 0.5); color: #ffffff; padding: 11px clamp(11px, 4.31vw + -31.67px, 20px) 11px clamp(8px, 3.83vw + -29.93px, 16px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 30px; -webkit-transition: background 250ms ease, color 250ms ease; transition: background 250ms ease, color 250ms ease; } #site-navigation .site-navigation-right-links .pool-status { font-size: 12px; } @media screen and (min-width: 991px) { #site-navigation .site-navigation-right-links .pool-status { font-size: calc(12px + 3 * ((100vw - 991px) / 709)); } } @media screen and (min-width: 1700px) { #site-navigation .site-navigation-right-links .pool-status { font-size: 15px; } } #site-navigation .site-navigation-right-links .pool-status .status-text-short { display: none; } #site-navigation .site-navigation-right-links .pool-status strong { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; } #site-navigation .site-navigation-right-links .pool-status .status-dot { display: inline-block; width: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 15px; flex: 0 0 15px; max-width: 15px; height: 15px; border-radius: 50%; margin-right: 13px; } #site-navigation .site-navigation-right-links .pool-status.closed .status-dot { background-color: red; } #site-navigation .site-navigation-right-links .pool-status.open strong { color: var(--wp--preset--color--green); } #site-navigation .site-navigation-right-links .pool-status.open .status-dot { background-color: var(--wp--preset--color--green); } @media screen and (max-width: 1200px) { #site-navigation .site-navigation-right-links .pool-status .status-text-full { display: none; } #site-navigation .site-navigation-right-links .pool-status .status-text-short { display: block; } } @media screen and (max-width: 991px) { #site-navigation .site-navigation-right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-bottom: 50px; } #site-navigation .site-navigation-right #header-search { display: none; } #site-navigation .site-navigation-right .pool-status { display: none; } #site-navigation .site-navigation-right-links { width: 100%; padding-top: 35px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } #site-navigation .site-navigation-right-links .btn-outline-white { padding: 8px 50px 8px 90px; margin-left: 0; margin-right: 0; background: #0551AF; font-size: 18px; } #site-navigation .site-navigation-right-links .btn-outline-white:before { left: 49px; } } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item-has-children > .mega-sub-menu:before { content: "" !important; width: 561px; height: 240px; position: absolute; right: -9px; bottom: -44px; display: inline-block; background-image: url("../svg/shape-submenu-header.svg"); } @media screen and (max-width: 991px) { #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item-has-children > .mega-sub-menu:before { display: none; } } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item-has-children > a .mega-indicator { -webkit-transform-origin: center; transform-origin: center; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 10px; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item-has-children > a .mega-indicator:before, #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item-has-children > a .mega-indicator:after { content: ""; width: 11px; height: 7px; display: inline-block; background-size: contain; background-repeat: no-repeat; -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, transform 500ms ease; transition: opacity 500ms ease, transform 500ms ease, -webkit-transform 500ms ease; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item-has-children > a .mega-indicator:after { background-image: url("../svg/icon-chevron-white.svg"); } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item-has-children > a .mega-indicator:before { position: absolute; right: 0; top: 0px; background-image: url("../svg/icon-chevron-dark.svg"); opacity: 0; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item-has-children > a .mega-indicator:hover:before { opacity: 1; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item-has-children > a .mega-indicator:hover:after { opacity: 0; } @media screen and (min-width: 992px) { #site-navigation #mega-menu-wrap-primary_navigation { background: transparent; position: inherit; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation { gap: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; position: inherit; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .block-annemmasse-header { border-radius: 10px; margin-top: clamp(10px, 11vw + -122px, 65px); max-width: 616px; padding: 17px 33px 20px 18px; background: rgba(24, 34, 75, 0.5); -webkit-transition: background 350ms ease; transition: background 350ms ease; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .block-annemmasse-header:hover { background: var(--wp--preset--color--dark-blue); } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .block-annemmasse-header:hover span em:before { -webkit-transform: translateY(-50%) translateX(11px); transform: translateY(-50%) translateX(11px); } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .block-annemmasse-header a { 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; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .block-annemmasse-header img { max-width: 250px; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .block-annemmasse-header span { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; font-size: 15px; color: #ffffff; margin-top: 16px; line-height: 1.5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .block-annemmasse-header span em { color: var(--wp--preset--color--turquoise-blue); font-size: 15px; font-style: normal; position: relative; padding-right: 27px; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .block-annemmasse-header span em:before { content: ""; width: 18px; height: 15px; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url("../svg/icon-arrow-right.svg"); position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; font-size: 18px; line-height: 27px; position: relative; z-index: 1000; height: inherit; width: inherit; background: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 8px clamp(2px, 1.83vw + -16.13px, 19px); border-radius: 5px; -webkit-transition: background 500ms ease, color 500ms ease; transition: background 500ms ease, color 500ms ease; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a { font-size: 13px; } } @media screen and (min-width: 992px) and (min-width: 991px) { #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a { font-size: calc(13px + 5 * ((100vw - 991px) / 929)); } } @media screen and (min-width: 992px) and (min-width: 1920px) { #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a { font-size: 18px; } } @media screen and (min-width: 992px) { #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .menu li a { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; font-size: clamp(18px, 0.97vw + 6.33px, 25px); line-height: 1.5; color: #ffffff; display: block; padding-top: 12px; padding-left: 24px; padding-bottom: 12px; max-width: 589px; text-transform: inherit; border-radius: 10px; -webkit-transition: background 350ms ease; transition: background 350ms ease; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .menu li a:before { content: ""; width: 18px; height: 15px; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url("../svg/icon-arrow-menu.svg"); position: absolute; right: 27px; top: 50%; -webkit-transform: translateY(-50%) translateX(-11px); transform: translateY(-50%) translateX(-11px); -webkit-transition: opacity 250ms ease, -webkit-transform 250ms ease; transition: opacity 250ms ease, -webkit-transform 250ms ease; transition: transform 250ms ease, opacity 250ms ease; transition: transform 250ms ease, opacity 250ms ease, -webkit-transform 250ms ease; opacity: 0; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .menu li a:hover { background: rgba(24, 34, 75, 0.5); } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .menu li a:hover:before { opacity: 1; -webkit-transform: translateY(-50%) translateX(0px); transform: translateY(-50%) translateX(0px); } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-megamenu > ul.mega-sub-menu { top: clamp(110px, 3.19vw + 71.67px, 133px); min-height: calc(100vh - clamp(110px, 3.19vw + 71.67px, 133px)); padding-left: 70px; padding-right: 70px; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-megamenu > ul.mega-sub-menu:before { content: ""; width: 100%; left: 0; top: -30vh; height: 140vh; position: fixed; background: rgba(5, 81, 175, 0.8); -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); pointer-events: none; z-index: -1; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-megamenu > ul.mega-sub-menu .mega-sub-menu { max-width: 1215px; margin: 0 auto; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-megamenu > ul.mega-sub-menu .mega-sub-menu .mega-block-title { font-family: "Bungee", sans-serif; font-weight: 400; font-style: normal; font-weight: 400; font-size: clamp(30px, 4vw + -18px, 50px); line-height: 1.1; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item:hover > a { background: var(--wp--preset--color--fluo-blue); color: #18224B; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item:hover.mega-menu-item-has-children .mega-indicator:before { opacity: 1; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item:hover.mega-menu-item-has-children .mega-indicator:after { opacity: 0; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item.mega-current_page_parent:not(.manually-active) > a, #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item.mega-current-menu-item:not(.manually-active) > a { background: var(--wp--preset--color--fluo-blue); color: #18224B; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item.mega-current_page_parent.mega-menu-item-has-children .mega-indicator:before, #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item.mega-current-menu-item.mega-menu-item-has-children .mega-indicator:before { opacity: 1; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item.mega-current_page_parent.mega-menu-item-has-children .mega-indicator:after, #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item.mega-current-menu-item.mega-menu-item-has-children .mega-indicator:after { opacity: 0; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item.mega-toggle-on > a { color: #18224B; background: var(--wp--preset--color--fluo-blue); } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item.mega-toggle-on.mega-menu-item-has-children .mega-indicator:before { opacity: 1; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item.mega-toggle-on.mega-menu-item-has-children .mega-indicator:after { opacity: 0; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation #mega-menu-211-1 > .mega-sub-menu { max-width: 1215px; margin: clamp(15px, 7.4vw + -73.8px, 52px) auto 0; border-top: 1px solid rgba(255, 255, 255, 0.3); } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation #mega-menu-211-1 > .mega-sub-menu .mega-menu-item { padding-left: 0; padding-top: 0; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li:not(.mega-ref-shape) > .mega-sub-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li:not(.mega-ref-shape) > .mega-sub-menu > li:nth-of-type(2) { padding-bottom: clamp(20px, 10.56vw + -106.67px, 96px); max-width: 1215px; margin-left: auto; margin-right: auto; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li:not(.mega-ref-shape) > .mega-sub-menu .shape { padding-left: 0; padding-right: 0; margin-top: auto; padding-bottom: 43px; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li:not(.mega-ref-shape) > .mega-sub-menu .shape .mega-menu-item { padding-left: 0; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li:not(.mega-ref-shape) > .mega-sub-menu .shape .block-annemmasse-header { margin-top: 0; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .border-top > .mega-sub-menu > .mega-menu-column { position: relative; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .border-top > .mega-sub-menu > .mega-menu-column:before { content: ""; display: inline-block; width: 100%; height: 1px; position: absolute; top: clamp(5px, 6vw + -67px, 35px); left: 0; background-color: rgba(255, 255, 255, 0.3); } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-image .block-image { position: relative; overflow: hidden; border-radius: 25px; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-image .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4:before { content: ""; position: absolute; right: 10px; top: 20px; width: 18px; height: 15px; background-image: url("../svg/icon-arrow-menu.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; -webkit-transform: translateX(-10px); transform: translateX(-10px); opacity: 0; -webkit-transition: opacity 350ms ease, -webkit-transform 350ms ease; transition: opacity 350ms ease, -webkit-transform 350ms ease; transition: opacity 350ms ease, transform 350ms ease; transition: opacity 350ms ease, transform 350ms ease, -webkit-transform 350ms ease; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-image .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:hover { background: rgba(24, 34, 75, 0.5); } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-image .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:hover h4:before { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-image .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item:hover a img { -webkit-transform: scale(1.08); transform: scale(1.08); } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-image .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { margin-top: clamp(15px, 3.19vw + -23.33px, 38px); padding-top: clamp(10px, 1.11vw + -3.33px, 18px); padding-left: 20px; padding-right: 20px; background: transparent; border-radius: 25px; -webkit-transition: background 350ms ease; transition: background 350ms ease; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-image .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4 { padding-bottom: clamp(10px, 1.94vw + -13.33px, 24px); color: #ffffff; display: block; width: 100%; padding-right: 31px; position: relative; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-image .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4 .last-word { color: var(--wp--preset--color--fluo-blue); } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-image .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item a { display: block; width: 100%; overflow: hidden; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-image .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item a img { width: 45vw !important; height: 35.7vh !important; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 250ms cubic-bezier(0.45, 0, 0.55, 1); transition: -webkit-transform 250ms cubic-bezier(0.45, 0, 0.55, 1); transition: transform 250ms cubic-bezier(0.45, 0, 0.55, 1); transition: transform 250ms cubic-bezier(0.45, 0, 0.55, 1), -webkit-transform 250ms cubic-bezier(0.45, 0, 0.55, 1); border-radius: 25px; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-menu > .mega-sub-menu > .mega-menu-row > .mega-sub-menu > li.mega-menu-item, #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-menu > .mega-sub-menu > .mega-menu-row > .mega-sub-menu > li.mega-mobile { margin-top: clamp(15px, 3.19vw + -23.33px, 38px); padding-top: clamp(10px, 1.11vw + -3.33px, 18px); padding-left: 20px; padding-right: 20px; background: transparent; border-radius: 25px; -webkit-transition: background 350ms ease; transition: background 350ms ease; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-menu > .mega-sub-menu > .mega-menu-row > .mega-sub-menu > li.mega-menu-item .mega-menu-item, #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-menu > .mega-sub-menu > .mega-menu-row > .mega-sub-menu > li.mega-mobile .mega-menu-item { padding: 0; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-menu > .mega-sub-menu > .mega-menu-row > .mega-sub-menu > li.mega-menu-item h4, #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-menu > .mega-sub-menu > .mega-menu-row > .mega-sub-menu > li.mega-mobile h4 { padding-bottom: clamp(10px, 4.17vw + -40px, 40px); color: #ffffff; display: block; width: 100%; padding-right: 31px; position: relative; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-menu > .mega-sub-menu > .mega-menu-row > .mega-sub-menu > li.mega-menu-item h4 .last-word, #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-menu > .mega-sub-menu > .mega-menu-row > .mega-sub-menu > li.mega-mobile h4 .last-word { color: var(--wp--preset--color--fluo-blue); } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-menu > .mega-sub-menu > .mega-menu-column > .mega-sub-menu > .mega-menu-item { padding: 0px 15px 0px 6px; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-menu > .mega-sub-menu > .mega-menu-column > .mega-sub-menu > .mega-menu-item li { margin-bottom: 3px; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-menu #mega-menu-283-1 > .mega-sub-menu { 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: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-menu #mega-menu-283-1 > .mega-sub-menu:before { content: "" !important; display: block; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.3); position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 0; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-menu .mega-menu-columns-6-of-12:first-of-type { width: 45%; position: relative; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .col-menu .mega-menu-columns-6-of-12:last-of-type { width: 45%; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .shape-image { padding: 0; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: absolute; right: -20px; bottom: -20px; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation .shape-image img { width: 561px; height: 240px; } } @media screen and (max-width: 991px) { #site-navigation { 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; padding-top: 0; padding-bottom: 0; } #site-navigation .mega-menu-toggle { display: none; } #site-navigation .site-navigation-left { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } #site-navigation .site-navigation-right { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation { display: block !important; background: transparent; width: 100%; position: relative; max-height: inherit; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; top: inherit; visibility: visible; left: 0; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation #mega-menu-282-1-0, #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation #mega-menu-283-2 { display: none; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation ul { position: relative; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item-has-children:not(.mega-toggle-on) ul { display: none; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item { width: 100%; display: block; border-top: 1px solid #DEDEDE; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item > a { background: #ffffff !important; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item.mega-toggle-on .mega-indicator:before, #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item.mega-toggle-on .mega-indicator:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item > a { display: block; font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; font-size: 22px; padding: 16px 25px; color: #0551AF; line-height: 1; height: auto; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item .mega-sub-menu { background: #ffffff; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item .shape, #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item .mobile { display: none; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item .col-image > .mega-sub-menu { padding-bottom: 20px; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item .col-image .mega-sub-menu { 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; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item .col-image .mega-sub-menu li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item .col-image .widget_media_image { padding: 0 10px; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item .col-image .widget_media_image img { display: none; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item .col-image .widget_media_image a h4 { border-radius: 8px; background: rgba(21, 225, 248, 0.1); margin-bottom: 2px; width: 100%; text-transform: inherit; color: #0551AF; font-size: 15px; padding: 16px 20px; font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item .col-menu .mega-block-title { display: none; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item .col-menu > .mega-sub-menu { 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; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item .col-menu > .mega-sub-menu > li > ul > li { padding-bottom: 0; padding-top: 0; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item .col-menu > .mega-sub-menu li { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item .col-menu > .mega-sub-menu li a { display: block; border-radius: 8px; background: rgba(21, 225, 248, 0.1); margin-bottom: 2px; width: 100%; text-transform: inherit; color: #0551AF; font-size: 15px; padding: 16px 20px; font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item.mega-menu-item-has-children > a { 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; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item.mega-menu-item-has-children > a span.mega-indicator:before { top: 2px; opacity: 1; width: 11px; height: 8px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("../svg/icon-chevron-bleu.svg"); } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item.mega-menu-item-has-children > a span.mega-indicator:after { opacity: 0; } #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item:last-of-type { border-bottom: 1px solid #DEDEDE; } } #site-navigation #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-item { position: inherit; } .site-header .block-right { z-index: 100; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media screen and (max-width: 991px) { .site-header .block-right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; position: fixed; bottom: 0; max-width: 375px; width: 100%; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; overflow: auto; right: 0; top: 100%; background: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: column; } .site-header .block-right.open { -webkit-transform: translateX(0); transform: translateX(0); } .site-header .block-right #site-navigation { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .site-header .block-right .surheader { padding-top: 15px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-bottom: 0; margin-top: auto; } } #header-search { 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; position: relative; cursor: pointer; border: none; height: clamp(32px, 3.2vw + -6.4px, 48px); width: clamp(32px, 3.2vw + -6.4px, 48px); -webkit-box-flex: 0; -ms-flex: 0 0 clamp(32px, 3.2vw + -6.4px, 48px); flex: 0 0 clamp(32px, 3.2vw + -6.4px, 48px); max-width: clamp(32px, 3.2vw + -6.4px, 48px); padding: 0; border-radius: 100%; margin-left: clamp(5px, 2.4vw + -23.8px, 17px); background: transparent; } #header-search:before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100%; left: 0; top: 0; background: rgba(255, 255, 255, 0.2); z-index: -1; -webkit-transition: background 350ms ease, -webkit-transform 350ms cubic-bezier(0.68, -0.6, 0.32, 1.6); transition: background 350ms ease, -webkit-transform 350ms cubic-bezier(0.68, -0.6, 0.32, 1.6); transition: transform 350ms cubic-bezier(0.68, -0.6, 0.32, 1.6), background 350ms ease; transition: transform 350ms cubic-bezier(0.68, -0.6, 0.32, 1.6), background 350ms ease, -webkit-transform 350ms cubic-bezier(0.68, -0.6, 0.32, 1.6); } #header-search:hover:before { -webkit-transform: scale(1.2); transform: scale(1.2); background: var(--wp--preset--color--blue); } #header-search svg path { fill: #ffffff; -webkit-transition: fill 350ms ease; transition: fill 350ms ease; } .search-overlay { display: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: fixed; height: 100vh; background: rgba(5, 81, 175, 0.98); width: 100%; z-index: 102; padding-top: 150px; } @media screen and (min-width: 991px) { .search-overlay { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: clamp(15px, 1.62vw + 8.93px, 40px); } } .search-overlay__header { position: absolute; top: 20px; right: 20px; } .search-overlay__header .search-close { position: relative; float: right; cursor: pointer; background: transparent; border: none; width: 26px; height: 26px; 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; } .search-overlay__header .search-close:before, .search-overlay__header .search-close:after { content: ""; position: absolute; width: 26px; height: 2px; background-color: white; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .search-overlay__header .search-close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .search-overlay__header .search-close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .search-overlay__header .search-close:focus { outline: 1px solid #ffffff; } .search-overlay__body { position: relative; width: calc(100% - 20px); } @media screen and (min-width: 991px) { .search-overlay__body { width: unset; } } .search-overlay__body h2 { font-family: "Bungee", sans-serif; font-weight: 400; font-style: normal; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: clamp(20px, 2.59vw + 10.29px, 60px); padding-right: 110px; } @media screen and (min-width: 991px) { .search-overlay__body h2 { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .search-overlay__body h2 > .glasses { display: none; } } .search-overlay__body form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; } @media screen and (min-width: 991px) { .search-overlay__body form { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .search-overlay__body form input[type=submit], .search-overlay__body form button { padding: 0; width: 46px; -webkit-box-flex: 0; -ms-flex: 0 0 46px; flex: 0 0 46px; max-width: 46px; background: #ffffff; height: 46px; font-size: 0; border-radius: 100%; border: none; -webkit-box-shadow: none; box-shadow: none; position: relative; cursor: pointer; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .search-overlay__body form input[type=submit]:before, .search-overlay__body form button:before { content: ""; position: absolute; width: 100%; height: 100%; border-radius: 100%; left: 0; top: 0; background: rgba(255, 255, 255, 0.2); z-index: -1; -webkit-transition: background 350ms ease, -webkit-transform 350ms cubic-bezier(0.68, -0.6, 0.32, 1.6); transition: background 350ms ease, -webkit-transform 350ms cubic-bezier(0.68, -0.6, 0.32, 1.6); transition: transform 350ms cubic-bezier(0.68, -0.6, 0.32, 1.6), background 350ms ease; transition: transform 350ms cubic-bezier(0.68, -0.6, 0.32, 1.6), background 350ms ease, -webkit-transform 350ms cubic-bezier(0.68, -0.6, 0.32, 1.6); } .search-overlay__body form input[type=submit] path, .search-overlay__body form button path { -webkit-transition: all 300ms ease; transition: all 300ms ease; } .search-overlay__body form input[type=submit]:hover, .search-overlay__body form button:hover { background: transparent; } .search-overlay__body form input[type=submit]:hover path, .search-overlay__body form button:hover path { fill: #ffffff; } .search-overlay__body form input[type=submit]:hover:before, .search-overlay__body form button:hover:before { -webkit-transform: scale(1.2); transform: scale(1.2); background: var(--wp--preset--color--turquoise-blue); } .search-overlay__body form .form-underline { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .search-overlay__body form .form-underline:after { background-color: #ffffff; bottom: 0; } @media screen and (min-width: 991px) { .search-overlay__body form .form-underline { width: clamp(600px, 44.67vw + 157.3px, 1015px); } } .search-overlay__body form .glasses { display: none; content: url("../svg/glasses-big.svg"); } @media screen and (min-width: 991px) { .search-overlay__body form .glasses { display: block; } } @media screen and (min-width: 991px) { .search-overlay__body form button { margin-top: 0; } } .search-overlay__body form input { border-radius: 10px; color: #18224B; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; font-size: clamp(15px, 0.48vw + 12.24px, 18px); line-height: 1.667; padding: 15px; } .surheader { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 12px; padding-right: 7px; } .surheader a { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; color: #ffffff; font-size: 13px; line-height: 1.46; -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease; } .surheader a:hover { opacity: 0.7; } .surheader #primary-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .surheader #primary-menu > li.accessibilite { padding-left: 26px; position: relative; } .surheader #primary-menu > li.accessibilite:before { content: ""; top: 50%; left: 0px; position: absolute; height: 20px; width: 21px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url("../svg/icon-accessibilite.svg"); } .surheader #primary-menu > li:last-of-type { margin-left: 12px; padding-left: 10px; position: relative; } .surheader #primary-menu > li:last-of-type:before { content: ""; width: 1px; left: 0px; position: absolute; height: 11px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #ffffff; } .surheader .block-mobile { display: none; } @media screen and (max-width: 991px) { .surheader { 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; padding-right: 0; } .surheader a { font-size: 15px; color: #18224B; } .surheader #primary-menu { padding-left: 28px; padding-bottom: 28px; width: 100%; } .surheader #primary-menu li.accessibilite:before { background-image: url("../svg/icon-accessibilite-bluedark.svg"); } .surheader .block-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: linear-gradient(109.99deg, #0551AF 28.3%, #68C9D0 100.46%); padding: 28px 23px 28px 28px; max-width: 100%; } .surheader .block-mobile .tel { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; font-size: 15px; padding: 10px 35px 10px 61px; color: #ffffff; border-radius: 25px; border: 1px solid #ffffff; } .surheader .block-mobile .tel:before { content: ""; position: absolute; top: 50%; left: 32px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 17px; background-size: contain; display: inline-block; background-image: url("../svg/icon-phone-header.svg"); -webkit-transition: -webkit-transform 350ms ease; transition: -webkit-transform 350ms ease; transition: transform 350ms ease; transition: transform 350ms ease, -webkit-transform 350ms ease; } .surheader .block-mobile .block-soc-links ul { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .surheader .block-mobile .block-soc-links ul li { margin-left: 26px; } .surheader .block-mobile .block-soc-links ul li:first-of-type { margin-left: 0; } .surheader .block-mobile .block-soc-links ul .facebook svg { height: 26px; width: auto; } .surheader .block-mobile .block-soc-links ul .youtube svg { height: 21px; width: 29px; } } .close-menu { position: absolute; height: 72px; top: 174px; right: 17px; 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; border-radius: 50%; cursor: pointer; -webkit-transition: background 250ms ease, opacity 250ms ease; transition: background 250ms ease, opacity 250ms ease; z-index: 1001; pointer-events: none; opacity: 0; } .close-menu.active { pointer-events: auto; opacity: 1; } .close-menu .close { position: absolute; left: 38px; top: 37px; } .close-menu .close svg { -webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease; } .close-menu .close:before { content: ""; display: inline-block; position: absolute; width: 64px; height: 64px; background-color: #18224B; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease; border-radius: 50%; z-index: -1; } .close-menu .close:hover svg { -webkit-transform: scale(0.7); transform: scale(0.7); } .close-menu .close:hover:before { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } @media screen and (max-width: 1400px) { .close-menu { right: 0; top: 100px; } } @media screen and (max-width: 991px) { .close-menu { display: none; } } #masthead { position: absolute; width: 100%; z-index: 16; --c-default: var(--c-header-color); --c-text: var(--c-header-color); --c-link: var(--c-header-color); padding-left: 2.21vw; padding-right: 2.21vw; } #masthead.fixed { position: fixed; top: 0; opacity: 0; -webkit-animation: fadeIn 0.25s ease; animation: fadeIn 0.25s ease; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } @-webkit-keyframes fadeIn { 0% { opacity: 0; top: -41px; } 100% { top: 0; opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; top: -41px; } 100% { top: 0; opacity: 1; } } #masthead.is-info-flash.open { top: 0; } #masthead .inner { max-width: 1920px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-inline: auto; } #masthead .logo-mobile { display: none; } #masthead #header-search-mobile { display: none; } @media screen and (max-width: 991px) { #masthead { padding-top: 30px; padding-bottom: 10px; padding-left: 17px !important; padding-right: 28px !important; background: #ffffff; } #masthead #header-search-mobile { display: block; margin-left: auto; background: transparent; -webkit-box-shadow: none; box-shadow: none; border: none; margin-right: 15px; } #masthead .site-branding { padding-top: 0; } #masthead .logo-desktop { display: none; } #masthead .logo-mobile { display: block; } #masthead .logo-mobile img, #masthead .logo-mobile svg { width: 156px; } #masthead .inner { -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; } } .site-branding { position: relative; margin-right: 0; z-index: 1000; padding-top: 26px; 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; -webkit-transition: padding-top 250ms ease, margin-top 250ms ease, -webkit-transform 250ms ease; transition: padding-top 250ms ease, margin-top 250ms ease, -webkit-transform 250ms ease; transition: padding-top 250ms ease, transform 250ms ease, margin-top 250ms ease; transition: padding-top 250ms ease, transform 250ms ease, margin-top 250ms ease, -webkit-transform 250ms ease; padding-right: 15px; } .site-branding img, .site-branding svg { width: 95px; } .site-branding svg .chateau { -webkit-transition: fill 250ms ease, opacity 250ms ease; transition: fill 250ms ease, opacity 250ms ease; } .site-branding svg path { -webkit-transition: fill 250ms ease; transition: fill 250ms ease; } @media screen and (min-width: 600px) { .site-branding .custom-logo { -o-object-fit: contain; object-fit: contain; } } @media screen and (min-width: 992px) { #masthead.scroll { -webkit-transform: translateY(-41px); transform: translateY(-41px); background: #ffffff; } #masthead.scroll .site-branding { margin-top: -41px; top: clamp(0px, (1700px - 100vw) * 0.028, 14px); } #masthead.scroll .site-branding .chateau { opacity: 0; } } @media screen and (min-width: 992px) and (max-width: 1200px) { #masthead.scroll .site-branding { top: 16px; } } @media screen and (min-width: 992px) { #masthead.scroll #site-navigation { padding-bottom: 10px; } #masthead.scroll:not(.open) .site-branding svg path { fill: #0551AF; } #masthead.scroll:not(.open) .site-branding svg .chateau { opacity: 0; } #masthead.scroll:not(.open) #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > li.mega-menu-item > a { color: #0551AF; } #masthead.scroll:not(.open) #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item-has-children > a .mega-indicator:before { opacity: 1; background-image: url("../svg/icon-chevron-blue.svg"); } #masthead.scroll:not(.open) #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation > .mega-menu-item-has-children > a .mega-indicator:after { opacity: 0; } #masthead.scroll:not(.open) #site-navigation .site-navigation-right-links .btn-outline-white { border-color: #18224B; color: #18224B; } #masthead.scroll:not(.open) #site-navigation .site-navigation-right-links .btn-outline-white svg path { fill: #18224B; } #masthead.scroll:not(.open) #site-navigation .site-navigation-right-links .btn-outline-white:hover { color: #ffffff; } #masthead.scroll:not(.open) #site-navigation .site-navigation-right-links .btn-outline-white:hover svg path { fill: #ffffff; } #masthead.scroll:not(.open) #header-search svg path { fill: #0551AF; } #masthead.scroll:not(.open) #header-search:hover svg path { fill: #ffffff; } #masthead.scroll:not(.open) #site-navigation .site-navigation-right-links .pool-status { background: #ffffff; color: #0551AF; } #masthead.scroll #site-navigation #mega-menu-wrap-primary_navigation #mega-menu-primary_navigation li.mega-menu-megamenu > ul.mega-sub-menu { top: clamp(102px, 1.11vw + 88.67px, 110px); min-height: calc(100vh - 60px); } } @media screen and (min-width: 1201px) { #masthead { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: auto; -webkit-transition: background 250ms ease, top 250ms ease, -webkit-transform 250ms ease; transition: background 250ms ease, top 250ms ease, -webkit-transform 250ms ease; transition: transform 250ms ease, background 250ms ease, top 250ms ease; transition: transform 250ms ease, background 250ms ease, top 250ms ease, -webkit-transform 250ms ease; } .site-branding { padding-right: 0; margin-right: clamp(20px, 11.11vw + -113.33px, 100px); left: auto; } .site-branding img, .site-branding svg { width: clamp(120px, 17.8vw + -93.6px, 209px); } } @media screen and (max-width: 1700px) { #masthead { padding-left: 15px; padding-right: 15px; } } /* @font-face { font-family: 'Urbani'; src: url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.eot'); src: url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.woff') format('woff'), url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.ttf') format('truetype'), url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.svg#Urbani-UltraLightItalic') format('svg'); font-weight: 100; font-style: italic; font-display: swap; } */ /************************************ * Grids */ /************************************ * Breakpoints */ /************************************ * Transitions */ /************************************ * Paths */ /************************************ * Fonts */ /*** LOCAL FONTS ***/ /*** FONTS ***/ /*** VARIABLES TO USE ***/ /************************************ * Font Sizes */ /************************************ * COLORS */ /************************************ * THEME */ /** * Font-size calcul */ /** * Trigger hover effect on different pseudo-classes * depending on touch or no-touch device * => no-touch > on hover and on focus (by default, can be disable) * => touch > on active, and when a class is added on the targeted element (optionnal) * * @param $focus (boolean) set to false to disable the hover effect on focus (no-touch only) * @param $touchClass (string) the hover effect will be set if the targeted element has this class */ /** * Set an item to 100% of its parent's width and height */ /** * Set an item to 100% of the window width (and 100% of its parent height) * even if located in a limited width wrapper */ /** * Set an item to 100% of the window width * even if located in a limited width wrapper, * but keep it in the flow */ /** * To call on an tag. * Set the image size to adapt to its parent */ /** * Like img-cover(), but for responsive img with * /!\ To call on , or parent. */ /** * Floating form items * if $class2 equals 'empty', the next item is cleared */ /* A simple little SCSS mixin for creating scrim gradients Inspired by Andreas Larson - https://github.com/larsenwork https://css-tricks.com/easing-linear-gradients/ */ /** Convert em value into px */ /** Fluid font-size between 2 breakpoints. Font-size must be in px, use em2px() function to convert from em. */ /** Fluid value between 2 breakpoints (can be use for other than font-size) (Font-size must be in px, use em2px() function to convert from em) */ /* Fluid value - clamp version (2023) @see https://www.smashingmagazine.com/2022/10/fluid-typography-clamp-sass-functions/ */ /** * Animated placeholder for images or divs (FB like) */ /*** SPECIFIC TO CURRENT PROJECT ***/ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* These "retina group" variables are mappings for the naming and pairing of normal and retina sprites. The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`. */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite. It should be used with a "retina group" variable. The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/ $icon-home-group: ('icon-home', $icon-home, $icon-home-2x, ); .icon-home { @include retina-sprite($icon-home-group); } */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* The `retina-sprites` mixin generates a CSS rule and media query for retina groups This yields the same output as CSS retina template but can be overridden in SCSS @include retina-sprites($retina-groups); */ /** * SVG Sprites */ .site-footer { --c-default: var(--c-footer-color); --c-text: var(--c-footer-color); --c-link: var(--c-footer-color); --c-link-hover: var(--c-footer-color); padding-top: 100px; padding-left: 2.3vw; padding-right: 2.3vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .site-footer .section-footer { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .site-footer .section-footer--left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-inline: auto; } @media screen and (min-width: 991px) { .site-footer .section-footer--left { margin-left: 0; min-width: 222px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .site-footer .section-footer--left svg, .site-footer .section-footer--left img { width: 100%; height: auto; } } .site-footer .section-footer--left > div { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .site-footer .section-footer--top { background: linear-gradient(109.99deg, #0551AF 28.3%, #68C9D0 100.46%); padding-left: 5vw; padding-right: 50px; padding-top: 57px; margin-bottom: 50px; border-radius: 25px; max-width: 1870px; margin-inline: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (min-width: 991px) { .site-footer .section-footer--top { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .site-footer .section-footer--top .block-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 25px; max-width: 230px; width: 100%; } .site-footer .section-footer--top .block-logo .logo { margin-bottom: 35px; max-width: 209px; } .site-footer .section-footer--top .block-logo .btn-call { margin-bottom: 15px; } @media screen and (min-width: 991px) { .site-footer .section-footer--top .block-logo { margin-bottom: 0; } } .site-footer .section-footer--top .block-informations p { color: var(--c-text); text-align: center; } .site-footer .section-footer--top .block-informations .tel { font-family: "Open Sans", sans-serif; font-weight: 700; font-style: normal; } .site-footer .section-footer--top .block-informations .tel a:hover, .site-footer .section-footer--top .block-informations .tel a:focus { text-decoration: underline; text-decoration-thickness: 0.1rem; text-underline-offset: 0.15em; } .site-footer .section-footer--top .block-informations a, .site-footer .section-footer--top .block-informations .tel { margin-top: 25px; } @media screen and (min-width: 991px) { .site-footer .section-footer--top .block-informations { margin-right: 40px; } .site-footer .section-footer--top .block-informations p { text-align: start; } } .site-footer .section-footer--top .block-soc-links { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; margin-top: 35px; margin-block: 35px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } @media screen and (min-width: 991px) { .site-footer .section-footer--top .block-soc-links { margin-top: 47px; margin-left: auto; margin-right: clamp(0px, 20.27vw + -200.89px, 164px); -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; } .site-footer .section-footer--top .block-soc-links .soc-links { -webkit-box-flex: 0; -ms-flex: 0 0 28px; flex: 0 0 28px; } .site-footer .section-footer--top .block-soc-links .annemasse { margin-top: auto; max-width: 218px; width: 100%; height: auto; } } .site-footer .section-footer--top .block-soc-links .soc-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 15px; } .site-footer .section-footer--top .block-soc-links .soc-links .youtube svg { display: block; width: 30px; height: 21px; } .site-footer .section-footer--top .block-soc-links .soc-links .facebook svg { display: block; padding: 0; width: 13px; height: 26px; } .site-footer .section-footer--top .block-soc-links .soc-links li { position: relative; line-height: 0; } .site-footer .section-footer--top .block-soc-links .soc-links li a { 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: 30px; height: 30px; } .site-footer .section-footer--top .block-soc-links .soc-links li a:focus { outline: 1px solid #ffffff; } .site-footer .section-footer--top .block-soc-links .soc-links li a svg path { -webkit-transition: all 300ms ease; transition: all 300ms ease; } .site-footer .section-footer--top .block-soc-links .soc-links li a:hover svg path { fill: #18224B; } .site-footer .section-footer--top .block-soc-links .soc-links li a img { max-height: 20px; width: auto; } .site-footer .section-footer--top .footer-menus-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: clamp(25px, 2.69vw + -1.67px, 50px); margin-top: 47px; padding-left: 15px; padding-right: 15px; } @media screen and (min-width: 991px) { .site-footer .section-footer--top .footer-menus-top { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-right: 0; width: 52.5%; padding-left: 4px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .site-footer .section-footer .block-menu__title { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; font-size: clamp(16px, 0.26vw + 15.03px, 20px); margin-bottom: 26px; white-space: nowrap; color: var(--c-text); } .site-footer .section-footer .block-menu:last-child { margin-right: 0; max-width: 244px; } .site-footer .section-footer .block-menu li:not(:last-of-type) { margin-bottom: 9px; } .site-footer .section-footer .block-menu a { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; color: var(--c-text); text-decoration: none; font-size: clamp(14px, 0.13vw + 13.51px, 16px); } .site-footer .section-footer .block-menu a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; max-width: 0; height: 1px; background-color: var(--c-link); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .site-footer .section-footer .block-menu a:focus:after, .site-footer .section-footer .block-menu a:hover:after { max-width: 100%; } .site-footer .section-footer--bottom { padding-top: 30px; padding-bottom: 32px; margin-top: 50px; border-top: 1px solid rgba(255, 255, 255, 0.3); width: 100%; } .site-footer .section-footer--bottom--container { width: 100%; margin-inline: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media screen and (min-width: 991px) { .site-footer .section-footer--bottom--container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .site-footer .section-footer--bottom ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-footer .section-footer--bottom ul li { display: -webkit-box; display: -ms-flexbox; display: flex; } .site-footer .section-footer--bottom ul li a { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; font-size: 14px; } .site-footer .section-footer--bottom ul li a:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; max-width: 0; height: 1px; background-color: var(--c-link); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .site-footer .section-footer--bottom ul li a:focus:after, .site-footer .section-footer--bottom ul li a:hover:after { max-width: 100%; } .site-footer .section-footer--bottom ul li:after { content: "-"; margin-left: 12px; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; font-size: 14px; color: #ffffff; } .site-footer .section-footer--bottom .block-menu-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media screen and (min-width: 991px) { .site-footer .section-footer--bottom .block-menu-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .site-footer .section-footer--bottom .block-menu-wrapper .copyright-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 5px; font-size: 14px; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; margin-bottom: 25px; } .site-footer .section-footer--bottom .block-menu-wrapper .copyright-links__separator { display: none; } @media screen and (min-width: 991px) { .site-footer .section-footer--bottom .block-menu-wrapper .copyright-links__separator { display: inline; } .site-footer .section-footer--bottom .block-menu-wrapper .copyright-links__separator:first-of-type { margin-left: 5px; } } @media screen and (min-width: 991px) { .site-footer .section-footer--bottom .block-menu-wrapper .copyright-links { display: block; } } .site-footer .section-footer--bottom .block-menu-wrapper .copyright, .site-footer .section-footer--bottom .block-menu-wrapper .copyright-links { color: #ffffff; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; font-size: 14px; } .site-footer .section-footer--bottom .block-menu-wrapper .copyright a, .site-footer .section-footer--bottom .block-menu-wrapper .copyright-links a { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: inherit; } .site-footer .section-footer--bottom .block-menu-wrapper .copyright a:after, .site-footer .section-footer--bottom .block-menu-wrapper .copyright-links a:after { background-color: #8D8D8D; } .site-footer .section-footer--bottom .signature { 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; } .site-footer .section-footer--bottom .signature a { margin-left: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .site-footer .section-footer--bottom .signature a img { width: 81px; } .site-footer .section-footer--bottom .signature a span { font-family: "Inter", sans-serif; font-size: 13px; margin-right: 5px; } @media screen and (max-width: 1200px) { .site-footer { padding-left: 30px; padding-right: 30px; } .site-footer .section-footer--top { padding-left: 30px; padding-right: 30px; } .site-footer .section-footer--top .footer-menus-top { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .site-footer .section-footer--top .block-soc-links { margin-left: auto; max-width: 170px; } .site-footer .section-footer--left--top { padding-left: 15px; padding-right: 15px; } .site-footer .section-footer--left--top .block-logo { max-width: 150px; margin-right: 0; } } @media screen and (max-width: 991px) { .site-footer { border-top-left-radius: 25px; border-top-right-radius: 25px; padding-left: 0; padding-right: 0; } .site-footer .scroll-top { top: 11px; right: 11px; } .site-footer .section-footer--top { padding-left: 25px; padding-right: 25px; padding-top: 51px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-left-radius: 25px; border-top-right-radius: 25px; margin-bottom: 0; } .site-footer .section-footer--top .footer-menus-top { margin-top: 41px; width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 0; padding-right: 0; 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; gap: 0px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .site-footer .section-footer--top .footer-menus-top .block-menu { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; margin-bottom: 33px; } .site-footer .section-footer--top .footer-menus-top .block-menu:last-of-type { margin-bottom: 0; } .site-footer .section-footer--top .footer-menus-top .block-menu li:not(:last-of-type) { margin-bottom: 4px; } .site-footer .section-footer--top .footer-menus-top .block-menu__title { margin-bottom: 18px; } .site-footer .section-footer--top .block-soc-links { margin-left: 0; margin-top: 35px; max-width: 100%; } .site-footer .section-footer--top .block-soc-links .soc-links { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 29px; } .site-footer .section-footer--bottom { margin-top: 35px; padding-top: 24px; margin-bottom: 0; } .site-footer .section-footer--bottom .section-footer--bottom--container { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .site-footer .section-footer--bottom .section-footer--bottom--container .block-menu-wrapper { width: 100%; text-align: center; } .site-footer .section-footer--bottom .section-footer--bottom--container .footer-menu { -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; } .site-footer .section-footer--bottom .section-footer--bottom--container .footer-menu li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .site-footer .section-footer--bottom .section-footer--bottom--container .footer-menu a { font-size: 12px; } .site-footer .section-footer--bottom .section-footer--bottom--container .logo-gardeners { text-align: center; width: 100%; } .site-footer .section-footer--bottom .section-footer--bottom--container .logo-gardeners a { margin-top: 13px; margin-left: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .site-footer .section-footer--bottom .block-menu-wrapper .copyright { font-size: 12px; margin-bottom: 16px; } .site-footer .section-footer--left { max-width: 259px; } .site-footer .section-footer--left .block-logo { max-width: 249px; margin-right: 0; } .site-footer .section-footer--left .block-logo .btn-call { margin-bottom: 18px; } .site-footer .section-footer--left .block-logo .btn-tel { padding: 14px 34px 14px 62px; } .site-footer .section-footer--left .block-logo .btn-tel:before, .site-footer .section-footer--left .block-logo .btn-tel:after { left: 35px; } } @media screen and (max-width: 991px) { .site-footer { padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 768px) { .site-footer .section-footer--top .footer-menus-top .block-menu { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media screen and (max-width: 575px) { .site-footer { padding-left: 0; padding-right: 0; } } /************************************ * TITLES */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, .wpforms-confirmation-scroll p, h5, .h5, h6, .h6 { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-margin-before: 0; margin-block-start: 0; -webkit-margin-after: 0.75em; margin-block-end: 0.75em; color: #0551AF; } h1, .h1 { font-family: var(--h1-font-family); font-size: var(--h1-font-size); font-weight: var(--h1-font-weight); font-style: var(--h1-font-style); color: var(--h1-color); line-height: var(--h1-line-height); text-transform: var(--h1-text-transform); } .baseline-1, body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull h2 { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; font-size: clamp(22px, 2.06vw + 6.2px, 35px); line-height: 1.28; } h2, .h2 { font-family: var(--h2-font-family); font-size: var(--h2-font-size); font-weight: var(--h2-font-weight); font-style: var(--h2-font-style); color: var(--h2-color); line-height: var(--h2-line-height); text-transform: var(--h2-text-transform); } h3, .h3 { font-family: var(--h3-font-family); font-size: var(--h3-font-size); font-weight: var(--h3-font-weight); font-style: var(--h3-font-style); color: var(--h3-color); line-height: var(--h3-line-height); text-transform: var(--h3-text-transform); } h4, .h4, .wpforms-confirmation-scroll p { font-family: var(--h4-font-family); font-size: var(--h4-font-size); font-weight: var(--h4-font-weight); font-style: var(--h4-font-style); color: var(--h4-color); line-height: var(--h4-line-height); text-transform: var(--h4-text-transform); } h5, .h5 { font-family: var(--h5-font-family); font-size: var(--h5-font-size); font-weight: var(--h5-font-weight); font-style: var(--h5-font-style); color: var(--h5-color); line-height: var(--h5-line-height); text-transform: var(--h5-text-transform); } h6, .h6 { font-family: var(--h6-font-family); font-size: var(--h6-font-size); font-weight: var(--h6-font-weight); font-style: var(--h6-font-style); color: var(--h6-color); line-height: var(--h6-line-height); text-transform: var(--h6-text-transform); } /************************************ * PARAGRAPH */ p { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; } p, li { color: #18224B; } * + p { -webkit-margin-before: 0.5em; margin-block-start: 0.5em; } /************************************ * LINKS */ a { position: relative; color: var(--c-link); text-decoration: none; -webkit-transition: all 300ms ease; transition: all 300ms ease; } a.anchor-link { text-decoration: underline; } a.underline:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; max-width: 0; height: 1px; background-color: var(--c-link); -webkit-transition: all 300ms ease; transition: all 300ms ease; } a:focus.underline:after, a:hover.underline:after, a:active.underline:after { max-width: 100% !important; } a:focus, a:active { outline: 0; } a.nostyle { text-decoration: none; } a.focus:focus { outline: 1px solid #000000; } /************************************ * TEXT STYLES */ strong { font-weight: 700; } dfn, cite, em, i { font-style: italic; } sup { font-size: 60%; line-height: normal; vertical-align: top; } /************************************ * IMAGE */ img { max-width: 100%; height: auto; border: none; image-rendering: optimizeQuality; } /************************************ * VIDEO */ video { max-width: 100%; height: auto; } /************************************ * MISC */ blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } hr { border: 0; height: 1px; -webkit-margin-after: 1.5em; margin-block-end: 1.5em; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } .wp-caption { float: none; font-size: 0.875rem; margin: 0; max-width: 100%; } /* ============================================ * * Global * ============================================ */ .std { color: var(--c-text); /*p, ul, ol { line-height: 1.5; }*/ } .std h1, .std h2, .std h3, .std h4, .std h5, .std h6 { -webkit-margin-before: 1.3em; margin-block-start: 1.3em; } .std p { margin: 1.3em 0 0; } .std ul { -webkit-padding-start: 25px; padding-inline-start: 25px; margin: 1.3em 0; list-style: none; } .std ul li:before { content: "•"; display: inline-block; vertical-align: top; width: 1.2em; -webkit-margin-start: -1.2em; margin-inline-start: -1.2em; color: var(--c-text); font-size: 20px; line-height: 1.8rem; } .std ul li ul { -webkit-margin-before: 1em; margin-block-start: 1em; } .std ul li ul, .std ul li ul:last-child { -webkit-margin-after: 1em; margin-block-end: 1em; } .std blockquote { margin-block: 2em; margin-inline: 8% 16%; -webkit-padding-start: 8%; padding-inline-start: 8%; -webkit-border-start: 3px solid var(--c-text); border-inline-start: 3px solid var(--c-text); } .std a.btn, .std .page-template-default:not(.home) .content-page .block-left .wp-block-buttons a.wp-block-button__link.wp-element-button, .page-template-default:not(.home) .content-page .block-left .wp-block-buttons .std a.wp-block-button__link.wp-element-button, .std .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons a.wp-block-button__link, .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons .std a.wp-block-button__link, .std body.home #page .entry-content .has-2-columns .wp-block-button a, body.home #page .entry-content .has-2-columns .wp-block-button .std a, .std body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button a, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-button .std a, .std body.home #editor .entry-content .has-2-columns .wp-block-button a, body.home #editor .entry-content .has-2-columns .wp-block-button .std a, .std body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button a, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-button .std a, .std body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons a, body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons .std a, .std body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .std a, .std body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons a, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons .std a, .std body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons a, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons .std a, .std .wp-block-button.is-style-btn-pdf a, .wp-block-button.is-style-btn-pdf .std a { text-decoration: none; } .std *:first-child { -webkit-margin-before: 0; margin-block-start: 0; } .std *:last-child { -webkit-margin-after: 0; margin-block-end: 0; } .close-link { font-size: 0; text-indent: 100%; overflow: hidden; display: block; width: 35px; height: 35px; position: absolute; right: 30px; top: 30px; padding: 0; border: none; border-radius: 50%; background: #000; outline: none; cursor: pointer; } .close-link:before, .close-link:after { content: ""; display: block; width: 21px; border-top: 3px solid #fff; position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -11px; } .close-link:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .close-link:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .close-link:hover { /*&:before, &:after { border-color: #fff; }*/ } /* #back-to-top { @include no-txt(); display: block; width: 50px; height: 50px; background-color: rgba(#fff, .5); border: 1px solid #000; text-align: center; outline: none; position: fixed; right: 30px; bottom: 40px; z-index: 1000; transition: transform .3s ease; transform: translate(0, 120px); &:before { content: ""; display: block; width: 100%; height: 100%; background: url($path-images + 'arrow.svg') no-repeat center; background-size: 50% auto; transform: rotate(-90deg); position: absolute; top: 0; left: 0; } &.active { transform: translate(0); } @include breakpoint($bp-large) { width: 60px; height: 60px; right: 50px; bottom: 60px; } } */ .block-soc-links svg { fill: #ffffff; } .fz-25-20, .page-template-wp-custom-template-espace-aquatique .bloc-univers p, .page-template-wp-custom-template-espace-bien-tre .bloc-univers p, .page-template-wp-custom-template-programme-des-activit .entry-content > .wp-block-group .has-large-font-size, body.home #page .entry-content .has-2-columns .wp-block-column p.has-blue-color, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column p.has-blue-color, body.home #editor .entry-content .has-2-columns .wp-block-column p.has-blue-color, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column p.has-blue-color, body.home #page .entry-content .bloc-univers p, body.home #page .editor-styles-wrapper .bloc-univers p, body.home #editor .entry-content .bloc-univers p, body.home #editor .editor-styles-wrapper .bloc-univers p { font-size: clamp(20px, 0.43vw + 16.67px, 25px) !important; line-height: 1.5; } .fz-25-16, body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained p, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained p, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained p, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained p { font-size: clamp(16px, 0.78vw + 10px, 25px); line-height: 1.5; } .fz-18, .page-template-default:not(.home) .content-page .block-left .wp-block-list li, .page-template-default:not(.home) .wp-block-details .details-content p, .page-template-default:not(.home) .wpforms-container textarea, .page-template-default:not(.home) .gform_wrapper textarea, .page-template-default:not(.home) .wpforms-container input, .page-template-default:not(.home) .gform_wrapper input, .page-template-default:not(.home) .wpforms-container legend, .page-template-default:not(.home) .wpforms-container label, .page-template-default:not(.home) .gform_wrapper legend, .page-template-default:not(.home) .gform_wrapper label, .page-template-default:not(.home) .wp-block-grdnrs-tarifs__body li span:nth-of-type(1), .page-template-wp-custom-template-espace-aquatique .entry-content .wp-block-grdnrs-tarifs__body li span:nth-of-type(1), .page-template-wp-custom-template-espace-bien-tre .entry-content .wp-block-grdnrs-tarifs__body li span:nth-of-type(1), .page-template-wp-custom-template-espace-aquatique .nav a, .page-template-wp-custom-template-espace-bien-tre .nav a, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) tbody tr td:not(:first-of-type), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) tbody tr td:nth-of-type(1), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) tbody tr td:nth-of-type(2), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) tbody tr td:nth-of-type(3), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) tbody tr td:nth-of-type(1), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) thead th:nth-of-type(2), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) thead th:nth-of-type(3), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-fitness__tarifs p:not(:first-of-type), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-natation__tarifs p:not(:first-of-type), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-fitness__tarifs p:not(:first-of-type), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-natation__tarifs p:not(:first-of-type), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-fitness__tarifs p:first-of-type, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-natation__tarifs p:first-of-type, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-fitness__tarifs p:first-of-type, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-natation__tarifs p:first-of-type, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row .col li, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row .col li, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row .col p, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row .col p, body.home #page .entry-content .has-2-columns .wp-block-column p, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column p, body.home #editor .entry-content .has-2-columns .wp-block-column p, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column p, body.home #page .entry-content .bloc-tips .compo-tip ul li, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip ul li, body.home #editor .entry-content .bloc-tips .compo-tip ul li, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip ul li, body.home #page .entry-content .bloc-tips .compo-tip p, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip p, body.home #editor .entry-content .bloc-tips .compo-tip p, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip p, p { font-size: clamp(15px, 0.48vw + 12.24px, 18px); line-height: 1.667; } .has-large-font-size { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; font-size: clamp(22px, 2.06vw + 6.2px, 35px) !important; line-height: 1.28; position: relative; z-index: 2; margin-bottom: 28px !important; } .baseline-h2, .has-medium-font-size { font-size: clamp(18px, 1.11vw + 9.49px, 25px); } .baseline-text-semibold, .page-template-default:not(.home) .content-page .block-left p.has-blue-color, .page-template-default:not(.home) .content-page .block-left p:not([class]) strong, .page-template-default:not(.home) .wp-block-grdnrs-tarifs__body li span:nth-of-type(2), .page-template-wp-custom-template-espace-aquatique .entry-content .block-payment .is-layout-flex p.has-blue-color strong, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-payment .is-layout-flex p.has-blue-color strong, .page-template-wp-custom-template-espace-aquatique .entry-content .wp-block-grdnrs-tarifs__body li span:nth-of-type(2), .page-template-wp-custom-template-espace-bien-tre .entry-content .wp-block-grdnrs-tarifs__body li span:nth-of-type(2) { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; font-size: clamp(15px, 0.48vw + 12.24px, 18px); line-height: 1.667; } .is-style-text-annotation, .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-slider-acf-container .wp-block-grdnrs-slider-acf-item-caption, .page-template-default:not(.home) .content-page .block-left .wp-element-caption { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; font-size: 14px; line-height: 1.285; padding-top: 35px; padding-left: 25px; } @media screen and (max-width: 768px) { .is-style-text-annotation, .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-slider-acf-container .wp-block-grdnrs-slider-acf-item-caption, .page-template-default:not(.home) .content-page .block-left .wp-element-caption { padding-top: 35px; margin-top: 0; } } .has-medium-font-size { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; } body:not(.home) .bloc-univers { overflow: hidden; padding-left: 2.3vw; padding-right: 2.3vw; padding-top: clamp(35px, 14.58vw + -77px, 98px); } body:not(.home) .bloc-univers:before { content: ""; z-index: -1; position: absolute; background-image: url("../../svg/shape-univers.svg"); width: 752px; height: 455px; background-repeat: no-repeat; right: -8px; bottom: 19px; } @media screen and (max-width: 1400px) { body:not(.home) .bloc-univers:before { width: 376px; height: 227px; background-size: contain; bottom: 0; } } @media screen and (max-width: 768px) { body:not(.home) .bloc-univers { padding-bottom: 0 !important; overflow: visible; } body:not(.home) .bloc-univers:before { right: 0; bottom: -30px; } } .wysiwyg-primary-button { background-color: var(--c-button-action__background); border-color: var(--c-button-action__border); color: var(--c-button-action__color); 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; padding-block: 5px; padding-inline: 40px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; height: 50px; border-radius: 60px; text-decoration: none; margin-top: 2em; } .wysiwyg-primary-button:hover { background-color: var(--c-button-action__hover__background); border-color: var(--c-button-action__hover__border); color: var(--c-button-action__hover__color); } .wysiwyg-primary-button:focus { background-color: var(--c-button-action__hover__background); border-color: var(--c-button-action__hover__border); color: var(--c-button-action__hover__color); } .touchevents .wysiwyg-primary-button:active { background-color: var(--c-button-action__hover__background); border-color: var(--c-button-action__hover__border); color: var(--c-button-action__hover__color); } .wysiwyg-primary-link { color: var(--c-action); text-decoration: underline; font-size: clamp(14.72px, 0.24vw + 13.83px, 18.4px); } .wysiwyg-on-title { font-size: clamp(14.72px, 0.24vw + 13.83px, 18.4px); } .wysiwyg-title { font-size: clamp(23.92px, 1.43vw + 18.56px, 46px); max-width: 785px; line-height: 1.3; font-weight: 700; } .alignleft { float: left; -webkit-margin-end: 1.5em; margin-inline-end: 1.5em; -webkit-margin-after: 1.5em; margin-block-end: 1.5em; } .alignright { float: right; -webkit-margin-start: 1.5em; margin-inline-start: 1.5em; -webkit-margin-after: 1.5em; margin-block-end: 1.5em; } .aligncenter { clear: both; display: block; margin-inline: auto; -webkit-margin-after: 1.5em; margin-block-end: 1.5em; } body.home #page :where(.is-layout-constrained) > *, body.home #editor :where(.is-layout-constrained) > * { -webkit-margin-before: 0; margin-block-start: 0; -webkit-margin-after: 0; margin-block-end: 0; } body.home #page .has-text-align-center, body.home #editor .has-text-align-center { text-align: center; display: block; width: 100%; } body.home #page :where(.is-layout-flex), body.home #editor :where(.is-layout-flex) { gap: 0; } body.home #page .entry-content, body.home #page .editor-styles-wrapper, body.home #editor .entry-content, body.home #editor .editor-styles-wrapper { max-width: 100%; } body.home #page .entry-content > .wp-block-group, body.home #page .editor-styles-wrapper > .wp-block-group, body.home #editor .entry-content > .wp-block-group, body.home #editor .editor-styles-wrapper > .wp-block-group { padding: 0 2.5vw; } @media screen and (max-width: 768px) { body.home #page .entry-content > .wp-block-group, body.home #page .editor-styles-wrapper > .wp-block-group, body.home #editor .entry-content > .wp-block-group, body.home #editor .editor-styles-wrapper > .wp-block-group { padding-left: 15px; padding-right: 15px; } } body.home #page .entry-content .alignwide, body.home #page .entry-content .bloc-univers, body.home #page .editor-styles-wrapper .alignwide, body.home #page .editor-styles-wrapper .bloc-univers, body.home #editor .entry-content .alignwide, body.home #editor .entry-content .bloc-univers, body.home #editor .editor-styles-wrapper .alignwide, body.home #editor .editor-styles-wrapper .bloc-univers { max-width: calc(1510px + 5vw); padding-left: 2.5vw; padding-right: 2.5vw; } @media screen and (max-width: 991px) { body.home #page .entry-content .alignwide, body.home #page .entry-content .bloc-univers, body.home #page .editor-styles-wrapper .alignwide, body.home #page .editor-styles-wrapper .bloc-univers, body.home #editor .entry-content .alignwide, body.home #editor .entry-content .bloc-univers, body.home #editor .editor-styles-wrapper .alignwide, body.home #editor .editor-styles-wrapper .bloc-univers { padding-left: 15px; padding-right: 15px; } } body.home #page .entry-content .banner-top, body.home #page .editor-styles-wrapper .banner-top, body.home #editor .entry-content .banner-top, body.home #editor .editor-styles-wrapper .banner-top { gap: 0; background: linear-gradient(109.99deg, #0551AF 28.3%, #68C9D0 100.46%); padding-bottom: clamp(183px, 6.25vw + 135px, 255px); position: relative; } body.home #page .entry-content .banner-top .pool-status, body.home #page .editor-styles-wrapper .banner-top .pool-status, body.home #editor .entry-content .banner-top .pool-status, body.home #editor .editor-styles-wrapper .banner-top .pool-status { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; font-size: 15px; line-height: 1.5; background: rgba(24, 34, 75, 0.5); color: #ffffff; padding: 11px clamp(11px, 4.31vw + -31.67px, 20px) 11px clamp(8px, 3.83vw + -29.93px, 16px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 30px; -webkit-transition: background 250ms ease, color 250ms ease; transition: background 250ms ease, color 250ms ease; } body.home #page .entry-content .banner-top .pool-status, body.home #page .editor-styles-wrapper .banner-top .pool-status, body.home #editor .entry-content .banner-top .pool-status, body.home #editor .editor-styles-wrapper .banner-top .pool-status { font-size: 12px; } @media screen and (min-width: 991px) { body.home #page .entry-content .banner-top .pool-status, body.home #page .editor-styles-wrapper .banner-top .pool-status, body.home #editor .entry-content .banner-top .pool-status, body.home #editor .editor-styles-wrapper .banner-top .pool-status { font-size: calc(12px + 3 * ((100vw - 991px) / 709)); } } @media screen and (min-width: 1700px) { body.home #page .entry-content .banner-top .pool-status, body.home #page .editor-styles-wrapper .banner-top .pool-status, body.home #editor .entry-content .banner-top .pool-status, body.home #editor .editor-styles-wrapper .banner-top .pool-status { font-size: 15px; } } body.home #page .entry-content .banner-top .pool-status .status-text-short, body.home #page .editor-styles-wrapper .banner-top .pool-status .status-text-short, body.home #editor .entry-content .banner-top .pool-status .status-text-short, body.home #editor .editor-styles-wrapper .banner-top .pool-status .status-text-short { display: none; } body.home #page .entry-content .banner-top .pool-status strong, body.home #page .editor-styles-wrapper .banner-top .pool-status strong, body.home #editor .entry-content .banner-top .pool-status strong, body.home #editor .editor-styles-wrapper .banner-top .pool-status strong { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; } body.home #page .entry-content .banner-top .pool-status .status-dot, body.home #page .editor-styles-wrapper .banner-top .pool-status .status-dot, body.home #editor .entry-content .banner-top .pool-status .status-dot, body.home #editor .editor-styles-wrapper .banner-top .pool-status .status-dot { display: inline-block; width: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 15px; flex: 0 0 15px; max-width: 15px; height: 15px; border-radius: 50%; margin-right: 13px; } body.home #page .entry-content .banner-top .pool-status.closed .status-dot, body.home #page .editor-styles-wrapper .banner-top .pool-status.closed .status-dot, body.home #editor .entry-content .banner-top .pool-status.closed .status-dot, body.home #editor .editor-styles-wrapper .banner-top .pool-status.closed .status-dot { background-color: red; } body.home #page .entry-content .banner-top .pool-status.open strong, body.home #page .editor-styles-wrapper .banner-top .pool-status.open strong, body.home #editor .entry-content .banner-top .pool-status.open strong, body.home #editor .editor-styles-wrapper .banner-top .pool-status.open strong { color: var(--wp--preset--color--green); } body.home #page .entry-content .banner-top .pool-status.open .status-dot, body.home #page .editor-styles-wrapper .banner-top .pool-status.open .status-dot, body.home #editor .entry-content .banner-top .pool-status.open .status-dot, body.home #editor .editor-styles-wrapper .banner-top .pool-status.open .status-dot { background-color: var(--wp--preset--color--green); } body.home #page .entry-content .banner-top .wp-block-shortcode, body.home #page .editor-styles-wrapper .banner-top .wp-block-shortcode, body.home #editor .entry-content .banner-top .wp-block-shortcode, body.home #editor .editor-styles-wrapper .banner-top .wp-block-shortcode { display: none; } body.home #page .entry-content .banner-top .pool-status, body.home #page .editor-styles-wrapper .banner-top .pool-status, body.home #editor .entry-content .banner-top .pool-status, body.home #editor .editor-styles-wrapper .banner-top .pool-status { display: none; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained { z-index: 2; position: relative; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(1), body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(1), body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(1), body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(1) { -webkit-box-flex: 0; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; padding-right: 15px; padding-top: clamp(140px, 8.25vw + 76.67px, 235px); } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2), body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2), body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2), body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) { padding-left: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 66.666%; flex: 0 0 66.666%; max-width: 66.666%; margin-top: clamp(140px, 2.17vw + 123.33px, 165px); } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image img, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image img, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image img, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image img { border-radius: 25px; -webkit-box-shadow: -5px 15px 30px rgba(0, 0, 0, 0.3); box-shadow: -5px 15px 30px rgba(0, 0, 0, 0.3); } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1), body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1), body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1), body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1) { margin-left: 7.8vw !important; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1) img, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1) img, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1) img, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1) img { max-width: 589px; width: 30.6vw; height: auto; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1) .components-resizable-box__container, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1) .components-resizable-box__container, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1) .components-resizable-box__container, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1) .components-resizable-box__container { position: relative; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1) .components-resizable-box__container:before, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1) .components-resizable-box__container:before, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1) .components-resizable-box__container:before, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1) .components-resizable-box__container:before { content: "590x350"; font-size: 15px; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; color: #ffffff; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 5px 10px; background: rgba(24, 34, 75, 0.2); border-radius: 10px; width: 100%; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2), body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2), body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2), body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2) { margin-right: 0 !important; margin-top: -5.7vw; position: relative; left: 1vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2) .components-resizable-box__container, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2) .components-resizable-box__container, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2) .components-resizable-box__container, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2) .components-resizable-box__container { position: relative; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2) .components-resizable-box__container:before, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2) .components-resizable-box__container:before, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2) .components-resizable-box__container:before, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2) .components-resizable-box__container:before { content: "755x350"; font-size: 15px; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; color: #ffffff; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 5px 10px; background: rgba(24, 34, 75, 0.2); border-radius: 10px; width: 100%; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2) img, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2) img, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2) img, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2) img { max-width: 756px; width: 39.375vw; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3), body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3), body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3), body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3) { position: absolute; bottom: 3.2vw; left: -2.3vw; margin: 0; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3) img, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3) img, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3) img, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3) img { width: 22.6vw; max-width: 434px; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3) .components-resizable-box__container, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3) .components-resizable-box__container, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3) .components-resizable-box__container, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3) .components-resizable-box__container { position: relative; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3) .components-resizable-box__container:before, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3) .components-resizable-box__container:before, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3) .components-resizable-box__container:before, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3) .components-resizable-box__container:before { content: "430x260"; font-size: 15px; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; color: #ffffff; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 5px 10px; background: rgba(24, 34, 75, 0.2); border-radius: 10px; width: 100%; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained h1, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained h1, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained h1, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained h1 { color: #ffffff; padding-bottom: 28px; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained p, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained p, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained p, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained p { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; color: #ffffff; margin-top: 0; max-width: 440px; margin-left: 0 !important; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained p a, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained p a, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained p a, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained p a { color: var(--wp--preset--color--turquoise-blue); position: relative; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained p a:before, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained p a:before, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained p a:before, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained p a:before { content: ""; position: absolute; width: 100%; -webkit-transform: scaleX(1); transform: scaleX(1); height: 2px; bottom: 2px; left: 0; background: #68C9D0; -webkit-transform-origin: bottom left; transform-origin: bottom left; -webkit-transition: -webkit-transform 0.25s ease-out; transition: -webkit-transform 0.25s ease-out; transition: transform 0.25s ease-out; transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained p a:hover:before, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained p a:hover:before, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained p a:hover:before, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained p a:hover:before { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: bottom right; transform-origin: bottom right; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained .by-annemmase, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained .by-annemmase, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained .by-annemmase, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained .by-annemmase { margin-top: 54px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 15px 62px 15px 20px; background: rgba(24, 34, 75, 0.2); border-radius: 10px; position: relative; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained .by-annemmase:before, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained .by-annemmase:before, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained .by-annemmase:before, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained .by-annemmase:before { content: "Par"; font-size: 15px; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; color: #ffffff; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained .by-annemmase img, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained .by-annemmase img, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained .by-annemmase img, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained .by-annemmase img { margin-left: 5px; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained .by-annemmase:after, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained .by-annemmase:after, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained .by-annemmase:after, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained .by-annemmase:after { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 15px; height: 12px; background-position: center; background-size: cover; background-repeat: no-repeat; background-image: url("../svg/icon-arrow-annemasse.svg"); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; right: 30px; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained .by-annemmase:hover, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained .by-annemmase:hover, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained .by-annemmase:hover, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained .by-annemmase:hover { background: rgb(24, 34, 75); } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained .by-annemmase:hover:after, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained .by-annemmase:hover:after, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained .by-annemmase:hover:after, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained .by-annemmase:hover:after { -webkit-transform: translateY(-50%) translateX(10px); transform: translateY(-50%) translateX(10px); } body.home #page .entry-content .banner-top:after, body.home #page .editor-styles-wrapper .banner-top:after, body.home #editor .entry-content .banner-top:after, body.home #editor .editor-styles-wrapper .banner-top:after { content: ""; max-width: 1603px; width: 83.3vw; max-height: 675px; z-index: 0; height: 62.5vw; position: absolute; right: -17px; bottom: 15.4%; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../svg/shape-banner-top-desktop.svg"); } @media screen and (max-width: 1500px) { body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3), body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3), body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3), body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3) { bottom: 3.2vw; left: 1vw; } } @media screen and (max-width: 768px) { body.home #page .entry-content .banner-top .pool-status, body.home #page .editor-styles-wrapper .banner-top .pool-status, body.home #editor .entry-content .banner-top .pool-status, body.home #editor .editor-styles-wrapper .banner-top .pool-status { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 6px 20px; margin-bottom: 28px; } body.home #page .entry-content .banner-top .pool-status .status-dot, body.home #page .editor-styles-wrapper .banner-top .pool-status .status-dot, body.home #editor .entry-content .banner-top .pool-status .status-dot, body.home #editor .editor-styles-wrapper .banner-top .pool-status .status-dot { margin-right: 10px; } body.home #page .entry-content .banner-top .pool-status .status-text-full, body.home #page .editor-styles-wrapper .banner-top .pool-status .status-text-full, body.home #editor .entry-content .banner-top .pool-status .status-text-full, body.home #editor .editor-styles-wrapper .banner-top .pool-status .status-text-full { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; font-size: 15px; } body.home #page .entry-content .banner-top .pool-status .status-text-full strong, body.home #page .editor-styles-wrapper .banner-top .pool-status .status-text-full strong, body.home #editor .entry-content .banner-top .pool-status .status-text-full strong, body.home #editor .editor-styles-wrapper .banner-top .pool-status .status-text-full strong { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; } body.home #page .entry-content .banner-top .by-annemmase, body.home #page .editor-styles-wrapper .banner-top .by-annemmase, body.home #editor .entry-content .banner-top .by-annemmase, body.home #editor .editor-styles-wrapper .banner-top .by-annemmase { display: none !important; } body.home #page .entry-content .banner-top h1, body.home #page .editor-styles-wrapper .banner-top h1, body.home #editor .entry-content .banner-top h1, body.home #editor .editor-styles-wrapper .banner-top h1 { line-height: 1.1; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained { padding-left: 0px; padding-right: 0px; -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(1), body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(1), body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(1), body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(1) { padding-top: 125px; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2), body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2), body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2), body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) { margin-top: 22px; padding-left: 0; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image img, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image img, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image img, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image img { border-radius: 12px; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1), body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1), body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1), body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1) { margin-left: 0 !important; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1) img, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1) img, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1) img, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(1) img { width: 53.2vw !important; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2) img, body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2) img, body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2) img, body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(2) img { width: 74.1vw; } body.home #page .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3), body.home #page .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3), body.home #editor .entry-content .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3), body.home #editor .editor-styles-wrapper .banner-top .wp-block-group-is-layout-constrained:nth-child(2) .wp-block-image:nth-child(3) { display: none; } body.home #page .entry-content .banner-top:before, body.home #page .editor-styles-wrapper .banner-top:before, body.home #editor .entry-content .banner-top:before, body.home #editor .editor-styles-wrapper .banner-top:before { content: ""; width: 104px; height: 70px; position: absolute; left: 3px; bottom: 97px; background-image: url("../svg/shape-banner-top.svg"); } body.home #page .entry-content .banner-top:after, body.home #page .editor-styles-wrapper .banner-top:after, body.home #editor .entry-content .banner-top:after, body.home #editor .editor-styles-wrapper .banner-top:after { content: ""; width: 360px; height: 160px; position: absolute; right: 1px; bottom: 35.4%; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../svg/shape-banner-top-mobile.svg"); } } body.home #page .entry-content .compo-banniere-desk-mob, body.home #page .editor-styles-wrapper .compo-banniere-desk-mob, body.home #editor .entry-content .compo-banniere-desk-mob, body.home #editor .editor-styles-wrapper .compo-banniere-desk-mob { margin-top: -121px; text-align: center; } body.home #page .entry-content .compo-banniere-desk-mob img, body.home #page .editor-styles-wrapper .compo-banniere-desk-mob img, body.home #editor .entry-content .compo-banniere-desk-mob img, body.home #editor .editor-styles-wrapper .compo-banniere-desk-mob img { border-radius: 10px; } body.home #page .entry-content .compo-banniere-desk-mob figure.block-editor-block-list__block:nth-of-type(1) > div, body.home #page .editor-styles-wrapper .compo-banniere-desk-mob figure.block-editor-block-list__block:nth-of-type(1) > div, body.home #editor .entry-content .compo-banniere-desk-mob figure.block-editor-block-list__block:nth-of-type(1) > div, body.home #editor .editor-styles-wrapper .compo-banniere-desk-mob figure.block-editor-block-list__block:nth-of-type(1) > div { position: relative; } body.home #page .entry-content .compo-banniere-desk-mob figure.block-editor-block-list__block:nth-of-type(1) > div:before, body.home #page .editor-styles-wrapper .compo-banniere-desk-mob figure.block-editor-block-list__block:nth-of-type(1) > div:before, body.home #editor .entry-content .compo-banniere-desk-mob figure.block-editor-block-list__block:nth-of-type(1) > div:before, body.home #editor .editor-styles-wrapper .compo-banniere-desk-mob figure.block-editor-block-list__block:nth-of-type(1) > div:before { content: "1200x250"; font-size: 15px; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; color: #ffffff; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 5px 10px; background: rgba(24, 34, 75, 0.2); border-radius: 10px; width: 100%; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } body.home #page .entry-content .compo-banniere-desk-mob figure.block-editor-block-list__block:nth-of-type(2) > div, body.home #page .editor-styles-wrapper .compo-banniere-desk-mob figure.block-editor-block-list__block:nth-of-type(2) > div, body.home #editor .entry-content .compo-banniere-desk-mob figure.block-editor-block-list__block:nth-of-type(2) > div, body.home #editor .editor-styles-wrapper .compo-banniere-desk-mob figure.block-editor-block-list__block:nth-of-type(2) > div { position: relative; } body.home #page .entry-content .compo-banniere-desk-mob figure.block-editor-block-list__block:nth-of-type(2) > div:before, body.home #page .editor-styles-wrapper .compo-banniere-desk-mob figure.block-editor-block-list__block:nth-of-type(2) > div:before, body.home #editor .entry-content .compo-banniere-desk-mob figure.block-editor-block-list__block:nth-of-type(2) > div:before, body.home #editor .editor-styles-wrapper .compo-banniere-desk-mob figure.block-editor-block-list__block:nth-of-type(2) > div:before { content: "340x320"; font-size: 15px; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; color: #ffffff; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 5px 10px; background: rgba(24, 34, 75, 0.2); border-radius: 10px; width: 100%; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } body.home #page .entry-content .compo-banniere-desk-mob .desktop img, body.home #page .editor-styles-wrapper .compo-banniere-desk-mob .desktop img, body.home #editor .entry-content .compo-banniere-desk-mob .desktop img, body.home #editor .editor-styles-wrapper .compo-banniere-desk-mob .desktop img { max-width: 1206px; } body.home #page .entry-content .compo-banniere-desk-mob .mobile, body.home #page .editor-styles-wrapper .compo-banniere-desk-mob .mobile, body.home #editor .entry-content .compo-banniere-desk-mob .mobile, body.home #editor .editor-styles-wrapper .compo-banniere-desk-mob .mobile { display: none; } body.home #page .entry-content .compo-banniere-desk-mob .mobile.block-editor-block-list__block, body.home #page .editor-styles-wrapper .compo-banniere-desk-mob .mobile.block-editor-block-list__block, body.home #editor .entry-content .compo-banniere-desk-mob .mobile.block-editor-block-list__block, body.home #editor .editor-styles-wrapper .compo-banniere-desk-mob .mobile.block-editor-block-list__block { display: block !important; max-width: 344px; margin: 0 auto; } @media screen and (max-width: 768px) { body.home #page .entry-content .compo-banniere-desk-mob, body.home #page .editor-styles-wrapper .compo-banniere-desk-mob, body.home #editor .entry-content .compo-banniere-desk-mob, body.home #editor .editor-styles-wrapper .compo-banniere-desk-mob { margin-top: -59px; } body.home #page .entry-content .compo-banniere-desk-mob .desktop, body.home #page .editor-styles-wrapper .compo-banniere-desk-mob .desktop, body.home #editor .entry-content .compo-banniere-desk-mob .desktop, body.home #editor .editor-styles-wrapper .compo-banniere-desk-mob .desktop { display: none; } body.home #page .entry-content .compo-banniere-desk-mob .mobile, body.home #page .editor-styles-wrapper .compo-banniere-desk-mob .mobile, body.home #editor .entry-content .compo-banniere-desk-mob .mobile, body.home #editor .editor-styles-wrapper .compo-banniere-desk-mob .mobile { display: block; max-width: 344px; padding-left: 0; padding-right: 0; } } body.home #page .entry-content .grdnrs-block__list-post, body.home #page .editor-styles-wrapper .grdnrs-block__list-post, body.home #editor .entry-content .grdnrs-block__list-post, body.home #editor .editor-styles-wrapper .grdnrs-block__list-post { padding-top: 88px; padding-left: 2.3vw; padding-right: 2.3vw; } body.home #page .entry-content .grdnrs-block__list-post .wp-block-grdnrs-highlight-content__items, body.home #page .editor-styles-wrapper .grdnrs-block__list-post .wp-block-grdnrs-highlight-content__items, body.home #editor .entry-content .grdnrs-block__list-post .wp-block-grdnrs-highlight-content__items, body.home #editor .editor-styles-wrapper .grdnrs-block__list-post .wp-block-grdnrs-highlight-content__items { max-width: 1369px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 768px) { body.home #page .entry-content .grdnrs-block__list-post, body.home #page .editor-styles-wrapper .grdnrs-block__list-post, body.home #editor .entry-content .grdnrs-block__list-post, body.home #editor .editor-styles-wrapper .grdnrs-block__list-post { padding-top: 48px; padding-left: 0px; padding-right: 0px; } } body.home #page .entry-content .bloc-univers, body.home #page .editor-styles-wrapper .bloc-univers, body.home #editor .entry-content .bloc-univers, body.home #editor .editor-styles-wrapper .bloc-univers { padding-top: 98px; padding-bottom: 50px; position: relative; } body.home #page .entry-content .bloc-univers p, body.home #page .editor-styles-wrapper .bloc-univers p, body.home #editor .entry-content .bloc-univers p, body.home #editor .editor-styles-wrapper .bloc-univers p { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; line-height: 1; margin-top: 20px; } body.home #page .entry-content .bloc-univers .has-text-align-center, body.home #page .entry-content .bloc-univers h2, body.home #page .editor-styles-wrapper .bloc-univers .has-text-align-center, body.home #page .editor-styles-wrapper .bloc-univers h2, body.home #editor .entry-content .bloc-univers .has-text-align-center, body.home #editor .entry-content .bloc-univers h2, body.home #editor .editor-styles-wrapper .bloc-univers .has-text-align-center, body.home #editor .editor-styles-wrapper .bloc-univers h2 { text-align: center; width: 100%; padding-left: 15px; padding-right: 15px; } body.home #page .entry-content .bloc-univers iframe, body.home #page .editor-styles-wrapper .bloc-univers iframe, body.home #editor .entry-content .bloc-univers iframe, body.home #editor .editor-styles-wrapper .bloc-univers iframe { border-radius: 25px; margin-top: 45px; width: 100%; max-width: 1514px; aspect-ratio: 1514/848; height: auto; display: block; margin-left: auto; margin-right: auto; } @media screen and (max-width: 768px) { body.home #page .entry-content .bloc-univers, body.home #page .editor-styles-wrapper .bloc-univers, body.home #editor .entry-content .bloc-univers, body.home #editor .editor-styles-wrapper .bloc-univers { padding: clamp(35px, 17.1vw + -63.32px, 68px) 15px clamp(35px, 7.77vw + -9.69px, 50px); } body.home #page .entry-content .bloc-univers p, body.home #page .editor-styles-wrapper .bloc-univers p, body.home #editor .entry-content .bloc-univers p, body.home #editor .editor-styles-wrapper .bloc-univers p { margin-top: 11px; line-height: 1.2; } body.home #page .entry-content .bloc-univers iframe, body.home #page .editor-styles-wrapper .bloc-univers iframe, body.home #editor .entry-content .bloc-univers iframe, body.home #editor .editor-styles-wrapper .bloc-univers iframe { margin-top: 32px; border-radius: 10px; aspect-ratio: 345/194; width: 100%; height: auto; } } body.home #page .entry-content .bloc-tips, body.home #page .editor-styles-wrapper .bloc-tips, body.home #editor .entry-content .bloc-tips, body.home #editor .editor-styles-wrapper .bloc-tips { max-width: 1920px; margin-left: auto; margin-right: auto; padding-left: 2.3vw; padding-right: 2.3vw; padding-bottom: 100px; padding-top: 150px; gap: 25px; } body.home #page .entry-content .bloc-tips .compo-tip, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip, body.home #editor .entry-content .bloc-tips .compo-tip, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip { border-radius: 25px; padding: 25px 30px 25px 25px; 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; height: 100%; } body.home #page .entry-content .bloc-tips .compo-tip img, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip img, body.home #editor .entry-content .bloc-tips .compo-tip img, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip img { border-radius: 10px; } body.home #page .entry-content .bloc-tips .compo-tip .components-resizable-box__container:before, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .components-resizable-box__container:before, body.home #editor .entry-content .bloc-tips .compo-tip .components-resizable-box__container:before, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .components-resizable-box__container:before { content: "90x170"; font-size: 15px; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; color: #ffffff; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 5px 10px; background: rgba(24, 34, 75, 0.2); border-radius: 10px; width: 100%; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } body.home #page .entry-content .bloc-tips .compo-tip .image-mobile, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .image-mobile, body.home #editor .entry-content .bloc-tips .compo-tip .image-mobile, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .image-mobile { display: none; } body.home #page .entry-content .bloc-tips .compo-tip .image-mobile.block-editor-block-list__block, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .image-mobile.block-editor-block-list__block, body.home #editor .entry-content .bloc-tips .compo-tip .image-mobile.block-editor-block-list__block, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .image-mobile.block-editor-block-list__block { display: inline-block; } body.home #page .entry-content .bloc-tips .compo-tip > .wp-block-group:nth-of-type(1), body.home #page .editor-styles-wrapper .bloc-tips .compo-tip > .wp-block-group:nth-of-type(1), body.home #editor .entry-content .bloc-tips .compo-tip > .wp-block-group:nth-of-type(1), body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip > .wp-block-group:nth-of-type(1) { -webkit-box-flex: 0; -ms-flex: 0 0 27.5%; flex: 0 0 27.5%; max-width: 27.5%; } body.home #page .entry-content .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2), body.home #page .editor-styles-wrapper .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2), body.home #editor .entry-content .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2), body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2) { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 72.5%; padding-left: clamp(10px, 4.5vw + -44px, 28px); padding-top: 1px; } body.home #page .entry-content .bloc-tips .compo-tip h3, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip h3, body.home #editor .entry-content .bloc-tips .compo-tip h3, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip h3 { line-height: 1.3; margin-bottom: 19px; } body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons { margin-top: 22px; } body.home #page .entry-content .bloc-tips .compo-tip strong, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip strong, body.home #editor .entry-content .bloc-tips .compo-tip strong, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip strong { font-weight: 600; } body.home #page .entry-content .bloc-tips .compo-tip .components-resizable-box__container, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .components-resizable-box__container, body.home #editor .entry-content .bloc-tips .compo-tip .components-resizable-box__container, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .components-resizable-box__container { width: 100% !important; height: 100% !important; } body.home #page .entry-content .bloc-tips .compo-tip ul, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip ul, body.home #editor .entry-content .bloc-tips .compo-tip ul, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip ul { padding-top: 25px; } body.home #page .entry-content .bloc-tips .compo-tip ul li, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip ul li, body.home #editor .entry-content .bloc-tips .compo-tip ul li, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip ul li { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; padding-left: 32px; position: relative; margin-bottom: 14px; line-height: 1.6; color: #18224B; list-style: none; } body.home #page .entry-content .bloc-tips .compo-tip ul li:before, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip ul li:before, body.home #editor .entry-content .bloc-tips .compo-tip ul li:before, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip ul li:before { content: ""; position: absolute; left: 3px; top: 8px; width: 18px; height: 14px; min-width: 18px; min-height: 14px; border-radius: 50%; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; background-image: url("../svg/icon-arrow-btn-blue-turquoise.svg"); background-color: #0551AF; margin-top: 0; } body.home #page .entry-content .bloc-tips .compo-tip ul li:last-of-type, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip ul li:last-of-type, body.home #editor .entry-content .bloc-tips .compo-tip ul li:last-of-type, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip ul li:last-of-type { margin-bottom: 0; } body.home #page .entry-content .bloc-tips .has-turquoise-blue-background-color p, body.home #page .entry-content .bloc-tips .has-turquoise-blue-background-color li, body.home #page .editor-styles-wrapper .bloc-tips .has-turquoise-blue-background-color p, body.home #page .editor-styles-wrapper .bloc-tips .has-turquoise-blue-background-color li, body.home #editor .entry-content .bloc-tips .has-turquoise-blue-background-color p, body.home #editor .entry-content .bloc-tips .has-turquoise-blue-background-color li, body.home #editor .editor-styles-wrapper .bloc-tips .has-turquoise-blue-background-color p, body.home #editor .editor-styles-wrapper .bloc-tips .has-turquoise-blue-background-color li { color: #18224B !important; } body.home #page .entry-content .bloc-tips .has-turquoise-blue-background-color li:before, body.home #page .editor-styles-wrapper .bloc-tips .has-turquoise-blue-background-color li:before, body.home #editor .entry-content .bloc-tips .has-turquoise-blue-background-color li:before, body.home #editor .editor-styles-wrapper .bloc-tips .has-turquoise-blue-background-color li:before { background-color: #68C9D0 !important; background-image: url("../svg/icon-arrow-btn-blue-dark.svg") !important; } @media screen and (max-width: 1200px) { body.home #page .entry-content .bloc-tips .compo-tip, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip, body.home #editor .entry-content .bloc-tips .compo-tip, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip { position: relative; } body.home #page .entry-content .bloc-tips .compo-tip > .wp-block-group:nth-of-type(1), body.home #page .editor-styles-wrapper .bloc-tips .compo-tip > .wp-block-group:nth-of-type(1), body.home #editor .entry-content .bloc-tips .compo-tip > .wp-block-group:nth-of-type(1), body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip > .wp-block-group:nth-of-type(1) { position: absolute; left: 25px; top: 25px; } body.home #page .entry-content .bloc-tips .compo-tip > .wp-block-group:nth-of-type(1) img, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip > .wp-block-group:nth-of-type(1) img, body.home #editor .entry-content .bloc-tips .compo-tip > .wp-block-group:nth-of-type(1) img, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip > .wp-block-group:nth-of-type(1) img { width: 80px !important; height: 80px !important; -o-object-fit: cover; object-fit: cover; -o-object-position: top; object-position: top; } body.home #page .entry-content .bloc-tips .compo-tip > .wp-block-group .block-top, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip > .wp-block-group .block-top, body.home #editor .entry-content .bloc-tips .compo-tip > .wp-block-group .block-top, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip > .wp-block-group .block-top { margin-bottom: 15px; } body.home #page .entry-content .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2), body.home #page .editor-styles-wrapper .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2), body.home #editor .entry-content .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2), body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2) { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 0px; } body.home #page .entry-content .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2) .wp-block-group, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2) .wp-block-group, body.home #editor .entry-content .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2) .wp-block-group, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2) .wp-block-group { 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; } body.home #page .entry-content .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2) .wp-block-group img, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2) .wp-block-group img, body.home #editor .entry-content .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2) .wp-block-group img, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2) .wp-block-group img { border-radius: 12px; display: block; -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; max-width: 80px; } body.home #page .entry-content .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2) .wp-block-group h3, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2) .wp-block-group h3, body.home #editor .entry-content .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2) .wp-block-group h3, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip > .wp-block-group:nth-of-type(2) .wp-block-group h3 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 95px; margin-bottom: 0; min-height: 100px; } } @media screen and (max-width: 991px) { body.home #page .entry-content .bloc-tips, body.home #page .editor-styles-wrapper .bloc-tips, body.home #editor .entry-content .bloc-tips, body.home #editor .editor-styles-wrapper .bloc-tips { padding-top: 35px; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-flow: row wrap !important; flex-flow: row wrap !important; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0px; margin-left: -15px; margin-right: -15px; } body.home #page .entry-content .bloc-tips .compo-tip, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip, body.home #editor .entry-content .bloc-tips .compo-tip, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip { padding: 20px; } body.home #page .entry-content .bloc-tips > .wp-block-column, body.home #page .editor-styles-wrapper .bloc-tips > .wp-block-column, body.home #editor .entry-content .bloc-tips > .wp-block-column, body.home #editor .editor-styles-wrapper .bloc-tips > .wp-block-column { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 15px; padding-right: 15Px; margin-bottom: 35px; } body.home #page .entry-content .bloc-tips > .wp-block-column:last-of-type, body.home #page .editor-styles-wrapper .bloc-tips > .wp-block-column:last-of-type, body.home #editor .entry-content .bloc-tips > .wp-block-column:last-of-type, body.home #editor .editor-styles-wrapper .bloc-tips > .wp-block-column:last-of-type { margin-bottom: 0; } } @media screen and (max-width: 768px) { body.home #page .entry-content .bloc-tips, body.home #page .editor-styles-wrapper .bloc-tips, body.home #editor .entry-content .bloc-tips, body.home #editor .editor-styles-wrapper .bloc-tips { position: relative; padding-bottom: 50px; padding-top: 49px; margin-top: 35px; background: linear-gradient(109.99deg, #0551AF 28.3%, #68C9D0 100.46%); } body.home #page .entry-content .bloc-tips:before, body.home #page .editor-styles-wrapper .bloc-tips:before, body.home #editor .entry-content .bloc-tips:before, body.home #editor .editor-styles-wrapper .bloc-tips:before { content: ""; position: absolute; top: -60px; left: 49%; width: 143px; height: 97px; background-image: url("../svg/doodle-tips.svg"); z-index: 1; } body.home #page .entry-content .bloc-tips > .wp-block-column, body.home #page .editor-styles-wrapper .bloc-tips > .wp-block-column, body.home #editor .entry-content .bloc-tips > .wp-block-column, body.home #editor .editor-styles-wrapper .bloc-tips > .wp-block-column { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } body.home #page .entry-content .bloc-tips .compo-tip, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip, body.home #editor .entry-content .bloc-tips .compo-tip, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip { border-radius: 12px; padding: 24px 21px; max-width: 375px; margin-left: auto; margin-right: auto; } body.home #page .entry-content .bloc-tips .compo-tip ul, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip ul, body.home #editor .entry-content .bloc-tips .compo-tip ul, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip ul { padding-top: 18px; } body.home #page .entry-content .bloc-tips .compo-tip ul li, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip ul li, body.home #editor .entry-content .bloc-tips .compo-tip ul li, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip ul li { margin-bottom: 4px; line-height: 1.5; } body.home #page .entry-content .bloc-tips .compo-tip .wp-block-buttons, body.home #page .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons, body.home #editor .entry-content .bloc-tips .compo-tip .wp-block-buttons, body.home #editor .editor-styles-wrapper .bloc-tips .compo-tip .wp-block-buttons { margin-top: 14px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } } body.home #page .entry-content .has-2-columns .wp-block-column, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column, body.home #editor .entry-content .has-2-columns .wp-block-column, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column { padding-right: 15px; } body.home #page .entry-content .has-2-columns .wp-block-column:nth-of-type(1) h2, body.home #page .entry-content .has-2-columns .wp-block-column:nth-of-type(1) p, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) h2, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) p, body.home #editor .entry-content .has-2-columns .wp-block-column:nth-of-type(1) h2, body.home #editor .entry-content .has-2-columns .wp-block-column:nth-of-type(1) p, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) h2, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) p { margin-left: clamp(0px, 11.54vw + -88.62px, 96px) !important; } body.home #page .entry-content .has-2-columns .wp-block-column:nth-of-type(1) h2, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) h2, body.home #editor .entry-content .has-2-columns .wp-block-column:nth-of-type(1) h2, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) h2 { position: relative; } body.home #page .entry-content .has-2-columns .wp-block-column:nth-of-type(1) h2:before, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) h2:before, body.home #editor .entry-content .has-2-columns .wp-block-column:nth-of-type(1) h2:before, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) h2:before { content: ""; position: absolute; right: -26%; top: -57%; background-position: center; background-size: contain; background-repeat: no-repeat; width: 124px; height: 107px; background-image: url("../svg/icon-heart.svg"); } body.home #page .entry-content .has-2-columns .wp-block-column:nth-child(2), body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2), body.home #editor .entry-content .has-2-columns .wp-block-column:nth-child(2), body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2) { background: linear-gradient(109.99deg, #0551AF 28.3%, #68C9D0 100.46%); border-top-left-radius: 25px; border-bottom-left-radius: 25px; position: relative; } body.home #page .entry-content .has-2-columns .wp-block-column:nth-child(2) h2, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2) h2, body.home #editor .entry-content .has-2-columns .wp-block-column:nth-child(2) h2, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2) h2 { margin-left: 5vw; color: #68C9D0 !important; } body.home #page .entry-content .has-2-columns .wp-block-column:nth-child(2) p, body.home #page .entry-content .has-2-columns .wp-block-column:nth-child(2) h2, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2) p, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2) h2, body.home #editor .entry-content .has-2-columns .wp-block-column:nth-child(2) p, body.home #editor .entry-content .has-2-columns .wp-block-column:nth-child(2) h2, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2) p, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2) h2 { margin-left: clamp(0px, 11.54vw + -88.62px, 96px) !important; } body.home #page .entry-content .has-2-columns .wp-block-column:nth-child(2) p, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2) p, body.home #editor .entry-content .has-2-columns .wp-block-column:nth-child(2) p, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2) p { color: #ffffff !important; } body.home #page .entry-content .has-2-columns .wp-block-column:nth-child(2):before, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2):before, body.home #editor .entry-content .has-2-columns .wp-block-column:nth-child(2):before, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2):before { content: ""; position: absolute; right: 0px; bottom: 0; width: 47.9vw; max-width: 920px; height: 47vw; max-height: 465px; background-image: url("../svg/shape-aquatique.svg"); border-top-left-radius: 25px; border-bottom-right-radius: 25px; } body.home #page .entry-content .has-2-columns .wp-block-column p.has-blue-color, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column p.has-blue-color, body.home #editor .entry-content .has-2-columns .wp-block-column p.has-blue-color, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column p.has-blue-color { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; margin-top: 2px; margin-bottom: 16px; } body.home #page .entry-content .has-2-columns .wp-block-column p:not(.has-blue-color), body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column p:not(.has-blue-color), body.home #editor .entry-content .has-2-columns .wp-block-column p:not(.has-blue-color), body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column p:not(.has-blue-color) { max-width: 750px; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; line-height: 1.6; } body.home #page .entry-content .has-2-columns .wp-block-grdnrs-slider-acf, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf, body.home #editor .entry-content .has-2-columns .wp-block-grdnrs-slider-acf, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf { padding-left: 5vw; padding-right: 5vw; } body.home #page .entry-content .has-2-columns .wp-block-grdnrs-slider-acf .slick-list, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf .slick-list, body.home #editor .entry-content .has-2-columns .wp-block-grdnrs-slider-acf .slick-list, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf .slick-list { padding-bottom: 50px; } body.home #page .entry-content .has-2-columns .wp-block-grdnrs-slider-acf .slick-list .slick-slide, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf .slick-list .slick-slide, body.home #editor .entry-content .has-2-columns .wp-block-grdnrs-slider-acf .slick-list .slick-slide, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf .slick-list .slick-slide { padding-left: 70px !important; padding-right: 70px !important; } body.home #page .entry-content .has-2-columns .wp-block-grdnrs-slider-acf .slick-slider-dots, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf .slick-slider-dots, body.home #editor .entry-content .has-2-columns .wp-block-grdnrs-slider-acf .slick-slider-dots, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf .slick-slider-dots { margin-top: -50px; } body.home #page .entry-content .has-2-columns .wp-block-grdnrs-slider-acf-item .img-container, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf-item .img-container, body.home #editor .entry-content .has-2-columns .wp-block-grdnrs-slider-acf-item .img-container, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf-item .img-container { aspect-ratio: 594/356; border-radius: 10px; -webkit-box-shadow: 5px 10px 30px 0 rgba(0, 0, 0, 0.1); box-shadow: 5px 10px 30px 0 rgba(0, 0, 0, 0.1); } body.home #page .entry-content .has-2-columns .wp-block-grdnrs-slider-acf-item img, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf-item img, body.home #editor .entry-content .has-2-columns .wp-block-grdnrs-slider-acf-item img, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf-item img { border-radius: 10px; } body.home #page .entry-content .has-2-columns .slick-list, body.home #page .editor-styles-wrapper .has-2-columns .slick-list, body.home #editor .entry-content .has-2-columns .slick-list, body.home #editor .editor-styles-wrapper .has-2-columns .slick-list { padding-top: 51px; } body.home #page .entry-content .has-2-columns .slick-slider-arrows, body.home #page .editor-styles-wrapper .has-2-columns .slick-slider-arrows, body.home #editor .entry-content .has-2-columns .slick-slider-arrows, body.home #editor .editor-styles-wrapper .has-2-columns .slick-slider-arrows { width: 95%; padding-left: 0; padding-right: 0; } body.home #page .entry-content .has-2-columns .compo-slider, body.home #page .editor-styles-wrapper .has-2-columns .compo-slider, body.home #editor .entry-content .has-2-columns .compo-slider, body.home #editor .editor-styles-wrapper .has-2-columns .compo-slider { padding-top: 74px; padding-bottom: 74px; } @media screen and (max-width: 1600px) { body.home #page .entry-content .has-2-columns .wp-block-column:nth-of-type(1) h2:before, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) h2:before, body.home #editor .entry-content .has-2-columns .wp-block-column:nth-of-type(1) h2:before, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) h2:before { right: -20px; top: -77%; width: 62px; height: 53.5px; background-image: url("../svg/icon-heart.svg"); } } @media screen and (max-width: 1300px) { body.home #page .entry-content .has-2-columns .wp-block-column:nth-of-type(1) h2:before, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) h2:before, body.home #editor .entry-content .has-2-columns .wp-block-column:nth-of-type(1) h2:before, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) h2:before { right: 0; top: inherit; bottom: -45px; width: 62px; height: 53.5px; background-image: url("../svg/icon-heart.svg"); } } @media screen and (max-width: 991px) { body.home #page .entry-content .has-2-columns, body.home #page .editor-styles-wrapper .has-2-columns, body.home #editor .entry-content .has-2-columns, body.home #editor .editor-styles-wrapper .has-2-columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-flow: row wrap !important; flex-flow: row wrap !important; } body.home #page .entry-content .has-2-columns .wp-block-grdnrs-slider-acf .slick-list, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf .slick-list, body.home #editor .entry-content .has-2-columns .wp-block-grdnrs-slider-acf .slick-list, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf .slick-list { overflow: hidden; } body.home #page .entry-content .has-2-columns .wp-block-grdnrs-slider-acf .slick-list .slick-slide, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf .slick-list .slick-slide, body.home #editor .entry-content .has-2-columns .wp-block-grdnrs-slider-acf .slick-list .slick-slide, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf .slick-list .slick-slide { padding-left: 0px !important; padding-right: 0px !important; } body.home #page .entry-content .has-2-columns .wp-block-column:nth-of-type(1) h2:before, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) h2:before, body.home #editor .entry-content .has-2-columns .wp-block-column:nth-of-type(1) h2:before, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) h2:before { display: none; } body.home #page .entry-content .has-2-columns .wp-block-column, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column, body.home #editor .entry-content .has-2-columns .wp-block-column, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column { border-radius: 0; } body.home #page .entry-content .has-2-columns .compo-slider, body.home #page .editor-styles-wrapper .has-2-columns .compo-slider, body.home #editor .entry-content .has-2-columns .compo-slider, body.home #editor .editor-styles-wrapper .has-2-columns .compo-slider { padding: clamp(50px, 6.01vw + 15.44px, 75px) 15px 50px; } } @media screen and (max-width: 768px) { body.home #page .entry-content .has-2-columns .wp-block-column, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column, body.home #editor .entry-content .has-2-columns .wp-block-column, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column { padding-right: 0; } body.home #page .entry-content .has-2-columns .wp-block-column:nth-of-type(1) h2, body.home #page .entry-content .has-2-columns .wp-block-column:nth-of-type(1) p, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) h2, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) p, body.home #editor .entry-content .has-2-columns .wp-block-column:nth-of-type(1) h2, body.home #editor .entry-content .has-2-columns .wp-block-column:nth-of-type(1) p, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) h2, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) p { margin-left: 0vw !important; } body.home #page .entry-content .has-2-columns .wp-block-column:nth-child(2), body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2), body.home #editor .entry-content .has-2-columns .wp-block-column:nth-child(2), body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2) { border-radius: 0; } body.home #page .entry-content .has-2-columns .wp-block-column:nth-child(2) h2, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2) h2, body.home #editor .entry-content .has-2-columns .wp-block-column:nth-child(2) h2, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2) h2 { margin-left: 0vw !important; } body.home #page .entry-content .has-2-columns .wp-block-column:nth-child(2) p, body.home #page .entry-content .has-2-columns .wp-block-column:nth-child(2) h2, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2) p, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2) h2, body.home #editor .entry-content .has-2-columns .wp-block-column:nth-child(2) p, body.home #editor .entry-content .has-2-columns .wp-block-column:nth-child(2) h2, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2) p, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-child(2) h2 { margin-left: 0vw !important; } body.home #page .entry-content .has-2-columns .wp-block-column p.has-blue-color, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column p.has-blue-color, body.home #editor .entry-content .has-2-columns .wp-block-column p.has-blue-color, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column p.has-blue-color { margin-bottom: 30px; } body.home #page .entry-content .has-2-columns .wp-block-column:nth-of-type(1) h2:before, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) h2:before, body.home #editor .entry-content .has-2-columns .wp-block-column:nth-of-type(1) h2:before, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-column:nth-of-type(1) h2:before { display: none; } body.home #page .entry-content .has-2-columns .wp-block-grdnrs-slider-acf, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf, body.home #editor .entry-content .has-2-columns .wp-block-grdnrs-slider-acf, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf { padding-left: 0px; padding-right: 0px; } body.home #page .entry-content .has-2-columns .wp-block-grdnrs-slider-acf .slick-list, body.home #page .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf .slick-list, body.home #editor .entry-content .has-2-columns .wp-block-grdnrs-slider-acf .slick-list, body.home #editor .editor-styles-wrapper .has-2-columns .wp-block-grdnrs-slider-acf .slick-list { padding-top: 35px; } body.home #page .entry-content .has-2-columns .compo-slider, body.home #page .editor-styles-wrapper .has-2-columns .compo-slider, body.home #editor .entry-content .has-2-columns .compo-slider, body.home #editor .editor-styles-wrapper .has-2-columns .compo-slider { padding-bottom: 35px; } } body.home #page .entry-content .bloc-univers, body.home #page .editor-styles-wrapper .bloc-univers, body.home #editor .entry-content .bloc-univers, body.home #editor .editor-styles-wrapper .bloc-univers { position: relative; max-width: 100%; } body.home #page .entry-content .bloc-univers:before, body.home #page .editor-styles-wrapper .bloc-univers:before, body.home #editor .entry-content .bloc-univers:before, body.home #editor .editor-styles-wrapper .bloc-univers:before { content: ""; position: absolute; z-index: -1; top: -15px; right: 0; width: 752px; height: 455px; background-repeat: no-repeat; background-size: contain; background-image: url("../svg/shape-univers-home.svg"); } @media screen and (max-width: 768px) { body.home #page .entry-content .wp-block-grdnrs-planning-piscine, body.home #page .editor-styles-wrapper .wp-block-grdnrs-planning-piscine, body.home #editor .entry-content .wp-block-grdnrs-planning-piscine, body.home #editor .editor-styles-wrapper .wp-block-grdnrs-planning-piscine { padding-bottom: 35px; } body.home #page .entry-content .bloc-univers, body.home #page .editor-styles-wrapper .bloc-univers, body.home #editor .entry-content .bloc-univers, body.home #editor .editor-styles-wrapper .bloc-univers { padding-top: 76px; margin-bottom: 15px; } body.home #page .entry-content .bloc-univers:before, body.home #page .editor-styles-wrapper .bloc-univers:before, body.home #editor .entry-content .bloc-univers:before, body.home #editor .editor-styles-wrapper .bloc-univers:before { background-image: url("../svg/shape-univers-mobile.svg"); width: 227px; height: 115px; top: inherit; opacity: 0.5; bottom: 12px; } body.home #page .entry-content .bloc-univers h2, body.home #page .editor-styles-wrapper .bloc-univers h2, body.home #editor .entry-content .bloc-univers h2, body.home #editor .editor-styles-wrapper .bloc-univers h2 { position: relative; } body.home #page .entry-content .bloc-univers h2:before, body.home #page .editor-styles-wrapper .bloc-univers h2:before, body.home #editor .entry-content .bloc-univers h2:before, body.home #editor .editor-styles-wrapper .bloc-univers h2:before { content: ""; position: absolute; z-index: -1; top: -33px; display: inline-block; left: 0; width: 48px; height: 50px; background-repeat: no-repeat; background-size: contain; background-image: url("../svg/doodle-univers-mobile.svg"); } } /** * Font-size calcul */ /** * Trigger hover effect on different pseudo-classes * depending on touch or no-touch device * => no-touch > on hover and on focus (by default, can be disable) * => touch > on active, and when a class is added on the targeted element (optionnal) * * @param $focus (boolean) set to false to disable the hover effect on focus (no-touch only) * @param $touchClass (string) the hover effect will be set if the targeted element has this class */ /** * Set an item to 100% of its parent's width and height */ /** * Set an item to 100% of the window width (and 100% of its parent height) * even if located in a limited width wrapper */ /** * Set an item to 100% of the window width * even if located in a limited width wrapper, * but keep it in the flow */ /** * To call on an tag. * Set the image size to adapt to its parent */ /** * Like img-cover(), but for responsive img with * /!\ To call on , or parent. */ /** * Floating form items * if $class2 equals 'empty', the next item is cleared */ /* A simple little SCSS mixin for creating scrim gradients Inspired by Andreas Larson - https://github.com/larsenwork https://css-tricks.com/easing-linear-gradients/ */ /** Convert em value into px */ /** Fluid font-size between 2 breakpoints. Font-size must be in px, use em2px() function to convert from em. */ /** Fluid value between 2 breakpoints (can be use for other than font-size) (Font-size must be in px, use em2px() function to convert from em) */ /* Fluid value - clamp version (2023) @see https://www.smashingmagazine.com/2022/10/fluid-typography-clamp-sass-functions/ */ /** * Animated placeholder for images or divs (FB like) */ /*** SPECIFIC TO CURRENT PROJECT ***/ /************************************ * Grids */ /************************************ * Breakpoints */ /************************************ * Transitions */ /************************************ * Paths */ /************************************ * Fonts */ /*** LOCAL FONTS ***/ /*** FONTS ***/ /*** VARIABLES TO USE ***/ /************************************ * Font Sizes */ /************************************ * COLORS */ /************************************ * THEME */ body.search { /** * Font-size calcul */ /** * Trigger hover effect on different pseudo-classes * depending on touch or no-touch device * => no-touch > on hover and on focus (by default, can be disable) * => touch > on active, and when a class is added on the targeted element (optionnal) * * @param $focus (boolean) set to false to disable the hover effect on focus (no-touch only) * @param $touchClass (string) the hover effect will be set if the targeted element has this class */ /** * Set an item to 100% of its parent's width and height */ /** * Set an item to 100% of the window width (and 100% of its parent height) * even if located in a limited width wrapper */ /** * Set an item to 100% of the window width * even if located in a limited width wrapper, * but keep it in the flow */ /** * To call on an tag. * Set the image size to adapt to its parent */ /** * Like img-cover(), but for responsive img with * /!\ To call on , or parent. */ /** * Floating form items * if $class2 equals 'empty', the next item is cleared */ /* A simple little SCSS mixin for creating scrim gradients Inspired by Andreas Larson - https://github.com/larsenwork https://css-tricks.com/easing-linear-gradients/ */ /** Convert em value into px */ /** Fluid font-size between 2 breakpoints. Font-size must be in px, use em2px() function to convert from em. */ /** Fluid value between 2 breakpoints (can be use for other than font-size) (Font-size must be in px, use em2px() function to convert from em) */ /* Fluid value - clamp version (2023) @see https://www.smashingmagazine.com/2022/10/fluid-typography-clamp-sass-functions/ */ /** * Animated placeholder for images or divs (FB like) */ /*** SPECIFIC TO CURRENT PROJECT ***/ /************************************ * Grids */ /************************************ * Breakpoints */ /************************************ * Transitions */ /************************************ * Paths */ /************************************ * Fonts */ /*** LOCAL FONTS ***/ /*** FONTS ***/ /*** VARIABLES TO USE ***/ /************************************ * Font Sizes */ /************************************ * COLORS */ /************************************ * THEME */ } body.search .banner-top { background: linear-gradient(109.99deg, #0551AF 28.3%, #68C9D0 100.46%); overflow: hidden; } body.search .banner-top.only-title .banner-top-inner { padding-top: 187px; padding-bottom: 93px; } body.search .banner-top-inner { max-width: 1920px; padding-left: 2.3vw; padding-right: 2.3vw; padding-top: 134px; padding-bottom: 56px; gap: 0; } body.search .banner-top-inner .wp-block-heading { z-index: 2; position: relative; } body.search .banner-top-inner h1 { color: #ffffff; max-width: 930px; margin-left: 0 !important; position: relative; z-index: 2; } body.search .banner-top-inner img { border-radius: 25px; aspect-ratio: 438/246; max-width: 438px; height: auto !important; -webkit-box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); } body.search .banner-top-inner .wp-block-column { position: relative; z-index: 2; } body.search .banner-top-inner .wp-block-column:nth-child(1) { padding-top: 53px; padding-left: 6px; } body.search .banner-top-inner .wp-block-column:nth-child(2) { padding-top: 14px; padding-left: 1.1vw; } body.search .banner-top-inner .wp-block-post-featured-image { aspect-ratio: inherit !important; } body.search .banner-top-inner:before { content: ""; position: absolute; bottom: 0; right: 0px; width: 1603px; height: 319px; -o-object-fit: contain; object-fit: contain; z-index: 1; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../svg/shape-banner-activite.svg"); } @media screen and (min-width: 769px) { body.search .banner-top.banner-top-aquatique { position: relative; z-index: 2; overflow: visible; margin-bottom: 37px; } body.search .banner-top.banner-top-aquatique .banner-top-inner { padding-top: 171px; max-width: 1920px; margin-left: auto; margin-right: auto; padding-bottom: 0; } body.search .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) { padding-top: 89px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: clamp(80px, 11.57vw + -8.89px, 130px); position: relative; } body.search .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) h1 { max-width: 560px; } body.search .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) .wp-block-image { padding-right: 1.6vw; margin-top: 50px; text-align: right; } body.search .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) img { width: 100% !important; position: relative; top: 34px; max-width: 589px; aspect-ratio: 589/370; } body.search .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } body.search .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) img { aspect-ratio: 896/504; max-width: 896px; } body.search .banner-top.banner-top-aquatique .banner-top-inner:before { background-image: url("../svg/shape-espace-aquatique.svg"); opacity: 0.5; width: 1603px; height: 543px; } } @media screen and (max-width: 768px) { body.search .banner-top.banner-top-aquatique .banner-top-inner { margin-bottom: 50px; } body.search .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) .wp-block-image { padding-left: 33px; } body.search .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) .wp-block-image img { width: 100% !important; } body.search .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) { padding-top: 0; position: absolute; bottom: 50px; left: 15px; } body.search .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) img { -o-object-fit: cover; object-fit: cover; aspect-ratio: 183/110; max-width: 183px; } } @media screen and (max-width: 768px) { body.search .banner-top { overflow: hidden; } body.search .banner-top.only-title .banner-top-inner { padding-top: 140px !important; } body.search .banner-top-inner { padding-left: 15px; padding-right: 15px; padding-bottom: 50px !important; } body.search .banner-top-inner:before { content: ""; width: 360px; height: 160px; position: absolute; right: 0px; bottom: -40px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../svg/shape-banner-top-mobile.svg"); } body.search .banner-top-inner .wp-block-column:nth-child(1) { padding-top: 0px; padding-left: 0px; } body.search .banner-top-inner .wp-block-column:nth-child(2) { padding-top: 14px; padding-left: 0; } } body.search .post-teaser, body.search .page-teaser, body.search .agenda-teaser { 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body.search .post-teaser time, body.search .page-teaser time, body.search .agenda-teaser time { position: absolute; left: 0; bottom: 0; font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; font-size: 13px; padding: 0px 13px; display: inline-block; color: #ffffff; background: #0551AF; line-height: 1.8; } body.search .post-teaser .card, body.search .page-teaser .card, body.search .agenda-teaser .card { 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: 20px; height: 100%; width: 100%; -webkit-transition: all 300ms ease; transition: all 300ms ease; } body.search .post-teaser .card:hover, body.search .post-teaser .card:focus, body.search .page-teaser .card:hover, body.search .page-teaser .card:focus, body.search .agenda-teaser .card:hover, body.search .agenda-teaser .card:focus { -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.08); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.08); } body.search .post-teaser .card:hover .card__header img, body.search .post-teaser .card:focus .card__header img, body.search .page-teaser .card:hover .card__header img, body.search .page-teaser .card:focus .card__header img, body.search .agenda-teaser .card:hover .card__header img, body.search .agenda-teaser .card:focus .card__header img { -webkit-transform: scale(1.2); transform: scale(1.2); } body.search .post-teaser .card:hover .card__footer .see-more .arrow, body.search .post-teaser .card:focus .card__footer .see-more .arrow, body.search .page-teaser .card:hover .card__footer .see-more .arrow, body.search .page-teaser .card:focus .card__footer .see-more .arrow, body.search .agenda-teaser .card:hover .card__footer .see-more .arrow, body.search .agenda-teaser .card:focus .card__footer .see-more .arrow { opacity: 1; -webkit-transform: translateY(-50%) translateX(10px); transform: translateY(-50%) translateX(10px); } body.search .post-teaser .card__header, body.search .page-teaser .card__header, body.search .agenda-teaser .card__header { position: relative; overflow: hidden; line-height: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; } body.search .post-teaser .card__header img, body.search .page-teaser .card__header img, body.search .agenda-teaser .card__header img { border-top-left-radius: 10px; border-top-right-radius: 10px; width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; aspect-ratio: 2.18; -webkit-transition: all 300ms ease; transition: all 300ms ease; } body.search .post-teaser .card__body, body.search .page-teaser .card__body, body.search .agenda-teaser .card__body { padding-top: 15px; } body.search .post-teaser .card__body .categories, body.search .page-teaser .card__body .categories, body.search .agenda-teaser .card__body .categories { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px; } body.search .post-teaser .card__body .categories__item, body.search .page-teaser .card__body .categories__item, body.search .agenda-teaser .card__body .categories__item { padding-left: 25px; font-size: 12px; padding-right: 10px; letter-spacing: 0.1em; text-transform: uppercase; font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; line-height: 2.5; color: #68C9D0; margin-bottom: 5px; } body.search .post-teaser .card__body h3, body.search .page-teaser .card__body h3, body.search .agenda-teaser .card__body h3 { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; font-size: clamp(22px, 0.29vw + 20.32px, 25px); text-transform: none; line-height: 1.2; margin-bottom: 5px; color: #0551AF; margin-left: 25px; padding-left: 25px; position: relative; } body.search .post-teaser .card__body h3:before, body.search .page-teaser .card__body h3:before, body.search .agenda-teaser .card__body h3:before { content: ""; position: absolute; left: 0; top: 51%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 2px; height: 94%; background-color: #68C9D0; } body.search .post-teaser .card__body .excerpt, body.search .page-teaser .card__body .excerpt, body.search .agenda-teaser .card__body .excerpt { font-family: "Open Sans", sans-serif; font-weight: 400; font-style: normal; font-size: clamp(12px, 0.13vw + 11.51px, 14px); color: #000000; } body.search .post-teaser .card__footer, body.search .page-teaser .card__footer, body.search .agenda-teaser .card__footer { margin-top: auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 14px; width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } body.search .post-teaser .card__footer .see-more, body.search .page-teaser .card__footer .see-more, body.search .agenda-teaser .card__footer .see-more { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; font-size: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; text-decoration: none; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: right; color: #68C9D0; padding-right: 26px; margin-right: 35px; position: relative; } body.search .post-teaser .card__footer .see-more .arrow, body.search .page-teaser .card__footer .see-more .arrow, body.search .agenda-teaser .card__footer .see-more .arrow { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: url("../../svg/icon-seemore.svg"); -webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease; } body.search .post-teaser.slick-slide .card, body.search .page-teaser.slick-slide .card, body.search .agenda-teaser.slick-slide .card { -webkit-box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.1); border-radius: 10px; } body.search .post-teaser.slick-slide .card__body, body.search .page-teaser.slick-slide .card__body, body.search .agenda-teaser.slick-slide .card__body { padding-top: 8px; } body.search .post-teaser.slick-slide .card__body h3, body.search .page-teaser.slick-slide .card__body h3, body.search .agenda-teaser.slick-slide .card__body h3 { margin-left: 0; line-height: 1.3; padding-right: 20px; } body.search .post-teaser.slick-slide .card__body h3:before, body.search .page-teaser.slick-slide .card__body h3:before, body.search .agenda-teaser.slick-slide .card__body h3:before { display: none; } body.search .post-teaser.slick-slide .card__footer, body.search .page-teaser.slick-slide .card__footer, body.search .agenda-teaser.slick-slide .card__footer { padding-top: 35px; } body.search .post-teaser.slick-slide .card__footer .see-more, body.search .page-teaser.slick-slide .card__footer .see-more, body.search .agenda-teaser.slick-slide .card__footer .see-more { margin-right: 19px; } body.search main { position: relative; width: 100%; padding-left: 2.3vw; padding-right: 2.3vw; } body.search main > * { max-width: 1343px; margin-inline: auto; } body.search .header { position: relative; padding-top: 23px; } body.search .header__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } body.search .header__content #breadcrumbs { margin-bottom: 22px; } body.search .header__content h1 { margin-bottom: 15px; } body.search .search-results-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; padding-bottom: 15px; } body.search .search-results-header h2 { margin-bottom: 0; } body.search .search-results-header .count-result { padding-left: 15px; } body.search .entry-content { padding-block: 15px; } body.search form.wp-block-search { width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; } body.search form.wp-block-search .wp-block-search__inside-wrapper input { border-radius: 30px; color: #18224B; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; font-size: clamp(15px, 0.48vw + 12.24px, 18px); line-height: 1.667; } body.search form.wp-block-search button { padding: 0; width: 46px; -webkit-box-flex: 0; -ms-flex: 0 0 46px; flex: 0 0 46px; max-width: 46px; background: #0551AF; height: 46px; font-size: 0; border-radius: 100%; position: relative; } body.search form.wp-block-search button:before { content: ""; width: 22px; height: 23px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-size: contain; background-repeat: no-repeat; } body.search form.wp-block-search button:before { background-image: url("../../svg/icon-search-white.svg"); } body.search .wp-block-post-template { padding-bottom: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; } body.search .wp-block-post-template > * { -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 11.25px); flex: 0 0 calc(25% - 11.25px); } body.search .blog-list-container { position: relative; margin-inline: auto; padding-top: clamp(35px, 3.61vw + 14.27px, 50px); } body.search .blog-list-container .blog-grid-container .grid { display: grid; grid-template-columns: 1fr; gap: clamp(35px, 7.45vw + -7.85px, 66px) clamp(15px, 2.4vw + 1.18px, 25px); } @media screen and (min-width: 601px) { body.search .blog-list-container .blog-grid-container .grid { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 992px) { body.search .blog-list-container .blog-grid-container .grid { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 1401px) { body.search .blog-list-container .blog-grid-container .grid { grid-template-columns: repeat(3, 1fr); } } body.search .blog-list-container .blog-grid-container .grid article { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } @media screen and (min-width: 601px) { body.search .blog-list-container .blog-grid-container .grid article { max-width: 485px; } } body.search .blog-list-container .blog-grid-container .post-teaser .card__footer { padding-top: 47px; } body.search .blog-list-container .blog-grid-container .pagination { position: relative; } body.search .blog-list-container .blog-grid-container .pagination:has(ul.page-numbers) { margin-top: clamp(35px, 5.92vw + 0.96px, 72px); } body.search .blog-list-container .blog-grid-container .pagination .page-numbers { 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; grid-column-gap: 7px; } body.search .blog-list-container .blog-grid-container .pagination .page-numbers a, body.search .blog-list-container .blog-grid-container .pagination .page-numbers span:not(.arrow) { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; text-decoration: none; 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; font-size: 16px; color: #0551AF; background-color: #ffffff; border-radius: 3px; width: 35px; height: 35px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } body.search .blog-list-container .blog-grid-container .pagination .page-numbers a .arrow, body.search .blog-list-container .blog-grid-container .pagination .page-numbers span:not(.arrow) .arrow { height: 13px; width: 14px; -o-object-fit: contain; object-fit: contain; position: relative; } body.search .blog-list-container .blog-grid-container .pagination .page-numbers a .arrow:before, body.search .blog-list-container .blog-grid-container .pagination .page-numbers a .arrow:after, body.search .blog-list-container .blog-grid-container .pagination .page-numbers span:not(.arrow) .arrow:before, body.search .blog-list-container .blog-grid-container .pagination .page-numbers span:not(.arrow) .arrow:after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 14px; height: 13px; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center; -webkit-transition: opacity 250ms ease; transition: opacity 250ms ease; } body.search .blog-list-container .blog-grid-container .pagination .page-numbers a .arrow:before, body.search .blog-list-container .blog-grid-container .pagination .page-numbers span:not(.arrow) .arrow:before { background-image: url("../../svg/arrow-pagination.svg"); } body.search .blog-list-container .blog-grid-container .pagination .page-numbers a .arrow:after, body.search .blog-list-container .blog-grid-container .pagination .page-numbers span:not(.arrow) .arrow:after { opacity: 0; background-image: url("../../svg/arrow-pagination-white.svg"); } body.search .blog-list-container .blog-grid-container .pagination .page-numbers a.prev, body.search .blog-list-container .blog-grid-container .pagination .page-numbers span:not(.arrow).prev { margin-right: 42px; } body.search .blog-list-container .blog-grid-container .pagination .page-numbers a.prev .arrow, body.search .blog-list-container .blog-grid-container .pagination .page-numbers span:not(.arrow).prev .arrow { -webkit-transform: scaleX(-1); transform: scaleX(-1); } body.search .blog-list-container .blog-grid-container .pagination .page-numbers a.next, body.search .blog-list-container .blog-grid-container .pagination .page-numbers span:not(.arrow).next { margin-left: 42px; } body.search .blog-list-container .blog-grid-container .pagination .page-numbers a.current, body.search .blog-list-container .blog-grid-container .pagination .page-numbers a:hover, body.search .blog-list-container .blog-grid-container .pagination .page-numbers a:focus, body.search .blog-list-container .blog-grid-container .pagination .page-numbers span:not(.arrow).current, body.search .blog-list-container .blog-grid-container .pagination .page-numbers span:not(.arrow):hover, body.search .blog-list-container .blog-grid-container .pagination .page-numbers span:not(.arrow):focus { background-color: #0551AF; color: #ffffff; } body.search .blog-list-container .blog-grid-container .pagination .page-numbers a.current .arrow:before, body.search .blog-list-container .blog-grid-container .pagination .page-numbers a:hover .arrow:before, body.search .blog-list-container .blog-grid-container .pagination .page-numbers a:focus .arrow:before, body.search .blog-list-container .blog-grid-container .pagination .page-numbers span:not(.arrow).current .arrow:before, body.search .blog-list-container .blog-grid-container .pagination .page-numbers span:not(.arrow):hover .arrow:before, body.search .blog-list-container .blog-grid-container .pagination .page-numbers span:not(.arrow):focus .arrow:before { opacity: 0; } body.search .blog-list-container .blog-grid-container .pagination .page-numbers a.current .arrow:after, body.search .blog-list-container .blog-grid-container .pagination .page-numbers a:hover .arrow:after, body.search .blog-list-container .blog-grid-container .pagination .page-numbers a:focus .arrow:after, body.search .blog-list-container .blog-grid-container .pagination .page-numbers span:not(.arrow).current .arrow:after, body.search .blog-list-container .blog-grid-container .pagination .page-numbers span:not(.arrow):hover .arrow:after, body.search .blog-list-container .blog-grid-container .pagination .page-numbers span:not(.arrow):focus .arrow:after { opacity: 1; } @media screen and (max-width: 991px) { body.search .result-type__wrapper > * { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.3333% - 10px); flex: 0 0 calc(33.3333% - 10px); } } @media screen and (max-width: 768px) { body.search .result-type__wrapper > * { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 7.5px); flex: 0 0 calc(50% - 7.5px); } body.search .search-results-header { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } body.search .search-results-header .count-result { padding-left: 0; } } @media screen and (max-width: 600px) { body.search .result-type__wrapper > * { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } .page-template-wp-custom-template-programme-des-activit .banner-top { background: linear-gradient(109.99deg, #0551AF 28.3%, #68C9D0 100.46%); overflow: hidden; } .page-template-wp-custom-template-programme-des-activit .banner-top.only-title .banner-top-inner { padding-top: 187px; padding-bottom: 93px; } .page-template-wp-custom-template-programme-des-activit .banner-top-inner { max-width: 1920px; padding-left: 2.3vw; padding-right: 2.3vw; padding-top: 134px; padding-bottom: 56px; gap: 0; } .page-template-wp-custom-template-programme-des-activit .banner-top-inner .wp-block-heading { z-index: 2; position: relative; } .page-template-wp-custom-template-programme-des-activit .banner-top-inner h1 { color: #ffffff; max-width: 930px; margin-left: 0 !important; position: relative; z-index: 2; } .page-template-wp-custom-template-programme-des-activit .banner-top-inner img { border-radius: 25px; aspect-ratio: 438/246; max-width: 438px; height: auto !important; -webkit-box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); } .page-template-wp-custom-template-programme-des-activit .banner-top-inner .wp-block-column { position: relative; z-index: 2; } .page-template-wp-custom-template-programme-des-activit .banner-top-inner .wp-block-column:nth-child(1) { padding-top: 53px; padding-left: 6px; } .page-template-wp-custom-template-programme-des-activit .banner-top-inner .wp-block-column:nth-child(2) { padding-top: 14px; padding-left: 1.1vw; } .page-template-wp-custom-template-programme-des-activit .banner-top-inner .wp-block-post-featured-image { aspect-ratio: inherit !important; } .page-template-wp-custom-template-programme-des-activit .banner-top-inner:before { content: ""; position: absolute; bottom: 0; right: 0px; width: 1603px; height: 319px; -o-object-fit: contain; object-fit: contain; z-index: 1; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../svg/shape-banner-activite.svg"); } @media screen and (min-width: 769px) { .page-template-wp-custom-template-programme-des-activit .banner-top.banner-top-aquatique { position: relative; z-index: 2; overflow: visible; margin-bottom: 37px; } .page-template-wp-custom-template-programme-des-activit .banner-top.banner-top-aquatique .banner-top-inner { padding-top: 171px; max-width: 1920px; margin-left: auto; margin-right: auto; padding-bottom: 0; } .page-template-wp-custom-template-programme-des-activit .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) { padding-top: 89px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: clamp(80px, 11.57vw + -8.89px, 130px); position: relative; } .page-template-wp-custom-template-programme-des-activit .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) h1 { max-width: 560px; } .page-template-wp-custom-template-programme-des-activit .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) .wp-block-image { padding-right: 1.6vw; margin-top: 50px; text-align: right; } .page-template-wp-custom-template-programme-des-activit .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) img { width: 100% !important; position: relative; top: 34px; max-width: 589px; aspect-ratio: 589/370; } .page-template-wp-custom-template-programme-des-activit .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .page-template-wp-custom-template-programme-des-activit .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) img { aspect-ratio: 896/504; max-width: 896px; } .page-template-wp-custom-template-programme-des-activit .banner-top.banner-top-aquatique .banner-top-inner:before { background-image: url("../svg/shape-espace-aquatique.svg"); opacity: 0.5; width: 1603px; height: 543px; } } @media screen and (max-width: 768px) { .page-template-wp-custom-template-programme-des-activit .banner-top.banner-top-aquatique .banner-top-inner { margin-bottom: 50px; } .page-template-wp-custom-template-programme-des-activit .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) .wp-block-image { padding-left: 33px; } .page-template-wp-custom-template-programme-des-activit .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) .wp-block-image img { width: 100% !important; } .page-template-wp-custom-template-programme-des-activit .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) { padding-top: 0; position: absolute; bottom: 50px; left: 15px; } .page-template-wp-custom-template-programme-des-activit .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) img { -o-object-fit: cover; object-fit: cover; aspect-ratio: 183/110; max-width: 183px; } } @media screen and (max-width: 768px) { .page-template-wp-custom-template-programme-des-activit .banner-top { overflow: hidden; } .page-template-wp-custom-template-programme-des-activit .banner-top.only-title .banner-top-inner { padding-top: 140px !important; } .page-template-wp-custom-template-programme-des-activit .banner-top-inner { padding-left: 15px; padding-right: 15px; padding-bottom: 50px !important; } .page-template-wp-custom-template-programme-des-activit .banner-top-inner:before { content: ""; width: 360px; height: 160px; position: absolute; right: 0px; bottom: -40px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../svg/shape-banner-top-mobile.svg"); } .page-template-wp-custom-template-programme-des-activit .banner-top-inner .wp-block-column:nth-child(1) { padding-top: 0px; padding-left: 0px; } .page-template-wp-custom-template-programme-des-activit .banner-top-inner .wp-block-column:nth-child(2) { padding-top: 14px; padding-left: 0; } } .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs { margin-top: 101px; padding-left: 7px; padding-right: 7px; gap: 0; } .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column:nth-of-type(1) { border-top-left-radius: 25px; border-bottom-left-radius: 25px; -webkit-box-flex: 0 !important; -ms-flex: 0 0 29% !important; flex: 0 0 29% !important; max-width: 29% !important; } .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column:nth-of-type(1) figure { height: 100%; } .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column:nth-of-type(1) figure img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; border-top-left-radius: 25px; border-bottom-left-radius: 25px; } .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column:nth-of-type(2) { border-top-right-radius: 25px; border-bottom-right-radius: 25px; padding-right: 15px; -webkit-box-flex: 0 !important; -ms-flex: 0 1 71% !important; flex: 0 1 71% !important; max-width: 71% !important; padding-top: clamp(40px, 2.52vw + 20.65px, 66px); padding-bottom: clamp(40px, 2.52vw + 20.65px, 66px); padding-left: clamp(20px, 12.6vw + -76.74px, 150px); background: linear-gradient(109.99deg, #0551AF 28.3%, #68C9D0 100.46%); position: relative; } .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column:nth-of-type(2):before { content: ""; position: absolute; right: 0; bottom: 0; width: 345px; height: 245px; background-image: url("../svg/shape-horaire.svg"); z-index: 0; } .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-heading { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; font-size: clamp(22px, 2.06vw + 6.2px, 35px); line-height: 1.28; color: #ffffff; max-width: 850px; position: relative; z-index: 2; } .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons { position: relative; z-index: 2; margin-top: 41px; gap: 21px; } @media screen and (max-width: 768px) { .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs { padding-left: 0; padding-right: 0; margin-top: 35px; } } @media screen and (max-width: 575px) { .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column:nth-of-type(1) { -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; border-radius: 0px; } .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column:nth-of-type(1) figure { height: auto; } .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column:nth-of-type(1) figure img { width: 100%; border-bottom-left-radius: 0; border-top-right-radius: 25px; } .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column:nth-of-type(2) { -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; border-top-right-radius: 0px; border-bottom-left-radius: 25px; overflow: hidden; } .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column:nth-of-type(2):before { right: -8%; bottom: -8%; -webkit-transform: scale(0.8); transform: scale(0.8); } .page-template-wp-custom-template-programme-des-activit .compo-horaires-tarifs > .wp-block-column .wp-block-buttons { position: relative; z-index: 2; margin-top: 41px; } } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation { background-color: #ffffff; -webkit-box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); border-radius: 15px; padding: 25px 19px 25px 25px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .separator, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .separator { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 9px; flex: 0 0 9px; max-width: 9px; width: 7px; height: 11px; margin: 0 5px; background-image: url("../svg/icon-breadcrumb.svg"); background-repeat: no-repeat; background-size: contain; font-size: 0; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .separator, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .separator { margin: 0 8px 0 10px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness button, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation button { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; -webkit-box-shadow: none; box-shadow: none; border: none; background: none; cursor: pointer; color: #68C9D0; font-size: clamp(15px, 0.48vw + 12.24px, 18px); padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 1px; position: relative; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness button:focus, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation button:focus { outline: none; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness button:before, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation button:before { conten: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #68C9D0; content: ""; -webkit-transition: -webkit-transform 350ms ease; transition: -webkit-transform 350ms ease; transition: transform 350ms ease; transition: transform 350ms ease, -webkit-transform 350ms ease; -webkit-transform-origin: left; transform-origin: left; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness button:hover:before, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation button:hover:before { -webkit-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(0); transform: scaleX(0); } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row img, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row img { -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; max-width: 200px; border-radius: 10px; aspect-ratio: 200/321; -o-object-fit: cover; object-fit: cover; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row .col, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row .col { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 7.2%; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row .col h3, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row .col h3 { 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; padding-left: 10px; color: #0551AF; margin-bottom: 15px; width: 100%; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row .col h3:after, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row .col h3:after { content: url("../svg/arrow-down.svg"); margin-inline: 10px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row .col p, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row .col a, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row .col p, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row .col a { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row .col ul, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row .col ul { padding-top: 5px; padding-bottom: 5px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row .col li, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row .col li { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; position: relative; color: #18224B; padding-left: 15px; margin-bottom: 7px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row .col li strong, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row .col li strong { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row .col li:last-of-type, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row .col li:last-of-type { margin-bottom: 0; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row .col li:before, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row .col li:before { content: ""; width: 5px; height: 5px; background-color: #18224B; border-radius: 50%; position: absolute; left: 4px; top: clamp(10px, 0.32vw + 8.16px, 12px); } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row .col a, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row .col a { display: block; color: #68C9D0; font-size: 15px; line-height: 2; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-fitness__tarifs, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-natation__tarifs, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-fitness__tarifs, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-natation__tarifs { margin-top: 22px; background: rgba(104, 201, 208, 0.2); border-radius: 15px; padding: 10px 25px 21px 79px; position: relative; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-fitness__tarifs:before, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-natation__tarifs:before, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-fitness__tarifs:before, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-natation__tarifs:before { content: ""; position: absolute; width: 30px; height: 24px; background-image: url("../svg/credit-card.svg"); background-repeat: no-repeat; background-size: contain; left: 24px; top: 13px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-fitness__tarifs p, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-natation__tarifs p, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-fitness__tarifs p, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-natation__tarifs p { margin-top: 0; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-fitness__tarifs p:first-of-type, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-natation__tarifs p:first-of-type, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-fitness__tarifs p:first-of-type, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-natation__tarifs p:first-of-type { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; color: #0551AF; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-fitness__tarifs p:not(:first-of-type), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-natation__tarifs p:not(:first-of-type), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-fitness__tarifs p:not(:first-of-type), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-natation__tarifs p:not(:first-of-type) { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; 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; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-fitness__tarifs p:last-of-type, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-natation__tarifs p:last-of-type, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-fitness__tarifs p:last-of-type, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-natation__tarifs p:last-of-type { font-size: 14px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-fitness__tarifs p strong, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-natation__tarifs p strong, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-fitness__tarifs p strong, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-natation__tarifs p strong { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; color: #0551AF; display: contents; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-fitness__tarifs p em, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-natation__tarifs p em, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-fitness__tarifs p em, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-natation__tarifs p em { font-style: normal; font-size: 14px; margin-left: 1.4vw; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .wp-block-grdnrs-activites-natation__pass-text, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .wp-block-grdnrs-activites-natation__pass-text { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; line-height: 2; font-size: 15px; color: #0551AF; margin-top: 24px; padding-left: 12px; letter-spacing: 0; } @media screen and (max-width: 1400px) { .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row .col, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row .col { padding-left: 15px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row img, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row img { max-width: 130px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } } @media screen and (max-width: 1200px) { .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation { padding-left: 15px; padding-right: 15px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row img, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row img { max-width: 130px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } } @media screen and (max-width: 991px) { .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation { padding-left: 10px; padding-right: 10px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row img, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row img { max-width: 75px !important; height: 75px !important; -o-object-fit: cover; object-fit: cover; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness .row .col, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row .col { padding-left: 10px; } } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness:hover .col h3, .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation:hover .col h3 { border-radius: 5px; background-color: var(--wp--preset--color--blue); color: #ffffff; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) { width: 100%; margin-top: 25px; border-collapse: inherit; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) thead th { width: 33.3333333333%; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) thead th:nth-of-type(2), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) thead th:nth-of-type(3) { background-color: #68C9D0; color: #ffffff; padding: 8px 7px; font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) thead th:nth-of-type(2) { border-top-left-radius: 14px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) thead th:nth-of-type(3) { border-top-right-radius: 14px; border-left: 1px solid #ffffff; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) tbody tr td:first-of-type { border-left: 1px solid #68C9D0; text-align: left; padding-left: 24px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) tbody tr td:last-of-type { border-right: 1px solid #68C9D0; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) tbody tr:first-of-type td { border-top: 1px solid #68C9D0; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) tbody tr:first-of-type td:first-of-type { border-left: 1px solid #68C9D0; border-top-left-radius: 14px; border-left-style: solid; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) tbody tr:last-of-type td { border-bottom: 1px solid #68C9D0; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) tbody tr:last-of-type td:first-of-type { border-bottom-left-radius: 14px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) tbody tr:last-of-type td:last-of-type { border-bottom-right-radius: 14px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) tbody tr td { text-align: center; padding: 5px 0px; vertical-align: middle; border-bottom: 1px solid #68C9D0; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) tbody tr td:nth-of-type(1) { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; color: #0551AF; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) tbody tr td:nth-of-type(2), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) tbody tr td:nth-of-type(3) { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; color: #18224B; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) tbody tr:hover { background: rgba(104, 201, 208, 0.2); } @media screen and (max-width: 1200px) { .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) tbody tr td:first-of-type { padding-left: 10px; } } @media screen and (max-width: 575px) { .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-fitness table:not(.acf-table) tbody tr td:first-of-type { padding-left: 10px; } } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .row img { aspect-ratio: 200/161; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) { width: 100%; margin-top: 15px; border-collapse: inherit; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) thead th:first-of-type { width: 36%; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) thead th:nth-of-type(2), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) thead th:nth-of-type(3), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) thead th:nth-of-type(4) { width: 21.3333333333%; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) thead th:nth-of-type(2), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) thead th:nth-of-type(3), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) thead th:nth-of-type(4) { background-color: #68C9D0; color: #ffffff; padding: 12px 7px; font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; font-size: 16px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) thead th:nth-of-type(2) { border-top-left-radius: 14px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) thead th:nth-of-type(3) { border-left: 1px solid #ffffff; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) thead th:nth-of-type(4) { border-top-right-radius: 14px; border-left: 1px solid #ffffff; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) tbody tr td:first-of-type { border-left: 1px solid #68C9D0; text-align: left; padding-left: 24px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) tbody tr td:last-of-type { border-right: 1px solid #68C9D0; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) tbody tr:first-of-type td { border-top: 1px solid #68C9D0; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) tbody tr:first-of-type td:first-of-type { border-left: 1px solid #68C9D0; border-top-left-radius: 14px; border-left-style: solid; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) tbody tr:last-of-type td { border-bottom: 1px solid #68C9D0; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) tbody tr:last-of-type td:first-of-type { border-bottom-left-radius: 14px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) tbody tr:last-of-type td:last-of-type { border-bottom-right-radius: 14px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) tbody tr td { text-align: center; padding: 5px 0px; vertical-align: middle; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) tbody tr td:nth-of-type(1) { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; color: #0551AF; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) tbody tr td:not(:first-of-type) { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; color: #18224B; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) tbody tr:hover { background: rgba(104, 201, 208, 0.2); } @media screen and (max-width: 575px) { .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) thead th:first-of-type { width: 26%; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) thead th:nth-of-type(2), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) thead th:nth-of-type(3), .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) thead th:nth-of-type(4) { width: 24.6666666667%; font-size: 12px; padding: 12px 4px; } .page-template-wp-custom-template-programme-des-activit .wp-block-grdnrs-activites-natation .block-table table:not(.acf-table) tbody tr td:first-of-type { padding-left: 10px; } } .page-template-wp-custom-template-programme-des-activit .entry-content { padding: 0 2.5vw; } .page-template-wp-custom-template-programme-des-activit .entry-content > .wp-block-group { max-width: 1494px !important; margin-left: auto !important; margin-right: auto !important; margin-top: clamp(35px, 15.14vw + -52.08px, 98px); } .page-template-wp-custom-template-programme-des-activit .entry-content > .wp-block-group:first-of-type { margin-top: 0; } .page-template-wp-custom-template-programme-des-activit .entry-content > .wp-block-group h2 { color: #0551AF; } .page-template-wp-custom-template-programme-des-activit .entry-content > .wp-block-group .has-large-font-size { color: #0551AF; font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; margin-top: 10px; } .page-template-wp-custom-template-programme-des-activit .entry-content > .wp-block-group > .is-layout-flex { margin-top: 50px; } .page-template-wp-custom-template-programme-des-activit .entry-content > .wp-block-group > .is-layout-flex:first-of-type { margin-top: clamp(35px, 0.72vw + 30.85px, 38px); } @media screen and (max-width: 768px) { .page-template-wp-custom-template-programme-des-activit .entry-content > .wp-block-group > .is-layout-flex { gap: 35px; } } @media screen and (max-width: 768px) { .page-template-wp-custom-template-programme-des-activit .entry-content { padding-left: 15px; padding-right: 15px; } } body.blog .banner-top { background: linear-gradient(109.99deg, #0551AF 28.3%, #68C9D0 100.46%); overflow: hidden; } body.blog .banner-top.only-title .banner-top-inner { padding-top: 187px; padding-bottom: 93px; } body.blog .banner-top-inner { max-width: 1920px; padding-left: 2.3vw; padding-right: 2.3vw; padding-top: 134px; padding-bottom: 56px; gap: 0; } body.blog .banner-top-inner .wp-block-heading { z-index: 2; position: relative; } body.blog .banner-top-inner h1 { color: #ffffff; max-width: 930px; margin-left: 0 !important; position: relative; z-index: 2; } body.blog .banner-top-inner img { border-radius: 25px; aspect-ratio: 438/246; max-width: 438px; height: auto !important; -webkit-box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); } body.blog .banner-top-inner .wp-block-column { position: relative; z-index: 2; } body.blog .banner-top-inner .wp-block-column:nth-child(1) { padding-top: 53px; padding-left: 6px; } body.blog .banner-top-inner .wp-block-column:nth-child(2) { padding-top: 14px; padding-left: 1.1vw; } body.blog .banner-top-inner .wp-block-post-featured-image { aspect-ratio: inherit !important; } body.blog .banner-top-inner:before { content: ""; position: absolute; bottom: 0; right: 0px; width: 1603px; height: 319px; -o-object-fit: contain; object-fit: contain; z-index: 1; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../svg/shape-banner-activite.svg"); } @media screen and (min-width: 769px) { body.blog .banner-top.banner-top-aquatique { position: relative; z-index: 2; overflow: visible; margin-bottom: 37px; } body.blog .banner-top.banner-top-aquatique .banner-top-inner { padding-top: 171px; max-width: 1920px; margin-left: auto; margin-right: auto; padding-bottom: 0; } body.blog .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) { padding-top: 89px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: clamp(80px, 11.57vw + -8.89px, 130px); position: relative; } body.blog .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) h1 { max-width: 560px; } body.blog .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) .wp-block-image { padding-right: 1.6vw; margin-top: 50px; text-align: right; } body.blog .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) img { width: 100% !important; position: relative; top: 34px; max-width: 589px; aspect-ratio: 589/370; } body.blog .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } body.blog .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) img { aspect-ratio: 896/504; max-width: 896px; } body.blog .banner-top.banner-top-aquatique .banner-top-inner:before { background-image: url("../svg/shape-espace-aquatique.svg"); opacity: 0.5; width: 1603px; height: 543px; } } @media screen and (max-width: 768px) { body.blog .banner-top.banner-top-aquatique .banner-top-inner { margin-bottom: 50px; } body.blog .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) .wp-block-image { padding-left: 33px; } body.blog .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) .wp-block-image img { width: 100% !important; } body.blog .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) { padding-top: 0; position: absolute; bottom: 50px; left: 15px; } body.blog .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) img { -o-object-fit: cover; object-fit: cover; aspect-ratio: 183/110; max-width: 183px; } } @media screen and (max-width: 768px) { body.blog .banner-top { overflow: hidden; } body.blog .banner-top.only-title .banner-top-inner { padding-top: 140px !important; } body.blog .banner-top-inner { padding-left: 15px; padding-right: 15px; padding-bottom: 50px !important; } body.blog .banner-top-inner:before { content: ""; width: 360px; height: 160px; position: absolute; right: 0px; bottom: -40px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../svg/shape-banner-top-mobile.svg"); } body.blog .banner-top-inner .wp-block-column:nth-child(1) { padding-top: 0px; padding-left: 0px; } body.blog .banner-top-inner .wp-block-column:nth-child(2) { padding-top: 14px; padding-left: 0; } } body.single-post { /* @font-face { font-family: 'Urbani'; src: url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.eot'); src: url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.woff') format('woff'), url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.ttf') format('truetype'), url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.svg#Urbani-UltraLightItalic') format('svg'); font-weight: 100; font-style: italic; font-display: swap; } */ /************************************ * Grids */ /************************************ * Breakpoints */ /************************************ * Transitions */ /************************************ * Paths */ /************************************ * Fonts */ /*** LOCAL FONTS ***/ /*** FONTS ***/ /*** VARIABLES TO USE ***/ /************************************ * Font Sizes */ /************************************ * COLORS */ /************************************ * THEME */ /** * Font-size calcul */ /** * Trigger hover effect on different pseudo-classes * depending on touch or no-touch device * => no-touch > on hover and on focus (by default, can be disable) * => touch > on active, and when a class is added on the targeted element (optionnal) * * @param $focus (boolean) set to false to disable the hover effect on focus (no-touch only) * @param $touchClass (string) the hover effect will be set if the targeted element has this class */ /** * Set an item to 100% of its parent's width and height */ /** * Set an item to 100% of the window width (and 100% of its parent height) * even if located in a limited width wrapper */ /** * Set an item to 100% of the window width * even if located in a limited width wrapper, * but keep it in the flow */ /** * To call on an tag. * Set the image size to adapt to its parent */ /** * Like img-cover(), but for responsive img with * /!\ To call on , or parent. */ /** * Floating form items * if $class2 equals 'empty', the next item is cleared */ /* A simple little SCSS mixin for creating scrim gradients Inspired by Andreas Larson - https://github.com/larsenwork https://css-tricks.com/easing-linear-gradients/ */ /** Convert em value into px */ /** Fluid font-size between 2 breakpoints. Font-size must be in px, use em2px() function to convert from em. */ /** Fluid value between 2 breakpoints (can be use for other than font-size) (Font-size must be in px, use em2px() function to convert from em) */ /* Fluid value - clamp version (2023) @see https://www.smashingmagazine.com/2022/10/fluid-typography-clamp-sass-functions/ */ /** * Animated placeholder for images or divs (FB like) */ /*** SPECIFIC TO CURRENT PROJECT ***/ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* These "retina group" variables are mappings for the naming and pairing of normal and retina sprites. The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`. */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite. It should be used with a "retina group" variable. The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/ $icon-home-group: ('icon-home', $icon-home, $icon-home-2x, ); .icon-home { @include retina-sprite($icon-home-group); } */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* The `retina-sprites` mixin generates a CSS rule and media query for retina groups This yields the same output as CSS retina template but can be overridden in SCSS @include retina-sprites($retina-groups); */ /** * SVG Sprites */ } body.single-post .banner-top { background: linear-gradient(109.99deg, #0551AF 28.3%, #68C9D0 100.46%); overflow: hidden; } body.single-post .banner-top-inner { max-width: 1514px !important; margin-left: auto !important; margin-right: auto !important; padding-top: 134px; padding-bottom: 70px; gap: 0; } body.single-post .banner-top-inner .wp-block-heading { z-index: 2; position: relative; } body.single-post .banner-top-inner h1 { color: #ffffff; margin-left: 0 !important; font-size: clamp(40px, 1.94vw + 25.12px, 60px); line-height: 1.08; margin-top: 5px; } body.single-post .banner-top-inner img { border-radius: 25px; aspect-ratio: 438/246; max-width: 438px; height: auto !important; -webkit-box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); } body.single-post .banner-top-inner:before { content: ""; position: absolute; bottom: 0; right: -14px; width: 1603px; height: 369px; -o-object-fit: contain; object-fit: contain; z-index: 1; background-repeat: no-repeat; background-image: url("../svg/shape-banner-single.svg"); } body.single-post .banner-top-inner .wp-block-column { position: relative; z-index: 2; } body.single-post .banner-top-inner .wp-block-column:nth-child(1) { padding-top: 56px; padding-left: 10px; padding-right: 15px; } body.single-post .banner-top-inner .wp-block-column:nth-child(2) { padding-top: 50px; padding-left: 0; text-align: right; } body.single-post .banner-top-inner .wp-block-post-featured-image { aspect-ratio: inherit !important; } body.single-post .banner-top .taxonomy-category a { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; font-size: 12px; color: #68C9D0 !important; text-transform: uppercase; letter-spacing: 0.1em; } @media screen and (max-width: 768px) { body.single-post .banner-top-inner { padding-bottom: 50px; } body.single-post .banner-top-inner figure { text-align: left; } body.single-post .banner-top-inner:before { content: ""; width: 360px; height: 160px; position: absolute; right: -1px; bottom: -40px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../svg/shape-banner-top-mobile.svg"); } body.single-post .banner-top-inner .wp-block-column:nth-child(1) { padding-top: 0px; padding-left: 0px; } body.single-post .banner-top-inner .wp-block-column:nth-child(2) { padding-top: 14px; padding-left: 0; } } body.single-post .share-post { margin-top: 51px; max-width: 107px; text-align: center; } @media screen and (min-width: 768px) { body.single-post .share-post { position: sticky; top: 100px; } } body.single-post .share-post p { font-family: "Poppins", sans-serif; font-weight: 400 !important; font-style: normal !important; color: #0551AF !important; font-size: 13px !important; } body.single-post .share-post .addtoany_shortcode { margin-top: 9px; position: relative; cursor: pointer; } body.single-post .share-post .addtoany_shortcode img { -webkit-box-shadow: none !important; box-shadow: none !important; opacity: 0; } body.single-post .share-post .addtoany_shortcode .a2a_kit:hover a:not(.addtoany_share) { opacity: 1; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } body.single-post .share-post .addtoany_shortcode a:not(.addtoany_share) { border-radius: 100%; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 46px; } body.single-post .share-post .addtoany_shortcode a:not(.addtoany_share) > span { border-radius: 100%; } body.single-post .share-post .addtoany_shortcode a:not(.addtoany_share) svg { -webkit-transform: scale(0.8); transform: scale(0.8); } body.single-post .share-post .addtoany_shortcode a:not(.addtoany_share):nth-child(1) { -webkit-transform: translateX(-50%) translateY(-10px); transform: translateX(-50%) translateY(-10px); opacity: 0; top: 56px; -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.27s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.27s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.27s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.27s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.27s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.27s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.27s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.27s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.27s; } body.single-post .share-post .addtoany_shortcode a:not(.addtoany_share):nth-child(2) { -webkit-transform: translateX(-50%) translateY(-10px); transform: translateX(-50%) translateY(-10px); opacity: 0; top: 92px; -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.32s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.32s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.32s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.32s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.32s; } body.single-post .share-post .addtoany_shortcode a:not(.addtoany_share):nth-child(3) { -webkit-transform: translateX(-50%) translateY(-10px); transform: translateX(-50%) translateY(-10px); opacity: 0; top: 128px; -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.37s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.37s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.37s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.37s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.37s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.37s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.37s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.37s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.37s; } body.single-post .share-post .addtoany_shortcode a:not(.addtoany_share):nth-child(4) { -webkit-transform: translateX(-50%) translateY(-10px); transform: translateX(-50%) translateY(-10px); opacity: 0; top: 164px; -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.42s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.42s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.42s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.42s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.42s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.42s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.42s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.42s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.42s; } body.single-post .share-post .addtoany_shortcode a:not(.addtoany_share):nth-child(5) { -webkit-transform: translateX(-50%) translateY(-10px); transform: translateX(-50%) translateY(-10px); opacity: 0; top: 200px; -webkit-transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.47s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.47s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.47s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.47s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.47s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.47s; transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.47s, transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.47s, -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.47s; } body.single-post .share-post .addtoany_shortcode:hover .addtoany_shortcode a { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } body.single-post .share-post .addtoany_shortcode a.addtoany_share { position: relative; } body.single-post .share-post .addtoany_shortcode a.addtoany_share:before, body.single-post .share-post .addtoany_shortcode a.addtoany_share:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } body.single-post .share-post .addtoany_shortcode a.addtoany_share:before { background-image: url("../svg/icon-share.svg"); } body.single-post .share-post .addtoany_shortcode a.addtoany_share:after { opacity: 0; background-image: url("../svg/icon-share-turquoise.svg"); } body.single-post .share-post .addtoany_shortcode a.addtoany_share:hover:before { opacity: 0; } body.single-post .share-post .addtoany_shortcode a.addtoany_share:hover:after { opacity: 1; } body.single-post details summary { 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; position: relative; cursor: pointer; padding-block: 28px; } body.single-post details summary:focus { outline-width: 0; } body.single-post details summary:before, body.single-post details summary:after { content: ""; position: absolute; right: 21px; top: 14px; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } body.single-post details summary:before { background-image: url("../svg/icon-plus.svg"); } body.single-post details summary:after { opacity: 0; background-image: url("../svg/icon-minus.svg"); } body.single-post details summary::-webkit-details-marker { display: none; } body.single-post details .details-content { -webkit-padding-after: 1em; padding-block-end: 1em; } body.single-post details[open] summary:before { opacity: 0; } body.single-post details[open] summary:after { opacity: 1; } body.single-post .yoast-breadcrumbs > span { padding-bottom: 10px; } body.single-post .banner-top { padding-left: 2.3vw; padding-right: 2.3vw; } body.single-post .wp-site-blocks .block-columns-post { max-width: 1509px !important; margin: 0 auto !important; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull { padding-left: 2.3vw; padding-right: 2.3vw; padding-top: 0 !important; padding-bottom: 80px !important; } @media screen and (max-width: 768px) { body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull { padding-left: 15px; padding-right: 15px; } } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns { gap: 0; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column { padding-left: 15px; padding-right: 15px; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left { padding-left: 7px; -webkit-box-flex: 0 !important; -ms-flex: 0 0 20% !important; flex: 0 0 20% !important; max-width: 20% !important; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left .wp-block-buttons { margin-top: 57px !important; } @media screen and (min-width: 991px) { body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left .wp-block-buttons { position: sticky; top: 100px; } } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left .wp-block-button__link { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; color: #0551AF; font-size: 18px; padding: 17px 20px 17px 60px; background: transparent; border: 1px solid #0551AF; -webkit-transition: all 300ms ease; transition: all 300ms ease; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left .wp-block-button__link:before, body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left .wp-block-button__link:after { content: ""; position: absolute; left: 27px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 18px; height: 14px; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left .wp-block-button__link:before { background-image: url("../svg/icon-arrow-btn-blue.svg"); } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left .wp-block-button__link:after { opacity: 0; background-image: url("../svg/icon-arrow-btn-turquoise.svg"); } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left .wp-block-button__link:hover { border-color: #68C9D0; color: #68C9D0; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left .wp-block-button__link:hover:before, body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left .wp-block-button__link:hover:after { -webkit-transform: translateY(-50%) translateX(-5px); transform: translateY(-50%) translateX(-5px); } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left .wp-block-button__link:hover:before { opacity: 0; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left .wp-block-button__link:hover:after { opacity: 1; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-middle { padding-left: 12px; padding-right: 30px; -webkit-box-flex: 0 !important; -ms-flex: 0 0 65% !important; flex: 0 0 65% !important; max-width: 65% !important; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-right { padding-left: 5px; -webkit-box-flex: 0 !important; -ms-flex: 0 0 15% !important; flex: 0 0 15% !important; max-width: 15% !important; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull .wp-block-post-date { font-size: 13px; font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; margin-top: clamp(0, 8.56vw + -65.82px, 19px); color: #0551AF; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-left: 0 !important; margin-right: 0 !important; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull h2 { margin-bottom: 41px; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull strong { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull h3 { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; color: var(--wp--preset--color--blue); font-size: clamp(20px, 1.16vw + 11.11px, 25px); margin-top: 45px; margin-bottom: 43px; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull img { border-radius: 25px; -webkit-box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull .wp-block-image.size-full { margin-bottom: 50px; margin-top: 50px; } body.single-post .wp-block-buttons { margin-top: 51px; } @media screen and (max-width: 1400px) { body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left { padding-left: 15px; padding-right: 0; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left .wp-block-button__link { font-size: 16px; padding: 12px 16px 12px 37px; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left .wp-block-button__link:before, body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left .wp-block-button__link:after { left: 13px; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-middle { padding-left: 12px; -webkit-box-flex: 1 !important; -ms-flex: 1 !important; flex: 1 !important; max-width: 100% !important; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-right { -webkit-box-flex: 0 !important; -ms-flex: 0 0 127px !important; flex: 0 0 127px !important; max-width: 127px !important; } } @media screen and (max-width: 991px) { body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-flow: row wrap !important; flex-flow: row wrap !important; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left { -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; padding-left: 0px; padding-right: 0px; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left .wp-block-buttons { margin-top: 0 !important; margin-bottom: 35px !important; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-middle { padding-left: 0px; -webkit-box-flex: calc(100% - 127px) !important; -ms-flex: calc(100% - 127px) !important; flex: calc(100% - 127px) !important; max-width: calc(100% - 127px) !important; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-right { -webkit-box-flex: 0 !important; -ms-flex: 0 0 127px !important; flex: 0 0 127px !important; max-width: 127px !important; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-right .share-post { margin-top: 25px; position: relative; z-index: 10; } } @media screen and (max-width: 768px) { body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull { padding-bottom: 40px !important; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-flow: row wrap !important; flex-flow: row wrap !important; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left { -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; padding-left: 0px; padding-right: 0px; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left .wp-block-buttons { margin-top: 0 !important; margin-bottom: 35px; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-middle { padding-left: 0px; padding-right: 0px; -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-right { padding-left: 15px; -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-right .share-post { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull h2 { margin-bottom: 20px; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull h3 { margin-top: 20px; margin-bottom: 20px; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull img { border-radius: 25px; -webkit-box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull .wp-block-image.size-full { margin-bottom: 20px; margin-top: 20px; } body.single-post .wp-block-buttons { margin-top: 20px; } } @media screen and (max-width: 575px) { body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-flow: row wrap !important; flex-flow: row wrap !important; } body.single-post .wp-site-blocks > .wp-block-group.wp-block-group-is-layout-constrained.alignfull > .wp-block-columns > .wp-block-column.block-left .wp-block-buttons { margin-bottom: 11px; } } .page-template-wp-custom-template-espace-aquatique .banner-top, .page-template-wp-custom-template-espace-bien-tre .banner-top { background: linear-gradient(109.99deg, #0551AF 28.3%, #68C9D0 100.46%); overflow: hidden; } .page-template-wp-custom-template-espace-aquatique .banner-top.only-title .banner-top-inner, .page-template-wp-custom-template-espace-bien-tre .banner-top.only-title .banner-top-inner { padding-top: 187px; padding-bottom: 93px; } .page-template-wp-custom-template-espace-aquatique .banner-top-inner, .page-template-wp-custom-template-espace-bien-tre .banner-top-inner { max-width: 1920px; padding-left: 2.3vw; padding-right: 2.3vw; padding-top: 134px; padding-bottom: 56px; gap: 0; } .page-template-wp-custom-template-espace-aquatique .banner-top-inner .wp-block-heading, .page-template-wp-custom-template-espace-bien-tre .banner-top-inner .wp-block-heading { z-index: 2; position: relative; } .page-template-wp-custom-template-espace-aquatique .banner-top-inner h1, .page-template-wp-custom-template-espace-bien-tre .banner-top-inner h1 { color: #ffffff; max-width: 930px; margin-left: 0 !important; position: relative; z-index: 2; } .page-template-wp-custom-template-espace-aquatique .banner-top-inner img, .page-template-wp-custom-template-espace-bien-tre .banner-top-inner img { border-radius: 25px; aspect-ratio: 438/246; max-width: 438px; height: auto !important; -webkit-box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); } .page-template-wp-custom-template-espace-aquatique .banner-top-inner .wp-block-column, .page-template-wp-custom-template-espace-bien-tre .banner-top-inner .wp-block-column { position: relative; z-index: 2; } .page-template-wp-custom-template-espace-aquatique .banner-top-inner .wp-block-column:nth-child(1), .page-template-wp-custom-template-espace-bien-tre .banner-top-inner .wp-block-column:nth-child(1) { padding-top: 53px; padding-left: 6px; } .page-template-wp-custom-template-espace-aquatique .banner-top-inner .wp-block-column:nth-child(2), .page-template-wp-custom-template-espace-bien-tre .banner-top-inner .wp-block-column:nth-child(2) { padding-top: 14px; padding-left: 1.1vw; } .page-template-wp-custom-template-espace-aquatique .banner-top-inner .wp-block-post-featured-image, .page-template-wp-custom-template-espace-bien-tre .banner-top-inner .wp-block-post-featured-image { aspect-ratio: inherit !important; } .page-template-wp-custom-template-espace-aquatique .banner-top-inner:before, .page-template-wp-custom-template-espace-bien-tre .banner-top-inner:before { content: ""; position: absolute; bottom: 0; right: 0px; width: 1603px; height: 319px; -o-object-fit: contain; object-fit: contain; z-index: 1; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../svg/shape-banner-activite.svg"); } @media screen and (min-width: 769px) { .page-template-wp-custom-template-espace-aquatique .banner-top.banner-top-aquatique, .page-template-wp-custom-template-espace-bien-tre .banner-top.banner-top-aquatique { position: relative; z-index: 2; overflow: visible; margin-bottom: 37px; } .page-template-wp-custom-template-espace-aquatique .banner-top.banner-top-aquatique .banner-top-inner, .page-template-wp-custom-template-espace-bien-tre .banner-top.banner-top-aquatique .banner-top-inner { padding-top: 171px; max-width: 1920px; margin-left: auto; margin-right: auto; padding-bottom: 0; } .page-template-wp-custom-template-espace-aquatique .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1), .page-template-wp-custom-template-espace-bien-tre .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) { padding-top: 89px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: clamp(80px, 11.57vw + -8.89px, 130px); position: relative; } .page-template-wp-custom-template-espace-aquatique .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) h1, .page-template-wp-custom-template-espace-bien-tre .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) h1 { max-width: 560px; } .page-template-wp-custom-template-espace-aquatique .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) .wp-block-image, .page-template-wp-custom-template-espace-bien-tre .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) .wp-block-image { padding-right: 1.6vw; margin-top: 50px; text-align: right; } .page-template-wp-custom-template-espace-aquatique .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) img, .page-template-wp-custom-template-espace-bien-tre .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) img { width: 100% !important; position: relative; top: 34px; max-width: 589px; aspect-ratio: 589/370; } .page-template-wp-custom-template-espace-aquatique .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2), .page-template-wp-custom-template-espace-bien-tre .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .page-template-wp-custom-template-espace-aquatique .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) img, .page-template-wp-custom-template-espace-bien-tre .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) img { aspect-ratio: 896/504; max-width: 896px; } .page-template-wp-custom-template-espace-aquatique .banner-top.banner-top-aquatique .banner-top-inner:before, .page-template-wp-custom-template-espace-bien-tre .banner-top.banner-top-aquatique .banner-top-inner:before { background-image: url("../svg/shape-espace-aquatique.svg"); opacity: 0.5; width: 1603px; height: 543px; } } @media screen and (max-width: 768px) { .page-template-wp-custom-template-espace-aquatique .banner-top.banner-top-aquatique .banner-top-inner, .page-template-wp-custom-template-espace-bien-tre .banner-top.banner-top-aquatique .banner-top-inner { margin-bottom: 50px; } .page-template-wp-custom-template-espace-aquatique .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) .wp-block-image, .page-template-wp-custom-template-espace-bien-tre .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) .wp-block-image { padding-left: 33px; } .page-template-wp-custom-template-espace-aquatique .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) .wp-block-image img, .page-template-wp-custom-template-espace-bien-tre .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) .wp-block-image img { width: 100% !important; } .page-template-wp-custom-template-espace-aquatique .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2), .page-template-wp-custom-template-espace-bien-tre .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) { padding-top: 0; position: absolute; bottom: 50px; left: 15px; } .page-template-wp-custom-template-espace-aquatique .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) img, .page-template-wp-custom-template-espace-bien-tre .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) img { -o-object-fit: cover; object-fit: cover; aspect-ratio: 183/110; max-width: 183px; } } @media screen and (max-width: 768px) { .page-template-wp-custom-template-espace-aquatique .banner-top, .page-template-wp-custom-template-espace-bien-tre .banner-top { overflow: hidden; } .page-template-wp-custom-template-espace-aquatique .banner-top.only-title .banner-top-inner, .page-template-wp-custom-template-espace-bien-tre .banner-top.only-title .banner-top-inner { padding-top: 140px !important; } .page-template-wp-custom-template-espace-aquatique .banner-top-inner, .page-template-wp-custom-template-espace-bien-tre .banner-top-inner { padding-left: 15px; padding-right: 15px; padding-bottom: 50px !important; } .page-template-wp-custom-template-espace-aquatique .banner-top-inner:before, .page-template-wp-custom-template-espace-bien-tre .banner-top-inner:before { content: ""; width: 360px; height: 160px; position: absolute; right: 0px; bottom: -40px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../svg/shape-banner-top-mobile.svg"); } .page-template-wp-custom-template-espace-aquatique .banner-top-inner .wp-block-column:nth-child(1), .page-template-wp-custom-template-espace-bien-tre .banner-top-inner .wp-block-column:nth-child(1) { padding-top: 0px; padding-left: 0px; } .page-template-wp-custom-template-espace-aquatique .banner-top-inner .wp-block-column:nth-child(2), .page-template-wp-custom-template-espace-bien-tre .banner-top-inner .wp-block-column:nth-child(2) { padding-top: 14px; padding-left: 0; } } .page-template-wp-custom-template-espace-aquatique .bloc-univers, .page-template-wp-custom-template-espace-bien-tre .bloc-univers { padding-top: 98px; padding-bottom: 50px; position: relative; } .page-template-wp-custom-template-espace-aquatique .bloc-univers p, .page-template-wp-custom-template-espace-bien-tre .bloc-univers p { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; line-height: 1; margin-top: 20px; } .page-template-wp-custom-template-espace-aquatique .bloc-univers .has-text-align-center, .page-template-wp-custom-template-espace-aquatique .bloc-univers h2, .page-template-wp-custom-template-espace-bien-tre .bloc-univers .has-text-align-center, .page-template-wp-custom-template-espace-bien-tre .bloc-univers h2 { text-align: center; width: 100%; padding-left: 15px; padding-right: 15px; } .page-template-wp-custom-template-espace-aquatique .bloc-univers iframe, .page-template-wp-custom-template-espace-bien-tre .bloc-univers iframe { border-radius: 25px; margin-top: 45px; width: 100%; max-width: 1514px; aspect-ratio: 1514/848; height: auto; display: block; margin-left: auto; margin-right: auto; } @media screen and (max-width: 768px) { .page-template-wp-custom-template-espace-aquatique .bloc-univers, .page-template-wp-custom-template-espace-bien-tre .bloc-univers { padding: clamp(35px, 17.1vw + -63.32px, 68px) 15px clamp(35px, 7.77vw + -9.69px, 50px); } .page-template-wp-custom-template-espace-aquatique .bloc-univers p, .page-template-wp-custom-template-espace-bien-tre .bloc-univers p { margin-top: 11px; line-height: 1.2; } .page-template-wp-custom-template-espace-aquatique .bloc-univers iframe, .page-template-wp-custom-template-espace-bien-tre .bloc-univers iframe { margin-top: 32px; border-radius: 10px; aspect-ratio: 345/194; width: 100%; height: auto; } } .page-template-wp-custom-template-espace-aquatique .nav, .page-template-wp-custom-template-espace-bien-tre .nav { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: -webkit-fit-content !important; max-width: -moz-fit-content !important; max-width: fit-content !important; border-radius: 15px; -webkit-box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); margin-bottom: 75px; gap: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-template-wp-custom-template-espace-aquatique .nav a, .page-template-wp-custom-template-espace-bien-tre .nav a { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; line-height: 1; color: #18224B; display: inline-block; padding: 16px 35px; position: relative; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .page-template-wp-custom-template-espace-aquatique .nav a:before, .page-template-wp-custom-template-espace-bien-tre .nav a:before { content: ""; width: 1px; height: 25px; background: rgba(24, 34, 75, 0.2); position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .page-template-wp-custom-template-espace-aquatique .nav a:hover, .page-template-wp-custom-template-espace-bien-tre .nav a:hover { background: rgba(24, 34, 75, 0.05); } .page-template-wp-custom-template-espace-aquatique .nav p, .page-template-wp-custom-template-espace-bien-tre .nav p { margin-top: 0 !important; margin-bottom: 0 !important; } .page-template-wp-custom-template-espace-aquatique .nav p:last-of-type a:before, .page-template-wp-custom-template-espace-bien-tre .nav p:last-of-type a:before { display: none; } @media screen and (max-width: 1050px) { .page-template-wp-custom-template-espace-aquatique .nav, .page-template-wp-custom-template-espace-bien-tre .nav { max-width: calc(100% - 30px) !important; margin-left: auto !important; margin-right: auto !important; } .page-template-wp-custom-template-espace-aquatique .nav p a, .page-template-wp-custom-template-espace-bien-tre .nav p a { padding-left: 10px; padding-right: 10px; } } @media screen and (max-width: 768px) { .page-template-wp-custom-template-espace-aquatique .nav, .page-template-wp-custom-template-espace-bien-tre .nav { margin-bottom: 35px; } .page-template-wp-custom-template-espace-aquatique .nav p, .page-template-wp-custom-template-espace-bien-tre .nav p { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .page-template-wp-custom-template-espace-aquatique .nav p:nth-of-type(even) a:before, .page-template-wp-custom-template-espace-bien-tre .nav p:nth-of-type(even) a:before { display: none; } .page-template-wp-custom-template-espace-aquatique .nav p a, .page-template-wp-custom-template-espace-bien-tre .nav p a { text-align: center; width: 100%; padding-left: 10px; padding-right: 10px; } } .page-template-wp-custom-template-espace-aquatique h2, .page-template-wp-custom-template-espace-aquatique h3, .page-template-wp-custom-template-espace-aquatique h4, .page-template-wp-custom-template-espace-aquatique h5, .page-template-wp-custom-template-espace-aquatique h6, .page-template-wp-custom-template-espace-bien-tre h2, .page-template-wp-custom-template-espace-bien-tre h3, .page-template-wp-custom-template-espace-bien-tre h4, .page-template-wp-custom-template-espace-bien-tre h5, .page-template-wp-custom-template-espace-bien-tre h6 { color: #0551AF; } .page-template-wp-custom-template-espace-aquatique .yoast-breadcrumbs > span, .page-template-wp-custom-template-espace-bien-tre .yoast-breadcrumbs > span { padding-bottom: 47px; max-width: 1450px; } .page-template-wp-custom-template-espace-aquatique > .alignwide, .page-template-wp-custom-template-espace-bien-tre > .alignwide { margin-top: 50px; margin-bottom: 50px; } .page-template-wp-custom-template-espace-aquatique .entry-content, .page-template-wp-custom-template-espace-bien-tre .entry-content { /* @font-face { font-family: 'Urbani'; src: url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.eot'); src: url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.woff') format('woff'), url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.ttf') format('truetype'), url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.svg#Urbani-UltraLightItalic') format('svg'); font-weight: 100; font-style: italic; font-display: swap; } */ /************************************ * Grids */ /************************************ * Breakpoints */ /************************************ * Transitions */ /************************************ * Paths */ /************************************ * Fonts */ /*** LOCAL FONTS ***/ /*** FONTS ***/ /*** VARIABLES TO USE ***/ /************************************ * Font Sizes */ /************************************ * COLORS */ /************************************ * THEME */ /** * Font-size calcul */ /** * Trigger hover effect on different pseudo-classes * depending on touch or no-touch device * => no-touch > on hover and on focus (by default, can be disable) * => touch > on active, and when a class is added on the targeted element (optionnal) * * @param $focus (boolean) set to false to disable the hover effect on focus (no-touch only) * @param $touchClass (string) the hover effect will be set if the targeted element has this class */ /** * Set an item to 100% of its parent's width and height */ /** * Set an item to 100% of the window width (and 100% of its parent height) * even if located in a limited width wrapper */ /** * Set an item to 100% of the window width * even if located in a limited width wrapper, * but keep it in the flow */ /** * To call on an tag. * Set the image size to adapt to its parent */ /** * Like img-cover(), but for responsive img with * /!\ To call on , or parent. */ /** * Floating form items * if $class2 equals 'empty', the next item is cleared */ /* A simple little SCSS mixin for creating scrim gradients Inspired by Andreas Larson - https://github.com/larsenwork https://css-tricks.com/easing-linear-gradients/ */ /** Convert em value into px */ /** Fluid font-size between 2 breakpoints. Font-size must be in px, use em2px() function to convert from em. */ /** Fluid value between 2 breakpoints (can be use for other than font-size) (Font-size must be in px, use em2px() function to convert from em) */ /* Fluid value - clamp version (2023) @see https://www.smashingmagazine.com/2022/10/fluid-typography-clamp-sass-functions/ */ /** * Animated placeholder for images or divs (FB like) */ /*** SPECIFIC TO CURRENT PROJECT ***/ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* These "retina group" variables are mappings for the naming and pairing of normal and retina sprites. The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`. */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite. It should be used with a "retina group" variable. The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/ $icon-home-group: ('icon-home', $icon-home, $icon-home-2x, ); .icon-home { @include retina-sprite($icon-home-group); } */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* The `retina-sprites` mixin generates a CSS rule and media query for retina groups This yields the same output as CSS retina template but can be overridden in SCSS @include retina-sprites($retina-groups); */ /** * SVG Sprites */ } .page-template-wp-custom-template-espace-aquatique .entry-content > .alignwide:not(.nav), .page-template-wp-custom-template-espace-bien-tre .entry-content > .alignwide:not(.nav) { margin-top: 0; margin-bottom: 0; padding-bottom: 50px; } .page-template-wp-custom-template-espace-aquatique .entry-content > .alignwide:not(.nav):not(.wp-block-grdnrs-planning-piscine), .page-template-wp-custom-template-espace-bien-tre .entry-content > .alignwide:not(.nav):not(.wp-block-grdnrs-planning-piscine) { max-width: 100% !important; } .page-template-wp-custom-template-espace-aquatique .entry-content > .alignwide .wp-block-image img, .page-template-wp-custom-template-espace-bien-tre .entry-content > .alignwide .wp-block-image img { border-radius: 25px; -webkit-box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); } .page-template-wp-custom-template-espace-aquatique .entry-content .block-col-2-image-text, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-col-2-image-text { position: relative; max-width: 1920px !important; margin-left: auto; margin-right: auto; gap: 0; padding-left: 2.3vw; padding-right: 2.3vw; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-col-2-image-text:before, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-col-2-image-text:before { content: ""; position: absolute; z-index: -1; right: 9px; bottom: -68px; width: 449px; height: 231px; background-image: url("../svg/shape-bloc-text.svg"); } .page-template-wp-custom-template-espace-aquatique .entry-content .block-col-2-image-text img, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-col-2-image-text img { border-radius: 25px; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-col-2-image-text .block-text-left, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-col-2-image-text .block-text-left { padding-left: clamp(15px, 8.52vw + -69.39px, 89px); padding-top: clamp(15px, 9.81vw + -60.34px, 77px); padding-bottom: clamp(15px, 9.81vw + -60.34px, 77px); padding-right: 15px; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-col-2-image-text .block-text-left h2, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-col-2-image-text .block-text-left h2 { line-height: 1.1; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-col-2-image-text .block-image-right, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-col-2-image-text .block-image-right { text-align: right; padding-bottom: clamp(15px, 22.78vw + -159.99px, 159px); position: relative; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-col-2-image-text .block-image-right img, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-col-2-image-text .block-image-right img { -webkit-box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); } @media screen and (max-width: 1280px) { .page-template-wp-custom-template-espace-aquatique .entry-content .block-col-2-image-text:before, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-col-2-image-text:before { bottom: -18px; } } @media screen and (max-width: 991px) { .page-template-wp-custom-template-espace-aquatique .entry-content .block-col-2-image-text, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-col-2-image-text { padding-left: 15px; padding-right: 15px; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-col-2-image-text:before, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-col-2-image-text:before { width: 224.5px; height: 115.5px; background-repeat: no-repeat; background-position: center; background-size: contain; } } @media screen and (max-width: 768px) { .page-template-wp-custom-template-espace-aquatique .entry-content .block-col-2-image-text .block-text-left, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-col-2-image-text .block-text-left { padding-left: 0px; padding-right: 0px; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-col-2-image-text .block-image-right, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-col-2-image-text .block-image-right { padding-top: 15px; padding-right: 0px; padding-left: 0px; } } .page-template-wp-custom-template-espace-aquatique .entry-content .wp-block-grdnrs-tarifs, .page-template-wp-custom-template-espace-bien-tre .entry-content .wp-block-grdnrs-tarifs { border: 1px solid #68C9D0; border-radius: 15px; background-color: #ffffff; } .page-template-wp-custom-template-espace-aquatique .entry-content .wp-block-grdnrs-tarifs__header, .page-template-wp-custom-template-espace-bien-tre .entry-content .wp-block-grdnrs-tarifs__header { background: linear-gradient(174deg, #0551AF 0%, #68C9D0 100%) 0 0 no-repeat padding-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top-left-radius: 15px; border-top-right-radius: 15px; padding-top: 15px; padding-left: 26px; padding-bottom: 15px; } .page-template-wp-custom-template-espace-aquatique .entry-content .wp-block-grdnrs-tarifs__header img, .page-template-wp-custom-template-espace-bien-tre .entry-content .wp-block-grdnrs-tarifs__header img { max-width: 30px; max-height: 30px; margin-right: 10px; -o-object-fit: contain; object-fit: contain; } .page-template-wp-custom-template-espace-aquatique .entry-content .wp-block-grdnrs-tarifs__header h3, .page-template-wp-custom-template-espace-bien-tre .entry-content .wp-block-grdnrs-tarifs__header h3 { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; font-size: clamp(15px, 0.48vw + 12.24px, 18px) !important; line-height: 1.667; margin-bottom: 0 !important; color: #ffffff !important; } .page-template-wp-custom-template-espace-aquatique .entry-content .wp-block-grdnrs-tarifs__body li, .page-template-wp-custom-template-espace-bien-tre .entry-content .wp-block-grdnrs-tarifs__body li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 11px 25px; border-bottom: 1px solid #68C9D0; -webkit-transition: background 350ms ease; transition: background 350ms ease; cursor: pointer; } .page-template-wp-custom-template-espace-aquatique .entry-content .wp-block-grdnrs-tarifs__body li:hover, .page-template-wp-custom-template-espace-bien-tre .entry-content .wp-block-grdnrs-tarifs__body li:hover { background: rgba(104, 201, 208, 0.2); } .page-template-wp-custom-template-espace-aquatique .entry-content .wp-block-grdnrs-tarifs__body li:last-of-type, .page-template-wp-custom-template-espace-bien-tre .entry-content .wp-block-grdnrs-tarifs__body li:last-of-type { border-bottom: none; } .page-template-wp-custom-template-espace-aquatique .entry-content .wp-block-grdnrs-tarifs__body li span:nth-of-type(1), .page-template-wp-custom-template-espace-bien-tre .entry-content .wp-block-grdnrs-tarifs__body li span:nth-of-type(1) { color: #18224B; padding-right: 15px; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; } .page-template-wp-custom-template-espace-aquatique .entry-content .wp-block-grdnrs-tarifs__body li span:nth-of-type(2), .page-template-wp-custom-template-espace-bien-tre .entry-content .wp-block-grdnrs-tarifs__body li span:nth-of-type(2) { min-width: 90px; text-align: right; color: #0551AF; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape { padding-left: 2.3vw; padding-right: 2.3vw; gap: 48px; position: relative; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape .is-layout-flex, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape .is-layout-flex { -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; gap: 0; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape:before, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape:before { content: ""; pointer-events: none; width: 1438px; height: 774px; position: absolute; right: 0; bottom: -71px; opacity: 0.15; background-image: url("../svg/shape-bloc-2-col-shape.svg"); background-repeat: no-repeat; background-position: bottom; z-index: 0; } @media screen and (max-width: 1550px) { .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape:before, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape:before { bottom: 0; top: 0; width: 719px; height: 387px; background-size: contain; } } @media screen and (max-width: 768px) { .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape:before, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape:before { right: 0; bottom: inherit; width: 359px; top: 23%; height: 193px; background-size: contain; } } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape > .wp-block-columns, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape > .wp-block-columns { width: 100%; max-width: 1687px; position: relative; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape > .wp-block-columns img, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape > .wp-block-columns img { border-radius: 25px; -webkit-box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape > .wp-block-columns .wp-block-column, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape > .wp-block-columns .wp-block-column { position: relative; z-index: 2; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape p, .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape li, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape p, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape li { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; font-size: 18px; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape p.has-blue-color, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape p.has-blue-color { line-height: 1.3; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape p.has-blue-color strong, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape p.has-blue-color strong { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape strong, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape strong { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; display: contents; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape .block-2-col-shape-text-left .has-medium-font-size, .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape .block-2-col-shape-text-right .has-medium-font-size, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape .block-2-col-shape-text-left .has-medium-font-size, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape .block-2-col-shape-text-right .has-medium-font-size { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape .block-2-col-shape-text-left h3, .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape .block-2-col-shape-text-right h3, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape .block-2-col-shape-text-left h3, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape .block-2-col-shape-text-right h3 { margin-bottom: 9px; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape .block-2-col-shape-text-left, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape .block-2-col-shape-text-left { padding-top: clamp(15px, 18.34vw + -166.72px, 90px); padding-left: clamp(15px, 20.78vw + -190.95px, 100px); padding-right: 15px; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape .block-2-col-shape-image-right, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape .block-2-col-shape-image-right { text-align: right; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape .block-2-col-shape-image-right img, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape .block-2-col-shape-image-right img { aspect-ratio: 742/445; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape .block-2-col-shape-image-left, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape .block-2-col-shape-image-left { padding-left: 19px; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape .block-2-col-shape-text-right, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape .block-2-col-shape-text-right { padding-top: 71px; padding-left: 3.2vw; } @media screen and (max-width: 768px) { .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape { gap: 35px; padding-left: 15px; padding-right: 15px; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape .block-title, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape .block-title { margin-bottom: 35px !important; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape .block-2-col-shape-text-left, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape .block-2-col-shape-text-left { padding-left: 0px; padding-right: 0px; padding-top: 0; padding-bottom: 35px; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape .block-2-col-shape-text-right, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape .block-2-col-shape-text-right { padding-left: 0px; padding-right: 0px; padding-top: 0; padding-bottom: 35px; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape .block-2-col-shape-image-right, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape .block-2-col-shape-image-right { padding-left: 0px; padding-right: 0px; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape .block-2-col-shape-image-left, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape .block-2-col-shape-image-left { padding-left: 0; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-2-col-shape .wp-block-columns:nth-of-type(2), .page-template-wp-custom-template-espace-bien-tre .entry-content .block-2-col-shape .wp-block-columns:nth-of-type(2) { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-flow: row wrap-reverse !important; flex-flow: row wrap-reverse !important; } } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements { overflow: hidden; padding-top: 55px; padding-left: 2.3vw; padding-right: 2.3vw; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements .wp-block-columns, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements .wp-block-columns { max-width: 1660px; width: 100% !important; gap: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements .has-medium-font-size, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements .has-medium-font-size { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; margin-top: 14px; margin-bottom: 50px; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements .components-resizable-box__container, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements .components-resizable-box__container { width: 100% !important; height: 100% !important; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements .compo-equipement img, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements .compo-equipement img { border-radius: 10px !important; -webkit-box-shadow: none !important; box-shadow: none !important; aspect-ratio: 400/250 !important; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements .compo-equipement p, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements .compo-equipement p { padding-left: 15px; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements .compo-equipement p.has-blue-color, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements .compo-equipement p.has-blue-color { margin-top: 17px; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements .compo-equipement p.has-blue-color strong, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements .compo-equipement p.has-blue-color strong { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; font-size: clamp(20px, 1.16vw + 11.11px, 25px); line-height: 1.4; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements .compo-equipement p:nth-of-type(2), .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements .compo-equipement p:nth-of-type(2) { margin-top: 13px; padding-right: 10px; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements .has-3-columns-is-layout-flex .compo-equipement img, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements .has-3-columns-is-layout-flex .compo-equipement img { aspect-ratio: 384/300 !important; -o-object-fit: contain; object-fit: contain; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements .has-3-columns-is-layout-flex .compo-equipement p, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements .has-3-columns-is-layout-flex .compo-equipement p { margin-top: 14px; } @media screen and (max-width: 1200px) { .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements .wp-block-columns, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements .wp-block-columns { gap: 0; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements .wp-block-column, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements .wp-block-column { padding-left: 15px; padding-right: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; margin-bottom: 35px; } } @media screen and (max-width: 991px) { .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements .wp-block-columns, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements .wp-block-columns { margin-left: -2.3vw !important; margin-right: -2.3vw !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: nowrap !important; flex-flow: nowrap !important; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; /* to be able to check for "smooth" scroll in javascript */ } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements .wp-block-columns .wp-block-column, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements .wp-block-columns .wp-block-column { padding-left: 10px; padding-right: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 33.33vw; flex: 0 0 33.33vw; max-width: 33.33vw; margin-bottom: 0; } } @media screen and (max-width: 768px) { .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements .wp-block-columns .wp-block-column, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements .wp-block-columns .wp-block-column { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements .wp-block-columns, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements .wp-block-columns { width: calc(100% + 20px) !important; margin-left: -10px !important; margin-right: 0; } } @media screen and (max-width: 575px) { .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements .has-medium-font-size, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements .has-medium-font-size { margin-bottom: 35px; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements .wp-block-columns .wp-block-column, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements .wp-block-columns .wp-block-column { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-nos-equipements .wp-block-columns .wp-block-column p, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-nos-equipements .wp-block-columns .wp-block-column p { padding-left: 10px; } } .page-template-wp-custom-template-espace-aquatique .entry-content .block-payment, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-payment { margin-top: 50px; border-radius: 15px; padding-left: 24px; padding-top: 18px; padding-bottom: 15px; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-payment .is-layout-flex, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-payment .is-layout-flex { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-payment .is-layout-flex .wp-block-group, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-payment .is-layout-flex .wp-block-group { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 24px; padding-right: 15px; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-payment .is-layout-flex p, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-payment .is-layout-flex p { margin-top: 0; color: #18224B; } @media screen and (max-width: 575px) { .page-template-wp-custom-template-espace-aquatique .entry-content .block-payment, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-payment { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .page-template-wp-custom-template-espace-aquatique .entry-content .block-payment .is-layout-flex .wp-block-group, .page-template-wp-custom-template-espace-bien-tre .entry-content .block-payment .is-layout-flex .wp-block-group { padding-left: 15px; } } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-tarifs, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-tarifs { padding-bottom: clamp(35px, 15.05vw + -80.56px, 100px); padding-top: clamp(35px, 15.05vw + -80.56px, 100px); padding-left: 2.3vw; padding-right: 2.3vw; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-tarifs .block-payment, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-tarifs .block-payment { max-width: 1357px; margin-left: auto; margin-right: auto; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-tarifs .has-text-align-left, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-tarifs .has-text-align-left { margin-left: 0 !important; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-tarifs .wp-block-heading, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-tarifs .wp-block-heading { margin-bottom: 45px; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-tarifs .wp-block-columns, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-tarifs .wp-block-columns { max-width: 1357px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 768px) { .page-template-wp-custom-template-espace-aquatique .entry-content .compo-tarifs, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-tarifs { padding-left: 15px; padding-right: 15px; padding-bottom: 35px; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-tarifs .wp-block-heading, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-tarifs .wp-block-heading { margin-bottom: 35px; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-tarifs .block-payment, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-tarifs .block-payment { margin-top: 35px; } .page-template-wp-custom-template-espace-aquatique .entry-content .compo-tarifs .wp-block-columns, .page-template-wp-custom-template-espace-bien-tre .entry-content .compo-tarifs .wp-block-columns { gap: 35px; } } .page-template-wp-custom-template-espace-aquatique .is-layout-constrained > .wp-block-columns, .page-template-wp-custom-template-espace-bien-tre .is-layout-constrained > .wp-block-columns { max-width: 1675px; } .page-template-default:not(.home) { /* @font-face { font-family: 'Urbani'; src: url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.eot'); src: url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.woff') format('woff'), url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.ttf') format('truetype'), url('../fonts/Urbani/Ultralight-Italic/Urbani-UltraLightItalic.svg#Urbani-UltraLightItalic') format('svg'); font-weight: 100; font-style: italic; font-display: swap; } */ /************************************ * Grids */ /************************************ * Breakpoints */ /************************************ * Transitions */ /************************************ * Paths */ /************************************ * Fonts */ /*** LOCAL FONTS ***/ /*** FONTS ***/ /*** VARIABLES TO USE ***/ /************************************ * Font Sizes */ /************************************ * COLORS */ /************************************ * THEME */ /** * Font-size calcul */ /** * Trigger hover effect on different pseudo-classes * depending on touch or no-touch device * => no-touch > on hover and on focus (by default, can be disable) * => touch > on active, and when a class is added on the targeted element (optionnal) * * @param $focus (boolean) set to false to disable the hover effect on focus (no-touch only) * @param $touchClass (string) the hover effect will be set if the targeted element has this class */ /** * Set an item to 100% of its parent's width and height */ /** * Set an item to 100% of the window width (and 100% of its parent height) * even if located in a limited width wrapper */ /** * Set an item to 100% of the window width * even if located in a limited width wrapper, * but keep it in the flow */ /** * To call on an tag. * Set the image size to adapt to its parent */ /** * Like img-cover(), but for responsive img with * /!\ To call on , or parent. */ /** * Floating form items * if $class2 equals 'empty', the next item is cleared */ /* A simple little SCSS mixin for creating scrim gradients Inspired by Andreas Larson - https://github.com/larsenwork https://css-tricks.com/easing-linear-gradients/ */ /** Convert em value into px */ /** Fluid font-size between 2 breakpoints. Font-size must be in px, use em2px() function to convert from em. */ /** Fluid value between 2 breakpoints (can be use for other than font-size) (Font-size must be in px, use em2px() function to convert from em) */ /* Fluid value - clamp version (2023) @see https://www.smashingmagazine.com/2022/10/fluid-typography-clamp-sass-functions/ */ /** * Animated placeholder for images or divs (FB like) */ /*** SPECIFIC TO CURRENT PROJECT ***/ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* These "retina group" variables are mappings for the naming and pairing of normal and retina sprites. The list formatted variables are intended for mixins like `retina-sprite` and `retina-sprites`. */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `retina-sprite` mixin sets up rules and a media query for a sprite/retina sprite. It should be used with a "retina group" variable. The media query is from CSS Tricks: https://css-tricks.com/snippets/css/retina-display-media-query/ $icon-home-group: ('icon-home', $icon-home, $icon-home-2x, ); .icon-home { @include retina-sprite($icon-home-group); } */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ /* The `retina-sprites` mixin generates a CSS rule and media query for retina groups This yields the same output as CSS retina template but can be overridden in SCSS @include retina-sprites($retina-groups); */ /** * SVG Sprites */ } .page-template-default:not(.home) .banner-top { background: linear-gradient(109.99deg, #0551AF 28.3%, #68C9D0 100.46%); overflow: hidden; } .page-template-default:not(.home) .banner-top.only-title .banner-top-inner { padding-top: 187px; padding-bottom: 93px; } .page-template-default:not(.home) .banner-top-inner { max-width: 1920px; padding-left: 2.3vw; padding-right: 2.3vw; padding-top: 134px; padding-bottom: 56px; gap: 0; } .page-template-default:not(.home) .banner-top-inner .wp-block-heading { z-index: 2; position: relative; } .page-template-default:not(.home) .banner-top-inner h1 { color: #ffffff; max-width: 930px; margin-left: 0 !important; position: relative; z-index: 2; } .page-template-default:not(.home) .banner-top-inner img { border-radius: 25px; aspect-ratio: 438/246; max-width: 438px; height: auto !important; -webkit-box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); } .page-template-default:not(.home) .banner-top-inner .wp-block-column { position: relative; z-index: 2; } .page-template-default:not(.home) .banner-top-inner .wp-block-column:nth-child(1) { padding-top: 53px; padding-left: 6px; } .page-template-default:not(.home) .banner-top-inner .wp-block-column:nth-child(2) { padding-top: 14px; padding-left: 1.1vw; } .page-template-default:not(.home) .banner-top-inner .wp-block-post-featured-image { aspect-ratio: inherit !important; } .page-template-default:not(.home) .banner-top-inner:before { content: ""; position: absolute; bottom: 0; right: 0px; width: 1603px; height: 319px; -o-object-fit: contain; object-fit: contain; z-index: 1; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../svg/shape-banner-activite.svg"); } @media screen and (min-width: 769px) { .page-template-default:not(.home) .banner-top.banner-top-aquatique { position: relative; z-index: 2; overflow: visible; margin-bottom: 37px; } .page-template-default:not(.home) .banner-top.banner-top-aquatique .banner-top-inner { padding-top: 171px; max-width: 1920px; margin-left: auto; margin-right: auto; padding-bottom: 0; } .page-template-default:not(.home) .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) { padding-top: 89px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: clamp(80px, 11.57vw + -8.89px, 130px); position: relative; } .page-template-default:not(.home) .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) h1 { max-width: 560px; } .page-template-default:not(.home) .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) .wp-block-image { padding-right: 1.6vw; margin-top: 50px; text-align: right; } .page-template-default:not(.home) .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) img { width: 100% !important; position: relative; top: 34px; max-width: 589px; aspect-ratio: 589/370; } .page-template-default:not(.home) .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .page-template-default:not(.home) .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) img { aspect-ratio: 896/504; max-width: 896px; } .page-template-default:not(.home) .banner-top.banner-top-aquatique .banner-top-inner:before { background-image: url("../svg/shape-espace-aquatique.svg"); opacity: 0.5; width: 1603px; height: 543px; } } @media screen and (max-width: 768px) { .page-template-default:not(.home) .banner-top.banner-top-aquatique .banner-top-inner { margin-bottom: 50px; } .page-template-default:not(.home) .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) .wp-block-image { padding-left: 33px; } .page-template-default:not(.home) .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(1) .wp-block-image img { width: 100% !important; } .page-template-default:not(.home) .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) { padding-top: 0; position: absolute; bottom: 50px; left: 15px; } .page-template-default:not(.home) .banner-top.banner-top-aquatique .banner-top-inner .wp-block-column:nth-child(2) img { -o-object-fit: cover; object-fit: cover; aspect-ratio: 183/110; max-width: 183px; } } @media screen and (max-width: 768px) { .page-template-default:not(.home) .banner-top { overflow: hidden; } .page-template-default:not(.home) .banner-top.only-title .banner-top-inner { padding-top: 140px !important; } .page-template-default:not(.home) .banner-top-inner { padding-left: 15px; padding-right: 15px; padding-bottom: 50px !important; } .page-template-default:not(.home) .banner-top-inner:before { content: ""; width: 360px; height: 160px; position: absolute; right: 0px; bottom: -40px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("../svg/shape-banner-top-mobile.svg"); } .page-template-default:not(.home) .banner-top-inner .wp-block-column:nth-child(1) { padding-top: 0px; padding-left: 0px; } .page-template-default:not(.home) .banner-top-inner .wp-block-column:nth-child(2) { padding-top: 14px; padding-left: 0; } } .page-template-default:not(.home) .compo-nos-equipements { overflow: hidden; padding-top: 55px; padding-left: 2.3vw; padding-right: 2.3vw; } .page-template-default:not(.home) .compo-nos-equipements .wp-block-columns { max-width: 1660px; width: 100% !important; gap: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .page-template-default:not(.home) .compo-nos-equipements .has-medium-font-size { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; margin-top: 14px; margin-bottom: 50px; } .page-template-default:not(.home) .compo-nos-equipements .components-resizable-box__container { width: 100% !important; height: 100% !important; } .page-template-default:not(.home) .compo-nos-equipements .compo-equipement img { border-radius: 10px !important; -webkit-box-shadow: none !important; box-shadow: none !important; aspect-ratio: 400/250 !important; } .page-template-default:not(.home) .compo-nos-equipements .compo-equipement p { padding-left: 15px; } .page-template-default:not(.home) .compo-nos-equipements .compo-equipement p.has-blue-color { margin-top: 17px; } .page-template-default:not(.home) .compo-nos-equipements .compo-equipement p.has-blue-color strong { font-family: "Poppins", sans-serif; font-weight: 700; font-style: normal; font-size: clamp(20px, 1.16vw + 11.11px, 25px); line-height: 1.4; } .page-template-default:not(.home) .compo-nos-equipements .compo-equipement p:nth-of-type(2) { margin-top: 13px; padding-right: 10px; } .page-template-default:not(.home) .compo-nos-equipements .has-3-columns-is-layout-flex .compo-equipement img { aspect-ratio: 384/300 !important; -o-object-fit: contain; object-fit: contain; } .page-template-default:not(.home) .compo-nos-equipements .has-3-columns-is-layout-flex .compo-equipement p { margin-top: 14px; } @media screen and (max-width: 1200px) { .page-template-default:not(.home) .compo-nos-equipements .wp-block-columns { gap: 0; } .page-template-default:not(.home) .compo-nos-equipements .wp-block-column { padding-left: 15px; padding-right: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; margin-bottom: 35px; } } @media screen and (max-width: 991px) { .page-template-default:not(.home) .compo-nos-equipements .wp-block-columns { margin-left: -2.3vw !important; margin-right: -2.3vw !important; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: nowrap !important; flex-flow: nowrap !important; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; /* to be able to check for "smooth" scroll in javascript */ } .page-template-default:not(.home) .compo-nos-equipements .wp-block-columns .wp-block-column { padding-left: 10px; padding-right: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 33.33vw; flex: 0 0 33.33vw; max-width: 33.33vw; margin-bottom: 0; } } @media screen and (max-width: 768px) { .page-template-default:not(.home) .compo-nos-equipements .wp-block-columns .wp-block-column { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } .page-template-default:not(.home) .compo-nos-equipements .wp-block-columns { width: calc(100% + 20px) !important; margin-left: -10px !important; margin-right: 0; } } @media screen and (max-width: 575px) { .page-template-default:not(.home) .compo-nos-equipements .has-medium-font-size { margin-bottom: 35px; } .page-template-default:not(.home) .compo-nos-equipements .wp-block-columns .wp-block-column { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .page-template-default:not(.home) .compo-nos-equipements .wp-block-columns .wp-block-column p { padding-left: 10px; } } .page-template-default:not(.home) .wp-block-grdnrs-tarifs { border: 1px solid #68C9D0; border-radius: 15px; background-color: #ffffff; } .page-template-default:not(.home) .wp-block-grdnrs-tarifs__header { background: linear-gradient(174deg, #0551AF 0%, #68C9D0 100%) 0 0 no-repeat padding-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top-left-radius: 15px; border-top-right-radius: 15px; padding-top: 15px; padding-left: 26px; padding-bottom: 15px; } .page-template-default:not(.home) .wp-block-grdnrs-tarifs__header img { max-width: 30px; max-height: 30px; margin-right: 10px; -o-object-fit: contain; object-fit: contain; } .page-template-default:not(.home) .wp-block-grdnrs-tarifs__header h3 { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; font-size: clamp(15px, 0.48vw + 12.24px, 18px) !important; line-height: 1.667; margin-bottom: 0 !important; color: #ffffff !important; } .page-template-default:not(.home) .wp-block-grdnrs-tarifs__body li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 11px 25px; border-bottom: 1px solid #68C9D0; -webkit-transition: background 350ms ease; transition: background 350ms ease; cursor: pointer; } .page-template-default:not(.home) .wp-block-grdnrs-tarifs__body li:hover { background: rgba(104, 201, 208, 0.2); } .page-template-default:not(.home) .wp-block-grdnrs-tarifs__body li:last-of-type { border-bottom: none; } .page-template-default:not(.home) .wp-block-grdnrs-tarifs__body li span:nth-of-type(1) { color: #18224B; padding-right: 15px; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; } .page-template-default:not(.home) .wp-block-grdnrs-tarifs__body li span:nth-of-type(2) { min-width: 90px; text-align: right; color: #0551AF; } .page-template-default:not(.home) .wpforms-container, .page-template-default:not(.home) .gform_wrapper { margin-top: 25px !important; } .page-template-default:not(.home) .wpforms-container legend, .page-template-default:not(.home) .wpforms-container label, .page-template-default:not(.home) .gform_wrapper legend, .page-template-default:not(.home) .gform_wrapper label { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; color: #18224B; margin-bottom: 10px; } .page-template-default:not(.home) .wpforms-container .gfield_label_before_complex, .page-template-default:not(.home) .gform_wrapper .gfield_label_before_complex { display: none; } .page-template-default:not(.home) .wpforms-container label, .page-template-default:not(.home) .gform_wrapper label { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; margin-bottom: 6px; } .page-template-default:not(.home) .wpforms-container .gform_fields, .page-template-default:not(.home) .gform_wrapper .gform_fields { gap: 15px; } .page-template-default:not(.home) .wpforms-container input, .page-template-default:not(.home) .gform_wrapper input { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; color: #18224B; } .page-template-default:not(.home) .wpforms-container input[type=text], .page-template-default:not(.home) .wpforms-container input[type=email], .page-template-default:not(.home) .gform_wrapper input[type=text], .page-template-default:not(.home) .gform_wrapper input[type=email] { padding-top: 6px; padding-bottom: 6px; height: auto; border-radius: 5px; border-color: #18224B; } .page-template-default:not(.home) .wpforms-container textarea, .page-template-default:not(.home) .gform_wrapper textarea { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; padding-top: 4px; padding-bottom: 4px; border-radius: 5px; border-color: #18224B; } .page-template-default:not(.home) .wpforms-container input[type=submit], .page-template-default:not(.home) .wpforms-container button, .page-template-default:not(.home) .gform_wrapper input[type=submit], .page-template-default:not(.home) .gform_wrapper button { min-width: 140px !important; font-family: "Poppins", sans-serif !important; font-weight: 500 !important; font-style: normal; -webkit-box-shadow: none !important; box-shadow: none !important; position: relative !important; display: inline-block; background-color: #18224B !important; border: 2px solid #18224B !important; border-radius: 25px !important; color: #ffffff !important; font-size: 16px !important; text-align: center; line-height: 1 !important; vertical-align: middle; text-decoration: none; -webkit-transition: all 300ms ease !important; transition: all 300ms ease !important; cursor: pointer; padding: 12px 11px !important; } .page-template-default:not(.home) .wpforms-container input[type=submit]:hover, .page-template-default:not(.home) .wpforms-container button:hover, .page-template-default:not(.home) .gform_wrapper input[type=submit]:hover, .page-template-default:not(.home) .gform_wrapper button:hover { background-color: #68C9D0 !important; border-color: #68C9D0 !important; color: #18224B !important; cursor: pointer; text-decoration: none; outline: none; } .page-template-default:not(.home) .wpforms-container .wpforms-field-checkbox li, .page-template-default:not(.home) .gform_wrapper .wpforms-field-checkbox li { display: -webkit-box; display: -ms-flexbox; display: flex; } .page-template-default:not(.home) .wpforms-container .wpforms-field-checkbox li input, .page-template-default:not(.home) .gform_wrapper .wpforms-field-checkbox li input { margin-top: 0; } .page-template-default:not(.home) .gfield_required_text { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; font-size: 10px !important; } .page-template-default:not(.home) .gfield_description { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; font-size: 12px; color: #18224B; } .page-template-default:not(.home) .compo-tarifs { padding-bottom: clamp(35px, 15.05vw + -80.56px, 100px); padding-top: clamp(35px, 15.05vw + -80.56px, 100px); padding-left: 2.3vw; padding-right: 2.3vw; } .page-template-default:not(.home) .compo-tarifs .block-payment { max-width: 1357px; margin-left: auto; margin-right: auto; } .page-template-default:not(.home) .compo-tarifs .has-text-align-left { margin-left: 0 !important; } .page-template-default:not(.home) .compo-tarifs .wp-block-heading { margin-bottom: 45px; } .page-template-default:not(.home) .compo-tarifs .wp-block-columns { max-width: 1357px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 768px) { .page-template-default:not(.home) .compo-tarifs { padding-left: 15px; padding-right: 15px; padding-bottom: 35px; } .page-template-default:not(.home) .compo-tarifs .wp-block-heading { margin-bottom: 35px; } .page-template-default:not(.home) .compo-tarifs .block-payment { margin-top: 35px; } .page-template-default:not(.home) .compo-tarifs .wp-block-columns { gap: 35px; } } .page-template-default:not(.home) .wp-block-details { padding: 0; border-radius: 15px; margin-bottom: 15px; border: 1px solid #68C9D0; } .page-template-default:not(.home) .wp-block-details .details-content { margin-top: 0 !important; padding: 0px 34px 15px 34px; } .page-template-default:not(.home) .wp-block-details .details-content p { margin-top: 0 !important; font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; } .page-template-default:not(.home) .wp-block-details summary { font-family: "Poppins", sans-serif; font-weight: 500; font-style: normal; font-size: clamp(16px, 0.64vw + 12.32px, 20px); line-height: 1.5; text-transform: initial; padding: 15px 60px 15px 34px; } .page-template-default:not(.home) details summary { 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; position: relative; cursor: pointer; padding-block: 28px; } .page-template-default:not(.home) details summary:focus { outline-width: 0; } .page-template-default:not(.home) details summary:before, .page-template-default:not(.home) details summary:after { content: ""; position: absolute; right: 21px; top: 14px; width: 30px; height: 30px; background-repeat: no-repeat; background-position: center; background-size: contain; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .page-template-default:not(.home) details summary:before { background-image: url("../svg/icon-plus.svg"); } .page-template-default:not(.home) details summary:after { opacity: 0; background-image: url("../svg/icon-minus.svg"); } .page-template-default:not(.home) details summary::-webkit-details-marker { display: none; } .page-template-default:not(.home) details .details-content { -webkit-padding-after: 1em; padding-block-end: 1em; } .page-template-default:not(.home) details[open] summary:before { opacity: 0; } .page-template-default:not(.home) details[open] summary:after { opacity: 1; } .page-template-default:not(.home) .content-page { padding-left: 2.3vw; padding-right: 29px; } .page-template-default:not(.home) .content-page .gform_wrapper { max-width: 895px; } .page-template-default:not(.home) .content-page .wp-block-grdnrs-tarifs { margin-left: 0 !important; max-width: 895px; width: 100%; margin-bottom: 30px; } .page-template-default:not(.home) .content-page p a { font-family: "Poppins", sans-serif; font-weight: 600; font-style: normal; color: #68C9D0; text-decoration: underline; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .page-template-default:not(.home) .content-page p a:hover { color: #18224B; } .page-template-default:not(.home) .content-page .compo-tarifs { padding-right: 0; padding-left: 0; padding-bottom: 0; margin-top: clamp(0px, 1.9vw + -14.58px, 12px); } .page-template-default:not(.home) .content-page .compo-tarifs .wp-block-group.is-vertical { margin-left: 0 !important; margin-top: 0 !important; max-width: 100%; } .page-template-default:not(.home) .content-page .compo-tarifs .wp-block-heading { margin-left: 0 !important; } .page-template-default:not(.home) .content-page .compo-tarifs h3.wp-block-heading { margin-bottom: 22px; } .page-template-default:not(.home) .content-page .compo-tarifs .is-style-text-annotation, .page-template-default:not(.home) .content-page .compo-tarifs .block-left .wp-block-grdnrs-slider-acf-container .wp-block-grdnrs-slider-acf-item-caption, .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-slider-acf-container .compo-tarifs .wp-block-grdnrs-slider-acf-item-caption, .page-template-default:not(.home) .content-page .compo-tarifs .block-left .wp-element-caption, .page-template-default:not(.home) .content-page .block-left .compo-tarifs .wp-element-caption { padding-top: 16px; } .page-template-default:not(.home) .content-page .compo-tarifs .wp-block-grdnrs-tarifs { margin-left: 0 !important; max-width: 895px; width: 100%; margin-bottom: 30px; } .page-template-default:not(.home) .content-page .block-video .wp-block-heading { margin-bottom: 12px; } .page-template-default:not(.home) .content-page .wp-block-heading:not(.alignleft):not(.alignright):not(.alignfull) { margin-left: 0 !important; } .page-template-default:not(.home) .content-page .wp-block-group .wp-block-group { width: 100%; max-width: 100%; } .page-template-default:not(.home) .content-page > .wp-block-columns { max-width: 1822px; margin-left: auto; margin-right: auto; gap: 0; } .page-template-default:not(.home) .content-page .yoast-breadcrumbs, .page-template-default:not(.home) .content-page .entry-content { max-width: 100%; padding-left: 0; padding-right: 0; } .page-template-default:not(.home) .content-page .wp-block-group.is-vertical { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .page-template-default:not(.home) .content-page .wp-block-group.is-vertical:first-of-type { margin-bottom: clamp(35px, 0.32vw + 32.57px, 37px); } .page-template-default:not(.home) .content-page .yoast-breadcrumbs > span { padding-bottom: 19px; } .page-template-default:not(.home) .content-page .block-left { padding-left: 8.1vw; padding-right: 20px; } .page-template-default:not(.home) .content-page .block-left img { border-radius: 25px; -webkit-box-shadow: 5px 10px 30px rgba(0, 0, 0, 0.1); box-shadow: 5px 10px 30px rgba(0, 0, 0, 0.1); } .page-template-default:not(.home) .content-page .block-left h2 { margin-bottom: 14px; } .page-template-default:not(.home) .content-page .block-left h3 { margin-bottom: 26px; } .page-template-default:not(.home) .content-page .block-left .wp-block-column .wp-block-group.is-vertical h3 { margin-bottom: 0; } .page-template-default:not(.home) .content-page .block-left p { color: #18224B; } .page-template-default:not(.home) .content-page .block-left p:not([class]) { margin-top: 25px; } .page-template-default:not(.home) .content-page .block-left p:not([class]) strong { color: var(--wp--preset--color--blue); } .page-template-default:not(.home) .content-page .block-left .entry-content > .wp-block-columns { margin-top: clamp(35px, 5.54vw + -7.53px, 70px); } .page-template-default:not(.home) .content-page .block-left .wp-element-caption { margin-top: 0; margin-bottom: 0; padding-top: 12px; } .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-slider-acf-item .img-container { aspect-ratio: inherit; } .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-slider-acf-container .slick-slider-arrows { top: 46%; } .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-slider-acf-container .slick-slider-dots { padding-top: 21px; padding-bottom: 0; } .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-slider-acf-container .wp-block-grdnrs-slider-acf-item-caption { text-align: center; padding-left: 15px; padding-right: 15px; padding-top: 11px; } .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-slider-acf-container .slick-list { overflow: visible; } .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-slider-acf-container .slick-list .img-container { overflow: visible; } .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-slider-acf-container .slick-slide { overflow: visible; } .page-template-default:not(.home) .content-page .block-left .wp-block-group.is-vertical { margin-top: clamp(35px, 2.37vw + 16.77px, 50px); gap: 0; } .page-template-default:not(.home) .content-page .block-left .wp-block-group.is-vertical:first-of-type { margin-top: 0; } .page-template-default:not(.home) .content-page .block-left .wp-block-list { margin-top: 0; margin-bottom: 26px; } .page-template-default:not(.home) .content-page .block-left .wp-block-list li { font-family: "Poppins", sans-serif; font-weight: 400; font-style: normal; padding-left: 27px; position: relative; margin-bottom: 0px; } .page-template-default:not(.home) .content-page .block-left .wp-block-list li:last-of-type { margin-bottom: 0; } .page-template-default:not(.home) .content-page .block-left .wp-block-list li:before { content: ""; width: 5px; min-height: 5px; min-width: 5px; height: 5px; background-color: #18224B; border-radius: 50%; position: absolute; left: 11px; top: 13px; } .page-template-default:not(.home) .content-page .block-left .wp-block-columns .wp-block-image img { width: 100%; } .page-template-default:not(.home) .content-page .block-left .wp-block-buttons { margin-top: clamp(35px, 2.53vw + 15.56px, 51px); } .page-template-default:not(.home) .content-page .block-left .wp-block-separator { margin-top: clamp(35px, 4.43vw + 0.97px, 63px); margin-bottom: clamp(35px, 4.75vw + -1.46px, 65px); max-width: 100%; border-top: 1px solid #68C9D0 !important; } .page-template-default:not(.home) .content-page .block-left .compo-nos-equipements { padding-left: 0; padding-top: 38px; padding-right: 0; } .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-planning-piscine { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: clamp(35px, 4.43vw + 0.97px, 63px) !important; } .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-planning-piscine .planning-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-planning-piscine .left { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 0; padding-right: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-planning-piscine .left .button { margin-top: 0; margin-bottom: 0; margin-left: 0; } .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-planning-piscine .left p { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 5px; text-align: left; color: #0551AF; } .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-planning-piscine .left .selects { margin-right: 49px; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding-top: clamp(35px, 0.47vw + 31.35px, 38px); max-width: 340px; margin-left: 0; } .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-planning-piscine .right { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .page-template-default:not(.home) .content-page .block-left .wp-block-video { padding-top: 13px; } .page-template-default:not(.home) .content-page .block-left .wp-block-video iframe, .page-template-default:not(.home) .content-page .block-left .wp-block-video video { border-radius: 25px; -webkit-box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); aspect-ratio: 1202/676; } .page-template-default:not(.home) .content-page .block-right { padding-top: 72px; text-align: right; position: relative; } .page-template-default:not(.home) .content-page .block-right .wp-block-post-featured-image { position: sticky; top: 72px; } .page-template-default:not(.home) .content-page .block-right img { max-width: 380px; margin-left: auto; border-radius: 25px; -webkit-box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); box-shadow: 5px 15px 30px rgba(0, 0, 0, 0.2); } .page-template-default:not(.home) :where(.is-layout-flow) > :first-child { margin-top: 0 !important; } .page-template-default:not(.home) .wp-block-grdnrs-planning-piscine .selects:before { display: none; } .page-template-default:not(.home).template-no-thumbnail .content-page > .wp-block-columns { max-width: 1494px; } .page-template-default:not(.home).template-no-thumbnail .content-page .block-left { -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; padding-left: 0; padding-right: 0; } .page-template-default:not(.home).template-no-thumbnail .content-page .block-right { display: none; } @media screen and (min-width: 991px) { .page-template-default:not(.home) .wp-block-grdnrs-slider-acf-container .slick-arrow { width: 63px; height: 63px; } .page-template-default:not(.home) .wp-block-grdnrs-slider-acf-container .slick-arrow .picto-arrow { width: 34.5px; height: 21px; position: absolute; top: 21px; left: 13px; } .page-template-default:not(.home) .wp-block-grdnrs-slider-acf-container .slick-arrow .picto-arrow:before, .page-template-default:not(.home) .wp-block-grdnrs-slider-acf-container .slick-arrow .picto-arrow:after { content: ""; width: 34.5px; height: 21px; background-size: 34.5px 21px; background-position: center; -o-object-fit: cover; object-fit: cover; } .page-template-default:not(.home) .wp-block-grdnrs-slider-acf-container .slick-arrow .picto-arrow:before { background-image: url("../svg/icon-arrow-slider.svg"); } .page-template-default:not(.home) .wp-block-grdnrs-slider-acf-container .slick-arrow .picto-arrow:after { opacity: 0; background-image: url("../svg/icon-arrow-slider-white.svg"); } .page-template-default:not(.home) .wp-block-grdnrs-slider-acf-container .slick-arrow:hover .picto-arrow:before { opacity: 0; } .page-template-default:not(.home) .wp-block-grdnrs-slider-acf-container .slick-arrow:hover .picto-arrow:after { opacity: 1; } } @media screen and (max-width: 1400px) { .page-template-default:not(.home) .content-page { padding-left: 2.3vw; padding-right: 2.3vw; } .page-template-default:not(.home) .content-page .block-left { padding-left: 0px; } } @media screen and (max-width: 991px) { .page-template-default:not(.home) .content-page { --wp--preset--spacing--70: 15px; --wp--preset--spacing--40: 15px; padding-left: 15px; padding-right: 15px; } .page-template-default:not(.home) .content-page .block-left { -webkit-box-flex: 0 !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; padding-left: 0; padding-right: 0; } .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-planning-piscine .left { margin-left: auto; margin-right: auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-planning-piscine .left .selects { margin-left: 0; margin-right: 0; } .page-template-default:not(.home) .content-page .block-right { display: none; } .page-template-default:not(.home) .content-page .compo-tarifs .is-style-text-annotation, .page-template-default:not(.home) .content-page .compo-tarifs .block-left .wp-element-caption, .page-template-default:not(.home) .content-page .block-left .compo-tarifs .wp-element-caption, .page-template-default:not(.home) .content-page .compo-tarifs .block-left .wp-block-grdnrs-slider-acf-container .wp-block-grdnrs-slider-acf-item-caption, .page-template-default:not(.home) .content-page .block-left .wp-block-grdnrs-slider-acf-container .compo-tarifs .wp-block-grdnrs-slider-acf-item-caption { padding-top: 0px; padding-left: 0; } .page-template-default:not(.home) .content-page #equipement { margin-left: -15px; margin-right: -15px; } .page-template-default:not(.home) .content-page #equipement .wp-block-columns { margin-left: 0 !important; margin-right: 0 !important; } } @media screen and (max-width: 768px) { .page-template-default:not(.home) .content-page { --wp--preset--spacing--70: 0px; --wp--preset--spacing--40: 0px; } .page-template-default:not(.home) .content-page .block-left .wp-block-list li { padding-left: 15px; } .page-template-default:not(.home) .content-page .block-left .wp-block-list li:before { left: 4px; top: 10px; } } /*# sourceMappingURL=styles.css.map */