@charset "UTF-8"; /** * -------------------------------------------------------------------------------------------------------------- * HIERARCHIE SCSS : Du PLUS GLOBAL et PLUS PETIT -> au PLUS SPÉCIFIQUE et PLUS GRAND ( ORDRE IMPORTANT ! ) /**/ /** * -------------------------------------------------------------------------------------------------------------- * 0 : ROOT ( ORDRE IMPORTANT ! ) // * Root Math function /**/ /** * -------------------------------------------------------------------------------------------------------------- * 0 : RESSOURCES ( ORDRE IMPORTANT ! ) // * External libraries ressources /**/ .filter-block.direct .filter-group, .topbar-buttons .filter-group, .nice-select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #fff; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; cursor: pointer; display: block; font-family: inherit; font-size: 14px; font-weight: normal; outline: none; position: relative; text-align: left !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } .nice-select { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; border: solid 1px rgba(0, 23, 98, 0.2); line-height: 40px; } .nice-select:after { content: ""; margin-top: -4px; pointer-events: none; position: absolute; right: 12px; top: 42%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -webkit-transform: scale(0.7) rotate(45deg); transform: scale(0.7) rotate(45deg); width: 10px; display: inline-block; width: 15.638px; height: 10.243px; background-image: url('data:image/svg+xml,'); background-size: contain; background-repeat: no-repeat; -webkit-transform: scale(0.7); transform: scale(0.7); } .nice-select:hover { border-color: rgba(0, 23, 98, 0.3137254902); } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: rgba(0, 23, 98, 0.3137254902); } .nice-select.open:after { -webkit-transform: scale(0.7) rotate(-180deg); transform: scale(0.7) rotate(-180deg); right: 22px; top: 20%; } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select .list { width: 100% !important; padding: 5px !important; gap: 5px; display: -ms-grid; display: grid; } .nice-select .list li { background: #EEF3FE 0% 0% no-repeat padding-box; border-radius: 2px; opacity: 0.72; } .nice-select.disabled { border-color: rgba(0, 25, 108, 0.2); color: #001762; pointer-events: none; } .nice-select.disabled:after { border-color: #002fc8; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 0 0 1px rgba(0, 23, 98, 0.2); box-shadow: 0 0 0 1px rgba(0, 23, 98, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-21px); transform: scale(0.75) translateY(-21px); z-index: 9; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #EEF3FE; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #001762; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } /** * -------------------------------------------------------------------------------------------------------------- * 1 : PARAMETERS ( ORDRE IMPORTANT ! ) // * Main parameters /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /* -------------- * Report here the referential screen widths, given by the respective mockups * -------------- */ /** Report here the referential screen widths given by the respective mockups (used with "px-to-rem" or "ptr" functions) Be careful, sometimes the "desktop" models are in 1920, sometimes in 1480 (for ex) If you do not have a reference on a model dedicated to the tablet, you can choose to base either on the values provided by : the desktop model, or on those of the mobile model But here is the default referal value **/ /* -------------- * Report here all the breakpoints necessary, for the responsiveness of the site * -------------- */ /** Here are the start sizes of each breakpoint @mixin min-width(breakpoint) will depending on these values @mixin max-width(breakpoint) will depending on next breakpoint starting width -1 **/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED FUNCTIONS /**/ /* You shouldn't have to modify this */ /* -------------- * Create for each Breakpoint, its media query MIN-WIDTH * -------------- */ /* Each Breakpoint is assigned a min-width media query, according to the value of its starting width */ /* -------------- * Create for each breakpoint, its media query MAX-WIDTH * -------------- */ /* Each Breakpoint is assigned a max-width media query, depending on its next breakpoint starting width -1 */ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED FUNCTIONS /**/ /* No pixel size of the project should be determined directly, but must necessarily go through this function to inearly follow any resizing in view. You shouldn't have to modify anything here */ /* ------------- * Linear adaptation of pixel sizes according to the types of views of the models, the real view width of the screen * ------------ */ /* ------------- * Returns the minimum pixel size below which not to go, based on a coefficient applied to the detected font size * ------------- */ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /* Defines the coefficient (neutral by default) which could exceptionally be used a posteriori to adjust (increase or reduce) all the sizes which will be relative to it */ /* Sets the coefficient to apply to the font size so that it never falls below a given size */ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED FUNCTIONS /**/ /* You shouldn't have to modify this */ /* You shouldn't have to modify this */ /* Define a mixin to generate each variables names for Font Families and associate their values from the $font-sizes-values map above */ /* You shouldn't have to modify this */ /* When you use the themeFontFamily mixin, you can specify either a primary or secondary font family type, and it will select the correct font file directory and name accordingly. */ /* You shouldn't have to modify this */ /* Define a mixin to generate each variables names for Font Size and associate their values from the $font-sizes-values map above */ /* With this setup, you can call the font size and line height values like this: var(--font-size-43-tablet) var(--line-height-1-tablet)*/ /* You shouldn't have to modify this */ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED CLASSES & EXTENDS * Allways create both in order to be forced * directly on DOM or afterward in SCCS with @extend ! /**/ /* -------------- * Auto Create Theme Font Families Class Names And associate them by the function, to their corresponding variable value * -------------- /* You shouldn't have to modify this */ .font-family-Manrope-regular { font-family: var(--theme-font-Manrope-regular) !important; } .font-family-Manrope-medium { font-family: var(--theme-font-Manrope-medium) !important; } .font-family-Manrope-semibold { font-family: var(--theme-font-Manrope-semibold) !important; } .font-family-Manrope-bold { font-family: var(--theme-font-Manrope-bold) !important; } .font-family-Unbounded-semibold { font-family: var(--theme-font-Unbounded-semibold) !important; } .font-family-Unbounded-bold { font-family: var(--theme-font-Unbounded-bold) !important; } .font-family-Unbounded-black { font-family: var(--theme-font-Unbounded-black) !important; } /* -------------- * Auto Create Theme Font Sizes Class Names And associate them by the function, to their corresponding variable value * -------------- /* You shouldn't have to modify this */ @media (min-width: 0px) { .font-size-1 { font-size: var(--theme-font-size-1-mobile) !important; line-height: var(--theme-line-height-1-mobile); } } @media (min-width: 481px) { .font-size-1 { font-size: var(--theme-font-size-1-tablet) !important; line-height: var(--theme-line-height-1-tablet); } } @media (min-width: 1024px) { .font-size-1 { font-size: var(--theme-font-size-1-desktop) !important; line-height: var(--theme-line-height-1-desktop); } } @media (min-width: 1220px) { .font-size-1 { font-size: var(--theme-font-size-1-desktop-no-burger) !important; line-height: var(--theme-line-height-1-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-1 { font-size: var(--theme-font-size-1-desktop-full) !important; line-height: var(--theme-line-height-1-desktop-full); } } @media (min-width: 1750px) { .font-size-1 { font-size: var(--theme-font-size-1-desktop-large) !important; line-height: var(--theme-line-height-1-desktop-large); } } @media (min-width: 0px) { .font-size-2 { font-size: var(--theme-font-size-2-mobile) !important; line-height: var(--theme-line-height-2-mobile); } } @media (min-width: 481px) { .font-size-2 { font-size: var(--theme-font-size-2-tablet) !important; line-height: var(--theme-line-height-2-tablet); } } @media (min-width: 1024px) { .font-size-2 { font-size: var(--theme-font-size-2-desktop) !important; line-height: var(--theme-line-height-2-desktop); } } @media (min-width: 1220px) { .font-size-2 { font-size: var(--theme-font-size-2-desktop-no-burger) !important; line-height: var(--theme-line-height-2-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-2 { font-size: var(--theme-font-size-2-desktop-full) !important; line-height: var(--theme-line-height-2-desktop-full); } } @media (min-width: 1750px) { .font-size-2 { font-size: var(--theme-font-size-2-desktop-large) !important; line-height: var(--theme-line-height-2-desktop-large); } } @media (min-width: 0px) { .font-size-3 { font-size: var(--theme-font-size-3-mobile) !important; line-height: var(--theme-line-height-3-mobile); } } @media (min-width: 481px) { .font-size-3 { font-size: var(--theme-font-size-3-tablet) !important; line-height: var(--theme-line-height-3-tablet); } } @media (min-width: 1024px) { .font-size-3 { font-size: var(--theme-font-size-3-desktop) !important; line-height: var(--theme-line-height-3-desktop); } } @media (min-width: 1220px) { .font-size-3 { font-size: var(--theme-font-size-3-desktop-no-burger) !important; line-height: var(--theme-line-height-3-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-3 { font-size: var(--theme-font-size-3-desktop-full) !important; line-height: var(--theme-line-height-3-desktop-full); } } @media (min-width: 1750px) { .font-size-3 { font-size: var(--theme-font-size-3-desktop-large) !important; line-height: var(--theme-line-height-3-desktop-large); } } @media (min-width: 0px) { .font-size-4 { font-size: var(--theme-font-size-4-mobile) !important; line-height: var(--theme-line-height-4-mobile); } } @media (min-width: 481px) { .font-size-4 { font-size: var(--theme-font-size-4-tablet) !important; line-height: var(--theme-line-height-4-tablet); } } @media (min-width: 1024px) { .font-size-4 { font-size: var(--theme-font-size-4-desktop) !important; line-height: var(--theme-line-height-4-desktop); } } @media (min-width: 1220px) { .font-size-4 { font-size: var(--theme-font-size-4-desktop-no-burger) !important; line-height: var(--theme-line-height-4-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-4 { font-size: var(--theme-font-size-4-desktop-full) !important; line-height: var(--theme-line-height-4-desktop-full); } } @media (min-width: 1750px) { .font-size-4 { font-size: var(--theme-font-size-4-desktop-large) !important; line-height: var(--theme-line-height-4-desktop-large); } } @media (min-width: 0px) { .font-size-5 { font-size: var(--theme-font-size-5-mobile) !important; line-height: var(--theme-line-height-5-mobile); } } @media (min-width: 481px) { .font-size-5 { font-size: var(--theme-font-size-5-tablet) !important; line-height: var(--theme-line-height-5-tablet); } } @media (min-width: 1024px) { .font-size-5 { font-size: var(--theme-font-size-5-desktop) !important; line-height: var(--theme-line-height-5-desktop); } } @media (min-width: 1220px) { .font-size-5 { font-size: var(--theme-font-size-5-desktop-no-burger) !important; line-height: var(--theme-line-height-5-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-5 { font-size: var(--theme-font-size-5-desktop-full) !important; line-height: var(--theme-line-height-5-desktop-full); } } @media (min-width: 1750px) { .font-size-5 { font-size: var(--theme-font-size-5-desktop-large) !important; line-height: var(--theme-line-height-5-desktop-large); } } @media (min-width: 0px) { .font-size-6 { font-size: var(--theme-font-size-6-mobile) !important; line-height: var(--theme-line-height-6-mobile); } } @media (min-width: 481px) { .font-size-6 { font-size: var(--theme-font-size-6-tablet) !important; line-height: var(--theme-line-height-6-tablet); } } @media (min-width: 1024px) { .font-size-6 { font-size: var(--theme-font-size-6-desktop) !important; line-height: var(--theme-line-height-6-desktop); } } @media (min-width: 1220px) { .font-size-6 { font-size: var(--theme-font-size-6-desktop-no-burger) !important; line-height: var(--theme-line-height-6-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-6 { font-size: var(--theme-font-size-6-desktop-full) !important; line-height: var(--theme-line-height-6-desktop-full); } } @media (min-width: 1750px) { .font-size-6 { font-size: var(--theme-font-size-6-desktop-large) !important; line-height: var(--theme-line-height-6-desktop-large); } } @media (min-width: 0px) { .font-size-6-bis { font-size: var(--theme-font-size-6-bis-mobile) !important; line-height: var(--theme-line-height-6-bis-mobile); } } @media (min-width: 481px) { .font-size-6-bis { font-size: var(--theme-font-size-6-bis-tablet) !important; line-height: var(--theme-line-height-6-bis-tablet); } } @media (min-width: 1024px) { .font-size-6-bis { font-size: var(--theme-font-size-6-bis-desktop) !important; line-height: var(--theme-line-height-6-bis-desktop); } } @media (min-width: 1220px) { .font-size-6-bis { font-size: var(--theme-font-size-6-bis-desktop-no-burger) !important; line-height: var(--theme-line-height-6-bis-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-6-bis { font-size: var(--theme-font-size-6-bis-desktop-full) !important; line-height: var(--theme-line-height-6-bis-desktop-full); } } @media (min-width: 1750px) { .font-size-6-bis { font-size: var(--theme-font-size-6-bis-desktop-large) !important; line-height: var(--theme-line-height-6-bis-desktop-large); } } @media (min-width: 0px) { .font-size-7 { font-size: var(--theme-font-size-7-mobile) !important; line-height: var(--theme-line-height-7-mobile); } } @media (min-width: 481px) { .font-size-7 { font-size: var(--theme-font-size-7-tablet) !important; line-height: var(--theme-line-height-7-tablet); } } @media (min-width: 1024px) { .font-size-7 { font-size: var(--theme-font-size-7-desktop) !important; line-height: var(--theme-line-height-7-desktop); } } @media (min-width: 1220px) { .font-size-7 { font-size: var(--theme-font-size-7-desktop-no-burger) !important; line-height: var(--theme-line-height-7-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-7 { font-size: var(--theme-font-size-7-desktop-full) !important; line-height: var(--theme-line-height-7-desktop-full); } } @media (min-width: 1750px) { .font-size-7 { font-size: var(--theme-font-size-7-desktop-large) !important; line-height: var(--theme-line-height-7-desktop-large); } } @media (min-width: 0px) { .font-size-8 { font-size: var(--theme-font-size-8-mobile) !important; line-height: var(--theme-line-height-8-mobile); } } @media (min-width: 481px) { .font-size-8 { font-size: var(--theme-font-size-8-tablet) !important; line-height: var(--theme-line-height-8-tablet); } } @media (min-width: 1024px) { .font-size-8 { font-size: var(--theme-font-size-8-desktop) !important; line-height: var(--theme-line-height-8-desktop); } } @media (min-width: 1220px) { .font-size-8 { font-size: var(--theme-font-size-8-desktop-no-burger) !important; line-height: var(--theme-line-height-8-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-8 { font-size: var(--theme-font-size-8-desktop-full) !important; line-height: var(--theme-line-height-8-desktop-full); } } @media (min-width: 1750px) { .font-size-8 { font-size: var(--theme-font-size-8-desktop-large) !important; line-height: var(--theme-line-height-8-desktop-large); } } @media (min-width: 0px) { .font-size-9 { font-size: var(--theme-font-size-9-mobile) !important; line-height: var(--theme-line-height-9-mobile); } } @media (min-width: 481px) { .font-size-9 { font-size: var(--theme-font-size-9-tablet) !important; line-height: var(--theme-line-height-9-tablet); } } @media (min-width: 1024px) { .font-size-9 { font-size: var(--theme-font-size-9-desktop) !important; line-height: var(--theme-line-height-9-desktop); } } @media (min-width: 1220px) { .font-size-9 { font-size: var(--theme-font-size-9-desktop-no-burger) !important; line-height: var(--theme-line-height-9-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-9 { font-size: var(--theme-font-size-9-desktop-full) !important; line-height: var(--theme-line-height-9-desktop-full); } } @media (min-width: 1750px) { .font-size-9 { font-size: var(--theme-font-size-9-desktop-large) !important; line-height: var(--theme-line-height-9-desktop-large); } } @media (min-width: 0px) { .font-size-10 { font-size: var(--theme-font-size-10-mobile) !important; line-height: var(--theme-line-height-10-mobile); } } @media (min-width: 481px) { .font-size-10 { font-size: var(--theme-font-size-10-tablet) !important; line-height: var(--theme-line-height-10-tablet); } } @media (min-width: 1024px) { .font-size-10 { font-size: var(--theme-font-size-10-desktop) !important; line-height: var(--theme-line-height-10-desktop); } } @media (min-width: 1220px) { .font-size-10 { font-size: var(--theme-font-size-10-desktop-no-burger) !important; line-height: var(--theme-line-height-10-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-10 { font-size: var(--theme-font-size-10-desktop-full) !important; line-height: var(--theme-line-height-10-desktop-full); } } @media (min-width: 1750px) { .font-size-10 { font-size: var(--theme-font-size-10-desktop-large) !important; line-height: var(--theme-line-height-10-desktop-large); } } @media (min-width: 0px) { .font-size-11 { font-size: var(--theme-font-size-11-mobile) !important; line-height: var(--theme-line-height-11-mobile); } } @media (min-width: 481px) { .font-size-11 { font-size: var(--theme-font-size-11-tablet) !important; line-height: var(--theme-line-height-11-tablet); } } @media (min-width: 1024px) { .font-size-11 { font-size: var(--theme-font-size-11-desktop) !important; line-height: var(--theme-line-height-11-desktop); } } @media (min-width: 1220px) { .font-size-11 { font-size: var(--theme-font-size-11-desktop-no-burger) !important; line-height: var(--theme-line-height-11-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-11 { font-size: var(--theme-font-size-11-desktop-full) !important; line-height: var(--theme-line-height-11-desktop-full); } } @media (min-width: 1750px) { .font-size-11 { font-size: var(--theme-font-size-11-desktop-large) !important; line-height: var(--theme-line-height-11-desktop-large); } } @media (min-width: 0px) { .font-size-12 { font-size: var(--theme-font-size-12-mobile) !important; line-height: var(--theme-line-height-12-mobile); } } @media (min-width: 481px) { .font-size-12 { font-size: var(--theme-font-size-12-tablet) !important; line-height: var(--theme-line-height-12-tablet); } } @media (min-width: 1024px) { .font-size-12 { font-size: var(--theme-font-size-12-desktop) !important; line-height: var(--theme-line-height-12-desktop); } } @media (min-width: 1220px) { .font-size-12 { font-size: var(--theme-font-size-12-desktop-no-burger) !important; line-height: var(--theme-line-height-12-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-12 { font-size: var(--theme-font-size-12-desktop-full) !important; line-height: var(--theme-line-height-12-desktop-full); } } @media (min-width: 1750px) { .font-size-12 { font-size: var(--theme-font-size-12-desktop-large) !important; line-height: var(--theme-line-height-12-desktop-large); } } @media (min-width: 0px) { .font-size-13 { font-size: var(--theme-font-size-13-mobile) !important; line-height: var(--theme-line-height-13-mobile); } } @media (min-width: 481px) { .font-size-13 { font-size: var(--theme-font-size-13-tablet) !important; line-height: var(--theme-line-height-13-tablet); } } @media (min-width: 1024px) { .font-size-13 { font-size: var(--theme-font-size-13-desktop) !important; line-height: var(--theme-line-height-13-desktop); } } @media (min-width: 1220px) { .font-size-13 { font-size: var(--theme-font-size-13-desktop-no-burger) !important; line-height: var(--theme-line-height-13-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-13 { font-size: var(--theme-font-size-13-desktop-full) !important; line-height: var(--theme-line-height-13-desktop-full); } } @media (min-width: 1750px) { .font-size-13 { font-size: var(--theme-font-size-13-desktop-large) !important; line-height: var(--theme-line-height-13-desktop-large); } } @media (min-width: 0px) { .font-size-14 { font-size: var(--theme-font-size-14-mobile) !important; line-height: var(--theme-line-height-14-mobile); } } @media (min-width: 481px) { .font-size-14 { font-size: var(--theme-font-size-14-tablet) !important; line-height: var(--theme-line-height-14-tablet); } } @media (min-width: 1024px) { .font-size-14 { font-size: var(--theme-font-size-14-desktop) !important; line-height: var(--theme-line-height-14-desktop); } } @media (min-width: 1220px) { .font-size-14 { font-size: var(--theme-font-size-14-desktop-no-burger) !important; line-height: var(--theme-line-height-14-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-14 { font-size: var(--theme-font-size-14-desktop-full) !important; line-height: var(--theme-line-height-14-desktop-full); } } @media (min-width: 1750px) { .font-size-14 { font-size: var(--theme-font-size-14-desktop-large) !important; line-height: var(--theme-line-height-14-desktop-large); } } @media (min-width: 0px) { .font-size-15 { font-size: var(--theme-font-size-15-mobile) !important; line-height: var(--theme-line-height-15-mobile); } } @media (min-width: 481px) { .font-size-15 { font-size: var(--theme-font-size-15-tablet) !important; line-height: var(--theme-line-height-15-tablet); } } @media (min-width: 1024px) { .font-size-15 { font-size: var(--theme-font-size-15-desktop) !important; line-height: var(--theme-line-height-15-desktop); } } @media (min-width: 1220px) { .font-size-15 { font-size: var(--theme-font-size-15-desktop-no-burger) !important; line-height: var(--theme-line-height-15-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-15 { font-size: var(--theme-font-size-15-desktop-full) !important; line-height: var(--theme-line-height-15-desktop-full); } } @media (min-width: 1750px) { .font-size-15 { font-size: var(--theme-font-size-15-desktop-large) !important; line-height: var(--theme-line-height-15-desktop-large); } } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED CLASSES & EXTENDS * Allways create both in order to be forced * directly on DOM or afterward in SCCS with @extend ! /**/ /* Create here as much as needed... */ .bold { font-weight: bold; } .opacity-80 { opacity: 0.8; } .opacity-70 { opacity: 0.7; } .p-opacity-70 > p { opacity: 0.7; } .opacity-50 { opacity: 0.5; } .uppercase, .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_fields .gform_fields fieldset .gfield_radio, .very-little-font, .gfield_radio label span { text-transform: uppercase; } .text-center { text-align: center; } .text-left { text-align: left; } @font-face { font-family: "FontAwesome"; src: url("../fonts/fontawesome-webfont.eot"); } /** * -------------------------------------------------------------------------------------------------------------- * ELEMENTS APPLICATIONS /**/ /* Now assign here each variation of each font family declined here in a decreasing order defined above to all similar elements You shouldn't have to modify the content */ h5.bold, span:not(.h1, .h2, .h2-number, .super-extra-h1, h1 > span, h2 > span, h3.semi-bold > span, h5 > span) { font-family: var(--theme-font-Manrope-bold) !important; } .font-family-Manrope-semibold, h4.semi-bold, p.semi-bold, h6:not(.unbounded-semibold), h4:not(.unbounded-semibold, .h2), .form-newsletter .gfield_label, button, #starting_point_select input, #starting_point_select li, h5:not(.bold), .gfield_radio label, .very-little-font, .gfield_radio label span, .gfield_description, li.term, li.child-term, .card-link a, .contact .container a.cta-secondary, .cta-secondary, .container.link a, .gfield_label, .gfield_required, .gform label, .gfield--type-textarea label, span.regular, .ginput_container input { font-family: var(--theme-font-Manrope-semibold) !important; } .font-family-Manrope-medium, h3:not(body.single-post h3, .semi-bold), body:has(.type-banner.legals) h3, body:has(.type-banner.legals) h3 span, .form-newsletter input, .gform_confirmation_message, .ginput_container label, .little-font, .legals-navigation a, .type-breadcrumb a, .type-g h5, .fil-ariane-link, .slide-partenaires .small-text, .font-medium p:not(.semi-bold), .font-medium li, .contact .container a:not(.cta-secondary), p:not(.semi-bold, .author-name), li, p.medium, h4:not(.small-text):not(.big-text):not(.semi-bold):not(.unbounded-semibold):not(.h2) { font-family: var(--theme-font-Manrope-medium) !important; } footer ul:not(#menu-legals) > li:not(.unbounded-semibold) > a:not(.fil-ariane-link) { font-family: var(--theme-font-Manrope-regular) !important; } /* Do the same if secondary family... */ .font-family-Unbounded-black, h1, h1 > span, .h1, .mega-extra-h1, .super-extra-h1, .extra-h1, .extra-h1 a, #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li a { font-family: var(--theme-font-Unbounded-black) !important; } .font-family-Unbounded-bold, h2, h2 > span, .gsection_title, .gform_confirmation_message h3, .slide-partenaires, .extra-bold, span.h2-number, .h2 { font-family: var(--theme-font-Unbounded-bold) !important; } header ul:not(#menu-legals) > li > a:not(.fil-ariane-link), footer ul:not(#menu-legals) > li.unbounded-semibold > a:not(.fil-ariane-link), .cta-primary, .cta-tertiary, p.author-name, h6.unbounded-semibold, h3.semi-bold, .pagination li a, h5 > span, h4.unbounded-semibold, body.single-post h3, body:has(.type-banner.legals) h3, body:has(.type-banner.legals) h3 span, body:has(.type-banner.legals) h4, body:has(.type-banner.legals) h4 strong { font-family: var(--theme-font-Unbounded-semibold) !important; } /* Now assign here each variation of each font size declined here in a decreasing order defined above to all similar elements You shouldn't have to modify the content */ :root { /* The @font-face declarations use nth() to extract the font file name and directory dynamically based on whether the font is primary or secondary. */ /* The @font-face declarations use nth() to extract the font file name and directory dynamically based on whether the font is primary or secondary. */ /* The @font-face declarations use nth() to extract the font file name and directory dynamically based on whether the font is primary or secondary. */ /* The @font-face declarations use nth() to extract the font file name and directory dynamically based on whether the font is primary or secondary. */ /* The @font-face declarations use nth() to extract the font file name and directory dynamically based on whether the font is primary or secondary. */ /* The @font-face declarations use nth() to extract the font file name and directory dynamically based on whether the font is primary or secondary. */ /* The @font-face declarations use nth() to extract the font file name and directory dynamically based on whether the font is primary or secondary. */ --theme-font-Manrope-regular: Manrope-regular; --theme-font-Manrope-medium: Manrope-medium; --theme-font-Manrope-semibold: Manrope-semibold; --theme-font-Manrope-bold: Manrope-bold; --theme-font-Unbounded-semibold: Unbounded-semibold; --theme-font-Unbounded-bold: Unbounded-bold; --theme-font-Unbounded-black: Unbounded-black; --theme-font-size-1-mobile: calc(0.1025641026 * 1 * 100vw); --theme-line-height-1-mobile: calc(0.1282051282 * 1 * 100vw); --theme-font-size-1-tablet: calc(0.0695121951 * 1 * 100vw); --theme-line-height-1-tablet: calc(0.0863414634 * 1 * 100vw); --theme-font-size-1-desktop: calc(0.0659722222 * 1 * 100vw); --theme-line-height-1-desktop: calc(0.0819444444 * 1 * 100vw); --theme-font-size-1-desktop-no-burger: calc(0.059375 * 1 * 100vw); --theme-line-height-1-desktop-no-burger: calc(0.07375 * 1 * 100vw); --theme-font-size-1-desktop-full: calc(0.059375 * 1 * 100vw); --theme-line-height-1-desktop-full: calc(0.07375 * 1 * 100vw); --theme-font-size-1-desktop-large: max(0.0659722222 * 1 * 100vw, 76px); --theme-line-height-1-desktop-large: calc(0.0819444444 * 1 * 100vw); --theme-font-size-2-mobile: calc(0.0769230769 * 1 * 100vw); --theme-line-height-2-mobile: calc(0.0871794872 * 1 * 100vw); --theme-font-size-2-tablet: calc(0.043902439 * 1 * 100vw); --theme-line-height-2-tablet: calc(0.0548780488 * 1 * 100vw); --theme-font-size-2-desktop: calc(0.0416666667 * 1 * 100vw); --theme-line-height-2-desktop: calc(0.0520833333 * 1 * 100vw); --theme-font-size-2-desktop-no-burger: calc(0.0375 * 1 * 100vw); --theme-line-height-2-desktop-no-burger: calc(0.046875 * 1 * 100vw); --theme-font-size-2-desktop-full: calc(0.0375 * 1 * 100vw); --theme-line-height-2-desktop-full: calc(0.046875 * 1 * 100vw); --theme-font-size-2-desktop-large: max(0.0416666667 * 1 * 100vw, 48px); --theme-line-height-2-desktop-large: calc(0.0520833333 * 1 * 100vw); --theme-font-size-3-mobile: calc(0.0769230769 * 1 * 100vw); --theme-line-height-3-mobile: calc(0.0871794872 * 1 * 100vw); --theme-font-size-3-tablet: calc(0.0329268293 * 1 * 100vw); --theme-line-height-3-tablet: calc(0.043902439 * 1 * 100vw); --theme-font-size-3-desktop: calc(0.03125 * 1 * 100vw); --theme-line-height-3-desktop: calc(0.0416666667 * 1 * 100vw); --theme-font-size-3-desktop-no-burger: calc(0.028125 * 1 * 100vw); --theme-line-height-3-desktop-no-burger: calc(0.0375 * 1 * 100vw); --theme-font-size-3-desktop-full: calc(0.028125 * 1 * 100vw); --theme-line-height-3-desktop-full: calc(0.0375 * 1 * 100vw); --theme-font-size-3-desktop-large: max(0.03125 * 1 * 100vw, 36px); --theme-line-height-3-desktop-large: calc(0.0416666667 * 1 * 100vw); --theme-font-size-4-mobile: calc(0.0666666667 * 1 * 100vw); --theme-line-height-4-mobile: calc(0.1538461538 * 1 * 100vw); --theme-font-size-4-tablet: calc(0.0329268293 * 1 * 100vw); --theme-line-height-4-tablet: calc(0.043902439 * 1 * 100vw); --theme-font-size-4-desktop: calc(0.03125 * 1 * 100vw); --theme-line-height-4-desktop: calc(0.0416666667 * 1 * 100vw); --theme-font-size-4-desktop-no-burger: calc(0.028125 * 1 * 100vw); --theme-line-height-4-desktop-no-burger: calc(0.0375 * 1 * 100vw); --theme-font-size-4-desktop-full: calc(0.028125 * 1 * 100vw); --theme-line-height-4-desktop-full: calc(0.0375 * 1 * 100vw); --theme-font-size-4-desktop-large: max(0.03125 * 1 * 100vw, 36px); --theme-line-height-4-desktop-large: calc(0.0416666667 * 1 * 100vw); --theme-font-size-5-mobile: calc(0.0564102564 * 1 * 100vw); --theme-line-height-5-mobile: calc(0.0717948718 * 1 * 100vw); --theme-font-size-5-tablet: calc(0.0329268293 * 1 * 100vw); --theme-line-height-5-tablet: calc(0.043902439 * 1 * 100vw); --theme-font-size-5-desktop: calc(0.03125 * 1 * 100vw); --theme-line-height-5-desktop: calc(0.0416666667 * 1 * 100vw); --theme-font-size-5-desktop-no-burger: calc(0.028125 * 1 * 100vw); --theme-line-height-5-desktop-no-burger: calc(0.0375 * 1 * 100vw); --theme-font-size-5-desktop-full: calc(0.03125 * 1 * 100vw); --theme-line-height-5-desktop-full: calc(0.0416666667 * 1 * 100vw); --theme-font-size-5-desktop-large: max(0.03125 * 1 * 100vw, 36px); --theme-line-height-5-desktop-large: calc(0.0416666667 * 1 * 100vw); --theme-font-size-6-mobile: calc(0.0564102564 * 1 * 100vw); --theme-line-height-6-mobile: calc(0.0717948718 * 1 * 100vw); --theme-font-size-6-tablet: calc(0.0219512195 * 1 * 100vw); --theme-line-height-6-tablet: calc(0.0329268293 * 1 * 100vw); --theme-font-size-6-desktop: calc(0.0208333333 * 1 * 100vw); --theme-line-height-6-desktop: calc(0.03125 * 1 * 100vw); --theme-font-size-6-desktop-no-burger: calc(0.01875 * 1 * 100vw); --theme-line-height-6-desktop-no-burger: calc(0.028125 * 1 * 100vw); --theme-font-size-6-desktop-full: calc(0.01875 * 1 * 100vw); --theme-line-height-6-desktop-full: calc(0.028125 * 1 * 100vw); --theme-font-size-6-desktop-large: max(0.0208333333 * 1 * 100vw, 24px); --theme-line-height-6-desktop-large: calc(0.03125 * 1 * 100vw); --theme-font-size-6-bis-mobile: calc(0.0461538462 * 1 * 100vw); --theme-line-height-6-bis-mobile: calc(0.0564102564 * 1 * 100vw); --theme-font-size-6-bis-tablet: calc(0.0219512195 * 1 * 100vw); --theme-line-height-6-bis-tablet: calc(0.0329268293 * 1 * 100vw); --theme-font-size-6-bis-desktop: calc(0.0208333333 * 1 * 100vw); --theme-line-height-6-bis-desktop: calc(0.03125 * 1 * 100vw); --theme-font-size-6-bis-desktop-no-burger: calc(0.01875 * 1 * 100vw); --theme-line-height-6-bis-desktop-no-burger: calc(0.028125 * 1 * 100vw); --theme-font-size-6-bis-desktop-full: calc(0.01875 * 1 * 100vw); --theme-line-height-6-bis-desktop-full: calc(0.028125 * 1 * 100vw); --theme-font-size-6-bis-desktop-large: max(0.0208333333 * 1 * 100vw, 24px); --theme-line-height-6-bis-desktop-large: calc(0.03125 * 1 * 100vw); --theme-font-size-7-mobile: calc(0.041025641 * 1 * 100vw); --theme-line-height-7-mobile: calc(0.0512820513 * 1 * 100vw); --theme-font-size-7-tablet: calc(0.0131707317 * 1 * 100vw); --theme-line-height-7-tablet: calc(0.016097561 * 1 * 100vw); --theme-font-size-7-desktop: calc(0.0125 * 1 * 100vw); --theme-line-height-7-desktop: calc(0.0152777778 * 1 * 100vw); --theme-font-size-7-desktop-no-burger: calc(0.01125 * 1 * 100vw); --theme-line-height-7-desktop-no-burger: calc(0.01375 * 1 * 100vw); --theme-font-size-7-desktop-full: calc(0.01125 * 1 * 100vw); --theme-line-height-7-desktop-full: calc(0.01375 * 1 * 100vw); --theme-font-size-7-desktop-large: max(0.0125 * 1 * 100vw, 14.4px); --theme-line-height-7-desktop-large: calc(0.0152777778 * 1 * 100vw); --theme-font-size-8-mobile: calc(0.0358974359 * 1 * 100vw); --theme-line-height-8-mobile: calc(0.0435897436 * 1 * 100vw); --theme-font-size-8-tablet: calc(0.0131707317 * 1 * 100vw); --theme-line-height-8-tablet: calc(0.016097561 * 1 * 100vw); --theme-font-size-8-desktop: calc(0.0125 * 1 * 100vw); --theme-line-height-8-desktop: calc(0.0152777778 * 1 * 100vw); --theme-font-size-8-desktop-no-burger: calc(0.01125 * 1 * 100vw); --theme-line-height-8-desktop-no-burger: calc(0.01375 * 1 * 100vw); --theme-font-size-8-desktop-full: calc(0.01125 * 1 * 100vw); --theme-line-height-8-desktop-full: calc(0.01375 * 1 * 100vw); --theme-font-size-8-desktop-large: max(0.0125 * 1 * 100vw, 14.4px); --theme-line-height-8-desktop-large: calc(0.0152777778 * 1 * 100vw); --theme-font-size-9-mobile: calc(0.0307692308 * 1 * 100vw); --theme-line-height-9-mobile: calc(0.0384615385 * 1 * 100vw); --theme-font-size-9-tablet: calc(0.0131707317 * 1 * 100vw); --theme-line-height-9-tablet: calc(0.016097561 * 1 * 100vw); --theme-font-size-9-desktop: calc(0.0125 * 1 * 100vw); --theme-line-height-9-desktop: calc(0.0152777778 * 1 * 100vw); --theme-font-size-9-desktop-no-burger: calc(0.01125 * 1 * 100vw); --theme-line-height-9-desktop-no-burger: calc(0.01375 * 1 * 100vw); --theme-font-size-9-desktop-full: calc(0.01125 * 1 * 100vw); --theme-line-height-9-desktop-full: calc(0.01375 * 1 * 100vw); --theme-font-size-9-desktop-large: max(0.0125 * 1 * 100vw, 14.4px); --theme-line-height-9-desktop-large: calc(0.0152777778 * 1 * 100vw); --theme-font-size-10-mobile: calc(0.0358974359 * 1 * 100vw); --theme-line-height-10-mobile: calc(0.0461538462 * 1 * 100vw); --theme-font-size-10-tablet: calc(0.0117073171 * 1 * 100vw); --theme-line-height-10-tablet: calc(0.013902439 * 1 * 100vw); --theme-font-size-10-desktop: calc(0.0144444444 * 1 * 100vw); --theme-line-height-10-desktop: calc(0.0171527778 * 1 * 100vw); --theme-font-size-10-desktop-no-burger: calc(0.0133333333 * 1 * 100vw); --theme-line-height-10-desktop-no-burger: calc(0.0158333333 * 1 * 100vw); --theme-font-size-10-desktop-full: calc(0.0111111111 * 1 * 100vw); --theme-line-height-10-desktop-full: calc(0.0131944444 * 1 * 100vw); --theme-font-size-10-desktop-large: max(0.0111111111 * 1 * 100vw, 12.8px); --theme-line-height-10-desktop-large: calc(0.0131944444 * 1 * 100vw); --theme-font-size-11-mobile: calc(0.0205128205 * 1 * 100vw); --theme-line-height-11-mobile: calc(0.0256410256 * 1 * 100vw); --theme-font-size-11-tablet: calc(0.0117073171 * 1 * 100vw); --theme-line-height-11-tablet: calc(0.0146341463 * 1 * 100vw); --theme-font-size-11-desktop: calc(0.0144444444 * 1 * 100vw); --theme-line-height-11-desktop: calc(0.0180555556 * 1 * 100vw); --theme-font-size-11-desktop-no-burger: calc(0.0133333333 * 1 * 100vw); --theme-line-height-11-desktop-no-burger: calc(0.0166666667 * 1 * 100vw); --theme-font-size-11-desktop-full: calc(0.0111111111 * 1 * 100vw); --theme-line-height-11-desktop-full: calc(0.0138888889 * 1 * 100vw); --theme-font-size-11-desktop-large: max(0.0111111111 * 1 * 100vw, 12.8px); --theme-line-height-11-desktop-large: calc(0.0138888889 * 1 * 100vw); --theme-font-size-12-mobile: calc(0.0307692308 * 1 * 100vw); --theme-line-height-12-mobile: calc(0.0384615385 * 1 * 100vw); --theme-font-size-12-tablet: calc(0.0095121951 * 1 * 100vw); --theme-line-height-12-tablet: calc(0.0117073171 * 1 * 100vw); --theme-font-size-12-desktop: calc(0.0117361111 * 1 * 100vw); --theme-line-height-12-desktop: calc(0.0144444444 * 1 * 100vw); --theme-font-size-12-desktop-no-burger: calc(0.0108333333 * 1 * 100vw); --theme-line-height-12-desktop-no-burger: calc(0.0133333333 * 1 * 100vw); --theme-font-size-12-desktop-full: calc(0.0090277778 * 1 * 100vw); --theme-line-height-12-desktop-full: calc(0.0111111111 * 1 * 100vw); --theme-font-size-12-desktop-large: max(0.0090277778 * 1 * 100vw, 10.4px); --theme-line-height-12-desktop-large: calc(0.0111111111 * 1 * 100vw); --theme-font-size-13-mobile: calc(0.0461538462 * 1 * 100vw); --theme-line-height-13-mobile: calc(0.0564102564 * 1 * 100vw); --theme-font-size-13-tablet: calc(0.0146341463 * 1 * 100vw); --theme-line-height-13-tablet: calc(0.0182926829 * 1 * 100vw); --theme-font-size-13-desktop: calc(0.0083333333 * 1 * 100vw); --theme-line-height-13-desktop: calc(0.0104166667 * 1 * 100vw); --theme-font-size-13-desktop-no-burger: calc(0.0075 * 1 * 100vw); --theme-line-height-13-desktop-no-burger: calc(0.009375 * 1 * 100vw); --theme-font-size-13-desktop-full: calc(0.0075 * 1 * 100vw); --theme-line-height-13-desktop-full: calc(0.009375 * 1 * 100vw); --theme-font-size-13-desktop-large: max(0.0083333333 * 1 * 100vw, 9.6px); --theme-line-height-13-desktop-large: calc(0.0104166667 * 1 * 100vw); --theme-font-size-14-mobile: calc(0.0307692308 * 1 * 100vw); --theme-line-height-14-mobile: calc(0.0384615385 * 1 * 100vw); --theme-font-size-14-tablet: calc(0.0146341463 * 1 * 100vw); --theme-line-height-14-tablet: calc(0.0182926829 * 1 * 100vw); --theme-font-size-14-desktop: calc(0.0108333333 * 1 * 100vw); --theme-line-height-14-desktop: calc(0.0135416667 * 1 * 100vw); --theme-font-size-14-desktop-no-burger: calc(0.01 * 1 * 100vw); --theme-line-height-14-desktop-no-burger: calc(0.0125 * 1 * 100vw); --theme-font-size-14-desktop-full: calc(0.0083333333 * 1 * 100vw); --theme-line-height-14-desktop-full: calc(0.0104166667 * 1 * 100vw); --theme-font-size-14-desktop-large: max(0.0083333333 * 1 * 100vw, 9.6px); --theme-line-height-14-desktop-large: calc(0.0104166667 * 1 * 100vw); --theme-font-size-15-mobile: calc(0.0256410256 * 1 * 100vw); --theme-line-height-15-mobile: calc(0.0307692308 * 1 * 100vw); --theme-font-size-15-tablet: calc(0.0117073171 * 1 * 100vw); --theme-line-height-15-tablet: calc(0.0136585366 * 1 * 100vw); --theme-font-size-15-desktop: calc(0.0108333333 * 1 * 100vw); --theme-line-height-15-desktop: calc(0.0126388889 * 1 * 100vw); --theme-font-size-15-desktop-no-burger: calc(0.01 * 1 * 100vw); --theme-line-height-15-desktop-no-burger: calc(0.0125 * 1 * 100vw); --theme-font-size-15-desktop-full: calc(0.0083333333 * 1 * 100vw); --theme-line-height-15-desktop-full: calc(0.0097222222 * 1 * 100vw); --theme-font-size-15-desktop-large: max(0.0083333333 * 1 * 100vw, 9.6px); --theme-line-height-15-desktop-large: calc(0.0097222222 * 1 * 100vw); } @font-face { font-family: "Manrope-regular"; src: url("../fonts/Manrope/Manrope-Regular.ttf") format("truetype"), url("../fonts/Manrope/Manrope-Regular.woff2") format("woff2"), url("../fonts/Manrope/Manrope-Regular.woff") format("woff"); font-weight: Manrope-regular; font-style: normal; font-display: swap; } @font-face { font-family: "Manrope-medium"; src: url("../fonts/Manrope/Manrope-Medium.ttf") format("truetype"), url("../fonts/Manrope/Manrope-Medium.woff2") format("woff2"), url("../fonts/Manrope/Manrope-Medium.woff") format("woff"); font-weight: Manrope-medium; font-style: normal; font-display: swap; } @font-face { font-family: "Manrope-semibold"; src: url("../fonts/Manrope/Manrope-SemiBold.ttf") format("truetype"), url("../fonts/Manrope/Manrope-SemiBold.woff2") format("woff2"), url("../fonts/Manrope/Manrope-SemiBold.woff") format("woff"); font-weight: Manrope-semibold; font-style: normal; font-display: swap; } @font-face { font-family: "Manrope-bold"; src: url("../fonts/Manrope/Manrope-Bold.ttf") format("truetype"), url("../fonts/Manrope/Manrope-Bold.woff2") format("woff2"), url("../fonts/Manrope/Manrope-Bold.woff") format("woff"); font-weight: Manrope-bold; font-style: normal; font-display: swap; } @font-face { font-family: "Unbounded-semibold"; src: url("../fonts/Unbounded/Unbounded-SemiBold.ttf") format("truetype"), url("../fonts/Unbounded/Unbounded-SemiBold.woff2") format("woff2"), url("../fonts/Unbounded/Unbounded-SemiBold.woff") format("woff"); font-weight: Unbounded-semibold; font-style: normal; font-display: swap; } @font-face { font-family: "Unbounded-bold"; src: url("../fonts/Unbounded/Unbounded-Bold.ttf") format("truetype"), url("../fonts/Unbounded/Unbounded-Bold.woff2") format("woff2"), url("../fonts/Unbounded/Unbounded-Bold.woff") format("woff"); font-weight: Unbounded-bold; font-style: normal; font-display: swap; } @font-face { font-family: "Unbounded-black"; src: url("../fonts/Unbounded/Unbounded-Black.ttf") format("truetype"), url("../fonts/Unbounded/Unbounded-Black.woff2") format("woff2"), url("../fonts/Unbounded/Unbounded-Black.woff") format("woff"); font-weight: Unbounded-black; font-style: normal; font-display: swap; } @media (min-width: 0px) { .super-extra-h1, .extra-h1, .extra-h1 a { font-size: var(--theme-font-size-1-mobile) !important; line-height: var(--theme-line-height-1-mobile); } } @media (min-width: 481px) { .super-extra-h1, .extra-h1, .extra-h1 a { font-size: var(--theme-font-size-1-tablet) !important; line-height: var(--theme-line-height-1-tablet); } } @media (min-width: 1024px) { .super-extra-h1, .extra-h1, .extra-h1 a { font-size: var(--theme-font-size-1-desktop) !important; line-height: var(--theme-line-height-1-desktop); } } @media (min-width: 1220px) { .super-extra-h1, .extra-h1, .extra-h1 a { font-size: var(--theme-font-size-1-desktop-no-burger) !important; line-height: var(--theme-line-height-1-desktop-no-burger); } } @media (min-width: 1425px) { .super-extra-h1, .extra-h1, .extra-h1 a { font-size: var(--theme-font-size-1-desktop-full) !important; line-height: var(--theme-line-height-1-desktop-full); } } @media (min-width: 1750px) { .super-extra-h1, .extra-h1, .extra-h1 a { font-size: var(--theme-font-size-1-desktop-large) !important; line-height: var(--theme-line-height-1-desktop-large); } } @media (min-width: 0px) { h1, h1 > span, .h1 { font-size: var(--theme-font-size-2-mobile) !important; line-height: var(--theme-line-height-2-mobile); } } @media (min-width: 481px) { h1, h1 > span, .h1 { font-size: var(--theme-font-size-2-tablet) !important; line-height: var(--theme-line-height-2-tablet); } } @media (min-width: 1024px) { h1, h1 > span, .h1 { font-size: var(--theme-font-size-2-desktop) !important; line-height: var(--theme-line-height-2-desktop); } } @media (min-width: 1220px) { h1, h1 > span, .h1 { font-size: var(--theme-font-size-2-desktop-no-burger) !important; line-height: var(--theme-line-height-2-desktop-no-burger); } } @media (min-width: 1425px) { h1, h1 > span, .h1 { font-size: var(--theme-font-size-2-desktop-full) !important; line-height: var(--theme-line-height-2-desktop-full); } } @media (min-width: 1750px) { h1, h1 > span, .h1 { font-size: var(--theme-font-size-2-desktop-large) !important; line-height: var(--theme-line-height-2-desktop-large); } } @media (min-width: 0px) { h1.min, .h2-number { font-size: var(--theme-font-size-3-mobile) !important; line-height: var(--theme-line-height-3-mobile); } } @media (min-width: 481px) { h1.min, .h2-number { font-size: var(--theme-font-size-3-tablet) !important; line-height: var(--theme-line-height-3-tablet); } } @media (min-width: 1024px) { h1.min, .h2-number { font-size: var(--theme-font-size-3-desktop) !important; line-height: var(--theme-line-height-3-desktop); } } @media (min-width: 1220px) { h1.min, .h2-number { font-size: var(--theme-font-size-3-desktop-no-burger) !important; line-height: var(--theme-line-height-3-desktop-no-burger); } } @media (min-width: 1425px) { h1.min, .h2-number { font-size: var(--theme-font-size-3-desktop-full) !important; line-height: var(--theme-line-height-3-desktop-full); } } @media (min-width: 1750px) { h1.min, .h2-number { font-size: var(--theme-font-size-3-desktop-large) !important; line-height: var(--theme-line-height-3-desktop-large); } } @media (min-width: 0px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li a { font-size: var(--theme-font-size-4-mobile) !important; line-height: var(--theme-line-height-4-mobile); } } @media (min-width: 481px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li a { font-size: var(--theme-font-size-4-tablet) !important; line-height: var(--theme-line-height-4-tablet); } } @media (min-width: 1024px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li a { font-size: var(--theme-font-size-4-desktop) !important; line-height: var(--theme-line-height-4-desktop); } } @media (min-width: 1220px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li a { font-size: var(--theme-font-size-4-desktop-no-burger) !important; line-height: var(--theme-line-height-4-desktop-no-burger); } } @media (min-width: 1425px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li a { font-size: var(--theme-font-size-4-desktop-full) !important; line-height: var(--theme-line-height-4-desktop-full); } } @media (min-width: 1750px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li a { font-size: var(--theme-font-size-4-desktop-large) !important; line-height: var(--theme-line-height-4-desktop-large); } } @media (min-width: 0px) { h2:not(.min, .gform_submission_error), h2:not(.min) > span, .h2 { font-size: var(--theme-font-size-5-mobile) !important; line-height: var(--theme-line-height-5-mobile); } } @media (min-width: 481px) { h2:not(.min, .gform_submission_error), h2:not(.min) > span, .h2 { font-size: var(--theme-font-size-5-tablet) !important; line-height: var(--theme-line-height-5-tablet); } } @media (min-width: 1024px) { h2:not(.min, .gform_submission_error), h2:not(.min) > span, .h2 { font-size: var(--theme-font-size-5-desktop) !important; line-height: var(--theme-line-height-5-desktop); } } @media (min-width: 1220px) { h2:not(.min, .gform_submission_error), h2:not(.min) > span, .h2 { font-size: var(--theme-font-size-5-desktop-no-burger) !important; line-height: var(--theme-line-height-5-desktop-no-burger); } } @media (min-width: 1425px) { h2:not(.min, .gform_submission_error), h2:not(.min) > span, .h2 { font-size: var(--theme-font-size-5-desktop-full) !important; line-height: var(--theme-line-height-5-desktop-full); } } @media (min-width: 1750px) { h2:not(.min, .gform_submission_error), h2:not(.min) > span, .h2 { font-size: var(--theme-font-size-5-desktop-large) !important; line-height: var(--theme-line-height-5-desktop-large); } } @media (min-width: 0px) { h2.min { font-size: var(--theme-font-size-6-mobile) !important; line-height: var(--theme-line-height-6-mobile); } } @media (min-width: 481px) { h2.min { font-size: var(--theme-font-size-6-tablet) !important; line-height: var(--theme-line-height-6-tablet); } } @media (min-width: 1024px) { h2.min { font-size: var(--theme-font-size-6-desktop) !important; line-height: var(--theme-line-height-6-desktop); } } @media (min-width: 1220px) { h2.min { font-size: var(--theme-font-size-6-desktop-no-burger) !important; line-height: var(--theme-line-height-6-desktop-no-burger); } } @media (min-width: 1425px) { h2.min { font-size: var(--theme-font-size-6-desktop-full) !important; line-height: var(--theme-line-height-6-desktop-full); } } @media (min-width: 1750px) { h2.min { font-size: var(--theme-font-size-6-desktop-large) !important; line-height: var(--theme-line-height-6-desktop-large); } } @media (min-width: 0px) { h3, h4:not(.min), h4.min { font-size: var(--theme-font-size-7-mobile) !important; line-height: var(--theme-line-height-7-mobile); } } @media (min-width: 481px) { h3, h4:not(.min), h4.min { font-size: var(--theme-font-size-7-tablet) !important; line-height: var(--theme-line-height-7-tablet); } } @media (min-width: 1024px) { h3, h4:not(.min), h4.min { font-size: var(--theme-font-size-7-desktop) !important; line-height: var(--theme-line-height-7-desktop); } } @media (min-width: 1220px) { h3, h4:not(.min), h4.min { font-size: var(--theme-font-size-7-desktop-no-burger) !important; line-height: var(--theme-line-height-7-desktop-no-burger); } } @media (min-width: 1425px) { h3, h4:not(.min), h4.min { font-size: var(--theme-font-size-7-desktop-full) !important; line-height: var(--theme-line-height-7-desktop-full); } } @media (min-width: 1750px) { h3, h4:not(.min), h4.min { font-size: var(--theme-font-size-7-desktop-large) !important; line-height: var(--theme-line-height-7-desktop-large); } } @media (min-width: 0px) { h5:not(.type-g h5, .counter-posts), h5.counter-posts, h6:not(.min), .choice.reset span, .h6, #starting_point_select input, #starting_point_select li, span:not(.h1, .h2, h1 > span, h2 > span, #wpadminbar span, span.little-font, span.very-little-font, section.nos.sejours .contain-block > span, section.type-h .super-extra-h1, h5.counter-posts > span, .h2-number, h2 > span), .h6 a, .max, p:not(.max, .min), li:not(.menu-item-has-children), p.max, .card-link a { font-size: var(--theme-font-size-8-mobile) !important; line-height: var(--theme-line-height-8-mobile); } } @media (min-width: 481px) { h5:not(.type-g h5, .counter-posts), h5.counter-posts, h6:not(.min), .choice.reset span, .h6, #starting_point_select input, #starting_point_select li, span:not(.h1, .h2, h1 > span, h2 > span, #wpadminbar span, span.little-font, span.very-little-font, section.nos.sejours .contain-block > span, section.type-h .super-extra-h1, h5.counter-posts > span, .h2-number, h2 > span), .h6 a, .max, p:not(.max, .min), li:not(.menu-item-has-children), p.max, .card-link a { font-size: var(--theme-font-size-8-tablet) !important; line-height: var(--theme-line-height-8-tablet); } } @media (min-width: 1024px) { h5:not(.type-g h5, .counter-posts), h5.counter-posts, h6:not(.min), .choice.reset span, .h6, #starting_point_select input, #starting_point_select li, span:not(.h1, .h2, h1 > span, h2 > span, #wpadminbar span, span.little-font, span.very-little-font, section.nos.sejours .contain-block > span, section.type-h .super-extra-h1, h5.counter-posts > span, .h2-number, h2 > span), .h6 a, .max, p:not(.max, .min), li:not(.menu-item-has-children), p.max, .card-link a { font-size: var(--theme-font-size-8-desktop) !important; line-height: var(--theme-line-height-8-desktop); } } @media (min-width: 1220px) { h5:not(.type-g h5, .counter-posts), h5.counter-posts, h6:not(.min), .choice.reset span, .h6, #starting_point_select input, #starting_point_select li, span:not(.h1, .h2, h1 > span, h2 > span, #wpadminbar span, span.little-font, span.very-little-font, section.nos.sejours .contain-block > span, section.type-h .super-extra-h1, h5.counter-posts > span, .h2-number, h2 > span), .h6 a, .max, p:not(.max, .min), li:not(.menu-item-has-children), p.max, .card-link a { font-size: var(--theme-font-size-8-desktop-no-burger) !important; line-height: var(--theme-line-height-8-desktop-no-burger); } } @media (min-width: 1425px) { h5:not(.type-g h5, .counter-posts), h5.counter-posts, h6:not(.min), .choice.reset span, .h6, #starting_point_select input, #starting_point_select li, span:not(.h1, .h2, h1 > span, h2 > span, #wpadminbar span, span.little-font, span.very-little-font, section.nos.sejours .contain-block > span, section.type-h .super-extra-h1, h5.counter-posts > span, .h2-number, h2 > span), .h6 a, .max, p:not(.max, .min), li:not(.menu-item-has-children), p.max, .card-link a { font-size: var(--theme-font-size-8-desktop-full) !important; line-height: var(--theme-line-height-8-desktop-full); } } @media (min-width: 1750px) { h5:not(.type-g h5, .counter-posts), h5.counter-posts, h6:not(.min), .choice.reset span, .h6, #starting_point_select input, #starting_point_select li, span:not(.h1, .h2, h1 > span, h2 > span, #wpadminbar span, span.little-font, span.very-little-font, section.nos.sejours .contain-block > span, section.type-h .super-extra-h1, h5.counter-posts > span, .h2-number, h2 > span), .h6 a, .max, p:not(.max, .min), li:not(.menu-item-has-children), p.max, .card-link a { font-size: var(--theme-font-size-8-desktop-large) !important; line-height: var(--theme-line-height-8-desktop-large); } } @media (min-width: 0px) { h6.min { font-size: var(--theme-font-size-9-mobile) !important; line-height: var(--theme-line-height-9-mobile); } } @media (min-width: 481px) { h6.min { font-size: var(--theme-font-size-9-tablet) !important; line-height: var(--theme-line-height-9-tablet); } } @media (min-width: 1024px) { h6.min { font-size: var(--theme-font-size-9-desktop) !important; line-height: var(--theme-line-height-9-desktop); } } @media (min-width: 1220px) { h6.min { font-size: var(--theme-font-size-9-desktop-no-burger) !important; line-height: var(--theme-line-height-9-desktop-no-burger); } } @media (min-width: 1425px) { h6.min { font-size: var(--theme-font-size-9-desktop-full) !important; line-height: var(--theme-line-height-9-desktop-full); } } @media (min-width: 1750px) { h6.min { font-size: var(--theme-font-size-9-desktop-large) !important; line-height: var(--theme-line-height-9-desktop-large); } } @media (min-width: 0px) { ul.sub-menu > li > a, .fil-ariane-link, .little-font, .gfield_label, .gfield--type-textarea label, .gfield_required, .gform label, .ginput_container label, .ginput_container input, .ginput_container textarea, .type-g h5, .legals-navigation a, p.min, .cta-secondary, .form-newsletter input, .pagination li a { font-size: var(--theme-font-size-10-mobile) !important; line-height: var(--theme-line-height-10-mobile); } } @media (min-width: 481px) { ul.sub-menu > li > a, .fil-ariane-link, .little-font, .gfield_label, .gfield--type-textarea label, .gfield_required, .gform label, .ginput_container label, .ginput_container input, .ginput_container textarea, .type-g h5, .legals-navigation a, p.min, .cta-secondary, .form-newsletter input, .pagination li a { font-size: var(--theme-font-size-10-tablet) !important; line-height: var(--theme-line-height-10-tablet); } } @media (min-width: 1024px) { ul.sub-menu > li > a, .fil-ariane-link, .little-font, .gfield_label, .gfield--type-textarea label, .gfield_required, .gform label, .ginput_container label, .ginput_container input, .ginput_container textarea, .type-g h5, .legals-navigation a, p.min, .cta-secondary, .form-newsletter input, .pagination li a { font-size: var(--theme-font-size-10-desktop) !important; line-height: var(--theme-line-height-10-desktop); } } @media (min-width: 1220px) { ul.sub-menu > li > a, .fil-ariane-link, .little-font, .gfield_label, .gfield--type-textarea label, .gfield_required, .gform label, .ginput_container label, .ginput_container input, .ginput_container textarea, .type-g h5, .legals-navigation a, p.min, .cta-secondary, .form-newsletter input, .pagination li a { font-size: var(--theme-font-size-10-desktop-no-burger) !important; line-height: var(--theme-line-height-10-desktop-no-burger); } } @media (min-width: 1425px) { ul.sub-menu > li > a, .fil-ariane-link, .little-font, .gfield_label, .gfield--type-textarea label, .gfield_required, .gform label, .ginput_container label, .ginput_container input, .ginput_container textarea, .type-g h5, .legals-navigation a, p.min, .cta-secondary, .form-newsletter input, .pagination li a { font-size: var(--theme-font-size-10-desktop-full) !important; line-height: var(--theme-line-height-10-desktop-full); } } @media (min-width: 1750px) { ul.sub-menu > li > a, .fil-ariane-link, .little-font, .gfield_label, .gfield--type-textarea label, .gfield_required, .gform label, .ginput_container label, .ginput_container input, .ginput_container textarea, .type-g h5, .legals-navigation a, p.min, .cta-secondary, .form-newsletter input, .pagination li a { font-size: var(--theme-font-size-10-desktop-large) !important; line-height: var(--theme-line-height-10-desktop-large); } } @media (min-width: 0px) { .type-breadcrumb a { font-size: var(--theme-font-size-12-mobile) !important; line-height: var(--theme-line-height-12-mobile); } } @media (min-width: 481px) { .type-breadcrumb a { font-size: var(--theme-font-size-12-tablet) !important; line-height: var(--theme-line-height-12-tablet); } } @media (min-width: 1024px) { .type-breadcrumb a { font-size: var(--theme-font-size-12-desktop) !important; line-height: var(--theme-line-height-12-desktop); } } @media (min-width: 1220px) { .type-breadcrumb a { font-size: var(--theme-font-size-12-desktop-no-burger) !important; line-height: var(--theme-line-height-12-desktop-no-burger); } } @media (min-width: 1425px) { .type-breadcrumb a { font-size: var(--theme-font-size-12-desktop-full) !important; line-height: var(--theme-line-height-12-desktop-full); } } @media (min-width: 1750px) { .type-breadcrumb a { font-size: var(--theme-font-size-12-desktop-large) !important; line-height: var(--theme-line-height-12-desktop-large); } } @media (min-width: 0px) { .form-newsletter .gfield_label, button, .max, .contact .container a, footer ul:not(.sub-menu) > li:not(.cta) > a { font-size: var(--theme-font-size-13-mobile) !important; line-height: var(--theme-line-height-13-mobile); } } @media (min-width: 481px) { .form-newsletter .gfield_label, button, .max, .contact .container a, footer ul:not(.sub-menu) > li:not(.cta) > a { font-size: var(--theme-font-size-13-tablet) !important; line-height: var(--theme-line-height-13-tablet); } } @media (min-width: 1024px) { .form-newsletter .gfield_label, button, .max, .contact .container a, footer ul:not(.sub-menu) > li:not(.cta) > a { font-size: var(--theme-font-size-13-desktop) !important; line-height: var(--theme-line-height-13-desktop); } } @media (min-width: 1220px) { .form-newsletter .gfield_label, button, .max, .contact .container a, footer ul:not(.sub-menu) > li:not(.cta) > a { font-size: var(--theme-font-size-13-desktop-no-burger) !important; line-height: var(--theme-line-height-13-desktop-no-burger); } } @media (min-width: 1425px) { .form-newsletter .gfield_label, button, .max, .contact .container a, footer ul:not(.sub-menu) > li:not(.cta) > a { font-size: var(--theme-font-size-13-desktop-full) !important; line-height: var(--theme-line-height-13-desktop-full); } } @media (min-width: 1750px) { .form-newsletter .gfield_label, button, .max, .contact .container a, footer ul:not(.sub-menu) > li:not(.cta) > a { font-size: var(--theme-font-size-13-desktop-large) !important; line-height: var(--theme-line-height-13-desktop-large); } } @media (min-width: 0px) { li.term, li.child-term, header ul:not(#menu-legals) > li > a:not(.fil-ariane-link), .cta-primary, .cta-tertiary, footer ul.sub-menu > li:not(.cta) > a { font-size: var(--theme-font-size-14-mobile) !important; line-height: var(--theme-line-height-14-mobile); } } @media (min-width: 481px) { li.term, li.child-term, header ul:not(#menu-legals) > li > a:not(.fil-ariane-link), .cta-primary, .cta-tertiary, footer ul.sub-menu > li:not(.cta) > a { font-size: var(--theme-font-size-14-tablet) !important; line-height: var(--theme-line-height-14-tablet); } } @media (min-width: 1024px) { li.term, li.child-term, header ul:not(#menu-legals) > li > a:not(.fil-ariane-link), .cta-primary, .cta-tertiary, footer ul.sub-menu > li:not(.cta) > a { font-size: var(--theme-font-size-14-desktop) !important; line-height: var(--theme-line-height-14-desktop); } } @media (min-width: 1220px) { li.term, li.child-term, header ul:not(#menu-legals) > li > a:not(.fil-ariane-link), .cta-primary, .cta-tertiary, footer ul.sub-menu > li:not(.cta) > a { font-size: var(--theme-font-size-14-desktop-no-burger) !important; line-height: var(--theme-line-height-14-desktop-no-burger); } } @media (min-width: 1425px) { li.term, li.child-term, header ul:not(#menu-legals) > li > a:not(.fil-ariane-link), .cta-primary, .cta-tertiary, footer ul.sub-menu > li:not(.cta) > a { font-size: var(--theme-font-size-14-desktop-full) !important; line-height: var(--theme-line-height-14-desktop-full); } } @media (min-width: 1750px) { li.term, li.child-term, header ul:not(#menu-legals) > li > a:not(.fil-ariane-link), .cta-primary, .cta-tertiary, footer ul.sub-menu > li:not(.cta) > a { font-size: var(--theme-font-size-14-desktop-large) !important; line-height: var(--theme-line-height-14-desktop-large); } } @media (min-width: 0px) { ul#menu-legals > li > a, ul#menu-legals > li > a > span, .very-little-font, .gfield_radio label span, .gfield_description { font-size: var(--theme-font-size-15-mobile) !important; line-height: var(--theme-line-height-15-mobile); } } @media (min-width: 481px) { ul#menu-legals > li > a, ul#menu-legals > li > a > span, .very-little-font, .gfield_radio label span, .gfield_description { font-size: var(--theme-font-size-15-tablet) !important; line-height: var(--theme-line-height-15-tablet); } } @media (min-width: 1024px) { ul#menu-legals > li > a, ul#menu-legals > li > a > span, .very-little-font, .gfield_radio label span, .gfield_description { font-size: var(--theme-font-size-15-desktop) !important; line-height: var(--theme-line-height-15-desktop); } } @media (min-width: 1220px) { ul#menu-legals > li > a, ul#menu-legals > li > a > span, .very-little-font, .gfield_radio label span, .gfield_description { font-size: var(--theme-font-size-15-desktop-no-burger) !important; line-height: var(--theme-line-height-15-desktop-no-burger); } } @media (min-width: 1425px) { ul#menu-legals > li > a, ul#menu-legals > li > a > span, .very-little-font, .gfield_radio label span, .gfield_description { font-size: var(--theme-font-size-15-desktop-full) !important; line-height: var(--theme-line-height-15-desktop-full); } } @media (min-width: 1750px) { ul#menu-legals > li > a, ul#menu-legals > li > a > span, .very-little-font, .gfield_radio label span, .gfield_description { font-size: var(--theme-font-size-15-desktop-large) !important; line-height: var(--theme-line-height-15-desktop-large); } } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /* Start by define all the Colors Variables assigned to each color present in the mockups */ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED FUNCTIONS /**/ /* You shouldn't have to modify this */ /* Each Theme color is assigned a value contained in a variable, according to the css rules defined from previous $color-names */ /* You shouldn't have to modify this */ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED CLASSES & EXTENDS * Allways create both in order to be forced * directly on DOM or afterward in SCCS with @extend ! /**/ /* -------------- * Auto Create Theme Class Names for each type of Color Application And associate it by the function, to its corresponding variable value * -------------- /* You shouldn't have to modify this */ .color-full-white { color: var(--theme-color-full-white); } .bkg-full-white { background-color: var(--theme-color-full-white); } .fill-full-white > svg * { fill: var(--theme-color-full-white); } .color-white, .cta-fifth, footer .big-burger .site-navigation .navigation:first-child a, header .menu-contact-container li.cta.tertiary a, .cta-tertiary, .form-newsletter .gform-button, .cta-primary, #site-navigation-footer-two a, form input[type=submit], header .menu-contact-container li.cta.primary a, .gform_next_button, .white { color: var(--theme-color-white); } .bkg-white, .form, body:not(.ui-kit-page) { background-color: var(--theme-color-white); } .fill-white > svg * { fill: var(--theme-color-white); } .color-mauve-pale { color: var(--theme-color-mauve-pale); } .bkg-mauve-pale { background-color: var(--theme-color-mauve-pale); } .fill-mauve-pale > svg * { fill: var(--theme-color-mauve-pale); } .color-violet-dark, .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer .gform_previous_button, .form form .gfield_label a, .form form .gfield_required a, .form form label a, .form form .gfield_label, .form form .gfield_required, .form form label, .form form input:not(input[type=submit]), .form form textarea, .cta-fifth:hover, .cta-fourth:hover, .cta-secondary.color-violet:hover, .cta-secondary.color-violet.active, .cta-secondary:not(.color-violet):hover:not(.reset), .cta-secondary:not(.color-violet).active:not(.reset), .cta-secondary, .blue { color: var(--theme-color-violet-dark); } .bkg-violet-dark, footer .big-burger .site-navigation .navigation:first-child a:hover, header .menu-contact-container li.cta.tertiary a:hover, .cta-tertiary:hover, .form-newsletter .gform-button:hover, #site-navigation-footer-two .cta.primary.light a:hover, .cta-primary:not(.light):hover, #site-navigation-footer-two a:not(.light):hover, form input[type=submit]:not(.light):hover, header .menu-contact-container li.cta.primary a:not(.light):hover, .gform_next_button:not(.light):hover { background-color: var(--theme-color-violet-dark); } .fill-violet-dark > svg * { fill: var(--theme-color-violet-dark); } .color-violet, .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer .gform_previous_button:hover, .cta-fourth { color: var(--theme-color-violet); } .bkg-violet, footer .big-burger .site-navigation .navigation:first-child a, .cta-primary:not(.light), #site-navigation-footer-two a:not(.light), form input[type=submit]:not(.light), header .menu-contact-container li.cta.primary a:not(.light), .gform_next_button:not(.light) { background-color: var(--theme-color-violet); } .fill-violet > svg * { fill: var(--theme-color-violet); } .color-blue { color: var(--theme-color-blue); } .bkg-blue, header .menu-contact-container li.cta.tertiary a, .cta-tertiary, .form-newsletter .gform-button { background-color: var(--theme-color-blue); } .fill-blue > svg * { fill: var(--theme-color-blue); } .color-middle-blue { color: var(--theme-color-middle-blue); } .bkg-middle-blue { background-color: var(--theme-color-middle-blue); } .fill-middle-blue > svg * { fill: var(--theme-color-middle-blue); } .color-blue-turquoise { color: var(--theme-color-blue-turquoise); } .bkg-blue-turquoise { background-color: var(--theme-color-blue-turquoise); } .fill-blue-turquoise > svg * { fill: var(--theme-color-blue-turquoise); } .color-yellow { color: var(--theme-color-yellow); } .bkg-yellow { background-color: var(--theme-color-yellow); } .fill-yellow > svg * { fill: var(--theme-color-yellow); } .color-green { color: var(--theme-color-green); } .bkg-green { background-color: var(--theme-color-green); } .fill-green > svg * { fill: var(--theme-color-green); } .color-grey { color: var(--theme-color-grey); } .bkg-grey { background-color: var(--theme-color-grey); } .fill-grey > svg * { fill: var(--theme-color-grey); } .color-primary { color: var(--theme-color-primary); } .bkg-primary { background-color: var(--theme-color-primary); } .fill-primary > svg * { fill: var(--theme-color-primary); } .color-text { color: var(--theme-color-text); } .bkg-text { background-color: var(--theme-color-text); } .fill-text > svg * { fill: var(--theme-color-text); } .color-blue-facebook { color: var(--theme-color-blue-facebook); } .bkg-blue-facebook { background-color: var(--theme-color-blue-facebook); } .fill-blue-facebook > svg * { fill: var(--theme-color-blue-facebook); } .color-blue-twitter { color: var(--theme-color-blue-twitter); } .bkg-blue-twitter { background-color: var(--theme-color-blue-twitter); } .fill-blue-twitter > svg * { fill: var(--theme-color-blue-twitter); } .color-blue-linkedIn { color: var(--theme-color-blue-linkedIn); } .bkg-blue-linkedIn { background-color: var(--theme-color-blue-linkedIn); } .fill-blue-linkedIn > svg * { fill: var(--theme-color-blue-linkedIn); } .color-demo-base { color: var(--theme-color-demo-base); } .bkg-demo-base { background-color: var(--theme-color-demo-base); } .fill-demo-base > svg * { fill: var(--theme-color-demo-base); } .color-demo-margin { color: var(--theme-color-demo-margin); } .bkg-demo-margin { background-color: var(--theme-color-demo-margin); } .fill-demo-margin > svg * { fill: var(--theme-color-demo-margin); } .color-demo-border { color: var(--theme-color-demo-border); } .bkg-demo-border { background-color: var(--theme-color-demo-border); } .fill-demo-border > svg * { fill: var(--theme-color-demo-border); } .color-demo-padding { color: var(--theme-color-demo-padding); } .bkg-demo-padding { background-color: var(--theme-color-demo-padding); } .fill-demo-padding > svg * { fill: var(--theme-color-demo-padding); } .color-demo-content { color: var(--theme-color-demo-content); } .bkg-demo-content { background-color: var(--theme-color-demo-content); } .fill-demo-content > svg * { fill: var(--theme-color-demo-content); } .color-demo-title { color: var(--theme-color-demo-title); } .bkg-demo-title { background-color: var(--theme-color-demo-title); } .fill-demo-title > svg * { fill: var(--theme-color-demo-title); } .color-demo-wrapper { color: var(--theme-color-demo-wrapper); } .bkg-demo-wrapper { background-color: var(--theme-color-demo-wrapper); } .fill-demo-wrapper > svg * { fill: var(--theme-color-demo-wrapper); } .color-demo-container { color: var(--theme-color-demo-container); } .bkg-demo-container { background-color: var(--theme-color-demo-container); } .fill-demo-container > svg * { fill: var(--theme-color-demo-container); } /* Create here as much as needed... */ .bkg-filter { backdrop-filter: brightness(0.9); } .color-full-white-10 { color: var(--theme-color-full-white-10); } .bkg-full-white-10 { background-color: var(--theme-color-full-white-10); } .fill-full-white-10 > svg * { fill: var(--theme-color-full-white-10); } .color-full-white-20 { color: var(--theme-color-full-white-20); } .bkg-full-white-20, #site-navigation-footer-two .cta.primary.light a { background-color: var(--theme-color-full-white-20); } .fill-full-white-20 > svg * { fill: var(--theme-color-full-white-20); } .color-full-white-30 { color: var(--theme-color-full-white-30); } .bkg-full-white-30 { background-color: var(--theme-color-full-white-30); } .fill-full-white-30 > svg * { fill: var(--theme-color-full-white-30); } .color-full-white-40 { color: var(--theme-color-full-white-40); } .bkg-full-white-40 { background-color: var(--theme-color-full-white-40); } .fill-full-white-40 > svg * { fill: var(--theme-color-full-white-40); } .color-full-white-50 { color: var(--theme-color-full-white-50); } .bkg-full-white-50 { background-color: var(--theme-color-full-white-50); } .fill-full-white-50 > svg * { fill: var(--theme-color-full-white-50); } .color-full-white-60 { color: var(--theme-color-full-white-60); } .bkg-full-white-60 { background-color: var(--theme-color-full-white-60); } .fill-full-white-60 > svg * { fill: var(--theme-color-full-white-60); } .color-full-white-70 { color: var(--theme-color-full-white-70); } .bkg-full-white-70 { background-color: var(--theme-color-full-white-70); } .fill-full-white-70 > svg * { fill: var(--theme-color-full-white-70); } .color-full-white-80 { color: var(--theme-color-full-white-80); } .bkg-full-white-80 { background-color: var(--theme-color-full-white-80); } .fill-full-white-80 > svg * { fill: var(--theme-color-full-white-80); } .color-full-white-90 { color: var(--theme-color-full-white-90); } .bkg-full-white-90 { background-color: var(--theme-color-full-white-90); } .fill-full-white-90 > svg * { fill: var(--theme-color-full-white-90); } .color-white-10 { color: var(--theme-color-white-10); } .bkg-white-10 { background-color: var(--theme-color-white-10); } .fill-white-10 > svg * { fill: var(--theme-color-white-10); } .color-white-20 { color: var(--theme-color-white-20); } .bkg-white-20 { background-color: var(--theme-color-white-20); } .fill-white-20 > svg * { fill: var(--theme-color-white-20); } .color-white-30 { color: var(--theme-color-white-30); } .bkg-white-30 { background-color: var(--theme-color-white-30); } .fill-white-30 > svg * { fill: var(--theme-color-white-30); } .color-white-40 { color: var(--theme-color-white-40); } .bkg-white-40 { background-color: var(--theme-color-white-40); } .fill-white-40 > svg * { fill: var(--theme-color-white-40); } .color-white-50 { color: var(--theme-color-white-50); } .bkg-white-50 { background-color: var(--theme-color-white-50); } .fill-white-50 > svg * { fill: var(--theme-color-white-50); } .color-white-60 { color: var(--theme-color-white-60); } .bkg-white-60 { background-color: var(--theme-color-white-60); } .fill-white-60 > svg * { fill: var(--theme-color-white-60); } .color-white-70, .opa70-white { color: var(--theme-color-white-70); } .bkg-white-70 { background-color: var(--theme-color-white-70); } .fill-white-70 > svg * { fill: var(--theme-color-white-70); } .color-white-80, .type-banner.contact .form form .gfield_label, .type-banner.contact .form form .gfield_required, .type-banner.contact .form form label, .type-f .form form .gfield_label, .type-f .form form .gfield_required, .type-f .form form label { color: var(--theme-color-white-80); } .bkg-white-80 { background-color: var(--theme-color-white-80); } .fill-white-80 > svg * { fill: var(--theme-color-white-80); } .color-white-90 { color: var(--theme-color-white-90); } .bkg-white-90 { background-color: var(--theme-color-white-90); } .fill-white-90 > svg * { fill: var(--theme-color-white-90); } .color-mauve-pale-10 { color: var(--theme-color-mauve-pale-10); } .bkg-mauve-pale-10 { background-color: var(--theme-color-mauve-pale-10); } .fill-mauve-pale-10 > svg * { fill: var(--theme-color-mauve-pale-10); } .color-mauve-pale-20 { color: var(--theme-color-mauve-pale-20); } .bkg-mauve-pale-20 { background-color: var(--theme-color-mauve-pale-20); } .fill-mauve-pale-20 > svg * { fill: var(--theme-color-mauve-pale-20); } .color-mauve-pale-30 { color: var(--theme-color-mauve-pale-30); } .bkg-mauve-pale-30 { background-color: var(--theme-color-mauve-pale-30); } .fill-mauve-pale-30 > svg * { fill: var(--theme-color-mauve-pale-30); } .color-mauve-pale-40 { color: var(--theme-color-mauve-pale-40); } .bkg-mauve-pale-40 { background-color: var(--theme-color-mauve-pale-40); } .fill-mauve-pale-40 > svg * { fill: var(--theme-color-mauve-pale-40); } .color-mauve-pale-50 { color: var(--theme-color-mauve-pale-50); } .bkg-mauve-pale-50 { background-color: var(--theme-color-mauve-pale-50); } .fill-mauve-pale-50 > svg * { fill: var(--theme-color-mauve-pale-50); } .color-mauve-pale-60 { color: var(--theme-color-mauve-pale-60); } .bkg-mauve-pale-60 { background-color: var(--theme-color-mauve-pale-60); } .fill-mauve-pale-60 > svg * { fill: var(--theme-color-mauve-pale-60); } .color-mauve-pale-70 { color: var(--theme-color-mauve-pale-70); } .bkg-mauve-pale-70 { background-color: var(--theme-color-mauve-pale-70); } .fill-mauve-pale-70 > svg * { fill: var(--theme-color-mauve-pale-70); } .color-mauve-pale-80 { color: var(--theme-color-mauve-pale-80); } .bkg-mauve-pale-80 { background-color: var(--theme-color-mauve-pale-80); } .fill-mauve-pale-80 > svg * { fill: var(--theme-color-mauve-pale-80); } .color-mauve-pale-90 { color: var(--theme-color-mauve-pale-90); } .bkg-mauve-pale-90 { background-color: var(--theme-color-mauve-pale-90); } .fill-mauve-pale-90 > svg * { fill: var(--theme-color-mauve-pale-90); } .color-violet-dark-10 { color: var(--theme-color-violet-dark-10); } .bkg-violet-dark-10 { background-color: var(--theme-color-violet-dark-10); } .fill-violet-dark-10 > svg * { fill: var(--theme-color-violet-dark-10); } .color-violet-dark-20 { color: var(--theme-color-violet-dark-20); } .bkg-violet-dark-20 { background-color: var(--theme-color-violet-dark-20); } .fill-violet-dark-20 > svg * { fill: var(--theme-color-violet-dark-20); } .color-violet-dark-30 { color: var(--theme-color-violet-dark-30); } .bkg-violet-dark-30 { background-color: var(--theme-color-violet-dark-30); } .fill-violet-dark-30 > svg * { fill: var(--theme-color-violet-dark-30); } .color-violet-dark-40 { color: var(--theme-color-violet-dark-40); } .bkg-violet-dark-40 { background-color: var(--theme-color-violet-dark-40); } .fill-violet-dark-40 > svg * { fill: var(--theme-color-violet-dark-40); } .color-violet-dark-50 { color: var(--theme-color-violet-dark-50); } .bkg-violet-dark-50 { background-color: var(--theme-color-violet-dark-50); } .fill-violet-dark-50 > svg * { fill: var(--theme-color-violet-dark-50); } .color-violet-dark-60 { color: var(--theme-color-violet-dark-60); } .bkg-violet-dark-60 { background-color: var(--theme-color-violet-dark-60); } .fill-violet-dark-60 > svg * { fill: var(--theme-color-violet-dark-60); } .color-violet-dark-70 { color: var(--theme-color-violet-dark-70); } .bkg-violet-dark-70 { background-color: var(--theme-color-violet-dark-70); } .fill-violet-dark-70 > svg * { fill: var(--theme-color-violet-dark-70); } .color-violet-dark-80 { color: var(--theme-color-violet-dark-80); } .bkg-violet-dark-80 { background-color: var(--theme-color-violet-dark-80); } .fill-violet-dark-80 > svg * { fill: var(--theme-color-violet-dark-80); } .color-violet-dark-90 { color: var(--theme-color-violet-dark-90); } .bkg-violet-dark-90 { background-color: var(--theme-color-violet-dark-90); } .fill-violet-dark-90 > svg * { fill: var(--theme-color-violet-dark-90); } .color-violet-10 { color: var(--theme-color-violet-10); } .bkg-violet-10 { background-color: var(--theme-color-violet-10); } .fill-violet-10 > svg * { fill: var(--theme-color-violet-10); } .color-violet-20 { color: var(--theme-color-violet-20); } .bkg-violet-20 { background-color: var(--theme-color-violet-20); } .fill-violet-20 > svg * { fill: var(--theme-color-violet-20); } .color-violet-30 { color: var(--theme-color-violet-30); } .bkg-violet-30 { background-color: var(--theme-color-violet-30); } .fill-violet-30 > svg * { fill: var(--theme-color-violet-30); } .color-violet-40 { color: var(--theme-color-violet-40); } .bkg-violet-40 { background-color: var(--theme-color-violet-40); } .fill-violet-40 > svg * { fill: var(--theme-color-violet-40); } .color-violet-50 { color: var(--theme-color-violet-50); } .bkg-violet-50 { background-color: var(--theme-color-violet-50); } .fill-violet-50 > svg * { fill: var(--theme-color-violet-50); } .color-violet-60 { color: var(--theme-color-violet-60); } .bkg-violet-60 { background-color: var(--theme-color-violet-60); } .fill-violet-60 > svg * { fill: var(--theme-color-violet-60); } .color-violet-70 { color: var(--theme-color-violet-70); } .bkg-violet-70 { background-color: var(--theme-color-violet-70); } .fill-violet-70 > svg * { fill: var(--theme-color-violet-70); } .color-violet-80 { color: var(--theme-color-violet-80); } .bkg-violet-80 { background-color: var(--theme-color-violet-80); } .fill-violet-80 > svg * { fill: var(--theme-color-violet-80); } .color-violet-90 { color: var(--theme-color-violet-90); } .bkg-violet-90 { background-color: var(--theme-color-violet-90); } .fill-violet-90 > svg * { fill: var(--theme-color-violet-90); } .color-blue-10 { color: var(--theme-color-blue-10); } .bkg-blue-10 { background-color: var(--theme-color-blue-10); } .fill-blue-10 > svg * { fill: var(--theme-color-blue-10); } .color-blue-20 { color: var(--theme-color-blue-20); } .bkg-blue-20 { background-color: var(--theme-color-blue-20); } .fill-blue-20 > svg * { fill: var(--theme-color-blue-20); } .color-blue-30 { color: var(--theme-color-blue-30); } .bkg-blue-30 { background-color: var(--theme-color-blue-30); } .fill-blue-30 > svg * { fill: var(--theme-color-blue-30); } .color-blue-40 { color: var(--theme-color-blue-40); } .bkg-blue-40 { background-color: var(--theme-color-blue-40); } .fill-blue-40 > svg * { fill: var(--theme-color-blue-40); } .color-blue-50 { color: var(--theme-color-blue-50); } .bkg-blue-50 { background-color: var(--theme-color-blue-50); } .fill-blue-50 > svg * { fill: var(--theme-color-blue-50); } .color-blue-60 { color: var(--theme-color-blue-60); } .bkg-blue-60 { background-color: var(--theme-color-blue-60); } .fill-blue-60 > svg * { fill: var(--theme-color-blue-60); } .color-blue-70 { color: var(--theme-color-blue-70); } .bkg-blue-70 { background-color: var(--theme-color-blue-70); } .fill-blue-70 > svg * { fill: var(--theme-color-blue-70); } .color-blue-80 { color: var(--theme-color-blue-80); } .bkg-blue-80 { background-color: var(--theme-color-blue-80); } .fill-blue-80 > svg * { fill: var(--theme-color-blue-80); } .color-blue-90 { color: var(--theme-color-blue-90); } .bkg-blue-90 { background-color: var(--theme-color-blue-90); } .fill-blue-90 > svg * { fill: var(--theme-color-blue-90); } .color-middle-blue-10 { color: var(--theme-color-middle-blue-10); } .bkg-middle-blue-10 { background-color: var(--theme-color-middle-blue-10); } .fill-middle-blue-10 > svg * { fill: var(--theme-color-middle-blue-10); } .color-middle-blue-20 { color: var(--theme-color-middle-blue-20); } .bkg-middle-blue-20 { background-color: var(--theme-color-middle-blue-20); } .fill-middle-blue-20 > svg * { fill: var(--theme-color-middle-blue-20); } .color-middle-blue-30 { color: var(--theme-color-middle-blue-30); } .bkg-middle-blue-30 { background-color: var(--theme-color-middle-blue-30); } .fill-middle-blue-30 > svg * { fill: var(--theme-color-middle-blue-30); } .color-middle-blue-40 { color: var(--theme-color-middle-blue-40); } .bkg-middle-blue-40 { background-color: var(--theme-color-middle-blue-40); } .fill-middle-blue-40 > svg * { fill: var(--theme-color-middle-blue-40); } .color-middle-blue-50 { color: var(--theme-color-middle-blue-50); } .bkg-middle-blue-50 { background-color: var(--theme-color-middle-blue-50); } .fill-middle-blue-50 > svg * { fill: var(--theme-color-middle-blue-50); } .color-middle-blue-60 { color: var(--theme-color-middle-blue-60); } .bkg-middle-blue-60 { background-color: var(--theme-color-middle-blue-60); } .fill-middle-blue-60 > svg * { fill: var(--theme-color-middle-blue-60); } .color-middle-blue-70 { color: var(--theme-color-middle-blue-70); } .bkg-middle-blue-70 { background-color: var(--theme-color-middle-blue-70); } .fill-middle-blue-70 > svg * { fill: var(--theme-color-middle-blue-70); } .color-middle-blue-80 { color: var(--theme-color-middle-blue-80); } .bkg-middle-blue-80 { background-color: var(--theme-color-middle-blue-80); } .fill-middle-blue-80 > svg * { fill: var(--theme-color-middle-blue-80); } .color-middle-blue-90 { color: var(--theme-color-middle-blue-90); } .bkg-middle-blue-90 { background-color: var(--theme-color-middle-blue-90); } .fill-middle-blue-90 > svg * { fill: var(--theme-color-middle-blue-90); } .color-blue-turquoise-10 { color: var(--theme-color-blue-turquoise-10); } .bkg-blue-turquoise-10 { background-color: var(--theme-color-blue-turquoise-10); } .fill-blue-turquoise-10 > svg * { fill: var(--theme-color-blue-turquoise-10); } .color-blue-turquoise-20 { color: var(--theme-color-blue-turquoise-20); } .bkg-blue-turquoise-20 { background-color: var(--theme-color-blue-turquoise-20); } .fill-blue-turquoise-20 > svg * { fill: var(--theme-color-blue-turquoise-20); } .color-blue-turquoise-30 { color: var(--theme-color-blue-turquoise-30); } .bkg-blue-turquoise-30 { background-color: var(--theme-color-blue-turquoise-30); } .fill-blue-turquoise-30 > svg * { fill: var(--theme-color-blue-turquoise-30); } .color-blue-turquoise-40 { color: var(--theme-color-blue-turquoise-40); } .bkg-blue-turquoise-40 { background-color: var(--theme-color-blue-turquoise-40); } .fill-blue-turquoise-40 > svg * { fill: var(--theme-color-blue-turquoise-40); } .color-blue-turquoise-50 { color: var(--theme-color-blue-turquoise-50); } .bkg-blue-turquoise-50 { background-color: var(--theme-color-blue-turquoise-50); } .fill-blue-turquoise-50 > svg * { fill: var(--theme-color-blue-turquoise-50); } .color-blue-turquoise-60 { color: var(--theme-color-blue-turquoise-60); } .bkg-blue-turquoise-60 { background-color: var(--theme-color-blue-turquoise-60); } .fill-blue-turquoise-60 > svg * { fill: var(--theme-color-blue-turquoise-60); } .color-blue-turquoise-70 { color: var(--theme-color-blue-turquoise-70); } .bkg-blue-turquoise-70 { background-color: var(--theme-color-blue-turquoise-70); } .fill-blue-turquoise-70 > svg * { fill: var(--theme-color-blue-turquoise-70); } .color-blue-turquoise-80 { color: var(--theme-color-blue-turquoise-80); } .bkg-blue-turquoise-80 { background-color: var(--theme-color-blue-turquoise-80); } .fill-blue-turquoise-80 > svg * { fill: var(--theme-color-blue-turquoise-80); } .color-blue-turquoise-90 { color: var(--theme-color-blue-turquoise-90); } .bkg-blue-turquoise-90 { background-color: var(--theme-color-blue-turquoise-90); } .fill-blue-turquoise-90 > svg * { fill: var(--theme-color-blue-turquoise-90); } .color-yellow-10 { color: var(--theme-color-yellow-10); } .bkg-yellow-10 { background-color: var(--theme-color-yellow-10); } .fill-yellow-10 > svg * { fill: var(--theme-color-yellow-10); } .color-yellow-20 { color: var(--theme-color-yellow-20); } .bkg-yellow-20 { background-color: var(--theme-color-yellow-20); } .fill-yellow-20 > svg * { fill: var(--theme-color-yellow-20); } .color-yellow-30 { color: var(--theme-color-yellow-30); } .bkg-yellow-30 { background-color: var(--theme-color-yellow-30); } .fill-yellow-30 > svg * { fill: var(--theme-color-yellow-30); } .color-yellow-40 { color: var(--theme-color-yellow-40); } .bkg-yellow-40 { background-color: var(--theme-color-yellow-40); } .fill-yellow-40 > svg * { fill: var(--theme-color-yellow-40); } .color-yellow-50 { color: var(--theme-color-yellow-50); } .bkg-yellow-50 { background-color: var(--theme-color-yellow-50); } .fill-yellow-50 > svg * { fill: var(--theme-color-yellow-50); } .color-yellow-60 { color: var(--theme-color-yellow-60); } .bkg-yellow-60 { background-color: var(--theme-color-yellow-60); } .fill-yellow-60 > svg * { fill: var(--theme-color-yellow-60); } .color-yellow-70 { color: var(--theme-color-yellow-70); } .bkg-yellow-70 { background-color: var(--theme-color-yellow-70); } .fill-yellow-70 > svg * { fill: var(--theme-color-yellow-70); } .color-yellow-80 { color: var(--theme-color-yellow-80); } .bkg-yellow-80 { background-color: var(--theme-color-yellow-80); } .fill-yellow-80 > svg * { fill: var(--theme-color-yellow-80); } .color-yellow-90 { color: var(--theme-color-yellow-90); } .bkg-yellow-90 { background-color: var(--theme-color-yellow-90); } .fill-yellow-90 > svg * { fill: var(--theme-color-yellow-90); } .color-green-10 { color: var(--theme-color-green-10); } .bkg-green-10 { background-color: var(--theme-color-green-10); } .fill-green-10 > svg * { fill: var(--theme-color-green-10); } .color-green-20 { color: var(--theme-color-green-20); } .bkg-green-20 { background-color: var(--theme-color-green-20); } .fill-green-20 > svg * { fill: var(--theme-color-green-20); } .color-green-30 { color: var(--theme-color-green-30); } .bkg-green-30 { background-color: var(--theme-color-green-30); } .fill-green-30 > svg * { fill: var(--theme-color-green-30); } .color-green-40 { color: var(--theme-color-green-40); } .bkg-green-40 { background-color: var(--theme-color-green-40); } .fill-green-40 > svg * { fill: var(--theme-color-green-40); } .color-green-50 { color: var(--theme-color-green-50); } .bkg-green-50 { background-color: var(--theme-color-green-50); } .fill-green-50 > svg * { fill: var(--theme-color-green-50); } .color-green-60 { color: var(--theme-color-green-60); } .bkg-green-60 { background-color: var(--theme-color-green-60); } .fill-green-60 > svg * { fill: var(--theme-color-green-60); } .color-green-70 { color: var(--theme-color-green-70); } .bkg-green-70 { background-color: var(--theme-color-green-70); } .fill-green-70 > svg * { fill: var(--theme-color-green-70); } .color-green-80 { color: var(--theme-color-green-80); } .bkg-green-80 { background-color: var(--theme-color-green-80); } .fill-green-80 > svg * { fill: var(--theme-color-green-80); } .color-green-90 { color: var(--theme-color-green-90); } .bkg-green-90 { background-color: var(--theme-color-green-90); } .fill-green-90 > svg * { fill: var(--theme-color-green-90); } .color-grey-10 { color: var(--theme-color-grey-10); } .bkg-grey-10 { background-color: var(--theme-color-grey-10); } .fill-grey-10 > svg * { fill: var(--theme-color-grey-10); } .color-grey-20 { color: var(--theme-color-grey-20); } .bkg-grey-20 { background-color: var(--theme-color-grey-20); } .fill-grey-20 > svg * { fill: var(--theme-color-grey-20); } .color-grey-30 { color: var(--theme-color-grey-30); } .bkg-grey-30 { background-color: var(--theme-color-grey-30); } .fill-grey-30 > svg * { fill: var(--theme-color-grey-30); } .color-grey-40 { color: var(--theme-color-grey-40); } .bkg-grey-40 { background-color: var(--theme-color-grey-40); } .fill-grey-40 > svg * { fill: var(--theme-color-grey-40); } .color-grey-50 { color: var(--theme-color-grey-50); } .bkg-grey-50 { background-color: var(--theme-color-grey-50); } .fill-grey-50 > svg * { fill: var(--theme-color-grey-50); } .color-grey-60 { color: var(--theme-color-grey-60); } .bkg-grey-60 { background-color: var(--theme-color-grey-60); } .fill-grey-60 > svg * { fill: var(--theme-color-grey-60); } .color-grey-70 { color: var(--theme-color-grey-70); } .bkg-grey-70 { background-color: var(--theme-color-grey-70); } .fill-grey-70 > svg * { fill: var(--theme-color-grey-70); } .color-grey-80 { color: var(--theme-color-grey-80); } .bkg-grey-80 { background-color: var(--theme-color-grey-80); } .fill-grey-80 > svg * { fill: var(--theme-color-grey-80); } .color-grey-90 { color: var(--theme-color-grey-90); } .bkg-grey-90 { background-color: var(--theme-color-grey-90); } .fill-grey-90 > svg * { fill: var(--theme-color-grey-90); } .color-primary-10 { color: var(--theme-color-primary-10); } .bkg-primary-10 { background-color: var(--theme-color-primary-10); } .fill-primary-10 > svg * { fill: var(--theme-color-primary-10); } .color-primary-20 { color: var(--theme-color-primary-20); } .bkg-primary-20 { background-color: var(--theme-color-primary-20); } .fill-primary-20 > svg * { fill: var(--theme-color-primary-20); } .color-primary-30 { color: var(--theme-color-primary-30); } .bkg-primary-30 { background-color: var(--theme-color-primary-30); } .fill-primary-30 > svg * { fill: var(--theme-color-primary-30); } .color-primary-40 { color: var(--theme-color-primary-40); } .bkg-primary-40 { background-color: var(--theme-color-primary-40); } .fill-primary-40 > svg * { fill: var(--theme-color-primary-40); } .color-primary-50 { color: var(--theme-color-primary-50); } .bkg-primary-50 { background-color: var(--theme-color-primary-50); } .fill-primary-50 > svg * { fill: var(--theme-color-primary-50); } .color-primary-60 { color: var(--theme-color-primary-60); } .bkg-primary-60 { background-color: var(--theme-color-primary-60); } .fill-primary-60 > svg * { fill: var(--theme-color-primary-60); } .color-primary-70 { color: var(--theme-color-primary-70); } .bkg-primary-70 { background-color: var(--theme-color-primary-70); } .fill-primary-70 > svg * { fill: var(--theme-color-primary-70); } .color-primary-80 { color: var(--theme-color-primary-80); } .bkg-primary-80 { background-color: var(--theme-color-primary-80); } .fill-primary-80 > svg * { fill: var(--theme-color-primary-80); } .color-primary-90 { color: var(--theme-color-primary-90); } .bkg-primary-90 { background-color: var(--theme-color-primary-90); } .fill-primary-90 > svg * { fill: var(--theme-color-primary-90); } .color-text-10 { color: var(--theme-color-text-10); } .bkg-text-10 { background-color: var(--theme-color-text-10); } .fill-text-10 > svg * { fill: var(--theme-color-text-10); } .color-text-20 { color: var(--theme-color-text-20); } .bkg-text-20 { background-color: var(--theme-color-text-20); } .fill-text-20 > svg * { fill: var(--theme-color-text-20); } .color-text-30 { color: var(--theme-color-text-30); } .bkg-text-30 { background-color: var(--theme-color-text-30); } .fill-text-30 > svg * { fill: var(--theme-color-text-30); } .color-text-40 { color: var(--theme-color-text-40); } .bkg-text-40 { background-color: var(--theme-color-text-40); } .fill-text-40 > svg * { fill: var(--theme-color-text-40); } .color-text-50 { color: var(--theme-color-text-50); } .bkg-text-50 { background-color: var(--theme-color-text-50); } .fill-text-50 > svg * { fill: var(--theme-color-text-50); } .color-text-60 { color: var(--theme-color-text-60); } .bkg-text-60 { background-color: var(--theme-color-text-60); } .fill-text-60 > svg * { fill: var(--theme-color-text-60); } .color-text-70 { color: var(--theme-color-text-70); } .bkg-text-70 { background-color: var(--theme-color-text-70); } .fill-text-70 > svg * { fill: var(--theme-color-text-70); } .color-text-80 { color: var(--theme-color-text-80); } .bkg-text-80 { background-color: var(--theme-color-text-80); } .fill-text-80 > svg * { fill: var(--theme-color-text-80); } .color-text-90 { color: var(--theme-color-text-90); } .bkg-text-90 { background-color: var(--theme-color-text-90); } .fill-text-90 > svg * { fill: var(--theme-color-text-90); } .color-blue-facebook-10 { color: var(--theme-color-blue-facebook-10); } .bkg-blue-facebook-10 { background-color: var(--theme-color-blue-facebook-10); } .fill-blue-facebook-10 > svg * { fill: var(--theme-color-blue-facebook-10); } .color-blue-facebook-20 { color: var(--theme-color-blue-facebook-20); } .bkg-blue-facebook-20 { background-color: var(--theme-color-blue-facebook-20); } .fill-blue-facebook-20 > svg * { fill: var(--theme-color-blue-facebook-20); } .color-blue-facebook-30 { color: var(--theme-color-blue-facebook-30); } .bkg-blue-facebook-30 { background-color: var(--theme-color-blue-facebook-30); } .fill-blue-facebook-30 > svg * { fill: var(--theme-color-blue-facebook-30); } .color-blue-facebook-40 { color: var(--theme-color-blue-facebook-40); } .bkg-blue-facebook-40 { background-color: var(--theme-color-blue-facebook-40); } .fill-blue-facebook-40 > svg * { fill: var(--theme-color-blue-facebook-40); } .color-blue-facebook-50 { color: var(--theme-color-blue-facebook-50); } .bkg-blue-facebook-50 { background-color: var(--theme-color-blue-facebook-50); } .fill-blue-facebook-50 > svg * { fill: var(--theme-color-blue-facebook-50); } .color-blue-facebook-60 { color: var(--theme-color-blue-facebook-60); } .bkg-blue-facebook-60 { background-color: var(--theme-color-blue-facebook-60); } .fill-blue-facebook-60 > svg * { fill: var(--theme-color-blue-facebook-60); } .color-blue-facebook-70 { color: var(--theme-color-blue-facebook-70); } .bkg-blue-facebook-70 { background-color: var(--theme-color-blue-facebook-70); } .fill-blue-facebook-70 > svg * { fill: var(--theme-color-blue-facebook-70); } .color-blue-facebook-80 { color: var(--theme-color-blue-facebook-80); } .bkg-blue-facebook-80 { background-color: var(--theme-color-blue-facebook-80); } .fill-blue-facebook-80 > svg * { fill: var(--theme-color-blue-facebook-80); } .color-blue-facebook-90 { color: var(--theme-color-blue-facebook-90); } .bkg-blue-facebook-90 { background-color: var(--theme-color-blue-facebook-90); } .fill-blue-facebook-90 > svg * { fill: var(--theme-color-blue-facebook-90); } .color-blue-twitter-10 { color: var(--theme-color-blue-twitter-10); } .bkg-blue-twitter-10 { background-color: var(--theme-color-blue-twitter-10); } .fill-blue-twitter-10 > svg * { fill: var(--theme-color-blue-twitter-10); } .color-blue-twitter-20 { color: var(--theme-color-blue-twitter-20); } .bkg-blue-twitter-20 { background-color: var(--theme-color-blue-twitter-20); } .fill-blue-twitter-20 > svg * { fill: var(--theme-color-blue-twitter-20); } .color-blue-twitter-30 { color: var(--theme-color-blue-twitter-30); } .bkg-blue-twitter-30 { background-color: var(--theme-color-blue-twitter-30); } .fill-blue-twitter-30 > svg * { fill: var(--theme-color-blue-twitter-30); } .color-blue-twitter-40 { color: var(--theme-color-blue-twitter-40); } .bkg-blue-twitter-40 { background-color: var(--theme-color-blue-twitter-40); } .fill-blue-twitter-40 > svg * { fill: var(--theme-color-blue-twitter-40); } .color-blue-twitter-50 { color: var(--theme-color-blue-twitter-50); } .bkg-blue-twitter-50 { background-color: var(--theme-color-blue-twitter-50); } .fill-blue-twitter-50 > svg * { fill: var(--theme-color-blue-twitter-50); } .color-blue-twitter-60 { color: var(--theme-color-blue-twitter-60); } .bkg-blue-twitter-60 { background-color: var(--theme-color-blue-twitter-60); } .fill-blue-twitter-60 > svg * { fill: var(--theme-color-blue-twitter-60); } .color-blue-twitter-70 { color: var(--theme-color-blue-twitter-70); } .bkg-blue-twitter-70 { background-color: var(--theme-color-blue-twitter-70); } .fill-blue-twitter-70 > svg * { fill: var(--theme-color-blue-twitter-70); } .color-blue-twitter-80 { color: var(--theme-color-blue-twitter-80); } .bkg-blue-twitter-80 { background-color: var(--theme-color-blue-twitter-80); } .fill-blue-twitter-80 > svg * { fill: var(--theme-color-blue-twitter-80); } .color-blue-twitter-90 { color: var(--theme-color-blue-twitter-90); } .bkg-blue-twitter-90 { background-color: var(--theme-color-blue-twitter-90); } .fill-blue-twitter-90 > svg * { fill: var(--theme-color-blue-twitter-90); } .color-blue-linkedIn-10 { color: var(--theme-color-blue-linkedIn-10); } .bkg-blue-linkedIn-10 { background-color: var(--theme-color-blue-linkedIn-10); } .fill-blue-linkedIn-10 > svg * { fill: var(--theme-color-blue-linkedIn-10); } .color-blue-linkedIn-20 { color: var(--theme-color-blue-linkedIn-20); } .bkg-blue-linkedIn-20 { background-color: var(--theme-color-blue-linkedIn-20); } .fill-blue-linkedIn-20 > svg * { fill: var(--theme-color-blue-linkedIn-20); } .color-blue-linkedIn-30 { color: var(--theme-color-blue-linkedIn-30); } .bkg-blue-linkedIn-30 { background-color: var(--theme-color-blue-linkedIn-30); } .fill-blue-linkedIn-30 > svg * { fill: var(--theme-color-blue-linkedIn-30); } .color-blue-linkedIn-40 { color: var(--theme-color-blue-linkedIn-40); } .bkg-blue-linkedIn-40 { background-color: var(--theme-color-blue-linkedIn-40); } .fill-blue-linkedIn-40 > svg * { fill: var(--theme-color-blue-linkedIn-40); } .color-blue-linkedIn-50 { color: var(--theme-color-blue-linkedIn-50); } .bkg-blue-linkedIn-50 { background-color: var(--theme-color-blue-linkedIn-50); } .fill-blue-linkedIn-50 > svg * { fill: var(--theme-color-blue-linkedIn-50); } .color-blue-linkedIn-60 { color: var(--theme-color-blue-linkedIn-60); } .bkg-blue-linkedIn-60 { background-color: var(--theme-color-blue-linkedIn-60); } .fill-blue-linkedIn-60 > svg * { fill: var(--theme-color-blue-linkedIn-60); } .color-blue-linkedIn-70 { color: var(--theme-color-blue-linkedIn-70); } .bkg-blue-linkedIn-70 { background-color: var(--theme-color-blue-linkedIn-70); } .fill-blue-linkedIn-70 > svg * { fill: var(--theme-color-blue-linkedIn-70); } .color-blue-linkedIn-80 { color: var(--theme-color-blue-linkedIn-80); } .bkg-blue-linkedIn-80 { background-color: var(--theme-color-blue-linkedIn-80); } .fill-blue-linkedIn-80 > svg * { fill: var(--theme-color-blue-linkedIn-80); } .color-blue-linkedIn-90 { color: var(--theme-color-blue-linkedIn-90); } .bkg-blue-linkedIn-90 { background-color: var(--theme-color-blue-linkedIn-90); } .fill-blue-linkedIn-90 > svg * { fill: var(--theme-color-blue-linkedIn-90); } .color-demo-base-10 { color: var(--theme-color-demo-base-10); } .bkg-demo-base-10 { background-color: var(--theme-color-demo-base-10); } .fill-demo-base-10 > svg * { fill: var(--theme-color-demo-base-10); } .color-demo-base-20 { color: var(--theme-color-demo-base-20); } .bkg-demo-base-20 { background-color: var(--theme-color-demo-base-20); } .fill-demo-base-20 > svg * { fill: var(--theme-color-demo-base-20); } .color-demo-base-30 { color: var(--theme-color-demo-base-30); } .bkg-demo-base-30 { background-color: var(--theme-color-demo-base-30); } .fill-demo-base-30 > svg * { fill: var(--theme-color-demo-base-30); } .color-demo-base-40 { color: var(--theme-color-demo-base-40); } .bkg-demo-base-40 { background-color: var(--theme-color-demo-base-40); } .fill-demo-base-40 > svg * { fill: var(--theme-color-demo-base-40); } .color-demo-base-50 { color: var(--theme-color-demo-base-50); } .bkg-demo-base-50 { background-color: var(--theme-color-demo-base-50); } .fill-demo-base-50 > svg * { fill: var(--theme-color-demo-base-50); } .color-demo-base-60 { color: var(--theme-color-demo-base-60); } .bkg-demo-base-60 { background-color: var(--theme-color-demo-base-60); } .fill-demo-base-60 > svg * { fill: var(--theme-color-demo-base-60); } .color-demo-base-70 { color: var(--theme-color-demo-base-70); } .bkg-demo-base-70 { background-color: var(--theme-color-demo-base-70); } .fill-demo-base-70 > svg * { fill: var(--theme-color-demo-base-70); } .color-demo-base-80 { color: var(--theme-color-demo-base-80); } .bkg-demo-base-80 { background-color: var(--theme-color-demo-base-80); } .fill-demo-base-80 > svg * { fill: var(--theme-color-demo-base-80); } .color-demo-base-90 { color: var(--theme-color-demo-base-90); } .bkg-demo-base-90 { background-color: var(--theme-color-demo-base-90); } .fill-demo-base-90 > svg * { fill: var(--theme-color-demo-base-90); } .color-demo-margin-10 { color: var(--theme-color-demo-margin-10); } .bkg-demo-margin-10 { background-color: var(--theme-color-demo-margin-10); } .fill-demo-margin-10 > svg * { fill: var(--theme-color-demo-margin-10); } .color-demo-margin-20 { color: var(--theme-color-demo-margin-20); } .bkg-demo-margin-20 { background-color: var(--theme-color-demo-margin-20); } .fill-demo-margin-20 > svg * { fill: var(--theme-color-demo-margin-20); } .color-demo-margin-30 { color: var(--theme-color-demo-margin-30); } .bkg-demo-margin-30 { background-color: var(--theme-color-demo-margin-30); } .fill-demo-margin-30 > svg * { fill: var(--theme-color-demo-margin-30); } .color-demo-margin-40 { color: var(--theme-color-demo-margin-40); } .bkg-demo-margin-40 { background-color: var(--theme-color-demo-margin-40); } .fill-demo-margin-40 > svg * { fill: var(--theme-color-demo-margin-40); } .color-demo-margin-50 { color: var(--theme-color-demo-margin-50); } .bkg-demo-margin-50 { background-color: var(--theme-color-demo-margin-50); } .fill-demo-margin-50 > svg * { fill: var(--theme-color-demo-margin-50); } .color-demo-margin-60 { color: var(--theme-color-demo-margin-60); } .bkg-demo-margin-60 { background-color: var(--theme-color-demo-margin-60); } .fill-demo-margin-60 > svg * { fill: var(--theme-color-demo-margin-60); } .color-demo-margin-70 { color: var(--theme-color-demo-margin-70); } .bkg-demo-margin-70 { background-color: var(--theme-color-demo-margin-70); } .fill-demo-margin-70 > svg * { fill: var(--theme-color-demo-margin-70); } .color-demo-margin-80 { color: var(--theme-color-demo-margin-80); } .bkg-demo-margin-80 { background-color: var(--theme-color-demo-margin-80); } .fill-demo-margin-80 > svg * { fill: var(--theme-color-demo-margin-80); } .color-demo-margin-90 { color: var(--theme-color-demo-margin-90); } .bkg-demo-margin-90 { background-color: var(--theme-color-demo-margin-90); } .fill-demo-margin-90 > svg * { fill: var(--theme-color-demo-margin-90); } .color-demo-border-10 { color: var(--theme-color-demo-border-10); } .bkg-demo-border-10 { background-color: var(--theme-color-demo-border-10); } .fill-demo-border-10 > svg * { fill: var(--theme-color-demo-border-10); } .color-demo-border-20 { color: var(--theme-color-demo-border-20); } .bkg-demo-border-20 { background-color: var(--theme-color-demo-border-20); } .fill-demo-border-20 > svg * { fill: var(--theme-color-demo-border-20); } .color-demo-border-30 { color: var(--theme-color-demo-border-30); } .bkg-demo-border-30 { background-color: var(--theme-color-demo-border-30); } .fill-demo-border-30 > svg * { fill: var(--theme-color-demo-border-30); } .color-demo-border-40 { color: var(--theme-color-demo-border-40); } .bkg-demo-border-40 { background-color: var(--theme-color-demo-border-40); } .fill-demo-border-40 > svg * { fill: var(--theme-color-demo-border-40); } .color-demo-border-50 { color: var(--theme-color-demo-border-50); } .bkg-demo-border-50 { background-color: var(--theme-color-demo-border-50); } .fill-demo-border-50 > svg * { fill: var(--theme-color-demo-border-50); } .color-demo-border-60 { color: var(--theme-color-demo-border-60); } .bkg-demo-border-60 { background-color: var(--theme-color-demo-border-60); } .fill-demo-border-60 > svg * { fill: var(--theme-color-demo-border-60); } .color-demo-border-70 { color: var(--theme-color-demo-border-70); } .bkg-demo-border-70 { background-color: var(--theme-color-demo-border-70); } .fill-demo-border-70 > svg * { fill: var(--theme-color-demo-border-70); } .color-demo-border-80 { color: var(--theme-color-demo-border-80); } .bkg-demo-border-80 { background-color: var(--theme-color-demo-border-80); } .fill-demo-border-80 > svg * { fill: var(--theme-color-demo-border-80); } .color-demo-border-90 { color: var(--theme-color-demo-border-90); } .bkg-demo-border-90 { background-color: var(--theme-color-demo-border-90); } .fill-demo-border-90 > svg * { fill: var(--theme-color-demo-border-90); } .color-demo-padding-10 { color: var(--theme-color-demo-padding-10); } .bkg-demo-padding-10 { background-color: var(--theme-color-demo-padding-10); } .fill-demo-padding-10 > svg * { fill: var(--theme-color-demo-padding-10); } .color-demo-padding-20 { color: var(--theme-color-demo-padding-20); } .bkg-demo-padding-20 { background-color: var(--theme-color-demo-padding-20); } .fill-demo-padding-20 > svg * { fill: var(--theme-color-demo-padding-20); } .color-demo-padding-30 { color: var(--theme-color-demo-padding-30); } .bkg-demo-padding-30 { background-color: var(--theme-color-demo-padding-30); } .fill-demo-padding-30 > svg * { fill: var(--theme-color-demo-padding-30); } .color-demo-padding-40 { color: var(--theme-color-demo-padding-40); } .bkg-demo-padding-40 { background-color: var(--theme-color-demo-padding-40); } .fill-demo-padding-40 > svg * { fill: var(--theme-color-demo-padding-40); } .color-demo-padding-50 { color: var(--theme-color-demo-padding-50); } .bkg-demo-padding-50 { background-color: var(--theme-color-demo-padding-50); } .fill-demo-padding-50 > svg * { fill: var(--theme-color-demo-padding-50); } .color-demo-padding-60 { color: var(--theme-color-demo-padding-60); } .bkg-demo-padding-60 { background-color: var(--theme-color-demo-padding-60); } .fill-demo-padding-60 > svg * { fill: var(--theme-color-demo-padding-60); } .color-demo-padding-70 { color: var(--theme-color-demo-padding-70); } .bkg-demo-padding-70 { background-color: var(--theme-color-demo-padding-70); } .fill-demo-padding-70 > svg * { fill: var(--theme-color-demo-padding-70); } .color-demo-padding-80 { color: var(--theme-color-demo-padding-80); } .bkg-demo-padding-80 { background-color: var(--theme-color-demo-padding-80); } .fill-demo-padding-80 > svg * { fill: var(--theme-color-demo-padding-80); } .color-demo-padding-90 { color: var(--theme-color-demo-padding-90); } .bkg-demo-padding-90 { background-color: var(--theme-color-demo-padding-90); } .fill-demo-padding-90 > svg * { fill: var(--theme-color-demo-padding-90); } .color-demo-content-10 { color: var(--theme-color-demo-content-10); } .bkg-demo-content-10 { background-color: var(--theme-color-demo-content-10); } .fill-demo-content-10 > svg * { fill: var(--theme-color-demo-content-10); } .color-demo-content-20 { color: var(--theme-color-demo-content-20); } .bkg-demo-content-20 { background-color: var(--theme-color-demo-content-20); } .fill-demo-content-20 > svg * { fill: var(--theme-color-demo-content-20); } .color-demo-content-30 { color: var(--theme-color-demo-content-30); } .bkg-demo-content-30 { background-color: var(--theme-color-demo-content-30); } .fill-demo-content-30 > svg * { fill: var(--theme-color-demo-content-30); } .color-demo-content-40 { color: var(--theme-color-demo-content-40); } .bkg-demo-content-40 { background-color: var(--theme-color-demo-content-40); } .fill-demo-content-40 > svg * { fill: var(--theme-color-demo-content-40); } .color-demo-content-50 { color: var(--theme-color-demo-content-50); } .bkg-demo-content-50 { background-color: var(--theme-color-demo-content-50); } .fill-demo-content-50 > svg * { fill: var(--theme-color-demo-content-50); } .color-demo-content-60 { color: var(--theme-color-demo-content-60); } .bkg-demo-content-60 { background-color: var(--theme-color-demo-content-60); } .fill-demo-content-60 > svg * { fill: var(--theme-color-demo-content-60); } .color-demo-content-70 { color: var(--theme-color-demo-content-70); } .bkg-demo-content-70 { background-color: var(--theme-color-demo-content-70); } .fill-demo-content-70 > svg * { fill: var(--theme-color-demo-content-70); } .color-demo-content-80 { color: var(--theme-color-demo-content-80); } .bkg-demo-content-80 { background-color: var(--theme-color-demo-content-80); } .fill-demo-content-80 > svg * { fill: var(--theme-color-demo-content-80); } .color-demo-content-90 { color: var(--theme-color-demo-content-90); } .bkg-demo-content-90 { background-color: var(--theme-color-demo-content-90); } .fill-demo-content-90 > svg * { fill: var(--theme-color-demo-content-90); } .color-demo-title-10 { color: var(--theme-color-demo-title-10); } .bkg-demo-title-10 { background-color: var(--theme-color-demo-title-10); } .fill-demo-title-10 > svg * { fill: var(--theme-color-demo-title-10); } .color-demo-title-20 { color: var(--theme-color-demo-title-20); } .bkg-demo-title-20 { background-color: var(--theme-color-demo-title-20); } .fill-demo-title-20 > svg * { fill: var(--theme-color-demo-title-20); } .color-demo-title-30 { color: var(--theme-color-demo-title-30); } .bkg-demo-title-30 { background-color: var(--theme-color-demo-title-30); } .fill-demo-title-30 > svg * { fill: var(--theme-color-demo-title-30); } .color-demo-title-40 { color: var(--theme-color-demo-title-40); } .bkg-demo-title-40 { background-color: var(--theme-color-demo-title-40); } .fill-demo-title-40 > svg * { fill: var(--theme-color-demo-title-40); } .color-demo-title-50 { color: var(--theme-color-demo-title-50); } .bkg-demo-title-50 { background-color: var(--theme-color-demo-title-50); } .fill-demo-title-50 > svg * { fill: var(--theme-color-demo-title-50); } .color-demo-title-60 { color: var(--theme-color-demo-title-60); } .bkg-demo-title-60 { background-color: var(--theme-color-demo-title-60); } .fill-demo-title-60 > svg * { fill: var(--theme-color-demo-title-60); } .color-demo-title-70 { color: var(--theme-color-demo-title-70); } .bkg-demo-title-70 { background-color: var(--theme-color-demo-title-70); } .fill-demo-title-70 > svg * { fill: var(--theme-color-demo-title-70); } .color-demo-title-80 { color: var(--theme-color-demo-title-80); } .bkg-demo-title-80 { background-color: var(--theme-color-demo-title-80); } .fill-demo-title-80 > svg * { fill: var(--theme-color-demo-title-80); } .color-demo-title-90 { color: var(--theme-color-demo-title-90); } .bkg-demo-title-90 { background-color: var(--theme-color-demo-title-90); } .fill-demo-title-90 > svg * { fill: var(--theme-color-demo-title-90); } .color-demo-wrapper-10 { color: var(--theme-color-demo-wrapper-10); } .bkg-demo-wrapper-10 { background-color: var(--theme-color-demo-wrapper-10); } .fill-demo-wrapper-10 > svg * { fill: var(--theme-color-demo-wrapper-10); } .color-demo-wrapper-20 { color: var(--theme-color-demo-wrapper-20); } .bkg-demo-wrapper-20 { background-color: var(--theme-color-demo-wrapper-20); } .fill-demo-wrapper-20 > svg * { fill: var(--theme-color-demo-wrapper-20); } .color-demo-wrapper-30 { color: var(--theme-color-demo-wrapper-30); } .bkg-demo-wrapper-30 { background-color: var(--theme-color-demo-wrapper-30); } .fill-demo-wrapper-30 > svg * { fill: var(--theme-color-demo-wrapper-30); } .color-demo-wrapper-40 { color: var(--theme-color-demo-wrapper-40); } .bkg-demo-wrapper-40 { background-color: var(--theme-color-demo-wrapper-40); } .fill-demo-wrapper-40 > svg * { fill: var(--theme-color-demo-wrapper-40); } .color-demo-wrapper-50 { color: var(--theme-color-demo-wrapper-50); } .bkg-demo-wrapper-50 { background-color: var(--theme-color-demo-wrapper-50); } .fill-demo-wrapper-50 > svg * { fill: var(--theme-color-demo-wrapper-50); } .color-demo-wrapper-60 { color: var(--theme-color-demo-wrapper-60); } .bkg-demo-wrapper-60 { background-color: var(--theme-color-demo-wrapper-60); } .fill-demo-wrapper-60 > svg * { fill: var(--theme-color-demo-wrapper-60); } .color-demo-wrapper-70 { color: var(--theme-color-demo-wrapper-70); } .bkg-demo-wrapper-70 { background-color: var(--theme-color-demo-wrapper-70); } .fill-demo-wrapper-70 > svg * { fill: var(--theme-color-demo-wrapper-70); } .color-demo-wrapper-80 { color: var(--theme-color-demo-wrapper-80); } .bkg-demo-wrapper-80 { background-color: var(--theme-color-demo-wrapper-80); } .fill-demo-wrapper-80 > svg * { fill: var(--theme-color-demo-wrapper-80); } .color-demo-wrapper-90 { color: var(--theme-color-demo-wrapper-90); } .bkg-demo-wrapper-90 { background-color: var(--theme-color-demo-wrapper-90); } .fill-demo-wrapper-90 > svg * { fill: var(--theme-color-demo-wrapper-90); } .color-demo-container-10 { color: var(--theme-color-demo-container-10); } .bkg-demo-container-10 { background-color: var(--theme-color-demo-container-10); } .fill-demo-container-10 > svg * { fill: var(--theme-color-demo-container-10); } .color-demo-container-20 { color: var(--theme-color-demo-container-20); } .bkg-demo-container-20 { background-color: var(--theme-color-demo-container-20); } .fill-demo-container-20 > svg * { fill: var(--theme-color-demo-container-20); } .color-demo-container-30 { color: var(--theme-color-demo-container-30); } .bkg-demo-container-30 { background-color: var(--theme-color-demo-container-30); } .fill-demo-container-30 > svg * { fill: var(--theme-color-demo-container-30); } .color-demo-container-40 { color: var(--theme-color-demo-container-40); } .bkg-demo-container-40 { background-color: var(--theme-color-demo-container-40); } .fill-demo-container-40 > svg * { fill: var(--theme-color-demo-container-40); } .color-demo-container-50 { color: var(--theme-color-demo-container-50); } .bkg-demo-container-50 { background-color: var(--theme-color-demo-container-50); } .fill-demo-container-50 > svg * { fill: var(--theme-color-demo-container-50); } .color-demo-container-60 { color: var(--theme-color-demo-container-60); } .bkg-demo-container-60 { background-color: var(--theme-color-demo-container-60); } .fill-demo-container-60 > svg * { fill: var(--theme-color-demo-container-60); } .color-demo-container-70 { color: var(--theme-color-demo-container-70); } .bkg-demo-container-70 { background-color: var(--theme-color-demo-container-70); } .fill-demo-container-70 > svg * { fill: var(--theme-color-demo-container-70); } .color-demo-container-80 { color: var(--theme-color-demo-container-80); } .bkg-demo-container-80 { background-color: var(--theme-color-demo-container-80); } .fill-demo-container-80 > svg * { fill: var(--theme-color-demo-container-80); } .color-demo-container-90 { color: var(--theme-color-demo-container-90); } .bkg-demo-container-90 { background-color: var(--theme-color-demo-container-90); } .fill-demo-container-90 > svg * { fill: var(--theme-color-demo-container-90); } /** * -------------------------------------------------------------------------------------------------------------- * ELEMENTS APPLICATIONS /**/ /* If some elements have allways the same color on the project define them here with the variables already defined */ :root { --theme-color-full-white: #FFFFFF; --theme-color-full-white-10: rgba(255, 255, 255, 0.1); --theme-color-full-white-20: rgba(255, 255, 255, 0.2); --theme-color-full-white-30: rgba(255, 255, 255, 0.3); --theme-color-full-white-40: rgba(255, 255, 255, 0.4); --theme-color-full-white-50: rgba(255, 255, 255, 0.5); --theme-color-full-white-60: rgba(255, 255, 255, 0.6); --theme-color-full-white-70: rgba(255, 255, 255, 0.7); --theme-color-full-white-80: rgba(255, 255, 255, 0.8); --theme-color-full-white-90: rgba(255, 255, 255, 0.9); --theme-color-white: #FFFFEF; --theme-color-white-10: rgba(255, 255, 239, 0.1); --theme-color-white-20: rgba(255, 255, 239, 0.2); --theme-color-white-30: rgba(255, 255, 239, 0.3); --theme-color-white-40: rgba(255, 255, 239, 0.4); --theme-color-white-50: rgba(255, 255, 239, 0.5); --theme-color-white-60: rgba(255, 255, 239, 0.6); --theme-color-white-70: rgba(255, 255, 239, 0.7); --theme-color-white-80: rgba(255, 255, 239, 0.8); --theme-color-white-90: rgba(255, 255, 239, 0.9); --theme-color-mauve-pale: #FAF5F4; --theme-color-mauve-pale-10: rgba(250, 245, 244, 0.1); --theme-color-mauve-pale-20: rgba(250, 245, 244, 0.2); --theme-color-mauve-pale-30: rgba(250, 245, 244, 0.3); --theme-color-mauve-pale-40: rgba(250, 245, 244, 0.4); --theme-color-mauve-pale-50: rgba(250, 245, 244, 0.5); --theme-color-mauve-pale-60: rgba(250, 245, 244, 0.6); --theme-color-mauve-pale-70: rgba(250, 245, 244, 0.7); --theme-color-mauve-pale-80: rgba(250, 245, 244, 0.8); --theme-color-mauve-pale-90: rgba(250, 245, 244, 0.9); --theme-color-violet-dark: #2F0B6E; --theme-color-violet-dark-10: rgba(47, 11, 110, 0.1); --theme-color-violet-dark-20: rgba(47, 11, 110, 0.2); --theme-color-violet-dark-30: rgba(47, 11, 110, 0.3); --theme-color-violet-dark-40: rgba(47, 11, 110, 0.4); --theme-color-violet-dark-50: rgba(47, 11, 110, 0.5); --theme-color-violet-dark-60: rgba(47, 11, 110, 0.6); --theme-color-violet-dark-70: rgba(47, 11, 110, 0.7); --theme-color-violet-dark-80: rgba(47, 11, 110, 0.8); --theme-color-violet-dark-90: rgba(47, 11, 110, 0.9); --theme-color-violet: #793FDF; --theme-color-violet-10: rgba(121, 63, 223, 0.1); --theme-color-violet-20: rgba(121, 63, 223, 0.2); --theme-color-violet-30: rgba(121, 63, 223, 0.3); --theme-color-violet-40: rgba(121, 63, 223, 0.4); --theme-color-violet-50: rgba(121, 63, 223, 0.5); --theme-color-violet-60: rgba(121, 63, 223, 0.6); --theme-color-violet-70: rgba(121, 63, 223, 0.7); --theme-color-violet-80: rgba(121, 63, 223, 0.8); --theme-color-violet-90: rgba(121, 63, 223, 0.9); --theme-color-blue: #7091f5; --theme-color-blue-10: rgba(112, 145, 245, 0.1); --theme-color-blue-20: rgba(112, 145, 245, 0.2); --theme-color-blue-30: rgba(112, 145, 245, 0.3); --theme-color-blue-40: rgba(112, 145, 245, 0.4); --theme-color-blue-50: rgba(112, 145, 245, 0.5); --theme-color-blue-60: rgba(112, 145, 245, 0.6); --theme-color-blue-70: rgba(112, 145, 245, 0.7); --theme-color-blue-80: rgba(112, 145, 245, 0.8); --theme-color-blue-90: rgba(112, 145, 245, 0.9); --theme-color-middle-blue: #2F52A0; --theme-color-middle-blue-10: rgba(47, 82, 160, 0.1); --theme-color-middle-blue-20: rgba(47, 82, 160, 0.2); --theme-color-middle-blue-30: rgba(47, 82, 160, 0.3); --theme-color-middle-blue-40: rgba(47, 82, 160, 0.4); --theme-color-middle-blue-50: rgba(47, 82, 160, 0.5); --theme-color-middle-blue-60: rgba(47, 82, 160, 0.6); --theme-color-middle-blue-70: rgba(47, 82, 160, 0.7); --theme-color-middle-blue-80: rgba(47, 82, 160, 0.8); --theme-color-middle-blue-90: rgba(47, 82, 160, 0.9); --theme-color-blue-turquoise: #97FFF4; --theme-color-blue-turquoise-10: rgba(151, 255, 244, 0.1); --theme-color-blue-turquoise-20: rgba(151, 255, 244, 0.2); --theme-color-blue-turquoise-30: rgba(151, 255, 244, 0.3); --theme-color-blue-turquoise-40: rgba(151, 255, 244, 0.4); --theme-color-blue-turquoise-50: rgba(151, 255, 244, 0.5); --theme-color-blue-turquoise-60: rgba(151, 255, 244, 0.6); --theme-color-blue-turquoise-70: rgba(151, 255, 244, 0.7); --theme-color-blue-turquoise-80: rgba(151, 255, 244, 0.8); --theme-color-blue-turquoise-90: rgba(151, 255, 244, 0.9); --theme-color-yellow: #FFFD8C; --theme-color-yellow-10: rgba(255, 253, 140, 0.1); --theme-color-yellow-20: rgba(255, 253, 140, 0.2); --theme-color-yellow-30: rgba(255, 253, 140, 0.3); --theme-color-yellow-40: rgba(255, 253, 140, 0.4); --theme-color-yellow-50: rgba(255, 253, 140, 0.5); --theme-color-yellow-60: rgba(255, 253, 140, 0.6); --theme-color-yellow-70: rgba(255, 253, 140, 0.7); --theme-color-yellow-80: rgba(255, 253, 140, 0.8); --theme-color-yellow-90: rgba(255, 253, 140, 0.9); --theme-color-green: #18AC2F; --theme-color-green-10: rgba(24, 172, 47, 0.1); --theme-color-green-20: rgba(24, 172, 47, 0.2); --theme-color-green-30: rgba(24, 172, 47, 0.3); --theme-color-green-40: rgba(24, 172, 47, 0.4); --theme-color-green-50: rgba(24, 172, 47, 0.5); --theme-color-green-60: rgba(24, 172, 47, 0.6); --theme-color-green-70: rgba(24, 172, 47, 0.7); --theme-color-green-80: rgba(24, 172, 47, 0.8); --theme-color-green-90: rgba(24, 172, 47, 0.9); --theme-color-grey: #EEEDF4; --theme-color-grey-10: rgba(238, 237, 244, 0.1); --theme-color-grey-20: rgba(238, 237, 244, 0.2); --theme-color-grey-30: rgba(238, 237, 244, 0.3); --theme-color-grey-40: rgba(238, 237, 244, 0.4); --theme-color-grey-50: rgba(238, 237, 244, 0.5); --theme-color-grey-60: rgba(238, 237, 244, 0.6); --theme-color-grey-70: rgba(238, 237, 244, 0.7); --theme-color-grey-80: rgba(238, 237, 244, 0.8); --theme-color-grey-90: rgba(238, 237, 244, 0.9); --theme-color-primary: #2F0B6E; --theme-color-primary-10: rgba(47, 11, 110, 0.1); --theme-color-primary-20: rgba(47, 11, 110, 0.2); --theme-color-primary-30: rgba(47, 11, 110, 0.3); --theme-color-primary-40: rgba(47, 11, 110, 0.4); --theme-color-primary-50: rgba(47, 11, 110, 0.5); --theme-color-primary-60: rgba(47, 11, 110, 0.6); --theme-color-primary-70: rgba(47, 11, 110, 0.7); --theme-color-primary-80: rgba(47, 11, 110, 0.8); --theme-color-primary-90: rgba(47, 11, 110, 0.9); --theme-color-text: #2F0B6E; --theme-color-text-10: rgba(47, 11, 110, 0.1); --theme-color-text-20: rgba(47, 11, 110, 0.2); --theme-color-text-30: rgba(47, 11, 110, 0.3); --theme-color-text-40: rgba(47, 11, 110, 0.4); --theme-color-text-50: rgba(47, 11, 110, 0.5); --theme-color-text-60: rgba(47, 11, 110, 0.6); --theme-color-text-70: rgba(47, 11, 110, 0.7); --theme-color-text-80: rgba(47, 11, 110, 0.8); --theme-color-text-90: rgba(47, 11, 110, 0.9); --theme-color-blue-facebook: #3b5998; --theme-color-blue-facebook-10: rgba(59, 89, 152, 0.1); --theme-color-blue-facebook-20: rgba(59, 89, 152, 0.2); --theme-color-blue-facebook-30: rgba(59, 89, 152, 0.3); --theme-color-blue-facebook-40: rgba(59, 89, 152, 0.4); --theme-color-blue-facebook-50: rgba(59, 89, 152, 0.5); --theme-color-blue-facebook-60: rgba(59, 89, 152, 0.6); --theme-color-blue-facebook-70: rgba(59, 89, 152, 0.7); --theme-color-blue-facebook-80: rgba(59, 89, 152, 0.8); --theme-color-blue-facebook-90: rgba(59, 89, 152, 0.9); --theme-color-blue-twitter: #1da1f2; --theme-color-blue-twitter-10: rgba(29, 161, 242, 0.1); --theme-color-blue-twitter-20: rgba(29, 161, 242, 0.2); --theme-color-blue-twitter-30: rgba(29, 161, 242, 0.3); --theme-color-blue-twitter-40: rgba(29, 161, 242, 0.4); --theme-color-blue-twitter-50: rgba(29, 161, 242, 0.5); --theme-color-blue-twitter-60: rgba(29, 161, 242, 0.6); --theme-color-blue-twitter-70: rgba(29, 161, 242, 0.7); --theme-color-blue-twitter-80: rgba(29, 161, 242, 0.8); --theme-color-blue-twitter-90: rgba(29, 161, 242, 0.9); --theme-color-blue-linkedIn: #0077b5; --theme-color-blue-linkedIn-10: rgba(0, 119, 181, 0.1); --theme-color-blue-linkedIn-20: rgba(0, 119, 181, 0.2); --theme-color-blue-linkedIn-30: rgba(0, 119, 181, 0.3); --theme-color-blue-linkedIn-40: rgba(0, 119, 181, 0.4); --theme-color-blue-linkedIn-50: rgba(0, 119, 181, 0.5); --theme-color-blue-linkedIn-60: rgba(0, 119, 181, 0.6); --theme-color-blue-linkedIn-70: rgba(0, 119, 181, 0.7); --theme-color-blue-linkedIn-80: rgba(0, 119, 181, 0.8); --theme-color-blue-linkedIn-90: rgba(0, 119, 181, 0.9); --theme-color-demo-base: #FAF5F4; --theme-color-demo-base-10: rgba(250, 245, 244, 0.1); --theme-color-demo-base-20: rgba(250, 245, 244, 0.2); --theme-color-demo-base-30: rgba(250, 245, 244, 0.3); --theme-color-demo-base-40: rgba(250, 245, 244, 0.4); --theme-color-demo-base-50: rgba(250, 245, 244, 0.5); --theme-color-demo-base-60: rgba(250, 245, 244, 0.6); --theme-color-demo-base-70: rgba(250, 245, 244, 0.7); --theme-color-demo-base-80: rgba(250, 245, 244, 0.8); --theme-color-demo-base-90: rgba(250, 245, 244, 0.9); --theme-color-demo-margin: #F8CB9C; --theme-color-demo-margin-10: rgba(248, 203, 156, 0.1); --theme-color-demo-margin-20: rgba(248, 203, 156, 0.2); --theme-color-demo-margin-30: rgba(248, 203, 156, 0.3); --theme-color-demo-margin-40: rgba(248, 203, 156, 0.4); --theme-color-demo-margin-50: rgba(248, 203, 156, 0.5); --theme-color-demo-margin-60: rgba(248, 203, 156, 0.6); --theme-color-demo-margin-70: rgba(248, 203, 156, 0.7); --theme-color-demo-margin-80: rgba(248, 203, 156, 0.8); --theme-color-demo-margin-90: rgba(248, 203, 156, 0.9); --theme-color-demo-border: #FCDB9A; --theme-color-demo-border-10: rgba(252, 219, 154, 0.1); --theme-color-demo-border-20: rgba(252, 219, 154, 0.2); --theme-color-demo-border-30: rgba(252, 219, 154, 0.3); --theme-color-demo-border-40: rgba(252, 219, 154, 0.4); --theme-color-demo-border-50: rgba(252, 219, 154, 0.5); --theme-color-demo-border-60: rgba(252, 219, 154, 0.6); --theme-color-demo-border-70: rgba(252, 219, 154, 0.7); --theme-color-demo-border-80: rgba(252, 219, 154, 0.8); --theme-color-demo-border-90: rgba(252, 219, 154, 0.9); --theme-color-demo-padding: #C2DDB5; --theme-color-demo-padding-10: rgba(194, 221, 181, 0.1); --theme-color-demo-padding-20: rgba(194, 221, 181, 0.2); --theme-color-demo-padding-30: rgba(194, 221, 181, 0.3); --theme-color-demo-padding-40: rgba(194, 221, 181, 0.4); --theme-color-demo-padding-50: rgba(194, 221, 181, 0.5); --theme-color-demo-padding-60: rgba(194, 221, 181, 0.6); --theme-color-demo-padding-70: rgba(194, 221, 181, 0.7); --theme-color-demo-padding-80: rgba(194, 221, 181, 0.8); --theme-color-demo-padding-90: rgba(194, 221, 181, 0.9); --theme-color-demo-content: #9EC4E7; --theme-color-demo-content-10: rgba(158, 196, 231, 0.1); --theme-color-demo-content-20: rgba(158, 196, 231, 0.2); --theme-color-demo-content-30: rgba(158, 196, 231, 0.3); --theme-color-demo-content-40: rgba(158, 196, 231, 0.4); --theme-color-demo-content-50: rgba(158, 196, 231, 0.5); --theme-color-demo-content-60: rgba(158, 196, 231, 0.6); --theme-color-demo-content-70: rgba(158, 196, 231, 0.7); --theme-color-demo-content-80: rgba(158, 196, 231, 0.8); --theme-color-demo-content-90: rgba(158, 196, 231, 0.9); --theme-color-demo-title: #FF2E47; --theme-color-demo-title-10: rgba(255, 46, 71, 0.1); --theme-color-demo-title-20: rgba(255, 46, 71, 0.2); --theme-color-demo-title-30: rgba(255, 46, 71, 0.3); --theme-color-demo-title-40: rgba(255, 46, 71, 0.4); --theme-color-demo-title-50: rgba(255, 46, 71, 0.5); --theme-color-demo-title-60: rgba(255, 46, 71, 0.6); --theme-color-demo-title-70: rgba(255, 46, 71, 0.7); --theme-color-demo-title-80: rgba(255, 46, 71, 0.8); --theme-color-demo-title-90: rgba(255, 46, 71, 0.9); --theme-color-demo-wrapper: #00A95B; --theme-color-demo-wrapper-10: rgba(0, 169, 91, 0.1); --theme-color-demo-wrapper-20: rgba(0, 169, 91, 0.2); --theme-color-demo-wrapper-30: rgba(0, 169, 91, 0.3); --theme-color-demo-wrapper-40: rgba(0, 169, 91, 0.4); --theme-color-demo-wrapper-50: rgba(0, 169, 91, 0.5); --theme-color-demo-wrapper-60: rgba(0, 169, 91, 0.6); --theme-color-demo-wrapper-70: rgba(0, 169, 91, 0.7); --theme-color-demo-wrapper-80: rgba(0, 169, 91, 0.8); --theme-color-demo-wrapper-90: rgba(0, 169, 91, 0.9); --theme-color-demo-container: #800080; --theme-color-demo-container-10: rgba(128, 0, 128, 0.1); --theme-color-demo-container-20: rgba(128, 0, 128, 0.2); --theme-color-demo-container-30: rgba(128, 0, 128, 0.3); --theme-color-demo-container-40: rgba(128, 0, 128, 0.4); --theme-color-demo-container-50: rgba(128, 0, 128, 0.5); --theme-color-demo-container-60: rgba(128, 0, 128, 0.6); --theme-color-demo-container-70: rgba(128, 0, 128, 0.7); --theme-color-demo-container-80: rgba(128, 0, 128, 0.8); --theme-color-demo-container-90: rgba(128, 0, 128, 0.9); } body { color: var(--theme-color-violet-dark); } /** * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! * ! THEME DEMO VARIABLES (Don't modify) ! /**/ /* Demo colors parameters */ /** * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! * ! THEME DEMO FUNCTIONS (Don't modify) ! /**/ /** * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! * ! THEME DEMO ELEMENTS APPLICATIONS (Don't modify) ! /**/ :root { --demo-color-margin: var(--theme-color-demo-margin); --demo-color-padding: var(--theme-color-demo-padding); --demo-color-content: var(--theme-color-demo-content); --demo-color-base: var(--theme-color-demo-base); } html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) { background: var(--theme-color-demo-base); background: var(--demo-color-base); } html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 header, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 .burger-menu, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 .burger-menu-wrapper, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 main, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 section, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 aside, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 footer { background-image: -webkit-gradient(linear, left top, left bottom, from(var(--demo-color-content)), to(var(--demo-color-content))), -webkit-gradient(linear, left top, left bottom, from(var(--demo-color-padding)), to(var(--demo-color-padding))); background-image: linear-gradient(to bottom, var(--demo-color-content) 0%, var(--demo-color-content) 100%), linear-gradient(to bottom, var(--demo-color-padding) 0%, var(--demo-color-padding) 100%); background-clip: content-box, padding-box; border: 1px solid var(--theme-color-violet-dark); } html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 header .header, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 .burger-menu .header, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 .burger-menu-wrapper .header, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 main .header, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 section .header, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 aside .header, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 footer .header { outline: 1px solid var(--theme-color-demo-title); /* inner stroke */ outline-offset: -2px; /* negative border width + outline width */ } html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 header .wrapper, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 .burger-menu .wrapper, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 .burger-menu-wrapper .wrapper, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 main .wrapper, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 section .wrapper, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 aside .wrapper, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 footer .wrapper { background-image: -webkit-gradient(linear, left top, left bottom, from(var(--demo-color-content)), to(var(--demo-color-content))), -webkit-gradient(linear, left top, left bottom, from(var(--demo-color-padding)), to(var(--demo-color-padding))); background-image: linear-gradient(to bottom, var(--demo-color-content) 0%, var(--demo-color-content) 100%), linear-gradient(to bottom, var(--demo-color-padding) 0%, var(--demo-color-padding) 100%); background-clip: content-box, padding-box; outline: 1px solid var(--theme-color-demo-wrapper); outline-offset: -2px; } html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 header .wrapper .container, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 .burger-menu .wrapper .container, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 .burger-menu-wrapper .wrapper .container, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 main .wrapper .container, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 section .wrapper .container, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 aside .wrapper .container, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 footer .wrapper .container { outline: 1px solid var(--theme-color-demo-container); outline-offset: -2px; } html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 header .wrapper .container:not([class*=bkg]), html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 .burger-menu .wrapper .container:not([class*=bkg]), html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 .burger-menu-wrapper .wrapper .container:not([class*=bkg]), html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 main .wrapper .container:not([class*=bkg]), html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 section .wrapper .container:not([class*=bkg]), html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 aside .wrapper .container:not([class*=bkg]), html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 footer .wrapper .container:not([class*=bkg]) { background-image: -webkit-gradient(linear, left top, left bottom, from(var(--demo-color-content)), to(var(--demo-color-content))), -webkit-gradient(linear, left top, left bottom, from(var(--demo-color-padding)), to(var(--demo-color-padding))); background-image: linear-gradient(to bottom, var(--demo-color-content) 0%, var(--demo-color-content) 100%), linear-gradient(to bottom, var(--demo-color-padding) 0%, var(--demo-color-padding) 100%); background-clip: content-box, padding-box; } html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 header .wrapper .container.right, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 .burger-menu .wrapper .container.right, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 .burger-menu-wrapper .wrapper .container.right, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 main .wrapper .container.right, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 section .wrapper .container.right, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 aside .wrapper .container.right, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 footer .wrapper .container.right { border-left: none; } html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 header .wrapper .container > h3, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 .burger-menu .wrapper .container > h3, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 .burger-menu-wrapper .wrapper .container > h3, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 main .wrapper .container > h3, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 section .wrapper .container > h3, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 aside .wrapper .container > h3, html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 footer .wrapper .container > h3 { color: var(--theme-color-demo-container); } html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 header h2:not(.color-black):not([class*=font-family]), html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 .burger-menu h2:not(.color-black):not([class*=font-family]), html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 .burger-menu-wrapper h2:not(.color-black):not([class*=font-family]), html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 main h2:not(.color-black):not([class*=font-family]), html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 section h2:not(.color-black):not([class*=font-family]), html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 aside h2:not(.color-black):not([class*=font-family]), html:has(body.parent-pageid-24922):not(:has(body.read-me-page)):not(:has(body.ui-kit-page)) .parent-pageid-24922 footer h2:not(.color-black):not([class*=font-family]) { color: var(--theme-color-demo-title); } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED CLASSES & EXTENDS * Allways create both in order to be forced * directly on DOM or afterward in SCCS with @extend ! /**/ .borders-standard, .output .type-card, .output .product, .borders-rounded-int, .single-hebergement .section-details .container-detail .img-container .swiper .swiper-slide, .borders-rounded-25, .type-j .form-newsletter, .type-j .form-devis, .borders-rounded-20, .single-hebergement .type-banner.type-f > .wrapper .container:nth-child(2) .package .form.devis, .type-banner.contact.type-banner.contact > .wrapper .container:nth-child(2) .package .form.devis, .type-banner.contact.type-f > .wrapper .container:nth-child(2) .package .form.devis, .type-f.type-banner.contact > .wrapper .container:nth-child(2) .package .form.devis, .type-f.type-f > .wrapper .container:nth-child(2) .package .form.devis, .infowindow > .wrapper, aside.map-block .map-wrapper div[role=dialog], .type-w.map.europe, .type-b.springbreak .type-b-img img.image, .type-b.weiwed .type-b-img img.image, .borders-rounded-15, .type-s blockquote, .borders-rounded-10-int, .output .type-card.hebergement .tax-block .terms-block .term, .output .type-card.hebergement .tax-block .terms-block .child-term, .output .type-card.hebergement .tax-block .childs-block .term, .output .type-card.hebergement .tax-block .childs-block .child-term, .output .type-card.post .tax-block .terms-block .term, .output .type-card.post .tax-block .terms-block .child-term, .output .type-card.post .tax-block .childs-block .term, .output .type-card.post .tax-block .childs-block .child-term, .output .product.hebergement .tax-block .terms-block .term, .output .product.hebergement .tax-block .terms-block .child-term, .output .product.hebergement .tax-block .childs-block .term, .output .product.hebergement .tax-block .childs-block .child-term, .output .product.post .tax-block .terms-block .term, .output .product.post .tax-block .terms-block .child-term, .output .product.post .tax-block .childs-block .term, .output .product.post .tax-block .childs-block .child-term, .output .type-card.hebergement > a, .output .type-card.post > a, .output .product.hebergement > a, .output .product.post > a, .infowindow .type-card.hebergement .tax-block .terms-block .term, .infowindow .type-card.hebergement .tax-block .terms-block .child-term, .infowindow .type-card.hebergement .tax-block .childs-block .term, .infowindow .type-card.hebergement .tax-block .childs-block .child-term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .terms-block .term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .terms-block .child-term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .childs-block .term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .childs-block .child-term, .popup-rappeler #field_submit, .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields #field_submit, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields #field_submit, .borders-rounded-10, .single-hebergement .section-details .container-detail, .output .type-card.hebergement, .output .type-card.post, .output .product.hebergement, .output .product.post, .output .product, .infowindow .type-card img, aside.map-block .map-wrapper:not(.swiper-slide) .type-card img, .popup-rappeler .gform_fields, .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields, .type-sidebar.post-content aside .type-card, .borders-rounded-7, .sidebar, .borders-rounded-5, .pilule, .output .type-card.card-swiper-images .swiper-slide img:not(.img-icon), .output .product.card-swiper-images .swiper-slide img:not(.img-icon), .output .type-card.card-swiper-images .swiper, .output .product.card-swiper-images .swiper, .type-s.contenu { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid transparent; } .border-bottom { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid var(--theme-color-violet-dark-20); } @media (min-width: 0px) { .borders-rounded-5, .pilule, .output .type-card.card-swiper-images .swiper-slide img:not(.img-icon), .output .product.card-swiper-images .swiper-slide img:not(.img-icon), .output .type-card.card-swiper-images .swiper, .output .product.card-swiper-images .swiper, .type-s.contenu { border-radius: calc(0.0128205128 * 1 * 100vw); } } @media (min-width: 481px) { .borders-rounded-5, .pilule, .output .type-card.card-swiper-images .swiper-slide img:not(.img-icon), .output .product.card-swiper-images .swiper-slide img:not(.img-icon), .output .type-card.card-swiper-images .swiper, .output .product.card-swiper-images .swiper, .type-s.contenu { border-radius: calc(0.006097561 * 1 * 100vw); } } @media (min-width: 1024px) { .borders-rounded-5, .pilule, .output .type-card.card-swiper-images .swiper-slide img:not(.img-icon), .output .product.card-swiper-images .swiper-slide img:not(.img-icon), .output .type-card.card-swiper-images .swiper, .output .product.card-swiper-images .swiper, .type-s.contenu { border-radius: calc(0.0034722222 * 1 * 100vw); } } @media (min-width: 0px) { .borders-rounded-7, .sidebar { border-radius: calc(0.0179487179 * 1 * 100vw); } } @media (min-width: 481px) { .borders-rounded-7, .sidebar { border-radius: calc(0.0085365854 * 1 * 100vw); } } @media (min-width: 1024px) { .borders-rounded-7, .sidebar { border-radius: calc(0.0048611111 * 1 * 100vw); } } @media (min-width: 0px) { .borders-rounded-10, .single-hebergement .section-details .container-detail, .output .type-card.hebergement, .output .type-card.post, .output .product.hebergement, .output .product.post, .output .type-card, .output .product, .infowindow .type-card img, aside.map-block .map-wrapper:not(.swiper-slide) .type-card img, .popup-rappeler .gform_fields, .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields, .type-sidebar.post-content aside .type-card { border-radius: calc(0.0256410256 * 1 * 100vw); } } @media (min-width: 481px) { .borders-rounded-10, .single-hebergement .section-details .container-detail, .output .type-card.hebergement, .output .type-card.post, .output .product.hebergement, .output .product.post, .output .type-card, .output .product, .infowindow .type-card img, aside.map-block .map-wrapper:not(.swiper-slide) .type-card img, .popup-rappeler .gform_fields, .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields, .type-sidebar.post-content aside .type-card { border-radius: calc(0.012195122 * 1 * 100vw); } } @media (min-width: 1024px) { .borders-rounded-10, .single-hebergement .section-details .container-detail, .output .type-card.hebergement, .output .type-card.post, .output .product.hebergement, .output .product.post, .output .type-card, .output .product, .infowindow .type-card img, aside.map-block .map-wrapper:not(.swiper-slide) .type-card img, .popup-rappeler .gform_fields, .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields, .type-sidebar.post-content aside .type-card { border-radius: calc(0.0069444444 * 1 * 100vw); } } @media (min-width: 0px) { .borders-rounded-10-int, .output .type-card.hebergement .tax-block .terms-block .term, .output .type-card.hebergement .tax-block .terms-block .child-term, .output .type-card.hebergement .tax-block .childs-block .term, .output .type-card.hebergement .tax-block .childs-block .child-term, .output .type-card.post .tax-block .terms-block .term, .output .type-card.post .tax-block .terms-block .child-term, .output .type-card.post .tax-block .childs-block .term, .output .type-card.post .tax-block .childs-block .child-term, .output .product.hebergement .tax-block .terms-block .term, .output .product.hebergement .tax-block .terms-block .child-term, .output .product.hebergement .tax-block .childs-block .term, .output .product.hebergement .tax-block .childs-block .child-term, .output .product.post .tax-block .terms-block .term, .output .product.post .tax-block .terms-block .child-term, .output .product.post .tax-block .childs-block .term, .output .product.post .tax-block .childs-block .child-term, .output .type-card.hebergement > a, .output .type-card.post > a, .output .product.hebergement > a, .output .product.post > a, .infowindow .type-card.hebergement .tax-block .terms-block .term, .infowindow .type-card.hebergement .tax-block .terms-block .child-term, .infowindow .type-card.hebergement .tax-block .childs-block .term, .infowindow .type-card.hebergement .tax-block .childs-block .child-term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .terms-block .term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .terms-block .child-term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .childs-block .term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .childs-block .child-term, .popup-rappeler #field_submit, .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields #field_submit, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields #field_submit { border-radius: calc(0.0230769231 * 1 * 100vw); } } @media (min-width: 481px) { .borders-rounded-10-int, .output .type-card.hebergement .tax-block .terms-block .term, .output .type-card.hebergement .tax-block .terms-block .child-term, .output .type-card.hebergement .tax-block .childs-block .term, .output .type-card.hebergement .tax-block .childs-block .child-term, .output .type-card.post .tax-block .terms-block .term, .output .type-card.post .tax-block .terms-block .child-term, .output .type-card.post .tax-block .childs-block .term, .output .type-card.post .tax-block .childs-block .child-term, .output .product.hebergement .tax-block .terms-block .term, .output .product.hebergement .tax-block .terms-block .child-term, .output .product.hebergement .tax-block .childs-block .term, .output .product.hebergement .tax-block .childs-block .child-term, .output .product.post .tax-block .terms-block .term, .output .product.post .tax-block .terms-block .child-term, .output .product.post .tax-block .childs-block .term, .output .product.post .tax-block .childs-block .child-term, .output .type-card.hebergement > a, .output .type-card.post > a, .output .product.hebergement > a, .output .product.post > a, .infowindow .type-card.hebergement .tax-block .terms-block .term, .infowindow .type-card.hebergement .tax-block .terms-block .child-term, .infowindow .type-card.hebergement .tax-block .childs-block .term, .infowindow .type-card.hebergement .tax-block .childs-block .child-term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .terms-block .term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .terms-block .child-term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .childs-block .term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .childs-block .child-term, .popup-rappeler #field_submit, .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields #field_submit, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields #field_submit { border-radius: calc(0.0109756098 * 1 * 100vw); } } @media (min-width: 1024px) { .borders-rounded-10-int, .output .type-card.hebergement .tax-block .terms-block .term, .output .type-card.hebergement .tax-block .terms-block .child-term, .output .type-card.hebergement .tax-block .childs-block .term, .output .type-card.hebergement .tax-block .childs-block .child-term, .output .type-card.post .tax-block .terms-block .term, .output .type-card.post .tax-block .terms-block .child-term, .output .type-card.post .tax-block .childs-block .term, .output .type-card.post .tax-block .childs-block .child-term, .output .product.hebergement .tax-block .terms-block .term, .output .product.hebergement .tax-block .terms-block .child-term, .output .product.hebergement .tax-block .childs-block .term, .output .product.hebergement .tax-block .childs-block .child-term, .output .product.post .tax-block .terms-block .term, .output .product.post .tax-block .terms-block .child-term, .output .product.post .tax-block .childs-block .term, .output .product.post .tax-block .childs-block .child-term, .output .type-card.hebergement > a, .output .type-card.post > a, .output .product.hebergement > a, .output .product.post > a, .infowindow .type-card.hebergement .tax-block .terms-block .term, .infowindow .type-card.hebergement .tax-block .terms-block .child-term, .infowindow .type-card.hebergement .tax-block .childs-block .term, .infowindow .type-card.hebergement .tax-block .childs-block .child-term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .terms-block .term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .terms-block .child-term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .childs-block .term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .childs-block .child-term, .popup-rappeler #field_submit, .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields #field_submit, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields #field_submit { border-radius: calc(0.00625 * 1 * 100vw); } } @media (min-width: 0px) { .borders-rounded-15, .type-s blockquote { border-radius: calc(0.0384615385 * 1 * 100vw); } } @media (min-width: 481px) { .borders-rounded-15, .type-s blockquote { border-radius: calc(0.0182926829 * 1 * 100vw); } } @media (min-width: 1024px) { .borders-rounded-15, .type-s blockquote { border-radius: calc(0.0104166667 * 1 * 100vw); } } @media (min-width: 0px) { .borders-rounded-20, .single-hebergement .type-banner.type-f > .wrapper .container:nth-child(2) .package .form.devis, .type-banner.contact.type-banner.contact > .wrapper .container:nth-child(2) .package .form.devis, .type-banner.contact.type-f > .wrapper .container:nth-child(2) .package .form.devis, .type-f.type-banner.contact > .wrapper .container:nth-child(2) .package .form.devis, .type-f.type-f > .wrapper .container:nth-child(2) .package .form.devis, .infowindow > .wrapper, aside.map-block .map-wrapper div[role=dialog], .type-w.map.europe, .type-b.springbreak .type-b-img img.image, .type-b.weiwed .type-b-img img.image { border-radius: calc(0.0512820513 * 1 * 100vw); } } @media (min-width: 481px) { .borders-rounded-20, .single-hebergement .type-banner.type-f > .wrapper .container:nth-child(2) .package .form.devis, .type-banner.contact.type-banner.contact > .wrapper .container:nth-child(2) .package .form.devis, .type-banner.contact.type-f > .wrapper .container:nth-child(2) .package .form.devis, .type-f.type-banner.contact > .wrapper .container:nth-child(2) .package .form.devis, .type-f.type-f > .wrapper .container:nth-child(2) .package .form.devis, .infowindow > .wrapper, aside.map-block .map-wrapper div[role=dialog], .type-w.map.europe, .type-b.springbreak .type-b-img img.image, .type-b.weiwed .type-b-img img.image { border-radius: calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 1024px) { .borders-rounded-20, .single-hebergement .type-banner.type-f > .wrapper .container:nth-child(2) .package .form.devis, .type-banner.contact.type-banner.contact > .wrapper .container:nth-child(2) .package .form.devis, .type-banner.contact.type-f > .wrapper .container:nth-child(2) .package .form.devis, .type-f.type-banner.contact > .wrapper .container:nth-child(2) .package .form.devis, .type-f.type-f > .wrapper .container:nth-child(2) .package .form.devis, .infowindow > .wrapper, aside.map-block .map-wrapper div[role=dialog], .type-w.map.europe, .type-b.springbreak .type-b-img img.image, .type-b.weiwed .type-b-img img.image { border-radius: calc(0.0138888889 * 1 * 100vw); } } @media (min-width: 0px) { .borders-rounded-25, .type-j .form-newsletter, .type-j .form-devis { border-radius: calc(0.0641025641 * 1 * 100vw); } } @media (min-width: 481px) { .borders-rounded-25, .type-j .form-newsletter, .type-j .form-devis { border-radius: calc(0.0304878049 * 1 * 100vw); } } @media (min-width: 1024px) { .borders-rounded-25, .type-j .form-newsletter, .type-j .form-devis { border-radius: calc(0.0173611111 * 1 * 100vw); } } @media (min-width: 0px) { .borders-rounded-int, .single-hebergement .section-details .container-detail .img-container .swiper .swiper-slide { border-radius: calc(0.0128205128 * 1 * 100vw); } } @media (min-width: 481px) { .borders-rounded-int, .single-hebergement .section-details .container-detail .img-container .swiper .swiper-slide { border-radius: calc(0.006097561 * 1 * 100vw); } } @media (min-width: 1024px) { .borders-rounded-int, .single-hebergement .section-details .container-detail .img-container .swiper .swiper-slide { border-radius: calc(0.0034722222 * 1 * 100vw); } } .borders-rounded-pad { overflow: hidden; } @media (min-width: 0px) { .borders-rounded-pad { border-radius: calc(0.0128205128 * 1 * 100vw); } } @media (min-width: 481px) { .borders-rounded-pad { border-radius: calc(0.006097561 * 1 * 100vw); } } @media (min-width: 1024px) { .borders-rounded-pad { border-radius: calc(0.0034722222 * 1 * 100vw); } } .borders-colored, #accomodations-map .main.output .type-card, .type-s blockquote { border-color: var(--theme-color-blue-turquoise) !important; } .borders-colored-dark, .type-j .form-newsletter, .type-j .form-devis { border-color: var(--theme-color-violet-dark) !important; } .borders-colored-dark-20, .output .type-card, .output .product, .carte-sejour-section .carte-trip, .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields { border-color: var(--theme-color-violet-dark-20) !important; } .borders-colored-violet { border-color: var(--theme-color-violet) !important; } .borders-colored-banner { border-color: var(--theme-color-violet-dark) !important; border-right: none !important; border-left: none !important; } .no-borders { border: none !important; } @media (max-width: 480px) { .no-borders-mobile { border: none !important; border-radius: 0; } } /** * -------------------------------------------------------------------------------------------------------------- * ELEMENTS APPLICATIONS /**/ /* If some elements have allways the same color on the project define them here with the variables already defined */ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /* ------------- * DOM : Global Layouts Hierarchy * ------------- */ /* The architecture of the sections is usually this : "element" : ( "this" = "wrapper" = <.wrapper> "container" = <.container> "package" = <.package> ... But feel free to add as many element as you want to target... */ /* ------------- * Properties Breakpoints Values functioning : * ------------- */ /* Each property in each part of element will have a value defined for "mobile", "tablet" and "desktop" devices : "element" : ( "this": ( "display": ( // We must always start by giving a value to the smallest support (mobile) "mobile" : value-mobile, // If the other breakpoints are not specified, they will cascade to the value of the nearest lower breakpoint If this is not immutable, we determine from which breakpoint the value must change. In this example tabkets keep mobile value, but not desktops : "desktop" : value-desktop, ), ), ) /* ------------- * Main Global Property Values * ------------- */ /* Header Property Values */ /* Other Recurring Property Values necessary for your layouts here... */ /* ------------- * Reccuring Common Property Default Values for recurring layouts elements * ------------- */ /* ------------- * Assignment of these Common Properties Default Values for recurring layouts elements * ------------- */ /* ------------- * Override or Add specific Default Properties or Values to pevious $common-properties, for any element in any breakpoint : * ------------- */ /* Other Property Default Values */ /* Define list of differents Layout's Types Properties from the mockups */ /* If we do not have a reference size on a dedicated mockup (ex: for the tablet), - Either we decide a specific value which will refer to it, - Either we can use the value of one or the other models reference sizes, targeting it ptr($var, desktop) or ptr($var, mobile) in the further min-width(tablet) */ /** * -------------------------------------------------------------------------------------------------------------- * LAYOUTS PARAMETERS IMPORTS /**/ .font.Manrope p:last-of-type { display: none; } .font.Unbounded p:first-of-type { display: none; } .type-header { z-index: 13; } @media (min-width: 481px) { .wrapper.first .left-container, .wrapper.first .right-container { width: 25% !important; } .wrapper.first .left-container.right-container, .wrapper.first .right-container.right-container { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .type-breadcrumb { z-index: 2; } @media (min-width: 0px) { .type-breadcrumb .wrapper { padding: calc(0.0769230769 * 1 * 100vw) 0 !important; } } @media (min-width: 481px) { .type-breadcrumb .wrapper { padding: calc(0.0243902439 * 1 * 100vw) 0 !important; } } @media (min-width: 1024px) { .type-breadcrumb .wrapper { padding: calc(0.0208333333 * 1 * 100vw) 0 !important; } } .type-banner .wrapper { z-index: 3; } @media (min-width: 481px) { .type-banner h1, .type-banner h2 { width: -webkit-max-content; width: -moz-max-content; width: max-content; } } @media (min-width: 481px) { .type-banner:has(.package p) .title-block { width: -webkit-min-content; width: -moz-min-content; width: min-content; } } .img-icon { position: absolute; } @media (min-width: 0px) { .img-icon { -webkit-transform: translateY(-50%) scale(0.5); transform: translateY(-50%) scale(0.5); } } @media (min-width: 481px) { .img-icon { -webkit-transform: translateY(-50%) scale(0.75); transform: translateY(-50%) scale(0.75); } } @media (min-width: 1024px) { .img-icon { -webkit-transform: translateY(-50%); transform: translateY(-50%); } } @media (min-width: 0px) { .img-icon:not(.banner).img-top { bottom: 60%; } } @media (min-width: 481px) { .img-icon:not(.banner).img-top { bottom: 40%; } } @media (min-width: 1024px) { .img-icon:not(.banner).img-top { bottom: 75%; } } @media (min-width: 0px) { .img-icon:not(.banner).img-bottom { top: 100%; } } @media (min-width: 0px) { .img-icon:not(.banner).img-left { right: 80%; } } @media (min-width: 481px) { .img-icon:not(.banner).img-left { right: 95%; } } @media (min-width: 1024px) { .img-icon:not(.banner).img-left { right: 95%; } } @media (min-width: 0px) { .img-icon:not(.banner).img-right { left: 80%; } } @media (min-width: 481px) { .img-icon:not(.banner).img-right { left: 100%; } } @media (min-width: 1024px) { .img-icon:not(.banner).img-right { left: 100%; } } @media (min-width: 0px) { .img-icon.banner.img-top { top: 0; } } @media (min-width: 0px) { .img-icon.banner.img-bottom { bottom: -5%; right: -22%; -webkit-transform: scale(0.8); transform: scale(0.8); } } @media (min-width: 481px) { .img-icon.banner.img-bottom { bottom: -10%; right: -12%; } } @media (min-width: 1024px) { .img-icon.banner.img-bottom { bottom: -5%; right: -5%; } } @media (min-width: 0px) { .img-icon.banner.img-left { left: 0%; } } @media (min-width: 0px) { .img-icon.banner.img-right { right: -22%; } } @media (min-width: 481px) { .img-icon.banner.img-right { right: -12%; } } @media (min-width: 1024px) { .img-icon.banner.img-right { right: -5%; } } @media (min-width: 0px) { .type-banner.wei-wed .img-icon.title.img-left { bottom: 0; right: 65%; } } @media (min-width: 481px) { .type-banner.wei-wed .img-icon.title.img-left { right: 92%; bottom: 40%; -webkit-transform: scale(0.5); transform: scale(0.5); } } @media (min-width: 1024px) { .type-banner.wei-wed .img-icon.title.img-left { -webkit-transform: unset; transform: unset; right: 97%; bottom: 75%; } } @media (min-width: 0px) { .type-banner.wei-wed .img-icon.title.img-right { left: 60%; -webkit-transform: scale(0.35); transform: scale(0.35); top: 50%; rotate: -160deg; } } @media (min-width: 481px) { .type-banner.wei-wed .img-icon.title.img-right { left: 85%; -webkit-transform: scale(0.5); transform: scale(0.5); top: 0%; } } @media (min-width: 1024px) { .type-banner.wei-wed .img-icon.title.img-right { left: 95%; -webkit-transform: unset; transform: unset; top: 30%; } } .type-banner.city-trip .bkg-image { opacity: 0.8; } @media (min-width: 0px) { .type-banner.city-trip .img-icon.banner-desktop, .type-banner.city-trip .img-icon.banner-mobile { width: 130vw; height: auto; left: -35%; top: -5%; -webkit-transform: unset; transform: unset; } } @media (min-width: 481px) { .type-banner.city-trip .img-icon.banner-desktop, .type-banner.city-trip .img-icon.banner-mobile { -webkit-transform: translateY(-50%) scale(0.75); transform: translateY(-50%) scale(0.75); width: 125vw; left: -22%; top: 55%; } } @media (min-width: 1024px) { .type-banner.city-trip .img-icon.banner-desktop, .type-banner.city-trip .img-icon.banner-mobile { width: 120vw; left: -15%; top: 50%; } } @media (min-width: 0px) { .type-banner.springbreak .img-icon.banner-desktop, .type-banner.springbreak .img-icon.banner-mobile { width: 80vw; height: auto; left: 5%; top: 17%; -webkit-transform: unset; transform: unset; } } @media (min-width: 481px) { .type-banner.springbreak .img-icon.banner-desktop, .type-banner.springbreak .img-icon.banner-mobile { -webkit-transform: translateY(-50%) scale(0.75); transform: translateY(-50%) scale(0.75); width: 105vw; left: -8%; top: 38%; } } @media (min-width: 1024px) { .type-banner.springbreak .img-icon.banner-desktop, .type-banner.springbreak .img-icon.banner-mobile { width: 105vw; top: 38%; right: unset; left: -10%; } } @media (min-width: 0px) { .type-banner.board-sport.ski .img-icon.banner-desktop, .type-banner.board-sport.ski .img-icon.banner-mobile { width: 145vw; height: auto; left: 5%; top: 25%; -webkit-transform: unset; transform: unset; } } @media (min-width: 481px) { .type-banner.board-sport.ski .img-icon.banner-desktop, .type-banner.board-sport.ski .img-icon.banner-mobile { -webkit-transform: translateY(-50%) scale(0.75); transform: translateY(-50%) scale(0.75); width: 125vw; left: -10%; top: 65%; } } @media (min-width: 1024px) { .type-banner.board-sport.ski .img-icon.banner-desktop, .type-banner.board-sport.ski .img-icon.banner-mobile { width: 143vw; left: -20%; top: 75%; } } @media (min-width: 0px) { .type-banner.board-sport.surf .img-icon.banner-desktop, .type-banner.board-sport.surf .img-icon.banner-mobile { width: 150vw; height: auto; left: -75%; top: 16%; -webkit-transform: unset; transform: unset; } } @media (min-width: 481px) { .type-banner.board-sport.surf .img-icon.banner-desktop, .type-banner.board-sport.surf .img-icon.banner-mobile { -webkit-transform: translateY(-50%) scale(0.75); transform: translateY(-50%) scale(0.75); width: 125vw; left: -10%; top: 65%; } } @media (min-width: 1024px) { .type-banner.board-sport.surf .img-icon.banner-desktop, .type-banner.board-sport.surf .img-icon.banner-mobile { width: 143vw; left: -35%; top: 80%; } } @media (min-width: 0px) { .type-banner.board-sport.kite-surf .img-icon.banner-desktop, .type-banner.board-sport.kite-surf .img-icon.banner-mobile { width: 100vw; height: auto; left: 0%; top: 30%; -webkit-transform: unset; transform: unset; } } @media (min-width: 481px) { .type-banner.board-sport.kite-surf .img-icon.banner-desktop, .type-banner.board-sport.kite-surf .img-icon.banner-mobile { -webkit-transform: translateY(-50%) scale(0.75); transform: translateY(-50%) scale(0.75); width: 115vw; left: -10%; top: 65%; } } @media (min-width: 1024px) { .type-banner.board-sport.kite-surf .img-icon.banner-desktop, .type-banner.board-sport.kite-surf .img-icon.banner-mobile { width: 100vw; left: -3%; top: 65%; } } @media (min-width: 0px) { .type-banner.about .img-icon.banner-desktop, .type-banner.about .img-icon.banner-mobile { width: 100vw; height: auto; left: 0%; top: 25%; -webkit-transform: unset; transform: unset; } } @media (min-width: 481px) { .type-banner.about .img-icon.banner-desktop, .type-banner.about .img-icon.banner-mobile { -webkit-transform: translateY(-50%) scale(0.75); transform: translateY(-50%) scale(0.75); width: 115vw; left: -7%; top: 55%; } } @media (min-width: 1024px) { .type-banner.about .img-icon.banner-desktop, .type-banner.about .img-icon.banner-mobile { width: 100vw; left: 0; top: 55%; } } @media (min-width: 0px) { .type-banner.recruitment .img-icon.banner-desktop, .type-banner.recruitment .img-icon.banner-mobile { width: 100vw; height: auto; left: 0%; top: 25%; -webkit-transform: unset; transform: unset; } } @media (min-width: 481px) { .type-banner.recruitment .img-icon.banner-desktop, .type-banner.recruitment .img-icon.banner-mobile { -webkit-transform: translateY(-50%) scale(0.75); transform: translateY(-50%) scale(0.75); width: 115vw; left: -10%; top: 55%; } } @media (min-width: 1024px) { .type-banner.recruitment .img-icon.banner-desktop, .type-banner.recruitment .img-icon.banner-mobile { width: 100vw; left: -3%; top: 55%; } } @media (min-width: 0px) { .type-banner.become-partner .img-icon.banner-desktop, .type-banner.become-partner .img-icon.banner-mobile { width: 90vw; height: auto; left: 2%; top: 35%; -webkit-transform: unset; transform: unset; } } @media (min-width: 481px) { .type-banner.become-partner .img-icon.banner-desktop, .type-banner.become-partner .img-icon.banner-mobile { -webkit-transform: translateY(-50%) scale(0.75); transform: translateY(-50%) scale(0.75); width: 115vw; left: -6%; top: 55%; } } @media (min-width: 1024px) { .type-banner.become-partner .img-icon.banner-desktop, .type-banner.become-partner .img-icon.banner-mobile { width: 100vw; left: -1%; top: 55%; } } @media (min-width: 0px) { .type-banner.blog .img-icon.banner-desktop, .type-banner.blog .img-icon.banner-mobile { width: 100vw; height: auto; left: 7%; top: 30%; -webkit-transform: unset; transform: unset; } } @media (min-width: 481px) { .type-banner.blog .img-icon.banner-desktop, .type-banner.blog .img-icon.banner-mobile { -webkit-transform: translateY(-50%) scale(0.75); transform: translateY(-50%) scale(0.75); width: 135vw; left: -15%; top: 65%; } } @media (min-width: 1024px) { .type-banner.blog .img-icon.banner-desktop, .type-banner.blog .img-icon.banner-mobile { width: 130vw; left: -10%; top: 65%; } } @media (min-width: 0px) { .type-banner.faq .img-icon.banner-desktop, .type-banner.faq .img-icon.banner-mobile { width: 90vw; height: auto; left: 5%; top: 30%; -webkit-transform: unset; transform: unset; } } @media (min-width: 481px) { .type-banner.faq .img-icon.banner-desktop, .type-banner.faq .img-icon.banner-mobile { -webkit-transform: translateY(-50%) scale(0.75); transform: translateY(-50%) scale(0.75); width: 115vw; left: -8%; top: 60%; } } @media (min-width: 1024px) { .type-banner.faq .img-icon.banner-desktop, .type-banner.faq .img-icon.banner-mobile { width: 100vw; left: 0%; top: 55%; } } @media (min-width: 0px) { .type-banner.legals.politique .img-icon.banner-desktop, .type-banner.legals.politique .img-icon.banner-mobile { width: 90vw; height: auto; left: 0%; top: 30%; -webkit-transform: unset; transform: unset; } } @media (min-width: 481px) { .type-banner.legals.politique .img-icon.banner-desktop, .type-banner.legals.politique .img-icon.banner-mobile { -webkit-transform: translateY(-50%) scale(0.75); transform: translateY(-50%) scale(0.75); width: 115vw; left: -5%; top: 60%; } } @media (min-width: 1024px) { .type-banner.legals.politique .img-icon.banner-desktop, .type-banner.legals.politique .img-icon.banner-mobile { width: 110vw; left: -3%; top: 60%; } } @media (min-width: 0px) { .type-banner.legals.cgv .img-icon.banner-desktop, .type-banner.legals.cgv .img-icon.banner-mobile { width: 90vw; height: auto; left: 0%; top: 30%; -webkit-transform: unset; transform: unset; } } @media (min-width: 481px) { .type-banner.legals.cgv .img-icon.banner-desktop, .type-banner.legals.cgv .img-icon.banner-mobile { -webkit-transform: translateY(-50%) scale(0.75); transform: translateY(-50%) scale(0.75); width: 115vw; left: -5%; top: 60%; } } @media (min-width: 1024px) { .type-banner.legals.cgv .img-icon.banner-desktop, .type-banner.legals.cgv .img-icon.banner-mobile { width: 110vw; left: -3%; top: 60%; } } @media (min-width: 0px) { .type-banner.legals.mentions .img-icon.banner-desktop, .type-banner.legals.mentions .img-icon.banner-mobile { width: 90vw; height: auto; left: 10%; top: 37%; -webkit-transform: unset; transform: unset; } } @media (min-width: 481px) { .type-banner.legals.mentions .img-icon.banner-desktop, .type-banner.legals.mentions .img-icon.banner-mobile { -webkit-transform: translateY(-50%) scale(0.75); transform: translateY(-50%) scale(0.75); width: 110vw; left: -5%; top: 60%; } } @media (min-width: 1024px) { .type-banner.legals.mentions .img-icon.banner-desktop, .type-banner.legals.mentions .img-icon.banner-mobile { width: 100vw; left: -1%; top: 60%; } } .single-hebergement .type-banner .img-icon.image { -webkit-transform: unset; transform: unset; } .single-hebergement .type-banner .img-icon.image.img-top.img-left { left: 0; top: 0; bottom: unset; right: unset; margin-top: 5%; margin-left: 5%; } @media (min-width: 0px) { .single-hebergement .type-banner .img-icon.image.img-top.img-left { width: calc(0.1923076923 * 1 * 100vw); } } @media (min-width: 481px) { .single-hebergement .type-banner .img-icon.image.img-top.img-left { width: calc(0.1097560976 * 1 * 100vw); } } @media (min-width: 1024px) { .single-hebergement .type-banner .img-icon.image.img-top.img-left { width: calc(0.0902777778 * 1 * 100vw); } } .single-hebergement .type-banner .img-icon.image.img-bottom.img-right { bottom: 0; right: 0; left: unset; top: unset; margin-right: 5%; } @media (min-width: 0px) { .single-hebergement .type-banner .img-icon.image.img-bottom.img-right { width: calc(0.1923076923 * 1 * 100vw); } } @media (min-width: 481px) { .single-hebergement .type-banner .img-icon.image.img-bottom.img-right { width: calc(0.0853658537 * 1 * 100vw); } } @media (min-width: 1024px) { .single-hebergement .type-banner .img-icon.image.img-bottom.img-right { width: calc(0.0694444444 * 1 * 100vw); } } .single-hebergement .type-banner:not(.surf, .kite-surf) .img-icon.image.img-bottom.img-right { margin-bottom: 5%; } .type-sidebar.post-content { margin: 0 !important; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 480px) { .type-sidebar.post-content { padding: calc(0.1282051282 * 1 * 100vw + 2 * 0.0384615385 * 1 * 100vw) 0 0 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: calc(0.0512820513 * 1 * 100vw); } } @media (min-width: 481px) { .type-sidebar.post-content { padding: calc(0.0609756098 * 1 * 100vw + 2 * 0.0158536585 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0 * 1 * 100vw) 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 1024px) { .type-sidebar.post-content { padding: calc(0.0347222222 * 1 * 100vw + 2 * 0.0090277778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0 * 1 * 100vw) 0; gap: calc(0.0208333333 * 1 * 100vw); } } .type-sidebar.post-content .post-content { background-color: var(--theme-color-mauve-pale); } @media (max-width: 480px) { .type-sidebar.post-content .post-content { padding-left: calc(0.0615384615 * 1 * 100vw); padding-right: calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { .type-sidebar.post-content .post-content { padding-left: calc(0.0292682927 * 1 * 100vw); padding-right: calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 1024px) { .type-sidebar.post-content .post-content { padding-left: calc(0.0347222222 * 1 * 100vw); padding-right: calc(0.0208333333 * 1 * 100vw); } } @media (max-width: 480px) { .type-sidebar.post-content aside { padding-left: calc(0.0615384615 * 1 * 100vw); padding-right: calc(0.0615384615 * 1 * 100vw); } } .type-sidebar.post-content aside .type-card { background-color: var(--theme-color-mauve-pale); } @media (min-width: 481px) { .type-sidebar.post-content aside .type-card .container.infos-container { padding: calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 1024px) { .type-sidebar.post-content aside .type-card .container.infos-container { padding: calc(0.0138888889 * 1 * 100vw); } } .type-sidebar.post-content aside .type-card .container.infos-container h3 { color: var(--theme-color-violet-dark); } .type-sidebar.post-content aside .type-card:last-child { margin-top: 10%; } .type-sidebar.post-content .post-content h2, body:has(.type-banner.legals) h2 { width: 100%; margin-top: 0; font-size: 18px !important; } .type-sidebar.post-content .post-content h3, body:has(.type-banner.legals) h3 { font-size: 18px !important; } @media (max-width: 480px) { .type-sidebar.post-content .post-content h3, body:has(.type-banner.legals) h3 { margin-top: calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { .type-sidebar.post-content .post-content h3, body:has(.type-banner.legals) h3 { margin-top: calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .type-sidebar.post-content .post-content h3, body:has(.type-banner.legals) h3 { margin-top: calc(0.0347222222 * 1 * 100vw); } } .type-sidebar.post-content .post-content p, .type-sidebar.post-content .post-content li, body:has(.type-banner.legals) p, body:has(.type-banner.legals) li { color: var(--theme-color-violet-dark-70); } .type-a .title-block { position: relative; } @media (max-width: 480px) { .type-archive.type-swiper.blog-swiper { padding-top: calc(0.1794871795 * 1 * 100vw); } } .type-archive.type-swiper.blog-swiper:has(+ footer) { padding-bottom: 0; } .type-archive.type-swiper.blog-swiper.wei, .type-archive.type-swiper.blog-swiper.read-too { padding: 3% 0; } @media (min-width: 0px) { .type-archive.type-swiper.blog-swiper.wei, .type-archive.type-swiper.blog-swiper.read-too { margin: 0 calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { .type-archive.type-swiper.blog-swiper.wei, .type-archive.type-swiper.blog-swiper.read-too { margin: 0 calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .type-archive.type-swiper.blog-swiper.wei, .type-archive.type-swiper.blog-swiper.read-too { margin: 0 calc(0.0347222222 * 1 * 100vw); } } .type-archive.type-swiper.blog-swiper .swiper-btns { display: none; } @media (max-width: 480px) { .type-archive.type-swiper .header .swiper-btns { display: none; } } @media (max-width: 480px) { .type-archive.type-swiper .swiper { padding-bottom: calc(0.0769230769 * 1 * 100vw); } } .type-archive.type-swiper .swiper-pagination { position: relative; } @media (max-width: 1023px) { .type-archive.type-swiper .swiper-pagination { top: calc(0.0219512195 * 1 * 100vw) !important; } } @media (max-width: 480px) { .type-archive.type-swiper .swiper-pagination { top: calc(0.0717948718 * 1 * 100vw) !important; } } .type-archive.type-swiper .swiper-pagination .swiper-pagination-bullet { opacity: 1; background-color: var(--theme-color-white) !important; } .type-archive.type-swiper .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--theme-color-white) !important; } .type-archive.type-swiper .swiper-pagination .swiper-pagination-bullet-active:has(+ .swiper-pagination-bullet) + .swiper-pagination-bullet { background-color: var(--theme-color-white) !important; } .type-archive.type-swiper .swiper-pagination .swiper-pagination-bullet:has(+ .swiper-pagination-bullet-active) { background-color: var(--theme-color-white) !important; } .type-archive.main-grid { margin-left: 0 !important; margin-right: 0 !important; background: var(--theme-color-white); /* Basic styling for tabs and content */ } @media (min-width: 0px) { .type-archive.main-grid > .topbar-buttons.topbar-buttons, .type-archive.main-grid > main.topbar-buttons { padding: 0; border-bottom: 1px solid var(--theme-color-violet-dark); } } @media (min-width: 481px) { .type-archive.main-grid > .topbar-buttons.topbar-buttons, .type-archive.main-grid > main.topbar-buttons { padding-bottom: 2%; } } .type-archive.main-grid > .filter-block:not(.top) { padding: 4% 0 1% 0; } .type-archive.main-grid > main:not(.active) { display: none; } @media (min-width: 481px) { .type-archive.main-grid.blog { padding-top: calc(0.0365853659 * 1 * 100vw); margin-top: calc(0.0365853659 * 1 * 100vw); } } @media (min-width: 1024px) { .type-archive.main-grid.blog { padding-top: calc(0.0208333333 * 1 * 100vw); margin-top: calc(0.0208333333 * 1 * 100vw); } } @media (min-width: 481px) { .type-archive.main-grid.blog > .filter-block { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: auto; } } .type-archive > h2 { margin: 0; } @media (min-width: 0px) { .type-archive.boardsports { padding-top: calc(0.1341463415 * 1 * 100vw); } } @media (min-width: 481px) { .type-archive.boardsports { padding-top: calc(0.0731707317 * 1 * 100vw); } } @media (min-width: 1024px) { .type-archive.boardsports { padding-top: calc(0.0555555556 * 1 * 100vw); } } @media (min-width: 0px) { .type-archive.city-trip { padding-top: calc(0.0975609756 * 1 * 100vw); } } @media (min-width: 481px) { .type-archive.city-trip { padding-top: calc(0.0609756098 * 1 * 100vw); } } @media (min-width: 1024px) { .type-archive.city-trip { padding-top: calc(0.0486111111 * 1 * 100vw); } } .type-archive.city-trip > .filter-block:not(.top) { display: none; } .type-b { position: relative; overflow: hidden; } @media (max-width: 480px) { .type-b { border-radius: calc(0.0256410256 * 1 * 100vw); } .type-b:is(.type-b + .type-b:not(.weiwed)) { margin: calc(0.1282051282 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.2307692308 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { .type-b:not(.springbreak, .weiwed) > .wrapper:nth-child(1) { padding: calc(0.0292682927 * 1 * 100vw) calc(2 * 0.0292682927 * 1 * 100vw); width: calc(50% - 4 * 0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .type-b:not(.springbreak, .weiwed) > .wrapper:nth-child(1) { padding: calc(0.0347222222 * 1 * 100vw) calc(2 * 0.0347222222 * 1 * 100vw); width: calc(50% - 4 * 0.0347222222 * 1 * 100vw); } } @media (max-width: 480px) { .type-b:not(.springbreak, .weiwed) > .wrapper:nth-child(1) { margin: calc(0 * 1 * 100vw) calc(0.0307692308 * 1 * 100vw) calc(0.1025641026 * 1 * 100vw) calc(0.0307692308 * 1 * 100vw); width: auto; } } @media (max-width: 480px) { .type-b.springbreak, .type-b.weiwed { margin: 0; } } @media (min-width: 481px) { .type-b.springbreak .title-block-image-right, .type-b.weiwed .title-block-image-right { margin-right: calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .type-b.springbreak .title-block-image-right, .type-b.weiwed .title-block-image-right { margin-right: calc(0.0347222222 * 1 * 100vw); } } @media (min-width: 481px) { .type-b.springbreak .title-block-image-left, .type-b.weiwed .title-block-image-left { margin-left: calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .type-b.springbreak .title-block-image-left, .type-b.weiwed .title-block-image-left { margin-left: calc(0.0347222222 * 1 * 100vw); } } @media (max-width: 1023px) { .type-b:is(.type-banner.curve + .type-b) { margin-top: calc(0.0182926829 * 1 * 100vw); } } @media (max-width: 480px) { .type-b:is(.type-banner.curve + .type-b) { margin-top: calc(0.2307692308 * 1 * 100vw); } } @media (max-width: 1023px) { .type-b:is(.type-banner.curve + .type-b) > .wrapper:nth-child(1) { padding-top: 7%; } } @media (max-width: 480px) { .type-b:is(.type-banner.curve + .type-b) > .wrapper:nth-child(1) { padding-top: initial; } } @media (min-width: 0px) { .type-b .img-icon.img-left { left: -10%; bottom: -40%; } } @media (min-width: 481px) { .type-b .img-icon.img-left { top: 60%; left: 5%; } } @media (min-width: 1024px) { .type-b .img-icon.img-left { left: 10%; } } .type-b .img-icon.img-left.img-bottom { top: unset; } @media (min-width: 0px) { .type-b .img-icon.img-left.img-bottom { left: -5%; bottom: -15%; scale: 0.5; } } @media (min-width: 1024px) { .type-b .img-icon.img-left.img-bottom { left: 0%; bottom: 0; top: unset; scale: 0.7; } } .type-b .img-icon.img-right { left: unset; top: unset; } @media (min-width: 0px) { .type-b .img-icon.img-right { bottom: -5%; right: 5%; } } @media (min-width: 481px) { .type-b .img-icon.img-right { bottom: 0%; } } @media (min-width: 1024px) { .type-b .img-icon.img-right { bottom: 5%; right: 10%; } } .type-b .img-icon.title-bottom { left: unset; } @media (min-width: 0px) { .type-b .img-icon.title-bottom { bottom: -15%; left: -10%; scale: 0.7; z-index: 3; } } @media (min-width: 481px) { .type-b .img-icon.title-bottom { left: unset; bottom: -18%; right: 0%; scale: 0.7; } } @media (min-width: 1024px) { .type-b .img-icon.title-bottom { -webkit-transform: unset; transform: unset; scale: 1; bottom: 8%; right: 5%; } } @media (min-width: 481px) { .type-b .img-icon.title-bottom.title-right { left: 40%; } } @media (min-width: 1024px) { .type-b .img-icon.title-bottom.title-right { left: 45%; } } .type-b .type-b-img { position: relative; z-index: 2; aspect-ratio: 1; } .type-b .type-b-img img { z-index: 2; } @media (min-width: 0px) { .type-b.springbreak .img-icon.img-left { left: -25%; bottom: 5%; } } @media (min-width: 481px) { .type-b.springbreak .img-icon.img-left { -webkit-transform: scale(0.7); transform: scale(0.7); left: -17%; bottom: 15%; } } @media (min-width: 1024px) { .type-b.springbreak .img-icon.img-left { -webkit-transform: unset; transform: unset; left: -5%; } } .type-b.springbreak .img-icon.img-right { left: unset; top: unset; } @media (min-width: 0px) { .type-b.springbreak .img-icon.img-right { right: -8%; -webkit-transform: scale(0.3); transform: scale(0.3); bottom: -45%; } } @media (min-width: 481px) { .type-b.springbreak .img-icon.img-right { -webkit-transform: scale(0.5); transform: scale(0.5); right: 0; bottom: -40%; } } @media (min-width: 1024px) { .type-b.springbreak .img-icon.img-right { -webkit-transform: unset; transform: unset; right: 5%; bottom: -15%; } } @media (min-width: 0px) { .type-b.weiwed .img-icon.img-left.img-left { left: -25%; bottom: 5%; } } @media (min-width: 481px) { .type-b.weiwed .img-icon.img-left.img-left { -webkit-transform: scale(0.7); transform: scale(0.7); left: -17%; bottom: 15%; } } @media (min-width: 1024px) { .type-b.weiwed .img-icon.img-left.img-left { -webkit-transform: unset; transform: unset; left: -5%; } } .type-b.weiwed .img-icon.img-left.img-bottom { scale: unset; } @media (min-width: 0px) { .type-b.weiwed .img-icon.img-left.img-bottom { left: 0%; bottom: -35%; } } @media (min-width: 481px) { .type-b.weiwed .img-icon.img-left.img-bottom { -webkit-transform: scale(0.7); transform: scale(0.7); left: -17%; bottom: 15%; } } @media (min-width: 1024px) { .type-b.weiwed .img-icon.img-left.img-bottom { -webkit-transform: unset; transform: unset; left: -5%; } } .type-b.weiwed .img-icon.img-right { left: unset; top: unset; } @media (min-width: 0px) { .type-b.weiwed .img-icon.img-right { right: -8%; -webkit-transform: scale(0.3); transform: scale(0.3); bottom: -45%; } } @media (min-width: 481px) { .type-b.weiwed .img-icon.img-right { -webkit-transform: scale(0.5); transform: scale(0.5); right: 0; bottom: -40%; } } @media (min-width: 1024px) { .type-b.weiwed .img-icon.img-right { -webkit-transform: unset; transform: unset; right: 5%; bottom: -15%; } } @media (min-width: 0px) { .type-b.partner-host .img-right { scale: 0.7; bottom: -30%; right: -5%; } } @media (min-width: 481px) { .type-b.partner-host .img-right { scale: 0.5; bottom: -20%; } } @media (min-width: 1024px) { .type-b.partner-host .img-right { scale: 0.7; bottom: -10%; right: 0; } } .type-b.zetrip-description .img-icon.img-right { scale: 0.6; z-index: -1; } .type-b .swiper-container, .type-b .swiper-slide { width: 100% !important; overflow: hidden; max-width: 100%; max-height: 100vh; min-height: 0; min-width: 0; position: relative; } .type-b .swiper-container .swiper-button-prev, .type-b .swiper-container .swiper-button-next, .type-b .swiper-slide .swiper-button-prev, .type-b .swiper-slide .swiper-button-next { margin: 0 20px; } .type-b .swiper-container .swiper-button-prev::after, .type-b .swiper-container .swiper-button-next::after, .type-b .swiper-slide .swiper-button-prev::after, .type-b .swiper-slide .swiper-button-next::after { display: none; } .type-b .swiper-container .swiper-button-prev i::before, .type-b .swiper-container .swiper-button-next i::before, .type-b .swiper-slide .swiper-button-prev i::before, .type-b .swiper-slide .swiper-button-next i::before { background-color: var(--theme-color-white-30); width: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; color: var(--theme-color-white); } .type-b.zetrip-description { background-color: var(--theme-color-full-white); } .type-b.our-commitment, .type-b.become-partner, .type-b.join-us, .type-b.recruitment-process { padding-top: 0; } .type-full .img-icon, .type-y .img-icon, .carte-sejour-section .img-icon { position: absolute; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; z-index: 3; } .type-full .img-icon.img-left, .type-y .img-icon.img-left, .carte-sejour-section .img-icon.img-left { scale: 1; } .type-full .img-icon.img-left.img-top, .type-y .img-icon.img-left.img-top, .carte-sejour-section .img-icon.img-left.img-top { top: 15.5%; left: -10%; } @media (max-width: 480px) { .type-full .img-icon.img-left.img-top, .type-y .img-icon.img-left.img-top, .carte-sejour-section .img-icon.img-left.img-top { -webkit-transform: scale(0.65); transform: scale(0.65); top: -5%; left: -38%; } } @media (min-width: 0px) { .type-full .img-icon.img-left.img-bottom, .type-y .img-icon.img-left.img-bottom, .carte-sejour-section .img-icon.img-left.img-bottom { width: 110px; bottom: -20px; left: -30px; } } @media (min-width: 1024px) { .type-full .img-icon.img-left.img-bottom, .type-y .img-icon.img-left.img-bottom, .carte-sejour-section .img-icon.img-left.img-bottom { width: 180px; bottom: 0; left: -50px; } } .type-full .img-icon.img-right.img-bottom, .type-y .img-icon.img-right.img-bottom, .carte-sejour-section .img-icon.img-right.img-bottom { bottom: -17%; right: -15%; } @media (min-width: 1750px) { .type-full .img-icon.img-right.img-bottom, .type-y .img-icon.img-right.img-bottom, .carte-sejour-section .img-icon.img-right.img-bottom { right: -15%; } } @media (min-width: 0px) { .type-full .img-icon.img-right.img-top, .type-y .img-icon.img-right.img-top, .carte-sejour-section .img-icon.img-right.img-top { width: 130px; top: -20px; right: -30px; } } @media (min-width: 1024px) { .type-full .img-icon.img-right.img-top, .type-y .img-icon.img-right.img-top, .carte-sejour-section .img-icon.img-right.img-top { width: 200px; top: -72px; right: 0; } } .type-full .img-icon.top-star, .type-full .img-icon.title-right, .type-y .img-icon.top-star, .type-y .img-icon.title-right, .carte-sejour-section .img-icon.top-star, .carte-sejour-section .img-icon.title-right { right: -20px; } @media (max-width: 480px) { .type-full .img-icon.top-star, .type-full .img-icon.title-right, .type-y .img-icon.top-star, .type-y .img-icon.title-right, .carte-sejour-section .img-icon.top-star, .carte-sejour-section .img-icon.title-right { display: none; } } @media (max-width: 480px) { .type-full.zetrip-description .img-icon.img-left.img-top, .type-y.zetrip-description .img-icon.img-left.img-top, .carte-sejour-section.zetrip-description .img-icon.img-left.img-top { left: -18%; } } @media (max-width: 480px) { .type-full.poolparty .img-icon.img-right.img-top, .type-y.poolparty .img-icon.img-right.img-top, .carte-sejour-section.poolparty .img-icon.img-right.img-top { width: 130px; bottom: -20px; top: unset; left: 0; } } .type-full.our-history .img-icon, .type-full.become-partner .img-icon, .type-y.our-history .img-icon, .type-y.become-partner .img-icon, .carte-sejour-section.our-history .img-icon, .carte-sejour-section.become-partner .img-icon { z-index: -1; } .type-full.type-y .img-icon.img-left.img-top, .type-y.type-y .img-icon.img-left.img-top, .carte-sejour-section.type-y .img-icon.img-left.img-top { z-index: -1; } @media (min-width: 0px) { .type-full.type-y .img-icon.img-left.img-top, .type-y.type-y .img-icon.img-left.img-top, .carte-sejour-section.type-y .img-icon.img-left.img-top { -webkit-transform: scale(0.5); transform: scale(0.5); top: -15%; left: -22%; } } @media (min-width: 481px) { .type-full.type-y .img-icon.img-left.img-top, .type-y.type-y .img-icon.img-left.img-top, .carte-sejour-section.type-y .img-icon.img-left.img-top { left: 10%; } } @media (min-width: 1024px) { .type-full.type-y .img-icon.img-left.img-top, .type-y.type-y .img-icon.img-left.img-top, .carte-sejour-section.type-y .img-icon.img-left.img-top { left: -10%; top: -55.5%; -webkit-transform: scale(0.7); transform: scale(0.7); } } @media (min-width: 0px) { .type-full.type-y .img-icon.img-right, .type-full.type-y .img-icon.img-bottom, .type-y.type-y .img-icon.img-right, .type-y.type-y .img-icon.img-bottom, .carte-sejour-section.type-y .img-icon.img-right, .carte-sejour-section.type-y .img-icon.img-bottom { -webkit-transform: scale(0.7); transform: scale(0.7); bottom: -6%; right: -12%; } } @media (min-width: 481px) { .type-full.type-y .img-icon.img-right, .type-full.type-y .img-icon.img-bottom, .type-y.type-y .img-icon.img-right, .type-y.type-y .img-icon.img-bottom, .carte-sejour-section.type-y .img-icon.img-right, .carte-sejour-section.type-y .img-icon.img-bottom { right: 20%; } } @media (min-width: 1024px) { .type-full.type-y .img-icon.img-right, .type-full.type-y .img-icon.img-bottom, .type-y.type-y .img-icon.img-right, .type-y.type-y .img-icon.img-bottom, .carte-sejour-section.type-y .img-icon.img-right, .carte-sejour-section.type-y .img-icon.img-bottom { bottom: -16%; right: -3%; } } .type-full.carte-sejour-section .img-icon, .type-y.carte-sejour-section .img-icon, .carte-sejour-section.carte-sejour-section .img-icon { -webkit-transform: scale(0.4); transform: scale(0.4); } .type-full.carte-sejour-section .img-icon.img-left.img-top, .type-y.carte-sejour-section .img-icon.img-left.img-top, .carte-sejour-section.carte-sejour-section .img-icon.img-left.img-top { -webkit-transform: scale(0.6); transform: scale(0.6); } @media (min-width: 0px) { .type-full.carte-sejour-section .img-icon.img-left.img-top, .type-y.carte-sejour-section .img-icon.img-left.img-top, .carte-sejour-section.carte-sejour-section .img-icon.img-left.img-top { top: -25%; left: -18%; } } @media (min-width: 1024px) { .type-full.carte-sejour-section .img-icon.img-left.img-top, .type-y.carte-sejour-section .img-icon.img-left.img-top, .carte-sejour-section.carte-sejour-section .img-icon.img-left.img-top { left: -20%; top: -30%; } } @media (min-width: 0px) { .type-full.carte-sejour-section .img-icon.img-right.img-bottom, .type-y.carte-sejour-section .img-icon.img-right.img-bottom, .carte-sejour-section.carte-sejour-section .img-icon.img-right.img-bottom { bottom: -17%; right: -10%; } } @media (min-width: 1024px) { .type-full.carte-sejour-section .img-icon.img-right.img-bottom, .type-y.carte-sejour-section .img-icon.img-right.img-bottom, .carte-sejour-section.carte-sejour-section .img-icon.img-right.img-bottom { bottom: -27%; right: -10%; } } @media (min-width: 0px) { .type-full.carte-sejour-section .img-icon.img-right.img-top, .type-y.carte-sejour-section .img-icon.img-right.img-top, .carte-sejour-section.carte-sejour-section .img-icon.img-right.img-top { -webkit-transform: scale(0.4); transform: scale(0.4); top: -35%; right: -5%; } } @media (min-width: 1024px) { .type-full.carte-sejour-section .img-icon.img-right.img-top, .type-y.carte-sejour-section .img-icon.img-right.img-top, .carte-sejour-section.carte-sejour-section .img-icon.img-right.img-top { -webkit-transform: scale(0.3); transform: scale(0.3); top: -75%; right: -10%; } } .type-full.presentation .img-icon.top-star, .type-y.presentation .img-icon.top-star, .carte-sejour-section.presentation .img-icon.top-star { right: 30px; } .type-full.who-are-we .img-icon.img-left, .type-y.who-are-we .img-icon.img-left, .carte-sejour-section.who-are-we .img-icon.img-left { scale: 0.7; } @media (min-width: 0px) { .type-b.springbreak { padding: calc(0.2564102564 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { .type-b.springbreak { padding: calc(0.1219512195 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .type-b.springbreak { padding: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); } } @media (min-width: 0px) { .type-b.weiwed { padding: calc(0.0641025641 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { .type-b.weiwed { padding: calc(0.0609756098 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .type-b.weiwed { padding: calc(0.0520833333 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); } } @media (min-width: 0px) { .type-b.weiwed#section-0 { margin-top: calc(0.1282051282 * 1 * 100vw); } } @media (min-width: 481px) { .type-b.weiwed#section-0 { margin-top: calc(0.0609756098 * 1 * 100vw); } } @media (min-width: 1024px) { .type-b.weiwed#section-0 { margin-top: calc(0.0520833333 * 1 * 100vw); } } .type-b.springbreak .type-b-img, .type-b.weiwed .type-b-img { aspect-ratio: unset; } .type-b.springbreak .type-b-img img.image, .type-b.weiwed .type-b-img img.image { aspect-ratio: 1.7; height: auto; } @media (max-width: 480px) { .type-b.springbreak.presentation, .type-b.weiwed.presentation { padding-top: 0; } } .type-b.become-partner { overflow: visible; } @media (min-width: 0px) { .type-b.become-partner .img-icon:not(.banner).img-top { rotate: 60deg; bottom: 65%; right: 80%; } } @media (min-width: 481px) { .type-b.become-partner .img-icon:not(.banner).img-top { bottom: 65%; right: 80%; } } @media (min-width: 1024px) { .type-b.become-partner .img-icon:not(.banner).img-top { bottom: 82%; right: 85%; } } .type-b-bis { overflow: hidden; position: relative; } .type-b-bis .type-b-img { position: relative; z-index: 2; } .type-b-bis .type-b-img img { z-index: 2; } @media (min-width: 1024px) { .type-b-bis.row-reverse-tablet .title-block { margin: auto calc(0.0694444444 * 1 * 100vw) auto 0; } } .type-b-bis .img-icon { position: absolute; } .type-b-bis .img-icon.img-left { right: unset; top: unset; } @media (min-width: 0px) { .type-b-bis .img-icon.img-left { left: 10%; bottom: -45%; scale: 1.3; } } @media (min-width: 481px) { .type-b-bis .img-icon.img-left { scale: 0.8; bottom: -35%; } } @media (min-width: 1024px) { .type-b-bis .img-icon.img-left { scale: 0.9; left: 15%; bottom: -10%; } } .type-b-bis .img-icon.img-right { left: unset; z-index: 19; } @media (min-width: 0px) { .type-b-bis .img-icon.img-right { right: -20%; top: 50%; } } @media (min-width: 481px) { .type-b-bis .img-icon.img-right { scale: 0.9; } } @media (min-width: 1024px) { .type-b-bis .img-icon.img-right { scale: unset; right: -10%; } } @media (min-width: 0px) { .type-b-bis.city-trip-description .img-icon.img-left { left: -15%; bottom: -50%; scale: 1; } } @media (min-width: 481px) { .type-b-bis.city-trip-description .img-icon.img-left { left: -20%; scale: 0.8; } } @media (min-width: 1024px) { .type-b-bis.city-trip-description .img-icon.img-left { left: -12%; bottom: 0; } } .type-b-bis.city-trip-description .img-icon.img-right { left: unset; z-index: 19; } @media (min-width: 0px) { .type-b-bis.city-trip-description .img-icon.img-right { right: -2%; scale: 1.3; } } @media (min-width: 481px) { .type-b-bis.city-trip-description .img-icon.img-right { right: -2%; scale: 0.9; } } @media (min-width: 1024px) { .type-b-bis.city-trip-description .img-icon.img-right { right: 2%; } } @media (min-width: 0px) { .type-b-bis.springbreak-description .img-icon.img-top { top: 15%; right: 10%; } } @media (min-width: 0px) { .type-b-bis.springbreak-description .img-icon.img-bottom { top: 75%; } } @media (min-width: 481px) { .type-b-bis.springbreak-description .img-icon.img-bottom { top: 70%; scale: 0.7; right: -25%; } } @media (min-width: 1024px) { .type-b-bis.springbreak-description .img-icon.img-bottom { top: 75%; scale: unset; right: -3%; } } .type-b-bis + .type-b-bis + .type-b-bis + .type-b-bis { padding-bottom: 0 !important; } @media (min-width: 1024px) { .bubbleImg { width: 100%; height: auto; } } .type-c:has(+ .type-p), .type-c:has(+ .type-full + .type-p) { padding-bottom: 0; } .type-c .title-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 15px; } @media (min-width: 0px) { .type-c .title-block { aspect-ratio: 1.73; } } @media (min-width: 0px) { .type-c .title-block { padding: calc(0.0769230769 * 1 * 100vw) calc(0.0512820513 * 1 * 100vw); } } @media (min-width: 481px) { .type-c .title-block { padding: calc(0.0365853659 * 1 * 100vw) calc(0.0304878049 * 1 * 100vw); } } @media (min-width: 1024px) { .type-c .title-block { padding: calc(0.0243055556 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); } } .type-c h4 { margin-bottom: 0; } @media (min-width: 0px) { .type-c img:not(.img-icon) { height: calc(0.1025641026 * 1 * 100vw); } } @media (min-width: 481px) { .type-c img:not(.img-icon) { height: calc(0.0365853659 * 1 * 100vw); } } @media (min-width: 1024px) { .type-c img:not(.img-icon) { height: calc(0.0347222222 * 1 * 100vw); } } .type-c img.img-icon { -webkit-transform: unset; transform: unset; } @media (min-width: 0px) { .type-c img.img-icon { scale: 0.5; } } @media (min-width: 1024px) { .type-c img.img-icon { scale: unset; } } .type-c img.img-icon.img-top.img-left { top: unset; } @media (min-width: 0px) { .type-c img.img-icon.img-top.img-left { left: 0%; top: 17%; } } @media (min-width: 481px) { .type-c img.img-icon.img-top.img-left { left: 0%; bottom: 7%; } } @media (min-width: 1024px) { .type-c img.img-icon.img-top.img-left { left: 5%; bottom: 0%; } } @media (min-width: 0px) { .type-c img.img-icon.img-top.img-right { left: 25%; top: -5%; } } @media (min-width: 481px) { .type-c img.img-icon.img-top.img-right { left: -2%; top: -5%; } } @media (min-width: 1024px) { .type-c img.img-icon.img-top.img-right { left: 10%; top: 9%; } } .type-c img.img-icon.img-right { rotate: -20deg; } @media (min-width: 0px) { .type-c img.img-icon.img-right { left: 50%; top: 30%; } } @media (min-width: 481px) { .type-c img.img-icon.img-right { left: 21%; bottom: 2%; } } @media (min-width: 1024px) { .type-c img.img-icon.img-right { bottom: 35%; } } @media (max-width: 480px) { .type-c.our-values:has(+ .type-p) img.img-icon.img-top.img-left { top: 20%; } } @media (min-width: 481px) { .type-c.our-values:has(+ .type-p) img.img-icon.img-top.img-left { top: unset; } } @media (min-width: 1024px) { .type-c.our-values:has(+ .type-p) img.img-icon.img-top.img-left { bottom: 20%; } } @media (max-width: 480px) { .type-c.our-values:has(+ .type-p) img.img-icon.img-right:not(.img-top) { top: 35%; } } @media (min-width: 481px) { .type-c.our-values:has(+ .type-p) img.img-icon.img-right:not(.img-top) { top: unset; } } @media (min-width: 1024px) { .type-c.our-values:has(+ .type-p) img.img-icon.img-right:not(.img-top) { bottom: 5%; } } @media (max-width: 480px) { .type-c.our-values:not(:has(+ .type-p)) img.img-icon.img-top.img-left { top: 20%; } } @media (min-width: 481px) { .type-c.our-values:not(:has(+ .type-p)) img.img-icon.img-top.img-left { top: unset; bottom: 30%; } } @media (min-width: 1024px) { .type-c.our-values:not(:has(+ .type-p)) img.img-icon.img-top.img-left { bottom: 40%; } } @media (max-width: 480px) { .type-c.our-values:not(:has(+ .type-p)) img.img-icon.img-right:not(.img-top) { top: 35%; } } @media (min-width: 481px) { .type-c.our-values:not(:has(+ .type-p)) img.img-icon.img-right:not(.img-top) { top: unset; bottom: 28%; } } @media (min-width: 1024px) { .type-c.our-values:not(:has(+ .type-p)) img.img-icon.img-right:not(.img-top) { bottom: 30%; } } .type-d { overflow: hidden; } .type-d .img-icon.banner-desktop, .type-d .img-icon.banner-mobile { -webkit-transform: unset; transform: unset; } @media (min-width: 0px) { .type-d .img-icon.banner-desktop, .type-d .img-icon.banner-mobile { left: 5%; top: 0; width: 100vw; } } @media (min-width: 481px) { .type-d .img-icon.banner-desktop, .type-d .img-icon.banner-mobile { width: 105vw; left: 2%; top: -3%; } } @media (min-width: 1024px) { .type-d .img-icon.banner-desktop, .type-d .img-icon.banner-mobile { top: -6%; width: 105vw; } } .type-d h2 { margin-bottom: 5%; } .type-d .img-container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; aspect-ratio: 1; } .type-d .img-container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; background-size: cover; border-radius: 15px; } .type-d .img-container:hover::before { opacity: 1; } .type-d .img-container img { -o-object-fit: cover; object-fit: cover; height: 100%; } .type-e .text-coeur { position: relative; } .type-e .coeur2-icon { position: absolute; scale: 0.7; top: -50px; right: -25px; } @media (max-width: 1023px) { .type-e .coeur2-icon { scale: 0.5; top: -60%; right: -23%; } } @media (max-width: 480px) { .type-e .coeur2-icon { top: -93%; right: -50%; } } @media (min-width: 1750px) { .type-e { scale: 1; } } .type-e .swiper-with-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow-y: hidden; } .type-e .swiper-column { width: 100%; } .type-e .swiper-slide { height: auto; } .type-e .swiper-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .type-e .swiper-wrapper .swiper { overflow: visible; } .type-e .rate { margin-bottom: 10px; } .type-e .margin-small { margin-top: 5px; margin-bottom: 10px; } .type-e .author-info { margin-top: auto; padding-top: 15px; } @media (max-width: 1023px) { .type-e .swiper-with-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .type-e .title-column { width: auto; } .type-e .swiper-column { width: 100%; } .type-e .title-column { margin-bottom: 30px; padding-right: 0; } } .type-e .avis-content-container { position: relative; margin-bottom: 15px; } .type-e .avis-content.expanded { -webkit-line-clamp: unset; max-height: none; } .type-e .read-more-btn { display: inline-block; margin-top: 5px; color: var(--theme-color-blue); background: none; border: none; cursor: pointer; font-size: 0.85em; padding: 0; text-decoration: underline; } .type-e .read-more-btn:hover { color: var(--theme-color-violet-dark); } .type-e .read-more-btn.hidden { display: none; } .type-e .mySwiper2 .swiper-nav .swiper-button-prev::after, .type-e .mySwiper .swiper-nav .swiper-button-prev::after, .type-e .mySwiper3 .swiper-nav .swiper-button-prev::after, .type-e .mySwiper2 .swiper-nav .swiper-button-next::after, .type-e .mySwiper .swiper-nav .swiper-button-next::after, .type-e .mySwiper3 .swiper-nav .swiper-button-next::after { border: 1px solid var(--theme-color-blue); color: white; background-color: var(--theme-color-blue-turquoise); } .type-e .mySwiper2 .swiper-nav .swiper-button-prev::after svg, .type-e .mySwiper .swiper-nav .swiper-button-prev::after svg, .type-e .mySwiper3 .swiper-nav .swiper-button-prev::after svg, .type-e .mySwiper2 .swiper-nav .swiper-button-next::after svg, .type-e .mySwiper .swiper-nav .swiper-button-next::after svg, .type-e .mySwiper3 .swiper-nav .swiper-button-next::after svg { stroke: white; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .type-e .slide-avis { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 15px; } @media (min-width: 0px) { .type-e .slide-avis { height: calc(0.858974359 * 1 * 100vw); padding: calc(0.1153846154 * 1 * 100vw); } } @media (min-width: 481px) { .type-e .slide-avis { height: calc(0.3475609756 * 1 * 100vw); padding: calc(0.0426829268 * 1 * 100vw); } } @media (min-width: 1024px) { .type-e .slide-avis { height: calc(0.2638888889 * 1 * 100vw); padding: calc(0.03125 * 1 * 100vw); } } .type-e .slide-avis img { position: relative; -webkit-transform: unset; transform: unset; } @media (min-width: 0px) { .type-e .slide-avis img { height: calc(0.2820512821 * 1 * 100vw); } } @media (min-width: 481px) { .type-e .slide-avis img { height: calc(0.2073170732 * 1 * 100vw); } } @media (min-width: 1024px) { .type-e .slide-avis img { height: calc(0.1180555556 * 1 * 100vw); } } .type-e .avis-content { display: -webkit-box; -webkit-line-clamp: 5; /* Changé de 3 à 5 */ -webkit-box-orient: vertical; overflow: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; margin: 0; } .type-f { z-index: 2; } .type-f .headband { position: absolute; width: 100%; z-index: 1; left: 0; } @media (max-width: 480px) { .type-f .headband { top: calc(-0.0717948718 * 1 * 100vw); } } @media (min-width: 481px) { .type-f .headband { top: calc(-0.0707317073 * 1 * 100vw); } } @media (min-width: 1024px) { .type-f .headband { top: calc(-0.0694444444 * 1 * 100vw); } } .type-f p { color: var(--theme-color-full-white-80) !important; } .type-g .step-point { position: absolute; border: 10px solid var(--theme-color-violet-dark); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; color: var(--theme-color-white); display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 1024px) { .type-g .step-point { height: calc(0.0416666667 * 1 * 100vw); width: calc(0.0416666667 * 1 * 100vw); left: -10%; } } @media (max-width: 1023px) { .type-g .step-point { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: initial; margin-top: 35px; margin-right: 6px; border: 0; } .type-g .step-point:after { content: "."; } } @media (max-width: 1023px) { .type-g .steps-list { 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; } } .type-g .step-item { position: relative; } .type-g .step-item h5 { margin: auto 50px; } @media (max-width: 1023px) { .type-g .step-item h5 { margin: 0; margin-top: 35px; } } @media (min-width: 1024px) { .type-g .step-item h5 { margin: auto 35px; } } @media (min-width: 1220px) { .type-g .step-item h5 { margin: auto 40px; } } @media (min-width: 1024px) { .type-g .step-item { height: calc(0.1388888889 * 1 * 100vw); } .type-g .step-item::before, .type-g .step-item::after { content: ""; display: block; position: absolute; background: #e2e3e4; height: 50%; z-index: -1; left: 5px; width: 95%; } .type-g .step-item::before { -webkit-transform: skew(-40deg, 0); transform: skew(-40deg, 0); bottom: 0; } .type-g .step-item::after { -webkit-transform: skew(40deg, 0); transform: skew(40deg, 0); top: 0; } .type-g .step-item:nth-child(1)::before, .type-g .step-item:nth-child(1)::after, .type-g .step-item:nth-child(1) .step-point { background: #414893; } } @media (min-width: 1024px) and (max-width: 1023px) { .type-g .step-item:nth-child(1) { margin-left: calc(0.1282051282 * 1 * 100vw); } } @media (min-width: 1024px) { .type-g .step-item:nth-child(2)::before, .type-g .step-item:nth-child(2)::after, .type-g .step-item:nth-child(2) .step-point { background: #575FA0; } .type-g .step-item:nth-child(3)::before, .type-g .step-item:nth-child(3)::after, .type-g .step-item:nth-child(3) .step-point { background: #6B71AB; } .type-g .step-item:nth-child(4)::before, .type-g .step-item:nth-child(4)::after, .type-g .step-item:nth-child(4) .step-point { background: #7E85B6; } .type-g .step-item:nth-child(5)::before, .type-g .step-item:nth-child(5)::after, .type-g .step-item:nth-child(5) .step-point { background: #9499C2; } } @media (min-width: 1024px) and (max-width: 1023px) { .type-g .step-item:nth-child(5) { margin-right: calc(0.1282051282 * 1 * 100vw); } } @media (max-width: 1023px) { .type-g .step-item { height: 154px; background-position: center center; background-repeat: no-repeat; background-size: contain; } .type-g .step-item:not(:first-of-type) { margin-top: -64px; } .type-g .step-item:nth-child(1) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='330' height='154' viewBox='0 0 330 154'%3E%3Cpath id='mobile-ze-process-1' d='M0,70l166.5,50L330,70V174L165.281,224,0,174Z' transform='translate(0 -70)' fill='%23414893'/%3E%3C/svg%3E"); } .type-g .step-item:nth-child(2) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='330' height='154' viewBox='0 0 330 154'%3E%3Cpath id='mobile-ze-process-2' d='M0,70l166.5,50L330,70V174L165.281,224,0,174Z' transform='translate(0 -70)' fill='%23565fa1'/%3E%3C/svg%3E"); } .type-g .step-item:nth-child(3) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='330' height='154' viewBox='0 0 330 154'%3E%3Cpath id='mobile-ze-process-3' d='M0,70l166.5,50L330,70V174L165.281,224,0,174Z' transform='translate(0 -70)' fill='%236b71ab'/%3E%3C/svg%3E"); } .type-g .step-item:nth-child(4) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='330' height='154' viewBox='0 0 330 154'%3E%3Cpath id='mobile-ze-process-4' d='M0,70l166.5,50L330,70V174L165.281,224,0,174Z' transform='translate(0 -70)' fill='%237e85b6'/%3E%3C/svg%3E"); } .type-g .step-item:nth-child(5) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='330' height='154' viewBox='0 0 330 154'%3E%3Cpath id='mobile-ze-process-5' d='M0,70l166.5,50L330,70V174L165.281,224,0,174Z' transform='translate(0 -70)' fill='%239499c2'/%3E%3C/svg%3E"); } } .type-h { overflow: hidden; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1023px) { .type-h { margin: 0; } } .type-h .counter { white-space: nowrap; } @media (max-width: 480px) { .type-h .img-icon { -webkit-transform: unset; transform: unset; aspect-ratio: 1.4; width: calc(0.6153846154 * 1 * 100vw); } .type-h .img-icon.img-left { top: -19.5%; left: 19%; } .type-h .img-icon.img-right { bottom: -19.5%; left: 19%; top: unset; } } @media (min-width: 481px) { .type-h .img-icon { top: 50% !important; width: calc(0.3780487805 * 1 * 100vw); } .type-h .img-icon.img-left { left: -22.5%; } .type-h .img-icon.img-right { right: -22.5%; } } @media (min-width: 1024px) { .type-h .img-icon { width: calc(0.2152777778 * 1 * 100vw); } .type-h .img-icon.img-left { left: -14%; } .type-h .img-icon.img-right { right: -14%; } } .type-h .super-extra-h1 { text-transform: none; } @media (min-width: 481px) { .type-h:has(+ .type-f) { padding-bottom: calc(0.1219512195 * 1 * 100vw); } } @media (min-width: 1024px) { .type-h:has(+ .type-f) { padding-bottom: calc(0.1388888889 * 1 * 100vw); } } @media (min-width: 481px) { .type-h:has(+ .type-f) .img-icon { top: 40% !important; } } @media (min-width: 1024px) { .type-h:has(+ .type-f) .img-icon { top: 36% !important; } } .type-i .section-with-background { overflow: hidden; } .type-i .section-with-background .image-background { -o-object-fit: cover; object-fit: cover; -webkit-transform: scale(1.5); transform: scale(1.5); } @media (min-width: 1024px) { .type-i .star { top: calc(-0.0451388889 * 1 * 100vw); } } @media (max-width: 1023px) and (min-width: 481px) { .type-i .star { top: calc(-0.0609756098 * 1 * 100vw); } } @media (max-width: 1023px) and (max-width: 480px) { .type-i .star { top: calc(-0.1025641026 * 1 * 100vw); } } .type-j .form-newsletter, .type-j .form-devis { position: absolute; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: var(--theme-color-mauve-pale); gap: 2%; } @media (max-width: 480px) { .type-j .form-newsletter, .type-j .form-devis { width: 100%; left: 0; bottom: 0; top: 55vw; padding: 0; -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; background-color: transparent; } } @media (min-width: 481px) { .type-j .form-newsletter, .type-j .form-devis { border: 1px solid var(--theme-color-violet-dark); width: 60%; padding: calc(0.0182926829 * 1 * 100vw) calc(0.0182926829 * 1 * 100vw) calc(0.0182926829 * 1 * 100vw) calc(0.0304878049 * 1 * 100vw); bottom: calc(0.0365853659 * 1 * 100vw); right: calc(0.0365853659 * 1 * 100vw); } } @media (min-width: 1024px) { .type-j .form-newsletter, .type-j .form-devis { width: 48%; padding: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0173611111 * 1 * 100vw); bottom: calc(0.0208333333 * 1 * 100vw); right: calc(0.0208333333 * 1 * 100vw); } } .type-j .form-newsletter > span, .type-j .form-devis > span { font-family: var(--theme-font-Unbounded-semibold) !important; color: var(--theme-color-violet-dark); } @media (min-width: 0px) { .type-j .form-newsletter > span, .type-j .form-devis > span { font-size: var(--theme-font-size-10-mobile) !important; line-height: var(--theme-line-height-10-mobile); } } @media (min-width: 481px) { .type-j .form-newsletter > span, .type-j .form-devis > span { font-size: var(--theme-font-size-10-tablet) !important; line-height: var(--theme-line-height-10-tablet); } } @media (min-width: 1024px) { .type-j .form-newsletter > span, .type-j .form-devis > span { font-size: var(--theme-font-size-10-desktop) !important; line-height: var(--theme-line-height-10-desktop); } } @media (min-width: 1220px) { .type-j .form-newsletter > span, .type-j .form-devis > span { font-size: var(--theme-font-size-10-desktop-no-burger) !important; line-height: var(--theme-line-height-10-desktop-no-burger); } } @media (min-width: 1425px) { .type-j .form-newsletter > span, .type-j .form-devis > span { font-size: var(--theme-font-size-10-desktop-full) !important; line-height: var(--theme-line-height-10-desktop-full); } } @media (min-width: 1750px) { .type-j .form-newsletter > span, .type-j .form-devis > span { font-size: var(--theme-font-size-10-desktop-large) !important; line-height: var(--theme-line-height-10-desktop-large); } } @media (min-width: 481px) { .type-j .form-newsletter.form-newsletter > span, .type-j .form-devis.form-newsletter > span { width: 30%; } } @media (max-width: 480px) { .type-j .form-newsletter.form-newsletter > span, .type-j .form-devis.form-newsletter > span { margin-bottom: calc(0.0256410256 * 1 * 100vw); } } .type-j .form-newsletter.form-newsletter .gform_heading, .type-j .form-newsletter.form-newsletter .gform_footer, .type-j .form-devis.form-newsletter .gform_heading, .type-j .form-devis.form-newsletter .gform_footer { display: none !important; } .type-j .form-newsletter.form-newsletter .gform_wrapper, .type-j .form-devis.form-newsletter .gform_wrapper { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 480px) { .type-j .form-newsletter.form-newsletter .gform_wrapper, .type-j .form-devis.form-newsletter .gform_wrapper { width: 100%; } } .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields { 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; } @media (max-width: 480px) { .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields { background-color: var(--theme-color-mauve-pale); } } .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields .gfield:first-child, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields .gfield:first-child { width: 100%; } .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields .gfield:first-child input, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields .gfield:first-child input { background: none; border: none; } @media (max-width: 1023px) { .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields .gfield:first-child input, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields .gfield:first-child input { padding: 0 0 0 15px !important; } } @media (min-width: 1024px) { .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields .gfield:first-child input, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields .gfield:first-child input { padding: 0 0 0 calc(0.0194444444 * 1 * 100vw) !important; } } .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields .gfield:first-child input:focus-visible, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields .gfield:first-child input:focus-visible { outline: none; } .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields .gfield:first-child input::-webkit-input-placeholder, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields .gfield:first-child input::-webkit-input-placeholder { opacity: 0.7; } .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields .gfield:first-child input::-moz-placeholder, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields .gfield:first-child input::-moz-placeholder { opacity: 0.7; } .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields .gfield:first-child input:-ms-input-placeholder, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields .gfield:first-child input:-ms-input-placeholder { opacity: 0.7; } .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields .gfield:first-child input::-ms-input-placeholder, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields .gfield:first-child input::-ms-input-placeholder { opacity: 0.7; } .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields .gfield:first-child input::placeholder, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields .gfield:first-child input::placeholder { opacity: 0.7; } .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields #field_submit, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields #field_submit { -webkit-box-flex: 0; -ms-flex: none; flex: none; background: var(--theme-color-violet); } @media (min-width: 0px) { .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields #field_submit, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields #field_submit { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: calc(0.0461538462 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields #field_submit, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields #field_submit { padding: calc(0.0219512195 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .type-j .form-newsletter.form-newsletter .gform_wrapper .gform_fields #field_submit, .type-j .form-devis.form-newsletter .gform_wrapper .gform_fields #field_submit { padding: calc(0.0166666667 * 1 * 100vw) calc(0.0166666667 * 1 * 100vw) !important; } } .type-j .form-newsletter.form-newsletter input:not([type=submit]), .type-j .form-devis.form-newsletter input:not([type=submit]) { color: var(--theme-color-violet-dark); } .type-j .form-newsletter.form-newsletter input:not([type=submit])::-webkit-input-placeholder, .type-j .form-devis.form-newsletter input:not([type=submit])::-webkit-input-placeholder { color: var(--theme-color-violet-dark-70); } .type-j .form-newsletter.form-newsletter input:not([type=submit])::-moz-placeholder, .type-j .form-devis.form-newsletter input:not([type=submit])::-moz-placeholder { color: var(--theme-color-violet-dark-70); } .type-j .form-newsletter.form-newsletter input:not([type=submit]):-ms-input-placeholder, .type-j .form-devis.form-newsletter input:not([type=submit]):-ms-input-placeholder { color: var(--theme-color-violet-dark-70); } .type-j .form-newsletter.form-newsletter input:not([type=submit])::-ms-input-placeholder, .type-j .form-devis.form-newsletter input:not([type=submit])::-ms-input-placeholder { color: var(--theme-color-violet-dark-70); } .type-j .form-newsletter.form-newsletter input:not([type=submit])::placeholder, .type-j .form-devis.form-newsletter input:not([type=submit])::placeholder { color: var(--theme-color-violet-dark-70); } @media (max-width: 480px) { .type-j .form-newsletter.form-devis, .type-j .form-devis.form-devis { border-radius: calc(0.0230769231 * 1 * 100vw); border: 1px solid var(--theme-color-violet-dark-20); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .type-j .form-newsletter.form-devis span, .type-j .form-devis.form-devis span { font-family: var(--theme-font-Manrope-medium) !important; font-size: var(--theme-font-size-10-mobile) !important; padding-left: 15px !important; color: var(--theme-color-violet-dark-70); } .type-j .form-newsletter.form-devis a[href], .type-j .form-devis.form-devis a[href] { -webkit-box-flex: 0; -ms-flex: none; flex: none; background: var(--theme-color-violet); border-radius: calc(0.0230769231 * 1 * 100vw); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: calc(0.0461538462 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); } } .type-j .img-icon { z-index: 3; } @media (min-width: 0px) { .type-j.newsletter .img-icon.banner.img-left.img-bottom { left: unset; right: 2%; bottom: -25%; height: auto; width: calc(0.3333333333 * 1 * 100vw); -webkit-transform: rotate(45deg); transform: rotate(45deg); } } @media (min-width: 481px) { .type-j.newsletter .img-icon.banner.img-left.img-bottom { left: 0; bottom: -15%; -webkit-transform: unset; transform: unset; width: calc(0.1951219512 * 1 * 100vw); } } @media (min-width: 1024px) { .type-j.newsletter .img-icon.banner.img-left.img-bottom { bottom: 5%; width: calc(0.1527777778 * 1 * 100vw); } } @media (min-width: 0px) { .type-j.devis .img-icon.banner.img-left.img-bottom { left: 5%; bottom: 0%; height: auto; width: calc(0.0974358974 * 1 * 100vw); -webkit-transform: unset; transform: unset; } } @media (min-width: 481px) { .type-j.devis .img-icon.banner.img-left.img-bottom { left: 0; bottom: -18%; -webkit-transform: unset; transform: unset; width: calc(0.1219512195 * 1 * 100vw); } } @media (min-width: 1024px) { .type-j.devis .img-icon.banner.img-left.img-bottom { left: 2%; bottom: -5%; width: calc(0.0972222222 * 1 * 100vw); } } @media (min-width: 0px) { .type-j.devis .img-icon.banner.img-right.img-top { -webkit-transform: unset; transform: unset; right: 5%; left: unset; top: 60%; width: calc(0.3076923077 * 1 * 100vw); } } @media (min-width: 481px) { .type-j.devis .img-icon.banner.img-right.img-top { -webkit-transform: unset; transform: unset; right: 7%; left: unset; top: 0; width: calc(0.1463414634 * 1 * 100vw); } } @media (min-width: 1024px) { .type-j.devis .img-icon.banner.img-right.img-top { right: 7%; left: unset; width: calc(0.1180555556 * 1 * 100vw); } } @media (min-width: 0px) { .type-j.devis .img-icon.banner.img-right.img-bottom { display: none; } } @media (min-width: 481px) { .type-j.devis .img-icon.banner.img-right.img-bottom { display: block; bottom: -5%; width: calc(0.0487804878 * 1 * 100vw); right: 5%; } } @media (min-width: 1024px) { .type-j.devis .img-icon.banner.img-right.img-bottom { bottom: 10%; width: calc(0.0347222222 * 1 * 100vw); right: 5%; } } @media (max-width: 480px) { .type-j:has(+ footer) { margin-bottom: calc(0.4615384615 * 1 * 100vw); } } .type-m .no-swiper .swiper-wrapper { gap: 30px; } .type-m .no-swiper .swiper-slide { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .type-m .swiper-slide { background-color: var(--theme-color-mauve-pale); } .type-m .swiper-slide .block-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; gap: 10px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .type-m .description-container { max-height: 250px; overflow: hidden; position: relative; } .type-m .description-container:after { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 50px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(var(--theme-color-white))); background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--theme-color-white)); } .type-m .description-container.active { max-height: initial; overflow: initial; } .type-m .description-container.active:after { display: none; } .type-m .see-more { font-size: calc(0.041025641 * 1 * 100vw); line-height: calc(0.0512820513 * 1 * 100vw); color: var(--theme-color-violet) !important; border-color: var(--theme-color-violet); } @media (min-width: 481px) { .type-m .see-more { font-size: calc(0.0195121951 * 1 * 100vw); line-height: calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 1024px) { .type-m .see-more { font-size: calc(0.0125 * 1 * 100vw); line-height: calc(0.0194444444 * 1 * 100vw); } } .type-m .see-more:hover { color: var(--theme-color-violet-dark) !important; border-color: var(--theme-color-violet-dark); } .type-n .img-icon { position: absolute; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; z-index: 3; } .type-n .img-icon.image.img-left:not(.img-bottom) { -webkit-transform: unset; transform: unset; bottom: 0; } @media (min-width: 0px) { .type-n .img-icon.image.img-left:not(.img-bottom) { scale: 0.7; left: -15%; } } @media (min-width: 481px) { .type-n .img-icon.image.img-left:not(.img-bottom) { scale: 0.7; left: -25%; } } @media (min-width: 1024px) { .type-n .img-icon.image.img-left:not(.img-bottom) { scale: 1; left: -15%; } } .type-n .img-icon.image.img-left.img-bottom { -webkit-transform: unset; transform: unset; top: 75%; left: 5%; } @media (min-width: 0px) { .type-n .img-icon.image.img-left.img-bottom { scale: 0.7; } } @media (min-width: 481px) { .type-n .img-icon.image.img-left.img-bottom { scale: 0.7; } } @media (min-width: 1024px) { .type-n .img-icon.image.img-left.img-bottom { scale: 1; } } .type-n .img-icon.image.img-right { -webkit-transform: unset; transform: unset; top: 70%; left: 72%; } @media (min-width: 0px) { .type-n .img-icon.image.img-right { scale: 0.7; } } @media (min-width: 481px) { .type-n .img-icon.image.img-right { scale: 0.7; top: 70%; left: 72%; } } @media (min-width: 1024px) { .type-n .img-icon.image.img-right { scale: 1; top: 75%; left: 82%; } } .type-n .img-icon.title.img-right { top: unset; } @media (min-width: 0px) { .type-n .img-icon.title.img-right { scale: 0.7; left: 70%; bottom: -20%; } } @media (min-width: 481px) { .type-n .img-icon.title.img-right { scale: 0.7; left: 80%; bottom: -20%; } } @media (min-width: 1024px) { .type-n .img-icon.title.img-right { scale: 1; left: 87%; bottom: -10%; } } .type-o { display: none; } .type-o .infinite-scroll-container .slide-partenaires .big-text { margin-top: auto; margin-bottom: auto; } @media (max-width: 1023px) { .type-p { margin-top: 70px; } } .type-p .headband { position: absolute; width: 100%; z-index: 1; } @media (min-width: 481px) { .type-p .headband { top: calc(-0.0707317073 * 1 * 100vw); } } @media (min-width: 1024px) { .type-p .headband { top: calc(-0.0694444444 * 1 * 100vw); } } .type-p .title-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1023px) { .type-p .title-block { margin-bottom: 50px; } } .type-p .title-block h2 { margin: 0; } .type-p .title-block h2 img { margin: 0 20px 0 0; } @media (max-width: 480px) { .type-p .title-block h2 img { width: calc(0.0871794872 * 1 * 100vw); } } @media (min-width: 481px) { .type-p .title-block h2 img { width: calc(0.0841463415 * 1 * 100vw); } } @media (min-width: 1024px) { .type-p .title-block h2 img { width: calc(0.0618055556 * 1 * 100vw); } } .type-p .wrapper { overflow: hidden; } .type-p .wrapper .swiper { overflow: visible; } @media (min-width: 481px) { body.single-hebergement .type-p { margin-top: calc(0.0609756098 * 1 * 100vw + 2 * 0.0158536585 * 1 * 100vw); } } @media (min-width: 1024px) { body.single-hebergement .type-p { margin-top: 0; } } @media (min-width: 481px) { body.single-hebergement .type-p .headband { top: 0; } } .type-q { overflow: hidden; background-color: var(--theme-color-white); } .type-q .slide-partenaires { margin: 0px 10px; padding: 35px 50px; } .type-q h6 { color: var(--theme-color-violet-dark); font-size: 20px; font-weight: 600; } @media (min-width: 0px) { .type-archive.none + .type-q { margin-top: calc(0.5128205128 * 1 * 100vw) !important; } } @media (min-width: 481px) { .type-archive.none + .type-q { margin-top: calc(0.243902439 * 1 * 100vw) !important; } } @media (min-width: 1024px) { .type-archive.none + .type-q { margin-top: calc(0.2083333333 * 1 * 100vw) !important; } } @media (min-width: 0px) { .type-q:is(.type-j + .type-q) { margin: calc(0.2564102564 * 1 * 100vw) 0; } } @media (min-width: 481px) { .type-q:is(.type-j + .type-q) { margin: calc(0.0853658537 * 1 * 100vw) 0; } } @media (min-width: 1024px) { .type-q:is(.type-j + .type-q) { margin: calc(0.0694444444 * 1 * 100vw) 0; } } .type-r:has(+ script + .type-j) { margin-bottom: 5% !important; } .type-s { color: var(--theme-color-violet-dark); } @media (min-width: 1024px) { .type-s h2 { margin-top: calc(0.0555555556 * 1 * 100vw); } } @media (max-width: 1023px) { .type-s h2 { margin-top: calc(0.1219512195 * 1 * 100vw); } } .type-s :not(.type-breadcrumb) p, .type-s :not(.type-breadcrumb) a, .type-s :not(.type-breadcrumb) ol, .type-s :not(.type-breadcrumb) ul, .type-s :not(.type-breadcrumb) li { color: var(--theme-color-violet-dark); } .type-s :not(.type-breadcrumb) p strong, .type-s :not(.type-breadcrumb) p u, .type-s :not(.type-breadcrumb) a strong, .type-s :not(.type-breadcrumb) a u, .type-s :not(.type-breadcrumb) ol strong, .type-s :not(.type-breadcrumb) ol u, .type-s :not(.type-breadcrumb) ul strong, .type-s :not(.type-breadcrumb) ul u, .type-s :not(.type-breadcrumb) li strong, .type-s :not(.type-breadcrumb) li u { color: var(--theme-color-violet-dark); } .type-s :not(.type-breadcrumb) p a, .type-s :not(.type-breadcrumb) a a, .type-s :not(.type-breadcrumb) ol a, .type-s :not(.type-breadcrumb) ul a, .type-s :not(.type-breadcrumb) li a { display: inline !important; text-decoration: underline; } .type-s :not(.type-breadcrumb) p .fil-ariane-item a, .type-s :not(.type-breadcrumb) a .fil-ariane-item a, .type-s :not(.type-breadcrumb) ol .fil-ariane-item a, .type-s :not(.type-breadcrumb) ul .fil-ariane-item a, .type-s :not(.type-breadcrumb) li .fil-ariane-item a { display: block; text-decoration: none; } .type-s strong { font-family: var(--theme-font-Manrope-semibold) !important; } .type-s img { border-radius: 15px; } .type-s blockquote { position: relative; margin: 0; } @media (min-width: 0px) { .type-s blockquote { padding: calc(2 * 0.0615384615 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { .type-s blockquote { padding: calc(2 * 0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .type-s blockquote { padding: calc(0.0486111111 * 1 * 100vw); } } .type-s blockquote::before, .type-s blockquote::after { content: ""; position: absolute; width: 25px; height: 25px; background-image: url("http://ze-trip.local/wp-content/uploads/2024/01/x36_5.QuoteLeft.svg"); background-size: contain; background-repeat: no-repeat; } @media (min-width: 0px) { .type-s blockquote::before { top: calc(0.0615384615 * 1 * 100vw); left: calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { .type-s blockquote::before { top: calc(0.0292682927 * 1 * 100vw); left: calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .type-s blockquote::before { top: calc(0.0208333333 * 1 * 100vw); left: calc(0.0208333333 * 1 * 100vw); } } .type-s blockquote::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (min-width: 0px) { .type-s blockquote::after { bottom: calc(0.0769230769 * 1 * 100vw); right: calc(0.0769230769 * 1 * 100vw); } } @media (min-width: 481px) { .type-s blockquote::after { bottom: calc(0.0365853659 * 1 * 100vw); right: calc(0.0365853659 * 1 * 100vw); } } @media (min-width: 1024px) { .type-s blockquote::after { bottom: calc(0.0208333333 * 1 * 100vw); right: calc(0.0208333333 * 1 * 100vw); } } .type-s .author { font-weight: 600; } @media (min-width: 0px) { .type-s .author { font-size: var(--theme-font-size-8-mobile) !important; line-height: var(--theme-line-height-8-mobile); } } @media (min-width: 481px) { .type-s .author { font-size: var(--theme-font-size-8-tablet) !important; line-height: var(--theme-line-height-8-tablet); } } @media (min-width: 1024px) { .type-s .author { font-size: var(--theme-font-size-8-desktop) !important; line-height: var(--theme-line-height-8-desktop); } } @media (min-width: 1220px) { .type-s .author { font-size: var(--theme-font-size-8-desktop-no-burger) !important; line-height: var(--theme-line-height-8-desktop-no-burger); } } @media (min-width: 1425px) { .type-s .author { font-size: var(--theme-font-size-8-desktop-full) !important; line-height: var(--theme-line-height-8-desktop-full); } } @media (min-width: 1750px) { .type-s .author { font-size: var(--theme-font-size-8-desktop-large) !important; line-height: var(--theme-line-height-8-desktop-large); } } .type-s.contenu { background-color: var(--theme-color-mauve-pale); } @media (min-width: 0px) { .type-s.contenu { padding: calc(2 * 0.0615384615 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { .type-s.contenu { padding: calc(2 * 0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .type-s.contenu { padding: calc(0.0416666667 * 1 * 100vw) calc(0.0694444444 * 1 * 100vw); } } .type-t .archive-card, .blog-section .archive-card { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .type-t .archive-card .bottom-section, .blog-section .archive-card .bottom-section { height: -webkit-fill-available; border: 1px solid var(--theme-color-blue-turquoise); border-top: none; border-bottom-right-radius: 15px; /* Arrondi dans le coin inférieur droit */ border-bottom-left-radius: 15px; /* Arrondi dans le coin inférieur gauche */ height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (min-width: 1024px) { .type-t .archive-card .bottom-section, .blog-section .archive-card .bottom-section { padding: calc(0.0277777778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); } } @media (max-width: 1023px) { .type-t .archive-card .bottom-section, .blog-section .archive-card .bottom-section { padding: 25px 30px; } } .type-t .archive-card .bottom-section h6, .blog-section .archive-card .bottom-section h6 { margin: 15px 0 15px 0; } .type-t .archive-card .bottom-section a, .blog-section .archive-card .bottom-section a { margin-top: 20px; } @media (min-width: 0px) { .type-t .archive-card .bottom-section span.very-little-font, .blog-section .archive-card .bottom-section span.very-little-font { font-size: var(--theme-font-size-13-mobile) !important; line-height: var(--theme-line-height-13-mobile); } } @media (min-width: 481px) { .type-t .archive-card .bottom-section span.very-little-font, .blog-section .archive-card .bottom-section span.very-little-font { font-size: var(--theme-font-size-13-tablet) !important; line-height: var(--theme-line-height-13-tablet); } } @media (min-width: 1024px) { .type-t .archive-card .bottom-section span.very-little-font, .blog-section .archive-card .bottom-section span.very-little-font { font-size: var(--theme-font-size-13-desktop) !important; line-height: var(--theme-line-height-13-desktop); } } @media (min-width: 1220px) { .type-t .archive-card .bottom-section span.very-little-font, .blog-section .archive-card .bottom-section span.very-little-font { font-size: var(--theme-font-size-13-desktop-no-burger) !important; line-height: var(--theme-line-height-13-desktop-no-burger); } } @media (min-width: 1425px) { .type-t .archive-card .bottom-section span.very-little-font, .blog-section .archive-card .bottom-section span.very-little-font { font-size: var(--theme-font-size-13-desktop-full) !important; line-height: var(--theme-line-height-13-desktop-full); } } @media (min-width: 1750px) { .type-t .archive-card .bottom-section span.very-little-font, .blog-section .archive-card .bottom-section span.very-little-font { font-size: var(--theme-font-size-13-desktop-large) !important; line-height: var(--theme-line-height-13-desktop-large); } } .type-t .archive-card img, .blog-section .archive-card img { width: 100%; aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover; border-top-left-radius: 15px; /* Aucun arrondi dans le coin supérieur gauche */ border-top-right-radius: 15px; /* Aucun arrondi dans le coin supérieur droit */ } @media (max-width: 480px) { .type-w.map:not(.europe) { margin: 0 !important; border-radius: 0; } } .type-w.map .img-icon { position: absolute; } @media (max-width: 480px) { .type-w.map .img-icon.banner.img-left { left: -30%; bottom: -20%; rotate: 125deg; } } @media (min-width: 481px) { .type-w.map .img-icon.banner.img-left { bottom: -20%; left: -20%; -webkit-transform: scale(0.7); transform: scale(0.7); } } @media (min-width: 1024px) { .type-w.map .img-icon.banner.img-left { -webkit-transform: unset; transform: unset; bottom: -10%; left: -5%; } } @media (min-width: 481px) { .type-w.map .img-icon.title.img-right { top: 20%; left: unset; right: 8%; -webkit-transform: unset; transform: unset; width: calc(0.0853658537 * 1 * 100vw); } } @media (min-width: 1024px) { .type-w.map .img-icon.title.img-right { top: 20%; right: 10%; width: calc(0.0625 * 1 * 100vw); } } .type-w.map.europe { background-color: var(--theme-color-mauve-pale); z-index: 1; } @media (max-width: 480px) { .type-w.map.europe { margin: calc(0.1282051282 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); padding: calc(0.0256410256 * 1 * 100vw) calc(0.0256410256 * 1 * 100vw) calc(0.1282051282 * 1 * 100vw) calc(0.0256410256 * 1 * 100vw); } } @media (min-width: 481px) { .type-w.map.europe { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin: calc(0.1219512195 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.0609756098 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .type-w.map.europe { margin: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); padding-bottom: 0; } } .type-w.map.europe #map-svg { position: relative; } @media (max-width: 480px) { .type-w.map.europe #map-svg { right: 12%; } } @media (min-width: 481px) { .type-w.map.europe #map-svg { margin: 15% auto auto auto; left: -10%; } } @media (min-width: 1024px) { .type-w.map.europe #map-svg { margin: 10% auto auto auto; left: -10%; } } @media (min-width: 481px) { .type-w.map.europe .title-block { width: calc(50% - 0.0292682927 * 1 * 100vw); padding-right: calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .type-w.map.europe .title-block { width: calc(50% - 0.0347222222 * 1 * 100vw); padding-right: calc(0.0347222222 * 1 * 100vw); } } .type-w.map.europe h2 { margin-bottom: 5%; } .type-w.map.europe h2, .type-w.map.europe p { color: var(--theme-color-violer-dark); } @media (min-width: 0px) { .type-w.map.europe .img-icon.img-left { right: 0%; top: 0%; } } @media (min-width: 481px) { .type-w.map.europe .img-icon.img-left { scale: 0.7; top: 2%; right: 90%; } } @media (min-width: 1024px) { .type-w.map.europe .img-icon.img-left { scale: unset; right: 90%; top: 10%; } } .type-w.map.europe .img-icon.right { left: unset; top: unset; } @media (min-width: 0px) { .type-w.map.europe .img-icon.right { right: 0%; bottom: -5%; } } @media (min-width: 481px) { .type-w.map.europe .img-icon.right { scale: 0.7; right: -5%; bottom: -15%; } } @media (min-width: 1024px) { .type-w.map.europe .img-icon.right { scale: unset; } } .type-w.map + .type-b { padding-bottom: 0; } .type-w.map h2, .type-w.map p { color: var(--theme-color-mauve-pale); } @media (max-width: 480px) { .type-w.map h2 { margin: 5% 0 0 0; } } .type-y .text { font-size: calc(0.0512820513 * 1 * 100vw); } @media (min-width: 481px) { .type-y .text { font-size: calc(0.0304878049 * 1 * 100vw); } } @media (min-width: 1024px) { .type-y .text { font-size: calc(0.0208333333 * 1 * 100vw); } } .type-y .mail-link { color: var(--theme-color-violet-dark); font-size: calc(0.041025641 * 1 * 100vw); } @media (min-width: 481px) { .type-y .mail-link { font-size: calc(0.0219512195 * 1 * 100vw); } } @media (min-width: 1024px) { .type-y .mail-link { font-size: calc(0.0125 * 1 * 100vw); } } .type-step .wrapper { overflow: hidden; } @media (min-width: 0px) { .type-step .img-icon.img-left { left: -3%; } } @media (min-width: 481px) { .type-step .img-icon.img-left { left: 5%; } } @media (min-width: 0px) { .type-step .img-icon.img-right { right: 0%; left: unset; -webkit-transform: scale(0.5); transform: scale(0.4); bottom: -15%; } } @media (min-width: 481px) { .type-step .img-icon.img-right { bottom: -24%; } } @media (min-width: 1024px) { .type-step .img-icon.img-right { -webkit-transform: scale(0.6); transform: scale(0.6); bottom: -15%; } } .type-step .title-block { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .type-step .title-block .title { text-align: center; position: relative; } .type-step .title-block .star-icon { position: absolute; right: -150px; width: 110px; } .type-step .step-container { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } @media (max-width: 480px) { .type-step .step-container { height: 40vh; } } .type-step .step-container .line-icon { position: absolute; display: block; left: 0; height: auto; z-index: 0; } @media (max-width: 480px) { .type-step .step-container .line-icon { width: auto; height: 70vh; -webkit-transform: translate(0%, -8.5%); transform: translate(0%, -8.5%); left: 34%; mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(30%, black), color-stop(80%, black), to(transparent)); mask-image: linear-gradient(to bottom, transparent 20%, black 30%, black 80%, transparent 100%); -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, transparent), color-stop(30%, black), color-stop(80%, black), to(transparent)); -webkit-mask-image: linear-gradient(to bottom, transparent 20%, black 30%, black 80%, transparent 100%); } .type-step .step-container .line-icon:not(.mobile) { display: none; } } @media (min-width: 481px) { .type-step .step-container .line-icon { height: auto; translate: -9.1%; width: 122vw; mask-image: -webkit-gradient(linear, left top, right top, color-stop(5%, transparent), color-stop(15%, black), color-stop(75%, black), color-stop(85%, transparent)); mask-image: linear-gradient(to right, transparent 5%, black 15%, black 75%, transparent 85%); -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(5%, transparent), color-stop(15%, black), color-stop(75%, black), color-stop(85%, transparent)); -webkit-mask-image: linear-gradient(to right, transparent 5%, black 15%, black 75%, transparent 85%); } .type-step .step-container .line-icon.mobile { display: none; } } @media (min-width: 1024px) { .type-step .step-container .line-icon { width: 119vw; translate: -9%; } } .type-step .step-container .yellow-button { padding: 15px; border-radius: 5px; position: relative; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } .type-step .step-container .yellow-button .bump-icon { position: absolute; right: -35px; top: -40px; width: 50px; height: 50px; } .type-step .step-container .yellow-button.last { margin-right: 40px; } .type-step .step-container .yellow-button.last .flowers-icon { position: absolute; top: -20px; right: -15px; width: 40px; height: 40px; } .type-step .step-container .step-content-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 2%; width: 91%; z-index: 1; position: relative; } @media (max-width: 480px) { .type-step .step-container .step-content-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 111%; } } @media (min-width: 481px) { .type-step .step-container .step-content-container { width: 68.5%; margin: auto; } } @media (min-width: 1024px) { .type-step .step-container .step-content-container { width: 67.5%; } } .type-step .step-container .step-content-container .step-row { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 480px) { .type-step .step-container .step-content-container .step-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .type-step .step-container .step-content-container .step-row.first { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .type-step .step-container .step-content-container .step-row:last-child { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } .type-step .step-container .step-content-container .step-row.icons-row .step-item::before, .type-step .step-container .step-content-container .step-row.icons-row .step-item::after { content: " "; } @media (max-width: 480px) { .type-step .step-container .step-content-container .step-row.icons-row .step-item::before, .type-step .step-container .step-content-container .step-row.icons-row .step-item::after { height: 1px; width: calc(0.041025641 * 1 * 100vw); position: relative; } } @media (min-width: 481px) { .type-step .step-container .step-content-container .step-row.icons-row .step-item::before, .type-step .step-container .step-content-container .step-row.icons-row .step-item::after { width: 1px; height: 30px; } } @media (max-width: 480px) { .type-step .step-container .step-content-container .step-row.icons-row .step-item:nth-child(even)::after, .type-step .step-container .step-content-container .step-row.icons-row .step-item:nth-child(odd)::before { background-color: var(--theme-color-violet-dark-20); } } @media (min-width: 481px) { .type-step .step-container .step-content-container .step-row.icons-row .step-item:nth-child(odd)::after, .type-step .step-container .step-content-container .step-row.icons-row .step-item:nth-child(even)::before { background-color: var(--theme-color-violet-dark-20); } } @media (max-width: 480px) { .type-step .step-container .step-content-container .step-row.icons-row .step-item:nth-child(even)::after { left: 77%; bottom: 35%; } } @media (max-width: 480px) { .type-step .step-container .step-content-container .step-row.icons-row .step-item:nth-child(odd)::before { left: -77%; top: 38%; } } .type-step .step-container .step-content-container .step-row.icons-row .step-item .h2-number { aspect-ratio: 1; border: 1px solid var(--theme-color-violet-dark-20); border-radius: 100%; height: auto; text-align: center; line-height: inherit; } @media (min-width: 0px) { .type-step .step-container .step-content-container .step-row.icons-row .step-item .h2-number { padding: calc(0.0217948718 * 1 * 100vw); width: auto; } } @media (min-width: 481px) { .type-step .step-container .step-content-container .step-row.icons-row .step-item .h2-number { padding: calc(0.0146341463 * 1 * 100vw); } } @media (min-width: 1024px) { .type-step .step-container .step-content-container .step-row.icons-row .step-item .h2-number { padding: calc(0.0170138889 * 1 * 100vw); } } @media (min-width: 1220px) { .type-step .step-container .step-content-container .step-row.icons-row .step-item .h2-number { padding: calc(0.0170138889 * 1 * 100vw); } } .type-step .step-container .step-content-container .step-row .step-item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; 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; } .type-step .step-container .step-content-container .step-row .step-item .title-step { text-align: center; } @media (max-width: 480px) { .type-step .step-container .step-content-container .step-row .step-item:nth-child(odd) .title-step { margin: 0 25px 0 0; } } @media (min-width: 481px) { .type-step .step-container .step-content-container .step-row .step-item:nth-child(odd) .title-step { margin: 12px 0 0 0; } } @media (max-width: 480px) { .type-step .step-container .step-content-container .step-row .step-item:nth-child(even) .title-step { margin: 0 0 0 25px; } } @media (min-width: 481px) { .type-step .step-container .step-content-container .step-row .step-item:nth-child(even) .title-step { margin: 0 0 12px 0; } } .type-step .step-container .step-content-container .step-row .step-item .description-step { margin: 0; text-align: center; } @media (max-width: 1023px) and (min-width: 0px) { .type-step .step-container .step-content-container .step-row .step-item .description-step { font-size: var(--theme-font-size-8-mobile) !important; line-height: var(--theme-line-height-8-mobile); } } @media (max-width: 1023px) and (min-width: 481px) { .type-step .step-container .step-content-container .step-row .step-item .description-step { font-size: var(--theme-font-size-8-tablet) !important; line-height: var(--theme-line-height-8-tablet); } } @media (max-width: 1023px) and (min-width: 1024px) { .type-step .step-container .step-content-container .step-row .step-item .description-step { font-size: var(--theme-font-size-8-desktop) !important; line-height: var(--theme-line-height-8-desktop); } } @media (max-width: 1023px) and (min-width: 1220px) { .type-step .step-container .step-content-container .step-row .step-item .description-step { font-size: var(--theme-font-size-8-desktop-no-burger) !important; line-height: var(--theme-line-height-8-desktop-no-burger); } } @media (max-width: 1023px) and (min-width: 1425px) { .type-step .step-container .step-content-container .step-row .step-item .description-step { font-size: var(--theme-font-size-8-desktop-full) !important; line-height: var(--theme-line-height-8-desktop-full); } } @media (max-width: 1023px) and (min-width: 1750px) { .type-step .step-container .step-content-container .step-row .step-item .description-step { font-size: var(--theme-font-size-8-desktop-large) !important; line-height: var(--theme-line-height-8-desktop-large); } } @media (max-width: 480px) and (min-width: 0px) { .type-step .step-container .step-content-container .step-row .step-item .description-step { font-size: var(--theme-font-size-10-mobile) !important; line-height: var(--theme-line-height-10-mobile); } } @media (max-width: 480px) and (min-width: 481px) { .type-step .step-container .step-content-container .step-row .step-item .description-step { font-size: var(--theme-font-size-10-tablet) !important; line-height: var(--theme-line-height-10-tablet); } } @media (max-width: 480px) and (min-width: 1024px) { .type-step .step-container .step-content-container .step-row .step-item .description-step { font-size: var(--theme-font-size-10-desktop) !important; line-height: var(--theme-line-height-10-desktop); } } @media (max-width: 480px) and (min-width: 1220px) { .type-step .step-container .step-content-container .step-row .step-item .description-step { font-size: var(--theme-font-size-10-desktop-no-burger) !important; line-height: var(--theme-line-height-10-desktop-no-burger); } } @media (max-width: 480px) and (min-width: 1425px) { .type-step .step-container .step-content-container .step-row .step-item .description-step { font-size: var(--theme-font-size-10-desktop-full) !important; line-height: var(--theme-line-height-10-desktop-full); } } @media (max-width: 480px) and (min-width: 1750px) { .type-step .step-container .step-content-container .step-row .step-item .description-step { font-size: var(--theme-font-size-10-desktop-large) !important; line-height: var(--theme-line-height-10-desktop-large); } } @media (min-width: 0px) { .type-step:is(.type-archive.main-grid + .type-step) { margin-top: calc(0 * 1 * 100vw); } } @media (min-width: 481px) { .type-step:is(.type-archive.main-grid + .type-step) { margin-top: calc(0.0731707317 * 1 * 100vw); } } @media (min-width: 1024px) { .type-step:is(.type-archive.main-grid + .type-step) { margin-top: calc(0.0520833333 * 1 * 100vw); } } @media (max-width: 480px) { .type-step .bkg-mauve-pale { height: 73vh; } } /** * -------------------------------------------------------------------------------------------------------------- * SECTION Carte Séjour VARIABLES /**/ .carte-sejour-section { background-color: var(--theme-color-white); /* Afficher les contrôles au survol */ } .carte-sejour-section .icon { position: absolute; z-index: 3; scale: 0.8; } @media (max-width: 1023px) { .carte-sejour-section .icon { scale: 0.6; } } @media (max-width: 480px) { .carte-sejour-section .icon { scale: 0.5; } } .carte-sejour-section .icon.eclair-icon { top: 50%; left: 50%; } @media (max-width: 1023px) { .carte-sejour-section .icon.eclair-icon { bottom: 25%; left: 40%; top: unset; } } @media (max-width: 480px) { .carte-sejour-section .icon.eclair-icon { left: -40%; bottom: 15%; } } .carte-sejour-section .icon.violet-icon { top: 55%; left: 0%; } @media (max-width: 1023px) { .carte-sejour-section .icon.violet-icon { top: 52%; left: -12%; } } @media (max-width: 480px) { .carte-sejour-section .icon.violet-icon { top: 50%; left: -30%; } } .carte-sejour-section .icon.ski-icon { top: -6%; right: -5%; } @media (max-width: 1023px) { .carte-sejour-section .icon.ski-icon { top: -10%; right: -17%; } } @media (max-width: 480px) { .carte-sejour-section .icon.ski-icon { top: 22%; right: -44%; } } .carte-sejour-section .icon.trois-icon { top: 6%; left: -8%; } @media (max-width: 1023px) { .carte-sejour-section .icon.trois-icon { top: -2%; left: -17%; } } @media (max-width: 480px) { .carte-sejour-section .icon.trois-icon { top: -2%; left: -45%; } } .carte-sejour-section .carte-sejour-grid { width: 100%; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } @media (max-width: 1023px) { .carte-sejour-section .carte-sejour-grid { padding: 0px; } } .carte-sejour-section .carte-sejour-row { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 2% 1fr 2% 1fr 2% 1fr; grid-template-columns: repeat(4, 1fr); gap: 2%; } @media (max-width: 1023px) { .carte-sejour-section .carte-sejour-row { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .carte-sejour-section .carte-sejour-row { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } } .carte-sejour-section .carte-sejour-col { -webkit-box-sizing: border-box; box-sizing: border-box; } .carte-sejour-section .carte-trip { border-radius: 10px; overflow: hidden; background-color: white; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 2px solid white; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; overflow: visible; } .carte-sejour-section .carte-trip:hover { border: 2px solid var(--theme-color-blue-turquoise); } .carte-sejour-section .carte-trip-image { position: relative; aspect-ratio: 1.8; overflow: visible; border-radius: 10px; } @media (min-width: 0px) { .carte-sejour-section .carte-trip-image { padding: calc(0.0256410256 * 1 * 100vw); } } @media (min-width: 481px) { .carte-sejour-section .carte-trip-image { padding: calc(0.012195122 * 1 * 100vw); } } @media (min-width: 1024px) { .carte-sejour-section .carte-trip-image { padding: calc(0.0069444444 * 1 * 100vw); } } .carte-sejour-section .carte-trip-image .swiper-slide { width: 100% !important; } .carte-sejour-section .carte-trip-image img:not(.img-icon) { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 5px; } .carte-sejour-section .carte-trip-info { 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; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (min-width: 0px) { .carte-sejour-section .carte-trip-info { padding: calc(0.0512820513 * 1 * 100vw); } } @media (min-width: 481px) { .carte-sejour-section .carte-trip-info { padding: calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 1024px) { .carte-sejour-section .carte-trip-info { padding: calc(0.0138888889 * 1 * 100vw); } } .carte-sejour-section .carte-trip-title { font-family: sans-serif; font-size: 50px; font-weight: 800; color: var(--theme-color-violet-dark); margin: 0; text-transform: uppercase; } .carte-sejour-section .carte-trip-button { border: 2px solid var(--theme-color-blue-turquoise); border-radius: 50%; 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; color: var(--theme-color-blue-turquoise); text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media (min-width: 0px) { .carte-sejour-section .carte-trip-button { width: calc(0.1461538462 * 1 * 100vw); height: calc(0.1461538462 * 1 * 100vw); } } @media (min-width: 481px) { .carte-sejour-section .carte-trip-button { width: calc(0.0695121951 * 1 * 100vw); height: calc(0.0695121951 * 1 * 100vw); } } @media (min-width: 1024px) { .carte-sejour-section .carte-trip-button { width: calc(0.0395833333 * 1 * 100vw); height: calc(0.0395833333 * 1 * 100vw); } } .carte-sejour-section .carte-trip-button svg { stroke: var(--theme-color-blue-turquoise); } @media (max-width: 1023px) { .carte-sejour-section .carte-trip-button { width: 50px; height: 50px; } } .carte-sejour-section .carte-trip-button:hover { border: 3px solid var(--theme-color-blue-turquoise); background-color: var(--theme-color-blue-turquoise); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .carte-sejour-section .carte-trip-button:hover svg { stroke: white; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .carte-sejour-section .sejour-title { color: var(--theme-color-violet-dark); font-size: 65px; font-weight: 800; } .carte-sejour-section .trip-icon { position: absolute; top: 15px; left: 15px; z-index: 10; width: 40px; height: 40px; } .carte-sejour-section .swiper-container { aspect-ratio: 1.5; height: 100%; } .carte-sejour-section .swiper-pagination { bottom: 10px !important; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .carte-sejour-section .swiper-pagination-bullet { background: white; opacity: 0.8; } .carte-sejour-section .swiper-pagination-bullet-active { opacity: 1; } .carte-sejour-section .carte-trip .swiper-button-next, .carte-sejour-section .carte-trip .swiper-button-prev { color: white; background: rgba(190, 188, 188, 0.4705882353) 0% 0% no-repeat padding-box; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); width: 40px; height: 40px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .carte-sejour-section .carte-trip .swiper-button-next::after, .carte-sejour-section .carte-trip .swiper-button-prev::after { font-size: 10px; } .carte-sejour-section .carte-trip:hover .swiper-pagination, .carte-sejour-section .carte-trip:hover .swiper-button-next, .carte-sejour-section .carte-trip:hover .swiper-button-prev { opacity: 1; } @media screen and (max-width: 768px) { .carte-sejour-section .carte-sejour-col { width: 100%; } } .type-af .wrapper { position: relative; } .type-af .wrapper .container .icons-container { font-weight: bolder; } .type-af .wrapper .container .icons-container .picto { aspect-ratio: 1; } @media (min-width: 0px) { .type-af .wrapper .container .icons-container .picto { padding: calc(0.0256410256 * 1 * 100vw); height: calc(0.1051282051 * 1 * 100vw); } } @media (min-width: 481px) { .type-af .wrapper .container .icons-container .picto { padding: calc(0.0146341463 * 1 * 100vw); height: calc(0.0609756098 * 1 * 100vw); } } @media (min-width: 1024px) { .type-af .wrapper .container .icons-container .picto { padding: calc(0.0083333333 * 1 * 100vw); height: calc(0.0347222222 * 1 * 100vw); } } .type-af .wrapper .container .main-img { -o-object-fit: contain; object-fit: contain; display: block; right: 5%; position: relative; } @media (min-width: 0px) { .type-af .wrapper .container .main-img { width: 100%; } } @media (min-width: 481px) { .type-af .wrapper .container .main-img { width: calc(0.4024390244 * 1 * 100vw); } } @media (min-width: 1024px) { .type-af .wrapper .container .main-img { width: calc(0.4097222222 * 1 * 100vw); } } @media (min-width: 481px) { .type-af .wrapper .container:not(.left) { margin: 8% calc(0.0347222222 * 1 * 100vw) 8% 0; } } @media (max-width: 480px) { .type-af .wrapper .img-icon.banner.img-left.img-top { top: 0; -webkit-transform: unset; transform: unset; left: -14%; } } @media (max-width: 480px) { .type-af .wrapper .img-icon.banner.img-right.img-bottom { right: calc(0.0615384615 * 1 * 100vw); bottom: 4%; -webkit-transform: unset; transform: unset; } } @media (max-width: 480px) { .type-af .wrapper .title-block { margin: 0 calc(0.0615384615 * 1 * 100vw); } } .type-af .wrapper .left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; } .type-af .wrapper .right .img-container { background-color: var(--theme-color-full-white-20); gap: 2%; } @media (min-width: 0px) { .type-af .wrapper .right .img-container { padding: calc(0.0256410256 * 1 * 100vw); } } @media (min-width: 481px) { .type-af .wrapper .right .img-container { padding: calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 1024px) { .type-af .wrapper .right .img-container { padding: calc(0.0138888889 * 1 * 100vw); } } @media (max-width: 480px) { .type-af .wrapper .right .img-container .picto { height: calc(0.0641025641 * 1 * 100vw); } } .type-af .wrapper .right .img-container h4 { margin: 0 0 0 2%; line-height: normal; } .type-avantages { 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; } .type-avantages .section-avantages { width: 100%; } @media (min-width: 0px) { .type-avantages .section-avantages { gap: calc(0.0512820513 * 1 * 100vw); } } @media (min-width: 481px) { .type-avantages .section-avantages { gap: calc(0.0365853659 * 1 * 100vw); } } @media (min-width: 1024px) { .type-avantages .section-avantages { gap: calc(0.0416666667 * 1 * 100vw); } } .type-avantages .section-avantages .img-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 480px) { .type-avantages .section-avantages .img-container { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 481px) { .type-avantages .section-avantages .img-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 0px) { .type-avantages .section-avantages .img-container { gap: calc(0.0641025641 * 1 * 100vw); } } @media (min-width: 481px) { .type-avantages .section-avantages .img-container { gap: calc(0.0182926829 * 1 * 100vw); } } @media (min-width: 1024px) { .type-avantages .section-avantages .img-container { gap: calc(0.0173611111 * 1 * 100vw); } } .type-avantages .section-avantages .img-container .icon-size { background-color: var(--theme-color-violet); border-radius: 100%; overflow: visible; aspect-ratio: 1; } @media (min-width: 0px) { .type-avantages .section-avantages .img-container .icon-size { width: calc(0.0820512821 * 1 * 100vw); height: calc(0.0820512821 * 1 * 100vw); padding: 4%; } } @media (min-width: 481px) { .type-avantages .section-avantages .img-container .icon-size { width: calc(0.0512195122 * 1 * 100vw); height: calc(0.0512195122 * 1 * 100vw); padding: 8%; } } @media (min-width: 1024px) { .type-avantages .section-avantages .img-container .icon-size { width: calc(0.0347222222 * 1 * 100vw); height: calc(0.0347222222 * 1 * 100vw); } } .type-avantages .section-avantages .img-container h6 { margin: 0; } @media (max-width: 480px) { .type-avantages .section-avantages .img-container h6 { text-align: left; } } @media (min-width: 481px) { .type-avantages .section-avantages .img-container h6 { height: calc(0.0512195122 * 1 * 100vw); } } @media (min-width: 1024px) { .type-avantages .section-avantages .img-container h6 { height: calc(0.0381944444 * 1 * 100vw); } } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED FUNCTIONS /**/ /* -------------- * Force for each Breakpoint in $breakpoints, if a CSS Property Value value is not defined for current breakpoint, to use the previous breakpoint value, or default "mobile" one * -------------- */ /* You shouldn't have to modify this */ /* -------------- * Associate for each Layout's Composing Block, its CSS Properties Variable Name (name defined below) to its value * -------------- */ /* You shouldn't have to modify this */ /* Each Layout's Composing Block is assigned a value contained in a variable, according to the css rules defined from previous $layout-parameters */ /* -------------- * Associate for each Layout's Composing Block, its CSS Properties to Variables Names (values defined above) * -------------- */ /* You shouldn't have to modify this */ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED CLASSES & EXTENDS * Allways create both in order to be forced * directly on DOM or afterward in SCCS with @extend ! /**/ @media (min-width: 0px) { header, main, section, footer { /* If element has a property defined in $default-values, create its Default Variable Name */ } } @media (min-width: 481px) { header, main, section, footer { /* If element has a property defined in $default-values, create its Default Variable Name */ } } @media (min-width: 1024px) { header, main, section, footer { /* If element has a property defined in $default-values, create its Default Variable Name */ } } @media (min-width: 1220px) { header, main, section, footer { /* If element has a property defined in $default-values, create its Default Variable Name */ } } @media (min-width: 1425px) { header, main, section, footer { /* If element has a property defined in $default-values, create its Default Variable Name */ } } @media (min-width: 1750px) { header, main, section, footer { /* If element has a property defined in $default-values, create its Default Variable Name */ } } @media (min-width: 0px) { header .sidebar, main .sidebar, section .sidebar, footer .sidebar { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-mobile); flex-direction: var(--default-flex-direction-mobile); } } @media (min-width: 481px) { header .sidebar, main .sidebar, section .sidebar, footer .sidebar { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-tablet); flex-direction: var(--default-flex-direction-tablet); } } @media (min-width: 1024px) { header .sidebar, main .sidebar, section .sidebar, footer .sidebar { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-desktop); flex-direction: var(--default-flex-direction-desktop); } } @media (min-width: 1220px) { header .sidebar, main .sidebar, section .sidebar, footer .sidebar { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-desktop-no-burger); flex-direction: var(--default-flex-direction-desktop-no-burger); } } @media (min-width: 1425px) { header .sidebar, main .sidebar, section .sidebar, footer .sidebar { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-desktop-full); flex-direction: var(--default-flex-direction-desktop-full); } } @media (min-width: 1750px) { header .sidebar, main .sidebar, section .sidebar, footer .sidebar { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-desktop-large); flex-direction: var(--default-flex-direction-desktop-large); } } @media (min-width: 0px) { header .wrapper, main .wrapper, section .wrapper, footer .wrapper { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-mobile); flex-direction: var(--default-flex-direction-mobile); } } @media (min-width: 481px) { header .wrapper, main .wrapper, section .wrapper, footer .wrapper { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-tablet); flex-direction: var(--default-flex-direction-tablet); } } @media (min-width: 1024px) { header .wrapper, main .wrapper, section .wrapper, footer .wrapper { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-desktop); flex-direction: var(--default-flex-direction-desktop); } } @media (min-width: 1220px) { header .wrapper, main .wrapper, section .wrapper, footer .wrapper { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-desktop-no-burger); flex-direction: var(--default-flex-direction-desktop-no-burger); } } @media (min-width: 1425px) { header .wrapper, main .wrapper, section .wrapper, footer .wrapper { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-desktop-full); flex-direction: var(--default-flex-direction-desktop-full); } } @media (min-width: 1750px) { header .wrapper, main .wrapper, section .wrapper, footer .wrapper { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-desktop-large); flex-direction: var(--default-flex-direction-desktop-large); } } @media (min-width: 0px) { header .bkg-wrapper, main .bkg-wrapper, section .bkg-wrapper, footer .bkg-wrapper { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-mobile); flex-direction: var(--default-flex-direction-mobile); } } @media (min-width: 481px) { header .bkg-wrapper, main .bkg-wrapper, section .bkg-wrapper, footer .bkg-wrapper { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-tablet); flex-direction: var(--default-flex-direction-tablet); } } @media (min-width: 1024px) { header .bkg-wrapper, main .bkg-wrapper, section .bkg-wrapper, footer .bkg-wrapper { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-desktop); flex-direction: var(--default-flex-direction-desktop); } } @media (min-width: 1220px) { header .bkg-wrapper, main .bkg-wrapper, section .bkg-wrapper, footer .bkg-wrapper { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-desktop-no-burger); flex-direction: var(--default-flex-direction-desktop-no-burger); } } @media (min-width: 1425px) { header .bkg-wrapper, main .bkg-wrapper, section .bkg-wrapper, footer .bkg-wrapper { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-desktop-full); flex-direction: var(--default-flex-direction-desktop-full); } } @media (min-width: 1750px) { header .bkg-wrapper, main .bkg-wrapper, section .bkg-wrapper, footer .bkg-wrapper { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-desktop-large); flex-direction: var(--default-flex-direction-desktop-large); } } @media (min-width: 0px) { header .package, main .package, section .package, footer .package { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-mobile); flex-direction: var(--default-flex-direction-mobile); width: var(--default-width-mobile); } } @media (min-width: 481px) { header .package, main .package, section .package, footer .package { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-tablet); flex-direction: var(--default-flex-direction-tablet); width: var(--default-width-tablet); } } @media (min-width: 1024px) { header .package, main .package, section .package, footer .package { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-desktop); flex-direction: var(--default-flex-direction-desktop); width: var(--default-width-desktop); } } @media (min-width: 1220px) { header .package, main .package, section .package, footer .package { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-desktop-no-burger); flex-direction: var(--default-flex-direction-desktop-no-burger); width: var(--default-width-desktop-no-burger); } } @media (min-width: 1425px) { header .package, main .package, section .package, footer .package { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-desktop-full); flex-direction: var(--default-flex-direction-desktop-full); width: var(--default-width-desktop-full); } } @media (min-width: 1750px) { header .package, main .package, section .package, footer .package { /* If element has a property defined in $default-values, create its Default Variable Name */ display: var(--default-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--default-flex-direction-desktop-large); flex-direction: var(--default-flex-direction-desktop-large); width: var(--default-width-desktop-large); } } /* -------------- * Auto Create each Layout and Sub-Elements Class Names And associate them by the function, to their corresponding variable value * -------------- /* You shouldn't have to modify this */ @media (min-width: 0px) { .type-demo { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-demo-this-padding-mobile); margin: var(--type-demo-this-margin-mobile); } } @media (min-width: 481px) { .type-demo { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-demo-this-padding-tablet); margin: var(--type-demo-this-margin-tablet); } } @media (min-width: 1024px) { .type-demo { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-demo-this-padding-desktop); margin: var(--type-demo-this-margin-desktop); } } @media (min-width: 1220px) { .type-demo { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-demo-this-padding-desktop-no-burger); margin: var(--type-demo-this-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-demo { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-demo-this-padding-desktop-full); margin: var(--type-demo-this-margin-desktop-full); } } @media (min-width: 1750px) { .type-demo { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-demo-this-padding-desktop-large); margin: var(--type-demo-this-margin-desktop-large); } } @media (min-width: 0px) { .type-demo .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-demo-wrapper-padding-mobile); } } @media (min-width: 481px) { .type-demo .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-demo-wrapper-padding-tablet); } } @media (min-width: 1024px) { .type-demo .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-demo-wrapper-padding-desktop); } } @media (min-width: 1220px) { .type-demo .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-demo-wrapper-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-demo .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-demo-wrapper-padding-desktop-full); } } @media (min-width: 1750px) { .type-demo .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-demo-wrapper-padding-desktop-large); } } @media (min-width: 0px) { .type-demo .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-demo-container-padding-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-demo-container-flex-direction-mobile); flex-direction: var(--type-demo-container-flex-direction-mobile); } } @media (min-width: 481px) { .type-demo .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-demo-container-padding-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-demo-container-flex-direction-tablet); flex-direction: var(--type-demo-container-flex-direction-tablet); } } @media (min-width: 1024px) { .type-demo .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-demo-container-padding-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-demo-container-flex-direction-desktop); flex-direction: var(--type-demo-container-flex-direction-desktop); } } @media (min-width: 1220px) { .type-demo .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-demo-container-padding-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-demo-container-flex-direction-desktop-no-burger); flex-direction: var(--type-demo-container-flex-direction-desktop-no-burger); } } @media (min-width: 1425px) { .type-demo .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-demo-container-padding-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-demo-container-flex-direction-desktop-full); flex-direction: var(--type-demo-container-flex-direction-desktop-full); } } @media (min-width: 1750px) { .type-demo .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-demo-container-padding-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-demo-container-flex-direction-desktop-large); flex-direction: var(--type-demo-container-flex-direction-desktop-large); } } @media (min-width: 0px) { .type-demo.fonts { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 481px) { .type-demo.fonts { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 1024px) { .type-demo.fonts { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 1220px) { .type-demo.fonts { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 1425px) { .type-demo.fonts { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 1750px) { .type-demo.fonts { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 0px) { .type-demo.fonts .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-demofonts-wrapper-flex-direction-mobile); flex-direction: var(--type-demofonts-wrapper-flex-direction-mobile); } } @media (min-width: 481px) { .type-demo.fonts .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-demofonts-wrapper-flex-direction-tablet); flex-direction: var(--type-demofonts-wrapper-flex-direction-tablet); } } @media (min-width: 1024px) { .type-demo.fonts .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-demofonts-wrapper-flex-direction-desktop); flex-direction: var(--type-demofonts-wrapper-flex-direction-desktop); } } @media (min-width: 1220px) { .type-demo.fonts .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-demofonts-wrapper-flex-direction-desktop-no-burger); flex-direction: var(--type-demofonts-wrapper-flex-direction-desktop-no-burger); } } @media (min-width: 1425px) { .type-demo.fonts .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-demofonts-wrapper-flex-direction-desktop-full); flex-direction: var(--type-demofonts-wrapper-flex-direction-desktop-full); } } @media (min-width: 1750px) { .type-demo.fonts .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-demofonts-wrapper-flex-direction-desktop-large); flex-direction: var(--type-demofonts-wrapper-flex-direction-desktop-large); } } @media (min-width: 0px) { .type-demo.fonts .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-demofonts-container-width-mobile); margin: var(--type-demofonts-container-margin-mobile); } } @media (min-width: 481px) { .type-demo.fonts .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-demofonts-container-width-tablet); margin: var(--type-demofonts-container-margin-tablet); } } @media (min-width: 1024px) { .type-demo.fonts .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-demofonts-container-width-desktop); margin: var(--type-demofonts-container-margin-desktop); } } @media (min-width: 1220px) { .type-demo.fonts .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-demofonts-container-width-desktop-no-burger); margin: var(--type-demofonts-container-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-demo.fonts .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-demofonts-container-width-desktop-full); margin: var(--type-demofonts-container-margin-desktop-full); } } @media (min-width: 1750px) { .type-demo.fonts .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-demofonts-container-width-desktop-large); margin: var(--type-demofonts-container-margin-desktop-large); } } @media (min-width: 0px) { .type-header { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-header-this-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-this-flex-direction-mobile); flex-direction: var(--type-header-this-flex-direction-mobile); padding: var(--type-header-this-padding-mobile); } } @media (min-width: 481px) { .type-header { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-header-this-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-this-flex-direction-tablet); flex-direction: var(--type-header-this-flex-direction-tablet); padding: var(--type-header-this-padding-tablet); } } @media (min-width: 1024px) { .type-header { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-header-this-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-this-flex-direction-desktop); flex-direction: var(--type-header-this-flex-direction-desktop); padding: var(--type-header-this-padding-desktop); } } @media (min-width: 1220px) { .type-header { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-header-this-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-this-flex-direction-desktop-no-burger); flex-direction: var(--type-header-this-flex-direction-desktop-no-burger); padding: var(--type-header-this-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-header { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-header-this-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-this-flex-direction-desktop-full); flex-direction: var(--type-header-this-flex-direction-desktop-full); padding: var(--type-header-this-padding-desktop-full); } } @media (min-width: 1750px) { .type-header { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-header-this-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-this-flex-direction-desktop-large); flex-direction: var(--type-header-this-flex-direction-desktop-large); padding: var(--type-header-this-padding-desktop-large); } } @media (min-width: 0px) { .type-header .site-branding { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-header-site-branding-height-mobile); } } @media (min-width: 481px) { .type-header .site-branding { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-header-site-branding-height-tablet); } } @media (min-width: 1024px) { .type-header .site-branding { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-header-site-branding-height-desktop); } } @media (min-width: 1220px) { .type-header .site-branding { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-header-site-branding-height-desktop-no-burger); } } @media (min-width: 1425px) { .type-header .site-branding { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-header-site-branding-height-desktop-full); } } @media (min-width: 1750px) { .type-header .site-branding { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-header-site-branding-height-desktop-large); } } @media (min-width: 0px) { .type-header .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-wrapper-flex-direction-mobile); flex-direction: var(--type-header-wrapper-flex-direction-mobile); display: var(--type-header-wrapper-display-mobile); -webkit-box-align: var(--type-header-wrapper-align-items-mobile); -ms-flex-align: var(--type-header-wrapper-align-items-mobile); align-items: var(--type-header-wrapper-align-items-mobile); } } @media (min-width: 481px) { .type-header .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-wrapper-flex-direction-tablet); flex-direction: var(--type-header-wrapper-flex-direction-tablet); display: var(--type-header-wrapper-display-tablet); -webkit-box-align: var(--type-header-wrapper-align-items-tablet); -ms-flex-align: var(--type-header-wrapper-align-items-tablet); align-items: var(--type-header-wrapper-align-items-tablet); } } @media (min-width: 1024px) { .type-header .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-wrapper-flex-direction-desktop); flex-direction: var(--type-header-wrapper-flex-direction-desktop); display: var(--type-header-wrapper-display-desktop); -webkit-box-align: var(--type-header-wrapper-align-items-desktop); -ms-flex-align: var(--type-header-wrapper-align-items-desktop); align-items: var(--type-header-wrapper-align-items-desktop); } } @media (min-width: 1220px) { .type-header .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-wrapper-flex-direction-desktop-no-burger); flex-direction: var(--type-header-wrapper-flex-direction-desktop-no-burger); display: var(--type-header-wrapper-display-desktop-no-burger); -webkit-box-align: var(--type-header-wrapper-align-items-desktop-no-burger); -ms-flex-align: var(--type-header-wrapper-align-items-desktop-no-burger); align-items: var(--type-header-wrapper-align-items-desktop-no-burger); } } @media (min-width: 1425px) { .type-header .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-wrapper-flex-direction-desktop-full); flex-direction: var(--type-header-wrapper-flex-direction-desktop-full); display: var(--type-header-wrapper-display-desktop-full); -webkit-box-align: var(--type-header-wrapper-align-items-desktop-full); -ms-flex-align: var(--type-header-wrapper-align-items-desktop-full); align-items: var(--type-header-wrapper-align-items-desktop-full); } } @media (min-width: 1750px) { .type-header .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-wrapper-flex-direction-desktop-large); flex-direction: var(--type-header-wrapper-flex-direction-desktop-large); display: var(--type-header-wrapper-display-desktop-large); -webkit-box-align: var(--type-header-wrapper-align-items-desktop-large); -ms-flex-align: var(--type-header-wrapper-align-items-desktop-large); align-items: var(--type-header-wrapper-align-items-desktop-large); } } @media (min-width: 0px) { .type-header .wrapper2 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-header-wrapper2-padding-mobile); } } @media (min-width: 481px) { .type-header .wrapper2 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-header-wrapper2-padding-tablet); } } @media (min-width: 1024px) { .type-header .wrapper2 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-header-wrapper2-padding-desktop); } } @media (min-width: 1220px) { .type-header .wrapper2 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-header-wrapper2-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-header .wrapper2 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-header-wrapper2-padding-desktop-full); } } @media (min-width: 1750px) { .type-header .wrapper2 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-header-wrapper2-padding-desktop-large); } } @media (min-width: 0px) { .type-header .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-container-flex-direction-mobile); flex-direction: var(--type-header-container-flex-direction-mobile); -webkit-box-pack: var(--type-header-container-justify-content-mobile); -ms-flex-pack: var(--type-header-container-justify-content-mobile); justify-content: var(--type-header-container-justify-content-mobile); height: var(--type-header-container-height-mobile); } } @media (min-width: 481px) { .type-header .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-container-flex-direction-tablet); flex-direction: var(--type-header-container-flex-direction-tablet); -webkit-box-pack: var(--type-header-container-justify-content-tablet); -ms-flex-pack: var(--type-header-container-justify-content-tablet); justify-content: var(--type-header-container-justify-content-tablet); height: var(--type-header-container-height-tablet); } } @media (min-width: 1024px) { .type-header .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-container-flex-direction-desktop); flex-direction: var(--type-header-container-flex-direction-desktop); -webkit-box-pack: var(--type-header-container-justify-content-desktop); -ms-flex-pack: var(--type-header-container-justify-content-desktop); justify-content: var(--type-header-container-justify-content-desktop); height: var(--type-header-container-height-desktop); } } @media (min-width: 1220px) { .type-header .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-container-flex-direction-desktop-no-burger); flex-direction: var(--type-header-container-flex-direction-desktop-no-burger); -webkit-box-pack: var(--type-header-container-justify-content-desktop-no-burger); -ms-flex-pack: var(--type-header-container-justify-content-desktop-no-burger); justify-content: var(--type-header-container-justify-content-desktop-no-burger); height: var(--type-header-container-height-desktop-no-burger); } } @media (min-width: 1425px) { .type-header .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-container-flex-direction-desktop-full); flex-direction: var(--type-header-container-flex-direction-desktop-full); -webkit-box-pack: var(--type-header-container-justify-content-desktop-full); -ms-flex-pack: var(--type-header-container-justify-content-desktop-full); justify-content: var(--type-header-container-justify-content-desktop-full); height: var(--type-header-container-height-desktop-full); } } @media (min-width: 1750px) { .type-header .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-container-flex-direction-desktop-large); flex-direction: var(--type-header-container-flex-direction-desktop-large); -webkit-box-pack: var(--type-header-container-justify-content-desktop-large); -ms-flex-pack: var(--type-header-container-justify-content-desktop-large); justify-content: var(--type-header-container-justify-content-desktop-large); height: var(--type-header-container-height-desktop-large); } } @media (min-width: 0px) { .type-header .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-package-flex-direction-mobile); flex-direction: var(--type-header-package-flex-direction-mobile); height: var(--type-header-package-height-mobile); } } @media (min-width: 481px) { .type-header .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-package-flex-direction-tablet); flex-direction: var(--type-header-package-flex-direction-tablet); height: var(--type-header-package-height-tablet); } } @media (min-width: 1024px) { .type-header .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-package-flex-direction-desktop); flex-direction: var(--type-header-package-flex-direction-desktop); height: var(--type-header-package-height-desktop); } } @media (min-width: 1220px) { .type-header .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-package-flex-direction-desktop-no-burger); flex-direction: var(--type-header-package-flex-direction-desktop-no-burger); height: var(--type-header-package-height-desktop-no-burger); } } @media (min-width: 1425px) { .type-header .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-package-flex-direction-desktop-full); flex-direction: var(--type-header-package-flex-direction-desktop-full); height: var(--type-header-package-height-desktop-full); } } @media (min-width: 1750px) { .type-header .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-package-flex-direction-desktop-large); flex-direction: var(--type-header-package-flex-direction-desktop-large); height: var(--type-header-package-height-desktop-large); } } @media (min-width: 0px) { .type-header .sub-menu { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-header-sub-menu-top-mobile); } } @media (min-width: 481px) { .type-header .sub-menu { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-header-sub-menu-top-tablet); } } @media (min-width: 1024px) { .type-header .sub-menu { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-header-sub-menu-top-desktop); } } @media (min-width: 1220px) { .type-header .sub-menu { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-header-sub-menu-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-header .sub-menu { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-header-sub-menu-top-desktop-full); } } @media (min-width: 1750px) { .type-header .sub-menu { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-header-sub-menu-top-desktop-large); } } @media (min-width: 0px) { .type-header .menu-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-header-menu-item-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-menu-item-flex-direction-mobile); flex-direction: var(--type-header-menu-item-flex-direction-mobile); padding: var(--type-header-menu-item-padding-mobile); } } @media (min-width: 481px) { .type-header .menu-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-header-menu-item-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-menu-item-flex-direction-tablet); flex-direction: var(--type-header-menu-item-flex-direction-tablet); padding: var(--type-header-menu-item-padding-tablet); } } @media (min-width: 1024px) { .type-header .menu-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-header-menu-item-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-menu-item-flex-direction-desktop); flex-direction: var(--type-header-menu-item-flex-direction-desktop); padding: var(--type-header-menu-item-padding-desktop); } } @media (min-width: 1220px) { .type-header .menu-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-header-menu-item-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-menu-item-flex-direction-desktop-no-burger); flex-direction: var(--type-header-menu-item-flex-direction-desktop-no-burger); padding: var(--type-header-menu-item-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-header .menu-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-header-menu-item-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-menu-item-flex-direction-desktop-full); flex-direction: var(--type-header-menu-item-flex-direction-desktop-full); padding: var(--type-header-menu-item-padding-desktop-full); } } @media (min-width: 1750px) { .type-header .menu-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-header-menu-item-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-header-menu-item-flex-direction-desktop-large); flex-direction: var(--type-header-menu-item-flex-direction-desktop-large); padding: var(--type-header-menu-item-padding-desktop-large); } } @media (min-width: 0px) { .type-footer { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-footer-this-margin-top-mobile); } } @media (min-width: 481px) { .type-footer { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-footer-this-margin-top-tablet); } } @media (min-width: 1024px) { .type-footer { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-footer-this-margin-top-desktop); } } @media (min-width: 1220px) { .type-footer { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-footer-this-margin-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-footer { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-footer-this-margin-top-desktop-full); } } @media (min-width: 1750px) { .type-footer { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-footer-this-margin-top-desktop-large); } } @media (min-width: 0px) { .type-footer .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-footer-wrapper-padding-mobile); } } @media (min-width: 481px) { .type-footer .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-footer-wrapper-padding-tablet); } } @media (min-width: 1024px) { .type-footer .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-footer-wrapper-padding-desktop); } } @media (min-width: 1220px) { .type-footer .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-footer-wrapper-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-footer .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-footer-wrapper-padding-desktop-full); } } @media (min-width: 1750px) { .type-footer .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-footer-wrapper-padding-desktop-large); } } @media (min-width: 0px) { .type-footer .custom-logo-link { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-footer-custom-logo-link-height-mobile); width: var(--type-footer-custom-logo-link-width-mobile); margin: var(--type-footer-custom-logo-link-margin-mobile); } } @media (min-width: 481px) { .type-footer .custom-logo-link { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-footer-custom-logo-link-height-tablet); width: var(--type-footer-custom-logo-link-width-tablet); margin: var(--type-footer-custom-logo-link-margin-tablet); } } @media (min-width: 1024px) { .type-footer .custom-logo-link { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-footer-custom-logo-link-height-desktop); width: var(--type-footer-custom-logo-link-width-desktop); margin: var(--type-footer-custom-logo-link-margin-desktop); } } @media (min-width: 1220px) { .type-footer .custom-logo-link { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-footer-custom-logo-link-height-desktop-no-burger); width: var(--type-footer-custom-logo-link-width-desktop-no-burger); margin: var(--type-footer-custom-logo-link-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-footer .custom-logo-link { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-footer-custom-logo-link-height-desktop-full); width: var(--type-footer-custom-logo-link-width-desktop-full); margin: var(--type-footer-custom-logo-link-margin-desktop-full); } } @media (min-width: 1750px) { .type-footer .custom-logo-link { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-footer-custom-logo-link-height-desktop-large); width: var(--type-footer-custom-logo-link-width-desktop-large); margin: var(--type-footer-custom-logo-link-margin-desktop-large); } } @media (min-width: 0px) { .type-footer .bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-footer-bottom-padding-mobile); } } @media (min-width: 481px) { .type-footer .bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-footer-bottom-padding-tablet); } } @media (min-width: 1024px) { .type-footer .bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-footer-bottom-padding-desktop); } } @media (min-width: 1220px) { .type-footer .bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-footer-bottom-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-footer .bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-footer-bottom-padding-desktop-full); } } @media (min-width: 1750px) { .type-footer .bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-footer-bottom-padding-desktop-large); } } @media (min-width: 0px) { .type-footer .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 481px) { .type-footer .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 1024px) { .type-footer .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 1220px) { .type-footer .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 1425px) { .type-footer .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 1750px) { .type-footer .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 0px) { .type-burger { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-this-width-mobile); height: var(--type-burger-this-height-mobile); } } @media (min-width: 481px) { .type-burger { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-this-width-tablet); height: var(--type-burger-this-height-tablet); } } @media (min-width: 1024px) { .type-burger { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-this-width-desktop); height: var(--type-burger-this-height-desktop); } } @media (min-width: 1220px) { .type-burger { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-this-width-desktop-no-burger); height: var(--type-burger-this-height-desktop-no-burger); } } @media (min-width: 1425px) { .type-burger { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-this-width-desktop-full); height: var(--type-burger-this-height-desktop-full); } } @media (min-width: 1750px) { .type-burger { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-this-width-desktop-large); height: var(--type-burger-this-height-desktop-large); } } @media (min-width: 0px) { .type-burger .burger-menu-wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-burger-burger-menu-wrapper-padding-mobile); display: var(--type-burger-burger-menu-wrapper-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-burger-burger-menu-wrapper-flex-direction-mobile); flex-direction: var(--type-burger-burger-menu-wrapper-flex-direction-mobile); } } @media (min-width: 481px) { .type-burger .burger-menu-wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-burger-burger-menu-wrapper-padding-tablet); display: var(--type-burger-burger-menu-wrapper-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-burger-burger-menu-wrapper-flex-direction-tablet); flex-direction: var(--type-burger-burger-menu-wrapper-flex-direction-tablet); } } @media (min-width: 1024px) { .type-burger .burger-menu-wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-burger-burger-menu-wrapper-padding-desktop); display: var(--type-burger-burger-menu-wrapper-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-burger-burger-menu-wrapper-flex-direction-desktop); flex-direction: var(--type-burger-burger-menu-wrapper-flex-direction-desktop); } } @media (min-width: 1220px) { .type-burger .burger-menu-wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-burger-burger-menu-wrapper-padding-desktop-no-burger); display: var(--type-burger-burger-menu-wrapper-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-burger-burger-menu-wrapper-flex-direction-desktop-no-burger); flex-direction: var(--type-burger-burger-menu-wrapper-flex-direction-desktop-no-burger); } } @media (min-width: 1425px) { .type-burger .burger-menu-wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-burger-burger-menu-wrapper-padding-desktop-full); display: var(--type-burger-burger-menu-wrapper-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-burger-burger-menu-wrapper-flex-direction-desktop-full); flex-direction: var(--type-burger-burger-menu-wrapper-flex-direction-desktop-full); } } @media (min-width: 1750px) { .type-burger .burger-menu-wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-burger-burger-menu-wrapper-padding-desktop-large); display: var(--type-burger-burger-menu-wrapper-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-burger-burger-menu-wrapper-flex-direction-desktop-large); flex-direction: var(--type-burger-burger-menu-wrapper-flex-direction-desktop-large); } } @media (min-width: 0px) { .type-burger .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-wrapper-width-mobile); } } @media (min-width: 481px) { .type-burger .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-wrapper-width-tablet); } } @media (min-width: 1024px) { .type-burger .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-wrapper-width-desktop); } } @media (min-width: 1220px) { .type-burger .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-wrapper-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-burger .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-wrapper-width-desktop-full); } } @media (min-width: 1750px) { .type-burger .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-wrapper-width-desktop-large); } } @media (min-width: 0px) { .type-burger .end { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-burger-end-height-mobile); } } @media (min-width: 481px) { .type-burger .end { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-burger-end-height-tablet); } } @media (min-width: 1024px) { .type-burger .end { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-burger-end-height-desktop); } } @media (min-width: 1220px) { .type-burger .end { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-burger-end-height-desktop-no-burger); } } @media (min-width: 1425px) { .type-burger .end { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-burger-end-height-desktop-full); } } @media (min-width: 1750px) { .type-burger .end { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-burger-end-height-desktop-large); } } @media (min-width: 0px) { .type-burger .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-container-width-mobile); } } @media (min-width: 481px) { .type-burger .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-container-width-tablet); } } @media (min-width: 1024px) { .type-burger .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-container-width-desktop); } } @media (min-width: 1220px) { .type-burger .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-container-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-burger .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-container-width-desktop-full); } } @media (min-width: 1750px) { .type-burger .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-container-width-desktop-large); } } @media (min-width: 0px) { .type-burger .menu { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-burger-menu-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-burger-menu-flex-direction-mobile); flex-direction: var(--type-burger-menu-flex-direction-mobile); } } @media (min-width: 481px) { .type-burger .menu { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-burger-menu-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-burger-menu-flex-direction-tablet); flex-direction: var(--type-burger-menu-flex-direction-tablet); } } @media (min-width: 1024px) { .type-burger .menu { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-burger-menu-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-burger-menu-flex-direction-desktop); flex-direction: var(--type-burger-menu-flex-direction-desktop); } } @media (min-width: 1220px) { .type-burger .menu { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-burger-menu-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-burger-menu-flex-direction-desktop-no-burger); flex-direction: var(--type-burger-menu-flex-direction-desktop-no-burger); } } @media (min-width: 1425px) { .type-burger .menu { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-burger-menu-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-burger-menu-flex-direction-desktop-full); flex-direction: var(--type-burger-menu-flex-direction-desktop-full); } } @media (min-width: 1750px) { .type-burger .menu { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-burger-menu-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-burger-menu-flex-direction-desktop-large); flex-direction: var(--type-burger-menu-flex-direction-desktop-large); } } @media (min-width: 0px) { .type-burger .menu-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-menu-item-width-mobile); padding: var(--type-burger-menu-item-padding-mobile); } } @media (min-width: 481px) { .type-burger .menu-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-menu-item-width-tablet); padding: var(--type-burger-menu-item-padding-tablet); } } @media (min-width: 1024px) { .type-burger .menu-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-menu-item-width-desktop); padding: var(--type-burger-menu-item-padding-desktop); } } @media (min-width: 1220px) { .type-burger .menu-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-menu-item-width-desktop-no-burger); padding: var(--type-burger-menu-item-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-burger .menu-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-menu-item-width-desktop-full); padding: var(--type-burger-menu-item-padding-desktop-full); } } @media (min-width: 1750px) { .type-burger .menu-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-burger-menu-item-width-desktop-large); padding: var(--type-burger-menu-item-padding-desktop-large); } } @media (min-width: 0px) { .type-breadcrumb { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-breadcrumb-this-padding-mobile); } } @media (min-width: 481px) { .type-breadcrumb { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-breadcrumb-this-padding-tablet); } } @media (min-width: 1024px) { .type-breadcrumb { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-breadcrumb-this-padding-desktop); } } @media (min-width: 1220px) { .type-breadcrumb { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-breadcrumb-this-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-breadcrumb { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-breadcrumb-this-padding-desktop-full); } } @media (min-width: 1750px) { .type-breadcrumb { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-breadcrumb-this-padding-desktop-large); } } @media (min-width: 0px) { .type-breadcrumb .fil-ariane-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-breadcrumb-fil-ariane-item-display-mobile); } } @media (min-width: 481px) { .type-breadcrumb .fil-ariane-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-breadcrumb-fil-ariane-item-display-tablet); } } @media (min-width: 1024px) { .type-breadcrumb .fil-ariane-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-breadcrumb-fil-ariane-item-display-desktop); } } @media (min-width: 1220px) { .type-breadcrumb .fil-ariane-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-breadcrumb-fil-ariane-item-display-desktop-no-burger); } } @media (min-width: 1425px) { .type-breadcrumb .fil-ariane-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-breadcrumb-fil-ariane-item-display-desktop-full); } } @media (min-width: 1750px) { .type-breadcrumb .fil-ariane-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-breadcrumb-fil-ariane-item-display-desktop-large); } } @media (min-width: 0px) { .type-banner { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-banner-this-padding-mobile); display: var(--type-banner-this-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-banner-this-flex-direction-mobile); flex-direction: var(--type-banner-this-flex-direction-mobile); } } @media (min-width: 481px) { .type-banner { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-banner-this-padding-tablet); display: var(--type-banner-this-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-banner-this-flex-direction-tablet); flex-direction: var(--type-banner-this-flex-direction-tablet); } } @media (min-width: 1024px) { .type-banner { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-banner-this-padding-desktop); display: var(--type-banner-this-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-banner-this-flex-direction-desktop); flex-direction: var(--type-banner-this-flex-direction-desktop); } } @media (min-width: 1220px) { .type-banner { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-banner-this-padding-desktop-no-burger); display: var(--type-banner-this-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-banner-this-flex-direction-desktop-no-burger); flex-direction: var(--type-banner-this-flex-direction-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-banner-this-padding-desktop-full); display: var(--type-banner-this-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-banner-this-flex-direction-desktop-full); flex-direction: var(--type-banner-this-flex-direction-desktop-full); } } @media (min-width: 1750px) { .type-banner { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-banner-this-padding-desktop-large); display: var(--type-banner-this-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-banner-this-flex-direction-desktop-large); flex-direction: var(--type-banner-this-flex-direction-desktop-large); } } @media (min-width: 0px) { .type-banner .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-banner-title-block-width-mobile); } } @media (min-width: 481px) { .type-banner .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-banner-title-block-width-tablet); } } @media (min-width: 1024px) { .type-banner .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-banner-title-block-width-desktop); } } @media (min-width: 1220px) { .type-banner .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-banner-title-block-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-banner-title-block-width-desktop-full); } } @media (min-width: 1750px) { .type-banner .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-banner-title-block-width-desktop-large); } } @media (min-width: 0px) { .type-banner .bkg-wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-banner-bkg-wrapper-padding-mobile); } } @media (min-width: 481px) { .type-banner .bkg-wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-banner-bkg-wrapper-padding-tablet); } } @media (min-width: 1024px) { .type-banner .bkg-wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-banner-bkg-wrapper-padding-desktop); } } @media (min-width: 1220px) { .type-banner .bkg-wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-banner-bkg-wrapper-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner .bkg-wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-banner-bkg-wrapper-padding-desktop-full); } } @media (min-width: 1750px) { .type-banner .bkg-wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-banner-bkg-wrapper-padding-desktop-large); } } @media (min-width: 0px) { .type-banner .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-banner-wrapper-padding-mobile); } } @media (min-width: 481px) { .type-banner .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-banner-wrapper-padding-tablet); } } @media (min-width: 1024px) { .type-banner .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-banner-wrapper-padding-desktop); } } @media (min-width: 1220px) { .type-banner .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-banner-wrapper-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-banner-wrapper-padding-desktop-full); } } @media (min-width: 1750px) { .type-banner .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-banner-wrapper-padding-desktop-large); } } @media (min-width: 0px) { .type-banner .in-line { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-banner-in-line-flex-direction-mobile); flex-direction: var(--type-banner-in-line-flex-direction-mobile); } } @media (min-width: 481px) { .type-banner .in-line { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-banner-in-line-flex-direction-tablet); flex-direction: var(--type-banner-in-line-flex-direction-tablet); } } @media (min-width: 1024px) { .type-banner .in-line { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-banner-in-line-flex-direction-desktop); flex-direction: var(--type-banner-in-line-flex-direction-desktop); } } @media (min-width: 1220px) { .type-banner .in-line { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-banner-in-line-flex-direction-desktop-no-burger); flex-direction: var(--type-banner-in-line-flex-direction-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner .in-line { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-banner-in-line-flex-direction-desktop-full); flex-direction: var(--type-banner-in-line-flex-direction-desktop-full); } } @media (min-width: 1750px) { .type-banner .in-line { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-banner-in-line-flex-direction-desktop-large); flex-direction: var(--type-banner-in-line-flex-direction-desktop-large); } } @media (min-width: 0px) { .type-banner .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-container-margin-mobile); width: var(--type-banner-container-width-mobile); } } @media (min-width: 481px) { .type-banner .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-container-margin-tablet); width: var(--type-banner-container-width-tablet); } } @media (min-width: 1024px) { .type-banner .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-container-margin-desktop); width: var(--type-banner-container-width-desktop); } } @media (min-width: 1220px) { .type-banner .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-container-margin-desktop-no-burger); width: var(--type-banner-container-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-container-margin-desktop-full); width: var(--type-banner-container-width-desktop-full); } } @media (min-width: 1750px) { .type-banner .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-container-margin-desktop-large); width: var(--type-banner-container-width-desktop-large); } } @media (min-width: 0px) { .type-banner .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-package-position-mobile); display: var(--type-banner-package-display-mobile); width: var(--type-banner-package-width-mobile); } } @media (min-width: 481px) { .type-banner .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-package-position-tablet); display: var(--type-banner-package-display-tablet); width: var(--type-banner-package-width-tablet); } } @media (min-width: 1024px) { .type-banner .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-package-position-desktop); display: var(--type-banner-package-display-desktop); width: var(--type-banner-package-width-desktop); } } @media (min-width: 1220px) { .type-banner .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-package-position-desktop-no-burger); display: var(--type-banner-package-display-desktop-no-burger); width: var(--type-banner-package-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-package-position-desktop-full); display: var(--type-banner-package-display-desktop-full); width: var(--type-banner-package-width-desktop-full); } } @media (min-width: 1750px) { .type-banner .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-package-position-desktop-large); display: var(--type-banner-package-display-desktop-large); width: var(--type-banner-package-width-desktop-large); } } @media (min-width: 0px) { .type-banner .text-center { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-text-center-margin-mobile); } } @media (min-width: 481px) { .type-banner .text-center { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-text-center-margin-tablet); } } @media (min-width: 1024px) { .type-banner .text-center { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-text-center-margin-desktop); } } @media (min-width: 1220px) { .type-banner .text-center { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-text-center-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner .text-center { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-text-center-margin-desktop-full); } } @media (min-width: 1750px) { .type-banner .text-center { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-text-center-margin-desktop-large); } } @media (min-width: 0px) { .type-banner .bkg-image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-bkg-image-position-mobile); top: var(--type-banner-bkg-image-top-mobile); left: var(--type-banner-bkg-image-left-mobile); width: var(--type-banner-bkg-image-width-mobile); height: var(--type-banner-bkg-image-height-mobile); -o-object-fit: var(--type-banner-bkg-image-object-fit-mobile); object-fit: var(--type-banner-bkg-image-object-fit-mobile); } } @media (min-width: 481px) { .type-banner .bkg-image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-bkg-image-position-tablet); top: var(--type-banner-bkg-image-top-tablet); left: var(--type-banner-bkg-image-left-tablet); width: var(--type-banner-bkg-image-width-tablet); height: var(--type-banner-bkg-image-height-tablet); -o-object-fit: var(--type-banner-bkg-image-object-fit-tablet); object-fit: var(--type-banner-bkg-image-object-fit-tablet); } } @media (min-width: 1024px) { .type-banner .bkg-image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-bkg-image-position-desktop); top: var(--type-banner-bkg-image-top-desktop); left: var(--type-banner-bkg-image-left-desktop); width: var(--type-banner-bkg-image-width-desktop); height: var(--type-banner-bkg-image-height-desktop); -o-object-fit: var(--type-banner-bkg-image-object-fit-desktop); object-fit: var(--type-banner-bkg-image-object-fit-desktop); } } @media (min-width: 1220px) { .type-banner .bkg-image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-bkg-image-position-desktop-no-burger); top: var(--type-banner-bkg-image-top-desktop-no-burger); left: var(--type-banner-bkg-image-left-desktop-no-burger); width: var(--type-banner-bkg-image-width-desktop-no-burger); height: var(--type-banner-bkg-image-height-desktop-no-burger); -o-object-fit: var(--type-banner-bkg-image-object-fit-desktop-no-burger); object-fit: var(--type-banner-bkg-image-object-fit-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner .bkg-image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-bkg-image-position-desktop-full); top: var(--type-banner-bkg-image-top-desktop-full); left: var(--type-banner-bkg-image-left-desktop-full); width: var(--type-banner-bkg-image-width-desktop-full); height: var(--type-banner-bkg-image-height-desktop-full); -o-object-fit: var(--type-banner-bkg-image-object-fit-desktop-full); object-fit: var(--type-banner-bkg-image-object-fit-desktop-full); } } @media (min-width: 1750px) { .type-banner .bkg-image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-bkg-image-position-desktop-large); top: var(--type-banner-bkg-image-top-desktop-large); left: var(--type-banner-bkg-image-left-desktop-large); width: var(--type-banner-bkg-image-width-desktop-large); height: var(--type-banner-bkg-image-height-desktop-large); -o-object-fit: var(--type-banner-bkg-image-object-fit-desktop-large); object-fit: var(--type-banner-bkg-image-object-fit-desktop-large); } } @media (min-width: 0px) { .type-banner .bkg-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-bkg-container-position-mobile); top: var(--type-banner-bkg-container-top-mobile); left: var(--type-banner-bkg-container-left-mobile); -webkit-transform: var(--type-banner-bkg-container-transform-mobile); transform: var(--type-banner-bkg-container-transform-mobile); } } @media (min-width: 481px) { .type-banner .bkg-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-bkg-container-position-tablet); top: var(--type-banner-bkg-container-top-tablet); left: var(--type-banner-bkg-container-left-tablet); -webkit-transform: var(--type-banner-bkg-container-transform-tablet); transform: var(--type-banner-bkg-container-transform-tablet); } } @media (min-width: 1024px) { .type-banner .bkg-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-bkg-container-position-desktop); top: var(--type-banner-bkg-container-top-desktop); left: var(--type-banner-bkg-container-left-desktop); -webkit-transform: var(--type-banner-bkg-container-transform-desktop); transform: var(--type-banner-bkg-container-transform-desktop); } } @media (min-width: 1220px) { .type-banner .bkg-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-bkg-container-position-desktop-no-burger); top: var(--type-banner-bkg-container-top-desktop-no-burger); left: var(--type-banner-bkg-container-left-desktop-no-burger); -webkit-transform: var(--type-banner-bkg-container-transform-desktop-no-burger); transform: var(--type-banner-bkg-container-transform-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner .bkg-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-bkg-container-position-desktop-full); top: var(--type-banner-bkg-container-top-desktop-full); left: var(--type-banner-bkg-container-left-desktop-full); -webkit-transform: var(--type-banner-bkg-container-transform-desktop-full); transform: var(--type-banner-bkg-container-transform-desktop-full); } } @media (min-width: 1750px) { .type-banner .bkg-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-bkg-container-position-desktop-large); top: var(--type-banner-bkg-container-top-desktop-large); left: var(--type-banner-bkg-container-left-desktop-large); -webkit-transform: var(--type-banner-bkg-container-transform-desktop-large); transform: var(--type-banner-bkg-container-transform-desktop-large); } } @media (min-width: 0px) { .type-banner .img-icon { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-img-icon-position-mobile); } } @media (min-width: 481px) { .type-banner .img-icon { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-img-icon-position-tablet); } } @media (min-width: 1024px) { .type-banner .img-icon { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-img-icon-position-desktop); } } @media (min-width: 1220px) { .type-banner .img-icon { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-img-icon-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner .img-icon { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-img-icon-position-desktop-full); } } @media (min-width: 1750px) { .type-banner .img-icon { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-banner-img-icon-position-desktop-large); } } @media (min-width: 0px) { .type-banner .button-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-button-container-margin-mobile); display: var(--type-banner-button-container-display-mobile); -webkit-column-gap: var(--type-banner-button-container-column-gap-mobile); -moz-column-gap: var(--type-banner-button-container-column-gap-mobile); column-gap: var(--type-banner-button-container-column-gap-mobile); width: var(--type-banner-button-container-width-mobile); } } @media (min-width: 481px) { .type-banner .button-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-button-container-margin-tablet); display: var(--type-banner-button-container-display-tablet); -webkit-column-gap: var(--type-banner-button-container-column-gap-tablet); -moz-column-gap: var(--type-banner-button-container-column-gap-tablet); column-gap: var(--type-banner-button-container-column-gap-tablet); width: var(--type-banner-button-container-width-tablet); } } @media (min-width: 1024px) { .type-banner .button-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-button-container-margin-desktop); display: var(--type-banner-button-container-display-desktop); -webkit-column-gap: var(--type-banner-button-container-column-gap-desktop); -moz-column-gap: var(--type-banner-button-container-column-gap-desktop); column-gap: var(--type-banner-button-container-column-gap-desktop); width: var(--type-banner-button-container-width-desktop); } } @media (min-width: 1220px) { .type-banner .button-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-button-container-margin-desktop-no-burger); display: var(--type-banner-button-container-display-desktop-no-burger); -webkit-column-gap: var(--type-banner-button-container-column-gap-desktop-no-burger); -moz-column-gap: var(--type-banner-button-container-column-gap-desktop-no-burger); column-gap: var(--type-banner-button-container-column-gap-desktop-no-burger); width: var(--type-banner-button-container-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner .button-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-button-container-margin-desktop-full); display: var(--type-banner-button-container-display-desktop-full); -webkit-column-gap: var(--type-banner-button-container-column-gap-desktop-full); -moz-column-gap: var(--type-banner-button-container-column-gap-desktop-full); column-gap: var(--type-banner-button-container-column-gap-desktop-full); width: var(--type-banner-button-container-width-desktop-full); } } @media (min-width: 1750px) { .type-banner .button-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-button-container-margin-desktop-large); display: var(--type-banner-button-container-display-desktop-large); -webkit-column-gap: var(--type-banner-button-container-column-gap-desktop-large); -moz-column-gap: var(--type-banner-button-container-column-gap-desktop-large); column-gap: var(--type-banner-button-container-column-gap-desktop-large); width: var(--type-banner-button-container-width-desktop-large); } } @media (min-width: 0px) { .type-banner .a { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-a-margin-mobile); } } @media (min-width: 481px) { .type-banner .a { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-a-margin-tablet); } } @media (min-width: 1024px) { .type-banner .a { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-a-margin-desktop); } } @media (min-width: 1220px) { .type-banner .a { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-a-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner .a { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-a-margin-desktop-full); } } @media (min-width: 1750px) { .type-banner .a { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-a-margin-desktop-large); } } @media (min-width: 0px) { .type-banner .button { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-banner-button-margin-top-mobile); } } @media (min-width: 481px) { .type-banner .button { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-banner-button-margin-top-tablet); } } @media (min-width: 1024px) { .type-banner .button { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-banner-button-margin-top-desktop); } } @media (min-width: 1220px) { .type-banner .button { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-banner-button-margin-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner .button { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-banner-button-margin-top-desktop-full); } } @media (min-width: 1750px) { .type-banner .button { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-banner-button-margin-top-desktop-large); } } @media (min-width: 0px) { .type-banner .p { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-p-margin-mobile); } } @media (min-width: 481px) { .type-banner .p { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-p-margin-tablet); } } @media (min-width: 1024px) { .type-banner .p { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-p-margin-desktop); } } @media (min-width: 1220px) { .type-banner .p { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-p-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner .p { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-p-margin-desktop-full); } } @media (min-width: 1750px) { .type-banner .p { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-banner-p-margin-desktop-large); } } @media (min-width: 0px) { .type-sidebar { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-sidebar-this-flex-direction-mobile); flex-direction: var(--type-sidebar-this-flex-direction-mobile); margin: var(--type-sidebar-this-margin-mobile); } } @media (min-width: 481px) { .type-sidebar { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-sidebar-this-flex-direction-tablet); flex-direction: var(--type-sidebar-this-flex-direction-tablet); margin: var(--type-sidebar-this-margin-tablet); } } @media (min-width: 1024px) { .type-sidebar { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-sidebar-this-flex-direction-desktop); flex-direction: var(--type-sidebar-this-flex-direction-desktop); margin: var(--type-sidebar-this-margin-desktop); } } @media (min-width: 1220px) { .type-sidebar { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-sidebar-this-flex-direction-desktop-no-burger); flex-direction: var(--type-sidebar-this-flex-direction-desktop-no-burger); margin: var(--type-sidebar-this-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-sidebar { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-sidebar-this-flex-direction-desktop-full); flex-direction: var(--type-sidebar-this-flex-direction-desktop-full); margin: var(--type-sidebar-this-margin-desktop-full); } } @media (min-width: 1750px) { .type-sidebar { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-sidebar-this-flex-direction-desktop-large); flex-direction: var(--type-sidebar-this-flex-direction-desktop-large); margin: var(--type-sidebar-this-margin-desktop-large); } } @media (min-width: 0px) { .type-sidebar .main { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-sidebar-main-width-mobile); margin: var(--type-sidebar-main-margin-mobile); } } @media (min-width: 481px) { .type-sidebar .main { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-sidebar-main-width-tablet); margin: var(--type-sidebar-main-margin-tablet); } } @media (min-width: 1024px) { .type-sidebar .main { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-sidebar-main-width-desktop); margin: var(--type-sidebar-main-margin-desktop); } } @media (min-width: 1220px) { .type-sidebar .main { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-sidebar-main-width-desktop-no-burger); margin: var(--type-sidebar-main-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-sidebar .main { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-sidebar-main-width-desktop-full); margin: var(--type-sidebar-main-margin-desktop-full); } } @media (min-width: 1750px) { .type-sidebar .main { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-sidebar-main-width-desktop-large); margin: var(--type-sidebar-main-margin-desktop-large); } } @media (min-width: 0px) { .type-sidebar .sidebar { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-sidebar-sidebar-position-mobile); top: var(--type-sidebar-sidebar-top-mobile); min-width: var(--type-sidebar-sidebar-min-width-mobile); width: var(--type-sidebar-sidebar-width-mobile); height: var(--type-sidebar-sidebar-height-mobile); } } @media (min-width: 481px) { .type-sidebar .sidebar { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-sidebar-sidebar-position-tablet); top: var(--type-sidebar-sidebar-top-tablet); min-width: var(--type-sidebar-sidebar-min-width-tablet); width: var(--type-sidebar-sidebar-width-tablet); height: var(--type-sidebar-sidebar-height-tablet); } } @media (min-width: 1024px) { .type-sidebar .sidebar { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-sidebar-sidebar-position-desktop); top: var(--type-sidebar-sidebar-top-desktop); min-width: var(--type-sidebar-sidebar-min-width-desktop); width: var(--type-sidebar-sidebar-width-desktop); height: var(--type-sidebar-sidebar-height-desktop); } } @media (min-width: 1220px) { .type-sidebar .sidebar { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-sidebar-sidebar-position-desktop-no-burger); top: var(--type-sidebar-sidebar-top-desktop-no-burger); min-width: var(--type-sidebar-sidebar-min-width-desktop-no-burger); width: var(--type-sidebar-sidebar-width-desktop-no-burger); height: var(--type-sidebar-sidebar-height-desktop-no-burger); } } @media (min-width: 1425px) { .type-sidebar .sidebar { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-sidebar-sidebar-position-desktop-full); top: var(--type-sidebar-sidebar-top-desktop-full); min-width: var(--type-sidebar-sidebar-min-width-desktop-full); width: var(--type-sidebar-sidebar-width-desktop-full); height: var(--type-sidebar-sidebar-height-desktop-full); } } @media (min-width: 1750px) { .type-sidebar .sidebar { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-sidebar-sidebar-position-desktop-large); top: var(--type-sidebar-sidebar-top-desktop-large); min-width: var(--type-sidebar-sidebar-min-width-desktop-large); width: var(--type-sidebar-sidebar-width-desktop-large); height: var(--type-sidebar-sidebar-height-desktop-large); } } @media (min-width: 0px) { .type-sidebar .primary { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ min-width: var(--type-sidebar-primary-min-width-mobile); width: var(--type-sidebar-primary-width-mobile); padding: var(--type-sidebar-primary-padding-mobile); } } @media (min-width: 481px) { .type-sidebar .primary { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ min-width: var(--type-sidebar-primary-min-width-tablet); width: var(--type-sidebar-primary-width-tablet); padding: var(--type-sidebar-primary-padding-tablet); } } @media (min-width: 1024px) { .type-sidebar .primary { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ min-width: var(--type-sidebar-primary-min-width-desktop); width: var(--type-sidebar-primary-width-desktop); padding: var(--type-sidebar-primary-padding-desktop); } } @media (min-width: 1220px) { .type-sidebar .primary { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ min-width: var(--type-sidebar-primary-min-width-desktop-no-burger); width: var(--type-sidebar-primary-width-desktop-no-burger); padding: var(--type-sidebar-primary-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-sidebar .primary { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ min-width: var(--type-sidebar-primary-min-width-desktop-full); width: var(--type-sidebar-primary-width-desktop-full); padding: var(--type-sidebar-primary-padding-desktop-full); } } @media (min-width: 1750px) { .type-sidebar .primary { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ min-width: var(--type-sidebar-primary-min-width-desktop-large); width: var(--type-sidebar-primary-width-desktop-large); padding: var(--type-sidebar-primary-padding-desktop-large); } } @media (min-width: 0px) { .type-sidebar .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-pack: var(--type-sidebar-container-justify-content-mobile); -ms-flex-pack: var(--type-sidebar-container-justify-content-mobile); justify-content: var(--type-sidebar-container-justify-content-mobile); padding: var(--type-sidebar-container-padding-mobile); } } @media (min-width: 481px) { .type-sidebar .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-pack: var(--type-sidebar-container-justify-content-tablet); -ms-flex-pack: var(--type-sidebar-container-justify-content-tablet); justify-content: var(--type-sidebar-container-justify-content-tablet); padding: var(--type-sidebar-container-padding-tablet); } } @media (min-width: 1024px) { .type-sidebar .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-pack: var(--type-sidebar-container-justify-content-desktop); -ms-flex-pack: var(--type-sidebar-container-justify-content-desktop); justify-content: var(--type-sidebar-container-justify-content-desktop); padding: var(--type-sidebar-container-padding-desktop); } } @media (min-width: 1220px) { .type-sidebar .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-pack: var(--type-sidebar-container-justify-content-desktop-no-burger); -ms-flex-pack: var(--type-sidebar-container-justify-content-desktop-no-burger); justify-content: var(--type-sidebar-container-justify-content-desktop-no-burger); padding: var(--type-sidebar-container-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-sidebar .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-pack: var(--type-sidebar-container-justify-content-desktop-full); -ms-flex-pack: var(--type-sidebar-container-justify-content-desktop-full); justify-content: var(--type-sidebar-container-justify-content-desktop-full); padding: var(--type-sidebar-container-padding-desktop-full); } } @media (min-width: 1750px) { .type-sidebar .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-pack: var(--type-sidebar-container-justify-content-desktop-large); -ms-flex-pack: var(--type-sidebar-container-justify-content-desktop-large); justify-content: var(--type-sidebar-container-justify-content-desktop-large); padding: var(--type-sidebar-container-padding-desktop-large); } } @media (min-width: 0px) { .type-social-feed { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 481px) { .type-social-feed { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 1024px) { .type-social-feed { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 1220px) { .type-social-feed { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 1425px) { .type-social-feed { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 1750px) { .type-social-feed { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 0px) { .type-a { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-a-this-padding-mobile); position: var(--type-a-this-position-mobile); } } @media (min-width: 481px) { .type-a { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-a-this-padding-tablet); position: var(--type-a-this-position-tablet); } } @media (min-width: 1024px) { .type-a { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-a-this-padding-desktop); position: var(--type-a-this-position-desktop); } } @media (min-width: 1220px) { .type-a { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-a-this-padding-desktop-no-burger); position: var(--type-a-this-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-a { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-a-this-padding-desktop-full); position: var(--type-a-this-position-desktop-full); } } @media (min-width: 1750px) { .type-a { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-a-this-padding-desktop-large); position: var(--type-a-this-position-desktop-large); } } @media (min-width: 0px) { .type-a .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-a-title-block-width-mobile); margin: var(--type-a-title-block-margin-mobile); } } @media (min-width: 481px) { .type-a .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-a-title-block-width-tablet); margin: var(--type-a-title-block-margin-tablet); } } @media (min-width: 1024px) { .type-a .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-a-title-block-width-desktop); margin: var(--type-a-title-block-margin-desktop); } } @media (min-width: 1220px) { .type-a .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-a-title-block-width-desktop-no-burger); margin: var(--type-a-title-block-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-a .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-a-title-block-width-desktop-full); margin: var(--type-a-title-block-margin-desktop-full); } } @media (min-width: 1750px) { .type-a .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-a-title-block-width-desktop-large); margin: var(--type-a-title-block-margin-desktop-large); } } @media (min-width: 0px) { .type-a .icon_citation { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-a-icon_citation-width-mobile); } } @media (min-width: 481px) { .type-a .icon_citation { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-a-icon_citation-width-tablet); } } @media (min-width: 1024px) { .type-a .icon_citation { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-a-icon_citation-width-desktop); } } @media (min-width: 1220px) { .type-a .icon_citation { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-a-icon_citation-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-a .icon_citation { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-a-icon_citation-width-desktop-full); } } @media (min-width: 1750px) { .type-a .icon_citation { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-a-icon_citation-width-desktop-large); } } @media (min-width: 0px) { .type-a .open { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-a-open-position-mobile); top: var(--type-a-open-top-mobile); left: var(--type-a-open-left-mobile); } } @media (min-width: 481px) { .type-a .open { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-a-open-position-tablet); top: var(--type-a-open-top-tablet); left: var(--type-a-open-left-tablet); } } @media (min-width: 1024px) { .type-a .open { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-a-open-position-desktop); top: var(--type-a-open-top-desktop); left: var(--type-a-open-left-desktop); } } @media (min-width: 1220px) { .type-a .open { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-a-open-position-desktop-no-burger); top: var(--type-a-open-top-desktop-no-burger); left: var(--type-a-open-left-desktop-no-burger); } } @media (min-width: 1425px) { .type-a .open { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-a-open-position-desktop-full); top: var(--type-a-open-top-desktop-full); left: var(--type-a-open-left-desktop-full); } } @media (min-width: 1750px) { .type-a .open { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-a-open-position-desktop-large); top: var(--type-a-open-top-desktop-large); left: var(--type-a-open-left-desktop-large); } } @media (min-width: 0px) { .type-a .close { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-a-close-position-mobile); bottom: var(--type-a-close-bottom-mobile); right: var(--type-a-close-right-mobile); -webkit-transform: var(--type-a-close-transform-mobile); transform: var(--type-a-close-transform-mobile); } } @media (min-width: 481px) { .type-a .close { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-a-close-position-tablet); bottom: var(--type-a-close-bottom-tablet); right: var(--type-a-close-right-tablet); -webkit-transform: var(--type-a-close-transform-tablet); transform: var(--type-a-close-transform-tablet); } } @media (min-width: 1024px) { .type-a .close { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-a-close-position-desktop); bottom: var(--type-a-close-bottom-desktop); right: var(--type-a-close-right-desktop); -webkit-transform: var(--type-a-close-transform-desktop); transform: var(--type-a-close-transform-desktop); } } @media (min-width: 1220px) { .type-a .close { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-a-close-position-desktop-no-burger); bottom: var(--type-a-close-bottom-desktop-no-burger); right: var(--type-a-close-right-desktop-no-burger); -webkit-transform: var(--type-a-close-transform-desktop-no-burger); transform: var(--type-a-close-transform-desktop-no-burger); } } @media (min-width: 1425px) { .type-a .close { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-a-close-position-desktop-full); bottom: var(--type-a-close-bottom-desktop-full); right: var(--type-a-close-right-desktop-full); -webkit-transform: var(--type-a-close-transform-desktop-full); transform: var(--type-a-close-transform-desktop-full); } } @media (min-width: 1750px) { .type-a .close { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-a-close-position-desktop-large); bottom: var(--type-a-close-bottom-desktop-large); right: var(--type-a-close-right-desktop-large); -webkit-transform: var(--type-a-close-transform-desktop-large); transform: var(--type-a-close-transform-desktop-large); } } @media (min-width: 0px) { .type-archive { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-archive-this-padding-mobile); } } @media (min-width: 481px) { .type-archive { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-archive-this-padding-tablet); } } @media (min-width: 1024px) { .type-archive { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-archive-this-padding-desktop); } } @media (min-width: 1220px) { .type-archive { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-archive-this-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-archive { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-archive-this-padding-desktop-full); } } @media (min-width: 1750px) { .type-archive { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-archive-this-padding-desktop-large); } } @media (min-width: 0px) { .type-archive .header { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-archive-header-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-archive-header-flex-direction-mobile); flex-direction: var(--type-archive-header-flex-direction-mobile); -webkit-box-pack: var(--type-archive-header-justify-content-mobile); -ms-flex-pack: var(--type-archive-header-justify-content-mobile); justify-content: var(--type-archive-header-justify-content-mobile); -webkit-box-align: var(--type-archive-header-align-items-mobile); -ms-flex-align: var(--type-archive-header-align-items-mobile); align-items: var(--type-archive-header-align-items-mobile); } } @media (min-width: 481px) { .type-archive .header { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-archive-header-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-archive-header-flex-direction-tablet); flex-direction: var(--type-archive-header-flex-direction-tablet); -webkit-box-pack: var(--type-archive-header-justify-content-tablet); -ms-flex-pack: var(--type-archive-header-justify-content-tablet); justify-content: var(--type-archive-header-justify-content-tablet); -webkit-box-align: var(--type-archive-header-align-items-tablet); -ms-flex-align: var(--type-archive-header-align-items-tablet); align-items: var(--type-archive-header-align-items-tablet); } } @media (min-width: 1024px) { .type-archive .header { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-archive-header-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-archive-header-flex-direction-desktop); flex-direction: var(--type-archive-header-flex-direction-desktop); -webkit-box-pack: var(--type-archive-header-justify-content-desktop); -ms-flex-pack: var(--type-archive-header-justify-content-desktop); justify-content: var(--type-archive-header-justify-content-desktop); -webkit-box-align: var(--type-archive-header-align-items-desktop); -ms-flex-align: var(--type-archive-header-align-items-desktop); align-items: var(--type-archive-header-align-items-desktop); } } @media (min-width: 1220px) { .type-archive .header { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-archive-header-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-archive-header-flex-direction-desktop-no-burger); flex-direction: var(--type-archive-header-flex-direction-desktop-no-burger); -webkit-box-pack: var(--type-archive-header-justify-content-desktop-no-burger); -ms-flex-pack: var(--type-archive-header-justify-content-desktop-no-burger); justify-content: var(--type-archive-header-justify-content-desktop-no-burger); -webkit-box-align: var(--type-archive-header-align-items-desktop-no-burger); -ms-flex-align: var(--type-archive-header-align-items-desktop-no-burger); align-items: var(--type-archive-header-align-items-desktop-no-burger); } } @media (min-width: 1425px) { .type-archive .header { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-archive-header-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-archive-header-flex-direction-desktop-full); flex-direction: var(--type-archive-header-flex-direction-desktop-full); -webkit-box-pack: var(--type-archive-header-justify-content-desktop-full); -ms-flex-pack: var(--type-archive-header-justify-content-desktop-full); justify-content: var(--type-archive-header-justify-content-desktop-full); -webkit-box-align: var(--type-archive-header-align-items-desktop-full); -ms-flex-align: var(--type-archive-header-align-items-desktop-full); align-items: var(--type-archive-header-align-items-desktop-full); } } @media (min-width: 1750px) { .type-archive .header { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-archive-header-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-archive-header-flex-direction-desktop-large); flex-direction: var(--type-archive-header-flex-direction-desktop-large); -webkit-box-pack: var(--type-archive-header-justify-content-desktop-large); -ms-flex-pack: var(--type-archive-header-justify-content-desktop-large); justify-content: var(--type-archive-header-justify-content-desktop-large); -webkit-box-align: var(--type-archive-header-align-items-desktop-large); -ms-flex-align: var(--type-archive-header-align-items-desktop-large); align-items: var(--type-archive-header-align-items-desktop-large); } } @media (min-width: 0px) { .type-b { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-b-this-margin-mobile); display: var(--type-b-this-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-b-this-flex-direction-mobile); flex-direction: var(--type-b-this-flex-direction-mobile); } } @media (min-width: 481px) { .type-b { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-b-this-margin-tablet); display: var(--type-b-this-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-b-this-flex-direction-tablet); flex-direction: var(--type-b-this-flex-direction-tablet); } } @media (min-width: 1024px) { .type-b { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-b-this-margin-desktop); display: var(--type-b-this-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-b-this-flex-direction-desktop); flex-direction: var(--type-b-this-flex-direction-desktop); } } @media (min-width: 1220px) { .type-b { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-b-this-margin-desktop-no-burger); display: var(--type-b-this-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-b-this-flex-direction-desktop-no-burger); flex-direction: var(--type-b-this-flex-direction-desktop-no-burger); } } @media (min-width: 1425px) { .type-b { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-b-this-margin-desktop-full); display: var(--type-b-this-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-b-this-flex-direction-desktop-full); flex-direction: var(--type-b-this-flex-direction-desktop-full); } } @media (min-width: 1750px) { .type-b { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-b-this-margin-desktop-large); display: var(--type-b-this-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-b-this-flex-direction-desktop-large); flex-direction: var(--type-b-this-flex-direction-desktop-large); } } @media (min-width: 0px) { .type-b .bottom-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-bottom-margin-margin-bottom-mobile); margin-top: var(--type-b-bottom-margin-margin-top-mobile); } } @media (min-width: 481px) { .type-b .bottom-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-bottom-margin-margin-bottom-tablet); margin-top: var(--type-b-bottom-margin-margin-top-tablet); } } @media (min-width: 1024px) { .type-b .bottom-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-bottom-margin-margin-bottom-desktop); margin-top: var(--type-b-bottom-margin-margin-top-desktop); } } @media (min-width: 1220px) { .type-b .bottom-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-bottom-margin-margin-bottom-desktop-no-burger); margin-top: var(--type-b-bottom-margin-margin-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-b .bottom-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-bottom-margin-margin-bottom-desktop-full); margin-top: var(--type-b-bottom-margin-margin-top-desktop-full); } } @media (min-width: 1750px) { .type-b .bottom-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-bottom-margin-margin-bottom-desktop-large); margin-top: var(--type-b-bottom-margin-margin-top-desktop-large); } } @media (min-width: 0px) { .type-b .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-wrapper-width-mobile); } } @media (min-width: 481px) { .type-b .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-wrapper-width-tablet); } } @media (min-width: 1024px) { .type-b .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-wrapper-width-desktop); } } @media (min-width: 1220px) { .type-b .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-wrapper-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-b .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-wrapper-width-desktop-full); } } @media (min-width: 1750px) { .type-b .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-wrapper-width-desktop-large); } } @media (min-width: 0px) { .type-b .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-b-title-block-height-mobile); margin: var(--type-b-title-block-margin-mobile); } } @media (min-width: 481px) { .type-b .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-b-title-block-height-tablet); margin: var(--type-b-title-block-margin-tablet); } } @media (min-width: 1024px) { .type-b .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-b-title-block-height-desktop); margin: var(--type-b-title-block-margin-desktop); } } @media (min-width: 1220px) { .type-b .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-b-title-block-height-desktop-no-burger); margin: var(--type-b-title-block-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-b .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-b-title-block-height-desktop-full); margin: var(--type-b-title-block-margin-desktop-full); } } @media (min-width: 1750px) { .type-b .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-b-title-block-height-desktop-large); margin: var(--type-b-title-block-margin-desktop-large); } } @media (min-width: 0px) { .type-b .text { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-text-margin-bottom-mobile); } } @media (min-width: 481px) { .type-b .text { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-text-margin-bottom-tablet); } } @media (min-width: 1024px) { .type-b .text { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-text-margin-bottom-desktop); } } @media (min-width: 1220px) { .type-b .text { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-text-margin-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-b .text { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-text-margin-bottom-desktop-full); } } @media (min-width: 1750px) { .type-b .text { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-text-margin-bottom-desktop-large); } } @media (min-width: 0px) { .type-b .swiper-button-next { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-swiper-button-next-top-mobile); } } @media (min-width: 481px) { .type-b .swiper-button-next { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-swiper-button-next-top-tablet); } } @media (min-width: 1024px) { .type-b .swiper-button-next { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-swiper-button-next-top-desktop); } } @media (min-width: 1220px) { .type-b .swiper-button-next { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-swiper-button-next-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-b .swiper-button-next { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-swiper-button-next-top-desktop-full); } } @media (min-width: 1750px) { .type-b .swiper-button-next { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-swiper-button-next-top-desktop-large); } } @media (min-width: 0px) { .type-b .swiper-button-prev { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-swiper-button-prev-top-mobile); } } @media (min-width: 481px) { .type-b .swiper-button-prev { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-swiper-button-prev-top-tablet); } } @media (min-width: 1024px) { .type-b .swiper-button-prev { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-swiper-button-prev-top-desktop); } } @media (min-width: 1220px) { .type-b .swiper-button-prev { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-swiper-button-prev-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-b .swiper-button-prev { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-swiper-button-prev-top-desktop-full); } } @media (min-width: 1750px) { .type-b .swiper-button-prev { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-swiper-button-prev-top-desktop-large); } } @media (min-width: 0px) { .type-b .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-image-margin-bottom-mobile); aspect-ratio: var(--type-b-image-aspect-ratio-mobile); -o-object-fit: var(--type-b-image-object-fit-mobile); object-fit: var(--type-b-image-object-fit-mobile); width: var(--type-b-image-width-mobile); height: var(--type-b-image-height-mobile); } } @media (min-width: 481px) { .type-b .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-image-margin-bottom-tablet); aspect-ratio: var(--type-b-image-aspect-ratio-tablet); -o-object-fit: var(--type-b-image-object-fit-tablet); object-fit: var(--type-b-image-object-fit-tablet); width: var(--type-b-image-width-tablet); height: var(--type-b-image-height-tablet); } } @media (min-width: 1024px) { .type-b .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-image-margin-bottom-desktop); aspect-ratio: var(--type-b-image-aspect-ratio-desktop); -o-object-fit: var(--type-b-image-object-fit-desktop); object-fit: var(--type-b-image-object-fit-desktop); width: var(--type-b-image-width-desktop); height: var(--type-b-image-height-desktop); } } @media (min-width: 1220px) { .type-b .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-image-margin-bottom-desktop-no-burger); aspect-ratio: var(--type-b-image-aspect-ratio-desktop-no-burger); -o-object-fit: var(--type-b-image-object-fit-desktop-no-burger); object-fit: var(--type-b-image-object-fit-desktop-no-burger); width: var(--type-b-image-width-desktop-no-burger); height: var(--type-b-image-height-desktop-no-burger); } } @media (min-width: 1425px) { .type-b .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-image-margin-bottom-desktop-full); aspect-ratio: var(--type-b-image-aspect-ratio-desktop-full); -o-object-fit: var(--type-b-image-object-fit-desktop-full); object-fit: var(--type-b-image-object-fit-desktop-full); width: var(--type-b-image-width-desktop-full); height: var(--type-b-image-height-desktop-full); } } @media (min-width: 1750px) { .type-b .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-image-margin-bottom-desktop-large); aspect-ratio: var(--type-b-image-aspect-ratio-desktop-large); -o-object-fit: var(--type-b-image-object-fit-desktop-large); object-fit: var(--type-b-image-object-fit-desktop-large); width: var(--type-b-image-width-desktop-large); height: var(--type-b-image-height-desktop-large); } } @media (min-width: 0px) { .type-b .swiper-slide { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-swiper-slide-width-mobile); border-radius: var(--type-b-swiper-slide-border-radius-mobile); } } @media (min-width: 481px) { .type-b .swiper-slide { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-swiper-slide-width-tablet); border-radius: var(--type-b-swiper-slide-border-radius-tablet); } } @media (min-width: 1024px) { .type-b .swiper-slide { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-swiper-slide-width-desktop); border-radius: var(--type-b-swiper-slide-border-radius-desktop); } } @media (min-width: 1220px) { .type-b .swiper-slide { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-swiper-slide-width-desktop-no-burger); border-radius: var(--type-b-swiper-slide-border-radius-desktop-no-burger); } } @media (min-width: 1425px) { .type-b .swiper-slide { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-swiper-slide-width-desktop-full); border-radius: var(--type-b-swiper-slide-border-radius-desktop-full); } } @media (min-width: 1750px) { .type-b .swiper-slide { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-swiper-slide-width-desktop-large); border-radius: var(--type-b-swiper-slide-border-radius-desktop-large); } } @media (min-width: 0px) { .type-b .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-b-top-margin-margin-top-mobile); } } @media (min-width: 481px) { .type-b .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-b-top-margin-margin-top-tablet); } } @media (min-width: 1024px) { .type-b .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-b-top-margin-margin-top-desktop); } } @media (min-width: 1220px) { .type-b .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-b-top-margin-margin-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-b .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-b-top-margin-margin-top-desktop-full); } } @media (min-width: 1750px) { .type-b .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-b-top-margin-margin-top-desktop-large); } } @media (min-width: 0px) { .type-b .swiper-pagination { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-swiper-pagination-position-mobile); z-index: var(--type-b-swiper-pagination-z-index-mobile); bottom: var(--type-b-swiper-pagination-bottom-mobile); } } @media (min-width: 481px) { .type-b .swiper-pagination { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-swiper-pagination-position-tablet); z-index: var(--type-b-swiper-pagination-z-index-tablet); bottom: var(--type-b-swiper-pagination-bottom-tablet); } } @media (min-width: 1024px) { .type-b .swiper-pagination { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-swiper-pagination-position-desktop); z-index: var(--type-b-swiper-pagination-z-index-desktop); bottom: var(--type-b-swiper-pagination-bottom-desktop); } } @media (min-width: 1220px) { .type-b .swiper-pagination { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-swiper-pagination-position-desktop-no-burger); z-index: var(--type-b-swiper-pagination-z-index-desktop-no-burger); bottom: var(--type-b-swiper-pagination-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-b .swiper-pagination { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-swiper-pagination-position-desktop-full); z-index: var(--type-b-swiper-pagination-z-index-desktop-full); bottom: var(--type-b-swiper-pagination-bottom-desktop-full); } } @media (min-width: 1750px) { .type-b .swiper-pagination { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-swiper-pagination-position-desktop-large); z-index: var(--type-b-swiper-pagination-z-index-desktop-large); bottom: var(--type-b-swiper-pagination-bottom-desktop-large); } } @media (min-width: 0px) { .type-b .background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-background-position-mobile); } } @media (min-width: 481px) { .type-b .background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-background-position-tablet); } } @media (min-width: 1024px) { .type-b .background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-background-position-desktop); } } @media (min-width: 1220px) { .type-b .background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-background-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-b .background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-background-position-desktop-full); } } @media (min-width: 1750px) { .type-b .background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-background-position-desktop-large); } } @media (min-width: 0px) { .type-b-bis { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-b-bis-this-padding-mobile); margin: var(--type-b-bis-this-margin-mobile); display: var(--type-b-bis-this-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-b-bis-this-flex-direction-mobile); flex-direction: var(--type-b-bis-this-flex-direction-mobile); -webkit-column-gap: var(--type-b-bis-this-column-gap-mobile); -moz-column-gap: var(--type-b-bis-this-column-gap-mobile); column-gap: var(--type-b-bis-this-column-gap-mobile); } } @media (min-width: 481px) { .type-b-bis { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-b-bis-this-padding-tablet); margin: var(--type-b-bis-this-margin-tablet); display: var(--type-b-bis-this-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-b-bis-this-flex-direction-tablet); flex-direction: var(--type-b-bis-this-flex-direction-tablet); -webkit-column-gap: var(--type-b-bis-this-column-gap-tablet); -moz-column-gap: var(--type-b-bis-this-column-gap-tablet); column-gap: var(--type-b-bis-this-column-gap-tablet); } } @media (min-width: 1024px) { .type-b-bis { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-b-bis-this-padding-desktop); margin: var(--type-b-bis-this-margin-desktop); display: var(--type-b-bis-this-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-b-bis-this-flex-direction-desktop); flex-direction: var(--type-b-bis-this-flex-direction-desktop); -webkit-column-gap: var(--type-b-bis-this-column-gap-desktop); -moz-column-gap: var(--type-b-bis-this-column-gap-desktop); column-gap: var(--type-b-bis-this-column-gap-desktop); } } @media (min-width: 1220px) { .type-b-bis { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-b-bis-this-padding-desktop-no-burger); margin: var(--type-b-bis-this-margin-desktop-no-burger); display: var(--type-b-bis-this-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-b-bis-this-flex-direction-desktop-no-burger); flex-direction: var(--type-b-bis-this-flex-direction-desktop-no-burger); -webkit-column-gap: var(--type-b-bis-this-column-gap-desktop-no-burger); -moz-column-gap: var(--type-b-bis-this-column-gap-desktop-no-burger); column-gap: var(--type-b-bis-this-column-gap-desktop-no-burger); } } @media (min-width: 1425px) { .type-b-bis { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-b-bis-this-padding-desktop-full); margin: var(--type-b-bis-this-margin-desktop-full); display: var(--type-b-bis-this-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-b-bis-this-flex-direction-desktop-full); flex-direction: var(--type-b-bis-this-flex-direction-desktop-full); -webkit-column-gap: var(--type-b-bis-this-column-gap-desktop-full); -moz-column-gap: var(--type-b-bis-this-column-gap-desktop-full); column-gap: var(--type-b-bis-this-column-gap-desktop-full); } } @media (min-width: 1750px) { .type-b-bis { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-b-bis-this-padding-desktop-large); margin: var(--type-b-bis-this-margin-desktop-large); display: var(--type-b-bis-this-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-b-bis-this-flex-direction-desktop-large); flex-direction: var(--type-b-bis-this-flex-direction-desktop-large); -webkit-column-gap: var(--type-b-bis-this-column-gap-desktop-large); -moz-column-gap: var(--type-b-bis-this-column-gap-desktop-large); column-gap: var(--type-b-bis-this-column-gap-desktop-large); } } @media (min-width: 0px) { .type-b-bis .bottom-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-bis-bottom-margin-margin-bottom-mobile); margin-top: var(--type-b-bis-bottom-margin-margin-top-mobile); } } @media (min-width: 481px) { .type-b-bis .bottom-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-bis-bottom-margin-margin-bottom-tablet); margin-top: var(--type-b-bis-bottom-margin-margin-top-tablet); } } @media (min-width: 1024px) { .type-b-bis .bottom-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-bis-bottom-margin-margin-bottom-desktop); margin-top: var(--type-b-bis-bottom-margin-margin-top-desktop); } } @media (min-width: 1220px) { .type-b-bis .bottom-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-bis-bottom-margin-margin-bottom-desktop-no-burger); margin-top: var(--type-b-bis-bottom-margin-margin-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-b-bis .bottom-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-bis-bottom-margin-margin-bottom-desktop-full); margin-top: var(--type-b-bis-bottom-margin-margin-top-desktop-full); } } @media (min-width: 1750px) { .type-b-bis .bottom-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-bis-bottom-margin-margin-bottom-desktop-large); margin-top: var(--type-b-bis-bottom-margin-margin-top-desktop-large); } } @media (min-width: 0px) { .type-b-bis .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-bis-wrapper-width-mobile); } } @media (min-width: 481px) { .type-b-bis .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-bis-wrapper-width-tablet); } } @media (min-width: 1024px) { .type-b-bis .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-bis-wrapper-width-desktop); } } @media (min-width: 1220px) { .type-b-bis .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-bis-wrapper-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-b-bis .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-bis-wrapper-width-desktop-full); } } @media (min-width: 1750px) { .type-b-bis .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-bis-wrapper-width-desktop-large); } } @media (min-width: 0px) { .type-b-bis .img-block-image-left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-bis-img-block-image-left-width-mobile); } } @media (min-width: 481px) { .type-b-bis .img-block-image-left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-bis-img-block-image-left-width-tablet); } } @media (min-width: 1024px) { .type-b-bis .img-block-image-left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-bis-img-block-image-left-width-desktop); } } @media (min-width: 1220px) { .type-b-bis .img-block-image-left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-bis-img-block-image-left-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-b-bis .img-block-image-left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-bis-img-block-image-left-width-desktop-full); } } @media (min-width: 1750px) { .type-b-bis .img-block-image-left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-bis-img-block-image-left-width-desktop-large); } } @media (min-width: 0px) { .type-b-bis .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-b-bis-title-block-height-mobile); margin: var(--type-b-bis-title-block-margin-mobile); } } @media (min-width: 481px) { .type-b-bis .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-b-bis-title-block-height-tablet); margin: var(--type-b-bis-title-block-margin-tablet); } } @media (min-width: 1024px) { .type-b-bis .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-b-bis-title-block-height-desktop); margin: var(--type-b-bis-title-block-margin-desktop); } } @media (min-width: 1220px) { .type-b-bis .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-b-bis-title-block-height-desktop-no-burger); margin: var(--type-b-bis-title-block-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-b-bis .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-b-bis-title-block-height-desktop-full); margin: var(--type-b-bis-title-block-margin-desktop-full); } } @media (min-width: 1750px) { .type-b-bis .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-b-bis-title-block-height-desktop-large); margin: var(--type-b-bis-title-block-margin-desktop-large); } } @media (min-width: 0px) { .type-b-bis .text { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-bis-text-margin-bottom-mobile); } } @media (min-width: 481px) { .type-b-bis .text { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-bis-text-margin-bottom-tablet); } } @media (min-width: 1024px) { .type-b-bis .text { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-bis-text-margin-bottom-desktop); } } @media (min-width: 1220px) { .type-b-bis .text { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-bis-text-margin-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-b-bis .text { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-bis-text-margin-bottom-desktop-full); } } @media (min-width: 1750px) { .type-b-bis .text { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-b-bis-text-margin-bottom-desktop-large); } } @media (min-width: 0px) { .type-b-bis .swiper-button-next { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-bis-swiper-button-next-top-mobile); } } @media (min-width: 481px) { .type-b-bis .swiper-button-next { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-bis-swiper-button-next-top-tablet); } } @media (min-width: 1024px) { .type-b-bis .swiper-button-next { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-bis-swiper-button-next-top-desktop); } } @media (min-width: 1220px) { .type-b-bis .swiper-button-next { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-bis-swiper-button-next-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-b-bis .swiper-button-next { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-bis-swiper-button-next-top-desktop-full); } } @media (min-width: 1750px) { .type-b-bis .swiper-button-next { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-bis-swiper-button-next-top-desktop-large); } } @media (min-width: 0px) { .type-b-bis .swiper-button-prev { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-bis-swiper-button-prev-top-mobile); } } @media (min-width: 481px) { .type-b-bis .swiper-button-prev { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-bis-swiper-button-prev-top-tablet); } } @media (min-width: 1024px) { .type-b-bis .swiper-button-prev { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-bis-swiper-button-prev-top-desktop); } } @media (min-width: 1220px) { .type-b-bis .swiper-button-prev { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-bis-swiper-button-prev-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-b-bis .swiper-button-prev { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-bis-swiper-button-prev-top-desktop-full); } } @media (min-width: 1750px) { .type-b-bis .swiper-button-prev { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-b-bis-swiper-button-prev-top-desktop-large); } } @media (min-width: 0px) { .type-b-bis .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ border-radius: var(--type-b-bis-image-border-radius-mobile); margin-bottom: var(--type-b-bis-image-margin-bottom-mobile); aspect-ratio: var(--type-b-bis-image-aspect-ratio-mobile); -o-object-fit: var(--type-b-bis-image-object-fit-mobile); object-fit: var(--type-b-bis-image-object-fit-mobile); width: var(--type-b-bis-image-width-mobile); height: var(--type-b-bis-image-height-mobile); } } @media (min-width: 481px) { .type-b-bis .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ border-radius: var(--type-b-bis-image-border-radius-tablet); margin-bottom: var(--type-b-bis-image-margin-bottom-tablet); aspect-ratio: var(--type-b-bis-image-aspect-ratio-tablet); -o-object-fit: var(--type-b-bis-image-object-fit-tablet); object-fit: var(--type-b-bis-image-object-fit-tablet); width: var(--type-b-bis-image-width-tablet); height: var(--type-b-bis-image-height-tablet); } } @media (min-width: 1024px) { .type-b-bis .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ border-radius: var(--type-b-bis-image-border-radius-desktop); margin-bottom: var(--type-b-bis-image-margin-bottom-desktop); aspect-ratio: var(--type-b-bis-image-aspect-ratio-desktop); -o-object-fit: var(--type-b-bis-image-object-fit-desktop); object-fit: var(--type-b-bis-image-object-fit-desktop); width: var(--type-b-bis-image-width-desktop); height: var(--type-b-bis-image-height-desktop); } } @media (min-width: 1220px) { .type-b-bis .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ border-radius: var(--type-b-bis-image-border-radius-desktop-no-burger); margin-bottom: var(--type-b-bis-image-margin-bottom-desktop-no-burger); aspect-ratio: var(--type-b-bis-image-aspect-ratio-desktop-no-burger); -o-object-fit: var(--type-b-bis-image-object-fit-desktop-no-burger); object-fit: var(--type-b-bis-image-object-fit-desktop-no-burger); width: var(--type-b-bis-image-width-desktop-no-burger); height: var(--type-b-bis-image-height-desktop-no-burger); } } @media (min-width: 1425px) { .type-b-bis .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ border-radius: var(--type-b-bis-image-border-radius-desktop-full); margin-bottom: var(--type-b-bis-image-margin-bottom-desktop-full); aspect-ratio: var(--type-b-bis-image-aspect-ratio-desktop-full); -o-object-fit: var(--type-b-bis-image-object-fit-desktop-full); object-fit: var(--type-b-bis-image-object-fit-desktop-full); width: var(--type-b-bis-image-width-desktop-full); height: var(--type-b-bis-image-height-desktop-full); } } @media (min-width: 1750px) { .type-b-bis .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ border-radius: var(--type-b-bis-image-border-radius-desktop-large); margin-bottom: var(--type-b-bis-image-margin-bottom-desktop-large); aspect-ratio: var(--type-b-bis-image-aspect-ratio-desktop-large); -o-object-fit: var(--type-b-bis-image-object-fit-desktop-large); object-fit: var(--type-b-bis-image-object-fit-desktop-large); width: var(--type-b-bis-image-width-desktop-large); height: var(--type-b-bis-image-height-desktop-large); } } @media (min-width: 0px) { .type-b-bis .swiper-slide { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-bis-swiper-slide-width-mobile); border-radius: var(--type-b-bis-swiper-slide-border-radius-mobile); } } @media (min-width: 481px) { .type-b-bis .swiper-slide { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-bis-swiper-slide-width-tablet); border-radius: var(--type-b-bis-swiper-slide-border-radius-tablet); } } @media (min-width: 1024px) { .type-b-bis .swiper-slide { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-bis-swiper-slide-width-desktop); border-radius: var(--type-b-bis-swiper-slide-border-radius-desktop); } } @media (min-width: 1220px) { .type-b-bis .swiper-slide { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-bis-swiper-slide-width-desktop-no-burger); border-radius: var(--type-b-bis-swiper-slide-border-radius-desktop-no-burger); } } @media (min-width: 1425px) { .type-b-bis .swiper-slide { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-bis-swiper-slide-width-desktop-full); border-radius: var(--type-b-bis-swiper-slide-border-radius-desktop-full); } } @media (min-width: 1750px) { .type-b-bis .swiper-slide { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-bis-swiper-slide-width-desktop-large); border-radius: var(--type-b-bis-swiper-slide-border-radius-desktop-large); } } @media (min-width: 0px) { .type-b-bis .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-b-bis-top-margin-margin-top-mobile); } } @media (min-width: 481px) { .type-b-bis .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-b-bis-top-margin-margin-top-tablet); } } @media (min-width: 1024px) { .type-b-bis .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-b-bis-top-margin-margin-top-desktop); } } @media (min-width: 1220px) { .type-b-bis .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-b-bis-top-margin-margin-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-b-bis .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-b-bis-top-margin-margin-top-desktop-full); } } @media (min-width: 1750px) { .type-b-bis .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-b-bis-top-margin-margin-top-desktop-large); } } @media (min-width: 0px) { .type-b-bis .swiper-pagination { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-bis-swiper-pagination-position-mobile); z-index: var(--type-b-bis-swiper-pagination-z-index-mobile); bottom: var(--type-b-bis-swiper-pagination-bottom-mobile); } } @media (min-width: 481px) { .type-b-bis .swiper-pagination { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-bis-swiper-pagination-position-tablet); z-index: var(--type-b-bis-swiper-pagination-z-index-tablet); bottom: var(--type-b-bis-swiper-pagination-bottom-tablet); } } @media (min-width: 1024px) { .type-b-bis .swiper-pagination { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-bis-swiper-pagination-position-desktop); z-index: var(--type-b-bis-swiper-pagination-z-index-desktop); bottom: var(--type-b-bis-swiper-pagination-bottom-desktop); } } @media (min-width: 1220px) { .type-b-bis .swiper-pagination { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-bis-swiper-pagination-position-desktop-no-burger); z-index: var(--type-b-bis-swiper-pagination-z-index-desktop-no-burger); bottom: var(--type-b-bis-swiper-pagination-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-b-bis .swiper-pagination { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-bis-swiper-pagination-position-desktop-full); z-index: var(--type-b-bis-swiper-pagination-z-index-desktop-full); bottom: var(--type-b-bis-swiper-pagination-bottom-desktop-full); } } @media (min-width: 1750px) { .type-b-bis .swiper-pagination { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-bis-swiper-pagination-position-desktop-large); z-index: var(--type-b-bis-swiper-pagination-z-index-desktop-large); bottom: var(--type-b-bis-swiper-pagination-bottom-desktop-large); } } @media (min-width: 0px) { .type-b-bis .background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-bis-background-position-mobile); } } @media (min-width: 481px) { .type-b-bis .background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-bis-background-position-tablet); } } @media (min-width: 1024px) { .type-b-bis .background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-bis-background-position-desktop); } } @media (min-width: 1220px) { .type-b-bis .background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-bis-background-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-b-bis .background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-bis-background-position-desktop-full); } } @media (min-width: 1750px) { .type-b-bis .background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-b-bis-background-position-desktop-large); } } @media (min-width: 0px) { .type-content { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-content-this-padding-mobile); margin: var(--type-content-this-margin-mobile); } } @media (min-width: 481px) { .type-content { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-content-this-padding-tablet); margin: var(--type-content-this-margin-tablet); } } @media (min-width: 1024px) { .type-content { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-content-this-padding-desktop); margin: var(--type-content-this-margin-desktop); } } @media (min-width: 1220px) { .type-content { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-content-this-padding-desktop-no-burger); margin: var(--type-content-this-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-content { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-content-this-padding-desktop-full); margin: var(--type-content-this-margin-desktop-full); } } @media (min-width: 1750px) { .type-content { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-content-this-padding-desktop-large); margin: var(--type-content-this-margin-desktop-large); } } @media (min-width: 0px) { .type-content .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-content-wrapper-padding-mobile); } } @media (min-width: 481px) { .type-content .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-content-wrapper-padding-tablet); } } @media (min-width: 1024px) { .type-content .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-content-wrapper-padding-desktop); } } @media (min-width: 1220px) { .type-content .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-content-wrapper-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-content .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-content-wrapper-padding-desktop-full); } } @media (min-width: 1750px) { .type-content .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-content-wrapper-padding-desktop-large); } } @media (min-width: 0px) { .type-content .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-content-container-padding-mobile); } } @media (min-width: 481px) { .type-content .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-content-container-padding-tablet); } } @media (min-width: 1024px) { .type-content .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-content-container-padding-desktop); } } @media (min-width: 1220px) { .type-content .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-content-container-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-content .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-content-container-padding-desktop-full); } } @media (min-width: 1750px) { .type-content .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-content-container-padding-desktop-large); } } @media (min-width: 0px) { .type-accordion { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-this-padding-mobile); margin: var(--type-accordion-this-margin-mobile); } } @media (min-width: 481px) { .type-accordion { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-this-padding-tablet); margin: var(--type-accordion-this-margin-tablet); } } @media (min-width: 1024px) { .type-accordion { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-this-padding-desktop); margin: var(--type-accordion-this-margin-desktop); } } @media (min-width: 1220px) { .type-accordion { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-this-padding-desktop-no-burger); margin: var(--type-accordion-this-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-accordion { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-this-padding-desktop-full); margin: var(--type-accordion-this-margin-desktop-full); } } @media (min-width: 1750px) { .type-accordion { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-this-padding-desktop-large); margin: var(--type-accordion-this-margin-desktop-large); } } @media (min-width: 0px) { .type-accordion .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-wrapper-padding-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-accordion-wrapper-flex-direction-mobile); flex-direction: var(--type-accordion-wrapper-flex-direction-mobile); -webkit-box-align: var(--type-accordion-wrapper-align-items-mobile); -ms-flex-align: var(--type-accordion-wrapper-align-items-mobile); align-items: var(--type-accordion-wrapper-align-items-mobile); } } @media (min-width: 481px) { .type-accordion .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-wrapper-padding-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-accordion-wrapper-flex-direction-tablet); flex-direction: var(--type-accordion-wrapper-flex-direction-tablet); -webkit-box-align: var(--type-accordion-wrapper-align-items-tablet); -ms-flex-align: var(--type-accordion-wrapper-align-items-tablet); align-items: var(--type-accordion-wrapper-align-items-tablet); } } @media (min-width: 1024px) { .type-accordion .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-wrapper-padding-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-accordion-wrapper-flex-direction-desktop); flex-direction: var(--type-accordion-wrapper-flex-direction-desktop); -webkit-box-align: var(--type-accordion-wrapper-align-items-desktop); -ms-flex-align: var(--type-accordion-wrapper-align-items-desktop); align-items: var(--type-accordion-wrapper-align-items-desktop); } } @media (min-width: 1220px) { .type-accordion .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-wrapper-padding-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-accordion-wrapper-flex-direction-desktop-no-burger); flex-direction: var(--type-accordion-wrapper-flex-direction-desktop-no-burger); -webkit-box-align: var(--type-accordion-wrapper-align-items-desktop-no-burger); -ms-flex-align: var(--type-accordion-wrapper-align-items-desktop-no-burger); align-items: var(--type-accordion-wrapper-align-items-desktop-no-burger); } } @media (min-width: 1425px) { .type-accordion .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-wrapper-padding-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-accordion-wrapper-flex-direction-desktop-full); flex-direction: var(--type-accordion-wrapper-flex-direction-desktop-full); -webkit-box-align: var(--type-accordion-wrapper-align-items-desktop-full); -ms-flex-align: var(--type-accordion-wrapper-align-items-desktop-full); align-items: var(--type-accordion-wrapper-align-items-desktop-full); } } @media (min-width: 1750px) { .type-accordion .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-wrapper-padding-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-accordion-wrapper-flex-direction-desktop-large); flex-direction: var(--type-accordion-wrapper-flex-direction-desktop-large); -webkit-box-align: var(--type-accordion-wrapper-align-items-desktop-large); -ms-flex-align: var(--type-accordion-wrapper-align-items-desktop-large); align-items: var(--type-accordion-wrapper-align-items-desktop-large); } } @media (min-width: 0px) { .type-accordion .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-container-padding-mobile); } } @media (min-width: 481px) { .type-accordion .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-container-padding-tablet); } } @media (min-width: 1024px) { .type-accordion .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-container-padding-desktop); } } @media (min-width: 1220px) { .type-accordion .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-container-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-accordion .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-container-padding-desktop-full); } } @media (min-width: 1750px) { .type-accordion .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-container-padding-desktop-large); } } @media (min-width: 0px) { .type-accordion .bis { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-bis-padding-mobile); } } @media (min-width: 481px) { .type-accordion .bis { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-bis-padding-tablet); } } @media (min-width: 1024px) { .type-accordion .bis { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-bis-padding-desktop); } } @media (min-width: 1220px) { .type-accordion .bis { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-bis-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-accordion .bis { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-bis-padding-desktop-full); } } @media (min-width: 1750px) { .type-accordion .bis { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-accordion-bis-padding-desktop-large); } } @media (min-width: 0px) { .type-accordion .accordion { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ overflow: var(--type-accordion-accordion-overflow-mobile); margin-bottom: var(--type-accordion-accordion-margin-bottom-mobile); display: var(--type-accordion-accordion-display-mobile); -ms-grid-rows: var(--type-accordion-accordion-grid-template-rows-mobile); grid-template-rows: var(--type-accordion-accordion-grid-template-rows-mobile); opacity: var(--type-accordion-accordion-opacity-mobile); } } @media (min-width: 481px) { .type-accordion .accordion { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ overflow: var(--type-accordion-accordion-overflow-tablet); margin-bottom: var(--type-accordion-accordion-margin-bottom-tablet); display: var(--type-accordion-accordion-display-tablet); -ms-grid-rows: var(--type-accordion-accordion-grid-template-rows-tablet); grid-template-rows: var(--type-accordion-accordion-grid-template-rows-tablet); opacity: var(--type-accordion-accordion-opacity-tablet); } } @media (min-width: 1024px) { .type-accordion .accordion { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ overflow: var(--type-accordion-accordion-overflow-desktop); margin-bottom: var(--type-accordion-accordion-margin-bottom-desktop); display: var(--type-accordion-accordion-display-desktop); -ms-grid-rows: var(--type-accordion-accordion-grid-template-rows-desktop); grid-template-rows: var(--type-accordion-accordion-grid-template-rows-desktop); opacity: var(--type-accordion-accordion-opacity-desktop); } } @media (min-width: 1220px) { .type-accordion .accordion { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ overflow: var(--type-accordion-accordion-overflow-desktop-no-burger); margin-bottom: var(--type-accordion-accordion-margin-bottom-desktop-no-burger); display: var(--type-accordion-accordion-display-desktop-no-burger); -ms-grid-rows: var(--type-accordion-accordion-grid-template-rows-desktop-no-burger); grid-template-rows: var(--type-accordion-accordion-grid-template-rows-desktop-no-burger); opacity: var(--type-accordion-accordion-opacity-desktop-no-burger); } } @media (min-width: 1425px) { .type-accordion .accordion { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ overflow: var(--type-accordion-accordion-overflow-desktop-full); margin-bottom: var(--type-accordion-accordion-margin-bottom-desktop-full); display: var(--type-accordion-accordion-display-desktop-full); -ms-grid-rows: var(--type-accordion-accordion-grid-template-rows-desktop-full); grid-template-rows: var(--type-accordion-accordion-grid-template-rows-desktop-full); opacity: var(--type-accordion-accordion-opacity-desktop-full); } } @media (min-width: 1750px) { .type-accordion .accordion { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ overflow: var(--type-accordion-accordion-overflow-desktop-large); margin-bottom: var(--type-accordion-accordion-margin-bottom-desktop-large); display: var(--type-accordion-accordion-display-desktop-large); -ms-grid-rows: var(--type-accordion-accordion-grid-template-rows-desktop-large); grid-template-rows: var(--type-accordion-accordion-grid-template-rows-desktop-large); opacity: var(--type-accordion-accordion-opacity-desktop-large); } } @media (min-width: 0px) { .type-accordion .content { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ overflow: var(--type-accordion-content-overflow-mobile); } } @media (min-width: 481px) { .type-accordion .content { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ overflow: var(--type-accordion-content-overflow-tablet); } } @media (min-width: 1024px) { .type-accordion .content { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ overflow: var(--type-accordion-content-overflow-desktop); } } @media (min-width: 1220px) { .type-accordion .content { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ overflow: var(--type-accordion-content-overflow-desktop-no-burger); } } @media (min-width: 1425px) { .type-accordion .content { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ overflow: var(--type-accordion-content-overflow-desktop-full); } } @media (min-width: 1750px) { .type-accordion .content { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ overflow: var(--type-accordion-content-overflow-desktop-large); } } @media (min-width: 0px) { .type-accordion .content-wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-block: var(--type-accordion-content-wrapper-padding-block-mobile); padding-inline: var(--type-accordion-content-wrapper-padding-inline-mobile); } } @media (min-width: 481px) { .type-accordion .content-wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-block: var(--type-accordion-content-wrapper-padding-block-tablet); padding-inline: var(--type-accordion-content-wrapper-padding-inline-tablet); } } @media (min-width: 1024px) { .type-accordion .content-wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-block: var(--type-accordion-content-wrapper-padding-block-desktop); padding-inline: var(--type-accordion-content-wrapper-padding-inline-desktop); } } @media (min-width: 1220px) { .type-accordion .content-wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-block: var(--type-accordion-content-wrapper-padding-block-desktop-no-burger); padding-inline: var(--type-accordion-content-wrapper-padding-inline-desktop-no-burger); } } @media (min-width: 1425px) { .type-accordion .content-wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-block: var(--type-accordion-content-wrapper-padding-block-desktop-full); padding-inline: var(--type-accordion-content-wrapper-padding-inline-desktop-full); } } @media (min-width: 1750px) { .type-accordion .content-wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-block: var(--type-accordion-content-wrapper-padding-block-desktop-large); padding-inline: var(--type-accordion-content-wrapper-padding-inline-desktop-large); } } @media (min-width: 0px) { .type-c { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-c-this-flex-direction-mobile); flex-direction: var(--type-c-this-flex-direction-mobile); padding: var(--type-c-this-padding-mobile); position: var(--type-c-this-position-mobile); gap: var(--type-c-this-gap-mobile); } } @media (min-width: 481px) { .type-c { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-c-this-flex-direction-tablet); flex-direction: var(--type-c-this-flex-direction-tablet); padding: var(--type-c-this-padding-tablet); position: var(--type-c-this-position-tablet); gap: var(--type-c-this-gap-tablet); } } @media (min-width: 1024px) { .type-c { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-c-this-flex-direction-desktop); flex-direction: var(--type-c-this-flex-direction-desktop); padding: var(--type-c-this-padding-desktop); position: var(--type-c-this-position-desktop); gap: var(--type-c-this-gap-desktop); } } @media (min-width: 1220px) { .type-c { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-c-this-flex-direction-desktop-no-burger); flex-direction: var(--type-c-this-flex-direction-desktop-no-burger); padding: var(--type-c-this-padding-desktop-no-burger); position: var(--type-c-this-position-desktop-no-burger); gap: var(--type-c-this-gap-desktop-no-burger); } } @media (min-width: 1425px) { .type-c { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-c-this-flex-direction-desktop-full); flex-direction: var(--type-c-this-flex-direction-desktop-full); padding: var(--type-c-this-padding-desktop-full); position: var(--type-c-this-position-desktop-full); gap: var(--type-c-this-gap-desktop-full); } } @media (min-width: 1750px) { .type-c { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-c-this-flex-direction-desktop-large); flex-direction: var(--type-c-this-flex-direction-desktop-large); padding: var(--type-c-this-padding-desktop-large); position: var(--type-c-this-position-desktop-large); gap: var(--type-c-this-gap-desktop-large); } } @media (min-width: 0px) { .type-c .contain-img { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-c-contain-img-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-c-contain-img-flex-direction-mobile); flex-direction: var(--type-c-contain-img-flex-direction-mobile); width: var(--type-c-contain-img-width-mobile); -ms-grid-columns: var(--type-c-contain-img-grid-template-columns-mobile); grid-template-columns: var(--type-c-contain-img-grid-template-columns-mobile); -webkit-box-pack: var(--type-c-contain-img-justify-content-mobile); -ms-flex-pack: var(--type-c-contain-img-justify-content-mobile); justify-content: var(--type-c-contain-img-justify-content-mobile); gap: var(--type-c-contain-img-gap-mobile); position: var(--type-c-contain-img-position-mobile); margin: var(--type-c-contain-img-margin-mobile); } } @media (min-width: 481px) { .type-c .contain-img { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-c-contain-img-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-c-contain-img-flex-direction-tablet); flex-direction: var(--type-c-contain-img-flex-direction-tablet); width: var(--type-c-contain-img-width-tablet); -ms-grid-columns: var(--type-c-contain-img-grid-template-columns-tablet); grid-template-columns: var(--type-c-contain-img-grid-template-columns-tablet); -webkit-box-pack: var(--type-c-contain-img-justify-content-tablet); -ms-flex-pack: var(--type-c-contain-img-justify-content-tablet); justify-content: var(--type-c-contain-img-justify-content-tablet); gap: var(--type-c-contain-img-gap-tablet); position: var(--type-c-contain-img-position-tablet); margin: var(--type-c-contain-img-margin-tablet); } } @media (min-width: 1024px) { .type-c .contain-img { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-c-contain-img-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-c-contain-img-flex-direction-desktop); flex-direction: var(--type-c-contain-img-flex-direction-desktop); width: var(--type-c-contain-img-width-desktop); -ms-grid-columns: var(--type-c-contain-img-grid-template-columns-desktop); grid-template-columns: var(--type-c-contain-img-grid-template-columns-desktop); -webkit-box-pack: var(--type-c-contain-img-justify-content-desktop); -ms-flex-pack: var(--type-c-contain-img-justify-content-desktop); justify-content: var(--type-c-contain-img-justify-content-desktop); gap: var(--type-c-contain-img-gap-desktop); position: var(--type-c-contain-img-position-desktop); margin: var(--type-c-contain-img-margin-desktop); } } @media (min-width: 1220px) { .type-c .contain-img { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-c-contain-img-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-c-contain-img-flex-direction-desktop-no-burger); flex-direction: var(--type-c-contain-img-flex-direction-desktop-no-burger); width: var(--type-c-contain-img-width-desktop-no-burger); -ms-grid-columns: var(--type-c-contain-img-grid-template-columns-desktop-no-burger); grid-template-columns: var(--type-c-contain-img-grid-template-columns-desktop-no-burger); -webkit-box-pack: var(--type-c-contain-img-justify-content-desktop-no-burger); -ms-flex-pack: var(--type-c-contain-img-justify-content-desktop-no-burger); justify-content: var(--type-c-contain-img-justify-content-desktop-no-burger); gap: var(--type-c-contain-img-gap-desktop-no-burger); position: var(--type-c-contain-img-position-desktop-no-burger); margin: var(--type-c-contain-img-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-c .contain-img { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-c-contain-img-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-c-contain-img-flex-direction-desktop-full); flex-direction: var(--type-c-contain-img-flex-direction-desktop-full); width: var(--type-c-contain-img-width-desktop-full); -ms-grid-columns: var(--type-c-contain-img-grid-template-columns-desktop-full); grid-template-columns: var(--type-c-contain-img-grid-template-columns-desktop-full); -webkit-box-pack: var(--type-c-contain-img-justify-content-desktop-full); -ms-flex-pack: var(--type-c-contain-img-justify-content-desktop-full); justify-content: var(--type-c-contain-img-justify-content-desktop-full); gap: var(--type-c-contain-img-gap-desktop-full); position: var(--type-c-contain-img-position-desktop-full); margin: var(--type-c-contain-img-margin-desktop-full); } } @media (min-width: 1750px) { .type-c .contain-img { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-c-contain-img-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-c-contain-img-flex-direction-desktop-large); flex-direction: var(--type-c-contain-img-flex-direction-desktop-large); width: var(--type-c-contain-img-width-desktop-large); -ms-grid-columns: var(--type-c-contain-img-grid-template-columns-desktop-large); grid-template-columns: var(--type-c-contain-img-grid-template-columns-desktop-large); -webkit-box-pack: var(--type-c-contain-img-justify-content-desktop-large); -ms-flex-pack: var(--type-c-contain-img-justify-content-desktop-large); justify-content: var(--type-c-contain-img-justify-content-desktop-large); gap: var(--type-c-contain-img-gap-desktop-large); position: var(--type-c-contain-img-position-desktop-large); margin: var(--type-c-contain-img-margin-desktop-large); } } @media (min-width: 0px) { .type-c .img-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-align: var(--type-c-img-container-align-items-mobile); -ms-flex-align: var(--type-c-img-container-align-items-mobile); align-items: var(--type-c-img-container-align-items-mobile); display: var(--type-c-img-container-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-c-img-container-flex-direction-mobile); flex-direction: var(--type-c-img-container-flex-direction-mobile); padding: var(--type-c-img-container-padding-mobile); } } @media (min-width: 481px) { .type-c .img-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-align: var(--type-c-img-container-align-items-tablet); -ms-flex-align: var(--type-c-img-container-align-items-tablet); align-items: var(--type-c-img-container-align-items-tablet); display: var(--type-c-img-container-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-c-img-container-flex-direction-tablet); flex-direction: var(--type-c-img-container-flex-direction-tablet); padding: var(--type-c-img-container-padding-tablet); } } @media (min-width: 1024px) { .type-c .img-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-align: var(--type-c-img-container-align-items-desktop); -ms-flex-align: var(--type-c-img-container-align-items-desktop); align-items: var(--type-c-img-container-align-items-desktop); display: var(--type-c-img-container-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-c-img-container-flex-direction-desktop); flex-direction: var(--type-c-img-container-flex-direction-desktop); padding: var(--type-c-img-container-padding-desktop); } } @media (min-width: 1220px) { .type-c .img-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-align: var(--type-c-img-container-align-items-desktop-no-burger); -ms-flex-align: var(--type-c-img-container-align-items-desktop-no-burger); align-items: var(--type-c-img-container-align-items-desktop-no-burger); display: var(--type-c-img-container-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-c-img-container-flex-direction-desktop-no-burger); flex-direction: var(--type-c-img-container-flex-direction-desktop-no-burger); padding: var(--type-c-img-container-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-c .img-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-align: var(--type-c-img-container-align-items-desktop-full); -ms-flex-align: var(--type-c-img-container-align-items-desktop-full); align-items: var(--type-c-img-container-align-items-desktop-full); display: var(--type-c-img-container-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-c-img-container-flex-direction-desktop-full); flex-direction: var(--type-c-img-container-flex-direction-desktop-full); padding: var(--type-c-img-container-padding-desktop-full); } } @media (min-width: 1750px) { .type-c .img-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-align: var(--type-c-img-container-align-items-desktop-large); -ms-flex-align: var(--type-c-img-container-align-items-desktop-large); align-items: var(--type-c-img-container-align-items-desktop-large); display: var(--type-c-img-container-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-c-img-container-flex-direction-desktop-large); flex-direction: var(--type-c-img-container-flex-direction-desktop-large); padding: var(--type-c-img-container-padding-desktop-large); } } @media (min-width: 0px) { .type-c .first-element { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-c-first-element-margin-top-mobile); } } @media (min-width: 481px) { .type-c .first-element { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-c-first-element-margin-top-tablet); } } @media (min-width: 1024px) { .type-c .first-element { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-c-first-element-margin-top-desktop); } } @media (min-width: 1220px) { .type-c .first-element { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-c-first-element-margin-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-c .first-element { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-c-first-element-margin-top-desktop-full); } } @media (min-width: 1750px) { .type-c .first-element { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-c-first-element-margin-top-desktop-large); } } @media (min-width: 0px) { .type-c .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-c-little-margin-margin-mobile); } } @media (min-width: 481px) { .type-c .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-c-little-margin-margin-tablet); } } @media (min-width: 1024px) { .type-c .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-c-little-margin-margin-desktop); } } @media (min-width: 1220px) { .type-c .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-c-little-margin-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-c .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-c-little-margin-margin-desktop-full); } } @media (min-width: 1750px) { .type-c .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-c-little-margin-margin-desktop-large); } } @media (min-width: 0px) { .type-c .icon-size { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-c-icon-size-height-mobile); } } @media (min-width: 481px) { .type-c .icon-size { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-c-icon-size-height-tablet); } } @media (min-width: 1024px) { .type-c .icon-size { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-c-icon-size-height-desktop); } } @media (min-width: 1220px) { .type-c .icon-size { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-c-icon-size-height-desktop-no-burger); } } @media (min-width: 1425px) { .type-c .icon-size { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-c-icon-size-height-desktop-full); } } @media (min-width: 1750px) { .type-c .icon-size { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-c-icon-size-height-desktop-large); } } @media (min-width: 0px) { .type-c .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-top: var(--type-c-margin-top-padding-top-mobile); margin: var(--type-c-margin-top-margin-mobile); } } @media (min-width: 481px) { .type-c .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-top: var(--type-c-margin-top-padding-top-tablet); margin: var(--type-c-margin-top-margin-tablet); } } @media (min-width: 1024px) { .type-c .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-top: var(--type-c-margin-top-padding-top-desktop); margin: var(--type-c-margin-top-margin-desktop); } } @media (min-width: 1220px) { .type-c .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-top: var(--type-c-margin-top-padding-top-desktop-no-burger); margin: var(--type-c-margin-top-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-c .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-top: var(--type-c-margin-top-padding-top-desktop-full); margin: var(--type-c-margin-top-margin-desktop-full); } } @media (min-width: 1750px) { .type-c .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-top: var(--type-c-margin-top-padding-top-desktop-large); margin: var(--type-c-margin-top-margin-desktop-large); } } @media (min-width: 0px) { .type-c .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-c-title-block-width-mobile); } } @media (min-width: 481px) { .type-c .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-c-title-block-width-tablet); } } @media (min-width: 1024px) { .type-c .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-c-title-block-width-desktop); } } @media (min-width: 1220px) { .type-c .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-c-title-block-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-c .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-c-title-block-width-desktop-full); } } @media (min-width: 1750px) { .type-c .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-c-title-block-width-desktop-large); } } @media (min-width: 0px) { .type-c .big-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-c-big-margin-margin-bottom-mobile); } } @media (min-width: 481px) { .type-c .big-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-c-big-margin-margin-bottom-tablet); } } @media (min-width: 1024px) { .type-c .big-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-c-big-margin-margin-bottom-desktop); } } @media (min-width: 1220px) { .type-c .big-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-c-big-margin-margin-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-c .big-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-c-big-margin-margin-bottom-desktop-full); } } @media (min-width: 1750px) { .type-c .big-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-c-big-margin-margin-bottom-desktop-large); } } @media (min-width: 0px) { .type-c .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-c-section-with-background-height-mobile); width: var(--type-c-section-with-background-width-mobile); position: var(--type-c-section-with-background-position-mobile); left: var(--type-c-section-with-background-left-mobile); top: var(--type-c-section-with-background-top-mobile); } } @media (min-width: 481px) { .type-c .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-c-section-with-background-height-tablet); width: var(--type-c-section-with-background-width-tablet); position: var(--type-c-section-with-background-position-tablet); left: var(--type-c-section-with-background-left-tablet); top: var(--type-c-section-with-background-top-tablet); } } @media (min-width: 1024px) { .type-c .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-c-section-with-background-height-desktop); width: var(--type-c-section-with-background-width-desktop); position: var(--type-c-section-with-background-position-desktop); left: var(--type-c-section-with-background-left-desktop); top: var(--type-c-section-with-background-top-desktop); } } @media (min-width: 1220px) { .type-c .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-c-section-with-background-height-desktop-no-burger); width: var(--type-c-section-with-background-width-desktop-no-burger); position: var(--type-c-section-with-background-position-desktop-no-burger); left: var(--type-c-section-with-background-left-desktop-no-burger); top: var(--type-c-section-with-background-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-c .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-c-section-with-background-height-desktop-full); width: var(--type-c-section-with-background-width-desktop-full); position: var(--type-c-section-with-background-position-desktop-full); left: var(--type-c-section-with-background-left-desktop-full); top: var(--type-c-section-with-background-top-desktop-full); } } @media (min-width: 1750px) { .type-c .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-c-section-with-background-height-desktop-large); width: var(--type-c-section-with-background-width-desktop-large); position: var(--type-c-section-with-background-position-desktop-large); left: var(--type-c-section-with-background-left-desktop-large); top: var(--type-c-section-with-background-top-desktop-large); } } @media (min-width: 0px) { .type-c .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-c-image-background-height-mobile); width: var(--type-c-image-background-width-mobile); opacity: var(--type-c-image-background-opacity-mobile); -o-object-fit: var(--type-c-image-background-object-fit-mobile); object-fit: var(--type-c-image-background-object-fit-mobile); } } @media (min-width: 481px) { .type-c .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-c-image-background-height-tablet); width: var(--type-c-image-background-width-tablet); opacity: var(--type-c-image-background-opacity-tablet); -o-object-fit: var(--type-c-image-background-object-fit-tablet); object-fit: var(--type-c-image-background-object-fit-tablet); } } @media (min-width: 1024px) { .type-c .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-c-image-background-height-desktop); width: var(--type-c-image-background-width-desktop); opacity: var(--type-c-image-background-opacity-desktop); -o-object-fit: var(--type-c-image-background-object-fit-desktop); object-fit: var(--type-c-image-background-object-fit-desktop); } } @media (min-width: 1220px) { .type-c .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-c-image-background-height-desktop-no-burger); width: var(--type-c-image-background-width-desktop-no-burger); opacity: var(--type-c-image-background-opacity-desktop-no-burger); -o-object-fit: var(--type-c-image-background-object-fit-desktop-no-burger); object-fit: var(--type-c-image-background-object-fit-desktop-no-burger); } } @media (min-width: 1425px) { .type-c .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-c-image-background-height-desktop-full); width: var(--type-c-image-background-width-desktop-full); opacity: var(--type-c-image-background-opacity-desktop-full); -o-object-fit: var(--type-c-image-background-object-fit-desktop-full); object-fit: var(--type-c-image-background-object-fit-desktop-full); } } @media (min-width: 1750px) { .type-c .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-c-image-background-height-desktop-large); width: var(--type-c-image-background-width-desktop-large); opacity: var(--type-c-image-background-opacity-desktop-large); -o-object-fit: var(--type-c-image-background-object-fit-desktop-large); object-fit: var(--type-c-image-background-object-fit-desktop-large); } } @media (min-width: 0px) { .type-d { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-d-this-padding-mobile); margin: var(--type-d-this-margin-mobile); position: var(--type-d-this-position-mobile); } } @media (min-width: 481px) { .type-d { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-d-this-padding-tablet); margin: var(--type-d-this-margin-tablet); position: var(--type-d-this-position-tablet); } } @media (min-width: 1024px) { .type-d { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-d-this-padding-desktop); margin: var(--type-d-this-margin-desktop); position: var(--type-d-this-position-desktop); } } @media (min-width: 1220px) { .type-d { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-d-this-padding-desktop-no-burger); margin: var(--type-d-this-margin-desktop-no-burger); position: var(--type-d-this-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-d { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-d-this-padding-desktop-full); margin: var(--type-d-this-margin-desktop-full); position: var(--type-d-this-position-desktop-full); } } @media (min-width: 1750px) { .type-d { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-d-this-padding-desktop-large); margin: var(--type-d-this-margin-desktop-large); position: var(--type-d-this-position-desktop-large); } } @media (min-width: 0px) { .type-d .contain-team { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-d-contain-team-padding-mobile); row-gap: var(--type-d-contain-team-row-gap-mobile); } } @media (min-width: 481px) { .type-d .contain-team { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-d-contain-team-padding-tablet); row-gap: var(--type-d-contain-team-row-gap-tablet); } } @media (min-width: 1024px) { .type-d .contain-team { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-d-contain-team-padding-desktop); row-gap: var(--type-d-contain-team-row-gap-desktop); } } @media (min-width: 1220px) { .type-d .contain-team { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-d-contain-team-padding-desktop-no-burger); row-gap: var(--type-d-contain-team-row-gap-desktop-no-burger); } } @media (min-width: 1425px) { .type-d .contain-team { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-d-contain-team-padding-desktop-full); row-gap: var(--type-d-contain-team-row-gap-desktop-full); } } @media (min-width: 1750px) { .type-d .contain-team { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-d-contain-team-padding-desktop-large); row-gap: var(--type-d-contain-team-row-gap-desktop-large); } } @media (min-width: 0px) { .type-d .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-d-title-block-margin-bottom-mobile); } } @media (min-width: 481px) { .type-d .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-d-title-block-margin-bottom-tablet); } } @media (min-width: 1024px) { .type-d .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-d-title-block-margin-bottom-desktop); } } @media (min-width: 1220px) { .type-d .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-d-title-block-margin-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-d .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-d-title-block-margin-bottom-desktop-full); } } @media (min-width: 1750px) { .type-d .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-d-title-block-margin-bottom-desktop-large); } } @media (min-width: 0px) { .type-d .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-d-margin-bottom-margin-bottom-mobile); } } @media (min-width: 481px) { .type-d .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-d-margin-bottom-margin-bottom-tablet); } } @media (min-width: 1024px) { .type-d .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-d-margin-bottom-margin-bottom-desktop); } } @media (min-width: 1220px) { .type-d .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-d-margin-bottom-margin-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-d .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-d-margin-bottom-margin-bottom-desktop-full); } } @media (min-width: 1750px) { .type-d .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-d-margin-bottom-margin-bottom-desktop-large); } } @media (min-width: 0px) { .type-d .big-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-d-big-margin-margin-bottom-mobile); margin-top: var(--type-d-big-margin-margin-top-mobile); } } @media (min-width: 481px) { .type-d .big-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-d-big-margin-margin-bottom-tablet); margin-top: var(--type-d-big-margin-margin-top-tablet); } } @media (min-width: 1024px) { .type-d .big-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-d-big-margin-margin-bottom-desktop); margin-top: var(--type-d-big-margin-margin-top-desktop); } } @media (min-width: 1220px) { .type-d .big-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-d-big-margin-margin-bottom-desktop-no-burger); margin-top: var(--type-d-big-margin-margin-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-d .big-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-d-big-margin-margin-bottom-desktop-full); margin-top: var(--type-d-big-margin-margin-top-desktop-full); } } @media (min-width: 1750px) { .type-d .big-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-d-big-margin-margin-bottom-desktop-large); margin-top: var(--type-d-big-margin-margin-top-desktop-large); } } @media (min-width: 0px) { .type-d .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-d-little-margin-margin-mobile); } } @media (min-width: 481px) { .type-d .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-d-little-margin-margin-tablet); } } @media (min-width: 1024px) { .type-d .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-d-little-margin-margin-desktop); } } @media (min-width: 1220px) { .type-d .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-d-little-margin-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-d .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-d-little-margin-margin-desktop-full); } } @media (min-width: 1750px) { .type-d .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-d-little-margin-margin-desktop-large); } } @media (min-width: 0px) { .type-d .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-d-image-width-mobile); background-color: var(--type-d-image-background-color-mobile); border-radius: var(--type-d-image-border-radius-mobile); } } @media (min-width: 481px) { .type-d .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-d-image-width-tablet); background-color: var(--type-d-image-background-color-tablet); border-radius: var(--type-d-image-border-radius-tablet); } } @media (min-width: 1024px) { .type-d .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-d-image-width-desktop); background-color: var(--type-d-image-background-color-desktop); border-radius: var(--type-d-image-border-radius-desktop); } } @media (min-width: 1220px) { .type-d .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-d-image-width-desktop-no-burger); background-color: var(--type-d-image-background-color-desktop-no-burger); border-radius: var(--type-d-image-border-radius-desktop-no-burger); } } @media (min-width: 1425px) { .type-d .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-d-image-width-desktop-full); background-color: var(--type-d-image-background-color-desktop-full); border-radius: var(--type-d-image-border-radius-desktop-full); } } @media (min-width: 1750px) { .type-d .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-d-image-width-desktop-large); background-color: var(--type-d-image-background-color-desktop-large); border-radius: var(--type-d-image-border-radius-desktop-large); } } @media (min-width: 0px) { .type-e { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-e-this-padding-mobile); margin: var(--type-e-this-margin-mobile); position: var(--type-e-this-position-mobile); } } @media (min-width: 481px) { .type-e { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-e-this-padding-tablet); margin: var(--type-e-this-margin-tablet); position: var(--type-e-this-position-tablet); } } @media (min-width: 1024px) { .type-e { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-e-this-padding-desktop); margin: var(--type-e-this-margin-desktop); position: var(--type-e-this-position-desktop); } } @media (min-width: 1220px) { .type-e { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-e-this-padding-desktop-no-burger); margin: var(--type-e-this-margin-desktop-no-burger); position: var(--type-e-this-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-e { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-e-this-padding-desktop-full); margin: var(--type-e-this-margin-desktop-full); position: var(--type-e-this-position-desktop-full); } } @media (min-width: 1750px) { .type-e { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-e-this-padding-desktop-large); margin: var(--type-e-this-margin-desktop-large); position: var(--type-e-this-position-desktop-large); } } @media (min-width: 0px) { .type-e .swiper-with-title { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-e-swiper-with-title-padding-mobile); } } @media (min-width: 481px) { .type-e .swiper-with-title { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-e-swiper-with-title-padding-tablet); } } @media (min-width: 1024px) { .type-e .swiper-with-title { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-e-swiper-with-title-padding-desktop); } } @media (min-width: 1220px) { .type-e .swiper-with-title { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-e-swiper-with-title-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-e .swiper-with-title { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-e-swiper-with-title-padding-desktop-full); } } @media (min-width: 1750px) { .type-e .swiper-with-title { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-e-swiper-with-title-padding-desktop-large); } } @media (min-width: 0px) { .type-e .color-violet-dark { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-e-color-violet-dark-margin-mobile); } } @media (min-width: 481px) { .type-e .color-violet-dark { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-e-color-violet-dark-margin-tablet); } } @media (min-width: 1024px) { .type-e .color-violet-dark { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-e-color-violet-dark-margin-desktop); } } @media (min-width: 1220px) { .type-e .color-violet-dark { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-e-color-violet-dark-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-e .color-violet-dark { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-e-color-violet-dark-margin-desktop-full); } } @media (min-width: 1750px) { .type-e .color-violet-dark { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-e-color-violet-dark-margin-desktop-large); } } @media (min-width: 0px) { .type-e .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-e-margin-bottom-margin-bottom-mobile); } } @media (min-width: 481px) { .type-e .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-e-margin-bottom-margin-bottom-tablet); } } @media (min-width: 1024px) { .type-e .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-e-margin-bottom-margin-bottom-desktop); } } @media (min-width: 1220px) { .type-e .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-e-margin-bottom-margin-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-e .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-e-margin-bottom-margin-bottom-desktop-full); } } @media (min-width: 1750px) { .type-e .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-e-margin-bottom-margin-bottom-desktop-large); } } @media (min-width: 0px) { .type-e .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-e-no-margin-margin-mobile); } } @media (min-width: 481px) { .type-e .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-e-no-margin-margin-tablet); } } @media (min-width: 1024px) { .type-e .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-e-no-margin-margin-desktop); } } @media (min-width: 1220px) { .type-e .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-e-no-margin-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-e .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-e-no-margin-margin-desktop-full); } } @media (min-width: 1750px) { .type-e .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-e-no-margin-margin-desktop-large); } } @media (min-width: 0px) { .type-e .no-margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-e-no-margin-bottom-margin-bottom-mobile); } } @media (min-width: 481px) { .type-e .no-margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-e-no-margin-bottom-margin-bottom-tablet); } } @media (min-width: 1024px) { .type-e .no-margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-e-no-margin-bottom-margin-bottom-desktop); } } @media (min-width: 1220px) { .type-e .no-margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-e-no-margin-bottom-margin-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-e .no-margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-e-no-margin-bottom-margin-bottom-desktop-full); } } @media (min-width: 1750px) { .type-e .no-margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-e-no-margin-bottom-margin-bottom-desktop-large); } } @media (min-width: 0px) { .type-e .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-e-title-block-width-mobile); margin: var(--type-e-title-block-margin-mobile); } } @media (min-width: 481px) { .type-e .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-e-title-block-width-tablet); margin: var(--type-e-title-block-margin-tablet); } } @media (min-width: 1024px) { .type-e .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-e-title-block-width-desktop); margin: var(--type-e-title-block-margin-desktop); } } @media (min-width: 1220px) { .type-e .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-e-title-block-width-desktop-no-burger); margin: var(--type-e-title-block-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-e .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-e-title-block-width-desktop-full); margin: var(--type-e-title-block-margin-desktop-full); } } @media (min-width: 1750px) { .type-e .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-e-title-block-width-desktop-large); margin: var(--type-e-title-block-margin-desktop-large); } } @media (min-width: 0px) { .type-f { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-f-this-padding-mobile); margin-top: var(--type-f-this-margin-top-mobile); position: var(--type-f-this-position-mobile); } } @media (min-width: 481px) { .type-f { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-f-this-padding-tablet); margin-top: var(--type-f-this-margin-top-tablet); position: var(--type-f-this-position-tablet); } } @media (min-width: 1024px) { .type-f { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-f-this-padding-desktop); margin-top: var(--type-f-this-margin-top-desktop); position: var(--type-f-this-position-desktop); } } @media (min-width: 1220px) { .type-f { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-f-this-padding-desktop-no-burger); margin-top: var(--type-f-this-margin-top-desktop-no-burger); position: var(--type-f-this-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-f { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-f-this-padding-desktop-full); margin-top: var(--type-f-this-margin-top-desktop-full); position: var(--type-f-this-position-desktop-full); } } @media (min-width: 1750px) { .type-f { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-f-this-padding-desktop-large); margin-top: var(--type-f-this-margin-top-desktop-large); position: var(--type-f-this-position-desktop-large); } } @media (min-width: 0px) { .type-f .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-f-package-position-mobile); display: var(--type-f-package-display-mobile); width: var(--type-f-package-width-mobile); } } @media (min-width: 481px) { .type-f .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-f-package-position-tablet); display: var(--type-f-package-display-tablet); width: var(--type-f-package-width-tablet); } } @media (min-width: 1024px) { .type-f .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-f-package-position-desktop); display: var(--type-f-package-display-desktop); width: var(--type-f-package-width-desktop); } } @media (min-width: 1220px) { .type-f .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-f-package-position-desktop-no-burger); display: var(--type-f-package-display-desktop-no-burger); width: var(--type-f-package-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-f .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-f-package-position-desktop-full); display: var(--type-f-package-display-desktop-full); width: var(--type-f-package-width-desktop-full); } } @media (min-width: 1750px) { .type-f .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-f-package-position-desktop-large); display: var(--type-f-package-display-desktop-large); width: var(--type-f-package-width-desktop-large); } } @media (min-width: 0px) { .type-f .button { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-f-button-margin-top-mobile); } } @media (min-width: 481px) { .type-f .button { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-f-button-margin-top-tablet); } } @media (min-width: 1024px) { .type-f .button { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-f-button-margin-top-desktop); } } @media (min-width: 1220px) { .type-f .button { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-f-button-margin-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-f .button { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-f-button-margin-top-desktop-full); } } @media (min-width: 1750px) { .type-f .button { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-f-button-margin-top-desktop-large); } } @media (min-width: 0px) { .type-g { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-g-this-padding-mobile); position: var(--type-g-this-position-mobile); } } @media (min-width: 481px) { .type-g { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-g-this-padding-tablet); position: var(--type-g-this-position-tablet); } } @media (min-width: 1024px) { .type-g { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-g-this-padding-desktop); position: var(--type-g-this-position-desktop); } } @media (min-width: 1220px) { .type-g { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-g-this-padding-desktop-no-burger); position: var(--type-g-this-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-g { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-g-this-padding-desktop-full); position: var(--type-g-this-position-desktop-full); } } @media (min-width: 1750px) { .type-g { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-g-this-padding-desktop-large); position: var(--type-g-this-position-desktop-large); } } @media (min-width: 0px) { .type-g .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-g-title-block-display-mobile); -webkit-column-gap: var(--type-g-title-block-column-gap-mobile); -moz-column-gap: var(--type-g-title-block-column-gap-mobile); column-gap: var(--type-g-title-block-column-gap-mobile); padding: var(--type-g-title-block-padding-mobile); } } @media (min-width: 481px) { .type-g .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-g-title-block-display-tablet); -webkit-column-gap: var(--type-g-title-block-column-gap-tablet); -moz-column-gap: var(--type-g-title-block-column-gap-tablet); column-gap: var(--type-g-title-block-column-gap-tablet); padding: var(--type-g-title-block-padding-tablet); } } @media (min-width: 1024px) { .type-g .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-g-title-block-display-desktop); -webkit-column-gap: var(--type-g-title-block-column-gap-desktop); -moz-column-gap: var(--type-g-title-block-column-gap-desktop); column-gap: var(--type-g-title-block-column-gap-desktop); padding: var(--type-g-title-block-padding-desktop); } } @media (min-width: 1220px) { .type-g .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-g-title-block-display-desktop-no-burger); -webkit-column-gap: var(--type-g-title-block-column-gap-desktop-no-burger); -moz-column-gap: var(--type-g-title-block-column-gap-desktop-no-burger); column-gap: var(--type-g-title-block-column-gap-desktop-no-burger); padding: var(--type-g-title-block-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-g .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-g-title-block-display-desktop-full); -webkit-column-gap: var(--type-g-title-block-column-gap-desktop-full); -moz-column-gap: var(--type-g-title-block-column-gap-desktop-full); column-gap: var(--type-g-title-block-column-gap-desktop-full); padding: var(--type-g-title-block-padding-desktop-full); } } @media (min-width: 1750px) { .type-g .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-g-title-block-display-desktop-large); -webkit-column-gap: var(--type-g-title-block-column-gap-desktop-large); -moz-column-gap: var(--type-g-title-block-column-gap-desktop-large); column-gap: var(--type-g-title-block-column-gap-desktop-large); padding: var(--type-g-title-block-padding-desktop-large); } } @media (min-width: 0px) { .type-g .contain-process { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-g-contain-process-display-mobile); z-index: var(--type-g-contain-process-z-index-mobile); position: var(--type-g-contain-process-position-mobile); padding: var(--type-g-contain-process-padding-mobile); width: var(--type-g-contain-process-width-mobile); overflow-x: var(--type-g-contain-process-overflow-x-mobile); } } @media (min-width: 481px) { .type-g .contain-process { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-g-contain-process-display-tablet); z-index: var(--type-g-contain-process-z-index-tablet); position: var(--type-g-contain-process-position-tablet); padding: var(--type-g-contain-process-padding-tablet); width: var(--type-g-contain-process-width-tablet); overflow-x: var(--type-g-contain-process-overflow-x-tablet); } } @media (min-width: 1024px) { .type-g .contain-process { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-g-contain-process-display-desktop); z-index: var(--type-g-contain-process-z-index-desktop); position: var(--type-g-contain-process-position-desktop); padding: var(--type-g-contain-process-padding-desktop); width: var(--type-g-contain-process-width-desktop); overflow-x: var(--type-g-contain-process-overflow-x-desktop); } } @media (min-width: 1220px) { .type-g .contain-process { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-g-contain-process-display-desktop-no-burger); z-index: var(--type-g-contain-process-z-index-desktop-no-burger); position: var(--type-g-contain-process-position-desktop-no-burger); padding: var(--type-g-contain-process-padding-desktop-no-burger); width: var(--type-g-contain-process-width-desktop-no-burger); overflow-x: var(--type-g-contain-process-overflow-x-desktop-no-burger); } } @media (min-width: 1425px) { .type-g .contain-process { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-g-contain-process-display-desktop-full); z-index: var(--type-g-contain-process-z-index-desktop-full); position: var(--type-g-contain-process-position-desktop-full); padding: var(--type-g-contain-process-padding-desktop-full); width: var(--type-g-contain-process-width-desktop-full); overflow-x: var(--type-g-contain-process-overflow-x-desktop-full); } } @media (min-width: 1750px) { .type-g .contain-process { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-g-contain-process-display-desktop-large); z-index: var(--type-g-contain-process-z-index-desktop-large); position: var(--type-g-contain-process-position-desktop-large); padding: var(--type-g-contain-process-padding-desktop-large); width: var(--type-g-contain-process-width-desktop-large); overflow-x: var(--type-g-contain-process-overflow-x-desktop-large); } } @media (min-width: 0px) { .type-g .step-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-g-step-container-position-mobile); display: var(--type-g-step-container-display-mobile); -webkit-box-align: var(--type-g-step-container-align-items-mobile); -ms-flex-align: var(--type-g-step-container-align-items-mobile); align-items: var(--type-g-step-container-align-items-mobile); text-align: var(--type-g-step-container-text-align-mobile); width: var(--type-g-step-container-width-mobile); -webkit-box-pack: var(--type-g-step-container-justify-content-mobile); -ms-flex-pack: var(--type-g-step-container-justify-content-mobile); justify-content: var(--type-g-step-container-justify-content-mobile); } } @media (min-width: 481px) { .type-g .step-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-g-step-container-position-tablet); display: var(--type-g-step-container-display-tablet); -webkit-box-align: var(--type-g-step-container-align-items-tablet); -ms-flex-align: var(--type-g-step-container-align-items-tablet); align-items: var(--type-g-step-container-align-items-tablet); text-align: var(--type-g-step-container-text-align-tablet); width: var(--type-g-step-container-width-tablet); -webkit-box-pack: var(--type-g-step-container-justify-content-tablet); -ms-flex-pack: var(--type-g-step-container-justify-content-tablet); justify-content: var(--type-g-step-container-justify-content-tablet); } } @media (min-width: 1024px) { .type-g .step-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-g-step-container-position-desktop); display: var(--type-g-step-container-display-desktop); -webkit-box-align: var(--type-g-step-container-align-items-desktop); -ms-flex-align: var(--type-g-step-container-align-items-desktop); align-items: var(--type-g-step-container-align-items-desktop); text-align: var(--type-g-step-container-text-align-desktop); width: var(--type-g-step-container-width-desktop); -webkit-box-pack: var(--type-g-step-container-justify-content-desktop); -ms-flex-pack: var(--type-g-step-container-justify-content-desktop); justify-content: var(--type-g-step-container-justify-content-desktop); } } @media (min-width: 1220px) { .type-g .step-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-g-step-container-position-desktop-no-burger); display: var(--type-g-step-container-display-desktop-no-burger); -webkit-box-align: var(--type-g-step-container-align-items-desktop-no-burger); -ms-flex-align: var(--type-g-step-container-align-items-desktop-no-burger); align-items: var(--type-g-step-container-align-items-desktop-no-burger); text-align: var(--type-g-step-container-text-align-desktop-no-burger); width: var(--type-g-step-container-width-desktop-no-burger); -webkit-box-pack: var(--type-g-step-container-justify-content-desktop-no-burger); -ms-flex-pack: var(--type-g-step-container-justify-content-desktop-no-burger); justify-content: var(--type-g-step-container-justify-content-desktop-no-burger); } } @media (min-width: 1425px) { .type-g .step-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-g-step-container-position-desktop-full); display: var(--type-g-step-container-display-desktop-full); -webkit-box-align: var(--type-g-step-container-align-items-desktop-full); -ms-flex-align: var(--type-g-step-container-align-items-desktop-full); align-items: var(--type-g-step-container-align-items-desktop-full); text-align: var(--type-g-step-container-text-align-desktop-full); width: var(--type-g-step-container-width-desktop-full); -webkit-box-pack: var(--type-g-step-container-justify-content-desktop-full); -ms-flex-pack: var(--type-g-step-container-justify-content-desktop-full); justify-content: var(--type-g-step-container-justify-content-desktop-full); } } @media (min-width: 1750px) { .type-g .step-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-g-step-container-position-desktop-large); display: var(--type-g-step-container-display-desktop-large); -webkit-box-align: var(--type-g-step-container-align-items-desktop-large); -ms-flex-align: var(--type-g-step-container-align-items-desktop-large); align-items: var(--type-g-step-container-align-items-desktop-large); text-align: var(--type-g-step-container-text-align-desktop-large); width: var(--type-g-step-container-width-desktop-large); -webkit-box-pack: var(--type-g-step-container-justify-content-desktop-large); -ms-flex-pack: var(--type-g-step-container-justify-content-desktop-large); justify-content: var(--type-g-step-container-justify-content-desktop-large); } } @media (min-width: 0px) { .type-g .no-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-g-no-top-margin-mobile); } } @media (min-width: 481px) { .type-g .no-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-g-no-top-margin-tablet); } } @media (min-width: 1024px) { .type-g .no-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-g-no-top-margin-desktop); } } @media (min-width: 1220px) { .type-g .no-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-g-no-top-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-g .no-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-g-no-top-margin-desktop-full); } } @media (min-width: 1750px) { .type-g .no-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-g-no-top-margin-desktop-large); } } @media (min-width: 0px) { .type-g .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-g-margin-bottom-width-mobile); margin-bottom: var(--type-g-margin-bottom-margin-bottom-mobile); } } @media (min-width: 481px) { .type-g .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-g-margin-bottom-width-tablet); margin-bottom: var(--type-g-margin-bottom-margin-bottom-tablet); } } @media (min-width: 1024px) { .type-g .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-g-margin-bottom-width-desktop); margin-bottom: var(--type-g-margin-bottom-margin-bottom-desktop); } } @media (min-width: 1220px) { .type-g .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-g-margin-bottom-width-desktop-no-burger); margin-bottom: var(--type-g-margin-bottom-margin-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-g .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-g-margin-bottom-width-desktop-full); margin-bottom: var(--type-g-margin-bottom-margin-bottom-desktop-full); } } @media (min-width: 1750px) { .type-g .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-g-margin-bottom-width-desktop-large); margin-bottom: var(--type-g-margin-bottom-margin-bottom-desktop-large); } } @media (min-width: 0px) { .type-h { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-h-this-padding-mobile); display: var(--type-h-this-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-h-this-flex-direction-mobile); flex-direction: var(--type-h-this-flex-direction-mobile); } } @media (min-width: 481px) { .type-h { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-h-this-padding-tablet); display: var(--type-h-this-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-h-this-flex-direction-tablet); flex-direction: var(--type-h-this-flex-direction-tablet); } } @media (min-width: 1024px) { .type-h { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-h-this-padding-desktop); display: var(--type-h-this-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-h-this-flex-direction-desktop); flex-direction: var(--type-h-this-flex-direction-desktop); } } @media (min-width: 1220px) { .type-h { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-h-this-padding-desktop-no-burger); display: var(--type-h-this-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-h-this-flex-direction-desktop-no-burger); flex-direction: var(--type-h-this-flex-direction-desktop-no-burger); } } @media (min-width: 1425px) { .type-h { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-h-this-padding-desktop-full); display: var(--type-h-this-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-h-this-flex-direction-desktop-full); flex-direction: var(--type-h-this-flex-direction-desktop-full); } } @media (min-width: 1750px) { .type-h { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-h-this-padding-desktop-large); display: var(--type-h-this-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-h-this-flex-direction-desktop-large); flex-direction: var(--type-h-this-flex-direction-desktop-large); } } @media (min-width: 0px) { .type-h .icon { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-h-icon-padding-mobile); margin: var(--type-h-icon-margin-mobile); width: var(--type-h-icon-width-mobile); } } @media (min-width: 481px) { .type-h .icon { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-h-icon-padding-tablet); margin: var(--type-h-icon-margin-tablet); width: var(--type-h-icon-width-tablet); } } @media (min-width: 1024px) { .type-h .icon { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-h-icon-padding-desktop); margin: var(--type-h-icon-margin-desktop); width: var(--type-h-icon-width-desktop); } } @media (min-width: 1220px) { .type-h .icon { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-h-icon-padding-desktop-no-burger); margin: var(--type-h-icon-margin-desktop-no-burger); width: var(--type-h-icon-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-h .icon { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-h-icon-padding-desktop-full); margin: var(--type-h-icon-margin-desktop-full); width: var(--type-h-icon-width-desktop-full); } } @media (min-width: 1750px) { .type-h .icon { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-h-icon-padding-desktop-large); margin: var(--type-h-icon-margin-desktop-large); width: var(--type-h-icon-width-desktop-large); } } @media (min-width: 0px) { .type-h .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-h-little-margin-margin-mobile); } } @media (min-width: 481px) { .type-h .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-h-little-margin-margin-tablet); } } @media (min-width: 1024px) { .type-h .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-h-little-margin-margin-desktop); } } @media (min-width: 1220px) { .type-h .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-h-little-margin-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-h .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-h-little-margin-margin-desktop-full); } } @media (min-width: 1750px) { .type-h .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-h-little-margin-margin-desktop-large); } } @media (min-width: 0px) { .type-h .img-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-align: var(--type-h-img-container-align-items-mobile); -ms-flex-align: var(--type-h-img-container-align-items-mobile); align-items: var(--type-h-img-container-align-items-mobile); display: var(--type-h-img-container-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-h-img-container-flex-direction-mobile); flex-direction: var(--type-h-img-container-flex-direction-mobile); with: var(--type-h-img-container-with-mobile); } } @media (min-width: 481px) { .type-h .img-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-align: var(--type-h-img-container-align-items-tablet); -ms-flex-align: var(--type-h-img-container-align-items-tablet); align-items: var(--type-h-img-container-align-items-tablet); display: var(--type-h-img-container-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-h-img-container-flex-direction-tablet); flex-direction: var(--type-h-img-container-flex-direction-tablet); with: var(--type-h-img-container-with-tablet); } } @media (min-width: 1024px) { .type-h .img-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-align: var(--type-h-img-container-align-items-desktop); -ms-flex-align: var(--type-h-img-container-align-items-desktop); align-items: var(--type-h-img-container-align-items-desktop); display: var(--type-h-img-container-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-h-img-container-flex-direction-desktop); flex-direction: var(--type-h-img-container-flex-direction-desktop); with: var(--type-h-img-container-with-desktop); } } @media (min-width: 1220px) { .type-h .img-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-align: var(--type-h-img-container-align-items-desktop-no-burger); -ms-flex-align: var(--type-h-img-container-align-items-desktop-no-burger); align-items: var(--type-h-img-container-align-items-desktop-no-burger); display: var(--type-h-img-container-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-h-img-container-flex-direction-desktop-no-burger); flex-direction: var(--type-h-img-container-flex-direction-desktop-no-burger); with: var(--type-h-img-container-with-desktop-no-burger); } } @media (min-width: 1425px) { .type-h .img-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-align: var(--type-h-img-container-align-items-desktop-full); -ms-flex-align: var(--type-h-img-container-align-items-desktop-full); align-items: var(--type-h-img-container-align-items-desktop-full); display: var(--type-h-img-container-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-h-img-container-flex-direction-desktop-full); flex-direction: var(--type-h-img-container-flex-direction-desktop-full); with: var(--type-h-img-container-with-desktop-full); } } @media (min-width: 1750px) { .type-h .img-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-align: var(--type-h-img-container-align-items-desktop-large); -ms-flex-align: var(--type-h-img-container-align-items-desktop-large); align-items: var(--type-h-img-container-align-items-desktop-large); display: var(--type-h-img-container-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-h-img-container-flex-direction-desktop-large); flex-direction: var(--type-h-img-container-flex-direction-desktop-large); with: var(--type-h-img-container-with-desktop-large); } } @media (min-width: 0px) { .type-i { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-i-this-padding-mobile); position: var(--type-i-this-position-mobile); } } @media (min-width: 481px) { .type-i { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-i-this-padding-tablet); position: var(--type-i-this-position-tablet); } } @media (min-width: 1024px) { .type-i { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-i-this-padding-desktop); position: var(--type-i-this-position-desktop); } } @media (min-width: 1220px) { .type-i { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-i-this-padding-desktop-no-burger); position: var(--type-i-this-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-i { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-i-this-padding-desktop-full); position: var(--type-i-this-position-desktop-full); } } @media (min-width: 1750px) { .type-i { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-i-this-padding-desktop-large); position: var(--type-i-this-position-desktop-large); } } @media (min-width: 0px) { .type-i .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-i-margin-top-margin-mobile); } } @media (min-width: 481px) { .type-i .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-i-margin-top-margin-tablet); } } @media (min-width: 1024px) { .type-i .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-i-margin-top-margin-desktop); } } @media (min-width: 1220px) { .type-i .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-i-margin-top-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-i .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-i-margin-top-margin-desktop-full); } } @media (min-width: 1750px) { .type-i .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-i-margin-top-margin-desktop-large); } } @media (min-width: 0px) { .type-i .color-box { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-i-color-box-z-index-mobile); position: var(--type-i-color-box-position-mobile); background-color: var(--type-i-color-box-background-color-mobile); border-radius: var(--type-i-color-box-border-radius-mobile); padding: var(--type-i-color-box-padding-mobile); display: var(--type-i-color-box-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-i-color-box-flex-direction-mobile); flex-direction: var(--type-i-color-box-flex-direction-mobile); gap: var(--type-i-color-box-gap-mobile); } } @media (min-width: 481px) { .type-i .color-box { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-i-color-box-z-index-tablet); position: var(--type-i-color-box-position-tablet); background-color: var(--type-i-color-box-background-color-tablet); border-radius: var(--type-i-color-box-border-radius-tablet); padding: var(--type-i-color-box-padding-tablet); display: var(--type-i-color-box-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-i-color-box-flex-direction-tablet); flex-direction: var(--type-i-color-box-flex-direction-tablet); gap: var(--type-i-color-box-gap-tablet); } } @media (min-width: 1024px) { .type-i .color-box { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-i-color-box-z-index-desktop); position: var(--type-i-color-box-position-desktop); background-color: var(--type-i-color-box-background-color-desktop); border-radius: var(--type-i-color-box-border-radius-desktop); padding: var(--type-i-color-box-padding-desktop); display: var(--type-i-color-box-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-i-color-box-flex-direction-desktop); flex-direction: var(--type-i-color-box-flex-direction-desktop); gap: var(--type-i-color-box-gap-desktop); } } @media (min-width: 1220px) { .type-i .color-box { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-i-color-box-z-index-desktop-no-burger); position: var(--type-i-color-box-position-desktop-no-burger); background-color: var(--type-i-color-box-background-color-desktop-no-burger); border-radius: var(--type-i-color-box-border-radius-desktop-no-burger); padding: var(--type-i-color-box-padding-desktop-no-burger); display: var(--type-i-color-box-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-i-color-box-flex-direction-desktop-no-burger); flex-direction: var(--type-i-color-box-flex-direction-desktop-no-burger); gap: var(--type-i-color-box-gap-desktop-no-burger); } } @media (min-width: 1425px) { .type-i .color-box { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-i-color-box-z-index-desktop-full); position: var(--type-i-color-box-position-desktop-full); background-color: var(--type-i-color-box-background-color-desktop-full); border-radius: var(--type-i-color-box-border-radius-desktop-full); padding: var(--type-i-color-box-padding-desktop-full); display: var(--type-i-color-box-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-i-color-box-flex-direction-desktop-full); flex-direction: var(--type-i-color-box-flex-direction-desktop-full); gap: var(--type-i-color-box-gap-desktop-full); } } @media (min-width: 1750px) { .type-i .color-box { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-i-color-box-z-index-desktop-large); position: var(--type-i-color-box-position-desktop-large); background-color: var(--type-i-color-box-background-color-desktop-large); border-radius: var(--type-i-color-box-border-radius-desktop-large); padding: var(--type-i-color-box-padding-desktop-large); display: var(--type-i-color-box-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-i-color-box-flex-direction-desktop-large); flex-direction: var(--type-i-color-box-flex-direction-desktop-large); gap: var(--type-i-color-box-gap-desktop-large); } } @media (min-width: 0px) { .type-i .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-i-margin-bottom-margin-top-mobile); margin-bottom: var(--type-i-margin-bottom-margin-bottom-mobile); } } @media (min-width: 481px) { .type-i .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-i-margin-bottom-margin-top-tablet); margin-bottom: var(--type-i-margin-bottom-margin-bottom-tablet); } } @media (min-width: 1024px) { .type-i .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-i-margin-bottom-margin-top-desktop); margin-bottom: var(--type-i-margin-bottom-margin-bottom-desktop); } } @media (min-width: 1220px) { .type-i .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-i-margin-bottom-margin-top-desktop-no-burger); margin-bottom: var(--type-i-margin-bottom-margin-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-i .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-i-margin-bottom-margin-top-desktop-full); margin-bottom: var(--type-i-margin-bottom-margin-bottom-desktop-full); } } @media (min-width: 1750px) { .type-i .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-i-margin-bottom-margin-top-desktop-large); margin-bottom: var(--type-i-margin-bottom-margin-bottom-desktop-large); } } @media (min-width: 0px) { .type-i .image-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ right: var(--type-i-image-bottom-right-mobile); bottom: var(--type-i-image-bottom-bottom-mobile); height: var(--type-i-image-bottom-height-mobile); width: var(--type-i-image-bottom-width-mobile); } } @media (min-width: 481px) { .type-i .image-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ right: var(--type-i-image-bottom-right-tablet); bottom: var(--type-i-image-bottom-bottom-tablet); height: var(--type-i-image-bottom-height-tablet); width: var(--type-i-image-bottom-width-tablet); } } @media (min-width: 1024px) { .type-i .image-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ right: var(--type-i-image-bottom-right-desktop); bottom: var(--type-i-image-bottom-bottom-desktop); height: var(--type-i-image-bottom-height-desktop); width: var(--type-i-image-bottom-width-desktop); } } @media (min-width: 1220px) { .type-i .image-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ right: var(--type-i-image-bottom-right-desktop-no-burger); bottom: var(--type-i-image-bottom-bottom-desktop-no-burger); height: var(--type-i-image-bottom-height-desktop-no-burger); width: var(--type-i-image-bottom-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-i .image-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ right: var(--type-i-image-bottom-right-desktop-full); bottom: var(--type-i-image-bottom-bottom-desktop-full); height: var(--type-i-image-bottom-height-desktop-full); width: var(--type-i-image-bottom-width-desktop-full); } } @media (min-width: 1750px) { .type-i .image-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ right: var(--type-i-image-bottom-right-desktop-large); bottom: var(--type-i-image-bottom-bottom-desktop-large); height: var(--type-i-image-bottom-height-desktop-large); width: var(--type-i-image-bottom-width-desktop-large); } } @media (min-width: 0px) { .type-i .position { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-i-position-z-index-mobile); position: var(--type-i-position-position-mobile); } } @media (min-width: 481px) { .type-i .position { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-i-position-z-index-tablet); position: var(--type-i-position-position-tablet); } } @media (min-width: 1024px) { .type-i .position { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-i-position-z-index-desktop); position: var(--type-i-position-position-desktop); } } @media (min-width: 1220px) { .type-i .position { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-i-position-z-index-desktop-no-burger); position: var(--type-i-position-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-i .position { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-i-position-z-index-desktop-full); position: var(--type-i-position-position-desktop-full); } } @media (min-width: 1750px) { .type-i .position { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-i-position-z-index-desktop-large); position: var(--type-i-position-position-desktop-large); } } @media (min-width: 0px) { .type-i .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-i-title-block-margin-mobile); margin-top: var(--type-i-title-block-margin-top-mobile); -webkit-box-flex: var(--type-i-title-block-flex-mobile); -ms-flex: var(--type-i-title-block-flex-mobile); flex: var(--type-i-title-block-flex-mobile); } } @media (min-width: 481px) { .type-i .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-i-title-block-margin-tablet); margin-top: var(--type-i-title-block-margin-top-tablet); -webkit-box-flex: var(--type-i-title-block-flex-tablet); -ms-flex: var(--type-i-title-block-flex-tablet); flex: var(--type-i-title-block-flex-tablet); } } @media (min-width: 1024px) { .type-i .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-i-title-block-margin-desktop); margin-top: var(--type-i-title-block-margin-top-desktop); -webkit-box-flex: var(--type-i-title-block-flex-desktop); -ms-flex: var(--type-i-title-block-flex-desktop); flex: var(--type-i-title-block-flex-desktop); } } @media (min-width: 1220px) { .type-i .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-i-title-block-margin-desktop-no-burger); margin-top: var(--type-i-title-block-margin-top-desktop-no-burger); -webkit-box-flex: var(--type-i-title-block-flex-desktop-no-burger); -ms-flex: var(--type-i-title-block-flex-desktop-no-burger); flex: var(--type-i-title-block-flex-desktop-no-burger); } } @media (min-width: 1425px) { .type-i .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-i-title-block-margin-desktop-full); margin-top: var(--type-i-title-block-margin-top-desktop-full); -webkit-box-flex: var(--type-i-title-block-flex-desktop-full); -ms-flex: var(--type-i-title-block-flex-desktop-full); flex: var(--type-i-title-block-flex-desktop-full); } } @media (min-width: 1750px) { .type-i .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-i-title-block-margin-desktop-large); margin-top: var(--type-i-title-block-margin-top-desktop-large); -webkit-box-flex: var(--type-i-title-block-flex-desktop-large); -ms-flex: var(--type-i-title-block-flex-desktop-large); flex: var(--type-i-title-block-flex-desktop-large); } } @media (min-width: 0px) { .type-i .title-block2 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-flex: var(--type-i-title-block2-flex-mobile); -ms-flex: var(--type-i-title-block2-flex-mobile); flex: var(--type-i-title-block2-flex-mobile); } } @media (min-width: 481px) { .type-i .title-block2 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-flex: var(--type-i-title-block2-flex-tablet); -ms-flex: var(--type-i-title-block2-flex-tablet); flex: var(--type-i-title-block2-flex-tablet); } } @media (min-width: 1024px) { .type-i .title-block2 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-flex: var(--type-i-title-block2-flex-desktop); -ms-flex: var(--type-i-title-block2-flex-desktop); flex: var(--type-i-title-block2-flex-desktop); } } @media (min-width: 1220px) { .type-i .title-block2 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-flex: var(--type-i-title-block2-flex-desktop-no-burger); -ms-flex: var(--type-i-title-block2-flex-desktop-no-burger); flex: var(--type-i-title-block2-flex-desktop-no-burger); } } @media (min-width: 1425px) { .type-i .title-block2 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-flex: var(--type-i-title-block2-flex-desktop-full); -ms-flex: var(--type-i-title-block2-flex-desktop-full); flex: var(--type-i-title-block2-flex-desktop-full); } } @media (min-width: 1750px) { .type-i .title-block2 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-flex: var(--type-i-title-block2-flex-desktop-large); -ms-flex: var(--type-i-title-block2-flex-desktop-large); flex: var(--type-i-title-block2-flex-desktop-large); } } @media (min-width: 0px) { .type-i .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-i-section-with-background-height-mobile); position: var(--type-i-section-with-background-position-mobile); left: var(--type-i-section-with-background-left-mobile); top: var(--type-i-section-with-background-top-mobile); width: var(--type-i-section-with-background-width-mobile); } } @media (min-width: 481px) { .type-i .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-i-section-with-background-height-tablet); position: var(--type-i-section-with-background-position-tablet); left: var(--type-i-section-with-background-left-tablet); top: var(--type-i-section-with-background-top-tablet); width: var(--type-i-section-with-background-width-tablet); } } @media (min-width: 1024px) { .type-i .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-i-section-with-background-height-desktop); position: var(--type-i-section-with-background-position-desktop); left: var(--type-i-section-with-background-left-desktop); top: var(--type-i-section-with-background-top-desktop); width: var(--type-i-section-with-background-width-desktop); } } @media (min-width: 1220px) { .type-i .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-i-section-with-background-height-desktop-no-burger); position: var(--type-i-section-with-background-position-desktop-no-burger); left: var(--type-i-section-with-background-left-desktop-no-burger); top: var(--type-i-section-with-background-top-desktop-no-burger); width: var(--type-i-section-with-background-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-i .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-i-section-with-background-height-desktop-full); position: var(--type-i-section-with-background-position-desktop-full); left: var(--type-i-section-with-background-left-desktop-full); top: var(--type-i-section-with-background-top-desktop-full); width: var(--type-i-section-with-background-width-desktop-full); } } @media (min-width: 1750px) { .type-i .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-i-section-with-background-height-desktop-large); position: var(--type-i-section-with-background-position-desktop-large); left: var(--type-i-section-with-background-left-desktop-large); top: var(--type-i-section-with-background-top-desktop-large); width: var(--type-i-section-with-background-width-desktop-large); } } @media (min-width: 0px) { .type-i .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-i-image-background-height-mobile); width: var(--type-i-image-background-width-mobile); } } @media (min-width: 481px) { .type-i .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-i-image-background-height-tablet); width: var(--type-i-image-background-width-tablet); } } @media (min-width: 1024px) { .type-i .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-i-image-background-height-desktop); width: var(--type-i-image-background-width-desktop); } } @media (min-width: 1220px) { .type-i .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-i-image-background-height-desktop-no-burger); width: var(--type-i-image-background-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-i .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-i-image-background-height-desktop-full); width: var(--type-i-image-background-width-desktop-full); } } @media (min-width: 1750px) { .type-i .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-i-image-background-height-desktop-large); width: var(--type-i-image-background-width-desktop-large); } } @media (min-width: 0px) { .type-j { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-j-this-padding-mobile); position: var(--type-j-this-position-mobile); height: var(--type-j-this-height-mobile); margin: var(--type-j-this-margin-mobile); } } @media (min-width: 481px) { .type-j { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-j-this-padding-tablet); position: var(--type-j-this-position-tablet); height: var(--type-j-this-height-tablet); margin: var(--type-j-this-margin-tablet); } } @media (min-width: 1024px) { .type-j { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-j-this-padding-desktop); position: var(--type-j-this-position-desktop); height: var(--type-j-this-height-desktop); margin: var(--type-j-this-margin-desktop); } } @media (min-width: 1220px) { .type-j { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-j-this-padding-desktop-no-burger); position: var(--type-j-this-position-desktop-no-burger); height: var(--type-j-this-height-desktop-no-burger); margin: var(--type-j-this-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-j { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-j-this-padding-desktop-full); position: var(--type-j-this-position-desktop-full); height: var(--type-j-this-height-desktop-full); margin: var(--type-j-this-margin-desktop-full); } } @media (min-width: 1750px) { .type-j { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-j-this-padding-desktop-large); position: var(--type-j-this-position-desktop-large); height: var(--type-j-this-height-desktop-large); margin: var(--type-j-this-margin-desktop-large); } } @media (min-width: 0px) { .type-j .color-box { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-j-color-box-z-index-mobile); position: var(--type-j-color-box-position-mobile); border-radius: var(--type-j-color-box-border-radius-mobile); padding: var(--type-j-color-box-padding-mobile); height: var(--type-j-color-box-height-mobile); display: var(--type-j-color-box-display-mobile); -webkit-column-gap: var(--type-j-color-box-column-gap-mobile); -moz-column-gap: var(--type-j-color-box-column-gap-mobile); column-gap: var(--type-j-color-box-column-gap-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-j-color-box-flex-direction-mobile); flex-direction: var(--type-j-color-box-flex-direction-mobile); -ms-grid-columns: var(--type-j-color-box-grid-template-columns-mobile); grid-template-columns: var(--type-j-color-box-grid-template-columns-mobile); } } @media (min-width: 481px) { .type-j .color-box { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-j-color-box-z-index-tablet); position: var(--type-j-color-box-position-tablet); border-radius: var(--type-j-color-box-border-radius-tablet); padding: var(--type-j-color-box-padding-tablet); height: var(--type-j-color-box-height-tablet); display: var(--type-j-color-box-display-tablet); -webkit-column-gap: var(--type-j-color-box-column-gap-tablet); -moz-column-gap: var(--type-j-color-box-column-gap-tablet); column-gap: var(--type-j-color-box-column-gap-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-j-color-box-flex-direction-tablet); flex-direction: var(--type-j-color-box-flex-direction-tablet); -ms-grid-columns: var(--type-j-color-box-grid-template-columns-tablet); grid-template-columns: var(--type-j-color-box-grid-template-columns-tablet); } } @media (min-width: 1024px) { .type-j .color-box { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-j-color-box-z-index-desktop); position: var(--type-j-color-box-position-desktop); border-radius: var(--type-j-color-box-border-radius-desktop); padding: var(--type-j-color-box-padding-desktop); height: var(--type-j-color-box-height-desktop); display: var(--type-j-color-box-display-desktop); -webkit-column-gap: var(--type-j-color-box-column-gap-desktop); -moz-column-gap: var(--type-j-color-box-column-gap-desktop); column-gap: var(--type-j-color-box-column-gap-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-j-color-box-flex-direction-desktop); flex-direction: var(--type-j-color-box-flex-direction-desktop); -ms-grid-columns: var(--type-j-color-box-grid-template-columns-desktop); grid-template-columns: var(--type-j-color-box-grid-template-columns-desktop); } } @media (min-width: 1220px) { .type-j .color-box { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-j-color-box-z-index-desktop-no-burger); position: var(--type-j-color-box-position-desktop-no-burger); border-radius: var(--type-j-color-box-border-radius-desktop-no-burger); padding: var(--type-j-color-box-padding-desktop-no-burger); height: var(--type-j-color-box-height-desktop-no-burger); display: var(--type-j-color-box-display-desktop-no-burger); -webkit-column-gap: var(--type-j-color-box-column-gap-desktop-no-burger); -moz-column-gap: var(--type-j-color-box-column-gap-desktop-no-burger); column-gap: var(--type-j-color-box-column-gap-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-j-color-box-flex-direction-desktop-no-burger); flex-direction: var(--type-j-color-box-flex-direction-desktop-no-burger); -ms-grid-columns: var(--type-j-color-box-grid-template-columns-desktop-no-burger); grid-template-columns: var(--type-j-color-box-grid-template-columns-desktop-no-burger); } } @media (min-width: 1425px) { .type-j .color-box { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-j-color-box-z-index-desktop-full); position: var(--type-j-color-box-position-desktop-full); border-radius: var(--type-j-color-box-border-radius-desktop-full); padding: var(--type-j-color-box-padding-desktop-full); height: var(--type-j-color-box-height-desktop-full); display: var(--type-j-color-box-display-desktop-full); -webkit-column-gap: var(--type-j-color-box-column-gap-desktop-full); -moz-column-gap: var(--type-j-color-box-column-gap-desktop-full); column-gap: var(--type-j-color-box-column-gap-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-j-color-box-flex-direction-desktop-full); flex-direction: var(--type-j-color-box-flex-direction-desktop-full); -ms-grid-columns: var(--type-j-color-box-grid-template-columns-desktop-full); grid-template-columns: var(--type-j-color-box-grid-template-columns-desktop-full); } } @media (min-width: 1750px) { .type-j .color-box { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-j-color-box-z-index-desktop-large); position: var(--type-j-color-box-position-desktop-large); border-radius: var(--type-j-color-box-border-radius-desktop-large); padding: var(--type-j-color-box-padding-desktop-large); height: var(--type-j-color-box-height-desktop-large); display: var(--type-j-color-box-display-desktop-large); -webkit-column-gap: var(--type-j-color-box-column-gap-desktop-large); -moz-column-gap: var(--type-j-color-box-column-gap-desktop-large); column-gap: var(--type-j-color-box-column-gap-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-j-color-box-flex-direction-desktop-large); flex-direction: var(--type-j-color-box-flex-direction-desktop-large); -ms-grid-columns: var(--type-j-color-box-grid-template-columns-desktop-large); grid-template-columns: var(--type-j-color-box-grid-template-columns-desktop-large); } } @media (min-width: 0px) { .type-j .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-j-margin-bottom-margin-top-mobile); margin-bottom: var(--type-j-margin-bottom-margin-bottom-mobile); } } @media (min-width: 481px) { .type-j .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-j-margin-bottom-margin-top-tablet); margin-bottom: var(--type-j-margin-bottom-margin-bottom-tablet); } } @media (min-width: 1024px) { .type-j .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-j-margin-bottom-margin-top-desktop); margin-bottom: var(--type-j-margin-bottom-margin-bottom-desktop); } } @media (min-width: 1220px) { .type-j .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-j-margin-bottom-margin-top-desktop-no-burger); margin-bottom: var(--type-j-margin-bottom-margin-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-j .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-j-margin-bottom-margin-top-desktop-full); margin-bottom: var(--type-j-margin-bottom-margin-bottom-desktop-full); } } @media (min-width: 1750px) { .type-j .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-j-margin-bottom-margin-top-desktop-large); margin-bottom: var(--type-j-margin-bottom-margin-bottom-desktop-large); } } @media (min-width: 0px) { .type-j .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-j-title-block-position-mobile); width: var(--type-j-title-block-width-mobile); margin: var(--type-j-title-block-margin-mobile); } } @media (min-width: 481px) { .type-j .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-j-title-block-position-tablet); width: var(--type-j-title-block-width-tablet); margin: var(--type-j-title-block-margin-tablet); } } @media (min-width: 1024px) { .type-j .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-j-title-block-position-desktop); width: var(--type-j-title-block-width-desktop); margin: var(--type-j-title-block-margin-desktop); } } @media (min-width: 1220px) { .type-j .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-j-title-block-position-desktop-no-burger); width: var(--type-j-title-block-width-desktop-no-burger); margin: var(--type-j-title-block-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-j .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-j-title-block-position-desktop-full); width: var(--type-j-title-block-width-desktop-full); margin: var(--type-j-title-block-margin-desktop-full); } } @media (min-width: 1750px) { .type-j .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-j-title-block-position-desktop-large); width: var(--type-j-title-block-width-desktop-large); margin: var(--type-j-title-block-margin-desktop-large); } } @media (min-width: 0px) { .type-j .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-j-margin-top-margin-top-mobile); margin-bottom: var(--type-j-margin-top-margin-bottom-mobile); } } @media (min-width: 481px) { .type-j .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-j-margin-top-margin-top-tablet); margin-bottom: var(--type-j-margin-top-margin-bottom-tablet); } } @media (min-width: 1024px) { .type-j .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-j-margin-top-margin-top-desktop); margin-bottom: var(--type-j-margin-top-margin-bottom-desktop); } } @media (min-width: 1220px) { .type-j .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-j-margin-top-margin-top-desktop-no-burger); margin-bottom: var(--type-j-margin-top-margin-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-j .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-j-margin-top-margin-top-desktop-full); margin-bottom: var(--type-j-margin-top-margin-bottom-desktop-full); } } @media (min-width: 1750px) { .type-j .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-j-margin-top-margin-top-desktop-large); margin-bottom: var(--type-j-margin-top-margin-bottom-desktop-large); } } @media (min-width: 0px) { .type-j .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-j-image-background-position-mobile); height: var(--type-j-image-background-height-mobile); width: var(--type-j-image-background-width-mobile); } } @media (min-width: 481px) { .type-j .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-j-image-background-position-tablet); height: var(--type-j-image-background-height-tablet); width: var(--type-j-image-background-width-tablet); } } @media (min-width: 1024px) { .type-j .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-j-image-background-position-desktop); height: var(--type-j-image-background-height-desktop); width: var(--type-j-image-background-width-desktop); } } @media (min-width: 1220px) { .type-j .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-j-image-background-position-desktop-no-burger); height: var(--type-j-image-background-height-desktop-no-burger); width: var(--type-j-image-background-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-j .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-j-image-background-position-desktop-full); height: var(--type-j-image-background-height-desktop-full); width: var(--type-j-image-background-width-desktop-full); } } @media (min-width: 1750px) { .type-j .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-j-image-background-position-desktop-large); height: var(--type-j-image-background-height-desktop-large); width: var(--type-j-image-background-width-desktop-large); } } @media (min-width: 0px) { .type-m { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-m-this-padding-mobile); margin: var(--type-m-this-margin-mobile); position: var(--type-m-this-position-mobile); } } @media (min-width: 481px) { .type-m { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-m-this-padding-tablet); margin: var(--type-m-this-margin-tablet); position: var(--type-m-this-position-tablet); } } @media (min-width: 1024px) { .type-m { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-m-this-padding-desktop); margin: var(--type-m-this-margin-desktop); position: var(--type-m-this-position-desktop); } } @media (min-width: 1220px) { .type-m { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-m-this-padding-desktop-no-burger); margin: var(--type-m-this-margin-desktop-no-burger); position: var(--type-m-this-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-m { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-m-this-padding-desktop-full); margin: var(--type-m-this-margin-desktop-full); position: var(--type-m-this-position-desktop-full); } } @media (min-width: 1750px) { .type-m { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-m-this-padding-desktop-large); margin: var(--type-m-this-margin-desktop-large); position: var(--type-m-this-position-desktop-large); } } @media (min-width: 0px) { .type-m .header { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-m-header-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-m-header-flex-direction-mobile); flex-direction: var(--type-m-header-flex-direction-mobile); -webkit-box-pack: var(--type-m-header-justify-content-mobile); -ms-flex-pack: var(--type-m-header-justify-content-mobile); justify-content: var(--type-m-header-justify-content-mobile); -webkit-box-align: var(--type-m-header-align-items-mobile); -ms-flex-align: var(--type-m-header-align-items-mobile); align-items: var(--type-m-header-align-items-mobile); } } @media (min-width: 481px) { .type-m .header { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-m-header-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-m-header-flex-direction-tablet); flex-direction: var(--type-m-header-flex-direction-tablet); -webkit-box-pack: var(--type-m-header-justify-content-tablet); -ms-flex-pack: var(--type-m-header-justify-content-tablet); justify-content: var(--type-m-header-justify-content-tablet); -webkit-box-align: var(--type-m-header-align-items-tablet); -ms-flex-align: var(--type-m-header-align-items-tablet); align-items: var(--type-m-header-align-items-tablet); } } @media (min-width: 1024px) { .type-m .header { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-m-header-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-m-header-flex-direction-desktop); flex-direction: var(--type-m-header-flex-direction-desktop); -webkit-box-pack: var(--type-m-header-justify-content-desktop); -ms-flex-pack: var(--type-m-header-justify-content-desktop); justify-content: var(--type-m-header-justify-content-desktop); -webkit-box-align: var(--type-m-header-align-items-desktop); -ms-flex-align: var(--type-m-header-align-items-desktop); align-items: var(--type-m-header-align-items-desktop); } } @media (min-width: 1220px) { .type-m .header { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-m-header-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-m-header-flex-direction-desktop-no-burger); flex-direction: var(--type-m-header-flex-direction-desktop-no-burger); -webkit-box-pack: var(--type-m-header-justify-content-desktop-no-burger); -ms-flex-pack: var(--type-m-header-justify-content-desktop-no-burger); justify-content: var(--type-m-header-justify-content-desktop-no-burger); -webkit-box-align: var(--type-m-header-align-items-desktop-no-burger); -ms-flex-align: var(--type-m-header-align-items-desktop-no-burger); align-items: var(--type-m-header-align-items-desktop-no-burger); } } @media (min-width: 1425px) { .type-m .header { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-m-header-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-m-header-flex-direction-desktop-full); flex-direction: var(--type-m-header-flex-direction-desktop-full); -webkit-box-pack: var(--type-m-header-justify-content-desktop-full); -ms-flex-pack: var(--type-m-header-justify-content-desktop-full); justify-content: var(--type-m-header-justify-content-desktop-full); -webkit-box-align: var(--type-m-header-align-items-desktop-full); -ms-flex-align: var(--type-m-header-align-items-desktop-full); align-items: var(--type-m-header-align-items-desktop-full); } } @media (min-width: 1750px) { .type-m .header { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-m-header-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-m-header-flex-direction-desktop-large); flex-direction: var(--type-m-header-flex-direction-desktop-large); -webkit-box-pack: var(--type-m-header-justify-content-desktop-large); -ms-flex-pack: var(--type-m-header-justify-content-desktop-large); justify-content: var(--type-m-header-justify-content-desktop-large); -webkit-box-align: var(--type-m-header-align-items-desktop-large); -ms-flex-align: var(--type-m-header-align-items-desktop-large); align-items: var(--type-m-header-align-items-desktop-large); } } @media (min-width: 0px) { .type-m .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-m-margin-bottom-margin-bottom-mobile); } } @media (min-width: 481px) { .type-m .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-m-margin-bottom-margin-bottom-tablet); } } @media (min-width: 1024px) { .type-m .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-m-margin-bottom-margin-bottom-desktop); } } @media (min-width: 1220px) { .type-m .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-m-margin-bottom-margin-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-m .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-m-margin-bottom-margin-bottom-desktop-full); } } @media (min-width: 1750px) { .type-m .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-m-margin-bottom-margin-bottom-desktop-large); } } @media (min-width: 0px) { .type-m .swiper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-swiper-margin-mobile); } } @media (min-width: 481px) { .type-m .swiper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-swiper-margin-tablet); } } @media (min-width: 1024px) { .type-m .swiper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-swiper-margin-desktop); } } @media (min-width: 1220px) { .type-m .swiper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-swiper-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-m .swiper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-swiper-margin-desktop-full); } } @media (min-width: 1750px) { .type-m .swiper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-swiper-margin-desktop-large); } } @media (min-width: 0px) { .type-m .swiper-slide { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-m-swiper-slide-height-mobile); padding: var(--type-m-swiper-slide-padding-mobile); } } @media (min-width: 481px) { .type-m .swiper-slide { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-m-swiper-slide-height-tablet); padding: var(--type-m-swiper-slide-padding-tablet); } } @media (min-width: 1024px) { .type-m .swiper-slide { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-m-swiper-slide-height-desktop); padding: var(--type-m-swiper-slide-padding-desktop); } } @media (min-width: 1220px) { .type-m .swiper-slide { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-m-swiper-slide-height-desktop-no-burger); padding: var(--type-m-swiper-slide-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-m .swiper-slide { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-m-swiper-slide-height-desktop-full); padding: var(--type-m-swiper-slide-padding-desktop-full); } } @media (min-width: 1750px) { .type-m .swiper-slide { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-m-swiper-slide-height-desktop-large); padding: var(--type-m-swiper-slide-padding-desktop-large); } } @media (min-width: 0px) { .type-m .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-no-margin-margin-mobile); } } @media (min-width: 481px) { .type-m .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-no-margin-margin-tablet); } } @media (min-width: 1024px) { .type-m .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-no-margin-margin-desktop); } } @media (min-width: 1220px) { .type-m .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-no-margin-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-m .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-no-margin-margin-desktop-full); } } @media (min-width: 1750px) { .type-m .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-no-margin-margin-desktop-large); } } @media (min-width: 0px) { .type-m .author-name { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-author-name-margin-mobile); } } @media (min-width: 481px) { .type-m .author-name { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-author-name-margin-tablet); } } @media (min-width: 1024px) { .type-m .author-name { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-author-name-margin-desktop); } } @media (min-width: 1220px) { .type-m .author-name { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-author-name-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-m .author-name { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-author-name-margin-desktop-full); } } @media (min-width: 1750px) { .type-m .author-name { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-author-name-margin-desktop-large); } } @media (min-width: 0px) { .type-m .color-violet-dark { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-color-violet-dark-margin-mobile); } } @media (min-width: 481px) { .type-m .color-violet-dark { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-color-violet-dark-margin-tablet); } } @media (min-width: 1024px) { .type-m .color-violet-dark { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-color-violet-dark-margin-desktop); } } @media (min-width: 1220px) { .type-m .color-violet-dark { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-color-violet-dark-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-m .color-violet-dark { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-color-violet-dark-margin-desktop-full); } } @media (min-width: 1750px) { .type-m .color-violet-dark { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-color-violet-dark-margin-desktop-large); } } @media (min-width: 0px) { .type-n { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-n-this-position-mobile); } } @media (min-width: 481px) { .type-n { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-n-this-position-tablet); } } @media (min-width: 1024px) { .type-n { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-n-this-position-desktop); } } @media (min-width: 1220px) { .type-n { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-n-this-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-n { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-n-this-position-desktop-full); } } @media (min-width: 1750px) { .type-n { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-n-this-position-desktop-large); } } @media (min-width: 0px) { .type-n .section-half { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-n-section-half-margin-mobile); -ms-grid-columns: var(--type-n-section-half-grid-template-columns-mobile); grid-template-columns: var(--type-n-section-half-grid-template-columns-mobile); } } @media (min-width: 481px) { .type-n .section-half { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-n-section-half-margin-tablet); -ms-grid-columns: var(--type-n-section-half-grid-template-columns-tablet); grid-template-columns: var(--type-n-section-half-grid-template-columns-tablet); } } @media (min-width: 1024px) { .type-n .section-half { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-n-section-half-margin-desktop); -ms-grid-columns: var(--type-n-section-half-grid-template-columns-desktop); grid-template-columns: var(--type-n-section-half-grid-template-columns-desktop); } } @media (min-width: 1220px) { .type-n .section-half { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-n-section-half-margin-desktop-no-burger); -ms-grid-columns: var(--type-n-section-half-grid-template-columns-desktop-no-burger); grid-template-columns: var(--type-n-section-half-grid-template-columns-desktop-no-burger); } } @media (min-width: 1425px) { .type-n .section-half { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-n-section-half-margin-desktop-full); -ms-grid-columns: var(--type-n-section-half-grid-template-columns-desktop-full); grid-template-columns: var(--type-n-section-half-grid-template-columns-desktop-full); } } @media (min-width: 1750px) { .type-n .section-half { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-n-section-half-margin-desktop-large); -ms-grid-columns: var(--type-n-section-half-grid-template-columns-desktop-large); grid-template-columns: var(--type-n-section-half-grid-template-columns-desktop-large); } } @media (min-width: 0px) { .type-n .image-half { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-n-image-half-height-mobile); } } @media (min-width: 481px) { .type-n .image-half { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-n-image-half-height-tablet); } } @media (min-width: 1024px) { .type-n .image-half { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-n-image-half-height-desktop); } } @media (min-width: 1220px) { .type-n .image-half { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-n-image-half-height-desktop-no-burger); } } @media (min-width: 1425px) { .type-n .image-half { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-n-image-half-height-desktop-full); } } @media (min-width: 1750px) { .type-n .image-half { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-n-image-half-height-desktop-large); } } @media (min-width: 0px) { .type-n .zigzag { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-n-zigzag-width-mobile); left: var(--type-n-zigzag-left-mobile); } } @media (min-width: 481px) { .type-n .zigzag { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-n-zigzag-width-tablet); left: var(--type-n-zigzag-left-tablet); } } @media (min-width: 1024px) { .type-n .zigzag { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-n-zigzag-width-desktop); left: var(--type-n-zigzag-left-desktop); } } @media (min-width: 1220px) { .type-n .zigzag { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-n-zigzag-width-desktop-no-burger); left: var(--type-n-zigzag-left-desktop-no-burger); } } @media (min-width: 1425px) { .type-n .zigzag { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-n-zigzag-width-desktop-full); left: var(--type-n-zigzag-left-desktop-full); } } @media (min-width: 1750px) { .type-n .zigzag { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-n-zigzag-width-desktop-large); left: var(--type-n-zigzag-left-desktop-large); } } @media (min-width: 0px) { .type-n .flash { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-n-flash-width-mobile); right: var(--type-n-flash-right-mobile); bottom: var(--type-n-flash-bottom-mobile); top: var(--type-n-flash-top-mobile); } } @media (min-width: 481px) { .type-n .flash { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-n-flash-width-tablet); right: var(--type-n-flash-right-tablet); bottom: var(--type-n-flash-bottom-tablet); top: var(--type-n-flash-top-tablet); } } @media (min-width: 1024px) { .type-n .flash { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-n-flash-width-desktop); right: var(--type-n-flash-right-desktop); bottom: var(--type-n-flash-bottom-desktop); top: var(--type-n-flash-top-desktop); } } @media (min-width: 1220px) { .type-n .flash { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-n-flash-width-desktop-no-burger); right: var(--type-n-flash-right-desktop-no-burger); bottom: var(--type-n-flash-bottom-desktop-no-burger); top: var(--type-n-flash-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-n .flash { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-n-flash-width-desktop-full); right: var(--type-n-flash-right-desktop-full); bottom: var(--type-n-flash-bottom-desktop-full); top: var(--type-n-flash-top-desktop-full); } } @media (min-width: 1750px) { .type-n .flash { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-n-flash-width-desktop-large); right: var(--type-n-flash-right-desktop-large); bottom: var(--type-n-flash-bottom-desktop-large); top: var(--type-n-flash-top-desktop-large); } } @media (min-width: 0px) { .type-n .right-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-n-right-container-margin-mobile); } } @media (min-width: 481px) { .type-n .right-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-n-right-container-margin-tablet); } } @media (min-width: 1024px) { .type-n .right-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-n-right-container-margin-desktop); } } @media (min-width: 1220px) { .type-n .right-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-n-right-container-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-n .right-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-n-right-container-margin-desktop-full); } } @media (min-width: 1750px) { .type-n .right-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-n-right-container-margin-desktop-large); } } @media (min-width: 0px) { .type-n .top-star { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-top-star-display-mobile); } } @media (min-width: 481px) { .type-n .top-star { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-top-star-display-tablet); } } @media (min-width: 1024px) { .type-n .top-star { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-top-star-display-desktop); } } @media (min-width: 1220px) { .type-n .top-star { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-top-star-display-desktop-no-burger); } } @media (min-width: 1425px) { .type-n .top-star { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-top-star-display-desktop-full); } } @media (min-width: 1750px) { .type-n .top-star { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-top-star-display-desktop-large); } } @media (min-width: 0px) { .type-n .just-mobile { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-just-mobile-display-mobile); } } @media (min-width: 481px) { .type-n .just-mobile { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-just-mobile-display-tablet); } } @media (min-width: 1024px) { .type-n .just-mobile { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-just-mobile-display-desktop); } } @media (min-width: 1220px) { .type-n .just-mobile { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-just-mobile-display-desktop-no-burger); } } @media (min-width: 1425px) { .type-n .just-mobile { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-just-mobile-display-desktop-full); } } @media (min-width: 1750px) { .type-n .just-mobile { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-just-mobile-display-desktop-large); } } @media (min-width: 0px) { .type-n .just-desktop { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-just-desktop-display-mobile); } } @media (min-width: 481px) { .type-n .just-desktop { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-just-desktop-display-tablet); } } @media (min-width: 1024px) { .type-n .just-desktop { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-just-desktop-display-desktop); } } @media (min-width: 1220px) { .type-n .just-desktop { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-just-desktop-display-desktop-no-burger); } } @media (min-width: 1425px) { .type-n .just-desktop { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-just-desktop-display-desktop-full); } } @media (min-width: 1750px) { .type-n .just-desktop { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-just-desktop-display-desktop-large); } } @media (min-width: 0px) { .type-n .section-avantages { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-section-avantages-display-mobile); position: var(--type-n-section-avantages-position-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-n-section-avantages-flex-direction-mobile); flex-direction: var(--type-n-section-avantages-flex-direction-mobile); } } @media (min-width: 481px) { .type-n .section-avantages { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-section-avantages-display-tablet); position: var(--type-n-section-avantages-position-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-n-section-avantages-flex-direction-tablet); flex-direction: var(--type-n-section-avantages-flex-direction-tablet); } } @media (min-width: 1024px) { .type-n .section-avantages { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-section-avantages-display-desktop); position: var(--type-n-section-avantages-position-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-n-section-avantages-flex-direction-desktop); flex-direction: var(--type-n-section-avantages-flex-direction-desktop); } } @media (min-width: 1220px) { .type-n .section-avantages { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-section-avantages-display-desktop-no-burger); position: var(--type-n-section-avantages-position-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-n-section-avantages-flex-direction-desktop-no-burger); flex-direction: var(--type-n-section-avantages-flex-direction-desktop-no-burger); } } @media (min-width: 1425px) { .type-n .section-avantages { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-section-avantages-display-desktop-full); position: var(--type-n-section-avantages-position-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-n-section-avantages-flex-direction-desktop-full); flex-direction: var(--type-n-section-avantages-flex-direction-desktop-full); } } @media (min-width: 1750px) { .type-n .section-avantages { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-n-section-avantages-display-desktop-large); position: var(--type-n-section-avantages-position-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-n-section-avantages-flex-direction-desktop-large); flex-direction: var(--type-n-section-avantages-flex-direction-desktop-large); } } @media (min-width: 0px) { .type-n .container-avantage { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-n-container-avantage-width-mobile); } } @media (min-width: 481px) { .type-n .container-avantage { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-n-container-avantage-width-tablet); } } @media (min-width: 1024px) { .type-n .container-avantage { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-n-container-avantage-width-desktop); } } @media (min-width: 1220px) { .type-n .container-avantage { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-n-container-avantage-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-n .container-avantage { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-n-container-avantage-width-desktop-full); } } @media (min-width: 1750px) { .type-n .container-avantage { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-n-container-avantage-width-desktop-large); } } @media (min-width: 0px) { .type-n .section-details { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-n-section-details-padding-mobile); -ms-grid-columns: var(--type-n-section-details-grid-template-columns-mobile); grid-template-columns: var(--type-n-section-details-grid-template-columns-mobile); gap: var(--type-n-section-details-gap-mobile); } } @media (min-width: 481px) { .type-n .section-details { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-n-section-details-padding-tablet); -ms-grid-columns: var(--type-n-section-details-grid-template-columns-tablet); grid-template-columns: var(--type-n-section-details-grid-template-columns-tablet); gap: var(--type-n-section-details-gap-tablet); } } @media (min-width: 1024px) { .type-n .section-details { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-n-section-details-padding-desktop); -ms-grid-columns: var(--type-n-section-details-grid-template-columns-desktop); grid-template-columns: var(--type-n-section-details-grid-template-columns-desktop); gap: var(--type-n-section-details-gap-desktop); } } @media (min-width: 1220px) { .type-n .section-details { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-n-section-details-padding-desktop-no-burger); -ms-grid-columns: var(--type-n-section-details-grid-template-columns-desktop-no-burger); grid-template-columns: var(--type-n-section-details-grid-template-columns-desktop-no-burger); gap: var(--type-n-section-details-gap-desktop-no-burger); } } @media (min-width: 1425px) { .type-n .section-details { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-n-section-details-padding-desktop-full); -ms-grid-columns: var(--type-n-section-details-grid-template-columns-desktop-full); grid-template-columns: var(--type-n-section-details-grid-template-columns-desktop-full); gap: var(--type-n-section-details-gap-desktop-full); } } @media (min-width: 1750px) { .type-n .section-details { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-n-section-details-padding-desktop-large); -ms-grid-columns: var(--type-n-section-details-grid-template-columns-desktop-large); grid-template-columns: var(--type-n-section-details-grid-template-columns-desktop-large); gap: var(--type-n-section-details-gap-desktop-large); } } @media (min-width: 0px) { .type-o { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-o-this-position-mobile); } } @media (min-width: 481px) { .type-o { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-o-this-position-tablet); } } @media (min-width: 1024px) { .type-o { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-o-this-position-desktop); } } @media (min-width: 1220px) { .type-o { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-o-this-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-o { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-o-this-position-desktop-full); } } @media (min-width: 1750px) { .type-o { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-o-this-position-desktop-large); } } @media (min-width: 0px) { .type-o .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-o-no-margin-margin-mobile); } } @media (min-width: 481px) { .type-o .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-o-no-margin-margin-tablet); } } @media (min-width: 1024px) { .type-o .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-o-no-margin-margin-desktop); } } @media (min-width: 1220px) { .type-o .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-o-no-margin-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-o .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-o-no-margin-margin-desktop-full); } } @media (min-width: 1750px) { .type-o .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-o-no-margin-margin-desktop-large); } } @media (min-width: 0px) { .type-o .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-o-margin-bottom-margin-bottom-mobile); } } @media (min-width: 481px) { .type-o .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-o-margin-bottom-margin-bottom-tablet); } } @media (min-width: 1024px) { .type-o .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-o-margin-bottom-margin-bottom-desktop); } } @media (min-width: 1220px) { .type-o .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-o-margin-bottom-margin-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-o .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-o-margin-bottom-margin-bottom-desktop-full); } } @media (min-width: 1750px) { .type-o .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-o-margin-bottom-margin-bottom-desktop-large); } } @media (min-width: 0px) { .type-o .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-o-title-block-width-mobile); margin: var(--type-o-title-block-margin-mobile); } } @media (min-width: 481px) { .type-o .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-o-title-block-width-tablet); margin: var(--type-o-title-block-margin-tablet); } } @media (min-width: 1024px) { .type-o .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-o-title-block-width-desktop); margin: var(--type-o-title-block-margin-desktop); } } @media (min-width: 1220px) { .type-o .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-o-title-block-width-desktop-no-burger); margin: var(--type-o-title-block-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-o .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-o-title-block-width-desktop-full); margin: var(--type-o-title-block-margin-desktop-full); } } @media (min-width: 1750px) { .type-o .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-o-title-block-width-desktop-large); margin: var(--type-o-title-block-margin-desktop-large); } } @media (min-width: 0px) { .type-o .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-o-little-margin-margin-bottom-mobile); } } @media (min-width: 481px) { .type-o .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-o-little-margin-margin-bottom-tablet); } } @media (min-width: 1024px) { .type-o .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-o-little-margin-margin-bottom-desktop); } } @media (min-width: 1220px) { .type-o .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-o-little-margin-margin-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-o .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-o-little-margin-margin-bottom-desktop-full); } } @media (min-width: 1750px) { .type-o .little-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-o-little-margin-margin-bottom-desktop-large); } } @media (min-width: 0px) { .type-o .white { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-o-white-margin-mobile); } } @media (min-width: 481px) { .type-o .white { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-o-white-margin-tablet); } } @media (min-width: 1024px) { .type-o .white { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-o-white-margin-desktop); } } @media (min-width: 1220px) { .type-o .white { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-o-white-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-o .white { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-o-white-margin-desktop-full); } } @media (min-width: 1750px) { .type-o .white { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-o-white-margin-desktop-large); } } @media (min-width: 0px) { .type-o .point { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-o-point-padding-mobile); } } @media (min-width: 481px) { .type-o .point { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-o-point-padding-tablet); } } @media (min-width: 1024px) { .type-o .point { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-o-point-padding-desktop); } } @media (min-width: 1220px) { .type-o .point { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-o-point-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-o .point { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-o-point-padding-desktop-full); } } @media (min-width: 1750px) { .type-o .point { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-o-point-padding-desktop-large); } } @media (min-width: 0px) { .type-o .stars { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-o-stars-padding-mobile); } } @media (min-width: 481px) { .type-o .stars { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-o-stars-padding-tablet); } } @media (min-width: 1024px) { .type-o .stars { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-o-stars-padding-desktop); } } @media (min-width: 1220px) { .type-o .stars { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-o-stars-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-o .stars { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-o-stars-padding-desktop-full); } } @media (min-width: 1750px) { .type-o .stars { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-o-stars-padding-desktop-large); } } @media (min-width: 0px) { .type-o .slide-partenaires { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-o-slide-partenaires-display-mobile); -webkit-box-align: var(--type-o-slide-partenaires-align-items-mobile); -ms-flex-align: var(--type-o-slide-partenaires-align-items-mobile); align-items: var(--type-o-slide-partenaires-align-items-mobile); } } @media (min-width: 481px) { .type-o .slide-partenaires { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-o-slide-partenaires-display-tablet); -webkit-box-align: var(--type-o-slide-partenaires-align-items-tablet); -ms-flex-align: var(--type-o-slide-partenaires-align-items-tablet); align-items: var(--type-o-slide-partenaires-align-items-tablet); } } @media (min-width: 1024px) { .type-o .slide-partenaires { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-o-slide-partenaires-display-desktop); -webkit-box-align: var(--type-o-slide-partenaires-align-items-desktop); -ms-flex-align: var(--type-o-slide-partenaires-align-items-desktop); align-items: var(--type-o-slide-partenaires-align-items-desktop); } } @media (min-width: 1220px) { .type-o .slide-partenaires { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-o-slide-partenaires-display-desktop-no-burger); -webkit-box-align: var(--type-o-slide-partenaires-align-items-desktop-no-burger); -ms-flex-align: var(--type-o-slide-partenaires-align-items-desktop-no-burger); align-items: var(--type-o-slide-partenaires-align-items-desktop-no-burger); } } @media (min-width: 1425px) { .type-o .slide-partenaires { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-o-slide-partenaires-display-desktop-full); -webkit-box-align: var(--type-o-slide-partenaires-align-items-desktop-full); -ms-flex-align: var(--type-o-slide-partenaires-align-items-desktop-full); align-items: var(--type-o-slide-partenaires-align-items-desktop-full); } } @media (min-width: 1750px) { .type-o .slide-partenaires { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-o-slide-partenaires-display-desktop-large); -webkit-box-align: var(--type-o-slide-partenaires-align-items-desktop-large); -ms-flex-align: var(--type-o-slide-partenaires-align-items-desktop-large); align-items: var(--type-o-slide-partenaires-align-items-desktop-large); } } @media (min-width: 0px) { .type-p { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-p-this-margin-top-mobile); position: var(--type-p-this-position-mobile); } } @media (min-width: 481px) { .type-p { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-p-this-margin-top-tablet); position: var(--type-p-this-position-tablet); } } @media (min-width: 1024px) { .type-p { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-p-this-margin-top-desktop); position: var(--type-p-this-position-desktop); } } @media (min-width: 1220px) { .type-p { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-p-this-margin-top-desktop-no-burger); position: var(--type-p-this-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-p { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-p-this-margin-top-desktop-full); position: var(--type-p-this-position-desktop-full); } } @media (min-width: 1750px) { .type-p { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-p-this-margin-top-desktop-large); position: var(--type-p-this-position-desktop-large); } } @media (min-width: 0px) { .type-p .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-p-wrapper-display-mobile); position: var(--type-p-wrapper-position-mobile); margin-top: var(--type-p-wrapper-margin-top-mobile); padding: var(--type-p-wrapper-padding-mobile); } } @media (min-width: 481px) { .type-p .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-p-wrapper-display-tablet); position: var(--type-p-wrapper-position-tablet); margin-top: var(--type-p-wrapper-margin-top-tablet); padding: var(--type-p-wrapper-padding-tablet); } } @media (min-width: 1024px) { .type-p .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-p-wrapper-display-desktop); position: var(--type-p-wrapper-position-desktop); margin-top: var(--type-p-wrapper-margin-top-desktop); padding: var(--type-p-wrapper-padding-desktop); } } @media (min-width: 1220px) { .type-p .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-p-wrapper-display-desktop-no-burger); position: var(--type-p-wrapper-position-desktop-no-burger); margin-top: var(--type-p-wrapper-margin-top-desktop-no-burger); padding: var(--type-p-wrapper-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-p .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-p-wrapper-display-desktop-full); position: var(--type-p-wrapper-position-desktop-full); margin-top: var(--type-p-wrapper-margin-top-desktop-full); padding: var(--type-p-wrapper-padding-desktop-full); } } @media (min-width: 1750px) { .type-p .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-p-wrapper-display-desktop-large); position: var(--type-p-wrapper-position-desktop-large); margin-top: var(--type-p-wrapper-margin-top-desktop-large); padding: var(--type-p-wrapper-padding-desktop-large); } } @media (min-width: 0px) { .type-p .image-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-p-image-container-width-mobile); } } @media (min-width: 481px) { .type-p .image-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-p-image-container-width-tablet); } } @media (min-width: 1024px) { .type-p .image-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-p-image-container-width-desktop); } } @media (min-width: 1220px) { .type-p .image-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-p-image-container-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-p .image-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-p-image-container-width-desktop-full); } } @media (min-width: 1750px) { .type-p .image-container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-p-image-container-width-desktop-large); } } @media (min-width: 0px) { .type-p .icon-size { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-p-icon-size-width-mobile); height: var(--type-p-icon-size-height-mobile); -o-object-fit: var(--type-p-icon-size-object-fit-mobile); object-fit: var(--type-p-icon-size-object-fit-mobile); aspect-ratio: var(--type-p-icon-size-aspect-ratio-mobile); } } @media (min-width: 481px) { .type-p .icon-size { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-p-icon-size-width-tablet); height: var(--type-p-icon-size-height-tablet); -o-object-fit: var(--type-p-icon-size-object-fit-tablet); object-fit: var(--type-p-icon-size-object-fit-tablet); aspect-ratio: var(--type-p-icon-size-aspect-ratio-tablet); } } @media (min-width: 1024px) { .type-p .icon-size { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-p-icon-size-width-desktop); height: var(--type-p-icon-size-height-desktop); -o-object-fit: var(--type-p-icon-size-object-fit-desktop); object-fit: var(--type-p-icon-size-object-fit-desktop); aspect-ratio: var(--type-p-icon-size-aspect-ratio-desktop); } } @media (min-width: 1220px) { .type-p .icon-size { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-p-icon-size-width-desktop-no-burger); height: var(--type-p-icon-size-height-desktop-no-burger); -o-object-fit: var(--type-p-icon-size-object-fit-desktop-no-burger); object-fit: var(--type-p-icon-size-object-fit-desktop-no-burger); aspect-ratio: var(--type-p-icon-size-aspect-ratio-desktop-no-burger); } } @media (min-width: 1425px) { .type-p .icon-size { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-p-icon-size-width-desktop-full); height: var(--type-p-icon-size-height-desktop-full); -o-object-fit: var(--type-p-icon-size-object-fit-desktop-full); object-fit: var(--type-p-icon-size-object-fit-desktop-full); aspect-ratio: var(--type-p-icon-size-aspect-ratio-desktop-full); } } @media (min-width: 1750px) { .type-p .icon-size { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-p-icon-size-width-desktop-large); height: var(--type-p-icon-size-height-desktop-large); -o-object-fit: var(--type-p-icon-size-object-fit-desktop-large); object-fit: var(--type-p-icon-size-object-fit-desktop-large); aspect-ratio: var(--type-p-icon-size-aspect-ratio-desktop-large); } } @media (min-width: 0px) { .type-p .img { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-p-img-width-mobile); height: var(--type-p-img-height-mobile); border-radius: var(--type-p-img-border-radius-mobile); overflow: var(--type-p-img-overflow-mobile); } } @media (min-width: 481px) { .type-p .img { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-p-img-width-tablet); height: var(--type-p-img-height-tablet); border-radius: var(--type-p-img-border-radius-tablet); overflow: var(--type-p-img-overflow-tablet); } } @media (min-width: 1024px) { .type-p .img { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-p-img-width-desktop); height: var(--type-p-img-height-desktop); border-radius: var(--type-p-img-border-radius-desktop); overflow: var(--type-p-img-overflow-desktop); } } @media (min-width: 1220px) { .type-p .img { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-p-img-width-desktop-no-burger); height: var(--type-p-img-height-desktop-no-burger); border-radius: var(--type-p-img-border-radius-desktop-no-burger); overflow: var(--type-p-img-overflow-desktop-no-burger); } } @media (min-width: 1425px) { .type-p .img { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-p-img-width-desktop-full); height: var(--type-p-img-height-desktop-full); border-radius: var(--type-p-img-border-radius-desktop-full); overflow: var(--type-p-img-overflow-desktop-full); } } @media (min-width: 1750px) { .type-p .img { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-p-img-width-desktop-large); height: var(--type-p-img-height-desktop-large); border-radius: var(--type-p-img-border-radius-desktop-large); overflow: var(--type-p-img-overflow-desktop-large); } } @media (min-width: 0px) { .type-p .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-p-title-block-margin-mobile); } } @media (min-width: 481px) { .type-p .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-p-title-block-margin-tablet); } } @media (min-width: 1024px) { .type-p .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-p-title-block-margin-desktop); } } @media (min-width: 1220px) { .type-p .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-p-title-block-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-p .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-p-title-block-margin-desktop-full); } } @media (min-width: 1750px) { .type-p .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-p-title-block-margin-desktop-large); } } @media (min-width: 0px) { .type-q { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-q-this-padding-mobile); margin: var(--type-q-this-margin-mobile); position: var(--type-q-this-position-mobile); } } @media (min-width: 481px) { .type-q { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-q-this-padding-tablet); margin: var(--type-q-this-margin-tablet); position: var(--type-q-this-position-tablet); } } @media (min-width: 1024px) { .type-q { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-q-this-padding-desktop); margin: var(--type-q-this-margin-desktop); position: var(--type-q-this-position-desktop); } } @media (min-width: 1220px) { .type-q { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-q-this-padding-desktop-no-burger); margin: var(--type-q-this-margin-desktop-no-burger); position: var(--type-q-this-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-q { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-q-this-padding-desktop-full); margin: var(--type-q-this-margin-desktop-full); position: var(--type-q-this-position-desktop-full); } } @media (min-width: 1750px) { .type-q { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-q-this-padding-desktop-large); margin: var(--type-q-this-margin-desktop-large); position: var(--type-q-this-position-desktop-large); } } @media (min-width: 0px) { .type-q .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-q-title-block-margin-mobile); } } @media (min-width: 481px) { .type-q .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-q-title-block-margin-tablet); } } @media (min-width: 1024px) { .type-q .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-q-title-block-margin-desktop); } } @media (min-width: 1220px) { .type-q .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-q-title-block-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-q .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-q-title-block-margin-desktop-full); } } @media (min-width: 1750px) { .type-q .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-q-title-block-margin-desktop-large); } } @media (min-width: 0px) { .type-q .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-q-margin-top-margin-top-mobile); margin-bottom: var(--type-q-margin-top-margin-bottom-mobile); } } @media (min-width: 481px) { .type-q .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-q-margin-top-margin-top-tablet); margin-bottom: var(--type-q-margin-top-margin-bottom-tablet); } } @media (min-width: 1024px) { .type-q .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-q-margin-top-margin-top-desktop); margin-bottom: var(--type-q-margin-top-margin-bottom-desktop); } } @media (min-width: 1220px) { .type-q .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-q-margin-top-margin-top-desktop-no-burger); margin-bottom: var(--type-q-margin-top-margin-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-q .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-q-margin-top-margin-top-desktop-full); margin-bottom: var(--type-q-margin-top-margin-bottom-desktop-full); } } @media (min-width: 1750px) { .type-q .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-q-margin-top-margin-top-desktop-large); margin-bottom: var(--type-q-margin-top-margin-bottom-desktop-large); } } @media (min-width: 0px) { .type-q .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-q-margin-bottom-margin-top-mobile); margin-bottom: var(--type-q-margin-bottom-margin-bottom-mobile); } } @media (min-width: 481px) { .type-q .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-q-margin-bottom-margin-top-tablet); margin-bottom: var(--type-q-margin-bottom-margin-bottom-tablet); } } @media (min-width: 1024px) { .type-q .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-q-margin-bottom-margin-top-desktop); margin-bottom: var(--type-q-margin-bottom-margin-bottom-desktop); } } @media (min-width: 1220px) { .type-q .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-q-margin-bottom-margin-top-desktop-no-burger); margin-bottom: var(--type-q-margin-bottom-margin-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-q .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-q-margin-bottom-margin-top-desktop-full); margin-bottom: var(--type-q-margin-bottom-margin-bottom-desktop-full); } } @media (min-width: 1750px) { .type-q .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-q-margin-bottom-margin-top-desktop-large); margin-bottom: var(--type-q-margin-bottom-margin-bottom-desktop-large); } } @media (min-width: 0px) { .type-q .slide-partenaires { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ background-color: var(--type-q-slide-partenaires-background-color-mobile); width: var(--type-q-slide-partenaires-width-mobile); height: var(--type-q-slide-partenaires-height-mobile); padding: var(--type-q-slide-partenaires-padding-mobile); border-radius: var(--type-q-slide-partenaires-border-radius-mobile); display: var(--type-q-slide-partenaires-display-mobile); margin: var(--type-q-slide-partenaires-margin-mobile); } } @media (min-width: 481px) { .type-q .slide-partenaires { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ background-color: var(--type-q-slide-partenaires-background-color-tablet); width: var(--type-q-slide-partenaires-width-tablet); height: var(--type-q-slide-partenaires-height-tablet); padding: var(--type-q-slide-partenaires-padding-tablet); border-radius: var(--type-q-slide-partenaires-border-radius-tablet); display: var(--type-q-slide-partenaires-display-tablet); margin: var(--type-q-slide-partenaires-margin-tablet); } } @media (min-width: 1024px) { .type-q .slide-partenaires { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ background-color: var(--type-q-slide-partenaires-background-color-desktop); width: var(--type-q-slide-partenaires-width-desktop); height: var(--type-q-slide-partenaires-height-desktop); padding: var(--type-q-slide-partenaires-padding-desktop); border-radius: var(--type-q-slide-partenaires-border-radius-desktop); display: var(--type-q-slide-partenaires-display-desktop); margin: var(--type-q-slide-partenaires-margin-desktop); } } @media (min-width: 1220px) { .type-q .slide-partenaires { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ background-color: var(--type-q-slide-partenaires-background-color-desktop-no-burger); width: var(--type-q-slide-partenaires-width-desktop-no-burger); height: var(--type-q-slide-partenaires-height-desktop-no-burger); padding: var(--type-q-slide-partenaires-padding-desktop-no-burger); border-radius: var(--type-q-slide-partenaires-border-radius-desktop-no-burger); display: var(--type-q-slide-partenaires-display-desktop-no-burger); margin: var(--type-q-slide-partenaires-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-q .slide-partenaires { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ background-color: var(--type-q-slide-partenaires-background-color-desktop-full); width: var(--type-q-slide-partenaires-width-desktop-full); height: var(--type-q-slide-partenaires-height-desktop-full); padding: var(--type-q-slide-partenaires-padding-desktop-full); border-radius: var(--type-q-slide-partenaires-border-radius-desktop-full); display: var(--type-q-slide-partenaires-display-desktop-full); margin: var(--type-q-slide-partenaires-margin-desktop-full); } } @media (min-width: 1750px) { .type-q .slide-partenaires { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ background-color: var(--type-q-slide-partenaires-background-color-desktop-large); width: var(--type-q-slide-partenaires-width-desktop-large); height: var(--type-q-slide-partenaires-height-desktop-large); padding: var(--type-q-slide-partenaires-padding-desktop-large); border-radius: var(--type-q-slide-partenaires-border-radius-desktop-large); display: var(--type-q-slide-partenaires-display-desktop-large); margin: var(--type-q-slide-partenaires-margin-desktop-large); } } @media (min-width: 0px) { .type-q .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-q-image-width-mobile); -o-object-fit: var(--type-q-image-object-fit-mobile); object-fit: var(--type-q-image-object-fit-mobile); margin: var(--type-q-image-margin-mobile); max-height: var(--type-q-image-max-height-mobile); } } @media (min-width: 481px) { .type-q .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-q-image-width-tablet); -o-object-fit: var(--type-q-image-object-fit-tablet); object-fit: var(--type-q-image-object-fit-tablet); margin: var(--type-q-image-margin-tablet); max-height: var(--type-q-image-max-height-tablet); } } @media (min-width: 1024px) { .type-q .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-q-image-width-desktop); -o-object-fit: var(--type-q-image-object-fit-desktop); object-fit: var(--type-q-image-object-fit-desktop); margin: var(--type-q-image-margin-desktop); max-height: var(--type-q-image-max-height-desktop); } } @media (min-width: 1220px) { .type-q .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-q-image-width-desktop-no-burger); -o-object-fit: var(--type-q-image-object-fit-desktop-no-burger); object-fit: var(--type-q-image-object-fit-desktop-no-burger); margin: var(--type-q-image-margin-desktop-no-burger); max-height: var(--type-q-image-max-height-desktop-no-burger); } } @media (min-width: 1425px) { .type-q .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-q-image-width-desktop-full); -o-object-fit: var(--type-q-image-object-fit-desktop-full); object-fit: var(--type-q-image-object-fit-desktop-full); margin: var(--type-q-image-margin-desktop-full); max-height: var(--type-q-image-max-height-desktop-full); } } @media (min-width: 1750px) { .type-q .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-q-image-width-desktop-large); -o-object-fit: var(--type-q-image-object-fit-desktop-large); object-fit: var(--type-q-image-object-fit-desktop-large); margin: var(--type-q-image-margin-desktop-large); max-height: var(--type-q-image-max-height-desktop-large); } } @media (min-width: 0px) { .type-r { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-r-this-position-mobile); display: var(--type-r-this-display-mobile); -ms-grid-columns: var(--type-r-this-grid-template-columns-mobile); grid-template-columns: var(--type-r-this-grid-template-columns-mobile); -webkit-column-gap: var(--type-r-this-column-gap-mobile); -moz-column-gap: var(--type-r-this-column-gap-mobile); column-gap: var(--type-r-this-column-gap-mobile); -webkit-box-align: var(--type-r-this-align-items-mobile); -ms-flex-align: var(--type-r-this-align-items-mobile); align-items: var(--type-r-this-align-items-mobile); } } @media (min-width: 481px) { .type-r { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-r-this-position-tablet); display: var(--type-r-this-display-tablet); -ms-grid-columns: var(--type-r-this-grid-template-columns-tablet); grid-template-columns: var(--type-r-this-grid-template-columns-tablet); -webkit-column-gap: var(--type-r-this-column-gap-tablet); -moz-column-gap: var(--type-r-this-column-gap-tablet); column-gap: var(--type-r-this-column-gap-tablet); -webkit-box-align: var(--type-r-this-align-items-tablet); -ms-flex-align: var(--type-r-this-align-items-tablet); align-items: var(--type-r-this-align-items-tablet); } } @media (min-width: 1024px) { .type-r { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-r-this-position-desktop); display: var(--type-r-this-display-desktop); -ms-grid-columns: var(--type-r-this-grid-template-columns-desktop); grid-template-columns: var(--type-r-this-grid-template-columns-desktop); -webkit-column-gap: var(--type-r-this-column-gap-desktop); -moz-column-gap: var(--type-r-this-column-gap-desktop); column-gap: var(--type-r-this-column-gap-desktop); -webkit-box-align: var(--type-r-this-align-items-desktop); -ms-flex-align: var(--type-r-this-align-items-desktop); align-items: var(--type-r-this-align-items-desktop); } } @media (min-width: 1220px) { .type-r { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-r-this-position-desktop-no-burger); display: var(--type-r-this-display-desktop-no-burger); -ms-grid-columns: var(--type-r-this-grid-template-columns-desktop-no-burger); grid-template-columns: var(--type-r-this-grid-template-columns-desktop-no-burger); -webkit-column-gap: var(--type-r-this-column-gap-desktop-no-burger); -moz-column-gap: var(--type-r-this-column-gap-desktop-no-burger); column-gap: var(--type-r-this-column-gap-desktop-no-burger); -webkit-box-align: var(--type-r-this-align-items-desktop-no-burger); -ms-flex-align: var(--type-r-this-align-items-desktop-no-burger); align-items: var(--type-r-this-align-items-desktop-no-burger); } } @media (min-width: 1425px) { .type-r { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-r-this-position-desktop-full); display: var(--type-r-this-display-desktop-full); -ms-grid-columns: var(--type-r-this-grid-template-columns-desktop-full); grid-template-columns: var(--type-r-this-grid-template-columns-desktop-full); -webkit-column-gap: var(--type-r-this-column-gap-desktop-full); -moz-column-gap: var(--type-r-this-column-gap-desktop-full); column-gap: var(--type-r-this-column-gap-desktop-full); -webkit-box-align: var(--type-r-this-align-items-desktop-full); -ms-flex-align: var(--type-r-this-align-items-desktop-full); align-items: var(--type-r-this-align-items-desktop-full); } } @media (min-width: 1750px) { .type-r { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-r-this-position-desktop-large); display: var(--type-r-this-display-desktop-large); -ms-grid-columns: var(--type-r-this-grid-template-columns-desktop-large); grid-template-columns: var(--type-r-this-grid-template-columns-desktop-large); -webkit-column-gap: var(--type-r-this-column-gap-desktop-large); -moz-column-gap: var(--type-r-this-column-gap-desktop-large); column-gap: var(--type-r-this-column-gap-desktop-large); -webkit-box-align: var(--type-r-this-align-items-desktop-large); -ms-flex-align: var(--type-r-this-align-items-desktop-large); align-items: var(--type-r-this-align-items-desktop-large); } } @media (min-width: 0px) { .type-r .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-r-title-block-height-mobile); margin-bottom: var(--type-r-title-block-margin-bottom-mobile); } } @media (min-width: 481px) { .type-r .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-r-title-block-height-tablet); margin-bottom: var(--type-r-title-block-margin-bottom-tablet); } } @media (min-width: 1024px) { .type-r .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-r-title-block-height-desktop); margin-bottom: var(--type-r-title-block-margin-bottom-desktop); } } @media (min-width: 1220px) { .type-r .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-r-title-block-height-desktop-no-burger); margin-bottom: var(--type-r-title-block-margin-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-r .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-r-title-block-height-desktop-full); margin-bottom: var(--type-r-title-block-margin-bottom-desktop-full); } } @media (min-width: 1750px) { .type-r .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-r-title-block-height-desktop-large); margin-bottom: var(--type-r-title-block-margin-bottom-desktop-large); } } @media (min-width: 0px) { .type-r .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-r-margin-top-margin-top-mobile); } } @media (min-width: 481px) { .type-r .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-r-margin-top-margin-top-tablet); } } @media (min-width: 1024px) { .type-r .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-r-margin-top-margin-top-desktop); } } @media (min-width: 1220px) { .type-r .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-r-margin-top-margin-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-r .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-r-margin-top-margin-top-desktop-full); } } @media (min-width: 1750px) { .type-r .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-r-margin-top-margin-top-desktop-large); } } @media (min-width: 0px) { .type-r .accordion-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ background-color: var(--type-r-accordion-item-background-color-mobile); } } @media (min-width: 481px) { .type-r .accordion-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ background-color: var(--type-r-accordion-item-background-color-tablet); } } @media (min-width: 1024px) { .type-r .accordion-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ background-color: var(--type-r-accordion-item-background-color-desktop); } } @media (min-width: 1220px) { .type-r .accordion-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ background-color: var(--type-r-accordion-item-background-color-desktop-no-burger); } } @media (min-width: 1425px) { .type-r .accordion-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ background-color: var(--type-r-accordion-item-background-color-desktop-full); } } @media (min-width: 1750px) { .type-r .accordion-item { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ background-color: var(--type-r-accordion-item-background-color-desktop-large); } } @media (min-width: 0px) { .type-r .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-r-margin-bottom-margin-bottom-mobile); margin-top: var(--type-r-margin-bottom-margin-top-mobile); } } @media (min-width: 481px) { .type-r .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-r-margin-bottom-margin-bottom-tablet); margin-top: var(--type-r-margin-bottom-margin-top-tablet); } } @media (min-width: 1024px) { .type-r .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-r-margin-bottom-margin-bottom-desktop); margin-top: var(--type-r-margin-bottom-margin-top-desktop); } } @media (min-width: 1220px) { .type-r .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-r-margin-bottom-margin-bottom-desktop-no-burger); margin-top: var(--type-r-margin-bottom-margin-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-r .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-r-margin-bottom-margin-bottom-desktop-full); margin-top: var(--type-r-margin-bottom-margin-top-desktop-full); } } @media (min-width: 1750px) { .type-r .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-r-margin-bottom-margin-bottom-desktop-large); margin-top: var(--type-r-margin-bottom-margin-top-desktop-large); } } @media (min-width: 0px) { .type-s { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-s-this-margin-mobile); position: var(--type-s-this-position-mobile); width: var(--type-s-this-width-mobile); } } @media (min-width: 481px) { .type-s { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-s-this-margin-tablet); position: var(--type-s-this-position-tablet); width: var(--type-s-this-width-tablet); } } @media (min-width: 1024px) { .type-s { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-s-this-margin-desktop); position: var(--type-s-this-position-desktop); width: var(--type-s-this-width-desktop); } } @media (min-width: 1220px) { .type-s { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-s-this-margin-desktop-no-burger); position: var(--type-s-this-position-desktop-no-burger); width: var(--type-s-this-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-s { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-s-this-margin-desktop-full); position: var(--type-s-this-position-desktop-full); width: var(--type-s-this-width-desktop-full); } } @media (min-width: 1750px) { .type-s { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-s-this-margin-desktop-large); position: var(--type-s-this-position-desktop-large); width: var(--type-s-this-width-desktop-large); } } @media (min-width: 0px) { .type-s .author { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-s-author-margin-mobile); } } @media (min-width: 481px) { .type-s .author { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-s-author-margin-tablet); } } @media (min-width: 1024px) { .type-s .author { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-s-author-margin-desktop); } } @media (min-width: 1220px) { .type-s .author { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-s-author-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-s .author { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-s-author-margin-desktop-full); } } @media (min-width: 1750px) { .type-s .author { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-s-author-margin-desktop-large); } } @media (min-width: 0px) { .type-t { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-t-this-position-mobile); padding: var(--type-t-this-padding-mobile); } } @media (min-width: 481px) { .type-t { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-t-this-position-tablet); padding: var(--type-t-this-padding-tablet); } } @media (min-width: 1024px) { .type-t { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-t-this-position-desktop); padding: var(--type-t-this-padding-desktop); } } @media (min-width: 1220px) { .type-t { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-t-this-position-desktop-no-burger); padding: var(--type-t-this-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-t { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-t-this-position-desktop-full); padding: var(--type-t-this-padding-desktop-full); } } @media (min-width: 1750px) { .type-t { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-t-this-position-desktop-large); padding: var(--type-t-this-padding-desktop-large); } } @media (min-width: 0px) { .type-t .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-t-title-block-display-mobile); -webkit-box-pack: var(--type-t-title-block-justify-content-mobile); -ms-flex-pack: var(--type-t-title-block-justify-content-mobile); justify-content: var(--type-t-title-block-justify-content-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-t-title-block-flex-direction-mobile); flex-direction: var(--type-t-title-block-flex-direction-mobile); padding-bottom: var(--type-t-title-block-padding-bottom-mobile); } } @media (min-width: 481px) { .type-t .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-t-title-block-display-tablet); -webkit-box-pack: var(--type-t-title-block-justify-content-tablet); -ms-flex-pack: var(--type-t-title-block-justify-content-tablet); justify-content: var(--type-t-title-block-justify-content-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-t-title-block-flex-direction-tablet); flex-direction: var(--type-t-title-block-flex-direction-tablet); padding-bottom: var(--type-t-title-block-padding-bottom-tablet); } } @media (min-width: 1024px) { .type-t .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-t-title-block-display-desktop); -webkit-box-pack: var(--type-t-title-block-justify-content-desktop); -ms-flex-pack: var(--type-t-title-block-justify-content-desktop); justify-content: var(--type-t-title-block-justify-content-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-t-title-block-flex-direction-desktop); flex-direction: var(--type-t-title-block-flex-direction-desktop); padding-bottom: var(--type-t-title-block-padding-bottom-desktop); } } @media (min-width: 1220px) { .type-t .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-t-title-block-display-desktop-no-burger); -webkit-box-pack: var(--type-t-title-block-justify-content-desktop-no-burger); -ms-flex-pack: var(--type-t-title-block-justify-content-desktop-no-burger); justify-content: var(--type-t-title-block-justify-content-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-t-title-block-flex-direction-desktop-no-burger); flex-direction: var(--type-t-title-block-flex-direction-desktop-no-burger); padding-bottom: var(--type-t-title-block-padding-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-t .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-t-title-block-display-desktop-full); -webkit-box-pack: var(--type-t-title-block-justify-content-desktop-full); -ms-flex-pack: var(--type-t-title-block-justify-content-desktop-full); justify-content: var(--type-t-title-block-justify-content-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-t-title-block-flex-direction-desktop-full); flex-direction: var(--type-t-title-block-flex-direction-desktop-full); padding-bottom: var(--type-t-title-block-padding-bottom-desktop-full); } } @media (min-width: 1750px) { .type-t .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-t-title-block-display-desktop-large); -webkit-box-pack: var(--type-t-title-block-justify-content-desktop-large); -ms-flex-pack: var(--type-t-title-block-justify-content-desktop-large); justify-content: var(--type-t-title-block-justify-content-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-t-title-block-flex-direction-desktop-large); flex-direction: var(--type-t-title-block-flex-direction-desktop-large); padding-bottom: var(--type-t-title-block-padding-bottom-desktop-large); } } @media (min-width: 0px) { .type-t .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-t-no-margin-margin-mobile); } } @media (min-width: 481px) { .type-t .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-t-no-margin-margin-tablet); } } @media (min-width: 1024px) { .type-t .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-t-no-margin-margin-desktop); } } @media (min-width: 1220px) { .type-t .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-t-no-margin-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-t .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-t-no-margin-margin-desktop-full); } } @media (min-width: 1750px) { .type-t .no-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-t-no-margin-margin-desktop-large); } } @media (min-width: 0px) { .type-t .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-t-top-margin-margin-mobile); } } @media (min-width: 481px) { .type-t .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-t-top-margin-margin-tablet); } } @media (min-width: 1024px) { .type-t .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-t-top-margin-margin-desktop); } } @media (min-width: 1220px) { .type-t .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-t-top-margin-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-t .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-t-top-margin-margin-desktop-full); } } @media (min-width: 1750px) { .type-t .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-t-top-margin-margin-desktop-large); } } @media (min-width: 0px) { .type-t .img-size { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ max-height: var(--type-t-img-size-max-height-mobile); -o-object-fit: var(--type-t-img-size-object-fit-mobile); object-fit: var(--type-t-img-size-object-fit-mobile); } } @media (min-width: 481px) { .type-t .img-size { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ max-height: var(--type-t-img-size-max-height-tablet); -o-object-fit: var(--type-t-img-size-object-fit-tablet); object-fit: var(--type-t-img-size-object-fit-tablet); } } @media (min-width: 1024px) { .type-t .img-size { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ max-height: var(--type-t-img-size-max-height-desktop); -o-object-fit: var(--type-t-img-size-object-fit-desktop); object-fit: var(--type-t-img-size-object-fit-desktop); } } @media (min-width: 1220px) { .type-t .img-size { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ max-height: var(--type-t-img-size-max-height-desktop-no-burger); -o-object-fit: var(--type-t-img-size-object-fit-desktop-no-burger); object-fit: var(--type-t-img-size-object-fit-desktop-no-burger); } } @media (min-width: 1425px) { .type-t .img-size { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ max-height: var(--type-t-img-size-max-height-desktop-full); -o-object-fit: var(--type-t-img-size-object-fit-desktop-full); object-fit: var(--type-t-img-size-object-fit-desktop-full); } } @media (min-width: 1750px) { .type-t .img-size { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ max-height: var(--type-t-img-size-max-height-desktop-large); -o-object-fit: var(--type-t-img-size-object-fit-desktop-large); object-fit: var(--type-t-img-size-object-fit-desktop-large); } } @media (min-width: 0px) { .type-u { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-u-this-position-mobile); padding: var(--type-u-this-padding-mobile); } } @media (min-width: 481px) { .type-u { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-u-this-position-tablet); padding: var(--type-u-this-padding-tablet); } } @media (min-width: 1024px) { .type-u { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-u-this-position-desktop); padding: var(--type-u-this-padding-desktop); } } @media (min-width: 1220px) { .type-u { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-u-this-position-desktop-no-burger); padding: var(--type-u-this-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-u { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-u-this-position-desktop-full); padding: var(--type-u-this-padding-desktop-full); } } @media (min-width: 1750px) { .type-u { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-u-this-position-desktop-large); padding: var(--type-u-this-padding-desktop-large); } } @media (min-width: 0px) { .type-u .border-section { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-u-border-section-height-mobile); display: var(--type-u-border-section-display-mobile); } } @media (min-width: 481px) { .type-u .border-section { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-u-border-section-height-tablet); display: var(--type-u-border-section-display-tablet); } } @media (min-width: 1024px) { .type-u .border-section { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-u-border-section-height-desktop); display: var(--type-u-border-section-display-desktop); } } @media (min-width: 1220px) { .type-u .border-section { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-u-border-section-height-desktop-no-burger); display: var(--type-u-border-section-display-desktop-no-burger); } } @media (min-width: 1425px) { .type-u .border-section { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-u-border-section-height-desktop-full); display: var(--type-u-border-section-display-desktop-full); } } @media (min-width: 1750px) { .type-u .border-section { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-u-border-section-height-desktop-large); display: var(--type-u-border-section-display-desktop-large); } } @media (min-width: 0px) { .type-u .blanc { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ border-bottom: var(--type-u-blanc-border-bottom-mobile); padding-bottom: var(--type-u-blanc-padding-bottom-mobile); } } @media (min-width: 481px) { .type-u .blanc { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ border-bottom: var(--type-u-blanc-border-bottom-tablet); padding-bottom: var(--type-u-blanc-padding-bottom-tablet); } } @media (min-width: 1024px) { .type-u .blanc { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ border-bottom: var(--type-u-blanc-border-bottom-desktop); padding-bottom: var(--type-u-blanc-padding-bottom-desktop); } } @media (min-width: 1220px) { .type-u .blanc { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ border-bottom: var(--type-u-blanc-border-bottom-desktop-no-burger); padding-bottom: var(--type-u-blanc-padding-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-u .blanc { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ border-bottom: var(--type-u-blanc-border-bottom-desktop-full); padding-bottom: var(--type-u-blanc-padding-bottom-desktop-full); } } @media (min-width: 1750px) { .type-u .blanc { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ border-bottom: var(--type-u-blanc-border-bottom-desktop-large); padding-bottom: var(--type-u-blanc-padding-bottom-desktop-large); } } @media (min-width: 0px) { .type-u .bleu { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ border-bottom: var(--type-u-bleu-border-bottom-mobile); } } @media (min-width: 481px) { .type-u .bleu { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ border-bottom: var(--type-u-bleu-border-bottom-tablet); } } @media (min-width: 1024px) { .type-u .bleu { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ border-bottom: var(--type-u-bleu-border-bottom-desktop); } } @media (min-width: 1220px) { .type-u .bleu { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ border-bottom: var(--type-u-bleu-border-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-u .bleu { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ border-bottom: var(--type-u-bleu-border-bottom-desktop-full); } } @media (min-width: 1750px) { .type-u .bleu { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ border-bottom: var(--type-u-bleu-border-bottom-desktop-large); } } @media (min-width: 0px) { .type-v { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-v-this-padding-mobile); position: var(--type-v-this-position-mobile); display: var(--type-v-this-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-v-this-flex-direction-mobile); flex-direction: var(--type-v-this-flex-direction-mobile); gap: var(--type-v-this-gap-mobile); } } @media (min-width: 481px) { .type-v { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-v-this-padding-tablet); position: var(--type-v-this-position-tablet); display: var(--type-v-this-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-v-this-flex-direction-tablet); flex-direction: var(--type-v-this-flex-direction-tablet); gap: var(--type-v-this-gap-tablet); } } @media (min-width: 1024px) { .type-v { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-v-this-padding-desktop); position: var(--type-v-this-position-desktop); display: var(--type-v-this-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-v-this-flex-direction-desktop); flex-direction: var(--type-v-this-flex-direction-desktop); gap: var(--type-v-this-gap-desktop); } } @media (min-width: 1220px) { .type-v { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-v-this-padding-desktop-no-burger); position: var(--type-v-this-position-desktop-no-burger); display: var(--type-v-this-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-v-this-flex-direction-desktop-no-burger); flex-direction: var(--type-v-this-flex-direction-desktop-no-burger); gap: var(--type-v-this-gap-desktop-no-burger); } } @media (min-width: 1425px) { .type-v { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-v-this-padding-desktop-full); position: var(--type-v-this-position-desktop-full); display: var(--type-v-this-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-v-this-flex-direction-desktop-full); flex-direction: var(--type-v-this-flex-direction-desktop-full); gap: var(--type-v-this-gap-desktop-full); } } @media (min-width: 1750px) { .type-v { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-v-this-padding-desktop-large); position: var(--type-v-this-position-desktop-large); display: var(--type-v-this-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-v-this-flex-direction-desktop-large); flex-direction: var(--type-v-this-flex-direction-desktop-large); gap: var(--type-v-this-gap-desktop-large); } } @media (min-width: 0px) { .type-v .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-v-margin-top-margin-mobile); } } @media (min-width: 481px) { .type-v .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-v-margin-top-margin-tablet); } } @media (min-width: 1024px) { .type-v .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-v-margin-top-margin-desktop); } } @media (min-width: 1220px) { .type-v .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-v-margin-top-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-v .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-v-margin-top-margin-desktop-full); } } @media (min-width: 1750px) { .type-v .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-v-margin-top-margin-desktop-large); } } @media (min-width: 0px) { .type-v .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-v-margin-bottom-margin-top-mobile); margin-bottom: var(--type-v-margin-bottom-margin-bottom-mobile); } } @media (min-width: 481px) { .type-v .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-v-margin-bottom-margin-top-tablet); margin-bottom: var(--type-v-margin-bottom-margin-bottom-tablet); } } @media (min-width: 1024px) { .type-v .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-v-margin-bottom-margin-top-desktop); margin-bottom: var(--type-v-margin-bottom-margin-bottom-desktop); } } @media (min-width: 1220px) { .type-v .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-v-margin-bottom-margin-top-desktop-no-burger); margin-bottom: var(--type-v-margin-bottom-margin-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-v .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-v-margin-bottom-margin-top-desktop-full); margin-bottom: var(--type-v-margin-bottom-margin-bottom-desktop-full); } } @media (min-width: 1750px) { .type-v .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-v-margin-bottom-margin-top-desktop-large); margin-bottom: var(--type-v-margin-bottom-margin-bottom-desktop-large); } } @media (min-width: 0px) { .type-v .cta-tertiary { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ min-height: var(--type-v-cta-tertiary-min-height-mobile); } } @media (min-width: 481px) { .type-v .cta-tertiary { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ min-height: var(--type-v-cta-tertiary-min-height-tablet); } } @media (min-width: 1024px) { .type-v .cta-tertiary { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ min-height: var(--type-v-cta-tertiary-min-height-desktop); } } @media (min-width: 1220px) { .type-v .cta-tertiary { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ min-height: var(--type-v-cta-tertiary-min-height-desktop-no-burger); } } @media (min-width: 1425px) { .type-v .cta-tertiary { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ min-height: var(--type-v-cta-tertiary-min-height-desktop-full); } } @media (min-width: 1750px) { .type-v .cta-tertiary { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ min-height: var(--type-v-cta-tertiary-min-height-desktop-large); } } @media (min-width: 0px) { .type-v .icon { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ bottom: var(--type-v-icon-bottom-mobile); height: var(--type-v-icon-height-mobile); width: var(--type-v-icon-width-mobile); right: var(--type-v-icon-right-mobile); position: var(--type-v-icon-position-mobile); } } @media (min-width: 481px) { .type-v .icon { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ bottom: var(--type-v-icon-bottom-tablet); height: var(--type-v-icon-height-tablet); width: var(--type-v-icon-width-tablet); right: var(--type-v-icon-right-tablet); position: var(--type-v-icon-position-tablet); } } @media (min-width: 1024px) { .type-v .icon { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ bottom: var(--type-v-icon-bottom-desktop); height: var(--type-v-icon-height-desktop); width: var(--type-v-icon-width-desktop); right: var(--type-v-icon-right-desktop); position: var(--type-v-icon-position-desktop); } } @media (min-width: 1220px) { .type-v .icon { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ bottom: var(--type-v-icon-bottom-desktop-no-burger); height: var(--type-v-icon-height-desktop-no-burger); width: var(--type-v-icon-width-desktop-no-burger); right: var(--type-v-icon-right-desktop-no-burger); position: var(--type-v-icon-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-v .icon { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ bottom: var(--type-v-icon-bottom-desktop-full); height: var(--type-v-icon-height-desktop-full); width: var(--type-v-icon-width-desktop-full); right: var(--type-v-icon-right-desktop-full); position: var(--type-v-icon-position-desktop-full); } } @media (min-width: 1750px) { .type-v .icon { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ bottom: var(--type-v-icon-bottom-desktop-large); height: var(--type-v-icon-height-desktop-large); width: var(--type-v-icon-width-desktop-large); right: var(--type-v-icon-right-desktop-large); position: var(--type-v-icon-position-desktop-large); } } @media (min-width: 0px) { .type-v .position { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-v-position-z-index-mobile); position: var(--type-v-position-position-mobile); } } @media (min-width: 481px) { .type-v .position { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-v-position-z-index-tablet); position: var(--type-v-position-position-tablet); } } @media (min-width: 1024px) { .type-v .position { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-v-position-z-index-desktop); position: var(--type-v-position-position-desktop); } } @media (min-width: 1220px) { .type-v .position { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-v-position-z-index-desktop-no-burger); position: var(--type-v-position-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-v .position { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-v-position-z-index-desktop-full); position: var(--type-v-position-position-desktop-full); } } @media (min-width: 1750px) { .type-v .position { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-v-position-z-index-desktop-large); position: var(--type-v-position-position-desktop-large); } } @media (min-width: 0px) { .type-v .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-v-title-block-margin-mobile); margin-top: var(--type-v-title-block-margin-top-mobile); -webkit-box-flex: var(--type-v-title-block-flex-mobile); -ms-flex: var(--type-v-title-block-flex-mobile); flex: var(--type-v-title-block-flex-mobile); } } @media (min-width: 481px) { .type-v .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-v-title-block-margin-tablet); margin-top: var(--type-v-title-block-margin-top-tablet); -webkit-box-flex: var(--type-v-title-block-flex-tablet); -ms-flex: var(--type-v-title-block-flex-tablet); flex: var(--type-v-title-block-flex-tablet); } } @media (min-width: 1024px) { .type-v .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-v-title-block-margin-desktop); margin-top: var(--type-v-title-block-margin-top-desktop); -webkit-box-flex: var(--type-v-title-block-flex-desktop); -ms-flex: var(--type-v-title-block-flex-desktop); flex: var(--type-v-title-block-flex-desktop); } } @media (min-width: 1220px) { .type-v .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-v-title-block-margin-desktop-no-burger); margin-top: var(--type-v-title-block-margin-top-desktop-no-burger); -webkit-box-flex: var(--type-v-title-block-flex-desktop-no-burger); -ms-flex: var(--type-v-title-block-flex-desktop-no-burger); flex: var(--type-v-title-block-flex-desktop-no-burger); } } @media (min-width: 1425px) { .type-v .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-v-title-block-margin-desktop-full); margin-top: var(--type-v-title-block-margin-top-desktop-full); -webkit-box-flex: var(--type-v-title-block-flex-desktop-full); -ms-flex: var(--type-v-title-block-flex-desktop-full); flex: var(--type-v-title-block-flex-desktop-full); } } @media (min-width: 1750px) { .type-v .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-v-title-block-margin-desktop-large); margin-top: var(--type-v-title-block-margin-top-desktop-large); -webkit-box-flex: var(--type-v-title-block-flex-desktop-large); -ms-flex: var(--type-v-title-block-flex-desktop-large); flex: var(--type-v-title-block-flex-desktop-large); } } @media (min-width: 0px) { .type-v .title-block2 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-flex: var(--type-v-title-block2-flex-mobile); -ms-flex: var(--type-v-title-block2-flex-mobile); flex: var(--type-v-title-block2-flex-mobile); } } @media (min-width: 481px) { .type-v .title-block2 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-flex: var(--type-v-title-block2-flex-tablet); -ms-flex: var(--type-v-title-block2-flex-tablet); flex: var(--type-v-title-block2-flex-tablet); } } @media (min-width: 1024px) { .type-v .title-block2 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-flex: var(--type-v-title-block2-flex-desktop); -ms-flex: var(--type-v-title-block2-flex-desktop); flex: var(--type-v-title-block2-flex-desktop); } } @media (min-width: 1220px) { .type-v .title-block2 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-flex: var(--type-v-title-block2-flex-desktop-no-burger); -ms-flex: var(--type-v-title-block2-flex-desktop-no-burger); flex: var(--type-v-title-block2-flex-desktop-no-burger); } } @media (min-width: 1425px) { .type-v .title-block2 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-flex: var(--type-v-title-block2-flex-desktop-full); -ms-flex: var(--type-v-title-block2-flex-desktop-full); flex: var(--type-v-title-block2-flex-desktop-full); } } @media (min-width: 1750px) { .type-v .title-block2 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-flex: var(--type-v-title-block2-flex-desktop-large); -ms-flex: var(--type-v-title-block2-flex-desktop-large); flex: var(--type-v-title-block2-flex-desktop-large); } } @media (min-width: 0px) { .type-w { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-w-this-position-mobile); padding: var(--type-w-this-padding-mobile); display: var(--type-w-this-display-mobile); -ms-grid-columns: var(--type-w-this-grid-template-columns-mobile); grid-template-columns: var(--type-w-this-grid-template-columns-mobile); } } @media (min-width: 481px) { .type-w { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-w-this-position-tablet); padding: var(--type-w-this-padding-tablet); display: var(--type-w-this-display-tablet); -ms-grid-columns: var(--type-w-this-grid-template-columns-tablet); grid-template-columns: var(--type-w-this-grid-template-columns-tablet); } } @media (min-width: 1024px) { .type-w { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-w-this-position-desktop); padding: var(--type-w-this-padding-desktop); display: var(--type-w-this-display-desktop); -ms-grid-columns: var(--type-w-this-grid-template-columns-desktop); grid-template-columns: var(--type-w-this-grid-template-columns-desktop); } } @media (min-width: 1220px) { .type-w { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-w-this-position-desktop-no-burger); padding: var(--type-w-this-padding-desktop-no-burger); display: var(--type-w-this-display-desktop-no-burger); -ms-grid-columns: var(--type-w-this-grid-template-columns-desktop-no-burger); grid-template-columns: var(--type-w-this-grid-template-columns-desktop-no-burger); } } @media (min-width: 1425px) { .type-w { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-w-this-position-desktop-full); padding: var(--type-w-this-padding-desktop-full); display: var(--type-w-this-display-desktop-full); -ms-grid-columns: var(--type-w-this-grid-template-columns-desktop-full); grid-template-columns: var(--type-w-this-grid-template-columns-desktop-full); } } @media (min-width: 1750px) { .type-w { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-w-this-position-desktop-large); padding: var(--type-w-this-padding-desktop-large); display: var(--type-w-this-display-desktop-large); -ms-grid-columns: var(--type-w-this-grid-template-columns-desktop-large); grid-template-columns: var(--type-w-this-grid-template-columns-desktop-large); } } @media (min-width: 0px) { .type-w .arrow_localisation { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-w-arrow_localisation-position-mobile); bottom: var(--type-w-arrow_localisation-bottom-mobile); top: var(--type-w-arrow_localisation-top-mobile); left: var(--type-w-arrow_localisation-left-mobile); -webkit-transform: var(--type-w-arrow_localisation-transform-mobile); transform: var(--type-w-arrow_localisation-transform-mobile); width: var(--type-w-arrow_localisation-width-mobile); } } @media (min-width: 481px) { .type-w .arrow_localisation { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-w-arrow_localisation-position-tablet); bottom: var(--type-w-arrow_localisation-bottom-tablet); top: var(--type-w-arrow_localisation-top-tablet); left: var(--type-w-arrow_localisation-left-tablet); -webkit-transform: var(--type-w-arrow_localisation-transform-tablet); transform: var(--type-w-arrow_localisation-transform-tablet); width: var(--type-w-arrow_localisation-width-tablet); } } @media (min-width: 1024px) { .type-w .arrow_localisation { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-w-arrow_localisation-position-desktop); bottom: var(--type-w-arrow_localisation-bottom-desktop); top: var(--type-w-arrow_localisation-top-desktop); left: var(--type-w-arrow_localisation-left-desktop); -webkit-transform: var(--type-w-arrow_localisation-transform-desktop); transform: var(--type-w-arrow_localisation-transform-desktop); width: var(--type-w-arrow_localisation-width-desktop); } } @media (min-width: 1220px) { .type-w .arrow_localisation { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-w-arrow_localisation-position-desktop-no-burger); bottom: var(--type-w-arrow_localisation-bottom-desktop-no-burger); top: var(--type-w-arrow_localisation-top-desktop-no-burger); left: var(--type-w-arrow_localisation-left-desktop-no-burger); -webkit-transform: var(--type-w-arrow_localisation-transform-desktop-no-burger); transform: var(--type-w-arrow_localisation-transform-desktop-no-burger); width: var(--type-w-arrow_localisation-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-w .arrow_localisation { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-w-arrow_localisation-position-desktop-full); bottom: var(--type-w-arrow_localisation-bottom-desktop-full); top: var(--type-w-arrow_localisation-top-desktop-full); left: var(--type-w-arrow_localisation-left-desktop-full); -webkit-transform: var(--type-w-arrow_localisation-transform-desktop-full); transform: var(--type-w-arrow_localisation-transform-desktop-full); width: var(--type-w-arrow_localisation-width-desktop-full); } } @media (min-width: 1750px) { .type-w .arrow_localisation { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-w-arrow_localisation-position-desktop-large); bottom: var(--type-w-arrow_localisation-bottom-desktop-large); top: var(--type-w-arrow_localisation-top-desktop-large); left: var(--type-w-arrow_localisation-left-desktop-large); -webkit-transform: var(--type-w-arrow_localisation-transform-desktop-large); transform: var(--type-w-arrow_localisation-transform-desktop-large); width: var(--type-w-arrow_localisation-width-desktop-large); } } @media (min-width: 0px) { .type-w .star_localisation { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-w-star_localisation-position-mobile); bottom: var(--type-w-star_localisation-bottom-mobile); left: var(--type-w-star_localisation-left-mobile); width: var(--type-w-star_localisation-width-mobile); height: var(--type-w-star_localisation-height-mobile); } } @media (min-width: 481px) { .type-w .star_localisation { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-w-star_localisation-position-tablet); bottom: var(--type-w-star_localisation-bottom-tablet); left: var(--type-w-star_localisation-left-tablet); width: var(--type-w-star_localisation-width-tablet); height: var(--type-w-star_localisation-height-tablet); } } @media (min-width: 1024px) { .type-w .star_localisation { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-w-star_localisation-position-desktop); bottom: var(--type-w-star_localisation-bottom-desktop); left: var(--type-w-star_localisation-left-desktop); width: var(--type-w-star_localisation-width-desktop); height: var(--type-w-star_localisation-height-desktop); } } @media (min-width: 1220px) { .type-w .star_localisation { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-w-star_localisation-position-desktop-no-burger); bottom: var(--type-w-star_localisation-bottom-desktop-no-burger); left: var(--type-w-star_localisation-left-desktop-no-burger); width: var(--type-w-star_localisation-width-desktop-no-burger); height: var(--type-w-star_localisation-height-desktop-no-burger); } } @media (min-width: 1425px) { .type-w .star_localisation { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-w-star_localisation-position-desktop-full); bottom: var(--type-w-star_localisation-bottom-desktop-full); left: var(--type-w-star_localisation-left-desktop-full); width: var(--type-w-star_localisation-width-desktop-full); height: var(--type-w-star_localisation-height-desktop-full); } } @media (min-width: 1750px) { .type-w .star_localisation { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-w-star_localisation-position-desktop-large); bottom: var(--type-w-star_localisation-bottom-desktop-large); left: var(--type-w-star_localisation-left-desktop-large); width: var(--type-w-star_localisation-width-desktop-large); height: var(--type-w-star_localisation-height-desktop-large); } } @media (min-width: 0px) { .type-w .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-w-image-width-mobile); position: var(--type-w-image-position-mobile); margin: var(--type-w-image-margin-mobile); } } @media (min-width: 481px) { .type-w .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-w-image-width-tablet); position: var(--type-w-image-position-tablet); margin: var(--type-w-image-margin-tablet); } } @media (min-width: 1024px) { .type-w .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-w-image-width-desktop); position: var(--type-w-image-position-desktop); margin: var(--type-w-image-margin-desktop); } } @media (min-width: 1220px) { .type-w .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-w-image-width-desktop-no-burger); position: var(--type-w-image-position-desktop-no-burger); margin: var(--type-w-image-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-w .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-w-image-width-desktop-full); position: var(--type-w-image-position-desktop-full); margin: var(--type-w-image-margin-desktop-full); } } @media (min-width: 1750px) { .type-w .image { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-w-image-width-desktop-large); position: var(--type-w-image-position-desktop-large); margin: var(--type-w-image-margin-desktop-large); } } @media (min-width: 0px) { .type-w .img { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-w-img-width-mobile); height: var(--type-w-img-height-mobile); } } @media (min-width: 481px) { .type-w .img { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-w-img-width-tablet); height: var(--type-w-img-height-tablet); } } @media (min-width: 1024px) { .type-w .img { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-w-img-width-desktop); height: var(--type-w-img-height-desktop); } } @media (min-width: 1220px) { .type-w .img { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-w-img-width-desktop-no-burger); height: var(--type-w-img-height-desktop-no-burger); } } @media (min-width: 1425px) { .type-w .img { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-w-img-width-desktop-full); height: var(--type-w-img-height-desktop-full); } } @media (min-width: 1750px) { .type-w .img { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-w-img-width-desktop-large); height: var(--type-w-img-height-desktop-large); } } @media (min-width: 0px) { .type-w .bottom-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-w-bottom-margin-margin-mobile); } } @media (min-width: 481px) { .type-w .bottom-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-w-bottom-margin-margin-tablet); } } @media (min-width: 1024px) { .type-w .bottom-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-w-bottom-margin-margin-desktop); } } @media (min-width: 1220px) { .type-w .bottom-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-w-bottom-margin-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-w .bottom-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-w-bottom-margin-margin-desktop-full); } } @media (min-width: 1750px) { .type-w .bottom-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-w-bottom-margin-margin-desktop-large); } } @media (min-width: 0px) { .type-w .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-w-title-block-height-mobile); margin: var(--type-w-title-block-margin-mobile); width: var(--type-w-title-block-width-mobile); } } @media (min-width: 481px) { .type-w .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-w-title-block-height-tablet); margin: var(--type-w-title-block-margin-tablet); width: var(--type-w-title-block-width-tablet); } } @media (min-width: 1024px) { .type-w .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-w-title-block-height-desktop); margin: var(--type-w-title-block-margin-desktop); width: var(--type-w-title-block-width-desktop); } } @media (min-width: 1220px) { .type-w .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-w-title-block-height-desktop-no-burger); margin: var(--type-w-title-block-margin-desktop-no-burger); width: var(--type-w-title-block-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-w .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-w-title-block-height-desktop-full); margin: var(--type-w-title-block-margin-desktop-full); width: var(--type-w-title-block-width-desktop-full); } } @media (min-width: 1750px) { .type-w .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-w-title-block-height-desktop-large); margin: var(--type-w-title-block-margin-desktop-large); width: var(--type-w-title-block-width-desktop-large); } } @media (min-width: 0px) { .type-w .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-w-top-margin-margin-top-mobile); } } @media (min-width: 481px) { .type-w .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-w-top-margin-margin-top-tablet); } } @media (min-width: 1024px) { .type-w .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-w-top-margin-margin-top-desktop); } } @media (min-width: 1220px) { .type-w .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-w-top-margin-margin-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-w .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-w-top-margin-margin-top-desktop-full); } } @media (min-width: 1750px) { .type-w .top-margin { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-w-top-margin-margin-top-desktop-large); } } @media (min-width: 0px) { .type-w .plus-margin-left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-left: var(--type-w-plus-margin-left-margin-left-mobile); } } @media (min-width: 481px) { .type-w .plus-margin-left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-left: var(--type-w-plus-margin-left-margin-left-tablet); } } @media (min-width: 1024px) { .type-w .plus-margin-left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-left: var(--type-w-plus-margin-left-margin-left-desktop); } } @media (min-width: 1220px) { .type-w .plus-margin-left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-left: var(--type-w-plus-margin-left-margin-left-desktop-no-burger); } } @media (min-width: 1425px) { .type-w .plus-margin-left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-left: var(--type-w-plus-margin-left-margin-left-desktop-full); } } @media (min-width: 1750px) { .type-w .plus-margin-left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-left: var(--type-w-plus-margin-left-margin-left-desktop-large); } } @media (min-width: 0px) { .type-w .plus-margin-right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-w-plus-margin-right-width-mobile); margin-right: var(--type-w-plus-margin-right-margin-right-mobile); } } @media (min-width: 481px) { .type-w .plus-margin-right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-w-plus-margin-right-width-tablet); margin-right: var(--type-w-plus-margin-right-margin-right-tablet); } } @media (min-width: 1024px) { .type-w .plus-margin-right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-w-plus-margin-right-width-desktop); margin-right: var(--type-w-plus-margin-right-margin-right-desktop); } } @media (min-width: 1220px) { .type-w .plus-margin-right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-w-plus-margin-right-width-desktop-no-burger); margin-right: var(--type-w-plus-margin-right-margin-right-desktop-no-burger); } } @media (min-width: 1425px) { .type-w .plus-margin-right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-w-plus-margin-right-width-desktop-full); margin-right: var(--type-w-plus-margin-right-margin-right-desktop-full); } } @media (min-width: 1750px) { .type-w .plus-margin-right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-w-plus-margin-right-width-desktop-large); margin-right: var(--type-w-plus-margin-right-margin-right-desktop-large); } } @media (min-width: 0px) { .type-y { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-y-this-position-mobile); padding: var(--type-y-this-padding-mobile); margin: var(--type-y-this-margin-mobile); } } @media (min-width: 481px) { .type-y { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-y-this-position-tablet); padding: var(--type-y-this-padding-tablet); margin: var(--type-y-this-margin-tablet); } } @media (min-width: 1024px) { .type-y { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-y-this-position-desktop); padding: var(--type-y-this-padding-desktop); margin: var(--type-y-this-margin-desktop); } } @media (min-width: 1220px) { .type-y { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-y-this-position-desktop-no-burger); padding: var(--type-y-this-padding-desktop-no-burger); margin: var(--type-y-this-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-y { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-y-this-position-desktop-full); padding: var(--type-y-this-padding-desktop-full); margin: var(--type-y-this-margin-desktop-full); } } @media (min-width: 1750px) { .type-y { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-y-this-position-desktop-large); padding: var(--type-y-this-padding-desktop-large); margin: var(--type-y-this-margin-desktop-large); } } @media (min-width: 0px) { .type-y .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-y-wrapper-width-mobile); margin: var(--type-y-wrapper-margin-mobile); display: var(--type-y-wrapper-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-y-wrapper-flex-direction-mobile); flex-direction: var(--type-y-wrapper-flex-direction-mobile); -webkit-box-align: var(--type-y-wrapper-align-items-mobile); -ms-flex-align: var(--type-y-wrapper-align-items-mobile); align-items: var(--type-y-wrapper-align-items-mobile); -webkit-box-pack: var(--type-y-wrapper-justify-content-mobile); -ms-flex-pack: var(--type-y-wrapper-justify-content-mobile); justify-content: var(--type-y-wrapper-justify-content-mobile); gap: var(--type-y-wrapper-gap-mobile); } } @media (min-width: 481px) { .type-y .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-y-wrapper-width-tablet); margin: var(--type-y-wrapper-margin-tablet); display: var(--type-y-wrapper-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-y-wrapper-flex-direction-tablet); flex-direction: var(--type-y-wrapper-flex-direction-tablet); -webkit-box-align: var(--type-y-wrapper-align-items-tablet); -ms-flex-align: var(--type-y-wrapper-align-items-tablet); align-items: var(--type-y-wrapper-align-items-tablet); -webkit-box-pack: var(--type-y-wrapper-justify-content-tablet); -ms-flex-pack: var(--type-y-wrapper-justify-content-tablet); justify-content: var(--type-y-wrapper-justify-content-tablet); gap: var(--type-y-wrapper-gap-tablet); } } @media (min-width: 1024px) { .type-y .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-y-wrapper-width-desktop); margin: var(--type-y-wrapper-margin-desktop); display: var(--type-y-wrapper-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-y-wrapper-flex-direction-desktop); flex-direction: var(--type-y-wrapper-flex-direction-desktop); -webkit-box-align: var(--type-y-wrapper-align-items-desktop); -ms-flex-align: var(--type-y-wrapper-align-items-desktop); align-items: var(--type-y-wrapper-align-items-desktop); -webkit-box-pack: var(--type-y-wrapper-justify-content-desktop); -ms-flex-pack: var(--type-y-wrapper-justify-content-desktop); justify-content: var(--type-y-wrapper-justify-content-desktop); gap: var(--type-y-wrapper-gap-desktop); } } @media (min-width: 1220px) { .type-y .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-y-wrapper-width-desktop-no-burger); margin: var(--type-y-wrapper-margin-desktop-no-burger); display: var(--type-y-wrapper-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-y-wrapper-flex-direction-desktop-no-burger); flex-direction: var(--type-y-wrapper-flex-direction-desktop-no-burger); -webkit-box-align: var(--type-y-wrapper-align-items-desktop-no-burger); -ms-flex-align: var(--type-y-wrapper-align-items-desktop-no-burger); align-items: var(--type-y-wrapper-align-items-desktop-no-burger); -webkit-box-pack: var(--type-y-wrapper-justify-content-desktop-no-burger); -ms-flex-pack: var(--type-y-wrapper-justify-content-desktop-no-burger); justify-content: var(--type-y-wrapper-justify-content-desktop-no-burger); gap: var(--type-y-wrapper-gap-desktop-no-burger); } } @media (min-width: 1425px) { .type-y .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-y-wrapper-width-desktop-full); margin: var(--type-y-wrapper-margin-desktop-full); display: var(--type-y-wrapper-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-y-wrapper-flex-direction-desktop-full); flex-direction: var(--type-y-wrapper-flex-direction-desktop-full); -webkit-box-align: var(--type-y-wrapper-align-items-desktop-full); -ms-flex-align: var(--type-y-wrapper-align-items-desktop-full); align-items: var(--type-y-wrapper-align-items-desktop-full); -webkit-box-pack: var(--type-y-wrapper-justify-content-desktop-full); -ms-flex-pack: var(--type-y-wrapper-justify-content-desktop-full); justify-content: var(--type-y-wrapper-justify-content-desktop-full); gap: var(--type-y-wrapper-gap-desktop-full); } } @media (min-width: 1750px) { .type-y .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-y-wrapper-width-desktop-large); margin: var(--type-y-wrapper-margin-desktop-large); display: var(--type-y-wrapper-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-y-wrapper-flex-direction-desktop-large); flex-direction: var(--type-y-wrapper-flex-direction-desktop-large); -webkit-box-align: var(--type-y-wrapper-align-items-desktop-large); -ms-flex-align: var(--type-y-wrapper-align-items-desktop-large); align-items: var(--type-y-wrapper-align-items-desktop-large); -webkit-box-pack: var(--type-y-wrapper-justify-content-desktop-large); -ms-flex-pack: var(--type-y-wrapper-justify-content-desktop-large); justify-content: var(--type-y-wrapper-justify-content-desktop-large); gap: var(--type-y-wrapper-gap-desktop-large); } } @media (min-width: 0px) { .type-y .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-y-container-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-y-container-flex-direction-mobile); flex-direction: var(--type-y-container-flex-direction-mobile); padding: var(--type-y-container-padding-mobile); border: var(--type-y-container-border-mobile); border-radius: var(--type-y-container-border-radius-mobile); width: var(--type-y-container-width-mobile); -webkit-box-flex: var(--type-y-container-flex-grow-mobile); -ms-flex-positive: var(--type-y-container-flex-grow-mobile); flex-grow: var(--type-y-container-flex-grow-mobile); } } @media (min-width: 481px) { .type-y .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-y-container-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-y-container-flex-direction-tablet); flex-direction: var(--type-y-container-flex-direction-tablet); padding: var(--type-y-container-padding-tablet); border: var(--type-y-container-border-tablet); border-radius: var(--type-y-container-border-radius-tablet); width: var(--type-y-container-width-tablet); -webkit-box-flex: var(--type-y-container-flex-grow-tablet); -ms-flex-positive: var(--type-y-container-flex-grow-tablet); flex-grow: var(--type-y-container-flex-grow-tablet); } } @media (min-width: 1024px) { .type-y .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-y-container-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-y-container-flex-direction-desktop); flex-direction: var(--type-y-container-flex-direction-desktop); padding: var(--type-y-container-padding-desktop); border: var(--type-y-container-border-desktop); border-radius: var(--type-y-container-border-radius-desktop); width: var(--type-y-container-width-desktop); -webkit-box-flex: var(--type-y-container-flex-grow-desktop); -ms-flex-positive: var(--type-y-container-flex-grow-desktop); flex-grow: var(--type-y-container-flex-grow-desktop); } } @media (min-width: 1220px) { .type-y .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-y-container-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-y-container-flex-direction-desktop-no-burger); flex-direction: var(--type-y-container-flex-direction-desktop-no-burger); padding: var(--type-y-container-padding-desktop-no-burger); border: var(--type-y-container-border-desktop-no-burger); border-radius: var(--type-y-container-border-radius-desktop-no-burger); width: var(--type-y-container-width-desktop-no-burger); -webkit-box-flex: var(--type-y-container-flex-grow-desktop-no-burger); -ms-flex-positive: var(--type-y-container-flex-grow-desktop-no-burger); flex-grow: var(--type-y-container-flex-grow-desktop-no-burger); } } @media (min-width: 1425px) { .type-y .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-y-container-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-y-container-flex-direction-desktop-full); flex-direction: var(--type-y-container-flex-direction-desktop-full); padding: var(--type-y-container-padding-desktop-full); border: var(--type-y-container-border-desktop-full); border-radius: var(--type-y-container-border-radius-desktop-full); width: var(--type-y-container-width-desktop-full); -webkit-box-flex: var(--type-y-container-flex-grow-desktop-full); -ms-flex-positive: var(--type-y-container-flex-grow-desktop-full); flex-grow: var(--type-y-container-flex-grow-desktop-full); } } @media (min-width: 1750px) { .type-y .container { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-y-container-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-y-container-flex-direction-desktop-large); flex-direction: var(--type-y-container-flex-direction-desktop-large); padding: var(--type-y-container-padding-desktop-large); border: var(--type-y-container-border-desktop-large); border-radius: var(--type-y-container-border-radius-desktop-large); width: var(--type-y-container-width-desktop-large); -webkit-box-flex: var(--type-y-container-flex-grow-desktop-large); -ms-flex-positive: var(--type-y-container-flex-grow-desktop-large); flex-grow: var(--type-y-container-flex-grow-desktop-large); } } @media (min-width: 0px) { .type-y .mail-link { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-y-mail-link-display-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-y-mail-link-flex-direction-mobile); flex-direction: var(--type-y-mail-link-flex-direction-mobile); -ms-flex-wrap: var(--type-y-mail-link-flex-wrap-mobile); flex-wrap: var(--type-y-mail-link-flex-wrap-mobile); -webkit-box-align: var(--type-y-mail-link-align-items-mobile); -ms-flex-align: var(--type-y-mail-link-align-items-mobile); align-items: var(--type-y-mail-link-align-items-mobile); gap: var(--type-y-mail-link-gap-mobile); margin: var(--type-y-mail-link-margin-mobile); } } @media (min-width: 481px) { .type-y .mail-link { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-y-mail-link-display-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-y-mail-link-flex-direction-tablet); flex-direction: var(--type-y-mail-link-flex-direction-tablet); -ms-flex-wrap: var(--type-y-mail-link-flex-wrap-tablet); flex-wrap: var(--type-y-mail-link-flex-wrap-tablet); -webkit-box-align: var(--type-y-mail-link-align-items-tablet); -ms-flex-align: var(--type-y-mail-link-align-items-tablet); align-items: var(--type-y-mail-link-align-items-tablet); gap: var(--type-y-mail-link-gap-tablet); margin: var(--type-y-mail-link-margin-tablet); } } @media (min-width: 1024px) { .type-y .mail-link { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-y-mail-link-display-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-y-mail-link-flex-direction-desktop); flex-direction: var(--type-y-mail-link-flex-direction-desktop); -ms-flex-wrap: var(--type-y-mail-link-flex-wrap-desktop); flex-wrap: var(--type-y-mail-link-flex-wrap-desktop); -webkit-box-align: var(--type-y-mail-link-align-items-desktop); -ms-flex-align: var(--type-y-mail-link-align-items-desktop); align-items: var(--type-y-mail-link-align-items-desktop); gap: var(--type-y-mail-link-gap-desktop); margin: var(--type-y-mail-link-margin-desktop); } } @media (min-width: 1220px) { .type-y .mail-link { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-y-mail-link-display-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-y-mail-link-flex-direction-desktop-no-burger); flex-direction: var(--type-y-mail-link-flex-direction-desktop-no-burger); -ms-flex-wrap: var(--type-y-mail-link-flex-wrap-desktop-no-burger); flex-wrap: var(--type-y-mail-link-flex-wrap-desktop-no-burger); -webkit-box-align: var(--type-y-mail-link-align-items-desktop-no-burger); -ms-flex-align: var(--type-y-mail-link-align-items-desktop-no-burger); align-items: var(--type-y-mail-link-align-items-desktop-no-burger); gap: var(--type-y-mail-link-gap-desktop-no-burger); margin: var(--type-y-mail-link-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-y .mail-link { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-y-mail-link-display-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-y-mail-link-flex-direction-desktop-full); flex-direction: var(--type-y-mail-link-flex-direction-desktop-full); -ms-flex-wrap: var(--type-y-mail-link-flex-wrap-desktop-full); flex-wrap: var(--type-y-mail-link-flex-wrap-desktop-full); -webkit-box-align: var(--type-y-mail-link-align-items-desktop-full); -ms-flex-align: var(--type-y-mail-link-align-items-desktop-full); align-items: var(--type-y-mail-link-align-items-desktop-full); gap: var(--type-y-mail-link-gap-desktop-full); margin: var(--type-y-mail-link-margin-desktop-full); } } @media (min-width: 1750px) { .type-y .mail-link { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-y-mail-link-display-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-y-mail-link-flex-direction-desktop-large); flex-direction: var(--type-y-mail-link-flex-direction-desktop-large); -ms-flex-wrap: var(--type-y-mail-link-flex-wrap-desktop-large); flex-wrap: var(--type-y-mail-link-flex-wrap-desktop-large); -webkit-box-align: var(--type-y-mail-link-align-items-desktop-large); -ms-flex-align: var(--type-y-mail-link-align-items-desktop-large); align-items: var(--type-y-mail-link-align-items-desktop-large); gap: var(--type-y-mail-link-gap-desktop-large); margin: var(--type-y-mail-link-margin-desktop-large); } } @media (min-width: 0px) { .type-y .text { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-y-text-margin-mobile); } } @media (min-width: 481px) { .type-y .text { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-y-text-margin-tablet); } } @media (min-width: 1024px) { .type-y .text { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-y-text-margin-desktop); } } @media (min-width: 1220px) { .type-y .text { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-y-text-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-y .text { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-y-text-margin-desktop-full); } } @media (min-width: 1750px) { .type-y .text { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-y-text-margin-desktop-large); } } @media (min-width: 0px) { .type-step { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-step-this-position-mobile); margin: var(--type-step-this-margin-mobile); } } @media (min-width: 481px) { .type-step { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-step-this-position-tablet); margin: var(--type-step-this-margin-tablet); } } @media (min-width: 1024px) { .type-step { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-step-this-position-desktop); margin: var(--type-step-this-margin-desktop); } } @media (min-width: 1220px) { .type-step { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-step-this-position-desktop-no-burger); margin: var(--type-step-this-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-step { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-step-this-position-desktop-full); margin: var(--type-step-this-margin-desktop-full); } } @media (min-width: 1750px) { .type-step { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-step-this-position-desktop-large); margin: var(--type-step-this-margin-desktop-large); } } @media (min-width: 0px) { .type-step .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-step-wrapper-padding-mobile); } } @media (min-width: 481px) { .type-step .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-step-wrapper-padding-tablet); } } @media (min-width: 1024px) { .type-step .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-step-wrapper-padding-desktop); } } @media (min-width: 1220px) { .type-step .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-step-wrapper-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-step .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-step-wrapper-padding-desktop-full); } } @media (min-width: 1750px) { .type-step .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-step-wrapper-padding-desktop-large); } } @media (min-width: 0px) { .type-step .title { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-step-title-margin-mobile); } } @media (min-width: 481px) { .type-step .title { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-step-title-margin-tablet); } } @media (min-width: 1024px) { .type-step .title { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-step-title-margin-desktop); } } @media (min-width: 1220px) { .type-step .title { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-step-title-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-step .title { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-step-title-margin-desktop-full); } } @media (min-width: 1750px) { .type-step .title { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-step-title-margin-desktop-large); } } @media (min-width: 0px) { .type-step .icon-step { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-step-icon-step-width-mobile); height: var(--type-step-icon-step-height-mobile); } } @media (min-width: 481px) { .type-step .icon-step { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-step-icon-step-width-tablet); height: var(--type-step-icon-step-height-tablet); } } @media (min-width: 1024px) { .type-step .icon-step { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-step-icon-step-width-desktop); height: var(--type-step-icon-step-height-desktop); } } @media (min-width: 1220px) { .type-step .icon-step { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-step-icon-step-width-desktop-no-burger); height: var(--type-step-icon-step-height-desktop-no-burger); } } @media (min-width: 1425px) { .type-step .icon-step { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-step-icon-step-width-desktop-full); height: var(--type-step-icon-step-height-desktop-full); } } @media (min-width: 1750px) { .type-step .icon-step { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-step-icon-step-width-desktop-large); height: var(--type-step-icon-step-height-desktop-large); } } @media (min-width: 0px) { .type-af { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 481px) { .type-af { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 1024px) { .type-af { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 1220px) { .type-af { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 1425px) { .type-af { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 1750px) { .type-af { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ } } @media (min-width: 0px) { .type-af .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-af-wrapper-padding-mobile); display: var(--type-af-wrapper-display-mobile); -ms-grid-columns: var(--type-af-wrapper-grid-template-columns-mobile); grid-template-columns: var(--type-af-wrapper-grid-template-columns-mobile); gap: var(--type-af-wrapper-gap-mobile); } } @media (min-width: 481px) { .type-af .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-af-wrapper-padding-tablet); display: var(--type-af-wrapper-display-tablet); -ms-grid-columns: var(--type-af-wrapper-grid-template-columns-tablet); grid-template-columns: var(--type-af-wrapper-grid-template-columns-tablet); gap: var(--type-af-wrapper-gap-tablet); } } @media (min-width: 1024px) { .type-af .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-af-wrapper-padding-desktop); display: var(--type-af-wrapper-display-desktop); -ms-grid-columns: var(--type-af-wrapper-grid-template-columns-desktop); grid-template-columns: var(--type-af-wrapper-grid-template-columns-desktop); gap: var(--type-af-wrapper-gap-desktop); } } @media (min-width: 1220px) { .type-af .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-af-wrapper-padding-desktop-no-burger); display: var(--type-af-wrapper-display-desktop-no-burger); -ms-grid-columns: var(--type-af-wrapper-grid-template-columns-desktop-no-burger); grid-template-columns: var(--type-af-wrapper-grid-template-columns-desktop-no-burger); gap: var(--type-af-wrapper-gap-desktop-no-burger); } } @media (min-width: 1425px) { .type-af .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-af-wrapper-padding-desktop-full); display: var(--type-af-wrapper-display-desktop-full); -ms-grid-columns: var(--type-af-wrapper-grid-template-columns-desktop-full); grid-template-columns: var(--type-af-wrapper-grid-template-columns-desktop-full); gap: var(--type-af-wrapper-gap-desktop-full); } } @media (min-width: 1750px) { .type-af .wrapper { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-af-wrapper-padding-desktop-large); display: var(--type-af-wrapper-display-desktop-large); -ms-grid-columns: var(--type-af-wrapper-grid-template-columns-desktop-large); grid-template-columns: var(--type-af-wrapper-grid-template-columns-desktop-large); gap: var(--type-af-wrapper-gap-desktop-large); } } @media (min-width: 0px) { .type-af .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-af-package-padding-mobile); } } @media (min-width: 481px) { .type-af .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-af-package-padding-tablet); } } @media (min-width: 1024px) { .type-af .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-af-package-padding-desktop); } } @media (min-width: 1220px) { .type-af .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-af-package-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-af .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-af-package-padding-desktop-full); } } @media (min-width: 1750px) { .type-af .package { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-af-package-padding-desktop-large); } } @media (min-width: 0px) { .type-af .right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-af-right-display-mobile); -ms-grid-columns: var(--type-af-right-grid-template-columns-mobile); grid-template-columns: var(--type-af-right-grid-template-columns-mobile); gap: var(--type-af-right-gap-mobile); } } @media (min-width: 481px) { .type-af .right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-af-right-display-tablet); -ms-grid-columns: var(--type-af-right-grid-template-columns-tablet); grid-template-columns: var(--type-af-right-grid-template-columns-tablet); gap: var(--type-af-right-gap-tablet); } } @media (min-width: 1024px) { .type-af .right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-af-right-display-desktop); -ms-grid-columns: var(--type-af-right-grid-template-columns-desktop); grid-template-columns: var(--type-af-right-grid-template-columns-desktop); gap: var(--type-af-right-gap-desktop); } } @media (min-width: 1220px) { .type-af .right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-af-right-display-desktop-no-burger); -ms-grid-columns: var(--type-af-right-grid-template-columns-desktop-no-burger); grid-template-columns: var(--type-af-right-grid-template-columns-desktop-no-burger); gap: var(--type-af-right-gap-desktop-no-burger); } } @media (min-width: 1425px) { .type-af .right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-af-right-display-desktop-full); -ms-grid-columns: var(--type-af-right-grid-template-columns-desktop-full); grid-template-columns: var(--type-af-right-grid-template-columns-desktop-full); gap: var(--type-af-right-gap-desktop-full); } } @media (min-width: 1750px) { .type-af .right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-af-right-display-desktop-large); -ms-grid-columns: var(--type-af-right-grid-template-columns-desktop-large); grid-template-columns: var(--type-af-right-grid-template-columns-desktop-large); gap: var(--type-af-right-gap-desktop-large); } } @media (min-width: 0px) { .type-avantages { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-avantages-this-padding-mobile); } } @media (min-width: 481px) { .type-avantages { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-avantages-this-padding-tablet); } } @media (min-width: 1024px) { .type-avantages { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-avantages-this-padding-desktop); } } @media (min-width: 1220px) { .type-avantages { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-avantages-this-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-avantages { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-avantages-this-padding-desktop-full); } } @media (min-width: 1750px) { .type-avantages { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-avantages-this-padding-desktop-large); } } @media (min-width: 0px) { .type-avantages .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-avantages-title-block-padding-mobile); } } @media (min-width: 481px) { .type-avantages .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-avantages-title-block-padding-tablet); } } @media (min-width: 1024px) { .type-avantages .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-avantages-title-block-padding-desktop); } } @media (min-width: 1220px) { .type-avantages .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-avantages-title-block-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-avantages .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-avantages-title-block-padding-desktop-full); } } @media (min-width: 1750px) { .type-avantages .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-avantages-title-block-padding-desktop-large); } } @media (min-width: 0px) { .type-avantages .section-avantages { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-avantages-section-avantages-display-mobile); position: var(--type-avantages-section-avantages-position-mobile); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-avantages-section-avantages-flex-direction-mobile); flex-direction: var(--type-avantages-section-avantages-flex-direction-mobile); } } @media (min-width: 481px) { .type-avantages .section-avantages { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-avantages-section-avantages-display-tablet); position: var(--type-avantages-section-avantages-position-tablet); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-avantages-section-avantages-flex-direction-tablet); flex-direction: var(--type-avantages-section-avantages-flex-direction-tablet); } } @media (min-width: 1024px) { .type-avantages .section-avantages { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-avantages-section-avantages-display-desktop); position: var(--type-avantages-section-avantages-position-desktop); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-avantages-section-avantages-flex-direction-desktop); flex-direction: var(--type-avantages-section-avantages-flex-direction-desktop); } } @media (min-width: 1220px) { .type-avantages .section-avantages { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-avantages-section-avantages-display-desktop-no-burger); position: var(--type-avantages-section-avantages-position-desktop-no-burger); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-avantages-section-avantages-flex-direction-desktop-no-burger); flex-direction: var(--type-avantages-section-avantages-flex-direction-desktop-no-burger); } } @media (min-width: 1425px) { .type-avantages .section-avantages { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-avantages-section-avantages-display-desktop-full); position: var(--type-avantages-section-avantages-position-desktop-full); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-avantages-section-avantages-flex-direction-desktop-full); flex-direction: var(--type-avantages-section-avantages-flex-direction-desktop-full); } } @media (min-width: 1750px) { .type-avantages .section-avantages { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-avantages-section-avantages-display-desktop-large); position: var(--type-avantages-section-avantages-position-desktop-large); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: var(--type-avantages-section-avantages-flex-direction-desktop-large); flex-direction: var(--type-avantages-section-avantages-flex-direction-desktop-large); } } @media (min-width: 0px) { .type-avantages .container-avantage { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-avantages-container-avantage-width-mobile); } } @media (min-width: 481px) { .type-avantages .container-avantage { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-avantages-container-avantage-width-tablet); } } @media (min-width: 1024px) { .type-avantages .container-avantage { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-avantages-container-avantage-width-desktop); } } @media (min-width: 1220px) { .type-avantages .container-avantage { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-avantages-container-avantage-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-avantages .container-avantage { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-avantages-container-avantage-width-desktop-full); } } @media (min-width: 1750px) { .type-avantages .container-avantage { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-avantages-container-avantage-width-desktop-large); } } /* Create here as much as needed... */ .next-section-joined { z-index: 12 !important; margin-bottom: 0; } .next-section-joined + section, .next-section-joined + footer { margin-top: 0; } footer:is(.type-f + script + .type-footer) { margin-top: 0; } /** * -------------------------------------------------------------------------------------------------------------- * ELEMENTS APPLICATIONS /**/ /* If some elements have allways the same paddings/margins on the project define them here with the variables already defined */ html, body { position: relative; margin: auto; } html:not(body.page-template-devis, .single-post), body:not(body.page-template-devis, .single-post) { overflow-x: hidden; } html:has(.popup-container.visible), body:has(.popup-container.visible) { overflow: hidden; } :root { --default-display-mobile: flex; --default-display-tablet: flex; --default-display-desktop: flex; --default-display-desktop-no-burger: flex; --default-display-desktop-full: flex; --default-display-desktop-large: flex; --default-flex-direction-mobile: column; --default-flex-direction-tablet: column; --default-flex-direction-desktop: column; --default-flex-direction-desktop-no-burger: column; --default-flex-direction-desktop-full: column; --default-flex-direction-desktop-large: column; --default-display-mobile: flex; --default-display-tablet: flex; --default-display-desktop: flex; --default-display-desktop-no-burger: flex; --default-display-desktop-full: flex; --default-display-desktop-large: flex; --default-flex-direction-mobile: column; --default-flex-direction-tablet: column; --default-flex-direction-desktop: column; --default-flex-direction-desktop-no-burger: column; --default-flex-direction-desktop-full: column; --default-flex-direction-desktop-large: column; --default-display-mobile: flex; --default-display-tablet: flex; --default-display-desktop: flex; --default-display-desktop-no-burger: flex; --default-display-desktop-full: flex; --default-display-desktop-large: flex; --default-flex-direction-mobile: column; --default-flex-direction-tablet: column; --default-flex-direction-desktop: column; --default-flex-direction-desktop-no-burger: column; --default-flex-direction-desktop-full: column; --default-flex-direction-desktop-large: column; --default-display-mobile: flex; --default-display-tablet: flex; --default-display-desktop: flex; --default-display-desktop-no-burger: flex; --default-display-desktop-full: flex; --default-display-desktop-large: flex; --default-flex-direction-mobile: column; --default-flex-direction-tablet: column; --default-flex-direction-desktop: column; --default-flex-direction-desktop-no-burger: column; --default-flex-direction-desktop-full: column; --default-flex-direction-desktop-large: column; --default-width-mobile: -webkit-fill-available; --default-width-tablet: -webkit-fill-available; --default-width-desktop: -webkit-fill-available; --default-width-desktop-no-burger: -webkit-fill-available; --default-width-desktop-full: -webkit-fill-available; --default-width-desktop-large: -webkit-fill-available; --type-demo-this-padding-mobile: calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-demo-this-padding-tablet: calc(0.0416666667 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-demo-this-padding-desktop: calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw); --type-demo-this-padding-desktop-no-burger: calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw); --type-demo-this-padding-desktop-full: calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw); --type-demo-this-padding-desktop-large: calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw); --type-demo-this-margin-mobile: calc(0.1282051282 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.1282051282 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-demo-this-margin-tablet: calc(0.0416666667 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-demo-this-margin-desktop: calc(0.0416666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-demo-this-margin-desktop-no-burger: calc(0.0416666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-demo-this-margin-desktop-full: calc(0.0416666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-demo-this-margin-desktop-large: calc(0.0416666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-demo-wrapper-padding-mobile: calc(0.0256410256 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0256410256 * 1 * 100vw) calc(0 * 1 * 100vw); --type-demo-wrapper-padding-tablet: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-demo-wrapper-padding-desktop: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-demo-wrapper-padding-desktop-no-burger: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-demo-wrapper-padding-desktop-full: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-demo-wrapper-padding-desktop-large: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-demo-container-padding-mobile: calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-demo-container-padding-tablet: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-demo-container-padding-desktop: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-demo-container-padding-desktop-no-burger: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-demo-container-padding-desktop-full: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-demo-container-padding-desktop-large: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-demo-container-flex-direction-mobile: column; --type-demo-container-flex-direction-tablet: column; --type-demo-container-flex-direction-desktop: row; --type-demo-container-flex-direction-desktop-no-burger: row; --type-demo-container-flex-direction-desktop-full: row; --type-demo-container-flex-direction-desktop-large: row; --type-demofonts-wrapper-flex-direction-mobile: column; --type-demofonts-wrapper-flex-direction-tablet: column; --type-demofonts-wrapper-flex-direction-desktop: row; --type-demofonts-wrapper-flex-direction-desktop-no-burger: row; --type-demofonts-wrapper-flex-direction-desktop-full: row; --type-demofonts-wrapper-flex-direction-desktop-large: row; --type-demofonts-container-width-mobile: auto; --type-demofonts-container-width-tablet: auto; --type-demofonts-container-width-desktop: 100%; --type-demofonts-container-width-desktop-no-burger: 100%; --type-demofonts-container-width-desktop-full: 100%; --type-demofonts-container-width-desktop-large: 100%; --type-demofonts-container-margin-mobile: auto; --type-demofonts-container-margin-tablet: auto; --type-demofonts-container-margin-desktop: auto; --type-demofonts-container-margin-desktop-no-burger: auto; --type-demofonts-container-margin-desktop-full: auto; --type-demofonts-container-margin-desktop-large: auto; --type-header-this-display-mobile: block; --type-header-this-display-tablet: block; --type-header-this-display-desktop: block; --type-header-this-display-desktop-no-burger: block; --type-header-this-display-desktop-full: block; --type-header-this-display-desktop-large: block; --type-header-this-flex-direction-mobile: row; --type-header-this-flex-direction-tablet: row; --type-header-this-flex-direction-desktop: row; --type-header-this-flex-direction-desktop-no-burger: row; --type-header-this-flex-direction-desktop-full: row; --type-header-this-flex-direction-desktop-large: row; --type-header-this-padding-mobile: calc(0.0384615385 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-header-this-padding-tablet: calc(0.0158536585 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-header-this-padding-desktop: calc(0.0090277778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-header-this-padding-desktop-no-burger: calc(0.0090277778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-header-this-padding-desktop-full: calc(0.0090277778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-header-this-padding-desktop-large: calc(0.0090277778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-header-site-branding-height-mobile: calc(0.1025641026 * 1 * 100vw); --type-header-site-branding-height-tablet: calc(0.0609756098 * 1 * 100vw); --type-header-site-branding-height-desktop: calc(0.0416666667 * 1 * 100vw); --type-header-site-branding-height-desktop-no-burger: calc(0.0416666667 * 1 * 100vw); --type-header-site-branding-height-desktop-full: calc(0.0416666667 * 1 * 100vw); --type-header-site-branding-height-desktop-large: calc(0.0416666667 * 1 * 100vw); --type-header-wrapper-flex-direction-mobile: row; --type-header-wrapper-flex-direction-tablet: row; --type-header-wrapper-flex-direction-desktop: row; --type-header-wrapper-flex-direction-desktop-no-burger: row; --type-header-wrapper-flex-direction-desktop-full: row; --type-header-wrapper-flex-direction-desktop-large: row; --type-header-wrapper-display-mobile: flex; --type-header-wrapper-display-tablet: flex; --type-header-wrapper-display-desktop: flex; --type-header-wrapper-display-desktop-no-burger: flex; --type-header-wrapper-display-desktop-full: flex; --type-header-wrapper-display-desktop-large: flex; --type-header-wrapper-align-items-mobile: center; --type-header-wrapper-align-items-tablet: center; --type-header-wrapper-align-items-desktop: center; --type-header-wrapper-align-items-desktop-no-burger: center; --type-header-wrapper-align-items-desktop-full: center; --type-header-wrapper-align-items-desktop-large: center; --type-header-wrapper2-padding-mobile: 0; --type-header-wrapper2-padding-tablet: calc(0.0609756098 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-header-wrapper2-padding-desktop: calc(0.0347222222 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-header-wrapper2-padding-desktop-no-burger: calc(0.0347222222 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-header-wrapper2-padding-desktop-full: calc(0.0347222222 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-header-wrapper2-padding-desktop-large: calc(0.0347222222 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-header-container-flex-direction-mobile: row; --type-header-container-flex-direction-tablet: row; --type-header-container-flex-direction-desktop: row; --type-header-container-flex-direction-desktop-no-burger: row; --type-header-container-flex-direction-desktop-full: row; --type-header-container-flex-direction-desktop-large: row; --type-header-container-justify-content-mobile: space-between; --type-header-container-justify-content-tablet: space-between; --type-header-container-justify-content-desktop: space-between; --type-header-container-justify-content-desktop-no-burger: space-between; --type-header-container-justify-content-desktop-full: space-between; --type-header-container-justify-content-desktop-large: space-between; --type-header-container-height-mobile: calc(0.1128205128 * 1 * 100vw); --type-header-container-height-tablet: calc(0.0634146341 * 1 * 100vw); --type-header-container-height-desktop: calc(0.0361111111 * 1 * 100vw); --type-header-container-height-desktop-no-burger: calc(0.0361111111 * 1 * 100vw); --type-header-container-height-desktop-full: calc(0.0361111111 * 1 * 100vw); --type-header-container-height-desktop-large: calc(0.0361111111 * 1 * 100vw); --type-header-package-flex-direction-mobile: row; --type-header-package-flex-direction-tablet: row; --type-header-package-flex-direction-desktop: row; --type-header-package-flex-direction-desktop-no-burger: row; --type-header-package-flex-direction-desktop-full: row; --type-header-package-flex-direction-desktop-large: row; --type-header-package-height-mobile: 100%; --type-header-package-height-tablet: 100%; --type-header-package-height-desktop: 100%; --type-header-package-height-desktop-no-burger: 100%; --type-header-package-height-desktop-full: 100%; --type-header-package-height-desktop-large: 100%; --type-header-sub-menu-top-mobile: calc(0.1282051282 * 1 * 100vw - 2px); --type-header-sub-menu-top-tablet: calc(0.0609756098 * 1 * 100vw - 2px); --type-header-sub-menu-top-desktop: calc(0.0347222222 * 1 * 100vw - 2px); --type-header-sub-menu-top-desktop-no-burger: calc(0.0347222222 * 1 * 100vw - 2px); --type-header-sub-menu-top-desktop-full: calc(0.0347222222 * 1 * 100vw - 2px); --type-header-sub-menu-top-desktop-large: calc(0.0347222222 * 1 * 100vw - 2px); --type-header-menu-item-display-mobile: flex; --type-header-menu-item-display-tablet: flex; --type-header-menu-item-display-desktop: flex; --type-header-menu-item-display-desktop-no-burger: flex; --type-header-menu-item-display-desktop-full: flex; --type-header-menu-item-display-desktop-large: flex; --type-header-menu-item-flex-direction-mobile: row; --type-header-menu-item-flex-direction-tablet: row; --type-header-menu-item-flex-direction-desktop: row; --type-header-menu-item-flex-direction-desktop-no-burger: row; --type-header-menu-item-flex-direction-desktop-full: row; --type-header-menu-item-flex-direction-desktop-large: row; --type-header-menu-item-padding-mobile: 0; --type-header-menu-item-padding-tablet: 0; --type-header-menu-item-padding-desktop: 0; --type-header-menu-item-padding-desktop-no-burger: 0; --type-header-menu-item-padding-desktop-full: 0; --type-header-menu-item-padding-desktop-large: 0; --type-footer-this-margin-top-mobile: calc(0.1666666667 * 1 * 100vw); --type-footer-this-margin-top-tablet: calc(0.1219512195 * 1 * 100vw); --type-footer-this-margin-top-desktop: calc(0.0694444444 * 1 * 100vw); --type-footer-this-margin-top-desktop-no-burger: calc(0.0694444444 * 1 * 100vw); --type-footer-this-margin-top-desktop-full: calc(0.0694444444 * 1 * 100vw); --type-footer-this-margin-top-desktop-large: calc(0.0694444444 * 1 * 100vw); --type-footer-wrapper-padding-mobile: calc(0.0384615385 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-footer-wrapper-padding-tablet: calc(0.0182926829 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-footer-wrapper-padding-desktop: calc(0.0104166667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-footer-wrapper-padding-desktop-no-burger: calc(0.0104166667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-footer-wrapper-padding-desktop-full: calc(0.0104166667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-footer-wrapper-padding-desktop-large: calc(0.0104166667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-footer-custom-logo-link-height-mobile: calc(0.1282051282 * 1 * 100vw); --type-footer-custom-logo-link-height-tablet: calc(0.0731707317 * 1 * 100vw); --type-footer-custom-logo-link-height-desktop: calc(0.0555555556 * 1 * 100vw); --type-footer-custom-logo-link-height-desktop-no-burger: calc(0.0555555556 * 1 * 100vw); --type-footer-custom-logo-link-height-desktop-full: calc(0.0555555556 * 1 * 100vw); --type-footer-custom-logo-link-height-desktop-large: calc(0.0555555556 * 1 * 100vw); --type-footer-custom-logo-link-width-mobile: fit-content; --type-footer-custom-logo-link-width-tablet: fit-content; --type-footer-custom-logo-link-width-desktop: fit-content; --type-footer-custom-logo-link-width-desktop-no-burger: fit-content; --type-footer-custom-logo-link-width-desktop-full: fit-content; --type-footer-custom-logo-link-width-desktop-large: fit-content; --type-footer-custom-logo-link-margin-mobile: auto auto calc(0.0769230769 * 1 * 100vw) auto; --type-footer-custom-logo-link-margin-tablet: auto auto calc(0.0487804878 * 1 * 100vw) auto; --type-footer-custom-logo-link-margin-desktop: 0; --type-footer-custom-logo-link-margin-desktop-no-burger: 0; --type-footer-custom-logo-link-margin-desktop-full: 0; --type-footer-custom-logo-link-margin-desktop-large: 0; --type-footer-bottom-padding-mobile: 0 0 calc(0.0138888889 * 1 * 100vw) 0; --type-footer-bottom-padding-tablet: 0 0 calc(0.0138888889 * 1 * 100vw) 0; --type-footer-bottom-padding-desktop: 0 0 calc(0.0138888889 * 1 * 100vw) 0; --type-footer-bottom-padding-desktop-no-burger: 0 0 calc(0.0138888889 * 1 * 100vw) 0; --type-footer-bottom-padding-desktop-full: 0 0 calc(0.0138888889 * 1 * 100vw) 0; --type-footer-bottom-padding-desktop-large: 0 0 calc(0.0138888889 * 1 * 100vw) 0; --type-burger-this-width-mobile: 100vw; --type-burger-this-width-tablet: 100vw; --type-burger-this-width-desktop: 100vw; --type-burger-this-width-desktop-no-burger: 100vw; --type-burger-this-width-desktop-full: 100vw; --type-burger-this-width-desktop-large: 100vw; --type-burger-this-height-mobile: 100dvh; --type-burger-this-height-tablet: 100dvh; --type-burger-this-height-desktop: 100dvh; --type-burger-this-height-desktop-no-burger: 100dvh; --type-burger-this-height-desktop-full: 100dvh; --type-burger-this-height-desktop-large: 100dvh; --type-burger-burger-menu-wrapper-padding-mobile: calc(0.1282051282 * 1 * 100vw + 2 * 0.0384615385 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-burger-burger-menu-wrapper-padding-tablet: calc(0.0609756098 * 1 * 100vw + 2 * 0.0158536585 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-burger-burger-menu-wrapper-padding-desktop: calc(0.0347222222 * 1 * 100vw + 2 * 0.0090277778 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-burger-burger-menu-wrapper-padding-desktop-no-burger: calc(0.0347222222 * 1 * 100vw + 2 * 0.0090277778 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-burger-burger-menu-wrapper-padding-desktop-full: calc(0.0347222222 * 1 * 100vw + 2 * 0.0090277778 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-burger-burger-menu-wrapper-padding-desktop-large: calc(0.0347222222 * 1 * 100vw + 2 * 0.0090277778 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-burger-burger-menu-wrapper-display-mobile: flex; --type-burger-burger-menu-wrapper-display-tablet: flex; --type-burger-burger-menu-wrapper-display-desktop: flex; --type-burger-burger-menu-wrapper-display-desktop-no-burger: flex; --type-burger-burger-menu-wrapper-display-desktop-full: flex; --type-burger-burger-menu-wrapper-display-desktop-large: flex; --type-burger-burger-menu-wrapper-flex-direction-mobile: column; --type-burger-burger-menu-wrapper-flex-direction-tablet: column; --type-burger-burger-menu-wrapper-flex-direction-desktop: column; --type-burger-burger-menu-wrapper-flex-direction-desktop-no-burger: column; --type-burger-burger-menu-wrapper-flex-direction-desktop-full: column; --type-burger-burger-menu-wrapper-flex-direction-desktop-large: column; --type-burger-wrapper-width-mobile: 100%; --type-burger-wrapper-width-tablet: 100%; --type-burger-wrapper-width-desktop: 100%; --type-burger-wrapper-width-desktop-no-burger: 100%; --type-burger-wrapper-width-desktop-full: 100%; --type-burger-wrapper-width-desktop-large: 100%; --type-burger-end-height-mobile: 100dvh; --type-burger-end-height-tablet: 100dvh; --type-burger-end-height-desktop: 100dvh; --type-burger-end-height-desktop-no-burger: 100dvh; --type-burger-end-height-desktop-full: 100dvh; --type-burger-end-height-desktop-large: 100dvh; --type-burger-container-width-mobile: 100%; --type-burger-container-width-tablet: 100%; --type-burger-container-width-desktop: 100%; --type-burger-container-width-desktop-no-burger: 100%; --type-burger-container-width-desktop-full: 100%; --type-burger-container-width-desktop-large: 100%; --type-burger-menu-display-mobile: flex; --type-burger-menu-display-tablet: flex; --type-burger-menu-display-desktop: flex; --type-burger-menu-display-desktop-no-burger: flex; --type-burger-menu-display-desktop-full: flex; --type-burger-menu-display-desktop-large: flex; --type-burger-menu-flex-direction-mobile: column; --type-burger-menu-flex-direction-tablet: column; --type-burger-menu-flex-direction-desktop: column; --type-burger-menu-flex-direction-desktop-no-burger: column; --type-burger-menu-flex-direction-desktop-full: column; --type-burger-menu-flex-direction-desktop-large: column; --type-burger-menu-item-width-mobile: 100%; --type-burger-menu-item-width-tablet: 100%; --type-burger-menu-item-width-desktop: 100%; --type-burger-menu-item-width-desktop-no-burger: 100%; --type-burger-menu-item-width-desktop-full: 100%; --type-burger-menu-item-width-desktop-large: 100%; --type-burger-menu-item-padding-mobile: calc(0.0615384615 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-burger-menu-item-padding-tablet: calc(0.0292682927 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-burger-menu-item-padding-desktop: calc(0.0166666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0166666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-burger-menu-item-padding-desktop-no-burger: calc(0.0166666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0166666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-burger-menu-item-padding-desktop-full: calc(0.0166666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0166666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-burger-menu-item-padding-desktop-large: calc(0.0166666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0166666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-breadcrumb-this-padding-mobile: 0; --type-breadcrumb-this-padding-tablet: 0; --type-breadcrumb-this-padding-desktop: 0; --type-breadcrumb-this-padding-desktop-no-burger: 0; --type-breadcrumb-this-padding-desktop-full: 0; --type-breadcrumb-this-padding-desktop-large: 0; --type-breadcrumb-fil-ariane-item-display-mobile: flex; --type-breadcrumb-fil-ariane-item-display-tablet: flex; --type-breadcrumb-fil-ariane-item-display-desktop: flex; --type-breadcrumb-fil-ariane-item-display-desktop-no-burger: flex; --type-breadcrumb-fil-ariane-item-display-desktop-full: flex; --type-breadcrumb-fil-ariane-item-display-desktop-large: flex; --type-banner-this-padding-mobile: calc(0.0641025641 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.1076923077 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-banner-this-padding-tablet: calc(0.0304878049 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-banner-this-padding-desktop: calc(0.0326388889 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0604166667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-banner-this-padding-desktop-no-burger: calc(0.0326388889 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0604166667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-banner-this-padding-desktop-full: calc(0.0326388889 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0604166667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-banner-this-padding-desktop-large: calc(0.0326388889 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0604166667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-banner-this-display-mobile: flex; --type-banner-this-display-tablet: flex; --type-banner-this-display-desktop: flex; --type-banner-this-display-desktop-no-burger: flex; --type-banner-this-display-desktop-full: flex; --type-banner-this-display-desktop-large: flex; --type-banner-this-flex-direction-mobile: column; --type-banner-this-flex-direction-tablet: column; --type-banner-this-flex-direction-desktop: column; --type-banner-this-flex-direction-desktop-no-burger: column; --type-banner-this-flex-direction-desktop-full: column; --type-banner-this-flex-direction-desktop-large: column; --type-banner-title-block-width-mobile: auto; --type-banner-title-block-width-tablet: auto; --type-banner-title-block-width-desktop: auto; --type-banner-title-block-width-desktop-no-burger: auto; --type-banner-title-block-width-desktop-full: auto; --type-banner-title-block-width-desktop-large: auto; --type-banner-bkg-wrapper-padding-mobile: calc(0.0641025641 * 1 * 100vw) 0 calc(0.1076923077 * 1 * 100vw) 0; --type-banner-bkg-wrapper-padding-tablet: calc(0.0304878049 * 1 * 100vw) 0; --type-banner-bkg-wrapper-padding-desktop: calc(0.0326388889 * 1 * 100vw) 0 calc(0.0604166667 * 1 * 100vw) 0; --type-banner-bkg-wrapper-padding-desktop-no-burger: calc(0.0326388889 * 1 * 100vw) 0 calc(0.0604166667 * 1 * 100vw) 0; --type-banner-bkg-wrapper-padding-desktop-full: calc(0.0326388889 * 1 * 100vw) 0 calc(0.0604166667 * 1 * 100vw) 0; --type-banner-bkg-wrapper-padding-desktop-large: calc(0.0326388889 * 1 * 100vw) 0 calc(0.0604166667 * 1 * 100vw) 0; --type-banner-wrapper-padding-mobile: calc(0.0641025641 * 1 * 100vw) 0 calc(0.1076923077 * 1 * 100vw) 0; --type-banner-wrapper-padding-tablet: calc(0.0304878049 * 1 * 100vw) 0; --type-banner-wrapper-padding-desktop: calc(0.0326388889 * 1 * 100vw) 0 calc(0.0604166667 * 1 * 100vw) 0; --type-banner-wrapper-padding-desktop-no-burger: calc(0.0326388889 * 1 * 100vw) 0 calc(0.0604166667 * 1 * 100vw) 0; --type-banner-wrapper-padding-desktop-full: calc(0.0326388889 * 1 * 100vw) 0 calc(0.0604166667 * 1 * 100vw) 0; --type-banner-wrapper-padding-desktop-large: calc(0.0326388889 * 1 * 100vw) 0 calc(0.0604166667 * 1 * 100vw) 0; --type-banner-in-line-flex-direction-mobile: column; --type-banner-in-line-flex-direction-tablet: column; --type-banner-in-line-flex-direction-desktop: row; --type-banner-in-line-flex-direction-desktop-no-burger: row; --type-banner-in-line-flex-direction-desktop-full: row; --type-banner-in-line-flex-direction-desktop-large: row; --type-banner-container-margin-mobile: auto; --type-banner-container-margin-tablet: auto; --type-banner-container-margin-desktop: auto; --type-banner-container-margin-desktop-no-burger: auto; --type-banner-container-margin-desktop-full: auto; --type-banner-container-margin-desktop-large: auto; --type-banner-container-width-mobile: -webkit-fill-available; --type-banner-container-width-tablet: -webkit-fill-available; --type-banner-container-width-desktop: initial; --type-banner-container-width-desktop-no-burger: initial; --type-banner-container-width-desktop-full: initial; --type-banner-container-width-desktop-large: initial; --type-banner-package-position-mobile: relative; --type-banner-package-position-tablet: relative; --type-banner-package-position-desktop: relative; --type-banner-package-position-desktop-no-burger: relative; --type-banner-package-position-desktop-full: relative; --type-banner-package-position-desktop-large: relative; --type-banner-package-display-mobile: flex; --type-banner-package-display-tablet: flex; --type-banner-package-display-desktop: inline-block; --type-banner-package-display-desktop-no-burger: inline-block; --type-banner-package-display-desktop-full: inline-block; --type-banner-package-display-desktop-large: inline-block; --type-banner-package-width-mobile: -webkit-fill-available; --type-banner-package-width-tablet: -webkit-fill-available; --type-banner-package-width-desktop: fit-content; --type-banner-package-width-desktop-no-burger: fit-content; --type-banner-package-width-desktop-full: fit-content; --type-banner-package-width-desktop-large: fit-content; --type-banner-text-center-margin-mobile: auto; --type-banner-text-center-margin-tablet: auto; --type-banner-text-center-margin-desktop: auto; --type-banner-text-center-margin-desktop-no-burger: auto; --type-banner-text-center-margin-desktop-full: auto; --type-banner-text-center-margin-desktop-large: auto; --type-banner-bkg-image-position-mobile: absolute; --type-banner-bkg-image-position-tablet: absolute; --type-banner-bkg-image-position-desktop: absolute; --type-banner-bkg-image-position-desktop-no-burger: absolute; --type-banner-bkg-image-position-desktop-full: absolute; --type-banner-bkg-image-position-desktop-large: absolute; --type-banner-bkg-image-top-mobile: 0; --type-banner-bkg-image-top-tablet: 0; --type-banner-bkg-image-top-desktop: 0; --type-banner-bkg-image-top-desktop-no-burger: 0; --type-banner-bkg-image-top-desktop-full: 0; --type-banner-bkg-image-top-desktop-large: 0; --type-banner-bkg-image-left-mobile: 0; --type-banner-bkg-image-left-tablet: 0; --type-banner-bkg-image-left-desktop: 0; --type-banner-bkg-image-left-desktop-no-burger: 0; --type-banner-bkg-image-left-desktop-full: 0; --type-banner-bkg-image-left-desktop-large: 0; --type-banner-bkg-image-width-mobile: auto; --type-banner-bkg-image-width-tablet: 100%; --type-banner-bkg-image-width-desktop: 100%; --type-banner-bkg-image-width-desktop-no-burger: 100%; --type-banner-bkg-image-width-desktop-full: 100%; --type-banner-bkg-image-width-desktop-large: 100%; --type-banner-bkg-image-height-mobile: auto; --type-banner-bkg-image-height-tablet: auto; --type-banner-bkg-image-height-desktop: auto; --type-banner-bkg-image-height-desktop-no-burger: auto; --type-banner-bkg-image-height-desktop-full: auto; --type-banner-bkg-image-height-desktop-large: auto; --type-banner-bkg-image-object-fit-mobile: cover; --type-banner-bkg-image-object-fit-tablet: cover; --type-banner-bkg-image-object-fit-desktop: cover; --type-banner-bkg-image-object-fit-desktop-no-burger: cover; --type-banner-bkg-image-object-fit-desktop-full: cover; --type-banner-bkg-image-object-fit-desktop-large: cover; --type-banner-bkg-container-position-mobile: absolute; --type-banner-bkg-container-position-tablet: absolute; --type-banner-bkg-container-position-desktop: absolute; --type-banner-bkg-container-position-desktop-no-burger: absolute; --type-banner-bkg-container-position-desktop-full: absolute; --type-banner-bkg-container-position-desktop-large: absolute; --type-banner-bkg-container-top-mobile: 10%; --type-banner-bkg-container-top-tablet: 10%; --type-banner-bkg-container-top-desktop: 10%; --type-banner-bkg-container-top-desktop-no-burger: 10%; --type-banner-bkg-container-top-desktop-full: 10%; --type-banner-bkg-container-top-desktop-large: 10%; --type-banner-bkg-container-left-mobile: 50%; --type-banner-bkg-container-left-tablet: 50%; --type-banner-bkg-container-left-desktop: 50%; --type-banner-bkg-container-left-desktop-no-burger: 50%; --type-banner-bkg-container-left-desktop-full: 50%; --type-banner-bkg-container-left-desktop-large: 50%; --type-banner-bkg-container-transform-mobile: translate(-50%, -10%); --type-banner-bkg-container-transform-tablet: translate(-50%, -10%); --type-banner-bkg-container-transform-desktop: translate(-50%, -10%); --type-banner-bkg-container-transform-desktop-no-burger: translate(-50%, -10%); --type-banner-bkg-container-transform-desktop-full: translate(-50%, -10%); --type-banner-bkg-container-transform-desktop-large: translate(-50%, -10%); --type-banner-img-icon-position-mobile: absolute; --type-banner-img-icon-position-tablet: absolute; --type-banner-img-icon-position-desktop: absolute; --type-banner-img-icon-position-desktop-no-burger: absolute; --type-banner-img-icon-position-desktop-full: absolute; --type-banner-img-icon-position-desktop-large: absolute; --type-banner-button-container-margin-mobile: 90px auto; --type-banner-button-container-margin-tablet: 90px auto; --type-banner-button-container-margin-desktop: 90px auto; --type-banner-button-container-margin-desktop-no-burger: 90px auto; --type-banner-button-container-margin-desktop-full: 90px auto; --type-banner-button-container-margin-desktop-large: 90px auto; --type-banner-button-container-display-mobile: flex; --type-banner-button-container-display-tablet: flex; --type-banner-button-container-display-desktop: flex; --type-banner-button-container-display-desktop-no-burger: flex; --type-banner-button-container-display-desktop-full: flex; --type-banner-button-container-display-desktop-large: flex; --type-banner-button-container-column-gap-mobile: 40px; --type-banner-button-container-column-gap-tablet: 40px; --type-banner-button-container-column-gap-desktop: 40px; --type-banner-button-container-column-gap-desktop-no-burger: 40px; --type-banner-button-container-column-gap-desktop-full: 40px; --type-banner-button-container-column-gap-desktop-large: 40px; --type-banner-button-container-width-mobile: fit-content; --type-banner-button-container-width-tablet: fit-content; --type-banner-button-container-width-desktop: fit-content; --type-banner-button-container-width-desktop-no-burger: fit-content; --type-banner-button-container-width-desktop-full: fit-content; --type-banner-button-container-width-desktop-large: fit-content; --type-banner-a-margin-mobile: 0; --type-banner-a-margin-tablet: 0; --type-banner-a-margin-desktop: 0; --type-banner-a-margin-desktop-no-burger: 0; --type-banner-a-margin-desktop-full: 0; --type-banner-a-margin-desktop-large: 0; --type-banner-button-margin-top-mobile: 40px; --type-banner-button-margin-top-tablet: 40px; --type-banner-button-margin-top-desktop: 40px; --type-banner-button-margin-top-desktop-no-burger: 40px; --type-banner-button-margin-top-desktop-full: 40px; --type-banner-button-margin-top-desktop-large: 40px; --type-banner-p-margin-mobile: calc(0.0769230769 * 1 * 100vw) 0 0 0; --type-banner-p-margin-tablet: calc(0.0365853659 * 1 * 100vw) 0 0 0; --type-banner-p-margin-desktop: calc(0.0208333333 * 1 * 100vw) 0 0 0; --type-banner-p-margin-desktop-no-burger: calc(0.0208333333 * 1 * 100vw) 0 0 0; --type-banner-p-margin-desktop-full: calc(0.0208333333 * 1 * 100vw) 0 0 0; --type-banner-p-margin-desktop-large: calc(0.0208333333 * 1 * 100vw) 0 0 0; --type-sidebar-this-flex-direction-mobile: column-reverse; --type-sidebar-this-flex-direction-tablet: column-reverse; --type-sidebar-this-flex-direction-desktop: row; --type-sidebar-this-flex-direction-desktop-no-burger: row; --type-sidebar-this-flex-direction-desktop-full: row; --type-sidebar-this-flex-direction-desktop-large: row; --type-sidebar-this-margin-mobile: calc(0.0769230769 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-sidebar-this-margin-tablet: calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-sidebar-this-margin-desktop: calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-sidebar-this-margin-desktop-no-burger: calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-sidebar-this-margin-desktop-full: calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-sidebar-this-margin-desktop-large: calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-sidebar-main-width-mobile: -webkit-fill-available; --type-sidebar-main-width-tablet: -webkit-fill-available; --type-sidebar-main-width-desktop: -webkit-fill-available; --type-sidebar-main-width-desktop-no-burger: -webkit-fill-available; --type-sidebar-main-width-desktop-full: -webkit-fill-available; --type-sidebar-main-width-desktop-large: -webkit-fill-available; --type-sidebar-main-margin-mobile: calc(0 * 1 * 100vw); --type-sidebar-main-margin-tablet: calc(0 * 1 * 100vw) 0 0 0; --type-sidebar-main-margin-desktop: calc(0 * 1 * 100vw) 0 0 0; --type-sidebar-main-margin-desktop-no-burger: calc(0 * 1 * 100vw) 0 0 0; --type-sidebar-main-margin-desktop-full: calc(0 * 1 * 100vw) 0 0 0; --type-sidebar-main-margin-desktop-large: calc(0 * 1 * 100vw) 0 0 0; --type-sidebar-sidebar-position-mobile: relative; --type-sidebar-sidebar-position-tablet: sticky; --type-sidebar-sidebar-position-desktop: sticky; --type-sidebar-sidebar-position-desktop-no-burger: sticky; --type-sidebar-sidebar-position-desktop-full: sticky; --type-sidebar-sidebar-position-desktop-large: sticky; --type-sidebar-sidebar-top-mobile: 0; --type-sidebar-sidebar-top-tablet: calc(0.0609756098 * 1 * 100vw + 2 * 0.0158536585 * 1 * 100vw); --type-sidebar-sidebar-top-desktop: calc(0.0347222222 * 1 * 100vw + 2 * 0.0090277778 * 1 * 100vw); --type-sidebar-sidebar-top-desktop-no-burger: calc(0.0347222222 * 1 * 100vw + 2 * 0.0090277778 * 1 * 100vw); --type-sidebar-sidebar-top-desktop-full: calc(0.0347222222 * 1 * 100vw + 2 * 0.0090277778 * 1 * 100vw); --type-sidebar-sidebar-top-desktop-large: calc(0.0347222222 * 1 * 100vw + 2 * 0.0090277778 * 1 * 100vw); --type-sidebar-sidebar-min-width-mobile: auto; --type-sidebar-sidebar-min-width-tablet: auto; --type-sidebar-sidebar-min-width-desktop: auto; --type-sidebar-sidebar-min-width-desktop-no-burger: auto; --type-sidebar-sidebar-min-width-desktop-full: auto; --type-sidebar-sidebar-min-width-desktop-large: auto; --type-sidebar-sidebar-width-mobile: auto; --type-sidebar-sidebar-width-tablet: 50%; --type-sidebar-sidebar-width-desktop: 50%; --type-sidebar-sidebar-width-desktop-no-burger: 50%; --type-sidebar-sidebar-width-desktop-full: 50%; --type-sidebar-sidebar-width-desktop-large: 50%; --type-sidebar-sidebar-height-mobile: fit-content; --type-sidebar-sidebar-height-tablet: fit-content; --type-sidebar-sidebar-height-desktop: fit-content; --type-sidebar-sidebar-height-desktop-no-burger: fit-content; --type-sidebar-sidebar-height-desktop-full: fit-content; --type-sidebar-sidebar-height-desktop-large: fit-content; --type-sidebar-primary-min-width-mobile: 100%; --type-sidebar-primary-min-width-tablet: 50%; --type-sidebar-primary-min-width-desktop: 50%; --type-sidebar-primary-min-width-desktop-no-burger: 50%; --type-sidebar-primary-min-width-desktop-full: 50%; --type-sidebar-primary-min-width-desktop-large: 50%; --type-sidebar-primary-width-mobile: 100%; --type-sidebar-primary-width-tablet: 50%; --type-sidebar-primary-width-desktop: 50%; --type-sidebar-primary-width-desktop-no-burger: 50%; --type-sidebar-primary-width-desktop-full: 50%; --type-sidebar-primary-width-desktop-large: 50%; --type-sidebar-primary-padding-mobile: calc(0.0256410256 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0256410256 * 1 * 100vw) calc(0 * 1 * 100vw); --type-sidebar-primary-padding-tablet: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-sidebar-primary-padding-desktop: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-sidebar-primary-padding-desktop-no-burger: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-sidebar-primary-padding-desktop-full: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-sidebar-primary-padding-desktop-large: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-sidebar-container-justify-content-mobile: space-between; --type-sidebar-container-justify-content-tablet: space-between; --type-sidebar-container-justify-content-desktop: space-between; --type-sidebar-container-justify-content-desktop-no-burger: space-between; --type-sidebar-container-justify-content-desktop-full: space-between; --type-sidebar-container-justify-content-desktop-large: space-between; --type-sidebar-container-padding-mobile: calc(0.0615384615 * 1 * 100vw); --type-sidebar-container-padding-tablet: calc(0.0426829268 * 1 * 100vw); --type-sidebar-container-padding-desktop: calc(0.0277777778 * 1 * 100vw); --type-sidebar-container-padding-desktop-no-burger: calc(0.0277777778 * 1 * 100vw); --type-sidebar-container-padding-desktop-full: calc(0.0277777778 * 1 * 100vw); --type-sidebar-container-padding-desktop-large: calc(0.0277777778 * 1 * 100vw); --type-a-this-padding-mobile: calc(3 * 0.0615384615 * 1 * 100vw) calc(2 * 0.0615384615 * 1 * 100vw); --type-a-this-padding-tablet: calc(3 * 0.0292682927 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-a-this-padding-desktop: calc(0.0625 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-a-this-padding-desktop-no-burger: calc(0.0625 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-a-this-padding-desktop-full: calc(0.0625 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-a-this-padding-desktop-large: calc(0.0625 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-a-this-position-mobile: relative; --type-a-this-position-tablet: relative; --type-a-this-position-desktop: relative; --type-a-this-position-desktop-no-burger: relative; --type-a-this-position-desktop-full: relative; --type-a-this-position-desktop-large: relative; --type-a-title-block-width-mobile: auto; --type-a-title-block-width-tablet: 80%; --type-a-title-block-width-desktop: 65%; --type-a-title-block-width-desktop-no-burger: 65%; --type-a-title-block-width-desktop-full: 65%; --type-a-title-block-width-desktop-large: 65%; --type-a-title-block-margin-mobile: auto; --type-a-title-block-margin-tablet: auto; --type-a-title-block-margin-desktop: auto; --type-a-title-block-margin-desktop-no-burger: auto; --type-a-title-block-margin-desktop-full: auto; --type-a-title-block-margin-desktop-large: auto; --type-a-icon_citation-width-mobile: 25px; --type-a-icon_citation-width-tablet: 25px; --type-a-icon_citation-width-desktop: 25px; --type-a-icon_citation-width-desktop-no-burger: 25px; --type-a-icon_citation-width-desktop-full: 25px; --type-a-icon_citation-width-desktop-large: 25px; --type-a-open-position-mobile: absolute; --type-a-open-position-tablet: absolute; --type-a-open-position-desktop: absolute; --type-a-open-position-desktop-no-burger: absolute; --type-a-open-position-desktop-full: absolute; --type-a-open-position-desktop-large: absolute; --type-a-open-top-mobile: calc(-0.0769230769 * 1 * 100vw); --type-a-open-top-tablet: calc(-0.0243902439 * 1 * 100vw); --type-a-open-top-desktop: calc(-0.0138888889 * 1 * 100vw); --type-a-open-top-desktop-no-burger: calc(-0.0138888889 * 1 * 100vw); --type-a-open-top-desktop-full: calc(-0.0138888889 * 1 * 100vw); --type-a-open-top-desktop-large: calc(-0.0138888889 * 1 * 100vw); --type-a-open-left-mobile: calc(-0.0769230769 * 1 * 100vw); --type-a-open-left-tablet: calc(-0.0365853659 * 1 * 100vw); --type-a-open-left-desktop: calc(-0.0652777778 * 1 * 100vw); --type-a-open-left-desktop-no-burger: calc(-0.0652777778 * 1 * 100vw); --type-a-open-left-desktop-full: calc(-0.0652777778 * 1 * 100vw); --type-a-open-left-desktop-large: calc(-0.0652777778 * 1 * 100vw); --type-a-close-position-mobile: absolute; --type-a-close-position-tablet: absolute; --type-a-close-position-desktop: absolute; --type-a-close-position-desktop-no-burger: absolute; --type-a-close-position-desktop-full: absolute; --type-a-close-position-desktop-large: absolute; --type-a-close-bottom-mobile: calc(-0.0512820513 * 1 * 100vw); --type-a-close-bottom-tablet: calc(-0.0243902439 * 1 * 100vw); --type-a-close-bottom-desktop: calc(-0.0138888889 * 1 * 100vw); --type-a-close-bottom-desktop-no-burger: calc(-0.0138888889 * 1 * 100vw); --type-a-close-bottom-desktop-full: calc(-0.0138888889 * 1 * 100vw); --type-a-close-bottom-desktop-large: calc(-0.0138888889 * 1 * 100vw); --type-a-close-right-mobile: calc(-0.0769230769 * 1 * 100vw); --type-a-close-right-tablet: calc(-0.0365853659 * 1 * 100vw); --type-a-close-right-desktop: calc(-0.0652777778 * 1 * 100vw); --type-a-close-right-desktop-no-burger: calc(-0.0652777778 * 1 * 100vw); --type-a-close-right-desktop-full: calc(-0.0652777778 * 1 * 100vw); --type-a-close-right-desktop-large: calc(-0.0652777778 * 1 * 100vw); --type-a-close-transform-mobile: rotate(180deg); --type-a-close-transform-tablet: rotate(180deg); --type-a-close-transform-desktop: rotate(180deg); --type-a-close-transform-desktop-no-burger: rotate(180deg); --type-a-close-transform-desktop-full: rotate(180deg); --type-a-close-transform-desktop-large: rotate(180deg); --type-archive-this-padding-mobile: calc(0.3076923077 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.1794871795 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-archive-this-padding-tablet: calc(0.1585365854 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.0853658537 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-archive-this-padding-desktop: calc(0.125 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0694444444 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-archive-this-padding-desktop-no-burger: calc(0.125 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0694444444 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-archive-this-padding-desktop-full: calc(0.125 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0694444444 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-archive-this-padding-desktop-large: calc(0.125 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0694444444 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-archive-header-display-mobile: flex; --type-archive-header-display-tablet: flex; --type-archive-header-display-desktop: flex; --type-archive-header-display-desktop-no-burger: flex; --type-archive-header-display-desktop-full: flex; --type-archive-header-display-desktop-large: flex; --type-archive-header-flex-direction-mobile: column; --type-archive-header-flex-direction-tablet: row; --type-archive-header-flex-direction-desktop: row; --type-archive-header-flex-direction-desktop-no-burger: row; --type-archive-header-flex-direction-desktop-full: row; --type-archive-header-flex-direction-desktop-large: row; --type-archive-header-justify-content-mobile: space-between; --type-archive-header-justify-content-tablet: space-between; --type-archive-header-justify-content-desktop: space-between; --type-archive-header-justify-content-desktop-no-burger: space-between; --type-archive-header-justify-content-desktop-full: space-between; --type-archive-header-justify-content-desktop-large: space-between; --type-archive-header-align-items-mobile: center; --type-archive-header-align-items-tablet: center; --type-archive-header-align-items-desktop: center; --type-archive-header-align-items-desktop-no-burger: center; --type-archive-header-align-items-desktop-full: center; --type-archive-header-align-items-desktop-large: center; --type-b-this-margin-mobile: calc(0.2307692308 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.1282051282 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-b-this-margin-tablet: 0; --type-b-this-margin-desktop: 0; --type-b-this-margin-desktop-no-burger: 0; --type-b-this-margin-desktop-full: 0; --type-b-this-margin-desktop-large: 0; --type-b-this-display-mobile: flex; --type-b-this-display-tablet: flex; --type-b-this-display-desktop: flex; --type-b-this-display-desktop-no-burger: flex; --type-b-this-display-desktop-full: flex; --type-b-this-display-desktop-large: flex; --type-b-this-flex-direction-mobile: column; --type-b-this-flex-direction-tablet: row; --type-b-this-flex-direction-desktop: row; --type-b-this-flex-direction-desktop-no-burger: row; --type-b-this-flex-direction-desktop-full: row; --type-b-this-flex-direction-desktop-large: row; --type-b-bottom-margin-margin-bottom-mobile: calc(0.0769230769 * 1 * 100vw); --type-b-bottom-margin-margin-bottom-tablet: calc(0.0426829268 * 1 * 100vw); --type-b-bottom-margin-margin-bottom-desktop: calc(0.0277777778 * 1 * 100vw); --type-b-bottom-margin-margin-bottom-desktop-no-burger: calc(0.0277777778 * 1 * 100vw); --type-b-bottom-margin-margin-bottom-desktop-full: calc(0.0277777778 * 1 * 100vw); --type-b-bottom-margin-margin-bottom-desktop-large: calc(0.0277777778 * 1 * 100vw); --type-b-bottom-margin-margin-top-mobile: 0; --type-b-bottom-margin-margin-top-tablet: 0; --type-b-bottom-margin-margin-top-desktop: 0; --type-b-bottom-margin-margin-top-desktop-no-burger: 0; --type-b-bottom-margin-margin-top-desktop-full: 0; --type-b-bottom-margin-margin-top-desktop-large: 0; --type-b-wrapper-width-mobile: 100%; --type-b-wrapper-width-tablet: 50%; --type-b-wrapper-width-desktop: 50%; --type-b-wrapper-width-desktop-no-burger: 50%; --type-b-wrapper-width-desktop-full: 50%; --type-b-wrapper-width-desktop-large: 50%; --type-b-title-block-height-mobile: fit-content; --type-b-title-block-height-tablet: fit-content; --type-b-title-block-height-desktop: fit-content; --type-b-title-block-height-desktop-no-burger: fit-content; --type-b-title-block-height-desktop-full: fit-content; --type-b-title-block-height-desktop-large: fit-content; --type-b-title-block-margin-mobile: calc(0.0769230769 * 1 * 100vw) auto auto auto; --type-b-title-block-margin-tablet: auto 0; --type-b-title-block-margin-desktop: auto 0; --type-b-title-block-margin-desktop-no-burger: auto 0; --type-b-title-block-margin-desktop-full: auto 0; --type-b-title-block-margin-desktop-large: auto 0; --type-b-text-margin-bottom-mobile: calc(0.0512820513 * 1 * 100vw); --type-b-text-margin-bottom-tablet: calc(0.0304878049 * 1 * 100vw); --type-b-text-margin-bottom-desktop: 0; --type-b-text-margin-bottom-desktop-no-burger: 0; --type-b-text-margin-bottom-desktop-full: 0; --type-b-text-margin-bottom-desktop-large: 0; --type-b-swiper-button-next-top-mobile: 45%; --type-b-swiper-button-next-top-tablet: 45%; --type-b-swiper-button-next-top-desktop: 45%; --type-b-swiper-button-next-top-desktop-no-burger: 45%; --type-b-swiper-button-next-top-desktop-full: 45%; --type-b-swiper-button-next-top-desktop-large: 45%; --type-b-swiper-button-prev-top-mobile: 45%; --type-b-swiper-button-prev-top-tablet: 45%; --type-b-swiper-button-prev-top-desktop: 45%; --type-b-swiper-button-prev-top-desktop-no-burger: 45%; --type-b-swiper-button-prev-top-desktop-full: 45%; --type-b-swiper-button-prev-top-desktop-large: 45%; --type-b-image-margin-bottom-mobile: 0; --type-b-image-margin-bottom-tablet: 0; --type-b-image-margin-bottom-desktop: 0; --type-b-image-margin-bottom-desktop-no-burger: 0; --type-b-image-margin-bottom-desktop-full: 0; --type-b-image-margin-bottom-desktop-large: 0; --type-b-image-aspect-ratio-mobile: 1; --type-b-image-aspect-ratio-tablet: 1; --type-b-image-aspect-ratio-desktop: 1; --type-b-image-aspect-ratio-desktop-no-burger: 1; --type-b-image-aspect-ratio-desktop-full: 1; --type-b-image-aspect-ratio-desktop-large: 1; --type-b-image-object-fit-mobile: cover; --type-b-image-object-fit-tablet: cover; --type-b-image-object-fit-desktop: cover; --type-b-image-object-fit-desktop-no-burger: cover; --type-b-image-object-fit-desktop-full: cover; --type-b-image-object-fit-desktop-large: cover; --type-b-image-width-mobile: 100%; --type-b-image-width-tablet: 100%; --type-b-image-width-desktop: 100%; --type-b-image-width-desktop-no-burger: 100%; --type-b-image-width-desktop-full: 100%; --type-b-image-width-desktop-large: 100%; --type-b-image-height-mobile: 100%; --type-b-image-height-tablet: 100%; --type-b-image-height-desktop: 100%; --type-b-image-height-desktop-no-burger: 100%; --type-b-image-height-desktop-full: 100%; --type-b-image-height-desktop-large: 100%; --type-b-swiper-slide-width-mobile: 100%; --type-b-swiper-slide-width-tablet: 100%; --type-b-swiper-slide-width-desktop: 100%; --type-b-swiper-slide-width-desktop-no-burger: 100%; --type-b-swiper-slide-width-desktop-full: 100%; --type-b-swiper-slide-width-desktop-large: 100%; --type-b-swiper-slide-border-radius-mobile: 15px; --type-b-swiper-slide-border-radius-tablet: 15px; --type-b-swiper-slide-border-radius-desktop: 15px; --type-b-swiper-slide-border-radius-desktop-no-burger: 15px; --type-b-swiper-slide-border-radius-desktop-full: 15px; --type-b-swiper-slide-border-radius-desktop-large: 15px; --type-b-top-margin-margin-top-mobile: calc(0.0769230769 * 1 * 100vw); --type-b-top-margin-margin-top-tablet: calc(0.0426829268 * 1 * 100vw); --type-b-top-margin-margin-top-desktop: calc(0.0277777778 * 1 * 100vw); --type-b-top-margin-margin-top-desktop-no-burger: calc(0.0277777778 * 1 * 100vw); --type-b-top-margin-margin-top-desktop-full: calc(0.0277777778 * 1 * 100vw); --type-b-top-margin-margin-top-desktop-large: calc(0.0277777778 * 1 * 100vw); --type-b-swiper-pagination-position-mobile: absolute; --type-b-swiper-pagination-position-tablet: absolute; --type-b-swiper-pagination-position-desktop: absolute; --type-b-swiper-pagination-position-desktop-no-burger: absolute; --type-b-swiper-pagination-position-desktop-full: absolute; --type-b-swiper-pagination-position-desktop-large: absolute; --type-b-swiper-pagination-z-index-mobile: 3; --type-b-swiper-pagination-z-index-tablet: 3; --type-b-swiper-pagination-z-index-desktop: 3; --type-b-swiper-pagination-z-index-desktop-no-burger: 3; --type-b-swiper-pagination-z-index-desktop-full: 3; --type-b-swiper-pagination-z-index-desktop-large: 3; --type-b-swiper-pagination-bottom-mobile: 0; --type-b-swiper-pagination-bottom-tablet: 0; --type-b-swiper-pagination-bottom-desktop: 0; --type-b-swiper-pagination-bottom-desktop-no-burger: 0; --type-b-swiper-pagination-bottom-desktop-full: 0; --type-b-swiper-pagination-bottom-desktop-large: 0; --type-b-background-position-mobile: absolute; --type-b-background-position-tablet: absolute; --type-b-background-position-desktop: absolute; --type-b-background-position-desktop-no-burger: absolute; --type-b-background-position-desktop-full: absolute; --type-b-background-position-desktop-large: absolute; --type-b-bis-this-padding-mobile: 3% calc(0.0615384615 * 1 * 100vw) calc(0.1794871795 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-b-bis-this-padding-tablet: 2% calc(0.0292682927 * 1 * 100vw) calc(0.0609756098 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-b-bis-this-padding-desktop: 2% calc(0.0347222222 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-b-bis-this-padding-desktop-no-burger: 2% calc(0.0347222222 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-b-bis-this-padding-desktop-full: 2% calc(0.0347222222 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-b-bis-this-padding-desktop-large: 2% calc(0.0347222222 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-b-bis-this-margin-mobile: 0; --type-b-bis-this-margin-tablet: 0; --type-b-bis-this-margin-desktop: 0; --type-b-bis-this-margin-desktop-no-burger: 0; --type-b-bis-this-margin-desktop-full: 0; --type-b-bis-this-margin-desktop-large: 0; --type-b-bis-this-display-mobile: flex; --type-b-bis-this-display-tablet: flex; --type-b-bis-this-display-desktop: flex; --type-b-bis-this-display-desktop-no-burger: flex; --type-b-bis-this-display-desktop-full: flex; --type-b-bis-this-display-desktop-large: flex; --type-b-bis-this-flex-direction-mobile: column-reverse; --type-b-bis-this-flex-direction-tablet: row; --type-b-bis-this-flex-direction-desktop: row; --type-b-bis-this-flex-direction-desktop-no-burger: row; --type-b-bis-this-flex-direction-desktop-full: row; --type-b-bis-this-flex-direction-desktop-large: row; --type-b-bis-this-column-gap-mobile: calc(0.0555555556 * 1 * 100vw); --type-b-bis-this-column-gap-tablet: calc(0.0555555556 * 1 * 100vw); --type-b-bis-this-column-gap-desktop: calc(0.0555555556 * 1 * 100vw); --type-b-bis-this-column-gap-desktop-no-burger: calc(0.0555555556 * 1 * 100vw); --type-b-bis-this-column-gap-desktop-full: calc(0.0555555556 * 1 * 100vw); --type-b-bis-this-column-gap-desktop-large: calc(0.0555555556 * 1 * 100vw); --type-b-bis-bottom-margin-margin-bottom-mobile: calc(0.0769230769 * 1 * 100vw); --type-b-bis-bottom-margin-margin-bottom-tablet: calc(0.0426829268 * 1 * 100vw); --type-b-bis-bottom-margin-margin-bottom-desktop: calc(0.0277777778 * 1 * 100vw); --type-b-bis-bottom-margin-margin-bottom-desktop-no-burger: calc(0.0277777778 * 1 * 100vw); --type-b-bis-bottom-margin-margin-bottom-desktop-full: calc(0.0277777778 * 1 * 100vw); --type-b-bis-bottom-margin-margin-bottom-desktop-large: calc(0.0277777778 * 1 * 100vw); --type-b-bis-bottom-margin-margin-top-mobile: 0; --type-b-bis-bottom-margin-margin-top-tablet: 0; --type-b-bis-bottom-margin-margin-top-desktop: 0; --type-b-bis-bottom-margin-margin-top-desktop-no-burger: 0; --type-b-bis-bottom-margin-margin-top-desktop-full: 0; --type-b-bis-bottom-margin-margin-top-desktop-large: 0; --type-b-bis-wrapper-width-mobile: 100%; --type-b-bis-wrapper-width-tablet: 100%; --type-b-bis-wrapper-width-desktop: 100%; --type-b-bis-wrapper-width-desktop-no-burger: 100%; --type-b-bis-wrapper-width-desktop-full: 100%; --type-b-bis-wrapper-width-desktop-large: 100%; --type-b-bis-img-block-image-left-width-mobile: 100%; --type-b-bis-img-block-image-left-width-tablet: 100%; --type-b-bis-img-block-image-left-width-desktop: 100%; --type-b-bis-img-block-image-left-width-desktop-no-burger: 100%; --type-b-bis-img-block-image-left-width-desktop-full: 100%; --type-b-bis-img-block-image-left-width-desktop-large: 100%; --type-b-bis-title-block-height-mobile: fit-content; --type-b-bis-title-block-height-tablet: fit-content; --type-b-bis-title-block-height-desktop: fit-content; --type-b-bis-title-block-height-desktop-no-burger: fit-content; --type-b-bis-title-block-height-desktop-full: fit-content; --type-b-bis-title-block-height-desktop-large: fit-content; --type-b-bis-title-block-margin-mobile: calc(0.0769230769 * 1 * 100vw) auto auto auto; --type-b-bis-title-block-margin-tablet: auto 0; --type-b-bis-title-block-margin-desktop: auto 0 auto calc(0.0694444444 * 1 * 100vw); --type-b-bis-title-block-margin-desktop-no-burger: auto 0 auto calc(0.0694444444 * 1 * 100vw); --type-b-bis-title-block-margin-desktop-full: auto 0 auto calc(0.0694444444 * 1 * 100vw); --type-b-bis-title-block-margin-desktop-large: auto 0 auto calc(0.0694444444 * 1 * 100vw); --type-b-bis-text-margin-bottom-mobile: calc(0.0512820513 * 1 * 100vw); --type-b-bis-text-margin-bottom-tablet: calc(0.0304878049 * 1 * 100vw); --type-b-bis-text-margin-bottom-desktop: 0; --type-b-bis-text-margin-bottom-desktop-no-burger: 0; --type-b-bis-text-margin-bottom-desktop-full: 0; --type-b-bis-text-margin-bottom-desktop-large: 0; --type-b-bis-swiper-button-next-top-mobile: 45%; --type-b-bis-swiper-button-next-top-tablet: 45%; --type-b-bis-swiper-button-next-top-desktop: 45%; --type-b-bis-swiper-button-next-top-desktop-no-burger: 45%; --type-b-bis-swiper-button-next-top-desktop-full: 45%; --type-b-bis-swiper-button-next-top-desktop-large: 45%; --type-b-bis-swiper-button-prev-top-mobile: 45%; --type-b-bis-swiper-button-prev-top-tablet: 45%; --type-b-bis-swiper-button-prev-top-desktop: 45%; --type-b-bis-swiper-button-prev-top-desktop-no-burger: 45%; --type-b-bis-swiper-button-prev-top-desktop-full: 45%; --type-b-bis-swiper-button-prev-top-desktop-large: 45%; --type-b-bis-image-border-radius-mobile: 15px; --type-b-bis-image-border-radius-tablet: 15px; --type-b-bis-image-border-radius-desktop: 15px; --type-b-bis-image-border-radius-desktop-no-burger: 15px; --type-b-bis-image-border-radius-desktop-full: 15px; --type-b-bis-image-border-radius-desktop-large: 15px; --type-b-bis-image-margin-bottom-mobile: 0; --type-b-bis-image-margin-bottom-tablet: 0; --type-b-bis-image-margin-bottom-desktop: 0; --type-b-bis-image-margin-bottom-desktop-no-burger: 0; --type-b-bis-image-margin-bottom-desktop-full: 0; --type-b-bis-image-margin-bottom-desktop-large: 0; --type-b-bis-image-aspect-ratio-mobile: auto; --type-b-bis-image-aspect-ratio-tablet: auto; --type-b-bis-image-aspect-ratio-desktop: auto; --type-b-bis-image-aspect-ratio-desktop-no-burger: auto; --type-b-bis-image-aspect-ratio-desktop-full: auto; --type-b-bis-image-aspect-ratio-desktop-large: auto; --type-b-bis-image-object-fit-mobile: contain; --type-b-bis-image-object-fit-tablet: contain; --type-b-bis-image-object-fit-desktop: contain; --type-b-bis-image-object-fit-desktop-no-burger: contain; --type-b-bis-image-object-fit-desktop-full: contain; --type-b-bis-image-object-fit-desktop-large: contain; --type-b-bis-image-width-mobile: 100%; --type-b-bis-image-width-tablet: 100%; --type-b-bis-image-width-desktop: 100%; --type-b-bis-image-width-desktop-no-burger: 100%; --type-b-bis-image-width-desktop-full: 100%; --type-b-bis-image-width-desktop-large: 100%; --type-b-bis-image-height-mobile: auto; --type-b-bis-image-height-tablet: auto; --type-b-bis-image-height-desktop: auto; --type-b-bis-image-height-desktop-no-burger: auto; --type-b-bis-image-height-desktop-full: auto; --type-b-bis-image-height-desktop-large: auto; --type-b-bis-swiper-slide-width-mobile: 100%; --type-b-bis-swiper-slide-width-tablet: 100%; --type-b-bis-swiper-slide-width-desktop: 100%; --type-b-bis-swiper-slide-width-desktop-no-burger: 100%; --type-b-bis-swiper-slide-width-desktop-full: 100%; --type-b-bis-swiper-slide-width-desktop-large: 100%; --type-b-bis-swiper-slide-border-radius-mobile: 15px; --type-b-bis-swiper-slide-border-radius-tablet: 15px; --type-b-bis-swiper-slide-border-radius-desktop: 15px; --type-b-bis-swiper-slide-border-radius-desktop-no-burger: 15px; --type-b-bis-swiper-slide-border-radius-desktop-full: 15px; --type-b-bis-swiper-slide-border-radius-desktop-large: 15px; --type-b-bis-top-margin-margin-top-mobile: calc(0.0769230769 * 1 * 100vw); --type-b-bis-top-margin-margin-top-tablet: calc(0.0426829268 * 1 * 100vw); --type-b-bis-top-margin-margin-top-desktop: calc(0.0277777778 * 1 * 100vw); --type-b-bis-top-margin-margin-top-desktop-no-burger: calc(0.0277777778 * 1 * 100vw); --type-b-bis-top-margin-margin-top-desktop-full: calc(0.0277777778 * 1 * 100vw); --type-b-bis-top-margin-margin-top-desktop-large: calc(0.0277777778 * 1 * 100vw); --type-b-bis-swiper-pagination-position-mobile: absolute; --type-b-bis-swiper-pagination-position-tablet: absolute; --type-b-bis-swiper-pagination-position-desktop: absolute; --type-b-bis-swiper-pagination-position-desktop-no-burger: absolute; --type-b-bis-swiper-pagination-position-desktop-full: absolute; --type-b-bis-swiper-pagination-position-desktop-large: absolute; --type-b-bis-swiper-pagination-z-index-mobile: 3; --type-b-bis-swiper-pagination-z-index-tablet: 3; --type-b-bis-swiper-pagination-z-index-desktop: 3; --type-b-bis-swiper-pagination-z-index-desktop-no-burger: 3; --type-b-bis-swiper-pagination-z-index-desktop-full: 3; --type-b-bis-swiper-pagination-z-index-desktop-large: 3; --type-b-bis-swiper-pagination-bottom-mobile: 0; --type-b-bis-swiper-pagination-bottom-tablet: 0; --type-b-bis-swiper-pagination-bottom-desktop: 0; --type-b-bis-swiper-pagination-bottom-desktop-no-burger: 0; --type-b-bis-swiper-pagination-bottom-desktop-full: 0; --type-b-bis-swiper-pagination-bottom-desktop-large: 0; --type-b-bis-background-position-mobile: absolute; --type-b-bis-background-position-tablet: absolute; --type-b-bis-background-position-desktop: absolute; --type-b-bis-background-position-desktop-no-burger: absolute; --type-b-bis-background-position-desktop-full: absolute; --type-b-bis-background-position-desktop-large: absolute; --type-content-this-padding-mobile: calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-content-this-padding-tablet: calc(0.0416666667 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-content-this-padding-desktop: calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw); --type-content-this-padding-desktop-no-burger: calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw); --type-content-this-padding-desktop-full: calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw); --type-content-this-padding-desktop-large: calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw); --type-content-this-margin-mobile: calc(0.1282051282 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.1282051282 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-content-this-margin-tablet: calc(0.0416666667 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-content-this-margin-desktop: calc(0.0416666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-content-this-margin-desktop-no-burger: calc(0.0416666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-content-this-margin-desktop-full: calc(0.0416666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-content-this-margin-desktop-large: calc(0.0416666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-content-wrapper-padding-mobile: calc(0.0256410256 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0256410256 * 1 * 100vw) calc(0 * 1 * 100vw); --type-content-wrapper-padding-tablet: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-content-wrapper-padding-desktop: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-content-wrapper-padding-desktop-no-burger: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-content-wrapper-padding-desktop-full: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-content-wrapper-padding-desktop-large: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-content-container-padding-mobile: calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-content-container-padding-tablet: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-content-container-padding-desktop: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-content-container-padding-desktop-no-burger: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-content-container-padding-desktop-full: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-content-container-padding-desktop-large: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-accordion-this-padding-mobile: calc(0.0256410256 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.0256410256 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-accordion-this-padding-tablet: calc(0.0555555556 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.0555555556 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-accordion-this-padding-desktop: calc(0.0555555556 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0555555556 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-accordion-this-padding-desktop-no-burger: calc(0.0555555556 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0555555556 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-accordion-this-padding-desktop-full: calc(0.0555555556 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0555555556 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-accordion-this-padding-desktop-large: calc(0.0555555556 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0555555556 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-accordion-this-margin-mobile: calc(0.1282051282 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.1282051282 * 1 * 100vw) calc(0 * 1 * 100vw); --type-accordion-this-margin-tablet: calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw); --type-accordion-this-margin-desktop: calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw); --type-accordion-this-margin-desktop-no-burger: calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw); --type-accordion-this-margin-desktop-full: calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw); --type-accordion-this-margin-desktop-large: calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw); --type-accordion-wrapper-padding-mobile: calc(0.0256410256 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0256410256 * 1 * 100vw) calc(0 * 1 * 100vw); --type-accordion-wrapper-padding-tablet: calc(0.0277777778 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0277777778 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-accordion-wrapper-padding-desktop: calc(0.0277777778 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0277777778 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-accordion-wrapper-padding-desktop-no-burger: calc(0.0277777778 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0277777778 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-accordion-wrapper-padding-desktop-full: calc(0.0277777778 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0277777778 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-accordion-wrapper-padding-desktop-large: calc(0.0277777778 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0277777778 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-accordion-wrapper-flex-direction-mobile: column; --type-accordion-wrapper-flex-direction-tablet: column; --type-accordion-wrapper-flex-direction-desktop: column; --type-accordion-wrapper-flex-direction-desktop-no-burger: column; --type-accordion-wrapper-flex-direction-desktop-full: column; --type-accordion-wrapper-flex-direction-desktop-large: column; --type-accordion-wrapper-align-items-mobile: column; --type-accordion-wrapper-align-items-tablet: column; --type-accordion-wrapper-align-items-desktop: column; --type-accordion-wrapper-align-items-desktop-no-burger: column; --type-accordion-wrapper-align-items-desktop-full: column; --type-accordion-wrapper-align-items-desktop-large: column; --type-accordion-container-padding-mobile: calc(0.0512820513 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0512820513 * 1 * 100vw) calc(0 * 1 * 100vw); --type-accordion-container-padding-tablet: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-accordion-container-padding-desktop: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-accordion-container-padding-desktop-no-burger: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-accordion-container-padding-desktop-full: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-accordion-container-padding-desktop-large: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-accordion-bis-padding-mobile: calc(0.0512820513 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0512820513 * 1 * 100vw) calc(0 * 1 * 100vw); --type-accordion-bis-padding-tablet: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-accordion-bis-padding-desktop: calc(0.0277777778 * 1 * 100vw) calc(0.0277777778 * 1 * 100vw) calc(0.0277777778 * 1 * 100vw) calc(0.0277777778 * 1 * 100vw); --type-accordion-bis-padding-desktop-no-burger: calc(0.0277777778 * 1 * 100vw) calc(0.0277777778 * 1 * 100vw) calc(0.0277777778 * 1 * 100vw) calc(0.0277777778 * 1 * 100vw); --type-accordion-bis-padding-desktop-full: calc(0.0277777778 * 1 * 100vw) calc(0.0277777778 * 1 * 100vw) calc(0.0277777778 * 1 * 100vw) calc(0.0277777778 * 1 * 100vw); --type-accordion-bis-padding-desktop-large: calc(0.0277777778 * 1 * 100vw) calc(0.0277777778 * 1 * 100vw) calc(0.0277777778 * 1 * 100vw) calc(0.0277777778 * 1 * 100vw); --type-accordion-accordion-overflow-mobile: hidden; --type-accordion-accordion-overflow-tablet: hidden; --type-accordion-accordion-overflow-desktop: hidden; --type-accordion-accordion-overflow-desktop-no-burger: hidden; --type-accordion-accordion-overflow-desktop-full: hidden; --type-accordion-accordion-overflow-desktop-large: hidden; --type-accordion-accordion-margin-bottom-mobile: 1rem; --type-accordion-accordion-margin-bottom-tablet: 1rem; --type-accordion-accordion-margin-bottom-desktop: 1rem; --type-accordion-accordion-margin-bottom-desktop-no-burger: 1rem; --type-accordion-accordion-margin-bottom-desktop-full: 1rem; --type-accordion-accordion-margin-bottom-desktop-large: 1rem; --type-accordion-accordion-display-mobile: grid; --type-accordion-accordion-display-tablet: grid; --type-accordion-accordion-display-desktop: grid; --type-accordion-accordion-display-desktop-no-burger: grid; --type-accordion-accordion-display-desktop-full: grid; --type-accordion-accordion-display-desktop-large: grid; --type-accordion-accordion-grid-template-rows-mobile: 0fr 0fr; --type-accordion-accordion-grid-template-rows-tablet: 0fr 0fr; --type-accordion-accordion-grid-template-rows-desktop: 0fr 0fr; --type-accordion-accordion-grid-template-rows-desktop-no-burger: 0fr 0fr; --type-accordion-accordion-grid-template-rows-desktop-full: 0fr 0fr; --type-accordion-accordion-grid-template-rows-desktop-large: 0fr 0fr; --type-accordion-accordion-opacity-mobile: 0.9; --type-accordion-accordion-opacity-tablet: 0.9; --type-accordion-accordion-opacity-desktop: 0.9; --type-accordion-accordion-opacity-desktop-no-burger: 0.9; --type-accordion-accordion-opacity-desktop-full: 0.9; --type-accordion-accordion-opacity-desktop-large: 0.9; --type-accordion-content-overflow-mobile: hidden; --type-accordion-content-overflow-tablet: hidden; --type-accordion-content-overflow-desktop: hidden; --type-accordion-content-overflow-desktop-no-burger: hidden; --type-accordion-content-overflow-desktop-full: hidden; --type-accordion-content-overflow-desktop-large: hidden; --type-accordion-content-wrapper-padding-block-mobile: 0 calc(0.3076923077 * 1 * 100vw); --type-accordion-content-wrapper-padding-block-tablet: 0 calc(0.1463414634 * 1 * 100vw); --type-accordion-content-wrapper-padding-block-desktop: 0 calc(0.0625 * 1 * 100vw); --type-accordion-content-wrapper-padding-block-desktop-no-burger: 0 calc(0.0625 * 1 * 100vw); --type-accordion-content-wrapper-padding-block-desktop-full: 0 calc(0.0625 * 1 * 100vw); --type-accordion-content-wrapper-padding-block-desktop-large: 0 calc(0.0625 * 1 * 100vw); --type-accordion-content-wrapper-padding-inline-mobile: 0; --type-accordion-content-wrapper-padding-inline-tablet: 0; --type-accordion-content-wrapper-padding-inline-desktop: à calc(0.0902777778 * 1 * 100vw); --type-accordion-content-wrapper-padding-inline-desktop-no-burger: à calc(0.0902777778 * 1 * 100vw); --type-accordion-content-wrapper-padding-inline-desktop-full: à calc(0.0902777778 * 1 * 100vw); --type-accordion-content-wrapper-padding-inline-desktop-large: à calc(0.0902777778 * 1 * 100vw); --type-c-this-flex-direction-mobile: column; --type-c-this-flex-direction-tablet: row; --type-c-this-flex-direction-desktop: row; --type-c-this-flex-direction-desktop-no-burger: row; --type-c-this-flex-direction-desktop-full: row; --type-c-this-flex-direction-desktop-large: row; --type-c-this-padding-mobile: calc(0.2564102564 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) 0 calc(0.0615384615 * 1 * 100vw); --type-c-this-padding-tablet: calc(0.1463414634 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.1463414634 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-c-this-padding-desktop: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-c-this-padding-desktop-no-burger: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-c-this-padding-desktop-full: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-c-this-padding-desktop-large: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-c-this-position-mobile: relative; --type-c-this-position-tablet: relative; --type-c-this-position-desktop: relative; --type-c-this-position-desktop-no-burger: relative; --type-c-this-position-desktop-full: relative; --type-c-this-position-desktop-large: relative; --type-c-this-gap-mobile: calc(0.0256410256 * 1 * 100vw); --type-c-this-gap-tablet: calc(0.0243902439 * 1 * 100vw); --type-c-this-gap-desktop: calc(0.0138888889 * 1 * 100vw); --type-c-this-gap-desktop-no-burger: calc(0.0138888889 * 1 * 100vw); --type-c-this-gap-desktop-full: calc(0.0138888889 * 1 * 100vw); --type-c-this-gap-desktop-large: calc(0.0138888889 * 1 * 100vw); --type-c-contain-img-display-mobile: grid; --type-c-contain-img-display-tablet: grid; --type-c-contain-img-display-desktop: grid; --type-c-contain-img-display-desktop-no-burger: grid; --type-c-contain-img-display-desktop-full: grid; --type-c-contain-img-display-desktop-large: grid; --type-c-contain-img-flex-direction-mobile: column; --type-c-contain-img-flex-direction-tablet: row; --type-c-contain-img-flex-direction-desktop: row; --type-c-contain-img-flex-direction-desktop-no-burger: row; --type-c-contain-img-flex-direction-desktop-full: row; --type-c-contain-img-flex-direction-desktop-large: row; --type-c-contain-img-width-mobile: 100%; --type-c-contain-img-width-tablet: 66.66%; --type-c-contain-img-width-desktop: 66.66%; --type-c-contain-img-width-desktop-no-burger: 66.66%; --type-c-contain-img-width-desktop-full: 66.66%; --type-c-contain-img-width-desktop-large: 66.66%; --type-c-contain-img-grid-template-columns-mobile: repeat(2, 2fr); --type-c-contain-img-grid-template-columns-tablet: repeat(2, 2fr); --type-c-contain-img-grid-template-columns-desktop: repeat(2, 2fr); --type-c-contain-img-grid-template-columns-desktop-no-burger: repeat(2, 2fr); --type-c-contain-img-grid-template-columns-desktop-full: repeat(2, 2fr); --type-c-contain-img-grid-template-columns-desktop-large: repeat(2, 2fr); --type-c-contain-img-justify-content-mobile: space-around; --type-c-contain-img-justify-content-tablet: space-around; --type-c-contain-img-justify-content-desktop: space-around; --type-c-contain-img-justify-content-desktop-no-burger: space-around; --type-c-contain-img-justify-content-desktop-full: space-around; --type-c-contain-img-justify-content-desktop-large: space-around; --type-c-contain-img-gap-mobile: calc(0.0128205128 * 1 * 100vw); --type-c-contain-img-gap-tablet: calc(0.0243902439 * 1 * 100vw); --type-c-contain-img-gap-desktop: calc(0.0138888889 * 1 * 100vw); --type-c-contain-img-gap-desktop-no-burger: calc(0.0138888889 * 1 * 100vw); --type-c-contain-img-gap-desktop-full: calc(0.0138888889 * 1 * 100vw); --type-c-contain-img-gap-desktop-large: calc(0.0138888889 * 1 * 100vw); --type-c-contain-img-position-mobile: relative; --type-c-contain-img-position-tablet: relative; --type-c-contain-img-position-desktop: relative; --type-c-contain-img-position-desktop-no-burger: relative; --type-c-contain-img-position-desktop-full: relative; --type-c-contain-img-position-desktop-large: relative; --type-c-contain-img-margin-mobile: 0; --type-c-contain-img-margin-tablet: 0; --type-c-contain-img-margin-desktop: 0; --type-c-contain-img-margin-desktop-no-burger: 0; --type-c-contain-img-margin-desktop-full: 0; --type-c-contain-img-margin-desktop-large: 0; --type-c-img-container-align-items-mobile: center; --type-c-img-container-align-items-tablet: center; --type-c-img-container-align-items-desktop: center; --type-c-img-container-align-items-desktop-no-burger: center; --type-c-img-container-align-items-desktop-full: center; --type-c-img-container-align-items-desktop-large: center; --type-c-img-container-display-mobile: flex; --type-c-img-container-display-tablet: flex; --type-c-img-container-display-desktop: flex; --type-c-img-container-display-desktop-no-burger: flex; --type-c-img-container-display-desktop-full: flex; --type-c-img-container-display-desktop-large: flex; --type-c-img-container-flex-direction-mobile: column; --type-c-img-container-flex-direction-tablet: column; --type-c-img-container-flex-direction-desktop: column; --type-c-img-container-flex-direction-desktop-no-burger: column; --type-c-img-container-flex-direction-desktop-full: column; --type-c-img-container-flex-direction-desktop-large: column; --type-c-img-container-padding-mobile: calc(0.0512820513 * 1 * 100vw); --type-c-img-container-padding-tablet: calc(0.0243902439 * 1 * 100vw); --type-c-img-container-padding-desktop: calc(0.0138888889 * 1 * 100vw); --type-c-img-container-padding-desktop-no-burger: calc(0.0138888889 * 1 * 100vw); --type-c-img-container-padding-desktop-full: calc(0.0138888889 * 1 * 100vw); --type-c-img-container-padding-desktop-large: calc(0.0138888889 * 1 * 100vw); --type-c-first-element-margin-top-mobile: 0; --type-c-first-element-margin-top-tablet: 0; --type-c-first-element-margin-top-desktop: 0; --type-c-first-element-margin-top-desktop-no-burger: 0; --type-c-first-element-margin-top-desktop-full: 0; --type-c-first-element-margin-top-desktop-large: 0; --type-c-little-margin-margin-mobile: 20px 0 0 0; --type-c-little-margin-margin-tablet: 20px 0 0 0; --type-c-little-margin-margin-desktop: 20px 0 calc(0.0625 * 1 * 100vw) 0; --type-c-little-margin-margin-desktop-no-burger: 20px 0 calc(0.0625 * 1 * 100vw) 0; --type-c-little-margin-margin-desktop-full: 20px 0 calc(0.0625 * 1 * 100vw) 0; --type-c-little-margin-margin-desktop-large: 20px 0 calc(0.0625 * 1 * 100vw) 0; --type-c-icon-size-height-mobile: calc(0.1794871795 * 1 * 100vw); --type-c-icon-size-height-tablet: calc(0.1036585366 * 1 * 100vw); --type-c-icon-size-height-desktop: calc(0.0694444444 * 1 * 100vw); --type-c-icon-size-height-desktop-no-burger: calc(0.0694444444 * 1 * 100vw); --type-c-icon-size-height-desktop-full: calc(0.0694444444 * 1 * 100vw); --type-c-icon-size-height-desktop-large: calc(0.0694444444 * 1 * 100vw); --type-c-margin-top-padding-top-mobile: 0; --type-c-margin-top-padding-top-tablet: 0; --type-c-margin-top-padding-top-desktop: calc(0.1041666667 * 1 * 100vw); --type-c-margin-top-padding-top-desktop-no-burger: calc(0.1041666667 * 1 * 100vw); --type-c-margin-top-padding-top-desktop-full: calc(0.1041666667 * 1 * 100vw); --type-c-margin-top-padding-top-desktop-large: calc(0.1041666667 * 1 * 100vw); --type-c-margin-top-margin-mobile: 0; --type-c-margin-top-margin-tablet: 0; --type-c-margin-top-margin-desktop: 0; --type-c-margin-top-margin-desktop-no-burger: 0; --type-c-margin-top-margin-desktop-full: 0; --type-c-margin-top-margin-desktop-large: 0; --type-c-title-block-width-mobile: 100%; --type-c-title-block-width-tablet: 33.33%; --type-c-title-block-width-desktop: 33.33%; --type-c-title-block-width-desktop-no-burger: 33.33%; --type-c-title-block-width-desktop-full: 33.33%; --type-c-title-block-width-desktop-large: 33.33%; --type-c-big-margin-margin-bottom-mobile: 0; --type-c-big-margin-margin-bottom-tablet: 0; --type-c-big-margin-margin-bottom-desktop: calc(0.125 * 1 * 100vw); --type-c-big-margin-margin-bottom-desktop-no-burger: calc(0.125 * 1 * 100vw); --type-c-big-margin-margin-bottom-desktop-full: calc(0.125 * 1 * 100vw); --type-c-big-margin-margin-bottom-desktop-large: calc(0.125 * 1 * 100vw); --type-c-section-with-background-height-mobile: 100%; --type-c-section-with-background-height-tablet: 100%; --type-c-section-with-background-height-desktop: 100%; --type-c-section-with-background-height-desktop-no-burger: 100%; --type-c-section-with-background-height-desktop-full: 100%; --type-c-section-with-background-height-desktop-large: 100%; --type-c-section-with-background-width-mobile: 100%; --type-c-section-with-background-width-tablet: 100%; --type-c-section-with-background-width-desktop: 100%; --type-c-section-with-background-width-desktop-no-burger: 100%; --type-c-section-with-background-width-desktop-full: 100%; --type-c-section-with-background-width-desktop-large: 100%; --type-c-section-with-background-position-mobile: absolute; --type-c-section-with-background-position-tablet: absolute; --type-c-section-with-background-position-desktop: absolute; --type-c-section-with-background-position-desktop-no-burger: absolute; --type-c-section-with-background-position-desktop-full: absolute; --type-c-section-with-background-position-desktop-large: absolute; --type-c-section-with-background-left-mobile: 0; --type-c-section-with-background-left-tablet: 0; --type-c-section-with-background-left-desktop: 0; --type-c-section-with-background-left-desktop-no-burger: 0; --type-c-section-with-background-left-desktop-full: 0; --type-c-section-with-background-left-desktop-large: 0; --type-c-section-with-background-top-mobile: 0; --type-c-section-with-background-top-tablet: 0; --type-c-section-with-background-top-desktop: 0; --type-c-section-with-background-top-desktop-no-burger: 0; --type-c-section-with-background-top-desktop-full: 0; --type-c-section-with-background-top-desktop-large: 0; --type-c-image-background-height-mobile: 100%; --type-c-image-background-height-tablet: 100%; --type-c-image-background-height-desktop: 100%; --type-c-image-background-height-desktop-no-burger: 100%; --type-c-image-background-height-desktop-full: 100%; --type-c-image-background-height-desktop-large: 100%; --type-c-image-background-width-mobile: 100%; --type-c-image-background-width-tablet: 100%; --type-c-image-background-width-desktop: 100%; --type-c-image-background-width-desktop-no-burger: 100%; --type-c-image-background-width-desktop-full: 100%; --type-c-image-background-width-desktop-large: 100%; --type-c-image-background-opacity-mobile: 0.3; --type-c-image-background-opacity-tablet: 0.3; --type-c-image-background-opacity-desktop: 0.3; --type-c-image-background-opacity-desktop-no-burger: 0.3; --type-c-image-background-opacity-desktop-full: 0.3; --type-c-image-background-opacity-desktop-large: 0.3; --type-c-image-background-object-fit-mobile: cover; --type-c-image-background-object-fit-tablet: cover; --type-c-image-background-object-fit-desktop: cover; --type-c-image-background-object-fit-desktop-no-burger: cover; --type-c-image-background-object-fit-desktop-full: cover; --type-c-image-background-object-fit-desktop-large: cover; --type-d-this-padding-mobile: calc(0.2051282051 * 1 * 100vw) 0 calc(0.1538461538 * 1 * 100vw) 0; --type-d-this-padding-tablet: calc(0.0975609756 * 1 * 100vw) 0 calc(0.0731707317 * 1 * 100vw) 0; --type-d-this-padding-desktop: calc(0.0833333333 * 1 * 100vw) 0 calc(0.0694444444 * 1 * 100vw) 0; --type-d-this-padding-desktop-no-burger: calc(0.0833333333 * 1 * 100vw) 0 calc(0.0694444444 * 1 * 100vw) 0; --type-d-this-padding-desktop-full: calc(0.0833333333 * 1 * 100vw) 0 calc(0.0694444444 * 1 * 100vw) 0; --type-d-this-padding-desktop-large: calc(0.0833333333 * 1 * 100vw) 0 calc(0.0694444444 * 1 * 100vw) 0; --type-d-this-margin-mobile: 0; --type-d-this-margin-tablet: 0; --type-d-this-margin-desktop: 0; --type-d-this-margin-desktop-no-burger: 0; --type-d-this-margin-desktop-full: 0; --type-d-this-margin-desktop-large: 0; --type-d-this-position-mobile: relative; --type-d-this-position-tablet: relative; --type-d-this-position-desktop: relative; --type-d-this-position-desktop-no-burger: relative; --type-d-this-position-desktop-full: relative; --type-d-this-position-desktop-large: relative; --type-d-contain-team-padding-mobile: 0 calc(0.0615384615 * 1 * 100vw); --type-d-contain-team-padding-tablet: 0 calc(0.0292682927 * 1 * 100vw); --type-d-contain-team-padding-desktop: 0 calc(0.0347222222 * 1 * 100vw); --type-d-contain-team-padding-desktop-no-burger: 0 calc(0.0347222222 * 1 * 100vw); --type-d-contain-team-padding-desktop-full: 0 calc(0.0347222222 * 1 * 100vw); --type-d-contain-team-padding-desktop-large: 0 calc(0.0347222222 * 1 * 100vw); --type-d-contain-team-row-gap-mobile: calc(0.1025641026 * 1 * 100vw); --type-d-contain-team-row-gap-tablet: calc(0.0609756098 * 1 * 100vw); --type-d-contain-team-row-gap-desktop: calc(0.0416666667 * 1 * 100vw); --type-d-contain-team-row-gap-desktop-no-burger: calc(0.0416666667 * 1 * 100vw); --type-d-contain-team-row-gap-desktop-full: calc(0.0416666667 * 1 * 100vw); --type-d-contain-team-row-gap-desktop-large: calc(0.0416666667 * 1 * 100vw); --type-d-title-block-margin-bottom-mobile: calc(0.1538461538 * 1 * 100vw); --type-d-title-block-margin-bottom-tablet: calc(0.0548780488 * 1 * 100vw); --type-d-title-block-margin-bottom-desktop: calc(0.0416666667 * 1 * 100vw); --type-d-title-block-margin-bottom-desktop-no-burger: calc(0.0416666667 * 1 * 100vw); --type-d-title-block-margin-bottom-desktop-full: calc(0.0416666667 * 1 * 100vw); --type-d-title-block-margin-bottom-desktop-large: calc(0.0416666667 * 1 * 100vw); --type-d-margin-bottom-margin-bottom-mobile: calc(0.0769230769 * 1 * 100vw); --type-d-margin-bottom-margin-bottom-tablet: calc(0.0548780488 * 1 * 100vw); --type-d-margin-bottom-margin-bottom-desktop: calc(0.0416666667 * 1 * 100vw); --type-d-margin-bottom-margin-bottom-desktop-no-burger: calc(0.0416666667 * 1 * 100vw); --type-d-margin-bottom-margin-bottom-desktop-full: calc(0.0416666667 * 1 * 100vw); --type-d-margin-bottom-margin-bottom-desktop-large: calc(0.0416666667 * 1 * 100vw); --type-d-big-margin-margin-bottom-mobile: 0; --type-d-big-margin-margin-bottom-tablet: 0; --type-d-big-margin-margin-bottom-desktop: 0; --type-d-big-margin-margin-bottom-desktop-no-burger: 0; --type-d-big-margin-margin-bottom-desktop-full: 0; --type-d-big-margin-margin-bottom-desktop-large: 0; --type-d-big-margin-margin-top-mobile: calc(0.0384615385 * 1 * 100vw); --type-d-big-margin-margin-top-tablet: calc(0.0243902439 * 1 * 100vw); --type-d-big-margin-margin-top-desktop: calc(0.0208333333 * 1 * 100vw); --type-d-big-margin-margin-top-desktop-no-burger: calc(0.0208333333 * 1 * 100vw); --type-d-big-margin-margin-top-desktop-full: calc(0.0208333333 * 1 * 100vw); --type-d-big-margin-margin-top-desktop-large: calc(0.0208333333 * 1 * 100vw); --type-d-little-margin-margin-mobile: 0; --type-d-little-margin-margin-tablet: 0; --type-d-little-margin-margin-desktop: 0; --type-d-little-margin-margin-desktop-no-burger: 0; --type-d-little-margin-margin-desktop-full: 0; --type-d-little-margin-margin-desktop-large: 0; --type-d-image-width-mobile: 100%; --type-d-image-width-tablet: 100%; --type-d-image-width-desktop: 100%; --type-d-image-width-desktop-no-burger: 100%; --type-d-image-width-desktop-full: 100%; --type-d-image-width-desktop-large: 100%; --type-d-image-background-color-mobile: var(--theme-color-violet-dark); --type-d-image-background-color-tablet: var(--theme-color-violet-dark); --type-d-image-background-color-desktop: var(--theme-color-violet-dark); --type-d-image-background-color-desktop-no-burger: var(--theme-color-violet-dark); --type-d-image-background-color-desktop-full: var(--theme-color-violet-dark); --type-d-image-background-color-desktop-large: var(--theme-color-violet-dark); --type-d-image-border-radius-mobile: 15px; --type-d-image-border-radius-tablet: 15px; --type-d-image-border-radius-desktop: 15px; --type-d-image-border-radius-desktop-no-burger: 15px; --type-d-image-border-radius-desktop-full: 15px; --type-d-image-border-radius-desktop-large: 15px; --type-e-this-padding-mobile: 0; --type-e-this-padding-tablet: 0; --type-e-this-padding-desktop: 0; --type-e-this-padding-desktop-no-burger: 0; --type-e-this-padding-desktop-full: 0; --type-e-this-padding-desktop-large: 0; --type-e-this-margin-mobile: calc(0.2564102564 * 1 * 100vw) 0; --type-e-this-margin-tablet: calc(0.0853658537 * 1 * 100vw) 0; --type-e-this-margin-desktop: calc(0.0694444444 * 1 * 100vw) 0; --type-e-this-margin-desktop-no-burger: calc(0.0694444444 * 1 * 100vw) 0; --type-e-this-margin-desktop-full: calc(0.0694444444 * 1 * 100vw) 0; --type-e-this-margin-desktop-large: calc(0.0694444444 * 1 * 100vw) 0; --type-e-this-position-mobile: relative; --type-e-this-position-tablet: relative; --type-e-this-position-desktop: relative; --type-e-this-position-desktop-no-burger: relative; --type-e-this-position-desktop-full: relative; --type-e-this-position-desktop-large: relative; --type-e-swiper-with-title-padding-mobile: 0 calc(0.0615384615 * 1 * 100vw); --type-e-swiper-with-title-padding-tablet: 0 calc(0.0292682927 * 1 * 100vw); --type-e-swiper-with-title-padding-desktop: 0 calc(0.0347222222 * 1 * 100vw); --type-e-swiper-with-title-padding-desktop-no-burger: 0 calc(0.0347222222 * 1 * 100vw); --type-e-swiper-with-title-padding-desktop-full: 0 calc(0.0347222222 * 1 * 100vw); --type-e-swiper-with-title-padding-desktop-large: 0 calc(0.0347222222 * 1 * 100vw); --type-e-color-violet-dark-margin-mobile: 0 0 15px 0; --type-e-color-violet-dark-margin-tablet: 0 0 15px 0; --type-e-color-violet-dark-margin-desktop: 0 0 20px 0; --type-e-color-violet-dark-margin-desktop-no-burger: 0 0 20px 0; --type-e-color-violet-dark-margin-desktop-full: 0 0 20px 0; --type-e-color-violet-dark-margin-desktop-large: 0 0 20px 0; --type-e-margin-bottom-margin-bottom-mobile: calc(0.1025641026 * 1 * 100vw); --type-e-margin-bottom-margin-bottom-tablet: calc(0.0548780488 * 1 * 100vw); --type-e-margin-bottom-margin-bottom-desktop: calc(0.0347222222 * 1 * 100vw); --type-e-margin-bottom-margin-bottom-desktop-no-burger: calc(0.0347222222 * 1 * 100vw); --type-e-margin-bottom-margin-bottom-desktop-full: calc(0.0347222222 * 1 * 100vw); --type-e-margin-bottom-margin-bottom-desktop-large: calc(0.0347222222 * 1 * 100vw); --type-e-no-margin-margin-mobile: 0; --type-e-no-margin-margin-tablet: 0; --type-e-no-margin-margin-desktop: 0; --type-e-no-margin-margin-desktop-no-burger: 0; --type-e-no-margin-margin-desktop-full: 0; --type-e-no-margin-margin-desktop-large: 0; --type-e-no-margin-bottom-margin-bottom-mobile: 0; --type-e-no-margin-bottom-margin-bottom-tablet: 0; --type-e-no-margin-bottom-margin-bottom-desktop: 0; --type-e-no-margin-bottom-margin-bottom-desktop-no-burger: 0; --type-e-no-margin-bottom-margin-bottom-desktop-full: 0; --type-e-no-margin-bottom-margin-bottom-desktop-large: 0; --type-e-title-block-width-mobile: 100%; --type-e-title-block-width-tablet: 100%; --type-e-title-block-width-desktop: 80%; --type-e-title-block-width-desktop-no-burger: 80%; --type-e-title-block-width-desktop-full: 80%; --type-e-title-block-width-desktop-large: 80%; --type-e-title-block-margin-mobile: auto; --type-e-title-block-margin-tablet: auto; --type-e-title-block-margin-desktop: auto; --type-e-title-block-margin-desktop-no-burger: auto; --type-e-title-block-margin-desktop-full: auto; --type-e-title-block-margin-desktop-large: auto; --type-f-this-padding-mobile: calc(0.1282051282 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.2564102564 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-f-this-padding-tablet: 0 calc(0.0292682927 * 1 * 100vw) calc(0.0731707317 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-f-this-padding-desktop: 0 calc(0.0347222222 * 1 * 100vw) calc(0.0833333333 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-f-this-padding-desktop-no-burger: 0 calc(0.0347222222 * 1 * 100vw) calc(0.0833333333 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-f-this-padding-desktop-full: 0 calc(0.0347222222 * 1 * 100vw) calc(0.0833333333 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-f-this-padding-desktop-large: 0 calc(0.0347222222 * 1 * 100vw) calc(0.0833333333 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-f-this-margin-top-mobile: 0; --type-f-this-margin-top-tablet: 0; --type-f-this-margin-top-desktop: 0; --type-f-this-margin-top-desktop-no-burger: 0; --type-f-this-margin-top-desktop-full: 0; --type-f-this-margin-top-desktop-large: 0; --type-f-this-position-mobile: relative; --type-f-this-position-tablet: relative; --type-f-this-position-desktop: relative; --type-f-this-position-desktop-no-burger: relative; --type-f-this-position-desktop-full: relative; --type-f-this-position-desktop-large: relative; --type-f-package-position-mobile: relative; --type-f-package-position-tablet: relative; --type-f-package-position-desktop: relative; --type-f-package-position-desktop-no-burger: relative; --type-f-package-position-desktop-full: relative; --type-f-package-position-desktop-large: relative; --type-f-package-display-mobile: flex; --type-f-package-display-tablet: flex; --type-f-package-display-desktop: inline-block; --type-f-package-display-desktop-no-burger: inline-block; --type-f-package-display-desktop-full: inline-block; --type-f-package-display-desktop-large: inline-block; --type-f-package-width-mobile: -webkit-fill-available; --type-f-package-width-tablet: -webkit-fill-available; --type-f-package-width-desktop: fit-content; --type-f-package-width-desktop-no-burger: fit-content; --type-f-package-width-desktop-full: fit-content; --type-f-package-width-desktop-large: fit-content; --type-f-button-margin-top-mobile: 40px; --type-f-button-margin-top-tablet: 40px; --type-f-button-margin-top-desktop: 40px; --type-f-button-margin-top-desktop-no-burger: 40px; --type-f-button-margin-top-desktop-full: 40px; --type-f-button-margin-top-desktop-large: 40px; --type-g-this-padding-mobile: 0 0 calc(0.2564102564 * 1 * 100vw) 0; --type-g-this-padding-tablet: 0 0 calc(0.1463414634 * 1 * 100vw) 0; --type-g-this-padding-desktop: 0 calc(0.0347222222 * 1 * 100vw) calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-g-this-padding-desktop-no-burger: 0 calc(0.0347222222 * 1 * 100vw) calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-g-this-padding-desktop-full: 0 calc(0.0347222222 * 1 * 100vw) calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-g-this-padding-desktop-large: 0 calc(0.0347222222 * 1 * 100vw) calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-g-this-position-mobile: relative; --type-g-this-position-tablet: relative; --type-g-this-position-desktop: relative; --type-g-this-position-desktop-no-burger: relative; --type-g-this-position-desktop-full: relative; --type-g-this-position-desktop-large: relative; --type-g-title-block-display-mobile: block; --type-g-title-block-display-tablet: block; --type-g-title-block-display-desktop: flex; --type-g-title-block-display-desktop-no-burger: flex; --type-g-title-block-display-desktop-full: flex; --type-g-title-block-display-desktop-large: flex; --type-g-title-block-column-gap-mobile: calc(0.0277777778 * 1 * 100vw); --type-g-title-block-column-gap-tablet: calc(0.0277777778 * 1 * 100vw); --type-g-title-block-column-gap-desktop: calc(0.0277777778 * 1 * 100vw); --type-g-title-block-column-gap-desktop-no-burger: calc(0.0277777778 * 1 * 100vw); --type-g-title-block-column-gap-desktop-full: calc(0.0277777778 * 1 * 100vw); --type-g-title-block-column-gap-desktop-large: calc(0.0277777778 * 1 * 100vw); --type-g-title-block-padding-mobile: 0 calc(0.0615384615 * 1 * 100vw); --type-g-title-block-padding-tablet: 0 calc(0.0292682927 * 1 * 100vw); --type-g-title-block-padding-desktop: 0; --type-g-title-block-padding-desktop-no-burger: 0; --type-g-title-block-padding-desktop-full: 0; --type-g-title-block-padding-desktop-large: 0; --type-g-contain-process-display-mobile: -webkit-box; --type-g-contain-process-display-tablet: -webkit-box; --type-g-contain-process-display-desktop: flex; --type-g-contain-process-display-desktop-no-burger: flex; --type-g-contain-process-display-desktop-full: flex; --type-g-contain-process-display-desktop-large: flex; --type-g-contain-process-z-index-mobile: 2; --type-g-contain-process-z-index-tablet: 2; --type-g-contain-process-z-index-desktop: 2; --type-g-contain-process-z-index-desktop-no-burger: 2; --type-g-contain-process-z-index-desktop-full: 2; --type-g-contain-process-z-index-desktop-large: 2; --type-g-contain-process-position-mobile: relative; --type-g-contain-process-position-tablet: relative; --type-g-contain-process-position-desktop: relative; --type-g-contain-process-position-desktop-no-burger: relative; --type-g-contain-process-position-desktop-full: relative; --type-g-contain-process-position-desktop-large: relative; --type-g-contain-process-padding-mobile: 0; --type-g-contain-process-padding-tablet: 0; --type-g-contain-process-padding-desktop: 0 20px; --type-g-contain-process-padding-desktop-no-burger: 0 20px; --type-g-contain-process-padding-desktop-full: 0 20px; --type-g-contain-process-padding-desktop-large: 0 20px; --type-g-contain-process-width-mobile: 100%; --type-g-contain-process-width-tablet: 100%; --type-g-contain-process-width-desktop: 95%; --type-g-contain-process-width-desktop-no-burger: 95%; --type-g-contain-process-width-desktop-full: 95%; --type-g-contain-process-width-desktop-large: 95%; --type-g-contain-process-overflow-x-mobile: scroll; --type-g-contain-process-overflow-x-tablet: scroll; --type-g-contain-process-overflow-x-desktop: visible; --type-g-contain-process-overflow-x-desktop-no-burger: visible; --type-g-contain-process-overflow-x-desktop-full: visible; --type-g-contain-process-overflow-x-desktop-large: visible; --type-g-step-container-position-mobile: relative; --type-g-step-container-position-tablet: relative; --type-g-step-container-position-desktop: relative; --type-g-step-container-position-desktop-no-burger: relative; --type-g-step-container-position-desktop-full: relative; --type-g-step-container-position-desktop-large: relative; --type-g-step-container-display-mobile: flex; --type-g-step-container-display-tablet: flex; --type-g-step-container-display-desktop: flex; --type-g-step-container-display-desktop-no-burger: flex; --type-g-step-container-display-desktop-full: flex; --type-g-step-container-display-desktop-large: flex; --type-g-step-container-align-items-mobile: center; --type-g-step-container-align-items-tablet: center; --type-g-step-container-align-items-desktop: center; --type-g-step-container-align-items-desktop-no-burger: center; --type-g-step-container-align-items-desktop-full: center; --type-g-step-container-align-items-desktop-large: center; --type-g-step-container-text-align-mobile: center; --type-g-step-container-text-align-tablet: center; --type-g-step-container-text-align-desktop: center; --type-g-step-container-text-align-desktop-no-burger: center; --type-g-step-container-text-align-desktop-full: center; --type-g-step-container-text-align-desktop-large: center; --type-g-step-container-width-mobile: calc(0.641025641 * 1 * 100vw); --type-g-step-container-width-tablet: calc(0.487804878 * 1 * 100vw); --type-g-step-container-width-desktop: 20%; --type-g-step-container-width-desktop-no-burger: 20%; --type-g-step-container-width-desktop-full: 20%; --type-g-step-container-width-desktop-large: 20%; --type-g-step-container-justify-content-mobile: center; --type-g-step-container-justify-content-tablet: center; --type-g-step-container-justify-content-desktop: center; --type-g-step-container-justify-content-desktop-no-burger: center; --type-g-step-container-justify-content-desktop-full: center; --type-g-step-container-justify-content-desktop-large: center; --type-g-no-top-margin-mobile: 0 0 calc(0.0277777778 * 1 * 100vw) 0; --type-g-no-top-margin-tablet: 0 0 calc(0.0277777778 * 1 * 100vw) 0; --type-g-no-top-margin-desktop: 0 0 calc(0.0277777778 * 1 * 100vw) 0; --type-g-no-top-margin-desktop-no-burger: 0 0 calc(0.0277777778 * 1 * 100vw) 0; --type-g-no-top-margin-desktop-full: 0 0 calc(0.0277777778 * 1 * 100vw) 0; --type-g-no-top-margin-desktop-large: 0 0 calc(0.0277777778 * 1 * 100vw) 0; --type-g-margin-bottom-width-mobile: 100%; --type-g-margin-bottom-width-tablet: 100%; --type-g-margin-bottom-width-desktop: 50%; --type-g-margin-bottom-width-desktop-no-burger: 50%; --type-g-margin-bottom-width-desktop-full: 50%; --type-g-margin-bottom-width-desktop-large: 50%; --type-g-margin-bottom-margin-bottom-mobile: calc(0.1282051282 * 1 * 100vw); --type-g-margin-bottom-margin-bottom-tablet: calc(0.0609756098 * 1 * 100vw); --type-g-margin-bottom-margin-bottom-desktop: 0; --type-g-margin-bottom-margin-bottom-desktop-no-burger: 0; --type-g-margin-bottom-margin-bottom-desktop-full: 0; --type-g-margin-bottom-margin-bottom-desktop-large: 0; --type-h-this-padding-mobile: calc(0.2564102564 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-h-this-padding-tablet: calc(0.0548780488 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-h-this-padding-desktop: calc(0.0569444444 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-h-this-padding-desktop-no-burger: calc(0.0569444444 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-h-this-padding-desktop-full: calc(0.0569444444 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-h-this-padding-desktop-large: calc(0.0569444444 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-h-this-display-mobile: flex; --type-h-this-display-tablet: flex; --type-h-this-display-desktop: flex; --type-h-this-display-desktop-no-burger: flex; --type-h-this-display-desktop-full: flex; --type-h-this-display-desktop-large: flex; --type-h-this-flex-direction-mobile: column; --type-h-this-flex-direction-tablet: row; --type-h-this-flex-direction-desktop: row; --type-h-this-flex-direction-desktop-no-burger: row; --type-h-this-flex-direction-desktop-full: row; --type-h-this-flex-direction-desktop-large: row; --type-h-icon-padding-mobile: calc(0.0769230769 * 1 * 100vw) 0 calc(0.0512820513 * 1 * 100vw) 0; --type-h-icon-padding-tablet: calc(0.0769230769 * 1 * 100vw) 0 calc(0.0512820513 * 1 * 100vw) 0; --type-h-icon-padding-desktop: 0 calc(0.0138888889 * 1 * 100vw); --type-h-icon-padding-desktop-no-burger: 0 calc(0.0138888889 * 1 * 100vw); --type-h-icon-padding-desktop-full: 0 calc(0.0138888889 * 1 * 100vw); --type-h-icon-padding-desktop-large: 0 calc(0.0138888889 * 1 * 100vw); --type-h-icon-margin-mobile: auto 2%; --type-h-icon-margin-tablet: auto 2%; --type-h-icon-margin-desktop: auto 2%; --type-h-icon-margin-desktop-no-burger: auto 2%; --type-h-icon-margin-desktop-full: auto 2%; --type-h-icon-margin-desktop-large: auto 2%; --type-h-icon-width-mobile: calc(0.0104166667 * 1 * 100vw); --type-h-icon-width-tablet: calc(0.0138888889 * 1 * 100vw); --type-h-icon-width-desktop: calc(0.0173611111 * 1 * 100vw); --type-h-icon-width-desktop-no-burger: calc(0.0173611111 * 1 * 100vw); --type-h-icon-width-desktop-full: calc(0.0173611111 * 1 * 100vw); --type-h-icon-width-desktop-large: calc(0.0173611111 * 1 * 100vw); --type-h-little-margin-margin-mobile: 0; --type-h-little-margin-margin-tablet: 0; --type-h-little-margin-margin-desktop: calc(0.0069444444 * 1 * 100vw) 0 0 0; --type-h-little-margin-margin-desktop-no-burger: calc(0.0069444444 * 1 * 100vw) 0 0 0; --type-h-little-margin-margin-desktop-full: calc(0.0069444444 * 1 * 100vw) 0 0 0; --type-h-little-margin-margin-desktop-large: calc(0.0069444444 * 1 * 100vw) 0 0 0; --type-h-img-container-align-items-mobile: center; --type-h-img-container-align-items-tablet: center; --type-h-img-container-align-items-desktop: center; --type-h-img-container-align-items-desktop-no-burger: center; --type-h-img-container-align-items-desktop-full: center; --type-h-img-container-align-items-desktop-large: center; --type-h-img-container-display-mobile: flex; --type-h-img-container-display-tablet: flex; --type-h-img-container-display-desktop: flex; --type-h-img-container-display-desktop-no-burger: flex; --type-h-img-container-display-desktop-full: flex; --type-h-img-container-display-desktop-large: flex; --type-h-img-container-flex-direction-mobile: column; --type-h-img-container-flex-direction-tablet: column; --type-h-img-container-flex-direction-desktop: column; --type-h-img-container-flex-direction-desktop-no-burger: column; --type-h-img-container-flex-direction-desktop-full: column; --type-h-img-container-flex-direction-desktop-large: column; --type-h-img-container-with-mobile: fit-content; --type-h-img-container-with-tablet: fit-content; --type-h-img-container-with-desktop: fit-content; --type-h-img-container-with-desktop-no-burger: fit-content; --type-h-img-container-with-desktop-full: fit-content; --type-h-img-container-with-desktop-large: fit-content; --type-i-this-padding-mobile: calc(0.1538461538 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-i-this-padding-tablet: calc(0.1219512195 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-i-this-padding-desktop: calc(0.0347222222 * 1 * 100vw); --type-i-this-padding-desktop-no-burger: calc(0.0347222222 * 1 * 100vw); --type-i-this-padding-desktop-full: calc(0.0347222222 * 1 * 100vw); --type-i-this-padding-desktop-large: calc(0.0347222222 * 1 * 100vw); --type-i-this-position-mobile: relative; --type-i-this-position-tablet: relative; --type-i-this-position-desktop: relative; --type-i-this-position-desktop-no-burger: relative; --type-i-this-position-desktop-full: relative; --type-i-this-position-desktop-large: relative; --type-i-margin-top-margin-mobile: 0; --type-i-margin-top-margin-tablet: 0; --type-i-margin-top-margin-desktop: 0; --type-i-margin-top-margin-desktop-no-burger: 0; --type-i-margin-top-margin-desktop-full: 0; --type-i-margin-top-margin-desktop-large: 0; --type-i-color-box-z-index-mobile: 2; --type-i-color-box-z-index-tablet: 2; --type-i-color-box-z-index-desktop: 2; --type-i-color-box-z-index-desktop-no-burger: 2; --type-i-color-box-z-index-desktop-full: 2; --type-i-color-box-z-index-desktop-large: 2; --type-i-color-box-position-mobile: relative; --type-i-color-box-position-tablet: relative; --type-i-color-box-position-desktop: relative; --type-i-color-box-position-desktop-no-burger: relative; --type-i-color-box-position-desktop-full: relative; --type-i-color-box-position-desktop-large: relative; --type-i-color-box-background-color-mobile: var(--theme-color-violet); --type-i-color-box-background-color-tablet: var(--theme-color-violet); --type-i-color-box-background-color-desktop: var(--theme-color-violet); --type-i-color-box-background-color-desktop-no-burger: var(--theme-color-violet); --type-i-color-box-background-color-desktop-full: var(--theme-color-violet); --type-i-color-box-background-color-desktop-large: var(--theme-color-violet); --type-i-color-box-border-radius-mobile: 15px; --type-i-color-box-border-radius-tablet: 15px; --type-i-color-box-border-radius-desktop: 15px; --type-i-color-box-border-radius-desktop-no-burger: 15px; --type-i-color-box-border-radius-desktop-full: 15px; --type-i-color-box-border-radius-desktop-large: 15px; --type-i-color-box-padding-mobile: calc(0.1538461538 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.1282051282 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-i-color-box-padding-tablet: calc(0.0975609756 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-i-color-box-padding-desktop: calc(0.0763888889 * 1 * 100vw) calc(0.0555555556 * 1 * 100vw) calc(0.0694444444 * 1 * 100vw) calc(0.0763888889 * 1 * 100vw); --type-i-color-box-padding-desktop-no-burger: calc(0.0763888889 * 1 * 100vw) calc(0.0555555556 * 1 * 100vw) calc(0.0694444444 * 1 * 100vw) calc(0.0763888889 * 1 * 100vw); --type-i-color-box-padding-desktop-full: calc(0.0763888889 * 1 * 100vw) calc(0.0555555556 * 1 * 100vw) calc(0.0694444444 * 1 * 100vw) calc(0.0763888889 * 1 * 100vw); --type-i-color-box-padding-desktop-large: calc(0.0763888889 * 1 * 100vw) calc(0.0555555556 * 1 * 100vw) calc(0.0694444444 * 1 * 100vw) calc(0.0763888889 * 1 * 100vw); --type-i-color-box-display-mobile: flex; --type-i-color-box-display-tablet: flex; --type-i-color-box-display-desktop: flex; --type-i-color-box-display-desktop-no-burger: flex; --type-i-color-box-display-desktop-full: flex; --type-i-color-box-display-desktop-large: flex; --type-i-color-box-flex-direction-mobile: column; --type-i-color-box-flex-direction-tablet: column; --type-i-color-box-flex-direction-desktop: row; --type-i-color-box-flex-direction-desktop-no-burger: row; --type-i-color-box-flex-direction-desktop-full: row; --type-i-color-box-flex-direction-desktop-large: row; --type-i-color-box-gap-mobile: 30px; --type-i-color-box-gap-tablet: 50px; --type-i-color-box-gap-desktop: 80px; --type-i-color-box-gap-desktop-no-burger: 80px; --type-i-color-box-gap-desktop-full: 80px; --type-i-color-box-gap-desktop-large: 80px; --type-i-margin-bottom-margin-top-mobile: 0; --type-i-margin-bottom-margin-top-tablet: 0; --type-i-margin-bottom-margin-top-desktop: 0; --type-i-margin-bottom-margin-top-desktop-no-burger: 0; --type-i-margin-bottom-margin-top-desktop-full: 0; --type-i-margin-bottom-margin-top-desktop-large: 0; --type-i-margin-bottom-margin-bottom-mobile: calc(0.1025641026 * 1 * 100vw); --type-i-margin-bottom-margin-bottom-tablet: calc(0.0426829268 * 1 * 100vw); --type-i-margin-bottom-margin-bottom-desktop: calc(0.0208333333 * 1 * 100vw); --type-i-margin-bottom-margin-bottom-desktop-no-burger: calc(0.0208333333 * 1 * 100vw); --type-i-margin-bottom-margin-bottom-desktop-full: calc(0.0208333333 * 1 * 100vw); --type-i-margin-bottom-margin-bottom-desktop-large: calc(0.0208333333 * 1 * 100vw); --type-i-image-bottom-right-mobile: -10px; --type-i-image-bottom-right-tablet: -10px; --type-i-image-bottom-right-desktop: calc(0.1111111111 * 1 * 100vw); --type-i-image-bottom-right-desktop-no-burger: calc(0.1111111111 * 1 * 100vw); --type-i-image-bottom-right-desktop-full: calc(0.1111111111 * 1 * 100vw); --type-i-image-bottom-right-desktop-large: calc(0.1111111111 * 1 * 100vw); --type-i-image-bottom-bottom-mobile: -30px; --type-i-image-bottom-bottom-tablet: -30px; --type-i-image-bottom-bottom-desktop: -50px; --type-i-image-bottom-bottom-desktop-no-burger: -50px; --type-i-image-bottom-bottom-desktop-full: -50px; --type-i-image-bottom-bottom-desktop-large: -50px; --type-i-image-bottom-height-mobile: calc(0.2564102564 * 1 * 100vw); --type-i-image-bottom-height-tablet: calc(0.1829268293 * 1 * 100vw); --type-i-image-bottom-height-desktop: calc(0.1388888889 * 1 * 100vw); --type-i-image-bottom-height-desktop-no-burger: calc(0.1388888889 * 1 * 100vw); --type-i-image-bottom-height-desktop-full: calc(0.1388888889 * 1 * 100vw); --type-i-image-bottom-height-desktop-large: calc(0.1388888889 * 1 * 100vw); --type-i-image-bottom-width-mobile: calc(0.2564102564 * 1 * 100vw); --type-i-image-bottom-width-tablet: calc(0.1829268293 * 1 * 100vw); --type-i-image-bottom-width-desktop: calc(0.1388888889 * 1 * 100vw); --type-i-image-bottom-width-desktop-no-burger: calc(0.1388888889 * 1 * 100vw); --type-i-image-bottom-width-desktop-full: calc(0.1388888889 * 1 * 100vw); --type-i-image-bottom-width-desktop-large: calc(0.1388888889 * 1 * 100vw); --type-i-position-z-index-mobile: 3; --type-i-position-z-index-tablet: 3; --type-i-position-z-index-desktop: 3; --type-i-position-z-index-desktop-no-burger: 3; --type-i-position-z-index-desktop-full: 3; --type-i-position-z-index-desktop-large: 3; --type-i-position-position-mobile: absolute; --type-i-position-position-tablet: absolute; --type-i-position-position-desktop: absolute; --type-i-position-position-desktop-no-burger: absolute; --type-i-position-position-desktop-full: absolute; --type-i-position-position-desktop-large: absolute; --type-i-title-block-margin-mobile: auto; --type-i-title-block-margin-tablet: auto; --type-i-title-block-margin-desktop: auto; --type-i-title-block-margin-desktop-no-burger: auto; --type-i-title-block-margin-desktop-full: auto; --type-i-title-block-margin-desktop-large: auto; --type-i-title-block-margin-top-mobile: 0; --type-i-title-block-margin-top-tablet: 0; --type-i-title-block-margin-top-desktop: 0; --type-i-title-block-margin-top-desktop-no-burger: 0; --type-i-title-block-margin-top-desktop-full: 0; --type-i-title-block-margin-top-desktop-large: 0; --type-i-title-block-flex-mobile: 1; --type-i-title-block-flex-tablet: 1; --type-i-title-block-flex-desktop: 1; --type-i-title-block-flex-desktop-no-burger: 1; --type-i-title-block-flex-desktop-full: 1; --type-i-title-block-flex-desktop-large: 1; --type-i-title-block2-flex-mobile: 1; --type-i-title-block2-flex-tablet: 1; --type-i-title-block2-flex-desktop: 1; --type-i-title-block2-flex-desktop-no-burger: 1; --type-i-title-block2-flex-desktop-full: 1; --type-i-title-block2-flex-desktop-large: 1; --type-i-section-with-background-height-mobile: 100%; --type-i-section-with-background-height-tablet: 100%; --type-i-section-with-background-height-desktop: 100%; --type-i-section-with-background-height-desktop-no-burger: 100%; --type-i-section-with-background-height-desktop-full: 100%; --type-i-section-with-background-height-desktop-large: 100%; --type-i-section-with-background-position-mobile: absolute; --type-i-section-with-background-position-tablet: absolute; --type-i-section-with-background-position-desktop: absolute; --type-i-section-with-background-position-desktop-no-burger: absolute; --type-i-section-with-background-position-desktop-full: absolute; --type-i-section-with-background-position-desktop-large: absolute; --type-i-section-with-background-left-mobile: 0; --type-i-section-with-background-left-tablet: 0; --type-i-section-with-background-left-desktop: 0; --type-i-section-with-background-left-desktop-no-burger: 0; --type-i-section-with-background-left-desktop-full: 0; --type-i-section-with-background-left-desktop-large: 0; --type-i-section-with-background-top-mobile: 0; --type-i-section-with-background-top-tablet: 0; --type-i-section-with-background-top-desktop: 0; --type-i-section-with-background-top-desktop-no-burger: 0; --type-i-section-with-background-top-desktop-full: 0; --type-i-section-with-background-top-desktop-large: 0; --type-i-section-with-background-width-mobile: 100%; --type-i-section-with-background-width-tablet: 100%; --type-i-section-with-background-width-desktop: 100%; --type-i-section-with-background-width-desktop-no-burger: 100%; --type-i-section-with-background-width-desktop-full: 100%; --type-i-section-with-background-width-desktop-large: 100%; --type-i-image-background-height-mobile: 100%; --type-i-image-background-height-tablet: 100%; --type-i-image-background-height-desktop: 100%; --type-i-image-background-height-desktop-no-burger: 100%; --type-i-image-background-height-desktop-full: 100%; --type-i-image-background-height-desktop-large: 100%; --type-i-image-background-width-mobile: 100%; --type-i-image-background-width-tablet: 100%; --type-i-image-background-width-desktop: 100%; --type-i-image-background-width-desktop-no-burger: 100%; --type-i-image-background-width-desktop-full: 100%; --type-i-image-background-width-desktop-large: 100%; --type-j-this-padding-mobile: calc(0.1282051282 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.0512820513 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-j-this-padding-tablet: calc(0.0609756098 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) 0 calc(0.0292682927 * 1 * 100vw); --type-j-this-padding-desktop: calc(0.0520833333 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0520833333 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-j-this-padding-desktop-no-burger: calc(0.0520833333 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0520833333 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-j-this-padding-desktop-full: calc(0.0520833333 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0520833333 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-j-this-padding-desktop-large: calc(0.0520833333 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0520833333 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-j-this-position-mobile: relative; --type-j-this-position-tablet: relative; --type-j-this-position-desktop: relative; --type-j-this-position-desktop-no-burger: relative; --type-j-this-position-desktop-full: relative; --type-j-this-position-desktop-large: relative; --type-j-this-height-mobile: 38vw; --type-j-this-height-tablet: 32vw; --type-j-this-height-desktop: 32vw; --type-j-this-height-desktop-no-burger: 32vw; --type-j-this-height-desktop-full: 32vw; --type-j-this-height-desktop-large: 32vw; --type-j-this-margin-mobile: 0 0 calc(0.5128205128 * 1 * 100vw) 0; --type-j-this-margin-tablet: 0; --type-j-this-margin-desktop: 0; --type-j-this-margin-desktop-no-burger: 0; --type-j-this-margin-desktop-full: 0; --type-j-this-margin-desktop-large: 0; --type-j-color-box-z-index-mobile: 2; --type-j-color-box-z-index-tablet: 2; --type-j-color-box-z-index-desktop: 2; --type-j-color-box-z-index-desktop-no-burger: 2; --type-j-color-box-z-index-desktop-full: 2; --type-j-color-box-z-index-desktop-large: 2; --type-j-color-box-position-mobile: relative; --type-j-color-box-position-tablet: relative; --type-j-color-box-position-desktop: relative; --type-j-color-box-position-desktop-no-burger: relative; --type-j-color-box-position-desktop-full: relative; --type-j-color-box-position-desktop-large: relative; --type-j-color-box-border-radius-mobile: 15px; --type-j-color-box-border-radius-tablet: 15px; --type-j-color-box-border-radius-desktop: 15px; --type-j-color-box-border-radius-desktop-no-burger: 15px; --type-j-color-box-border-radius-desktop-full: 15px; --type-j-color-box-border-radius-desktop-large: 15px; --type-j-color-box-padding-mobile: 0; --type-j-color-box-padding-tablet: 0; --type-j-color-box-padding-desktop: 0; --type-j-color-box-padding-desktop-no-burger: 0; --type-j-color-box-padding-desktop-full: 0; --type-j-color-box-padding-desktop-large: 0; --type-j-color-box-height-mobile: 100%; --type-j-color-box-height-tablet: 100%; --type-j-color-box-height-desktop: 100%; --type-j-color-box-height-desktop-no-burger: 100%; --type-j-color-box-height-desktop-full: 100%; --type-j-color-box-height-desktop-large: 100%; --type-j-color-box-display-mobile: flex; --type-j-color-box-display-tablet: flex; --type-j-color-box-display-desktop: grid; --type-j-color-box-display-desktop-no-burger: grid; --type-j-color-box-display-desktop-full: grid; --type-j-color-box-display-desktop-large: grid; --type-j-color-box-column-gap-mobile: 0; --type-j-color-box-column-gap-tablet: 0; --type-j-color-box-column-gap-desktop: calc(0.0486111111 * 1 * 100vw); --type-j-color-box-column-gap-desktop-no-burger: calc(0.0486111111 * 1 * 100vw); --type-j-color-box-column-gap-desktop-full: calc(0.0486111111 * 1 * 100vw); --type-j-color-box-column-gap-desktop-large: calc(0.0486111111 * 1 * 100vw); --type-j-color-box-flex-direction-mobile: column; --type-j-color-box-flex-direction-tablet: column; --type-j-color-box-flex-direction-desktop: column; --type-j-color-box-flex-direction-desktop-no-burger: column; --type-j-color-box-flex-direction-desktop-full: column; --type-j-color-box-flex-direction-desktop-large: column; --type-j-color-box-grid-template-columns-mobile: 0; --type-j-color-box-grid-template-columns-tablet: 0; --type-j-color-box-grid-template-columns-desktop: 5fr 4fr; --type-j-color-box-grid-template-columns-desktop-no-burger: 5fr 4fr; --type-j-color-box-grid-template-columns-desktop-full: 5fr 4fr; --type-j-color-box-grid-template-columns-desktop-large: 5fr 4fr; --type-j-margin-bottom-margin-top-mobile: calc(0.0512820513 * 1 * 100vw); --type-j-margin-bottom-margin-top-tablet: calc(0.0304878049 * 1 * 100vw); --type-j-margin-bottom-margin-top-desktop: calc(0.0208333333 * 1 * 100vw); --type-j-margin-bottom-margin-top-desktop-no-burger: calc(0.0208333333 * 1 * 100vw); --type-j-margin-bottom-margin-top-desktop-full: calc(0.0208333333 * 1 * 100vw); --type-j-margin-bottom-margin-top-desktop-large: calc(0.0208333333 * 1 * 100vw); --type-j-margin-bottom-margin-bottom-mobile: calc(0.1025641026 * 1 * 100vw); --type-j-margin-bottom-margin-bottom-tablet: calc(0.0731707317 * 1 * 100vw); --type-j-margin-bottom-margin-bottom-desktop: calc(0 * 1 * 100vw); --type-j-margin-bottom-margin-bottom-desktop-no-burger: calc(0 * 1 * 100vw); --type-j-margin-bottom-margin-bottom-desktop-full: calc(0 * 1 * 100vw); --type-j-margin-bottom-margin-bottom-desktop-large: calc(0 * 1 * 100vw); --type-j-title-block-position-mobile: absolute; --type-j-title-block-position-tablet: absolute; --type-j-title-block-position-desktop: absolute; --type-j-title-block-position-desktop-no-burger: absolute; --type-j-title-block-position-desktop-full: absolute; --type-j-title-block-position-desktop-large: absolute; --type-j-title-block-width-mobile: 75%; --type-j-title-block-width-tablet: 40%; --type-j-title-block-width-desktop: 40%; --type-j-title-block-width-desktop-no-burger: 40%; --type-j-title-block-width-desktop-full: 40%; --type-j-title-block-width-desktop-large: 40%; --type-j-title-block-margin-mobile: 0; --type-j-title-block-margin-tablet: 0; --type-j-title-block-margin-desktop: auto 0; --type-j-title-block-margin-desktop-no-burger: auto 0; --type-j-title-block-margin-desktop-full: auto 0; --type-j-title-block-margin-desktop-large: auto 0; --type-j-margin-top-margin-top-mobile: calc(0 * 1 * 100vw); --type-j-margin-top-margin-top-tablet: calc(0 * 1 * 100vw); --type-j-margin-top-margin-top-desktop: calc(0 * 1 * 100vw); --type-j-margin-top-margin-top-desktop-no-burger: calc(0 * 1 * 100vw); --type-j-margin-top-margin-top-desktop-full: calc(0 * 1 * 100vw); --type-j-margin-top-margin-top-desktop-large: calc(0 * 1 * 100vw); --type-j-margin-top-margin-bottom-mobile: calc(0.0208333333 * 1 * 100vw); --type-j-margin-top-margin-bottom-tablet: calc(0.0208333333 * 1 * 100vw); --type-j-margin-top-margin-bottom-desktop: calc(0.0208333333 * 1 * 100vw); --type-j-margin-top-margin-bottom-desktop-no-burger: calc(0.0208333333 * 1 * 100vw); --type-j-margin-top-margin-bottom-desktop-full: calc(0.0208333333 * 1 * 100vw); --type-j-margin-top-margin-bottom-desktop-large: calc(0.0208333333 * 1 * 100vw); --type-j-image-background-position-mobile: absolute; --type-j-image-background-position-tablet: absolute; --type-j-image-background-position-desktop: absolute; --type-j-image-background-position-desktop-no-burger: absolute; --type-j-image-background-position-desktop-full: absolute; --type-j-image-background-position-desktop-large: absolute; --type-j-image-background-height-mobile: 100%; --type-j-image-background-height-tablet: 100%; --type-j-image-background-height-desktop: 100%; --type-j-image-background-height-desktop-no-burger: 100%; --type-j-image-background-height-desktop-full: 100%; --type-j-image-background-height-desktop-large: 100%; --type-j-image-background-width-mobile: 100%; --type-j-image-background-width-tablet: 100%; --type-j-image-background-width-desktop: 100%; --type-j-image-background-width-desktop-no-burger: 100%; --type-j-image-background-width-desktop-full: 100%; --type-j-image-background-width-desktop-large: 100%; --type-m-this-padding-mobile: 0; --type-m-this-padding-tablet: 0; --type-m-this-padding-desktop: 0; --type-m-this-padding-desktop-no-burger: 0; --type-m-this-padding-desktop-full: 0; --type-m-this-padding-desktop-large: 0; --type-m-this-margin-mobile: calc(0.2564102564 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-m-this-margin-tablet: calc(0.1463414634 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-m-this-margin-desktop: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-m-this-margin-desktop-no-burger: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-m-this-margin-desktop-full: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-m-this-margin-desktop-large: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-m-this-position-mobile: relative; --type-m-this-position-tablet: relative; --type-m-this-position-desktop: relative; --type-m-this-position-desktop-no-burger: relative; --type-m-this-position-desktop-full: relative; --type-m-this-position-desktop-large: relative; --type-m-header-display-mobile: flex; --type-m-header-display-tablet: flex; --type-m-header-display-desktop: flex; --type-m-header-display-desktop-no-burger: flex; --type-m-header-display-desktop-full: flex; --type-m-header-display-desktop-large: flex; --type-m-header-flex-direction-mobile: column; --type-m-header-flex-direction-tablet: row; --type-m-header-flex-direction-desktop: row; --type-m-header-flex-direction-desktop-no-burger: row; --type-m-header-flex-direction-desktop-full: row; --type-m-header-flex-direction-desktop-large: row; --type-m-header-justify-content-mobile: space-between; --type-m-header-justify-content-tablet: space-between; --type-m-header-justify-content-desktop: space-between; --type-m-header-justify-content-desktop-no-burger: space-between; --type-m-header-justify-content-desktop-full: space-between; --type-m-header-justify-content-desktop-large: space-between; --type-m-header-align-items-mobile: center; --type-m-header-align-items-tablet: center; --type-m-header-align-items-desktop: center; --type-m-header-align-items-desktop-no-burger: center; --type-m-header-align-items-desktop-full: center; --type-m-header-align-items-desktop-large: center; --type-m-margin-bottom-margin-bottom-mobile: 0; --type-m-margin-bottom-margin-bottom-tablet: 0; --type-m-margin-bottom-margin-bottom-desktop: 0; --type-m-margin-bottom-margin-bottom-desktop-no-burger: 0; --type-m-margin-bottom-margin-bottom-desktop-full: 0; --type-m-margin-bottom-margin-bottom-desktop-large: 0; --type-m-swiper-margin-mobile: calc(0.0769230769 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-m-swiper-margin-tablet: calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-m-swiper-margin-desktop: calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-m-swiper-margin-desktop-no-burger: calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-m-swiper-margin-desktop-full: calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-m-swiper-margin-desktop-large: calc(0.0416666667 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-m-swiper-slide-height-mobile: unset; --type-m-swiper-slide-height-tablet: unset; --type-m-swiper-slide-height-desktop: unset; --type-m-swiper-slide-height-desktop-no-burger: unset; --type-m-swiper-slide-height-desktop-full: unset; --type-m-swiper-slide-height-desktop-large: unset; --type-m-swiper-slide-padding-mobile: calc(0.0307692308 * 1 * 100vw); --type-m-swiper-slide-padding-tablet: calc(0.0243902439 * 1 * 100vw); --type-m-swiper-slide-padding-desktop: calc(0.0138888889 * 1 * 100vw); --type-m-swiper-slide-padding-desktop-no-burger: calc(0.0138888889 * 1 * 100vw); --type-m-swiper-slide-padding-desktop-full: calc(0.0138888889 * 1 * 100vw); --type-m-swiper-slide-padding-desktop-large: calc(0.0138888889 * 1 * 100vw); --type-m-no-margin-margin-mobile: 0; --type-m-no-margin-margin-tablet: 0; --type-m-no-margin-margin-desktop: 0; --type-m-no-margin-margin-desktop-no-burger: 0; --type-m-no-margin-margin-desktop-full: 0; --type-m-no-margin-margin-desktop-large: 0; --type-m-author-name-margin-mobile: calc(0.0512820513 * 1 * 100vw) 0 0 0; --type-m-author-name-margin-tablet: calc(0.0304878049 * 1 * 100vw) 0 0 0; --type-m-author-name-margin-desktop: calc(0.0208333333 * 1 * 100vw) 0 0 0; --type-m-author-name-margin-desktop-no-burger: calc(0.0208333333 * 1 * 100vw) 0 0 0; --type-m-author-name-margin-desktop-full: calc(0.0208333333 * 1 * 100vw) 0 0 0; --type-m-author-name-margin-desktop-large: calc(0.0208333333 * 1 * 100vw) 0 0 0; --type-m-color-violet-dark-margin-mobile: 0; --type-m-color-violet-dark-margin-tablet: 0; --type-m-color-violet-dark-margin-desktop: 0; --type-m-color-violet-dark-margin-desktop-no-burger: 0; --type-m-color-violet-dark-margin-desktop-full: 0; --type-m-color-violet-dark-margin-desktop-large: 0; --type-n-this-position-mobile: relative; --type-n-this-position-tablet: relative; --type-n-this-position-desktop: relative; --type-n-this-position-desktop-no-burger: relative; --type-n-this-position-desktop-full: relative; --type-n-this-position-desktop-large: relative; --type-n-section-half-margin-mobile: calc(0.2051282051 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-n-section-half-margin-tablet: calc(0.1219512195 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-n-section-half-margin-desktop: calc(0.0902777778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0972222222 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-n-section-half-margin-desktop-no-burger: calc(0.0902777778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0972222222 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-n-section-half-margin-desktop-full: calc(0.0902777778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0972222222 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-n-section-half-margin-desktop-large: calc(0.0902777778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0972222222 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-n-section-half-grid-template-columns-mobile: repeat(1, 1fr); --type-n-section-half-grid-template-columns-tablet: repeat(1, 1fr); --type-n-section-half-grid-template-columns-desktop: repeat(2, 1fr); --type-n-section-half-grid-template-columns-desktop-no-burger: repeat(2, 1fr); --type-n-section-half-grid-template-columns-desktop-full: repeat(2, 1fr); --type-n-section-half-grid-template-columns-desktop-large: repeat(2, 1fr); --type-n-image-half-height-mobile: calc(0.641025641 * 1 * 100vw); --type-n-image-half-height-tablet: calc(0.4634146341 * 1 * 100vw); --type-n-image-half-height-desktop: calc(0.3680555556 * 1 * 100vw); --type-n-image-half-height-desktop-no-burger: calc(0.3680555556 * 1 * 100vw); --type-n-image-half-height-desktop-full: calc(0.3680555556 * 1 * 100vw); --type-n-image-half-height-desktop-large: calc(0.3680555556 * 1 * 100vw); --type-n-zigzag-width-mobile: 200px; --type-n-zigzag-width-tablet: 200px; --type-n-zigzag-width-desktop: calc(0.2083333333 * 1 * 100vw); --type-n-zigzag-width-desktop-no-burger: calc(0.2083333333 * 1 * 100vw); --type-n-zigzag-width-desktop-full: calc(0.2083333333 * 1 * 100vw); --type-n-zigzag-width-desktop-large: calc(0.2083333333 * 1 * 100vw); --type-n-zigzag-left-mobile: -80px; --type-n-zigzag-left-tablet: -80px; --type-n-zigzag-left-desktop: -10px; --type-n-zigzag-left-desktop-no-burger: -10px; --type-n-zigzag-left-desktop-full: -10px; --type-n-zigzag-left-desktop-large: -10px; --type-n-flash-width-mobile: 50px; --type-n-flash-width-tablet: 50px; --type-n-flash-width-desktop: 100px; --type-n-flash-width-desktop-no-burger: 100px; --type-n-flash-width-desktop-full: 100px; --type-n-flash-width-desktop-large: 100px; --type-n-flash-right-mobile: 30px; --type-n-flash-right-tablet: 30px; --type-n-flash-right-desktop: 50px; --type-n-flash-right-desktop-no-burger: 50px; --type-n-flash-right-desktop-full: 50px; --type-n-flash-right-desktop-large: 50px; --type-n-flash-bottom-mobile: initial; --type-n-flash-bottom-tablet: initial; --type-n-flash-bottom-desktop: -80px; --type-n-flash-bottom-desktop-no-burger: -80px; --type-n-flash-bottom-desktop-full: -80px; --type-n-flash-bottom-desktop-large: -80px; --type-n-flash-top-mobile: -30px; --type-n-flash-top-tablet: -30px; --type-n-flash-top-desktop: initial; --type-n-flash-top-desktop-no-burger: initial; --type-n-flash-top-desktop-full: initial; --type-n-flash-top-desktop-large: initial; --type-n-right-container-margin-mobile: 15px 0 0 0; --type-n-right-container-margin-tablet: 15px 0 0 0; --type-n-right-container-margin-desktop: auto 0 auto 90px; --type-n-right-container-margin-desktop-no-burger: auto 0 auto 90px; --type-n-right-container-margin-desktop-full: auto 0 auto 90px; --type-n-right-container-margin-desktop-large: auto 0 auto 90px; --type-n-top-star-display-mobile: none; --type-n-top-star-display-tablet: none; --type-n-top-star-display-desktop: block; --type-n-top-star-display-desktop-no-burger: block; --type-n-top-star-display-desktop-full: block; --type-n-top-star-display-desktop-large: block; --type-n-just-mobile-display-mobile: block; --type-n-just-mobile-display-tablet: block; --type-n-just-mobile-display-desktop: none; --type-n-just-mobile-display-desktop-no-burger: none; --type-n-just-mobile-display-desktop-full: none; --type-n-just-mobile-display-desktop-large: none; --type-n-just-desktop-display-mobile: none; --type-n-just-desktop-display-tablet: none; --type-n-just-desktop-display-desktop: block; --type-n-just-desktop-display-desktop-no-burger: block; --type-n-just-desktop-display-desktop-full: block; --type-n-just-desktop-display-desktop-large: block; --type-n-section-avantages-display-mobile: flex; --type-n-section-avantages-display-tablet: flex; --type-n-section-avantages-display-desktop: flex; --type-n-section-avantages-display-desktop-no-burger: flex; --type-n-section-avantages-display-desktop-full: flex; --type-n-section-avantages-display-desktop-large: flex; --type-n-section-avantages-position-mobile: relative; --type-n-section-avantages-position-tablet: relative; --type-n-section-avantages-position-desktop: relative; --type-n-section-avantages-position-desktop-no-burger: relative; --type-n-section-avantages-position-desktop-full: relative; --type-n-section-avantages-position-desktop-large: relative; --type-n-section-avantages-flex-direction-mobile: column; --type-n-section-avantages-flex-direction-tablet: column; --type-n-section-avantages-flex-direction-desktop: row; --type-n-section-avantages-flex-direction-desktop-no-burger: row; --type-n-section-avantages-flex-direction-desktop-full: row; --type-n-section-avantages-flex-direction-desktop-large: row; --type-n-container-avantage-width-mobile: auto; --type-n-container-avantage-width-tablet: auto; --type-n-container-avantage-width-desktop: 0; --type-n-container-avantage-width-desktop-no-burger: 0; --type-n-container-avantage-width-desktop-full: 0; --type-n-container-avantage-width-desktop-large: 0; --type-n-section-details-padding-mobile: calc(0.1282051282 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.1282051282 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-n-section-details-padding-tablet: calc(0.0792682927 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.0792682927 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-n-section-details-padding-desktop: calc(0.0902777778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0902777778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-n-section-details-padding-desktop-no-burger: calc(0.0902777778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0902777778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-n-section-details-padding-desktop-full: calc(0.0902777778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0902777778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-n-section-details-padding-desktop-large: calc(0.0902777778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0902777778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-n-section-details-grid-template-columns-mobile: repeat(1, 1fr); --type-n-section-details-grid-template-columns-tablet: repeat(1, 1fr); --type-n-section-details-grid-template-columns-desktop: repeat(1, 1fr); --type-n-section-details-grid-template-columns-desktop-no-burger: repeat(1, 1fr); --type-n-section-details-grid-template-columns-desktop-full: repeat(1, 1fr); --type-n-section-details-grid-template-columns-desktop-large: repeat(1, 1fr); --type-n-section-details-gap-mobile: calc(0.0769230769 * 1 * 100vw); --type-n-section-details-gap-tablet: calc(0.0365853659 * 1 * 100vw); --type-n-section-details-gap-desktop: calc(0.0347222222 * 1 * 100vw); --type-n-section-details-gap-desktop-no-burger: calc(0.0347222222 * 1 * 100vw); --type-n-section-details-gap-desktop-full: calc(0.0347222222 * 1 * 100vw); --type-n-section-details-gap-desktop-large: calc(0.0347222222 * 1 * 100vw); --type-o-this-position-mobile: relative; --type-o-this-position-tablet: relative; --type-o-this-position-desktop: relative; --type-o-this-position-desktop-no-burger: relative; --type-o-this-position-desktop-full: relative; --type-o-this-position-desktop-large: relative; --type-o-no-margin-margin-mobile: 0; --type-o-no-margin-margin-tablet: 0; --type-o-no-margin-margin-desktop: 0; --type-o-no-margin-margin-desktop-no-burger: 0; --type-o-no-margin-margin-desktop-full: 0; --type-o-no-margin-margin-desktop-large: 0; --type-o-margin-bottom-margin-bottom-mobile: calc(0.0347222222 * 1 * 100vw); --type-o-margin-bottom-margin-bottom-tablet: calc(0.0347222222 * 1 * 100vw); --type-o-margin-bottom-margin-bottom-desktop: calc(0.0347222222 * 1 * 100vw); --type-o-margin-bottom-margin-bottom-desktop-no-burger: calc(0.0347222222 * 1 * 100vw); --type-o-margin-bottom-margin-bottom-desktop-full: calc(0.0347222222 * 1 * 100vw); --type-o-margin-bottom-margin-bottom-desktop-large: calc(0.0347222222 * 1 * 100vw); --type-o-title-block-width-mobile: 80%; --type-o-title-block-width-tablet: 80%; --type-o-title-block-width-desktop: 80%; --type-o-title-block-width-desktop-no-burger: 80%; --type-o-title-block-width-desktop-full: 80%; --type-o-title-block-width-desktop-large: 80%; --type-o-title-block-margin-mobile: auto; --type-o-title-block-margin-tablet: auto; --type-o-title-block-margin-desktop: auto; --type-o-title-block-margin-desktop-no-burger: auto; --type-o-title-block-margin-desktop-full: auto; --type-o-title-block-margin-desktop-large: auto; --type-o-little-margin-margin-bottom-mobile: calc(0.0555555556 * 1 * 100vw); --type-o-little-margin-margin-bottom-tablet: calc(0.0555555556 * 1 * 100vw); --type-o-little-margin-margin-bottom-desktop: calc(0.0555555556 * 1 * 100vw); --type-o-little-margin-margin-bottom-desktop-no-burger: calc(0.0555555556 * 1 * 100vw); --type-o-little-margin-margin-bottom-desktop-full: calc(0.0555555556 * 1 * 100vw); --type-o-little-margin-margin-bottom-desktop-large: calc(0.0555555556 * 1 * 100vw); --type-o-white-margin-mobile: 0; --type-o-white-margin-tablet: 0; --type-o-white-margin-desktop: 0; --type-o-white-margin-desktop-no-burger: 0; --type-o-white-margin-desktop-full: 0; --type-o-white-margin-desktop-large: 0; --type-o-point-padding-mobile: calc(0.1025641026 * 1 * 100vw) 0 calc(0.1025641026 * 1 * 100vw) 0; --type-o-point-padding-tablet: calc(0.0609756098 * 1 * 100vw) 0 calc(0.0609756098 * 1 * 100vw) 0; --type-o-point-padding-desktop: calc(0.0416666667 * 1 * 100vw) 0 calc(0.0416666667 * 1 * 100vw) 0; --type-o-point-padding-desktop-no-burger: calc(0.0416666667 * 1 * 100vw) 0 calc(0.0416666667 * 1 * 100vw) 0; --type-o-point-padding-desktop-full: calc(0.0416666667 * 1 * 100vw) 0 calc(0.0416666667 * 1 * 100vw) 0; --type-o-point-padding-desktop-large: calc(0.0416666667 * 1 * 100vw) 0 calc(0.0416666667 * 1 * 100vw) 0; --type-o-stars-padding-mobile: calc(0.0384615385 * 1 * 100vw) 0 calc(0.0384615385 * 1 * 100vw) 0; --type-o-stars-padding-tablet: calc(0.0182926829 * 1 * 100vw) 0 calc(0.0182926829 * 1 * 100vw) 0; --type-o-stars-padding-desktop: calc(0.0104166667 * 1 * 100vw) 0 calc(0.0104166667 * 1 * 100vw) 0; --type-o-stars-padding-desktop-no-burger: calc(0.0104166667 * 1 * 100vw) 0 calc(0.0104166667 * 1 * 100vw) 0; --type-o-stars-padding-desktop-full: calc(0.0104166667 * 1 * 100vw) 0 calc(0.0104166667 * 1 * 100vw) 0; --type-o-stars-padding-desktop-large: calc(0.0104166667 * 1 * 100vw) 0 calc(0.0104166667 * 1 * 100vw) 0; --type-o-slide-partenaires-display-mobile: flex; --type-o-slide-partenaires-display-tablet: flex; --type-o-slide-partenaires-display-desktop: flex; --type-o-slide-partenaires-display-desktop-no-burger: flex; --type-o-slide-partenaires-display-desktop-full: flex; --type-o-slide-partenaires-display-desktop-large: flex; --type-o-slide-partenaires-align-items-mobile: center; --type-o-slide-partenaires-align-items-tablet: center; --type-o-slide-partenaires-align-items-desktop: center; --type-o-slide-partenaires-align-items-desktop-no-burger: center; --type-o-slide-partenaires-align-items-desktop-full: center; --type-o-slide-partenaires-align-items-desktop-large: center; --type-p-this-margin-top-mobile: calc(0.1282051282 * 1 * 100vw + 2 * 0.0384615385 * 1 * 100vw); --type-p-this-margin-top-tablet: calc(2 * (0.0609756098 * 1 * 100vw + 2 * 0.0158536585 * 1 * 100vw)); --type-p-this-margin-top-desktop: calc(3 * (0.0347222222 * 1 * 100vw + 2 * 0.0090277778 * 1 * 100vw)); --type-p-this-margin-top-desktop-no-burger: calc(3 * (0.0347222222 * 1 * 100vw + 2 * 0.0090277778 * 1 * 100vw)); --type-p-this-margin-top-desktop-full: calc(3 * (0.0347222222 * 1 * 100vw + 2 * 0.0090277778 * 1 * 100vw)); --type-p-this-margin-top-desktop-large: calc(3 * (0.0347222222 * 1 * 100vw + 2 * 0.0090277778 * 1 * 100vw)); --type-p-this-position-mobile: relative; --type-p-this-position-tablet: relative; --type-p-this-position-desktop: relative; --type-p-this-position-desktop-no-burger: relative; --type-p-this-position-desktop-full: relative; --type-p-this-position-desktop-large: relative; --type-p-wrapper-display-mobile: block; --type-p-wrapper-display-tablet: block; --type-p-wrapper-display-desktop: block; --type-p-wrapper-display-desktop-no-burger: block; --type-p-wrapper-display-desktop-full: block; --type-p-wrapper-display-desktop-large: block; --type-p-wrapper-position-mobile: relative; --type-p-wrapper-position-tablet: relative; --type-p-wrapper-position-desktop: relative; --type-p-wrapper-position-desktop-no-burger: relative; --type-p-wrapper-position-desktop-full: relative; --type-p-wrapper-position-desktop-large: relative; --type-p-wrapper-margin-top-mobile: calc(0 * 1 * 100vw); --type-p-wrapper-margin-top-tablet: calc(0.0707317073 * 1 * 100vw); --type-p-wrapper-margin-top-desktop: calc(0.0694444444 * 1 * 100vw); --type-p-wrapper-margin-top-desktop-no-burger: calc(0.0694444444 * 1 * 100vw); --type-p-wrapper-margin-top-desktop-full: calc(0.0694444444 * 1 * 100vw); --type-p-wrapper-margin-top-desktop-large: calc(0.0694444444 * 1 * 100vw); --type-p-wrapper-padding-mobile: calc(0.1282051282 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.2051282051 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-p-wrapper-padding-tablet: calc(0.1707317073 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.1219512195 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-p-wrapper-padding-desktop: calc(0.125 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0902777778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-p-wrapper-padding-desktop-no-burger: calc(0.125 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0902777778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-p-wrapper-padding-desktop-full: calc(0.125 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0902777778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-p-wrapper-padding-desktop-large: calc(0.125 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0902777778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-p-image-container-width-mobile: auto; --type-p-image-container-width-tablet: auto; --type-p-image-container-width-desktop: auto; --type-p-image-container-width-desktop-no-burger: auto; --type-p-image-container-width-desktop-full: auto; --type-p-image-container-width-desktop-large: auto; --type-p-icon-size-width-mobile: 100%; --type-p-icon-size-width-tablet: 100%; --type-p-icon-size-width-desktop: 100%; --type-p-icon-size-width-desktop-no-burger: 100%; --type-p-icon-size-width-desktop-full: 100%; --type-p-icon-size-width-desktop-large: 100%; --type-p-icon-size-height-mobile: 100%; --type-p-icon-size-height-tablet: 100%; --type-p-icon-size-height-desktop: 100%; --type-p-icon-size-height-desktop-no-burger: 100%; --type-p-icon-size-height-desktop-full: 100%; --type-p-icon-size-height-desktop-large: 100%; --type-p-icon-size-object-fit-mobile: cover; --type-p-icon-size-object-fit-tablet: cover; --type-p-icon-size-object-fit-desktop: cover; --type-p-icon-size-object-fit-desktop-no-burger: cover; --type-p-icon-size-object-fit-desktop-full: cover; --type-p-icon-size-object-fit-desktop-large: cover; --type-p-icon-size-aspect-ratio-mobile: 1; --type-p-icon-size-aspect-ratio-tablet: 1; --type-p-icon-size-aspect-ratio-desktop: 1; --type-p-icon-size-aspect-ratio-desktop-no-burger: 1; --type-p-icon-size-aspect-ratio-desktop-full: 1; --type-p-icon-size-aspect-ratio-desktop-large: 1; --type-p-img-width-mobile: calc(0.8205128205 * 1 * 100vw); --type-p-img-width-tablet: calc(0.512195122 * 1 * 100vw); --type-p-img-width-desktop: calc(0.3680555556 * 1 * 100vw); --type-p-img-width-desktop-no-burger: calc(0.3680555556 * 1 * 100vw); --type-p-img-width-desktop-full: calc(0.3680555556 * 1 * 100vw); --type-p-img-width-desktop-large: calc(0.3680555556 * 1 * 100vw); --type-p-img-height-mobile: calc(0.5384615385 * 1 * 100vw); --type-p-img-height-tablet: calc(0.3414634146 * 1 * 100vw); --type-p-img-height-desktop: calc(0.2430555556 * 1 * 100vw); --type-p-img-height-desktop-no-burger: calc(0.2430555556 * 1 * 100vw); --type-p-img-height-desktop-full: calc(0.2430555556 * 1 * 100vw); --type-p-img-height-desktop-large: calc(0.2430555556 * 1 * 100vw); --type-p-img-border-radius-mobile: calc(0.0384615385 * 1 * 100vw); --type-p-img-border-radius-tablet: calc(0.0182926829 * 1 * 100vw); --type-p-img-border-radius-desktop: calc(0.0104166667 * 1 * 100vw); --type-p-img-border-radius-desktop-no-burger: calc(0.0104166667 * 1 * 100vw); --type-p-img-border-radius-desktop-full: calc(0.0104166667 * 1 * 100vw); --type-p-img-border-radius-desktop-large: calc(0.0104166667 * 1 * 100vw); --type-p-img-overflow-mobile: hidden; --type-p-img-overflow-tablet: hidden; --type-p-img-overflow-desktop: hidden; --type-p-img-overflow-desktop-no-burger: hidden; --type-p-img-overflow-desktop-full: hidden; --type-p-img-overflow-desktop-large: hidden; --type-p-title-block-margin-mobile: 0 0 calc(0.1153846154 * 1 * 100vw) 0; --type-p-title-block-margin-tablet: 0 0 calc(0.0365853659 * 1 * 100vw) 0; --type-p-title-block-margin-desktop: 0 0 calc(0.0208333333 * 1 * 100vw) 0; --type-p-title-block-margin-desktop-no-burger: 0 0 calc(0.0208333333 * 1 * 100vw) 0; --type-p-title-block-margin-desktop-full: 0 0 calc(0.0208333333 * 1 * 100vw) 0; --type-p-title-block-margin-desktop-large: 0 0 calc(0.0208333333 * 1 * 100vw) 0; --type-q-this-padding-mobile: 0; --type-q-this-padding-tablet: 0; --type-q-this-padding-desktop: 0; --type-q-this-padding-desktop-no-burger: 0; --type-q-this-padding-desktop-full: 0; --type-q-this-padding-desktop-large: 0; --type-q-this-margin-mobile: 0; --type-q-this-margin-tablet: 0; --type-q-this-margin-desktop: 0; --type-q-this-margin-desktop-no-burger: 0; --type-q-this-margin-desktop-full: 0; --type-q-this-margin-desktop-large: 0; --type-q-this-position-mobile: relative; --type-q-this-position-tablet: relative; --type-q-this-position-desktop: relative; --type-q-this-position-desktop-no-burger: relative; --type-q-this-position-desktop-full: relative; --type-q-this-position-desktop-large: relative; --type-q-title-block-margin-mobile: 0 calc(0.0615384615 * 1 * 100vw); --type-q-title-block-margin-tablet: 0 calc(0.0292682927 * 1 * 100vw); --type-q-title-block-margin-desktop: 0 calc(0.0347222222 * 1 * 100vw); --type-q-title-block-margin-desktop-no-burger: 0 calc(0.0347222222 * 1 * 100vw); --type-q-title-block-margin-desktop-full: 0 calc(0.0347222222 * 1 * 100vw); --type-q-title-block-margin-desktop-large: 0 calc(0.0347222222 * 1 * 100vw); --type-q-margin-top-margin-top-mobile: 0; --type-q-margin-top-margin-top-tablet: 0; --type-q-margin-top-margin-top-desktop: 0; --type-q-margin-top-margin-top-desktop-no-burger: 0; --type-q-margin-top-margin-top-desktop-full: 0; --type-q-margin-top-margin-top-desktop-large: 0; --type-q-margin-top-margin-bottom-mobile: calc(0.0256410256 * 1 * 100vw); --type-q-margin-top-margin-bottom-tablet: calc(0.0426829268 * 1 * 100vw); --type-q-margin-top-margin-bottom-desktop: calc(0.0243055556 * 1 * 100vw); --type-q-margin-top-margin-bottom-desktop-no-burger: calc(0.0243055556 * 1 * 100vw); --type-q-margin-top-margin-bottom-desktop-full: calc(0.0243055556 * 1 * 100vw); --type-q-margin-top-margin-bottom-desktop-large: calc(0.0243055556 * 1 * 100vw); --type-q-margin-bottom-margin-top-mobile: calc(0.0208333333 * 1 * 100vw); --type-q-margin-bottom-margin-top-tablet: calc(0.0208333333 * 1 * 100vw); --type-q-margin-bottom-margin-top-desktop: calc(0.0208333333 * 1 * 100vw); --type-q-margin-bottom-margin-top-desktop-no-burger: calc(0.0208333333 * 1 * 100vw); --type-q-margin-bottom-margin-top-desktop-full: calc(0.0208333333 * 1 * 100vw); --type-q-margin-bottom-margin-top-desktop-large: calc(0.0208333333 * 1 * 100vw); --type-q-margin-bottom-margin-bottom-mobile: 0; --type-q-margin-bottom-margin-bottom-tablet: 0; --type-q-margin-bottom-margin-bottom-desktop: 0; --type-q-margin-bottom-margin-bottom-desktop-no-burger: 0; --type-q-margin-bottom-margin-bottom-desktop-full: 0; --type-q-margin-bottom-margin-bottom-desktop-large: 0; --type-q-slide-partenaires-background-color-mobile: var(--theme-color-grey); --type-q-slide-partenaires-background-color-tablet: var(--theme-color-grey); --type-q-slide-partenaires-background-color-desktop: var(--theme-color-grey); --type-q-slide-partenaires-background-color-desktop-no-burger: var(--theme-color-grey); --type-q-slide-partenaires-background-color-desktop-full: var(--theme-color-grey); --type-q-slide-partenaires-background-color-desktop-large: var(--theme-color-grey); --type-q-slide-partenaires-width-mobile: calc(0.2564102564 * 1 * 100vw); --type-q-slide-partenaires-width-tablet: calc(0.2073170732 * 1 * 100vw); --type-q-slide-partenaires-width-desktop: calc(0.1180555556 * 1 * 100vw); --type-q-slide-partenaires-width-desktop-no-burger: calc(0.1180555556 * 1 * 100vw); --type-q-slide-partenaires-width-desktop-full: calc(0.1180555556 * 1 * 100vw); --type-q-slide-partenaires-width-desktop-large: calc(0.1180555556 * 1 * 100vw); --type-q-slide-partenaires-height-mobile: calc(0.1153846154 * 1 * 100vw); --type-q-slide-partenaires-height-tablet: calc(0.1304878049 * 1 * 100vw); --type-q-slide-partenaires-height-desktop: calc(0.0743055556 * 1 * 100vw); --type-q-slide-partenaires-height-desktop-no-burger: calc(0.0743055556 * 1 * 100vw); --type-q-slide-partenaires-height-desktop-full: calc(0.0743055556 * 1 * 100vw); --type-q-slide-partenaires-height-desktop-large: calc(0.0743055556 * 1 * 100vw); --type-q-slide-partenaires-padding-mobile: calc(0.0384615385 * 1 * 100vw) calc(0.0512820513 * 1 * 100vw); --type-q-slide-partenaires-padding-tablet: calc(0.0182926829 * 1 * 100vw) calc(0.0243902439 * 1 * 100vw); --type-q-slide-partenaires-padding-desktop: calc(0.0104166667 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-q-slide-partenaires-padding-desktop-no-burger: calc(0.0104166667 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-q-slide-partenaires-padding-desktop-full: calc(0.0104166667 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-q-slide-partenaires-padding-desktop-large: calc(0.0104166667 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); --type-q-slide-partenaires-border-radius-mobile: 10px; --type-q-slide-partenaires-border-radius-tablet: 10px; --type-q-slide-partenaires-border-radius-desktop: 10px; --type-q-slide-partenaires-border-radius-desktop-no-burger: 10px; --type-q-slide-partenaires-border-radius-desktop-full: 10px; --type-q-slide-partenaires-border-radius-desktop-large: 10px; --type-q-slide-partenaires-display-mobile: flex; --type-q-slide-partenaires-display-tablet: flex; --type-q-slide-partenaires-display-desktop: flex; --type-q-slide-partenaires-display-desktop-no-burger: flex; --type-q-slide-partenaires-display-desktop-full: flex; --type-q-slide-partenaires-display-desktop-large: flex; --type-q-slide-partenaires-margin-mobile: calc(0 * 1 * 100vw) calc(0.0153846154 * 1 * 100vw); --type-q-slide-partenaires-margin-tablet: calc(0 * 1 * 100vw) calc(0.012195122 * 1 * 100vw); --type-q-slide-partenaires-margin-desktop: calc(0 * 1 * 100vw) calc(0.0069444444 * 1 * 100vw); --type-q-slide-partenaires-margin-desktop-no-burger: calc(0 * 1 * 100vw) calc(0.0069444444 * 1 * 100vw); --type-q-slide-partenaires-margin-desktop-full: calc(0 * 1 * 100vw) calc(0.0069444444 * 1 * 100vw); --type-q-slide-partenaires-margin-desktop-large: calc(0 * 1 * 100vw) calc(0.0069444444 * 1 * 100vw); --type-q-image-width-mobile: 80%; --type-q-image-width-tablet: 80%; --type-q-image-width-desktop: 80%; --type-q-image-width-desktop-no-burger: 80%; --type-q-image-width-desktop-full: 80%; --type-q-image-width-desktop-large: 80%; --type-q-image-object-fit-mobile: contain; --type-q-image-object-fit-tablet: contain; --type-q-image-object-fit-desktop: contain; --type-q-image-object-fit-desktop-no-burger: contain; --type-q-image-object-fit-desktop-full: contain; --type-q-image-object-fit-desktop-large: contain; --type-q-image-margin-mobile: auto; --type-q-image-margin-tablet: auto; --type-q-image-margin-desktop: auto; --type-q-image-margin-desktop-no-burger: auto; --type-q-image-margin-desktop-full: auto; --type-q-image-margin-desktop-large: auto; --type-q-image-max-height-mobile: 100%; --type-q-image-max-height-tablet: 100%; --type-q-image-max-height-desktop: 100%; --type-q-image-max-height-desktop-no-burger: 100%; --type-q-image-max-height-desktop-full: 100%; --type-q-image-max-height-desktop-large: 100%; --type-r-this-position-mobile: relative; --type-r-this-position-tablet: relative; --type-r-this-position-desktop: relative; --type-r-this-position-desktop-no-burger: relative; --type-r-this-position-desktop-full: relative; --type-r-this-position-desktop-large: relative; --type-r-this-display-mobile: block; --type-r-this-display-tablet: block; --type-r-this-display-desktop: grid; --type-r-this-display-desktop-no-burger: grid; --type-r-this-display-desktop-full: grid; --type-r-this-display-desktop-large: grid; --type-r-this-grid-template-columns-mobile: 2fr 3fr; --type-r-this-grid-template-columns-tablet: 2fr 3fr; --type-r-this-grid-template-columns-desktop: 2fr 3fr; --type-r-this-grid-template-columns-desktop-no-burger: 2fr 3fr; --type-r-this-grid-template-columns-desktop-full: 2fr 3fr; --type-r-this-grid-template-columns-desktop-large: 2fr 3fr; --type-r-this-column-gap-mobile: calc(0.0694444444 * 1 * 100vw); --type-r-this-column-gap-tablet: calc(0.0694444444 * 1 * 100vw); --type-r-this-column-gap-desktop: calc(0.0694444444 * 1 * 100vw); --type-r-this-column-gap-desktop-no-burger: calc(0.0694444444 * 1 * 100vw); --type-r-this-column-gap-desktop-full: calc(0.0694444444 * 1 * 100vw); --type-r-this-column-gap-desktop-large: calc(0.0694444444 * 1 * 100vw); --type-r-this-align-items-mobile: center; --type-r-this-align-items-tablet: center; --type-r-this-align-items-desktop: center; --type-r-this-align-items-desktop-no-burger: center; --type-r-this-align-items-desktop-full: center; --type-r-this-align-items-desktop-large: center; --type-r-title-block-height-mobile: 100%; --type-r-title-block-height-tablet: 100%; --type-r-title-block-height-desktop: 100%; --type-r-title-block-height-desktop-no-burger: 100%; --type-r-title-block-height-desktop-full: 100%; --type-r-title-block-height-desktop-large: 100%; --type-r-title-block-margin-bottom-mobile: calc(0.1282051282 * 1 * 100vw); --type-r-title-block-margin-bottom-tablet: calc(0.0609756098 * 1 * 100vw); --type-r-title-block-margin-bottom-desktop: 0; --type-r-title-block-margin-bottom-desktop-no-burger: 0; --type-r-title-block-margin-bottom-desktop-full: 0; --type-r-title-block-margin-bottom-desktop-large: 0; --type-r-margin-top-margin-top-mobile: calc(0.0769230769 * 1 * 100vw); --type-r-margin-top-margin-top-tablet: calc(0.0426829268 * 1 * 100vw); --type-r-margin-top-margin-top-desktop: calc(0.0277777778 * 1 * 100vw); --type-r-margin-top-margin-top-desktop-no-burger: calc(0.0277777778 * 1 * 100vw); --type-r-margin-top-margin-top-desktop-full: calc(0.0277777778 * 1 * 100vw); --type-r-margin-top-margin-top-desktop-large: calc(0.0277777778 * 1 * 100vw); --type-r-accordion-item-background-color-mobile: var(--theme-color-mauve-pale); --type-r-accordion-item-background-color-tablet: var(--theme-color-mauve-pale); --type-r-accordion-item-background-color-desktop: var(--theme-color-mauve-pale); --type-r-accordion-item-background-color-desktop-no-burger: var(--theme-color-mauve-pale); --type-r-accordion-item-background-color-desktop-full: var(--theme-color-mauve-pale); --type-r-accordion-item-background-color-desktop-large: var(--theme-color-mauve-pale); --type-r-margin-bottom-margin-bottom-mobile: calc(0.0208333333 * 1 * 100vw); --type-r-margin-bottom-margin-bottom-tablet: calc(0.0208333333 * 1 * 100vw); --type-r-margin-bottom-margin-bottom-desktop: calc(0.0208333333 * 1 * 100vw); --type-r-margin-bottom-margin-bottom-desktop-no-burger: calc(0.0208333333 * 1 * 100vw); --type-r-margin-bottom-margin-bottom-desktop-full: calc(0.0208333333 * 1 * 100vw); --type-r-margin-bottom-margin-bottom-desktop-large: calc(0.0208333333 * 1 * 100vw); --type-r-margin-bottom-margin-top-mobile: calc(0 * 1 * 100vw); --type-r-margin-bottom-margin-top-tablet: calc(0 * 1 * 100vw); --type-r-margin-bottom-margin-top-desktop: calc(0 * 1 * 100vw); --type-r-margin-bottom-margin-top-desktop-no-burger: calc(0 * 1 * 100vw); --type-r-margin-bottom-margin-top-desktop-full: calc(0 * 1 * 100vw); --type-r-margin-bottom-margin-top-desktop-large: calc(0 * 1 * 100vw); --type-s-this-margin-mobile: calc(0.2564102564 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-s-this-margin-tablet: calc(0.1463414634 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-s-this-margin-desktop: calc(0.1041666667 * 1 * 100vw) auto; --type-s-this-margin-desktop-no-burger: calc(0.1041666667 * 1 * 100vw) auto; --type-s-this-margin-desktop-full: calc(0.1041666667 * 1 * 100vw) auto; --type-s-this-margin-desktop-large: calc(0.1041666667 * 1 * 100vw) auto; --type-s-this-position-mobile: relative; --type-s-this-position-tablet: relative; --type-s-this-position-desktop: relative; --type-s-this-position-desktop-no-burger: relative; --type-s-this-position-desktop-full: relative; --type-s-this-position-desktop-large: relative; --type-s-this-width-mobile: auto; --type-s-this-width-tablet: auto; --type-s-this-width-desktop: 70%; --type-s-this-width-desktop-no-burger: 70%; --type-s-this-width-desktop-full: 70%; --type-s-this-width-desktop-large: 70%; --type-s-author-margin-mobile: calc(0.1282051282 * 1 * 100vw) 0 0 0; --type-s-author-margin-tablet: calc(0.0609756098 * 1 * 100vw) 0 0 0; --type-s-author-margin-desktop: calc(0.0416666667 * 1 * 100vw) 0 0 0; --type-s-author-margin-desktop-no-burger: calc(0.0416666667 * 1 * 100vw) 0 0 0; --type-s-author-margin-desktop-full: calc(0.0416666667 * 1 * 100vw) 0 0 0; --type-s-author-margin-desktop-large: calc(0.0416666667 * 1 * 100vw) 0 0 0; --type-t-this-position-mobile: relative; --type-t-this-position-tablet: relative; --type-t-this-position-desktop: relative; --type-t-this-position-desktop-no-burger: relative; --type-t-this-position-desktop-full: relative; --type-t-this-position-desktop-large: relative; --type-t-this-padding-mobile: calc(0.2564102564 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-t-this-padding-tablet: calc(0.1463414634 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-t-this-padding-desktop: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-t-this-padding-desktop-no-burger: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-t-this-padding-desktop-full: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-t-this-padding-desktop-large: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-t-title-block-display-mobile: flex; --type-t-title-block-display-tablet: flex; --type-t-title-block-display-desktop: flex; --type-t-title-block-display-desktop-no-burger: flex; --type-t-title-block-display-desktop-full: flex; --type-t-title-block-display-desktop-large: flex; --type-t-title-block-justify-content-mobile: space-between; --type-t-title-block-justify-content-tablet: space-between; --type-t-title-block-justify-content-desktop: space-between; --type-t-title-block-justify-content-desktop-no-burger: space-between; --type-t-title-block-justify-content-desktop-full: space-between; --type-t-title-block-justify-content-desktop-large: space-between; --type-t-title-block-flex-direction-mobile: column; --type-t-title-block-flex-direction-tablet: column; --type-t-title-block-flex-direction-desktop: row; --type-t-title-block-flex-direction-desktop-no-burger: row; --type-t-title-block-flex-direction-desktop-full: row; --type-t-title-block-flex-direction-desktop-large: row; --type-t-title-block-padding-bottom-mobile: calc(0.1538461538 * 1 * 100vw); --type-t-title-block-padding-bottom-tablet: calc(0.0670731707 * 1 * 100vw); --type-t-title-block-padding-bottom-desktop: calc(0.0347222222 * 1 * 100vw); --type-t-title-block-padding-bottom-desktop-no-burger: calc(0.0347222222 * 1 * 100vw); --type-t-title-block-padding-bottom-desktop-full: calc(0.0347222222 * 1 * 100vw); --type-t-title-block-padding-bottom-desktop-large: calc(0.0347222222 * 1 * 100vw); --type-t-no-margin-margin-mobile: 0; --type-t-no-margin-margin-tablet: 0; --type-t-no-margin-margin-desktop: 0; --type-t-no-margin-margin-desktop-no-burger: 0; --type-t-no-margin-margin-desktop-full: 0; --type-t-no-margin-margin-desktop-large: 0; --type-t-top-margin-margin-mobile: calc(0.0769230769 * 1 * 100vw) 0 0 0; --type-t-top-margin-margin-tablet: calc(0.0487804878 * 1 * 100vw) 0 0 0; --type-t-top-margin-margin-desktop: 0; --type-t-top-margin-margin-desktop-no-burger: 0; --type-t-top-margin-margin-desktop-full: 0; --type-t-top-margin-margin-desktop-large: 0; --type-t-img-size-max-height-mobile: calc(0.5128205128 * 1 * 100vw); --type-t-img-size-max-height-tablet: calc(0.3048780488 * 1 * 100vw); --type-t-img-size-max-height-desktop: calc(0.2083333333 * 1 * 100vw); --type-t-img-size-max-height-desktop-no-burger: calc(0.2083333333 * 1 * 100vw); --type-t-img-size-max-height-desktop-full: calc(0.2083333333 * 1 * 100vw); --type-t-img-size-max-height-desktop-large: calc(0.2083333333 * 1 * 100vw); --type-t-img-size-object-fit-mobile: cover; --type-t-img-size-object-fit-tablet: cover; --type-t-img-size-object-fit-desktop: cover; --type-t-img-size-object-fit-desktop-no-burger: cover; --type-t-img-size-object-fit-desktop-full: cover; --type-t-img-size-object-fit-desktop-large: cover; --type-u-this-position-mobile: relative; --type-u-this-position-tablet: relative; --type-u-this-position-desktop: relative; --type-u-this-position-desktop-no-burger: relative; --type-u-this-position-desktop-full: relative; --type-u-this-position-desktop-large: relative; --type-u-this-padding-mobile: 0 calc(0.0615384615 * 1 * 100vw); --type-u-this-padding-tablet: 0 calc(0.0292682927 * 1 * 100vw); --type-u-this-padding-desktop: 0 calc(0.0347222222 * 1 * 100vw); --type-u-this-padding-desktop-no-burger: 0 calc(0.0347222222 * 1 * 100vw); --type-u-this-padding-desktop-full: 0 calc(0.0347222222 * 1 * 100vw); --type-u-this-padding-desktop-large: 0 calc(0.0347222222 * 1 * 100vw); --type-u-border-section-height-mobile: 1px; --type-u-border-section-height-tablet: 1px; --type-u-border-section-height-desktop: 1px; --type-u-border-section-height-desktop-no-burger: 1px; --type-u-border-section-height-desktop-full: 1px; --type-u-border-section-height-desktop-large: 1px; --type-u-border-section-display-mobile: block; --type-u-border-section-display-tablet: block; --type-u-border-section-display-desktop: block; --type-u-border-section-display-desktop-no-burger: block; --type-u-border-section-display-desktop-full: block; --type-u-border-section-display-desktop-large: block; --type-u-blanc-border-bottom-mobile: 1px solid var(--theme-color-white-30); --type-u-blanc-border-bottom-tablet: 1px solid var(--theme-color-white-30); --type-u-blanc-border-bottom-desktop: 1px solid var(--theme-color-white-30); --type-u-blanc-border-bottom-desktop-no-burger: 1px solid var(--theme-color-white-30); --type-u-blanc-border-bottom-desktop-full: 1px solid var(--theme-color-white-30); --type-u-blanc-border-bottom-desktop-large: 1px solid var(--theme-color-white-30); --type-u-blanc-padding-bottom-mobile: calc(0.2564102564 * 1 * 100vw); --type-u-blanc-padding-bottom-tablet: calc(0.1463414634 * 1 * 100vw); --type-u-blanc-padding-bottom-desktop: calc(0.1041666667 * 1 * 100vw); --type-u-blanc-padding-bottom-desktop-no-burger: calc(0.1041666667 * 1 * 100vw); --type-u-blanc-padding-bottom-desktop-full: calc(0.1041666667 * 1 * 100vw); --type-u-blanc-padding-bottom-desktop-large: calc(0.1041666667 * 1 * 100vw); --type-u-bleu-border-bottom-mobile: 1px solid var(--theme-color-violet-dark); --type-u-bleu-border-bottom-tablet: 1px solid var(--theme-color-violet-dark); --type-u-bleu-border-bottom-desktop: 1px solid var(--theme-color-violet-dark); --type-u-bleu-border-bottom-desktop-no-burger: 1px solid var(--theme-color-violet-dark); --type-u-bleu-border-bottom-desktop-full: 1px solid var(--theme-color-violet-dark); --type-u-bleu-border-bottom-desktop-large: 1px solid var(--theme-color-violet-dark); --type-v-this-padding-mobile: calc(0.2564102564 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.4102564103 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-v-this-padding-tablet: calc(0.1463414634 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.1951219512 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-v-this-padding-desktop: calc(0.0694444444 * 1 * 100vw) calc(0.1527777778 * 1 * 100vw) calc(0.0833333333 * 1 * 100vw) calc(0.1527777778 * 1 * 100vw); --type-v-this-padding-desktop-no-burger: calc(0.0694444444 * 1 * 100vw) calc(0.1527777778 * 1 * 100vw) calc(0.0833333333 * 1 * 100vw) calc(0.1527777778 * 1 * 100vw); --type-v-this-padding-desktop-full: calc(0.0694444444 * 1 * 100vw) calc(0.1527777778 * 1 * 100vw) calc(0.0833333333 * 1 * 100vw) calc(0.1527777778 * 1 * 100vw); --type-v-this-padding-desktop-large: calc(0.0694444444 * 1 * 100vw) calc(0.1527777778 * 1 * 100vw) calc(0.0833333333 * 1 * 100vw) calc(0.1527777778 * 1 * 100vw); --type-v-this-position-mobile: relative; --type-v-this-position-tablet: relative; --type-v-this-position-desktop: relative; --type-v-this-position-desktop-no-burger: relative; --type-v-this-position-desktop-full: relative; --type-v-this-position-desktop-large: relative; --type-v-this-display-mobile: flex; --type-v-this-display-tablet: flex; --type-v-this-display-desktop: flex; --type-v-this-display-desktop-no-burger: flex; --type-v-this-display-desktop-full: flex; --type-v-this-display-desktop-large: flex; --type-v-this-flex-direction-mobile: column; --type-v-this-flex-direction-tablet: column; --type-v-this-flex-direction-desktop: row; --type-v-this-flex-direction-desktop-no-burger: row; --type-v-this-flex-direction-desktop-full: row; --type-v-this-flex-direction-desktop-large: row; --type-v-this-gap-mobile: 0; --type-v-this-gap-tablet: 0; --type-v-this-gap-desktop: calc(0.0694444444 * 1 * 100vw); --type-v-this-gap-desktop-no-burger: calc(0.0694444444 * 1 * 100vw); --type-v-this-gap-desktop-full: calc(0.0694444444 * 1 * 100vw); --type-v-this-gap-desktop-large: calc(0.0694444444 * 1 * 100vw); --type-v-margin-top-margin-mobile: 0; --type-v-margin-top-margin-tablet: 0; --type-v-margin-top-margin-desktop: 0; --type-v-margin-top-margin-desktop-no-burger: 0; --type-v-margin-top-margin-desktop-full: 0; --type-v-margin-top-margin-desktop-large: 0; --type-v-margin-bottom-margin-top-mobile: 30px; --type-v-margin-bottom-margin-top-tablet: 30px; --type-v-margin-bottom-margin-top-desktop: 0; --type-v-margin-bottom-margin-top-desktop-no-burger: 0; --type-v-margin-bottom-margin-top-desktop-full: 0; --type-v-margin-bottom-margin-top-desktop-large: 0; --type-v-margin-bottom-margin-bottom-mobile: 30px; --type-v-margin-bottom-margin-bottom-tablet: 30px; --type-v-margin-bottom-margin-bottom-desktop: 30px; --type-v-margin-bottom-margin-bottom-desktop-no-burger: 30px; --type-v-margin-bottom-margin-bottom-desktop-full: 30px; --type-v-margin-bottom-margin-bottom-desktop-large: 30px; --type-v-cta-tertiary-min-height-mobile: 32px; --type-v-cta-tertiary-min-height-tablet: 32px; --type-v-cta-tertiary-min-height-desktop: 32px; --type-v-cta-tertiary-min-height-desktop-no-burger: 32px; --type-v-cta-tertiary-min-height-desktop-full: 32px; --type-v-cta-tertiary-min-height-desktop-large: 32px; --type-v-icon-bottom-mobile: 40px; --type-v-icon-bottom-tablet: 40px; --type-v-icon-bottom-desktop: calc(0.0347222222 * 1 * 100vw); --type-v-icon-bottom-desktop-no-burger: calc(0.0347222222 * 1 * 100vw); --type-v-icon-bottom-desktop-full: calc(0.0347222222 * 1 * 100vw); --type-v-icon-bottom-desktop-large: calc(0.0347222222 * 1 * 100vw); --type-v-icon-height-mobile: fit-content; --type-v-icon-height-tablet: fit-content; --type-v-icon-height-desktop: fit-content; --type-v-icon-height-desktop-no-burger: fit-content; --type-v-icon-height-desktop-full: fit-content; --type-v-icon-height-desktop-large: fit-content; --type-v-icon-width-mobile: 120px; --type-v-icon-width-tablet: 120px; --type-v-icon-width-desktop: 200px; --type-v-icon-width-desktop-no-burger: 200px; --type-v-icon-width-desktop-full: 200px; --type-v-icon-width-desktop-large: 200px; --type-v-icon-right-mobile: calc(0.0615384615 * 1 * 100vw); --type-v-icon-right-tablet: calc(0.0292682927 * 1 * 100vw); --type-v-icon-right-desktop: calc(0.0347222222 * 1 * 100vw); --type-v-icon-right-desktop-no-burger: calc(0.0347222222 * 1 * 100vw); --type-v-icon-right-desktop-full: calc(0.0347222222 * 1 * 100vw); --type-v-icon-right-desktop-large: calc(0.0347222222 * 1 * 100vw); --type-v-icon-position-mobile: absolute; --type-v-icon-position-tablet: absolute; --type-v-icon-position-desktop: absolute; --type-v-icon-position-desktop-no-burger: absolute; --type-v-icon-position-desktop-full: absolute; --type-v-icon-position-desktop-large: absolute; --type-v-position-z-index-mobile: 3; --type-v-position-z-index-tablet: 3; --type-v-position-z-index-desktop: 3; --type-v-position-z-index-desktop-no-burger: 3; --type-v-position-z-index-desktop-full: 3; --type-v-position-z-index-desktop-large: 3; --type-v-position-position-mobile: absolute; --type-v-position-position-tablet: absolute; --type-v-position-position-desktop: absolute; --type-v-position-position-desktop-no-burger: absolute; --type-v-position-position-desktop-full: absolute; --type-v-position-position-desktop-large: absolute; --type-v-title-block-margin-mobile: auto; --type-v-title-block-margin-tablet: auto; --type-v-title-block-margin-desktop: auto; --type-v-title-block-margin-desktop-no-burger: auto; --type-v-title-block-margin-desktop-full: auto; --type-v-title-block-margin-desktop-large: auto; --type-v-title-block-margin-top-mobile: 0; --type-v-title-block-margin-top-tablet: 0; --type-v-title-block-margin-top-desktop: 0; --type-v-title-block-margin-top-desktop-no-burger: 0; --type-v-title-block-margin-top-desktop-full: 0; --type-v-title-block-margin-top-desktop-large: 0; --type-v-title-block-flex-mobile: 1; --type-v-title-block-flex-tablet: 1; --type-v-title-block-flex-desktop: 1; --type-v-title-block-flex-desktop-no-burger: 1; --type-v-title-block-flex-desktop-full: 1; --type-v-title-block-flex-desktop-large: 1; --type-v-title-block2-flex-mobile: 1; --type-v-title-block2-flex-tablet: 1; --type-v-title-block2-flex-desktop: 1; --type-v-title-block2-flex-desktop-no-burger: 1; --type-v-title-block2-flex-desktop-full: 1; --type-v-title-block2-flex-desktop-large: 1; --type-w-this-position-mobile: relative; --type-w-this-position-tablet: relative; --type-w-this-position-desktop: relative; --type-w-this-position-desktop-no-burger: relative; --type-w-this-position-desktop-full: relative; --type-w-this-position-desktop-large: relative; --type-w-this-padding-mobile: calc(0.0641025641 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.2564102564 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-w-this-padding-tablet: 0 calc(0.0292682927 * 1 * 100vw); --type-w-this-padding-desktop: 0 calc(0.0347222222 * 1 * 100vw) calc(0.0590277778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-w-this-padding-desktop-no-burger: 0 calc(0.0347222222 * 1 * 100vw) calc(0.0590277778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-w-this-padding-desktop-full: 0 calc(0.0347222222 * 1 * 100vw) calc(0.0590277778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-w-this-padding-desktop-large: 0 calc(0.0347222222 * 1 * 100vw) calc(0.0590277778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-w-this-display-mobile: grid; --type-w-this-display-tablet: grid; --type-w-this-display-desktop: grid; --type-w-this-display-desktop-no-burger: grid; --type-w-this-display-desktop-full: grid; --type-w-this-display-desktop-large: grid; --type-w-this-grid-template-columns-mobile: repeat(1, 1fr); --type-w-this-grid-template-columns-tablet: repeat(2, 1fr); --type-w-this-grid-template-columns-desktop: repeat(2, 1fr); --type-w-this-grid-template-columns-desktop-no-burger: repeat(2, 1fr); --type-w-this-grid-template-columns-desktop-full: repeat(2, 1fr); --type-w-this-grid-template-columns-desktop-large: repeat(2, 1fr); --type-w-arrow_localisation-position-mobile: absolute; --type-w-arrow_localisation-position-tablet: absolute; --type-w-arrow_localisation-position-desktop: absolute; --type-w-arrow_localisation-position-desktop-no-burger: absolute; --type-w-arrow_localisation-position-desktop-full: absolute; --type-w-arrow_localisation-position-desktop-large: absolute; --type-w-arrow_localisation-bottom-mobile: auto; --type-w-arrow_localisation-bottom-tablet: auto; --type-w-arrow_localisation-bottom-desktop: calc(0.0208333333 * 1 * 100vw); --type-w-arrow_localisation-bottom-desktop-no-burger: calc(0.0208333333 * 1 * 100vw); --type-w-arrow_localisation-bottom-desktop-full: calc(0.0208333333 * 1 * 100vw); --type-w-arrow_localisation-bottom-desktop-large: calc(0.0208333333 * 1 * 100vw); --type-w-arrow_localisation-top-mobile: 55%; --type-w-arrow_localisation-top-tablet: 40%; --type-w-arrow_localisation-top-desktop: auto; --type-w-arrow_localisation-top-desktop-no-burger: auto; --type-w-arrow_localisation-top-desktop-full: auto; --type-w-arrow_localisation-top-desktop-large: auto; --type-w-arrow_localisation-left-mobile: 3%; --type-w-arrow_localisation-left-tablet: 3%; --type-w-arrow_localisation-left-desktop: 50%; --type-w-arrow_localisation-left-desktop-no-burger: 50%; --type-w-arrow_localisation-left-desktop-full: 50%; --type-w-arrow_localisation-left-desktop-large: 50%; --type-w-arrow_localisation-transform-mobile: rotate(45deg); --type-w-arrow_localisation-transform-tablet: rotate(45deg); --type-w-arrow_localisation-transform-desktop: translate(-50%, -50%); --type-w-arrow_localisation-transform-desktop-no-burger: translate(-50%, -50%); --type-w-arrow_localisation-transform-desktop-full: translate(-50%, -50%); --type-w-arrow_localisation-transform-desktop-large: translate(-50%, -50%); --type-w-arrow_localisation-width-mobile: 20%; --type-w-arrow_localisation-width-tablet: 20%; --type-w-arrow_localisation-width-desktop: initial; --type-w-arrow_localisation-width-desktop-no-burger: initial; --type-w-arrow_localisation-width-desktop-full: initial; --type-w-arrow_localisation-width-desktop-large: initial; --type-w-star_localisation-position-mobile: absolute; --type-w-star_localisation-position-tablet: absolute; --type-w-star_localisation-position-desktop: absolute; --type-w-star_localisation-position-desktop-no-burger: absolute; --type-w-star_localisation-position-desktop-full: absolute; --type-w-star_localisation-position-desktop-large: absolute; --type-w-star_localisation-bottom-mobile: 5%; --type-w-star_localisation-bottom-tablet: 5%; --type-w-star_localisation-bottom-desktop: calc(0.0416666667 * 1 * 100vw); --type-w-star_localisation-bottom-desktop-no-burger: calc(0.0416666667 * 1 * 100vw); --type-w-star_localisation-bottom-desktop-full: calc(0.0416666667 * 1 * 100vw); --type-w-star_localisation-bottom-desktop-large: calc(0.0416666667 * 1 * 100vw); --type-w-star_localisation-left-mobile: 0; --type-w-star_localisation-left-tablet: 0; --type-w-star_localisation-left-desktop: calc(0.0590277778 * 1 * 100vw); --type-w-star_localisation-left-desktop-no-burger: calc(0.0590277778 * 1 * 100vw); --type-w-star_localisation-left-desktop-full: calc(0.0590277778 * 1 * 100vw); --type-w-star_localisation-left-desktop-large: calc(0.0590277778 * 1 * 100vw); --type-w-star_localisation-width-mobile: 25%; --type-w-star_localisation-width-tablet: 15%; --type-w-star_localisation-width-desktop: calc(0.0833333333 * 1 * 100vw); --type-w-star_localisation-width-desktop-no-burger: calc(0.0833333333 * 1 * 100vw); --type-w-star_localisation-width-desktop-full: calc(0.0833333333 * 1 * 100vw); --type-w-star_localisation-width-desktop-large: calc(0.0833333333 * 1 * 100vw); --type-w-star_localisation-height-mobile: fit-content; --type-w-star_localisation-height-tablet: fit-content; --type-w-star_localisation-height-desktop: fit-content; --type-w-star_localisation-height-desktop-no-burger: fit-content; --type-w-star_localisation-height-desktop-full: fit-content; --type-w-star_localisation-height-desktop-large: fit-content; --type-w-image-width-mobile: calc(0.8461538462 * 1 * 100vw); --type-w-image-width-tablet: calc(0.5243902439 * 1 * 100vw); --type-w-image-width-desktop: calc(0.3680555556 * 1 * 100vw); --type-w-image-width-desktop-no-burger: calc(0.3680555556 * 1 * 100vw); --type-w-image-width-desktop-full: calc(0.3680555556 * 1 * 100vw); --type-w-image-width-desktop-large: calc(0.3680555556 * 1 * 100vw); --type-w-image-position-mobile: relative; --type-w-image-position-tablet: relative; --type-w-image-position-desktop: relative; --type-w-image-position-desktop-no-burger: relative; --type-w-image-position-desktop-full: relative; --type-w-image-position-desktop-large: relative; --type-w-image-margin-mobile: 0 auto; --type-w-image-margin-tablet: 0 auto; --type-w-image-margin-desktop: 0 calc(0.1111111111 * 1 * 100vw); --type-w-image-margin-desktop-no-burger: 0 calc(0.1111111111 * 1 * 100vw); --type-w-image-margin-desktop-full: 0 calc(0.1111111111 * 1 * 100vw); --type-w-image-margin-desktop-large: 0 calc(0.1111111111 * 1 * 100vw); --type-w-img-width-mobile: 100%; --type-w-img-width-tablet: 100%; --type-w-img-width-desktop: 100%; --type-w-img-width-desktop-no-burger: 100%; --type-w-img-width-desktop-full: 100%; --type-w-img-width-desktop-large: 100%; --type-w-img-height-mobile: 100%; --type-w-img-height-tablet: 100%; --type-w-img-height-desktop: 100%; --type-w-img-height-desktop-no-burger: 100%; --type-w-img-height-desktop-full: 100%; --type-w-img-height-desktop-large: 100%; --type-w-bottom-margin-margin-mobile: calc(0.1538461538 * 1 * 100vw) 0 calc(0.0512820513 * 1 * 100vw) 0; --type-w-bottom-margin-margin-tablet: calc(0.0731707317 * 1 * 100vw) 0; --type-w-bottom-margin-margin-desktop: 0 0 calc(0.0208333333 * 1 * 100vw) 0; --type-w-bottom-margin-margin-desktop-no-burger: 0 0 calc(0.0208333333 * 1 * 100vw) 0; --type-w-bottom-margin-margin-desktop-full: 0 0 calc(0.0208333333 * 1 * 100vw) 0; --type-w-bottom-margin-margin-desktop-large: 0 0 calc(0.0208333333 * 1 * 100vw) 0; --type-w-title-block-height-mobile: fit-content; --type-w-title-block-height-tablet: fit-content; --type-w-title-block-height-desktop: fit-content; --type-w-title-block-height-desktop-no-burger: fit-content; --type-w-title-block-height-desktop-full: fit-content; --type-w-title-block-height-desktop-large: fit-content; --type-w-title-block-margin-mobile: 0; --type-w-title-block-margin-tablet: 0; --type-w-title-block-margin-desktop: auto 0 auto 0; --type-w-title-block-margin-desktop-no-burger: auto 0 auto 0; --type-w-title-block-margin-desktop-full: auto 0 auto 0; --type-w-title-block-margin-desktop-large: auto 0 auto 0; --type-w-title-block-width-mobile: 100%; --type-w-title-block-width-tablet: 100%; --type-w-title-block-width-desktop: 100%; --type-w-title-block-width-desktop-no-burger: 100%; --type-w-title-block-width-desktop-full: 100%; --type-w-title-block-width-desktop-large: 100%; --type-w-top-margin-margin-top-mobile: 30px; --type-w-top-margin-margin-top-tablet: 30px; --type-w-top-margin-margin-top-desktop: 30px; --type-w-top-margin-margin-top-desktop-no-burger: 30px; --type-w-top-margin-margin-top-desktop-full: 30px; --type-w-top-margin-margin-top-desktop-large: 30px; --type-w-plus-margin-left-margin-left-mobile: 0; --type-w-plus-margin-left-margin-left-tablet: 0; --type-w-plus-margin-left-margin-left-desktop: calc(0.0625 * 1 * 100vw); --type-w-plus-margin-left-margin-left-desktop-no-burger: calc(0.0625 * 1 * 100vw); --type-w-plus-margin-left-margin-left-desktop-full: calc(0.0625 * 1 * 100vw); --type-w-plus-margin-left-margin-left-desktop-large: calc(0.0625 * 1 * 100vw); --type-w-plus-margin-right-width-mobile: 80%; --type-w-plus-margin-right-width-tablet: 80%; --type-w-plus-margin-right-width-desktop: 80%; --type-w-plus-margin-right-width-desktop-no-burger: 80%; --type-w-plus-margin-right-width-desktop-full: 80%; --type-w-plus-margin-right-width-desktop-large: 80%; --type-w-plus-margin-right-margin-right-mobile: 0; --type-w-plus-margin-right-margin-right-tablet: 0; --type-w-plus-margin-right-margin-right-desktop: calc(0.0625 * 1 * 100vw); --type-w-plus-margin-right-margin-right-desktop-no-burger: calc(0.0625 * 1 * 100vw); --type-w-plus-margin-right-margin-right-desktop-full: calc(0.0625 * 1 * 100vw); --type-w-plus-margin-right-margin-right-desktop-large: calc(0.0625 * 1 * 100vw); --type-y-this-position-mobile: relative; --type-y-this-position-tablet: relative; --type-y-this-position-desktop: relative; --type-y-this-position-desktop-no-burger: relative; --type-y-this-position-desktop-full: relative; --type-y-this-position-desktop-large: relative; --type-y-this-padding-mobile: 0; --type-y-this-padding-tablet: 0; --type-y-this-padding-desktop: 0; --type-y-this-padding-desktop-no-burger: 0; --type-y-this-padding-desktop-full: 0; --type-y-this-padding-desktop-large: 0; --type-y-this-margin-mobile: calc(0.2564102564 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-y-this-margin-tablet: calc(0.1463414634 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-y-this-margin-desktop: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-y-this-margin-desktop-no-burger: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-y-this-margin-desktop-full: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-y-this-margin-desktop-large: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-y-wrapper-width-mobile: -webkit-fill-available; --type-y-wrapper-width-tablet: max-content; --type-y-wrapper-width-desktop: -webkit-fill-available; --type-y-wrapper-width-desktop-no-burger: -webkit-fill-available; --type-y-wrapper-width-desktop-full: -webkit-fill-available; --type-y-wrapper-width-desktop-large: -webkit-fill-available; --type-y-wrapper-margin-mobile: auto; --type-y-wrapper-margin-tablet: auto; --type-y-wrapper-margin-desktop: auto; --type-y-wrapper-margin-desktop-no-burger: auto; --type-y-wrapper-margin-desktop-full: auto; --type-y-wrapper-margin-desktop-large: auto; --type-y-wrapper-display-mobile: flex; --type-y-wrapper-display-tablet: flex; --type-y-wrapper-display-desktop: flex; --type-y-wrapper-display-desktop-no-burger: flex; --type-y-wrapper-display-desktop-full: flex; --type-y-wrapper-display-desktop-large: flex; --type-y-wrapper-flex-direction-mobile: column; --type-y-wrapper-flex-direction-tablet: column; --type-y-wrapper-flex-direction-desktop: row; --type-y-wrapper-flex-direction-desktop-no-burger: row; --type-y-wrapper-flex-direction-desktop-full: row; --type-y-wrapper-flex-direction-desktop-large: row; --type-y-wrapper-align-items-mobile: stretch; --type-y-wrapper-align-items-tablet: stretch; --type-y-wrapper-align-items-desktop: stretch; --type-y-wrapper-align-items-desktop-no-burger: stretch; --type-y-wrapper-align-items-desktop-full: stretch; --type-y-wrapper-align-items-desktop-large: stretch; --type-y-wrapper-justify-content-mobile: space-between; --type-y-wrapper-justify-content-tablet: space-between; --type-y-wrapper-justify-content-desktop: space-between; --type-y-wrapper-justify-content-desktop-no-burger: space-between; --type-y-wrapper-justify-content-desktop-full: space-between; --type-y-wrapper-justify-content-desktop-large: space-between; --type-y-wrapper-gap-mobile: calc(0.0769230769 * 1 * 100vw); --type-y-wrapper-gap-tablet: calc(0.0487804878 * 1 * 100vw); --type-y-wrapper-gap-desktop: calc(0.0368055556 * 1 * 100vw); --type-y-wrapper-gap-desktop-no-burger: calc(0.0368055556 * 1 * 100vw); --type-y-wrapper-gap-desktop-full: calc(0.0368055556 * 1 * 100vw); --type-y-wrapper-gap-desktop-large: calc(0.0368055556 * 1 * 100vw); --type-y-container-display-mobile: flex; --type-y-container-display-tablet: flex; --type-y-container-display-desktop: flex; --type-y-container-display-desktop-no-burger: flex; --type-y-container-display-desktop-full: flex; --type-y-container-display-desktop-large: flex; --type-y-container-flex-direction-mobile: column; --type-y-container-flex-direction-tablet: column; --type-y-container-flex-direction-desktop: column; --type-y-container-flex-direction-desktop-no-burger: column; --type-y-container-flex-direction-desktop-full: column; --type-y-container-flex-direction-desktop-large: column; --type-y-container-padding-mobile: calc(0.0769230769 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) calc(0.0897435897 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-y-container-padding-tablet: calc(0.0365853659 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0.0426829268 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-y-container-padding-desktop: calc(0.0347222222 * 1 * 100vw) calc(0.0326388889 * 1 * 100vw) calc(0.0402777778 * 1 * 100vw) calc(0.0326388889 * 1 * 100vw); --type-y-container-padding-desktop-no-burger: calc(0.0347222222 * 1 * 100vw) calc(0.0326388889 * 1 * 100vw) calc(0.0402777778 * 1 * 100vw) calc(0.0326388889 * 1 * 100vw); --type-y-container-padding-desktop-full: calc(0.0347222222 * 1 * 100vw) calc(0.0326388889 * 1 * 100vw) calc(0.0402777778 * 1 * 100vw) calc(0.0326388889 * 1 * 100vw); --type-y-container-padding-desktop-large: calc(0.0347222222 * 1 * 100vw) calc(0.0326388889 * 1 * 100vw) calc(0.0402777778 * 1 * 100vw) calc(0.0326388889 * 1 * 100vw); --type-y-container-border-mobile: 1px solid var(--theme-color-blue-turquoise); --type-y-container-border-tablet: 1px solid var(--theme-color-blue-turquoise); --type-y-container-border-desktop: 1px solid var(--theme-color-blue-turquoise); --type-y-container-border-desktop-no-burger: 1px solid var(--theme-color-blue-turquoise); --type-y-container-border-desktop-full: 1px solid var(--theme-color-blue-turquoise); --type-y-container-border-desktop-large: 1px solid var(--theme-color-blue-turquoise); --type-y-container-border-radius-mobile: 15px; --type-y-container-border-radius-tablet: 15px; --type-y-container-border-radius-desktop: 15px; --type-y-container-border-radius-desktop-no-burger: 15px; --type-y-container-border-radius-desktop-full: 15px; --type-y-container-border-radius-desktop-large: 15px; --type-y-container-width-mobile: -webkit-fill-available; --type-y-container-width-tablet: -webkit-fill-available; --type-y-container-width-desktop: -webkit-fill-available; --type-y-container-width-desktop-no-burger: -webkit-fill-available; --type-y-container-width-desktop-full: -webkit-fill-available; --type-y-container-width-desktop-large: -webkit-fill-available; --type-y-container-flex-grow-mobile: 1; --type-y-container-flex-grow-tablet: 1; --type-y-container-flex-grow-desktop: 1; --type-y-container-flex-grow-desktop-no-burger: 1; --type-y-container-flex-grow-desktop-full: 1; --type-y-container-flex-grow-desktop-large: 1; --type-y-mail-link-display-mobile: flex; --type-y-mail-link-display-tablet: flex; --type-y-mail-link-display-desktop: flex; --type-y-mail-link-display-desktop-no-burger: flex; --type-y-mail-link-display-desktop-full: flex; --type-y-mail-link-display-desktop-large: flex; --type-y-mail-link-flex-direction-mobile: row; --type-y-mail-link-flex-direction-tablet: row; --type-y-mail-link-flex-direction-desktop: row; --type-y-mail-link-flex-direction-desktop-no-burger: row; --type-y-mail-link-flex-direction-desktop-full: row; --type-y-mail-link-flex-direction-desktop-large: row; --type-y-mail-link-flex-wrap-mobile: nowrap; --type-y-mail-link-flex-wrap-tablet: nowrap; --type-y-mail-link-flex-wrap-desktop: nowrap; --type-y-mail-link-flex-wrap-desktop-no-burger: nowrap; --type-y-mail-link-flex-wrap-desktop-full: nowrap; --type-y-mail-link-flex-wrap-desktop-large: nowrap; --type-y-mail-link-align-items-mobile: center; --type-y-mail-link-align-items-tablet: center; --type-y-mail-link-align-items-desktop: center; --type-y-mail-link-align-items-desktop-no-burger: center; --type-y-mail-link-align-items-desktop-full: center; --type-y-mail-link-align-items-desktop-large: center; --type-y-mail-link-gap-mobile: 11.7px; --type-y-mail-link-gap-tablet: 11.7px; --type-y-mail-link-gap-desktop: 11.7px; --type-y-mail-link-gap-desktop-no-burger: 11.7px; --type-y-mail-link-gap-desktop-full: 11.7px; --type-y-mail-link-gap-desktop-large: 11.7px; --type-y-mail-link-margin-mobile: calc(0.0769230769 * 1 * 100vw) 0 calc(0.0641025641 * 1 * 100vw) 0; --type-y-mail-link-margin-tablet: calc(0.0365853659 * 1 * 100vw) 0 calc(0.0304878049 * 1 * 100vw) 0; --type-y-mail-link-margin-desktop: auto 0 calc(0.0319444444 * 1 * 100vw) 0; --type-y-mail-link-margin-desktop-no-burger: auto 0 calc(0.0319444444 * 1 * 100vw) 0; --type-y-mail-link-margin-desktop-full: auto 0 calc(0.0319444444 * 1 * 100vw) 0; --type-y-mail-link-margin-desktop-large: auto 0 calc(0.0319444444 * 1 * 100vw) 0; --type-y-text-margin-mobile: 0 0 0 0; --type-y-text-margin-tablet: 0 0 0 0; --type-y-text-margin-desktop: 0 0 calc(0.0208333333 * 1 * 100vw) 0; --type-y-text-margin-desktop-no-burger: 0 0 calc(0.0208333333 * 1 * 100vw) 0; --type-y-text-margin-desktop-full: 0 0 calc(0.0208333333 * 1 * 100vw) 0; --type-y-text-margin-desktop-large: 0 0 calc(0.0208333333 * 1 * 100vw) 0; --type-step-this-position-mobile: relative; --type-step-this-position-tablet: relative; --type-step-this-position-desktop: relative; --type-step-this-position-desktop-no-burger: relative; --type-step-this-position-desktop-full: relative; --type-step-this-position-desktop-large: relative; --type-step-this-margin-mobile: calc(0.2564102564 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-step-this-margin-tablet: calc(0.0833333333 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-step-this-margin-desktop: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-step-this-margin-desktop-no-burger: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-step-this-margin-desktop-full: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-step-this-margin-desktop-large: calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-step-wrapper-padding-mobile: calc(0.0769230769 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); --type-step-wrapper-padding-tablet: calc(0.0609756098 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); --type-step-wrapper-padding-desktop: calc(0.0555555556 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-step-wrapper-padding-desktop-no-burger: calc(0.0555555556 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-step-wrapper-padding-desktop-full: calc(0.0555555556 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-step-wrapper-padding-desktop-large: calc(0.0555555556 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); --type-step-title-margin-mobile: calc(0.0256410256 * 1 * 100vw) 0 calc(0.1282051282 * 1 * 100vw) 0; --type-step-title-margin-tablet: calc(0.012195122 * 1 * 100vw) 0 calc(0.0609756098 * 1 * 100vw) 0; --type-step-title-margin-desktop: calc(0.0069444444 * 1 * 100vw) 0 calc(0.0555555556 * 1 * 100vw) 0; --type-step-title-margin-desktop-no-burger: calc(0.0069444444 * 1 * 100vw) 0 calc(0.0555555556 * 1 * 100vw) 0; --type-step-title-margin-desktop-full: calc(0.0069444444 * 1 * 100vw) 0 calc(0.0555555556 * 1 * 100vw) 0; --type-step-title-margin-desktop-large: calc(0.0069444444 * 1 * 100vw) 0 calc(0.0555555556 * 1 * 100vw) 0; --type-step-icon-step-width-mobile: calc(0.0833333333 * 1 * 100vw); --type-step-icon-step-width-tablet: calc(0.0833333333 * 1 * 100vw); --type-step-icon-step-width-desktop: calc(0.0833333333 * 1 * 100vw); --type-step-icon-step-width-desktop-no-burger: calc(0.0833333333 * 1 * 100vw); --type-step-icon-step-width-desktop-full: calc(0.0833333333 * 1 * 100vw); --type-step-icon-step-width-desktop-large: calc(0.0833333333 * 1 * 100vw); --type-step-icon-step-height-mobile: calc(0.0833333333 * 1 * 100vw); --type-step-icon-step-height-tablet: calc(0.0833333333 * 1 * 100vw); --type-step-icon-step-height-desktop: calc(0.0833333333 * 1 * 100vw); --type-step-icon-step-height-desktop-no-burger: calc(0.0833333333 * 1 * 100vw); --type-step-icon-step-height-desktop-full: calc(0.0833333333 * 1 * 100vw); --type-step-icon-step-height-desktop-large: calc(0.0833333333 * 1 * 100vw); --type-af-wrapper-padding-mobile: calc(0.2564102564 * 1 * 100vw) 0; --type-af-wrapper-padding-tablet: 0; --type-af-wrapper-padding-desktop: 0; --type-af-wrapper-padding-desktop-no-burger: 0; --type-af-wrapper-padding-desktop-full: 0; --type-af-wrapper-padding-desktop-large: 0; --type-af-wrapper-display-mobile: grid; --type-af-wrapper-display-tablet: grid; --type-af-wrapper-display-desktop: grid; --type-af-wrapper-display-desktop-no-burger: grid; --type-af-wrapper-display-desktop-full: grid; --type-af-wrapper-display-desktop-large: grid; --type-af-wrapper-grid-template-columns-mobile: 1fr; --type-af-wrapper-grid-template-columns-tablet: 2fr 3fr; --type-af-wrapper-grid-template-columns-desktop: 2fr 3fr; --type-af-wrapper-grid-template-columns-desktop-no-burger: 2fr 3fr; --type-af-wrapper-grid-template-columns-desktop-full: 2fr 3fr; --type-af-wrapper-grid-template-columns-desktop-large: 2fr 3fr; --type-af-wrapper-gap-mobile: calc(0.0769230769 * 1 * 100vw); --type-af-wrapper-gap-tablet: calc(0.0365853659 * 1 * 100vw); --type-af-wrapper-gap-desktop: calc(0.0208333333 * 1 * 100vw); --type-af-wrapper-gap-desktop-no-burger: calc(0.0208333333 * 1 * 100vw); --type-af-wrapper-gap-desktop-full: calc(0.0208333333 * 1 * 100vw); --type-af-wrapper-gap-desktop-large: calc(0.0208333333 * 1 * 100vw); --type-af-package-padding-mobile: calc(0.0641025641 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-af-package-padding-tablet: calc(0.0243902439 * 1 * 100vw) 0; --type-af-package-padding-desktop: calc(0.0138888889 * 1 * 100vw) 0; --type-af-package-padding-desktop-no-burger: calc(0.0138888889 * 1 * 100vw) 0; --type-af-package-padding-desktop-full: calc(0.0138888889 * 1 * 100vw) 0; --type-af-package-padding-desktop-large: calc(0.0138888889 * 1 * 100vw) 0; --type-af-right-display-mobile: grid; --type-af-right-display-tablet: grid; --type-af-right-display-desktop: grid; --type-af-right-display-desktop-no-burger: grid; --type-af-right-display-desktop-full: grid; --type-af-right-display-desktop-large: grid; --type-af-right-grid-template-columns-mobile: 1fr; --type-af-right-grid-template-columns-tablet: 1fr 1fr; --type-af-right-grid-template-columns-desktop: 1fr 1fr; --type-af-right-grid-template-columns-desktop-no-burger: 1fr 1fr; --type-af-right-grid-template-columns-desktop-full: 1fr 1fr; --type-af-right-grid-template-columns-desktop-large: 1fr 1fr; --type-af-right-gap-mobile: calc(0.0435897436 * 1 * 100vw); --type-af-right-gap-tablet: calc(0.0365853659 * 1 * 100vw); --type-af-right-gap-desktop: calc(0.0208333333 * 1 * 100vw); --type-af-right-gap-desktop-no-burger: calc(0.0208333333 * 1 * 100vw); --type-af-right-gap-desktop-full: calc(0.0208333333 * 1 * 100vw); --type-af-right-gap-desktop-large: calc(0.0208333333 * 1 * 100vw); --type-avantages-this-padding-mobile: 50px calc(0.0615384615 * 1 * 100vw); --type-avantages-this-padding-tablet: 30px calc(0.0292682927 * 1 * 100vw); --type-avantages-this-padding-desktop: 50px calc(0.0347222222 * 1 * 100vw); --type-avantages-this-padding-desktop-no-burger: 50px calc(0.0347222222 * 1 * 100vw); --type-avantages-this-padding-desktop-full: 50px calc(0.0347222222 * 1 * 100vw); --type-avantages-this-padding-desktop-large: 50px calc(0.0347222222 * 1 * 100vw); --type-avantages-title-block-padding-mobile: calc(0.0615384615 * 1 * 100vw - 50px) 0 0 0; --type-avantages-title-block-padding-tablet: calc(0.0292682927 * 1 * 100vw - 50px) 0 0 0; --type-avantages-title-block-padding-desktop: calc(0.0347222222 * 1 * 100vw - 50px) 0 0 0; --type-avantages-title-block-padding-desktop-no-burger: calc(0.0347222222 * 1 * 100vw - 50px) 0 0 0; --type-avantages-title-block-padding-desktop-full: calc(0.0347222222 * 1 * 100vw - 50px) 0 0 0; --type-avantages-title-block-padding-desktop-large: calc(0.0347222222 * 1 * 100vw - 50px) 0 0 0; --type-avantages-section-avantages-display-mobile: flex; --type-avantages-section-avantages-display-tablet: flex; --type-avantages-section-avantages-display-desktop: flex; --type-avantages-section-avantages-display-desktop-no-burger: flex; --type-avantages-section-avantages-display-desktop-full: flex; --type-avantages-section-avantages-display-desktop-large: flex; --type-avantages-section-avantages-position-mobile: relative; --type-avantages-section-avantages-position-tablet: relative; --type-avantages-section-avantages-position-desktop: relative; --type-avantages-section-avantages-position-desktop-no-burger: relative; --type-avantages-section-avantages-position-desktop-full: relative; --type-avantages-section-avantages-position-desktop-large: relative; --type-avantages-section-avantages-flex-direction-mobile: column; --type-avantages-section-avantages-flex-direction-tablet: row; --type-avantages-section-avantages-flex-direction-desktop: row; --type-avantages-section-avantages-flex-direction-desktop-no-burger: row; --type-avantages-section-avantages-flex-direction-desktop-full: row; --type-avantages-section-avantages-flex-direction-desktop-large: row; --type-avantages-container-avantage-width-mobile: auto; --type-avantages-container-avantage-width-tablet: 0; --type-avantages-container-avantage-width-desktop: 0; --type-avantages-container-avantage-width-desktop-no-burger: 0; --type-avantages-container-avantage-width-desktop-full: 0; --type-avantages-container-avantage-width-desktop-large: 0; } .blue-degrade { background: -webkit-gradient(linear, right top, left bottom, from(var(--theme-color-middle-blue)), to(#2C2F83)); background: linear-gradient(to bottom left, var(--theme-color-middle-blue), #2C2F83); position: relative; } @media (min-width: 1024px) { .blue-degrade { padding-top: calc(0.1041666667 * 1 * 100vw); } .blue-degrade.small { padding-top: calc(0.0590277778 * 1 * 100vw); } } @media (max-width: 1023px) { .blue-degrade { padding-top: calc(0.1463414634 * 1 * 100vw); } .blue-degrade.small { padding-top: calc(0.0975609756 * 1 * 100vw); } } @media (max-width: 480px) { .blue-degrade { padding-top: calc(0.2564102564 * 1 * 100vw); } .blue-degrade.small { padding-top: calc(0.1923076923 * 1 * 100vw); } } .blue-degrade.no-padding { padding: 0; background: -webkit-gradient(linear, left top, left bottom, from(var(--theme-color-middle-blue)), to(#2C2F83)); background: linear-gradient(to bottom, var(--theme-color-middle-blue), #2C2F83); } .type-b ul { padding: 0; } .type-b ul li { list-style: none; } .type-b ul li::before { content: ""; display: inline-block; opacity: 1; height: 10px; width: 10px; background-image: url("/wp-content/uploads/2025/07/Ellipse-1127.svg"); background-size: contain; margin-right: 10px; } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED CLASSES & EXTENDS * Allways create both in order to be forced * directly on DOM or afterward in SCCS with @extend ! /**/ .transition, .accordion-item .accordion-header .accordion-toggle, #menu-socials li, .legals-navigation:has(li.go-top > a > svg) #menu-legals li, .type-banner .link .flex a.menu-item::after, footer ul:not(#menu-socials) li:not(.cta, .menu-item-has-children) a:not(.custom-logo-link, :has(svg))::after, footer .wrapper .right-container .main-navigation .menu .menu-item-has-children .sub-menu, .burger-menu.open, .burger-menu, li.has-children ul.sub-menu li a:hover::after, li.has-children ul.sub-menu, li.has-children > a::after, .site-navigation ul, header .no-burger ul:not(.sub-menu) > li.has-children > a:not(.custom-logo-link)::before, header .no-burger ul:not(.sub-menu) > li:not(.cta) a:not(.custom-logo-link)::after, .output .type-card.card-swiper-images .overlay, .output .product.card-swiper-images .overlay, .output .type-card img:not(.picto), .output .product img:not(.picto), .tabcontent, li:not(.type-s li, .no-link).accordion .panel, li:not(.type-s li, .no-link) .dropdown-cta, .loader-block .loader-custom, .filter-group h6, .filter-group input, .filter-group .choice, .filter-group > label i, .filter-group > label svg, .filter-group .group i, .filter-group .group svg, .filter-block.direct .filter-group, .topbar-buttons .filter-group, .nice-select, .nice-select:after, .nice-select .list, .nice-select .option { -webkit-transition: -webkit-all 0.2s ease-in-out 0.1s; -webkit-transition: all 0.2s ease-in-out 0.1s; transition: all 0.2s ease-in-out 0.1s; /* Add a 0.2s delay */ } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ .grid { display: -ms-grid !important; display: grid !important; -ms-grid-rows: auto; grid-template-rows: auto; grid-auto-flow: column; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .align-start { -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .flex:has(.left), .start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .flex:has(.right), .end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .around { -ms-flex-pack: distribute; justify-content: space-around; } .auto { margin: auto; } .no-margin { margin: 0; } .no-padding { padding: 0 !important; } @media (max-width: 480px) { .auto-mobile { margin: auto; } } .width-100 { width: 100%; } .no-padding-top { padding-top: 0; } .none { display: none !important; } header .header-none { display: none !important; } .list-style-none { list-style-type: none; } .text-left { text-align: left; } .cover { -o-object-fit: cover; object-fit: cover; } .cursor-pointer { cursor: pointer; } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED FUNCTIONS /**/ /** * -------------------------------------------------------------------------------------------------------------- * ELEMENTS APPLICATIONS /**/ /* If some blocks have allways the same dispositions on the project define them here with the variables above */ main:has(+ aside) section:not(.banner) { width: 70%; } main:has(+ aside) + aside { width: 30%; position: fixed; right: 0; top: 0; } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED CLASSES & EXTENDS * Allways create both in order to be forced * directly on DOM or afterward in SCCS with @extend ! /**/ /* Create here as much as needed... */ /** If allready Flex Direction : Row **/ @media (min-width: 481px) { .row-reverse-tablet { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } @media (min-width: 1024px) { .row-reverse-desktop { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .x-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .x-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .x-around { -ms-flex-pack: distribute; justify-content: space-around; } .y-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .y-between { -webkit-box-align: space-between; -ms-flex-align: space-between; align-items: space-between; } .y-around { -webkit-box-align: space-around; -ms-flex-align: space-around; align-items: space-around; } /** If allready Flex Direction : Column **/ .y-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .y-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .y-around { -ms-flex-pack: distribute; justify-content: space-around; } .x-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .x-between { -webkit-box-align: space-between; -ms-flex-align: space-between; align-items: space-between; } .x-around { -webkit-box-align: space-around; -ms-flex-align: space-around; align-items: space-around; } .margin-auto { margin: auto; } .no-margin { margin: 0; } .margin-auto { display: inline-block; margin: auto; } .no-margin-top { margin-top: 0; } .no-margin-bottom { margin-bottom: 0; } .hide { visibility: hidden; } .none { display: none; } .height-auto { height: auto !important; } .height-100 { height: 100%; } .overflow-hidden { overflow: hidden; } /** * -------------------------------------------------------------------------------------------------------------- * 2 : COMPONENTS // * CSS des composants (alerts, badges, dropdowns, progressbars, modals, well, ...) /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ :root { --animation-speed: 400; --slide-ease: cubic-bezier(0.86, 0, 0.07, 1); --slide-duration: calc(400ms * 100 / var(--animation-speed)); --slide-delay: calc(450ms * 100 / var(--animation-speed)); } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED FUNCTIONS /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED CLASSES & EXTENDS * Allways create both in order to be forced * directly on DOM or afterward in SCCS with @extend ! /**/ /* Create here as much as needed... */ /** * -------------------------------------------------------------------------------------------------------------- * ELEMENTS APPLICATIONS /**/ /* If some sections have allways the same parameters on the project define them here with the variables above */ .type-accordion .accordion { color: #000; -webkit-transition-timing-function: var(--slide-ease); transition-timing-function: var(--slide-ease); -webkit-transition-duration: 200ms, 200ms, var(--slide-duration); transition-duration: 200ms, 200ms, var(--slide-duration); -webkit-transition-property: opacity, grid-template-rows, -webkit-box-shadow; transition-property: opacity, grid-template-rows, -webkit-box-shadow; transition-property: opacity, box-shadow, grid-template-rows; transition-property: opacity, box-shadow, grid-template-rows, -webkit-box-shadow, -ms-grid-rows; -webkit-transition-delay: 0ms, 0ms, var(--slide-delay); transition-delay: 0ms, 0ms, var(--slide-delay); border-bottom: 1px solid rgba(12, 47, 101, 0.25); } .type-accordion .accordion:first-of-type { border-top: 1px solid rgba(12, 47, 101, 0.25); } .type-accordion .accordion.active { --d: 180deg; -ms-grid-rows: 0fr 1fr; grid-template-rows: 0fr 1fr; -webkit-transition: grid-template-rows var(--slide-ease) var(--slide-duration) var(--slide-delay); transition: grid-template-rows var(--slide-ease) var(--slide-duration) var(--slide-delay); transition: grid-template-rows var(--slide-ease) var(--slide-duration) var(--slide-delay), -ms-grid-rows var(--slide-ease) var(--slide-duration) var(--slide-delay); } .type-accordion .accordion .content { font-size: calc(0.0461538462 * 1 * 100vw); line-height: 140%; } .type-accordion .accordion .content p { margin: 0; color: var(--theme-color-primary); opacity: 0.7; } .type-accordion .accordion .content a { color: currentColor; font-weight: 800; text-decoration: underline; } @media (min-width: 481px) { .type-accordion .accordion .content { font-size: calc(0.0219512195 * 1 * 100vw); } } @media (min-width: 1024px) { .type-accordion .accordion .content { font-size: calc(0.0138888889 * 1 * 100vw); } } .type-accordion .accordion .title { margin: 0; padding: calc(0.1179487179 * 1 * 100vw) 0 calc(0.1282051282 * 1 * 100vw) 0; font-size: calc(0.0641025641 * 1 * 100vw); font-weight: 800; color: currentColor; text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; place-items: center; scroll-padding-top: 10rem; } .type-accordion .accordion .title .arrow-container { width: 40px; min-width: 40px; height: 40px; background: rgba(216, 200, 244, 0.25); position: relative; border-radius: 100px; } .type-accordion .accordion .title .arrow-container::after { content: ""; position: absolute; left: 50%; top: 50%; width: 0.65rem; aspect-ratio: 320/512; display: inline-block; -webkit-transform: translate(-50%, -50%) rotate(var(--d, 0deg)); transform: translate(-50%, -50%) rotate(var(--d, 0deg)); -webkit-transition: -webkit-transform var(--slide-ease) var(--slide-duration) var(--slide-delay); transition: -webkit-transform var(--slide-ease) var(--slide-duration) var(--slide-delay); transition: transform var(--slide-ease) var(--slide-duration) var(--slide-delay); transition: transform var(--slide-ease) var(--slide-duration) var(--slide-delay), -webkit-transform var(--slide-ease) var(--slide-duration) var(--slide-delay); -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.803' height='6.31' viewBox='0 0 9.803 6.31'%3E%3Cpath id='Tracé_20809' data-name='Tracé 20809' d='M0,4.9,4.529,0,8.838,4.9' transform='translate(9.326 5.34) rotate(180)' fill='none' stroke='%23fff' stroke-width='1.3'/%3E%3C/svg%3E%0A"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.803' height='6.31' viewBox='0 0 9.803 6.31'%3E%3Cpath id='Tracé_20809' data-name='Tracé 20809' d='M0,4.9,4.529,0,8.838,4.9' transform='translate(9.326 5.34) rotate(180)' fill='none' stroke='%23fff' stroke-width='1.3'/%3E%3C/svg%3E%0A"); mask-size: 100% 100%; -webkit-mask-size: 100% 100%; background-color: #BAA5DE; } .type-accordion .accordion .title:focus-visible { outline: none; } @media (min-width: 481px) { .type-accordion .accordion .title { font-size: calc(0.0304878049 * 1 * 100vw); padding: calc(0.056097561 * 1 * 100vw) 0 calc(0.0609756098 * 1 * 100vw) 0; } } @media (min-width: 1024px) { .type-accordion .accordion .title { font-size: calc(0.0208333333 * 1 * 100vw); padding: calc(0.0277777778 * 1 * 100vw) 0 calc(0.0291666667 * 1 * 100vw) 0; } } .type-accordion .accordion, .type-accordion .content { overflow: hidden; } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED FUNCTIONS /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED CLASSES & EXTENDS * Allways create both in order to be forced * directly on DOM or afterward in SCCS with @extend ! /**/ /** * -------------------------------------------------------------------------------------------------------------- * ELEMENTS APPLICATIONS /**/ body:not(.single-post, .single-hebergement) section:not(.bkg-white, .bkg-white > .type-breadcrumb):has(> .wrapper) .fil-ariane-item .fil-ariane-arrow, body:not(.single-post, .single-hebergement) section:not(.bkg-white, .bkg-white > .type-breadcrumb):has(> .wrapper) .fil-ariane-item .fil-ariane-link { color: var(--theme-color-white); } body:not(.single-post, .single-hebergement) section:not(.bkg-white, .bkg-white > .type-breadcrumb):has(> .wrapper) .fil-ariane-item:not(:last-child) .fil-ariane-link { color: var(--theme-color-white-70); } body.single-hebergement .fil-ariane-item .fil-ariane-arrow, body.single-hebergement .fil-ariane-item .fil-ariane-link, section.springbreak .fil-ariane-item .fil-ariane-arrow, section.springbreak .fil-ariane-item .fil-ariane-link { color: var(--theme-color-violet-dark); } body.single-hebergement .fil-ariane-item:not(:last-child) .fil-ariane-link, section.springbreak .fil-ariane-item:not(:last-child) .fil-ariane-link { color: var(--theme-color-violet-dark); } .fil-ariane-item .fil-ariane-link:not([href]) { cursor: default; } .fil-ariane-item .fil-ariane-link:not([href]) { cursor: default; } .fil-ariane-item .fil-ariane-link:not([href]) { cursor: default; } .fil-ariane-item .fil-ariane-link:last-child { font-family: var(--theme-font-manrope-bold) !important; } @supports (-moz-appearance: none) { .fil-ariane-item .fil-ariane-link:last-child { font-weight: 500; } } .type-breadcrumb .wrapper .fil-ariane-item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 0px) { .type-breadcrumb .wrapper .fil-ariane-item .fil-ariane-arrow { margin-left: calc(0.0128205128 * 1 * 100vw); } } @media (min-width: 481px) { .type-breadcrumb .wrapper .fil-ariane-item .fil-ariane-arrow { margin-left: calc(0.006097561 * 1 * 100vw); } } @media (min-width: 1024px) { .type-breadcrumb .wrapper .fil-ariane-item .fil-ariane-arrow { margin-left: calc(0.0034722222 * 1 * 100vw); } } .type-breadcrumb .wrapper .fil-ariane-item .fil-ariane-arrow::before { display: inline-block; -webkit-transform: scale(0.5) !important; transform: scale(0.5) !important; } @media (min-width: 0px) { section > .wrapper > .wrapper > .container { padding: 25px; } } @media (min-width: 1024px) { section > .wrapper > .wrapper > .container { padding: initial; } } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED FUNCTIONS /**/ .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer .gform_previous_button, .cta-fifth, .cta-fourth, .cta-secondary, footer .big-burger .site-navigation .navigation:first-child a, header .menu-contact-container li.cta.tertiary a, .cta-tertiary, .form-newsletter .gform-button, .cta-primary, #site-navigation-footer-two a, form input[type=submit], header .menu-contact-container li.cta.primary a, .gform_next_button { width: -webkit-max-content; width: -moz-max-content; width: max-content; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; white-space: nowrap; height: -webkit-max-content; height: -moz-max-content; height: max-content; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media (min-width: 0px) { .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer .gform_previous_button, .cta-fifth, .cta-fourth, .cta-secondary, footer .big-burger .site-navigation .navigation:first-child a, header .menu-contact-container li.cta.tertiary a, .cta-tertiary, .form-newsletter .gform-button, .cta-primary, #site-navigation-footer-two a, form input[type=submit], header .menu-contact-container li.cta.primary a, .gform_next_button { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: calc(0.0461538462 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer .gform_previous_button, .cta-fifth, .cta-fourth, .cta-secondary, footer .big-burger .site-navigation .navigation:first-child a, header .menu-contact-container li.cta.tertiary a, .cta-tertiary, .form-newsletter .gform-button, .cta-primary, #site-navigation-footer-two a, form input[type=submit], header .menu-contact-container li.cta.primary a, .gform_next_button { padding: calc(0.0219512195 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer .gform_previous_button, .cta-fifth, .cta-fourth, .cta-secondary, footer .big-burger .site-navigation .navigation:first-child a, header .menu-contact-container li.cta.tertiary a, .cta-tertiary, .form-newsletter .gform-button, .cta-primary, #site-navigation-footer-two a, form input[type=submit], header .menu-contact-container li.cta.primary a, .gform_next_button { padding: calc(0.0125 * 1 * 100vw) calc(0.0166666667 * 1 * 100vw); } } footer .big-burger .site-navigation .navigation:first-child a, header .menu-contact-container li.cta.tertiary a, .cta-tertiary, .form-newsletter .gform-button, .cta-primary, #site-navigation-footer-two a, form input[type=submit], header .menu-contact-container li.cta.primary a, .gform_next_button { font-family: var(--theme-font-Unbounded-semibold) !important; border-radius: 27px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 481px) { footer .big-burger .site-navigation .navigation:first-child a, header .menu-contact-container li.cta.tertiary a, .cta-tertiary, .form-newsletter .gform-button, .cta-primary, #site-navigation-footer-two a, form input[type=submit], header .menu-contact-container li.cta.primary a, .gform_next_button { width: -webkit-max-content; width: -moz-max-content; width: max-content; } } .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer .gform_previous_button, .cta-fifth, .cta-fourth, .cta-secondary { background-color: transparent; padding: 0 0 2px 0; } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED CLASSES /**/ .cta-secondary:not(.color-violet, .tag) { border-bottom: 1px solid var(--theme-color-violet-dark); } .cta-secondary:not(.color-violet):hover, .cta-secondary:not(.color-violet).active { border-bottom: 1px solid var(--theme-color-violet-dark); } .cta-secondary.color-violet { border-bottom: 1px solid var(--theme-color-violet-dark); } .cta-secondary.color-violet:hover, .cta-secondary.color-violet.active { border-bottom: 1px solid var(--theme-color-violet-dark); } .cta-fourth { border-bottom: 2px solid var(--theme-color-violet); } .cta-fourth:hover { border-bottom: 2px solid var(--theme-color-violet-dark); } .cta-fourth.active { border-bottom: 2px solid var(--theme-color-violet-dark); } .cta-fifth { border-bottom: 1px solid transparent; } .cta-fifth:hover { border-bottom: 1px solid var(--theme-color-violet-dark); } .cta-fifth.active { border-bottom: 1px solid var(--theme-color-violet-dark); } a { text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .infinite-scroll-container { padding: 0 !important; } .infinite-scroll-container .swiper-container { border-left: none; border-right: none; } .infinite-scroll-container .swiper-container .swiper-wrapper { -webkit-transition-timing-function: linear; transition-timing-function: linear; height: auto; } .infinite-scroll-container .swiper-container .swiper-wrapper .swiper-slide { width: auto !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .point { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .point::after { content: " "; display: block; border-radius: 50%; background-color: var(--theme-color-white); } @media (min-width: 1024px) { .point::after { margin: auto 30px; width: 10px; height: 10px; } } @media (max-width: 1023px) { .point::after { margin: auto 15px; width: 6px; height: 6px; } } .stars { -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-height: 15px; -o-object-fit: cover; object-fit: cover; } @media (min-width: 1024px) { .stars { margin: auto 15px; } } @media (max-width: 1023px) { .stars { margin: auto 10px; } } .mySwiper2, .mySwiper, .mySwiper3 { overflow: initial !important; } .mySwiper2 .swiper-wrapper, .mySwiper .swiper-wrapper, .mySwiper3 .swiper-wrapper { width: 100%; padding: 0 3px; } .mySwiper2 .swiper-nav .swiper-button-next img, .mySwiper2 .swiper-nav .swiper-button-prev img, .mySwiper .swiper-nav .swiper-button-next img, .mySwiper .swiper-nav .swiper-button-prev img, .mySwiper3 .swiper-nav .swiper-button-next img, .mySwiper3 .swiper-nav .swiper-button-prev img { opacity: 0; } .mySwiper2 .swiper-nav .swiper-button-next::after, .mySwiper2 .swiper-nav .swiper-button-prev::after, .mySwiper .swiper-nav .swiper-button-next::after, .mySwiper .swiper-nav .swiper-button-prev::after, .mySwiper3 .swiper-nav .swiper-button-next::after, .mySwiper3 .swiper-nav .swiper-button-prev::after { position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 50px; border: 1px solid var(--theme-color-blue-turquoise); color: var(--theme-color-blue-turquoise); background-color: var(--theme-color-white); } @media (min-width: 1024px) { .mySwiper2 .swiper-nav .swiper-button-next::after, .mySwiper2 .swiper-nav .swiper-button-prev::after, .mySwiper .swiper-nav .swiper-button-next::after, .mySwiper .swiper-nav .swiper-button-prev::after, .mySwiper3 .swiper-nav .swiper-button-next::after, .mySwiper3 .swiper-nav .swiper-button-prev::after { font-size: 12px; height: 55px; width: 55px; } } @media (max-width: 1023px) { .mySwiper2 .swiper-nav .swiper-button-next::after, .mySwiper2 .swiper-nav .swiper-button-prev::after, .mySwiper .swiper-nav .swiper-button-next::after, .mySwiper .swiper-nav .swiper-button-prev::after, .mySwiper3 .swiper-nav .swiper-button-next::after, .mySwiper3 .swiper-nav .swiper-button-prev::after { font-size: 8px; height: 35px; width: 35px; } } .mySwiper2 .swiper-nav .swiper-button-next.swiper-button-disabled, .mySwiper2 .swiper-nav .swiper-button-prev.swiper-button-disabled, .mySwiper .swiper-nav .swiper-button-next.swiper-button-disabled, .mySwiper .swiper-nav .swiper-button-prev.swiper-button-disabled, .mySwiper3 .swiper-nav .swiper-button-next.swiper-button-disabled, .mySwiper3 .swiper-nav .swiper-button-prev.swiper-button-disabled { opacity: 1; } @media (min-width: 1024px) { .mySwiper2 .swiper-nav .swiper-button-next::after, .mySwiper .swiper-nav .swiper-button-next::after, .mySwiper3 .swiper-nav .swiper-button-next::after { right: -50px; } } @media (max-width: 1023px) { .mySwiper2 .swiper-nav .swiper-button-next::after, .mySwiper .swiper-nav .swiper-button-next::after, .mySwiper3 .swiper-nav .swiper-button-next::after { right: -30px; } } @media (min-width: 1024px) { .mySwiper2 .swiper-nav .swiper-button-prev::after, .mySwiper .swiper-nav .swiper-button-prev::after, .mySwiper3 .swiper-nav .swiper-button-prev::after { left: -45px; } } @media (max-width: 1023px) { .mySwiper2 .swiper-nav .swiper-button-prev::after, .mySwiper .swiper-nav .swiper-button-prev::after, .mySwiper3 .swiper-nav .swiper-button-prev::after { left: -30px; } } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED FUNCTIONS /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED CLASSES & EXTENDS * Allways create both in order to be forced * directly on DOM or afterward in SCCS with @extend ! /**/ section.filter-block.direct { -webkit-box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.0705882353); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.0705882353); -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; width: 100%; /* Fallback for unsupported browsers */ width: -webkit-fill-available; /* WebKit-based browsers */ width: -moz-available; /* Firefox */ z-index: 15; } @media (max-width: 480px) { section.filter-block.direct { margin-top: calc(0.1153846154 * 1 * 100vw) !important; padding: calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 0px) { section.filter-block.direct { width: -webkit-fill-available; position: absolute; margin-top: -10% !important; margin-bottom: 0 !important; padding: 1.5% 3%; z-index: 12; } } @media (min-width: 481px) { section.filter-block.direct { margin-top: -2% !important; } } @media (min-width: 1024px) { section.filter-block.direct { margin-top: -2% !important; } } section.filter-block.direct h3 { position: relative; text-align: center; border-bottom: 1px solid var(--theme-color-violet-dark-20); /* grey full-width underline */ padding-bottom: 12px; /* spacing for the red line */ margin-top: 0; } section.filter-block.direct h3 span { position: relative; display: inline-block; } @media (max-width: 480px) { section.filter-block.direct h3 span { width: 70%; } } section.filter-block.direct h3 span::after { content: ""; position: absolute; bottom: -13px; /* matches padding-bottom of h3 */ left: 0; right: 0; height: 1px; background-color: var(--theme-color-violet-dark); } section.filter-block.direct .filter-wrapper { margin-top: 2%; gap: 1%; } @media (max-width: 480px) { section.filter-block.direct .filter-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; position: relative; } } section.filter-block.direct .filter-wrapper .filter-group { overflow: hidden; } section.filter-block.direct .filter-wrapper .filter-group:not(:has(svg.opened)) { height: -webkit-max-content; height: -moz-max-content; height: max-content; } @media (max-width: 1023px) { section.filter-block.direct .filter-wrapper .filter-group { margin-bottom: -1px; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } } @media (min-width: 1024px) { section.filter-block.direct .filter-wrapper .filter-group { margin-left: -1px; } } @media (min-width: 1024px) { section.filter-block.direct .filter-wrapper .filter-group#travel_time_max_select { min-width: 25%; } } section.filter-block.direct .filter-wrapper .filter-group .group > img { position: absolute; top: auto; } @media (max-width: 480px) { section.filter-block.direct .filter-wrapper .filter-group .group > img { height: calc(0.0461538462 * 1 * 100vw); left: calc(0.0384615385 * 1 * 100vw); } } @media (min-width: 481px) { section.filter-block.direct .filter-wrapper .filter-group .group > img { height: calc(0.0219512195 * 1 * 100vw); left: calc(0.0182926829 * 1 * 100vw); } } @media (min-width: 1024px) { section.filter-block.direct .filter-wrapper .filter-group .group > img { height: calc(0.0125 * 1 * 100vw); left: auto; } } .topbar-buttons { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 480px) { .topbar-buttons { -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 (min-width: 0px) { .topbar-buttons { padding: calc(0.0769230769 * 1 * 100vw) 0; } } @media (min-width: 481px) { .topbar-buttons { padding: calc(0.0365853659 * 1 * 100vw) 0; } } @media (min-width: 1024px) { .topbar-buttons { padding: calc(0.0208333333 * 1 * 100vw) 0; } } .topbar-buttons .counter-posts { margin: 0; } @media (min-width: 0px) { .topbar-buttons .counter-posts { padding: calc(0.0256410256 * 1 * 100vw) 0 !important; } } @media (min-width: 481px) { .topbar-buttons .counter-posts { padding: calc(0.0182926829 * 1 * 100vw) 0 !important; } } @media (min-width: 1024px) { .topbar-buttons .counter-posts { padding: calc(0.0104166667 * 1 * 100vw) 0 !important; } } @media (max-width: 480px) { .topbar-buttons .right-group { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 100%; margin-bottom: 10%; } } .topbar-buttons .filter-block { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 0px) { .topbar-buttons .filter-block.toggle { margin-right: calc(0.0384615385 * 1 * 100vw); } } @media (min-width: 481px) { .topbar-buttons .filter-block.toggle { margin-right: calc(0.0182926829 * 1 * 100vw); } } @media (min-width: 1024px) { .topbar-buttons .filter-block.toggle { margin-right: calc(0.0104166667 * 1 * 100vw); } } .filter-group { z-index: 2; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .filter-group:has(.group .filters-select.active), .filter-group:has(input:focus) { border-color: var(--theme-color-violet-dark); } @media (max-width: 480px) { .filter-group { background-color: var(--theme-color-mauve-pale) !important; } } @media (min-width: 0px) { .filter-group .group, .filter-group input { padding: calc(0.0564102564 * 1 * 100vw); } } @media (min-width: 481px) { .filter-group .group, .filter-group input { padding: calc(0.0268292683 * 1 * 100vw); } } @media (min-width: 1024px) { .filter-group .group, .filter-group input { padding: calc(0.0152777778 * 1 * 100vw); } } .filter-group .group:focus, .filter-group input:focus { outline: none; } .filter-group > label, .filter-group .group { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter-group > label .filters-select, .filter-group .group .filters-select { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 0px) { .filter-group > label .filters-select, .filter-group .group .filters-select { margin: 0 calc(0.0256410256 * 1 * 100vw) 0 calc(0.0512820513 * 1 * 100vw); white-space: pre-line; } } @media (min-width: 481px) { .filter-group > label .filters-select, .filter-group .group .filters-select { margin: 0 calc(0.012195122 * 1 * 100vw) 0 calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 1024px) { .filter-group > label .filters-select, .filter-group .group .filters-select { margin: 0 calc(0.0069444444 * 1 * 100vw) 0 calc(0.0208333333 * 1 * 100vw); } } .filter-group > label .filters-select .filtered, .filter-group .group .filters-select .filtered { width: 100%; color: var(--theme-color-violet-dark); display: block; margin-top: 5px; } .filter-group > label i, .filter-group > label svg, .filter-group .group i, .filter-group .group svg { margin-left: auto; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; -webkit-transform: scale(0.7); transform: scale(0.7); position: absolute; } .filter-group > label i.opened, .filter-group > label svg.opened, .filter-group .group i.opened, .filter-group .group svg.opened { -webkit-transform: scale(0.7) rotate(-180deg); transform: scale(0.7) rotate(-180deg); } @media (min-width: 0px) { .filter-group > label i, .filter-group > label svg, .filter-group .group i, .filter-group .group svg { top: calc(0.0564102564 * 1 * 100vw + 5px); right: calc(0.0564102564 * 1 * 100vw); } } @media (min-width: 481px) { .filter-group > label i, .filter-group > label svg, .filter-group .group i, .filter-group .group svg { top: calc(0.0152777778 * 1 * 100vw + 5px); right: calc(0.0152777778 * 1 * 100vw); } } @media (min-width: 1024px) { .filter-group > label i, .filter-group > label svg, .filter-group .group i, .filter-group .group svg { top: calc(0.0152777778 * 1 * 100vw + 5px); right: calc(0.0152777778 * 1 * 100vw); } } .filter-group .filter-choices { width: 100% !important; gap: 5px; } .filter-group .filter-choices:not(.flex) { display: -ms-grid; display: grid; background-color: var(--theme-color-full-mauve-pale); } @media (min-width: 0px) { .filter-group .filter-choices { overflow: visible; } } @media (min-width: 481px) { .filter-group .filter-choices { overflow: auto; } } .filter-group .filter-choices .choice { cursor: pointer; } .filter-group .filter-choices .choice.active, .filter-group .filter-choices .choice:hover, .filter-group .filter-choices .choice:focus { border-color: var(--theme-color-violet-dark); background: var(--theme-color-full-mauve-pale) 0% 0% no-repeat padding-box; } .filter-group .filter-choices .choice.active .checkmark, .filter-group .filter-choices .choice:hover .checkmark, .filter-group .filter-choices .choice:focus .checkmark { border-color: var(--theme-color-violet-dark); } .filter-group .filter-choices .choice:not(.active, :hover) { border-color: transparent; } @media (min-width: 0px) { .filter-group .filter-choices .choice { padding: calc(0.0256410256 * 1 * 100vw) calc(0.041025641 * 1 * 100vw); } .filter-group .filter-choices .choice.department { margin-left: calc(0.0564102564 * 1 * 100vw); } .filter-group .filter-choices .choice.town { margin-left: calc(0.1128205128 * 1 * 100vw); } } @media (min-width: 481px) { .filter-group .filter-choices .choice { padding: calc(0.0069444444 * 1 * 100vw) calc(0.0111111111 * 1 * 100vw); } .filter-group .filter-choices .choice.department { margin-left: calc(0.0268292683 * 1 * 100vw); } .filter-group .filter-choices .choice.town { margin-left: calc(0.0536585366 * 1 * 100vw); } } @media (min-width: 1024px) { .filter-group .filter-choices .choice { padding: calc(0.0069444444 * 1 * 100vw) calc(0.0111111111 * 1 * 100vw); } .filter-group .filter-choices .choice.department { margin-left: calc(0.0152777778 * 1 * 100vw); } .filter-group .filter-choices .choice.town { margin-left: calc(0.0305555556 * 1 * 100vw); } } .filter-group .filter-choices .choice h6 { -webkit-transition: none; transition: none; margin: auto 5% auto 0; width: -webkit-fill-available; } .filter-group.inline { background-color: unset !important; } .filter-group.inline .filter-choices { padding: 0; gap: 20px; } @media (max-width: 480px) { .filter-group.inline .filter-choices { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .filter-group.inline .filter-choices .choice { padding: 0 0 0.5% 0; } .filter-group.inline .filter-choices .choice h6 { white-space: unset; } .filter-group.inline .filter-choices .choice:hover { background: initial; } .filter-group.inline .filter-choices .choice:not(.active, :hover) { border-color: transparent; } @media (min-width: 481px) { section.accomodations .topbar-buttons .filter-group { right: 28%; } } @media (min-width: 1024px) { section.accomodations .topbar-buttons .filter-group { right: 21%; } } @media (min-width: 481px) { section.blog .topbar-buttons .filter-group { right: calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { section.blog .topbar-buttons .filter-group { right: calc(0.0347222222 * 1 * 100vw); } } @media (max-width: 480px) { .topbar-buttons .filter-group { margin: calc(0.0256410256 * 1 * 100vw) 0 calc(0.0512820513 * 1 * 100vw) 0; width: 100%; } } @media (min-width: 481px) { .topbar-buttons .filter-group { -webkit-box-flex: 0; -ms-flex: none; flex: none; position: absolute; width: 30%; top: calc(0.043902439 * 1 * 100vw); } } @media (min-width: 1024px) { .topbar-buttons .filter-group { width: 23%; top: calc(0.0291666667 * 1 * 100vw); } } @media (min-width: 0px) { .topbar-buttons .filter-group > label { padding: calc(0.0358974359 * 1 * 100vw) calc(0.0564102564 * 1 * 100vw); } } @media (min-width: 481px) { .topbar-buttons .filter-group > label { padding: calc(0.0170731707 * 1 * 100vw) calc(0.0268292683 * 1 * 100vw); } } @media (min-width: 1024px) { .topbar-buttons .filter-group > label { padding: calc(0.0097222222 * 1 * 100vw) calc(0.0152777778 * 1 * 100vw); } } .topbar-buttons .filter-group > label > h6 { margin: 0 !important; } .topbar-buttons .filter-group:not(:has(svg.opened)) .filter-choices { padding: 0px !important; } .topbar-buttons .filter-group .filter-choices { -webkit-box-sizing: border-box; box-sizing: border-box; } .topbar-buttons .filter-group .filter-choices:nth-child(3) { padding-top: 0px !important; } .topbar-buttons .filter-group .filter-choices .choice { padding: 0; background: #EEF3FE 0% 0% no-repeat padding-box; opacity: 0.72; cursor: pointer; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; } .topbar-buttons .filter-group .filter-choices .choice h6 { margin: auto 0; } .topbar-buttons .filter-group:has(.choice:hover) .choice { background-color: var(--theme-color-white); } .topbar-buttons .filter-group:has(.choice:hover) .choice:hover { background-color: #EEF3FE; } .topbar-buttons .tabs { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; } @media (max-width: 480px) { .topbar-buttons .tabs { margin: 5% auto; } } .topbar-buttons .tabs [data-tab-target] { font-family: var(--theme-font-Unbounded-semibold) !important; margin: 0; border: solid 1px var(--theme-color-violet-00); 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; color: var(--theme-color-violet-70); } @media (min-width: 0px) { .topbar-buttons .tabs [data-tab-target] { font-size: var(--theme-font-size-14-mobile) !important; line-height: var(--theme-line-height-14-mobile); } } @media (min-width: 481px) { .topbar-buttons .tabs [data-tab-target] { font-size: var(--theme-font-size-14-tablet) !important; line-height: var(--theme-line-height-14-tablet); } } @media (min-width: 1024px) { .topbar-buttons .tabs [data-tab-target] { font-size: var(--theme-font-size-14-desktop) !important; line-height: var(--theme-line-height-14-desktop); } } @media (min-width: 1220px) { .topbar-buttons .tabs [data-tab-target] { font-size: var(--theme-font-size-14-desktop-no-burger) !important; line-height: var(--theme-line-height-14-desktop-no-burger); } } @media (min-width: 1425px) { .topbar-buttons .tabs [data-tab-target] { font-size: var(--theme-font-size-14-desktop-full) !important; line-height: var(--theme-line-height-14-desktop-full); } } @media (min-width: 1750px) { .topbar-buttons .tabs [data-tab-target] { font-size: var(--theme-font-size-14-desktop-large) !important; line-height: var(--theme-line-height-14-desktop-large); } } @media (min-width: 0px) { .topbar-buttons .tabs [data-tab-target] { padding: calc(0.0358974359 * 1 * 100vw); } } @media (min-width: 481px) { .topbar-buttons .tabs [data-tab-target] { padding: calc(0.0146341463 * 1 * 100vw); } } @media (min-width: 1024px) { .topbar-buttons .tabs [data-tab-target] { padding: calc(0.0097222222 * 1 * 100vw); } } .topbar-buttons .tabs [data-tab-target] svg { margin-right: 5px; } .topbar-buttons .tabs [data-tab-target] svg path { fill: var(--theme-color-violet-70); } .topbar-buttons .tabs [data-tab-target]:hover, .topbar-buttons .tabs [data-tab-target].active { color: var(--theme-color-white); } .topbar-buttons .tabs [data-tab-target]:hover path, .topbar-buttons .tabs [data-tab-target].active path { fill: var(--theme-color-white); } .topbar-buttons .tabs [data-tab-target]:hover { background-color: var(--theme-color-violet-dark); border-color: var(--theme-color-violet-dark); } .topbar-buttons .tabs [data-tab-target].active:not(:hover) { background-color: var(--theme-color-violet); border-color: var(--theme-color-violet); } .topbar-buttons .tabs [data-tab-target]:not(:hover, .active) { background-color: var(--theme-color-violet-10); } .topbar-buttons .tabs [data-tab-target]:nth-child(1) { border-radius: 100px 0 0 100px; } .topbar-buttons .tabs [data-tab-target]:nth-child(2) { border-radius: 0 100px 100px 0; } .topbar-buttons .tabs:has([data-tab-target]:hover) [data-tab-target]:not(:hover) { background-color: var(--theme-color-violet-10); color: var(--theme-color-violet-70); } .topbar-buttons .tabs:has([data-tab-target]:hover) [data-tab-target]:not(:hover) path { fill: var(--theme-color-violet-70); } .filter-block.direct.top .filtered, .counter-posts span, .count-term-match { background-color: var(--theme-color-violet); border-radius: 10px; color: var(--theme-color-white) !important; padding: 0.5em; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1em; } @media (min-width: 0px) { .filter-block.direct.top .filtered, .counter-posts span, .count-term-match { margin-left: calc(0.0384615385 * 1 * 100vw); padding: calc(0.0205128205 * 1 * 100vw) calc(0.0461538462 * 1 * 100vw); } } @media (min-width: 481px) { .filter-block.direct.top .filtered, .counter-posts span, .count-term-match { margin-left: calc(0.0182926829 * 1 * 100vw); padding: calc(0.0097560976 * 1 * 100vw) calc(0.0219512195 * 1 * 100vw); } } @media (min-width: 1024px) { .filter-block.direct.top .filtered, .counter-posts span, .count-term-match { margin-left: calc(0.0104166667 * 1 * 100vw); padding: calc(0.0055555556 * 1 * 100vw) calc(0.0125 * 1 * 100vw); } } .filter-block.direct.top .filtered.count-term-match, .counter-posts span.count-term-match, .count-term-match.count-term-match { background: var(--theme-color-blue-turquoise-30); } .filter-block.direct.top .filtered { margin-left: 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .filter-group h6, .filter-group input, .filter-group .choice { color: var(--theme-color-violet-dark); } .filter-group h6::-webkit-input-placeholder, .filter-group input::-webkit-input-placeholder, .filter-group .choice::-webkit-input-placeholder { color: var(--theme-color-violet-dark); opacity: 1; } .filter-group h6::-moz-placeholder, .filter-group input::-moz-placeholder, .filter-group .choice::-moz-placeholder { color: var(--theme-color-violet-dark); opacity: 1; } .filter-group h6:-ms-input-placeholder, .filter-group input:-ms-input-placeholder, .filter-group .choice:-ms-input-placeholder { color: var(--theme-color-violet-dark); opacity: 1; } .filter-group h6::-ms-input-placeholder, .filter-group input::-ms-input-placeholder, .filter-group .choice::-ms-input-placeholder { color: var(--theme-color-violet-dark); opacity: 1; } .filter-group h6::placeholder, .filter-group input::placeholder, .filter-group .choice::placeholder { color: var(--theme-color-violet-dark); opacity: 1; } .filter-group h6 .checkmark, .filter-group input .checkmark, .filter-group .choice .checkmark { margin: auto 5% auto 0; width: 15.782px; height: 15.783px; aspect-ratio: 1; border: 1px solid var(--theme-color-violet-dark); border-radius: 3px; display: inline-block; position: relative; -webkit-transition: border-color 0.2s; transition: border-color 0.2s; } .filter-group h6:has(input[type=checkbox]:checked) .checkmark, .filter-group input:has(input[type=checkbox]:checked) .checkmark, .filter-group .choice:has(input[type=checkbox]:checked) .checkmark { background-color: var(--theme-color-violet); border: 1px solid var(--theme-color-violet-dark-20); color: var(--theme-color-white); } .filter-group h6:has(input[type=checkbox]:checked) .checkmark::before, .filter-group input:has(input[type=checkbox]:checked) .checkmark::before, .filter-group .choice:has(input[type=checkbox]:checked) .checkmark::before { content: ""; position: absolute; width: 6px; height: 12px; border: solid var(--theme-color-white); border-width: 0 2px 2px 0; top: -1px; left: 4px; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .filter-group h6:hover .checkmark, .filter-group input:hover .checkmark, .filter-group .choice:hover .checkmark { border-color: var(--theme-color-violet-dark-20); } .filter-group h6 input[type=checkbox], .filter-group h6 input[type=radio], .filter-group input input[type=checkbox], .filter-group input input[type=radio], .filter-group .choice input[type=checkbox], .filter-group .choice input[type=radio] { display: none; } .filter-group input, .filter-group svg { cursor: pointer; } #starting_point_select { background-color: var(--theme-color-mauve-pale); position: relative; display: inline-block; overflow: visible; z-index: 3; } #starting_point_select .input-icon { position: absolute; left: 12px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 16px; pointer-events: none; } #starting_point_select input { border: none; background-color: var(--theme-color-mauve-pale); color: var(--theme-color-violet-dark); margin: 1px; width: -webkit-fill-available; padding-left: 36px; } #starting_point_select input::-webkit-input-placeholder { color: var(--theme-color-violet-dark-70); } #starting_point_select input::-moz-placeholder { color: var(--theme-color-violet-dark-70); } #starting_point_select input:-ms-input-placeholder { color: var(--theme-color-violet-dark-70); } #starting_point_select input::-ms-input-placeholder { color: var(--theme-color-violet-dark-70); } #starting_point_select input::placeholder { color: var(--theme-color-violet-dark-70); } #starting_point_select .autocomplete-list { list-style: none; padding: 0; margin: 0; max-height: 200px; overflow-y: auto; position: absolute; background: white; width: 100%; z-index: 1000; } #starting_point_select .autocomplete-list:has(li) { border-radius: 5px; border: 1px solid var(--theme-color-violet-dark); } #starting_point_select .autocomplete-list li { cursor: pointer; border-radius: 2px; } #starting_point_select .autocomplete-list li:hover, #starting_point_select .autocomplete-list li:focus { background: #EEF3FE 0% 0% no-repeat padding-box; } @media (min-width: 0px) { #starting_point_select .autocomplete-list li { padding: calc(0.0256410256 * 1 * 100vw) calc(0.041025641 * 1 * 100vw); } } @media (min-width: 481px) { #starting_point_select .autocomplete-list li { padding: calc(0.0069444444 * 1 * 100vw) calc(0.0111111111 * 1 * 100vw); } } @media (min-width: 1024px) { #starting_point_select .autocomplete-list li { padding: calc(0.0069444444 * 1 * 100vw) calc(0.0111111111 * 1 * 100vw); } } /* Apply styles to .filter-choices when its previous sibling is a label containing an svg without the 'opened' class */ :not(.topbar-buttons) > .filter-group:has(> label > svg:not(.opened)) .filter-choices { padding: 0; } @media (max-width: 1023px) { .location:not(:has(svg.opened)) + .filter-choices { display: none; } } @media (min-width: 0px) { .location:has(svg.opened) + .filter-choices { padding: calc(0.0564102564 * 1 * 100vw) 0 !important; } } @media (min-width: 481px) { .location:has(svg.opened) + .filter-choices { padding: calc(0.0152777778 * 1 * 100vw) 0 !important; } } @media (min-width: 1024px) { .location:has(svg.opened) + .filter-choices { padding: calc(0.0152777778 * 1 * 100vw) 0 !important; } } @media (max-width: 480px) { .filter-group .group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter-group .group .filters-select { margin-top: 0; } .filter-group .group i, .filter-group .group svg { margin-left: auto; } .filter-group .group i.opened, .filter-group .group svg.opened { -webkit-transform: rotate(-90deg) scale(0.7); transform: rotate(-90deg) scale(0.7); } .filter-group .filter-choices:has(label.category) { visibility: hidden; } .filter-group .filter-choices .choice.child { margin-left: 10%; } .filter-group .filter-choices .choice.child:not(.location) { width: 100%; } } @media (max-width: 480px) and (max-width: 480px) { .filter-group .filter-choices .choice.child { margin: auto; } } @media (max-width: 480px) { .filter-group .filter-choices .choice h6 { -webkit-transition: none; transition: none; } .filter-group .filter-choices .choice .checkmark { margin-right: 0; } } @media (max-width: 480px) and (min-width: 0px) { .filter-group .group { padding-left: calc(0.041025641 * 1 * 100vw); padding-right: calc(0.041025641 * 1 * 100vw); } } @media (max-width: 480px) and (min-width: 481px) { .filter-group .group { padding-left: calc(0.0111111111 * 1 * 100vw); padding-right: calc(0.0111111111 * 1 * 100vw); } } @media (max-width: 480px) and (min-width: 1024px) { .filter-group .group { padding-left: calc(0.0111111111 * 1 * 100vw); padding-right: calc(0.0111111111 * 1 * 100vw); } } @media (max-width: 480px) { .filter-group .group:has(.filters-select.active) + .filter-choices:has(label.category) { visibility: visible; } } .type-archive .filter-choices { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * FORMS /**/ li { font-weight: 400; } @media (min-width: 1024px) { .form { border-radius: 15px; } } .form .gfield_description { padding-top: 13px !important; width: -webkit-fit-content !important; width: -moz-fit-content !important; width: fit-content !important; } .form .gform_heading, .form .gform_validation_errors { display: none !important; } .form form input:not(input[type=submit]), .form form textarea { background-color: transparent; border: 1px solid var(--theme-color-violet-dark); border-radius: 5px; resize: none; } .form form textarea { height: 100px !important; } .form form .gfield_label, .form form .gfield_required, .form form label { font-weight: 400 !important; } @media (min-width: 1024px) { .form form .gform_footer { padding: 0 !important; margin: 0 !important; } .form form .gform_footer input { margin-bottom: 0 !important; } } .form form .gfield--type-consent { margin-top: calc(0.0347222222 * 1 * 100vw) !important; } .form form .ginput_container_fileupload { position: relative; } .form form .ginput_container_fileupload .gform_drop_area { background-color: var(--theme-color-full-white-10); border-color: var(--theme-color-mauve-pale-30); border-style: solid; color: var(--theme-color-white); border-radius: 5px; padding: 8px; } .form form .ginput_container_fileupload .gform_drop_area button { opacity: 0; min-height: 32px; } .form form .ginput_container_fileupload .gform_drop_area::after { content: ""; background-image: url("/wp-content/uploads/2024/01/Icon-feather-upload.svg"); /* Remplacez par le chemin de votre image */ background-size: contain; /* ou cover, en fonction de vos besoins */ background-repeat: no-repeat; position: absolute; right: 15px; /* Ajustez la position selon vos besoins */ top: 50%; /* Ajustez la position selon vos besoins */ -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 14px; /* Ajustez la taille selon vos besoins */ height: 14px; /* Ajustez la taille selon vos besoins */ cursor: pointer; /* Ajoute un curseur de type pointeur pour indiquer que c'est interactif */ } .form form .ginput_container_fileupload .moxie-shim { width: 100% !important; left: 0 !important; height: 100% !important; top: 0 !important; } .form form .ginput_container_fileupload span { display: none !important; } .form .gform_heading { display: none; } .form .gform_confirmation_message { color: var(--theme-color-violet-dark); } .ginput_container_consent input, .ginput_container_checkbox input, .gchoice input { display: none !important; } .ginput_container_consent label, .ginput_container_checkbox label, .gchoice label { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .ginput_container_consent label::before, .ginput_container_checkbox label::before, .gchoice label::before { content: ""; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; width: 12px; height: 12px; border-radius: 2px; border: 1px solid var(--theme-color-mauve-pale-30); margin-right: 5px; left: 0; top: 3px; } .ginput_container_consent labellabel::before, .ginput_container_checkbox labellabel::before, .gchoice labellabel::before { position: absolute; } .ginput_container_consent.active label, .ginput_container_consent.active:hover label, .ginput_container_checkbox.active label, .ginput_container_checkbox.active:hover label, .gchoice.active label, .gchoice.active:hover label { cursor: pointer; } .ginput_container_consent.active label::before, .ginput_container_consent.active:hover label::before, .ginput_container_checkbox.active label::before, .ginput_container_checkbox.active:hover label::before, .gchoice.active label::before, .gchoice.active:hover label::before { content: "\f00c"; font-weight: 900; border-radius: 2px; font-family: "Font Awesome 5 Free"; width: 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 12px; border: 1px solid var(--theme-color-violet-dark-20); cursor: pointer; color: var(--theme-color-white); font-size: 10px; left: 0; top: 3px; background-color: var(--theme-color-violet); } .ginput_container_consent.active labellabel::before, .ginput_container_consent.active:hover labellabel::before, .ginput_container_checkbox.active labellabel::before, .ginput_container_checkbox.active:hover labellabel::before, .gchoice.active labellabel::before, .gchoice.active:hover labellabel::before { position: absolute; } .ginput_container_consent:hover label, .ginput_container_checkbox:hover label, .gchoice:hover label { cursor: pointer; } .ginput_container_consent:hover label::before, .ginput_container_checkbox:hover label::before, .gchoice:hover label::before { border-color: var(--theme-color-blue-turquoise); } .ginput_container_consent label, .ginput_container_checkbox label, .gchoice label { position: relative; } .ginput_container_consent label span, .ginput_container_checkbox label span, .gchoice label span { white-space: nowrap; } .ginput_container_consent .gfield_required_asterisk, .ginput_container_checkbox .gfield_required_asterisk, .gchoice .gfield_required_asterisk { display: contents; } .ginput_container_consent a[href], .ginput_container_checkbox a[href], .gchoice a[href] { margin-left: 5px; color: var(--theme-color-white-80); font-weight: 400 !important; } @media (min-width: 0px) { .ginput_container_consent a[href], .ginput_container_checkbox a[href], .gchoice a[href] { font-size: var(--theme-font-size-10-mobile) !important; line-height: var(--theme-line-height-10-mobile); } } @media (min-width: 481px) { .ginput_container_consent a[href], .ginput_container_checkbox a[href], .gchoice a[href] { font-size: var(--theme-font-size-10-tablet) !important; line-height: var(--theme-line-height-10-tablet); } } @media (min-width: 1024px) { .ginput_container_consent a[href], .ginput_container_checkbox a[href], .gchoice a[href] { font-size: var(--theme-font-size-10-desktop) !important; line-height: var(--theme-line-height-10-desktop); } } @media (min-width: 1220px) { .ginput_container_consent a[href], .ginput_container_checkbox a[href], .gchoice a[href] { font-size: var(--theme-font-size-10-desktop-no-burger) !important; line-height: var(--theme-line-height-10-desktop-no-burger); } } @media (min-width: 1425px) { .ginput_container_consent a[href], .ginput_container_checkbox a[href], .gchoice a[href] { font-size: var(--theme-font-size-10-desktop-full) !important; line-height: var(--theme-line-height-10-desktop-full); } } @media (min-width: 1750px) { .ginput_container_consent a[href], .ginput_container_checkbox a[href], .gchoice a[href] { font-size: var(--theme-font-size-10-desktop-large) !important; line-height: var(--theme-line-height-10-desktop-large); } } .form.devis { padding: 0; } .form.devis .gfield--type-textarea { color: var(--theme-color-violet-dark); } .form.devis .gfield--type-textarea textarea { resize: none; background-color: transparent; width: 100%; max-height: 110px; border-radius: 5px; border: 1px solid var(--theme-color-violet-dark); } .form.devis fieldset { margin: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; border: none; } .form.devis fieldset legend { display: none; } .form.devis .gform_confirmation_wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; margin: auto 0; } @media (min-width: 1024px) { .form.devis .gform_confirmation_wrapper { height: calc(0.5208333333 * 1 * 100vw); padding: calc(0.0347222222 * 1 * 100vw) calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.1041666667 * 1 * 100vw); } } @media (max-width: 1023px) { .form.devis .gform_confirmation_wrapper { height: 100vh; padding: calc(0.1585365854 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); } } @media (max-width: 1023px) and (max-width: 480px) { .form.devis .gform_confirmation_wrapper { padding: calc(0.3333333333 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); } } .form.devis .gform_confirmation_wrapper .cta-primary { margin: auto; } .form.devis .gform_wrapper .gform_heading { display: none; } .form.devis .gform_wrapper form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; margin: auto; } @media (min-width: 1024px) { .form.devis .gform_wrapper form { height: calc(0.5208333333 * 1 * 100vw); padding: calc(0.0347222222 * 1 * 100vw) calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.1041666667 * 1 * 100vw); } } @media (max-width: 1023px) { .form.devis .gform_wrapper form { padding: calc(0.0609756098 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.1219512195 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); } } @media (max-width: 1023px) and (max-width: 480px) { .form.devis .gform_wrapper form { padding: calc(0.1282051282 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.2564102564 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); } } .form.devis .gform_wrapper form .validation_message { margin: 15px auto; } .form.devis .gform_wrapper form .gf_progressbar_title { display: none; } .form.devis .gform_wrapper form .gf_progressbar { height: 5px; background-color: var(--theme-color-violet-dark); border-radius: 5px; max-width: 480px; } @media (min-width: 1024px) { .form.devis .gform_wrapper form .gf_progressbar { margin: calc(0.0347222222 * 1 * 100vw) auto calc(0.0555555556 * 1 * 100vw) auto; } } @media (max-width: 1023px) { .form.devis .gform_wrapper form .gf_progressbar { margin: calc(0.0914634146 * 1 * 100vw) auto calc(0.0731707317 * 1 * 100vw) auto; } } @media (max-width: 1023px) and (max-width: 480px) { .form.devis .gform_wrapper form .gf_progressbar { margin: calc(0.2564102564 * 1 * 100vw) auto calc(0.1025641026 * 1 * 100vw) auto; } } .form.devis .gform_wrapper form .gf_progressbar .gf_progressbar_percentage { width: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 100%; background-color: var(--theme-color-violet) !important; /* Couleur de fond de la barre de progression */ text-align: center; line-height: 20px; /* Correspond à la hauteur de la barre de progression */ color: var(--theme-color-violet) !important; border-radius: 5px; } .form.devis .gform_wrapper form .gf_progressbar .gf_progressbar_percentage span { position: absolute; color: var(--theme-color-violet); z-index: 2; top: -40px; right: -13px; margin: 0; } .form.devis .gform_wrapper form .gf_progressbar .gf_progressbar_percentage::after { content: " "; width: 15px; height: 15px; display: block; border-radius: 50%; background-color: var(--theme-color-violet); right: -2px; position: absolute; } .form.devis .gform_wrapper form .gform_body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .form.devis .gform_wrapper form .gform_body .instruction { display: none; } .form.devis .gform_wrapper form .gform_body .gform_page { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 1023px) { .form.devis .gform_wrapper form .gform_body .gform_page .gform_fields { row-gap: 30px !important; } } .form.devis .gform_wrapper form .gform_body .gform_page .text-price, .form.devis .gform_wrapper form .gform_body .gform_page .text-brunch { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 15px auto 0 auto; } .form.devis .gform_wrapper form .gform_body .gform_page .text-price i, .form.devis .gform_wrapper form .gform_body .gform_page .text-brunch i { color: var(--theme-color-violet); margin-left: 15px; } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(1) .gfield_radio, .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(7) .gfield_radio { display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (min-width: 1024px) { .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(1) .gfield_radio, .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(7) .gfield_radio { -webkit-column-gap: calc(0.0694444444 * 1 * 100vw); -moz-column-gap: calc(0.0694444444 * 1 * 100vw); column-gap: calc(0.0694444444 * 1 * 100vw); } } @media (max-width: 1023px) { .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(1) .gfield_radio, .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(7) .gfield_radio { -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; } } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(2) .gfield_radio { display: -ms-grid; display: grid; } @media (max-width: 1023px) { .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(2) .gfield_radio { row-gap: 10px; } } @media (min-width: 1024px) { .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(2) .gfield_radio { -ms-grid-columns: 1fr calc(0.0347222222 * 1 * 100vw) 1fr calc(0.0347222222 * 1 * 100vw) 1fr calc(0.0347222222 * 1 * 100vw) 1fr; grid-template-columns: repeat(4, 1fr); -webkit-column-gap: calc(0.0347222222 * 1 * 100vw); -moz-column-gap: calc(0.0347222222 * 1 * 100vw); column-gap: calc(0.0347222222 * 1 * 100vw); row-gap: calc(0.0208333333 * 1 * 100vw); } } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(2) .gfield_radio label { white-space: nowrap; } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(5) .gfield_radio { display: -ms-grid; display: grid; } @media (max-width: 1023px) { .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(5) .gfield_radio { row-gap: 10px; margin-left: 20px !important; } } @media (min-width: 1024px) { .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(5) .gfield_radio { -ms-grid-columns: 1fr calc(0.0347222222 * 1 * 100vw) 1fr calc(0.0347222222 * 1 * 100vw) 1fr calc(0.0347222222 * 1 * 100vw) 1fr calc(0.0347222222 * 1 * 100vw) 1fr calc(0.0347222222 * 1 * 100vw) 1fr; grid-template-columns: repeat(6, 1fr); -webkit-column-gap: calc(0.0347222222 * 1 * 100vw); -moz-column-gap: calc(0.0347222222 * 1 * 100vw); column-gap: calc(0.0347222222 * 1 * 100vw); row-gap: calc(0.0208333333 * 1 * 100vw); } } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(5) .gfield_radio label { white-space: nowrap; } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .gfield--type-date label, .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .gfield--type-date .ginput_container { display: none; } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .gform_fields { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker { display: -webkit-box; display: -ms-flexbox; display: flex; margin: auto; } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker input { border: none; border-bottom: 1px solid var(--theme-color-violet-dark); background-color: transparent; border-radius: 0; padding: 0 0 5px 0; color: var(--theme-color-violet-dark); } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker input::-webkit-input-placeholder { color: var(--theme-color-violet-dark); } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker input::-moz-placeholder { color: var(--theme-color-violet-dark); } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker input:-ms-input-placeholder { color: var(--theme-color-violet-dark); } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker input::-ms-input-placeholder { color: var(--theme-color-violet-dark); } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker input::placeholder { color: var(--theme-color-violet-dark); } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker .day, .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker .month, .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker .year { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker .day p, .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker .month p, .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker .year p { margin-bottom: 25px; } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker .year { width: 80px; } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker .month, .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker .day { width: 60px; } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker span { margin: 0 15px; margin-top: auto; } .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_fields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_fields .gform_fields { row-gap: 0; } .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_fields .gform_fields .gsection { padding: 0; margin: 0; border: none; } .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_fields .gform_fields .gsection .gsection_title { margin: 0; } @media (min-width: 1024px) { .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_fields .gform_fields .gsection .gsection_title { text-align: center; } } @media (max-width: 1023px) { .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_fields .gform_fields .gsection .gsection_title { text-align: start; margin-bottom: 30px; } } .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_fields .gform_fields fieldset { width: 100%; } .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_fields .gform_fields fieldset .gfield_radio { color: var(--theme-color-violet-dark); margin: auto; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_fields .gform_fields fieldset .gfield_radio .gchoice { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_fields .gform_fields fieldset .gfield_radio label { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; max-width: none; } .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer { padding: 0; width: 100%; 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; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; row-gap: calc(0.0208333333 * 1 * 100vw); } @media (max-width: 1023px) { .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer { margin: 50px 0 0 0; } } .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer .gform_next_button, .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer .gform_button { color: var(--theme-color-white) !important; border: none; margin: 0; } @media (max-width: 1023px) { .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer .gform_next_button, .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer .gform_button { width: 100%; } } .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer input { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer .gform_previous_button { border: none; border-radius: 0; border-bottom: 2px solid var(--theme-color-violet-dark); } .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer .gform_previous_button:hover { border-bottom: 2px solid var(--theme-color-violet); } .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer .gform_previous_button.active { border-bottom: 2px solid var(--theme-color-violet); } .type-banner.contact .form form input:not(input[type=submit]), .type-banner.contact .form form textarea, .type-f .form form input:not(input[type=submit]), .type-f .form form textarea { background-color: var(--theme-color-full-white-10); border-color: var(--theme-color-mauve-pale-30); color: var(--theme-color-white); } .type-banner.contact .form form input:not(input[type=submit]):focus-visible, .type-banner.contact .form form textarea:focus-visible, .type-f .form form input:not(input[type=submit]):focus-visible, .type-f .form form textarea:focus-visible { outline: none; border-color: var(--theme-color-blue-turquoise); } .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue { background-color: var(--theme-color-violet) !important; } .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message { background-color: var(--theme-color-full-white-10) !important; border-radius: 5px !important; } @media (min-width: 481px) { form:not(#gform_6) input[type=submit] { position: absolute; right: 0; bottom: 0; } } #gform_ajax_spinner_2 { width: 20px !important; height: 20px !important; -o-object-fit: cover !important; object-fit: cover !important; } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED FUNCTIONS /**/ @-webkit-keyframes bounce { 0%, 80%, 100% { -webkit-transform: scale(0.8); transform: scale(0.8); } 40% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes bounce { 0%, 80%, 100% { -webkit-transform: scale(0.8); transform: scale(0.8); } 40% { -webkit-transform: scale(1.2); transform: scale(1.2); } } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED CLASSES & EXTENDS * Allways create both in order to be forced * directly on DOM or afterward in SCCS with @extend ! /**/ .loader-block { position: absolute; left: 500%; opacity: 0; 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: 50%; height: 10%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loader-block.active { opacity: 1; z-index: 2; } .loader-block .loader-custom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 50px; height: 10px; margin: auto; position: relative; top: 50%; } .loader-block .loader-custom .ball { background-color: var(--theme-color-violet-dark); width: 10px; height: 10px; border-radius: 50%; -webkit-animation: bounce 1.4s ease-in-out infinite; animation: bounce 1.4s ease-in-out infinite; } .loader-block .loader-custom .ball:nth-child(2) { -webkit-animation-delay: 0.4666666667s; animation-delay: 0.4666666667s; } .loader-block .loader-custom .ball:nth-child(3) { -webkit-animation-delay: 0.9333333333s; animation-delay: 0.9333333333s; } .loader-block.map .loader-custom { position: relative; width: 50px; height: 50px; } .loader-block.map .ball { background-color: var(--theme-color-violet); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: orbit 1.5s linear infinite; animation: orbit 1.5s linear infinite; } .loader-block.map .ball:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; } .loader-block.map .ball:nth-child(2) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .loader-block.map .ball:nth-child(3) { -webkit-animation-delay: 1s; animation-delay: 1s; } @-webkit-keyframes orbit { 0% { -webkit-transform: rotate(0deg) translateX(20px) rotate(0deg); transform: rotate(0deg) translateX(20px) rotate(0deg); } 100% { -webkit-transform: rotate(360deg) translateX(20px) rotate(-360deg); transform: rotate(360deg) translateX(20px) rotate(-360deg); } } @keyframes orbit { 0% { -webkit-transform: rotate(0deg) translateX(20px) rotate(0deg); transform: rotate(0deg) translateX(20px) rotate(0deg); } 100% { -webkit-transform: rotate(360deg) translateX(20px) rotate(-360deg); transform: rotate(360deg) translateX(20px) rotate(-360deg); } } :not(.swiper):not(aside) > .loader-block.active { left: 50%; } @media (max-width: 480px) { :not(.swiper):not(aside) > .loader-block.active { top: 0%; } } @media (min-width: 481px) { :not(.swiper):not(aside) > .loader-block.active { top: 10%; } } @media (max-width: 1023px) { main.swiper > .loader-block.active:not(.map), aside .loader-block.active:not(.map) { left: 50%; top: 70%; } } @media (min-width: 1024px) { main.swiper > .loader-block.active:not(.map), aside .loader-block.active:not(.map) { left: 25%; top: 10%; } } @media (max-width: 480px) { main.swiper > .loader-block.active.map, aside .loader-block.active.map { left: 50%; } } @media (min-width: 1024px) { main.swiper > .loader-block.active.map, aside .loader-block.active.map { left: 75%; } } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED FUNCTIONS /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED CLASSES /**/ .nav li { list-style: none; } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED FUNCTIONS /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED CLASSES & EXTENDS * Allways create both in order to be forced * directly on DOM or afterward in SCCS with @extend ! /**/ .pagination-container { text-align: center; } @media (min-width: 0px) { .pagination-container { margin: calc(0.1025641026 * 1 * 100vw) auto 0 auto; width: -webkit-max-content; width: -moz-max-content; width: max-content; } } @media (min-width: 481px) { .pagination-container { margin: calc(0.0486111111 * 1 * 100vw) auto 0 auto; } } @media (min-width: 1024px) { .pagination-container { margin: calc(0.0486111111 * 1 * 100vw) auto 0 auto; } } .pagination-container .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pagination-container .pagination li { padding: 0; margin: 0; float: left; display: inline; overflow: hidden; } .pagination-container .pagination li a { margin: 0; text-decoration: none; padding: 0; line-height: 1; font-size: 1em; font-weight: 400; padding: 0.5em; min-width: 1em; display: block; color: var(--theme-color-blue-30); } .pagination-container .pagination li a.current { color: var(--theme-color-blue) !important; } .pagination-container .pagination li a.first, .pagination-container .pagination li a.last, .pagination-container .pagination li a.prev, .pagination-container .pagination li a.next { z-index: 10; cursor: pointer; 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; position: relative !important; left: auto; right: auto; top: auto; background-color: var(--theme-color-blue-30); border-radius: 50%; margin: 0; padding: 0; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } @media (min-width: 0px) { .pagination-container .pagination li a.first, .pagination-container .pagination li a.last, .pagination-container .pagination li a.prev, .pagination-container .pagination li a.next { width: calc(0.0974358974 * 1 * 100vw); height: calc(0.0974358974 * 1 * 100vw); } } @media (min-width: 481px) { .pagination-container .pagination li a.first, .pagination-container .pagination li a.last, .pagination-container .pagination li a.prev, .pagination-container .pagination li a.next { width: calc(0.0634146341 * 1 * 100vw); height: calc(0.0634146341 * 1 * 100vw); } } @media (min-width: 1024px) { .pagination-container .pagination li a.first, .pagination-container .pagination li a.last, .pagination-container .pagination li a.prev, .pagination-container .pagination li a.next { width: calc(0.0361111111 * 1 * 100vw); height: calc(0.0361111111 * 1 * 100vw); } } .pagination-container .pagination li a.first i::before, .pagination-container .pagination li a.first i::after, .pagination-container .pagination li a.last i::before, .pagination-container .pagination li a.last i::after, .pagination-container .pagination li a.prev i::before, .pagination-container .pagination li a.prev i::after, .pagination-container .pagination li a.next i::before, .pagination-container .pagination li a.next i::after { color: var(--theme-color-blue); -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .pagination-container .pagination li a.first:hover, .pagination-container .pagination li a.last:hover, .pagination-container .pagination li a.prev:hover, .pagination-container .pagination li a.next:hover { background-color: var(--theme-color-blue); color: var(--theme-color-white) !important; } .pagination-container .pagination li a.first:hover i::before, .pagination-container .pagination li a.first:hover i::after, .pagination-container .pagination li a.last:hover i::before, .pagination-container .pagination li a.last:hover i::after, .pagination-container .pagination li a.prev:hover i::before, .pagination-container .pagination li a.prev:hover i::after, .pagination-container .pagination li a.next:hover i::before, .pagination-container .pagination li a.next:hover i::after { color: var(--theme-color-white); } .swiper-pagination-bullet { background: white !important; opacity: 0.8 !important; } .swiper-pagination-bullet-active { opacity: 1 !important; } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED FUNCTIONS /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED CLASSES /**/ body.has-popup, body:has(.popup-container:target) { overflow: hidden !important; } body .popup-container { position: fixed; z-index: 1000000000000; left: 0; top: 0; width: 100%; height: 100%; background-color: var(--theme-color-violet-dark-70); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* On click Popups */ } body .popup-container.click { visibility: hidden; opacity: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: scale(1.3); transform: scale(1.3); } body .popup-container.click:target, body .popup-container.click.visible { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); top: 0; width: 100%; overflow: scroll; /* Adjust body's overflow when popup is visible */ } body body .popup-container.click:target, body body .popup-container.click.visible { overflow: hidden !important; } body .popup-container.click:not(.visible) { display: none !important; } body .popup-container .popup-content { background-color: var(--theme-color-white); border: 1px solid var(--theme-color-grey); } @media (max-width: 480px) { body .popup-container .popup-content { width: 100%; margin: auto calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { body .popup-container .popup-content { width: 50%; margin: auto; } } body .popup-container .popup-content a.close { color: var(--theme-color-violet-dark); float: right; font-size: 28px; font-weight: bold; background: none; padding: 0; margin: 0; } body .popup-container .popup-content a.close:hover { color: var(--theme-color-violet-dark); } body .popup-container .popup-content h3 { margin: 10px; } body .popup-container .popup-content p { font-size: 17px; padding: 10px; line-height: 20px; } body .popup-container .popup-content.image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } body .popup-container .popup-content.image a.close { -ms-flex-item-align: end; align-self: flex-end; } .popup-rappeler { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; } @media (min-width: 481px) { .popup-rappeler .gform_fields { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 !important; background: var(--theme-color-full-white); } .popup-rappeler .gform_fields .gfield:nth-child(1) { width: 100%; } .popup-rappeler .gform_fields .gfield:nth-child(1) label { display: none; } } .popup-rappeler #field_submit { -webkit-box-flex: 0; -ms-flex: none; flex: none; background: var(--theme-color-violet-dark); } @media (min-width: 0px) { .popup-rappeler #field_submit { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: calc(0.0461538462 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { .popup-rappeler #field_submit { padding: calc(0.0219512195 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .popup-rappeler #field_submit { padding: calc(0.0166666667 * 1 * 100vw) calc(0.0166666667 * 1 * 100vw) !important; } } .popup-rappeler #field_submit input { padding: 0; } :not(#all-params) > .popup-content { position: relative; background: var(--theme-color-mauve-pale); border-radius: 8px; background-color: var(--theme-color-violet); color: white; } @media (min-width: 0px) { :not(#all-params) > .popup-content { padding: calc(0.0769230769 * 1 * 100vw); } } @media (min-width: 481px) { :not(#all-params) > .popup-content { max-width: 70vw; padding: calc(0.0609756098 * 1 * 100vw) calc(0.0609756098 * 1 * 100vw); margin: calc(0.1219512195 * 1 * 100vw) auto; } } @media (min-width: 1024px) { :not(#all-params) > .popup-content { max-width: 50vw; padding: calc(0.0486111111 * 1 * 100vw) calc(0.0694444444 * 1 * 100vw); margin: calc(0.0694444444 * 1 * 100vw) auto; } } .close-popup { position: absolute; right: 50px; top: 40px; font-size: 28px; cursor: pointer; } .popup-flex { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; } .popup-left { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .popup-right { width: 50%; 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; } @media (min-width: 481px) { .popup-right { width: 100%; } } .popup-form { width: 70%; } @media (min-width: 481px) { .popup-form { width: 100%; } } /* Popup Filtres */ .popup-container#all-params .popup-content { padding: 0; } @media (min-width: 0px) { .popup-container#all-params .popup-content .cross-box { padding: calc(0.0512820513 * 1 * 100vw); } } @media (min-width: 481px) { .popup-container#all-params .popup-content .cross-box { padding: calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 1024px) { .popup-container#all-params .popup-content .cross-box { padding: calc(0.0138888889 * 1 * 100vw); } } .popup-container#all-params .popup-content .cross-box .close { border: none; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: var(--theme-color-violet-dark-10); cursor: pointer; } @media (min-width: 0px) { .popup-container#all-params .popup-content .cross-box .close { padding: calc(0.0512820513 * 1 * 100vw); } } @media (min-width: 481px) { .popup-container#all-params .popup-content .cross-box .close { padding: calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 1024px) { .popup-container#all-params .popup-content .cross-box .close { padding: calc(0.0138888889 * 1 * 100vw); } } @media (min-width: 0px) { .popup-container#all-params .popup-content .filters { padding: calc(0.0769230769 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { .popup-container#all-params .popup-content .filters { padding: calc(0.0365853659 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .popup-container#all-params .popup-content .filters { padding: calc(0.0208333333 * 1 * 100vw) calc(0.0555555556 * 1 * 100vw); } } @media (min-width: 0px) { .popup-container#all-params .popup-content .filters .filter-group { padding-bottom: calc(0.0769230769 * 1 * 100vw); } } @media (min-width: 481px) { .popup-container#all-params .popup-content .filters .filter-group { padding-bottom: calc(0.0365853659 * 1 * 100vw); } } @media (min-width: 1024px) { .popup-container#all-params .popup-content .filters .filter-group { padding-bottom: calc(0.0208333333 * 1 * 100vw); } } .popup-container#all-params .popup-content .filters .filter-group > label, .popup-container#all-params .popup-content .filters .filter-group .group { padding-left: 0; padding-right: 0; padding-bottom: 0; } .popup-container#all-params .popup-content .filters .filter-group > label .filters-select, .popup-container#all-params .popup-content .filters .filter-group .group .filters-select { margin: 0; } .popup-container#all-params .popup-content .filters .filter-group > label svg, .popup-container#all-params .popup-content .filters .filter-group .group svg { position: relative; top: 0; right: 0; } .popup-container#all-params .popup-content .filters .filter-group .filter-choices { background-color: var(--theme-color-white); } .popup-container#all-params .popup-content .filters .filter-group .filter-choices .choice { padding-left: 0; padding-right: 0; } @media (min-width: 0px) { .popup-container#all-params .popup-content .filters .filter-group .filter-choices .choice:first-child { padding-top: calc(0.0769230769 * 1 * 100vw); } } @media (min-width: 481px) { .popup-container#all-params .popup-content .filters .filter-group .filter-choices .choice:first-child { padding-top: calc(0.0365853659 * 1 * 100vw); } } @media (min-width: 1024px) { .popup-container#all-params .popup-content .filters .filter-group .filter-choices .choice:first-child { padding-top: calc(0.0208333333 * 1 * 100vw); } } .popup-container#all-params .popup-content .filters .filter-group .filter-choices .choice:hover { background-color: var(--theme-color-white); } .popup-container#all-params .popup-content .reset-block { -webkit-box-shadow: 0px -15px 30px var(--theme-color-violet-dark-20); box-shadow: 0px -15px 30px var(--theme-color-violet-dark-20); } @media (min-width: 0px) { .popup-container#all-params .popup-content .reset-block { padding: calc(0.0512820513 * 1 * 100vw); } } @media (min-width: 481px) { .popup-container#all-params .popup-content .reset-block { padding: calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 1024px) { .popup-container#all-params .popup-content .reset-block { padding: calc(0.0138888889 * 1 * 100vw); } } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * VARIOUS COMPONENTS /**/ .list-in-row { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; } .list-in-row i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 0px) { .list-in-row i { padding: 0 calc(0.0128205128 * 1 * 100vw); } } @media (min-width: 481px) { .list-in-row i { padding: 0 calc(0.006097561 * 1 * 100vw); } } @media (min-width: 1024px) { .list-in-row i { padding: 0 calc(0.0034722222 * 1 * 100vw); } } .list-in-rows-border { width: 100%; margin: 0; padding: 0; list-style: none; } .list-in-rows-border > li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid var(--theme-color-violet-dark); } .list-in-rows-border > li h4 { line-height: 0; } .list-in-rows-border > li h4:not(.boldy) { color: var(--theme-color-violet-dark); } .list-in-table-border { width: 100%; } .list-in-table-border .tbl-content { overflow-x: auto; margin-top: 0px; } .list-in-table-border table { width: 100%; } @media (min-width: 0px) { .list-in-table-border table { table-layout: auto; } } @media (min-width: 1024px) { .list-in-table-border table { table-layout: initial; } } @media (min-width: 1220px) { .list-in-table-border table { table-layout: fixed; } } .list-in-table-border table tr th, .list-in-table-border table tr td { text-align: left; border-bottom: 1px solid var(--theme-color-violet-dark); } .list-in-table-border table tr th h4, .list-in-table-border table tr td h4 { line-height: 0; word-wrap: break-word; /* Fallback pour une meilleure prise en charge */ overflow-wrap: break-word; /* Utilisé pour Mozilla Firefox et les navigateurs modernes */ } .list-in-table-border table tr th h4:not(.boldy), .list-in-table-border table tr td h4:not(.boldy) { color: var(--theme-color-violet-dark); } @media (min-width: 1220px) { .list-in-table-border table thead tr th:nth-child(1) { width: 150px; } .list-in-table-border table tbody tr:nth-child(1) td:nth-child(1) { width: 150px; } } @media (min-width: 0px) { .list-in-table-border .tbl-header table h4 { text-align: right; } } @media (min-width: 1024px) { .list-in-table-border .tbl-header table h4 { text-align: initial; } } li:not(.type-s li, .no-link) { cursor: pointer; } li:not(.type-s li, .no-link).active .dropdown-cta { -webkit-transform: rotate(180deg); transform: rotate(180deg); } li:not(.type-s li, .no-link).accordion .panel { -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; visibility: hidden; opacity: 0; height: 0; margin: 0; } li:not(.type-s li, .no-link).accordion .panel.opened { width: 100%; visibility: visible; opacity: 1; height: auto; margin: revert; } li:not(.type-s li, .no-link).accordion .panel svg { margin-right: 10px; } .tabcontent { -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; visibility: hidden; opacity: 0; height: 0; margin: 0; } .tabcontent.opened { visibility: visible; opacity: 1; height: auto; margin: revert; } .tab.active { background-color: transparent !important; } @media (min-width: 1220px) { .languages > a { z-index: 3; } .languages a { padding: 5px !important; } } .star { position: absolute; } @media (min-width: 1024px) { .star { height: calc(0.0902777778 * 1 * 100vw); top: calc(-0.1493055556 * 1 * 100vw); left: calc(0.0347222222 * 1 * 100vw); } } @media (max-width: 1023px) and (min-width: 481px) { .star { height: calc(0.1219512195 * 1 * 100vw); top: calc(-0.2073170732 * 1 * 100vw); left: calc(0.0292682927 * 1 * 100vw); } } @media (max-width: 1023px) and (max-width: 480px) { .star { height: calc(0.2051282051 * 1 * 100vw); top: calc(-0.358974359 * 1 * 100vw); left: calc(0.0615384615 * 1 * 100vw); } } /* Ratings widget */ .rate { display: inline-block; border: 0; } /* Hide radio */ .rate > input { display: none; } /* Order correctly by floating highest to the right */ .rate > label { float: right; } /* The star of the show */ .rate > label:before { display: inline-block; font-size: 1.1rem; padding: 0.3rem 0.2rem; margin: 0; cursor: pointer; font-family: FontAwesome; content: "\f005"; /* full star */ } /* Half star trick */ .rate .half:before { content: "\f089"; /* half star no outline */ position: absolute; padding-right: 0; } .rate > input:nth-child(1):checked ~ label, .rate > label:hover:nth-child(1), .rate > label:hover ~ .rate > label:nth-child(1) { color: var(--theme-color-yellow); } .rate > input:nth-child(2):checked ~ label, .rate > label:hover:nth-child(2), .rate > label:hover ~ .rate > label:nth-child(2) { color: var(--theme-color-yellow); } .rate > input:nth-child(3):checked ~ label, .rate > label:hover:nth-child(3), .rate > label:hover ~ .rate > label:nth-child(3) { color: var(--theme-color-yellow); } .rate > input:nth-child(4):checked ~ label, .rate > label:hover:nth-child(4), .rate > label:hover ~ .rate > label:nth-child(4) { color: var(--theme-color-yellow); } .rate > input:nth-child(5):checked ~ label, .rate > label:hover:nth-child(5), .rate > label:hover ~ .rate > label:nth-child(5) { color: var(--theme-color-yellow); } .rate > input:nth-child(6):checked ~ label, .rate > label:hover:nth-child(6), .rate > label:hover ~ .rate > label:nth-child(6) { color: var(--theme-color-yellow); } .rate > input:nth-child(7):checked ~ label, .rate > label:hover:nth-child(7), .rate > label:hover ~ .rate > label:nth-child(7) { color: var(--theme-color-yellow); } .rate > input:nth-child(8):checked ~ label, .rate > label:hover:nth-child(8), .rate > label:hover ~ .rate > label:nth-child(8) { color: var(--theme-color-yellow); } .rate > input:nth-child(9):checked ~ label, .rate > label:hover:nth-child(9), .rate > label:hover ~ .rate > label:nth-child(9) { color: var(--theme-color-yellow); } .rate > input:nth-child(10):checked ~ label, .rate > label:hover:nth-child(10), .rate > label:hover ~ .rate > label:nth-child(10) { color: var(--theme-color-yellow); } .border-section { height: 1px; display: block; } .border-section.white { border-top: 1px solid var(--theme-color-white-30); } @media (min-width: 1024px) { .desktop { display: block; } } @media (max-width: 1023px) { .desktop { display: none; } } @media (min-width: 1024px) { .mobile { display: none; } } @media (max-width: 1023px) { .mobile { display: block; } } .swiper-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 480px) { .swiper-btns { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: calc(0.0769230769 * 1 * 100vw) auto 0 auto; } } .swiper-btns .swiper-button-next, .swiper-btns .swiper-button-prev { position: relative !important; left: auto; right: auto; top: auto; border-radius: 100%; margin: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media (min-width: 0px) { .swiper-btns .swiper-button-next, .swiper-btns .swiper-button-prev { width: calc(0.1 * 1 * 100vw); height: calc(0.1307692308 * 1 * 100vw); } } @media (min-width: 481px) { .swiper-btns .swiper-button-next, .swiper-btns .swiper-button-prev { width: calc(0.0475609756 * 1 * 100vw); height: calc(0.062195122 * 1 * 100vw); } } @media (min-width: 1024px) { .swiper-btns .swiper-button-next, .swiper-btns .swiper-button-prev { width: calc(0.0270833333 * 1 * 100vw); height: calc(0.0354166667 * 1 * 100vw); } } .swiper-btns .swiper-button-next::after, .swiper-btns .swiper-button-prev::after { opacity: 0.3; font-size: 12px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; line-height: 1px; } .swiper-btns .swiper-button-next:hover::after, .swiper-btns .swiper-button-prev:hover::after { opacity: 1; } .swiper-btns .swiper-button-next.swiper-button-next::after, .swiper-btns .swiper-button-prev.swiper-button-next::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .swiper-btns .swiper-button-prev { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; padding: 0 7px 0 0 !important; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .swiper-btns .swiper-button-next { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; padding: 0 0 0 7px !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .type-p .swiper-btns .swiper-button-next, .type-p .swiper-btns .swiper-button-prev { background-color: var(--theme-color-mauve-pale-20); } .type-p .swiper-btns .swiper-button-next::after, .type-p .swiper-btns .swiper-button-prev::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.696' height='12.822' viewBox='0 0 16.696 12.822'%3E%3Cg transform='translate(1.411 1.411)'%3E%3Cline x1='14.285' transform='translate(0 5)' fill='none' stroke='%23FAF5F4' stroke-linecap='round' stroke-width='2'/%3E%3Cline x1='5.714' y2='5' transform='translate(0)' fill='none' stroke='%23FAF5F4' stroke-linecap='round' stroke-width='2'/%3E%3Cline x1='5.714' y1='5' transform='translate(0 5)' fill='none' stroke='%23FAF5F4' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E"); } .type-archive .swiper-btns .swiper-button-next, .type-archive .swiper-btns .swiper-button-prev { background-color: var(--theme-color-blue-20); } .type-archive .swiper-btns .swiper-button-next::after, .type-archive .swiper-btns .swiper-button-prev::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.696' height='12.822' viewBox='0 0 16.696 12.822'%3E%3Cg transform='translate(1.411 1.411)'%3E%3Cline x1='14.285' transform='translate(0 5)' fill='none' stroke='%237091F5' stroke-linecap='round' stroke-width='2'/%3E%3Cline x1='5.714' y2='5' transform='translate(0)' fill='none' stroke='%237091F5' stroke-linecap='round' stroke-width='2'/%3E%3Cline x1='5.714' y1='5' transform='translate(0 5)' fill='none' stroke='%237091F5' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E"); } @media (min-width: 481px) { #accomodations-grid .main.output .type-card { border: none; } } #accomodations-grid .main.output .type-card .wrapper { background-color: var(--theme-color-mauve-pale); } @media (min-width: 481px) { #accomodations-grid .main.output .type-card .wrapper .infos-container { padding: calc(0.0182926829 * 1 * 100vw); } } @media (min-width: 1024px) { #accomodations-grid .main.output .type-card .wrapper .infos-container { padding: calc(0.0138888889 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); } } @media (min-width: 0px) { #accomodations-map { padding-top: calc(0.1282051282 * 1 * 100vw); } } @media (min-width: 481px) { #accomodations-map { padding-top: calc(0.0609756098 * 1 * 100vw); } } @media (min-width: 1024px) { #accomodations-map { padding-top: calc(0.0347222222 * 1 * 100vw); } } @media (max-width: 1023px) { #accomodations-map .loader-block.cards { display: none; } } @media (max-width: 1023px) { #accomodations-map .main.output { height: 0px; padding: 0; margin: 0; width: 0; } #accomodations-map .main.output .swiper-slide { display: none; } } @media (max-width: 480px) { #accomodations-map .main.output { -ms-grid-columns: (minmax(calc(100% - 0.0256410256 * 1 * 100vw), 1fr))[1]; grid-template-columns: repeat(1, minmax(calc(100% - 0.0256410256 * 1 * 100vw), 1fr)); row-gap: calc(0.1282051282 * 1 * 100vw); } } @media (min-width: 481px) { #accomodations-map .main.output { -ms-grid-columns: (minmax(calc(50% - 0.012195122 * 1 * 100vw), 1fr))[2]; grid-template-columns: repeat(2, minmax(calc(50% - 0.012195122 * 1 * 100vw), 1fr)); row-gap: calc(0.0243902439 * 1 * 100vw); overflow-y: scroll; padding-top: 0 !important; aspect-ratio: 1.08; height: 100%; } } @media (min-width: 1024px) { #accomodations-map .main.output { -ms-grid-columns: (minmax(calc(100% - 0.0069444444 * 1 * 100vw), 1fr))[1]; grid-template-columns: repeat(1, minmax(calc(100% - 0.0069444444 * 1 * 100vw), 1fr)); row-gap: calc(0.0138888889 * 1 * 100vw); margin-right: calc(0.0347222222 * 1 * 100vw); grid-auto-rows: -webkit-max-content; grid-auto-rows: max-content; } } #accomodations-map .main.output .card-swiper-images .swiper { width: 50%; } #accomodations-map .main.output .card-swiper-images .swiper .swiper-slide { height: 100% !important; } #accomodations-map .main.output .type-card { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } @media (min-width: 1024px) { #accomodations-map .main.output .type-card { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 1024px) { #accomodations-map .main.output .type-card > a { width: 50%; } } @media (min-width: 1024px) { #accomodations-map .main.output .type-card > a img { height: 100%; width: 100% !important; } } #accomodations-map .main.output .type-card .wrapper.bkg-mauve-pale { width: 50%; } #accomodations-map .main.output .type-card .wrapper .infos-container { width: 50%; } #accomodations-map .main.output .type-card .wrapper .infos-container .card-detail .card-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } aside.map-block { width: 100%; height: 100%; } @media (max-width: 1023px) { aside.map-block { width: 100%; } } @media (min-width: 1024px) { aside.map-block { width: 50%; } } aside.map-block .map-wrapper { width: 100%; } @media (max-width: 480px) { aside.map-block .map-wrapper { margin-bottom: calc(0.1282051282 * 1 * 100vw); } } @media (min-width: 481px) { aside.map-block .map-wrapper { margin-bottom: calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 1024px) { aside.map-block .map-wrapper { margin-bottom: calc(0.0138888889 * 1 * 100vw); } } aside.map-block .map-wrapper:not(.sidebar) { height: auto; aspect-ratio: 1; } @media (min-width: 481px) { aside.map-block .map-wrapper.sidebar { background-color: var(--theme-color-white); width: -webkit-fill-available; aspect-ratio: 1; } } @media (max-width: 480px) { aside.map-block .map-wrapper { aspect-ratio: 0.57; border-radius: 0; } } @media (max-width: 1023px) { aside.map-block .map-wrapper { padding: calc(0.0097560976 * 1 * 100vw); } } @media (min-width: 1024px) { aside.map-block .map-wrapper { padding: calc(0.0055555556 * 1 * 100vw); } } aside.map-block .map-wrapper .wrapper { height: 100%; } aside.map-block .map-wrapper div[role=dialog] { background-color: var(--theme-color-mauve-pale); } @media (max-width: 480px) { aside.map-block .map-wrapper div[role=dialog] { max-width: 250px !important; padding: calc(0.0256410256 * 1 * 100vw) !important; } } @media (min-width: 481px) { aside.map-block .map-wrapper div[role=dialog] { max-width: 4% !important; padding: calc(0.006097561 * 1 * 100vw) !important; } } @media (min-width: 1024px) { aside.map-block .map-wrapper div[role=dialog] { max-width: 4% !important; padding: calc(0.0034722222 * 1 * 100vw) !important; } } aside.map-block .map-wrapper div[role=dialog] .gm-style-iw-chr { position: absolute; right: 12px; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: var(--theme-color-dark-blue-10); cursor: pointer; border-radius: 7px; } aside.map-block .map-wrapper div[role=dialog] .gm-style-iw-chr button { width: auto !important; height: auto !important; } @media (max-width: 480px) { aside.map-block .map-wrapper div[role=dialog] .gm-style-iw-chr button span { width: calc(0.0461538462 * 1 * 100vw) !important; height: calc(0.0461538462 * 1 * 100vw) !important; margin: calc(0.0153846154 * 1 * 100vw) !important; } } @media (min-width: 481px) { aside.map-block .map-wrapper div[role=dialog] .gm-style-iw-chr button span { width: calc(0.0219512195 * 1 * 100vw) !important; height: calc(0.0219512195 * 1 * 100vw) !important; margin: calc(0.0073170732 * 1 * 100vw) !important; } } @media (min-width: 1024px) { aside.map-block .map-wrapper div[role=dialog] .gm-style-iw-chr button span { width: calc(0.0152777778 * 1 * 100vw) !important; height: calc(0.0152777778 * 1 * 100vw) !important; margin: calc(0.0055555556 * 1 * 100vw) !important; } } aside.map-block .map-wrapper div[role=dialog] .gm-style-iw-d { outline: none !important; margin-top: 15%; padding: 0 !important; overflow: hidden !important; } aside.map-block .map-wrapper div[role=dialog] .gm-style-iw-d a[href] { padding: 0 0 10px 0; margin-bottom: 10px h7; margin-bottom-font-size: 14px; } aside.map-block .map-wrapper div[role=dialog] .gm-style-iw-d a[href] h3, aside.map-block .map-wrapper div[role=dialog] .gm-style-iw-d a[href] .pads-block { margin: 3% 0; outline: none; } aside.map-block .map-wrapper div[role=dialog] .gm-style-iw-d a[href] .location { display: none; color: var(--theme-color-blue); } aside.map-block .selection .card-link { margin-top: 40px; } .infowindow .type-card img, aside.map-block .map-wrapper:not(.swiper-slide) .type-card img { aspect-ratio: 2; } .infowindow .type-card.hebergement, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement { font-size: 80% !important; } .infowindow .type-card.hebergement .tax-block, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block { position: absolute; top: 17%; left: 4%; } .infowindow .type-card.hebergement .tax-block .terms-block, .infowindow .type-card.hebergement .tax-block .childs-block, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .terms-block, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .childs-block { padding: 0; margin: 0; } .infowindow .type-card.hebergement .tax-block .terms-block .term, .infowindow .type-card.hebergement .tax-block .terms-block .child-term, .infowindow .type-card.hebergement .tax-block .childs-block .term, .infowindow .type-card.hebergement .tax-block .childs-block .child-term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .terms-block .term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .terms-block .child-term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .childs-block .term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .childs-block .child-term { background-color: var(--theme-color-violet-20); backdrop-filter: blur(20px); color: var(--theme-color-white); } @media (min-width: 1024px) { .infowindow .type-card.hebergement .tax-block .terms-block .term, .infowindow .type-card.hebergement .tax-block .terms-block .child-term, .infowindow .type-card.hebergement .tax-block .childs-block .term, .infowindow .type-card.hebergement .tax-block .childs-block .child-term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .terms-block .term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .terms-block .child-term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .childs-block .term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .childs-block .child-term { padding: calc(0.0104166667 * 1 * 100vw) calc(0.0159722222 * 1 * 100vw); } } @media (max-width: 1023px) { .infowindow .type-card.hebergement .tax-block .terms-block .term, .infowindow .type-card.hebergement .tax-block .terms-block .child-term, .infowindow .type-card.hebergement .tax-block .childs-block .term, .infowindow .type-card.hebergement .tax-block .childs-block .child-term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .terms-block .term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .terms-block .child-term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .childs-block .term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .childs-block .child-term { padding: calc(0.0182926829 * 1 * 100vw) calc(0.0280487805 * 1 * 100vw); } } @media (max-width: 480px) { .infowindow .type-card.hebergement .tax-block .terms-block .term, .infowindow .type-card.hebergement .tax-block .terms-block .child-term, .infowindow .type-card.hebergement .tax-block .childs-block .term, .infowindow .type-card.hebergement .tax-block .childs-block .child-term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .terms-block .term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .terms-block .child-term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .childs-block .term, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .tax-block .childs-block .child-term { padding: calc(0.0333333333 * 1 * 100vw) calc(0.0512820513 * 1 * 100vw); } } @media (max-width: 480px) { .infowindow .type-card.hebergement .wrapper .infos-container, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .wrapper .infos-container { padding: calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); } } @media (min-width: 481px) { .infowindow .type-card.hebergement .wrapper .infos-container, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .wrapper .infos-container { padding: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); } } @media (min-width: 1024px) { .infowindow .type-card.hebergement .wrapper .infos-container, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .wrapper .infos-container { padding: calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); } } .infowindow .type-card.hebergement .wrapper .infos-container .card-detail .card-title, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .wrapper .infos-container .card-detail .card-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .infowindow .type-card.hebergement .wrapper .infos-container .card-detail .card-title .title, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .wrapper .infos-container .card-detail .card-title .title { position: absolute; top: 4%; left: 12px; margin: 0; font-size: 1.5em !important; color: var(--theme-color-violet-dark); } .infowindow .type-card.hebergement .wrapper .infos-container .card-detail .card-title p, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .wrapper .infos-container .card-detail .card-title p { margin: 0; } .infowindow .type-card.hebergement .wrapper .infos-container .card-detail .card-description, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .wrapper .infos-container .card-detail .card-description { margin: 5% 0 3% 0; font-size: 1em !important; } .infowindow .type-card.hebergement .wrapper .infos-container .card-link, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .wrapper .infos-container .card-link { 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; } .infowindow .type-card.hebergement .wrapper .infos-container .card-link a, .infowindow .type-card.hebergement .wrapper .infos-container .card-link .author, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .wrapper .infos-container .card-link a, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .wrapper .infos-container .card-link .author { font-size: 1em !important; } .infowindow .type-card.hebergement .wrapper .infos-container .card-link a:first-child, .infowindow .type-card.hebergement .wrapper .infos-container .card-link .author:first-child, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .wrapper .infos-container .card-link a:first-child, aside.map-block .map-wrapper:not(.swiper-slide) .type-card.hebergement .wrapper .infos-container .card-link .author:first-child { margin: 0; } .infowindow { position: absolute; padding: 12px !important; z-index: 2; overflow: visible; } @media (max-width: 480px) { .infowindow { width: 100% !important; x: initial; } } .infowindow > .wrapper { height: 420px; background-color: var(--theme-color-blue-turquoise); -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding: 12px; -webkit-box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .infowindow > .wrapper .wrapper { background-color: var(--theme-color-blue-turquoise) !important; } .infowindow > .wrapper .type-card { outline: none !important; margin-top: 15%; padding: 0 !important; overflow: hidden !important; } .infowindow > .wrapper .type-card a[href] { padding: 0 0 10px 0; margin-bottom: 10px h7; margin-bottom-font-size: 14px; } .infowindow > .wrapper .type-card a[href] h3, .infowindow > .wrapper .type-card a[href] .pads-block { margin: 3% 0; outline: none; } .infowindow > .wrapper .type-card a[href] .location { color: var(--theme-color-violet-dark); } .infowindow > .wrapper .type-card .title { top: 8% !important; left: 25px !important; } @media (min-width: 481px) { .infowindow > .wrapper .type-card .title { max-width: 80%; } } .infowindow .triangle { position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid var(--theme-color-blue-turquoise); -webkit-transform: translate3d(178px, 0px, 10px); transform: translate3d(178px, 0px, 10px); } @media (max-width: 480px) { .infowindow .triangle { display: none; } } /* Remove default focus outline on links within the InfoWindow */ .gm-style-iw a:focus, .gm-style-iw a:active, .gm-style-iw a.nice-select.open { outline: none; -webkit-box-shadow: none; box-shadow: none; } .info-window a:focus, .info-window a:active, .info-window a.nice-select.open { outline: none; -webkit-box-shadow: none; box-shadow: none; } #map-svg { position: relative; } @media (max-width: 1023px) { #map-svg { margin: 10% auto auto auto; } } @media (max-width: 480px) { #map-svg { margin: 10% auto auto auto; } } @media (min-width: 1024px) { #map-svg { margin: 5% auto auto auto; top: 10%; left: 0%; } } .overlay { /* Solid violet left overlay (25%) */ /* Gradient overlay starting at 25%, width 40% */ } .overlay.base-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/wp-content/uploads/2025/06/bkjbkj.png"); /* replace with your PNG */ background-size: cover; background-position: center; z-index: 1; } .overlay.left-violet { position: absolute; top: 0; left: 0; width: 25%; height: 100%; background-color: var(--theme-color-violet); /* Example violet */ z-index: 2; } @media (max-width: 1023px) { .overlay.left-violet { display: none; } } .overlay.gradient-violet { position: absolute; top: 0; left: 25%; width: 40%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(var(--theme-color-violet)), to(transparent)); background: linear-gradient(to right, var(--theme-color-violet), transparent); z-index: 2; } @media (max-width: 1023px) { .overlay.gradient-violet { display: none; } } .bkg-grid { position: absolute; top: 4%; left: 0; width: 100vw; height: auto; } body { margin: 0; padding: 0; background-color: #e74c3c; } /* Mouse scroll */ .middle { position: absolute; top: 88%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .middle .mouse { border: 2px solid var(--theme-color-white); border-radius: 60px; } @media (min-width: 0px) { .middle .mouse { width: calc(0.0641025641 * 1 * 100vw); height: calc(0.1025641026 * 1 * 100vw); } } @media (min-width: 481px) { .middle .mouse { width: calc(0.0173611111 * 1 * 100vw); height: calc(0.0277777778 * 1 * 100vw); } } @media (min-width: 1024px) { .middle .mouse { width: calc(0.0173611111 * 1 * 100vw); height: calc(0.0277777778 * 1 * 100vw); } } .middle .mouse::before { content: ""; width: 24%; height: 15%; position: absolute; top: 15%; background-color: var(--theme-color-white); left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 50%; opacity: 1; -webkit-animation: mouse 2s infinite; animation: mouse 2s infinite; } @-webkit-keyframes mouse { from { opacity: 1; top: 15%; } to { opacity: 0; top: 80%; } } @keyframes mouse { from { opacity: 1; top: 15%; } to { opacity: 0; top: 80%; } } /** * -------------------------------------------------------------------------------------------------------------- * 3 : CARDS // * CSS des cards /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED FUNCTIONS /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED CLASSES & EXTENDS * Allways create both in order to be forced * directly on DOM or afterward in SCCS with @extend ! /**/ /* Create here as much as needed... */ /** * -------------------------------------------------------------------------------------------------------------- * ELEMENTS APPLICATIONS /**/ /* If some sections have allways the same parameters on the project define them here with the variables above */ /* All cards not swiper */ :not(.type-archive.type-swiper) > .cards-output:not(.swiper) .output { display: -ms-grid; display: grid; } :not(.type-archive.type-swiper).main-grid > .cards-output:not(.swiper) .output, :not(.type-archive.type-swiper).dissociated-grid > .cards-output:not(.swiper) .output { grid-auto-flow: dense; } @media (min-width: 0px) { :not(.type-archive.type-swiper).main-grid > .cards-output:not(.swiper) .output, :not(.type-archive.type-swiper).dissociated-grid > .cards-output:not(.swiper) .output { -ms-grid-columns: (minmax(calc(100% - 0.0256410256 * 1 * 100vw), 1fr))[1]; grid-template-columns: repeat(1, minmax(calc(100% - 0.0256410256 * 1 * 100vw), 1fr)); /* Adjust the column width as needed */ } } @media (min-width: 481px) { :not(.type-archive.type-swiper).main-grid > .cards-output:not(.swiper) .output, :not(.type-archive.type-swiper).dissociated-grid > .cards-output:not(.swiper) .output { -ms-grid-columns: (33.33%)[3]; grid-template-columns: repeat(3, 33.33%); } } @media (min-width: 1024px) { :not(.type-archive.type-swiper).main-grid > .cards-output:not(.swiper) .output, :not(.type-archive.type-swiper).dissociated-grid > .cards-output:not(.swiper) .output { -ms-grid-columns: (25%)[4]; grid-template-columns: repeat(4, 25%); } } @media (min-width: 1750px) { :not(.type-archive.type-swiper).main-grid > .cards-output:not(.swiper) .output, :not(.type-archive.type-swiper).dissociated-grid > .cards-output:not(.swiper) .output { -ms-grid-columns: (25%)[4]; grid-template-columns: repeat(4, 25%); } } @media (min-width: 0px) { :not(.type-archive.type-swiper).main-grid > .cards-output:not(.swiper) .output:not(.no-gap), :not(.type-archive.type-swiper).dissociated-grid > .cards-output:not(.swiper) .output:not(.no-gap) { -webkit-column-gap: calc(0.0256410256 * 1 * 100vw); -moz-column-gap: calc(0.0256410256 * 1 * 100vw); column-gap: calc(0.0256410256 * 1 * 100vw); row-gap: calc(0.0769230769 * 1 * 100vw); /* Adjust the gap between cards as needed */ } } @media (min-width: 481px) { :not(.type-archive.type-swiper).main-grid > .cards-output:not(.swiper) .output:not(.no-gap), :not(.type-archive.type-swiper).dissociated-grid > .cards-output:not(.swiper) .output:not(.no-gap) { -webkit-column-gap: calc(0.0243902439 * 1 * 100vw); -moz-column-gap: calc(0.0243902439 * 1 * 100vw); column-gap: calc(0.0243902439 * 1 * 100vw); /* Adjust the gap between cards as needed */ row-gap: calc(0.0365853659 * 1 * 100vw); /* Adjust the gap between cards as needed */ } } @media (min-width: 1024px) { :not(.type-archive.type-swiper).main-grid > .cards-output:not(.swiper) .output:not(.no-gap), :not(.type-archive.type-swiper).dissociated-grid > .cards-output:not(.swiper) .output:not(.no-gap) { -webkit-column-gap: calc(0.0138888889 * 1 * 100vw); -moz-column-gap: calc(0.0138888889 * 1 * 100vw); column-gap: calc(0.0138888889 * 1 * 100vw); /* Adjust the gap between cards as needed */ row-gap: calc(0.0416666667 * 1 * 100vw); /* Adjust the gap between cards as needed */ } } :not(.type-archive.type-swiper).main-grid > .cards-output:not(.swiper) .output:not(:has(.type-card)), :not(.type-archive.type-swiper).dissociated-grid > .cards-output:not(.swiper) .output:not(:has(.type-card)) { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: var(--theme-font-manrope-medium); color: var(--theme-color-violet-dark); width: -webkit-max-content; width: -moz-max-content; width: max-content; margin: auto; } @media (min-width: 0px) { :not(.type-archive.type-swiper).main-grid > .cards-output:not(.swiper) .output:not(:has(.type-card)), :not(.type-archive.type-swiper).dissociated-grid > .cards-output:not(.swiper) .output:not(:has(.type-card)) { font-size: var(--theme-font-size-6-mobile) !important; line-height: var(--theme-line-height-6-mobile); } } @media (min-width: 481px) { :not(.type-archive.type-swiper).main-grid > .cards-output:not(.swiper) .output:not(:has(.type-card)), :not(.type-archive.type-swiper).dissociated-grid > .cards-output:not(.swiper) .output:not(:has(.type-card)) { font-size: var(--theme-font-size-6-tablet) !important; line-height: var(--theme-line-height-6-tablet); } } @media (min-width: 1024px) { :not(.type-archive.type-swiper).main-grid > .cards-output:not(.swiper) .output:not(:has(.type-card)), :not(.type-archive.type-swiper).dissociated-grid > .cards-output:not(.swiper) .output:not(:has(.type-card)) { font-size: var(--theme-font-size-6-desktop) !important; line-height: var(--theme-line-height-6-desktop); } } @media (min-width: 1220px) { :not(.type-archive.type-swiper).main-grid > .cards-output:not(.swiper) .output:not(:has(.type-card)), :not(.type-archive.type-swiper).dissociated-grid > .cards-output:not(.swiper) .output:not(:has(.type-card)) { font-size: var(--theme-font-size-6-desktop-no-burger) !important; line-height: var(--theme-line-height-6-desktop-no-burger); } } @media (min-width: 1425px) { :not(.type-archive.type-swiper).main-grid > .cards-output:not(.swiper) .output:not(:has(.type-card)), :not(.type-archive.type-swiper).dissociated-grid > .cards-output:not(.swiper) .output:not(:has(.type-card)) { font-size: var(--theme-font-size-6-desktop-full) !important; line-height: var(--theme-line-height-6-desktop-full); } } @media (min-width: 1750px) { :not(.type-archive.type-swiper).main-grid > .cards-output:not(.swiper) .output:not(:has(.type-card)), :not(.type-archive.type-swiper).dissociated-grid > .cards-output:not(.swiper) .output:not(:has(.type-card)) { font-size: var(--theme-font-size-6-desktop-large) !important; line-height: var(--theme-line-height-6-desktop-large); } } :not(.type-archive.type-swiper).main-grid > .cards-output.swiper.active, :not(.type-archive.type-swiper).dissociated-grid > .cards-output.swiper.active { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; } @media (max-width: 480px) { :not(.type-archive.type-swiper).main-grid > .cards-output.swiper.active, :not(.type-archive.type-swiper).dissociated-grid > .cards-output.swiper.active { gap: calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { :not(.type-archive.type-swiper).main-grid > .cards-output.swiper.active, :not(.type-archive.type-swiper).dissociated-grid > .cards-output.swiper.active { overflow-y: hidden !important; } } @media (min-width: 1024px) { :not(.type-archive.type-swiper).main-grid > .cards-output.swiper.active, :not(.type-archive.type-swiper).dissociated-grid > .cards-output.swiper.active { margin-bottom: calc(0.0694444444 * 1 * 100vw); } } @media (min-width: 0px) { :not(.type-archive.type-swiper).main-grid > .cards-output.swiper.active .output, :not(.type-archive.type-swiper).dissociated-grid > .cards-output.swiper.active .output { margin-right: calc(0 * 1 * 100vw); } } @media (min-width: 481px) { :not(.type-archive.type-swiper).main-grid > .cards-output.swiper.active .output, :not(.type-archive.type-swiper).dissociated-grid > .cards-output.swiper.active .output { margin-right: calc(0.0182926829 * 1 * 100vw); } } @media (min-width: 1024px) { :not(.type-archive.type-swiper).main-grid > .cards-output.swiper.active .output, :not(.type-archive.type-swiper).dissociated-grid > .cards-output.swiper.active .output { width: 50%; margin-right: calc(0.0138888889 * 1 * 100vw); } } @media (min-width: 0px) { :not(.type-archive.type-swiper).main-grid > .cards-output.swiper.active .output .swiper-slide, :not(.type-archive.type-swiper).dissociated-grid > .cards-output.swiper.active .output .swiper-slide { margin-right: 30px; } } @media (max-width: 1023px) { :not(.type-archive.type-swiper).main-grid > .cards-output.swiper.active .output .swiper-slide, :not(.type-archive.type-swiper).dissociated-grid > .cards-output.swiper.active .output .swiper-slide { margin-bottom: 20px; } } @media (min-width: 1024px) { :not(.type-archive.type-swiper).main-grid > .cards-output.swiper.active .output .swiper-slide, :not(.type-archive.type-swiper).dissociated-grid > .cards-output.swiper.active .output .swiper-slide { margin-bottom: 20px; } } @media (min-width: 0px) { :not(.type-archive.type-swiper):not(.dissociated-grid) > .cards-output .output, :not(.type-archive.type-swiper).blog > .cards-output .output { -ms-grid-columns: (minmax(calc(100% - 0.0256410256 * 1 * 100vw), 1fr))[1]; grid-template-columns: repeat(1, minmax(calc(100% - 0.0256410256 * 1 * 100vw), 1fr)); /* Adjust the column width as needed */ } } @media (min-width: 481px) { :not(.type-archive.type-swiper):not(.dissociated-grid) > .cards-output .output:not(.col-2), :not(.type-archive.type-swiper).blog > .cards-output .output:not(.col-2) { -ms-grid-columns: (minmax(calc(50% - 0.0609756098 * 1 * 100vw), 1fr))[2]; grid-template-columns: repeat(2, minmax(calc(50% - 0.0609756098 * 1 * 100vw), 1fr)); } :not(.type-archive.type-swiper):not(.dissociated-grid) > .cards-output .output.col-2, :not(.type-archive.type-swiper).blog > .cards-output .output.col-2 { -ms-grid-columns: (minmax(calc(50% - 0.0609756098 * 1 * 100vw), 1fr))[2]; grid-template-columns: repeat(2, minmax(calc(50% - 0.0609756098 * 1 * 100vw), 1fr)); } } @media (min-width: 1024px) { :not(.type-archive.type-swiper):not(.dissociated-grid) > .cards-output .output:not(.col-2), :not(.type-archive.type-swiper).blog > .cards-output .output:not(.col-2) { -ms-grid-columns: (minmax(calc(33.33% - 0.0347222222 * 1 * 100vw), 1fr))[3]; grid-template-columns: repeat(3, minmax(calc(33.33% - 0.0347222222 * 1 * 100vw), 1fr)); margin-right: 0; } :not(.type-archive.type-swiper):not(.dissociated-grid) > .cards-output .output.col-2, :not(.type-archive.type-swiper).blog > .cards-output .output.col-2 { -ms-grid-columns: (minmax(calc(50% - 0.0347222222 * 1 * 100vw), 1fr))[2]; grid-template-columns: repeat(2, minmax(calc(50% - 0.0347222222 * 1 * 100vw), 1fr)); margin-right: 0; } } @media (min-width: 1750px) { :not(.type-archive.type-swiper):not(.dissociated-grid) > .cards-output .output:not(.col-2), :not(.type-archive.type-swiper).blog > .cards-output .output:not(.col-2) { -ms-grid-columns: (minmax(calc(33.33% - 0.0347222222 * 1 * 100vw), 1fr))[3]; grid-template-columns: repeat(3, minmax(calc(33.33% - 0.0347222222 * 1 * 100vw), 1fr)); margin-right: 0; } :not(.type-archive.type-swiper):not(.dissociated-grid) > .cards-output .output.col-2, :not(.type-archive.type-swiper).blog > .cards-output .output.col-2 { -ms-grid-columns: (minmax(calc(50% - 0.0347222222 * 1 * 100vw), 1fr))[2]; grid-template-columns: repeat(2, minmax(calc(50% - 0.0347222222 * 1 * 100vw), 1fr)); margin-right: 0; } } @media (min-width: 0px) { :not(.type-archive.type-swiper):not(.dissociated-grid) > .cards-output .output:not(.no-gap), :not(.type-archive.type-swiper).blog > .cards-output .output:not(.no-gap) { -webkit-column-gap: calc(0.0256410256 * 1 * 100vw); -moz-column-gap: calc(0.0256410256 * 1 * 100vw); column-gap: calc(0.0256410256 * 1 * 100vw); row-gap: calc(0.1025641026 * 1 * 100vw); /* Adjust the gap between cards as needed */ } } @media (min-width: 481px) { :not(.type-archive.type-swiper):not(.dissociated-grid) > .cards-output .output:not(.no-gap), :not(.type-archive.type-swiper).blog > .cards-output .output:not(.no-gap) { -webkit-column-gap: calc(0.0243902439 * 1 * 100vw); -moz-column-gap: calc(0.0243902439 * 1 * 100vw); column-gap: calc(0.0243902439 * 1 * 100vw); /* Adjust the gap between cards as needed */ row-gap: calc(0.0731707317 * 1 * 100vw); /* Adjust the gap between cards as needed */ } } @media (min-width: 1024px) { :not(.type-archive.type-swiper):not(.dissociated-grid) > .cards-output .output:not(.no-gap), :not(.type-archive.type-swiper).blog > .cards-output .output:not(.no-gap) { -webkit-column-gap: calc(0.0208333333 * 1 * 100vw); -moz-column-gap: calc(0.0208333333 * 1 * 100vw); column-gap: calc(0.0208333333 * 1 * 100vw); /* Adjust the gap between cards as needed */ row-gap: calc(0.0555555556 * 1 * 100vw); /* Adjust the gap between cards as needed */ } } .output { display: -ms-grid; display: grid; } @media (min-width: 1024px) { .output:not(.swiper-wrapper) { gap: calc(0.0347222222 * 1 * 100vw); } } @media (max-width: 1023px) { .output:not(.swiper-wrapper) { gap: calc(0.0609756098 * 1 * 100vw); } } @media (max-width: 480px) { .output:not(.swiper-wrapper) { gap: calc(0.1282051282 * 1 * 100vw); } } .output .type-card, .output .product { float: left; 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; overflow: hidden; width: 100%; } .output .type-card img:not(.picto), .output .product img:not(.picto) { -o-object-fit: cover; object-fit: cover; width: 100%; height: auto; display: block; -webkit-box-shadow: none; box-shadow: none; } .output .type-card:not(.card-swiper-images):hover img, .output .product:not(.card-swiper-images):hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .output .type-card.card-swiper-images, .output .product.card-swiper-images { /* Afficher les contrôles au survol */ } .output .type-card.card-swiper-images .swiper, .output .product.card-swiper-images .swiper { height: auto !important; } .output .type-card.card-swiper-images .swiper-wrapper, .output .product.card-swiper-images .swiper-wrapper { height: 100% !important; } .output .type-card.card-swiper-images .swiper-container, .output .product.card-swiper-images .swiper-container { height: 100%; } .output .type-card.card-swiper-images .swiper-pagination, .output .product.card-swiper-images .swiper-pagination { bottom: 10% !important; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .output .type-card.card-swiper-images .swiper-pagination-bullet, .output .product.card-swiper-images .swiper-pagination-bullet { background: white; opacity: 0.8; } .output .type-card.card-swiper-images .swiper-pagination-bullet-active, .output .product.card-swiper-images .swiper-pagination-bullet-active { opacity: 1; } .output .type-card.card-swiper-images .swiper-button-prev, .output .type-card.card-swiper-images .swiper-button-next, .output .product.card-swiper-images .swiper-button-prev, .output .product.card-swiper-images .swiper-button-next { color: white; background: rgba(190, 188, 188, 0.4705882353) 0% 0% no-repeat padding-box; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); width: 40px; height: 40px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .output .type-card.card-swiper-images .swiper-button-prev::after, .output .type-card.card-swiper-images .swiper-button-next::after, .output .product.card-swiper-images .swiper-button-prev::after, .output .product.card-swiper-images .swiper-button-next::after { font-size: 10px; } .output .type-card.card-swiper-images .swiper-pagination, .output .product.card-swiper-images .swiper-pagination { opacity: 1; } .output .type-card.card-swiper-images .swiper-slide, .output .product.card-swiper-images .swiper-slide { width: 100% !important; height: auto; } .output .type-card.card-swiper-images .swiper-slide img:not(.img-icon), .output .product.card-swiper-images .swiper-slide img:not(.img-icon) { height: 100%; } .output .type-card.card-swiper-images .overlay, .output .product.card-swiper-images .overlay { opacity: 0; position: absolute; bottom: 0; left: 0; width: -webkit-fill-available; height: 55%; margin: auto; z-index: 2; border-radius: 0 0 5px 5px; background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(47, 11, 110, 0)), to(#2F0B6E)) 0% 0% no-repeat padding-box; background: transparent linear-gradient(180deg, rgba(47, 11, 110, 0) 0%, #2F0B6E 100%) 0% 0% no-repeat padding-box; } .output .type-card.card-swiper-images:hover .swiper-button-next, .output .type-card.card-swiper-images:hover .swiper-button-prev, .output .product.card-swiper-images:hover .swiper-button-next, .output .product.card-swiper-images:hover .swiper-button-prev { opacity: 1; } .output .type-card.card-swiper-images:hover .overlay, .output .product.card-swiper-images:hover .overlay { opacity: 0.3; } .output .type-card .tax-block, .output .product .tax-block { top: 4%; left: 4%; } .output .type-card .tax-block .terms-block, .output .type-card .tax-block .childs-block, .output .product .tax-block .terms-block, .output .product .tax-block .childs-block { padding: 0; margin: 0; } .output .type-card .tax-block .terms-block .term, .output .type-card .tax-block .terms-block .child-term, .output .type-card .tax-block .childs-block .term, .output .type-card .tax-block .childs-block .child-term, .output .product .tax-block .terms-block .term, .output .product .tax-block .terms-block .child-term, .output .product .tax-block .childs-block .term, .output .product .tax-block .childs-block .child-term { list-style: none; margin: 0; opacity: 1; } @media (min-width: 481px) { .output .type-card.post .wrapper .infos-container, .output .product.post .wrapper .infos-container { padding: calc(0.0182926829 * 1 * 100vw); } } @media (min-width: 1024px) { .output .type-card.post .wrapper .infos-container, .output .product.post .wrapper .infos-container { padding: calc(0.0138888889 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); } } .output .type-card.post .wrapper .infos-container .tax-block .terms-block .term, .output .type-card.post .wrapper .infos-container .tax-block .terms-block .child-term, .output .type-card.post .wrapper .infos-container .tax-block .childs-block .term, .output .type-card.post .wrapper .infos-container .tax-block .childs-block .child-term, .output .product.post .wrapper .infos-container .tax-block .terms-block .term, .output .product.post .wrapper .infos-container .tax-block .terms-block .child-term, .output .product.post .wrapper .infos-container .tax-block .childs-block .term, .output .product.post .wrapper .infos-container .tax-block .childs-block .child-term { color: var(--theme-color-violet); } .output .type-card.hebergement, .output .type-card.post, .output .product.hebergement, .output .product.post { height: 100%; background-color: var(--theme-color-mauve-pale); } @media (min-width: 0px) { .output .type-card.hebergement, .output .type-card.post, .output .product.hebergement, .output .product.post { padding: calc(0.0256410256 * 1 * 100vw); } } @media (min-width: 481px) { .output .type-card.hebergement, .output .type-card.post, .output .product.hebergement, .output .product.post { border: none; padding: calc(0.006097561 * 1 * 100vw); } } @media (min-width: 1024px) { .output .type-card.hebergement, .output .type-card.post, .output .product.hebergement, .output .product.post { padding: calc(0.0034722222 * 1 * 100vw); } } .output .type-card.hebergement > a, .output .type-card.post > a, .output .product.hebergement > a, .output .product.post > a { overflow: hidden; } .output .type-card.hebergement .tax-block, .output .type-card.post .tax-block, .output .product.hebergement .tax-block, .output .product.post .tax-block { position: absolute; } .output .type-card.hebergement .tax-block .terms-block .term, .output .type-card.hebergement .tax-block .terms-block .child-term, .output .type-card.hebergement .tax-block .childs-block .term, .output .type-card.hebergement .tax-block .childs-block .child-term, .output .type-card.post .tax-block .terms-block .term, .output .type-card.post .tax-block .terms-block .child-term, .output .type-card.post .tax-block .childs-block .term, .output .type-card.post .tax-block .childs-block .child-term, .output .product.hebergement .tax-block .terms-block .term, .output .product.hebergement .tax-block .terms-block .child-term, .output .product.hebergement .tax-block .childs-block .term, .output .product.hebergement .tax-block .childs-block .child-term, .output .product.post .tax-block .terms-block .term, .output .product.post .tax-block .terms-block .child-term, .output .product.post .tax-block .childs-block .term, .output .product.post .tax-block .childs-block .child-term { background-color: var(--theme-color-violet-20); backdrop-filter: blur(20px); color: var(--theme-color-white); } @media (min-width: 1024px) { .output .type-card.hebergement .tax-block .terms-block .term, .output .type-card.hebergement .tax-block .terms-block .child-term, .output .type-card.hebergement .tax-block .childs-block .term, .output .type-card.hebergement .tax-block .childs-block .child-term, .output .type-card.post .tax-block .terms-block .term, .output .type-card.post .tax-block .terms-block .child-term, .output .type-card.post .tax-block .childs-block .term, .output .type-card.post .tax-block .childs-block .child-term, .output .product.hebergement .tax-block .terms-block .term, .output .product.hebergement .tax-block .terms-block .child-term, .output .product.hebergement .tax-block .childs-block .term, .output .product.hebergement .tax-block .childs-block .child-term, .output .product.post .tax-block .terms-block .term, .output .product.post .tax-block .terms-block .child-term, .output .product.post .tax-block .childs-block .term, .output .product.post .tax-block .childs-block .child-term { padding: calc(0.0104166667 * 1 * 100vw) calc(0.0159722222 * 1 * 100vw); } } @media (max-width: 1023px) { .output .type-card.hebergement .tax-block .terms-block .term, .output .type-card.hebergement .tax-block .terms-block .child-term, .output .type-card.hebergement .tax-block .childs-block .term, .output .type-card.hebergement .tax-block .childs-block .child-term, .output .type-card.post .tax-block .terms-block .term, .output .type-card.post .tax-block .terms-block .child-term, .output .type-card.post .tax-block .childs-block .term, .output .type-card.post .tax-block .childs-block .child-term, .output .product.hebergement .tax-block .terms-block .term, .output .product.hebergement .tax-block .terms-block .child-term, .output .product.hebergement .tax-block .childs-block .term, .output .product.hebergement .tax-block .childs-block .child-term, .output .product.post .tax-block .terms-block .term, .output .product.post .tax-block .terms-block .child-term, .output .product.post .tax-block .childs-block .term, .output .product.post .tax-block .childs-block .child-term { padding: calc(0.0182926829 * 1 * 100vw) calc(0.0280487805 * 1 * 100vw); } } @media (max-width: 480px) { .output .type-card.hebergement .tax-block .terms-block .term, .output .type-card.hebergement .tax-block .terms-block .child-term, .output .type-card.hebergement .tax-block .childs-block .term, .output .type-card.hebergement .tax-block .childs-block .child-term, .output .type-card.post .tax-block .terms-block .term, .output .type-card.post .tax-block .terms-block .child-term, .output .type-card.post .tax-block .childs-block .term, .output .type-card.post .tax-block .childs-block .child-term, .output .product.hebergement .tax-block .terms-block .term, .output .product.hebergement .tax-block .terms-block .child-term, .output .product.hebergement .tax-block .childs-block .term, .output .product.hebergement .tax-block .childs-block .child-term, .output .product.post .tax-block .terms-block .term, .output .product.post .tax-block .terms-block .child-term, .output .product.post .tax-block .childs-block .term, .output .product.post .tax-block .childs-block .child-term { padding: calc(0.0333333333 * 1 * 100vw) calc(0.0512820513 * 1 * 100vw); } } .output .type-card .wrapper, .output .product .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .output .type-card .wrapper.bkg-mauve-pale, .output .product .wrapper.bkg-mauve-pale { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .output .type-card .wrapper .infos-container, .output .product .wrapper .infos-container { height: auto; 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-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 480px) { .output .type-card .wrapper .infos-container, .output .product .wrapper .infos-container { padding: calc(0.0641025641 * 1 * 100vw) calc(0 * 1 * 100vw); } } @media (min-width: 481px) { .output .type-card .wrapper .infos-container, .output .product .wrapper .infos-container { padding: calc(0.0182926829 * 1 * 100vw); } } @media (min-width: 1024px) { .output .type-card .wrapper .infos-container, .output .product .wrapper .infos-container { padding: calc(0.0138888889 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); } } .output .type-card .wrapper .infos-container .card-detail, .output .product .wrapper .infos-container .card-detail { height: auto; } .output .type-card .wrapper .infos-container .card-detail .card-title .title, .output .product .wrapper .infos-container .card-detail .card-title .title { margin: 0; color: var(--theme-color-violet-dark); } .output .type-card .wrapper .infos-container .card-detail .card-description, .output .product .wrapper .infos-container .card-detail .card-description { color: var(--theme-color-violet-dark-70); } .output .type-card .wrapper .infos-container .card-detail .card-link a, .output .type-card .wrapper .infos-container .card-detail .card-link .author, .output .product .wrapper .infos-container .card-detail .card-link a, .output .product .wrapper .infos-container .card-detail .card-link .author { padding-left: 0 !important; padding-bottom: 0 !important; } .output.main-grid { font-family: var(--theme-font-Unbounded-bold) !important; color: var(--theme-color-violet-dark); } @media (max-width: 480px) { .output.main-grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } @media (min-width: 1024px) { .output.main-grid { grid-template-columns: repeat(auto-fill, minmax(560px, 1fr)); /* Adjust the column width as needed */ } } @media (max-width: 480px) { .output.main-grid .type-card.hebergement .wrapper { padding: calc(0.0641025641 * 1 * 100vw) calc(0 * 1 * 100vw); } } @media (max-width: 480px) { .output.main-grid .type-card.hebergement .wrapper .infos-container { padding: 0; } } @media (min-width: 481px) { .output.main-grid .type-card.hebergement .wrapper .infos-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .output.main-grid .type-card.hebergement .wrapper .infos-container .card-detail .card-title { -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; } @media (max-width: 480px) { .output.main-grid .type-card.hebergement .wrapper .infos-container .card-detail .card-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .output.main-grid .type-card.hebergement .wrapper .infos-container .card-link { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 480px) { .output.main-grid .type-card.hebergement .wrapper .infos-container .card-link { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 480px) { .output.main-grid .type-card.hebergement .wrapper .infos-container .card-link a:first-child, .output.main-grid .type-card.hebergement .wrapper .infos-container .card-link .author:first-child { margin: 0 0 5% 0; } } @media (min-width: 481px) { .output.main-grid .type-card.hebergement .wrapper .infos-container .card-link a:first-child, .output.main-grid .type-card.hebergement .wrapper .infos-container .card-link .author:first-child { margin: 0 5% 0 0; } } .output.swiper-wrapper { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* Adjust the column width as needed */ } @media (max-width: 480px) { .output.swiper-wrapper .type-card img:not(.picto) { aspect-ratio: 1.6; } } @media (min-width: 481px) { .output.swiper-wrapper .type-card img:not(.picto) { aspect-ratio: 2; } } @media (min-width: 1024px) { .output.swiper-wrapper .type-card img:not(.picto) { aspect-ratio: 1.6; } } .output.swiper-wrapper .type-card.hebergement .tax-block { position: absolute; } .output.swiper-wrapper .type-card.hebergement .tax-block .terms-block .term, .output.swiper-wrapper .type-card.hebergement .tax-block .terms-block .child-term, .output.swiper-wrapper .type-card.hebergement .tax-block .childs-block .term, .output.swiper-wrapper .type-card.hebergement .tax-block .childs-block .child-term { background-color: var(--theme-color-violet-10); border-radius: 41px; backdrop-filter: blur(30%); color: var(--theme-color-white); } @media (min-width: 1024px) { .output.swiper-wrapper .type-card.hebergement .tax-block .terms-block .term, .output.swiper-wrapper .type-card.hebergement .tax-block .terms-block .child-term, .output.swiper-wrapper .type-card.hebergement .tax-block .childs-block .term, .output.swiper-wrapper .type-card.hebergement .tax-block .childs-block .child-term { padding: calc(0.0104166667 * 1 * 100vw) calc(0.0159722222 * 1 * 100vw); } } @media (max-width: 1023px) { .output.swiper-wrapper .type-card.hebergement .tax-block .terms-block .term, .output.swiper-wrapper .type-card.hebergement .tax-block .terms-block .child-term, .output.swiper-wrapper .type-card.hebergement .tax-block .childs-block .term, .output.swiper-wrapper .type-card.hebergement .tax-block .childs-block .child-term { padding: calc(0.0182926829 * 1 * 100vw) calc(0.0280487805 * 1 * 100vw); } } @media (max-width: 480px) { .output.swiper-wrapper .type-card.hebergement .tax-block .terms-block .term, .output.swiper-wrapper .type-card.hebergement .tax-block .terms-block .child-term, .output.swiper-wrapper .type-card.hebergement .tax-block .childs-block .term, .output.swiper-wrapper .type-card.hebergement .tax-block .childs-block .child-term { padding: calc(0.0333333333 * 1 * 100vw) calc(0.0512820513 * 1 * 100vw); } } @media (min-width: 481px) { .output.swiper-wrapper .type-card.hebergement .wrapper .infos-container { padding: calc(0.0243902439 * 1 * 100vw) calc(0.0182926829 * 1 * 100vw) calc(0.0182926829 * 1 * 100vw) calc(0.0182926829 * 1 * 100vw); } } @media (min-width: 1024px) { .output.swiper-wrapper .type-card.hebergement .wrapper .infos-container { padding: calc(0.0138888889 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); } } .output.swiper-wrapper .type-card.hebergement .wrapper .infos-container .card-detail .card-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .output.swiper-wrapper .type-card.hebergement .wrapper .infos-container .card-detail .card-description { margin: 5% 0 3% 0; min-height: 2.5em; } .output.swiper-wrapper .type-card.hebergement .wrapper .infos-container .card-link a:first-child, .output.swiper-wrapper .type-card.hebergement .wrapper .infos-container .card-link .author:first-child { margin: 6% 0 3% 0; } section.accomodations .output.main-grid .type-card img:not(.picto) { aspect-ratio: 2; } section.blog .output.main-grid .type-card img { aspect-ratio: 1.7; } @media (max-width: 480px) { section.type-swiper .swiper-slide { height: auto; } } @media (min-width: 481px) { section.type-swiper .swiper-slide { height: auto; } } @media (max-width: 480px) { section.type-swiper .swiper-slide .type-card.card-swiper-images .swiper { aspect-ratio: 1.6; } } @media (min-width: 481px) { section.type-swiper .swiper-slide .type-card.card-swiper-images .swiper { aspect-ratio: 2; } } @media (min-width: 1024px) { section.type-swiper .swiper-slide .type-card.card-swiper-images .swiper { aspect-ratio: 1.6; } } .pilule { width: -webkit-max-content; width: -moz-max-content; width: max-content; background-color: var(--theme-color-violet-10); color: var(--theme-color-violet-70); margin: 2% 0 0 0; } @media (min-width: 481px) { .pilule { padding: calc(0.0091463415 * 1 * 100vw) calc(0.0158536585 * 1 * 100vw); } } @media (min-width: 1024px) { .pilule { padding: calc(0.0052083333 * 1 * 100vw) calc(0.0090277778 * 1 * 100vw); } } .pilule + .card-detail { margin-top: 4%; } img[src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="], .swiper:has(img[src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="]):not(#accomodations-map) { width: 0px !important; height: 0px !important; } /** * -------------------------------------------------------------------------------------------------------------- * 4 : BLOCKS // * Les éléments (header, footer, menu, table, form, ...) /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * BANNER /**/ body.single-post header { background-color: var(--theme-color-white); border-bottom: 1px solid var(--theme-color-violet-dark-20); } body.single-post header .custom-logo.white { display: none; } body.single-post header .menu.cd-menu-icon { border-color: var(--theme-color-blue-30); } body.single-post header .menu.cd-menu-icon path, body.single-post header .menu.cd-menu-icon rect { fill: var(--theme-color-blue-60); } header { z-index: 999; top: 0; left: 0; right: 0; } @media (max-width: 1023px) { header { border-bottom: 1px solid var(--theme-color-mauve-pale-30); } } header:has(+ .type-banner > .bkg-wrapper).top-reached:not(:has(.lateral-menu-is-open)) .custom-logo:not(.white), header:has(+ .popup-container + .type-banner > .bkg-wrapper).top-reached:not(:has(.lateral-menu-is-open)) .custom-logo:not(.white) { display: none; } header:has(+ .type-banner > .bkg-wrapper).top-reached .no-burger a, header:has(+ .popup-container + .type-banner > .bkg-wrapper).top-reached .no-burger a { color: var(--theme-color-white) !important; } header:has(+ .type-banner > .bkg-wrapper).top-reached .no-burger li.has-children > a:not(.custom-logo-link)::before, header:has(+ .popup-container + .type-banner > .bkg-wrapper).top-reached .no-burger li.has-children > a:not(.custom-logo-link)::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.828' height='8.828' viewBox='0 0 14.828 8.828'%3E%3Cline x2='6' y2='6' transform='translate(1.414 1.414)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='2'/%3E%3Cline x1='6' y2='6' transform='translate(7.414 1.414)' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E") !important; } header:has(+ .type-banner > .bkg-wrapper).top-reached :not(.big-burger > .wrapper > .container) > .cd-menu-icon:not(.is-clicked), header:has(+ .popup-container + .type-banner > .bkg-wrapper).top-reached :not(.big-burger > .wrapper > .container) > .cd-menu-icon:not(.is-clicked) { border-color: var(--theme-color-white-30) !important; } header:has(+ .type-banner > .bkg-wrapper).top-reached :not(.big-burger > .wrapper > .container) > .cd-menu-icon:not(.is-clicked) span, header:has(+ .popup-container + .type-banner > .bkg-wrapper).top-reached :not(.big-burger > .wrapper > .container) > .cd-menu-icon:not(.is-clicked) span { background-color: var(--theme-color-white); } header:has(+ .type-banner > .bkg-wrapper):not(.top-reached), header:has(+ .popup-container + .type-banner > .bkg-wrapper):not(.top-reached) { border-bottom: 1px solid var(--theme-color-violet-dark-20); } header:has(+ .type-banner > .wrapper), header:has(+ .popup-container + .type-banner > .wrapper) { background-color: var(--theme-color-white); border-bottom: 1px solid var(--theme-color-violet-dark-20); } header:has(+ .type-banner > .wrapper) .custom-logo.white, header:has(+ .popup-container + .type-banner > .wrapper) .custom-logo.white { display: none; } header:has(+ .type-banner > .wrapper) .menu.cd-menu-icon, header:has(+ .popup-container + .type-banner > .wrapper) .menu.cd-menu-icon { border-color: var(--theme-color-blue-30); } header:has(+ .type-banner > .wrapper) .menu.cd-menu-icon path, header:has(+ .type-banner > .wrapper) .menu.cd-menu-icon rect, header:has(+ .popup-container + .type-banner > .wrapper) .menu.cd-menu-icon path, header:has(+ .popup-container + .type-banner > .wrapper) .menu.cd-menu-icon rect { fill: var(--theme-color-blue-60); } header:has(#cd-lateral-nav.lateral-menu-is-open) .wrapper.no-burger .site-navigation .navigation:first-child a { color: var(--theme-color-violet-dark) !important; } header:has(#cd-lateral-nav.lateral-menu-is-open) .wrapper.no-burger .site-navigation .navigation:first-child li.has-children > a::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.828' height='8.828' viewBox='0 0 14.828 8.828'%3E%3Cline x2='6' y2='6' transform='translate(1.414 1.414)' fill='none' stroke='%232F0A6F' stroke-linecap='round' stroke-width='2'/%3E%3Cline x1='6' y2='6' transform='translate(7.414 1.414)' fill='none' stroke='%232F0A6F' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E") !important; } header.top-reached { position: absolute; } header.top-reached:has(.lateral-menu-is-open), header:not(.top-reached) { position: fixed; background-color: var(--theme-color-white) !important; } header.top-reached:has(.lateral-menu-is-open) .custom-logo.white, header:not(.top-reached) .custom-logo.white { display: none; } header a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } @media (min-width: 0px) { header { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 1024px) { header { -webkit-box-pack: initial; -ms-flex-pack: initial; justify-content: initial; } } header .site-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } header .site-navigation .fa-xmark { color: var(--theme-color-violet-dark); } header .site-navigation #cd-menu-close .long-line { position: relative; } header .site-navigation #cd-menu-close .long-line:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (min-width: 0px) { header .site-navigation #cd-menu-close .long-line:nth-child(1) { top: calc(0.0205128205 * 1 * 100vw); } } @media (min-width: 481px) { header .site-navigation #cd-menu-close .long-line:nth-child(1) { top: calc(0.0097560976 * 1 * 100vw); } } @media (min-width: 1024px) { header .site-navigation #cd-menu-close .long-line:nth-child(1) { top: calc(0.0055555556 * 1 * 100vw); } } header .site-navigation #cd-menu-close .long-line:nth-child(2) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } @media (min-width: 0px) { header .site-navigation #cd-menu-close .long-line:nth-child(2) { top: calc(-0.0051282051 * 1 * 100vw); } } @media (min-width: 481px) { header .site-navigation #cd-menu-close .long-line:nth-child(2) { top: calc(-0.0024390244 * 1 * 100vw); } } @media (min-width: 1024px) { header .site-navigation #cd-menu-close .long-line:nth-child(2) { top: calc(-0.0013888889 * 1 * 100vw); } } header .menu { cursor: pointer; color: var(--theme-color-violet-dark); font-size: calc(0.0097222222 * 1 * 100vw); height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } @media (max-width: 1023px) { header .menu { padding: 20px; border-radius: 7px; } } @media (min-width: 1024px) { header .menu:not(.cd-menu-icon) { margin: auto calc(0.0208333333 * 1 * 100vw) auto calc(0.0069444444 * 1 * 100vw); } } header .menu.cd-menu-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; aspect-ratio: 1; border: 1px solid rgba(255, 255, 255, 0.1882352941); border-radius: 100%; height: auto; margin: 0; } @media (min-width: 0px) { header .menu.cd-menu-icon { margin: 0 0 0 calc(0.0256410256 * 1 * 100vw); padding: calc(0.0358974359 * 1 * 100vw); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } @media (min-width: 481px) { header .menu.cd-menu-icon { margin: 0 0 0 calc(0.012195122 * 1 * 100vw); padding: calc(0.0170731707 * 1 * 100vw); } } @media (min-width: 1024px) { header .menu.cd-menu-icon { margin: 0 0 0 calc(0.0069444444 * 1 * 100vw); padding: calc(0.0104166667 * 1 * 100vw); } } @media (min-width: 1220px) { header .menu.cd-menu-icon { margin: 0 0 0 calc(0.0069444444 * 1 * 100vw); padding: calc(0.0111111111 * 1 * 100vw); } } header .menu.cd-menu-icon svg.burger { display: -webkit-box; display: -ms-flexbox; display: flex; } header .menu.cd-menu-icon svg.cross { display: none; } header .menu.cd-menu-icon span { display: block; height: 2px; border-radius: 2px; background-color: var(--theme-color-violet-dark); } @media (min-width: 0px) { header .menu.cd-menu-icon span.long-line { width: calc(0.0769230769 * 1 * 100vw); } } @media (min-width: 481px) { header .menu.cd-menu-icon span.long-line { width: calc(0.0365853659 * 1 * 100vw); } } @media (min-width: 1024px) { header .menu.cd-menu-icon span.long-line { width: calc(0.0208333333 * 1 * 100vw); } } @media (min-width: 0px) { header .menu.cd-menu-icon span.long-line:nth-child(2) { margin: calc(0.0205128205 * 1 * 100vw) 0; } } @media (min-width: 481px) { header .menu.cd-menu-icon span.long-line:nth-child(2) { margin: calc(0.0097560976 * 1 * 100vw) 0; } } @media (min-width: 1024px) { header .menu.cd-menu-icon span.long-line:nth-child(2) { margin: calc(0.0055555556 * 1 * 100vw) 0; } } @media (max-width: 1023px) { header .menu.cd-menu-icon.is-clicked { border-color: var(--theme-color-white-30) !important; } header .menu.cd-menu-icon.is-clicked path, header .menu.cd-menu-icon.is-clicked rect { fill: var(--theme-color-white-70) !important; } } @media (min-width: 1024px) { header .menu.cd-menu-icon.is-clicked { border-color: var(--theme-color-blue-30); } header .menu.cd-menu-icon.is-clicked path, header .menu.cd-menu-icon.is-clicked rect { fill: var(--theme-color-blue-60); } } header .menu.cd-menu-icon.is-clicked svg.burger { display: none; } header .menu.cd-menu-icon.is-clicked svg.cross { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 1024px) { header .menu.cd-menu-icon.is-clicked .long-line { visibility: hidden; } } header .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: auto; } header .wrapper nav > div:first-child:not(.menu-contact-container) > ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media (min-width: 1024px) { header .wrapper nav > div:first-child:not(.menu-contact-container) > ul { gap: calc(0.0194444444 * 1 * 100vw); } } header .wrapper nav > div:first-child.menu-contact-container > ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 1024px) { header .wrapper nav > div:first-child.menu-contact-container > ul { gap: calc(0.0069444444 * 1 * 100vw); } } header .wrapper nav > div:first-child ul { margin: 0; } header .wrapper nav > div:first-child ul:not(.sub-menu) { height: 100%; } header .wrapper nav > div:first-child ul li { height: 100%; } header .site-branding { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } header:not(.top-reached) .has-children > a:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.803' height='6.31' viewBox='0 0 9.803 6.31'%3E%3Cpath id='Tracé_20809' data-name='Tracé 20809' d='M0,4.9,4.529,0,8.838,4.9' transform='translate(9.326 5.34) rotate(180)' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E%0A"); } header:not(.top-reached) .sub-menu { background: var(--theme-color-white); } header:not(.top-reached) .sub-menu > li > a { color: var(--theme-color-violet-dark) !important; } header:not(.top-reached) .sub-menu > li > a:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.803' height='6.31' viewBox='0 0 9.803 6.31'%3E%3Cpath id='Tracé_20809' data-name='Tracé 20809' d='M0,4.9,4.529,0,8.838,4.9' transform='translate(9.326 5.34) rotate(180)' fill='none' stroke='%23000' stroke-width='1.3'/%3E%3C/svg%3E%0A"); } header:not(.top-reached) .menu.cd-menu-icon { border-color: var(--theme-color-blue-30); } header:not(.top-reached) .menu.cd-menu-icon path, header:not(.top-reached) .menu.cd-menu-icon rect { fill: var(--theme-color-blue-60); } header.top-reached .navigation .menu-contact-container a { color: var(--theme-color-full-white) !important; } header.top-reached .has-children > a:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.803' height='6.31' viewBox='0 0 9.803 6.31'%3E%3Cpath id='Tracé_20809' data-name='Tracé 20809' d='M0,4.9,4.529,0,8.838,4.9' transform='translate(9.326 5.34) rotate(180)' fill='none' stroke='%23fff' stroke-width='1.3'/%3E%3C/svg%3E%0A"); } header.top-reached .sub-menu > li > a { color: var(--theme-color-violet-dark) !important; } header.top-reached .sub-menu > li > a:after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.803' height='6.31' viewBox='0 0 9.803 6.31'%3E%3Cpath id='Tracé_20809' data-name='Tracé 20809' d='M0,4.9,4.529,0,8.838,4.9' transform='translate(9.326 5.34) rotate(180)' fill='none' stroke='%23fff' stroke-width='1.3'/%3E%3C/svg%3E%0A"); } @media (min-width: 1220px) { header.top-reached .close line { stroke: var(--theme-color-violet-dark); } } header.top-reached .menu > span { background-color: var(--theme-color-violet-dark); } @media (min-width: 0px) { header a:not(.custom-logo-link) { width: 100%; /* Remplacer -webkit-fill-available */ } } @media (min-width: 1024px) { header a:not(.custom-logo-link) { width: initial; } } header.dark { background-color: transparent; } header.dark.top-reached a { color: var(--theme-color-full-white) !important; } header.dark.top-reached .custom-logo { display: none; } header.dark.top-reached .custom-logo.light { display: block; } header.dark.top-reached .menu > span { background-color: var(--theme-color-full-white); } header .no-burger ul:not(.sub-menu) > li:not(.cta) a:not(.custom-logo-link) { position: relative; } header .no-burger ul:not(.sub-menu) > li:not(.cta) a:not(.custom-logo-link)::after { content: ""; /* Adds a visual element */ position: absolute; left: 50%; /* Start at the center */ width: 0; /* Initially no width */ height: 2px; /* Thickness of the underline */ background-color: var(--theme-color-blue-turquoise); /* Color of the underline */ -webkit-transform: translateX(-50%); transform: translateX(-50%); /* Adjust starting point to center */ } @media (min-width: 0px) { header .no-burger ul:not(.sub-menu) > li:not(.cta) a:not(.custom-logo-link)::after { bottom: calc(-0.0205128205 * 1 * 100vw); } } @media (min-width: 481px) { header .no-burger ul:not(.sub-menu) > li:not(.cta) a:not(.custom-logo-link)::after { bottom: calc(-0.0097560976 * 1 * 100vw); } } @media (min-width: 1024px) { header .no-burger ul:not(.sub-menu) > li:not(.cta) a:not(.custom-logo-link)::after { bottom: calc(-0.0055555556 * 1 * 100vw); } } header .no-burger ul:not(.sub-menu) > li:not(.cta) a:not(.custom-logo-link):hover::after { width: 100%; /* Grow the underline outward from the center */ left: 50%; /* Keep the center anchor */ -webkit-transform: translateX(-50%); transform: translateX(-50%); /* Remain centered while expanding */ } header .no-burger ul:not(.sub-menu) > li:not(.cta) a:not(.custom-logo-link):has(+ ul.sub-menu.opened)::after { width: 118%; left: 59%; -webkit-transform: translateX(-50%); transform: translateX(-50%); /* Remain centered while expanding */ } header .no-burger ul:not(.sub-menu) > li.has-children { margin-right: 4%; } header .no-burger ul:not(.sub-menu) > li.has-children > a:not(.custom-logo-link) { position: relative; } header .no-burger ul:not(.sub-menu) > li.has-children > a:not(.custom-logo-link)::before { content: ""; /* Adds a visual element */ position: absolute; right: -18%; content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.828' height='8.828' viewBox='0 0 14.828 8.828'%3E%3Cline x2='6' y2='6' transform='translate(1.414 1.414)' fill='none' stroke='%232d2f83' stroke-linecap='round' stroke-width='2'/%3E%3Cline x1='6' y2='6' transform='translate(7.414 1.414)' fill='none' stroke='%232d2f83' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E"); } header .no-burger ul:not(.sub-menu) > li.has-children > a:not(.custom-logo-link):hover::before, header .no-burger ul:not(.sub-menu) > li.has-children > a:not(.custom-logo-link):has(+ ul.sub-menu.opened)::before { -webkit-transform: rotate(180deg); transform: rotate(180deg); /* Remain centered while expanding */ } header .no-burger ul:not(.sub-menu) > li.has-children > a:not(.custom-logo-link):hover::after { width: 118%; left: 59%; } header .no-burger ul.sub-menu > li:not(.cta) a:not(.custom-logo-link)::after { display: none; } /** * -------------------------------------------------------------------------------------------------------------- * LOGO /**/ header .custom-logo { width: auto; max-height: none !important; } @media (min-width: 0px) { header .custom-logo { height: calc(0.0897435897 * 1 * 100vw); } } @media (min-width: 481px) { header .custom-logo { height: calc(0.0756097561 * 1 * 100vw); } } @media (min-width: 1024px) { header .custom-logo { height: calc(0.0430555556 * 1 * 100vw); } } footer .custom-logo { width: auto; } @media (min-width: 0px) { footer .custom-logo { height: calc(0.1128205128 * 1 * 100vw); } } @media (min-width: 481px) { footer .custom-logo { height: calc(0.0951219512 * 1 * 100vw); } } @media (min-width: 1024px) { footer .custom-logo { height: calc(0.0604166667 * 1 * 100vw); } } /** * -------------------------------------------------------------------------------------------------------------- * MAIN NAVIGATION /**/ @media (min-width: 0px) { .site-navigation { width: auto; } } @media (min-width: 1220px) { .site-navigation { width: calc(100vw - 40px - 123px); } } .site-navigation .navigation { position: relative; } @media (max-width: 1023px) { .site-navigation .navigation { display: none; } } @media (min-width: 0px) { .site-navigation .navigation { width: 100%; } } @media (max-width: 1219px) { .site-navigation .navigation:nth-child(2) { width: auto; } } @media (min-width: 1024px) { .site-navigation .navigation:first-child { width: 116%; } } .site-navigation .navigation nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 0px) { .site-navigation .navigation nav { width: 100%; } } .site-navigation .navigation nav#site-navigation-one .menu-principal-container { width: 100%; /* Remplacer -webkit-fill-available */ } @media (min-width: 0px) { .site-navigation .navigation .wrapper { height: 100%; } } @media (min-width: 1024px) { .site-navigation .navigation .wrapper { margin: 0; } } @media (min-width: 1220px) { .site-navigation .navigation .wrapper { height: initial; } } .site-navigation .navigation .wrapper nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 0px) { .site-navigation .navigation .wrapper nav { width: 100%; height: -webkit-max-content; height: -moz-max-content; height: max-content; } } @media (min-width: 1220px) { .site-navigation .navigation .wrapper nav { width: initial; height: initial; } } @media (min-width: 0px) { .site-navigation .navigation .wrapper nav > div { width: 100%; } } @media (min-width: 1220px) { .site-navigation .navigation .wrapper nav > div { width: initial; } } @media (min-width: 0px) { .site-navigation .navigation .menu { margin: 0; } } @media (min-width: 1220px) { .site-navigation .navigation .menu { margin: initial; } } .site-navigation .navigation .menu a { color: var(--theme-color-violet-dark); } .site-navigation .navigation .menu li.has-children > a:not(.custom-logo-link)::before { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.828' height='8.828' viewBox='0 0 14.828 8.828'%3E%3Cline x2='6' y2='6' transform='translate(1.414 1.414)' fill='none' stroke='%232d2f83' stroke-linecap='round' stroke-width='2'/%3E%3Cline x1='6' y2='6' transform='translate(7.414 1.414)' fill='none' stroke='%232d2f83' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E"); } .site-navigation .navigation .menu-contact-container { width: 100%; } .site-navigation .navigation .menu-contact-container a { color: var(--theme-color-mauve-pale); } .site-navigation .navigation #site-navigation-one #menu-one #menu-item-23992 a { color: #FACA28 !important; } @media (min-width: 1024px) { .site-navigation .navigation.navigation-one .wrapper:after { content: ""; position: absolute; height: 100%; right: 0; } } @media (min-width: 1024px) and (min-width: 1220px) { .site-navigation .navigation.navigation-one .wrapper:after { border-right: 1px solid var(--theme-color-violet-dark); } } .site-navigation ul { list-style-type: none; } @media (min-width: 0px) { .site-navigation ul { margin: 0; } } @media (min-width: 1024px) { .site-navigation ul { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .site-navigation ul:not(.sub-menu) { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-navigation ul:not(.sub-menu) > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: left; white-space: nowrap; } /** * -------------------------------------------------------------------------------------------------------------- * SUB-MENU NAVIGATION /**/ li.has-children > a { position: relative; } li.has-children > a::after { display: inline-block; } li.has-children ul.sub-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 2; } li.has-children ul.sub-menu.panel li:last-child { border-bottom: 0; } li.has-children ul.sub-menu:not(.panel) { position: absolute; padding: 17px 0 0 0; -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1725490196); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1725490196); -webkit-transform: translateY(calc(-0.0277777778 * 1 * 100vw)); transform: translateY(calc(-0.0277777778 * 1 * 100vw)); width: 118% !important; padding: 5px !important; gap: 5px; } @media (min-width: 1024px) { li.has-children ul.sub-menu:not(.panel) { margin-top: 10%; } } @media (min-width: 1425px) { li.has-children ul.sub-menu:not(.panel) { margin-top: 13%; } } li.has-children ul.sub-menu:not(.panel) > li { background: var(--theme-color-violet-dark-10); } li.has-children ul.sub-menu:not(.panel) > li:hover { background: var(--theme-color-violet-dark-20); } li.has-children ul.sub-menu:not(.opened) { opacity: 0; } li.has-children ul.sub-menu:hover { opacity: 1; } @media (min-width: 0px) { li.has-children ul.sub-menu li { width: 100%; /* Remplacer -webkit-fill-available */ } } @media (min-width: 1220px) { li.has-children ul.sub-menu li { width: initial; padding: 0; } } li.has-children ul.sub-menu li a { color: var(--theme-color-violet-dark); width: 100%; /* Remplacer -webkit-fill-available */ display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } @media (min-width: 0px) { li.has-children ul.sub-menu li a { padding: calc(0.0256410256 * 1 * 100vw) 0; } } @media (min-width: 481px) { li.has-children ul.sub-menu li a { padding: calc(0.012195122 * 1 * 100vw) 0; } } @media (min-width: 1220px) { li.has-children ul.sub-menu li a { padding: calc(0.0069444444 * 1 * 100vw) calc(0.0138888889 * 1 * 100vw); } } li.has-children ul.sub-menu li a::after { display: inline-block; margin-left: 10px; visibility: hidden; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } li.has-children ul.sub-menu li a:hover { display: -webkit-box; display: -ms-flexbox; display: flex; } li.has-children ul.sub-menu li a:hover::after { visibility: visible; } .wp-singular.page-template-default.page.page-id-25722.page-child.parent-pageid-25632.wp-custom-logo.wp-theme-thrive-custom-theme header li.has-children ul.sub-menu:not(.panel), .wp-singular.page-template-default.page.page-id-25709.page-child.parent-pageid-25632.wp-custom-logo.wp-theme-thrive-custom-theme header li.has-children ul.sub-menu:not(.panel), .wp-singular.page-template-default.page.page-id-24734.wp-custom-logo.wp-theme-thrive-custom-theme header li.has-children ul.sub-menu:not(.panel), .wp-singular.page-template-default.page.page-id-25661.page-child.parent-pageid-25632.wp-custom-logo.wp-theme-thrive-custom-theme header li.has-children ul.sub-menu:not(.panel) { position: fixed !important; top: 60px !important; left: auto !important; margin-top: 0 !important; -webkit-transform: none !important; transform: none !important; width: 200px !important; z-index: 9999 !important; background: var(--theme-color-white) !important; -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1725490196) !important; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1725490196) !important; } @media (min-width: 1024px) { .wp-singular.page-template-default.page.page-id-25722.page-child.parent-pageid-25632.wp-custom-logo.wp-theme-thrive-custom-theme header li.has-children ul.sub-menu:not(.panel), .wp-singular.page-template-default.page.page-id-25709.page-child.parent-pageid-25632.wp-custom-logo.wp-theme-thrive-custom-theme header li.has-children ul.sub-menu:not(.panel), .wp-singular.page-template-default.page.page-id-24734.wp-custom-logo.wp-theme-thrive-custom-theme header li.has-children ul.sub-menu:not(.panel), .wp-singular.page-template-default.page.page-id-25661.page-child.parent-pageid-25632.wp-custom-logo.wp-theme-thrive-custom-theme header li.has-children ul.sub-menu:not(.panel) { top: 50px !important; } } .wp-singular.page-template-default.page.page-id-25722.page-child.parent-pageid-25632.wp-custom-logo.wp-theme-thrive-custom-theme header li.has-children ul.sub-menu:not(.panel) > li, .wp-singular.page-template-default.page.page-id-25709.page-child.parent-pageid-25632.wp-custom-logo.wp-theme-thrive-custom-theme header li.has-children ul.sub-menu:not(.panel) > li, .wp-singular.page-template-default.page.page-id-24734.wp-custom-logo.wp-theme-thrive-custom-theme header li.has-children ul.sub-menu:not(.panel) > li, .wp-singular.page-template-default.page.page-id-25661.page-child.parent-pageid-25632.wp-custom-logo.wp-theme-thrive-custom-theme header li.has-children ul.sub-menu:not(.panel) > li { background: var(--theme-color-violet-dark-10) !important; } .wp-singular.page-template-default.page.page-id-25722.page-child.parent-pageid-25632.wp-custom-logo.wp-theme-thrive-custom-theme header li.has-children ul.sub-menu:not(.panel) > li:hover, .wp-singular.page-template-default.page.page-id-25709.page-child.parent-pageid-25632.wp-custom-logo.wp-theme-thrive-custom-theme header li.has-children ul.sub-menu:not(.panel) > li:hover, .wp-singular.page-template-default.page.page-id-24734.wp-custom-logo.wp-theme-thrive-custom-theme header li.has-children ul.sub-menu:not(.panel) > li:hover, .wp-singular.page-template-default.page.page-id-25661.page-child.parent-pageid-25632.wp-custom-logo.wp-theme-thrive-custom-theme header li.has-children ul.sub-menu:not(.panel) > li:hover { background: var(--theme-color-violet-dark-20) !important; } .has-children { -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .has-children.opened > a::after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .principal-menu-burger .has-children > a, footer .has-children > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; /* Remplacer -webkit-fill-available */ } /** * -------------------------------------------------------------------------------------------------------------- * MENU BURGER /**/ .wrapper.burger .has-children { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .burger-menu { -webkit-transform: translateX(100vw); transform: translateX(100vw); position: fixed; top: 0; left: 0; z-index: 999; background-color: var(--theme-color-white); } .burger-menu.open { position: fixed; -webkit-transform: translateX(0); transform: translateX(0); } .burger-menu .burger-menu-wrapper { max-width: 1800px; width: 100%; height: 100%; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .burger-menu .burger-menu-wrapper .close { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; top: 25px; right: 25px; } .burger-menu .burger-menu-wrapper .close .close-button-box { cursor: pointer; } .burger-menu .burger-menu-wrapper ul { list-style: none; padding: 0; } .burger-header { max-width: 1800px !important; margin: auto; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 999; } .burger-header .menu { cursor: pointer; color: var(--theme-color-violet-dark); font-size: 18px; } .burger-header .logo { z-index: 1000; position: relative; } @media (min-width: 1220px) { .burger-header .logo { top: 75px; } } @media (min-width: 1220px) { .burger-header .logo .wrapper a { border-right: 1px solid var(--theme-color-violet-dark); } } .burger-header .logo .wrapper.open { position: fixed; top: 75px; } .burger li.has-children > a:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.803' height='6.31' viewBox='0 0 9.803 6.31'%3E%3Cpath id='Tracé_20809' data-name='Tracé 20809' d='M0,4.9,4.529,0,8.838,4.9' transform='translate(9.326 5.34) rotate(180)' fill='none' stroke='%23fff' stroke-width='1.3'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } .burger .principal-menu-burger li a { color: var(--theme-color-violet-dark) !important; } .burger .burger-header .logo { top: inherit; } .burger .burger-header .logo.open { top: 0px; } .burger .burger-menu { overflow-y: auto; z-index: 1; } .burger .burger-menu::-webkit-scrollbar { display: none; } .burger .burger-menu .burger-menu-wrapper .close svg { width: 23px; height: 26px; } .burger .burger-menu .burger-menu-wrapper .secondary-menu-burger, .burger .burger-menu .burger-menu-wrapper .social-media-menu { background-color: var(--theme-color-green); width: 100%; /* Remplacer -webkit-fill-available */ } .burger .burger-menu .burger-menu-wrapper .secondary-menu-burger ul, .burger .burger-menu .burger-menu-wrapper .social-media-menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1220px) { .burger .burger-menu .burger-menu-wrapper .secondary-menu-burger ul li, .burger .burger-menu .burger-menu-wrapper .social-media-menu ul li { margin: 22px 0; } } .burger .burger-menu .burger-menu-wrapper .secondary-menu-burger ul li:nth-child(1), .burger .burger-menu .burger-menu-wrapper .social-media-menu ul li:nth-child(1) { margin-top: 0; } .burger .burger-menu .burger-menu-wrapper .secondary-menu-burger ul li h3, .burger .burger-menu .burger-menu-wrapper .social-media-menu ul li h3 { padding: 0 25px; } .burger .burger-menu .burger-menu-wrapper .secondary-menu-burger ul li a, .burger .burger-menu .burger-menu-wrapper .social-media-menu ul li a { font-family: var(--theme-font-Manrope-medium) !important; font-size: calc(0.0125 * 1 * 100vw); line-height: calc(0.0125 * 1 * 100vw); color: var(--theme-color-violet-dark); 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; } @media (min-width: 1220px) { .burger .burger-menu .burger-menu-wrapper .secondary-menu-burger ul li a, .burger .burger-menu .burger-menu-wrapper .social-media-menu ul li a { padding: 0 25px; } } .burger .burger-menu .burger-menu-wrapper .secondary-menu-burger ul li a svg, .burger .burger-menu .burger-menu-wrapper .social-media-menu ul li a svg { margin-left: 10px; } .burger .burger-menu .burger-menu-wrapper .social-media-menu .wrapper { width: 100%; margin: 0; } .burger .burger-menu .burger-menu-wrapper .social-media-menu .wrapper ul#menu-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .burger .burger-menu .burger-menu-wrapper .social-media-menu .wrapper ul#menu-social li { margin: 12px 0; } .burger .burger-menu .burger-menu-wrapper .social-media-menu .wrapper ul#menu-social li a { font-family: var(--theme-font-Manrope-medium) !important; font-size: calc(0.0125 * 1 * 100vw); line-height: calc(0.0125 * 1 * 100vw); color: var(--theme-color-violet-dark); 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: 0 10px; } .burger .burger-menu .burger-menu-wrapper .social-media-menu .wrapper ul#menu-social li a svg { margin-left: 10px; } .burger .burger-menu .burger-menu-wrapper .social-media-menu .wrapper ul#menu-social li.facebook span { padding-bottom: 20px; -webkit-transform: scale(1.1); transform: scale(1.1); } .burger .burger-menu .burger-menu-wrapper .social-media-menu .wrapper ul#menu-social li.instagram span { -webkit-transform: scale(1.3); transform: scale(1.3); padding-bottom: 5px; } .burger .burger-menu .burger-menu-wrapper .social-media-menu .wrapper ul#menu-social li.linkedin span { -webkit-transform: scale(1.2); transform: scale(1.2); } .burger .burger-menu .burger-menu-wrapper .social-media-menu .wrapper ul#menu-social li.youtube span { -webkit-transform: scale(1.5); transform: scale(1.5); padding-bottom: 3px; } @media (max-width: 1023px) { .site-header:has(.burger-menu:not(.open)) { overflow-x: hidden; } .site-header:has(.burger-menu.open) { overflow-x: visible; } } @media (min-width: 1024px) { header > .wrapper.burger { display: none !important; } } /** * -------------------------------------------------------------------------------------------------------------- * EVENTS CHANGES /**/ /* Changes on burger event */ @media (min-width: 1024px) { .burger-header.open .close line { stroke: var(--theme-color-violet-dark); } } @media (max-width: 1023px) { .cd-menu-icon i { display: none; } .cd-menu-icon.is-clicked i { display: block; } .cd-menu-icon.is-clicked span.long-line { position: relative; } .cd-menu-icon.is-clicked span.long-line:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } } @media (max-width: 1023px) and (min-width: 0px) { .cd-menu-icon.is-clicked span.long-line:nth-child(1) { top: calc(0.0205128205 * 1 * 100vw); } } @media (max-width: 1023px) and (min-width: 481px) { .cd-menu-icon.is-clicked span.long-line:nth-child(1) { top: calc(0.0097560976 * 1 * 100vw); } } @media (max-width: 1023px) and (min-width: 1024px) { .cd-menu-icon.is-clicked span.long-line:nth-child(1) { top: calc(0.0055555556 * 1 * 100vw); } } @media (max-width: 1023px) { .cd-menu-icon.is-clicked span.long-line:nth-child(2) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } } @media (max-width: 1023px) and (min-width: 0px) { .cd-menu-icon.is-clicked span.long-line:nth-child(2) { top: calc(-0.0051282051 * 1 * 100vw); } } @media (max-width: 1023px) and (min-width: 481px) { .cd-menu-icon.is-clicked span.long-line:nth-child(2) { top: calc(-0.0024390244 * 1 * 100vw); } } @media (max-width: 1023px) and (min-width: 1024px) { .cd-menu-icon.is-clicked span.long-line:nth-child(2) { top: calc(-0.0013888889 * 1 * 100vw); } } @media (max-width: 1023px) { .cd-menu-icon.is-clicked span.long-line:nth-child(3) { display: none; } } #cd-lateral-nav, #cd-lateral-burger-nav { position: fixed; width: 100vw; height: 100vh; /* Fix pour Safari mobile */ height: 100dvh; /* Dynamic viewport height pour Safari iOS */ min-height: -webkit-fill-available; /* Fallback pour Safari */ top: 0; left: 0; right: 0; z-index: 50; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; -webkit-transition-property: height; transition-property: height; -webkit-transition-duration: 2s; transition-duration: 2s; -webkit-transform: translateY(-100%); transform: translateY(-100%); padding: 0 !important; display: none; } @media (min-width: 1024px) { #cd-lateral-nav, #cd-lateral-burger-nav { overflow-y: hidden; } } @media (max-width: 1023px) { #cd-lateral-nav, #cd-lateral-burger-nav { /* Permettre le scroll sur Safari mobile */ overflow-y: auto; -webkit-overflow-scrolling: touch; /* Safari iOS height fix */ height: 100dvh; min-height: -webkit-fill-available; } } #cd-lateral-nav .big-burger, #cd-lateral-burger-nav .big-burger { width: 100%; max-width: 100vw; height: 100vh; /* Fix pour Safari mobile */ height: 100dvh; min-height: 100vh; min-height: -webkit-fill-available; overflow-x: hidden; 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; } @media (max-width: 1023px) { #cd-lateral-nav .big-burger, #cd-lateral-burger-nav .big-burger { /* Safari iOS height fix pour tablet */ height: 100dvh; min-height: -webkit-fill-available; } } @media (max-width: 1023px) and (min-width: 481px) { #cd-lateral-nav .big-burger, #cd-lateral-burger-nav .big-burger { height: 100dvh; min-height: -webkit-fill-available; } } @media (min-width: 1024px) { #cd-lateral-nav .big-burger, #cd-lateral-burger-nav .big-burger { height: 100vh; min-height: 100vh; } } #cd-lateral-nav .big-burger .no-burger, #cd-lateral-burger-nav .big-burger .no-burger { margin: 0; padding: 0; } @media (max-width: 1023px) { #cd-lateral-nav .big-burger .no-burger, #cd-lateral-burger-nav .big-burger .no-burger { display: none; } } @media (min-width: 0px) { #cd-lateral-nav .big-burger .no-burger, #cd-lateral-burger-nav .big-burger .no-burger { z-index: 3; background: var(--theme-color-white); -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: auto !important; padding: calc(0.0090277778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0090277778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); margin: 0; } #cd-lateral-nav .big-burger .no-burger .menu i, #cd-lateral-burger-nav .big-burger .no-burger .menu i { font-size: calc(0.0208333333 * 1 * 100vw); } #cd-lateral-nav .big-burger .no-burger .menu i::before, #cd-lateral-burger-nav .big-burger .no-burger .menu i::before { width: calc(0.0194444444 * 1 * 100vw); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #cd-lateral-nav .big-burger .x-between, #cd-lateral-burger-nav .big-burger .x-between { 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; background-color: var(--theme-color-violet); } #cd-lateral-nav .big-burger .x-between:first-child, #cd-lateral-burger-nav .big-burger .x-between:first-child { margin: 0 0 calc(0.09375 * 1 * 100vw) 0; } #cd-lateral-nav .big-burger .x-between .navigation, #cd-lateral-burger-nav .big-burger .x-between .navigation { z-index: 3; } #cd-lateral-nav .big-burger .x-between #site-navigation-footer-one ul, #cd-lateral-burger-nav .big-burger .x-between #site-navigation-footer-one ul { -webkit-column-gap: calc(0.0138888889 * 1 * 100vw); -moz-column-gap: calc(0.0138888889 * 1 * 100vw); column-gap: calc(0.0138888889 * 1 * 100vw); } #cd-lateral-nav .big-burger .x-between #site-navigation-footer-one ul a, #cd-lateral-burger-nav .big-burger .x-between #site-navigation-footer-one ul a { color: var(--theme-color-violet-dark); } #cd-lateral-nav .big-burger .x-between #menu-footer-two, #cd-lateral-burger-nav .big-burger .x-between #menu-footer-two { margin: 0; } #cd-lateral-nav .big-burger .x-between .little-font, #cd-lateral-burger-nav .big-burger .x-between .little-font { margin-right: calc(0.0138888889 * 1 * 100vw); } #cd-lateral-nav .big-burger .x-between .package.bottom-nav, #cd-lateral-burger-nav .big-burger .x-between .package.bottom-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #cd-lateral-nav .big-burger .x-between ul, #cd-lateral-burger-nav .big-burger .x-between ul { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } #cd-lateral-nav .big-burger .x-between ul li a, #cd-lateral-burger-nav .big-burger .x-between ul li a { color: var(--theme-color-white); text-transform: uppercase; } } @media (min-width: 0px) and (min-width: 481px) { #cd-lateral-nav .big-burger .x-between ul li a, #cd-lateral-burger-nav .big-burger .x-between ul li a { padding-right: calc(0.0365853659 * 1 * 100vw); } } @media (min-width: 0px) and (min-width: 1024px) { #cd-lateral-nav .big-burger .x-between ul li a, #cd-lateral-burger-nav .big-burger .x-between ul li a { padding-right: calc(0.0208333333 * 1 * 100vw); } } @media (min-width: 0px) and (min-width: 0px) { #cd-lateral-nav .big-burger .x-between ul li a svg, #cd-lateral-burger-nav .big-burger .x-between ul li a svg { padding-left: calc(0.0128205128 * 1 * 100vw); } } @media (min-width: 0px) and (min-width: 481px) { #cd-lateral-nav .big-burger .x-between ul li a svg, #cd-lateral-burger-nav .big-burger .x-between ul li a svg { padding-left: calc(0.006097561 * 1 * 100vw); } } @media (min-width: 0px) and (min-width: 1024px) { #cd-lateral-nav .big-burger .x-between ul li a svg, #cd-lateral-burger-nav .big-burger .x-between ul li a svg { padding-left: calc(0.0034722222 * 1 * 100vw); } } @media (min-width: 0px) { #cd-lateral-nav .big-burger .x-between ul li:hover a, #cd-lateral-nav .big-burger .x-between ul li:active a, #cd-lateral-nav .big-burger .x-between ul li.nice-select.open a, #cd-lateral-nav .big-burger .x-between ul li:focus a, #cd-lateral-burger-nav .big-burger .x-between ul li:hover a, #cd-lateral-burger-nav .big-burger .x-between ul li:active a, #cd-lateral-burger-nav .big-burger .x-between ul li.nice-select.open a, #cd-lateral-burger-nav .big-burger .x-between ul li:focus a { color: var(--theme-color-blue-turquoise) !important; } #cd-lateral-nav .big-burger .x-between ul li:hover a svg line, #cd-lateral-nav .big-burger .x-between ul li:active a svg line, #cd-lateral-nav .big-burger .x-between ul li.nice-select.open a svg line, #cd-lateral-nav .big-burger .x-between ul li:focus a svg line, #cd-lateral-burger-nav .big-burger .x-between ul li:hover a svg line, #cd-lateral-burger-nav .big-burger .x-between ul li:active a svg line, #cd-lateral-burger-nav .big-burger .x-between ul li.nice-select.open a svg line, #cd-lateral-burger-nav .big-burger .x-between ul li:focus a svg line { stroke: var(--theme-color-blue-turquoise); } #cd-lateral-nav .big-burger .middle-section, #cd-lateral-burger-nav .big-burger .middle-section { height: auto; min-height: -webkit-fit-content; min-height: -moz-fit-content; min-height: fit-content; background-color: var(--theme-color-violet); display: -ms-grid; display: grid; } } @media (min-width: 0px) and (min-width: 481px) { #cd-lateral-nav .big-burger .middle-section, #cd-lateral-burger-nav .big-burger .middle-section { padding-top: calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 0px) and (min-width: 1024px) { #cd-lateral-nav .big-burger .middle-section, #cd-lateral-burger-nav .big-burger .middle-section { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-grid-columns: 2.5fr 1.5fr; grid-template-columns: 2.5fr 1.5fr; padding-top: calc(0.0347222222 * 1 * 100vw); } } @media (min-width: 0px) { #cd-lateral-nav .big-burger .middle-section .navigation, #cd-lateral-burger-nav .big-burger .middle-section .navigation { z-index: 3; } } @media (min-width: 0px) and (min-width: 1024px) { #cd-lateral-nav .big-burger .middle-section .navigation, #cd-lateral-burger-nav .big-burger .middle-section .navigation { width: 50vw; } } @media (min-width: 0px) { #cd-lateral-nav .big-burger .middle-section .navigation nav, #cd-lateral-burger-nav .big-burger .middle-section .navigation nav { width: 100%; } #cd-lateral-nav .big-burger .middle-section .navigation nav > div, #cd-lateral-burger-nav .big-burger .middle-section .navigation nav > div { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 0px) and (max-width: 1023px) { #cd-lateral-nav .big-burger .middle-section .navigation nav > div, #cd-lateral-burger-nav .big-burger .middle-section .navigation nav > div { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 0px) { #cd-lateral-nav .big-burger .middle-section .navigation nav > div ul, #cd-lateral-burger-nav .big-burger .middle-section .navigation nav > div ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; position: relative; padding: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 0px) and (max-width: 1023px) { #cd-lateral-nav .big-burger .middle-section .navigation nav > div ul, #cd-lateral-burger-nav .big-burger .middle-section .navigation nav > div ul { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 0px) and (max-width: 480px) { #cd-lateral-nav .big-burger .middle-section .navigation nav > div ul, #cd-lateral-burger-nav .big-burger .middle-section .navigation nav > div ul { gap: calc(0 * 1 * 100vw); } } @media (min-width: 0px) and (min-width: 1024px) { #cd-lateral-nav .big-burger .middle-section .navigation nav > div ul, #cd-lateral-burger-nav .big-burger .middle-section .navigation nav > div ul { gap: calc(0.0208333333 * 1 * 100vw); } } @media (min-width: 0px) { #cd-lateral-nav .big-burger .middle-section .navigation:last-child, #cd-lateral-burger-nav .big-burger .middle-section .navigation:last-child { border-left: 1px solid var(--theme-color-blue-30); } #cd-lateral-nav .big-burger .middle-section .navigation:last-child li, #cd-lateral-burger-nav .big-burger .middle-section .navigation:last-child li { padding-left: calc(0.0416666667 * 1 * 100vw); border-bottom: 1px solid var(--theme-color-blue-30); height: 100%; } #cd-lateral-nav .big-burger .middle-section .navigation:last-child li:last-child, #cd-lateral-burger-nav .big-burger .middle-section .navigation:last-child li:last-child { border-bottom: none; } #cd-lateral-nav .big-burger .middle-section .navigation:last-child li a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:last-child li a { color: var(--theme-color-violet-dark) !important; font-family: var(--theme-font-Manrope-medium) !important; } } @media (min-width: 0px) and (min-width: 0px) { #cd-lateral-nav .big-burger .middle-section .navigation:last-child li a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:last-child li a { font-size: var(--theme-font-size-6-mobile) !important; line-height: var(--theme-line-height-6-mobile); } } @media (min-width: 0px) and (min-width: 481px) { #cd-lateral-nav .big-burger .middle-section .navigation:last-child li a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:last-child li a { font-size: var(--theme-font-size-6-tablet) !important; line-height: var(--theme-line-height-6-tablet); } } @media (min-width: 0px) and (min-width: 1024px) { #cd-lateral-nav .big-burger .middle-section .navigation:last-child li a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:last-child li a { font-size: var(--theme-font-size-6-desktop) !important; line-height: var(--theme-line-height-6-desktop); } } @media (min-width: 0px) and (min-width: 1220px) { #cd-lateral-nav .big-burger .middle-section .navigation:last-child li a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:last-child li a { font-size: var(--theme-font-size-6-desktop-no-burger) !important; line-height: var(--theme-line-height-6-desktop-no-burger); } } @media (min-width: 0px) and (min-width: 1425px) { #cd-lateral-nav .big-burger .middle-section .navigation:last-child li a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:last-child li a { font-size: var(--theme-font-size-6-desktop-full) !important; line-height: var(--theme-line-height-6-desktop-full); } } @media (min-width: 0px) and (min-width: 1750px) { #cd-lateral-nav .big-burger .middle-section .navigation:last-child li a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:last-child li a { font-size: var(--theme-font-size-6-desktop-large) !important; line-height: var(--theme-line-height-6-desktop-large); } } @media (min-width: 0px) { #cd-lateral-nav .big-burger .middle-section .navigation:last-child li:hover a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:last-child li:hover a { color: var(--theme-color-violet-dark) !important; } } @media (min-width: 0px) and (min-width: 0px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul { padding: 10vh 0; } } @media (min-width: 0px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li { position: relative; display: inline-block; border-bottom: 1px solid var(--theme-color-full-white-30); } } @media (min-width: 0px) and (max-width: 1023px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li { width: 100%; } } @media (min-width: 0px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li a { font-family: var(--theme-font-Unbounded-bold) !important; -webkit-transform: translateY(0.1em); transform: translateY(0.1em); color: var(--theme-color-white) !important; } } @media (min-width: 0px) and (min-width: 0px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li a { font-size: var(--theme-font-size-4-mobile) !important; line-height: var(--theme-line-height-4-mobile); } } @media (min-width: 0px) and (min-width: 481px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li a { font-size: var(--theme-font-size-4-tablet) !important; line-height: var(--theme-line-height-4-tablet); } } @media (min-width: 0px) and (min-width: 1024px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li a { font-size: var(--theme-font-size-4-desktop) !important; line-height: var(--theme-line-height-4-desktop); } } @media (min-width: 0px) and (min-width: 1220px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li a { font-size: var(--theme-font-size-4-desktop-no-burger) !important; line-height: var(--theme-line-height-4-desktop-no-burger); } } @media (min-width: 0px) and (min-width: 1425px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li a { font-size: var(--theme-font-size-4-desktop-full) !important; line-height: var(--theme-line-height-4-desktop-full); } } @media (min-width: 0px) and (min-width: 1750px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li a { font-size: var(--theme-font-size-4-desktop-large) !important; line-height: var(--theme-line-height-4-desktop-large); } } @media (min-width: 0px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li:hover a, #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li:active a, #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li.nice-select.open a, #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li:focus a, #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li.focused a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li:hover a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li:active a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li.nice-select.open a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li:focus a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li.focused a { color: var(--theme-color-blue-turquoise) !important; } #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul:has(li:hover) li.focused a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul:has(li:hover) li.focused a { color: var(--theme-color-white) !important; } #cd-lateral-nav .big-burger .middle-section .featured-image-preview, #cd-lateral-burger-nav .big-burger .middle-section .featured-image-preview { overflow: hidden; border-radius: 20px; /* background: -webkit-gradient(linear, left top, right top, from(var(--theme-color-violet)), to(transparent)); */ /* background: linear-gradient(to right, var(--theme-color-violet), transparent); */ z-index: 2; margin: auto; } } @media (min-width: 0px) and (max-width: 1023px) { #cd-lateral-nav .big-burger .middle-section .featured-image-preview, #cd-lateral-burger-nav .big-burger .middle-section .featured-image-preview { position: relative; height: 35vh; top: 40px; margin: 0; width: calc(100% - 2 * 0.0292682927 * 1 * 100vw); left: calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 0px) and (max-width: 480px) { #cd-lateral-nav .big-burger .middle-section .featured-image-preview, #cd-lateral-burger-nav .big-burger .middle-section .featured-image-preview { width: calc(100% - 2 * 0.0615384615 * 1 * 100vw); left: calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 0px) and (min-width: 1024px) { #cd-lateral-nav .big-burger .middle-section .featured-image-preview, #cd-lateral-burger-nav .big-burger .middle-section .featured-image-preview { width: calc(100% - 2 * 0.0347222222 * 1 * 100vw); height: 100%; position: absolute; top: 0; right: calc(-100% + 0.0347222222 * 1 * 100vw); } } @media (min-width: 0px) { #cd-lateral-nav .big-burger .middle-section .featured-image-preview img, #cd-lateral-burger-nav .big-burger .middle-section .featured-image-preview img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; pointer-events: none; border-radius: 20px; } } @media (max-width: 1023px) { #cd-lateral-nav .big-burger, #cd-lateral-burger-nav .big-burger { height: 100vh; /* Fix pour Safari mobile */ height: 100dvh; min-height: -webkit-fill-available; /* Permettre le scroll sur Safari mobile */ overflow-y: scroll; -webkit-overflow-scrolling: touch; } #cd-lateral-nav .big-burger ul, #cd-lateral-burger-nav .big-burger ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #cd-lateral-nav .big-burger .wrapper, #cd-lateral-burger-nav .big-burger .wrapper { height: auto; padding-top: calc(0.0670731707 * 1 * 100vw); } } @media (max-width: 1023px) and (max-width: 480px) { #cd-lateral-nav .big-burger .wrapper, #cd-lateral-burger-nav .big-burger .wrapper { padding-top: calc(0.2692307692 * 1 * 100vw); } } @media (max-width: 1023px) { #cd-lateral-nav .big-burger .site-navigation .navigation nav > div, #cd-lateral-burger-nav .big-burger .site-navigation .navigation nav > div { width: 100%; } #cd-lateral-nav .big-burger .site-navigation .navigation:first-child .menu-big-burger-one-container, #cd-lateral-burger-nav .big-burger .site-navigation .navigation:first-child .menu-big-burger-one-container { width: 100%; } #cd-lateral-nav .big-burger .site-navigation .navigation:first-child li, #cd-lateral-burger-nav .big-burger .site-navigation .navigation:first-child li { display: contents; } #cd-lateral-nav .big-burger .site-navigation .navigation:first-child a, #cd-lateral-burger-nav .big-burger .site-navigation .navigation:first-child a { width: 100%; /* Remplacer -webkit-fill-available */ } #cd-lateral-nav .big-burger .site-navigation .navigation:last-child ul, #cd-lateral-burger-nav .big-burger .site-navigation .navigation:last-child ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: calc(0.0426829268 * 1 * 100vw) 0; } } @media (max-width: 1023px) and (max-width: 480px) { #cd-lateral-nav .big-burger .site-navigation .navigation:last-child ul, #cd-lateral-burger-nav .big-burger .site-navigation .navigation:last-child ul { margin: calc(0.0897435897 * 1 * 100vw) 0; } } @media (max-width: 1023px) { #cd-lateral-nav .big-burger .site-navigation .navigation:last-child ul li, #cd-lateral-burger-nav .big-burger .site-navigation .navigation:last-child ul li { margin-top: calc(0.0365853659 * 1 * 100vw); } } @media (max-width: 1023px) and (max-width: 480px) { #cd-lateral-nav .big-burger .site-navigation .navigation:last-child ul li, #cd-lateral-burger-nav .big-burger .site-navigation .navigation:last-child ul li { margin-top: calc(0.0384615385 * 1 * 100vw); } } @media (max-width: 1023px) { #cd-lateral-nav .big-burger .site-navigation .navigation:last-child ul li:first-child, #cd-lateral-burger-nav .big-burger .site-navigation .navigation:last-child ul li:first-child { margin-top: 0; } #cd-lateral-nav .big-burger .site-navigation .navigation:last-child ul li:last-child, #cd-lateral-burger-nav .big-burger .site-navigation .navigation:last-child ul li:last-child { margin-bottom: 0; } #cd-lateral-nav .big-burger .site-navigation .navigation:last-child ul li a, #cd-lateral-burger-nav .big-burger .site-navigation .navigation:last-child ul li a { font-family: var(--theme-font-Unbounded-black) !important; } } @media (max-width: 1023px) and (min-width: 0px) { #cd-lateral-nav .big-burger .site-navigation .navigation:last-child ul li a, #cd-lateral-burger-nav .big-burger .site-navigation .navigation:last-child ul li a { font-size: var(--theme-font-size-4-mobile) !important; line-height: var(--theme-line-height-4-mobile); } } @media (max-width: 1023px) and (min-width: 481px) { #cd-lateral-nav .big-burger .site-navigation .navigation:last-child ul li a, #cd-lateral-burger-nav .big-burger .site-navigation .navigation:last-child ul li a { font-size: var(--theme-font-size-4-tablet) !important; line-height: var(--theme-line-height-4-tablet); } } @media (max-width: 1023px) and (min-width: 1024px) { #cd-lateral-nav .big-burger .site-navigation .navigation:last-child ul li a, #cd-lateral-burger-nav .big-burger .site-navigation .navigation:last-child ul li a { font-size: var(--theme-font-size-4-desktop) !important; line-height: var(--theme-line-height-4-desktop); } } @media (max-width: 1023px) and (min-width: 1220px) { #cd-lateral-nav .big-burger .site-navigation .navigation:last-child ul li a, #cd-lateral-burger-nav .big-burger .site-navigation .navigation:last-child ul li a { font-size: var(--theme-font-size-4-desktop-no-burger) !important; line-height: var(--theme-line-height-4-desktop-no-burger); } } @media (max-width: 1023px) and (min-width: 1425px) { #cd-lateral-nav .big-burger .site-navigation .navigation:last-child ul li a, #cd-lateral-burger-nav .big-burger .site-navigation .navigation:last-child ul li a { font-size: var(--theme-font-size-4-desktop-full) !important; line-height: var(--theme-line-height-4-desktop-full); } } @media (max-width: 1023px) and (min-width: 1750px) { #cd-lateral-nav .big-burger .site-navigation .navigation:last-child ul li a, #cd-lateral-burger-nav .big-burger .site-navigation .navigation:last-child ul li a { font-size: var(--theme-font-size-4-desktop-large) !important; line-height: var(--theme-line-height-4-desktop-large); } } @media (max-width: 1023px) { #cd-lateral-nav .big-burger .middle-section, #cd-lateral-burger-nav .big-burger .middle-section { background-color: var(--theme-color-violet); border-top: 1px solid var(--theme-color-blue-30); } } @media (max-width: 1023px) and (min-width: 1024px) { #cd-lateral-nav .big-burger .middle-section, #cd-lateral-burger-nav .big-burger .middle-section { border-bottom: 1px solid var(--theme-color-blue-30); } } @media (max-width: 1023px) { #cd-lateral-nav .big-burger .middle-section ul, #cd-lateral-burger-nav .big-burger .middle-section ul { 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; margin: calc(0.0426829268 * 1 * 100vw) 0; } } @media (max-width: 1023px) and (max-width: 480px) { #cd-lateral-nav .big-burger .middle-section ul, #cd-lateral-burger-nav .big-burger .middle-section ul { margin: calc(0.0641025641 * 1 * 100vw) 0; } } @media (max-width: 1023px) { #cd-lateral-nav .big-burger .middle-section ul li, #cd-lateral-burger-nav .big-burger .middle-section ul li { margin-top: calc(0.0243902439 * 1 * 100vw); } } @media (max-width: 1023px) and (max-width: 480px) { #cd-lateral-nav .big-burger .middle-section ul li, #cd-lateral-burger-nav .big-burger .middle-section ul li { margin-top: calc(0.0512820513 * 1 * 100vw); } } @media (max-width: 1023px) { #cd-lateral-nav .big-burger .middle-section ul li:first-child, #cd-lateral-burger-nav .big-burger .middle-section ul li:first-child { margin-top: 0; } #cd-lateral-nav .big-burger .middle-section ul li:last-child, #cd-lateral-burger-nav .big-burger .middle-section ul li:last-child { margin-bottom: 0; } #cd-lateral-nav .big-burger .middle-section ul li:nth-child(3), #cd-lateral-nav .big-burger .middle-section ul li:nth-child(4), #cd-lateral-burger-nav .big-burger .middle-section ul li:nth-child(3), #cd-lateral-burger-nav .big-burger .middle-section ul li:nth-child(4) { display: inline-block; width: auto; margin-right: 10%; } } @media (max-width: 1023px) and (max-width: 480px) { #cd-lateral-nav .big-burger .middle-section ul li:nth-child(3), #cd-lateral-nav .big-burger .middle-section ul li:nth-child(4), #cd-lateral-burger-nav .big-burger .middle-section ul li:nth-child(3), #cd-lateral-burger-nav .big-burger .middle-section ul li:nth-child(4) { margin-right: 20%; } } @media (max-width: 1023px) and (min-width: 1024px) { #cd-lateral-nav .big-burger .middle-section ul li:nth-child(3), #cd-lateral-burger-nav .big-burger .middle-section ul li:nth-child(3) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media (max-width: 1023px) { #cd-lateral-nav .big-burger .middle-section ul li:nth-child(4), #cd-lateral-burger-nav .big-burger .middle-section ul li:nth-child(4) { position: absolute; } } @media (max-width: 1023px) and (min-width: 1024px) { #cd-lateral-nav .big-burger .middle-section ul li:nth-child(4), #cd-lateral-burger-nav .big-burger .middle-section ul li:nth-child(4) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media (max-width: 1023px) and (min-width: 1024px) { #cd-lateral-nav .big-burger .middle-section ul li:nth-child(4), #cd-lateral-burger-nav .big-burger .middle-section ul li:nth-child(4) { left: 50%; } } @media (max-width: 1023px) and (max-width: 480px) { #cd-lateral-nav .big-burger .middle-section ul li:nth-child(4) a::before, #cd-lateral-burger-nav .big-burger .middle-section ul li:nth-child(4) a::before { content: " "; width: 5px; height: 5px; display: block; border-radius: 50%; background-color: var(--theme-color-orange); position: relative; left: -5px; } } @media (max-width: 1023px) and (min-width: 1024px) { #cd-lateral-nav .big-burger .middle-section ul li:nth-child(4), #cd-lateral-burger-nav .big-burger .middle-section ul li:nth-child(4) { -webkit-transform: translateX(50%); transform: translateX(50%); height: auto; top: 43.5%; } } @media (max-width: 1023px) and (min-width: 1024px) { #cd-lateral-nav .big-burger .middle-section ul li:nth-child(5), #cd-lateral-burger-nav .big-burger .middle-section ul li:nth-child(5) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } @media (max-width: 1023px) { #cd-lateral-nav .big-burger .middle-section ul a, #cd-lateral-burger-nav .big-burger .middle-section ul a { color: var(--theme-color-violet-dark); } } @media (max-width: 1023px) and (min-width: 0px) { #cd-lateral-nav .big-burger .middle-section ul a, #cd-lateral-burger-nav .big-burger .middle-section ul a { font-size: var(--theme-font-size-7-mobile) !important; line-height: var(--theme-line-height-7-mobile); } } @media (max-width: 1023px) and (min-width: 481px) { #cd-lateral-nav .big-burger .middle-section ul a, #cd-lateral-burger-nav .big-burger .middle-section ul a { font-size: var(--theme-font-size-7-tablet) !important; line-height: var(--theme-line-height-7-tablet); } } @media (max-width: 1023px) and (min-width: 1024px) { #cd-lateral-nav .big-burger .middle-section ul a, #cd-lateral-burger-nav .big-burger .middle-section ul a { font-size: var(--theme-font-size-7-desktop) !important; line-height: var(--theme-line-height-7-desktop); } } @media (max-width: 1023px) and (min-width: 1220px) { #cd-lateral-nav .big-burger .middle-section ul a, #cd-lateral-burger-nav .big-burger .middle-section ul a { font-size: var(--theme-font-size-7-desktop-no-burger) !important; line-height: var(--theme-line-height-7-desktop-no-burger); } } @media (max-width: 1023px) and (min-width: 1425px) { #cd-lateral-nav .big-burger .middle-section ul a, #cd-lateral-burger-nav .big-burger .middle-section ul a { font-size: var(--theme-font-size-7-desktop-full) !important; line-height: var(--theme-line-height-7-desktop-full); } } @media (max-width: 1023px) and (min-width: 1750px) { #cd-lateral-nav .big-burger .middle-section ul a, #cd-lateral-burger-nav .big-burger .middle-section ul a { font-size: var(--theme-font-size-7-desktop-large) !important; line-height: var(--theme-line-height-7-desktop-large); } } @media (max-width: 1023px) { #cd-lateral-nav .big-burger .menu-pages-legales-container, #cd-lateral-burger-nav .big-burger .menu-pages-legales-container { margin: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 20px; } } @media (max-width: 1023px) and (max-width: 480px) { #cd-lateral-nav .big-burger .menu-pages-legales-container, #cd-lateral-burger-nav .big-burger .menu-pages-legales-container { padding-bottom: calc(0.0615384615 * 1 * 100vw); } } @media (max-width: 1023px) { #cd-lateral-nav .big-burger nav, #cd-lateral-burger-nav .big-burger nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #cd-lateral-nav .big-burger .socials-navigation ul, #cd-lateral-burger-nav .big-burger .socials-navigation ul { margin: 40px 0 30px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 1023px) and (max-width: 480px) { #cd-lateral-nav .big-burger .socials-navigation ul, #cd-lateral-burger-nav .big-burger .socials-navigation ul { margin: calc(0.0641025641 * 1 * 100vw) 0; } } @media (max-width: 1023px) { #cd-lateral-nav .big-burger .socials-navigation ul a, #cd-lateral-burger-nav .big-burger .socials-navigation ul a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #cd-lateral-nav .big-burger .wrapper2, #cd-lateral-burger-nav .big-burger .wrapper2 { /* Fix Safari - Forcer l'affichage du menu du bas */ } } @media (max-width: 1023px) and (max-width: 1023px) { #cd-lateral-nav .big-burger .wrapper2 #site-navigation-big-burger-right, #cd-lateral-burger-nav .big-burger .wrapper2 #site-navigation-big-burger-right { display: block !important; visibility: visible !important; } #cd-lateral-nav .big-burger .wrapper2 #site-navigation-big-burger-right .menu-big-burger-two-container, #cd-lateral-burger-nav .big-burger .wrapper2 #site-navigation-big-burger-right .menu-big-burger-two-container { display: block !important; } #cd-lateral-nav .big-burger .wrapper2 #site-navigation-big-burger-right ul#menu-bbr, #cd-lateral-burger-nav .big-burger .wrapper2 #site-navigation-big-burger-right ul#menu-bbr { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; visibility: visible !important; } } @media (max-width: 1023px) { #cd-lateral-nav .big-burger .wrapper2 ul, #cd-lateral-burger-nav .big-burger .wrapper2 ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (max-width: 1023px) and (max-width: 480px) { #cd-lateral-nav .big-burger .wrapper2 ul, #cd-lateral-burger-nav .big-burger .wrapper2 ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: calc(0.0256410256 * 1 * 100vw); padding: calc(0.1025641026 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); } } #cd-lateral-nav.lateral-menu-is-open, #cd-lateral-burger-nav.lateral-menu-is-open { z-index: -1; display: block; -webkit-transform: translateY(0); transform: translateY(0); border-bottom: 0.5px solid var(--theme-color-blue-30); } .menu-big-burger-left li { position: relative; overflow: hidden; padding: 0 !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 0px) { .menu-big-burger-left li { padding: 0 calc(0.0615384615 * 1 * 100vw) !important; } } @media (min-width: 481px) { .menu-big-burger-left li { padding: 0 calc(0.0292682927 * 1 * 100vw) !important; } } @media (min-width: 1024px) { .menu-big-burger-left li { padding: 0 calc(0.0347222222 * 1 * 100vw) !important; } } .menu-big-burger-left li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: padding-left 0.3s ease; transition: padding-left 0.3s ease; line-height: 1em !important; } @media (min-width: 1024px) { .menu-big-burger-left li:nth-child(1)::before { background-image: url("/wp-content/uploads/2024/01/Groupe-22767.svg"); } .menu-big-burger-left li:nth-child(2)::before { background-image: url("/wp-content/uploads/2024/01/Groupe-22766.svg"); } .menu-big-burger-left li:nth-child(3)::before { background-image: url("/wp-content/uploads/2024/01/Groupe-22614.svg"); } .menu-big-burger-left li:nth-child(4)::before { background-image: url("/wp-content/uploads/2024/01/Groupe-22769.svg"); } .menu-big-burger-left li:nth-child(5)::before { background-image: url("/wp-content/uploads/2024/01/Groupe-22504.svg"); } } @-webkit-keyframes fadeInOut { 0% { opacity: 0; } 10% { opacity: 0.1; } 20% { opacity: 0.2; } 30% { opacity: 0.3; } 40% { opacity: 0.4; } 50% { opacity: 0.5; } 60% { opacity: 0.6; } 70% { opacity: 0.7; } 80% { opacity: 0.8; } 90% { opacity: 0.9; } 100% { opacity: 1; } } @keyframes fadeInOut { 0% { opacity: 0; } 10% { opacity: 0.1; } 20% { opacity: 0.2; } 30% { opacity: 0.3; } 40% { opacity: 0.4; } 50% { opacity: 0.5; } 60% { opacity: 0.6; } 70% { opacity: 0.7; } 80% { opacity: 0.8; } 90% { opacity: 0.9; } 100% { opacity: 1; } } @media all and (max-width: 390px) { #cd-lateral-burger-nav .big-burger .site-navigation .navigation:last-child ul { margin: 15px !important; } #cd-lateral-burger-nav .big-burger .site-navigation .navigation:last-child ul li a { line-height: 1em !important; font-size: 25px !important; } .big-burger .middle-section ul li a { line-height: 1em !important; font-size: 15px !important; } } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * ELEMENTS DISPOSITION /**/ footer ul { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } footer ul#menu-legals { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 0; } footer .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } footer .wrapper.first { background-color: var(--theme-color-violet); -webkit-box-align: start; -ms-flex-align: start; align-items: start; } @media (min-width: 0px) { footer .wrapper.first { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (min-width: 481px) { footer .wrapper.first { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: calc(0.0487804878 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { footer .wrapper.first { padding: calc(0.0277777778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); } } @media (max-width: 480px) { footer .wrapper.first .site-branding { margin: 0; } } footer .wrapper.second { background-color: var(--theme-color-violet); -webkit-box-align: start; -ms-flex-align: start; align-items: start; } @media (min-width: 481px) { footer .wrapper.second { -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; padding: calc(0.006097561 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.0304878049 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { footer .wrapper.second { padding: calc(0.0034722222 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0173611111 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); } } footer .wrapper.last { background-color: var(--theme-color-blue); } @media (min-width: 0px) { footer .wrapper.last { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } footer .wrapper.last .navigation, footer .wrapper.last .menu-pages-legales-container { width: 100%; } @media (max-width: 1023px) { footer .wrapper.last .navigation:nth-child(2) { width: -webkit-max-content; width: -moz-max-content; width: max-content; } } @media (max-width: 1023px) { footer .wrapper.last li a span:not(.mobile) { display: none; } } @media (min-width: 1024px) { footer .wrapper.last li a svg { display: none; } } footer .wrapper.last a { color: var(--theme-color-full-white); } footer .wrapper .right-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: calc(0.0486111111 * 1 * 100vw); } @media (max-width: 480px) { footer .wrapper .right-container { width: -webkit-max-content; width: -moz-max-content; width: max-content; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media (min-width: 481px) { footer .wrapper .right-container { width: auto; } } footer .wrapper .right-container .main-navigation .menu { display: -webkit-box; display: -ms-flexbox; display: flex; gap: calc(0.0625 * 1 * 100vw); } @media (max-width: 480px) { footer .wrapper .right-container .main-navigation .menu { gap: 0px !important; } } @media (max-width: 480px) { footer .wrapper .right-container .main-navigation .menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } footer .wrapper .right-container .main-navigation .menu a { color: var(--theme-color-full-white); font-weight: 600; } footer .wrapper .right-container .main-navigation .menu .menu-item-has-children { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 25px; } @media (max-width: 480px) { footer .wrapper .right-container .main-navigation .menu .menu-item-has-children { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; cursor: pointer; } } @media (min-width: 481px) { footer .wrapper .right-container .main-navigation .menu .menu-item-has-children { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 480px) { footer .wrapper .right-container .main-navigation .menu .menu-item-has-children > a { text-transform: uppercase; } } footer .wrapper .right-container .main-navigation .menu .menu-item-has-children .sub-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; opacity: 1; height: auto; visibility: visible; } @media (max-width: 480px) { footer .wrapper .right-container .main-navigation .menu .menu-item-has-children .sub-menu { gap: 5px; } footer .wrapper .right-container .main-navigation .menu .menu-item-has-children .sub-menu:not(.active) { display: none; } } @media (min-width: 481px) { footer .wrapper .right-container .main-navigation .menu .menu-item-has-children .sub-menu { gap: 15px; } } @media (max-width: 480px) { footer .wrapper .right-container .main-navigation .menu .menu-item-has-children .sub-menu { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (min-width: 481px) { footer .wrapper .right-container .main-navigation .menu .menu-item-has-children .sub-menu { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 10%; } } footer .wrapper .right-container .main-navigation .menu .menu-item-has-children .sub-menu a { font-weight: 400; } footer .wrapper .right-container .main-navigation .menu .menu-item-has-children.active .sub-menu { display: -webkit-box; display: -ms-flexbox; display: flex; } footer .wrapper #menu-footer-two { margin: 0; } @media (max-width: 480px) { footer .wrapper #menu-footer-two li { width: 100%; } } @media (min-width: 481px) { footer .wrapper .navigation:first-child .little-font { margin-right: calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 1024px) { footer .wrapper .navigation:first-child .little-font { margin-right: calc(0.0138888889 * 1 * 100vw); } } footer .wrapper .package.bottom-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 481px) { footer .wrapper .package.bottom-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } footer .big-burger .site-branding a { height: 60px; } footer .big-burger .site-navigation .navigation nav > div { width: 100%; } footer .big-burger .site-navigation .navigation:first-child .menu-big-burger-one-container { width: 100%; } footer .big-burger .site-navigation .navigation:first-child li { display: contents; } footer .big-burger .site-navigation .navigation:first-child a { width: 100%; } footer .big-burger .site-navigation .navigation:last-child ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: calc(0.0897435897 * 1 * 100vw) 0; } @media (min-width: 481px) { footer .big-burger .site-navigation .navigation:last-child ul li { margin-top: calc(0.0769230769 * 1 * 100vw); } } @media (max-width: 480px) { footer .big-burger .site-navigation .navigation:last-child ul li { margin-top: calc(0.0384615385 * 1 * 100vw); } } footer .big-burger .site-navigation .navigation:last-child ul li:first-child { margin-top: 0; } footer .big-burger .site-navigation .navigation:last-child ul li:last-child { margin-bottom: 0; } footer .big-burger .middle-section ul { 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; margin: calc(0.0897435897 * 1 * 100vw) 0; } @media (min-width: 481px) { footer .big-burger .middle-section ul li { margin-top: calc(0.1025641026 * 1 * 100vw); } } @media (max-width: 480px) { footer .big-burger .middle-section ul li { margin-top: calc(0.0512820513 * 1 * 100vw); } } footer .big-burger .middle-section ul li:first-child { margin-top: 0; } footer .big-burger .middle-section ul li:last-child { margin-bottom: 0; } footer .big-burger .middle-section ul a { color: var(--theme-color-white); } footer .big-burger .x-between { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } footer .big-burger .x-between .menu-pages-legales-container { margin: 0; } footer .big-burger .x-between .socials-navigation ul { margin: 40px 0 30px 0; } footer #menu-footer-logos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 45px; margin: 0; padding: 30px 0px; margin: 25px 0; } @media (max-width: 1023px) { footer #menu-footer-logos { gap: 60px; } } footer #menu-footer-copyrights { color: var(--theme-color-white-80); margin: 0; padding: 20px 0; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 25px; } footer #menu-footer-copyrights a { cursor: default; pointer-events: none; color: var(--theme-color-white-80); } @media (max-width: 1023px) { footer #menu-footer-copyrights { -ms-flex-wrap: wrap; flex-wrap: wrap; } } footer ul:not(#menu-socials) li:not(.cta, .menu-item-has-children) a:not(.custom-logo-link, :has(svg)) { position: relative; } footer ul:not(#menu-socials) li:not(.cta, .menu-item-has-children) a:not(.custom-logo-link, :has(svg))::after { content: ""; /* Adds a visual element */ position: absolute; left: 50%; /* Start at the center */ width: 0; /* Initially no width */ height: 2px; /* Thickness of the underline */ background-color: var(--theme-color-blue-turquoise); /* Color of the underline */ -webkit-transform: translateX(-50%); transform: translateX(-50%); /* Adjust starting point to center */ } @media (min-width: 0px) { footer ul:not(#menu-socials) li:not(.cta, .menu-item-has-children) a:not(.custom-logo-link, :has(svg))::after { bottom: calc(-0.0128205128 * 1 * 100vw); } } @media (min-width: 481px) { footer ul:not(#menu-socials) li:not(.cta, .menu-item-has-children) a:not(.custom-logo-link, :has(svg))::after { bottom: calc(-0.006097561 * 1 * 100vw); } } @media (min-width: 1024px) { footer ul:not(#menu-socials) li:not(.cta, .menu-item-has-children) a:not(.custom-logo-link, :has(svg))::after { bottom: calc(-0.0034722222 * 1 * 100vw); } } footer ul:not(#menu-socials) li:not(.cta, .menu-item-has-children) a:not(.custom-logo-link, :has(svg)):has(+ ul.sub-menu.opened)::after { width: 118%; left: 59%; -webkit-transform: translateX(-50%); transform: translateX(-50%); /* Remain centered while expanding */ } footer ul:not(#menu-socials) li:not(.cta, .menu-item-has-children):hover a:not(.custom-logo-link, :has(svg))::after { width: 100%; /* Grow the underline outward from the center */ left: 50%; /* Keep the center anchor */ -webkit-transform: translateX(-50%); transform: translateX(-50%); /* Remain centered while expanding */ } footer ul:not(#menu-socials) li:not(.cta, .menu-item-has-children):hover a:not(.custom-logo-link, :has(svg))::after { width: 100%; /* Grow the underline outward from the center */ left: 50%; /* Keep the center anchor */ -webkit-transform: translateX(-50%); transform: translateX(-50%); /* Remain centered while expanding */ } @media (min-width: 1024px) { footer ul:not(#menu-socials) li:not(.cta, .menu-item-has-children) a:not(.custom-logo-link):has(svg) { position: relative; } footer ul:not(#menu-socials) li:not(.cta, .menu-item-has-children) a:not(.custom-logo-link):has(svg)::after { content: ""; /* Adds a visual element */ position: absolute; left: 50%; /* Start at the center */ width: 0; /* Initially no width */ height: 2px; /* Thickness of the underline */ background-color: var(--theme-color-blue-turquoise); /* Color of the underline */ -webkit-transform: translateX(-50%); transform: translateX(-50%); /* Adjust starting point to center */ } } @media (min-width: 1024px) and (min-width: 0px) { footer ul:not(#menu-socials) li:not(.cta, .menu-item-has-children) a:not(.custom-logo-link):has(svg)::after { bottom: calc(-0.0128205128 * 1 * 100vw); } } @media (min-width: 1024px) and (min-width: 481px) { footer ul:not(#menu-socials) li:not(.cta, .menu-item-has-children) a:not(.custom-logo-link):has(svg)::after { bottom: calc(-0.006097561 * 1 * 100vw); } } @media (min-width: 1024px) and (min-width: 1024px) { footer ul:not(#menu-socials) li:not(.cta, .menu-item-has-children) a:not(.custom-logo-link):has(svg)::after { bottom: calc(-0.0034722222 * 1 * 100vw); } } @media (min-width: 1024px) { footer ul:not(#menu-socials) li:not(.cta, .menu-item-has-children) a:not(.custom-logo-link):has(svg):hover::after { width: 100%; /* Grow the underline outward from the center */ left: 50%; /* Keep the center anchor */ -webkit-transform: translateX(-50%); transform: translateX(-50%); /* Remain centered while expanding */ } } footer ul:not(#menu-socials) li.active > a { color: var(--theme-color-blue-turquoise); } #menu-item-26561 a, #menu-item-26560 a { font-family: "Manrope-bold" !important; } @media (max-width: 480px) { .menu-footer-one { gap: 0px; } #menu-item-24733 { margin-bottom: 30px; } #menu-item-24737 { margin-bottom: 15px; } #menu-item-24738 { margin-bottom: 40px; } .type-footer .wrapper { padding-top: 25px; padding-bottom: 25px; } } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED FUNCTIONS /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED CLASSES & EXTENDS * Allways create both in order to be forced * directly on DOM or afterward in SCCS with @extend ! /**/ /* Create here as much as needed... */ /** * -------------------------------------------------------------------------------------------------------------- * ELEMENTS APPLICATIONS /**/ /* If some sections have allways the same parameters on the project define them here with the variables above */ header { z-index: 11; } header.img-top-reached { z-index: 13; } @media (max-width: 480px) { :not(section.type-breadcrumb) + .type-banner { padding: calc(0.1282051282 * 1 * 100vw + 2 * 0.0384615385 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { :not(section.type-breadcrumb) + .type-banner { padding: calc(0.0609756098 * 1 * 100vw + 2 * 0.0158536585 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { :not(section.type-breadcrumb) + .type-banner { padding: calc(0.0347222222 * 1 * 100vw + 2 * 0.0090277778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); } } @media (min-width: 0px) { body:not(.single-hebergement, .single-post) .type-banner:has(section.type-breadcrumb):not(:has(.gallery), .contact) { height: calc(1.2307692308 * 1 * 100vw); } } @media (min-width: 481px) { body:not(.single-hebergement, .single-post) .type-banner:has(section.type-breadcrumb):not(:has(.gallery), .contact) { height: calc(0.3329268293 * 1 * 100vw); } } @media (min-width: 1024px) { body:not(.single-hebergement, .single-post) .type-banner:has(section.type-breadcrumb):not(:has(.gallery), .contact) { height: calc(0.3111111111 * 1 * 100vw); } } @media (max-width: 480px) { body:not(.single-hebergement, .single-post) .type-banner:has(section.type-breadcrumb):not(:has(.gallery), .contact) > .bkg-wrapper { margin-top: 20%; } } @media (min-width: 481px) { body:not(.single-hebergement, .single-post) .type-banner:has(section.type-breadcrumb):not(:has(.gallery), .contact) > .bkg-wrapper { margin: 0 auto; } } @media (max-width: 480px) { body:not(.single-hebergement, .single-post) .type-banner:has(section.type-breadcrumb):not(:has(.gallery), .contact) > .bkg-wrapper > img { height: calc(1.4358974359 * 1 * 100vw); } } @media (min-width: 481px) { body:not(.single-hebergement, .single-post) .type-banner:has(section.type-breadcrumb):not(:has(.gallery), .contact) > .bkg-wrapper > img { height: calc(0.4268292683 * 1 * 100vw); } } @media (min-width: 1024px) { body:not(.single-hebergement, .single-post) .type-banner:has(section.type-breadcrumb):not(:has(.gallery), .contact) > .bkg-wrapper > img { height: calc(0.3638888889 * 1 * 100vw); } } @media (max-width: 480px) { body:not(.single-hebergement, .single-post) .type-banner:has(section.type-breadcrumb):not(:has(.gallery), .contact) > .wrapper { margin: 25% auto; } } @media (min-width: 481px) { body:not(.single-hebergement, .single-post) .type-banner:has(section.type-breadcrumb):not(:has(.gallery), .contact) > .wrapper { margin: calc(8.2% - 0.0597560976 * 1 * 100vw) auto 15.2% auto; } } @media (min-width: 1024px) { body:not(.single-hebergement, .single-post) .type-banner:has(section.type-breadcrumb):not(:has(.gallery), .contact) > .wrapper { margin: calc(8.2% - 0.0548611111 * 1 * 100vw) auto 15.2% auto; } } @media (max-width: 480px) { .type-banner:has(.wrapper > .type-swiper) { padding-left: 0 !important; padding-right: 0 !important; } .type-banner:has(.wrapper > .type-swiper) .type-breadcrumb, .type-banner:has(.wrapper > .type-swiper) .container { padding-left: calc(0.0615384615 * 1 * 100vw) !important; padding-right: calc(0.0615384615 * 1 * 100vw) !important; } } .type-banner:has(.gallery) .container.gallery .bubbleImg { position: absolute; z-index: -1; } @media (min-width: 0px) { .type-banner:has(.gallery) .container.gallery .bubbleImg { width: calc(0.5641025641 * 1 * 100vw) !important; } } @media (min-width: 481px) { .type-banner:has(.gallery) .container.gallery .bubbleImg { width: calc(0.3414634146 * 1 * 100vw) !important; } } @media (min-width: 1024px) { .type-banner:has(.gallery) .container.gallery .bubbleImg { width: calc(0.3472222222 * 1 * 100vw) !important; } } .type-banner:has(.gallery) .container.gallery .bubbleImg.bubbleImg_0 { top: 20%; left: 0; } @media (max-width: 480px) { .type-banner:has(.gallery) .container.gallery .bubbleImg.bubbleImg_0 { top: 15%; left: -18%; } } .type-banner:has(.gallery) .container.gallery .bubbleImg.bubbleImg_1 { bottom: 0%; left: 30%; } @media (max-width: 480px) { .type-banner:has(.gallery) .container.gallery .bubbleImg.bubbleImg_1 { display: none; } } .type-banner:has(.gallery) .container.gallery .bubbleImg.bubbleImg_2 { top: 50%; right: 0; } @media (max-width: 480px) { .type-banner:has(.gallery) .container.gallery .bubbleImg.bubbleImg_2 { top: 78%; right: -10%; } } .type-banner { z-index: 12; } .type-banner p { opacity: 85%; padding-top: 1%; } @media (min-width: 481px) { .type-banner:not(:has(> .wrapper.row)):not(:has(> .wrapper.in-line)) p { min-width: 38vw; margin-left: auto; margin-right: auto; max-width: 50%; } } @media (min-width: 481px) { .type-banner:not(:has(> .wrapper.row)):not(:has(> .wrapper.in-line)):has(h1 > span > img) p { margin-top: 0 !important; } } .type-banner .section-with-background { height: 100%; width: 100%; position: absolute; left: 0; top: 0; overflow: hidden; } .type-banner .section-with-background .image-background { height: 100%; width: 100%; opacity: 0.3; -o-object-fit: cover; object-fit: cover; } .type-banner .section-with-background.video:after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: inline-block; background: var(--theme-color-violet-dark); z-index: 2; opacity: 0.8; } @media (min-width: 1024px) { .type-banner .section-with-background.video video { width: 100%; } } @media (min-width: 0px) { .type-banner .type-swiper { margin-top: calc(0.1538461538 * 1 * 100vw); gap: calc(0.1025641026 * 1 * 100vw); } } @media (min-width: 481px) { .type-banner .type-swiper { margin-top: calc(0.0731707317 * 1 * 100vw); gap: calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 1024px) { .type-banner .type-swiper { margin-top: calc(0.0416666667 * 1 * 100vw); gap: calc(0.0277777778 * 1 * 100vw); } } .type-banner .type-swiper img:not(.img-icon) { -o-object-fit: cover; object-fit: cover; width: 100%; height: auto; display: block; } @media (max-width: 480px) { .type-banner.default:not(.curve):not(:has(.type-breadcrumb)) > .bkg-wrapper, .type-banner.default:not(.curve):not(:has(.type-breadcrumb)) > .wrapper { margin: 35% auto; } } @media (min-width: 481px) { .type-banner.default:not(.curve):not(:has(.type-breadcrumb)) > .bkg-wrapper, .type-banner.default:not(.curve):not(:has(.type-breadcrumb)) > .wrapper { margin: 8.2% auto; } } @media (min-width: 1024px) { .type-banner.default:not(.curve):not(:has(.type-breadcrumb)) > .bkg-wrapper, .type-banner.default:not(.curve):not(:has(.type-breadcrumb)) > .wrapper { margin: 8.2% auto; } } @media (max-width: 480px) { .type-banner.default:not(.curve):has(.type-breadcrumb) > .bkg-wrapper, .type-banner.default:not(.curve):has(.type-breadcrumb) > .wrapper { margin: 25% auto; } } @media (min-width: 481px) { .type-banner.default:not(.curve):has(.type-breadcrumb) > .bkg-wrapper, .type-banner.default:not(.curve):has(.type-breadcrumb) > .wrapper { margin: calc(8.2% - 0.0597560976 * 1 * 100vw) auto 8.2% auto; } } @media (min-width: 1024px) { .type-banner.default:not(.curve):has(.type-breadcrumb) > .bkg-wrapper, .type-banner.default:not(.curve):has(.type-breadcrumb) > .wrapper { margin: calc(8.2% - 0.0548611111 * 1 * 100vw) auto 8.2% auto; } } @media (max-width: 480px) { .type-banner.default:not(.curve):has(.type-breadcrumb).springbreak > .bkg-wrapper, .type-banner.default:not(.curve):has(.type-breadcrumb).springbreak > .wrapper { margin: 55% auto 55% auto; } } @media (min-width: 481px) { .type-banner.default:not(.curve):has(.type-breadcrumb).springbreak > .bkg-wrapper, .type-banner.default:not(.curve):has(.type-breadcrumb).springbreak > .wrapper { margin: calc(8.2% - 0.0597560976 * 1 * 100vw) auto 16.2% auto; } } @media (min-width: 1024px) { .type-banner.default:not(.curve):has(.type-breadcrumb).springbreak > .bkg-wrapper, .type-banner.default:not(.curve):has(.type-breadcrumb).springbreak > .wrapper { margin: calc(8.2% - 0.06875 * 1 * 100vw) auto 16.2% auto; } } .type-banner.default, .type-banner.curve { position: relative; } @media (min-width: 1024px) { .type-banner.default div > .container:has(.img-icon), .type-banner.curve div > .container:has(.img-icon) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (min-width: 1024px) { .type-banner.default:not(.wei-wed) div > .container:has(.img-icon), .type-banner.curve:not(.wei-wed) div > .container:has(.img-icon) { max-width: 85%; } } .type-banner.default .bkg-wrapper .container h1, .type-banner.default .bkg-wrapper .container p, .type-banner.curve .bkg-wrapper .container h1, .type-banner.curve .bkg-wrapper .container p { position: relative; color: var(--theme-color-white) !important; } .type-banner.default.wei-wed .bkg-wrapper .bkg-image, .type-banner.default.become-partner .bkg-wrapper .bkg-image, .type-banner.default.post .bkg-wrapper .bkg-image, .type-banner.curve.wei-wed .bkg-wrapper .bkg-image, .type-banner.curve.become-partner .bkg-wrapper .bkg-image, .type-banner.curve.post .bkg-wrapper .bkg-image { opacity: 0.8; } .type-banner.default.home, .type-banner.curve.home { overflow: hidden; } @media (min-width: 0px) { .type-banner.default.home .bkg-wrapper > img:not(.img-icon), .type-banner.curve.home .bkg-wrapper > img:not(.img-icon) { top: -100%; left: -110%; } } @media (min-width: 481px) { .type-banner.default.home .bkg-wrapper > img:not(.img-icon), .type-banner.curve.home .bkg-wrapper > img:not(.img-icon) { top: -150%; left: -30%; width: 130%; } } @media (min-width: 1024px) { .type-banner.default.home .bkg-wrapper > img:not(.img-icon), .type-banner.curve.home .bkg-wrapper > img:not(.img-icon) { top: -200%; left: -40%; width: 140%; } } @media (min-width: 1024px) { .type-banner.default.home .wrapper .container:first-child, .type-banner.curve.home .wrapper .container:first-child { width: 65%; } } @media (min-width: 1024px) { .type-banner.default.home .wrapper .container:last-child, .type-banner.curve.home .wrapper .container:last-child { width: 35%; } } .type-banner.default.home .wrapper .container .package:has(img.contain-image), .type-banner.curve.home .wrapper .container .package:has(img.contain-image) { width: -webkit-fill-available; } @media (max-width: 1023px) { .type-banner.default.home .wrapper .container .package .img-icon.title.img-bottom, .type-banner.curve.home .wrapper .container .package .img-icon.title.img-bottom { display: none; } } .type-banner.default.home .wrapper .container .package .img-icon.button.img-right, .type-banner.curve.home .wrapper .container .package .img-icon.button.img-right { left: 90%; } @media (max-width: 1023px) { .type-banner.default.home .wrapper .container .package .img-icon.button.img-right, .type-banner.curve.home .wrapper .container .package .img-icon.button.img-right { display: none; } } .type-banner.default.home .wrapper .container .package .img-icon.image.img-left, .type-banner.curve.home .wrapper .container .package .img-icon.image.img-left { top: 75%; z-index: -1; } @media (max-width: 480px) { .type-banner.default.home .wrapper .container .package .img-icon.image.img-left, .type-banner.curve.home .wrapper .container .package .img-icon.image.img-left { right: 45%; } } @media (min-width: 481px) { .type-banner.default.home .wrapper .container .package .img-icon.image.img-left, .type-banner.curve.home .wrapper .container .package .img-icon.image.img-left { right: 65%; } } .type-banner.default.home .wrapper .container .package .img-icon.image.img-right, .type-banner.curve.home .wrapper .container .package .img-icon.image.img-right { top: 10%; } @media (max-width: 480px) { .type-banner.default.home .wrapper .container .package .img-icon.image.img-right, .type-banner.curve.home .wrapper .container .package .img-icon.image.img-right { left: 60%; } } @media (min-width: 481px) { .type-banner.default.home .wrapper .container .package .img-icon.image.img-right, .type-banner.curve.home .wrapper .container .package .img-icon.image.img-right { left: 70%; } } @media (min-width: 1024px) { .type-banner.default.home .wrapper .container .package .img-icon.image.img-right, .type-banner.curve.home .wrapper .container .package .img-icon.image.img-right { left: 85%; } } @media (min-width: 1024px) { .type-banner.default.lodging .wrapper .container:first-child, .type-banner.curve.lodging .wrapper .container:first-child { width: 50%; } } @media (min-width: 1024px) { .type-banner.default.lodging .wrapper .container:last-child, .type-banner.curve.lodging .wrapper .container:last-child { width: 50%; } } .type-banner.default.lodging .wrapper .container .package:has(img.contain-image), .type-banner.curve.lodging .wrapper .container .package:has(img.contain-image) { width: -webkit-fill-available; } .type-banner.default.lodging .wrapper .container .package .img-icon.image.img-left, .type-banner.curve.lodging .wrapper .container .package .img-icon.image.img-left { top: 10%; z-index: -1; } @media (max-width: 480px) { .type-banner.default.lodging .wrapper .container .package .img-icon.image.img-left, .type-banner.curve.lodging .wrapper .container .package .img-icon.image.img-left { left: 10%; } } @media (min-width: 481px) { .type-banner.default.lodging .wrapper .container .package .img-icon.image.img-left, .type-banner.curve.lodging .wrapper .container .package .img-icon.image.img-left { left: 10%; } } .type-banner.default.springbreak .wrapper .type-swiper, .type-banner.curve.springbreak .wrapper .type-swiper { position: relative; } .type-banner.default.springbreak .wrapper .img-icon.image, .type-banner.curve.springbreak .wrapper .img-icon.image { z-index: 2; } .type-banner.default.springbreak .wrapper .img-icon.image.img-right, .type-banner.curve.springbreak .wrapper .img-icon.image.img-right { top: 5%; } @media (max-width: 480px) { .type-banner.default.springbreak .wrapper .img-icon.image.img-right, .type-banner.curve.springbreak .wrapper .img-icon.image.img-right { display: none; } } @media (min-width: 481px) { .type-banner.default.springbreak .wrapper .img-icon.image.img-right, .type-banner.curve.springbreak .wrapper .img-icon.image.img-right { left: 86%; } } @media (min-width: 1024px) { .type-banner.default.springbreak .wrapper .img-icon.image.img-right, .type-banner.curve.springbreak .wrapper .img-icon.image.img-right { left: 92%; } } @media (max-width: 480px) { .type-banner.default.springbreak .wrapper .img-icon.image.img-bottom, .type-banner.curve.springbreak .wrapper .img-icon.image.img-bottom { left: 82%; top: 66%; } } @media (min-width: 481px) { .type-banner.default.springbreak .wrapper .img-icon.image.img-bottom, .type-banner.curve.springbreak .wrapper .img-icon.image.img-bottom { left: 42%; top: 65%; } } @media (min-width: 1024px) { .type-banner.default.springbreak .wrapper .img-icon.image.img-bottom, .type-banner.curve.springbreak .wrapper .img-icon.image.img-bottom { left: 62%; top: 70%; } } @media (max-width: 480px) { .type-banner.default.springbreak .wrapper .img-icon.title.img-left, .type-banner.curve.springbreak .wrapper .img-icon.title.img-left { display: none; } } @media (min-width: 481px) { .type-banner.default.springbreak .wrapper .img-icon.title.img-left, .type-banner.curve.springbreak .wrapper .img-icon.title.img-left { right: 75%; } } @media (min-width: 1024px) { .type-banner.default.springbreak .wrapper .img-icon.title.img-left, .type-banner.curve.springbreak .wrapper .img-icon.title.img-left { right: 110%; } } @media (max-width: 480px) { .type-banner.default.springbreak .wrapper .img-icon.title.img-right, .type-banner.curve.springbreak .wrapper .img-icon.title.img-right { top: 5%; left: 90%; } } @media (min-width: 481px) { .type-banner.default.springbreak .wrapper .img-icon.title.img-right, .type-banner.curve.springbreak .wrapper .img-icon.title.img-right { top: 5%; left: 75%; } } @media (min-width: 1024px) { .type-banner.default.springbreak .wrapper .img-icon.title.img-right, .type-banner.curve.springbreak .wrapper .img-icon.title.img-right { top: 5%; left: 100%; } } @media (max-width: 480px) { .type-banner.default.city-trip .img-icon.title.img-left, .type-banner.curve.city-trip .img-icon.title.img-left { display: none; } } @media (min-width: 481px) { .type-banner.default.city-trip .img-icon.title.img-left, .type-banner.curve.city-trip .img-icon.title.img-left { right: 80%; top: 220%; } } @media (min-width: 1024px) { .type-banner.default.city-trip .img-icon.title.img-left, .type-banner.curve.city-trip .img-icon.title.img-left { right: 200%; top: 190%; } } @media (max-width: 480px) { .type-banner.default.city-trip .img-icon.title.img-right, .type-banner.curve.city-trip .img-icon.title.img-right { left: 80%; } } @media (min-width: 481px) { .type-banner.default.city-trip .img-icon.title.img-right, .type-banner.curve.city-trip .img-icon.title.img-right { left: 80%; } } @media (min-width: 1024px) { .type-banner.default.city-trip .img-icon.title.img-right, .type-banner.curve.city-trip .img-icon.title.img-right { left: 195%; } } @media (max-width: 480px) { .type-banner.default.about .img-icon.title.img-left, .type-banner.curve.about .img-icon.title.img-left { display: none; } } @media (min-width: 481px) { .type-banner.default.about .img-icon.title.img-left, .type-banner.curve.about .img-icon.title.img-left { right: 65%; } } @media (min-width: 1024px) { .type-banner.default.about .img-icon.title.img-left, .type-banner.curve.about .img-icon.title.img-left { right: 100%; } } @media (max-width: 480px) { .type-banner.default.about .img-icon.title.img-right, .type-banner.curve.about .img-icon.title.img-right { left: 70%; -webkit-transform: translateY(-50%) scale(0.4); transform: translateY(-50%) scale(0.4); } } @media (min-width: 481px) { .type-banner.default.about .img-icon.title.img-right, .type-banner.curve.about .img-icon.title.img-right { left: 70%; } } @media (min-width: 1024px) { .type-banner.default.about .img-icon.title.img-right, .type-banner.curve.about .img-icon.title.img-right { left: 155%; } } @media (max-width: 480px) { .type-banner.default.recruitment .img-icon.title.img-left, .type-banner.curve.recruitment .img-icon.title.img-left { right: 40%; top: 500%; } } @media (min-width: 481px) { .type-banner.default.recruitment .img-icon.title.img-left, .type-banner.curve.recruitment .img-icon.title.img-left { right: 70%; } } @media (min-width: 1024px) { .type-banner.default.recruitment .img-icon.title.img-left, .type-banner.curve.recruitment .img-icon.title.img-left { right: 120%; } } @media (max-width: 480px) { .type-banner.default.recruitment .img-icon.title.img-right, .type-banner.curve.recruitment .img-icon.title.img-right { display: none; } } @media (min-width: 481px) { .type-banner.default.recruitment .img-icon.title.img-right, .type-banner.curve.recruitment .img-icon.title.img-right { left: 80%; } } @media (min-width: 1024px) { .type-banner.default.recruitment .img-icon.title.img-right, .type-banner.curve.recruitment .img-icon.title.img-right { left: 125%; } } @media (max-width: 480px) { .type-banner.default.become-partner .img-icon.title.img-left, .type-banner.curve.become-partner .img-icon.title.img-left { display: none; } } @media (min-width: 481px) { .type-banner.default.become-partner .img-icon.title.img-left, .type-banner.curve.become-partner .img-icon.title.img-left { right: 88%; top: 0%; } } @media (min-width: 1024px) { .type-banner.default.become-partner .img-icon.title.img-left, .type-banner.curve.become-partner .img-icon.title.img-left { right: 105%; top: 0%; } } @media (max-width: 480px) { .type-banner.default.become-partner .img-icon.title.img-right, .type-banner.curve.become-partner .img-icon.title.img-right { left: 70%; top: 40%; } } @media (min-width: 481px) { .type-banner.default.become-partner .img-icon.title.img-right, .type-banner.curve.become-partner .img-icon.title.img-right { left: 80%; top: 200%; } } @media (min-width: 1024px) { .type-banner.default.become-partner .img-icon.title.img-right, .type-banner.curve.become-partner .img-icon.title.img-right { left: 95%; top: 170%; } } @media (max-width: 1023px) { .type-banner.default.blog .img-icon.title.img-left, .type-banner.curve.blog .img-icon.title.img-left { -webkit-transform: translateY(-50%) scale(0.4); transform: translateY(-50%) scale(0.4); right: 80%; top: 30%; } } @media (max-width: 480px) { .type-banner.default.blog .img-icon.title.img-left, .type-banner.curve.blog .img-icon.title.img-left { right: 80%; top: 0; } } @media (min-width: 1024px) { .type-banner.default.blog .img-icon.title.img-left, .type-banner.curve.blog .img-icon.title.img-left { right: 110%; top: 30%; } } @media (max-width: 480px) { .type-banner.default.blog .img-icon.title.img-right, .type-banner.curve.blog .img-icon.title.img-right { display: none; } } @media (min-width: 481px) { .type-banner.default.blog .img-icon.title.img-right, .type-banner.curve.blog .img-icon.title.img-right { left: 85%; top: 100%; } } @media (min-width: 1024px) { .type-banner.default.blog .img-icon.title.img-right, .type-banner.curve.blog .img-icon.title.img-right { left: 115%; top: 90%; } } @media (max-width: 1023px) { .type-banner.default.post .img-icon.title.img-right, .type-banner.curve.post .img-icon.title.img-right { -webkit-transform: translateY(-50%) scale(0.4); transform: translateY(-50%) scale(0.4); top: -50%; left: 80%; } } @media (max-width: 480px) { .type-banner.default.post .img-icon.title.img-right, .type-banner.curve.post .img-icon.title.img-right { top: 150%; left: 60%; } } @media (min-width: 1024px) { .type-banner.default.post .img-icon.title.img-right, .type-banner.curve.post .img-icon.title.img-right { top: 0%; } } @media (max-width: 1023px) { .type-banner.default.faq .img-icon.title.img-left, .type-banner.curve.faq .img-icon.title.img-left { -webkit-transform: translateY(-50%) scale(0.4); transform: translateY(-50%) scale(0.4); right: 80%; top: 90%; } } @media (max-width: 480px) { .type-banner.default.faq .img-icon.title.img-left, .type-banner.curve.faq .img-icon.title.img-left { display: none; } } @media (min-width: 1024px) { .type-banner.default.faq .img-icon.title.img-left, .type-banner.curve.faq .img-icon.title.img-left { right: 110%; top: 90%; } } @media (max-width: 1023px) { .type-banner.default.faq .img-icon.title.img-right, .type-banner.curve.faq .img-icon.title.img-right { -webkit-transform: translateY(-50%) scale(0.4); transform: translateY(-50%) scale(0.4); left: 75%; top: -20%; } } @media (max-width: 480px) { .type-banner.default.faq .img-icon.title.img-right, .type-banner.curve.faq .img-icon.title.img-right { left: 55%; top: -20%; } } @media (min-width: 1024px) { .type-banner.default.faq .img-icon.title.img-right, .type-banner.curve.faq .img-icon.title.img-right { left: 100%; top: -20%; } } @media (max-width: 1023px) { .type-banner.default.quotation .img-icon.title.img-left, .type-banner.curve.quotation .img-icon.title.img-left { -webkit-transform: translateY(-50%) scale(0.4); transform: translateY(-50%) scale(0.4); right: 70%; top: 380%; } } @media (max-width: 480px) { .type-banner.default.quotation .img-icon.title.img-left, .type-banner.curve.quotation .img-icon.title.img-left { display: none; } } @media (min-width: 1024px) { .type-banner.default.quotation .img-icon.title.img-left, .type-banner.curve.quotation .img-icon.title.img-left { right: 110%; top: 190%; } } @media (max-width: 1023px) { .type-banner.default.quotation .img-icon.title.img-right, .type-banner.curve.quotation .img-icon.title.img-right { -webkit-transform: translateY(-50%) scale(0.4); transform: translateY(-50%) scale(0.4); left: 80%; top: -20%; } } @media (max-width: 480px) { .type-banner.default.quotation .img-icon.title.img-right, .type-banner.curve.quotation .img-icon.title.img-right { left: 55%; top: -50%; } } @media (min-width: 1024px) { .type-banner.default.quotation .img-icon.title.img-right, .type-banner.curve.quotation .img-icon.title.img-right { left: 110%; top: -20%; } } @media (max-width: 1023px) { .type-banner.default.contact .img-icon.title.img-right, .type-banner.curve.contact .img-icon.title.img-right { -webkit-transform: translateY(-50%) scale(0.7); transform: translateY(-50%) scale(0.7); top: 100%; left: 85%; } } @media (max-width: 480px) { .type-banner.default.contact .img-icon.title.img-right, .type-banner.curve.contact .img-icon.title.img-right { -webkit-transform: translateY(-50%) scale(0.4); transform: translateY(-50%) scale(0.4); top: 90%; left: 60%; } } @media (min-width: 1024px) { .type-banner.default.contact .img-icon.title.img-right, .type-banner.curve.contact .img-icon.title.img-right { top: 100%; left: 110%; } } .type-banner.curve { color: var(--theme-color-full-white); } @media (max-width: 1023px) { .type-banner.curve:not(.contact) .wrapper .container:last-child { margin-top: calc(0.0487804878 * 1 * 100vw); } } @media (max-width: 480px) { .type-banner.curve:not(.contact) .wrapper .container:last-child { margin-top: calc(0.1025641026 * 1 * 100vw); } } .type-banner.curve h1, .type-banner.curve h2, .type-banner.curve p { color: var(--theme-color-full-white) !important; } .type-banner.curve .top-curve, .type-banner.curve .bottom-curve, .type-banner.curve .bottom-wave { position: absolute; width: 100%; left: 0; z-index: 2; } .type-banner.curve .top-curve, .type-banner.curve .bottom-curve { left: 0; z-index: 1; } @media (min-width: 0px) { .type-banner.curve .top-curve, .type-banner.curve .bottom-curve { height: calc(0.1794871795 * 1 * 100vw); } .type-banner.curve .top-curve.top-curve, .type-banner.curve .bottom-curve.top-curve { top: -10%; } } @media (min-width: 0px) and (min-width: 0px) { .type-banner.curve .top-curve.bottom-curve, .type-banner.curve .bottom-curve.bottom-curve { bottom: -10%; } } @media (min-width: 0px) and (min-width: 481px) { .type-banner.curve .top-curve.bottom-curve, .type-banner.curve .bottom-curve.bottom-curve { bottom: -13%; } } @media (min-width: 481px) { .type-banner.curve .top-curve, .type-banner.curve .bottom-curve { height: calc(0.0609756098 * 1 * 100vw); } } @media (min-width: 1024px) { .type-banner.curve .top-curve, .type-banner.curve .bottom-curve { height: calc(0.0694444444 * 1 * 100vw); } } .type-banner.curve .top-curve.home-curve path, .type-banner.curve .bottom-curve.home-curve path { fill: var(--theme-color-violet); } .type-banner.curve .overlay.base-image { top: -2%; } @media (max-width: 480px) { .type-banner.curve.home-curve { padding: calc(0.1282051282 * 1 * 100vw + 2 * 0.0384615385 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { .type-banner.curve.home-curve { padding: calc(0.1463414634 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .type-banner.curve.home-curve { padding: calc(0.0833333333 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) !important; } } @media (min-width: 481px) { .type-banner.curve.home-curve .container { max-width: 85%; } .type-banner.curve.home-curve .container p { width: 100%; } } @media (min-width: 1024px) { .type-banner.curve.home-curve .container { max-width: 45%; } } @media (max-width: 480px) { .type-banner.curve.home-curve .wrapper { padding: 25% 0 60% 0; } } @media (min-width: 481px) { .type-banner.curve.home-curve .wrapper { padding: 0 0 15% 0; } } @media (min-width: 1024px) { .type-banner.curve.home-curve .wrapper { padding: 0 0 10% 0; } } .type-banner.curve.home-curve .top-curve path { fill: var(--theme-color-violet); } .type-banner.curve.board-sport .overlay.base-image, .type-banner.curve.about .overlay.base-image, .type-banner.curve.recruitment .overlay.base-image, .type-banner.curve.become-partner .overlay.base-image, .type-banner.curve.blog .overlay.base-image, .type-banner.curve.faq .overlay.base-image, .type-banner.curve.legals .overlay.base-image { z-index: 2; } @media (max-width: 480px) { .type-banner.curve.board-sport .overlay.base-image, .type-banner.curve.about .overlay.base-image, .type-banner.curve.recruitment .overlay.base-image, .type-banner.curve.become-partner .overlay.base-image, .type-banner.curve.blog .overlay.base-image, .type-banner.curve.faq .overlay.base-image, .type-banner.curve.legals .overlay.base-image { top: 7%; } } @media (min-width: 481px) { .type-banner.curve.board-sport .overlay.base-image, .type-banner.curve.about .overlay.base-image, .type-banner.curve.recruitment .overlay.base-image, .type-banner.curve.become-partner .overlay.base-image, .type-banner.curve.blog .overlay.base-image, .type-banner.curve.faq .overlay.base-image, .type-banner.curve.legals .overlay.base-image { top: 16%; } } @media (min-width: 1024px) { .type-banner.curve.board-sport .overlay.base-image, .type-banner.curve.about .overlay.base-image, .type-banner.curve.recruitment .overlay.base-image, .type-banner.curve.become-partner .overlay.base-image, .type-banner.curve.blog .overlay.base-image, .type-banner.curve.faq .overlay.base-image, .type-banner.curve.legals .overlay.base-image { top: 10%; } } @media (max-width: 480px) { .type-banner.curve.board-sport .bottom-curve svg, .type-banner.curve.about .bottom-curve svg, .type-banner.curve.recruitment .bottom-curve svg, .type-banner.curve.become-partner .bottom-curve svg, .type-banner.curve.blog .bottom-curve svg, .type-banner.curve.faq .bottom-curve svg, .type-banner.curve.legals .bottom-curve svg { height: calc(0.2307692308 * 1 * 100vw); } } @media (min-width: 481px) { .type-banner.curve.board-sport .bottom-curve svg, .type-banner.curve.about .bottom-curve svg, .type-banner.curve.recruitment .bottom-curve svg, .type-banner.curve.become-partner .bottom-curve svg, .type-banner.curve.blog .bottom-curve svg, .type-banner.curve.faq .bottom-curve svg, .type-banner.curve.legals .bottom-curve svg { height: calc(0.1219512195 * 1 * 100vw); } } @media (min-width: 1024px) { .type-banner.curve.board-sport .bottom-curve svg, .type-banner.curve.about .bottom-curve svg, .type-banner.curve.recruitment .bottom-curve svg, .type-banner.curve.become-partner .bottom-curve svg, .type-banner.curve.blog .bottom-curve svg, .type-banner.curve.faq .bottom-curve svg, .type-banner.curve.legals .bottom-curve svg { height: calc(0.1041666667 * 1 * 100vw); } } .type-banner.curve.board-sport.board-sport .bottom-curve svg path, .type-banner.curve.about.board-sport .bottom-curve svg path, .type-banner.curve.recruitment.board-sport .bottom-curve svg path, .type-banner.curve.become-partner.board-sport .bottom-curve svg path, .type-banner.curve.blog.board-sport .bottom-curve svg path, .type-banner.curve.faq.board-sport .bottom-curve svg path, .type-banner.curve.legals.board-sport .bottom-curve svg path { fill: var(--theme-color-blue); } .type-banner.curve.board-sport.about .bottom-curve svg path, .type-banner.curve.board-sport.recruitment .bottom-curve svg path, .type-banner.curve.board-sport.become-partner .bottom-curve svg path, .type-banner.curve.board-sport.blog .bottom-curve svg path, .type-banner.curve.board-sport.faq .bottom-curve svg path, .type-banner.curve.board-sport.legals .bottom-curve svg path, .type-banner.curve.about.about .bottom-curve svg path, .type-banner.curve.about.recruitment .bottom-curve svg path, .type-banner.curve.about.become-partner .bottom-curve svg path, .type-banner.curve.about.blog .bottom-curve svg path, .type-banner.curve.about.faq .bottom-curve svg path, .type-banner.curve.about.legals .bottom-curve svg path, .type-banner.curve.recruitment.about .bottom-curve svg path, .type-banner.curve.recruitment.recruitment .bottom-curve svg path, .type-banner.curve.recruitment.become-partner .bottom-curve svg path, .type-banner.curve.recruitment.blog .bottom-curve svg path, .type-banner.curve.recruitment.faq .bottom-curve svg path, .type-banner.curve.recruitment.legals .bottom-curve svg path, .type-banner.curve.become-partner.about .bottom-curve svg path, .type-banner.curve.become-partner.recruitment .bottom-curve svg path, .type-banner.curve.become-partner.become-partner .bottom-curve svg path, .type-banner.curve.become-partner.blog .bottom-curve svg path, .type-banner.curve.become-partner.faq .bottom-curve svg path, .type-banner.curve.become-partner.legals .bottom-curve svg path, .type-banner.curve.blog.about .bottom-curve svg path, .type-banner.curve.blog.recruitment .bottom-curve svg path, .type-banner.curve.blog.become-partner .bottom-curve svg path, .type-banner.curve.blog.blog .bottom-curve svg path, .type-banner.curve.blog.faq .bottom-curve svg path, .type-banner.curve.blog.legals .bottom-curve svg path, .type-banner.curve.faq.about .bottom-curve svg path, .type-banner.curve.faq.recruitment .bottom-curve svg path, .type-banner.curve.faq.become-partner .bottom-curve svg path, .type-banner.curve.faq.blog .bottom-curve svg path, .type-banner.curve.faq.faq .bottom-curve svg path, .type-banner.curve.faq.legals .bottom-curve svg path, .type-banner.curve.legals.about .bottom-curve svg path, .type-banner.curve.legals.recruitment .bottom-curve svg path, .type-banner.curve.legals.become-partner .bottom-curve svg path, .type-banner.curve.legals.blog .bottom-curve svg path, .type-banner.curve.legals.faq .bottom-curve svg path, .type-banner.curve.legals.legals .bottom-curve svg path { fill: var(--theme-color-violet); } @media (max-width: 480px) { .type-banner.curve.board-sport.recruitment h1, .type-banner.curve.board-sport.faq h1, .type-banner.curve.board-sport.legals h1, .type-banner.curve.about.recruitment h1, .type-banner.curve.about.faq h1, .type-banner.curve.about.legals h1, .type-banner.curve.recruitment.recruitment h1, .type-banner.curve.recruitment.faq h1, .type-banner.curve.recruitment.legals h1, .type-banner.curve.become-partner.recruitment h1, .type-banner.curve.become-partner.faq h1, .type-banner.curve.become-partner.legals h1, .type-banner.curve.blog.recruitment h1, .type-banner.curve.blog.faq h1, .type-banner.curve.blog.legals h1, .type-banner.curve.faq.recruitment h1, .type-banner.curve.faq.faq h1, .type-banner.curve.faq.legals h1, .type-banner.curve.legals.recruitment h1, .type-banner.curve.legals.faq h1, .type-banner.curve.legals.legals h1 { width: 80%; } } @media (max-width: 480px) { .type-banner.curve .bottom-wave { height: 40%; -webkit-transform: translateX(-20%); transform: translateX(-20%); } .type-banner.curve .bottom-wave svg { width: 150%; height: -webkit-fill-available; } } @media (min-width: 0px) { .type-banner.curve .bottom-wave { bottom: -2%; } } @media (min-width: 481px) { .type-banner.curve .bottom-wave { height: auto; } } .type-banner.curve .bottom-wave path { fill: var(--theme-color-white); } .type-banner.curve svg.curve { display: block; width: 100%; height: 100%; } @media (max-width: 480px) { .type-banner.curve .img-icon.title.img-left { right: 55%; bottom: 140%; -webkit-transform: scale(0.7); transform: scale(0.7); } } @media (min-width: 481px) { .type-banner.curve .img-icon.title.img-left { right: 110%; bottom: 50%; } } @media (min-width: 1024px) { .type-banner.curve .img-icon.title.img-left { right: 135%; -webkit-transform: none; transform: none; bottom: initial; } } @media (min-width: 1024px) { .type-banner.curve .img-icon.title.img-top { bottom: 145%; } } .type-banner.curve .img-icon.banner { -webkit-transform: none; transform: none; z-index: -1; } @media (min-width: 0px) { .type-banner.curve .img-icon.banner.img-left { left: -10%; bottom: 15%; width: calc(0.8974358974 * 1 * 100vw); } } @media (min-width: 481px) { .type-banner.curve .img-icon.banner.img-left { left: -18%; width: calc(0.487804878 * 1 * 100vw); } } @media (min-width: 1024px) { .type-banner.curve .img-icon.banner.img-left { width: calc(0.4861111111 * 1 * 100vw); } } .type-banner.curve .img-icon.banner.img-right:not(svg + img + img + img) { z-index: 2; } @media (min-width: 0px) { .type-banner.curve .img-icon.banner.img-right:not(svg + img + img + img) { bottom: 190%; right: -20%; width: calc(0.3846153846 * 1 * 100vw); } } @media (min-width: 481px) { .type-banner.curve .img-icon.banner.img-right:not(svg + img + img + img) { bottom: 100%; right: 0; width: calc(0.1829268293 * 1 * 100vw); } } @media (min-width: 1024px) { .type-banner.curve .img-icon.banner.img-right:not(svg + img + img + img) { width: calc(0.2291666667 * 1 * 100vw); } } .type-banner.curve .bottom-wave svg + img + img + img.img-right { z-index: 2; } @media (min-width: 0px) { .type-banner.curve .bottom-wave svg + img + img + img.img-right { width: calc(0.1538461538 * 1 * 100vw); bottom: 65%; right: -10%; } } @media (min-width: 481px) { .type-banner.curve .bottom-wave svg + img + img + img.img-right { width: calc(0.0853658537 * 1 * 100vw); bottom: 35%; right: 20%; } } @media (min-width: 1024px) { .type-banner.curve .bottom-wave svg + img + img + img.img-right { width: calc(0.0972222222 * 1 * 100vw); } } .type-banner.faq.page-id-21249 .type-banner, .type-banner.faq .page-id-23303 .type-banner, .page-id-21249 .type-banner.page-id-21249 .type-banner, .page-id-21249 .type-banner .page-id-23303 .type-banner, .page-id-23303 .type-banner.page-id-21249 .type-banner, .page-id-23303 .type-banner .page-id-23303 .type-banner { min-height: 45vh; } .type-banner.faq .faq-search-bar-wrapper, .page-id-21249 .type-banner .faq-search-bar-wrapper, .page-id-23303 .type-banner .faq-search-bar-wrapper { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0 auto; background: #5360B2; border-radius: 12px; padding: 9px; margin-top: 45px; display: none; } .type-banner.faq .faq-search-bar-wrapper .container, .page-id-21249 .type-banner .faq-search-bar-wrapper .container, .page-id-23303 .type-banner .faq-search-bar-wrapper .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; gap: calc(0.0358974359 * 1 * 100vw); padding: calc(0.0615384615 * 1 * 100vw) calc(0.1025641026 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.0538461538 * 1 * 100vw); background-color: #868DC6; backdrop-filter: blur(10px); border-radius: 7px; } @media (min-width: 481px) { .type-banner.faq .faq-search-bar-wrapper .container, .page-id-21249 .type-banner .faq-search-bar-wrapper .container, .page-id-23303 .type-banner .faq-search-bar-wrapper .container { gap: calc(0.0243902439 * 1 * 100vw); padding: calc(0.0292682927 * 1 * 100vw) calc(0.0487804878 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.0256097561 * 1 * 100vw); } } @media (min-width: 1024px) { .type-banner.faq .faq-search-bar-wrapper .container, .page-id-21249 .type-banner .faq-search-bar-wrapper .container, .page-id-23303 .type-banner .faq-search-bar-wrapper .container { gap: calc(0.0159722222 * 1 * 100vw); padding: calc(0.0166666667 * 1 * 100vw) calc(0.0277777778 * 1 * 100vw) calc(0.0166666667 * 1 * 100vw) calc(0.0145833333 * 1 * 100vw); } } .type-banner.faq .faq-search-bar-wrapper input, .page-id-21249 .type-banner .faq-search-bar-wrapper input, .page-id-23303 .type-banner .faq-search-bar-wrapper input { background: transparent; color: var(--theme-color-white); border: 0; outline: none; } .type-banner.faq .faq-search-bar-wrapper input::-webkit-input-placeholder, .page-id-21249 .type-banner .faq-search-bar-wrapper input::-webkit-input-placeholder, .page-id-23303 .type-banner .faq-search-bar-wrapper input::-webkit-input-placeholder { color: var(--theme-color-white); } .type-banner.faq .faq-search-bar-wrapper input::-moz-placeholder, .page-id-21249 .type-banner .faq-search-bar-wrapper input::-moz-placeholder, .page-id-23303 .type-banner .faq-search-bar-wrapper input::-moz-placeholder { color: var(--theme-color-white); } .type-banner.faq .faq-search-bar-wrapper input:-ms-input-placeholder, .page-id-21249 .type-banner .faq-search-bar-wrapper input:-ms-input-placeholder, .page-id-23303 .type-banner .faq-search-bar-wrapper input:-ms-input-placeholder { color: var(--theme-color-white); } .type-banner.faq .faq-search-bar-wrapper input::-ms-input-placeholder, .page-id-21249 .type-banner .faq-search-bar-wrapper input::-ms-input-placeholder, .page-id-23303 .type-banner .faq-search-bar-wrapper input::-ms-input-placeholder { color: var(--theme-color-white); } .type-banner.faq .faq-search-bar-wrapper input::placeholder, .page-id-21249 .type-banner .faq-search-bar-wrapper input::placeholder, .page-id-23303 .type-banner .faq-search-bar-wrapper input::placeholder { color: var(--theme-color-white); } .type-banner.faq .faq-search-bar-wrapper input:focus-visible, .page-id-21249 .type-banner .faq-search-bar-wrapper input:focus-visible, .page-id-23303 .type-banner .faq-search-bar-wrapper input:focus-visible { outline: none; } .type-banner.faq .faq-search-bar-wrapper svg, .page-id-21249 .type-banner .faq-search-bar-wrapper svg, .page-id-23303 .type-banner .faq-search-bar-wrapper svg { width: 22px; } @media (min-width: 481px) { .type-banner.faq .faq-search-bar-wrapper svg, .page-id-21249 .type-banner .faq-search-bar-wrapper svg, .page-id-23303 .type-banner .faq-search-bar-wrapper svg { width: 27px; } } @media screen and (max-width: 768px) { .page-id-21249 .type-banner .bas_droit { right: 7%; bottom: -8%; } } @media (min-width: 481px) { .page-id-21249 .type-banner .bas_droit { right: 2%; bottom: -9%; } } @media (min-width: 1024px) { .page-id-21249 .type-banner .bas_droit { right: 10%; bottom: 10%; } } @media (max-width: 1023px) { .page-template-sport .type-banner .button-container { margin-bottom: 0; } } .type-banner.default.DEMANDE.DE.DEVIS { min-height: 306px; } @media (min-width: 0px) { .type-banner .link .flex { gap: 7%; } } @media (min-width: 481px) { .type-banner .link .flex { gap: 5%; } } @media (min-width: 1024px) { .type-banner .link .flex { gap: 20%; } } .type-banner .link .flex a.menu-item { display: -webkit-box; display: -ms-flexbox; display: flex; white-space: nowrap; color: var(--theme-color-white); position: relative; } @media (min-width: 0px) { .type-banner .link .flex a.menu-item { font-size: var(--theme-font-size-10-mobile) !important; line-height: var(--theme-line-height-10-mobile); } } @media (min-width: 481px) { .type-banner .link .flex a.menu-item { font-size: var(--theme-font-size-10-tablet) !important; line-height: var(--theme-line-height-10-tablet); } } @media (min-width: 1024px) { .type-banner .link .flex a.menu-item { font-size: var(--theme-font-size-10-desktop) !important; line-height: var(--theme-line-height-10-desktop); } } @media (min-width: 1220px) { .type-banner .link .flex a.menu-item { font-size: var(--theme-font-size-10-desktop-no-burger) !important; line-height: var(--theme-line-height-10-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner .link .flex a.menu-item { font-size: var(--theme-font-size-10-desktop-full) !important; line-height: var(--theme-line-height-10-desktop-full); } } @media (min-width: 1750px) { .type-banner .link .flex a.menu-item { font-size: var(--theme-font-size-10-desktop-large) !important; line-height: var(--theme-line-height-10-desktop-large); } } .type-banner .link .flex a.menu-item::after { content: ""; /* Adds a visual element */ position: absolute; left: 50%; /* Start at the center */ width: 0; /* Initially no width */ height: 2px; /* Thickness of the underline */ background-color: var(--theme-color-blue-turquoise); /* Color of the underline */ -webkit-transform: translateX(-50%); transform: translateX(-50%); /* Adjust starting point to center */ } @media (min-width: 0px) { .type-banner .link .flex a.menu-item::after { bottom: calc(-0.0205128205 * 1 * 100vw); } } @media (min-width: 481px) { .type-banner .link .flex a.menu-item::after { bottom: calc(-0.0097560976 * 1 * 100vw); } } @media (min-width: 1024px) { .type-banner .link .flex a.menu-item::after { bottom: calc(-0.0055555556 * 1 * 100vw); } } .type-banner .link .flex a.menu-item:hover::after { width: 100%; /* Grow the underline outward from the center */ left: 50%; /* Keep the center anchor */ -webkit-transform: translateX(-50%); transform: translateX(-50%); /* Remain centered while expanding */ } @media (max-width: 480px) { .single-hebergement .type-banner, .type-banner.contact, .type-f { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: calc(0.1282051282 * 1 * 100vw) !important; } } .single-hebergement .type-banner > .wrapper, .type-banner.contact > .wrapper, .type-f > .wrapper { margin: 0 !important; } @media (min-width: 481px) { .single-hebergement .type-banner > .wrapper, .type-banner.contact > .wrapper, .type-f > .wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } } .single-hebergement .type-banner > .wrapper .container:nth-child(1), .type-banner.contact > .wrapper .container:nth-child(1), .type-f > .wrapper .container:nth-child(1) { margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 480px) { .single-hebergement .type-banner > .wrapper .container:nth-child(1), .type-banner.contact > .wrapper .container:nth-child(1), .type-f > .wrapper .container:nth-child(1) { padding-left: calc(0.0615384615 * 1 * 100vw); padding-right: calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { .single-hebergement .type-banner > .wrapper .container:nth-child(1), .type-banner.contact > .wrapper .container:nth-child(1), .type-f > .wrapper .container:nth-child(1) { width: calc(50% - 0.0292682927 * 1 * 100vw); padding-right: calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .single-hebergement .type-banner > .wrapper .container:nth-child(1), .type-banner.contact > .wrapper .container:nth-child(1), .type-f > .wrapper .container:nth-child(1) { width: calc(50% - 0.0347222222 * 1 * 100vw); padding-right: calc(0.0347222222 * 1 * 100vw); } } .single-hebergement .type-banner > .wrapper .container:nth-child(1) .title-block, .type-banner.contact > .wrapper .container:nth-child(1) .title-block, .type-f > .wrapper .container:nth-child(1) .title-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .single-hebergement .type-banner > .wrapper .container:nth-child(1) .title-block h1, .single-hebergement .type-banner > .wrapper .container:nth-child(1) .title-block h2, .type-banner.contact > .wrapper .container:nth-child(1) .title-block h1, .type-banner.contact > .wrapper .container:nth-child(1) .title-block h2, .type-f > .wrapper .container:nth-child(1) .title-block h1, .type-f > .wrapper .container:nth-child(1) .title-block h2 { text-align: left; margin: 0; } .single-hebergement .type-banner > .wrapper .container:nth-child(1) .title-block p, .type-banner.contact > .wrapper .container:nth-child(1) .title-block p, .type-f > .wrapper .container:nth-child(1) .title-block p { color: var(--theme-color-violet-dark); text-align: left; } @media (max-width: 480px) { .single-hebergement .type-banner > .wrapper .container:nth-child(1) .title-block a[href], .type-banner.contact > .wrapper .container:nth-child(1) .title-block a[href], .type-f > .wrapper .container:nth-child(1) .title-block a[href] { margin: calc(0.0769230769 * 1 * 100vw) 0 calc(0.0769230769 * 1 * 100vw) 0; } } @media (min-width: 481px) { .single-hebergement .type-banner > .wrapper .container:nth-child(1) .title-block a[href], .type-banner.contact > .wrapper .container:nth-child(1) .title-block a[href], .type-f > .wrapper .container:nth-child(1) .title-block a[href] { margin-left: 0; } } .single-hebergement .type-banner > .wrapper .container:nth-child(2):has(.package img:not(.img-icon)), .type-banner.contact > .wrapper .container:nth-child(2):has(.package img:not(.img-icon)), .type-f > .wrapper .container:nth-child(2):has(.package img:not(.img-icon)) { aspect-ratio: 1.1; } .single-hebergement .type-banner > .wrapper .container:nth-child(2) .package, .type-banner.contact > .wrapper .container:nth-child(2) .package, .type-f > .wrapper .container:nth-child(2) .package { height: 100%; } .single-hebergement .type-banner > .wrapper .container:nth-child(2) .package:has(img:not(.img-icon)), .type-banner.contact > .wrapper .container:nth-child(2) .package:has(img:not(.img-icon)), .type-f > .wrapper .container:nth-child(2) .package:has(img:not(.img-icon)) { aspect-ratio: 1.1; } .single-hebergement .type-banner > .wrapper .container:nth-child(2) .package img:not(.img-icon), .type-banner.contact > .wrapper .container:nth-child(2) .package img:not(.img-icon), .type-f > .wrapper .container:nth-child(2) .package img:not(.img-icon) { -o-object-fit: cover; object-fit: cover; width: 100%; aspect-ratio: 1.1; } @media (min-width: 481px) { .single-hebergement .type-banner:not(.type-banner.contact, .type-f), .type-banner.contact:not(.type-banner.contact, .type-f), .type-f:not(.type-banner.contact, .type-f) { padding-right: 0 !important; } } .single-hebergement .type-banner:not(.type-banner.contact, .type-f) > .wrapper, .type-banner.contact:not(.type-banner.contact, .type-f) > .wrapper, .type-f:not(.type-banner.contact, .type-f) > .wrapper { padding: 0 !important; } @media (max-width: 480px) { .single-hebergement .type-banner:not(.type-banner.contact, .type-f) > .wrapper .title-block, .type-banner.contact:not(.type-banner.contact, .type-f) > .wrapper .title-block, .type-f:not(.type-banner.contact, .type-f) > .wrapper .title-block { margin: 0; } } @media (min-width: 481px) { .single-hebergement .type-banner:not(.type-banner.contact, .type-f) > .wrapper .title-block, .type-banner.contact:not(.type-banner.contact, .type-f) > .wrapper .title-block, .type-f:not(.type-banner.contact, .type-f) > .wrapper .title-block { margin: calc(0.0487804878 * 1 * 100vw) 0 0 0; } } @media (min-width: 1024px) { .single-hebergement .type-banner:not(.type-banner.contact, .type-f) > .wrapper .title-block, .type-banner.contact:not(.type-banner.contact, .type-f) > .wrapper .title-block, .type-f:not(.type-banner.contact, .type-f) > .wrapper .title-block { margin: calc(0.0555555556 * 1 * 100vw) 0 0 0; } } @media (min-width: 481px) { .single-hebergement .type-banner:not(.type-banner.contact, .type-f) > .wrapper .container:nth-child(2), .type-banner.contact:not(.type-banner.contact, .type-f) > .wrapper .container:nth-child(2), .type-f:not(.type-banner.contact, .type-f) > .wrapper .container:nth-child(2) { width: calc(50% + 0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .single-hebergement .type-banner:not(.type-banner.contact, .type-f) > .wrapper .container:nth-child(2), .type-banner.contact:not(.type-banner.contact, .type-f) > .wrapper .container:nth-child(2), .type-f:not(.type-banner.contact, .type-f) > .wrapper .container:nth-child(2) { width: calc(50% + 0.0347222222 * 1 * 100vw); } } .single-hebergement .type-banner:not(.type-banner.contact, .type-f) > .wrapper .container:nth-child(2) .package, .type-banner.contact:not(.type-banner.contact, .type-f) > .wrapper .container:nth-child(2) .package, .type-f:not(.type-banner.contact, .type-f) > .wrapper .container:nth-child(2) .package { aspect-ratio: 1.1; height: 100%; } .single-hebergement .type-banner.type-banner.contact, .type-banner.contact.type-banner.contact, .type-f.type-banner.contact { padding-bottom: 0 !important; } @media (max-width: 480px) { .single-hebergement .type-banner.type-banner.contact .type-breadcrumb, .type-banner.contact.type-banner.contact .type-breadcrumb, .type-f.type-banner.contact .type-breadcrumb { padding-left: calc(0.0615384615 * 1 * 100vw); padding-right: calc(0.0615384615 * 1 * 100vw); } } @media (max-width: 480px) { .single-hebergement .type-banner.type-banner.contact .img-icon, .type-banner.contact.type-banner.contact .img-icon, .type-f.type-banner.contact .img-icon { display: none; } } @media (max-width: 480px) { .single-hebergement .type-banner.type-banner.contact > .wrapper, .single-hebergement .type-banner.type-f > .wrapper, .type-banner.contact.type-banner.contact > .wrapper, .type-banner.contact.type-f > .wrapper, .type-f.type-banner.contact > .wrapper, .type-f.type-f > .wrapper { padding: 0; } } @media (min-width: 481px) { .single-hebergement .type-banner.type-banner.contact > .wrapper, .single-hebergement .type-banner.type-f > .wrapper, .type-banner.contact.type-banner.contact > .wrapper, .type-banner.contact.type-f > .wrapper, .type-f.type-banner.contact > .wrapper, .type-f.type-f > .wrapper { padding: calc(0.0487804878 * 1 * 100vw) 0 0 0; } } @media (min-width: 1024px) { .single-hebergement .type-banner.type-banner.contact > .wrapper, .single-hebergement .type-banner.type-f > .wrapper, .type-banner.contact.type-banner.contact > .wrapper, .type-banner.contact.type-f > .wrapper, .type-f.type-banner.contact > .wrapper, .type-f.type-f > .wrapper { padding: calc(0.0555555556 * 1 * 100vw) 0 0 0; } } .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block, .single-hebergement .type-banner.type-f > .wrapper .title-block, .type-banner.contact.type-banner.contact > .wrapper .title-block, .type-banner.contact.type-f > .wrapper .title-block, .type-f.type-banner.contact > .wrapper .title-block, .type-f.type-f > .wrapper .title-block { margin: 0; } .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block h1, .single-hebergement .type-banner.type-f > .wrapper .title-block h1, .type-banner.contact.type-banner.contact > .wrapper .title-block h1, .type-banner.contact.type-f > .wrapper .title-block h1, .type-f.type-banner.contact > .wrapper .title-block h1, .type-f.type-f > .wrapper .title-block h1 { margin: 0; } @media (min-width: 0px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block h1, .single-hebergement .type-banner.type-f > .wrapper .title-block h1, .type-banner.contact.type-banner.contact > .wrapper .title-block h1, .type-banner.contact.type-f > .wrapper .title-block h1, .type-f.type-banner.contact > .wrapper .title-block h1, .type-f.type-f > .wrapper .title-block h1 { font-size: var(--theme-font-size-3-mobile) !important; line-height: var(--theme-line-height-3-mobile); } } @media (min-width: 481px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block h1, .single-hebergement .type-banner.type-f > .wrapper .title-block h1, .type-banner.contact.type-banner.contact > .wrapper .title-block h1, .type-banner.contact.type-f > .wrapper .title-block h1, .type-f.type-banner.contact > .wrapper .title-block h1, .type-f.type-f > .wrapper .title-block h1 { font-size: var(--theme-font-size-3-tablet) !important; line-height: var(--theme-line-height-3-tablet); } } @media (min-width: 1024px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block h1, .single-hebergement .type-banner.type-f > .wrapper .title-block h1, .type-banner.contact.type-banner.contact > .wrapper .title-block h1, .type-banner.contact.type-f > .wrapper .title-block h1, .type-f.type-banner.contact > .wrapper .title-block h1, .type-f.type-f > .wrapper .title-block h1 { font-size: var(--theme-font-size-3-desktop) !important; line-height: var(--theme-line-height-3-desktop); } } @media (min-width: 1220px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block h1, .single-hebergement .type-banner.type-f > .wrapper .title-block h1, .type-banner.contact.type-banner.contact > .wrapper .title-block h1, .type-banner.contact.type-f > .wrapper .title-block h1, .type-f.type-banner.contact > .wrapper .title-block h1, .type-f.type-f > .wrapper .title-block h1 { font-size: var(--theme-font-size-3-desktop-no-burger) !important; line-height: var(--theme-line-height-3-desktop-no-burger); } } @media (min-width: 1425px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block h1, .single-hebergement .type-banner.type-f > .wrapper .title-block h1, .type-banner.contact.type-banner.contact > .wrapper .title-block h1, .type-banner.contact.type-f > .wrapper .title-block h1, .type-f.type-banner.contact > .wrapper .title-block h1, .type-f.type-f > .wrapper .title-block h1 { font-size: var(--theme-font-size-3-desktop-full) !important; line-height: var(--theme-line-height-3-desktop-full); } } @media (min-width: 1750px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block h1, .single-hebergement .type-banner.type-f > .wrapper .title-block h1, .type-banner.contact.type-banner.contact > .wrapper .title-block h1, .type-banner.contact.type-f > .wrapper .title-block h1, .type-f.type-banner.contact > .wrapper .title-block h1, .type-f.type-f > .wrapper .title-block h1 { font-size: var(--theme-font-size-3-desktop-large) !important; line-height: var(--theme-line-height-3-desktop-large); } } .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block .img-icon:not(.contact), .single-hebergement .type-banner.type-f > .wrapper .title-block .img-icon:not(.contact), .type-banner.contact.type-banner.contact > .wrapper .title-block .img-icon:not(.contact), .type-banner.contact.type-f > .wrapper .title-block .img-icon:not(.contact), .type-f.type-banner.contact > .wrapper .title-block .img-icon:not(.contact), .type-f.type-f > .wrapper .title-block .img-icon:not(.contact) { left: 70%; } @media (min-width: 0px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block .img-icon:not(.contact), .single-hebergement .type-banner.type-f > .wrapper .title-block .img-icon:not(.contact), .type-banner.contact.type-banner.contact > .wrapper .title-block .img-icon:not(.contact), .type-banner.contact.type-f > .wrapper .title-block .img-icon:not(.contact), .type-f.type-banner.contact > .wrapper .title-block .img-icon:not(.contact), .type-f.type-f > .wrapper .title-block .img-icon:not(.contact) { width: calc(0.2564102564 * 1 * 100vw); } } @media (min-width: 481px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block .img-icon:not(.contact), .single-hebergement .type-banner.type-f > .wrapper .title-block .img-icon:not(.contact), .type-banner.contact.type-banner.contact > .wrapper .title-block .img-icon:not(.contact), .type-banner.contact.type-f > .wrapper .title-block .img-icon:not(.contact), .type-f.type-banner.contact > .wrapper .title-block .img-icon:not(.contact), .type-f.type-f > .wrapper .title-block .img-icon:not(.contact) { width: calc(0.1219512195 * 1 * 100vw); } } @media (min-width: 1024px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block .img-icon:not(.contact), .single-hebergement .type-banner.type-f > .wrapper .title-block .img-icon:not(.contact), .type-banner.contact.type-banner.contact > .wrapper .title-block .img-icon:not(.contact), .type-banner.contact.type-f > .wrapper .title-block .img-icon:not(.contact), .type-f.type-banner.contact > .wrapper .title-block .img-icon:not(.contact), .type-f.type-f > .wrapper .title-block .img-icon:not(.contact) { width: calc(0.0694444444 * 1 * 100vw); } } .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block p, .single-hebergement .type-banner.type-f > .wrapper .title-block p, .type-banner.contact.type-banner.contact > .wrapper .title-block p, .type-banner.contact.type-f > .wrapper .title-block p, .type-f.type-banner.contact > .wrapper .title-block p, .type-f.type-f > .wrapper .title-block p { margin-left: 0; padding-bottom: 10%; margin-bottom: 2%; border-bottom: 1px solid var(--theme-color-full-white-30); } .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block .contact-row, .single-hebergement .type-banner.type-f > .wrapper .title-block .contact-row, .type-banner.contact.type-banner.contact > .wrapper .title-block .contact-row, .type-banner.contact.type-f > .wrapper .title-block .contact-row, .type-f.type-banner.contact > .wrapper .title-block .contact-row, .type-f.type-f > .wrapper .title-block .contact-row { margin-top: 6%; } @media (min-width: 0px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block .contact-row div span, .single-hebergement .type-banner.type-f > .wrapper .title-block .contact-row div span, .type-banner.contact.type-banner.contact > .wrapper .title-block .contact-row div span, .type-banner.contact.type-f > .wrapper .title-block .contact-row div span, .type-f.type-banner.contact > .wrapper .title-block .contact-row div span, .type-f.type-f > .wrapper .title-block .contact-row div span { font-size: var(--theme-font-size-10-mobile) !important; line-height: var(--theme-line-height-10-mobile); } } @media (min-width: 481px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block .contact-row div span, .single-hebergement .type-banner.type-f > .wrapper .title-block .contact-row div span, .type-banner.contact.type-banner.contact > .wrapper .title-block .contact-row div span, .type-banner.contact.type-f > .wrapper .title-block .contact-row div span, .type-f.type-banner.contact > .wrapper .title-block .contact-row div span, .type-f.type-f > .wrapper .title-block .contact-row div span { font-size: var(--theme-font-size-10-tablet) !important; line-height: var(--theme-line-height-10-tablet); } } @media (min-width: 1024px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block .contact-row div span, .single-hebergement .type-banner.type-f > .wrapper .title-block .contact-row div span, .type-banner.contact.type-banner.contact > .wrapper .title-block .contact-row div span, .type-banner.contact.type-f > .wrapper .title-block .contact-row div span, .type-f.type-banner.contact > .wrapper .title-block .contact-row div span, .type-f.type-f > .wrapper .title-block .contact-row div span { font-size: var(--theme-font-size-10-desktop) !important; line-height: var(--theme-line-height-10-desktop); } } @media (min-width: 1220px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block .contact-row div span, .single-hebergement .type-banner.type-f > .wrapper .title-block .contact-row div span, .type-banner.contact.type-banner.contact > .wrapper .title-block .contact-row div span, .type-banner.contact.type-f > .wrapper .title-block .contact-row div span, .type-f.type-banner.contact > .wrapper .title-block .contact-row div span, .type-f.type-f > .wrapper .title-block .contact-row div span { font-size: var(--theme-font-size-10-desktop-no-burger) !important; line-height: var(--theme-line-height-10-desktop-no-burger); } } @media (min-width: 1425px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block .contact-row div span, .single-hebergement .type-banner.type-f > .wrapper .title-block .contact-row div span, .type-banner.contact.type-banner.contact > .wrapper .title-block .contact-row div span, .type-banner.contact.type-f > .wrapper .title-block .contact-row div span, .type-f.type-banner.contact > .wrapper .title-block .contact-row div span, .type-f.type-f > .wrapper .title-block .contact-row div span { font-size: var(--theme-font-size-10-desktop-full) !important; line-height: var(--theme-line-height-10-desktop-full); } } @media (min-width: 1750px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block .contact-row div span, .single-hebergement .type-banner.type-f > .wrapper .title-block .contact-row div span, .type-banner.contact.type-banner.contact > .wrapper .title-block .contact-row div span, .type-banner.contact.type-f > .wrapper .title-block .contact-row div span, .type-f.type-banner.contact > .wrapper .title-block .contact-row div span, .type-f.type-f > .wrapper .title-block .contact-row div span { font-size: var(--theme-font-size-10-desktop-large) !important; line-height: var(--theme-line-height-10-desktop-large); } } .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block .contact-row div span:nth-child(1), .single-hebergement .type-banner.type-f > .wrapper .title-block .contact-row div span:nth-child(1), .type-banner.contact.type-banner.contact > .wrapper .title-block .contact-row div span:nth-child(1), .type-banner.contact.type-f > .wrapper .title-block .contact-row div span:nth-child(1), .type-f.type-banner.contact > .wrapper .title-block .contact-row div span:nth-child(1), .type-f.type-f > .wrapper .title-block .contact-row div span:nth-child(1) { font-family: var(--theme-font-Manrope-regular) !important; } .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block .contact-row div span:nth-child(2), .single-hebergement .type-banner.type-f > .wrapper .title-block .contact-row div span:nth-child(2), .type-banner.contact.type-banner.contact > .wrapper .title-block .contact-row div span:nth-child(2), .type-banner.contact.type-f > .wrapper .title-block .contact-row div span:nth-child(2), .type-f.type-banner.contact > .wrapper .title-block .contact-row div span:nth-child(2), .type-f.type-f > .wrapper .title-block .contact-row div span:nth-child(2) { font-family: var(--theme-font-Manrope-semibold) !important; } .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block .contact-row .img-icon.contact, .single-hebergement .type-banner.type-f > .wrapper .title-block .contact-row .img-icon.contact, .type-banner.contact.type-banner.contact > .wrapper .title-block .contact-row .img-icon.contact, .type-banner.contact.type-f > .wrapper .title-block .contact-row .img-icon.contact, .type-f.type-banner.contact > .wrapper .title-block .contact-row .img-icon.contact, .type-f.type-f > .wrapper .title-block .contact-row .img-icon.contact { position: relative; -webkit-transform: unset; transform: unset; margin-right: 2%; aspect-ratio: 1; background-color: var(--theme-color-violet); border-radius: 4px; } @media (min-width: 0px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block .contact-row .img-icon.contact, .single-hebergement .type-banner.type-f > .wrapper .title-block .contact-row .img-icon.contact, .type-banner.contact.type-banner.contact > .wrapper .title-block .contact-row .img-icon.contact, .type-banner.contact.type-f > .wrapper .title-block .contact-row .img-icon.contact, .type-f.type-banner.contact > .wrapper .title-block .contact-row .img-icon.contact, .type-f.type-f > .wrapper .title-block .contact-row .img-icon.contact { padding: calc(0.0333333333 * 1 * 100vw); } } @media (min-width: 481px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block .contact-row .img-icon.contact, .single-hebergement .type-banner.type-f > .wrapper .title-block .contact-row .img-icon.contact, .type-banner.contact.type-banner.contact > .wrapper .title-block .contact-row .img-icon.contact, .type-banner.contact.type-f > .wrapper .title-block .contact-row .img-icon.contact, .type-f.type-banner.contact > .wrapper .title-block .contact-row .img-icon.contact, .type-f.type-f > .wrapper .title-block .contact-row .img-icon.contact { width: calc(0.0182926829 * 1 * 100vw); padding: calc(0.0097560976 * 1 * 100vw); } } @media (min-width: 1024px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block .contact-row .img-icon.contact, .single-hebergement .type-banner.type-f > .wrapper .title-block .contact-row .img-icon.contact, .type-banner.contact.type-banner.contact > .wrapper .title-block .contact-row .img-icon.contact, .type-banner.contact.type-f > .wrapper .title-block .contact-row .img-icon.contact, .type-f.type-banner.contact > .wrapper .title-block .contact-row .img-icon.contact, .type-f.type-f > .wrapper .title-block .contact-row .img-icon.contact { width: calc(0.0138888889 * 1 * 100vw); padding: calc(0.0069444444 * 1 * 100vw); } } @media (max-width: 480px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .title-block .contact-row:last-of-type, .single-hebergement .type-banner.type-f > .wrapper .title-block .contact-row:last-of-type, .type-banner.contact.type-banner.contact > .wrapper .title-block .contact-row:last-of-type, .type-banner.contact.type-f > .wrapper .title-block .contact-row:last-of-type, .type-f.type-banner.contact > .wrapper .title-block .contact-row:last-of-type, .type-f.type-f > .wrapper .title-block .contact-row:last-of-type { padding-bottom: 10%; margin-bottom: 10%; border-bottom: 1px solid var(--theme-color-full-white-30); } } @media (min-width: 481px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .container:nth-child(2), .single-hebergement .type-banner.type-f > .wrapper .container:nth-child(2), .type-banner.contact.type-banner.contact > .wrapper .container:nth-child(2), .type-banner.contact.type-f > .wrapper .container:nth-child(2), .type-f.type-banner.contact > .wrapper .container:nth-child(2), .type-f.type-f > .wrapper .container:nth-child(2) { width: 50%; } } .single-hebergement .type-banner.type-banner.contact > .wrapper .container:nth-child(2) .package, .single-hebergement .type-banner.type-f > .wrapper .container:nth-child(2) .package, .type-banner.contact.type-banner.contact > .wrapper .container:nth-child(2) .package, .type-banner.contact.type-f > .wrapper .container:nth-child(2) .package, .type-f.type-banner.contact > .wrapper .container:nth-child(2) .package, .type-f.type-f > .wrapper .container:nth-child(2) .package { width: -webkit-fill-available; } @media (max-width: 480px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .container:nth-child(2) .package, .single-hebergement .type-banner.type-f > .wrapper .container:nth-child(2) .package, .type-banner.contact.type-banner.contact > .wrapper .container:nth-child(2) .package, .type-banner.contact.type-f > .wrapper .container:nth-child(2) .package, .type-f.type-banner.contact > .wrapper .container:nth-child(2) .package, .type-f.type-f > .wrapper .container:nth-child(2) .package { padding: 0 calc(0.0615384615 * 1 * 100vw); } } .single-hebergement .type-banner.type-banner.contact > .wrapper .container:nth-child(2) .package .form:not(.devis), .single-hebergement .type-banner.type-f > .wrapper .container:nth-child(2) .package .form:not(.devis), .type-banner.contact.type-banner.contact > .wrapper .container:nth-child(2) .package .form:not(.devis), .type-banner.contact.type-f > .wrapper .container:nth-child(2) .package .form:not(.devis), .type-f.type-banner.contact > .wrapper .container:nth-child(2) .package .form:not(.devis), .type-f.type-f > .wrapper .container:nth-child(2) .package .form:not(.devis) { background-color: var(--theme-color-blue); } @media (max-width: 480px) { .single-hebergement .type-banner.type-banner.contact > .wrapper .container:nth-child(2) .package .form:not(.devis), .single-hebergement .type-banner.type-f > .wrapper .container:nth-child(2) .package .form:not(.devis), .type-banner.contact.type-banner.contact > .wrapper .container:nth-child(2) .package .form:not(.devis), .type-banner.contact.type-f > .wrapper .container:nth-child(2) .package .form:not(.devis), .type-f.type-banner.contact > .wrapper .container:nth-child(2) .package .form:not(.devis), .type-f.type-f > .wrapper .container:nth-child(2) .package .form:not(.devis) { margin-top: calc(0.0769230769 * 1 * 100vw); } } .single-hebergement .type-banner.type-banner.contact > .wrapper .container:nth-child(2) .package .form.devis, .single-hebergement .type-banner.type-f > .wrapper .container:nth-child(2) .package .form.devis, .type-banner.contact.type-banner.contact > .wrapper .container:nth-child(2) .package .form.devis, .type-banner.contact.type-f > .wrapper .container:nth-child(2) .package .form.devis, .type-f.type-banner.contact > .wrapper .container:nth-child(2) .package .form.devis, .type-f.type-f > .wrapper .container:nth-child(2) .package .form.devis { background-color: var(--theme-color-white); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.16); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.16); } .single-hebergement .type-banner.type-banner.contact > .overlay, .single-hebergement .type-banner.type-f > .overlay, .type-banner.contact.type-banner.contact > .overlay, .type-banner.contact.type-f > .overlay, .type-f.type-banner.contact > .overlay, .type-f.type-f > .overlay { display: none; } .single-hebergement .type-banner.type-banner.contact > .bottom-wave, .single-hebergement .type-banner.type-f > .bottom-wave, .type-banner.contact.type-banner.contact > .bottom-wave, .type-banner.contact.type-f > .bottom-wave, .type-f.type-banner.contact > .bottom-wave, .type-f.type-f > .bottom-wave { position: relative; width: 101vw; margin-top: -5%; margin-bottom: -2%; } @media (min-width: 0px) { .single-hebergement .type-banner.type-banner.contact > .bottom-wave, .single-hebergement .type-banner.type-f > .bottom-wave, .type-banner.contact.type-banner.contact > .bottom-wave, .type-banner.contact.type-f > .bottom-wave, .type-f.type-banner.contact > .bottom-wave, .type-f.type-f > .bottom-wave { left: -4%; } } .single-hebergement .type-banner.type-banner.contact:not(.quotation) .img-icon:not(.contact), .single-hebergement .type-banner.type-f:not(.quotation) .img-icon:not(.contact), .type-banner.contact.type-banner.contact:not(.quotation) .img-icon:not(.contact), .type-banner.contact.type-f:not(.quotation) .img-icon:not(.contact), .type-f.type-banner.contact:not(.quotation) .img-icon:not(.contact), .type-f.type-f:not(.quotation) .img-icon:not(.contact) { left: 70%; } @media (min-width: 0px) { .single-hebergement .type-banner.type-banner.contact:not(.quotation) .img-icon:not(.contact), .single-hebergement .type-banner.type-f:not(.quotation) .img-icon:not(.contact), .type-banner.contact.type-banner.contact:not(.quotation) .img-icon:not(.contact), .type-banner.contact.type-f:not(.quotation) .img-icon:not(.contact), .type-f.type-banner.contact:not(.quotation) .img-icon:not(.contact), .type-f.type-f:not(.quotation) .img-icon:not(.contact) { width: calc(0.2564102564 * 1 * 100vw); } } @media (min-width: 481px) { .single-hebergement .type-banner.type-banner.contact:not(.quotation) .img-icon:not(.contact), .single-hebergement .type-banner.type-f:not(.quotation) .img-icon:not(.contact), .type-banner.contact.type-banner.contact:not(.quotation) .img-icon:not(.contact), .type-banner.contact.type-f:not(.quotation) .img-icon:not(.contact), .type-f.type-banner.contact:not(.quotation) .img-icon:not(.contact), .type-f.type-f:not(.quotation) .img-icon:not(.contact) { width: calc(0.1219512195 * 1 * 100vw); } } @media (min-width: 1024px) { .single-hebergement .type-banner.type-banner.contact:not(.quotation) .img-icon:not(.contact), .single-hebergement .type-banner.type-f:not(.quotation) .img-icon:not(.contact), .type-banner.contact.type-banner.contact:not(.quotation) .img-icon:not(.contact), .type-banner.contact.type-f:not(.quotation) .img-icon:not(.contact), .type-f.type-banner.contact:not(.quotation) .img-icon:not(.contact), .type-f.type-f:not(.quotation) .img-icon:not(.contact) { width: calc(0.0694444444 * 1 * 100vw); } } @media (max-width: 1023px) { .single-hebergement .type-banner.type-banner.contact.quotation .title-block .contact-row:last-of-type, .single-hebergement .type-banner.type-f.quotation .title-block .contact-row:last-of-type, .type-banner.contact.type-banner.contact.quotation .title-block .contact-row:last-of-type, .type-banner.contact.type-f.quotation .title-block .contact-row:last-of-type, .type-f.type-banner.contact.quotation .title-block .contact-row:last-of-type, .type-f.type-f.quotation .title-block .contact-row:last-of-type { padding-bottom: 10%; margin-bottom: 10%; border-bottom: 1px solid var(--theme-color-full-white-30); } } .single-hebergement .type-banner.type-banner.contact.quotation .img-icon:not(.contact), .single-hebergement .type-banner.type-f.quotation .img-icon:not(.contact), .type-banner.contact.type-banner.contact.quotation .img-icon:not(.contact), .type-banner.contact.type-f.quotation .img-icon:not(.contact), .type-f.type-banner.contact.quotation .img-icon:not(.contact), .type-f.type-f.quotation .img-icon:not(.contact) { left: 70%; } @media (max-width: 480px) { .single-hebergement .type-banner.type-banner.contact.quotation .img-icon:not(.contact), .single-hebergement .type-banner.type-f.quotation .img-icon:not(.contact), .type-banner.contact.type-banner.contact.quotation .img-icon:not(.contact), .type-banner.contact.type-f.quotation .img-icon:not(.contact), .type-f.type-banner.contact.quotation .img-icon:not(.contact), .type-f.type-f.quotation .img-icon:not(.contact) { -webkit-transform: scale(0.6); transform: scale(0.6); } } @media (min-width: 0px) { .single-hebergement .type-banner.type-banner.contact.quotation .img-icon:not(.contact), .single-hebergement .type-banner.type-f.quotation .img-icon:not(.contact), .type-banner.contact.type-banner.contact.quotation .img-icon:not(.contact), .type-banner.contact.type-f.quotation .img-icon:not(.contact), .type-f.type-banner.contact.quotation .img-icon:not(.contact), .type-f.type-f.quotation .img-icon:not(.contact) { width: calc(0.5128205128 * 1 * 100vw) !important; left: 60% !important; top: 65% !important; z-index: 2; } } @media (min-width: 481px) { .single-hebergement .type-banner.type-banner.contact.quotation .img-icon:not(.contact), .single-hebergement .type-banner.type-f.quotation .img-icon:not(.contact), .type-banner.contact.type-banner.contact.quotation .img-icon:not(.contact), .type-banner.contact.type-f.quotation .img-icon:not(.contact), .type-f.type-banner.contact.quotation .img-icon:not(.contact), .type-f.type-f.quotation .img-icon:not(.contact) { left: 150% !important; width: calc(0.243902439 * 1 * 100vw) !important; } } @media (min-width: 1024px) { .single-hebergement .type-banner.type-banner.contact.quotation .img-icon:not(.contact), .single-hebergement .type-banner.type-f.quotation .img-icon:not(.contact), .type-banner.contact.type-banner.contact.quotation .img-icon:not(.contact), .type-banner.contact.type-f.quotation .img-icon:not(.contact), .type-f.type-banner.contact.quotation .img-icon:not(.contact), .type-f.type-f.quotation .img-icon:not(.contact) { left: 70% !important; top: 100% !important; width: calc(0.1388888889 * 1 * 100vw) !important; } } @media (max-width: 1023px) { .type-banner.contact.type-banner.contact.quotation > .wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 1023px) { .type-banner.contact.type-banner.contact.quotation > .wrapper .container:nth-child(2) { width: 80%; } } @media (max-width: 480px) { .type-banner.contact.type-banner.contact.quotation > .wrapper .container:nth-child(2) { width: initial; } } .page-id-25632 .type-banner .img-icon.banner.img-right.img-top { position: absolute !important; bottom: 0 !important; top: 50% !important; right: 0 !important; width: 85vw !important; left: 47px !important; height: auto !important; z-index: 10 !important; display: block !important; } @media (max-width: 480px) { .page-id-25632 .type-banner .img-icon.banner.img-right.img-top { display: none !important; } } .page-id-25632 .type-banner .anchor-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 20px; margin-top: 30px; position: relative; z-index: 100; } .page-id-25632 .type-banner .anchor-buttons .anchor-btn { background: rgba(250, 245, 244, 0.2); padding: 12px 20px; border-radius: 5px; text-decoration: none; font-family: "Manrope", sans-serif; font-weight: 600; font-size: 16px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; white-space: nowrap; position: relative; z-index: 101; cursor: pointer; } .page-id-25632 .type-banner .anchor-buttons .anchor-btn, .page-id-25632 .type-banner .anchor-buttons .anchor-btn * { color: var(--theme-color-white) !important; opacity: 1 !important; } .page-id-25632 .type-banner .anchor-buttons .anchor-btn:hover { background: var(--theme-color-violet-dark) !important; } .page-id-25632 .type-banner .anchor-buttons .anchor-btn:hover, .page-id-25632 .type-banner .anchor-buttons .anchor-btn:hover * { color: var(--theme-color-white) !important; opacity: 1 !important; } @media (max-width: 480px) { .page-id-25632 .type-banner .anchor-buttons .anchor-btn { padding: 10px 15px; font-size: 16px; } } @media (max-width: 480px) { .page-id-25632 .type-banner .anchor-buttons { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED FUNCTIONS /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED CLASSES & EXTENDS * Allways create both in order to be forced * directly on DOM or afterward in SCCS with @extend ! /**/ /* Create here as much as needed... */ /** * -------------------------------------------------------------------------------------------------------------- * ELEMENTS APPLICATIONS /**/ /* If some sections have allways the same parameters on the project define them here with the variables above */ @media (min-width: 0px) { section:not(:is(.type-breadcrumb, .type-banner, .wrapper > .type-swiper, .type-archive, .type-content:not(.legal), .type-a, .type-af, .type-c, .type-d, .type-e, .type-f, .type-i, .type-n, .type-o, .type-p, .type-q, .type-b, .type-b-bis, .type-h, .type-j, .type-s, .type-step, .type-v, .type-w, .type-ac, .type-avantages, .faq-section, .type-faq)), .single-post > main.type-sidebar { margin: calc(0.1794871795 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { section:not(:is(.type-breadcrumb, .type-banner, .wrapper > .type-swiper, .type-archive, .type-content:not(.legal), .type-a, .type-af, .type-c, .type-d, .type-e, .type-f, .type-i, .type-n, .type-o, .type-p, .type-q, .type-b, .type-b-bis, .type-h, .type-j, .type-s, .type-step, .type-v, .type-w, .type-ac, .type-avantages, .faq-section, .type-faq)), .single-post > main.type-sidebar { margin: calc(0.0853658537 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { section:not(:is(.type-breadcrumb, .type-banner, .wrapper > .type-swiper, .type-archive, .type-content:not(.legal), .type-a, .type-af, .type-c, .type-d, .type-e, .type-f, .type-i, .type-n, .type-o, .type-p, .type-q, .type-b, .type-b-bis, .type-h, .type-j, .type-s, .type-step, .type-v, .type-w, .type-ac, .type-avantages, .faq-section, .type-faq)), .single-post > main.type-sidebar { margin: calc(0.0486111111 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); } } @media (min-width: 0px) { section.mini { padding: calc(0.1282051282 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.1282051282 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) !important; } } @media (min-width: 481px) { section.mini { padding: calc(0.0609756098 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.0609756098 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) !important; } } @media (min-width: 1024px) { section.mini { padding: calc(0.0520833333 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0520833333 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) !important; } } .aspect-ratio-img-card { height: auto; width: 100%; aspect-ratio: 330/250; -o-object-fit: cover; object-fit: cover; } @media (min-width: 481px) { .aspect-ratio-img-card { aspect-ratio: 825/400; } } @media (min-width: 1024px) { .aspect-ratio-img-card { aspect-ratio: 825/400; } } .title-block h2 { margin-top: 0; } nav.legals-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } nav.legals-navigation ul li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 !important; } nav.legals-navigation ul li a { color: var(--theme-color-violet-dark); 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: 0; } nav.legals-navigation ul li:not(:last-child)::after { content: " "; width: 5px; height: 5px; display: block; border-radius: 50%; background-color: var(--theme-color-violet); } @media (min-width: 1024px) { nav.legals-navigation ul li:not(:last-child)::after { margin: auto 10px; } } @media (max-width: 1023px) { nav.legals-navigation ul li:not(:last-child)::after { margin: auto 5px; } } @media (max-width: 480px) { nav.legals-navigation ul li:nth-child(2) { width: -webkit-min-content; width: -moz-min-content; width: min-content; } } .socials-navigation #menu-socials { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin: 0; } .socials-navigation #menu-socials li { background-color: var(--theme-color-full-white-20); padding: 0; border-radius: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 1024px) { .socials-navigation #menu-socials li { width: 50px; height: 50px; } } @media (max-width: 1023px) { .socials-navigation #menu-socials li { width: 40px; height: 40px; } } .socials-navigation #menu-socials li i { color: var(--theme-color-white); } @media (min-width: 1220px) { .socials-navigation #menu-socials li i { font-size: calc(0.0173611111 * 1 * 100vw); } } @media (max-width: 1424px) { .socials-navigation #menu-socials li i { font-size: 20px; } } .socials-navigation #menu-socials li:hover { background-color: var(--theme-color-violet-dark); } @media (max-width: 1023px) { .legals-navigation:has(li.go-top > a > svg) #menu-legals { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; margin: 0; } .legals-navigation:has(li.go-top > a > svg) #menu-legals li { background-color: var(--theme-color-full-white-20); padding: 0; border-radius: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 1023px) and (min-width: 1024px) { .legals-navigation:has(li.go-top > a > svg) #menu-legals li { width: 50px; height: 50px; } } @media (max-width: 1023px) and (max-width: 1023px) { .legals-navigation:has(li.go-top > a > svg) #menu-legals li { width: 40px; height: 40px; } } @media (max-width: 1023px) { .legals-navigation:has(li.go-top > a > svg) #menu-legals li i { color: var(--theme-color-white); } } @media (max-width: 1023px) and (min-width: 1220px) { .legals-navigation:has(li.go-top > a > svg) #menu-legals li i { font-size: calc(0.0173611111 * 1 * 100vw); } } @media (max-width: 1023px) and (max-width: 1424px) { .legals-navigation:has(li.go-top > a > svg) #menu-legals li i { font-size: 20px; } } @media (max-width: 1023px) { .legals-navigation:has(li.go-top > a > svg) #menu-legals li:hover { background-color: var(--theme-color-violet-dark); } } .blog-section .archive-container { display: -ms-grid; display: grid; } @media (min-width: 1024px) { .blog-section .archive-container { -ms-grid-columns: 1fr calc(0.0347222222 * 1 * 100vw) 1fr calc(0.0347222222 * 1 * 100vw) 1fr; grid-template-columns: repeat(3, 1fr); padding: calc(0.0555555556 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.1041666667 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); -webkit-column-gap: calc(0.0347222222 * 1 * 100vw); -moz-column-gap: calc(0.0347222222 * 1 * 100vw); column-gap: calc(0.0347222222 * 1 * 100vw); row-gap: calc(0.0416666667 * 1 * 100vw); } } @media (max-width: 1023px) { .blog-section .archive-container { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); padding: calc(0.0975609756 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.1463414634 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw); row-gap: 40px; } } @media (max-width: 1023px) and (max-width: 480px) { .blog-section .archive-container { padding: calc(0.2051282051 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.2564102564 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw); } } @media (max-width: 1023px) { .type-q .star { z-index: 10; } } @media (max-width: 480px) { .type-q.partenaires { margin-bottom: 90px; } } .type-q.partenaires .swiper-slide img { opacity: 0.6; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; padding: 5px 0; height: -webkit-fill-available; } .type-q.partenaires .swiper-slide img:hover { opacity: 1; } .filter-buttons { 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; width: 100%; margin: 0; } .categories { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .switch { position: relative; display: inline-block; width: 60px; height: 34px; margin: 0 10px; vertical-align: middle; } .switch input { opacity: 0; width: 0; height: 0; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: 0.4s; transition: 0.4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; } input:checked + .slider { background-color: var(--theme-color-violet); } input:checked + .slider:before { -webkit-transform: translateX(26px); transform: translateX(26px); } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .city-trip-cards.hidden { display: none; } .toggle-container { margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .toggle-label { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 5px; color: var(--theme-color-violet-dark); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .toggle-label i { font-size: 16px; } @media screen and (max-width: 900px) { .toggle-container { margin-left: auto; margin-top: 50px; margin-bottom: -25px; margin-right: auto; } } .filter-buttons { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; overflow: scroll; margin: auto; padding-top: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } @media (max-width: 1023px) and (max-width: 480px) { .filter-buttons { width: 100%; } .filter-buttonsbutton:first-child { padding-left: calc(0.0615384615 * 1 * 100vw); } .filter-buttonsbutton:last-child { padding-right: calc(0.0615384615 * 1 * 100vw); } } @media (max-width: 480px) { .type-faq { padding-top: calc(0.2564102564 * 1 * 100vw); } .type-faq .faq-filter-select { padding-left: calc(0.0615384615 * 1 * 100vw); padding-right: calc(0.0615384615 * 1 * 100vw); } .type-faq .nice-select { background-color: var(--theme-color-mauve-pale) !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .type-faq .nice-select:not(.open) { padding: calc(0.0564102564 * 1 * 100vw); } .type-faq .nice-select .list li { background-color: var(--theme-color-mauve-pale) !important; } .type-faq .nice-select.open { color: transparent; } .type-faq .nice-select.open .list { -webkit-box-shadow: none; box-shadow: none; color: var(--theme-color-violet-dark); position: relative; } .type-faq .nice-select.open .list li.focus, .type-faq .nice-select.open .list li:active, .type-faq .nice-select.open .list li.nice-select.open { background-color: var(--theme-color-violet-20) !important; } } .faq-section { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; margin: auto; } @media (min-width: 1024px) { .faq-section { width: 60%; } } @media (min-width: 1024px) { .faq-section .faq-container { margin-top: calc(0.0555555556 * 1 * 100vw); margin-bottom: calc(0.1041666667 * 1 * 100vw); } } @media (max-width: 1023px) { .faq-section .faq-container { padding: 0 calc(0.0292682927 * 1 * 100vw); margin-top: calc(0.0975609756 * 1 * 100vw); margin-bottom: calc(0.1463414634 * 1 * 100vw); } } @media (max-width: 1023px) and (max-width: 480px) { .faq-section .faq-container { padding: 0 calc(0.0615384615 * 1 * 100vw); margin-top: calc(0.1025641026 * 1 * 100vw); margin-bottom: calc(0.2564102564 * 1 * 100vw); } } .faq-section .faq-container .accordion-item { background-color: var(--theme-color-mauve-pale); } .faq-section .faq-container .accordion-item h6 { margin: 0; } .faq-section .rail-container { overflow: scroll; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .faq-section .rail-container::-webkit-scrollbar { display: none; } .faq-section .tag { margin: 5px 4px; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; white-space: nowrap; } .accordion-item { cursor: pointer; border-radius: 15px; position: relative; } @media (min-width: 1024px) { .accordion-item { padding: calc(0.0208333333 * 1 * 100vw); margin-bottom: calc(0.0208333333 * 1 * 100vw); } } @media (max-width: 1023px) { .accordion-item { padding: calc(0.0365853659 * 1 * 100vw); margin-bottom: 20px; } } .accordion-item .accordion-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .accordion-item .accordion-header .accordion-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; top: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); vertical-align: top; font-size: 12px !important; } .accordion-item .accordion-content { padding: calc(0.0138888889 * 1 * 100vw) 0 0 0; display: none; } .accordion-item .accordion-content p { margin: 0; } .devis { position: relative; } .devis .image { position: absolute; z-index: 3; left: 5%; } @media (min-width: 1024px) { .devis .image { height: calc(0.1388888889 * 1 * 100vw); top: calc(-0.0902777778 * 1 * 100vw); } } @media (max-width: 1023px) { .devis .image { height: 100px; top: -60px; } } .map .mapt-element { position: absolute; } .map .picto { width: 30px; } .map .picto:not(.hebergement-template-default .map .picto) { cursor: pointer; } .map .picto:not(.hebergement-template-default .map .picto):hover { -webkit-animation: bounce 0.5s ease-in-out; animation: bounce 0.5s ease-in-out; } @media (min-width: 1024px) { .map .picto { width: calc(0.0277777778 * 1 * 100vw); } } .map .popup-card { opacity: 0; background-color: var(--theme-color-white); position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; margin: 0; border-radius: calc(0.0256410256 * 1 * 100vw); width: calc(0.4871794872 * 1 * 100vw); padding: calc(0.0512820513 * 1 * 100vw) calc(0.0384615385 * 1 * 100vw); } @media (min-width: 481px) { .map .popup-card { padding: calc(0.0426829268 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); width: calc(0.487804878 * 1 * 100vw); border-radius: calc(0.0182926829 * 1 * 100vw); } } @media (min-width: 1024px) { .map .popup-card { padding: calc(0.0243055556 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw); width: calc(0.2777777778 * 1 * 100vw); border-radius: calc(0.0138888889 * 1 * 100vw); } } .map .popup-card.active { opacity: 1; z-index: 1; pointer-events: all; -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out; transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; } @media (min-width: 1024px) { .map .popup-card.active { -webkit-box-shadow: 5px 5px 50px -10px rgba(0, 0, 0, 0.3); box-shadow: 5px 5px 50px -10px rgba(0, 0, 0, 0.3); } } .map .popup-card .title { 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; } .map .popup-card .title h5 { margin: 0; } .map .popup-card .title p { margin: calc(0.0138888889 * 1 * 100vw) 0 calc(0.0243055556 * 1 * 100vw) 0; } .map .popup-card .title i { color: var(--theme-color-violet-dark); padding: calc(0.0069444444 * 1 * 100vw); background: var(--theme-color-violet-dark); border-radius: 50px; width: calc(0.0208333333 * 1 * 100vw); height: calc(0.0208333333 * 1 * 100vw); -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .map .popup-card img { width: 100%; border-radius: calc(0.0069444444 * 1 * 100vw); } .map .popup-card::after { content: ""; position: absolute; background-color: var(--theme-color-white); clip-path: polygon(50% 0, 100% 100%, 0 100%); -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (min-width: 1024px) { .map .popup-card::after { width: calc(0.0347222222 * 1 * 100vw); height: calc(0.0173611111 * 1 * 100vw); border-radius: calc(0.0027777778 * 1 * 100vw); margin-top: calc(-0.0069444444 * 1 * 100vw); } } .map .popup-card.top { bottom: 100%; left: 50%; -webkit-transform: translateY(0px) translateX(-50%); transform: translateY(0px) translateX(-50%); } .map .popup-card.top.active { -webkit-transform: translateY(-15px) translateX(-50%); transform: translateY(-15px) translateX(-50%); } .map .popup-card.top::after { bottom: -13px; left: 45%; } .map .popup-card.bottom { top: 100%; left: 50%; -webkit-transform: translateY(0px) translateX(-50%); transform: translateY(0px) translateX(-50%); } .map .popup-card.bottom.active { -webkit-transform: translateY(15px) translateX(-50%); transform: translateY(15px) translateX(-50%); } .map .popup-card.bottom::after { top: -5px; left: 45%; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .map .popup-card.left { right: 100%; top: 50%; -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); } .map .popup-card.left.active { -webkit-transform: translateX(-15px) translateY(-50%); transform: translateX(-15px) translateY(-50%); } .map .popup-card.left::after { right: -15px; top: 45%; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .map .popup-card.right { left: 100%; top: 50%; -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); } .map .popup-card.right.active { -webkit-transform: translateX(15px) translateY(-50%); transform: translateX(15px) translateY(-50%); } .map .popup-card.right::after { left: -15px; top: 45%; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } @keyframes bounce { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } #input_6_1 { border-radius: 15px; border: 0px !important; } @media (min-width: 0px) { #input_6_1 { padding: 0 0 0 calc(0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { #input_6_1 { padding: 0 0 0 calc(0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { #input_6_1 { padding: 0 0 0 calc(0.0166666667 * 1 * 100vw) !important; } } @media (min-width: 481px) { #input_6_1 { border-radius: 7px 0 0 7px; } } @media (max-width: 1219px) { .popup-content { padding: 25px; } .popup-flex { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .popup-form { width: 100%; } .popup-right { width: 100%; } } #gform_submit_button_6 { background-color: var(--theme-color-violet-dark) !important; } #gform_6 { gap: 20px; } .gform_submission_error .hide_summary { font-size: 12px !important; } .popup-left h2 { margin-top: 0px; } .popup-right img { width: 100%; height: auto; } .city-trip-cards.hidden { display: none; } .marker-popup h3 { margin: 0; padding-bottom: 10px; color: var(--theme-color-violet-dark); } .marker-popup p { margin: 0; padding-bottom: 10px; } .marker-popup img { width: 100%; height: auto; margin-bottom: 10px; } .marker-popup .popup-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .marker-popup .popup-buttons a { padding: 5px 10px; text-decoration: none; border-radius: 5px; } .city-trip-section.wei h2 { margin: 0; } .city-trip-section.wei .filter-buttons { padding-top: 50px; padding-bottom: 100px; margin-left: 0; width: 100%; } .city-trip-section.wei .filter-buttons .filter-button:not(.active) { border-bottom: none; } .city-trip-section.wei .filter-buttons button:first-child { margin-left: 0; } .contain-process, .filter-buttons { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .contain-process::-webkit-scrollbar, .filter-buttons::-webkit-scrollbar { display: none; } .hebergement-template-default .type-b { margin-bottom: 0; } .hebergement-template-default .type-b .swiper-slide .swiper-button-prev, .hebergement-template-default .type-b .swiper-container .swiper-button-prev, .hebergement-template-default .type-b .swiper-slide .swiper-button-next, .hebergement-template-default .type-b .swiper-container .swiper-button-next { margin: 0; } .hebergement-template-default .type-b .swiper-slide .swiper-button-prev i::before, .hebergement-template-default .type-b .swiper-container .swiper-button-prev i::before, .hebergement-template-default .type-b .swiper-slide .swiper-button-next i::before, .hebergement-template-default .type-b .swiper-container .swiper-button-next i::before { color: var(--theme-color-violet-dark); background-color: #FAF4F5; width: 60px; height: 120px; border-radius: 5px 0 0 5px; opacity: 0.7; } .hebergement-template-default .type-b .swiper-slide .swiper-button-prev i::before, .hebergement-template-default .type-b .swiper-container .swiper-button-prev i::before { border-radius: 0 5px 5px 0; } .confirmation-devis { height: 100vh; } .confirmation-devis .haut_gauche { left: 10%; top: 25%; } @media (min-width: 0px) { .confirmation-devis .bas_droit { bottom: 5%; right: 5%; } } @media (min-width: 1024px) { .confirmation-devis .bas_droit { right: 10%; bottom: 25%; } } .menu-intercampus { background-color: #7091f5; } .menu-intercampus .row { background: -webkit-gradient(linear, left top, left bottom, from(rgba(65, 72, 147, 0.1803921569)), to(#414893)); background: linear-gradient(rgba(65, 72, 147, 0.1803921569), #414893); } .menu-intercampus .row .title { color: #FFFFEF; } .site .text { color: #FFFFEF; } .site .img-block-image-left, .site .img-block-image-right { z-index: 1; } .hbspt-form { padding: 40px; } .except-hebergement { display: none; } .point.violet::after { background-color: var(--theme-color-violet); } .point.blue-turquoise::after { background-color: var(--theme-color-blue-turquoise); } @media (min-width: 0px) { .single-hebergement .size-card { font-size: var(--theme-font-size-5-mobile) !important; line-height: var(--theme-line-height-5-mobile); } } @media (min-width: 481px) { .single-hebergement .size-card { font-size: var(--theme-font-size-5-tablet) !important; line-height: var(--theme-line-height-5-tablet); } } @media (min-width: 1024px) { .single-hebergement .size-card { font-size: var(--theme-font-size-5-desktop) !important; line-height: var(--theme-line-height-5-desktop); } } @media (min-width: 1220px) { .single-hebergement .size-card { font-size: var(--theme-font-size-5-desktop-no-burger) !important; line-height: var(--theme-line-height-5-desktop-no-burger); } } @media (min-width: 1425px) { .single-hebergement .size-card { font-size: var(--theme-font-size-5-desktop-full) !important; line-height: var(--theme-line-height-5-desktop-full); } } @media (min-width: 1750px) { .single-hebergement .size-card { font-size: var(--theme-font-size-5-desktop-large) !important; line-height: var(--theme-line-height-5-desktop-large); } } .single-hebergement .type-o .point { padding: 30px 0; } .single-hebergement .type-o .point::after { margin: auto 20px; width: 5px; height: 5px; } .single-hebergement .type-o h4 { font-size: 16px !important; line-height: 20px; } .single-hebergement .type-o .swiper-slide:nth-child(2n) h4 { font-weight: 400; } .single-hebergement .type-n .section-half { display: -ms-grid; display: grid; position: relative; } .single-hebergement .type-n .section-half .img-container { position: relative; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .single-hebergement .type-n .section-half .img-container .heart { position: absolute; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .single-hebergement .type-n .section-half .img-container img:not(.img-icon) { border-radius: 10px; -o-object-fit: cover; object-fit: cover; width: 100%; } .single-hebergement .type-n .section-half .right-container h2 { margin: 0 0 30px 0; } .single-hebergement .section-details { display: -ms-grid; display: grid; position: relative; } .single-hebergement .section-details .zigzag { position: absolute; top: 30px; } .single-hebergement .section-details .container-detail { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } @media (max-width: 480px) { .single-hebergement .section-details .container-detail { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } } @media (min-width: 0px) { .single-hebergement .section-details .container-detail { width: calc(100vw - 2 * 0.0615384615 * 1 * 100vw); } } @media (min-width: 481px) { .single-hebergement .section-details .container-detail { width: calc(100vw - 2 * 0.0292682927 * 1 * 100vw); } } @media (min-width: 1024px) { .single-hebergement .section-details .container-detail { width: calc(100vw - 2 * 0.0347222222 * 1 * 100vw); } } @media (min-width: 1024px) { .single-hebergement .section-details .container-detail { padding: calc(0.0034722222 * 1 * 100vw); } } .single-hebergement .section-details .container-detail .img-container { position: relative; } @media (min-width: 481px) { .single-hebergement .section-details .container-detail .img-container { width: 50%; } } .single-hebergement .section-details .container-detail .img-container .flash { position: absolute; z-index: 3; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .single-hebergement .section-details .container-detail .img-container .swiper .swiper-wrapper { position: relative; } .single-hebergement .section-details .container-detail .img-container .swiper .swiper-slide { 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; text-align: center; width: 100% !important; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; } .single-hebergement .section-details .container-detail .img-container .swiper .swiper-slide img { height: 280px; -o-object-fit: cover; object-fit: cover; width: 100%; } @media (min-width: 1024px) { .single-hebergement .section-details .container-detail .img-container .swiper .swiper-slide { background-color: var(--theme-color-white-20); border-radius: 5px; } .single-hebergement .section-details .container-detail .img-container .swiper .swiper-slide img { height: 400px; } } .single-hebergement .section-details .container-detail .line { position: absolute; bottom: -80px; right: -15px; } .single-hebergement .section-details .container-detail .swiper-pagination { bottom: 20px; text-align: center; width: 100%; } .single-hebergement .section-details .container-detail .swiper-button-prev, .single-hebergement .section-details .container-detail .swiper-button-next { color: var(--theme-color-mauve-pale); border-radius: 50%; background-color: var(--theme-color-white-20); backdrop-filter: blur(20px); height: 45px; width: 45px; } .single-hebergement .section-details .container-detail .swiper-button-prev::after, .single-hebergement .section-details .container-detail .swiper-button-next::after { font-size: 10px; } @media (min-width: 1024px) { .single-hebergement .section-details .container-detail .swiper-button-prev, .single-hebergement .section-details .container-detail .swiper-button-next { height: 65px; width: 65px; } .single-hebergement .section-details .container-detail .swiper-button-prev::after, .single-hebergement .section-details .container-detail .swiper-button-next::after { font-size: 15px; } } .single-hebergement .section-details .container-detail h4 { margin: 2% 0; } @media (min-width: 481px) { .single-hebergement .section-details .container-detail .card-detail { width: calc(50% - 2 * 0.0292682927 * 1 * 100vw); padding: calc(0.0292682927 * 1 * 100vw); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (min-width: 1024px) { .single-hebergement .section-details .container-detail .card-detail { width: calc(50% - 2 * 0.0347222222 * 1 * 100vw); padding: calc(0.0347222222 * 1 * 100vw); } } @media (max-width: 480px) { .single-hebergement .section-details .container-detail .card-detail { padding: 0% 6%; } } .single-hebergement .section-details .container-detail .card-detail > * { font-weight: 500; } @media (min-width: 1024px) { .single-hebergement .section-details .container-detail .card-detail > * { margin-left: 10px; } } .single-hebergement .section-details .container-detail .card-detail p, .single-hebergement .section-details .container-detail .card-detail span { color: var(--theme-color-violet-dark-70); } .card-detail ul, .type-b ul { list-style: none; padding-left: 0; gap: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card-detail ul li, .type-b ul li { position: relative; padding-left: 15px; font-weight: 500; } .card-detail ul li::before, .type-b ul li::before { content: ""; position: absolute; left: 0; top: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 4px; height: 4px; background: url("/wp-content/uploads/2025/07/Ellipse-1127.svg") no-repeat center; background-size: contain; } @media (min-width: 1024px) { .card-detail ul li::before, .type-b ul li::before { top: 13px; } } @media (min-width: 1024px) { .just-mobile { display: none; } .just-desktop { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 1023px) { .just-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .just-desktop { display: none; } } .type-ac { position: relative; } .type-ac .bkg-img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; } .type-ac .star-wave { position: absolute; z-index: 3; width: 120px; bottom: -45px; right: 45px; left: auto; } @media (min-width: 1024px) { .type-ac .star-wave { bottom: -50px; left: 50px; right: auto; width: 160px; } } .type-ac .wave-container { display: -ms-grid; display: grid; z-index: 4; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 75px; position: relative; } @media (min-width: 1024px) { .type-ac .wave-container { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); padding: calc(0.0902777778 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw) calc(0.0625 * 1 * 100vw) calc(0.0347222222 * 1 * 100vw); } } @media (max-width: 1023px) { .type-ac .wave-container { padding: calc(0.1219512195 * 1 * 100vw) 0 calc(0.1219512195 * 1 * 100vw) 0; } } @media (max-width: 1023px) and (max-width: 480px) { .type-ac .wave-container { padding: calc(0.2564102564 * 1 * 100vw) 0 calc(0.2564102564 * 1 * 100vw) 0; } } .type-ac .wave-container .img-container { width: 100%; position: relative; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } .type-ac .wave-container .img-container img { width: 100%; } .type-ac .wave-container .img-container .flower { position: absolute; bottom: 40px; right: 0; width: 160px; } @media (max-width: 1023px) { .type-ac .wave-container .img-container { width: 120%; -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; } .type-ac .wave-container .img-container .flower { position: absolute; bottom: 10px; right: 12%; width: 120px; } } .type-ac .wave-container .left-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 30px; } @media (min-width: 1024px) { .type-ac .wave-container .left-content { gap: 40px; padding-bottom: calc(0.0694444444 * 1 * 100vw); } } .type-ac .wave-container .left-content h2 { margin: 0 0 20px 0; } @media (max-width: 1023px) { .type-ac .wave-container .left-content h2 { padding: 0 calc(0.0292682927 * 1 * 100vw); } } @media (max-width: 1023px) and (max-width: 480px) { .type-ac .wave-container .left-content h2 { padding: 0 calc(0.0615384615 * 1 * 100vw); } } @media (max-width: 1023px) { .type-ac .wave-container .left-content .item-list { padding: 0 calc(0.0292682927 * 1 * 100vw); } } @media (max-width: 1023px) and (max-width: 480px) { .type-ac .wave-container .left-content .item-list { padding: 0 calc(0.0615384615 * 1 * 100vw); } } .type-ac .wave-container .left-content .item-list .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; font-weight: 600; } @media (min-width: 0px) { .type-ac .wave-container .left-content .item-list .title { font-size: var(--theme-font-size-8-mobile) !important; line-height: var(--theme-line-height-8-mobile); } } @media (min-width: 481px) { .type-ac .wave-container .left-content .item-list .title { font-size: var(--theme-font-size-8-tablet) !important; line-height: var(--theme-line-height-8-tablet); } } @media (min-width: 1024px) { .type-ac .wave-container .left-content .item-list .title { font-size: var(--theme-font-size-8-desktop) !important; line-height: var(--theme-line-height-8-desktop); } } @media (min-width: 1220px) { .type-ac .wave-container .left-content .item-list .title { font-size: var(--theme-font-size-8-desktop-no-burger) !important; line-height: var(--theme-line-height-8-desktop-no-burger); } } @media (min-width: 1425px) { .type-ac .wave-container .left-content .item-list .title { font-size: var(--theme-font-size-8-desktop-full) !important; line-height: var(--theme-line-height-8-desktop-full); } } @media (min-width: 1750px) { .type-ac .wave-container .left-content .item-list .title { font-size: var(--theme-font-size-8-desktop-large) !important; line-height: var(--theme-line-height-8-desktop-large); } } .type-ac .wave-container .left-content .item-list .description { font-weight: 500; margin-bottom: 0; } .type-full { position: relative; } .type-full .container { overflow: hidden; border: none; } @media (max-width: 480px) { .type-full .container.image { aspect-ratio: 0.7; } } @media (min-width: 481px) { .type-full .container.image { aspect-ratio: 2.4; } } .type-full .container .image, .type-full .container .video { width: 100%; -o-object-fit: cover; object-fit: cover; height: 100%; } .type-full .container .title { position: absolute; bottom: 0; margin: 0; line-height: 1em; } @media (max-width: 480px) { .type-full .container .title { top: 8%; margin: auto; width: 100%; text-align: center; } } @media (min-width: 481px) { .type-full .container .title { left: -0.5%; bottom: -3.6%; } } .type-full .container .custom-video-container { position: relative; margin: 0 auto; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; background: #000; overflow: hidden; } .type-full .container .custom-video-container .video-thumbnail { position: relative; cursor: pointer; height: 100%; } @media (max-width: 480px) { .type-full .container .custom-video-container .video-thumbnail { aspect-ratio: 0.7; } } @media (min-width: 481px) { .type-full .container .custom-video-container .video-thumbnail { aspect-ratio: 2.4; } } .type-full .container .custom-video-container .video-thumbnail img, .type-full .container .custom-video-container .video-thumbnail .fallback-thumbnail { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; display: block; background-color: #000; } .type-full .container .custom-video-container .video-thumbnail img.fallback-thumbnail, .type-full .container .custom-video-container .video-thumbnail .fallback-thumbnail.fallback-thumbnail { 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; } .type-full .container .custom-video-container .video-thumbnail .video-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--theme-color-violet-dark-30); z-index: 1; pointer-events: none; } .type-full .container .custom-video-container .video-thumbnail .play-button { position: absolute; z-index: 2; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 147px; height: 147px; 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; font-size: 40px; color: white; /* White blurred background with 24% opacity */ background: rgba(255, 255, 255, 0.24); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border-radius: 50%; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.2); box-shadow: 0 0 10px rgba(255, 255, 255, 0.2); /* optional soft glow */ } .type-full .container .custom-video-container .video-thumbnail .play-button svg { margin-left: 10%; } .type-full .container .custom-video-container .video-thumbnail .play-button:hover { background: rgba(255, 255, 255, 0.4); -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); -webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.4); box-shadow: 0 0 20px rgba(255, 255, 255, 0.4); } .type-full .container .custom-video-container .video-frame { width: 100%; height: 100%; } @media (max-width: 480px) { .form-newsletter { border: 0px !important; } } #field_3_5 { z-index: 3; position: relative; } .type-f .recruitment-form .package { z-index: 3; } .type-m { padding-top: calc(0.0694444444 * 1 * 100vw); } .page-id-24038 .type-banner .contact-row .flex.column span:first-child { color: #FAF5F4 !important; opacity: 85%; } .page-id-24038 .type-banner .package h1 { font-weight: 300; } .page-id-24038 .type-banner .package .p { color: #FAF5F4 !important; opacity: 80%; } #gform_confirmation_message_3 { position: relative; z-index: 5; } #gform_confirmation_message_1 { position: relative; z-index: 5; } #field_1_39 { z-index: 3; } .type-b li { opacity: 0.7; } .page-id-16714 .type-s :not(.type-breadcrumb) { display: inline !important; } .page-id-25661 .filter-block.direct.flex.bkg-white { z-index: 15; position: relative; background-color: transparent; } h1, h2 { margin: 0; } h1 span, h2 span { position: relative; white-space: nowrap; word-break: normal; overflow-wrap: normal; display: inline-block; width: -webkit-min-content; width: -moz-min-content; width: min-content; } h1 span img.underline-image, h2 span img.underline-image { display: block; width: 100%; /* height: 100%; */ margin-bottom: -0.2em; margin-top: -0.3em; } .type-step h2 span img.underline-image { margin-top: -0.8em; } @media (min-width: 481px) { .type-step h2 span img.underline-image { margin-bottom: -2em; } } /** * -------------------------------------------------------------------------------------------------------------- * 5 : MODELS // * CSS exclusif à ces templates uniquement /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * POST SINGLE /**/ body.single-post .type-banner { padding: 0; } body.single-post .type-banner .wrapper, body.single-post .type-banner .container { padding: 0; margin: 0 !important; } body.single-post .type-banner .wrapper h1, body.single-post .type-banner .container h1 { font-size: 30px !important; width: 100%; } body.single-post .type-banner .wrapper h2, body.single-post .type-banner .container h2 { font-size: 18px !important; } body.single-post .type-banner .wrapper img, body.single-post .type-banner .container img { width: 100%; } @media (max-width: 480px) { body.single-post .type-banner .wrapper img, body.single-post .type-banner .container img { margin: calc(0.0615384615 * 1 * 100vw) 0; } } @media (min-width: 481px) { body.single-post .type-banner .wrapper img, body.single-post .type-banner .container img { margin: calc(0.0292682927 * 1 * 100vw) 0; } } @media (min-width: 1024px) { body.single-post .type-banner .wrapper img, body.single-post .type-banner .container img { margin: calc(0.0347222222 * 1 * 100vw) 0; } } body.single-hebergement { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } body.single-hebergement .type-o { display: none; } body.single-hebergement .type-w.map { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } body.single-hebergement .type-avantages { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } body.single-hebergement .type-n { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } body.single-hebergement .type-ac { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } body.single-hebergement .type-v.lien { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } body.single-hebergement .type-p { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } body.single-hebergement .type-e.reviews { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } body.single-hebergement .type-j.devis { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } body.single-hebergement .type-footer { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } /** * -------------------------------------------------------------------------------------------------------------- * 6 : PAGES * -------------------------------------------------------------------------------------------------------------- // * CSS exclusif à ces pages uniquement /**/ /** * ============================================================================================================== * = UI KIT PAGE EXCLUSIVE FORMATTING = /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED FUNCTIONS /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED CLASSES & EXTENDS * Allways create both in order to be forced * directly on DOM or afterward in SCCS with @extend ! /**/ .read-me-page h5 { margin: calc(0.0034722222 * 1 * 100vw) 0; } .read-me-page li { margin: calc(0.0069444444 * 1 * 100vw) 0; } .read-me-page li:has(> strong) { display: -webkit-box; display: -ms-flexbox; display: flex; } .read-me-page li:has(> strong) span, .read-me-page li:has(> strong) strong { display: inline-block; } .read-me-page li:has(> strong) strong { min-width: calc(0.1527777778 * 1 * 100vw); text-decoration: underline; } .read-me-page li a[href] { font-family: var(--theme-font-manrope-bold); text-decoration: underline; } .ui-kit-page .container h2 { padding-bottom: 30px; } .ui-kit-page .container .fonts { width: 100%; } .ui-kit-page .container .fonts h1, .ui-kit-page .container .fonts h2, .ui-kit-page .container .fonts h3, .ui-kit-page .container .fonts h4, .ui-kit-page .container .fonts h5, .ui-kit-page .container .fonts p { padding-top: 30px; padding-bottom: 30px; } .ui-kit-page .container .font { width: 100%; } .ui-kit-page .container .colors { display: -ms-grid; display: grid; width: -webkit-max-content; width: -moz-max-content; width: max-content; grid-auto-rows: 1fr; grid-column-gap: 15px; grid-row-gap: 15px; } @media (min-width: 0px) { .ui-kit-page .container .colors { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } } @media (min-width: 481px) { .ui-kit-page .container .colors { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1024px) { .ui-kit-page .container .colors { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); } } .ui-kit-page .container .colors div.container { 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: 155px; height: 155px; } /** * -------------------------------------------------------------------------------------------------------------- * ELEMENTS APPLICATIONS /**/ /*# sourceMappingURL=main.css.map */