@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-montserrat-regular { font-family: var(--theme-font-montserrat-regular) !important; } .font-family-montserrat-medium { font-family: var(--theme-font-montserrat-medium) !important; } .font-family-montserrat-semibold { font-family: var(--theme-font-montserrat-semibold) !important; } .font-family-montserrat-bold { font-family: var(--theme-font-montserrat-bold) !important; } .font-family-montserrat-extrabold { font-family: var(--theme-font-montserrat-extrabold) !important; } .font-family-montserrat-black { font-family: var(--theme-font-montserrat-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-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-7-bis { font-size: var(--theme-font-size-7-bis-mobile) !important; line-height: var(--theme-line-height-7-bis-mobile); } } @media (min-width: 481px) { .font-size-7-bis { font-size: var(--theme-font-size-7-bis-tablet) !important; line-height: var(--theme-line-height-7-bis-tablet); } } @media (min-width: 1024px) { .font-size-7-bis { font-size: var(--theme-font-size-7-bis-desktop) !important; line-height: var(--theme-line-height-7-bis-desktop); } } @media (min-width: 1220px) { .font-size-7-bis { font-size: var(--theme-font-size-7-bis-desktop-no-burger) !important; line-height: var(--theme-line-height-7-bis-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-7-bis { font-size: var(--theme-font-size-7-bis-desktop-full) !important; line-height: var(--theme-line-height-7-bis-desktop-full); } } @media (min-width: 1750px) { .font-size-7-bis { font-size: var(--theme-font-size-7-bis-desktop-large) !important; line-height: var(--theme-line-height-7-bis-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-8-bis { font-size: var(--theme-font-size-8-bis-mobile) !important; line-height: var(--theme-line-height-8-bis-mobile); } } @media (min-width: 481px) { .font-size-8-bis { font-size: var(--theme-font-size-8-bis-tablet) !important; line-height: var(--theme-line-height-8-bis-tablet); } } @media (min-width: 1024px) { .font-size-8-bis { font-size: var(--theme-font-size-8-bis-desktop) !important; line-height: var(--theme-line-height-8-bis-desktop); } } @media (min-width: 1220px) { .font-size-8-bis { font-size: var(--theme-font-size-8-bis-desktop-no-burger) !important; line-height: var(--theme-line-height-8-bis-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-8-bis { font-size: var(--theme-font-size-8-bis-desktop-full) !important; line-height: var(--theme-line-height-8-bis-desktop-full); } } @media (min-width: 1750px) { .font-size-8-bis { font-size: var(--theme-font-size-8-bis-desktop-large) !important; line-height: var(--theme-line-height-8-bis-desktop-large); } } @media (min-width: 0px) { .font-size-8-ter { font-size: var(--theme-font-size-8-ter-mobile) !important; line-height: var(--theme-line-height-8-ter-mobile); } } @media (min-width: 481px) { .font-size-8-ter { font-size: var(--theme-font-size-8-ter-tablet) !important; line-height: var(--theme-line-height-8-ter-tablet); } } @media (min-width: 1024px) { .font-size-8-ter { font-size: var(--theme-font-size-8-ter-desktop) !important; line-height: var(--theme-line-height-8-ter-desktop); } } @media (min-width: 1220px) { .font-size-8-ter { font-size: var(--theme-font-size-8-ter-desktop-no-burger) !important; line-height: var(--theme-line-height-8-ter-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-8-ter { font-size: var(--theme-font-size-8-ter-desktop-full) !important; line-height: var(--theme-line-height-8-ter-desktop-full); } } @media (min-width: 1750px) { .font-size-8-ter { font-size: var(--theme-font-size-8-ter-desktop-large) !important; line-height: var(--theme-line-height-8-ter-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-9-bis { font-size: var(--theme-font-size-9-bis-mobile) !important; line-height: var(--theme-line-height-9-bis-mobile); } } @media (min-width: 481px) { .font-size-9-bis { font-size: var(--theme-font-size-9-bis-tablet) !important; line-height: var(--theme-line-height-9-bis-tablet); } } @media (min-width: 1024px) { .font-size-9-bis { font-size: var(--theme-font-size-9-bis-desktop) !important; line-height: var(--theme-line-height-9-bis-desktop); } } @media (min-width: 1220px) { .font-size-9-bis { font-size: var(--theme-font-size-9-bis-desktop-no-burger) !important; line-height: var(--theme-line-height-9-bis-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-9-bis { font-size: var(--theme-font-size-9-bis-desktop-full) !important; line-height: var(--theme-line-height-9-bis-desktop-full); } } @media (min-width: 1750px) { .font-size-9-bis { font-size: var(--theme-font-size-9-bis-desktop-large) !important; line-height: var(--theme-line-height-9-bis-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-10-bis { font-size: var(--theme-font-size-10-bis-mobile) !important; line-height: var(--theme-line-height-10-bis-mobile); } } @media (min-width: 481px) { .font-size-10-bis { font-size: var(--theme-font-size-10-bis-tablet) !important; line-height: var(--theme-line-height-10-bis-tablet); } } @media (min-width: 1024px) { .font-size-10-bis { font-size: var(--theme-font-size-10-bis-desktop) !important; line-height: var(--theme-line-height-10-bis-desktop); } } @media (min-width: 1220px) { .font-size-10-bis { font-size: var(--theme-font-size-10-bis-desktop-no-burger) !important; line-height: var(--theme-line-height-10-bis-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-10-bis { font-size: var(--theme-font-size-10-bis-desktop-full) !important; line-height: var(--theme-line-height-10-bis-desktop-full); } } @media (min-width: 1750px) { .font-size-10-bis { font-size: var(--theme-font-size-10-bis-desktop-large) !important; line-height: var(--theme-line-height-10-bis-desktop-large); } } @media (min-width: 0px) { .font-size-10-ter { font-size: var(--theme-font-size-10-ter-mobile) !important; line-height: var(--theme-line-height-10-ter-mobile); } } @media (min-width: 481px) { .font-size-10-ter { font-size: var(--theme-font-size-10-ter-tablet) !important; line-height: var(--theme-line-height-10-ter-tablet); } } @media (min-width: 1024px) { .font-size-10-ter { font-size: var(--theme-font-size-10-ter-desktop) !important; line-height: var(--theme-line-height-10-ter-desktop); } } @media (min-width: 1220px) { .font-size-10-ter { font-size: var(--theme-font-size-10-ter-desktop-no-burger) !important; line-height: var(--theme-line-height-10-ter-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-10-ter { font-size: var(--theme-font-size-10-ter-desktop-full) !important; line-height: var(--theme-line-height-10-ter-desktop-full); } } @media (min-width: 1750px) { .font-size-10-ter { font-size: var(--theme-font-size-10-ter-desktop-large) !important; line-height: var(--theme-line-height-10-ter-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-11-bis { font-size: var(--theme-font-size-11-bis-mobile) !important; line-height: var(--theme-line-height-11-bis-mobile); } } @media (min-width: 481px) { .font-size-11-bis { font-size: var(--theme-font-size-11-bis-tablet) !important; line-height: var(--theme-line-height-11-bis-tablet); } } @media (min-width: 1024px) { .font-size-11-bis { font-size: var(--theme-font-size-11-bis-desktop) !important; line-height: var(--theme-line-height-11-bis-desktop); } } @media (min-width: 1220px) { .font-size-11-bis { font-size: var(--theme-font-size-11-bis-desktop-no-burger) !important; line-height: var(--theme-line-height-11-bis-desktop-no-burger); } } @media (min-width: 1425px) { .font-size-11-bis { font-size: var(--theme-font-size-11-bis-desktop-full) !important; line-height: var(--theme-line-height-11-bis-desktop-full); } } @media (min-width: 1750px) { .font-size-11-bis { font-size: var(--theme-font-size-11-bis-desktop-large) !important; line-height: var(--theme-line-height-11-bis-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); } } /** * -------------------------------------------------------------------------------------------------------------- * 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, .gfield_description, h2, h1, .mega-extra-h1, .super-extra-h1, .extra-h1, .extra-h1 a { 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 */ h1, .mega-extra-h1, .super-extra-h1, .extra-h1, .extra-h1 a { font-family: var(--theme-font-montserrat-black) !important; } h2, .gsection_title, .gform_confirmation_message h3, .slide-partenaires, .extra-bold, .type-s h3 { font-family: var(--theme-font-montserrat-extrabold) !important; } h3.semi-bold, h4.semi-bold, p.semi-bold, div.semi-bold, .type-banner p, ul:not(#menu-legals, .sub-menu) > li > a:not(.fil-ariane-link), h6:not(.filters-select), span, h4, .form-newsletter .gfield_label, button, h5, .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, .choice > h6, .choice.reset > span { font-family: var(--theme-font-montserrat-semibold) !important; } #starting_point_select input::-webkit-input-placeholder, input::-webkit-input-placeholder { font-family: var(--theme-font-montserrat-medium) !important; } #starting_point_select input::-moz-placeholder, input::-moz-placeholder { font-family: var(--theme-font-montserrat-medium) !important; } #starting_point_select input:-ms-input-placeholder, input:-ms-input-placeholder { font-family: var(--theme-font-montserrat-medium) !important; } #starting_point_select input::-ms-input-placeholder, input::-ms-input-placeholder { font-family: var(--theme-font-montserrat-medium) !important; } h3, .form-newsletter input, .gform_confirmation_message, .ginput_container label, .little-font, .gfield_label, .gfield_required, .gform label, .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), #starting_point_select input, #starting_point_select input::placeholder, #starting_point_select li, input::placeholder, h6.filters-select { font-family: var(--theme-font-montserrat-medium) !important; } p:not(.semi-bold, .type-banner p), li, .gfield--type-textarea label, span.regular, h4:not(.small-text):not(.big-text):not(.semi-bold) { font-family: var(--theme-font-montserrat-regular) !important; } /* Do the same if secondary family... */ /* 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. */ --theme-font-montserrat-regular: montserrat-regular; --theme-font-montserrat-medium: montserrat-medium; --theme-font-montserrat-semibold: montserrat-semibold; --theme-font-montserrat-bold: montserrat-bold; --theme-font-montserrat-extrabold: montserrat-extrabold; --theme-font-montserrat-black: montserrat-black; --theme-font-size-1-mobile: calc(0.0974358974 * 1 * 100vw); --theme-line-height-1-mobile: calc(0.1205128205 * 1 * 100vw); --theme-font-size-1-tablet: calc(0.1470731707 * 1 * 100vw); --theme-line-height-1-tablet: calc(0.1792682927 * 1 * 100vw); --theme-font-size-1-desktop: calc(0.1046875 * 1 * 100vw); --theme-line-height-1-desktop: calc(0.1276041667 * 1 * 100vw); --theme-font-size-1-desktop-no-burger: calc(0.09421875 * 1 * 100vw); --theme-line-height-1-desktop-no-burger: calc(0.11484375 * 1 * 100vw); --theme-font-size-1-desktop-full: calc(0.09421875 * 1 * 100vw); --theme-line-height-1-desktop-full: calc(0.11484375 * 1 * 100vw); --theme-font-size-1-desktop-large: max(0.1046875 * 1 * 100vw, 160.8px); --theme-line-height-1-desktop-large: calc(0.1276041667 * 1 * 100vw); --theme-font-size-2-mobile: calc(0.1666666667 * 1 * 100vw); --theme-line-height-2-mobile: calc(0.2025641026 * 1 * 100vw); --theme-font-size-2-tablet: calc(0.0695121951 * 1 * 100vw); --theme-line-height-2-tablet: calc(0.0848780488 * 1 * 100vw); --theme-font-size-2-desktop: calc(0.0494791667 * 1 * 100vw); --theme-line-height-2-desktop: calc(0.0604166667 * 1 * 100vw); --theme-font-size-2-desktop-no-burger: calc(0.04453125 * 1 * 100vw); --theme-line-height-2-desktop-no-burger: calc(0.054375 * 1 * 100vw); --theme-font-size-2-desktop-full: calc(0.04453125 * 1 * 100vw); --theme-line-height-2-desktop-full: calc(0.054375 * 1 * 100vw); --theme-font-size-2-desktop-large: max(0.0494791667 * 1 * 100vw, 76px); --theme-line-height-2-desktop-large: calc(0.0604166667 * 1 * 100vw); --theme-font-size-3-mobile: calc(0.0897435897 * 1 * 100vw); --theme-line-height-3-mobile: calc(0.1102564103 * 1 * 100vw); --theme-font-size-3-tablet: calc(0.0585365854 * 1 * 100vw); --theme-line-height-3-tablet: calc(0.0709756098 * 1 * 100vw); --theme-font-size-3-desktop: calc(0.0416666667 * 1 * 100vw); --theme-line-height-3-desktop: calc(0.0505208333 * 1 * 100vw); --theme-font-size-3-desktop-no-burger: calc(0.0375 * 1 * 100vw); --theme-line-height-3-desktop-no-burger: calc(0.04546875 * 1 * 100vw); --theme-font-size-3-desktop-full: calc(0.0375 * 1 * 100vw); --theme-line-height-3-desktop-full: calc(0.04546875 * 1 * 100vw); --theme-font-size-3-desktop-large: max(0.0364583333 * 1 * 100vw, 56px); --theme-line-height-3-desktop-large: calc(0.0505208333 * 1 * 100vw); --theme-font-size-4-mobile: calc(0.0769230769 * 1 * 100vw); --theme-line-height-4-mobile: calc(0.0948717949 * 1 * 100vw); --theme-font-size-4-tablet: calc(0.0475609756 * 1 * 100vw); --theme-line-height-4-tablet: calc(0.057804878 * 1 * 100vw); --theme-font-size-4-desktop: calc(0.0338541667 * 1 * 100vw); --theme-line-height-4-desktop: calc(0.0411458333 * 1 * 100vw); --theme-font-size-4-desktop-no-burger: calc(0.03046875 * 1 * 100vw); --theme-line-height-4-desktop-no-burger: calc(0.03703125 * 1 * 100vw); --theme-font-size-4-desktop-full: calc(0.03046875 * 1 * 100vw); --theme-line-height-4-desktop-full: calc(0.03703125 * 1 * 100vw); --theme-font-size-4-desktop-large: max(0.0338541667 * 1 * 100vw, 52px); --theme-line-height-4-desktop-large: calc(0.0411458333 * 1 * 100vw); --theme-font-size-5-mobile: calc(0.0512820513 * 1 * 100vw); --theme-line-height-5-mobile: calc(0.0615384615 * 1 * 100vw); --theme-font-size-5-tablet: calc(0.0365853659 * 1 * 100vw); --theme-line-height-5-tablet: calc(0.0446341463 * 1 * 100vw); --theme-font-size-5-desktop: calc(0.0260416667 * 1 * 100vw); --theme-line-height-5-desktop: calc(0.0317708333 * 1 * 100vw); --theme-font-size-5-desktop-no-burger: calc(0.0234375 * 1 * 100vw); --theme-line-height-5-desktop-no-burger: calc(0.02859375 * 1 * 100vw); --theme-font-size-5-desktop-full: calc(0.0234375 * 1 * 100vw); --theme-line-height-5-desktop-full: calc(0.02859375 * 1 * 100vw); --theme-font-size-5-desktop-large: max(0.0260416667 * 1 * 100vw, 40px); --theme-line-height-5-desktop-large: calc(0.0317708333 * 1 * 100vw); --theme-font-size-6-mobile: calc(0.0512820513 * 1 * 100vw); --theme-line-height-6-mobile: calc(0.0615384615 * 1 * 100vw); --theme-font-size-6-tablet: calc(0.0256097561 * 1 * 100vw); --theme-line-height-6-tablet: calc(0.0314634146 * 1 * 100vw); --theme-font-size-6-desktop: calc(0.0182291667 * 1 * 100vw); --theme-line-height-6-desktop: calc(0.0223958333 * 1 * 100vw); --theme-font-size-6-desktop-no-burger: calc(0.01640625 * 1 * 100vw); --theme-line-height-6-desktop-no-burger: calc(0.02015625 * 1 * 100vw); --theme-font-size-6-desktop-full: calc(0.01640625 * 1 * 100vw); --theme-line-height-6-desktop-full: calc(0.02015625 * 1 * 100vw); --theme-font-size-6-desktop-large: max(0.0182291667 * 1 * 100vw, 28px); --theme-line-height-6-desktop-large: calc(0.0223958333 * 1 * 100vw); --theme-font-size-7-mobile: calc(0.0512820513 * 1 * 100vw); --theme-line-height-7-mobile: calc(0.0615384615 * 1 * 100vw); --theme-font-size-7-tablet: calc(0.0219512195 * 1 * 100vw); --theme-line-height-7-tablet: calc(0.0270731707 * 1 * 100vw); --theme-font-size-7-desktop: calc(0.015625 * 1 * 100vw); --theme-line-height-7-desktop: calc(0.0192708333 * 1 * 100vw); --theme-font-size-7-desktop-no-burger: calc(0.0140625 * 1 * 100vw); --theme-line-height-7-desktop-no-burger: calc(0.01734375 * 1 * 100vw); --theme-font-size-7-desktop-full: calc(0.0140625 * 1 * 100vw); --theme-line-height-7-desktop-full: calc(0.01734375 * 1 * 100vw); --theme-font-size-7-desktop-large: max(0.015625 * 1 * 100vw, 24px); --theme-line-height-7-desktop-large: calc(0.0192708333 * 1 * 100vw); --theme-font-size-7-bis-mobile: calc(0.0641025641 * 1 * 100vw); --theme-line-height-7-bis-mobile: calc(0.0769230769 * 1 * 100vw); --theme-font-size-7-bis-tablet: calc(0.0219512195 * 1 * 100vw); --theme-line-height-7-bis-tablet: calc(0.0270731707 * 1 * 100vw); --theme-font-size-7-bis-desktop: calc(0.015625 * 1 * 100vw); --theme-line-height-7-bis-desktop: calc(0.0192708333 * 1 * 100vw); --theme-font-size-7-bis-desktop-no-burger: calc(0.0140625 * 1 * 100vw); --theme-line-height-7-bis-desktop-no-burger: calc(0.01734375 * 1 * 100vw); --theme-font-size-7-bis-desktop-full: calc(0.0140625 * 1 * 100vw); --theme-line-height-7-bis-desktop-full: calc(0.01734375 * 1 * 100vw); --theme-font-size-7-bis-desktop-large: max(0.015625 * 1 * 100vw, 24px); --theme-line-height-7-bis-desktop-large: calc(0.0192708333 * 1 * 100vw); --theme-font-size-8-mobile: calc(0.0512820513 * 1 * 100vw); --theme-line-height-8-mobile: calc(0.0897435897 * 1 * 100vw); --theme-font-size-8-tablet: calc(0.0182926829 * 1 * 100vw); --theme-line-height-8-tablet: calc(0.0256097561 * 1 * 100vw); --theme-font-size-8-desktop: calc(0.0130208333 * 1 * 100vw); --theme-line-height-8-desktop: calc(0.0182291667 * 1 * 100vw); --theme-font-size-8-desktop-no-burger: calc(0.01171875 * 1 * 100vw); --theme-line-height-8-desktop-no-burger: calc(0.01640625 * 1 * 100vw); --theme-font-size-8-desktop-full: calc(0.01171875 * 1 * 100vw); --theme-line-height-8-desktop-full: calc(0.01640625 * 1 * 100vw); --theme-font-size-8-desktop-large: max(0.0130208333 * 1 * 100vw, 20px); --theme-line-height-8-desktop-large: calc(0.0182291667 * 1 * 100vw); --theme-font-size-8-bis-mobile: calc(0.041025641 * 1 * 100vw); --theme-line-height-8-bis-mobile: calc(0.0487179487 * 1 * 100vw); --theme-font-size-8-bis-tablet: calc(0.0182926829 * 1 * 100vw); --theme-line-height-8-bis-tablet: calc(0.0256097561 * 1 * 100vw); --theme-font-size-8-bis-desktop: calc(0.0130208333 * 1 * 100vw); --theme-line-height-8-bis-desktop: calc(0.0182291667 * 1 * 100vw); --theme-font-size-8-bis-desktop-no-burger: calc(0.01171875 * 1 * 100vw); --theme-line-height-8-bis-desktop-no-burger: calc(0.01640625 * 1 * 100vw); --theme-font-size-8-bis-desktop-full: calc(0.01171875 * 1 * 100vw); --theme-line-height-8-bis-desktop-full: calc(0.01640625 * 1 * 100vw); --theme-font-size-8-bis-desktop-large: max(0.0130208333 * 1 * 100vw, 20px); --theme-line-height-8-bis-desktop-large: calc(0.0182291667 * 1 * 100vw); --theme-font-size-8-ter-mobile: calc(0.0461538462 * 1 * 100vw); --theme-line-height-8-ter-mobile: calc(0.0564102564 * 1 * 100vw); --theme-font-size-8-ter-tablet: calc(0.0182926829 * 1 * 100vw); --theme-line-height-8-ter-tablet: calc(0.0256097561 * 1 * 100vw); --theme-font-size-8-ter-desktop: calc(0.0130208333 * 1 * 100vw); --theme-line-height-8-ter-desktop: calc(0.0182291667 * 1 * 100vw); --theme-font-size-8-ter-desktop-no-burger: calc(0.01171875 * 1 * 100vw); --theme-line-height-8-ter-desktop-no-burger: calc(0.01640625 * 1 * 100vw); --theme-font-size-8-ter-desktop-full: calc(0.01171875 * 1 * 100vw); --theme-line-height-8-ter-desktop-full: calc(0.01640625 * 1 * 100vw); --theme-font-size-8-ter-desktop-large: max(0.0130208333 * 1 * 100vw, 20px); --theme-line-height-8-ter-desktop-large: calc(0.0182291667 * 1 * 100vw); --theme-font-size-9-mobile: calc(0.041025641 * 1 * 100vw); --theme-line-height-9-mobile: calc(0.0487179487 * 1 * 100vw); --theme-font-size-9-tablet: calc(0.0146341463 * 1 * 100vw); --theme-line-height-9-tablet: calc(0.0175609756 * 1 * 100vw); --theme-font-size-9-desktop: calc(0.0104166667 * 1 * 100vw); --theme-line-height-9-desktop: calc(0.0125 * 1 * 100vw); --theme-font-size-9-desktop-no-burger: calc(0.009375 * 1 * 100vw); --theme-line-height-9-desktop-no-burger: calc(0.01125 * 1 * 100vw); --theme-font-size-9-desktop-full: calc(0.009375 * 1 * 100vw); --theme-line-height-9-desktop-full: calc(0.01125 * 1 * 100vw); --theme-font-size-9-desktop-large: max(0.0104166667 * 1 * 100vw, 16px); --theme-line-height-9-desktop-large: calc(0.0125 * 1 * 100vw); --theme-font-size-9-bis-mobile: calc(0.0461538462 * 1 * 100vw); --theme-line-height-9-bis-mobile: calc(0.0564102564 * 1 * 100vw); --theme-font-size-9-bis-tablet: calc(0.0146341463 * 1 * 100vw); --theme-line-height-9-bis-tablet: calc(0.0175609756 * 1 * 100vw); --theme-font-size-9-bis-desktop: calc(0.0104166667 * 1 * 100vw); --theme-line-height-9-bis-desktop: calc(0.0125 * 1 * 100vw); --theme-font-size-9-bis-desktop-no-burger: calc(0.009375 * 1 * 100vw); --theme-line-height-9-bis-desktop-no-burger: calc(0.01125 * 1 * 100vw); --theme-font-size-9-bis-desktop-full: calc(0.009375 * 1 * 100vw); --theme-line-height-9-bis-desktop-full: calc(0.01125 * 1 * 100vw); --theme-font-size-9-bis-desktop-large: max(0.0104166667 * 1 * 100vw, 16px); --theme-line-height-9-bis-desktop-large: calc(0.0125 * 1 * 100vw); --theme-font-size-10-mobile: calc(0.041025641 * 1 * 100vw); --theme-line-height-10-mobile: calc(0.0487179487 * 1 * 100vw); --theme-font-size-10-tablet: calc(0.0219512195 * 1 * 100vw); --theme-line-height-10-tablet: calc(0.0268292683 * 1 * 100vw); --theme-font-size-10-desktop: calc(0.0121875 * 1 * 100vw); --theme-line-height-10-desktop: calc(0.0148958333 * 1 * 100vw); --theme-font-size-10-desktop-no-burger: calc(0.01125 * 1 * 100vw); --theme-line-height-10-desktop-no-burger: calc(0.01375 * 1 * 100vw); --theme-font-size-10-desktop-full: calc(0.009375 * 1 * 100vw); --theme-line-height-10-desktop-full: calc(0.0114583333 * 1 * 100vw); --theme-font-size-10-desktop-large: max(0.009375 * 1 * 100vw, 14.4px); --theme-line-height-10-desktop-large: calc(0.0114583333 * 1 * 100vw); --theme-font-size-10-bis-mobile: calc(0.0358974359 * 1 * 100vw); --theme-line-height-10-bis-mobile: calc(0.0461538462 * 1 * 100vw); --theme-font-size-10-bis-tablet: calc(0.0219512195 * 1 * 100vw); --theme-line-height-10-bis-tablet: calc(0.0268292683 * 1 * 100vw); --theme-font-size-10-bis-desktop: calc(0.0121875 * 1 * 100vw); --theme-line-height-10-bis-desktop: calc(0.0148958333 * 1 * 100vw); --theme-font-size-10-bis-desktop-no-burger: calc(0.01125 * 1 * 100vw); --theme-line-height-10-bis-desktop-no-burger: calc(0.01375 * 1 * 100vw); --theme-font-size-10-bis-desktop-full: calc(0.009375 * 1 * 100vw); --theme-line-height-10-bis-desktop-full: calc(0.0114583333 * 1 * 100vw); --theme-font-size-10-bis-desktop-large: max(0.009375 * 1 * 100vw, 14.4px); --theme-line-height-10-bis-desktop-large: calc(0.0114583333 * 1 * 100vw); --theme-font-size-10-ter-mobile: calc(0.0461538462 * 1 * 100vw); --theme-line-height-10-ter-mobile: calc(0.0564102564 * 1 * 100vw); --theme-font-size-10-ter-tablet: calc(0.0219512195 * 1 * 100vw); --theme-line-height-10-ter-tablet: calc(0.0268292683 * 1 * 100vw); --theme-font-size-10-ter-desktop: calc(0.0121875 * 1 * 100vw); --theme-line-height-10-ter-desktop: calc(0.0148958333 * 1 * 100vw); --theme-font-size-10-ter-desktop-no-burger: calc(0.01125 * 1 * 100vw); --theme-line-height-10-ter-desktop-no-burger: calc(0.01375 * 1 * 100vw); --theme-font-size-10-ter-desktop-full: calc(0.009375 * 1 * 100vw); --theme-line-height-10-ter-desktop-full: calc(0.0114583333 * 1 * 100vw); --theme-font-size-10-ter-desktop-large: max(0.009375 * 1 * 100vw, 14.4px); --theme-line-height-10-ter-desktop-large: calc(0.0114583333 * 1 * 100vw); --theme-font-size-11-mobile: calc(0.041025641 * 1 * 100vw); --theme-line-height-11-mobile: calc(0.0487179487 * 1 * 100vw); --theme-font-size-11-tablet: calc(0.0117073171 * 1 * 100vw); --theme-line-height-11-tablet: calc(0.013902439 * 1 * 100vw); --theme-font-size-11-desktop: calc(0.0108333333 * 1 * 100vw); --theme-line-height-11-desktop: calc(0.0128645833 * 1 * 100vw); --theme-font-size-11-desktop-no-burger: calc(0.01 * 1 * 100vw); --theme-line-height-11-desktop-no-burger: calc(0.011875 * 1 * 100vw); --theme-font-size-11-desktop-full: calc(0.0083333333 * 1 * 100vw); --theme-line-height-11-desktop-full: calc(0.0098958333 * 1 * 100vw); --theme-font-size-11-desktop-large: max(0.0083333333 * 1 * 100vw, 12.8px); --theme-line-height-11-desktop-large: calc(0.0098958333 * 1 * 100vw); --theme-font-size-11-bis-mobile: calc(0.0358974359 * 1 * 100vw); --theme-line-height-11-bis-mobile: calc(0.0461538462 * 1 * 100vw); --theme-font-size-11-bis-tablet: calc(0.0117073171 * 1 * 100vw); --theme-line-height-11-bis-tablet: calc(0.013902439 * 1 * 100vw); --theme-font-size-11-bis-desktop: calc(0.0108333333 * 1 * 100vw); --theme-line-height-11-bis-desktop: calc(0.0128645833 * 1 * 100vw); --theme-font-size-11-bis-desktop-no-burger: calc(0.01 * 1 * 100vw); --theme-line-height-11-bis-desktop-no-burger: calc(0.011875 * 1 * 100vw); --theme-font-size-11-bis-desktop-full: calc(0.0083333333 * 1 * 100vw); --theme-line-height-11-bis-desktop-full: calc(0.0098958333 * 1 * 100vw); --theme-font-size-11-bis-desktop-large: max(0.0083333333 * 1 * 100vw, 12.8px); --theme-line-height-11-bis-desktop-large: calc(0.0098958333 * 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.0102439024 * 1 * 100vw); --theme-line-height-12-tablet: calc(0.0131707317 * 1 * 100vw); --theme-font-size-12-desktop: calc(0.0094791667 * 1 * 100vw); --theme-line-height-12-desktop: calc(0.0121875 * 1 * 100vw); --theme-font-size-12-desktop-no-burger: calc(0.00875 * 1 * 100vw); --theme-line-height-12-desktop-no-burger: calc(0.01125 * 1 * 100vw); --theme-font-size-12-desktop-full: calc(0.0072916667 * 1 * 100vw); --theme-line-height-12-desktop-full: calc(0.009375 * 1 * 100vw); --theme-font-size-12-desktop-large: max(0.0072916667 * 1 * 100vw, 11.2px); --theme-line-height-12-desktop-large: calc(0.009375 * 1 * 100vw); --theme-font-size-13-mobile: calc(0.0256410256 * 1 * 100vw); --theme-line-height-13-mobile: calc(0.0333333333 * 1 * 100vw); --theme-font-size-13-tablet: calc(0.0087804878 * 1 * 100vw); --theme-line-height-13-tablet: calc(0.0109756098 * 1 * 100vw); --theme-font-size-13-desktop: calc(0.008125 * 1 * 100vw); --theme-line-height-13-desktop: calc(0.01015625 * 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.00625 * 1 * 100vw); --theme-line-height-13-desktop-full: calc(0.0078125 * 1 * 100vw); --theme-font-size-13-desktop-large: max(0.00625 * 1 * 100vw, 9.6px); --theme-line-height-13-desktop-large: calc(0.0078125 * 1 * 100vw); } @font-face { font-family: "montserrat-regular"; src: url("../fonts/montserrat/Montserrat-Regular.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-Regular.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Regular.woff") format("woff"); font-weight: montserrat-regular; font-style: normal; font-display: swap; } @font-face { font-family: "montserrat-medium"; src: url("../fonts/montserrat/Montserrat-Medium.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-Medium.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Medium.woff") format("woff"); font-weight: montserrat-medium; font-style: normal; font-display: swap; } @font-face { font-family: "montserrat-semibold"; src: url("../fonts/montserrat/Montserrat-SemiBold.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-SemiBold.woff") format("woff"); font-weight: montserrat-semibold; font-style: normal; font-display: swap; } @font-face { font-family: "montserrat-bold"; src: url("../fonts/montserrat/Montserrat-Bold.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-Bold.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Bold.woff") format("woff"); font-weight: montserrat-bold; font-style: normal; font-display: swap; } @font-face { font-family: "montserrat-extrabold"; src: url("../fonts/montserrat/Montserrat-ExtraBold.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-ExtraBold.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-ExtraBold.woff") format("woff"); font-weight: montserrat-extrabold; font-style: normal; font-display: swap; } @font-face { font-family: "montserrat-black"; src: url("../fonts/montserrat/Montserrat-Black.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-Black.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Black.woff") format("woff"); font-weight: montserrat-black; font-style: normal; font-display: swap; } @media (min-width: 0px) { .mega-extra-h1 { font-size: var(--theme-font-size-1-mobile) !important; line-height: var(--theme-line-height-1-mobile); } } @media (min-width: 481px) { .mega-extra-h1 { font-size: var(--theme-font-size-1-tablet) !important; line-height: var(--theme-line-height-1-tablet); } } @media (min-width: 1024px) { .mega-extra-h1 { font-size: var(--theme-font-size-1-desktop) !important; line-height: var(--theme-line-height-1-desktop); } } @media (min-width: 1220px) { .mega-extra-h1 { 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) { .mega-extra-h1 { font-size: var(--theme-font-size-1-desktop-full) !important; line-height: var(--theme-line-height-1-desktop-full); } } @media (min-width: 1750px) { .mega-extra-h1 { font-size: var(--theme-font-size-1-desktop-large) !important; line-height: var(--theme-line-height-1-desktop-large); } } @media (min-width: 0px) { .super-extra-h1, .extra-h1, .extra-h1 a { font-size: var(--theme-font-size-2-mobile) !important; line-height: var(--theme-line-height-2-mobile); } } @media (min-width: 481px) { .super-extra-h1, .extra-h1, .extra-h1 a { font-size: var(--theme-font-size-2-tablet) !important; line-height: var(--theme-line-height-2-tablet); } } @media (min-width: 1024px) { .super-extra-h1, .extra-h1, .extra-h1 a { font-size: var(--theme-font-size-2-desktop) !important; line-height: var(--theme-line-height-2-desktop); } } @media (min-width: 1220px) { .super-extra-h1, .extra-h1, .extra-h1 a { 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) { .super-extra-h1, .extra-h1, .extra-h1 a { font-size: var(--theme-font-size-2-desktop-full) !important; line-height: var(--theme-line-height-2-desktop-full); } } @media (min-width: 1750px) { .super-extra-h1, .extra-h1, .extra-h1 a { font-size: var(--theme-font-size-2-desktop-large) !important; line-height: var(--theme-line-height-2-desktop-large); } } @media (min-width: 0px) { h1 { font-size: var(--theme-font-size-3-mobile) !important; line-height: var(--theme-line-height-3-mobile); } } @media (min-width: 481px) { h1 { font-size: var(--theme-font-size-3-tablet) !important; line-height: var(--theme-line-height-3-tablet); } } @media (min-width: 1024px) { h1 { font-size: var(--theme-font-size-3-desktop) !important; line-height: var(--theme-line-height-3-desktop); } } @media (min-width: 1220px) { 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) { h1 { font-size: var(--theme-font-size-3-desktop-full) !important; line-height: var(--theme-line-height-3-desktop-full); } } @media (min-width: 1750px) { h1 { font-size: var(--theme-font-size-3-desktop-large) !important; line-height: var(--theme-line-height-3-desktop-large); } } @media (min-width: 0px) { h2 { font-size: var(--theme-font-size-4-mobile) !important; line-height: var(--theme-line-height-4-mobile); } } @media (min-width: 481px) { h2 { font-size: var(--theme-font-size-4-tablet) !important; line-height: var(--theme-line-height-4-tablet); } } @media (min-width: 1024px) { h2 { font-size: var(--theme-font-size-4-desktop) !important; line-height: var(--theme-line-height-4-desktop); } } @media (min-width: 1220px) { h2 { 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) { h2 { font-size: var(--theme-font-size-4-desktop-full) !important; line-height: var(--theme-line-height-4-desktop-full); } } @media (min-width: 1750px) { h2 { font-size: var(--theme-font-size-4-desktop-large) !important; line-height: var(--theme-line-height-4-desktop-large); } } @media (min-width: 0px) { h3 { font-size: var(--theme-font-size-6-mobile) !important; line-height: var(--theme-line-height-6-mobile); } } @media (min-width: 481px) { h3 { font-size: var(--theme-font-size-6-tablet) !important; line-height: var(--theme-line-height-6-tablet); } } @media (min-width: 1024px) { h3 { font-size: var(--theme-font-size-6-desktop) !important; line-height: var(--theme-line-height-6-desktop); } } @media (min-width: 1220px) { h3 { 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) { h3 { font-size: var(--theme-font-size-6-desktop-full) !important; line-height: var(--theme-line-height-6-desktop-full); } } @media (min-width: 1750px) { h3 { font-size: var(--theme-font-size-6-desktop-large) !important; line-height: var(--theme-line-height-6-desktop-large); } } @media (min-width: 0px) { h4:not(.min) { font-size: var(--theme-font-size-7-mobile) !important; line-height: var(--theme-line-height-7-mobile); } } @media (min-width: 481px) { h4:not(.min) { font-size: var(--theme-font-size-7-tablet) !important; line-height: var(--theme-line-height-7-tablet); } } @media (min-width: 1024px) { h4:not(.min) { font-size: var(--theme-font-size-7-desktop) !important; line-height: var(--theme-line-height-7-desktop); } } @media (min-width: 1220px) { h4:not(.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) { h4:not(.min) { font-size: var(--theme-font-size-7-desktop-full) !important; line-height: var(--theme-line-height-7-desktop-full); } } @media (min-width: 1750px) { h4:not(.min) { font-size: var(--theme-font-size-7-desktop-large) !important; line-height: var(--theme-line-height-7-desktop-large); } } @media (min-width: 0px) { h4.min { font-size: var(--theme-font-size-7-bis-mobile) !important; line-height: var(--theme-line-height-7-bis-mobile); } } @media (min-width: 481px) { h4.min { font-size: var(--theme-font-size-7-bis-tablet) !important; line-height: var(--theme-line-height-7-bis-tablet); } } @media (min-width: 1024px) { h4.min { font-size: var(--theme-font-size-7-bis-desktop) !important; line-height: var(--theme-line-height-7-bis-desktop); } } @media (min-width: 1220px) { h4.min { font-size: var(--theme-font-size-7-bis-desktop-no-burger) !important; line-height: var(--theme-line-height-7-bis-desktop-no-burger); } } @media (min-width: 1425px) { h4.min { font-size: var(--theme-font-size-7-bis-desktop-full) !important; line-height: var(--theme-line-height-7-bis-desktop-full); } } @media (min-width: 1750px) { h4.min { font-size: var(--theme-font-size-7-bis-desktop-large) !important; line-height: var(--theme-line-height-7-bis-desktop-large); } } @media (min-width: 0px) { h5:not(.type-g h5, .min, .counter-posts) { 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, .min, .counter-posts) { 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, .min, .counter-posts) { 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, .min, .counter-posts) { 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, .min, .counter-posts) { 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, .min, .counter-posts) { font-size: var(--theme-font-size-8-desktop-large) !important; line-height: var(--theme-line-height-8-desktop-large); } } @media (min-width: 0px) { h5.counter-posts { font-size: var(--theme-font-size-8-bis-mobile) !important; line-height: var(--theme-line-height-8-bis-mobile); } } @media (min-width: 481px) { h5.counter-posts { font-size: var(--theme-font-size-8-bis-tablet) !important; line-height: var(--theme-line-height-8-bis-tablet); } } @media (min-width: 1024px) { h5.counter-posts { font-size: var(--theme-font-size-8-bis-desktop) !important; line-height: var(--theme-line-height-8-bis-desktop); } } @media (min-width: 1220px) { h5.counter-posts { font-size: var(--theme-font-size-8-bis-desktop-no-burger) !important; line-height: var(--theme-line-height-8-bis-desktop-no-burger); } } @media (min-width: 1425px) { h5.counter-posts { font-size: var(--theme-font-size-8-bis-desktop-full) !important; line-height: var(--theme-line-height-8-bis-desktop-full); } } @media (min-width: 1750px) { h5.counter-posts { font-size: var(--theme-font-size-8-bis-desktop-large) !important; line-height: var(--theme-line-height-8-bis-desktop-large); } } @media (min-width: 0px) { h5.min { font-size: var(--theme-font-size-8-ter-mobile) !important; line-height: var(--theme-line-height-8-ter-mobile); } } @media (min-width: 481px) { h5.min { font-size: var(--theme-font-size-8-ter-tablet) !important; line-height: var(--theme-line-height-8-ter-tablet); } } @media (min-width: 1024px) { h5.min { font-size: var(--theme-font-size-8-ter-desktop) !important; line-height: var(--theme-line-height-8-ter-desktop); } } @media (min-width: 1220px) { h5.min { font-size: var(--theme-font-size-8-ter-desktop-no-burger) !important; line-height: var(--theme-line-height-8-ter-desktop-no-burger); } } @media (min-width: 1425px) { h5.min { font-size: var(--theme-font-size-8-ter-desktop-full) !important; line-height: var(--theme-line-height-8-ter-desktop-full); } } @media (min-width: 1750px) { h5.min { font-size: var(--theme-font-size-8-ter-desktop-large) !important; line-height: var(--theme-line-height-8-ter-desktop-large); } } @media (min-width: 0px) { h6:not(.filters-select):not(.choice > h6), .h6, span:not(#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, .choice.reset span), .h6 a, .max { font-size: var(--theme-font-size-9-mobile) !important; line-height: var(--theme-line-height-9-mobile); } } @media (min-width: 481px) { h6:not(.filters-select):not(.choice > h6), .h6, span:not(#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, .choice.reset span), .h6 a, .max { font-size: var(--theme-font-size-9-tablet) !important; line-height: var(--theme-line-height-9-tablet); } } @media (min-width: 1024px) { h6:not(.filters-select):not(.choice > h6), .h6, span:not(#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, .choice.reset span), .h6 a, .max { font-size: var(--theme-font-size-9-desktop) !important; line-height: var(--theme-line-height-9-desktop); } } @media (min-width: 1220px) { h6:not(.filters-select):not(.choice > h6), .h6, span:not(#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, .choice.reset span), .h6 a, .max { 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:not(.filters-select):not(.choice > h6), .h6, span:not(#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, .choice.reset span), .h6 a, .max { font-size: var(--theme-font-size-9-desktop-full) !important; line-height: var(--theme-line-height-9-desktop-full); } } @media (min-width: 1750px) { h6:not(.filters-select):not(.choice > h6), .h6, span:not(#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, .choice.reset span), .h6 a, .max { font-size: var(--theme-font-size-9-desktop-large) !important; line-height: var(--theme-line-height-9-desktop-large); } } @media (min-width: 0px) { h3.min { font-size: var(--theme-font-size-9-bis-mobile) !important; line-height: var(--theme-line-height-9-bis-mobile); } } @media (min-width: 481px) { h3.min { font-size: var(--theme-font-size-9-bis-tablet) !important; line-height: var(--theme-line-height-9-bis-tablet); } } @media (min-width: 1024px) { h3.min { font-size: var(--theme-font-size-9-bis-desktop) !important; line-height: var(--theme-line-height-9-bis-desktop); } } @media (min-width: 1220px) { h3.min { font-size: var(--theme-font-size-9-bis-desktop-no-burger) !important; line-height: var(--theme-line-height-9-bis-desktop-no-burger); } } @media (min-width: 1425px) { h3.min { font-size: var(--theme-font-size-9-bis-desktop-full) !important; line-height: var(--theme-line-height-9-bis-desktop-full); } } @media (min-width: 1750px) { h3.min { font-size: var(--theme-font-size-9-bis-desktop-large) !important; line-height: var(--theme-line-height-9-bis-desktop-large); } } @media (min-width: 0px) { p:not(.max, .very-little-font), li, ul:not(#menu-legals) > li > a:not(.fil-ariane-link), .form-newsletter .gfield_label, .form-newsletter input, .ginput_container label, button, .gfield--type-textarea label, .max, .card-link a, .contact .container a, form input[type=submit] { font-size: var(--theme-font-size-10-mobile) !important; line-height: var(--theme-line-height-10-mobile); } } @media (min-width: 481px) { p:not(.max, .very-little-font), li, ul:not(#menu-legals) > li > a:not(.fil-ariane-link), .form-newsletter .gfield_label, .form-newsletter input, .ginput_container label, button, .gfield--type-textarea label, .max, .card-link a, .contact .container a, form input[type=submit] { font-size: var(--theme-font-size-10-tablet) !important; line-height: var(--theme-line-height-10-tablet); } } @media (min-width: 1024px) { p:not(.max, .very-little-font), li, ul:not(#menu-legals) > li > a:not(.fil-ariane-link), .form-newsletter .gfield_label, .form-newsletter input, .ginput_container label, button, .gfield--type-textarea label, .max, .card-link a, .contact .container a, form input[type=submit] { font-size: var(--theme-font-size-10-desktop) !important; line-height: var(--theme-line-height-10-desktop); } } @media (min-width: 1220px) { p:not(.max, .very-little-font), li, ul:not(#menu-legals) > li > a:not(.fil-ariane-link), .form-newsletter .gfield_label, .form-newsletter input, .ginput_container label, button, .gfield--type-textarea label, .max, .card-link a, .contact .container a, form input[type=submit] { 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) { p:not(.max, .very-little-font), li, ul:not(#menu-legals) > li > a:not(.fil-ariane-link), .form-newsletter .gfield_label, .form-newsletter input, .ginput_container label, button, .gfield--type-textarea label, .max, .card-link a, .contact .container a, form input[type=submit] { font-size: var(--theme-font-size-10-desktop-full) !important; line-height: var(--theme-line-height-10-desktop-full); } } @media (min-width: 1750px) { p:not(.max, .very-little-font), li, ul:not(#menu-legals) > li > a:not(.fil-ariane-link), .form-newsletter .gfield_label, .form-newsletter input, .ginput_container label, button, .gfield--type-textarea label, .max, .card-link a, .contact .container a, form input[type=submit] { font-size: var(--theme-font-size-10-desktop-large) !important; line-height: var(--theme-line-height-10-desktop-large); } } @media (min-width: 0px) { p.min { font-size: var(--theme-font-size-10-bis-mobile) !important; line-height: var(--theme-line-height-10-bis-mobile); } } @media (min-width: 481px) { p.min { font-size: var(--theme-font-size-10-bis-tablet) !important; line-height: var(--theme-line-height-10-bis-tablet); } } @media (min-width: 1024px) { p.min { font-size: var(--theme-font-size-10-bis-desktop) !important; line-height: var(--theme-line-height-10-bis-desktop); } } @media (min-width: 1220px) { p.min { font-size: var(--theme-font-size-10-bis-desktop-no-burger) !important; line-height: var(--theme-line-height-10-bis-desktop-no-burger); } } @media (min-width: 1425px) { p.min { font-size: var(--theme-font-size-10-bis-desktop-full) !important; line-height: var(--theme-line-height-10-bis-desktop-full); } } @media (min-width: 1750px) { p.min { font-size: var(--theme-font-size-10-bis-desktop-large) !important; line-height: var(--theme-line-height-10-bis-desktop-large); } } @media (min-width: 0px) { p.max { font-size: var(--theme-font-size-10-ter-mobile) !important; line-height: var(--theme-line-height-10-ter-mobile); } } @media (min-width: 481px) { p.max { font-size: var(--theme-font-size-10-ter-tablet) !important; line-height: var(--theme-line-height-10-ter-tablet); } } @media (min-width: 1024px) { p.max { font-size: var(--theme-font-size-10-ter-desktop) !important; line-height: var(--theme-line-height-10-ter-desktop); } } @media (min-width: 1220px) { p.max { font-size: var(--theme-font-size-10-ter-desktop-no-burger) !important; line-height: var(--theme-line-height-10-ter-desktop-no-burger); } } @media (min-width: 1425px) { p.max { font-size: var(--theme-font-size-10-ter-desktop-full) !important; line-height: var(--theme-line-height-10-ter-desktop-full); } } @media (min-width: 1750px) { p.max { font-size: var(--theme-font-size-10-ter-desktop-large) !important; line-height: var(--theme-line-height-10-ter-desktop-large); } } @media (min-width: 0px) { ul.sub-menu > li > a, .fil-ariane-link, .little-font, .gfield_label, .gfield_required, .gform label, .type-breadcrumb a, .type-g h5 { font-size: var(--theme-font-size-11-mobile) !important; line-height: var(--theme-line-height-11-mobile); } } @media (min-width: 481px) { ul.sub-menu > li > a, .fil-ariane-link, .little-font, .gfield_label, .gfield_required, .gform label, .type-breadcrumb a, .type-g h5 { font-size: var(--theme-font-size-11-tablet) !important; line-height: var(--theme-line-height-11-tablet); } } @media (min-width: 1024px) { ul.sub-menu > li > a, .fil-ariane-link, .little-font, .gfield_label, .gfield_required, .gform label, .type-breadcrumb a, .type-g h5 { font-size: var(--theme-font-size-11-desktop) !important; line-height: var(--theme-line-height-11-desktop); } } @media (min-width: 1220px) { ul.sub-menu > li > a, .fil-ariane-link, .little-font, .gfield_label, .gfield_required, .gform label, .type-breadcrumb a, .type-g h5 { 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) { ul.sub-menu > li > a, .fil-ariane-link, .little-font, .gfield_label, .gfield_required, .gform label, .type-breadcrumb a, .type-g h5 { font-size: var(--theme-font-size-11-desktop-full) !important; line-height: var(--theme-line-height-11-desktop-full); } } @media (min-width: 1750px) { ul.sub-menu > li > a, .fil-ariane-link, .little-font, .gfield_label, .gfield_required, .gform label, .type-breadcrumb a, .type-g h5 { font-size: var(--theme-font-size-11-desktop-large) !important; line-height: var(--theme-line-height-11-desktop-large); } } @media (min-width: 0px) { .type-breadcrumb a, ul#menu-legals > li > a, .legals-navigation a, #starting_point_select input, #starting_point_select li, h6.filters-select, .choice.reset span, .choice > h6 { font-size: var(--theme-font-size-11-bis-mobile) !important; line-height: var(--theme-line-height-11-bis-mobile); } } @media (min-width: 481px) { .type-breadcrumb a, ul#menu-legals > li > a, .legals-navigation a, #starting_point_select input, #starting_point_select li, h6.filters-select, .choice.reset span, .choice > h6 { font-size: var(--theme-font-size-11-bis-tablet) !important; line-height: var(--theme-line-height-11-bis-tablet); } } @media (min-width: 1024px) { .type-breadcrumb a, ul#menu-legals > li > a, .legals-navigation a, #starting_point_select input, #starting_point_select li, h6.filters-select, .choice.reset span, .choice > h6 { font-size: var(--theme-font-size-11-bis-desktop) !important; line-height: var(--theme-line-height-11-bis-desktop); } } @media (min-width: 1220px) { .type-breadcrumb a, ul#menu-legals > li > a, .legals-navigation a, #starting_point_select input, #starting_point_select li, h6.filters-select, .choice.reset span, .choice > h6 { font-size: var(--theme-font-size-11-bis-desktop-no-burger) !important; line-height: var(--theme-line-height-11-bis-desktop-no-burger); } } @media (min-width: 1425px) { .type-breadcrumb a, ul#menu-legals > li > a, .legals-navigation a, #starting_point_select input, #starting_point_select li, h6.filters-select, .choice.reset span, .choice > h6 { font-size: var(--theme-font-size-11-bis-desktop-full) !important; line-height: var(--theme-line-height-11-bis-desktop-full); } } @media (min-width: 1750px) { .type-breadcrumb a, ul#menu-legals > li > a, .legals-navigation a, #starting_point_select input, #starting_point_select li, h6.filters-select, .choice.reset span, .choice > h6 { font-size: var(--theme-font-size-11-bis-desktop-large) !important; line-height: var(--theme-line-height-11-bis-desktop-large); } } @media (min-width: 0px) { li.term, li.child-term { font-size: var(--theme-font-size-12-mobile) !important; line-height: var(--theme-line-height-12-mobile); } } @media (min-width: 481px) { li.term, li.child-term { font-size: var(--theme-font-size-12-tablet) !important; line-height: var(--theme-line-height-12-tablet); } } @media (min-width: 1024px) { li.term, li.child-term { font-size: var(--theme-font-size-12-desktop) !important; line-height: var(--theme-line-height-12-desktop); } } @media (min-width: 1220px) { li.term, li.child-term { 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) { li.term, li.child-term { font-size: var(--theme-font-size-12-desktop-full) !important; line-height: var(--theme-line-height-12-desktop-full); } } @media (min-width: 1750px) { li.term, li.child-term { font-size: var(--theme-font-size-12-desktop-large) !important; line-height: var(--theme-line-height-12-desktop-large); } } @media (min-width: 0px) { .very-little-font, .gfield_radio label span, .gfield_description { font-size: var(--theme-font-size-13-mobile) !important; line-height: var(--theme-line-height-13-mobile); } } @media (min-width: 481px) { .very-little-font, .gfield_radio label span, .gfield_description { font-size: var(--theme-font-size-13-tablet) !important; line-height: var(--theme-line-height-13-tablet); } } @media (min-width: 1024px) { .very-little-font, .gfield_radio label span, .gfield_description { font-size: var(--theme-font-size-13-desktop) !important; line-height: var(--theme-line-height-13-desktop); } } @media (min-width: 1220px) { .very-little-font, .gfield_radio label span, .gfield_description { 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) { .very-little-font, .gfield_radio label span, .gfield_description { font-size: var(--theme-font-size-13-desktop-full) !important; line-height: var(--theme-line-height-13-desktop-full); } } @media (min-width: 1750px) { .very-little-font, .gfield_radio label span, .gfield_description { font-size: var(--theme-font-size-13-desktop-large) !important; line-height: var(--theme-line-height-13-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-white, .cta-fifth, footer .big-burger .site-navigation .navigation:first-child a, .cta-tertiary, .form-newsletter .gform-button, .cta-primary, #site-navigation-footer-two a, form input[type=submit], header .menu-contact-container 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-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-dark-blue { color: var(--theme-color-dark-blue); } .bkg-dark-blue { background-color: var(--theme-color-dark-blue); } .fill-dark-blue > svg * { fill: var(--theme-color-dark-blue); } .color-blue, .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer .gform_previous_button, .cta-secondary, .blue { color: var(--theme-color-blue); } .bkg-blue, .cta-tertiary:hover, .form-newsletter .gform-button:hover { 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, .cta-tertiary, .form-newsletter .gform-button { background-color: var(--theme-color-middle-blue); } .fill-middle-blue > svg * { fill: var(--theme-color-middle-blue); } .color-light-blue { color: var(--theme-color-light-blue); } .bkg-light-blue { background-color: var(--theme-color-light-blue); } .fill-light-blue > svg * { fill: var(--theme-color-light-blue); } .color-dark-orange, .cta-fifth:hover, .cta-fourth:hover, .cta-secondary.color-orange:hover, .cta-secondary.color-orange.active { color: var(--theme-color-dark-orange); } .bkg-dark-orange, footer .big-burger .site-navigation .navigation:first-child a:hover, .cta-primary:hover, #site-navigation-footer-two a:hover, form input[type=submit]:hover, header .menu-contact-container a:hover, .gform_next_button:hover { background-color: var(--theme-color-dark-orange); } .fill-dark-orange > svg * { fill: var(--theme-color-dark-orange); } .color-orange, .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer .gform_previous_button:hover, .cta-fourth { color: var(--theme-color-orange); } .bkg-orange, footer .big-burger .site-navigation .navigation:first-child a, .cta-primary, #site-navigation-footer-two a, form input[type=submit], header .menu-contact-container a, .gform_next_button { background-color: var(--theme-color-orange); } .fill-orange > svg * { fill: var(--theme-color-orange); } .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-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 { 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-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 { 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-dark-blue-10 { color: var(--theme-color-dark-blue-10); } .bkg-dark-blue-10 { background-color: var(--theme-color-dark-blue-10); } .fill-dark-blue-10 > svg * { fill: var(--theme-color-dark-blue-10); } .color-dark-blue-20 { color: var(--theme-color-dark-blue-20); } .bkg-dark-blue-20 { background-color: var(--theme-color-dark-blue-20); } .fill-dark-blue-20 > svg * { fill: var(--theme-color-dark-blue-20); } .color-dark-blue-30 { color: var(--theme-color-dark-blue-30); } .bkg-dark-blue-30 { background-color: var(--theme-color-dark-blue-30); } .fill-dark-blue-30 > svg * { fill: var(--theme-color-dark-blue-30); } .color-dark-blue-40 { color: var(--theme-color-dark-blue-40); } .bkg-dark-blue-40 { background-color: var(--theme-color-dark-blue-40); } .fill-dark-blue-40 > svg * { fill: var(--theme-color-dark-blue-40); } .color-dark-blue-50 { color: var(--theme-color-dark-blue-50); } .bkg-dark-blue-50 { background-color: var(--theme-color-dark-blue-50); } .fill-dark-blue-50 > svg * { fill: var(--theme-color-dark-blue-50); } .color-dark-blue-60 { color: var(--theme-color-dark-blue-60); } .bkg-dark-blue-60 { background-color: var(--theme-color-dark-blue-60); } .fill-dark-blue-60 > svg * { fill: var(--theme-color-dark-blue-60); } .color-dark-blue-70 { color: var(--theme-color-dark-blue-70); } .bkg-dark-blue-70 { background-color: var(--theme-color-dark-blue-70); } .fill-dark-blue-70 > svg * { fill: var(--theme-color-dark-blue-70); } .color-dark-blue-80 { color: var(--theme-color-dark-blue-80); } .bkg-dark-blue-80 { background-color: var(--theme-color-dark-blue-80); } .fill-dark-blue-80 > svg * { fill: var(--theme-color-dark-blue-80); } .color-dark-blue-90 { color: var(--theme-color-dark-blue-90); } .bkg-dark-blue-90 { background-color: var(--theme-color-dark-blue-90); } .fill-dark-blue-90 > svg * { fill: var(--theme-color-dark-blue-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, .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(.type-f input[type=submit]), .form form textarea { 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-light-blue-10 { color: var(--theme-color-light-blue-10); } .bkg-light-blue-10 { background-color: var(--theme-color-light-blue-10); } .fill-light-blue-10 > svg * { fill: var(--theme-color-light-blue-10); } .color-light-blue-20 { color: var(--theme-color-light-blue-20); } .bkg-light-blue-20 { background-color: var(--theme-color-light-blue-20); } .fill-light-blue-20 > svg * { fill: var(--theme-color-light-blue-20); } .color-light-blue-30 { color: var(--theme-color-light-blue-30); } .bkg-light-blue-30 { background-color: var(--theme-color-light-blue-30); } .fill-light-blue-30 > svg * { fill: var(--theme-color-light-blue-30); } .color-light-blue-40 { color: var(--theme-color-light-blue-40); } .bkg-light-blue-40 { background-color: var(--theme-color-light-blue-40); } .fill-light-blue-40 > svg * { fill: var(--theme-color-light-blue-40); } .color-light-blue-50 { color: var(--theme-color-light-blue-50); } .bkg-light-blue-50 { background-color: var(--theme-color-light-blue-50); } .fill-light-blue-50 > svg * { fill: var(--theme-color-light-blue-50); } .color-light-blue-60 { color: var(--theme-color-light-blue-60); } .bkg-light-blue-60 { background-color: var(--theme-color-light-blue-60); } .fill-light-blue-60 > svg * { fill: var(--theme-color-light-blue-60); } .color-light-blue-70 { color: var(--theme-color-light-blue-70); } .bkg-light-blue-70 { background-color: var(--theme-color-light-blue-70); } .fill-light-blue-70 > svg * { fill: var(--theme-color-light-blue-70); } .color-light-blue-80 { color: var(--theme-color-light-blue-80); } .bkg-light-blue-80 { background-color: var(--theme-color-light-blue-80); } .fill-light-blue-80 > svg * { fill: var(--theme-color-light-blue-80); } .color-light-blue-90 { color: var(--theme-color-light-blue-90); } .bkg-light-blue-90 { background-color: var(--theme-color-light-blue-90); } .fill-light-blue-90 > svg * { fill: var(--theme-color-light-blue-90); } .color-dark-orange-10 { color: var(--theme-color-dark-orange-10); } .bkg-dark-orange-10 { background-color: var(--theme-color-dark-orange-10); } .fill-dark-orange-10 > svg * { fill: var(--theme-color-dark-orange-10); } .color-dark-orange-20 { color: var(--theme-color-dark-orange-20); } .bkg-dark-orange-20 { background-color: var(--theme-color-dark-orange-20); } .fill-dark-orange-20 > svg * { fill: var(--theme-color-dark-orange-20); } .color-dark-orange-30 { color: var(--theme-color-dark-orange-30); } .bkg-dark-orange-30 { background-color: var(--theme-color-dark-orange-30); } .fill-dark-orange-30 > svg * { fill: var(--theme-color-dark-orange-30); } .color-dark-orange-40 { color: var(--theme-color-dark-orange-40); } .bkg-dark-orange-40 { background-color: var(--theme-color-dark-orange-40); } .fill-dark-orange-40 > svg * { fill: var(--theme-color-dark-orange-40); } .color-dark-orange-50 { color: var(--theme-color-dark-orange-50); } .bkg-dark-orange-50 { background-color: var(--theme-color-dark-orange-50); } .fill-dark-orange-50 > svg * { fill: var(--theme-color-dark-orange-50); } .color-dark-orange-60 { color: var(--theme-color-dark-orange-60); } .bkg-dark-orange-60 { background-color: var(--theme-color-dark-orange-60); } .fill-dark-orange-60 > svg * { fill: var(--theme-color-dark-orange-60); } .color-dark-orange-70 { color: var(--theme-color-dark-orange-70); } .bkg-dark-orange-70 { background-color: var(--theme-color-dark-orange-70); } .fill-dark-orange-70 > svg * { fill: var(--theme-color-dark-orange-70); } .color-dark-orange-80 { color: var(--theme-color-dark-orange-80); } .bkg-dark-orange-80 { background-color: var(--theme-color-dark-orange-80); } .fill-dark-orange-80 > svg * { fill: var(--theme-color-dark-orange-80); } .color-dark-orange-90 { color: var(--theme-color-dark-orange-90); } .bkg-dark-orange-90 { background-color: var(--theme-color-dark-orange-90); } .fill-dark-orange-90 > svg * { fill: var(--theme-color-dark-orange-90); } .color-orange-10 { color: var(--theme-color-orange-10); } .bkg-orange-10 { background-color: var(--theme-color-orange-10); } .fill-orange-10 > svg * { fill: var(--theme-color-orange-10); } .color-orange-20 { color: var(--theme-color-orange-20); } .bkg-orange-20 { background-color: var(--theme-color-orange-20); } .fill-orange-20 > svg * { fill: var(--theme-color-orange-20); } .color-orange-30 { color: var(--theme-color-orange-30); } .bkg-orange-30 { background-color: var(--theme-color-orange-30); } .fill-orange-30 > svg * { fill: var(--theme-color-orange-30); } .color-orange-40 { color: var(--theme-color-orange-40); } .bkg-orange-40 { background-color: var(--theme-color-orange-40); } .fill-orange-40 > svg * { fill: var(--theme-color-orange-40); } .color-orange-50 { color: var(--theme-color-orange-50); } .bkg-orange-50 { background-color: var(--theme-color-orange-50); } .fill-orange-50 > svg * { fill: var(--theme-color-orange-50); } .color-orange-60 { color: var(--theme-color-orange-60); } .bkg-orange-60 { background-color: var(--theme-color-orange-60); } .fill-orange-60 > svg * { fill: var(--theme-color-orange-60); } .color-orange-70 { color: var(--theme-color-orange-70); } .bkg-orange-70 { background-color: var(--theme-color-orange-70); } .fill-orange-70 > svg * { fill: var(--theme-color-orange-70); } .color-orange-80 { color: var(--theme-color-orange-80); } .bkg-orange-80 { background-color: var(--theme-color-orange-80); } .fill-orange-80 > svg * { fill: var(--theme-color-orange-80); } .color-orange-90 { color: var(--theme-color-orange-90); } .bkg-orange-90 { background-color: var(--theme-color-orange-90); } .fill-orange-90 > svg * { fill: var(--theme-color-orange-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-white: #FAF5F4; --theme-color-white-10: rgba(250, 245, 244, 0.1); --theme-color-white-20: rgba(250, 245, 244, 0.2); --theme-color-white-30: rgba(250, 245, 244, 0.3); --theme-color-white-40: rgba(250, 245, 244, 0.4); --theme-color-white-50: rgba(250, 245, 244, 0.5); --theme-color-white-60: rgba(250, 245, 244, 0.6); --theme-color-white-70: rgba(250, 245, 244, 0.7); --theme-color-white-80: rgba(250, 245, 244, 0.8); --theme-color-white-90: rgba(250, 245, 244, 0.9); --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-dark-blue: #132348; --theme-color-dark-blue-10: rgba(19, 35, 72, 0.1); --theme-color-dark-blue-20: rgba(19, 35, 72, 0.2); --theme-color-dark-blue-30: rgba(19, 35, 72, 0.3); --theme-color-dark-blue-40: rgba(19, 35, 72, 0.4); --theme-color-dark-blue-50: rgba(19, 35, 72, 0.5); --theme-color-dark-blue-60: rgba(19, 35, 72, 0.6); --theme-color-dark-blue-70: rgba(19, 35, 72, 0.7); --theme-color-dark-blue-80: rgba(19, 35, 72, 0.8); --theme-color-dark-blue-90: rgba(19, 35, 72, 0.9); --theme-color-blue: #2D2F83; --theme-color-blue-10: rgba(45, 47, 131, 0.1); --theme-color-blue-20: rgba(45, 47, 131, 0.2); --theme-color-blue-30: rgba(45, 47, 131, 0.3); --theme-color-blue-40: rgba(45, 47, 131, 0.4); --theme-color-blue-50: rgba(45, 47, 131, 0.5); --theme-color-blue-60: rgba(45, 47, 131, 0.6); --theme-color-blue-70: rgba(45, 47, 131, 0.7); --theme-color-blue-80: rgba(45, 47, 131, 0.8); --theme-color-blue-90: rgba(45, 47, 131, 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-light-blue: #ABC3F2; --theme-color-light-blue-10: rgba(171, 195, 242, 0.1); --theme-color-light-blue-20: rgba(171, 195, 242, 0.2); --theme-color-light-blue-30: rgba(171, 195, 242, 0.3); --theme-color-light-blue-40: rgba(171, 195, 242, 0.4); --theme-color-light-blue-50: rgba(171, 195, 242, 0.5); --theme-color-light-blue-60: rgba(171, 195, 242, 0.6); --theme-color-light-blue-70: rgba(171, 195, 242, 0.7); --theme-color-light-blue-80: rgba(171, 195, 242, 0.8); --theme-color-light-blue-90: rgba(171, 195, 242, 0.9); --theme-color-dark-orange: #EA4C27; --theme-color-dark-orange-10: rgba(234, 76, 39, 0.1); --theme-color-dark-orange-20: rgba(234, 76, 39, 0.2); --theme-color-dark-orange-30: rgba(234, 76, 39, 0.3); --theme-color-dark-orange-40: rgba(234, 76, 39, 0.4); --theme-color-dark-orange-50: rgba(234, 76, 39, 0.5); --theme-color-dark-orange-60: rgba(234, 76, 39, 0.6); --theme-color-dark-orange-70: rgba(234, 76, 39, 0.7); --theme-color-dark-orange-80: rgba(234, 76, 39, 0.8); --theme-color-dark-orange-90: rgba(234, 76, 39, 0.9); --theme-color-orange: #FF633E; --theme-color-orange-10: rgba(255, 99, 62, 0.1); --theme-color-orange-20: rgba(255, 99, 62, 0.2); --theme-color-orange-30: rgba(255, 99, 62, 0.3); --theme-color-orange-40: rgba(255, 99, 62, 0.4); --theme-color-orange-50: rgba(255, 99, 62, 0.5); --theme-color-orange-60: rgba(255, 99, 62, 0.6); --theme-color-orange-70: rgba(255, 99, 62, 0.7); --theme-color-orange-80: rgba(255, 99, 62, 0.8); --theme-color-orange-90: rgba(255, 99, 62, 0.9); --theme-color-yellow: #FACA28; --theme-color-yellow-10: rgba(250, 202, 40, 0.1); --theme-color-yellow-20: rgba(250, 202, 40, 0.2); --theme-color-yellow-30: rgba(250, 202, 40, 0.3); --theme-color-yellow-40: rgba(250, 202, 40, 0.4); --theme-color-yellow-50: rgba(250, 202, 40, 0.5); --theme-color-yellow-60: rgba(250, 202, 40, 0.6); --theme-color-yellow-70: rgba(250, 202, 40, 0.7); --theme-color-yellow-80: rgba(250, 202, 40, 0.8); --theme-color-yellow-90: rgba(250, 202, 40, 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: #2D2F83; --theme-color-primary-10: rgba(45, 47, 131, 0.1); --theme-color-primary-20: rgba(45, 47, 131, 0.2); --theme-color-primary-30: rgba(45, 47, 131, 0.3); --theme-color-primary-40: rgba(45, 47, 131, 0.4); --theme-color-primary-50: rgba(45, 47, 131, 0.5); --theme-color-primary-60: rgba(45, 47, 131, 0.6); --theme-color-primary-70: rgba(45, 47, 131, 0.7); --theme-color-primary-80: rgba(45, 47, 131, 0.8); --theme-color-primary-90: rgba(45, 47, 131, 0.9); --theme-color-text: #2D2F83; --theme-color-text-10: rgba(45, 47, 131, 0.1); --theme-color-text-20: rgba(45, 47, 131, 0.2); --theme-color-text-30: rgba(45, 47, 131, 0.3); --theme-color-text-40: rgba(45, 47, 131, 0.4); --theme-color-text-50: rgba(45, 47, 131, 0.5); --theme-color-text-60: rgba(45, 47, 131, 0.6); --theme-color-text-70: rgba(45, 47, 131, 0.7); --theme-color-text-80: rgba(45, 47, 131, 0.8); --theme-color-text-90: rgba(45, 47, 131, 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: #ffffff; --theme-color-demo-base-10: rgba(255, 255, 255, 0.1); --theme-color-demo-base-20: rgba(255, 255, 255, 0.2); --theme-color-demo-base-30: rgba(255, 255, 255, 0.3); --theme-color-demo-base-40: rgba(255, 255, 255, 0.4); --theme-color-demo-base-50: rgba(255, 255, 255, 0.5); --theme-color-demo-base-60: rgba(255, 255, 255, 0.6); --theme-color-demo-base-70: rgba(255, 255, 255, 0.7); --theme-color-demo-base-80: rgba(255, 255, 255, 0.8); --theme-color-demo-base-90: rgba(255, 255, 255, 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-blue); } /** * !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! * ! 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-dark-blue); } 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-20, aside.map-block .map-wrapper div[role=dialog], aside.map-block .map-wrapper .leaflet-popup, aside.map-block .map-wrapper .leaflet-popup-content, .borders-rounded-15, .infowindow > .wrapper, .type-s blockquote, .borders-rounded-10, .single-hebergement .section-details .container-detail, .output .product, .infowindow .type-card img, aside.map-block .map-wrapper:not(.swiper-slide) .type-card img, .borders-rounded-7, .sidebar, .borders-rounded-5 { 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-dark-blue-20); } @media (min-width: 0px) { .borders-rounded-5 { border-radius: calc(0.0128205128 * 1 * 100vw); } } @media (min-width: 481px) { .borders-rounded-5 { border-radius: calc(0.006097561 * 1 * 100vw); } } @media (min-width: 1024px) { .borders-rounded-5 { border-radius: calc(0.0026041667 * 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.0036458333 * 1 * 100vw); } } @media (min-width: 0px) { .borders-rounded-10, .single-hebergement .section-details .container-detail, .output .type-card, .output .product, .infowindow .type-card img, aside.map-block .map-wrapper:not(.swiper-slide) .type-card img { border-radius: calc(0.0256410256 * 1 * 100vw); } } @media (min-width: 481px) { .borders-rounded-10, .single-hebergement .section-details .container-detail, .output .type-card, .output .product, .infowindow .type-card img, aside.map-block .map-wrapper:not(.swiper-slide) .type-card img { border-radius: calc(0.012195122 * 1 * 100vw); } } @media (min-width: 1024px) { .borders-rounded-10, .single-hebergement .section-details .container-detail, .output .type-card, .output .product, .infowindow .type-card img, aside.map-block .map-wrapper:not(.swiper-slide) .type-card img { border-radius: calc(0.0052083333 * 1 * 100vw); } } @media (min-width: 0px) { .borders-rounded-15, .infowindow > .wrapper, .type-s blockquote { border-radius: calc(0.0384615385 * 1 * 100vw); } } @media (min-width: 481px) { .borders-rounded-15, .infowindow > .wrapper, .type-s blockquote { border-radius: calc(0.0182926829 * 1 * 100vw); } } @media (min-width: 1024px) { .borders-rounded-15, .infowindow > .wrapper, .type-s blockquote { border-radius: calc(0.0078125 * 1 * 100vw); } } @media (min-width: 0px) { .borders-rounded-20, aside.map-block .map-wrapper div[role=dialog], aside.map-block .map-wrapper .leaflet-popup, aside.map-block .map-wrapper .leaflet-popup-content { border-radius: calc(0.0512820513 * 1 * 100vw); } } @media (min-width: 481px) { .borders-rounded-20, aside.map-block .map-wrapper div[role=dialog], aside.map-block .map-wrapper .leaflet-popup, aside.map-block .map-wrapper .leaflet-popup-content { border-radius: calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 1024px) { .borders-rounded-20, aside.map-block .map-wrapper div[role=dialog], aside.map-block .map-wrapper .leaflet-popup, aside.map-block .map-wrapper .leaflet-popup-content { border-radius: calc(0.0104166667 * 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.0026041667 * 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.0026041667 * 1 * 100vw); } } .border-bottom-light-blue { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid var(--theme-color-light-blue); } .borders-colored, #accomodations-map .main.output .type-card, .type-s blockquote { border-color: var(--theme-color-light-blue) !important; } .borders-colored-dark { border-color: var(--theme-color-dark-blue) !important; } .borders-colored-dark-20, header .menu.cd-menu-icon, .output .type-card, .output .product, .carte-sejour-section .carte-trip, .accomodations.boardsports .carte-trip { border-color: var(--theme-color-dark-blue-20) !important; } .borders-colored-orange { border-color: var(--theme-color-orange) !important; } .borders-colored-banner { border-color: var(--theme-color-blue) !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 /**/ .type-breadcrumb { z-index: 2; } @media (min-width: 0px) { .type-breadcrumb .wrapper { padding-bottom: calc(0 * 1 * 100vw) !important; } } @media (min-width: 481px) { .type-breadcrumb .wrapper { padding-bottom: calc(0 * 1 * 100vw) !important; } } @media (min-width: 1024px) { .type-breadcrumb .wrapper { padding-bottom: calc(0.0208333333 * 1 * 100vw) !important; } } .type-sidebar { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 480px) { .type-sidebar.post-content, .type-sidebar#accomodations-map { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media (min-width: 481px) { .type-sidebar.post-content, .type-sidebar#accomodations-map { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (max-width: 1023px) { .type-sidebar.post-content aside { display: none !important; } } .type-sidebar.post-content aside > h5 { border-bottom: 1px solid var(--theme-color-dark-blue-20); padding-bottom: 5%; margin-bottom: 5%; } .type-sidebar.post-content aside .type-card { padding-top: 2%; } .type-sidebar.post-content aside .type-card:last-child { margin-top: 10%; } .type-a .title-block { position: relative; } @media (min-width: 0px) { .type-archive.type-swiper.blog-swiper:not(.wei) { padding: calc(0.2564102564 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); } } @media (min-width: 481px) { .type-archive.type-swiper.blog-swiper:not(.wei) { padding: calc(0.1463414634 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); } } @media (min-width: 1024px) { .type-archive.type-swiper.blog-swiper:not(.wei) { padding: calc(0.0677083333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); } } .type-archive.type-swiper.blog-swiper.wei, .type-archive.type-swiper.blog-swiper.read-too { padding-left: 0; padding-right: 0; border-top: 1px solid var(--theme-color-blue-30); } @media (min-width: 0px) { .type-archive.type-swiper.blog-swiper.wei, .type-archive.type-swiper.blog-swiper.read-too { margin: 0 calc(0.0769230769 * 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.0365853659 * 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.0572916667 * 1 * 100vw); } } @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; margin-bottom: 7%; } } @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-blue-20) !important; } .type-archive.type-swiper .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--theme-color-blue) !important; } .type-archive.type-swiper .swiper-pagination .swiper-pagination-bullet-active:has(+ .swiper-pagination-bullet) + .swiper-pagination-bullet { background-color: var(--theme-color-blue-60) !important; } .type-archive.type-swiper .swiper-pagination .swiper-pagination-bullet:has(+ .swiper-pagination-bullet-active) { background-color: var(--theme-color-blue-60) !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-blue-20); } } @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; } @media (max-width: 480px) { .type-archive.main-grid > .filter-block:not(.top) { padding-top: calc(0.1282051282 * 1 * 100vw); } } .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); } } @media (min-width: 1024px) { .type-archive.main-grid.blog { padding-top: calc(0.015625 * 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; } .type-e.reviews:has(+ script + .blog-swiper.wei) + script + .blog-swiper.wei { border-top: none; } .type-b { position: relative; } .type-b .type-b-img { position: relative; z-index: 2; } .type-b .type-b-img img { z-index: 2; } .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-b .img-icon, .type-n .img-icon, .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-b .img-icon.img-left, .type-n .img-icon.img-left, .type-full .img-icon.img-left, .type-y .img-icon.img-left, .carte-sejour-section .img-icon.img-left { scale: 1; } .type-b .img-icon.img-left.img-top, .type-n .img-icon.img-left.img-top, .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-b .img-icon.img-left.img-top, .type-n .img-icon.img-left.img-top, .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-b .img-icon.img-left.img-bottom, .type-n .img-icon.img-left.img-bottom, .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-b .img-icon.img-left.img-bottom, .type-n .img-icon.img-left.img-bottom, .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-b .img-icon.img-right.img-bottom, .type-n .img-icon.img-right.img-bottom, .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-b .img-icon.img-right.img-bottom, .type-n .img-icon.img-right.img-bottom, .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-b .img-icon.img-right.img-top, .type-n .img-icon.img-right.img-top, .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-b .img-icon.img-right.img-top, .type-n .img-icon.img-right.img-top, .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-b .img-icon.top-star, .type-b .img-icon.title-right, .type-n .img-icon.top-star, .type-n .img-icon.title-right, .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-b .img-icon.top-star, .type-b .img-icon.title-right, .type-n .img-icon.top-star, .type-n .img-icon.title-right, .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-b.zetrip-description .img-icon.img-left.img-top, .type-n.zetrip-description .img-icon.img-left.img-top, .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-b.poolparty .img-icon.img-right.img-top, .type-n.poolparty .img-icon.img-right.img-top, .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-b.our-history .img-icon, .type-b.become-partner .img-icon, .type-n.our-history .img-icon, .type-n.become-partner .img-icon, .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-b.type-y .img-icon.img-left.img-top, .type-n.type-y .img-icon.img-left.img-top, .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-b.type-y .img-icon.img-left.img-top, .type-n.type-y .img-icon.img-left.img-top, .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-b.type-y .img-icon.img-left.img-top, .type-n.type-y .img-icon.img-left.img-top, .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-b.type-y .img-icon.img-left.img-top, .type-n.type-y .img-icon.img-left.img-top, .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-b.type-y .img-icon.img-right, .type-b.type-y .img-icon.img-bottom, .type-n.type-y .img-icon.img-right, .type-n.type-y .img-icon.img-bottom, .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-b.type-y .img-icon.img-right, .type-b.type-y .img-icon.img-bottom, .type-n.type-y .img-icon.img-right, .type-n.type-y .img-icon.img-bottom, .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-b.type-y .img-icon.img-right, .type-b.type-y .img-icon.img-bottom, .type-n.type-y .img-icon.img-right, .type-n.type-y .img-icon.img-bottom, .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-b.carte-sejour-section .img-icon, .type-n.carte-sejour-section .img-icon, .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-b.carte-sejour-section .img-icon.img-left.img-top, .type-n.carte-sejour-section .img-icon.img-left.img-top, .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-b.carte-sejour-section .img-icon.img-left.img-top, .type-n.carte-sejour-section .img-icon.img-left.img-top, .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-b.carte-sejour-section .img-icon.img-left.img-top, .type-n.carte-sejour-section .img-icon.img-left.img-top, .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-b.carte-sejour-section .img-icon.img-right.img-bottom, .type-n.carte-sejour-section .img-icon.img-right.img-bottom, .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-b.carte-sejour-section .img-icon.img-right.img-bottom, .type-n.carte-sejour-section .img-icon.img-right.img-bottom, .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-b.carte-sejour-section .img-icon.img-right.img-top, .type-n.carte-sejour-section .img-icon.img-right.img-top, .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-b.carte-sejour-section .img-icon.img-right.img-top, .type-n.carte-sejour-section .img-icon.img-right.img-top, .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-b.presentation .img-icon.top-star, .type-n.presentation .img-icon.top-star, .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-b.who-are-we .img-icon.img-left, .type-n.who-are-we .img-icon.img-left, .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 (max-width: 1023px) { .type-c .contain-img .img-container:nth-child(1), .type-c .contain-img .img-container:nth-child(2) { margin-bottom: calc(0.0731707317 * 1 * 100vw); } } .type-d .img-container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .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; } .type-e .title-column { width: 30%; padding-right: 30px; } .type-e .swiper-column { width: 62%; } .type-e .swiper-slide { height: auto; } .type-e .swiper-wrapper { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; overflow-y: hidden; } .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-light-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-blue); } .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-light-blue); color: white; background-color: var(--theme-color-light-blue); } .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-sizing: border-box; box-sizing: border-box; background-color: white; height: 380px; border: 1px solid var(--theme-color-light-blue); border-radius: 15px; padding: 45px; } .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 { overflow: hidden; height: -webkit-max-content; height: -moz-max-content; height: max-content; } @media (max-width: 480px) { .type-f.form-partenaire { border-bottom: 1px solid var(--theme-color-dark-blue-30); } .type-f.question { border-top: 1px solid var(--theme-color-dark-blue-30); } } .type-f .form { height: auto; } @media (min-width: 481px) { .type-f .form { border: 2px solid var(--theme-color-light-blue); } } .type-f .section-with-background { -o-object-fit: cover; object-fit: cover; -webkit-transform: scale(1.5); transform: scale(1.5); } .type-g .step-point { position: absolute; border: 10px solid var(--theme-color-blue); -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.03125 * 1 * 100vw); width: calc(0.03125 * 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.1041666667 * 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 { background-color: var(--theme-color-light-blue); } @media (max-width: 1023px) { .type-h { margin: 0; } } .type-h .counter { white-space: nowrap; } @media (max-width: 1023px) { .type-h { -ms-grid-columns: (2fr)[2]; grid-template-columns: repeat(2, 2fr); } .type-h .img-container:not(.icon):nth-child(1), .type-h .img-container:not(.icon):nth-child(2) { margin-bottom: calc(0.0731707317 * 1 * 100vw); } } .type-h .super-extra-h1 { text-transform: none; } .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.0338541667 * 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 input:not([type=submit]) { color: var(--theme-color-blue); } .type-j input:not([type=submit])::-webkit-input-placeholder { color: var(--theme-color-blue-70); } .type-j input:not([type=submit])::-moz-placeholder { color: var(--theme-color-blue-70); } .type-j input:not([type=submit]):-ms-input-placeholder { color: var(--theme-color-blue-70); } .type-j input:not([type=submit])::-ms-input-placeholder { color: var(--theme-color-blue-70); } .type-j input:not([type=submit])::placeholder { color: var(--theme-color-blue-70); } .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-full-white); } .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-orange) !important; border-color: var(--theme-color-orange); } @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.009375 * 1 * 100vw); line-height: calc(0.0145833333 * 1 * 100vw); } } .type-m .see-more:hover { color: var(--theme-color-blue) !important; border-color: var(--theme-color-blue); } .type-m.offres { margin-top: 0 !important; } .type-o .infinite-scroll-container .slide-partenaires h4 { margin: 0; } .type-o .infinite-scroll-container .slide-partenaires .big-text { margin-top: auto; margin-bottom: auto; } .type-o .infinite-scroll-container span { margin: auto; } @media (min-width: 0px) { body:not(.single-post) .type-o .infinite-scroll-container .slide-partenaires { padding: calc(0.0615384615 * 1 * 100vw) 0; } } @media (min-width: 481px) { body:not(.single-post) .type-o .infinite-scroll-container .slide-partenaires { padding: calc(0.0743902439 * 1 * 100vw) 0; } } @media (min-width: 1024px) { body:not(.single-post) .type-o .infinite-scroll-container .slide-partenaires { padding: calc(0.0317708333 * 1 * 100vw) 0; } } @media (min-width: 0px) { body.single-post .type-o .infinite-scroll-container .slide-partenaires { padding: calc(0.0384615385 * 1 * 100vw) 0; } } @media (min-width: 481px) { body.single-post .type-o .infinite-scroll-container .slide-partenaires { padding: calc(0.0182926829 * 1 * 100vw) 0; } } @media (min-width: 1024px) { body.single-post .type-o .infinite-scroll-container .slide-partenaires { padding: calc(0.0078125 * 1 * 100vw) 0; } } @media (min-width: 0px) { body.single-post .type-o .infinite-scroll-container h4 { font-size: var(--theme-font-size-12-mobile) !important; line-height: var(--theme-line-height-12-mobile); } } @media (min-width: 481px) { body.single-post .type-o .infinite-scroll-container h4 { font-size: var(--theme-font-size-12-tablet) !important; line-height: var(--theme-line-height-12-tablet); } } @media (min-width: 1024px) { body.single-post .type-o .infinite-scroll-container h4 { font-size: var(--theme-font-size-12-desktop) !important; line-height: var(--theme-line-height-12-desktop); } } @media (min-width: 1220px) { body.single-post .type-o .infinite-scroll-container h4 { 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) { body.single-post .type-o .infinite-scroll-container h4 { font-size: var(--theme-font-size-12-desktop-full) !important; line-height: var(--theme-line-height-12-desktop-full); } } @media (min-width: 1750px) { body.single-post .type-o .infinite-scroll-container h4 { font-size: var(--theme-font-size-12-desktop-large) !important; line-height: var(--theme-line-height-12-desktop-large); } } @media (max-width: 1023px) { .type-p { margin-top: 70px; } } .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-q { background-color: var(--theme-color-white); } .type-q .slide-partenaires { margin: 0px 10px; padding: 35px 50px; } .type-q h6 { color: var(--theme-color-blue); font-size: 20px; font-weight: 600; } .type-s { position: relative; color: var(--theme-color-blue); padding-top: 0 !important; } .type-s h2 { margin-top: 0; } .type-s p, .type-s a, .type-s ol, .type-s ul, .type-s li { color: var(--theme-color-blue-70); } .type-s p strong, .type-s p u, .type-s a strong, .type-s a u, .type-s ol strong, .type-s ol u, .type-s ul strong, .type-s ul u, .type-s li strong, .type-s li u { color: var(--theme-color-blue); } .type-s p a, .type-s a a, .type-s ol a, .type-s ul a, .type-s li a { display: inline; text-decoration: underline; } .type-s strong { font-family: var(--theme-font-montserrat-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.0769230769 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); } } @media (min-width: 481px) { .type-s blockquote { padding: calc(2 * 0.0365853659 * 1 * 100vw); } } @media (min-width: 1024px) { .type-s blockquote { padding: calc(0.0364583333 * 1 * 100vw); } } .type-s blockquote::before, .type-s blockquote::after { content: ""; position: absolute; width: 25px; height: 25px; background-image: url("/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.0769230769 * 1 * 100vw); left: calc(0.0769230769 * 1 * 100vw); } } @media (min-width: 481px) { .type-s blockquote::before { top: calc(0.0365853659 * 1 * 100vw); left: calc(0.0365853659 * 1 * 100vw); } } @media (min-width: 1024px) { .type-s blockquote::before { top: calc(0.015625 * 1 * 100vw); left: calc(0.015625 * 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.015625 * 1 * 100vw); right: calc(0.015625 * 1 * 100vw); } } .type-s .author { font-weight: 600; } @media (min-width: 0px) { .type-s .author { font-size: var(--theme-font-size-9-mobile) !important; line-height: var(--theme-line-height-9-mobile); } } @media (min-width: 481px) { .type-s .author { font-size: var(--theme-font-size-9-tablet) !important; line-height: var(--theme-line-height-9-tablet); } } @media (min-width: 1024px) { .type-s .author { font-size: var(--theme-font-size-9-desktop) !important; line-height: var(--theme-line-height-9-desktop); } } @media (min-width: 1220px) { .type-s .author { 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) { .type-s .author { font-size: var(--theme-font-size-9-desktop-full) !important; line-height: var(--theme-line-height-9-desktop-full); } } @media (min-width: 1750px) { .type-s .author { font-size: var(--theme-font-size-9-desktop-large) !important; line-height: var(--theme-line-height-9-desktop-large); } } .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-light-blue); 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.0208333333 * 1 * 100vw) calc(0.0260416667 * 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 { margin: 0 !important; border-radius: 0; } } .type-w.map .img-icon { position: absolute; } @media (max-width: 1023px) { .type-w.map .img-icon.top { top: -7%; left: 2%; left: -5%; -webkit-transform: scale(0.5); transform: scale(0.5); } } @media (max-width: 480px) { .type-w.map .img-icon.top { top: 0; } } @media (min-width: 1024px) { .type-w.map .img-icon.top { top: -7%; left: 2%; } } .type-w.map .img-icon.bottom { bottom: 3%; left: 3%; } .type-w.map.europe { margin: 0 !important; } @media (max-width: 480px) { .type-w.map.europe .img-icon.arrow_localisation { top: 35%; } } @media (min-width: 0px) { .type-w.map.europe .img-icon.arrow_localisation { left: 70%; -webkit-transform: rotate(160deg); transform: rotate(160deg); } } @media (min-width: 1024px) { .type-w.map.europe .img-icon.arrow_localisation { left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .type-w.map + .type-b { padding-bottom: 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.015625 * 1 * 100vw); } } .type-y .mail-link { color: var(--theme-color-blue-70); 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.009375 * 1 * 100vw); } } .type-step .mobile-steps-container { display: none; } @media (max-width: 480px) { .type-step .step-container .line-icon, .type-step .step-container .yellow-button, .type-step .step-content-container { display: none; } .type-step .title-block .title { margin-bottom: 60px; text-align: left !important; } .type-step .mobile-steps-container { display: block; } .type-step .bump-icon { position: absolute; top: -35px; right: -25px; } .type-step .step-container .mobile-steps-container { display: block; position: relative; margin-top: 30px; } .type-step .dashed-icon { position: absolute; left: -16.5%; z-index: 1; top: 20%; height: 66%; } .type-step .mobile-step-row { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 15px 2fr; grid-template-columns: 1fr 2fr; gap: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px; padding: 0 15px; } .type-step .mobile-step-icon { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; } .type-step .mobile-step-icon img { max-width: 80px; height: auto; } .type-step .mobile-step-text h6 { font-size: 16px; margin-bottom: auto; margin-top: auto; } .type-step .mobile-step-text p { line-height: 1.4; margin-bottom: 0; margin-top: 5px; } .type-step .mobile-yellow-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 20px; margin: 20px auto; border-radius: 5px; position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-left: 15px; z-index: 2; } .type-step .mobile-yellow-button h6 { margin: 0; } .type-step .mobile-yellow-button svg { width: 40px; height: 40px; margin-left: 10px; } .type-step .flowers-icon { width: 30px; height: 30px; } } .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; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .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 { display: none; } } .type-step .step-container .line-icon { position: absolute; left: 0; width: 100%; z-index: 0; } .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: 40px; width: 100%; z-index: 1; position: relative; } .type-step .step-container .step-content-container .step-row { display: -webkit-box; display: -ms-flexbox; display: flex; } .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: " "; width: 5px; height: 30px; } .type-step .step-container .step-content-container .step-row.icons-row .step-item:nth-child(odd)::before, .type-step .step-container .step-content-container .step-row.icons-row .step-item:nth-child(even)::after { background-color: var(--theme-color-yellow); } .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; } .type-step .step-container .step-content-container .step-row .step-item .title-step { margin: 0 0 12px 0; text-align: center; } .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-9-mobile) !important; line-height: var(--theme-line-height-9-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-9-tablet) !important; line-height: var(--theme-line-height-9-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-9-desktop) !important; line-height: var(--theme-line-height-9-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-9-desktop-no-burger) !important; line-height: var(--theme-line-height-9-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-9-desktop-full) !important; line-height: var(--theme-line-height-9-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-9-desktop-large) !important; line-height: var(--theme-line-height-9-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); } } .type-step .icon-step, .type-step .mobile-step-icon { background-color: var(--theme-color-orange); border-radius: 100%; overflow: visible; } @media (min-width: 1024px) { .type-step .icon-step, .type-step .mobile-step-icon { padding: 15%; width: calc(0.0260416667 * 1 * 100vw); height: calc(0.0260416667 * 1 * 100vw); } } @media (max-width: 1023px) { .type-step .icon-step, .type-step .mobile-step-icon { padding: 15%; width: calc(0.0609756098 * 1 * 100vw); height: calc(0.0609756098 * 1 * 100vw); } } @media (max-width: 480px) { .type-step .icon-step, .type-step .mobile-step-icon { padding: 15%; width: calc(0.0897435897 * 1 * 100vw); height: calc(0.0897435897 * 1 * 100vw); } } /** * -------------------------------------------------------------------------------------------------------------- * SECTION Carte Séjour VARIABLES /**/ .carte-sejour-section, .accomodations.boardsports { background-color: var(--theme-color-white); /* Afficher les contrôles au survol */ } .carte-sejour-section .icon, .accomodations.boardsports .icon { position: absolute; z-index: 3; scale: 0.8; } @media (max-width: 1023px) { .carte-sejour-section .icon, .accomodations.boardsports .icon { scale: 0.6; } } @media (max-width: 480px) { .carte-sejour-section .icon, .accomodations.boardsports .icon { scale: 0.5; } } .carte-sejour-section .icon.eclair-icon, .accomodations.boardsports .icon.eclair-icon { top: 50%; left: 50%; } @media (max-width: 1023px) { .carte-sejour-section .icon.eclair-icon, .accomodations.boardsports .icon.eclair-icon { bottom: 25%; left: 40%; top: unset; } } @media (max-width: 480px) { .carte-sejour-section .icon.eclair-icon, .accomodations.boardsports .icon.eclair-icon { left: -40%; bottom: 15%; } } .carte-sejour-section .icon.orange-icon, .accomodations.boardsports .icon.orange-icon { top: 55%; left: 0%; } @media (max-width: 1023px) { .carte-sejour-section .icon.orange-icon, .accomodations.boardsports .icon.orange-icon { top: 52%; left: -12%; } } @media (max-width: 480px) { .carte-sejour-section .icon.orange-icon, .accomodations.boardsports .icon.orange-icon { top: 50%; left: -30%; } } .carte-sejour-section .icon.ski-icon, .accomodations.boardsports .icon.ski-icon { top: -6%; right: -5%; } @media (max-width: 1023px) { .carte-sejour-section .icon.ski-icon, .accomodations.boardsports .icon.ski-icon { top: -10%; right: -17%; } } @media (max-width: 480px) { .carte-sejour-section .icon.ski-icon, .accomodations.boardsports .icon.ski-icon { top: 22%; right: -44%; } } .carte-sejour-section .icon.trois-icon, .accomodations.boardsports .icon.trois-icon { top: 6%; left: -8%; } @media (max-width: 1023px) { .carte-sejour-section .icon.trois-icon, .accomodations.boardsports .icon.trois-icon { top: -2%; left: -17%; } } @media (max-width: 480px) { .carte-sejour-section .icon.trois-icon, .accomodations.boardsports .icon.trois-icon { top: -2%; left: -45%; } } .carte-sejour-section .carte-sejour-grid, .accomodations.boardsports .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, .accomodations.boardsports .carte-sejour-grid { padding: 0px; } } .carte-sejour-section .carte-sejour-row, .accomodations.boardsports .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, .accomodations.boardsports .carte-sejour-row { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .carte-sejour-section .carte-sejour-row, .accomodations.boardsports .carte-sejour-row { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } } .carte-sejour-section .carte-sejour-col, .accomodations.boardsports .carte-sejour-col { -webkit-box-sizing: border-box; box-sizing: border-box; } .carte-sejour-section .carte-trip, .accomodations.boardsports .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 .overlay, .accomodations.boardsports .overlay { opacity: 0; position: absolute; bottom: 0; left: 0; width: -webkit-fill-available; height: 55%; background-color: var(--theme-color-orange-50); margin: auto; z-index: 2; border-radius: 0 0 10px 10px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(39, 64, 125, 0)), to(rgba(39, 64, 125, 0.5))); background: linear-gradient(to bottom, rgba(39, 64, 125, 0), rgba(39, 64, 125, 0.5)); } .carte-sejour-section .carte-trip:hover, .accomodations.boardsports .carte-trip:hover { border: 2px solid var(--theme-color-light-blue); } .carte-sejour-section .carte-trip:hover .overlay, .accomodations.boardsports .carte-trip:hover .overlay { opacity: 1; } .carte-sejour-section .carte-trip-image, .accomodations.boardsports .carte-trip-image { position: relative; border-radius: 10px; } @media (min-width: 0px) { .carte-sejour-section .carte-trip-image, .accomodations.boardsports .carte-trip-image { padding: calc(0.0256410256 * 1 * 100vw); overflow: visible; } } @media (min-width: 481px) { .carte-sejour-section .carte-trip-image, .accomodations.boardsports .carte-trip-image { padding: calc(0.012195122 * 1 * 100vw); } } @media (min-width: 1024px) { .carte-sejour-section .carte-trip-image, .accomodations.boardsports .carte-trip-image { padding: calc(0.0052083333 * 1 * 100vw); } } .carte-sejour-section .carte-trip-image .swiper-slide, .accomodations.boardsports .carte-trip-image .swiper-slide { width: 100% !important; } .carte-sejour-section .carte-trip-image img:not(.img-icon), .accomodations.boardsports .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, .accomodations.boardsports .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, .accomodations.boardsports .carte-trip-info { padding: calc(0.0512820513 * 1 * 100vw); } } @media (min-width: 481px) { .carte-sejour-section .carte-trip-info, .accomodations.boardsports .carte-trip-info { padding: calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 1024px) { .carte-sejour-section .carte-trip-info, .accomodations.boardsports .carte-trip-info { padding: calc(0.0104166667 * 1 * 100vw); } } .carte-sejour-section .carte-trip-title, .accomodations.boardsports .carte-trip-title { font-family: sans-serif; font-size: 50px; font-weight: 800; color: var(--theme-color-blue); margin: 0; text-transform: uppercase; } .carte-sejour-section .carte-trip-button, .accomodations.boardsports .carte-trip-button { border: 2px solid var(--theme-color-light-blue); 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-light-blue); text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } @media (min-width: 0px) { .carte-sejour-section .carte-trip-button, .accomodations.boardsports .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, .accomodations.boardsports .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, .accomodations.boardsports .carte-trip-button { width: calc(0.0296875 * 1 * 100vw); height: calc(0.0296875 * 1 * 100vw); } } .carte-sejour-section .carte-trip-button svg, .accomodations.boardsports .carte-trip-button svg { stroke: var(--theme-color-light-blue); } @media (max-width: 1023px) { .carte-sejour-section .carte-trip-button, .accomodations.boardsports .carte-trip-button { width: 50px; height: 50px; } } .carte-sejour-section .carte-trip-button:hover, .accomodations.boardsports .carte-trip-button:hover { border-color: var(--theme-color-light-blue); background-color: var(--theme-color-light-blue); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .carte-sejour-section .carte-trip-button:hover path, .accomodations.boardsports .carte-trip-button:hover path { stroke: var(--theme-color-white); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .carte-sejour-section .sejour-title, .accomodations.boardsports .sejour-title { color: var(--theme-color-blue); font-size: 65px; font-weight: 800; } .carte-sejour-section .trip-icon, .accomodations.boardsports .trip-icon { position: absolute; top: 15px; left: 15px; z-index: 10; width: 40px; height: 40px; } .carte-sejour-section .swiper-container, .accomodations.boardsports .swiper-container { aspect-ratio: 1.6; height: 100%; border-radius: 10px; } .carte-sejour-section .swiper-pagination, .accomodations.boardsports .swiper-pagination { bottom: 10px !important; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .carte-sejour-section .swiper-pagination-bullet, .accomodations.boardsports .swiper-pagination-bullet { background: white; opacity: 0.8; } .carte-sejour-section .swiper-pagination-bullet-active, .accomodations.boardsports .swiper-pagination-bullet-active { opacity: 1; } .carte-sejour-section .carte-trip .swiper-button-next, .carte-sejour-section .carte-trip .swiper-button-prev, .accomodations.boardsports .carte-trip .swiper-button-next, .accomodations.boardsports .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, .accomodations.boardsports .carte-trip .swiper-button-next::after, .accomodations.boardsports .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, .accomodations.boardsports .carte-trip:hover .swiper-pagination, .accomodations.boardsports .carte-trip:hover .swiper-button-next, .accomodations.boardsports .carte-trip:hover .swiper-button-prev { opacity: 1; } @media screen and (max-width: 768px) { .carte-sejour-section .carte-sejour-col, .accomodations.boardsports .carte-sejour-col { width: 100%; } } .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.00625 * 1 * 100vw); height: calc(0.0260416667 * 1 * 100vw); } } .type-af .wrapper .container .main-img { width: 110%; -o-object-fit: contain; object-fit: contain; display: block; right: 5%; position: relative; } .type-af .wrapper .container.right .img-container { gap: 7%; } @media (max-width: 480px) { .type-af .wrapper .container.right .img-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: calc(0.0461538462 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); } .type-af .wrapper .container.right .img-container .picto { height: calc(0.0641025641 * 1 * 100vw); } } .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%; gap: 30px; } .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-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: start; -ms-flex-pack: start; justify-content: flex-start; gap: 25px; } .type-avantages .section-avantages .img-container img.icon-size { height: 100px; } @media (max-width: 480px) { .type-avantages .section-avantages .img-container img.icon-size { height: 70px; } } .type-avantages .section-avantages .img-container h5 { margin: 0; } /** * -------------------------------------------------------------------------------------------------------------- * 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 .middle-section { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-header-middle-section-padding-mobile); } } @media (min-width: 481px) { .type-header .middle-section { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-header-middle-section-padding-tablet); } } @media (min-width: 1024px) { .type-header .middle-section { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-header-middle-section-padding-desktop); } } @media (min-width: 1220px) { .type-header .middle-section { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-header-middle-section-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-header .middle-section { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-header-middle-section-padding-desktop-full); } } @media (min-width: 1750px) { .type-header .middle-section { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-header-middle-section-padding-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); } } @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); } } @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); } } @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); } } @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); } } @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); } } @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-header .burger { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-header-burger-padding-mobile); } } @media (min-width: 481px) { .type-header .burger { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-header-burger-padding-tablet); } } @media (min-width: 1024px) { .type-header .burger { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-header-burger-padding-desktop); } } @media (min-width: 1220px) { .type-header .burger { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-header-burger-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-header .burger { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-header-burger-padding-desktop-full); } } @media (min-width: 1750px) { .type-header .burger { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-header-burger-padding-desktop-large); } } @media (min-width: 0px) { .type-footer { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-footer-this-padding-mobile); } } @media (min-width: 481px) { .type-footer { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-footer-this-padding-tablet); } } @media (min-width: 1024px) { .type-footer { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-footer-this-padding-desktop); } } @media (min-width: 1220px) { .type-footer { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-footer-this-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-footer { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-footer-this-padding-desktop-full); } } @media (min-width: 1750px) { .type-footer { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-footer-this-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); opacity: var(--type-banner-bkg-image-opacity-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); opacity: var(--type-banner-bkg-image-opacity-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); opacity: var(--type-banner-bkg-image-opacity-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); opacity: var(--type-banner-bkg-image-opacity-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); opacity: var(--type-banner-bkg-image-opacity-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); opacity: var(--type-banner-bkg-image-opacity-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 .top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ bottom: var(--type-banner-top-bottom-mobile); left: var(--type-banner-top-left-mobile); -webkit-transform: var(--type-banner-top-transform-mobile); transform: var(--type-banner-top-transform-mobile); } } @media (min-width: 481px) { .type-banner .top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ bottom: var(--type-banner-top-bottom-tablet); left: var(--type-banner-top-left-tablet); -webkit-transform: var(--type-banner-top-transform-tablet); transform: var(--type-banner-top-transform-tablet); } } @media (min-width: 1024px) { .type-banner .top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ bottom: var(--type-banner-top-bottom-desktop); left: var(--type-banner-top-left-desktop); -webkit-transform: var(--type-banner-top-transform-desktop); transform: var(--type-banner-top-transform-desktop); } } @media (min-width: 1220px) { .type-banner .top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ bottom: var(--type-banner-top-bottom-desktop-no-burger); left: var(--type-banner-top-left-desktop-no-burger); -webkit-transform: var(--type-banner-top-transform-desktop-no-burger); transform: var(--type-banner-top-transform-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner .top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ bottom: var(--type-banner-top-bottom-desktop-full); left: var(--type-banner-top-left-desktop-full); -webkit-transform: var(--type-banner-top-transform-desktop-full); transform: var(--type-banner-top-transform-desktop-full); } } @media (min-width: 1750px) { .type-banner .top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ bottom: var(--type-banner-top-bottom-desktop-large); left: var(--type-banner-top-left-desktop-large); -webkit-transform: var(--type-banner-top-transform-desktop-large); transform: var(--type-banner-top-transform-desktop-large); } } @media (min-width: 0px) { .type-banner .right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ left: var(--type-banner-right-left-mobile); top: var(--type-banner-right-top-mobile); -webkit-transform: var(--type-banner-right-transform-mobile); transform: var(--type-banner-right-transform-mobile); } } @media (min-width: 481px) { .type-banner .right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ left: var(--type-banner-right-left-tablet); top: var(--type-banner-right-top-tablet); -webkit-transform: var(--type-banner-right-transform-tablet); transform: var(--type-banner-right-transform-tablet); } } @media (min-width: 1024px) { .type-banner .right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ left: var(--type-banner-right-left-desktop); top: var(--type-banner-right-top-desktop); -webkit-transform: var(--type-banner-right-transform-desktop); transform: var(--type-banner-right-transform-desktop); } } @media (min-width: 1220px) { .type-banner .right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ left: var(--type-banner-right-left-desktop-no-burger); top: var(--type-banner-right-top-desktop-no-burger); -webkit-transform: var(--type-banner-right-transform-desktop-no-burger); transform: var(--type-banner-right-transform-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner .right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ left: var(--type-banner-right-left-desktop-full); top: var(--type-banner-right-top-desktop-full); -webkit-transform: var(--type-banner-right-transform-desktop-full); transform: var(--type-banner-right-transform-desktop-full); } } @media (min-width: 1750px) { .type-banner .right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ left: var(--type-banner-right-left-desktop-large); top: var(--type-banner-right-top-desktop-large); -webkit-transform: var(--type-banner-right-transform-desktop-large); transform: var(--type-banner-right-transform-desktop-large); } } @media (min-width: 0px) { .type-banner .bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-banner-bottom-top-mobile); left: var(--type-banner-bottom-left-mobile); -webkit-transform: var(--type-banner-bottom-transform-mobile); transform: var(--type-banner-bottom-transform-mobile); } } @media (min-width: 481px) { .type-banner .bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-banner-bottom-top-tablet); left: var(--type-banner-bottom-left-tablet); -webkit-transform: var(--type-banner-bottom-transform-tablet); transform: var(--type-banner-bottom-transform-tablet); } } @media (min-width: 1024px) { .type-banner .bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-banner-bottom-top-desktop); left: var(--type-banner-bottom-left-desktop); -webkit-transform: var(--type-banner-bottom-transform-desktop); transform: var(--type-banner-bottom-transform-desktop); } } @media (min-width: 1220px) { .type-banner .bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-banner-bottom-top-desktop-no-burger); left: var(--type-banner-bottom-left-desktop-no-burger); -webkit-transform: var(--type-banner-bottom-transform-desktop-no-burger); transform: var(--type-banner-bottom-transform-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner .bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-banner-bottom-top-desktop-full); left: var(--type-banner-bottom-left-desktop-full); -webkit-transform: var(--type-banner-bottom-transform-desktop-full); transform: var(--type-banner-bottom-transform-desktop-full); } } @media (min-width: 1750px) { .type-banner .bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ top: var(--type-banner-bottom-top-desktop-large); left: var(--type-banner-bottom-left-desktop-large); -webkit-transform: var(--type-banner-bottom-transform-desktop-large); transform: var(--type-banner-bottom-transform-desktop-large); } } @media (min-width: 0px) { .type-banner .left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ right: var(--type-banner-left-right-mobile); top: var(--type-banner-left-top-mobile); -webkit-transform: var(--type-banner-left-transform-mobile); transform: var(--type-banner-left-transform-mobile); } } @media (min-width: 481px) { .type-banner .left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ right: var(--type-banner-left-right-tablet); top: var(--type-banner-left-top-tablet); -webkit-transform: var(--type-banner-left-transform-tablet); transform: var(--type-banner-left-transform-tablet); } } @media (min-width: 1024px) { .type-banner .left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ right: var(--type-banner-left-right-desktop); top: var(--type-banner-left-top-desktop); -webkit-transform: var(--type-banner-left-transform-desktop); transform: var(--type-banner-left-transform-desktop); } } @media (min-width: 1220px) { .type-banner .left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ right: var(--type-banner-left-right-desktop-no-burger); top: var(--type-banner-left-top-desktop-no-burger); -webkit-transform: var(--type-banner-left-transform-desktop-no-burger); transform: var(--type-banner-left-transform-desktop-no-burger); } } @media (min-width: 1425px) { .type-banner .left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ right: var(--type-banner-left-right-desktop-full); top: var(--type-banner-left-top-desktop-full); -webkit-transform: var(--type-banner-left-transform-desktop-full); transform: var(--type-banner-left-transform-desktop-full); } } @media (min-width: 1750px) { .type-banner .left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ right: var(--type-banner-left-right-desktop-large); top: var(--type-banner-left-top-desktop-large); -webkit-transform: var(--type-banner-left-transform-desktop-large); transform: var(--type-banner-left-transform-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); } } @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); } } @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); } } @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); } } @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); } } @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); } } @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); padding: var(--type-sidebar-main-padding-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); padding: var(--type-sidebar-main-padding-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); padding: var(--type-sidebar-main-padding-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); padding: var(--type-sidebar-main-padding-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); padding: var(--type-sidebar-main-padding-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); padding: var(--type-sidebar-main-padding-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 */ margin-left: var(--type-sidebar-sidebar-margin-left-mobile); 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 */ margin-left: var(--type-sidebar-sidebar-margin-left-tablet); 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 */ margin-left: var(--type-sidebar-sidebar-margin-left-desktop); 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 */ margin-left: var(--type-sidebar-sidebar-margin-left-desktop-no-burger); 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 */ margin-left: var(--type-sidebar-sidebar-margin-left-desktop-full); 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 */ margin-left: var(--type-sidebar-sidebar-margin-left-desktop-large); 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); position: var(--type-sidebar-primary-position-mobile); top: var(--type-sidebar-primary-top-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); position: var(--type-sidebar-primary-position-tablet); top: var(--type-sidebar-primary-top-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); position: var(--type-sidebar-primary-position-desktop); top: var(--type-sidebar-primary-top-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); position: var(--type-sidebar-primary-position-desktop-no-burger); top: var(--type-sidebar-primary-top-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); position: var(--type-sidebar-primary-position-desktop-full); top: var(--type-sidebar-primary-top-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); position: var(--type-sidebar-primary-position-desktop-large); top: var(--type-sidebar-primary-top-desktop-large); width: var(--type-sidebar-primary-width-desktop-large); padding: var(--type-sidebar-primary-padding-desktop-large); } } @media (min-width: 0px) { .type-sidebar .cross-box { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-sidebar-cross-box-padding-mobile); } } @media (min-width: 481px) { .type-sidebar .cross-box { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-sidebar-cross-box-padding-tablet); } } @media (min-width: 1024px) { .type-sidebar .cross-box { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-sidebar-cross-box-padding-desktop); } } @media (min-width: 1220px) { .type-sidebar .cross-box { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-sidebar-cross-box-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-sidebar .cross-box { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-sidebar-cross-box-padding-desktop-full); } } @media (min-width: 1750px) { .type-sidebar .cross-box { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-sidebar-cross-box-padding-desktop-large); } } @media (min-width: 0px) { .type-sidebar .filter-group { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-sidebar-filter-group-padding-mobile); } } @media (min-width: 481px) { .type-sidebar .filter-group { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-sidebar-filter-group-padding-tablet); } } @media (min-width: 1024px) { .type-sidebar .filter-group { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-sidebar-filter-group-padding-desktop); } } @media (min-width: 1220px) { .type-sidebar .filter-group { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-sidebar-filter-group-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-sidebar .filter-group { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-sidebar-filter-group-padding-desktop-full); } } @media (min-width: 1750px) { .type-sidebar .filter-group { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-sidebar-filter-group-padding-desktop-large); } } @media (min-width: 0px) { .type-sidebar .choice { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-top: var(--type-sidebar-choice-padding-top-mobile); } } @media (min-width: 481px) { .type-sidebar .choice { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-top: var(--type-sidebar-choice-padding-top-tablet); } } @media (min-width: 1024px) { .type-sidebar .choice { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-top: var(--type-sidebar-choice-padding-top-desktop); } } @media (min-width: 1220px) { .type-sidebar .choice { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-top: var(--type-sidebar-choice-padding-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-sidebar .choice { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-top: var(--type-sidebar-choice-padding-top-desktop-full); } } @media (min-width: 1750px) { .type-sidebar .choice { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-top: var(--type-sidebar-choice-padding-top-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); } } @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); } } @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); } } @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); } } @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); } } @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); } } @media (min-width: 0px) { .type-sidebar .reset-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-align: var(--type-sidebar-reset-block-align-items-mobile); -ms-flex-align: var(--type-sidebar-reset-block-align-items-mobile); align-items: var(--type-sidebar-reset-block-align-items-mobile); padding: var(--type-sidebar-reset-block-padding-mobile); } } @media (min-width: 481px) { .type-sidebar .reset-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-align: var(--type-sidebar-reset-block-align-items-tablet); -ms-flex-align: var(--type-sidebar-reset-block-align-items-tablet); align-items: var(--type-sidebar-reset-block-align-items-tablet); padding: var(--type-sidebar-reset-block-padding-tablet); } } @media (min-width: 1024px) { .type-sidebar .reset-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-align: var(--type-sidebar-reset-block-align-items-desktop); -ms-flex-align: var(--type-sidebar-reset-block-align-items-desktop); align-items: var(--type-sidebar-reset-block-align-items-desktop); padding: var(--type-sidebar-reset-block-padding-desktop); } } @media (min-width: 1220px) { .type-sidebar .reset-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-align: var(--type-sidebar-reset-block-align-items-desktop-no-burger); -ms-flex-align: var(--type-sidebar-reset-block-align-items-desktop-no-burger); align-items: var(--type-sidebar-reset-block-align-items-desktop-no-burger); padding: var(--type-sidebar-reset-block-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-sidebar .reset-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-align: var(--type-sidebar-reset-block-align-items-desktop-full); -ms-flex-align: var(--type-sidebar-reset-block-align-items-desktop-full); align-items: var(--type-sidebar-reset-block-align-items-desktop-full); padding: var(--type-sidebar-reset-block-padding-desktop-full); } } @media (min-width: 1750px) { .type-sidebar .reset-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ -webkit-box-align: var(--type-sidebar-reset-block-align-items-desktop-large); -ms-flex-align: var(--type-sidebar-reset-block-align-items-desktop-large); align-items: var(--type-sidebar-reset-block-align-items-desktop-large); padding: var(--type-sidebar-reset-block-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 */ padding: var(--type-b-this-padding-mobile); 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); -webkit-column-gap: var(--type-b-this-column-gap-mobile); -moz-column-gap: var(--type-b-this-column-gap-mobile); column-gap: var(--type-b-this-column-gap-mobile); } } @media (min-width: 481px) { .type-b { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-b-this-padding-tablet); 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); -webkit-column-gap: var(--type-b-this-column-gap-tablet); -moz-column-gap: var(--type-b-this-column-gap-tablet); column-gap: var(--type-b-this-column-gap-tablet); } } @media (min-width: 1024px) { .type-b { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-b-this-padding-desktop); 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); -webkit-column-gap: var(--type-b-this-column-gap-desktop); -moz-column-gap: var(--type-b-this-column-gap-desktop); column-gap: var(--type-b-this-column-gap-desktop); } } @media (min-width: 1220px) { .type-b { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-b-this-padding-desktop-no-burger); 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); -webkit-column-gap: var(--type-b-this-column-gap-desktop-no-burger); -moz-column-gap: var(--type-b-this-column-gap-desktop-no-burger); column-gap: var(--type-b-this-column-gap-desktop-no-burger); } } @media (min-width: 1425px) { .type-b { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-b-this-padding-desktop-full); 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); -webkit-column-gap: var(--type-b-this-column-gap-desktop-full); -moz-column-gap: var(--type-b-this-column-gap-desktop-full); column-gap: var(--type-b-this-column-gap-desktop-full); } } @media (min-width: 1750px) { .type-b { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-b-this-padding-desktop-large); 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); -webkit-column-gap: var(--type-b-this-column-gap-desktop-large); -moz-column-gap: var(--type-b-this-column-gap-desktop-large); column-gap: var(--type-b-this-column-gap-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 .img-block-image-right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-img-block-image-right-width-mobile); } } @media (min-width: 481px) { .type-b .img-block-image-right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-img-block-image-right-width-tablet); } } @media (min-width: 1024px) { .type-b .img-block-image-right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-img-block-image-right-width-desktop); } } @media (min-width: 1220px) { .type-b .img-block-image-right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-img-block-image-right-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-b .img-block-image-right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-img-block-image-right-width-desktop-full); } } @media (min-width: 1750px) { .type-b .img-block-image-right { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-img-block-image-right-width-desktop-large); } } @media (min-width: 0px) { .type-b .img-block-image-left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-img-block-image-left-width-mobile); } } @media (min-width: 481px) { .type-b .img-block-image-left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-img-block-image-left-width-tablet); } } @media (min-width: 1024px) { .type-b .img-block-image-left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-img-block-image-left-width-desktop); } } @media (min-width: 1220px) { .type-b .img-block-image-left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-img-block-image-left-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-b .img-block-image-left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-img-block-image-left-width-desktop-full); } } @media (min-width: 1750px) { .type-b .img-block-image-left { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-img-block-image-left-width-desktop-large); } } @media (min-width: 0px) { .type-b .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-b-title-block-width-mobile); 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 */ width: var(--type-b-title-block-width-tablet); 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 */ width: var(--type-b-title-block-width-desktop); 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 */ width: var(--type-b-title-block-width-desktop-no-burger); 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 */ width: var(--type-b-title-block-width-desktop-full); 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 */ width: var(--type-b-title-block-width-desktop-large); 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 */ border-radius: var(--type-b-image-border-radius-mobile); 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 */ border-radius: var(--type-b-image-border-radius-tablet); 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 */ border-radius: var(--type-b-image-border-radius-desktop); 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 */ border-radius: var(--type-b-image-border-radius-desktop-no-burger); 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 */ border-radius: var(--type-b-image-border-radius-desktop-full); 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 */ border-radius: var(--type-b-image-border-radius-desktop-large); 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-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 */ padding: var(--type-c-this-padding-mobile); position: var(--type-c-this-position-mobile); } } @media (min-width: 481px) { .type-c { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-c-this-padding-tablet); position: var(--type-c-this-position-tablet); } } @media (min-width: 1024px) { .type-c { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-c-this-padding-desktop); position: var(--type-c-this-position-desktop); } } @media (min-width: 1220px) { .type-c { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-c-this-padding-desktop-no-burger); position: var(--type-c-this-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-c { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-c-this-padding-desktop-full); position: var(--type-c-this-position-desktop-full); } } @media (min-width: 1750px) { .type-c { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-c-this-padding-desktop-large); position: var(--type-c-this-position-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); -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); -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); -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); -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); -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); -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); margin: var(--type-c-img-container-margin-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); margin: var(--type-c-img-container-margin-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); margin: var(--type-c-img-container-margin-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); margin: var(--type-c-img-container-margin-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); margin: var(--type-c-img-container-margin-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); margin: var(--type-c-img-container-margin-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 */ z-index: var(--type-c-title-block-z-index-mobile); padding-bottom: var(--type-c-title-block-padding-bottom-mobile); position: var(--type-c-title-block-position-mobile); } } @media (min-width: 481px) { .type-c .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-c-title-block-z-index-tablet); padding-bottom: var(--type-c-title-block-padding-bottom-tablet); position: var(--type-c-title-block-position-tablet); } } @media (min-width: 1024px) { .type-c .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-c-title-block-z-index-desktop); padding-bottom: var(--type-c-title-block-padding-bottom-desktop); position: var(--type-c-title-block-position-desktop); } } @media (min-width: 1220px) { .type-c .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-c-title-block-z-index-desktop-no-burger); padding-bottom: var(--type-c-title-block-padding-bottom-desktop-no-burger); position: var(--type-c-title-block-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-c .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-c-title-block-z-index-desktop-full); padding-bottom: var(--type-c-title-block-padding-bottom-desktop-full); position: var(--type-c-title-block-position-desktop-full); } } @media (min-width: 1750px) { .type-c .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-c-title-block-z-index-desktop-large); padding-bottom: var(--type-c-title-block-padding-bottom-desktop-large); position: var(--type-c-title-block-position-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 .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-d-title-block-display-mobile); -ms-grid-columns: var(--type-d-title-block-grid-template-columns-mobile); grid-template-columns: var(--type-d-title-block-grid-template-columns-mobile); -webkit-column-gap: var(--type-d-title-block-column-gap-mobile); -moz-column-gap: var(--type-d-title-block-column-gap-mobile); column-gap: var(--type-d-title-block-column-gap-mobile); } } @media (min-width: 481px) { .type-d .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-d-title-block-display-tablet); -ms-grid-columns: var(--type-d-title-block-grid-template-columns-tablet); grid-template-columns: var(--type-d-title-block-grid-template-columns-tablet); -webkit-column-gap: var(--type-d-title-block-column-gap-tablet); -moz-column-gap: var(--type-d-title-block-column-gap-tablet); column-gap: var(--type-d-title-block-column-gap-tablet); } } @media (min-width: 1024px) { .type-d .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-d-title-block-display-desktop); -ms-grid-columns: var(--type-d-title-block-grid-template-columns-desktop); grid-template-columns: var(--type-d-title-block-grid-template-columns-desktop); -webkit-column-gap: var(--type-d-title-block-column-gap-desktop); -moz-column-gap: var(--type-d-title-block-column-gap-desktop); column-gap: var(--type-d-title-block-column-gap-desktop); } } @media (min-width: 1220px) { .type-d .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-d-title-block-display-desktop-no-burger); -ms-grid-columns: var(--type-d-title-block-grid-template-columns-desktop-no-burger); grid-template-columns: var(--type-d-title-block-grid-template-columns-desktop-no-burger); -webkit-column-gap: var(--type-d-title-block-column-gap-desktop-no-burger); -moz-column-gap: var(--type-d-title-block-column-gap-desktop-no-burger); column-gap: var(--type-d-title-block-column-gap-desktop-no-burger); } } @media (min-width: 1425px) { .type-d .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-d-title-block-display-desktop-full); -ms-grid-columns: var(--type-d-title-block-grid-template-columns-desktop-full); grid-template-columns: var(--type-d-title-block-grid-template-columns-desktop-full); -webkit-column-gap: var(--type-d-title-block-column-gap-desktop-full); -moz-column-gap: var(--type-d-title-block-column-gap-desktop-full); column-gap: var(--type-d-title-block-column-gap-desktop-full); } } @media (min-width: 1750px) { .type-d .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-d-title-block-display-desktop-large); -ms-grid-columns: var(--type-d-title-block-grid-template-columns-desktop-large); grid-template-columns: var(--type-d-title-block-grid-template-columns-desktop-large); -webkit-column-gap: var(--type-d-title-block-column-gap-desktop-large); -moz-column-gap: var(--type-d-title-block-column-gap-desktop-large); column-gap: var(--type-d-title-block-column-gap-desktop-large); } } @media (min-width: 0px) { .type-d .contain-team { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-d-contain-team-display-mobile); -ms-grid-columns: var(--type-d-contain-team-grid-template-columns-mobile); grid-template-columns: var(--type-d-contain-team-grid-template-columns-mobile); -webkit-column-gap: var(--type-d-contain-team-column-gap-mobile); -moz-column-gap: var(--type-d-contain-team-column-gap-mobile); column-gap: var(--type-d-contain-team-column-gap-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 */ display: var(--type-d-contain-team-display-tablet); -ms-grid-columns: var(--type-d-contain-team-grid-template-columns-tablet); grid-template-columns: var(--type-d-contain-team-grid-template-columns-tablet); -webkit-column-gap: var(--type-d-contain-team-column-gap-tablet); -moz-column-gap: var(--type-d-contain-team-column-gap-tablet); column-gap: var(--type-d-contain-team-column-gap-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 */ display: var(--type-d-contain-team-display-desktop); -ms-grid-columns: var(--type-d-contain-team-grid-template-columns-desktop); grid-template-columns: var(--type-d-contain-team-grid-template-columns-desktop); -webkit-column-gap: var(--type-d-contain-team-column-gap-desktop); -moz-column-gap: var(--type-d-contain-team-column-gap-desktop); column-gap: var(--type-d-contain-team-column-gap-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 */ display: var(--type-d-contain-team-display-desktop-no-burger); -ms-grid-columns: var(--type-d-contain-team-grid-template-columns-desktop-no-burger); grid-template-columns: var(--type-d-contain-team-grid-template-columns-desktop-no-burger); -webkit-column-gap: var(--type-d-contain-team-column-gap-desktop-no-burger); -moz-column-gap: var(--type-d-contain-team-column-gap-desktop-no-burger); column-gap: var(--type-d-contain-team-column-gap-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 */ display: var(--type-d-contain-team-display-desktop-full); -ms-grid-columns: var(--type-d-contain-team-grid-template-columns-desktop-full); grid-template-columns: var(--type-d-contain-team-grid-template-columns-desktop-full); -webkit-column-gap: var(--type-d-contain-team-column-gap-desktop-full); -moz-column-gap: var(--type-d-contain-team-column-gap-desktop-full); column-gap: var(--type-d-contain-team-column-gap-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 */ display: var(--type-d-contain-team-display-desktop-large); -ms-grid-columns: var(--type-d-contain-team-grid-template-columns-desktop-large); grid-template-columns: var(--type-d-contain-team-grid-template-columns-desktop-large); -webkit-column-gap: var(--type-d-contain-team-column-gap-desktop-large); -moz-column-gap: var(--type-d-contain-team-column-gap-desktop-large); column-gap: var(--type-d-contain-team-column-gap-desktop-large); row-gap: var(--type-d-contain-team-row-gap-desktop-large); } } @media (min-width: 0px) { .type-d .no-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-d-no-top-margin-top-mobile); } } @media (min-width: 481px) { .type-d .no-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-d-no-top-margin-top-tablet); } } @media (min-width: 1024px) { .type-d .no-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-d-no-top-margin-top-desktop); } } @media (min-width: 1220px) { .type-d .no-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-d-no-top-margin-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-d .no-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-d-no-top-margin-top-desktop-full); } } @media (min-width: 1750px) { .type-d .no-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-top: var(--type-d-no-top-margin-top-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 .color-blue-70 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-e-color-blue-70-margin-mobile); } } @media (min-width: 481px) { .type-e .color-blue-70 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-e-color-blue-70-margin-tablet); } } @media (min-width: 1024px) { .type-e .color-blue-70 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-e-color-blue-70-margin-desktop); } } @media (min-width: 1220px) { .type-e .color-blue-70 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-e-color-blue-70-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-e .color-blue-70 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-e-color-blue-70-margin-desktop-full); } } @media (min-width: 1750px) { .type-e .color-blue-70 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-e-color-blue-70-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: var(--type-f-this-margin-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: var(--type-f-this-margin-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: var(--type-f-this-margin-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: var(--type-f-this-margin-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: var(--type-f-this-margin-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: var(--type-f-this-margin-desktop-large); position: var(--type-f-this-position-desktop-large); } } @media (min-width: 0px) { .type-f .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-top: var(--type-f-margin-top-padding-top-mobile); margin-top: var(--type-f-margin-top-margin-top-mobile); } } @media (min-width: 481px) { .type-f .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-top: var(--type-f-margin-top-padding-top-tablet); margin-top: var(--type-f-margin-top-margin-top-tablet); } } @media (min-width: 1024px) { .type-f .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-top: var(--type-f-margin-top-padding-top-desktop); margin-top: var(--type-f-margin-top-margin-top-desktop); } } @media (min-width: 1220px) { .type-f .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-top: var(--type-f-margin-top-padding-top-desktop-no-burger); margin-top: var(--type-f-margin-top-margin-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-f .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-top: var(--type-f-margin-top-padding-top-desktop-full); margin-top: var(--type-f-margin-top-margin-top-desktop-full); } } @media (min-width: 1750px) { .type-f .margin-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding-top: var(--type-f-margin-top-padding-top-desktop-large); margin-top: var(--type-f-margin-top-margin-top-desktop-large); } } @media (min-width: 0px) { .type-f .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-f-title-block-width-mobile); margin: var(--type-f-title-block-margin-mobile); } } @media (min-width: 481px) { .type-f .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-f-title-block-width-tablet); margin: var(--type-f-title-block-margin-tablet); } } @media (min-width: 1024px) { .type-f .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-f-title-block-width-desktop); margin: var(--type-f-title-block-margin-desktop); } } @media (min-width: 1220px) { .type-f .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-f-title-block-width-desktop-no-burger); margin: var(--type-f-title-block-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-f .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-f-title-block-width-desktop-full); margin: var(--type-f-title-block-margin-desktop-full); } } @media (min-width: 1750px) { .type-f .title-block { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-f-title-block-width-desktop-large); margin: var(--type-f-title-block-margin-desktop-large); } } @media (min-width: 0px) { .type-f .text-center { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ text-align: var(--type-f-text-center-text-align-mobile); } } @media (min-width: 481px) { .type-f .text-center { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ text-align: var(--type-f-text-center-text-align-tablet); } } @media (min-width: 1024px) { .type-f .text-center { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ text-align: var(--type-f-text-center-text-align-desktop); } } @media (min-width: 1220px) { .type-f .text-center { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ text-align: var(--type-f-text-center-text-align-desktop-no-burger); } } @media (min-width: 1425px) { .type-f .text-center { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ text-align: var(--type-f-text-center-text-align-desktop-full); } } @media (min-width: 1750px) { .type-f .text-center { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ text-align: var(--type-f-text-center-text-align-desktop-large); } } @media (min-width: 0px) { .type-f .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-f-margin-bottom-margin-bottom-mobile); } } @media (min-width: 481px) { .type-f .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-f-margin-bottom-margin-bottom-tablet); } } @media (min-width: 1024px) { .type-f .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-f-margin-bottom-margin-bottom-desktop); } } @media (min-width: 1220px) { .type-f .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-f-margin-bottom-margin-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-f .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-f-margin-bottom-margin-bottom-desktop-full); } } @media (min-width: 1750px) { .type-f .margin-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin-bottom: var(--type-f-margin-bottom-margin-bottom-desktop-large); } } @media (min-width: 0px) { .type-f .form { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-f-form-width-mobile); margin: var(--type-f-form-margin-mobile); z-index: var(--type-f-form-z-index-mobile); position: var(--type-f-form-position-mobile); padding-bottom: var(--type-f-form-padding-bottom-mobile); } } @media (min-width: 481px) { .type-f .form { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-f-form-width-tablet); margin: var(--type-f-form-margin-tablet); z-index: var(--type-f-form-z-index-tablet); position: var(--type-f-form-position-tablet); padding-bottom: var(--type-f-form-padding-bottom-tablet); } } @media (min-width: 1024px) { .type-f .form { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-f-form-width-desktop); margin: var(--type-f-form-margin-desktop); z-index: var(--type-f-form-z-index-desktop); position: var(--type-f-form-position-desktop); padding-bottom: var(--type-f-form-padding-bottom-desktop); } } @media (min-width: 1220px) { .type-f .form { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-f-form-width-desktop-no-burger); margin: var(--type-f-form-margin-desktop-no-burger); z-index: var(--type-f-form-z-index-desktop-no-burger); position: var(--type-f-form-position-desktop-no-burger); padding-bottom: var(--type-f-form-padding-bottom-desktop-no-burger); } } @media (min-width: 1425px) { .type-f .form { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-f-form-width-desktop-full); margin: var(--type-f-form-margin-desktop-full); z-index: var(--type-f-form-z-index-desktop-full); position: var(--type-f-form-position-desktop-full); padding-bottom: var(--type-f-form-padding-bottom-desktop-full); } } @media (min-width: 1750px) { .type-f .form { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-f-form-width-desktop-large); margin: var(--type-f-form-margin-desktop-large); z-index: var(--type-f-form-z-index-desktop-large); position: var(--type-f-form-position-desktop-large); padding-bottom: var(--type-f-form-padding-bottom-desktop-large); } } @media (min-width: 0px) { .type-f .gform_footer { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-f-gform_footer-position-mobile); bottom: var(--type-f-gform_footer-bottom-mobile); right: var(--type-f-gform_footer-right-mobile); padding-top: var(--type-f-gform_footer-padding-top-mobile); } } @media (min-width: 481px) { .type-f .gform_footer { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-f-gform_footer-position-tablet); bottom: var(--type-f-gform_footer-bottom-tablet); right: var(--type-f-gform_footer-right-tablet); padding-top: var(--type-f-gform_footer-padding-top-tablet); } } @media (min-width: 1024px) { .type-f .gform_footer { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-f-gform_footer-position-desktop); bottom: var(--type-f-gform_footer-bottom-desktop); right: var(--type-f-gform_footer-right-desktop); padding-top: var(--type-f-gform_footer-padding-top-desktop); } } @media (min-width: 1220px) { .type-f .gform_footer { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-f-gform_footer-position-desktop-no-burger); bottom: var(--type-f-gform_footer-bottom-desktop-no-burger); right: var(--type-f-gform_footer-right-desktop-no-burger); padding-top: var(--type-f-gform_footer-padding-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-f .gform_footer { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-f-gform_footer-position-desktop-full); bottom: var(--type-f-gform_footer-bottom-desktop-full); right: var(--type-f-gform_footer-right-desktop-full); padding-top: var(--type-f-gform_footer-padding-top-desktop-full); } } @media (min-width: 1750px) { .type-f .gform_footer { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ position: var(--type-f-gform_footer-position-desktop-large); bottom: var(--type-f-gform_footer-bottom-desktop-large); right: var(--type-f-gform_footer-right-desktop-large); padding-top: var(--type-f-gform_footer-padding-top-desktop-large); } } @media (min-width: 0px) { .type-f .gform_confirmation_message { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-f-gform_confirmation_message-width-mobile); margin: var(--type-f-gform_confirmation_message-margin-mobile); text-align: var(--type-f-gform_confirmation_message-text-align-mobile); } } @media (min-width: 481px) { .type-f .gform_confirmation_message { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-f-gform_confirmation_message-width-tablet); margin: var(--type-f-gform_confirmation_message-margin-tablet); text-align: var(--type-f-gform_confirmation_message-text-align-tablet); } } @media (min-width: 1024px) { .type-f .gform_confirmation_message { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-f-gform_confirmation_message-width-desktop); margin: var(--type-f-gform_confirmation_message-margin-desktop); text-align: var(--type-f-gform_confirmation_message-text-align-desktop); } } @media (min-width: 1220px) { .type-f .gform_confirmation_message { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-f-gform_confirmation_message-width-desktop-no-burger); margin: var(--type-f-gform_confirmation_message-margin-desktop-no-burger); text-align: var(--type-f-gform_confirmation_message-text-align-desktop-no-burger); } } @media (min-width: 1425px) { .type-f .gform_confirmation_message { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-f-gform_confirmation_message-width-desktop-full); margin: var(--type-f-gform_confirmation_message-margin-desktop-full); text-align: var(--type-f-gform_confirmation_message-text-align-desktop-full); } } @media (min-width: 1750px) { .type-f .gform_confirmation_message { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ width: var(--type-f-gform_confirmation_message-width-desktop-large); margin: var(--type-f-gform_confirmation_message-margin-desktop-large); text-align: var(--type-f-gform_confirmation_message-text-align-desktop-large); } } @media (min-width: 0px) { .type-f .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-f-section-with-background-display-mobile); height: var(--type-f-section-with-background-height-mobile); width: var(--type-f-section-with-background-width-mobile); position: var(--type-f-section-with-background-position-mobile); left: var(--type-f-section-with-background-left-mobile); top: var(--type-f-section-with-background-top-mobile); } } @media (min-width: 481px) { .type-f .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-f-section-with-background-display-tablet); height: var(--type-f-section-with-background-height-tablet); width: var(--type-f-section-with-background-width-tablet); position: var(--type-f-section-with-background-position-tablet); left: var(--type-f-section-with-background-left-tablet); top: var(--type-f-section-with-background-top-tablet); } } @media (min-width: 1024px) { .type-f .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-f-section-with-background-display-desktop); height: var(--type-f-section-with-background-height-desktop); width: var(--type-f-section-with-background-width-desktop); position: var(--type-f-section-with-background-position-desktop); left: var(--type-f-section-with-background-left-desktop); top: var(--type-f-section-with-background-top-desktop); } } @media (min-width: 1220px) { .type-f .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-f-section-with-background-display-desktop-no-burger); height: var(--type-f-section-with-background-height-desktop-no-burger); width: var(--type-f-section-with-background-width-desktop-no-burger); position: var(--type-f-section-with-background-position-desktop-no-burger); left: var(--type-f-section-with-background-left-desktop-no-burger); top: var(--type-f-section-with-background-top-desktop-no-burger); } } @media (min-width: 1425px) { .type-f .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-f-section-with-background-display-desktop-full); height: var(--type-f-section-with-background-height-desktop-full); width: var(--type-f-section-with-background-width-desktop-full); position: var(--type-f-section-with-background-position-desktop-full); left: var(--type-f-section-with-background-left-desktop-full); top: var(--type-f-section-with-background-top-desktop-full); } } @media (min-width: 1750px) { .type-f .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-f-section-with-background-display-desktop-large); height: var(--type-f-section-with-background-height-desktop-large); width: var(--type-f-section-with-background-width-desktop-large); position: var(--type-f-section-with-background-position-desktop-large); left: var(--type-f-section-with-background-left-desktop-large); top: var(--type-f-section-with-background-top-desktop-large); } } @media (min-width: 0px) { .type-f .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-f-image-background-height-mobile); width: var(--type-f-image-background-width-mobile); opacity: var(--type-f-image-background-opacity-mobile); -o-object-fit: var(--type-f-image-background-object-fit-mobile); object-fit: var(--type-f-image-background-object-fit-mobile); -webkit-transform: var(--type-f-image-background-transform-mobile); transform: var(--type-f-image-background-transform-mobile); } } @media (min-width: 481px) { .type-f .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-f-image-background-height-tablet); width: var(--type-f-image-background-width-tablet); opacity: var(--type-f-image-background-opacity-tablet); -o-object-fit: var(--type-f-image-background-object-fit-tablet); object-fit: var(--type-f-image-background-object-fit-tablet); -webkit-transform: var(--type-f-image-background-transform-tablet); transform: var(--type-f-image-background-transform-tablet); } } @media (min-width: 1024px) { .type-f .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-f-image-background-height-desktop); width: var(--type-f-image-background-width-desktop); opacity: var(--type-f-image-background-opacity-desktop); -o-object-fit: var(--type-f-image-background-object-fit-desktop); object-fit: var(--type-f-image-background-object-fit-desktop); -webkit-transform: var(--type-f-image-background-transform-desktop); transform: var(--type-f-image-background-transform-desktop); } } @media (min-width: 1220px) { .type-f .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-f-image-background-height-desktop-no-burger); width: var(--type-f-image-background-width-desktop-no-burger); opacity: var(--type-f-image-background-opacity-desktop-no-burger); -o-object-fit: var(--type-f-image-background-object-fit-desktop-no-burger); object-fit: var(--type-f-image-background-object-fit-desktop-no-burger); -webkit-transform: var(--type-f-image-background-transform-desktop-no-burger); transform: var(--type-f-image-background-transform-desktop-no-burger); } } @media (min-width: 1425px) { .type-f .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-f-image-background-height-desktop-full); width: var(--type-f-image-background-width-desktop-full); opacity: var(--type-f-image-background-opacity-desktop-full); -o-object-fit: var(--type-f-image-background-object-fit-desktop-full); object-fit: var(--type-f-image-background-object-fit-desktop-full); -webkit-transform: var(--type-f-image-background-transform-desktop-full); transform: var(--type-f-image-background-transform-desktop-full); } } @media (min-width: 1750px) { .type-f .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-f-image-background-height-desktop-large); width: var(--type-f-image-background-width-desktop-large); opacity: var(--type-f-image-background-opacity-desktop-large); -o-object-fit: var(--type-f-image-background-object-fit-desktop-large); object-fit: var(--type-f-image-background-object-fit-desktop-large); -webkit-transform: var(--type-f-image-background-transform-desktop-large); transform: var(--type-f-image-background-transform-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); position: var(--type-h-this-position-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); margin: var(--type-h-this-margin-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); position: var(--type-h-this-position-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); margin: var(--type-h-this-margin-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); position: var(--type-h-this-position-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); margin: var(--type-h-this-margin-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); position: var(--type-h-this-position-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); margin: var(--type-h-this-margin-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); position: var(--type-h-this-position-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); margin: var(--type-h-this-margin-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); position: var(--type-h-this-position-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); margin: var(--type-h-this-margin-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); } } @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); } } @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); } } @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); } } @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); } } @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); } } @media (min-width: 0px) { .type-j .image-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ left: var(--type-j-image-top-left-mobile); top: var(--type-j-image-top-top-mobile); scale: var(--type-j-image-top-scale-mobile); } } @media (min-width: 481px) { .type-j .image-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ left: var(--type-j-image-top-left-tablet); top: var(--type-j-image-top-top-tablet); scale: var(--type-j-image-top-scale-tablet); } } @media (min-width: 1024px) { .type-j .image-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ left: var(--type-j-image-top-left-desktop); top: var(--type-j-image-top-top-desktop); scale: var(--type-j-image-top-scale-desktop); } } @media (min-width: 1220px) { .type-j .image-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ left: var(--type-j-image-top-left-desktop-no-burger); top: var(--type-j-image-top-top-desktop-no-burger); scale: var(--type-j-image-top-scale-desktop-no-burger); } } @media (min-width: 1425px) { .type-j .image-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ left: var(--type-j-image-top-left-desktop-full); top: var(--type-j-image-top-top-desktop-full); scale: var(--type-j-image-top-scale-desktop-full); } } @media (min-width: 1750px) { .type-j .image-top { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ left: var(--type-j-image-top-left-desktop-large); top: var(--type-j-image-top-top-desktop-large); scale: var(--type-j-image-top-scale-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); background-color: var(--type-j-color-box-background-color-mobile); border-radius: var(--type-j-color-box-border-radius-mobile); padding: var(--type-j-color-box-padding-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); background-color: var(--type-j-color-box-background-color-tablet); border-radius: var(--type-j-color-box-border-radius-tablet); padding: var(--type-j-color-box-padding-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); background-color: var(--type-j-color-box-background-color-desktop); border-radius: var(--type-j-color-box-border-radius-desktop); padding: var(--type-j-color-box-padding-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); background-color: var(--type-j-color-box-background-color-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); 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); background-color: var(--type-j-color-box-background-color-desktop-full); border-radius: var(--type-j-color-box-border-radius-desktop-full); padding: var(--type-j-color-box-padding-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); background-color: var(--type-j-color-box-background-color-desktop-large); border-radius: var(--type-j-color-box-border-radius-desktop-large); padding: var(--type-j-color-box-padding-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 */ 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 */ 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 */ 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 */ 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 */ 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 */ 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-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-j-image-bottom-display-mobile); right: var(--type-j-image-bottom-right-mobile); bottom: var(--type-j-image-bottom-bottom-mobile); height: var(--type-j-image-bottom-height-mobile); width: var(--type-j-image-bottom-width-mobile); } } @media (min-width: 481px) { .type-j .image-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-j-image-bottom-display-tablet); right: var(--type-j-image-bottom-right-tablet); bottom: var(--type-j-image-bottom-bottom-tablet); height: var(--type-j-image-bottom-height-tablet); width: var(--type-j-image-bottom-width-tablet); } } @media (min-width: 1024px) { .type-j .image-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-j-image-bottom-display-desktop); right: var(--type-j-image-bottom-right-desktop); bottom: var(--type-j-image-bottom-bottom-desktop); height: var(--type-j-image-bottom-height-desktop); width: var(--type-j-image-bottom-width-desktop); } } @media (min-width: 1220px) { .type-j .image-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-j-image-bottom-display-desktop-no-burger); right: var(--type-j-image-bottom-right-desktop-no-burger); bottom: var(--type-j-image-bottom-bottom-desktop-no-burger); height: var(--type-j-image-bottom-height-desktop-no-burger); width: var(--type-j-image-bottom-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-j .image-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-j-image-bottom-display-desktop-full); right: var(--type-j-image-bottom-right-desktop-full); bottom: var(--type-j-image-bottom-bottom-desktop-full); height: var(--type-j-image-bottom-height-desktop-full); width: var(--type-j-image-bottom-width-desktop-full); } } @media (min-width: 1750px) { .type-j .image-bottom { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ display: var(--type-j-image-bottom-display-desktop-large); right: var(--type-j-image-bottom-right-desktop-large); bottom: var(--type-j-image-bottom-bottom-desktop-large); height: var(--type-j-image-bottom-height-desktop-large); width: var(--type-j-image-bottom-width-desktop-large); } } @media (min-width: 0px) { .type-j .position { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-j-position-z-index-mobile); position: var(--type-j-position-position-mobile); } } @media (min-width: 481px) { .type-j .position { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-j-position-z-index-tablet); position: var(--type-j-position-position-tablet); } } @media (min-width: 1024px) { .type-j .position { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-j-position-z-index-desktop); position: var(--type-j-position-position-desktop); } } @media (min-width: 1220px) { .type-j .position { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-j-position-z-index-desktop-no-burger); position: var(--type-j-position-position-desktop-no-burger); } } @media (min-width: 1425px) { .type-j .position { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-j-position-z-index-desktop-full); position: var(--type-j-position-position-desktop-full); } } @media (min-width: 1750px) { .type-j .position { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ z-index: var(--type-j-position-z-index-desktop-large); position: var(--type-j-position-position-desktop-large); } } @media (min-width: 0px) { .type-j .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-j-section-with-background-height-mobile); position: var(--type-j-section-with-background-position-mobile); left: var(--type-j-section-with-background-left-mobile); top: var(--type-j-section-with-background-top-mobile); width: var(--type-j-section-with-background-width-mobile); } } @media (min-width: 481px) { .type-j .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-j-section-with-background-height-tablet); position: var(--type-j-section-with-background-position-tablet); left: var(--type-j-section-with-background-left-tablet); top: var(--type-j-section-with-background-top-tablet); width: var(--type-j-section-with-background-width-tablet); } } @media (min-width: 1024px) { .type-j .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-j-section-with-background-height-desktop); position: var(--type-j-section-with-background-position-desktop); left: var(--type-j-section-with-background-left-desktop); top: var(--type-j-section-with-background-top-desktop); width: var(--type-j-section-with-background-width-desktop); } } @media (min-width: 1220px) { .type-j .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-j-section-with-background-height-desktop-no-burger); position: var(--type-j-section-with-background-position-desktop-no-burger); left: var(--type-j-section-with-background-left-desktop-no-burger); top: var(--type-j-section-with-background-top-desktop-no-burger); width: var(--type-j-section-with-background-width-desktop-no-burger); } } @media (min-width: 1425px) { .type-j .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-j-section-with-background-height-desktop-full); position: var(--type-j-section-with-background-position-desktop-full); left: var(--type-j-section-with-background-left-desktop-full); top: var(--type-j-section-with-background-top-desktop-full); width: var(--type-j-section-with-background-width-desktop-full); } } @media (min-width: 1750px) { .type-j .section-with-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-j-section-with-background-height-desktop-large); position: var(--type-j-section-with-background-position-desktop-large); left: var(--type-j-section-with-background-left-desktop-large); top: var(--type-j-section-with-background-top-desktop-large); width: var(--type-j-section-with-background-width-desktop-large); } } @media (min-width: 0px) { .type-j .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-j-image-background-height-mobile); width: var(--type-j-image-background-width-mobile); -o-object-fit: var(--type-j-image-background-object-fit-mobile); object-fit: var(--type-j-image-background-object-fit-mobile); } } @media (min-width: 481px) { .type-j .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-j-image-background-height-tablet); width: var(--type-j-image-background-width-tablet); -o-object-fit: var(--type-j-image-background-object-fit-tablet); object-fit: var(--type-j-image-background-object-fit-tablet); } } @media (min-width: 1024px) { .type-j .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-j-image-background-height-desktop); width: var(--type-j-image-background-width-desktop); -o-object-fit: var(--type-j-image-background-object-fit-desktop); object-fit: var(--type-j-image-background-object-fit-desktop); } } @media (min-width: 1220px) { .type-j .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-j-image-background-height-desktop-no-burger); width: var(--type-j-image-background-width-desktop-no-burger); -o-object-fit: var(--type-j-image-background-object-fit-desktop-no-burger); object-fit: var(--type-j-image-background-object-fit-desktop-no-burger); } } @media (min-width: 1425px) { .type-j .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-j-image-background-height-desktop-full); width: var(--type-j-image-background-width-desktop-full); -o-object-fit: var(--type-j-image-background-object-fit-desktop-full); object-fit: var(--type-j-image-background-object-fit-desktop-full); } } @media (min-width: 1750px) { .type-j .image-background { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ height: var(--type-j-image-background-height-desktop-large); width: var(--type-j-image-background-width-desktop-large); -o-object-fit: var(--type-j-image-background-object-fit-desktop-large); object-fit: var(--type-j-image-background-object-fit-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 .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 .slide-avis { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-m-slide-avis-padding-mobile); } } @media (min-width: 481px) { .type-m .slide-avis { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-m-slide-avis-padding-tablet); } } @media (min-width: 1024px) { .type-m .slide-avis { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-m-slide-avis-padding-desktop); } } @media (min-width: 1220px) { .type-m .slide-avis { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-m-slide-avis-padding-desktop-no-burger); } } @media (min-width: 1425px) { .type-m .slide-avis { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-m-slide-avis-padding-desktop-full); } } @media (min-width: 1750px) { .type-m .slide-avis { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ padding: var(--type-m-slide-avis-padding-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); margin-top: var(--type-m-swiper-slide-margin-top-mobile); border: var(--type-m-swiper-slide-border-mobile); border-radius: var(--type-m-swiper-slide-border-radius-mobile); padding-bottom: var(--type-m-swiper-slide-padding-bottom-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); margin-top: var(--type-m-swiper-slide-margin-top-tablet); border: var(--type-m-swiper-slide-border-tablet); border-radius: var(--type-m-swiper-slide-border-radius-tablet); padding-bottom: var(--type-m-swiper-slide-padding-bottom-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); margin-top: var(--type-m-swiper-slide-margin-top-desktop); border: var(--type-m-swiper-slide-border-desktop); border-radius: var(--type-m-swiper-slide-border-radius-desktop); padding-bottom: var(--type-m-swiper-slide-padding-bottom-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); margin-top: var(--type-m-swiper-slide-margin-top-desktop-no-burger); border: var(--type-m-swiper-slide-border-desktop-no-burger); border-radius: var(--type-m-swiper-slide-border-radius-desktop-no-burger); padding-bottom: var(--type-m-swiper-slide-padding-bottom-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); margin-top: var(--type-m-swiper-slide-margin-top-desktop-full); border: var(--type-m-swiper-slide-border-desktop-full); border-radius: var(--type-m-swiper-slide-border-radius-desktop-full); padding-bottom: var(--type-m-swiper-slide-padding-bottom-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); margin-top: var(--type-m-swiper-slide-margin-top-desktop-large); border: var(--type-m-swiper-slide-border-desktop-large); border-radius: var(--type-m-swiper-slide-border-radius-desktop-large); padding-bottom: var(--type-m-swiper-slide-padding-bottom-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 .color-blue-70 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-color-blue-70-margin-mobile); } } @media (min-width: 481px) { .type-m .color-blue-70 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-color-blue-70-margin-tablet); } } @media (min-width: 1024px) { .type-m .color-blue-70 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-color-blue-70-margin-desktop); } } @media (min-width: 1220px) { .type-m .color-blue-70 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-color-blue-70-margin-desktop-no-burger); } } @media (min-width: 1425px) { .type-m .color-blue-70 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-color-blue-70-margin-desktop-full); } } @media (min-width: 1750px) { .type-m .color-blue-70 { /* Overwrite or Create its Others Properties Variables Dedicated Names, from $layout-parameters */ margin: var(--type-m-color-blue-70-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 .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 */ padding: var(--type-p-this-padding-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 */ padding: var(--type-p-this-padding-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 */ padding: var(--type-p-this-padding-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 */ padding: var(--type-p-this-padding-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 */ padding: var(--type-p-this-padding-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 */ padding: var(--type-p-this-padding-desktop-large); position: var(--type-p-this-position-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); 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); 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); 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); 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); 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); position: var(--type-q-this-position-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); border-radius: var(--type-q-slide-partenaires-border-radius-mobile); display: var(--type-q-slide-partenaires-display-mobile); height: var(--type-q-slide-partenaires-height-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); border-radius: var(--type-q-slide-partenaires-border-radius-tablet); display: var(--type-q-slide-partenaires-display-tablet); height: var(--type-q-slide-partenaires-height-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); border-radius: var(--type-q-slide-partenaires-border-radius-desktop); display: var(--type-q-slide-partenaires-display-desktop); height: var(--type-q-slide-partenaires-height-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); border-radius: var(--type-q-slide-partenaires-border-radius-desktop-no-burger); display: var(--type-q-slide-partenaires-display-desktop-no-burger); height: var(--type-q-slide-partenaires-height-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); border-radius: var(--type-q-slide-partenaires-border-radius-desktop-full); display: var(--type-q-slide-partenaires-display-desktop-full); height: var(--type-q-slide-partenaires-height-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); border-radius: var(--type-q-slide-partenaires-border-radius-desktop-large); display: var(--type-q-slide-partenaires-display-desktop-large); height: var(--type-q-slide-partenaires-height-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 */ border: var(--type-r-accordion-item-border-mobile); 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 */ border: var(--type-r-accordion-item-border-tablet); 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 */ border: var(--type-r-accordion-item-border-desktop); 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 */ border: var(--type-r-accordion-item-border-desktop-no-burger); 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 */ border: var(--type-r-accordion-item-border-desktop-full); 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 */ border: var(--type-r-accordion-item-border-desktop-large); 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); padding: var(--type-step-this-padding-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); padding: var(--type-step-this-padding-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); padding: var(--type-step-this-padding-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); padding: var(--type-step-this-padding-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); padding: var(--type-step-this-padding-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); padding: var(--type-step-this-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-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 */ 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 */ 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 */ 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 */ 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 */ 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 */ 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; } /** * -------------------------------------------------------------------------------------------------------------- * 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, body.single-post), body:not(body.page-template-devis, body.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.03125 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-demo-this-padding-desktop: calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw); --type-demo-this-padding-desktop-no-burger: calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw); --type-demo-this-padding-desktop-full: calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw); --type-demo-this-padding-desktop-large: calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw); --type-demo-this-margin-mobile: calc(0.1282051282 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) calc(0.1282051282 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-demo-this-margin-tablet: calc(0.03125 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-demo-this-margin-desktop: calc(0.03125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-demo-this-margin-desktop-no-burger: calc(0.03125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-demo-this-margin-desktop-full: calc(0.03125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-demo-this-margin-desktop-large: calc(0.03125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.0572916667 * 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.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-demo-wrapper-padding-desktop: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-demo-wrapper-padding-desktop-no-burger: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-demo-wrapper-padding-desktop-full: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-demo-wrapper-padding-desktop-large: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 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.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-demo-container-padding-desktop: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-demo-container-padding-desktop-no-burger: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-demo-container-padding-desktop-full: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-demo-container-padding-desktop-large: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 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: 0; --type-header-this-padding-tablet: 0; --type-header-this-padding-desktop: calc(0.0130208333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0130208333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-header-this-padding-desktop-no-burger: calc(0.0130208333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0130208333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-header-this-padding-desktop-full: calc(0.0130208333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0130208333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-header-this-padding-desktop-large: calc(0.0130208333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0130208333 * 1 * 100vw) calc(0.0572916667 * 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.03125 * 1 * 100vw); --type-header-site-branding-height-desktop-no-burger: calc(0.03125 * 1 * 100vw); --type-header-site-branding-height-desktop-full: calc(0.03125 * 1 * 100vw); --type-header-site-branding-height-desktop-large: calc(0.03125 * 1 * 100vw); --type-header-wrapper-flex-direction-mobile: column; --type-header-wrapper-flex-direction-tablet: column; --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-middle-section-padding-mobile: 0 calc(0.0769230769 * 1 * 100vw); --type-header-middle-section-padding-tablet: 0 calc(0.0365853659 * 1 * 100vw); --type-header-middle-section-padding-desktop: 0 calc(0.0572916667 * 1 * 100vw); --type-header-middle-section-padding-desktop-no-burger: 0 calc(0.0572916667 * 1 * 100vw); --type-header-middle-section-padding-desktop-full: 0 calc(0.0572916667 * 1 * 100vw); --type-header-middle-section-padding-desktop-large: 0 calc(0.0572916667 * 1 * 100vw); --type-header-wrapper2-padding-mobile: 0; --type-header-wrapper2-padding-tablet: 0 calc(0.0365853659 * 1 * 100vw); --type-header-wrapper2-padding-desktop: calc(0.0260416667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-header-wrapper2-padding-desktop-no-burger: calc(0.0260416667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-header-wrapper2-padding-desktop-full: calc(0.0260416667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-header-wrapper2-padding-desktop-large: calc(0.0260416667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-header-container-flex-direction-mobile: column; --type-header-container-flex-direction-tablet: column; --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: flex-end; --type-header-container-justify-content-tablet: flex-end; --type-header-container-justify-content-desktop: flex-end; --type-header-container-justify-content-desktop-no-burger: flex-end; --type-header-container-justify-content-desktop-full: flex-end; --type-header-container-justify-content-desktop-large: flex-end; --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.141025641 * 1 * 100vw - 2px); --type-header-sub-menu-top-tablet: calc(0.0670731707 * 1 * 100vw - 2px); --type-header-sub-menu-top-desktop: calc(0.0421875 * 1 * 100vw - 2px); --type-header-sub-menu-top-desktop-no-burger: calc(0.0421875 * 1 * 100vw - 2px); --type-header-sub-menu-top-desktop-full: calc(0.0421875 * 1 * 100vw - 2px); --type-header-sub-menu-top-desktop-large: calc(0.0421875 * 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: calc(0 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-header-menu-item-padding-desktop-no-burger: calc(0 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-header-menu-item-padding-desktop-full: calc(0 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-header-menu-item-padding-desktop-large: calc(0 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-header-burger-padding-mobile: calc(0.0641025641 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) calc(0.0641025641 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-header-burger-padding-tablet: calc(0.0304878049 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0.0304878049 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-header-burger-padding-desktop: inherit; --type-header-burger-padding-desktop-no-burger: inherit; --type-header-burger-padding-desktop-full: inherit; --type-header-burger-padding-desktop-large: inherit; --type-footer-this-padding-mobile: calc(0.1666666667 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) calc(0.0512820513 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-footer-this-padding-tablet: calc(0.1219512195 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-footer-this-padding-desktop: calc(0.0520833333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) 0 calc(0.0572916667 * 1 * 100vw); --type-footer-this-padding-desktop-no-burger: calc(0.0520833333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) 0 calc(0.0572916667 * 1 * 100vw); --type-footer-this-padding-desktop-full: calc(0.0520833333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) 0 calc(0.0572916667 * 1 * 100vw); --type-footer-this-padding-desktop-large: calc(0.0520833333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) 0 calc(0.0572916667 * 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.0416666667 * 1 * 100vw); --type-footer-custom-logo-link-height-desktop-no-burger: calc(0.0416666667 * 1 * 100vw); --type-footer-custom-logo-link-height-desktop-full: calc(0.0416666667 * 1 * 100vw); --type-footer-custom-logo-link-height-desktop-large: calc(0.0416666667 * 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.0104166667 * 1 * 100vw) 0; --type-footer-bottom-padding-tablet: 0 0 calc(0.0104166667 * 1 * 100vw) 0; --type-footer-bottom-padding-desktop: 0 0 calc(0.0104166667 * 1 * 100vw) 0; --type-footer-bottom-padding-desktop-no-burger: 0 0 calc(0.0104166667 * 1 * 100vw) 0; --type-footer-bottom-padding-desktop-full: 0 0 calc(0.0104166667 * 1 * 100vw) 0; --type-footer-bottom-padding-desktop-large: 0 0 calc(0.0104166667 * 1 * 100vw) 0; --type-burger-this-width-mobile: -webkit-fill-available; --type-burger-this-width-tablet: -webkit-fill-available; --type-burger-this-width-desktop: -webkit-fill-available; --type-burger-this-width-desktop-no-burger: -webkit-fill-available; --type-burger-this-width-desktop-full: -webkit-fill-available; --type-burger-this-width-desktop-large: -webkit-fill-available; --type-burger-this-height-mobile: 100vh; --type-burger-this-height-tablet: 100vh; --type-burger-this-height-desktop: 100vh; --type-burger-this-height-desktop-no-burger: 100vh; --type-burger-this-height-desktop-full: 100vh; --type-burger-this-height-desktop-large: 100vh; --type-burger-burger-menu-wrapper-padding-mobile: calc(0.141025641 * 1 * 100vw + 2 * 0.0641025641 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-burger-burger-menu-wrapper-padding-tablet: calc(0.0670731707 * 1 * 100vw + 2 * 0.0304878049 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-burger-burger-menu-wrapper-padding-desktop: calc(0.0421875 * 1 * 100vw + 2 * 0.0130208333 * 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.0421875 * 1 * 100vw + 2 * 0.0130208333 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-burger-burger-menu-wrapper-padding-desktop-full: calc(0.0421875 * 1 * 100vw + 2 * 0.0130208333 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-burger-burger-menu-wrapper-padding-desktop-large: calc(0.0421875 * 1 * 100vw + 2 * 0.0130208333 * 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: -webkit-fill-available; --type-burger-wrapper-width-tablet: -webkit-fill-available; --type-burger-wrapper-width-desktop: -webkit-fill-available; --type-burger-wrapper-width-desktop-no-burger: -webkit-fill-available; --type-burger-wrapper-width-desktop-full: -webkit-fill-available; --type-burger-wrapper-width-desktop-large: -webkit-fill-available; --type-burger-end-height-mobile: 100vh; --type-burger-end-height-tablet: 100vh; --type-burger-end-height-desktop: 100vh; --type-burger-end-height-desktop-no-burger: 100vh; --type-burger-end-height-desktop-full: 100vh; --type-burger-end-height-desktop-large: 100vh; --type-burger-container-width-mobile: -webkit-fill-available; --type-burger-container-width-tablet: -webkit-fill-available; --type-burger-container-width-desktop: -webkit-fill-available; --type-burger-container-width-desktop-no-burger: -webkit-fill-available; --type-burger-container-width-desktop-full: -webkit-fill-available; --type-burger-container-width-desktop-large: -webkit-fill-available; --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: -webkit-fill-available; --type-burger-menu-item-width-tablet: -webkit-fill-available; --type-burger-menu-item-width-desktop: -webkit-fill-available; --type-burger-menu-item-width-desktop-no-burger: -webkit-fill-available; --type-burger-menu-item-width-desktop-full: -webkit-fill-available; --type-burger-menu-item-width-desktop-large: -webkit-fill-available; --type-burger-menu-item-padding-mobile: calc(0.0615384615 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) calc(0.0615384615 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-burger-menu-item-padding-tablet: calc(0.0292682927 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0.0292682927 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-burger-menu-item-padding-desktop: calc(0.0125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-burger-menu-item-padding-desktop-no-burger: calc(0.0125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-burger-menu-item-padding-desktop-full: calc(0.0125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-burger-menu-item-padding-desktop-large: calc(0.0125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0125 * 1 * 100vw) calc(0.0572916667 * 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.0769230769 * 1 * 100vw) calc(0.1076923077 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-banner-this-padding-tablet: calc(0.0304878049 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-banner-this-padding-desktop: calc(0.0244791667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0453125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-banner-this-padding-desktop-no-burger: calc(0.0244791667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0453125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-banner-this-padding-desktop-full: calc(0.0244791667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0453125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-banner-this-padding-desktop-large: calc(0.0244791667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0453125 * 1 * 100vw) calc(0.0572916667 * 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.0244791667 * 1 * 100vw) 0 calc(0.0453125 * 1 * 100vw) 0; --type-banner-bkg-wrapper-padding-desktop-no-burger: calc(0.0244791667 * 1 * 100vw) 0 calc(0.0453125 * 1 * 100vw) 0; --type-banner-bkg-wrapper-padding-desktop-full: calc(0.0244791667 * 1 * 100vw) 0 calc(0.0453125 * 1 * 100vw) 0; --type-banner-bkg-wrapper-padding-desktop-large: calc(0.0244791667 * 1 * 100vw) 0 calc(0.0453125 * 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 calc(0.0512195122 * 1 * 100vw) 0; --type-banner-wrapper-padding-desktop: calc(0.0244791667 * 1 * 100vw) 0 calc(0.0453125 * 1 * 100vw) 0; --type-banner-wrapper-padding-desktop-no-burger: calc(0.0244791667 * 1 * 100vw) 0 calc(0.0453125 * 1 * 100vw) 0; --type-banner-wrapper-padding-desktop-full: calc(0.0244791667 * 1 * 100vw) 0 calc(0.0453125 * 1 * 100vw) 0; --type-banner-wrapper-padding-desktop-large: calc(0.0244791667 * 1 * 100vw) 0 calc(0.0453125 * 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: 0; --type-banner-text-center-margin-tablet: 0; --type-banner-text-center-margin-desktop: 0; --type-banner-text-center-margin-desktop-no-burger: 0; --type-banner-text-center-margin-desktop-full: 0; --type-banner-text-center-margin-desktop-large: 0; --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: 100%; --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: 100%; --type-banner-bkg-image-height-tablet: 100%; --type-banner-bkg-image-height-desktop: 100%; --type-banner-bkg-image-height-desktop-no-burger: 100%; --type-banner-bkg-image-height-desktop-full: 100%; --type-banner-bkg-image-height-desktop-large: 100%; --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-image-opacity-mobile: 0.7; --type-banner-bkg-image-opacity-tablet: 0.7; --type-banner-bkg-image-opacity-desktop: 0.7; --type-banner-bkg-image-opacity-desktop-no-burger: 0.7; --type-banner-bkg-image-opacity-desktop-full: 0.7; --type-banner-bkg-image-opacity-desktop-large: 0.7; --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-top-bottom-mobile: 100%; --type-banner-top-bottom-tablet: 100%; --type-banner-top-bottom-desktop: 100%; --type-banner-top-bottom-desktop-no-burger: 100%; --type-banner-top-bottom-desktop-full: 100%; --type-banner-top-bottom-desktop-large: 100%; --type-banner-top-left-mobile: 50%; --type-banner-top-left-tablet: 50%; --type-banner-top-left-desktop: 50%; --type-banner-top-left-desktop-no-burger: 50%; --type-banner-top-left-desktop-full: 50%; --type-banner-top-left-desktop-large: 50%; --type-banner-top-transform-mobile: translateX(-50%) scale(0.5); --type-banner-top-transform-tablet: translateX(-50%) scale(0.75); --type-banner-top-transform-desktop: translateX(-50%) scale(0.75); --type-banner-top-transform-desktop-no-burger: translateX(-50%); --type-banner-top-transform-desktop-full: translateX(-50%); --type-banner-top-transform-desktop-large: translateX(-50%); --type-banner-right-left-mobile: 100%; --type-banner-right-left-tablet: 100%; --type-banner-right-left-desktop: 100%; --type-banner-right-left-desktop-no-burger: 100%; --type-banner-right-left-desktop-full: 100%; --type-banner-right-left-desktop-large: 100%; --type-banner-right-top-mobile: 50%; --type-banner-right-top-tablet: 50%; --type-banner-right-top-desktop: 50%; --type-banner-right-top-desktop-no-burger: 50%; --type-banner-right-top-desktop-full: 50%; --type-banner-right-top-desktop-large: 50%; --type-banner-right-transform-mobile: translateY(-50%) scale(0.5); --type-banner-right-transform-tablet: translateY(-50%) scale(0.75); --type-banner-right-transform-desktop: translateY(-50%) scale(0.75); --type-banner-right-transform-desktop-no-burger: translateY(-50%); --type-banner-right-transform-desktop-full: translateY(-50%); --type-banner-right-transform-desktop-large: translateY(-50%); --type-banner-bottom-top-mobile: 100%; --type-banner-bottom-top-tablet: 100%; --type-banner-bottom-top-desktop: 120%; --type-banner-bottom-top-desktop-no-burger: 120%; --type-banner-bottom-top-desktop-full: 120%; --type-banner-bottom-top-desktop-large: 120%; --type-banner-bottom-left-mobile: 50%; --type-banner-bottom-left-tablet: 50%; --type-banner-bottom-left-desktop: 65%; --type-banner-bottom-left-desktop-no-burger: 65%; --type-banner-bottom-left-desktop-full: 65%; --type-banner-bottom-left-desktop-large: 65%; --type-banner-bottom-transform-mobile: translateX(-50%) scale(0.5); --type-banner-bottom-transform-tablet: translateX(-50%) scale(0.75); --type-banner-bottom-transform-desktop: translateX(-50%) scale(0.75); --type-banner-bottom-transform-desktop-no-burger: translateX(-50%); --type-banner-bottom-transform-desktop-full: translateX(-50%); --type-banner-bottom-transform-desktop-large: translateX(-50%); --type-banner-left-right-mobile: 100%; --type-banner-left-right-tablet: 100%; --type-banner-left-right-desktop: 100%; --type-banner-left-right-desktop-no-burger: 100%; --type-banner-left-right-desktop-full: 80%; --type-banner-left-right-desktop-large: 80%; --type-banner-left-top-mobile: 50%; --type-banner-left-top-tablet: 50%; --type-banner-left-top-desktop: 50%; --type-banner-left-top-desktop-no-burger: 50%; --type-banner-left-top-desktop-full: 15%; --type-banner-left-top-desktop-large: 15%; --type-banner-left-transform-mobile: translateY(-50%) scale(0.5); --type-banner-left-transform-tablet: translateY(-50%) scale(0.75); --type-banner-left-transform-desktop: translateY(-50%) scale(0.75); --type-banner-left-transform-desktop-no-burger: translateY(-50%); --type-banner-left-transform-desktop-full: translateY(-50%); --type-banner-left-transform-desktop-large: translateY(-50%); --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.015625 * 1 * 100vw) 0 0 0; --type-banner-p-margin-desktop-no-burger: calc(0.015625 * 1 * 100vw) 0 0 0; --type-banner-p-margin-desktop-full: calc(0.015625 * 1 * 100vw) 0 0 0; --type-banner-p-margin-desktop-large: calc(0.015625 * 1 * 100vw) 0 0 0; --type-sidebar-this-flex-direction-mobile: column; --type-sidebar-this-flex-direction-tablet: column; --type-sidebar-this-flex-direction-desktop: column; --type-sidebar-this-flex-direction-desktop-no-burger: column; --type-sidebar-this-flex-direction-desktop-full: column; --type-sidebar-this-flex-direction-desktop-large: column; --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-padding-mobile: calc(0.1282051282 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.1282051282 * 1 * 100vw) calc(0 * 1 * 100vw); --type-sidebar-main-padding-tablet: calc(0.0731707317 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0731707317 * 1 * 100vw) calc(0 * 1 * 100vw); --type-sidebar-main-padding-desktop: calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw); --type-sidebar-main-padding-desktop-no-burger: calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw); --type-sidebar-main-padding-desktop-full: calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw); --type-sidebar-main-padding-desktop-large: calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw); --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-margin-left-mobile: initial; --type-sidebar-sidebar-margin-left-tablet: calc(0.0365853659 * 1 * 100vw); --type-sidebar-sidebar-margin-left-desktop: calc(0.0572916667 * 1 * 100vw); --type-sidebar-sidebar-margin-left-desktop-no-burger: calc(0.0572916667 * 1 * 100vw); --type-sidebar-sidebar-margin-left-desktop-full: calc(0.0572916667 * 1 * 100vw); --type-sidebar-sidebar-margin-left-desktop-large: calc(0.0572916667 * 1 * 100vw); --type-sidebar-sidebar-position-mobile: sticky; --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: calc(0.141025641 * 1 * 100vw + 2 * 0.0641025641 * 1 * 100vw); --type-sidebar-sidebar-top-tablet: calc(0.0670731707 * 1 * 100vw + 2 * 0.0304878049 * 1 * 100vw); --type-sidebar-sidebar-top-desktop: calc(0.0421875 * 1 * 100vw + 2 * 0.0130208333 * 1 * 100vw); --type-sidebar-sidebar-top-desktop-no-burger: calc(0.0421875 * 1 * 100vw + 2 * 0.0130208333 * 1 * 100vw); --type-sidebar-sidebar-top-desktop-full: calc(0.0421875 * 1 * 100vw + 2 * 0.0130208333 * 1 * 100vw); --type-sidebar-sidebar-top-desktop-large: calc(0.0421875 * 1 * 100vw + 2 * 0.0130208333 * 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: 90%; --type-sidebar-sidebar-width-desktop: 40%; --type-sidebar-sidebar-width-desktop-no-burger: 40%; --type-sidebar-sidebar-width-desktop-full: 40%; --type-sidebar-sidebar-width-desktop-large: 40%; --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: auto; --type-sidebar-primary-min-width-tablet: auto; --type-sidebar-primary-min-width-desktop: auto; --type-sidebar-primary-min-width-desktop-no-burger: auto; --type-sidebar-primary-min-width-desktop-full: auto; --type-sidebar-primary-min-width-desktop-large: auto; --type-sidebar-primary-position-mobile: relative; --type-sidebar-primary-position-tablet: sticky; --type-sidebar-primary-position-desktop: sticky; --type-sidebar-primary-position-desktop-no-burger: sticky; --type-sidebar-primary-position-desktop-full: sticky; --type-sidebar-primary-position-desktop-large: sticky; --type-sidebar-primary-top-mobile: initial; --type-sidebar-primary-top-tablet: initial; --type-sidebar-primary-top-desktop: initial; --type-sidebar-primary-top-desktop-no-burger: initial; --type-sidebar-primary-top-desktop-full: initial; --type-sidebar-primary-top-desktop-large: initial; --type-sidebar-primary-width-mobile: auto; --type-sidebar-primary-width-tablet: 30%; --type-sidebar-primary-width-desktop: 30%; --type-sidebar-primary-width-desktop-no-burger: 30%; --type-sidebar-primary-width-desktop-full: 30%; --type-sidebar-primary-width-desktop-large: 30%; --type-sidebar-primary-padding-mobile: calc(0.1282051282 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) 0 calc(0.0769230769 * 1 * 100vw); --type-sidebar-primary-padding-tablet: calc(0 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) 0 0; --type-sidebar-primary-padding-desktop: calc(0 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-sidebar-primary-padding-desktop-no-burger: calc(0 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-sidebar-primary-padding-desktop-full: calc(0 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-sidebar-primary-padding-desktop-large: calc(0 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0 * 1 * 100vw); --type-sidebar-cross-box-padding-mobile: calc(0.0615384615 * 1 * 100vw); --type-sidebar-cross-box-padding-tablet: calc(0.0292682927 * 1 * 100vw); --type-sidebar-cross-box-padding-desktop: calc(0.0125 * 1 * 100vw); --type-sidebar-cross-box-padding-desktop-no-burger: calc(0.0125 * 1 * 100vw); --type-sidebar-cross-box-padding-desktop-full: calc(0.0125 * 1 * 100vw); --type-sidebar-cross-box-padding-desktop-large: calc(0.0125 * 1 * 100vw); --type-sidebar-filter-group-padding-mobile: calc(0.0615384615 * 1 * 100vw); --type-sidebar-filter-group-padding-tablet: calc(0.0292682927 * 1 * 100vw); --type-sidebar-filter-group-padding-desktop: calc(0.0125 * 1 * 100vw); --type-sidebar-filter-group-padding-desktop-no-burger: calc(0.0125 * 1 * 100vw); --type-sidebar-filter-group-padding-desktop-full: calc(0.0125 * 1 * 100vw); --type-sidebar-filter-group-padding-desktop-large: calc(0.0125 * 1 * 100vw); --type-sidebar-choice-padding-top-mobile: calc(0.0358974359 * 1 * 100vw); --type-sidebar-choice-padding-top-tablet: calc(0.0170731707 * 1 * 100vw); --type-sidebar-choice-padding-top-desktop: calc(0.0072916667 * 1 * 100vw); --type-sidebar-choice-padding-top-desktop-no-burger: calc(0.0072916667 * 1 * 100vw); --type-sidebar-choice-padding-top-desktop-full: calc(0.0072916667 * 1 * 100vw); --type-sidebar-choice-padding-top-desktop-large: calc(0.0072916667 * 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-reset-block-align-items-mobile: flex-end; --type-sidebar-reset-block-align-items-tablet: flex-end; --type-sidebar-reset-block-align-items-desktop: flex-end; --type-sidebar-reset-block-align-items-desktop-no-burger: flex-end; --type-sidebar-reset-block-align-items-desktop-full: flex-end; --type-sidebar-reset-block-align-items-desktop-large: flex-end; --type-sidebar-reset-block-padding-mobile: calc(0.0615384615 * 1 * 100vw); --type-sidebar-reset-block-padding-tablet: calc(0.0292682927 * 1 * 100vw); --type-sidebar-reset-block-padding-desktop: calc(0.0125 * 1 * 100vw); --type-sidebar-reset-block-padding-desktop-no-burger: calc(0.0125 * 1 * 100vw); --type-sidebar-reset-block-padding-desktop-full: calc(0.0125 * 1 * 100vw); --type-sidebar-reset-block-padding-desktop-large: calc(0.0125 * 1 * 100vw); --type-a-this-padding-mobile: calc(3 * 0.0769230769 * 1 * 100vw) calc(2 * 0.0769230769 * 1 * 100vw); --type-a-this-padding-tablet: calc(3 * 0.0365853659 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-a-this-padding-desktop: calc(0.046875 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-a-this-padding-desktop-no-burger: calc(0.046875 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-a-this-padding-desktop-full: calc(0.046875 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-a-this-padding-desktop-large: calc(0.046875 * 1 * 100vw) calc(0.0572916667 * 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.0104166667 * 1 * 100vw); --type-a-open-top-desktop-no-burger: calc(-0.0104166667 * 1 * 100vw); --type-a-open-top-desktop-full: calc(-0.0104166667 * 1 * 100vw); --type-a-open-top-desktop-large: calc(-0.0104166667 * 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.0489583333 * 1 * 100vw); --type-a-open-left-desktop-no-burger: calc(-0.0489583333 * 1 * 100vw); --type-a-open-left-desktop-full: calc(-0.0489583333 * 1 * 100vw); --type-a-open-left-desktop-large: calc(-0.0489583333 * 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.0104166667 * 1 * 100vw); --type-a-close-bottom-desktop-no-burger: calc(-0.0104166667 * 1 * 100vw); --type-a-close-bottom-desktop-full: calc(-0.0104166667 * 1 * 100vw); --type-a-close-bottom-desktop-large: calc(-0.0104166667 * 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.0489583333 * 1 * 100vw); --type-a-close-right-desktop-no-burger: calc(-0.0489583333 * 1 * 100vw); --type-a-close-right-desktop-full: calc(-0.0489583333 * 1 * 100vw); --type-a-close-right-desktop-large: calc(-0.0489583333 * 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.1025641026 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-archive-this-padding-tablet: calc(0.0975609756 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-archive-this-padding-desktop: calc(0.0416666667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-archive-this-padding-desktop-no-burger: calc(0.0416666667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-archive-this-padding-desktop-full: calc(0.0416666667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-archive-this-padding-desktop-large: calc(0.0416666667 * 1 * 100vw) calc(0.0572916667 * 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-padding-mobile: calc(0.2564102564 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-b-this-padding-tablet: calc(0.1219512195 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-b-this-padding-desktop: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-b-this-padding-desktop-no-burger: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-b-this-padding-desktop-full: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-b-this-padding-desktop-large: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-b-this-margin-mobile: 0; --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-reverse; --type-b-this-flex-direction-tablet: column-reverse; --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-this-column-gap-mobile: calc(0.0416666667 * 1 * 100vw); --type-b-this-column-gap-tablet: calc(0.0416666667 * 1 * 100vw); --type-b-this-column-gap-desktop: calc(0.0416666667 * 1 * 100vw); --type-b-this-column-gap-desktop-no-burger: calc(0.0416666667 * 1 * 100vw); --type-b-this-column-gap-desktop-full: calc(0.0416666667 * 1 * 100vw); --type-b-this-column-gap-desktop-large: calc(0.0416666667 * 1 * 100vw); --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.0208333333 * 1 * 100vw); --type-b-bottom-margin-margin-bottom-desktop-no-burger: calc(0.0208333333 * 1 * 100vw); --type-b-bottom-margin-margin-bottom-desktop-full: calc(0.0208333333 * 1 * 100vw); --type-b-bottom-margin-margin-bottom-desktop-large: calc(0.0208333333 * 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-img-block-image-right-width-mobile: 100%; --type-b-img-block-image-right-width-tablet: 100%; --type-b-img-block-image-right-width-desktop: 50%; --type-b-img-block-image-right-width-desktop-no-burger: 50%; --type-b-img-block-image-right-width-desktop-full: 50%; --type-b-img-block-image-right-width-desktop-large: 50%; --type-b-img-block-image-left-width-mobile: 100%; --type-b-img-block-image-left-width-tablet: 100%; --type-b-img-block-image-left-width-desktop: 50%; --type-b-img-block-image-left-width-desktop-no-burger: 50%; --type-b-img-block-image-left-width-desktop-full: 50%; --type-b-img-block-image-left-width-desktop-large: 50%; --type-b-title-block-width-mobile: 100%; --type-b-title-block-width-tablet: 100%; --type-b-title-block-width-desktop: 50%; --type-b-title-block-width-desktop-no-burger: 50%; --type-b-title-block-width-desktop-full: 50%; --type-b-title-block-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; --type-b-title-block-margin-desktop: auto; --type-b-title-block-margin-desktop-no-burger: auto; --type-b-title-block-margin-desktop-full: auto; --type-b-title-block-margin-desktop-large: auto; --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-border-radius-mobile: 15px; --type-b-image-border-radius-tablet: 15px; --type-b-image-border-radius-desktop: 15px; --type-b-image-border-radius-desktop-no-burger: 15px; --type-b-image-border-radius-desktop-full: 15px; --type-b-image-border-radius-desktop-large: 15px; --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: calc(0.641025641 * 1 * 100vw); --type-b-image-height-tablet: calc(0.487804878 * 1 * 100vw); --type-b-image-height-desktop: calc(0.3229166667 * 1 * 100vw); --type-b-image-height-desktop-no-burger: calc(0.3229166667 * 1 * 100vw); --type-b-image-height-desktop-full: calc(0.3229166667 * 1 * 100vw); --type-b-image-height-desktop-large: calc(0.3229166667 * 1 * 100vw); --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.0208333333 * 1 * 100vw); --type-b-top-margin-margin-top-desktop-no-burger: calc(0.0208333333 * 1 * 100vw); --type-b-top-margin-margin-top-desktop-full: calc(0.0208333333 * 1 * 100vw); --type-b-top-margin-margin-top-desktop-large: calc(0.0208333333 * 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-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.03125 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-content-this-padding-desktop: calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw); --type-content-this-padding-desktop-no-burger: calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw); --type-content-this-padding-desktop-full: calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw); --type-content-this-padding-desktop-large: calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.03125 * 1 * 100vw); --type-content-this-margin-mobile: calc(0.1282051282 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) calc(0.1282051282 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-content-this-margin-tablet: calc(0.03125 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-content-this-margin-desktop: calc(0.03125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-content-this-margin-desktop-no-burger: calc(0.03125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-content-this-margin-desktop-full: calc(0.03125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-content-this-margin-desktop-large: calc(0.03125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0.0572916667 * 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.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-content-wrapper-padding-desktop: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-content-wrapper-padding-desktop-no-burger: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-content-wrapper-padding-desktop-full: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-content-wrapper-padding-desktop-large: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 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.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-content-container-padding-desktop: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-content-container-padding-desktop-no-burger: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-content-container-padding-desktop-full: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-content-container-padding-desktop-large: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-accordion-this-padding-mobile: calc(0.0256410256 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) calc(0.0256410256 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-accordion-this-padding-tablet: calc(0.0416666667 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-accordion-this-padding-desktop: calc(0.0416666667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-accordion-this-padding-desktop-no-burger: calc(0.0416666667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-accordion-this-padding-desktop-full: calc(0.0416666667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-accordion-this-padding-desktop-large: calc(0.0416666667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0572916667 * 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.03125 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw); --type-accordion-this-margin-desktop: calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw); --type-accordion-this-margin-desktop-no-burger: calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw); --type-accordion-this-margin-desktop-full: calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw); --type-accordion-this-margin-desktop-large: calc(0.03125 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.03125 * 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.0208333333 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-accordion-wrapper-padding-desktop: calc(0.0208333333 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-accordion-wrapper-padding-desktop-no-burger: calc(0.0208333333 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-accordion-wrapper-padding-desktop-full: calc(0.0208333333 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-accordion-wrapper-padding-desktop-large: calc(0.0208333333 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw) calc(0.0104166667 * 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.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-accordion-container-padding-desktop: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-accordion-container-padding-desktop-no-burger: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-accordion-container-padding-desktop-full: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-accordion-container-padding-desktop-large: calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 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.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw); --type-accordion-bis-padding-desktop: calc(0.0208333333 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw); --type-accordion-bis-padding-desktop-no-burger: calc(0.0208333333 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw); --type-accordion-bis-padding-desktop-full: calc(0.0208333333 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw); --type-accordion-bis-padding-desktop-large: calc(0.0208333333 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw) calc(0.0208333333 * 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.046875 * 1 * 100vw); --type-accordion-content-wrapper-padding-block-desktop-no-burger: 0 calc(0.046875 * 1 * 100vw); --type-accordion-content-wrapper-padding-block-desktop-full: 0 calc(0.046875 * 1 * 100vw); --type-accordion-content-wrapper-padding-block-desktop-large: 0 calc(0.046875 * 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.0677083333 * 1 * 100vw); --type-accordion-content-wrapper-padding-inline-desktop-no-burger: à calc(0.0677083333 * 1 * 100vw); --type-accordion-content-wrapper-padding-inline-desktop-full: à calc(0.0677083333 * 1 * 100vw); --type-accordion-content-wrapper-padding-inline-desktop-large: à calc(0.0677083333 * 1 * 100vw); --type-c-this-padding-mobile: calc(0.2564102564 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-c-this-padding-tablet: calc(0.1463414634 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-c-this-padding-desktop: calc(0 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-c-this-padding-desktop-no-burger: calc(0 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-c-this-padding-desktop-full: calc(0 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-c-this-padding-desktop-large: calc(0 * 1 * 100vw) calc(0.0572916667 * 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-contain-img-display-mobile: flex; --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-grid-template-columns-mobile: repeat(4, 1fr); --type-c-contain-img-grid-template-columns-tablet: repeat(2, 2fr); --type-c-contain-img-grid-template-columns-desktop: repeat(4, 1fr); --type-c-contain-img-grid-template-columns-desktop-no-burger: repeat(4, 1fr); --type-c-contain-img-grid-template-columns-desktop-full: repeat(4, 1fr); --type-c-contain-img-grid-template-columns-desktop-large: repeat(4, 1fr); --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: 0; --type-c-contain-img-gap-tablet: calc(0.012195122 * 1 * 100vw); --type-c-contain-img-gap-desktop: calc(0.0208333333 * 1 * 100vw); --type-c-contain-img-gap-desktop-no-burger: calc(0.0208333333 * 1 * 100vw); --type-c-contain-img-gap-desktop-full: calc(0.0208333333 * 1 * 100vw); --type-c-contain-img-gap-desktop-large: calc(0.0208333333 * 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 calc(0.0769230769 * 1 * 100vw); --type-c-contain-img-margin-tablet: 0 calc(0.0365853659 * 1 * 100vw); --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-margin-mobile: calc(0.1025641026 * 1 * 100vw) 0 0 0; --type-c-img-container-margin-tablet: 0; --type-c-img-container-margin-desktop: calc(0.046875 * 1 * 100vw) 0 0 0; --type-c-img-container-margin-desktop-no-burger: calc(0.046875 * 1 * 100vw) 0 0 0; --type-c-img-container-margin-desktop-full: calc(0.046875 * 1 * 100vw) 0 0 0; --type-c-img-container-margin-desktop-large: calc(0.046875 * 1 * 100vw) 0 0 0; --type-c-first-element-margin-top-mobile: 0; --type-c-first-element-margin-top-tablet: 0; --type-c-first-element-margin-top-desktop: calc(0.046875 * 1 * 100vw); --type-c-first-element-margin-top-desktop-no-burger: calc(0.046875 * 1 * 100vw); --type-c-first-element-margin-top-desktop-full: calc(0.046875 * 1 * 100vw); --type-c-first-element-margin-top-desktop-large: calc(0.046875 * 1 * 100vw); --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.046875 * 1 * 100vw) 0; --type-c-little-margin-margin-desktop-no-burger: 20px 0 calc(0.046875 * 1 * 100vw) 0; --type-c-little-margin-margin-desktop-full: 20px 0 calc(0.046875 * 1 * 100vw) 0; --type-c-little-margin-margin-desktop-large: 20px 0 calc(0.046875 * 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.0520833333 * 1 * 100vw); --type-c-icon-size-height-desktop-no-burger: calc(0.0520833333 * 1 * 100vw); --type-c-icon-size-height-desktop-full: calc(0.0520833333 * 1 * 100vw); --type-c-icon-size-height-desktop-large: calc(0.0520833333 * 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.078125 * 1 * 100vw); --type-c-margin-top-padding-top-desktop-no-burger: calc(0.078125 * 1 * 100vw); --type-c-margin-top-padding-top-desktop-full: calc(0.078125 * 1 * 100vw); --type-c-margin-top-padding-top-desktop-large: calc(0.078125 * 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-z-index-mobile: 2; --type-c-title-block-z-index-tablet: 2; --type-c-title-block-z-index-desktop: 2; --type-c-title-block-z-index-desktop-no-burger: 2; --type-c-title-block-z-index-desktop-full: 2; --type-c-title-block-z-index-desktop-large: 2; --type-c-title-block-padding-bottom-mobile: calc(0.1282051282 * 1 * 100vw); --type-c-title-block-padding-bottom-tablet: calc(0.0853658537 * 1 * 100vw); --type-c-title-block-padding-bottom-desktop: 0; --type-c-title-block-padding-bottom-desktop-no-burger: 0; --type-c-title-block-padding-bottom-desktop-full: 0; --type-c-title-block-padding-bottom-desktop-large: 0; --type-c-title-block-position-mobile: relative; --type-c-title-block-position-tablet: relative; --type-c-title-block-position-desktop: relative; --type-c-title-block-position-desktop-no-burger: relative; --type-c-title-block-position-desktop-full: relative; --type-c-title-block-position-desktop-large: relative; --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.09375 * 1 * 100vw); --type-c-big-margin-margin-bottom-desktop-no-burger: calc(0.09375 * 1 * 100vw); --type-c-big-margin-margin-bottom-desktop-full: calc(0.09375 * 1 * 100vw); --type-c-big-margin-margin-bottom-desktop-large: calc(0.09375 * 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: 0 calc(0.0769230769 * 1 * 100vw) calc(0.2564102564 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-d-this-padding-tablet: 0 calc(0.0365853659 * 1 * 100vw) calc(0.1219512195 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-d-this-padding-desktop: 0 calc(0.0572916667 * 1 * 100vw) calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-d-this-padding-desktop-no-burger: 0 calc(0.0572916667 * 1 * 100vw) calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-d-this-padding-desktop-full: 0 calc(0.0572916667 * 1 * 100vw) calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-d-this-padding-desktop-large: 0 calc(0.0572916667 * 1 * 100vw) calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --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-title-block-display-mobile: block; --type-d-title-block-display-tablet: block; --type-d-title-block-display-desktop: grid; --type-d-title-block-display-desktop-no-burger: grid; --type-d-title-block-display-desktop-full: grid; --type-d-title-block-display-desktop-large: grid; --type-d-title-block-grid-template-columns-mobile: repeat(2, 1fr); --type-d-title-block-grid-template-columns-tablet: repeat(2, 1fr); --type-d-title-block-grid-template-columns-desktop: repeat(2, 1fr); --type-d-title-block-grid-template-columns-desktop-no-burger: repeat(2, 1fr); --type-d-title-block-grid-template-columns-desktop-full: repeat(2, 1fr); --type-d-title-block-grid-template-columns-desktop-large: repeat(2, 1fr); --type-d-title-block-column-gap-mobile: calc(0.0208333333 * 1 * 100vw); --type-d-title-block-column-gap-tablet: calc(0.0208333333 * 1 * 100vw); --type-d-title-block-column-gap-desktop: calc(0.0208333333 * 1 * 100vw); --type-d-title-block-column-gap-desktop-no-burger: calc(0.0208333333 * 1 * 100vw); --type-d-title-block-column-gap-desktop-full: calc(0.0208333333 * 1 * 100vw); --type-d-title-block-column-gap-desktop-large: calc(0.0208333333 * 1 * 100vw); --type-d-contain-team-display-mobile: grid; --type-d-contain-team-display-tablet: grid; --type-d-contain-team-display-desktop: grid; --type-d-contain-team-display-desktop-no-burger: grid; --type-d-contain-team-display-desktop-full: grid; --type-d-contain-team-display-desktop-large: grid; --type-d-contain-team-grid-template-columns-mobile: repeat(1, 1fr); --type-d-contain-team-grid-template-columns-tablet: repeat(1, 1fr); --type-d-contain-team-grid-template-columns-desktop: repeat(3, 1fr); --type-d-contain-team-grid-template-columns-desktop-no-burger: repeat(3, 1fr); --type-d-contain-team-grid-template-columns-desktop-full: repeat(3, 1fr); --type-d-contain-team-grid-template-columns-desktop-large: repeat(3, 1fr); --type-d-contain-team-column-gap-mobile: calc(0.0260416667 * 1 * 100vw); --type-d-contain-team-column-gap-tablet: calc(0.0260416667 * 1 * 100vw); --type-d-contain-team-column-gap-desktop: calc(0.0260416667 * 1 * 100vw); --type-d-contain-team-column-gap-desktop-no-burger: calc(0.0260416667 * 1 * 100vw); --type-d-contain-team-column-gap-desktop-full: calc(0.0260416667 * 1 * 100vw); --type-d-contain-team-column-gap-desktop-large: calc(0.0260416667 * 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.03125 * 1 * 100vw); --type-d-contain-team-row-gap-desktop-no-burger: calc(0.03125 * 1 * 100vw); --type-d-contain-team-row-gap-desktop-full: calc(0.03125 * 1 * 100vw); --type-d-contain-team-row-gap-desktop-large: calc(0.03125 * 1 * 100vw); --type-d-no-top-margin-top-mobile: 0; --type-d-no-top-margin-top-tablet: 0; --type-d-no-top-margin-top-desktop: 0; --type-d-no-top-margin-top-desktop-no-burger: 0; --type-d-no-top-margin-top-desktop-full: 0; --type-d-no-top-margin-top-desktop-large: 0; --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.03125 * 1 * 100vw); --type-d-margin-bottom-margin-bottom-desktop-no-burger: calc(0.03125 * 1 * 100vw); --type-d-margin-bottom-margin-bottom-desktop-full: calc(0.03125 * 1 * 100vw); --type-d-margin-bottom-margin-bottom-desktop-large: calc(0.03125 * 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.015625 * 1 * 100vw); --type-d-big-margin-margin-top-desktop-no-burger: calc(0.015625 * 1 * 100vw); --type-d-big-margin-margin-top-desktop-full: calc(0.015625 * 1 * 100vw); --type-d-big-margin-margin-top-desktop-large: calc(0.015625 * 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-blue); --type-d-image-background-color-tablet: var(--theme-color-blue); --type-d-image-background-color-desktop: var(--theme-color-blue); --type-d-image-background-color-desktop-no-burger: var(--theme-color-blue); --type-d-image-background-color-desktop-full: var(--theme-color-blue); --type-d-image-background-color-desktop-large: var(--theme-color-blue); --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) calc(0.0769230769 * 1 * 100vw); --type-e-this-margin-tablet: calc(0.0625 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-e-this-margin-desktop: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-e-this-margin-desktop-no-burger: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-e-this-margin-desktop-full: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-e-this-margin-desktop-large: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --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-color-blue-70-margin-mobile: 0 0 15px 0; --type-e-color-blue-70-margin-tablet: 0 0 15px 0; --type-e-color-blue-70-margin-desktop: 0 0 20px 0; --type-e-color-blue-70-margin-desktop-no-burger: 0 0 20px 0; --type-e-color-blue-70-margin-desktop-full: 0 0 20px 0; --type-e-color-blue-70-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.0260416667 * 1 * 100vw); --type-e-margin-bottom-margin-bottom-desktop-no-burger: calc(0.0260416667 * 1 * 100vw); --type-e-margin-bottom-margin-bottom-desktop-full: calc(0.0260416667 * 1 * 100vw); --type-e-margin-bottom-margin-bottom-desktop-large: calc(0.0260416667 * 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: 0; --type-f-this-padding-tablet: 0; --type-f-this-padding-desktop: calc(0.0572916667 * 1 * 100vw); --type-f-this-padding-desktop-no-burger: calc(0.0572916667 * 1 * 100vw); --type-f-this-padding-desktop-full: calc(0.0572916667 * 1 * 100vw); --type-f-this-padding-desktop-large: calc(0.0572916667 * 1 * 100vw); --type-f-this-margin-mobile: 0 calc(0.0769230769 * 1 * 100vw); --type-f-this-margin-tablet: 0; --type-f-this-margin-desktop: 0; --type-f-this-margin-desktop-no-burger: 0; --type-f-this-margin-desktop-full: 0; --type-f-this-margin-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-margin-top-padding-top-mobile: 0; --type-f-margin-top-padding-top-tablet: 0; --type-f-margin-top-padding-top-desktop: calc(0.0729166667 * 1 * 100vw); --type-f-margin-top-padding-top-desktop-no-burger: calc(0.0729166667 * 1 * 100vw); --type-f-margin-top-padding-top-desktop-full: calc(0.0729166667 * 1 * 100vw); --type-f-margin-top-padding-top-desktop-large: calc(0.0729166667 * 1 * 100vw); --type-f-margin-top-margin-top-mobile: 0; --type-f-margin-top-margin-top-tablet: 0; --type-f-margin-top-margin-top-desktop: 0; --type-f-margin-top-margin-top-desktop-no-burger: 0; --type-f-margin-top-margin-top-desktop-full: 0; --type-f-margin-top-margin-top-desktop-large: 0; --type-f-title-block-width-mobile: 100%; --type-f-title-block-width-tablet: 80%; --type-f-title-block-width-desktop: 80%; --type-f-title-block-width-desktop-no-burger: 80%; --type-f-title-block-width-desktop-full: 80%; --type-f-title-block-width-desktop-large: 80%; --type-f-title-block-margin-mobile: auto; --type-f-title-block-margin-tablet: auto; --type-f-title-block-margin-desktop: auto; --type-f-title-block-margin-desktop-no-burger: auto; --type-f-title-block-margin-desktop-full: auto; --type-f-title-block-margin-desktop-large: auto; --type-f-text-center-text-align-mobile: start; --type-f-text-center-text-align-tablet: center; --type-f-text-center-text-align-desktop: center; --type-f-text-center-text-align-desktop-no-burger: center; --type-f-text-center-text-align-desktop-full: center; --type-f-text-center-text-align-desktop-large: center; --type-f-margin-bottom-margin-bottom-mobile: calc(0.0769230769 * 1 * 100vw); --type-f-margin-bottom-margin-bottom-tablet: calc(0.0487804878 * 1 * 100vw); --type-f-margin-bottom-margin-bottom-desktop: calc(0.0260416667 * 1 * 100vw); --type-f-margin-bottom-margin-bottom-desktop-no-burger: calc(0.0260416667 * 1 * 100vw); --type-f-margin-bottom-margin-bottom-desktop-full: calc(0.0260416667 * 1 * 100vw); --type-f-margin-bottom-margin-bottom-desktop-large: calc(0.0260416667 * 1 * 100vw); --type-f-form-width-mobile: 100%; --type-f-form-width-tablet: 70%; --type-f-form-width-desktop: 70%; --type-f-form-width-desktop-no-burger: 70%; --type-f-form-width-desktop-full: 70%; --type-f-form-width-desktop-large: 70%; --type-f-form-margin-mobile: calc(0.2564102564 * 1 * 100vw) auto; --type-f-form-margin-tablet: calc(0.1463414634 * 1 * 100vw) auto; --type-f-form-margin-desktop: calc(0.078125 * 1 * 100vw) auto; --type-f-form-margin-desktop-no-burger: calc(0.078125 * 1 * 100vw) auto; --type-f-form-margin-desktop-full: calc(0.078125 * 1 * 100vw) auto; --type-f-form-margin-desktop-large: calc(0.078125 * 1 * 100vw) auto; --type-f-form-z-index-mobile: 2; --type-f-form-z-index-tablet: 2; --type-f-form-z-index-desktop: 2; --type-f-form-z-index-desktop-no-burger: 2; --type-f-form-z-index-desktop-full: 2; --type-f-form-z-index-desktop-large: 2; --type-f-form-position-mobile: relative; --type-f-form-position-tablet: relative; --type-f-form-position-desktop: relative; --type-f-form-position-desktop-no-burger: relative; --type-f-form-position-desktop-full: relative; --type-f-form-position-desktop-large: relative; --type-f-form-padding-bottom-mobile: 0; --type-f-form-padding-bottom-tablet: 0; --type-f-form-padding-bottom-desktop: calc(0.078125 * 1 * 100vw); --type-f-form-padding-bottom-desktop-no-burger: calc(0.078125 * 1 * 100vw); --type-f-form-padding-bottom-desktop-full: calc(0.078125 * 1 * 100vw); --type-f-form-padding-bottom-desktop-large: calc(0.078125 * 1 * 100vw); --type-f-gform_footer-position-mobile: relative; --type-f-gform_footer-position-tablet: relative; --type-f-gform_footer-position-desktop: absolute; --type-f-gform_footer-position-desktop-no-burger: absolute; --type-f-gform_footer-position-desktop-full: absolute; --type-f-gform_footer-position-desktop-large: absolute; --type-f-gform_footer-bottom-mobile: 0; --type-f-gform_footer-bottom-tablet: 0; --type-f-gform_footer-bottom-desktop: calc(0.078125 * 1 * 100vw); --type-f-gform_footer-bottom-desktop-no-burger: calc(0.078125 * 1 * 100vw); --type-f-gform_footer-bottom-desktop-full: calc(0.078125 * 1 * 100vw); --type-f-gform_footer-bottom-desktop-large: calc(0.078125 * 1 * 100vw); --type-f-gform_footer-right-mobile: 0; --type-f-gform_footer-right-tablet: 0; --type-f-gform_footer-right-desktop: calc(0.078125 * 1 * 100vw); --type-f-gform_footer-right-desktop-no-burger: calc(0.078125 * 1 * 100vw); --type-f-gform_footer-right-desktop-full: calc(0.078125 * 1 * 100vw); --type-f-gform_footer-right-desktop-large: calc(0.078125 * 1 * 100vw); --type-f-gform_footer-padding-top-mobile: calc(0.1025641026 * 1 * 100vw); --type-f-gform_footer-padding-top-tablet: calc(0.0609756098 * 1 * 100vw); --type-f-gform_footer-padding-top-desktop: 0; --type-f-gform_footer-padding-top-desktop-no-burger: 0; --type-f-gform_footer-padding-top-desktop-full: 0; --type-f-gform_footer-padding-top-desktop-large: 0; --type-f-gform_confirmation_message-width-mobile: 100%; --type-f-gform_confirmation_message-width-tablet: 100%; --type-f-gform_confirmation_message-width-desktop: 80%; --type-f-gform_confirmation_message-width-desktop-no-burger: 80%; --type-f-gform_confirmation_message-width-desktop-full: 80%; --type-f-gform_confirmation_message-width-desktop-large: 80%; --type-f-gform_confirmation_message-margin-mobile: auto; --type-f-gform_confirmation_message-margin-tablet: auto; --type-f-gform_confirmation_message-margin-desktop: auto; --type-f-gform_confirmation_message-margin-desktop-no-burger: auto; --type-f-gform_confirmation_message-margin-desktop-full: auto; --type-f-gform_confirmation_message-margin-desktop-large: auto; --type-f-gform_confirmation_message-text-align-mobile: start; --type-f-gform_confirmation_message-text-align-tablet: start; --type-f-gform_confirmation_message-text-align-desktop: center; --type-f-gform_confirmation_message-text-align-desktop-no-burger: center; --type-f-gform_confirmation_message-text-align-desktop-full: center; --type-f-gform_confirmation_message-text-align-desktop-large: center; --type-f-section-with-background-display-mobile: none; --type-f-section-with-background-display-tablet: block; --type-f-section-with-background-display-desktop: block; --type-f-section-with-background-display-desktop-no-burger: block; --type-f-section-with-background-display-desktop-full: block; --type-f-section-with-background-display-desktop-large: block; --type-f-section-with-background-height-mobile: auto; --type-f-section-with-background-height-tablet: auto; --type-f-section-with-background-height-desktop: auto; --type-f-section-with-background-height-desktop-no-burger: auto; --type-f-section-with-background-height-desktop-full: auto; --type-f-section-with-background-height-desktop-large: auto; --type-f-section-with-background-width-mobile: 100%; --type-f-section-with-background-width-tablet: 100%; --type-f-section-with-background-width-desktop: 100%; --type-f-section-with-background-width-desktop-no-burger: 100%; --type-f-section-with-background-width-desktop-full: 100%; --type-f-section-with-background-width-desktop-large: 100%; --type-f-section-with-background-position-mobile: absolute; --type-f-section-with-background-position-tablet: absolute; --type-f-section-with-background-position-desktop: absolute; --type-f-section-with-background-position-desktop-no-burger: absolute; --type-f-section-with-background-position-desktop-full: absolute; --type-f-section-with-background-position-desktop-large: absolute; --type-f-section-with-background-left-mobile: 0; --type-f-section-with-background-left-tablet: 0; --type-f-section-with-background-left-desktop: 0; --type-f-section-with-background-left-desktop-no-burger: 0; --type-f-section-with-background-left-desktop-full: 0; --type-f-section-with-background-left-desktop-large: 0; --type-f-section-with-background-top-mobile: 0; --type-f-section-with-background-top-tablet: 0; --type-f-section-with-background-top-desktop: 0; --type-f-section-with-background-top-desktop-no-burger: 0; --type-f-section-with-background-top-desktop-full: 0; --type-f-section-with-background-top-desktop-large: 0; --type-f-image-background-height-mobile: 800px; --type-f-image-background-height-tablet: 800px; --type-f-image-background-height-desktop: 800px; --type-f-image-background-height-desktop-no-burger: 800px; --type-f-image-background-height-desktop-full: 800px; --type-f-image-background-height-desktop-large: 800px; --type-f-image-background-width-mobile: 100%; --type-f-image-background-width-tablet: 100%; --type-f-image-background-width-desktop: 100%; --type-f-image-background-width-desktop-no-burger: 100%; --type-f-image-background-width-desktop-full: 100%; --type-f-image-background-width-desktop-large: 100%; --type-f-image-background-opacity-mobile: 0.3; --type-f-image-background-opacity-tablet: 0.3; --type-f-image-background-opacity-desktop: 0.3; --type-f-image-background-opacity-desktop-no-burger: 0.3; --type-f-image-background-opacity-desktop-full: 0.3; --type-f-image-background-opacity-desktop-large: 0.3; --type-f-image-background-object-fit-mobile: cover; --type-f-image-background-object-fit-tablet: cover; --type-f-image-background-object-fit-desktop: cover; --type-f-image-background-object-fit-desktop-no-burger: cover; --type-f-image-background-object-fit-desktop-full: cover; --type-f-image-background-object-fit-desktop-large: cover; --type-f-image-background-transform-mobile: scale(1.5); --type-f-image-background-transform-tablet: scale(1.5); --type-f-image-background-transform-desktop: scale(1.5); --type-f-image-background-transform-desktop-no-burger: scale(1.5); --type-f-image-background-transform-desktop-full: scale(1.5); --type-f-image-background-transform-desktop-large: scale(1.5); --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.0572916667 * 1 * 100vw) calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-g-this-padding-desktop-no-burger: 0 calc(0.0572916667 * 1 * 100vw) calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-g-this-padding-desktop-full: 0 calc(0.0572916667 * 1 * 100vw) calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-g-this-padding-desktop-large: 0 calc(0.0572916667 * 1 * 100vw) calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 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.0208333333 * 1 * 100vw); --type-g-title-block-column-gap-tablet: calc(0.0208333333 * 1 * 100vw); --type-g-title-block-column-gap-desktop: calc(0.0208333333 * 1 * 100vw); --type-g-title-block-column-gap-desktop-no-burger: calc(0.0208333333 * 1 * 100vw); --type-g-title-block-column-gap-desktop-full: calc(0.0208333333 * 1 * 100vw); --type-g-title-block-column-gap-desktop-large: calc(0.0208333333 * 1 * 100vw); --type-g-title-block-padding-mobile: 0 calc(0.0769230769 * 1 * 100vw); --type-g-title-block-padding-tablet: 0 calc(0.0365853659 * 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.0208333333 * 1 * 100vw) 0; --type-g-no-top-margin-tablet: 0 0 calc(0.0208333333 * 1 * 100vw) 0; --type-g-no-top-margin-desktop: 0 0 calc(0.0208333333 * 1 * 100vw) 0; --type-g-no-top-margin-desktop-no-burger: 0 0 calc(0.0208333333 * 1 * 100vw) 0; --type-g-no-top-margin-desktop-full: 0 0 calc(0.0208333333 * 1 * 100vw) 0; --type-g-no-top-margin-desktop-large: 0 0 calc(0.0208333333 * 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.0769230769 * 1 * 100vw); --type-h-this-padding-tablet: calc(0.1463414634 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-h-this-padding-desktop: calc(0.046875 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-h-this-padding-desktop-no-burger: calc(0.046875 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-h-this-padding-desktop-full: calc(0.046875 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-h-this-padding-desktop-large: calc(0.046875 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-h-this-position-mobile: relative; --type-h-this-position-tablet: relative; --type-h-this-position-desktop: relative; --type-h-this-position-desktop-no-burger: relative; --type-h-this-position-desktop-full: relative; --type-h-this-position-desktop-large: relative; --type-h-this-display-mobile: flex; --type-h-this-display-tablet: grid; --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-this-margin-mobile: 0; --type-h-this-margin-tablet: 0; --type-h-this-margin-desktop: 0; --type-h-this-margin-desktop-no-burger: 0; --type-h-this-margin-desktop-full: 0; --type-h-this-margin-desktop-large: 0; --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.0104166667 * 1 * 100vw); --type-h-icon-padding-desktop-no-burger: 0 calc(0.0104166667 * 1 * 100vw); --type-h-icon-padding-desktop-full: 0 calc(0.0104166667 * 1 * 100vw); --type-h-icon-padding-desktop-large: 0 calc(0.0104166667 * 1 * 100vw); --type-h-icon-margin-mobile: auto; --type-h-icon-margin-tablet: auto; --type-h-icon-margin-desktop: auto; --type-h-icon-margin-desktop-no-burger: auto; --type-h-icon-margin-desktop-full: auto; --type-h-icon-margin-desktop-large: auto; --type-h-icon-width-mobile: calc(0.0078125 * 1 * 100vw); --type-h-icon-width-tablet: calc(0.0104166667 * 1 * 100vw); --type-h-icon-width-desktop: calc(0.0130208333 * 1 * 100vw); --type-h-icon-width-desktop-no-burger: calc(0.0130208333 * 1 * 100vw); --type-h-icon-width-desktop-full: calc(0.0130208333 * 1 * 100vw); --type-h-icon-width-desktop-large: calc(0.0130208333 * 1 * 100vw); --type-h-little-margin-margin-mobile: 0; --type-h-little-margin-margin-tablet: 0; --type-h-little-margin-margin-desktop: calc(0.0052083333 * 1 * 100vw) 0 0 0; --type-h-little-margin-margin-desktop-no-burger: calc(0.0052083333 * 1 * 100vw) 0 0 0; --type-h-little-margin-margin-desktop-full: calc(0.0052083333 * 1 * 100vw) 0 0 0; --type-h-little-margin-margin-desktop-large: calc(0.0052083333 * 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.0769230769 * 1 * 100vw); --type-i-this-padding-tablet: calc(0.1219512195 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-i-this-padding-desktop: calc(0.0572916667 * 1 * 100vw); --type-i-this-padding-desktop-no-burger: calc(0.0572916667 * 1 * 100vw); --type-i-this-padding-desktop-full: calc(0.0572916667 * 1 * 100vw); --type-i-this-padding-desktop-large: calc(0.0572916667 * 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-orange); --type-i-color-box-background-color-tablet: var(--theme-color-orange); --type-i-color-box-background-color-desktop: var(--theme-color-orange); --type-i-color-box-background-color-desktop-no-burger: var(--theme-color-orange); --type-i-color-box-background-color-desktop-full: var(--theme-color-orange); --type-i-color-box-background-color-desktop-large: var(--theme-color-orange); --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.0769230769 * 1 * 100vw) calc(0.1282051282 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-i-color-box-padding-tablet: calc(0.0975609756 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-i-color-box-padding-desktop: calc(0.0572916667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0520833333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-i-color-box-padding-desktop-no-burger: calc(0.0572916667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0520833333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-i-color-box-padding-desktop-full: calc(0.0572916667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0520833333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-i-color-box-padding-desktop-large: calc(0.0572916667 * 1 * 100vw) calc(0.0416666667 * 1 * 100vw) calc(0.0520833333 * 1 * 100vw) calc(0.0572916667 * 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.015625 * 1 * 100vw); --type-i-margin-bottom-margin-bottom-desktop-no-burger: calc(0.015625 * 1 * 100vw); --type-i-margin-bottom-margin-bottom-desktop-full: calc(0.015625 * 1 * 100vw); --type-i-margin-bottom-margin-bottom-desktop-large: calc(0.015625 * 1 * 100vw); --type-i-image-bottom-right-mobile: -10px; --type-i-image-bottom-right-tablet: -10px; --type-i-image-bottom-right-desktop: calc(0.0833333333 * 1 * 100vw); --type-i-image-bottom-right-desktop-no-burger: calc(0.0833333333 * 1 * 100vw); --type-i-image-bottom-right-desktop-full: calc(0.0833333333 * 1 * 100vw); --type-i-image-bottom-right-desktop-large: calc(0.0833333333 * 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.1041666667 * 1 * 100vw); --type-i-image-bottom-height-desktop-no-burger: calc(0.1041666667 * 1 * 100vw); --type-i-image-bottom-height-desktop-full: calc(0.1041666667 * 1 * 100vw); --type-i-image-bottom-height-desktop-large: calc(0.1041666667 * 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.1041666667 * 1 * 100vw); --type-i-image-bottom-width-desktop-no-burger: calc(0.1041666667 * 1 * 100vw); --type-i-image-bottom-width-desktop-full: calc(0.1041666667 * 1 * 100vw); --type-i-image-bottom-width-desktop-large: calc(0.1041666667 * 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.1538461538 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-j-this-padding-tablet: calc(0.1219512195 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-j-this-padding-desktop: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-j-this-padding-desktop-no-burger: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-j-this-padding-desktop-full: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-j-this-padding-desktop-large: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 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-image-top-left-mobile: 8%; --type-j-image-top-left-tablet: 8%; --type-j-image-top-left-desktop: 8%; --type-j-image-top-left-desktop-no-burger: 8%; --type-j-image-top-left-desktop-full: 8%; --type-j-image-top-left-desktop-large: 8%; --type-j-image-top-top-mobile: 4%; --type-j-image-top-top-tablet: 8%; --type-j-image-top-top-desktop: 12%; --type-j-image-top-top-desktop-no-burger: 12%; --type-j-image-top-top-desktop-full: 12%; --type-j-image-top-top-desktop-large: 12%; --type-j-image-top-scale-mobile: 1; --type-j-image-top-scale-tablet: 1.2; --type-j-image-top-scale-desktop: 1.2; --type-j-image-top-scale-desktop-no-burger: 1.2; --type-j-image-top-scale-desktop-full: 1.2; --type-j-image-top-scale-desktop-large: 1.2; --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-background-color-mobile: var(--theme-color-orange); --type-j-color-box-background-color-tablet: var(--theme-color-orange); --type-j-color-box-background-color-desktop: var(--theme-color-orange); --type-j-color-box-background-color-desktop-no-burger: var(--theme-color-orange); --type-j-color-box-background-color-desktop-full: var(--theme-color-orange); --type-j-color-box-background-color-desktop-large: var(--theme-color-orange); --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: calc(0.1538461538 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) calc(0.1282051282 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-j-color-box-padding-tablet: calc(0.0975609756 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-j-color-box-padding-desktop: calc(0.0520833333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-j-color-box-padding-desktop-no-burger: calc(0.0520833333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-j-color-box-padding-desktop-full: calc(0.0520833333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-j-color-box-padding-desktop-large: calc(0.0520833333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --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.0364583333 * 1 * 100vw); --type-j-color-box-column-gap-desktop-no-burger: calc(0.0364583333 * 1 * 100vw); --type-j-color-box-column-gap-desktop-full: calc(0.0364583333 * 1 * 100vw); --type-j-color-box-column-gap-desktop-large: calc(0.0364583333 * 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.015625 * 1 * 100vw); --type-j-margin-bottom-margin-top-desktop-no-burger: calc(0.015625 * 1 * 100vw); --type-j-margin-bottom-margin-top-desktop-full: calc(0.015625 * 1 * 100vw); --type-j-margin-bottom-margin-top-desktop-large: calc(0.015625 * 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-width-mobile: 100%; --type-j-title-block-width-tablet: 100%; --type-j-title-block-width-desktop: 100%; --type-j-title-block-width-desktop-no-burger: 100%; --type-j-title-block-width-desktop-full: 100%; --type-j-title-block-width-desktop-large: 100%; --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.015625 * 1 * 100vw); --type-j-margin-top-margin-bottom-tablet: calc(0.015625 * 1 * 100vw); --type-j-margin-top-margin-bottom-desktop: calc(0.015625 * 1 * 100vw); --type-j-margin-top-margin-bottom-desktop-no-burger: calc(0.015625 * 1 * 100vw); --type-j-margin-top-margin-bottom-desktop-full: calc(0.015625 * 1 * 100vw); --type-j-margin-top-margin-bottom-desktop-large: calc(0.015625 * 1 * 100vw); --type-j-image-bottom-display-mobile: none; --type-j-image-bottom-display-tablet: none; --type-j-image-bottom-display-desktop: block; --type-j-image-bottom-display-desktop-no-burger: block; --type-j-image-bottom-display-desktop-full: block; --type-j-image-bottom-display-desktop-large: block; --type-j-image-bottom-right-mobile: 10%; --type-j-image-bottom-right-tablet: 10%; --type-j-image-bottom-right-desktop: 10%; --type-j-image-bottom-right-desktop-no-burger: 10%; --type-j-image-bottom-right-desktop-full: 10%; --type-j-image-bottom-right-desktop-large: 10%; --type-j-image-bottom-bottom-mobile: 10%; --type-j-image-bottom-bottom-tablet: 10%; --type-j-image-bottom-bottom-desktop: 10%; --type-j-image-bottom-bottom-desktop-no-burger: 10%; --type-j-image-bottom-bottom-desktop-full: 10%; --type-j-image-bottom-bottom-desktop-large: 10%; --type-j-image-bottom-height-mobile: calc(0.1041666667 * 1 * 100vw); --type-j-image-bottom-height-tablet: calc(0.1041666667 * 1 * 100vw); --type-j-image-bottom-height-desktop: calc(0.1041666667 * 1 * 100vw); --type-j-image-bottom-height-desktop-no-burger: calc(0.1041666667 * 1 * 100vw); --type-j-image-bottom-height-desktop-full: calc(0.1041666667 * 1 * 100vw); --type-j-image-bottom-height-desktop-large: calc(0.1041666667 * 1 * 100vw); --type-j-image-bottom-width-mobile: calc(0.1041666667 * 1 * 100vw); --type-j-image-bottom-width-tablet: calc(0.1041666667 * 1 * 100vw); --type-j-image-bottom-width-desktop: calc(0.1041666667 * 1 * 100vw); --type-j-image-bottom-width-desktop-no-burger: calc(0.1041666667 * 1 * 100vw); --type-j-image-bottom-width-desktop-full: calc(0.1041666667 * 1 * 100vw); --type-j-image-bottom-width-desktop-large: calc(0.1041666667 * 1 * 100vw); --type-j-position-z-index-mobile: 3; --type-j-position-z-index-tablet: 3; --type-j-position-z-index-desktop: 3; --type-j-position-z-index-desktop-no-burger: 3; --type-j-position-z-index-desktop-full: 3; --type-j-position-z-index-desktop-large: 3; --type-j-position-position-mobile: absolute; --type-j-position-position-tablet: absolute; --type-j-position-position-desktop: absolute; --type-j-position-position-desktop-no-burger: absolute; --type-j-position-position-desktop-full: absolute; --type-j-position-position-desktop-large: absolute; --type-j-section-with-background-height-mobile: 100%; --type-j-section-with-background-height-tablet: 100%; --type-j-section-with-background-height-desktop: 100%; --type-j-section-with-background-height-desktop-no-burger: 100%; --type-j-section-with-background-height-desktop-full: 100%; --type-j-section-with-background-height-desktop-large: 100%; --type-j-section-with-background-position-mobile: absolute; --type-j-section-with-background-position-tablet: absolute; --type-j-section-with-background-position-desktop: absolute; --type-j-section-with-background-position-desktop-no-burger: absolute; --type-j-section-with-background-position-desktop-full: absolute; --type-j-section-with-background-position-desktop-large: absolute; --type-j-section-with-background-left-mobile: 0; --type-j-section-with-background-left-tablet: 0; --type-j-section-with-background-left-desktop: 0; --type-j-section-with-background-left-desktop-no-burger: 0; --type-j-section-with-background-left-desktop-full: 0; --type-j-section-with-background-left-desktop-large: 0; --type-j-section-with-background-top-mobile: 0; --type-j-section-with-background-top-tablet: 0; --type-j-section-with-background-top-desktop: 0; --type-j-section-with-background-top-desktop-no-burger: 0; --type-j-section-with-background-top-desktop-full: 0; --type-j-section-with-background-top-desktop-large: 0; --type-j-section-with-background-width-mobile: 100%; --type-j-section-with-background-width-tablet: 100%; --type-j-section-with-background-width-desktop: 100%; --type-j-section-with-background-width-desktop-no-burger: 100%; --type-j-section-with-background-width-desktop-full: 100%; --type-j-section-with-background-width-desktop-large: 100%; --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-j-image-background-object-fit-mobile: cover; --type-j-image-background-object-fit-tablet: cover; --type-j-image-background-object-fit-desktop: cover; --type-j-image-background-object-fit-desktop-no-burger: cover; --type-j-image-background-object-fit-desktop-full: cover; --type-j-image-background-object-fit-desktop-large: cover; --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.0769230769 * 1 * 100vw); --type-m-this-margin-tablet: calc(0.1463414634 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-m-this-margin-desktop: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-m-this-margin-desktop-no-burger: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-m-this-margin-desktop-full: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-m-this-margin-desktop-large: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 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-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-slide-avis-padding-mobile: calc(0.0769230769 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) 0 calc(0.0769230769 * 1 * 100vw); --type-m-slide-avis-padding-tablet: calc(0.0487804878 * 1 * 100vw) calc(0.0487804878 * 1 * 100vw) 0 calc(0.0487804878 * 1 * 100vw); --type-m-slide-avis-padding-desktop: calc(0.0260416667 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw) 0 calc(0.0208333333 * 1 * 100vw); --type-m-slide-avis-padding-desktop-no-burger: calc(0.0260416667 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw) 0 calc(0.0208333333 * 1 * 100vw); --type-m-slide-avis-padding-desktop-full: calc(0.0260416667 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw) 0 calc(0.0208333333 * 1 * 100vw); --type-m-slide-avis-padding-desktop-large: calc(0.0260416667 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw) 0 calc(0.0208333333 * 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-margin-top-mobile: calc(0.1025641026 * 1 * 100vw); --type-m-swiper-slide-margin-top-tablet: calc(0.0548780488 * 1 * 100vw); --type-m-swiper-slide-margin-top-desktop: calc(0.0260416667 * 1 * 100vw); --type-m-swiper-slide-margin-top-desktop-no-burger: calc(0.0260416667 * 1 * 100vw); --type-m-swiper-slide-margin-top-desktop-full: calc(0.0260416667 * 1 * 100vw); --type-m-swiper-slide-margin-top-desktop-large: calc(0.0260416667 * 1 * 100vw); --type-m-swiper-slide-border-mobile: 1px solid var(--theme-color-light-blue); --type-m-swiper-slide-border-tablet: 1px solid var(--theme-color-light-blue); --type-m-swiper-slide-border-desktop: 1px solid var(--theme-color-light-blue); --type-m-swiper-slide-border-desktop-no-burger: 1px solid var(--theme-color-light-blue); --type-m-swiper-slide-border-desktop-full: 1px solid var(--theme-color-light-blue); --type-m-swiper-slide-border-desktop-large: 1px solid var(--theme-color-light-blue); --type-m-swiper-slide-border-radius-mobile: 15px; --type-m-swiper-slide-border-radius-tablet: 15px; --type-m-swiper-slide-border-radius-desktop: 15px; --type-m-swiper-slide-border-radius-desktop-no-burger: 15px; --type-m-swiper-slide-border-radius-desktop-full: 15px; --type-m-swiper-slide-border-radius-desktop-large: 15px; --type-m-swiper-slide-padding-bottom-mobile: calc(0.1025641026 * 1 * 100vw); --type-m-swiper-slide-padding-bottom-tablet: calc(0.0487804878 * 1 * 100vw); --type-m-swiper-slide-padding-bottom-desktop: calc(0.0208333333 * 1 * 100vw); --type-m-swiper-slide-padding-bottom-desktop-no-burger: calc(0.0208333333 * 1 * 100vw); --type-m-swiper-slide-padding-bottom-desktop-full: calc(0.0208333333 * 1 * 100vw); --type-m-swiper-slide-padding-bottom-desktop-large: calc(0.0208333333 * 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-color-blue-70-margin-mobile: calc(0.0512820513 * 1 * 100vw) 0; --type-m-color-blue-70-margin-tablet: calc(0.0304878049 * 1 * 100vw) 0; --type-m-color-blue-70-margin-desktop: calc(0.015625 * 1 * 100vw) 0; --type-m-color-blue-70-margin-desktop-no-burger: calc(0.015625 * 1 * 100vw) 0; --type-m-color-blue-70-margin-desktop-full: calc(0.015625 * 1 * 100vw) 0; --type-m-color-blue-70-margin-desktop-large: calc(0.015625 * 1 * 100vw) 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.0769230769 * 1 * 100vw); --type-n-section-half-margin-tablet: calc(0.1219512195 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-n-section-half-margin-desktop: calc(0.0677083333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0729166667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-n-section-half-margin-desktop-no-burger: calc(0.0677083333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0729166667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-n-section-half-margin-desktop-full: calc(0.0677083333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0729166667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-n-section-half-margin-desktop-large: calc(0.0677083333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0729166667 * 1 * 100vw) calc(0.0572916667 * 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.2760416667 * 1 * 100vw); --type-n-image-half-height-desktop-no-burger: calc(0.2760416667 * 1 * 100vw); --type-n-image-half-height-desktop-full: calc(0.2760416667 * 1 * 100vw); --type-n-image-half-height-desktop-large: calc(0.2760416667 * 1 * 100vw); --type-n-zigzag-width-mobile: 200px; --type-n-zigzag-width-tablet: 200px; --type-n-zigzag-width-desktop: calc(0.15625 * 1 * 100vw); --type-n-zigzag-width-desktop-no-burger: calc(0.15625 * 1 * 100vw); --type-n-zigzag-width-desktop-full: calc(0.15625 * 1 * 100vw); --type-n-zigzag-width-desktop-large: calc(0.15625 * 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.3846153846 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) calc(0.3333333333 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-n-section-details-padding-tablet: calc(0.1829268293 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0.1707317073 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-n-section-details-padding-desktop: calc(0.0833333333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-n-section-details-padding-desktop-no-burger: calc(0.0833333333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-n-section-details-padding-desktop-full: calc(0.0833333333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-n-section-details-padding-desktop-large: calc(0.0833333333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 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(2, 1fr); --type-n-section-details-grid-template-columns-desktop-no-burger: repeat(2, 1fr); --type-n-section-details-grid-template-columns-desktop-full: repeat(2, 1fr); --type-n-section-details-grid-template-columns-desktop-large: repeat(2, 1fr); --type-n-section-details-gap-mobile: 90px; --type-n-section-details-gap-tablet: 90px; --type-n-section-details-gap-desktop: 50px; --type-n-section-details-gap-desktop-no-burger: 50px; --type-n-section-details-gap-desktop-full: 50px; --type-n-section-details-gap-desktop-large: 50px; --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.0260416667 * 1 * 100vw); --type-o-margin-bottom-margin-bottom-tablet: calc(0.0260416667 * 1 * 100vw); --type-o-margin-bottom-margin-bottom-desktop: calc(0.0260416667 * 1 * 100vw); --type-o-margin-bottom-margin-bottom-desktop-no-burger: calc(0.0260416667 * 1 * 100vw); --type-o-margin-bottom-margin-bottom-desktop-full: calc(0.0260416667 * 1 * 100vw); --type-o-margin-bottom-margin-bottom-desktop-large: calc(0.0260416667 * 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.0416666667 * 1 * 100vw); --type-o-little-margin-margin-bottom-tablet: calc(0.0416666667 * 1 * 100vw); --type-o-little-margin-margin-bottom-desktop: calc(0.0416666667 * 1 * 100vw); --type-o-little-margin-margin-bottom-desktop-no-burger: calc(0.0416666667 * 1 * 100vw); --type-o-little-margin-margin-bottom-desktop-full: calc(0.0416666667 * 1 * 100vw); --type-o-little-margin-margin-bottom-desktop-large: calc(0.0416666667 * 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-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-padding-mobile: calc(0.2564102564 * 1 * 100vw) 0; --type-p-this-padding-tablet: calc(0.1219512195 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-p-this-padding-desktop: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-p-this-padding-desktop-no-burger: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-p-this-padding-desktop-full: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-p-this-padding-desktop-large: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 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-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.2760416667 * 1 * 100vw); --type-p-img-width-desktop-no-burger: calc(0.2760416667 * 1 * 100vw); --type-p-img-width-desktop-full: calc(0.2760416667 * 1 * 100vw); --type-p-img-width-desktop-large: calc(0.2760416667 * 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.1822916667 * 1 * 100vw); --type-p-img-height-desktop-no-burger: calc(0.1822916667 * 1 * 100vw); --type-p-img-height-desktop-full: calc(0.1822916667 * 1 * 100vw); --type-p-img-height-desktop-large: calc(0.1822916667 * 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.0078125 * 1 * 100vw); --type-p-img-border-radius-desktop-no-burger: calc(0.0078125 * 1 * 100vw); --type-p-img-border-radius-desktop-full: calc(0.0078125 * 1 * 100vw); --type-p-img-border-radius-desktop-large: calc(0.0078125 * 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.0769230769 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-p-title-block-margin-tablet: 0 0 calc(0.0365853659 * 1 * 100vw) 0; --type-p-title-block-margin-desktop: 0 0 calc(0.0338541667 * 1 * 100vw) 0; --type-p-title-block-margin-desktop-no-burger: 0 0 calc(0.0338541667 * 1 * 100vw) 0; --type-p-title-block-margin-desktop-full: 0 0 calc(0.0338541667 * 1 * 100vw) 0; --type-p-title-block-margin-desktop-large: 0 0 calc(0.0338541667 * 1 * 100vw) 0; --type-q-this-padding-mobile: calc(0.1025641026 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-q-this-padding-tablet: calc(0.0975609756 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-q-this-padding-desktop: calc(0.0416666667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-q-this-padding-desktop-no-burger: calc(0.0416666667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-q-this-padding-desktop-full: calc(0.0416666667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-q-this-padding-desktop-large: calc(0.0416666667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --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-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: 50px; --type-q-margin-top-margin-bottom-tablet: 50px; --type-q-margin-top-margin-bottom-desktop: 50px; --type-q-margin-top-margin-bottom-desktop-no-burger: 50px; --type-q-margin-top-margin-bottom-desktop-full: 50px; --type-q-margin-top-margin-bottom-desktop-large: 50px; --type-q-margin-bottom-margin-top-mobile: calc(0.015625 * 1 * 100vw); --type-q-margin-bottom-margin-top-tablet: calc(0.015625 * 1 * 100vw); --type-q-margin-bottom-margin-top-desktop: calc(0.015625 * 1 * 100vw); --type-q-margin-bottom-margin-top-desktop-no-burger: calc(0.015625 * 1 * 100vw); --type-q-margin-bottom-margin-top-desktop-full: calc(0.015625 * 1 * 100vw); --type-q-margin-bottom-margin-top-desktop-large: calc(0.015625 * 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.3076923077 * 1 * 100vw); --type-q-slide-partenaires-width-tablet: calc(0.2195121951 * 1 * 100vw); --type-q-slide-partenaires-width-desktop: calc(0.1354166667 * 1 * 100vw); --type-q-slide-partenaires-width-desktop-no-burger: calc(0.1354166667 * 1 * 100vw); --type-q-slide-partenaires-width-desktop-full: calc(0.1354166667 * 1 * 100vw); --type-q-slide-partenaires-width-desktop-large: calc(0.1354166667 * 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-height-mobile: calc(0.1538461538 * 1 * 100vw); --type-q-slide-partenaires-height-tablet: calc(0.1097560976 * 1 * 100vw); --type-q-slide-partenaires-height-desktop: calc(0.0625 * 1 * 100vw); --type-q-slide-partenaires-height-desktop-no-burger: calc(0.0625 * 1 * 100vw); --type-q-slide-partenaires-height-desktop-full: calc(0.0625 * 1 * 100vw); --type-q-slide-partenaires-height-desktop-large: calc(0.0625 * 1 * 100vw); --type-q-slide-partenaires-margin-mobile: 0 20px; --type-q-slide-partenaires-margin-tablet: 0 20px; --type-q-slide-partenaires-margin-desktop: 0 20px; --type-q-slide-partenaires-margin-desktop-no-burger: 0 20px; --type-q-slide-partenaires-margin-desktop-full: 0 20px; --type-q-slide-partenaires-margin-desktop-large: 0 20px; --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.0520833333 * 1 * 100vw); --type-r-this-column-gap-tablet: calc(0.0520833333 * 1 * 100vw); --type-r-this-column-gap-desktop: calc(0.0520833333 * 1 * 100vw); --type-r-this-column-gap-desktop-no-burger: calc(0.0520833333 * 1 * 100vw); --type-r-this-column-gap-desktop-full: calc(0.0520833333 * 1 * 100vw); --type-r-this-column-gap-desktop-large: calc(0.0520833333 * 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.0208333333 * 1 * 100vw); --type-r-margin-top-margin-top-desktop-no-burger: calc(0.0208333333 * 1 * 100vw); --type-r-margin-top-margin-top-desktop-full: calc(0.0208333333 * 1 * 100vw); --type-r-margin-top-margin-top-desktop-large: calc(0.0208333333 * 1 * 100vw); --type-r-accordion-item-border-mobile: 1px solid var(--theme-color-light-blue); --type-r-accordion-item-border-tablet: 1px solid var(--theme-color-light-blue); --type-r-accordion-item-border-desktop: 1px solid var(--theme-color-light-blue); --type-r-accordion-item-border-desktop-no-burger: 1px solid var(--theme-color-light-blue); --type-r-accordion-item-border-desktop-full: 1px solid var(--theme-color-light-blue); --type-r-accordion-item-border-desktop-large: 1px solid var(--theme-color-light-blue); --type-r-accordion-item-background-color-mobile: var(--theme-color-full-white); --type-r-accordion-item-background-color-tablet: var(--theme-color-full-white); --type-r-accordion-item-background-color-desktop: var(--theme-color-full-white); --type-r-accordion-item-background-color-desktop-no-burger: var(--theme-color-full-white); --type-r-accordion-item-background-color-desktop-full: var(--theme-color-full-white); --type-r-accordion-item-background-color-desktop-large: var(--theme-color-full-white); --type-r-margin-bottom-margin-bottom-mobile: calc(0.015625 * 1 * 100vw); --type-r-margin-bottom-margin-bottom-tablet: calc(0.015625 * 1 * 100vw); --type-r-margin-bottom-margin-bottom-desktop: calc(0.015625 * 1 * 100vw); --type-r-margin-bottom-margin-bottom-desktop-no-burger: calc(0.015625 * 1 * 100vw); --type-r-margin-bottom-margin-bottom-desktop-full: calc(0.015625 * 1 * 100vw); --type-r-margin-bottom-margin-bottom-desktop-large: calc(0.015625 * 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.0769230769 * 1 * 100vw); --type-s-this-margin-tablet: calc(0.1463414634 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-s-this-margin-desktop: calc(0.078125 * 1 * 100vw) auto; --type-s-this-margin-desktop-no-burger: calc(0.078125 * 1 * 100vw) auto; --type-s-this-margin-desktop-full: calc(0.078125 * 1 * 100vw) auto; --type-s-this-margin-desktop-large: calc(0.078125 * 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: 60%; --type-s-this-width-desktop-no-burger: 60%; --type-s-this-width-desktop-full: 60%; --type-s-this-width-desktop-large: 60%; --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.03125 * 1 * 100vw) 0 0 0; --type-s-author-margin-desktop-no-burger: calc(0.03125 * 1 * 100vw) 0 0 0; --type-s-author-margin-desktop-full: calc(0.03125 * 1 * 100vw) 0 0 0; --type-s-author-margin-desktop-large: calc(0.03125 * 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.0769230769 * 1 * 100vw); --type-t-this-padding-tablet: calc(0.1463414634 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-t-this-padding-desktop: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-t-this-padding-desktop-no-burger: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-t-this-padding-desktop-full: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-t-this-padding-desktop-large: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 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.0260416667 * 1 * 100vw); --type-t-title-block-padding-bottom-desktop-no-burger: calc(0.0260416667 * 1 * 100vw); --type-t-title-block-padding-bottom-desktop-full: calc(0.0260416667 * 1 * 100vw); --type-t-title-block-padding-bottom-desktop-large: calc(0.0260416667 * 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.15625 * 1 * 100vw); --type-t-img-size-max-height-desktop-no-burger: calc(0.15625 * 1 * 100vw); --type-t-img-size-max-height-desktop-full: calc(0.15625 * 1 * 100vw); --type-t-img-size-max-height-desktop-large: calc(0.15625 * 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.0769230769 * 1 * 100vw); --type-u-this-padding-tablet: 0 calc(0.0365853659 * 1 * 100vw); --type-u-this-padding-desktop: 0 calc(0.0572916667 * 1 * 100vw); --type-u-this-padding-desktop-no-burger: 0 calc(0.0572916667 * 1 * 100vw); --type-u-this-padding-desktop-full: 0 calc(0.0572916667 * 1 * 100vw); --type-u-this-padding-desktop-large: 0 calc(0.0572916667 * 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.078125 * 1 * 100vw); --type-u-blanc-padding-bottom-desktop-no-burger: calc(0.078125 * 1 * 100vw); --type-u-blanc-padding-bottom-desktop-full: calc(0.078125 * 1 * 100vw); --type-u-blanc-padding-bottom-desktop-large: calc(0.078125 * 1 * 100vw); --type-u-bleu-border-bottom-mobile: 1px solid var(--theme-color-blue-30); --type-u-bleu-border-bottom-tablet: 1px solid var(--theme-color-blue-30); --type-u-bleu-border-bottom-desktop: 1px solid var(--theme-color-blue-30); --type-u-bleu-border-bottom-desktop-no-burger: 1px solid var(--theme-color-blue-30); --type-u-bleu-border-bottom-desktop-full: 1px solid var(--theme-color-blue-30); --type-u-bleu-border-bottom-desktop-large: 1px solid var(--theme-color-blue-30); --type-v-this-padding-mobile: calc(0.2564102564 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) calc(0.4102564103 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-v-this-padding-tablet: calc(0.1463414634 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0.1951219512 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-v-this-padding-desktop: calc(0.0520833333 * 1 * 100vw) calc(0.1145833333 * 1 * 100vw) calc(0.0625 * 1 * 100vw) calc(0.1145833333 * 1 * 100vw); --type-v-this-padding-desktop-no-burger: calc(0.0520833333 * 1 * 100vw) calc(0.1145833333 * 1 * 100vw) calc(0.0625 * 1 * 100vw) calc(0.1145833333 * 1 * 100vw); --type-v-this-padding-desktop-full: calc(0.0520833333 * 1 * 100vw) calc(0.1145833333 * 1 * 100vw) calc(0.0625 * 1 * 100vw) calc(0.1145833333 * 1 * 100vw); --type-v-this-padding-desktop-large: calc(0.0520833333 * 1 * 100vw) calc(0.1145833333 * 1 * 100vw) calc(0.0625 * 1 * 100vw) calc(0.1145833333 * 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.0520833333 * 1 * 100vw); --type-v-this-gap-desktop-no-burger: calc(0.0520833333 * 1 * 100vw); --type-v-this-gap-desktop-full: calc(0.0520833333 * 1 * 100vw); --type-v-this-gap-desktop-large: calc(0.0520833333 * 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.0260416667 * 1 * 100vw); --type-v-icon-bottom-desktop-no-burger: calc(0.0260416667 * 1 * 100vw); --type-v-icon-bottom-desktop-full: calc(0.0260416667 * 1 * 100vw); --type-v-icon-bottom-desktop-large: calc(0.0260416667 * 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.0769230769 * 1 * 100vw); --type-v-icon-right-tablet: calc(0.0365853659 * 1 * 100vw); --type-v-icon-right-desktop: calc(0.0572916667 * 1 * 100vw); --type-v-icon-right-desktop-no-burger: calc(0.0572916667 * 1 * 100vw); --type-v-icon-right-desktop-full: calc(0.0572916667 * 1 * 100vw); --type-v-icon-right-desktop-large: calc(0.0572916667 * 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.0769230769 * 1 * 100vw) calc(0.1538461538 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-w-this-padding-tablet: 0 calc(0.0365853659 * 1 * 100vw); --type-w-this-padding-desktop: 0 calc(0.0572916667 * 1 * 100vw) calc(0.0442708333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-w-this-padding-desktop-no-burger: 0 calc(0.0572916667 * 1 * 100vw) calc(0.0442708333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-w-this-padding-desktop-full: 0 calc(0.0572916667 * 1 * 100vw) calc(0.0442708333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-w-this-padding-desktop-large: 0 calc(0.0572916667 * 1 * 100vw) calc(0.0442708333 * 1 * 100vw) calc(0.0572916667 * 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(1, 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.015625 * 1 * 100vw); --type-w-arrow_localisation-bottom-desktop-no-burger: calc(0.015625 * 1 * 100vw); --type-w-arrow_localisation-bottom-desktop-full: calc(0.015625 * 1 * 100vw); --type-w-arrow_localisation-bottom-desktop-large: calc(0.015625 * 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.03125 * 1 * 100vw); --type-w-star_localisation-bottom-desktop-no-burger: calc(0.03125 * 1 * 100vw); --type-w-star_localisation-bottom-desktop-full: calc(0.03125 * 1 * 100vw); --type-w-star_localisation-bottom-desktop-large: calc(0.03125 * 1 * 100vw); --type-w-star_localisation-left-mobile: 0; --type-w-star_localisation-left-tablet: 0; --type-w-star_localisation-left-desktop: calc(0.0442708333 * 1 * 100vw); --type-w-star_localisation-left-desktop-no-burger: calc(0.0442708333 * 1 * 100vw); --type-w-star_localisation-left-desktop-full: calc(0.0442708333 * 1 * 100vw); --type-w-star_localisation-left-desktop-large: calc(0.0442708333 * 1 * 100vw); --type-w-star_localisation-width-mobile: 25%; --type-w-star_localisation-width-tablet: 15%; --type-w-star_localisation-width-desktop: calc(0.0625 * 1 * 100vw); --type-w-star_localisation-width-desktop-no-burger: calc(0.0625 * 1 * 100vw); --type-w-star_localisation-width-desktop-full: calc(0.0625 * 1 * 100vw); --type-w-star_localisation-width-desktop-large: calc(0.0625 * 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.2760416667 * 1 * 100vw); --type-w-image-width-desktop-no-burger: calc(0.2760416667 * 1 * 100vw); --type-w-image-width-desktop-full: calc(0.2760416667 * 1 * 100vw); --type-w-image-width-desktop-large: calc(0.2760416667 * 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.0833333333 * 1 * 100vw); --type-w-image-margin-desktop-no-burger: 0 calc(0.0833333333 * 1 * 100vw); --type-w-image-margin-desktop-full: 0 calc(0.0833333333 * 1 * 100vw); --type-w-image-margin-desktop-large: 0 calc(0.0833333333 * 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.2051282051 * 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.015625 * 1 * 100vw) 0; --type-w-bottom-margin-margin-desktop-no-burger: 0 0 calc(0.015625 * 1 * 100vw) 0; --type-w-bottom-margin-margin-desktop-full: 0 0 calc(0.015625 * 1 * 100vw) 0; --type-w-bottom-margin-margin-desktop-large: 0 0 calc(0.015625 * 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.046875 * 1 * 100vw); --type-w-plus-margin-left-margin-left-desktop-no-burger: calc(0.046875 * 1 * 100vw); --type-w-plus-margin-left-margin-left-desktop-full: calc(0.046875 * 1 * 100vw); --type-w-plus-margin-left-margin-left-desktop-large: calc(0.046875 * 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.046875 * 1 * 100vw); --type-w-plus-margin-right-margin-right-desktop-no-burger: calc(0.046875 * 1 * 100vw); --type-w-plus-margin-right-margin-right-desktop-full: calc(0.046875 * 1 * 100vw); --type-w-plus-margin-right-margin-right-desktop-large: calc(0.046875 * 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.0769230769 * 1 * 100vw); --type-y-this-margin-tablet: calc(0.1463414634 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-y-this-margin-desktop: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-y-this-margin-desktop-no-burger: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-y-this-margin-desktop-full: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-y-this-margin-desktop-large: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 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.0276041667 * 1 * 100vw); --type-y-wrapper-gap-desktop-no-burger: calc(0.0276041667 * 1 * 100vw); --type-y-wrapper-gap-desktop-full: calc(0.0276041667 * 1 * 100vw); --type-y-wrapper-gap-desktop-large: calc(0.0276041667 * 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.0260416667 * 1 * 100vw) calc(0.0244791667 * 1 * 100vw) calc(0.0302083333 * 1 * 100vw) calc(0.0244791667 * 1 * 100vw); --type-y-container-padding-desktop-no-burger: calc(0.0260416667 * 1 * 100vw) calc(0.0244791667 * 1 * 100vw) calc(0.0302083333 * 1 * 100vw) calc(0.0244791667 * 1 * 100vw); --type-y-container-padding-desktop-full: calc(0.0260416667 * 1 * 100vw) calc(0.0244791667 * 1 * 100vw) calc(0.0302083333 * 1 * 100vw) calc(0.0244791667 * 1 * 100vw); --type-y-container-padding-desktop-large: calc(0.0260416667 * 1 * 100vw) calc(0.0244791667 * 1 * 100vw) calc(0.0302083333 * 1 * 100vw) calc(0.0244791667 * 1 * 100vw); --type-y-container-border-mobile: 1px solid var(--theme-color-light-blue); --type-y-container-border-tablet: 1px solid var(--theme-color-light-blue); --type-y-container-border-desktop: 1px solid var(--theme-color-light-blue); --type-y-container-border-desktop-no-burger: 1px solid var(--theme-color-light-blue); --type-y-container-border-desktop-full: 1px solid var(--theme-color-light-blue); --type-y-container-border-desktop-large: 1px solid var(--theme-color-light-blue); --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.0239583333 * 1 * 100vw) 0; --type-y-mail-link-margin-desktop-no-burger: auto 0 calc(0.0239583333 * 1 * 100vw) 0; --type-y-mail-link-margin-desktop-full: auto 0 calc(0.0239583333 * 1 * 100vw) 0; --type-y-mail-link-margin-desktop-large: auto 0 calc(0.0239583333 * 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.015625 * 1 * 100vw) 0; --type-y-text-margin-desktop-no-burger: 0 0 calc(0.015625 * 1 * 100vw) 0; --type-y-text-margin-desktop-full: 0 0 calc(0.015625 * 1 * 100vw) 0; --type-y-text-margin-desktop-large: 0 0 calc(0.015625 * 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: 0; --type-step-this-margin-tablet: 0; --type-step-this-margin-desktop: 0; --type-step-this-margin-desktop-no-burger: 0; --type-step-this-margin-desktop-full: 0; --type-step-this-margin-desktop-large: 0; --type-step-this-padding-mobile: calc(0.2564102564 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-step-this-padding-tablet: calc(0.1463414634 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-step-this-padding-desktop: calc(0.0677083333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0598958333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-step-this-padding-desktop-no-burger: calc(0.0677083333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0598958333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-step-this-padding-desktop-full: calc(0.0677083333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0598958333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-step-this-padding-desktop-large: calc(0.0677083333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0598958333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); --type-step-title-margin-mobile: 0 0 calc(0.0520833333 * 1 * 100vw) 0; --type-step-title-margin-tablet: 0 0 calc(0.0520833333 * 1 * 100vw) 0; --type-step-title-margin-desktop: 0 0 calc(0.0520833333 * 1 * 100vw) 0; --type-step-title-margin-desktop-no-burger: 0 0 calc(0.0520833333 * 1 * 100vw) 0; --type-step-title-margin-desktop-full: 0 0 calc(0.0520833333 * 1 * 100vw) 0; --type-step-title-margin-desktop-large: 0 0 calc(0.0520833333 * 1 * 100vw) 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: 1fr 3fr; --type-af-wrapper-grid-template-columns-desktop: 1fr 3fr; --type-af-wrapper-grid-template-columns-desktop-no-burger: 1fr 3fr; --type-af-wrapper-grid-template-columns-desktop-full: 1fr 3fr; --type-af-wrapper-grid-template-columns-desktop-large: 1fr 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.015625 * 1 * 100vw); --type-af-wrapper-gap-desktop-no-burger: calc(0.015625 * 1 * 100vw); --type-af-wrapper-gap-desktop-full: calc(0.015625 * 1 * 100vw); --type-af-wrapper-gap-desktop-large: calc(0.015625 * 1 * 100vw); --type-af-package-padding-mobile: calc(0.0641025641 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); --type-af-package-padding-tablet: calc(0.0390243902 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); --type-af-package-padding-desktop: calc(0.0166666667 * 1 * 100vw) calc(0.015625 * 1 * 100vw); --type-af-package-padding-desktop-no-burger: calc(0.0166666667 * 1 * 100vw) calc(0.015625 * 1 * 100vw); --type-af-package-padding-desktop-full: calc(0.0166666667 * 1 * 100vw) calc(0.015625 * 1 * 100vw); --type-af-package-padding-desktop-large: calc(0.0166666667 * 1 * 100vw) calc(0.015625 * 1 * 100vw); --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 1fr; --type-af-right-grid-template-columns-desktop: 1fr 1fr 1fr; --type-af-right-grid-template-columns-desktop-no-burger: 1fr 1fr 1fr; --type-af-right-grid-template-columns-desktop-full: 1fr 1fr 1fr; --type-af-right-grid-template-columns-desktop-large: 1fr 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.015625 * 1 * 100vw); --type-af-right-gap-desktop-no-burger: calc(0.015625 * 1 * 100vw); --type-af-right-gap-desktop-full: calc(0.015625 * 1 * 100vw); --type-af-right-gap-desktop-large: calc(0.015625 * 1 * 100vw); --type-avantages-this-padding-mobile: 50px calc(0.0769230769 * 1 * 100vw); --type-avantages-this-padding-tablet: 50px calc(0.0365853659 * 1 * 100vw); --type-avantages-this-padding-desktop: 50px calc(0.0572916667 * 1 * 100vw); --type-avantages-this-padding-desktop-no-burger: 50px calc(0.0572916667 * 1 * 100vw); --type-avantages-this-padding-desktop-full: 50px calc(0.0572916667 * 1 * 100vw); --type-avantages-this-padding-desktop-large: 50px calc(0.0572916667 * 1 * 100vw); --type-avantages-title-block-padding-mobile: calc(0.0769230769 * 1 * 100vw - 50px) 0 0 0; --type-avantages-title-block-padding-tablet: calc(0.0365853659 * 1 * 100vw - 50px) 0 0 0; --type-avantages-title-block-padding-desktop: calc(0.0572916667 * 1 * 100vw - 50px) 0 0 0; --type-avantages-title-block-padding-desktop-no-burger: calc(0.0572916667 * 1 * 100vw - 50px) 0 0 0; --type-avantages-title-block-padding-desktop-full: calc(0.0572916667 * 1 * 100vw - 50px) 0 0 0; --type-avantages-title-block-padding-desktop-large: calc(0.0572916667 * 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: column; --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: auto; --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.078125 * 1 * 100vw); } .blue-degrade.small { padding-top: calc(0.0442708333 * 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/2024/01/Trace-24230.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, .socials-navigation #menu-socials li i, .type-banner .link .flex a.menu-item::after, .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 a img, .output .product a img, .tabcontent, li:not(.type-s li).accordion .panel, li:not(.type-s li) .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, .type-m .description-container, .carte-sejour-section .overlay, .accomodations.boardsports .overlay { -webkit-transition: -webkit-all 0.3s ease-in-out 0.2s; -webkit-transition: all 0.3s ease-in-out 0.2s; transition: all 0.3s ease-in-out 0.2s; /* 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; } .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; } @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: 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.0104166667 * 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.015625 * 1 * 100vw); padding: calc(0.0208333333 * 1 * 100vw) 0 calc(0.021875 * 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 /**/ section:has(> .wrapper) .fil-ariane-item .fil-ariane-arrow, section:has(> .wrapper) .fil-ariane-item .fil-ariane-link { color: var(--theme-color-blue); } section:has(> .wrapper) .fil-ariane-item:not(:last-child) .fil-ariane-link { color: var(--theme-color-blue-70); } section:has(> .bkg-wrapper) .fil-ariane-item .fil-ariane-arrow, section:has(> .bkg-wrapper) .fil-ariane-item .fil-ariane-link { color: var(--theme-color-white); } section:has(> .bkg-wrapper) .fil-ariane-item:not(:last-child) .fil-ariane-link { color: var(--theme-color-white-70); } .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.0026041667 * 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, .cta-tertiary, .form-newsletter .gform-button, .cta-primary, #site-navigation-footer-two a, form input[type=submit], header .menu-contact-container 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, .cta-tertiary, .form-newsletter .gform-button, .cta-primary, #site-navigation-footer-two a, form input[type=submit], header .menu-contact-container a, .gform_next_button { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: calc(0.0358974359 * 1 * 100vw) calc(0.0384615385 * 1 * 100vw) calc(0.0358974359 * 1 * 100vw) calc(0.0282051282 * 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, .cta-tertiary, .form-newsletter .gform-button, .cta-primary, #site-navigation-footer-two a, form input[type=submit], header .menu-contact-container a, .gform_next_button { padding: calc(0.0170731707 * 1 * 100vw) calc(0.0182926829 * 1 * 100vw) calc(0.0170731707 * 1 * 100vw) calc(0.0134146341 * 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, .cta-tertiary, .form-newsletter .gform-button, .cta-primary, #site-navigation-footer-two a, form input[type=submit], header .menu-contact-container a, .gform_next_button { padding: calc(0.0072916667 * 1 * 100vw) calc(0.0078125 * 1 * 100vw) calc(0.0072916667 * 1 * 100vw) calc(0.0057291667 * 1 * 100vw); } } footer .big-burger .site-navigation .navigation:first-child a, .cta-tertiary, .form-newsletter .gform-button, .cta-primary, #site-navigation-footer-two a, form input[type=submit], header .menu-contact-container a, .gform_next_button { font-family: var(--theme-font-montserrat-semibold) !important; border-radius: 7px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 0px) { footer .big-burger .site-navigation .navigation:first-child a, .cta-tertiary, .form-newsletter .gform-button, .cta-primary, #site-navigation-footer-two a, form input[type=submit], header .menu-contact-container a, .gform_next_button { width: auto; padding: calc(0.0487179487 * 1 * 100vw) calc(0.0564102564 * 1 * 100vw); } } @media (min-width: 481px) { footer .big-burger .site-navigation .navigation:first-child a, .cta-tertiary, .form-newsletter .gform-button, .cta-primary, #site-navigation-footer-two a, form input[type=submit], header .menu-contact-container a, .gform_next_button { width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: calc(0.0365853659 * 1 * 100vw) calc(0.0487804878 * 1 * 100vw); } } @media (min-width: 1024px) { footer .big-burger .site-navigation .navigation:first-child a, .cta-tertiary, .form-newsletter .gform-button, .cta-primary, #site-navigation-footer-two a, form input[type=submit], header .menu-contact-container a, .gform_next_button { padding: calc(0.015625 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw); } } .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-orange) { border-bottom: 2px solid var(--theme-color-blue); } .cta-secondary:not(.color-orange):hover, .cta-secondary:not(.color-orange).active { border-bottom: 2px solid var(--theme-color-orange); } .cta-secondary.color-orange { border-bottom: 2px solid var(--theme-color-orange); } .cta-secondary.color-orange:hover, .cta-secondary.color-orange.active { border-bottom: 2px solid var(--theme-color-dark-orange); } .cta-fourth { border-bottom: 2px solid var(--theme-color-orange); } .cta-fourth:hover { border-bottom: 2px solid var(--theme-color-dark-orange); } .cta-fourth.active { border-bottom: 2px solid var(--theme-color-dark-orange); } .cta-fifth { border-bottom: 2px solid transparent; } .cta-fifth:hover { border-bottom: 2px solid var(--theme-color-dark-orange); } .cta-fifth.active { border-bottom: 2px solid var(--theme-color-dark-orange); } 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; } } .mySwiper .swiper-slide { position: relative; -webkit-transition: top 0.3s ease; transition: top 0.3s ease; /* Ajoute une transition fluide */ top: 0; /* start transitioning from position '0' instead of 'auto' */ } .mySwiper .swiper-slide:hover { top: -20px; border: 1px solid var(--theme-color-blue); } .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-light-blue); color: var(--theme-color-light-blue); 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:hover::after, .mySwiper2 .swiper-nav .swiper-button-prev:hover::after, .mySwiper .swiper-nav .swiper-button-next:hover::after, .mySwiper .swiper-nav .swiper-button-prev:hover::after, .mySwiper3 .swiper-nav .swiper-button-next:hover::after, .mySwiper3 .swiper-nav .swiper-button-prev:hover::after { color: var(--theme-color-white); background-color: var(--theme-color-light-blue); } .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: 0; } @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; } } a:not(:-webkit-any-link) { cursor: default !important; } /** * -------------------------------------------------------------------------------------------------------------- * 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: -webkit-fill-available; z-index: 3; } @media (max-width: 480px) { section.filter-block.direct { margin-top: calc(0.1153846154 * 1 * 100vw) !important; padding: calc(0.0769230769 * 1 * 100vw); } } @media (min-width: 0px) { section.filter-block.direct { width: -webkit-fill-available; position: relative; margin-top: -30% !important; margin-bottom: 0 !important; padding: 1.5% 3%; z-index: 12; } } @media (min-width: 481px) { section.filter-block.direct { margin-top: -8% !important; } } @media (min-width: 1024px) { section.filter-block.direct { margin-top: -6% !important; } } @media (min-width: 0px) { section.filter-block.direct { padding: calc(0.0564102564 * 1 * 100vw); } } @media (min-width: 481px) { section.filter-block.direct { padding: calc(0.0268292683 * 1 * 100vw); } } @media (min-width: 1024px) { section.filter-block.direct { padding: calc(0.0114583333 * 1 * 100vw); } } section.filter-block.direct h3 { position: relative; text-align: center; border-bottom: 1px solid var(--theme-color-blue-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; left: 0; right: 0; height: 1px; background-color: var(--theme-color-orange); } @media (max-width: 480px) { section.filter-block.direct h3 span::after { bottom: -14px; } } @media (min-width: 481px) { section.filter-block.direct h3 span::after { bottom: -13px; /* matches padding-bottom of h3 */ } } @media (min-width: 0px) { section.filter-block.direct .filter-wrapper { gap: calc(0.0256410256 * 1 * 100vw); } } @media (min-width: 481px) { section.filter-block.direct .filter-wrapper { gap: calc(0.012195122 * 1 * 100vw); } } @media (min-width: 1024px) { section.filter-block.direct .filter-wrapper { gap: calc(0.0052083333 * 1 * 100vw); } } @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.0641025641 * 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.0304878049 * 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.0130208333 * 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.015625 * 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.0078125 * 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.0078125 * 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-blue); } @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.0114583333 * 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.0769230769 * 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.0365853659 * 1 * 100vw); } } @media (min-width: 1024px) { .filter-group > label .filters-select, .filter-group .group .filters-select { margin: 0 calc(0.0052083333 * 1 * 100vw) 0 calc(0.015625 * 1 * 100vw); } } .filter-group > label .filters-select .filtered, .filter-group .group .filters-select .filtered { width: 100%; color: var(--theme-color-blue); 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; width: auto; -webkit-transform: scale(0.7); transform: scale(0.7); } .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.0114583333 * 1 * 100vw + 5px); right: calc(0.0114583333 * 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.0114583333 * 1 * 100vw + 5px); right: calc(0.0114583333 * 1 * 100vw); } } .filter-group .filter-choices { width: auto; gap: 5px; } .filter-group .filter-choices:not(.flex) { display: -ms-grid; display: grid; background-color: var(--theme-color-full-white); } @media (min-width: 0px) { .filter-group .filter-choices { max-height: 50vh; overflow: visible; padding: 0 calc(0.0564102564 * 1 * 100vw) calc(0.0564102564 * 1 * 100vw) calc(0.0564102564 * 1 * 100vw); } } @media (min-width: 481px) { .filter-group .filter-choices { overflow: auto; padding: 0 calc(0.0268292683 * 1 * 100vw) calc(0.0268292683 * 1 * 100vw) calc(0.0268292683 * 1 * 100vw); } } @media (min-width: 1024px) { .filter-group .filter-choices { padding: 0 calc(0.0114583333 * 1 * 100vw) calc(0.0114583333 * 1 * 100vw) calc(0.0114583333 * 1 * 100vw); } } .filter-group .filter-choices .choice { cursor: pointer; border-radius: 2px; } .filter-group .filter-choices .choice:hover, .filter-group .filter-choices .choice:focus { background: #EEF3FE 0% 0% no-repeat padding-box; } .filter-group .filter-choices .choice:hover .checkmark, .filter-group .filter-choices .choice:focus .checkmark { border-color: var(--theme-color-blue); } .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) 0; } .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.0052083333 * 1 * 100vw) calc(0.0083333333 * 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.0052083333 * 1 * 100vw) calc(0.0083333333 * 1 * 100vw); } .filter-group .filter-choices .choice.department { margin-left: calc(0.0114583333 * 1 * 100vw); } .filter-group .filter-choices .choice.town { margin-left: calc(0.0229166667 * 1 * 100vw); } } .filter-group .filter-choices .choice h6 { -webkit-transition: none; transition: none; margin: auto 5% auto 5%; width: -webkit-fill-available; } .filter-group.inline { background-color: unset !important; } .filter-group.inline .filter-choices { padding: 0; gap: 25px; } @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.0365853659 * 1 * 100vw); } } @media (min-width: 1024px) { section.blog .topbar-buttons .filter-group { right: calc(0.0572916667 * 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.021875 * 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.0072916667 * 1 * 100vw) calc(0.0114583333 * 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; border-radius: 2px; 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: 10% auto; } } .topbar-buttons .tabs [data-tab-target] { margin: 0; border: solid 1px var(--theme-color-blue); 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: 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.0072916667 * 1 * 100vw); } } .topbar-buttons .tabs [data-tab-target] svg { margin-right: 5px; } .topbar-buttons .tabs [data-tab-target] svg path { fill: var(--theme-color-blue); } .topbar-buttons .tabs [data-tab-target]:hover { background-color: var(--theme-color-blue-10); } .topbar-buttons .tabs [data-tab-target].active { background-color: var(--theme-color-blue); color: var(--theme-color-white); } .topbar-buttons .tabs [data-tab-target].active path { fill: var(--theme-color-white); } .topbar-buttons .tabs [data-tab-target]:nth-child(1) { border-radius: 4px 0 0 4px; } .topbar-buttons .tabs [data-tab-target]:nth-child(2) { border-radius: 0 4px 4px 0; } .filter-block.direct.top .filtered, .counter-posts span, .count-term-match { background: var(--theme-color-light-blue); border-radius: 10px; color: var(--theme-color-blue) !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.0256410256 * 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.012195122 * 1 * 100vw); } } @media (min-width: 1024px) { .filter-block.direct.top .filtered, .counter-posts span, .count-term-match { margin-left: calc(0.0078125 * 1 * 100vw); padding: calc(0.0041666667 * 1 * 100vw) calc(0.0052083333 * 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-light-blue-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-blue); } .filter-group h6::-webkit-input-placeholder, .filter-group input::-webkit-input-placeholder, .filter-group .choice::-webkit-input-placeholder { color: var(--theme-color-blue); opacity: 1; } .filter-group h6::-moz-placeholder, .filter-group input::-moz-placeholder, .filter-group .choice::-moz-placeholder { color: var(--theme-color-blue); opacity: 1; } .filter-group h6:-ms-input-placeholder, .filter-group input:-ms-input-placeholder, .filter-group .choice:-ms-input-placeholder { color: var(--theme-color-blue); opacity: 1; } .filter-group h6::-ms-input-placeholder, .filter-group input::-ms-input-placeholder, .filter-group .choice::-ms-input-placeholder { color: var(--theme-color-blue); opacity: 1; } .filter-group h6::placeholder, .filter-group input::placeholder, .filter-group .choice::placeholder { color: var(--theme-color-blue); 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-blue-20); 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-dark-orange); border-color: var(--theme-color-orange); } .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-dark-blue); } .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 label:not(.reset):not(.category) span:not(.filtered) { text-transform: uppercase; } .filter-group input, .filter-group svg { cursor: pointer; } #starting_point_select { position: relative; display: inline-block; overflow: visible; z-index: 3; } #starting_point_select .input-icon { position: absolute; left: 18px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; } @media (max-width: 480px) { #starting_point_select .input-icon { height: calc(0.0641025641 * 1 * 100vw); } } @media (min-width: 481px) { #starting_point_select .input-icon { height: calc(0.0304878049 * 1 * 100vw); } } @media (min-width: 1024px) { #starting_point_select .input-icon { height: calc(0.0130208333 * 1 * 100vw); } } #starting_point_select input { border: none; color: var(--theme-color-blue); margin: 1px; width: -webkit-fill-available; /* Chrome, Safari */ width: -moz-available; /* Firefox */ padding-left: 48px; } #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-blue-20); } #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.0052083333 * 1 * 100vw) calc(0.0083333333 * 1 * 100vw); } } @media (min-width: 1024px) { #starting_point_select .autocomplete-list li { padding: calc(0.0052083333 * 1 * 100vw) calc(0.0083333333 * 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.0114583333 * 1 * 100vw) 0 !important; } } @media (min-width: 1024px) { .location:has(svg.opened) + .filter-choices { padding: calc(0.0114583333 * 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.0083333333 * 1 * 100vw); padding-right: calc(0.0083333333 * 1 * 100vw); } } @media (max-width: 480px) and (min-width: 1024px) { .filter-group .group { padding-left: calc(0.0083333333 * 1 * 100vw); padding-right: calc(0.0083333333 * 1 * 100vw); } } @media (max-width: 480px) { .filter-group .group:has(.filters-select.active) + .filter-choices:has(label.category) { visibility: visible; } } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * FORMS /**/ li { font-weight: 400; } @media (min-width: 481px) { .form { border-radius: 15px; } .form form { padding: 0 calc(0.0853658537 * 1 * 100vw); } } @media (min-width: 1024px) { .form form { padding: 0 calc(0.078125 * 1 * 100vw); } } .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(.type-f input[type=submit]), .form form textarea { background-color: transparent; border: 1px solid var(--theme-color-blue-20); 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; } } @media (max-width: 1023px) { .form form .gform_footer input { width: 100%; } } .form form .gfield--type-consent { margin-top: calc(0.0260416667 * 1 * 100vw) !important; } .form form .ginput_container_fileupload { position: relative; } .form form .ginput_container_fileupload .gform_drop_area { background-color: transparent; border: 1px solid var(--theme-color-blue-20); 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-blue); } .form-newsletter { display: -ms-grid; display: grid; } .form-newsletter .gform_heading, .form-newsletter .gform_footer, .form-newsletter .gfield_required, .form-newsletter .gform_validation_errors { display: none !important; } .form-newsletter .gform-button { margin-top: 20px; } .form-newsletter .ginput_container input { border-radius: 7px; border: none; } @media (max-width: 1023px) { .form-newsletter .ginput_container input { padding: 13px 15px !important; } } @media (min-width: 1024px) { .form-newsletter .ginput_container input { padding: calc(0.015625 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw) !important; } } .form-newsletter .gfield_label { color: var(--theme-color-white); font-weight: 600; } @media (max-width: 1023px) { .form-newsletter .gfield_label { margin-bottom: 12px !important; } } @media (min-width: 1024px) { .form-newsletter .gfield_label { margin-bottom: calc(0.0104166667 * 1 * 100vw) !important; } } .form-newsletter .gform_confirmation_message { color: var(--theme-color-white); } .ginput_container_consent input, .gchoice input { display: none !important; } .ginput_container_consent 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, .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-blue-40); margin-right: 15px; left: 0; top: 3px; } .ginput_container_consent labellabel::before, .gchoice labellabel::before { position: absolute; } .ginput_container_consent.active label, .ginput_container_consent:hover label, .gchoice.active label, .gchoice:hover label { cursor: pointer; } .ginput_container_consent.active label::before, .ginput_container_consent:hover label::before, .gchoice.active label::before, .gchoice: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-blue-40); cursor: pointer; color: white; font-size: 10px; left: 0; top: 3px; background-color: var(--theme-color-orange); } .ginput_container_consent.active labellabel::before, .ginput_container_consent:hover labellabel::before, .gchoice.active labellabel::before, .gchoice:hover labellabel::before { position: absolute; } .ginput_container_consent label, .gchoice label { position: relative; } .ginput_container_consent label span, .gchoice label span { white-space: nowrap; } .ginput_container_consent .gfield_required_asterisk, .gchoice .gfield_required_asterisk { display: contents; } .form.devis { padding: 0; } .form.devis .gfield--type-textarea { color: var(--theme-color-blue-70); } .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-blue-20); } .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.390625 * 1 * 100vw); padding: calc(0.0260416667 * 1 * 100vw) calc(0.078125 * 1 * 100vw) calc(0.0260416667 * 1 * 100vw) calc(0.078125 * 1 * 100vw); } } @media (max-width: 1023px) { .form.devis .gform_confirmation_wrapper { height: 100vh; padding: calc(0.1585365854 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); } } @media (max-width: 1023px) and (max-width: 480px) { .form.devis .gform_confirmation_wrapper { padding: calc(0.3333333333 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) calc(0.0769230769 * 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.390625 * 1 * 100vw); padding: calc(0.0260416667 * 1 * 100vw) calc(0.078125 * 1 * 100vw) calc(0.0260416667 * 1 * 100vw) calc(0.078125 * 1 * 100vw); } } @media (max-width: 1023px) { .form.devis .gform_wrapper form { padding: calc(0.0609756098 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0.1219512195 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); } } @media (max-width: 1023px) and (max-width: 480px) { .form.devis .gform_wrapper form { padding: calc(0.1282051282 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) calc(0.2564102564 * 1 * 100vw) calc(0.0769230769 * 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-blue-20); border-radius: 5px; max-width: 480px; } @media (min-width: 1024px) { .form.devis .gform_wrapper form .gf_progressbar { margin: calc(0.0260416667 * 1 * 100vw) auto calc(0.0416666667 * 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-orange) !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-orange) !important; border-radius: 5px; } .form.devis .gform_wrapper form .gf_progressbar .gf_progressbar_percentage span { position: absolute; color: var(--theme-color-orange); 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-orange); 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-orange); 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.0520833333 * 1 * 100vw); -moz-column-gap: calc(0.0520833333 * 1 * 100vw); column-gap: calc(0.0520833333 * 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.0260416667 * 1 * 100vw) 1fr calc(0.0260416667 * 1 * 100vw) 1fr calc(0.0260416667 * 1 * 100vw) 1fr; grid-template-columns: repeat(4, 1fr); -webkit-column-gap: calc(0.0260416667 * 1 * 100vw); -moz-column-gap: calc(0.0260416667 * 1 * 100vw); column-gap: calc(0.0260416667 * 1 * 100vw); row-gap: calc(0.015625 * 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.0260416667 * 1 * 100vw) 1fr calc(0.0260416667 * 1 * 100vw) 1fr calc(0.0260416667 * 1 * 100vw) 1fr calc(0.0260416667 * 1 * 100vw) 1fr calc(0.0260416667 * 1 * 100vw) 1fr; grid-template-columns: repeat(6, 1fr); -webkit-column-gap: calc(0.0260416667 * 1 * 100vw); -moz-column-gap: calc(0.0260416667 * 1 * 100vw); column-gap: calc(0.0260416667 * 1 * 100vw); row-gap: calc(0.015625 * 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-blue-30); background-color: transparent; border-radius: 0; padding: 0 0 5px 0; color: var(--theme-color-blue); } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker input::-webkit-input-placeholder { color: var(--theme-color-blue-70); } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker input::-moz-placeholder { color: var(--theme-color-blue-70); } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker input:-ms-input-placeholder { color: var(--theme-color-blue-70); } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker input::-ms-input-placeholder { color: var(--theme-color-blue-70); } .form.devis .gform_wrapper form .gform_body .gform_page:nth-child(8) .date-picker input::placeholder { color: var(--theme-color-blue-70); } .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-blue); 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.015625 * 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-blue); } .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer .gform_previous_button:hover { border-bottom: 2px solid var(--theme-color-orange); } .form.devis .gform_wrapper form .gform_body .gform_page .gform_page_footer .gform_previous_button.active { border-bottom: 2px solid var(--theme-color-orange); } /** * -------------------------------------------------------------------------------------------------------------- * 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: 410; } .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: 50px; margin: auto; top: 50%; } .loader-block .loader-custom .ball { background-color: var(--theme-color-blue); width: 10px; height: 10px; border-radius: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: orbit 1.5s linear infinite; animation: orbit 1.5s linear infinite; } .loader-block .loader-custom .ball:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; } .loader-block .loader-custom .ball:nth-child(2) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .loader-block .loader-custom .ball:nth-child(3) { -webkit-animation-delay: 1s; animation-delay: 1s; } .loader-block.map .ball { background-color: var(--theme-color-orange); top: 50%; left: 50%; } @-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: 45%; } } @media (min-width: 481px) { :not(.swiper):not(aside) > .loader-block.active { top: 45%; } } @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: 44%; } } @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: 76%; } } /** * -------------------------------------------------------------------------------------------------------------- * 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.0364583333 * 1 * 100vw) auto 0 auto; } } @media (min-width: 1024px) { .pagination-container { margin: calc(0.0364583333 * 1 * 100vw) auto 0 auto; } } .pagination-container .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 0px) { .pagination-container .pagination { gap: calc(0.0384615385 * 1 * 100vw); } } @media (min-width: 481px) { .pagination-container .pagination { gap: calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 1024px) { .pagination-container .pagination { gap: calc(0.0104166667 * 1 * 100vw); } } .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-light-blue); } .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; border: 1px solid var(--theme-color-light-blue); 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.0769230769 * 1 * 100vw); height: calc(0.0769230769 * 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.0731707317 * 1 * 100vw); height: calc(0.0731707317 * 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.03125 * 1 * 100vw); height: calc(0.03125 * 1 * 100vw); } } .pagination-container .pagination li a.first::before, .pagination-container .pagination li a.first::after, .pagination-container .pagination li a.last::before, .pagination-container .pagination li a.last::after, .pagination-container .pagination li a.prev::before, .pagination-container .pagination li a.prev::after, .pagination-container .pagination li a.next::before, .pagination-container .pagination li a.next::after { color: var(--theme-color-light-blue); font-family: swiper-icons; font-size: 12px; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .pagination-container .pagination li a.first::before, .pagination-container .pagination li a.first::after { content: "prev"; } .pagination-container .pagination li a.prev::before { content: "prev"; } .pagination-container .pagination li a.next::after { content: "next"; } .pagination-container .pagination li a.last::before, .pagination-container .pagination li a.last::after { content: "next"; } .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-light-blue); color: var(--theme-color-dark-blue) !important; } .pagination-container .pagination li a.first:hover::before, .pagination-container .pagination li a.first:hover::after, .pagination-container .pagination li a.last:hover::before, .pagination-container .pagination li a.last:hover::after, .pagination-container .pagination li a.prev:hover::before, .pagination-container .pagination li a.prev:hover::after, .pagination-container .pagination li a.next:hover::before, .pagination-container .pagination li a.next:hover::after { color: var(--theme-color-full-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-dark-blue-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.0769230769 * 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-blue-20); 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-blue); } 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; } :not(#all-params) > .popup-content { position: relative; background: var(--theme-color-full-white); max-width: 78vw; margin: 100px auto; padding: 70px 100px; border-radius: 8px; background-color: var(--theme-color-orange); color: white; } .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; } .popup-form { width: 70%; } /* 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.0104166667 * 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-dark-blue-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.0104166667 * 1 * 100vw); } } @media (min-width: 0px) { .popup-container#all-params .popup-content .filters { padding: calc(0.0769230769 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); } } @media (min-width: 481px) { .popup-container#all-params .popup-content .filters { padding: calc(0.0365853659 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); } } @media (min-width: 1024px) { .popup-container#all-params .popup-content .filters { padding: calc(0.015625 * 1 * 100vw) calc(0.0416666667 * 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.015625 * 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.015625 * 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-dark-blue-20); box-shadow: 0px -15px 30px var(--theme-color-dark-blue-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.0104166667 * 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: 1024px) { .list-in-row i { padding: 0 16px; } } @media (max-width: 1023px) { .list-in-row i { padding: 0 9px; } } .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-blue-20); } .list-in-rows-border > li h4 { line-height: 0; } .list-in-rows-border > li h4:not(.boldy) { color: var(--theme-color-blue); } .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-blue-20); } .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-blue); } @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) { cursor: pointer; } li:not(.type-s li).active .dropdown-cta { -webkit-transform: rotate(180deg); transform: rotate(180deg); } li:not(.type-s li).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).accordion .panel.opened { width: 100%; visibility: visible; opacity: 1; height: auto; margin: revert; } li:not(.type-s li).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.0677083333 * 1 * 100vw); top: calc(-0.1119791667 * 1 * 100vw); left: calc(0.0572916667 * 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.0365853659 * 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.0769230769 * 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; } } @media (max-width: 480px) { section:not(.carte-sejour-section):not(.type-e):not(.type-n):not(.type-swiper):not(.type-m) .swiper-wrapper { margin-left: calc(0.0897435897 * 1 * 100vw); } } .swiper-btns { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -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; width: 60px; height: 60px; border: 1px solid var(--theme-color-light-blue); border-radius: 50%; margin: 0; -webkit-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .swiper-btns .swiper-button-next::after, .swiper-btns .swiper-button-prev::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.223' height='16.204' viewBox='0 0 10.223 16.204'%3E%3Cg transform='translate(8.102 2.121) rotate(90)'%3E%3Cline x2='5.981' y2='5.981' fill='none' stroke='%232f52a0' stroke-linecap='round' stroke-width='3'/%3E%3Cline x1='5.981' y2='5.981' transform='translate(5.981)' fill='none' stroke='%232f52a0' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E"); font-size: 12px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; color: var(--theme-color-light-blue); line-height: 1px; } .swiper-btns .swiper-button-next:hover, .swiper-btns .swiper-button-prev:hover { background-color: var(--theme-color-light-blue); } .swiper-btns .swiper-button-next:hover::after, .swiper-btns .swiper-button-prev:hover::after { color: var(--theme-color-full-white); } .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:has(.swiper-button-lock) { display: none; } @media (min-width: 481px) { #accomodations-grid .main.output .type-card, .accomodations:not(.boardsports) .main.output .type-card { border: none; } } #accomodations-grid .main.output .type-card .wrapper, .accomodations:not(.boardsports) .main.output .type-card .wrapper { background-color: var(--theme-color-white); } @media (min-width: 481px) { #accomodations-grid .main.output .type-card .wrapper .infos-container, .accomodations:not(.boardsports) .main.output .type-card .wrapper .infos-container { padding-left: 0; padding-right: 0; padding-bottom: 0; } } #accomodations-grid .main.output.hide { height: 0; } #accomodations-grid .main.output.hide .swiper-slide, #accomodations-grid .main.output.hide + .pagination-container { display: none; } .accomodations.city-trip .filter-block.direct { display: none; } .accomodations.boardsports .type-card .tax-block.location, .accomodations.boardsports .type-card .card-description, .accomodations.boardsports .type-card .card-link a:first-child { display: none; } @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.0260416667 * 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.0052083333 * 1 * 100vw), 1fr))[1]; grid-template-columns: repeat(1, minmax(calc(100% - 0.0052083333 * 1 * 100vw), 1fr)); row-gap: calc(0.0104166667 * 1 * 100vw); margin-right: calc(0.0260416667 * 1 * 100vw); grid-auto-rows: -webkit-max-content; grid-auto-rows: max-content; } } #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 img { height: 100%; width: 25vh; } } #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.0104166667 * 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.0041666667 * 1 * 100vw); } } aside.map-block .map-wrapper .wrapper { height: 100%; } aside.map-block .map-wrapper div[role=dialog], aside.map-block .map-wrapper .leaflet-popup, aside.map-block .map-wrapper .leaflet-popup-content { padding: 12px !important; } @media (max-width: 480px) { aside.map-block .map-wrapper div[role=dialog], aside.map-block .map-wrapper .leaflet-popup, aside.map-block .map-wrapper .leaflet-popup-content { max-width: 250px !important; } } @media (min-width: 481px) { aside.map-block .map-wrapper div[role=dialog], aside.map-block .map-wrapper .leaflet-popup, aside.map-block .map-wrapper .leaflet-popup-content { max-width: 4% !important; } } @media (min-width: 1024px) { aside.map-block .map-wrapper div[role=dialog], aside.map-block .map-wrapper .leaflet-popup, aside.map-block .map-wrapper .leaflet-popup-content { max-width: 4% !important; } } aside.map-block .map-wrapper div[role=dialog] .gm-style-iw-chr, aside.map-block .map-wrapper div[role=dialog] .leaflet-popup-close-button, aside.map-block .map-wrapper .leaflet-popup .gm-style-iw-chr, aside.map-block .map-wrapper .leaflet-popup .leaflet-popup-close-button, aside.map-block .map-wrapper .leaflet-popup-content .gm-style-iw-chr, aside.map-block .map-wrapper .leaflet-popup-content .leaflet-popup-close-button { 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, aside.map-block .map-wrapper div[role=dialog] .leaflet-popup-close-button button, aside.map-block .map-wrapper .leaflet-popup .gm-style-iw-chr button, aside.map-block .map-wrapper .leaflet-popup .leaflet-popup-close-button button, aside.map-block .map-wrapper .leaflet-popup-content .gm-style-iw-chr button, aside.map-block .map-wrapper .leaflet-popup-content .leaflet-popup-close-button 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, aside.map-block .map-wrapper div[role=dialog] .leaflet-popup-close-button button span, aside.map-block .map-wrapper .leaflet-popup .gm-style-iw-chr button span, aside.map-block .map-wrapper .leaflet-popup .leaflet-popup-close-button button span, aside.map-block .map-wrapper .leaflet-popup-content .gm-style-iw-chr button span, aside.map-block .map-wrapper .leaflet-popup-content .leaflet-popup-close-button 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, aside.map-block .map-wrapper div[role=dialog] .leaflet-popup-close-button button span, aside.map-block .map-wrapper .leaflet-popup .gm-style-iw-chr button span, aside.map-block .map-wrapper .leaflet-popup .leaflet-popup-close-button button span, aside.map-block .map-wrapper .leaflet-popup-content .gm-style-iw-chr button span, aside.map-block .map-wrapper .leaflet-popup-content .leaflet-popup-close-button 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, aside.map-block .map-wrapper div[role=dialog] .leaflet-popup-close-button button span, aside.map-block .map-wrapper .leaflet-popup .gm-style-iw-chr button span, aside.map-block .map-wrapper .leaflet-popup .leaflet-popup-close-button button span, aside.map-block .map-wrapper .leaflet-popup-content .gm-style-iw-chr button span, aside.map-block .map-wrapper .leaflet-popup-content .leaflet-popup-close-button button span { width: calc(0.0114583333 * 1 * 100vw) !important; height: calc(0.0114583333 * 1 * 100vw) !important; margin: calc(0.0041666667 * 1 * 100vw) !important; } } aside.map-block .map-wrapper div[role=dialog] .gm-style-iw-d, aside.map-block .map-wrapper .leaflet-popup .gm-style-iw-d, aside.map-block .map-wrapper .leaflet-popup-content .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], aside.map-block .map-wrapper .leaflet-popup .gm-style-iw-d a[href], aside.map-block .map-wrapper .leaflet-popup-content .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, aside.map-block .map-wrapper .leaflet-popup .gm-style-iw-d a[href] h3, aside.map-block .map-wrapper .leaflet-popup .gm-style-iw-d a[href] .pads-block, aside.map-block .map-wrapper .leaflet-popup-content .gm-style-iw-d a[href] h3, aside.map-block .map-wrapper .leaflet-popup-content .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, aside.map-block .map-wrapper .leaflet-popup .gm-style-iw-d a[href] .location, aside.map-block .map-wrapper .leaflet-popup-content .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; margin: 2%; } .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-blue-20); border-radius: 40px; backdrop-filter: blur(20px); color: var(--theme-color-white); list-style: none; } @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.0078125 * 1 * 100vw) calc(0.0119791667 * 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.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 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.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 1 * 100vw) calc(0.0104166667 * 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; } .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: 320px; background-color: var(--theme-color-light-blue); -webkit-box-sizing: border-box; box-sizing: border-box; overflow: visible; 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; position: relative !important; } .infowindow > .wrapper .gm-style-iw-chr, .infowindow > .wrapper .leaflet-popup-close-button { position: absolute; right: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: var(--theme-color-dark-blue-10); cursor: pointer; border-width: initial; border-style: none; border-color: initial; -o-border-image: initial; border-image: initial; border-radius: 7px; } .infowindow > .wrapper .gm-style-iw-chr button, .infowindow > .wrapper .leaflet-popup-close-button button { width: auto !important; height: auto !important; opacity: 0.6; } .infowindow > .wrapper .gm-style-iw-chr button span, .infowindow > .wrapper .leaflet-popup-close-button button span { background-color: #000; width: 1.14583vw !important; height: 1.14583vw !important; margin: 0.416667vw !important; } .infowindow > .wrapper .gm-style-iw-chr button:hover, .infowindow > .wrapper .leaflet-popup-close-button button:hover { opacity: 1; } .infowindow > .wrapper .wrapper { background-color: var(--theme-color-light-blue) !important; } .infowindow > .wrapper .type-card { outline: none !important; margin-top: 12%; 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-blue); } .infowindow > .wrapper .type-card .title { top: 4% !important; left: 12px !important; } @media (min-width: 481px) { .infowindow > .wrapper .type-card .title { max-width: 80%; } } .infowindow .triangle { position: absolute; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid var(--theme-color-light-blue); -webkit-transform: translate3d(120px, 307px, 10px); transform: translate3d(120px, 307px, 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: 25% auto auto auto; } } @media (min-width: 1024px) { #map-svg { margin: 5% auto auto auto; top: 10%; left: 10%; } } @media (max-width: 480px) { #map-svg svg { -webkit-transform: translateX(-5%); transform: translateX(-5%); } } /** * -------------------------------------------------------------------------------------------------------------- * 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)); } } @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); } } @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); row-gap: calc(0.0365853659 * 1 * 100vw); } } @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.015625 * 1 * 100vw); -moz-column-gap: calc(0.015625 * 1 * 100vw); column-gap: calc(0.015625 * 1 * 100vw); row-gap: calc(0.0260416667 * 1 * 100vw); } } :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-blue); 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.0769230769 * 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.0520833333 * 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.0104166667 * 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)); } } @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.0260416667 * 1 * 100vw), 1fr))[3]; grid-template-columns: repeat(3, minmax(calc(33.33% - 0.0260416667 * 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.0260416667 * 1 * 100vw), 1fr))[2]; grid-template-columns: repeat(2, minmax(calc(50% - 0.0260416667 * 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.0260416667 * 1 * 100vw), 1fr))[3]; grid-template-columns: repeat(3, minmax(calc(33.33% - 0.0260416667 * 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.0260416667 * 1 * 100vw), 1fr))[2]; grid-template-columns: repeat(2, minmax(calc(50% - 0.0260416667 * 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); } } @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); row-gap: calc(0.0731707317 * 1 * 100vw); } } @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.015625 * 1 * 100vw); -moz-column-gap: calc(0.015625 * 1 * 100vw); column-gap: calc(0.015625 * 1 * 100vw); row-gap: calc(0.0416666667 * 1 * 100vw); } } .output { display: -ms-grid; display: grid; } @media (min-width: 1024px) { .output:not(.swiper-wrapper) { gap: calc(0.0260416667 * 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:not(.main-grid) .type-card, .output:not(.main-grid) .product { overflow: hidden; } .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; width: 100%; } .output .type-card a, .output .product a { overflow: hidden; } .output .type-card a img, .output .product a img { -o-object-fit: cover; object-fit: cover; width: 100%; height: auto; display: block; -webkit-box-shadow: none; box-shadow: none; } .output .type-card a:hover img, .output .product a:hover img { -webkit-transform: scale(1.05); transform: scale(1.05); } .output .type-card .tax-block, .output .product .tax-block { top: 4%; left: 3%; } .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; } .output .type-card.post .wrapper .infos-container, .output .product.post .wrapper .infos-container { padding: 6% 10%; } .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-orange); } .output .type-card.hebergement .tax-block, .output .product.hebergement .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 .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 { background-color: var(--theme-color-blue-20); border-radius: 40px; 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 .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 { padding: calc(0.0078125 * 1 * 100vw) calc(0.0119791667 * 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 .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 { 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 .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 { 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; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .output .type-card .wrapper .infos-container, .output .product .wrapper .infos-container { 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; } .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-blue); } @media (min-width: 481px) { .output .type-card .wrapper .infos-container .card-detail .card-title .title, .output .product .wrapper .infos-container .card-detail .card-title .title { margin-top: 3%; } } .output .type-card .wrapper .infos-container .card-detail .card-title p.min, .output .product .wrapper .infos-container .card-detail .card-title p.min { margin: 2% 0 0 0; } .output .type-card .wrapper .infos-container .card-detail .card-description, .output .product .wrapper .infos-container .card-detail .card-description { color: var(--theme-color-blue-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-montserrat-extrabold) !important; color: var(--theme-color-dark-orange); } @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.0769230769 * 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 { aspect-ratio: 1.5; } } @media (min-width: 481px) { .output.swiper-wrapper .type-card img { aspect-ratio: 2; } } @media (min-width: 1024px) { .output.swiper-wrapper .type-card img { aspect-ratio: 1.5; } } .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-blue-30); 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.0078125 * 1 * 100vw) calc(0.0119791667 * 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); } } .output.swiper-wrapper .type-card.hebergement .wrapper .infos-container { padding: 10% 6%; } .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; } .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; } #accomodations-map .output .type-card > a, #accomodations-map .output .type-card > .wrapper { width: 50%; } #accomodations-map .output .type-card > a img, #accomodations-map .output .type-card > .wrapper img { width: 100% !important; } #accomodations-map .output .type-card > a { margin-right: 3%; } @media (min-width: 481px) { section.accomodations:not(.boardsports) .output.main-grid .type-card { border-radius: 0; } } section.accomodations:not(.boardsports) .output.main-grid .type-card img { aspect-ratio: 2; } section.blog .output.main-grid .type-card img { aspect-ratio: 1.7; } section.boardsports .output.main-grid .type-card { background-color: var(--theme-color-full-white); } section.boardsports .output.main-grid .type-card > a { border-radius: 4px; overflow: hidden; } @media (min-width: 0px) { section.boardsports .output.main-grid .type-card > a { margin: calc(0.0256410256 * 1 * 100vw); } } @media (min-width: 481px) { section.boardsports .output.main-grid .type-card > a { margin: calc(0.012195122 * 1 * 100vw); } } @media (min-width: 1024px) { section.boardsports .output.main-grid .type-card > a { margin: calc(0.0052083333 * 1 * 100vw); } } section.boardsports .output.main-grid .type-card > a img { aspect-ratio: 1.6; height: 100%; border-radius: 4px; } @media (min-width: 0px) { section.boardsports .output.main-grid .type-card .infos-container { padding: calc(0.0512820513 * 1 * 100vw); } } @media (min-width: 481px) { section.boardsports .output.main-grid .type-card .infos-container { padding: calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 1024px) { section.boardsports .output.main-grid .type-card .infos-container { padding: calc(0.0104166667 * 1 * 100vw); } } /** * -------------------------------------------------------------------------------------------------------------- * 4 : BLOCKS // * Les éléments (header, footer, menu, table, form, ...) /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * BANNER /**/ header { z-index: 999; top: 0; left: 0; right: 0; } 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"); } 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 > .wrapper) .custom-logo.white, header:has(+ .popup-container + .type-banner > .wrapper) .custom-logo.white { display: none; } header:has(#cd-lateral-nav.lateral-menu-is-open) .wrapper.no-burger .site-navigation .navigation:first-child { display: none; } 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-blue); } 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.0041666667 * 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.0010416667 * 1 * 100vw); } } header .menu { cursor: pointer; color: var(--theme-color-blue); font-size: calc(0.0072916667 * 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.015625 * 1 * 100vw) auto calc(0.0052083333 * 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; } @media (min-width: 0px) { header .menu.cd-menu-icon { padding: calc(0.0282051282 * 1 * 100vw); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } } @media (min-width: 481px) { header .menu.cd-menu-icon { padding: calc(0.0134146341 * 1 * 100vw); } } @media (min-width: 1024px) { header .menu.cd-menu-icon { padding: calc(0.0145833333 * 1 * 100vw); } } @media (min-width: 1220px) { header .menu.cd-menu-icon { padding: calc(0.0125 * 1 * 100vw); } } header .menu.cd-menu-icon span { display: block; height: 2px; border-radius: 2px; background-color: var(--theme-color-blue); } @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.015625 * 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.0041666667 * 1 * 100vw) 0; } } @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 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-blue) !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.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-blue) !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-blue); } } header.top-reached .menu > span { background-color: var(--theme-color-blue); } @media (min-width: 0px) { header a:not(.custom-logo-link) { width: -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-orange); /* 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.0041666667 * 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='%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"); } 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; } @media (min-width: 0px) { header .custom-logo { height: calc(0.1128205128 * 1 * 100vw); } } @media (min-width: 481px) { header .custom-logo { height: calc(0.0536585366 * 1 * 100vw); } } @media (min-width: 1024px) { header .custom-logo { height: calc(0.0307291667 * 1 * 100vw); } } footer .custom-logo { width: auto; } @media (min-width: 0px) { footer .custom-logo { height: calc(0.1538461538 * 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.040625 * 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 (min-width: 0px) { .site-navigation .navigation { width: 100%; } } @media (min-width: 1220px) { .site-navigation .navigation { width: initial; } } @media (max-width: 1219px) { .site-navigation .navigation:nth-child(2) { width: auto; } } .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%; } } @media (min-width: 1220px) { .site-navigation .navigation nav { width: initial; } } .site-navigation .navigation nav#site-navigation-one .menu-principal-container { width: -webkit-fill-available; } .site-navigation .navigation nav#site-navigation-one .menu-principal-container #menu-one { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @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-blue); } .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 a { color: var(--theme-color-full-white); } .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-blue); } } .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.0208333333 * 1 * 100vw)); transform: translateY(calc(-0.0208333333 * 1 * 100vw)); width: 93% !important; padding: 5px !important; gap: 5px; margin-top: -3%; left: 11%; } li.has-children ul.sub-menu:not(.panel) > li:hover { background: var(--theme-color-blue-10); } 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: -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-blue); width: -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.0052083333 * 1 * 100vw) calc(0.0104166667 * 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; } .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: -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-blue); 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-blue); } } .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-blue) !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: -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-montserrat-regular) !important; font-size: calc(0.009375 * 1 * 100vw); line-height: calc(0.009375 * 1 * 100vw); color: var(--theme-color-blue); 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-montserrat-regular) !important; font-size: calc(0.009375 * 1 * 100vw); line-height: calc(0.009375 * 1 * 100vw); color: var(--theme-color-blue); 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) { header > .wrapper.no-burger { display: none !important; } .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-blue); } } @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.0041666667 * 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.0010416667 * 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: 100%; height: 100%; top: 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 (max-width: 1023px) { #cd-lateral-nav, #cd-lateral-burger-nav { height: 100vh; overflow: hidden; } } #cd-lateral-nav .big-burger, #cd-lateral-burger-nav .big-burger { height: -webkit-fill-available; min-height: 100%; 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) and (min-width: 481px) { #cd-lateral-nav .big-burger, #cd-lateral-burger-nav .big-burger { height: auto; } } #cd-lateral-nav .big-burger .no-burger, #cd-lateral-burger-nav .big-burger .no-burger { margin: 0; padding: 0; } @media (min-width: 1024px) { #cd-lateral-nav .big-burger .no-burger, #cd-lateral-burger-nav .big-burger .no-burger { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: auto !important; padding: calc(0.0130208333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0130208333 * 1 * 100vw) calc(0.0572916667 * 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.015625 * 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.0145833333 * 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; } #cd-lateral-nav .big-burger .x-between:first-child, #cd-lateral-burger-nav .big-burger .x-between:first-child { margin: 0 0 calc(0.0703125 * 1 * 100vw) 0; } #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.0104166667 * 1 * 100vw); -moz-column-gap: calc(0.0104166667 * 1 * 100vw); column-gap: calc(0.0104166667 * 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-blue); } #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.0104166667 * 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 { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } #cd-lateral-nav .big-burger .middle-section, #cd-lateral-burger-nav .big-burger .middle-section { height: 100vh; max-height: 80dvh; border-top: 1px solid var(--theme-color-blue-30); border-bottom: 1px solid var(--theme-color-blue-30); display: -ms-grid; display: grid; -ms-grid-columns: 2.5fr 1.5fr; grid-template-columns: 2.5fr 1.5fr; } #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%; } #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; height: 100%; padding: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #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.03125 * 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-blue-70) !important; font-family: var(--theme-font-montserrat-medium) !important; } } @media (min-width: 1024px) 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-7-mobile) !important; line-height: var(--theme-line-height-7-mobile); } } @media (min-width: 1024px) 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-7-tablet) !important; line-height: var(--theme-line-height-7-tablet); } } @media (min-width: 1024px) 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-7-desktop) !important; line-height: var(--theme-line-height-7-desktop); } } @media (min-width: 1024px) 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-7-desktop-no-burger) !important; line-height: var(--theme-line-height-7-desktop-no-burger); } } @media (min-width: 1024px) 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-7-desktop-full) !important; line-height: var(--theme-line-height-7-desktop-full); } } @media (min-width: 1024px) 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-7-desktop-large) !important; line-height: var(--theme-line-height-7-desktop-large); } } @media (min-width: 1024px) { #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-blue) !important; } #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul { padding: 4vh 0; } #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text { position: relative; display: inline-block; } #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a { font-family: var(--theme-font-montserrat-black) !important; text-transform: uppercase; -webkit-text-stroke: 1px var(--theme-color-blue); } } @media (min-width: 1024px) and (min-width: 0px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a { font-size: var(--theme-font-size-3-mobile) !important; line-height: var(--theme-line-height-3-mobile); } } @media (min-width: 1024px) and (min-width: 481px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a { font-size: var(--theme-font-size-3-tablet) !important; line-height: var(--theme-line-height-3-tablet); } } @media (min-width: 1024px) and (min-width: 1024px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a { font-size: var(--theme-font-size-3-desktop) !important; line-height: var(--theme-line-height-3-desktop); } } @media (min-width: 1024px) and (min-width: 1220px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a { font-size: var(--theme-font-size-3-desktop-no-burger) !important; line-height: var(--theme-line-height-3-desktop-no-burger); } } @media (min-width: 1024px) and (min-width: 1425px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a { font-size: var(--theme-font-size-3-desktop-full) !important; line-height: var(--theme-line-height-3-desktop-full); } } @media (min-width: 1024px) and (min-width: 1750px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a { font-size: var(--theme-font-size-3-desktop-large) !important; line-height: var(--theme-line-height-3-desktop-large); } } @media (min-width: 1024px) { #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a.text-stroke, #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a.text-fill, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a.text-stroke, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a.text-fill { position: absolute; left: 0; top: 0; text-decoration: none; display: block; width: 100%; text-align: left; } #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a.text-stroke, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a.text-stroke { color: transparent !important; -webkit-text-stroke: 2px var(--theme-color-blue) !important; z-index: 1; pointer-events: none; } #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a.text-fill, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text a.text-fill { color: var(--theme-color-white) !important; -webkit-text-stroke: 1px var(--theme-color-white) !important; z-index: 2; } #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text:hover a.text-stroke, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text:hover a.text-stroke { -webkit-text-stroke: 2px var(--theme-color-blue) !important; } #cd-lateral-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text:hover a.text-fill, #cd-lateral-burger-nav .big-burger .middle-section .navigation:first-child ul li.outlined-text:hover a.text-fill { color: var(--theme-color-blue) !important; -webkit-text-stroke: 1px var(--theme-color-blue) !important; } } @media (max-width: 1023px) { #cd-lateral-nav .big-burger, #cd-lateral-burger-nav .big-burger { height: 100vh; overflow: hidden; padding: calc(0.1219512195 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0.0426829268 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); } } @media (max-width: 1023px) and (max-width: 480px) { #cd-lateral-nav .big-burger, #cd-lateral-burger-nav .big-burger { padding: 0 calc(0.0769230769 * 1 * 100vw); } } @media (max-width: 1023px) { #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: -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-montserrat-black) !important; color: var(--theme-color-blue) !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 { border-top: 1px solid var(--theme-color-blue-30); border-bottom: 1px solid var(--theme-color-blue-30); } #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) { #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; } #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; position: absolute; left: 50%; -webkit-transform: translateX(50%); transform: translateX(50%); height: auto; top: 43.5%; } } @media (max-width: 1023px) and (max-width: 480px) { #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: 45%; } #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) { #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; } #cd-lateral-nav .big-burger .middle-section ul a, #cd-lateral-burger-nav .big-burger .middle-section ul a { color: var(--theme-color-blue); } } @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.0769230769 * 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 ul, #cd-lateral-burger-nav .big-burger .wrapper2 ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } #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); height: 100%; } .menu-big-burger-left li { position: relative; overflow: hidden; padding: 0 !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .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; } @media (min-width: 1024px) { .menu-big-burger-left li::before { content: ""; position: absolute; display: inline-block; width: calc(0.0208333333 * 1 * 100vw); height: calc(0.0208333333 * 1 * 100vw); background-size: cover; background-position: center; margin-right: 5px; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 0; background-size: contain; background-repeat: no-repeat; top: 12%; } .menu-big-burger-left li:hover a { padding-left: calc(0.0260416667 * 1 * 100vw); } .menu-big-burger-left li:hover::before { opacity: 1; } .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 { margin: 15px !important; } .big-burger .middle-section ul li a { line-height: 1em !important; font-size: 15px !important; } } /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * ELEMENTS DISPOSITION /**/ footer { border-top: 1px solid var(--theme-color-light-blue); } footer ul { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } footer ul#menu-legals { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 480px) { footer ul#menu-legals { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (min-width: 1024px) { footer ul#menu-legals { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } footer .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; } footer .x-between.first { -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin-bottom: calc(0.0520833333 * 1 * 100vw); } @media (min-width: 1024px) { footer .x-between.first { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (max-width: 480px) { footer .x-between.first .site-branding { margin: calc(0.1153846154 * 1 * 100vw) auto calc(0.0897435897 * 1 * 100vw) auto; } } @media (max-width: 480px) { footer .x-between:not(.first) { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (min-width: 481px) { footer .x-between:not(.first) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: calc(0.0487804878 * 1 * 100vw); } } @media (min-width: 1024px) { footer .x-between:not(.first) { margin-bottom: calc(0.0208333333 * 1 * 100vw); } } footer .x-between .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.0364583333 * 1 * 100vw); } @media (max-width: 480px) { footer .x-between .right-container { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } @media (min-width: 481px) { footer .x-between .right-container { width: 100%; } } @media (min-width: 1024px) { footer .x-between .right-container { width: auto; } } footer .x-between .right-container .main-navigation .menu { display: -webkit-box; display: -ms-flexbox; display: flex; gap: calc(0.046875 * 1 * 100vw); } @media (max-width: 480px) { footer .x-between .right-container .main-navigation .menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } footer .x-between .right-container .main-navigation .menu a { color: var(--theme-color-blue); font-weight: 600; } footer .x-between .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; } footer .x-between .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; gap: 15px; opacity: 1; height: auto; visibility: visible; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; } footer .x-between .right-container .main-navigation .menu .menu-item-has-children .sub-menu a { font-weight: 400; } footer .x-between #menu-footer-two { margin: 0; } @media (max-width: 480px) { footer .x-between #menu-footer-two li { width: 100%; } footer .x-between #menu-footer-two li a { width: auto; } } @media (min-width: 481px) { footer .x-between .navigation:first-child .little-font { margin-right: calc(0.0243902439 * 1 * 100vw); } } @media (min-width: 1024px) { footer .x-between .navigation:first-child .little-font { margin-right: calc(0.0104166667 * 1 * 100vw); } } footer .x-between .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 .x-between .package.bottom-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media (max-width: 480px) { footer .x-between .package.bottom-nav > span { display: none; } } 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; } } /** * -------------------------------------------------------------------------------------------------------------- * 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.top-reached { z-index: 13; } @media (max-width: 480px) { :not(section.type-breadcrumb) + .type-banner { padding: calc(0.141025641 * 1 * 100vw + 2 * 0.0641025641 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); } } @media (min-width: 481px) { :not(section.type-breadcrumb) + .type-banner { padding: calc(0.0670731707 * 1 * 100vw + 2 * 0.0304878049 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); } } @media (min-width: 1024px) { :not(section.type-breadcrumb) + .type-banner { padding: calc(0.0421875 * 1 * 100vw + 2 * 0.0130208333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); } } :not(section.type-breadcrumb) + .type-banner:has(.contain-image) { padding-left: 0; padding-right: 0; } @media (max-width: 480px) { :not(section.type-breadcrumb) + .type-banner:has(.contain-image) .type-breadcrumb, :not(section.type-breadcrumb) + .type-banner:has(.contain-image) .container:not(:has(.contain-image)) { padding-left: calc(0.0769230769 * 1 * 100vw); padding-right: calc(0.0769230769 * 1 * 100vw); } } @media (min-width: 481px) { :not(section.type-breadcrumb) + .type-banner:has(.contain-image) .type-breadcrumb, :not(section.type-breadcrumb) + .type-banner:has(.contain-image) .container:not(:has(.contain-image)) { padding-left: calc(0.0365853659 * 1 * 100vw); padding-right: calc(0.0365853659 * 1 * 100vw); } } @media (min-width: 1024px) { :not(section.type-breadcrumb) + .type-banner:has(.contain-image) .type-breadcrumb, :not(section.type-breadcrumb) + .type-banner:has(.contain-image) .container:not(:has(.contain-image)) { padding-left: calc(0.0572916667 * 1 * 100vw); padding-right: calc(0.0572916667 * 1 * 100vw); } } @media (max-width: 480px) { :not(section.type-breadcrumb) + .type-banner:has(.contain-image) .contain-image { width: 150%; translate: -10%; } } @media (max-width: 1023px) { .type-banner:has(section.type-breadcrumb) > .wrapper, .type-banner:has(section.type-breadcrumb) > .bkg-wrapper { margin-top: calc(0.0182926829 * 1 * 100vw); } } @media (max-width: 480px) { .type-banner:has(section.type-breadcrumb) > .wrapper, .type-banner:has(section.type-breadcrumb) > .bkg-wrapper { margin-top: calc(0.0384615385 * 1 * 100vw); } } @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.0769230769 * 1 * 100vw) !important; padding-right: calc(0.0769230769 * 1 * 100vw) !important; } } .type-banner { z-index: 12; } .type-banner h1 { margin: 0; } @media (min-width: 481px) { .type-banner:not(:has(> .wrapper.row)):not(:has(> .wrapper.in-line)) p { width: 55%; margin-left: auto; margin-right: auto; } } .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-blue); 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.03125 * 1 * 100vw); gap: calc(0.0208333333 * 1 * 100vw); } } .type-banner .type-swiper img:not(.img-icon) { -o-object-fit: cover; object-fit: cover; width: 100%; height: auto; display: block; } .type-banner.default { position: relative; } @media (min-width: 1024px) { .type-banner.default div > .container:has(.img-icon) { max-width: 72%; min-height: calc(0.15625 * 1 * 100vw); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } @media (max-width: 480px) { .type-banner.default .bkg-wrapper { margin: 35% auto; } } @media (min-width: 481px) { .type-banner.default .bkg-wrapper { margin: 3.5% auto; } } .type-banner.default .bkg-wrapper .container h1, .type-banner.default .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 { opacity: 0.5; } .type-banner.default .wrapper { z-index: 2; } @media (max-width: 1023px) { .type-banner.default .wrapper .container:last-child { margin-top: calc(0.0487804878 * 1 * 100vw); } } @media (max-width: 480px) { .type-banner.default .wrapper .container:last-child { margin-top: calc(0.1025641026 * 1 * 100vw); } } @media (min-width: 1024px) { .type-banner.default.home .wrapper .container:first-child { width: 65%; } } @media (min-width: 1024px) { .type-banner.default.home .wrapper .container:last-child { width: 35%; } } .type-banner.default.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.bottom { display: none; } } .type-banner.default.home .wrapper .container .package .img-icon.button.right { left: 90%; } @media (max-width: 1023px) { .type-banner.default.home .wrapper .container .package .img-icon.button.right { display: none; } } .type-banner.default.home .wrapper .container .package .img-icon.image.left { top: 75%; z-index: -1; } @media (max-width: 480px) { .type-banner.default.home .wrapper .container .package .img-icon.image.left { right: 45%; } } @media (min-width: 481px) { .type-banner.default.home .wrapper .container .package .img-icon.image.left { right: 65%; } } .type-banner.default.home .wrapper .container .package .img-icon.image.right { top: 10%; } @media (max-width: 480px) { .type-banner.default.home .wrapper .container .package .img-icon.image.right { left: 60%; } } @media (min-width: 481px) { .type-banner.default.home .wrapper .container .package .img-icon.image.right { left: 70%; } } @media (min-width: 1024px) { .type-banner.default.home .wrapper .container .package .img-icon.image.right { left: 85%; } } @media (min-width: 1024px) { .type-banner.default.lodging .wrapper .container:first-child { width: 50%; } } @media (min-width: 1024px) { .type-banner.default.lodging .wrapper .container:last-child { width: 50%; } } .type-banner.default.lodging .wrapper .container .package:has(img.contain-image) { width: -webkit-fill-available; } .type-banner.default.lodging .wrapper .container .package .img-icon.image.left { top: 10%; z-index: -1; } @media (max-width: 480px) { .type-banner.default.lodging .wrapper .container .package .img-icon.image.left { left: 10%; } } @media (min-width: 481px) { .type-banner.default.lodging .wrapper .container .package .img-icon.image.left { left: 10%; } } .type-banner.default.springbreak .wrapper .type-swiper { position: relative; } .type-banner.default.springbreak .wrapper .img-icon.image { z-index: 2; } .type-banner.default.springbreak .wrapper .img-icon.image.right { top: 5%; } @media (max-width: 480px) { .type-banner.default.springbreak .wrapper .img-icon.image.right { display: none; } } @media (min-width: 481px) { .type-banner.default.springbreak .wrapper .img-icon.image.right { left: 86%; } } @media (min-width: 1024px) { .type-banner.default.springbreak .wrapper .img-icon.image.right { left: 92%; } } @media (max-width: 480px) { .type-banner.default.springbreak .wrapper .img-icon.image.bottom { left: 82%; top: 66%; } } @media (min-width: 481px) { .type-banner.default.springbreak .wrapper .img-icon.image.bottom { left: 42%; top: 65%; } } @media (min-width: 1024px) { .type-banner.default.springbreak .wrapper .img-icon.image.bottom { left: 62%; top: 70%; } } @media (max-width: 480px) { .type-banner.default.springbreak .wrapper .img-icon.title.left { display: none; } } @media (min-width: 481px) { .type-banner.default.springbreak .wrapper .img-icon.title.left { right: 75%; } } @media (min-width: 1024px) { .type-banner.default.springbreak .wrapper .img-icon.title.left { right: 110%; } } @media (max-width: 480px) { .type-banner.default.springbreak .wrapper .img-icon.title.right { top: 5%; left: 90%; } } @media (min-width: 481px) { .type-banner.default.springbreak .wrapper .img-icon.title.right { top: 5%; left: 75%; } } @media (min-width: 1024px) { .type-banner.default.springbreak .wrapper .img-icon.title.right { top: 5%; left: 100%; } } @media (max-width: 480px) { .type-banner.default.city-trip .img-icon.title.left { display: none; } } @media (min-width: 481px) { .type-banner.default.city-trip .img-icon.title.left { right: 80%; top: 220%; } } @media (min-width: 1024px) { .type-banner.default.city-trip .img-icon.title.left { right: 200%; top: 190%; } } @media (max-width: 480px) { .type-banner.default.city-trip .img-icon.title.right { left: 80%; } } @media (min-width: 481px) { .type-banner.default.city-trip .img-icon.title.right { left: 80%; } } @media (min-width: 1024px) { .type-banner.default.city-trip .img-icon.title.right { left: 195%; } } .type-banner.default.about .img-icon.title.left { top: 30%; } @media (max-width: 480px) { .type-banner.default.about .img-icon.title.left { display: none; } } @media (min-width: 481px) { .type-banner.default.about .img-icon.title.left { right: 65%; } } @media (min-width: 1024px) { .type-banner.default.about .img-icon.title.left { right: 100%; } } @media (max-width: 480px) { .type-banner.default.about .img-icon.title.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.right { left: 70%; } } @media (min-width: 1024px) { .type-banner.default.about .img-icon.title.right { left: 155%; } } @media (max-width: 480px) { .type-banner.default.recruitment .img-icon.title.left { right: 40%; top: 500%; } } @media (min-width: 481px) { .type-banner.default.recruitment .img-icon.title.left { right: 70%; } } @media (min-width: 1024px) { .type-banner.default.recruitment .img-icon.title.left { right: 120%; } } @media (max-width: 480px) { .type-banner.default.recruitment .img-icon.title.right { display: none; } } @media (min-width: 481px) { .type-banner.default.recruitment .img-icon.title.right { left: 80%; } } @media (min-width: 1024px) { .type-banner.default.recruitment .img-icon.title.right { left: 125%; } } @media (max-width: 480px) { .type-banner.default.become-partner .img-icon.title.left { display: none; } } @media (min-width: 481px) { .type-banner.default.become-partner .img-icon.title.left { right: 88%; top: 0%; } } @media (min-width: 1024px) { .type-banner.default.become-partner .img-icon.title.left { right: 105%; top: 0%; } } @media (max-width: 480px) { .type-banner.default.become-partner .img-icon.title.right { left: 70%; top: 40%; } } @media (min-width: 481px) { .type-banner.default.become-partner .img-icon.title.right { left: 80%; top: 200%; } } @media (min-width: 1024px) { .type-banner.default.become-partner .img-icon.title.right { left: 95%; top: 170%; } } @media (max-width: 1023px) { .type-banner.default.blog .img-icon.title.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.left { right: 80%; top: 0; } } @media (min-width: 1024px) { .type-banner.default.blog .img-icon.title.left { right: 110%; top: 30%; } } @media (max-width: 480px) { .type-banner.default.blog .img-icon.title.right { display: none; } } @media (min-width: 481px) { .type-banner.default.blog .img-icon.title.right { left: 85%; top: 100%; } } @media (min-width: 1024px) { .type-banner.default.blog .img-icon.title.right { left: 115%; top: 90%; } } @media (max-width: 1023px) { .type-banner.default.post .img-icon.title.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.right { top: 150%; left: 60%; } } @media (min-width: 1024px) { .type-banner.default.post .img-icon.title.right { top: 0%; } } @media (max-width: 1023px) { .type-banner.default.faq .img-icon.title.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.left { display: none; } } @media (min-width: 1024px) { .type-banner.default.faq .img-icon.title.left { right: 110%; top: 90%; } } @media (max-width: 1023px) { .type-banner.default.faq .img-icon.title.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.right { left: 55%; top: -20%; } } @media (min-width: 1024px) { .type-banner.default.faq .img-icon.title.right { left: 100%; top: -20%; } } @media (max-width: 1023px) { .type-banner.default.quotation .img-icon.title.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.left { display: none; } } @media (min-width: 1024px) { .type-banner.default.quotation .img-icon.title.left { right: 110%; top: 190%; } } @media (max-width: 1023px) { .type-banner.default.quotation .img-icon.title.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.right { left: 55%; top: -50%; } } @media (min-width: 1024px) { .type-banner.default.quotation .img-icon.title.right { left: 110%; top: -20%; } } @media (max-width: 1023px) { .type-banner.default.contact .img-icon.title.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.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.right { top: 100%; left: 110%; } } @media (max-width: 1023px) { .type-banner.default.board-sport .img-icon.title.left { -webkit-transform: translateY(-40%) scale(0.5); transform: translateY(-40%) scale(0.5); left: -5%; } } @media (max-width: 480px) { .type-banner.default.board-sport .img-icon.title.left { right: -20%; z-index: -1; } } .type-banner.faq, .page-id-21249 .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.0119791667 * 1 * 100vw); padding: calc(0.0125 * 1 * 100vw) calc(0.0208333333 * 1 * 100vw) calc(0.0125 * 1 * 100vw) calc(0.0109375 * 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-blue); font-family: var(--theme-font-montserrat-semibold) !important; 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-orange); /* 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.0041666667 * 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 */ } /** * -------------------------------------------------------------------------------------------------------------- * 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(.type-breadcrumb):not(.type-banner):not(.wrapper > .type-swiper):not(.type-archive):not(.type-content:not(.legal)):not(.type-a):not(.type-c):not(.type-d):not(.type-e):not(.type-f):not(.type-i):not(.type-n):not(.type-o):not(.type-p):not(.type-q):not(.type-b):not(.type-step):not(.type-h):not(.type-j):not(.type-s):not(.type-v):not(.type-ac):not(.type-avantages):not(.faq-section), .single-post > main.type-sidebar { margin: calc(0.2564102564 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) calc(0.2564102564 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); } } @media (min-width: 481px) { section:not(.type-breadcrumb):not(.type-banner):not(.wrapper > .type-swiper):not(.type-archive):not(.type-content:not(.legal)):not(.type-a):not(.type-c):not(.type-d):not(.type-e):not(.type-f):not(.type-i):not(.type-n):not(.type-o):not(.type-p):not(.type-q):not(.type-b):not(.type-step):not(.type-h):not(.type-j):not(.type-s):not(.type-v):not(.type-ac):not(.type-avantages):not(.faq-section), .single-post > main.type-sidebar { margin: calc(0.1219512195 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0.1219512195 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw); } } @media (min-width: 1024px) { section:not(.type-breadcrumb):not(.type-banner):not(.wrapper > .type-swiper):not(.type-archive):not(.type-content:not(.legal)):not(.type-a):not(.type-c):not(.type-d):not(.type-e):not(.type-f):not(.type-i):not(.type-n):not(.type-o):not(.type-p):not(.type-q):not(.type-b):not(.type-step):not(.type-h):not(.type-j):not(.type-s):not(.type-v):not(.type-ac):not(.type-avantages):not(.faq-section), .single-post > main.type-sidebar { margin: calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); } } @media (min-width: 0px) { section.mini { padding: calc(0.1282051282 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) calc(0.1282051282 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw) !important; } } @media (min-width: 481px) { section.mini { padding: calc(0.0609756098 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) calc(0.0609756098 * 1 * 100vw) calc(0.0365853659 * 1 * 100vw) !important; } } @media (min-width: 1024px) { section.mini { padding: calc(0.0390625 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.0390625 * 1 * 100vw) calc(0.0572916667 * 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 { width: 100%; 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-blue-80); 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-orange); } @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; } } nav.legals-navigation ul li:hover a { color: var(--theme-color-blue); } .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 { padding: 0; border-radius: 7px; background-color: var(--theme-color-light-blue); -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-blue); } @media (min-width: 1220px) { .socials-navigation #menu-socials li i { font-size: calc(0.0130208333 * 1 * 100vw); } } @media (max-width: 1424px) { .socials-navigation #menu-socials li i { font-size: 20px; } } .socials-navigation #menu-socials li:hover i { color: var(--theme-color-dark-blue); } .blog-section .archive-container { display: -ms-grid; display: grid; } @media (min-width: 1024px) { .blog-section .archive-container { -ms-grid-columns: 1fr calc(0.0260416667 * 1 * 100vw) 1fr calc(0.0260416667 * 1 * 100vw) 1fr; grid-template-columns: repeat(3, 1fr); padding: calc(0.0416666667 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.078125 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw); -webkit-column-gap: calc(0.0260416667 * 1 * 100vw); -moz-column-gap: calc(0.0260416667 * 1 * 100vw); column-gap: calc(0.0260416667 * 1 * 100vw); row-gap: calc(0.03125 * 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.0365853659 * 1 * 100vw) calc(0.1463414634 * 1 * 100vw) calc(0.0365853659 * 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.0769230769 * 1 * 100vw) calc(0.2564102564 * 1 * 100vw) calc(0.0769230769 * 1 * 100vw); } } @media (max-width: 1023px) { .type-q .star { z-index: 10; } } .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-orange); } 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-blue); -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .toggle-label i { font-size: 16px; } @media screen and (max-width: 900px) { .filter-buttons { padding-bottom: 50px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .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.0769230769 * 1 * 100vw); } .filter-buttonsbutton:last-child { padding-right: calc(0.0769230769 * 1 * 100vw); } } .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%; } } .faq-section .faq-container { margin-top: 80px; } @media (min-width: 1024px) { .faq-section .faq-container { margin-bottom: calc(0.078125 * 1 * 100vw); } } @media (max-width: 1023px) { .faq-section .faq-container { padding: 0 calc(0.0365853659 * 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.0769230769 * 1 * 100vw); margin-bottom: calc(0.2564102564 * 1 * 100vw); } } .faq-section .faq-container .accordion-item { border: 1px solid var(--theme-color-light-blue); } .faq-section .faq-container .accordion-item h6 { margin: 0; } .faq-section .rail-container { overflow: visible !important; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } @media (max-width: 1023px) { .faq-section .rail-container { padding: 0 calc(0.0365853659 * 1 * 100vw); } } @media (max-width: 1023px) and (max-width: 480px) { .faq-section .rail-container { padding: 0 calc(0.0769230769 * 1 * 100vw); } } @media (max-width: 1023px) { .faq-section .rail-container { width: auto; } } .faq-section .rail-container::-webkit-scrollbar { display: none; } @media (max-width: 1023px) { .faq-section .rail-container .nice-select { padding: 20px 30px; margin-top: 5%; } } .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.0260416667 * 1 * 100vw); margin-bottom: calc(0.015625 * 1 * 100vw); } } @media (max-width: 1023px) { .accordion-item { padding: 30px 20px 30px 30px; 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.0260416667 * 1 * 100vw) 0 0 0; display: none; } .accordion-item .accordion-content p { margin: 0; } .devis { position: relative; } @media (max-width: 480px) { .devis { padding-top: 0 !important; } } .devis .image { position: absolute; z-index: 3; left: 5%; } @media (min-width: 1024px) { .devis .image { height: calc(0.1041666667 * 1 * 100vw); top: calc(-0.0677083333 * 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.0208333333 * 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.0182291667 * 1 * 100vw) calc(0.015625 * 1 * 100vw); width: calc(0.2083333333 * 1 * 100vw); border-radius: calc(0.0104166667 * 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.0104166667 * 1 * 100vw) 0 calc(0.0182291667 * 1 * 100vw) 0; } .map .popup-card .title i { color: var(--theme-color-blue); padding: calc(0.0052083333 * 1 * 100vw); background: var(--theme-color-blue-20); border-radius: 50px; width: calc(0.015625 * 1 * 100vw); height: calc(0.015625 * 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.0052083333 * 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.0260416667 * 1 * 100vw); height: calc(0.0130208333 * 1 * 100vw); border-radius: calc(0.0020833333 * 1 * 100vw); margin-top: calc(-0.0052083333 * 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 { padding: 1.5625vw 1.82291667vw; border-radius: 15px; border: 0px !important; } @media (max-width: 1219px) { #input_6_1 { padding: 4.0625vw 2.82291667vw; } .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-blue) !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-blue); } .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-blue); 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: #2D2F83; } .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: #FAF5F4; } .site .text { color: #FAF5F4; } .site .img-block-image-left, .site .img-block-image-right { z-index: 1; } @media (min-width: 481px) { .hbspt-form { padding: 40px; } } .except-hebergement { display: none; } .point.orange::after { background-color: var(--theme-color-orange); } .point.light-blue::after { background-color: var(--theme-color-light-blue); } @media (min-width: 0px) { .single-hebergement .size-card { font-size: var(--theme-font-size-7-mobile) !important; line-height: var(--theme-line-height-7-mobile); } } @media (min-width: 481px) { .single-hebergement .size-card { font-size: var(--theme-font-size-7-tablet) !important; line-height: var(--theme-line-height-7-tablet); } } @media (min-width: 1024px) { .single-hebergement .size-card { font-size: var(--theme-font-size-7-desktop) !important; line-height: var(--theme-line-height-7-desktop); } } @media (min-width: 1220px) { .single-hebergement .size-card { 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) { .single-hebergement .size-card { font-size: var(--theme-font-size-7-desktop-full) !important; line-height: var(--theme-line-height-7-desktop-full); } } @media (min-width: 1750px) { .single-hebergement .size-card { font-size: var(--theme-font-size-7-desktop-large) !important; line-height: var(--theme-line-height-7-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 { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; padding: 2%; } .single-hebergement .section-details .container-detail .img-container { position: relative; } .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 { position: relative; 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-full-white); 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 (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 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; } .single-hebergement .section-details .container-detail .card-detail ul li { position: relative; padding-left: 30px; font-weight: 500; } .single-hebergement .section-details .container-detail .card-detail ul li::before { content: ""; position: absolute; left: 0; top: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 15px; height: 15px; background: url("/wp-content/uploads/2024/12/point.svg") no-repeat center; background-size: contain; } @media (min-width: 1024px) { .single-hebergement .section-details .container-detail .card-detail 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.0677083333 * 1 * 100vw) calc(0.0572916667 * 1 * 100vw) calc(0.046875 * 1 * 100vw) calc(0.0572916667 * 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.0520833333 * 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.0365853659 * 1 * 100vw); } } @media (max-width: 1023px) and (max-width: 480px) { .type-ac .wave-container .left-content h2 { padding: 0 calc(0.0769230769 * 1 * 100vw); } } @media (max-width: 1023px) { .type-ac .wave-container .left-content .item-list { padding: 0 calc(0.0365853659 * 1 * 100vw); } } @media (max-width: 1023px) and (max-width: 480px) { .type-ac .wave-container .left-content .item-list { padding: 0 calc(0.0769230769 * 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: auto; background: #000; overflow: hidden; } .type-full .container .custom-video-container .video-frame { width: 100%; height: 100%; } .type-full .container .custom-video-container .video-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--theme-color-dark-blue-30); z-index: 1; pointer-events: none; } /** * -------------------------------------------------------------------------------------------------------------- * 5 : MODELS // * CSS exclusif à ces templates uniquement /**/ /** * -------------------------------------------------------------------------------------------------------------- * DEDICATED VARIABLES /**/ /** * -------------------------------------------------------------------------------------------------------------- * POST SINGLE /**/ .single-post .type-banner .bas_droit { right: 5%; bottom: 5%; } @media (min-width: 0px) { .single-post h1 { font-size: var(--theme-font-size-4-mobile) !important; line-height: var(--theme-line-height-4-mobile); } } @media (min-width: 481px) { .single-post h1 { font-size: var(--theme-font-size-4-tablet) !important; line-height: var(--theme-line-height-4-tablet); } } @media (min-width: 1024px) { .single-post h1 { font-size: var(--theme-font-size-4-desktop) !important; line-height: var(--theme-line-height-4-desktop); } } @media (min-width: 1220px) { .single-post h1 { 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) { .single-post h1 { font-size: var(--theme-font-size-4-desktop-full) !important; line-height: var(--theme-line-height-4-desktop-full); } } @media (min-width: 1750px) { .single-post h1 { font-size: var(--theme-font-size-4-desktop-large) !important; line-height: var(--theme-line-height-4-desktop-large); } } /** * -------------------------------------------------------------------------------------------------------------- * 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.0026041667 * 1 * 100vw) 0; } .read-me-page li { margin: calc(0.0052083333 * 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.1145833333 * 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 */