/*
Theme Name: Leroll Design - Kaelyane
Theme URI: https://lerolldesign.com
Description: Custom theme crafted by Leroll Design for Kaelyane.
Author: Leroll Design
Author URI: https://lerolldesign.com
Template: uncode
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: leroll-design-kaelyane
Tags: custom, leroll-design, kaelyane
*/

/*
 * ============================================
 * LEROLL DESIGN - KAELYANE
 * ============================================
 *
 * Child theme for Kaelyane project
 * Based on Uncode parent theme
 *
 * Company: Leroll Design
 * Client: Kaelyane
 *
 * ============================================
 */


body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-mobile-transparent)):not(.is_mobile_open).menu-transparent .lines:not(.lines-dropdown), body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-mobile-transparent)).is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown), html.overlay-open body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override .lines:not(.lines-dropdown), body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-mobile-transparent)):not(.is_mobile_open).menu-transparent .lines:not(.lines-dropdown):before, body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-mobile-transparent)).is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown):before, html.overlay-open body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override .lines:not(.lines-dropdown):before, body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-mobile-transparent)):not(.is_mobile_open).menu-transparent .lines:not(.lines-dropdown):after, body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-mobile-transparent)).is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown):after, html.overlay-open body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override .lines:not(.lines-dropdown):after, body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-mobile-transparent)):not(.is_mobile_open).menu-transparent .lines:not(.lines-dropdown) > span, body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override:not(.is_stuck:not(.menu-mobile-transparent)).is_mobile_open.menu-parent-off-canvas.menu-transparent .mmb-container .lines:not(.lines-dropdown) > span, html.overlay-open body:not(.menu-force-opacity):not(.navbar-hover) .style-light-override .lines:not(.lines-dropdown) > span

{
background: ;
background-color: white; 
	
}
.wap-booking-fields label {
margin-bottom: 0;
font-size: .9em;
color: black!important;
}
.latepoint-booking-form-element .os-day-status .day-available {
    background-color: #e2b086!important;
    top: 0px;
    bottom: 0px;
    position: absolute;
    z-index: 1;
    min-width: 3px;
    border-radius: var(--latepoint-border-radius);
}
.latepoint-booking-form-element .dp-timebox {
    white-space: nowrap;
    text-align: center;
    padding: 6px 3px;
    line-height: 1.2;
    background-color: #eaddcb!important;
    font-size: 15px;
    color: #14161d;
    cursor: pointer;
    font-weight: 600;
    position: relative;
    width: auto !important;
    max-width: none !important;
}
.customer-bookings-tiles .customer-booking {
    background: #ffffff17;
    border: 1px solid #ddd;
    padding: 25px;
    color: #222;
    align-self: flex-start;
    position: relative;
    border-radius: var(--latepoint-border-radius);
}
.latepoint-w .os-form-group.os-form-select-group .os-form-control, .latepoint-w .os-form-group.os-form-select-group input.os-form-control, .latepoint-w .os-form-group.os-form-textfield-group .os-form-control, .latepoint-w .os-form-group.os-form-textfield-group input.os-form-control {
position: relative !important;
display: block !important;
box-shadow: none !important;
border: 1px solid var(--latepoint-brand-primary) !important;
padding: 12px 10px 12px 10px !important;
border-radius: var(--latepoint-border-radius) !important;
background-color: rgba(255, 255, 255, 0) !important;
width: 100%;
color: #32373c;
line-height: 1.2;
font-size: 15px !important;
font-weight: 400 !important;
transition: all .2s ease;
height: auto;
margin: 0px;
}



/* ============================================
   CSS VARIABLES - COLORS
   ============================================ */

:root {
    --color-peach-light: oklch(95.32% 0.0326 67.42);
    --color-peach: oklch(95.32% 0.0326 67.42);
    --color-peach-dark: oklch(70.62% 0.1473 26.44);
    --color-nude: oklch(91.15% 0.0399 43.39);
    --color-purple: oklch(17% 0.0829 299.83);
    --color-gold: oklch(64.43% 0.1297 71.14);
    --color-terracota: oklch(52.34% 0.1067 42.98);
}

/* ============================================
   GOOGLE FONTS
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Cormorant:ital,wght@0,300..700;1,300..700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/* ============================================
   CUSTOM FONTS
   ============================================ */

@font-face {
    font-family: 'PNARegular';
    src: url('fonts/pnaregular.woff2') format('woff2'),
         url('fonts/pnaregular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Giyaste';
    src: url('fonts/giyaste.woff2') format('woff2'),
         url('fonts/giyaste.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* ============================================
   FONT CLASSES
   ============================================ */

.cormorant-garamond {
    font-family: "Cormorant Garamond", serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.cormorant {
    font-family: "Cormorant", serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.dm-sans {
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

/* ============================================
   BASE STYLES
   ============================================ */

/* Hide color block */
.style-color-xsdn-bg {
    background-color: transparent !important;
}

/* Light background */
.style-light-bg {
    background-color: transparent;
}

/* Menu sticky - Desktop only (permet au burger d'apparaître sur mobile) */
@media (min-width: 1025px) {
    .menu-wrapper.menu-sticky.no-header {
        height: 0 !important;
        min-height: 0 !important;
        background-color: transparent !important;
    }
}


/* Mobile/Tablet: Uncode gère le burger nativement */

/* Couleur du close button sur l'overlay */
.uncode-close-offcanvas-overlay .lines,
.uncode-close-offcanvas-overlay .lines:before,
.uncode-close-offcanvas-overlay .lines:after {
    background-color: var(--color-peach-light) !important;
}

.title_menu_1 a span {
color:var(--color-peach-light)!important;
	}
.title_menu_1 a span:hover {
color:var(--color-peach-dark)!important;
	}


.fontsize-522040-custom a span  {
color:var(--color-peach-light)!important;

}

.menu_block a span {
color:var(--color-peach-light)!important;
font-weight:200!important;
	padding-bottom:4vh!important;
	font-size:6vw!important;
}



.menu_a p a {
color:#ffffff;
font-size:5vw!important;
	font-weight:300!important;
}
label {
	color:#ffffff!important;
}



.row-navigation-light{
	display:none!important;
}

/* ============================================
   FORM
   ============================================ */
.wpcf7 form.sent .wpcf7-response-output {
    color: white!important;
}
input, textarea, select, .seldiv, .select2-choice, .select2-selection--single {
    display: block;
    line-height: initial;
    margin: 9px 0px 0px 0px;
    padding: 10px 15px 10px 15px;
    border-style: solid;
    border-radius: 2px;
    font-weight: normal;
    background:var(--color-terracota) !important;
    border: 1px solid var(--color-nude) !important;
}

.style-light .input-background input[type="text"], .style-dark .style-light .input-background input[type="text"], .style-light .input-background input[type="email"], .style-dark .style-light .input-background input[type="email"], .style-light .input-background input[type="number"], .style-dark .style-light .input-background input[type="number"], .style-light .input-background input[type="url"], .style-dark .style-light .input-background input[type="url"], .style-light .input-background input[type="tel"], .style-dark .style-light .input-background input[type="tel"], .style-light .input-background input[type="search"], .style-dark .style-light .input-background input[type="search"], .style-light .input-background input[type="password"], .style-dark .style-light .input-background input[type="password"], .style-light .input-background input[type="date"], .style-dark .style-light .input-background input[type="date"], .style-light .input-background textarea, .style-dark .style-light .input-background textarea, .style-light .input-background select, .style-dark .style-light .input-background select, .style-light .input-background .select2-selection--single, .style-dark .style-light .input-background .select2-selection--single, .compose-mode.style-light .input-background .lateral-nav-parent li, .compose-mode.style-dark .style-light .input-background .lateral-nav-parent li {
    background:var(--color-terracota) !important;
	 border: 1px solid var(--color-nude) !important;
}
::placeholder {
    color: var(--color-nude);
    opacity: 1; /* important pour Safari */
}
input::placeholder,
textarea::placeholder {
    color: var(--color-nude);
    opacity: 1;
}
.wpcf7-form-control.wpcf7-select {
    background: var(--color-terracota) !important;
    color: var(--color-nude) !important;
    border: 1px solid #ddd !important;
    padding: 10px !important;
    border-radius: 4px !important;
}
.wpcf7 form select.wpcf7-select {
    background-color: var(--color-terracota) !important;
    color:var(--color-nude) !important;
}
input.wpcf7-submit {
    background: var(--color-nude) !important;
    color: #000 !important;
    border: 2px solid var(--color-nude) !important;
    padding: 12px 28px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    transition: .3s ease !important;
}

input.wpcf7-submit:hover {
    background: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

input, textarea, select, .seldiv, .select2-choice, .select2-selection--single {
    display: block;
    line-height: initial;
    margin: 9px 0px 0px 0px;
    padding: 10px 15px 10px 15px;
    border-style: solid;
    border-radius: 2px;
    font-weight: normal;
    background-color:var(--color-terracota) !important;
  border: 1px solid var(--color-nude) !important;
}

/* ============================================
   BURGER MENU - Desktop (3-dot vertical design)
   Mobile/Tablet: Uses native Uncode burger
   ============================================ */

@media (min-width: 1025px) {
    .lines-button .lines {
        width: 5px !important;
        height: 5px !important;
        background-color: oklch(95.32% 0.0326 67.42) !important;
        border-radius: 50% !important;
        position: relative !important;
        box-shadow:
            0 -10px 0 0 oklch(95.32% 0.0326 67.42),
            0 10px 0 0 oklch(95.32% 0.0326 67.42) !important;
    }

    .lines-button .lines:before,
    .lines-button .lines:after {
        display: none !important;
    }

    .lines-button .lines > span {
        display: none !important;
    }
}

/* Button rounded */
.btn-round {
    border-radius: 50px !important;
    padding: 20px !important;
}
.footer_a a:hover {
color:white!important;

	}
a {
    text-decoration: none !important;
}
/* Supprimer le soulignement des liens - tous navigateurs incluant iOS */
a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
    text-decoration: none !important;
    -webkit-text-decoration: none !important;
    text-decoration-line: none !important;
    -webkit-text-decoration-line: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Reset spécifique iOS Safari */
@supports (-webkit-touch-callout: none) {
    a {
        text-decoration: none !important;
        -webkit-text-decoration: none !important;
    }
}





/* ===========================================
 * FORM
 * ===========================================*/

.t-entry-date {
    color: white !important;
}

.post-tag-share-container {
    color: white !important;
}

.tmb-iso-h4 a {
    color: white !important;
}

.t-entry-nav-label {
    display: none !important;
}

#comment {
    border-radius: 50px !important;
	
}

.comment-reply-title {
    display: none !important;
}

.comment-form-comment {
    border-radius: 30px !important;
    background: var(--color-terracota) !important;
}

.comment-form-comment textarea {
    background: var(--color-terracota) !important;
}

.comment-form-author input {
    background: var(--color-terracota) !important;
    border-radius: 30px !important;
}

.comment-form-email input {
    background: var(--color-terracota) !important;
    border-radius: 30px !important;
}

.comment-form-url input {
    background: var(--color-terracota) !important;
    border-radius: 30px !important;
}

.form-submit input {
    background: var(--color-nude) !important;
    border-radius: 30px !important;
    color: var(--color-terracota) !important;
}

.form-submit input:hover {
    background: var(--color-terracota) !important;
    color: var(--color-nude) !important;
}





/* ============================================
   CARE CARDS
   ============================================ */

.heading-soins {
    color: var(--color-nude);
    font-size: 95.5vw !important;
}

.t-entry-excerpt {
    padding-bottom: 5vh;
    padding-top: 5vh;
    font-family: 'Instrument Serif' !important;
}

.uncont li a {
    color: #89442a !important;
}

li a:hover {
    color: var(--color-nude);
    font-weight: 200;
}

.uncode-pricing-entry {
    color: var(--color-nude);
}

/* ============================================
   LAYOUT - SECTIONS
   ============================================ */

.uncode-wrapper .intro {
    width: 20px !important;
    margin-bottom: 20vh;
}

.row-parent.double-top-padding {
    padding-top: 0 !important;
}

.row-parent:has(.intro) {
    padding-top: 0 !important;
    margin-top: -10vh !important;
    margin-bottom: 20vh !important;
}

.row-parent:has(.section) {
    padding-top: 0 !important;
    margin-top: 10vh !important;
    margin-bottom: 5vh !important;
}
/* ============================================
   SCROLL INDICATOR - BOUNCE ANIMATION
   ============================================ */

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}

.scroll {
    position: absolute !important;
    z-index: 10 !important;
    color: var(--color-peach-light);
    animation: bounce 1.5s ease-in-out infinite;
}

 
/* ============================================
   TYPOGRAPHY - BASE (Mobile first)
   ============================================ */

h1,
body h1,
.style-light h1,
.style-dark h1,
h1.heading-text,
.uncode-wrapper h1 {
    font-size: 2rem !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    letter-spacing: -5px !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    filter: none !important;
}

h2,
body h2,
.style-light h2,
.style-dark h2,
h2.heading-text,
.uncode-wrapper h2 {
    font-size: 2rem !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    filter: none !important;
}
h4,
body h4,
.style-light h4,
.style-dark h4,
h4.heading-text,
.uncode-wrapper h4 {
    font-size: 2rem !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    text-shadow: none !important;
    -webkit-text-stroke: 0 !important;
    filter: none !important;
}

p {
    font-weight: 200 !important;
}

.social-pinterest a {
	display:none!important;
}


/* ============================================
   MEDIA QUERIES - MOBILE FIRST
   ============================================ */

/* Extra small devices (300px+) */
@media (min-width: 280px) {
    h1,
    body h1,
    .style-light h1,
    .style-dark h1,
    h1.heading-text,
    .uncode-wrapper h1 {
        font-size: 15.5vw !important;
    }

    p {
        font-size: 3.08vw !important;
        line-height: 2.63vh !important;
    }

    .logo_under {
        width: 100vw !important;
        padding-left: 30vw !important;
        padding-right: 43vw !important;
        justify-items: center !important;
    }
	.text-construction p {
	font-size: 3rem !important;
	line-height:3rem!important;
	letter-spacing:-1.1rem!important;
	}
	.actuality h3 {
	font-size: 10vw!important;
	}
	.actuality p {
	font-size: 4vw!important;
	line-height: 2vh!important;
	}
		.title_soin h1 {
	font-size: 15vw !important;
	line-height:3.15rem!important;
	letter-spacing:-.25rem!important;
	}
}

/* iPhone 12/13/14 (390px+) */
@media (min-width: 390px) {
    h1,
    body h1,
    .style-light h1,
    .style-dark h1,
    h1.heading-text,
    .uncode-wrapper h1 {
        font-size: 12.5vw !important;
    }

    p {
        font-size: 3.58vw !important;
        line-height: 2.73vh !important;
    }

    .logo_under {
        width: 100vw !important;
        padding-left: 30vw !important;
        padding-right: 43vw !important;
        justify-items: center !important;
    }

    .footer_a span a {
    font-size: 3.55vw !important;
	padding-bottom:4vh!important;
	padding-top:2vh!important;
	
    }
	.footer_a_credit span a {
	font-size: .15rem!important;
	line-height:1.65rem!important;
	position:relative!important;
	bottom:2vh!important;
	right:1!important;
	width:100vw!important;
	}
	.text-construction p {
	font-size: 3rem !important;
	line-height:3rem!important;
	letter-spacing:-1.1rem!important;
	}
	.title_home h1 {
	font-size: 5rem !important;
	line-height:3.15rem!important;
	letter-spacing:-.65rem!important;
	}
	.title_home h2 {
	font-size: 1.15rem !important;
	line-height:3.15rem!important;
	letter-spacing:.25rem!important;
	}
	.title_home p {
	font-size: 1.25rem !important;
	line-height:1.65rem!important;
	letter-spacing:-.25rem!important;
	width:60vw;
	margin-left:2vw;
	}
	.scroll {
	position:absolute!important;
	bottom:5vh!important;
    right:5vw!important;
    z-index:10!important;
	color:var(--color-peach-light)
	}
	.title_1 h1 {
	font-size: 3.85rem !important;
	line-height:3.15rem!important;
	letter-spacing:-.25rem!important;
	}
	
	.title_soin h1 {
	font-size: 14vw !important;
	line-height:3.15rem!important;
	letter-spacing:-.25rem!important;
	}
	.title_1_mix h1 {
	font-size: 14vw !important;
	line-height:3.15rem!important;
	letter-spacing:-.25rem!important;
	}
	.title_2_mix h1 {
	font-size: 14vw !important;
	line-height:3.15rem!important;
	letter-spacing:-.25rem!important;
	}
	
	.title_1_legals h1 {
	font-size: 3.55rem !important;
	line-height:3.25rem!important;
	letter-spacing:-.25rem!important;
	}
	.quote p {
	font-size:1.95rem !important;
	line-height:1.95rem!important;
	letter-spacing:-.00rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
	}
	.text p {
	font-size:1.15rem !important;
	line-height:1.55rem!important;
	letter-spacing:-.01rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
	}
	.text-intro p {
    font-size: 1.45rem !important;
	line-height:1.75rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
    }
	.text-intro  {
    max-width: 80vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 2vh;
    padding-bottom: 2vh;
    }
	
	.text-home {
	width:100vw!important;
	height:50vh!important;
	align-items:center!important;
	justify-content:center!important;
	display:flex!important;
	position:relative!important;
	padding-top:10vh!important;
	}
	
	.text-home p {
    font-size: 1.45rem !important;
	line-height:2rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
    }
	
  	.text-narrow p {
    font-size: .85rem !important;
	line-height:1.1!important;
	padding-top :2vh;
	padding-bottom :2vh;
	width: 60vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
    }
	
  	.text-narrow p small {
    font-size: 10.85rem !important;
	line-height:1.1!important;
	padding-top :2vh;
	padding-bottom :2vh;
	width: 60vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
    }

	.title_2 h2 {
	font-size: 3rem !important;
	letter-spacing:-.15rem!important;
	}
	.title_3 h3 {
	font-size: 3rem !important;
	line-height:2.75rem!important;
	letter-spacing:-.05rem!important;
	padding-top :1vh;
	padding-bottom :1vh;
	}
	.title_4 h4 {
	font-size: 4rem !important;
	line-height:6rem!important;
	letter-spacing:-.75rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
	}
	.title_5 h5 {
	font-size: 2rem !important;
	line-height:2.5rem!important;
	letter-spacing:-.05rem!important;
	padding-top :0.5vh;
	padding-bottom :0.5vh;
	}
	.t-entry-meta span {
	font-size: 1.05rem !important;
	line-height:2.5rem!important;
	font-weight:300!important;
	max-width: 700px !important;
	}
	.t-entry-excerpt  {
	font-size: 1rem !important;
	line-height:1.15rem!important;
	font-weight:300!important;
	}
	.t-entry-title {
	font-size: 3rem !important;
	line-height:2rem!important;
	font-weight:300!important;
	}
	.title-cards h2 {
	font-size: 3rem !important;
	line-height:3.15important;
	letter-spacing:-.85rem!important;
	font-weight:300!important;
	}
	.title-cards-b h3 {
	font-size: 3.25rem !important;
	line-height:3rem!important;
	letter-spacing:-3rem!important;
	font-weight:300!important;
	}
	.title-cards h3 {
	font-size: 3rem !important;
	line-height:2.5rem !important;
	letter-spacing:-.0rem!important;
	font-weight:300!important;
	}
	
	.title-cards span {
	font-size: 1.05rem!important;
	line-height:1.25em!important;
	max-width: 700px !important;
	position:relative;
	top:-2vh
	}
	.title-cards i {
	font-size: 2rem !important;
	line-height:2.5rem!important;
	font-weight:200!important;
	max-width: 700px !important;
	position:relative;
	top:0vh;
	}
	.vc_tta-tab a {
	  font-size:4rem !important;
	line-height:2.65rem !important;
	font-weight:300!important;
	}

	   [data-tab-id="starters"] a span,
    [data-tab-id="mains"] a span {
        font-size: 2.15rem !important;
		letter-spacing:-.01em!important;
    }
		/* btn */
	.custom-link  {
		font-size: 1rem !important;
		padding:2rem!important;
	}
		.text-narrow-small p {
    font-size: 1.15rem!important;
	line-height:1.65rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
    }
	.text-narrow-small h6 {
    font-size: 1.15rem !important;
    }
    .uncode-pricing-entry-value{
    font-size: 1.5rem !important;
    }
	.logo-image.main-logo {
     height: 95px !important;	
	left:-5vw!important;
    }
    .logo-image.main-logo img {
        max-height: 95px !important;
        width: auto !important;
    }
	.footer_a a {
	font-size: 0.75rem!important;
	line-height:1.65rem!important;
	padding-bottom:1vh;
	padding-left:1vw;
	}
   .footer_width {
     width: 100vw !important;
	padding-left:5vw;
	padding-right:5vw;
    }
	.footer h6 a {
	font-size: .1rem!important;
	line-height:1.65rem!important;
	padding-bottom:1vh;
	padding-left:1vw;
	}
	.testimonial p {
     font-size: 4.5vw !important;
     line-height: 3vh !important;
      padding-top: 0.5vh;
      padding-bottom: 0.5vh;
    }

    .testimonial h6 {
        font-size: 5vw !important;
        line-height: 3vh !important;
        padding-top: 0.5vh;
        padding-bottom: 0.5vh;
    }
	    .t-entry-text-tc h4 a {
        font-size: 2rem !important;
        color: var(--color-peach-light) !important;
    }
	  .text p {
        font-size: 1.15rem !important;
        line-height: 1.55rem !important;
        letter-spacing: -.01rem !important;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
		  .quote_contact p {
        font-size: 5vw !important;
        line-height: 1.55rem !important;
        letter-spacing: -.01rem !important;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
	
    .text_blog p {
        font-size: 1.25rem !important;
        line-height: 1.75rem !important;
        padding-bottom: 10vh !important;
        padding-top: 10vh !important;
    }

    .text_blog {
        width: 85vw !important;
        padding-right: 5vw !important;
        padding-left: 5vw !important;
        margin: auto !important;
    }

    .text_blog_info {
        font-size: .95rem !important;
    }

    .title_blog_info h6 a {
        font-size: 1.95rem !important;
        line-height: 1.05rem !important;
        color: var(--color-peach-light) !important;
    }

    .post-tag-share-container li {
        font-size: 4.5vw !important;
        padding: 4vw !important;
    }
	    .tmb-iso-h4 a {
        font-size: 1.5rem !important;
        line-height: 1.25rem !important;
    }
		.title-cards-c h3 {
        font-size:3rem !important;
        line-height: 2.25rem !important;
        letter-spacing: -3rem !important;
        font-weight: 300 !important;
    }
	
.wap-front .wbtn.wbtn-primary.wbtn-booking, .wap-front .wbtn-primary.wbtn-booking:not(:disabled):not(.disabled):active, .wap-front .wbtn-primary.wbtn-booking:not(:disabled):not(.disabled).active {
    font-size: .1em !important;
    border-radius: 50px !important;
	   font-family: "DM Sans", sans-serif!important;
	font-weight:600!important;
	padding:1rem!important;
}
		.menu-item-object-custom a span{
		
        line-height: 1.2vh!important;
		color:var(--color-peach-light)!important;
	}
			.unmenu-title span {
     color:var(--color-peach-light)!important;
    font-weight:200!important;
	padding-bottom: 1vh!important;
	padding-top:1vh!important;
	font-size:7.5vw!important;
    }
	ul.menu-smart > li a span {
color:var(--color-peach-light)!important;
font-weight:200!important;
font-size:7vw!important;
	padding-bottom:2vh!important;
	padding-top:2vh!important;
}


}

/* iPhone Plus/Max (428px+) */
@media (min-width: 428px) {
    h1,
    body h1,
    .style-light h1,
    .style-dark h1,
    h1.heading-text,
    .uncode-wrapper h1 {
        font-size: 12.5vw !important;
    }

    p {
        font-size: 3.58vw !important;
        line-height: 2.63vh !important;
    }
	.text-construction p {
	font-size: 3rem !important;
	line-height:3rem!important;
	letter-spacing:-1.1rem!important;
	}
	

	.title_home h1 {
	font-size: 6rem !important;
	line-height:3.15rem!important;
	letter-spacing:-.65rem!important;
	}
	.actuality p {
	font-size: 3vw!important;
	line-height: 2vh!important;
	width: 50vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
	}
	.title_soin h1 {
	font-size: 15vw !important;
	line-height:3.15rem!important;
	letter-spacing:-.25rem!important;
	}
	.title_1_mix h1 {
	font-size: 15vw !important;
	line-height:3.15rem!important;
	letter-spacing:-.25rem!important;
	}
	.text-narrow p {
    font-size: 1.05rem !important;
	line-height:1.15rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
	width: 55vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
    }
			  .quote_contact p {
        font-size: 4vw !important;
        line-height: 1.55rem !important;
        letter-spacing: -.01rem !important;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
	.unmenu-title span {
     color:var(--color-peach-light)!important;
    font-weight:200!important;
	padding-bottom: 1vh!important;
	padding-top:1vh!important;
	font-size:5.3vw!important;
    }
	ul.menu-smart > li a span {
color:var(--color-peach-light)!important;
font-weight:200!important;
font-size:5.3vw!important;
	padding-bottom:1vh!important;
	padding-top:1vh!important;
}
}

/* Small tablet / Mobile landscape (576px+) */
@media (min-width: 576px) {
    h1,
    body h1,
    .style-light h1,
    .style-dark h1,
    h1.heading-text,
    .uncode-wrapper h1 {
        font-size: 16.5vw !important;
    }

    p {
        font-size: 3.58vw !important;
        line-height: 2.63vh !important;
    }

    .logo_under {
        width: 100vw !important;
        padding-left: 30vw !important;
        padding-right: 43vw !important;
        justify-items: center !important;
    }
	.text-construction p {
	font-size: 4rem !important;
	line-height:3rem!important;
	letter-spacing:-1.1rem!important;
	padding-left: 0vw;
    padding-right: 0vw;
	}
	
    .text-narrow p {
    font-size: 1.25rem !important;
	line-height:1.65rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
    }
	.testimonial p {
        font-size: 3vw !important;
        line-height: 2.5vh !important;
        padding-top: 0.5vh;
        padding-bottom: 0.5vh;
    }

    .testimonial h6 {
        font-size: 3vw !important;
        line-height: 3vh !important;
        padding-top: 0.5vh;
        padding-bottom: 0.5vh;
    }
	.actuality p {
	font-size: 2vw!important;
	line-height: 3vh!important;
	width: 40vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
	}
	.title_soin h1 {
	font-size: 15vw !important;
	line-height:3.15rem!important;
	letter-spacing:-.25rem!important;
	}
	.title_1_mix h1 {
	font-size: 11vw !important;
	line-height:3.15rem!important;
	letter-spacing:-.25rem!important;
	}
	.title_2_mix h1 {
	font-size: 9vw !important;
	line-height:3.15rem!important;
	letter-spacing:-.25rem!important;
	}
			  .quote_contact p {
        font-size: 2.35vw !important;
        line-height: 1.55rem !important;
        letter-spacing: -.01rem !important;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }

	    .footer_a span a {
    font-size: 1.35vw !important;
	padding-bottom:4vh!important;
	padding-top:2vh!important;
	
    }
	.footer_a_credit span a {
	font-size: .35rem!important;
	line-height:1.65rem!important;
	position:relative!important;
	bottom:2vh!important;
	right:1!important;
	width:100vw!important;
	}
	.unmenu-title span {
     color:var(--color-peach-light)!important;
    font-weight:200!important;
	padding-bottom: 2vh;
		padding-top:0vh!important;
	font-size:5vw!important;
    }
		ul.menu-smart > li a span {
color:var(--color-peach-light)!important;
font-weight:200!important;
font-size:5vw!important;
	padding-bottom:2vh!important;
	padding-top:2vh!important;
}
}

/* Tablet portrait (768px+) */
@media (min-width: 768px) {
    h1,
    body h1,
    .style-light h1,
    .style-dark h1,
    h1.heading-text,
    .uncode-wrapper h1 {
        font-size: 6.5vw !important;
    }

    p {
        font-size: 1.48vw !important;
        line-height: 1.73vh !important;
    }

    .width {
        padding-left: 25vw;
        padding-right: 25vw;
    }

    .logo_under {
        width: 70vw !important;
        padding-left: 15vw !important;
        padding-right: 15vw !important;
        justify-items: center !important;
    }

    .footer_width {
        width: 100vw !important;
    }
	.text-construction p {
	font-size: 4rem !important;
	line-height:3rem!important;
	letter-spacing:-1.1rem!important;
	padding-left: 0vw;
    padding-right: 0vw;
	}
	.title_1 h1 {
	font-size: 4.75rem !important;
	line-height:3.65rem!important;
	letter-spacing:-.25rem!important;
	}
	.title_home h1 {
	font-size: 19vw!important;
	line-height:3.15rem!important;
	letter-spacing:-1.05rem!important;
	}
	.title_home h2 {
	font-size: 1.15rem !important;
	line-height:3.15rem!important;
	letter-spacing:.25rem!important;
	}
	.title_home p {
	font-size: 1.25rem !important;
	line-height:1.65rem!important;
	letter-spacing:-.25rem!important;
	width:60vw;
	margin-left:20vw;
	}
	.scroll p {
	position:absolute!important;
	bottom:-2vh!important;
	font-size: 1rem !important;
    right:-10vw!important;
	width:30vw;
    z-index:10!important;
	color:var(--color-peach-light)
	}
	.text-home {
	width:80vw!important;
	height:60vh!important;
	align-items:center!important;
	justify-content:center!important;
	display:flex!important;
	position:relative!important;
	padding-top:10vh!important;
	margin:auto!important;
	}
	
	.text-home p {
    font-size: 1.75rem !important;
	line-height:2.25rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
    }

	.actuality h3 {
	font-size: 12vw!important;
	letter-spacing: -5px!important;
	}
	.actuality p {
	font-size: 3vw!important;
	line-height: 2.1vh!important;
	width: 50vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
	}
		.title_soin h1 {
	font-size: 11vw !important;
	line-height:3.15rem!important;
	letter-spacing:-.25rem!important;
	}
		.title_1_mix h1 {
	font-size:8vw !important;
	line-height:3.65rem!important;
	letter-spacing:-.25rem!important;
	}
	.title_2_mix h1 {
	font-size:6.5vw !important;
	line-height:3.65rem!important;
	letter-spacing:-.25rem!important;
	}
	.quote_contact p {
    font-size: 2.05vw !important;
    line-height: 1rem !important;
    letter-spacing: -.01rem !important;
    padding-top: 2vh;
    padding-bottom: 2vh;
    }

			.unmenu-title span {
     color:var(--color-peach-light)!important;
    font-weight:200!important;
	padding-bottom: 2vh;
	font-size:5vw!important;
    }
		ul.menu-smart > li a span {
color:var(--color-peach-light)!important;
font-weight:200!important;
font-size:4vw!important;
	padding-bottom:2vh!important;
	padding-top:2vh!important;
}
		.logo-image.main-logo {
     height: 95px !important;	
	left:-2vw!important;
    }
}

/* Tablet landscape / iPad mini landscape (1024px+) */
@media (min-width: 1024px) {
    h1,
    body h1,
    .style-light h1,
    .style-dark h1,
    h1.heading-text,
    .uncode-wrapper h1 {
        font-size: 3.5rem !important;
    }

    p {
        font-size: 1.68vw !important;
        line-height: 1.93vh !important;
    }

    .width {
        padding-left: 1vw;
        padding-right: 1vw;
    }
	.text-construction p {
	font-size: 4rem !important;
	line-height:3rem!important;
	letter-spacing:-1.1rem!important;
	padding-left: 0vw;
    padding-right: 0vw;
	}
		.title_home h1 {
	font-size: 13rem !important;
	line-height:3.15rem!important;
	letter-spacing:-1.05rem!important;
	}
	.title_home h2 {
	font-size: 1.15rem !important;
	line-height:3.15rem!important;
	letter-spacing:.25rem!important;
	}
	.title_home p {
	font-size: 1.25rem !important;
	line-height:1.65rem!important;
	letter-spacing:-.25rem!important;
	width:60vw;
	margin-left:-15vw;
	}
	.scroll p {
	position:absolute!important;
	
	bottom:-10vh!important;
	font-size: 1rem !important;
    right:2vw!important;
	width:30vw;
    z-index:10!important;
	color:var(--color-peach-light)
	}
	.spacer {
	display:none!important;
	}
	.text-home {
	width:70vw!important;
	height:60vh!important;
	align-items:center!important;
	justify-content:center!important;
	display:flex!important;
	position:relative!important;
	padding-top:10vh!important;
	margin:auto!important;
	}
	.text-home p {
    font-size: 1.75rem !important;
	line-height:2.45rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
    }
	.testimonial p {
        font-size: 2.5vw !important;
        line-height: 2.5vh !important;
        padding-top: 0.5vh;
        padding-bottom: 0.5vh;
    }

	.actuality p {
	font-size: 1.85vw!important;
	line-height: 1.95vh!important;
	width: 40vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
	}
	.title_soin h1 {
	font-size: 11vw !important;
	line-height:3.15rem!important;
	letter-spacing:-.25rem!important;
	}
			.title_1_mix h1 {
	font-size:8vw !important;
	line-height:3.85rem!important;
	letter-spacing:-.25rem!important;
	}
	.title_1_mix h1 {
	font-size:7vw !important;
	line-height:3.85rem!important;
	letter-spacing:-.25rem!important;
	}
	.quote_contact p {
    font-size: 1.75vw !important;
    line-height: 1.35rem !important;
    letter-spacing: -.01rem !important;
    padding-top: 2vh;
    padding-bottom: 2vh;
    }
	.quote_menu p {
    font-size: 1.75vw !important;
    line-height: 1.85rem !important;
    letter-spacing: -.01rem !important;
	position:relative!important;
	top:5vh!important;
    padding-top: 2vh;
    padding-bottom: 2vh;
    }
	.quote_menu i {
    font-size: 2vw !important;
    padding-bottom: 2vh;
	position:relative!important;
	top:5vh!important;
    }
			.title_menu_1 a span {
		font-size: 4vw!important;
        line-height: 8vh!important;

        padding-top: 2vh;
        padding-bottom: 2vh;
	}
	.menu-item-object-custom a span{
		font-size:3vw!important;
        line-height: 2vh!important;
		color:var(--color-peach-light)!important;
	}
	.fontsize-title-161366-custom  span {
		font-size: 4vw!important;
        line-height: 8vh!important;
        padding-top: 2vh;
        padding-bottom: 2vh;
	}
	.tmb-iso-h4 a {
    color: white !important;
}
	    .footer_a span a {
    font-size: 1.05vw !important;
	padding-bottom:4vh!important;
	padding-top:2vh!important;
	
    }
	.footer_a_credit span a {
	font-size: .55rem!important;
	line-height:1.65rem!important;
	position:relative!important;
	bottom:2vh!important;
	right:1!important;
	width:100vw!important;
	}
		.unmenu-title span {
     color:var(--color-peach-light)!important;
    font-weight:200!important;
	padding-bottom: 1.5vh;
	font-size:5vw!important;
    }
		ul.menu-smart > li a span {
color:var(--color-peach-light)!important;
font-weight:200!important;
font-size:70vw!important;
	padding-bottom:2vh!important;
	padding-top:2vh!important;
}
}

/* iPad Pro 11" landscape (1194px+) */
@media (min-width: 1194px) {
    h1,
    body h1,
    .style-light h1,
    .style-dark h1,
    h1.heading-text,
    .uncode-wrapper h1 {
        font-size: 3.75rem !important;
    }

    p {
        font-size: 1.68vw !important;
        line-height: 1.93vh !important;
    }

    .width {
        padding-left: 1vw;
        padding-right: 1vw;
    }
	.title_1_mix h1 {
	font-size:7vw !important;
	line-height:3.85rem!important;
	letter-spacing:-.25rem!important;
	}
	.title_2_mix h1 {
	font-size:6vw !important;
	line-height:3.85rem!important;
	letter-spacing:-.25rem!important;
	}


}

/* MacBook Air 13" (1280px+) */
@media (min-width: 1280px) {
    h1,
    body h1,
    .style-light h1,
    .style-dark h1,
    h1.heading-text,
    .uncode-wrapper h1 {
        font-size: 9vw !important;
    }

    p {
        font-size: 1.28vw !important;
        line-height: 3.25vh !important;
    }

    .width {
        padding-left: 14vw;
        padding-right: 14vw;
    }

    .logo_under {
        width: 80vw !important;
        padding-left: 28vw !important;
        padding-right: 28vw !important;
        justify-items: center !important;
    }

    footer a {
        font-size: 1.98vw !important;
    }
	.title_1 h1 {
	font-size: 12rem !important;
	line-height:8rem!important;
	letter-spacing:-.75rem!important;
	}
	.title_home h1 {
	font-size: 18vw !important;
	line-height:3.15rem!important;
	letter-spacing:-1.05rem!important;
	}

	.title_2 h2 {
	font-size: 7rem !important;
	line-height:6rem!important;
	letter-spacing:-.25rem!important;
	}
	.title_3 h3 {
	font-size: 7rem !important;
	line-height:6rem!important;
	letter-spacing:-.25rem!important;
	}
		.title_4 h4 {
	font-size: 12rem !important;
	line-height:10rem!important;
	letter-spacing:-.75rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
	}
	.title_5 h5 {
	font-size: 5.5rem !important;
	line-height:4rem!important;
	letter-spacing:-.25rem!important;
	}
	.text-narrow {
    max-width: 500px !important;
    margin-left: auto;
    margin-right: auto;
    }
	
    .text-narrow p {
    font-size: 1.40rem !important;
	line-height:1.95rem!important;
	width: 22.5vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
    }
	.text-intro p {
    font-size: 2.15rem !important;
	line-height:3.1rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
    }
	.t-entry-meta span {
	font-size: 1.55rem !important;
	line-height:2.5rem!important;
	font-weight:300!important;
	max-width: 700px !important;
	}
	.t-entry-title {
	font-size: 4.5rem !important;
	line-height:5rem!important;
	font-weight:300!important;
	}
	.title-cards-b h3 {
	font-size: 5.95rem !important;
	line-height:5.25rem!important;
	letter-spacing:-3rem!important;
	font-weight:300!important;
	}
	.t-entry-excerpt  {
	font-size: 1.35rem!important;
	line-height:1.95rem!important;
	font-weight:300!important;
	}
	.title-cards h3 {
	font-size: 6.5rem !important;
	line-height:5.25rem !important;
	letter-spacing:-.0rem!important;
	font-weight:300!important;
	}

	.title-cards span {
	font-size: 1.35rem!important;
	line-height:1.95rem!important;
	max-width: 700px !important;
	position:relative;
	top:8vh;
	}
	.title-cards i {
	font-size: 4rem !important;
	line-height:2.5rem!important;
	font-weight:200!important;
	max-width: 700px !important;
	position:relative;
	top:15vh;
	}
	.vc_tta-tab a {
	font-size:7rem !important;
	line-height:5.65rem !important;
	font-weight:300!important;
	}
	[data-tab-id="starters"] a span,
    [data-tab-id="mains"] a span {
    font-size: 2.15rem !important;
	letter-spacing:-.01em!important;
    }
	.text-narrow-small p {
    font-size: 1.25rem!important;
	line-height:1.45rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
    }
	.text-narrow-small h6 {
    font-size: 1.25rem !important;
    }
    .uncode-pricing-entry-value{
    font-size: 1.5rem !important;
    }
	.logo-image.main-logo {
    height: 100px !important;
	left:-0vw!important;
    }
    .logo-image.main-logo img {
    max-height: 100px !important;
    width: auto !important;
    }
	.footer_a span a {
	font-size: 0.95rem!important;
	line-height:1.65rem!important;
	padding-bottom:1vh;
	padding-left:1vw;
	}
	.footer_a_credit span a {
	font-size: .80rem!important;
	line-height:1.65rem!important;
	position:relative!important;
	bottom:2vh!important;
	right:1!important;
	width:100vw!important;
	}
	
	 .footer_width {
     width: 100vw !important;
     padding-left:1vw;
	 padding-right:1vw;
    }
	.spacer {
	display:block!important;
		   height:10vh!important;
	}
    .scroll p {
	position:absolute!important;
	bottom:-5vh!important;
	font-size: 1rem !important;
    right:-10vw!important;
	width:30vw;
    z-index:10!important;
	color:var(--color-peach-light)
	}
	    .testimonial p {
        font-size: 2vw !important;
        line-height: 4vh !important;
        padding-top: 0.5vh;
        padding-bottom: 0.5vh;
    }

    .testimonial h6 {
        font-size: 1.5vw !important;
        line-height: 3vh !important;
        padding-top: 0.5vh;
        padding-bottom: 0.5vh;
    }
	.actuality h3 {
	font-size: 9vw!important;
	letter-spacing: -10px!important;
	}
	.actuality p {
	font-size:1.85vw!important;
	line-height: 3vh!important;
	width: 30vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
	margin-top:3vh!important;
	}
	.t-entry-text-tc h4 a {
     font-size: 3.5vw !important;
     color: var(--color-peach-light) !important;
    }
		.title_soin h1 {
	font-size: 11vw !important;
	line-height:3.15rem!important;
	letter-spacing:-.25rem!important;
	}
				.title_1_mix h1 {
	font-size:7vw !important;
	line-height:5rem!important;
	letter-spacing:-.25rem!important;
	}
	.title_2_mix h1 {
	font-size:6vw !important;
	line-height:5rem!important;
	letter-spacing:-.25rem!important;
	}
	.quote_contact p {
        font-size: 1.15vw !important;
        line-height: 1.35rem !important;
        letter-spacing: -.01rem !important;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
	.title_menu_1 a span {
		font-size: 3.5vw!important;
        line-height: 8vh!important;

        padding-top: 2vh;
        padding-bottom: 2vh;
	}
	.menu-item-object-custom a span{
		font-size:1.5vw!important;
        line-height: 0vh!important;
		color:var(--color-peach-light)!important;
	}
	.fontsize-title-161366-custom  span {
		font-size: 3.5vw!important;
        line-height: 8vh!important;
        padding-top: 2vh;
        padding-bottom: 2vh;
	}
    .text_blog {
        width: 60vw !important;
        padding-right: 5vw !important;
        padding-left: 5vw !important;
        margin: auto !important;
    }
		.t-entry-title {
	font-size: 1rem !important;
	line-height:2rem!important;
	font-weight:300!important;
	}
	.share-button li{
	font-size: 1.5vw !important;
	
	
	}
	 .title-cards-c h3 {
        font-size: 4.95rem !important;
        line-height: 5.25rem !important;
        letter-spacing: -3rem !important;
        font-weight: 300 !important;
    }

	.unmenu-title span {
     color:var(--color-peach-light)!important;
    font-weight:200!important;
	padding-bottom: 1vh;
	font-size:4vw!important;
    }

}

/* MacBook Pro 14" (1512px+) */
@media (min-width: 1512px) {
    h1,
    body h1,
    .style-light h1,
    .style-dark h1,
    h1.heading-text,
    .uncode-wrapper h1 {
    font-size: 11vw !important;
    }

    .width {
    padding-left: 8vw;
    padding-right: 8vw;
    }
	.text-construction p {
	font-size: 7rem !important;
	line-height:6rem!important;
	letter-spacing:-1.1rem!important;
	padding-left: 8vw;
    padding-right: 8vw;
	}
	.text-narrow {
    max-width: 500px !important;
    margin-left: auto;
    margin-right: auto;
    }
	.title_1_legals h1 {
	font-size: 8rem !important;
	line-height:7rem!important;
	letter-spacing:-.25rem!important;
	}
	.title_home h1 {
	font-size: 19rem !important;
	line-height:3.15rem!important;
	letter-spacing:-2.15rem!important;
		padding-bottom:13vh;
	}
	.title_home h2 {
	font-size: 2.05rem !important;
	line-height:3.15rem!important;
	letter-spacing:.25rem!important;
	
	}
	.title_home p {
	font-size: 1.75rem !important;
	line-height:1.85rem!important;
	letter-spacing:-.25rem!important;
	width:60vw;
	margin-left:-5vw;
	bottom:5vw!important;
	position:absolute!important;
	}
	.scroll p {
	position:absolute!important;
	bottom:-8vh!important;
	font-size: 1rem !important;
    right:-10vw!important;
	width:30vw;
    z-index:10!important;
	color:var(--color-peach-light)
	}
	.spacer {
	display:block!important;
    height:20vh!important;
	}
	.text-home {
	width:50vw!important;
	height:60vh!important;
	align-items:center!important;
	justify-content:center!important;
	display:flex!important;
	position:relative!important;
	padding-top:10vh!important;
	margin:auto!important;
	}
	.text-home p {
    font-size: 2.25rem !important;
	line-height:3.15rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
    }
	.testimonial small {
     font-size: 1.05vw !important;
     line-height: 3vh !important;
    }
	.title_soin h1 {
	font-size: 11vw !important;
	line-height:3.15rem!important;
	letter-spacing:-.95rem!important;
	}
	.title_1_mix h1 {
	font-size:7vw !important;
	line-height:6rem!important;
	letter-spacing:-.25rem!important;
	}
	.title_2_mix h1 {
	font-size:6vw !important;
	line-height:6rem!important;
	letter-spacing:-.25rem!important;
	}
		.quote_contact p {
        font-size: 1.35vw !important;
        line-height: 1.35rem !important;
        letter-spacing: -.01rem !important;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
		.title_menu_1 a span {
		font-size: 4.5vw!important;
        line-height: 8vh!important;
        padding-top: 2vh;
        padding-bottom: 2vh;
	}
	.menu-item-object-custom a span{
		font-size:2vw!important;
        line-height: 4vh!important;
		color:var(--color-peach-light)!important;
	}
		.fontsize-title-161366-custom  span {
		font-size: 4.5vw!important;
        line-height: 8vh!important;
        padding-top: 2vh;
        padding-bottom: 2vh;
	}
  .text_blog p {
        font-size: 1.65rem !important;
        line-height: 1.95rem !important;
        padding-bottom: 10vh !important;
        padding-top: 10vh !important;
    }

    .text_blog_info {
        font-size: 1.25rem !important;
			margin-top:5vh!important;
    }
	
    .text_blog {
        width: 60vw !important;
        padding-right: 5vw !important;
        padding-left: 5vw !important;
        margin: auto !important;
    }

}

/* MacBook Pro 16" (1728px+) */
@media (min-width: 1728px) {
    h1,
    body h1,
    .style-light h1,
    .style-dark h1,
    h1.heading-text,
    .uncode-wrapper h1 {
        font-size: 11vw !important;
    }

    p {
        font-size: 1.12vw !important;
        line-height: 2.75vh !important;
    }

    .width {
        padding-left: 8vw;
        padding-right: 8vw;
    }

    .logo_under {
        width: 85vw !important;
        padding-left: 32vw !important;
        padding-right: 32vw !important;
        margin-left: 2vw !important;
        justify-items: center !important;
    }
		.text-home {
	width:60vw!important;
	height:60vh!important;
	align-items:center!important;
	justify-content:center!important;
	display:flex!important;
	position:relative!important;
	padding-top:10vh!important;
	margin:auto!important;
	}
	.text-home p {
    font-size: 2.35rem !important;
	line-height:3.15rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
    }
		.quote_contact p {
        font-size: 1.55vw !important;
        line-height: 1.35rem !important;
        letter-spacing: -.01rem !important;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
			    .title-cards-c h3 {
        font-size:5rem !important;
        line-height: 4.25rem !important;
        letter-spacing: -3rem !important;
        font-weight: 300 !important;
    }

}

/* Desktop 1080p (1920px+) */
@media (min-width: 1920px) {
    h1,
    body h1,
    .style-light h1,
    .style-dark h1,
    h1.heading-text,
    .uncode-wrapper h1 {
        font-size: 11vw !important;
    }

    p {
        font-size: 1.12vw !important;
        line-height: 2.65vh !important;
    }

    .width {
        padding-left: 6vw;
        padding-right: 6vw;
    }

    .logo_under {
        width: 80vw !important;
        padding-left: 26vw !important;
        padding-right: 26vw !important;
        margin-left: 10vw !important;
        justify-items: center !important;
    }
	  .logo_under {
     width: 80vw !important;
     padding-left: 29vw !important;
     padding-right: 29vw !important;
     margin-left: 13vw !important;
     justify-items: center !important;
    }
	.text-construction p {
	font-size: 10rem !important;
	line-height:9rem!important;
	letter-spacing:-1.1rem!important;
	}
	.text-narrow {
    max-width: 700px !important;
    margin-left: auto;
    margin-right: auto;
    }
    .text-narrow p {
    font-size: 1.75rem !important;
	line-height:2rem!important;
	width: 30vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
	padding-top :2vh;
	padding-bottom :2vh;
    }
	.text-narrow-small p {
    font-size: 1.85rem !important;
	line-height:2.15rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
    }
	.text-narrow-small h6 {
    font-size: 2.05rem !important;
    }
    .uncode-pricing-entry-value{
    font-size: 2.5rem !important;
    }
	.text-intro  {
    max-width: 50vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 2vh;
    padding-bottom: 2vh;
    }
	.text-intro p {
    font-size: 3.75rem !important;
	line-height:4.5rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
    }
	.title_1 h1 {
	font-size: 10vw !important;
	line-height:9rem!important;

	letter-spacing:-1.1rem!important;
	}
	.title_2 h2 {
	font-size: 8rem !important;
			line-height:7rem!important;
	letter-spacing:-0.5rem!important;
	}
	.title_3 h3 {
	font-size: 8rem !important;
	line-height:7rem!important;
	letter-spacing:-.5rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
	}
	.title_5 h5 {
	font-size: 8rem !important;
	line-height:3rem!important;
	letter-spacing:-.15rem!important;
	padding-top :2vh;
	}
	.t-entry-meta span {
	font-size: 2.15rem !important;
	line-height:2.5rem!important;
	font-weight:300!important;
	max-width: 700px !important;
	}
	.t-entry-excerpt  {
	font-size: 2.25rem !important;
	line-height:2.75rem!important;
	font-weight:300!important;
	}
	.t-entry-title {
	font-size: 6rem !important;
	line-height: 4rem!important;
	font-weight:300!important;
	}
	.title-cards h2 {
	font-size: 9rem !important;
	line-height:10rem!important;
	letter-spacing:-.85rem!important;
	font-weight:300!important;
	}
	.title-cards-b h3 {
	font-size: 10rem !important;
	line-height:8rem!important;
	letter-spacing:-3rem!important;
	font-weight:300!important;
	}
	.title-cards h3 {
	font-size: 10rem !important;
	line-height:10rem!important;
	letter-spacing:-.55rem!important;
	font-weight:300!important;
	}
	.vc_tta-tab a {
	font-size: 6rem !important;
	line-height:5rem!important;
	font-weight:300!important;
	}
	 .tab-container .nav-tabs a,
    .uncode-tabs .nav-tabs a,
    .vc_tta-tabs-list a,
    [class*="menu-block-"] a {
        font-size: 11rem !important;
		padding-bottom:5vh!important;
		letter-spacing:-.75rem!important;
    }
	/* Tabs hover color */
    .tab-container .nav-tabs a:hover,
    .tab-container .nav-tabs a:hover span,
    .uncode-tabs .nav-tabs a:hover,
    .uncode-tabs .nav-tabs a:hover span,
    .vc_tta-tabs-list a:hover,
    .vc_tta-tabs-list a:hover span {
    color: var(--color-peach-light) !important;
    }
	.uncode-tabs .nav-tabs .fontsize-264781-custom,
    .vc_tta-tabs-list .fontsize-264781-custom {
    font-size: 9rem !important;
		letter-spacing:-.75rem!important;
    }
	   [data-tab-id="starters"] a span,
    [data-tab-id="mains"] a span {
        font-size: 5rem !important;
		letter-spacing:-.3rem!important;
    }
	/* btn */
	.custom-link  {
		font-size: 1.5rem !important;
		padding:2rem!important;
	}
	.logo-image.main-logo {
        height: 150px !important;
    }
    .logo-image.main-logo img {
        max-height: 150px !important;
        width: auto !important;
    }
	.quote p {
	font-size:3.85rem !important;
	line-height:3.25rem!important;
	letter-spacing:-.05rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
	}
	.text p {
	font-size:2rem !important;
	line-height:2.7rem!important;
	letter-spacing:-.05rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
	}
	.footer_a a {
	font-size: 0.95rem!important;
	line-height:1.65rem!important;
	padding-bottom:1vh;
	padding-left:1vw;
	}
	.footer h6 a {
	font-size: 5rem!important;
	line-height:1.65rem!important;
	padding-bottom:1vh;
	padding-left:1vw;
 
	}

    .testimonial p {
        font-size: 1.5vw !important;
        line-height: 3.5vh !important;
        padding-top: 0.5vh;
        padding-bottom: 0.5vh;
    }

    .testimonial h6 {
        font-size: 1.5vw !important;
        line-height: 3vh !important;
        padding-top: 0.5vh;
        padding-bottom: 0.5vh;
    }
		.title_home h1 {
	font-size: 16vw !important;
	line-height:3.15rem!important;
	letter-spacing:-2rem!important;
		
	}

		.actuality h3 {
	font-size: 9vw!important;
	letter-spacing: -10px!important;
	}
	.actuality p {
	font-size:1.85vw!important;
	line-height: 3vh!important;
	width: 30vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
	margin-top:3vh!important;
	}
	.t-entry-text-tc h4 a {
    font-size: 3.5vw !important;
    color: var(--color-peach-light) !important;
    }
	.title_soin h1 {
	font-size: 9vw !important;
	line-height:3.15rem!important;
	letter-spacing:-.95rem!important;
	}
	.title_1_mix h1 {
	font-size:7vw !important;
	line-height:7rem!important;
	letter-spacing:-.25rem!important;
	}
	.title_2_mix h1 {
	font-size:6vw !important;
	line-height:7rem!important;
	letter-spacing:-.25rem!important;
	}
		.quote p {
        font-size: 2.05vw !important;
        line-height: 3.95vh !important;
        letter-spacing: -.05rem !important;
    }
			.text p {
        font-size: 1.15vw !important;
        line-height: 2.45vh !important;
        letter-spacing: -.05rem !important;
    }
	   .quote_contact p {
        font-size: 1.05vw !important;
        line-height: 1.55rem !important;
        letter-spacing: -.01rem !important;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
			.title_menu_1 a span {
		font-size: 5vw!important;
        line-height: 8vh!important;
        padding-top: 2vh!important;
				letter-spacing:-1px!important;
        padding-bottom:  2vh!important;
	}
	.menu-item-object-custom a span{
		font-size:2vw!important;
        line-height: 0vh!important;
		width:100vw!important;
		color:var(--color-peach-light)!important;
	}
			.fontsize-title-161366-custom span {
		font-size: 5vw!important;
        line-height: 8vh!important;
        padding-top:2vh!important;
        padding-bottom: 6vh!important;
	}
				.menu_a a span {
        font-size: 2vw !important;
        line-height: 1.35rem !important;
        letter-spacing: -.01rem !important;
        padding-top: 0vh!important;
        padding-bottom: 0vh!important;
    }
	 .text_blog p {
        font-size: 1.95rem !important;
        line-height: 2.25rem !important;
        padding-bottom: 10vh !important;
        padding-top: 10vh !important;
    }

    .text_blog_info {
        font-size: 1.55rem !important;
			margin-top:10vh!important;
    }

    .title_blog_info h6 a {
        font-size: 2.95rem !important;
        line-height: 1.05rem !important;
        color: var(--color-peach-light) !important;
    }

    .post-tag-share-container li {
        font-size: 1.25vw !important;
        padding: 1.5vw !important;
    }
	   .tmb-iso-h4 a {
        font-size: 2.5rem !important;
        line-height: 2.25rem !important;
    }
    .text_blog {
        width: 55vw !important;
        padding-right: 5vw !important;
        padding-left: 5vw !important;
        margin: auto !important;
    }
			.title-cards-c h3 {
      font-size: 9rem !important;
        line-height: 7rem !important;
        letter-spacing: -3rem !important;
        font-weight: 300 !important;
    }
			.unmenu-title span {
     color:var(--color-peach-light)!important;
    font-weight:200!important;
	padding-bottom: 7vh;
	font-size:5.5vw!important;
}
}

/* 2K / QHD (2560px+) */
@media (min-width: 2560px) {
    h1,
    body h1,
    .style-light h1,
    .style-dark h1,
    h1.heading-text,
    .uncode-wrapper h1 {
     font-size: 14vw !important;
    }

    p {
        font-size: 0.72vw !important;
        line-height: 1.95vh !important;
    }

    .width {
        padding-left: 3vw;
        padding-right: 3vw;
    }

    .logo_under {
        width: 80vw !important;
        padding-left: 29vw !important;
        padding-right: 29vw !important;
        margin-left: 13vw !important;
        justify-items: center !important;
    }

    /* Widen containers */
    .limit-width {
        max-width: 2200px !important;
    }

    .page-body .vc_row,
    .page-body .row-container,
    .page-body .row-parent,
    .uncode-wrapper .vc_row {
        max-width: 100% !important;
        width: 100% !important;
    }
	.text-construction p {
	font-size: 7rem !important;
	line-height:6rem!important;
	letter-spacing:-1.1rem!important;
	padding-left: 8vw;
    padding-right: 8vw;
	}
	.title_1 h1 {
	font-size: 15rem !important;
	line-height:10rem!important;
	letter-spacing:-1.1rem!important;
	}
	.title_accomodation h1 {
	font-size: 16rem !important;
	line-height:9rem!important;
	letter-spacing:-1.1rem!important;
	}
	footer_a{
	font-size: 1rem !important;

	}
	    .testimonial p {
        font-size: 1.25vw !important;
        line-height: 3vh !important;
        padding-top: 0.5vh;
        padding-bottom: 0.5vh;
    }

    .testimonial h6 {
        font-size: 1.25vw !important;
        line-height: 3vh !important;
        padding-top: 0.5vh;
        padding-bottom: 0.5vh;
    }
			.title_home h1 {
	font-size: 19vw !important;
	line-height:3.15rem!important;
	letter-spacing:-3rem!important;
	}
		.actuality h3 {
	font-size: 8vw!important;
	letter-spacing: -13px!important;
	}
	.actuality p {
	font-size:1.15vw!important;
	line-height: 2.85vh!important;
	width: 25vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
	margin-top:5vh!important;
	}
	.t-entry-text-tc h4 a {
    font-size: 4.5rem !important;
    color: var(--color-peach-light) !important;
    }
	.title_soin h1 {
	font-size: 9vw !important;    line-height: 7vw !important;
	letter-spacing:-.95rem!important;
	}
	   .text-narrow p {
    font-size: 1.75rem !important;
	line-height:2rem!important;
	width: 20vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
	padding-top :4vh;
	padding-bottom :2vh;
    }
		.title_1_mix h1 {
	font-size:7vw !important;
	line-height:9rem!important;
	letter-spacing:-.25rem!important;
	}
			.title_2_mix h1 {
	font-size:6vw !important;
	line-height:9rem!important;
	letter-spacing:-.25rem!important;
	}
		.text p{
        font-size: 1.15vw !important;
        line-height: 2vh !important;
        letter-spacing: -.05rem !important;
    }
	   .quote p {
        font-size: 3.85rem !important;
        line-height: 3.25rem !important;
        letter-spacing: -.00rem !important;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
		.title_cap h6{
        font-size: 1.5rem !important;
   
        letter-spacing: -.05rem !important;
    }
			.title_6 h6 {
        font-size: 3.5rem !important;
			        line-height: 8vh !important;
   
       
    }
		   .quote_contact p {
        font-size: 1.15vw !important;
        line-height: 1.55rem !important;
        letter-spacing: -.01rem !important;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
	.quote_menu p {
    font-size: 1.35vw !important;
    line-height: 2.55rem !important;
    letter-spacing: -.01rem !important;
	position:relative!important;
	top:5vh!important;
    padding-top: 2vh;
    padding-bottom: 2vh;
	width:20vw!important;
    }
	.quote_menu i {
    font-size: 2vw !important;
    padding-bottom: 2vh;
	position:relative!important;
	top:5vh!important;
    }
	.title_menu_1 a span {
	font-size: 4vw!important;
    line-height: 3vh!important;
     padding-top: 1vh;
	letter-spacing:-1px!important;
     padding-bottom: 1vh;
	}
	.menu-item-object-custom a span{
		font-size:2vw!important;
        line-height: 0vh!important;
		width:100vw!important;
		color:var(--color-peach-light)!important;
	}
				.fontsize-title-161366-custom span {
		font-size: 4vw!important;
        line-height: 8vh!important;
        padding-top:0vh!important;
        padding-bottom: 4vh!important;
	}
	 .text_blog p {
        font-size: 2.25rem !important;
        line-height: 2.75rem !important;
        padding-bottom: 10vh !important;
        padding-top: 10vh !important;
    }

    .text_blog_info {
        font-size: 1.85rem !important;
    }

    .title_blog_info h6 a {
        font-size: 3.95rem !important;
        line-height: 1.05rem !important;
        color: var(--color-peach-light) !important;
    }

    .post-tag-share-container li {
        font-size: 1vw !important;
        padding: 1vw !important;
    }
	   .tmb-iso-h4 a {
        font-size: 3.5rem !important;
        line-height: 3.25rem !important;
    }
		    .title-cards-c h3 {
        font-size: 12rem !important;
        line-height: 8rem !important;
        letter-spacing: -3rem !important;
        font-weight: 300 !important;
    }

	.unmenu-title span {
     color:var(--color-peach-light)!important;
    font-weight:200!important;
	padding-bottom: 5vh;
	font-size:2vw!important;
}
			.unmenu-title span {
     color:var(--color-peach-light)!important;
    font-weight:200!important;
	padding-bottom: 7vh;
	font-size:4vw!important;
}

}
/* 5K / imac (2048px+) */
@media (min-width: 2048px) {
			.title_home h1 {
	font-size: 18vw !important;
	line-height:3.15rem!important;
	letter-spacing:-4rem!important;
		padding-bottom:10vh;
	}
	.comment-form {
   margin:auto!important;
	width:50vw!important;
	
}
		.unmenu-title span {
     color:var(--color-peach-light)!important;
    font-weight:200!important;
	padding-bottom: 7vh;
	font-size:4.5vw!important;
}
}

/* 5K / Ultra wide (3350px+) */
@media (min-width: 3350px) {
    h1,
    body h1,
    .style-light h1,
    .style-dark h1,
    h1.heading-text,
    .uncode-wrapper h1 {
        font-size: 18vw !important;
		letter-spacing:-33px!important;
    }

    .width {
        padding-left: 3vw;
        padding-right: 3vw;
    }
		.title_home h1 {
	font-size: 18vw!important;
	line-height:3.15rem!important;
	letter-spacing:-5rem!important;
		padding-bottom:10vh;
	}

    .logo_under {
     width: 80vw !important;
     padding-left: 29vw !important;
     padding-right: 29vw !important;
     margin-left: 13vw !important;
     justify-items: center !important;
    }
	.text-construction p {
	font-size: 10rem !important;
	line-height:9rem!important;
	letter-spacing:-1.1rem!important;
	}
	.text-narrow {
    max-width: 700px !important;
    margin-left: auto;
    margin-right: auto;
    }
    .text-narrow p {
    font-size: 2.75rem !important;
	line-height:3rem!important;
		width: 18vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
	padding-top :7vh;
	padding-bottom :2vh;
    }
	.text-narrow-small p {
    font-size: 1.85rem !important;
	line-height:2.15rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
    }
	.text-narrow-small h6 {
    font-size: 2.05rem !important;
    }
    .uncode-pricing-entry-value{
    font-size: 2.5rem !important;
    }
	.text-intro  {
    max-width: 50vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 2vh;
    padding-bottom: 2vh;
    }
	.text-intro p {
    font-size: 3.75rem !important;
	line-height:4.5rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
    }
	.title_1 h1 {
	font-size: 22rem !important;
	line-height:15rem!important;
	letter-spacing:-1.1rem!important;
	}
	.title_1_legals h1 {
	font-size: 14rem !important;
	line-height:12rem!important;
	letter-spacing:-.25rem!important;
	}

	.title_2 h2 {
	font-size: 10rem !important;
	letter-spacing:-.5rem!important;
	}
	.title_3 h3 {
	font-size: 12rem !important;
	line-height:10rem!important;
	letter-spacing:-.75rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
	}
	.title_4 h4 {
	font-size: 20rem !important;
	line-height:10rem!important;
	letter-spacing:-.75rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
	}
	.title_5 h5 {
	font-size: 5vw !important;
	line-height:2rem!important;
	letter-spacing:-0.35rem!important;
	}
	
	.t-entry-meta span {
	font-size: 2.15rem !important;
	line-height:2.5rem!important;
	font-weight:300!important;
	max-width: 700px !important;
	}
	.t-entry-excerpt  {
	font-size: 2.25rem !important;
	line-height:2.75rem!important;
	font-weight:300!important;
	}
	.t-entry-title {
	font-size: 6rem !important;
	line-height:5rem!important;
	font-weight:300!important;
	}
	.title-cards h2 {
	font-size: 9rem !important;
	line-height:10rem!important;
	letter-spacing:-.85rem!important;
	font-weight:300!important;
	}
	.title-cards-b h3 {
	font-size: 10rem !important;
	line-height:8rem!important;
	letter-spacing:-3rem!important;
	font-weight:300!important;
	}
	.title-cards h3 {
	font-size: 15em !important;
	line-height:13rem!important;
	letter-spacing:-.55rem!important;
	font-weight:300!important;
	}
	.title-cards span {
	font-size: 2rem !important;
	line-height:2.5rem!important;
	font-weight:300!important;
	max-width: 700px !important;
	position:relative;
	top:15vh;
	}
	.title-cards i {
	font-size: 5rem !important;
	line-height:2.5rem!important;
	font-weight:200!important;
	max-width: 700px !important;
	position:relative;
	top:15vh;
	}
	.vc_tta-tab a {
	font-size: 6rem !important;
	line-height:5rem!important;
	font-weight:300!important;
	}
	 .tab-container .nav-tabs a,
    .uncode-tabs .nav-tabs a,
    .vc_tta-tabs-list a,
    [class*="menu-block-"] a {
        font-size: 11rem !important;
		padding-bottom:5vh!important;
		letter-spacing:-.75rem!important;
    }
	/* Tabs hover color */
    .tab-container .nav-tabs a:hover,
    .tab-container .nav-tabs a:hover span,
    .uncode-tabs .nav-tabs a:hover,
    .uncode-tabs .nav-tabs a:hover span,
    .vc_tta-tabs-list a:hover,
    .vc_tta-tabs-list a:hover span {
    color: var(--color-peach-light) !important;
}
	.uncode-tabs .nav-tabs .fontsize-264781-custom,
    .vc_tta-tabs-list .fontsize-264781-custom {
    font-size: 9rem !important;
		letter-spacing:-.75rem!important;
    }
	   [data-tab-id="starters"] a span,
    [data-tab-id="mains"] a span {
        font-size: 5rem !important;
		letter-spacing:-.3rem!important;
    }
	/* btn */
	.custom-link  {
		font-size: 1.5rem !important;
		padding:2rem!important;
	}
	 .logo-image.main-logo {
        height: 150px !important;
    }
    .logo-image.main-logo img {
        max-height: 150px !important;
        width: auto !important;
    }
	.quote p {
	font-size:3.85rem !important;
	line-height:3.25rem!important;
	letter-spacing:-.05rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
	}
	.text p {
	font-size:2rem !important;
	line-height:2.7rem!important;
	letter-spacing:-.05rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
	}

	.title_home h2 {
	font-size: 3.05rem !important;
	line-height:3.15rem!important;
	letter-spacing:.25rem!important;
	
	}
	.title_home p {
	font-size: 2.75rem !important;
	line-height:2.85rem!important;
	letter-spacing:-.25rem!important;
	width:60vw;
	margin-left:5vw;
	bottom:10vw!important;
	position:absolute!important;
	}
	.scroll p {
	position:absolute!important;
	bottom:-9.5vh!important;
	font-size: 1.55rem !important;
    right:-20vw!important;
	width:30vw;
    z-index:10!important;
	color:var(--color-peach-light)
	}
	.spacer {
	display:block!important;
    height:20vh!important;
	}
	.text-home {
	width:100vw!important;
	height:80vh!important;
	align-items:center!important;
	justify-content:center!important;
	display:flex!important;
	position:relative!important;
	padding-top:10vh!important;
	margin:auto!important;
	}
	.text-home p {
    font-size: 4.25rem !important;
	line-height:4.75rem!important;
	padding-top :2vh;
	padding-bottom :2vh;
    }
    .testimonial p {
    font-size: 2vw !important;
    line-height: 4vh !important;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    }

    .testimonial h6 {
        font-size: 1vw !important;
        line-height: 2.5vh !important;
        padding-top: 0.5vh;
        padding-bottom: 0.5vh;
    }
		.actuality h3 {
	font-size: 9vw!important;
	letter-spacing: -10px!important;
	}
	.actuality p {
	font-size:1.35vw!important;
	line-height: 2.55vh!important;
	width: 25vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
	margin-top:5vh!important;
	}
	.t-entry-text-tc h4 a {
    font-size: 5.5rem !important;
    color: var(--color-peach-light) !important;
    }
	.title_soin h1 {
	font-size: 11vw !important;
	line-height:12vw!important;
	letter-spacing:-1.165rem!important;
	}
			.title_1_mix h1 {
	font-size:7vw !important;
	line-height:12rem!important;
	letter-spacing:-.25rem!important;
	}
				.title_2_mix h1 {
	font-size:6vw !important;
	line-height:12rem!important;
	letter-spacing:-.25rem!important;
	}
		.text p{
        font-size: 1.05vw !important;
        line-height: 2.8vh !important;
        letter-spacing: -.05rem !important;
    }
			   .quote_contact p {
        font-size: 1.05vw !important;
        line-height: 2rem !important;
        letter-spacing: -.01rem !important;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
	.quote_menu p {
    font-size: 1.05vw !important;
    line-height: 2.55rem !important;
    letter-spacing: -.01rem !important;
	position:relative!important;
	top:5vh!important;
    padding-top: 2vh;
    padding-bottom: 2vh;
	width:15vw!important;
    }
	.quote_menu i {
    font-size: 1.5vw !important;
    padding-bottom: 2vh;
	position:relative!important;
	top:5vh!important;
    }
	
    .text_blog p {
        font-size: 2.75rem !important;
        line-height: 3.25rem !important;
        padding-bottom: 10vh !important;
        padding-top: 10vh !important;
    }

    .text_blog_info {
		margin-top:10vh!important;

        font-size: 2.15rem !important;
    }

    .title_blog_info h6 a {
        font-size: 4.95rem !important;
        line-height: 1.05rem !important;
        color: var(--color-peach-light) !important;
    }

    .post-tag-share-container li {
        font-size: 0.85vw !important;
        padding: 0.75vw !important;
    }
	    .tmb-iso-h4 a {
        font-size: 4.5rem !important;
        line-height: 4.25rem !important;
    }
			    .title-cards-c h3 {
        font-size: 9rem !important;
        line-height: 10rem !important;
        letter-spacing: -3rem !important;
        font-weight: 300 !important;
    }
	.unmenu-title span {
     color:var(--color-peach-light)!important;
    font-weight:200!important;
	padding-bottom: 6vh!important;
	font-size:4vw!important;
}
 
}

/* 4K (3840px+) */
@media (min-width: 3840px) {
    .limit-width {
        max-width: 3400px !important;
    }
	    h1,
    body h1,
    .style-light h1,
    .style-dark h1,
    h1.heading-text,
    .uncode-wrapper h1 {
        font-size: 20vw !important;
		letter-spacing:-33px!important;
    }

    .page-body .vc_row,
    .page-body .row-container,
    .page-body .row-parent,
    .uncode-wrapper .vc_row {
        max-width: 98% !important;
        width: 98% !important;
    }

    .page-body .wpb_column,
    .page-body .vc_column {
        max-width: 100% !important;
    }

    .sr7-module,
    [id^="rev_slider"],
    .rev_slider_wrapper {
        max-width: 100% !important;
        width: 100% !important;
    }
		.title_home h1 {
	font-size: 50rem !important;
	line-height:3.15rem!important;
	letter-spacing:-5rem!important;
		padding-bottom:10vh;
		
	}		
	.actuality h3 {
	font-size: 8vw!important;
	letter-spacing: -13px!important;
	}
	.actuality p {
	font-size:1.15vw!important;
	line-height: 2.85vh!important;
	width: 25vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
	margin-top:5vh!important;
	}
	
		.title_1 h1 {
	font-size: 11vw !important;
	line-height:3.15rem!important;
	letter-spacing:-1.1rem!important;
	}
			.title_5 h5 {
	font-size: 5vw !important;
	line-height:2rem!important;
	letter-spacing:-0.55rem!important;
	}

	.title_soin h1 {
	font-size: 11vw !important;
	line-height:12vw!important;
	letter-spacing:-1.165rem!important;
	}
	
	.title_1_mix h1 {
	font-size:7vw !important;
	line-height:12rem!important;
	letter-spacing:-.25rem!important;
	}
	.title_2_mix h1 {
	font-size:6vw !important;
	line-height:12rem!important;
	letter-spacing:-.25rem!important;
	}
	.quote p {
        font-size: 2.05vw !important;
        line-height: 3.95vh !important;
        letter-spacing: -.05rem !important;
    }
					.title_6 h6 {
        font-size: 2.5vw !important;
       height: 20vh !important;
        letter-spacing: -.05rem !important;
    }
				   .quote_contact p {
        font-size: .95vw !important;
        line-height: 2rem !important;
        letter-spacing: -.01rem !important;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
		.footer_a span a {
	font-size: 1.55rem!important;
	line-height:1.65rem!important;
	padding-bottom:1vh;
	padding-left:1vw;
	}
	.footer_a_credit span a {
	font-size: 1.40rem!important;
	line-height:1.65rem!important;
	position:relative!important;
	bottom:1vh!important;
	right:1!important;
	width:100vw!important;
	}



	
}

/* 5K / 6K (5120px+) */
@media (min-width: 5120px) {
    .limit-width {
        max-width: 5000px !important;
    }
		.title_home h1 {
	font-size: 18vw !important;
	line-height:3.15rem!important;
	letter-spacing:-6rem!important;
		padding-bottom:10vh;
	}
		.actuality h3 {
	font-size: 8vw!important;
	letter-spacing: -28px!important;
	}
	.actuality p {
	font-size:1.55vw!important;
	line-height: 2.85vh!important;
	width: 25vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
	margin-top:5vh!important;
	}
	.testimonial p {
    font-size: 1.5vw !important;
    line-height: 2.5vh !important;
    padding-top: 5vh;
    padding-bottom: 0.5vh;
	width: 25vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
	margin-top:10vh!important;
    }

    .testimonial h6 {
    font-size: 1vw !important;
    line-height: 2.5vh !important;
     padding-top: 0.5vh;
     padding-bottom: 0.5vh;
    }
		.title_soin h1 {
	font-size: 11vw !important;
	line-height:3.15rem!important;
	letter-spacing:-1.165rem!important;
	}
		  .text-narrow p {
    font-size: 3.75rem !important;
	line-height:4rem!important;
		width: 14vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
	padding-top :7vh;
	padding-bottom :2vh;
    }
		.intro p {
		width:50vw!important;
		margin-left:auto!important;
		right:0vw!important;
		justify-content:center!important;
		align-items:center!important;
		display:block!important;
		position:relative!important;
	}

    .text-intro p {
        font-size: 2vw !important;
        line-height: 4vh !important;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
		.title_1_mix h1 {
	font-size:7vw !important;
	line-height:20rem!important;
	letter-spacing:-.25rem!important;
	}
			.title_2_mix h1 {
	font-size:6vw !important;
	line-height:20rem!important;
	letter-spacing:-.25rem!important;
	}
			.text p{
        font-size: 1.15vw !important;
        line-height: 2vh !important;
        letter-spacing: -.05rem !important;
    }
			.title_cap h6{
        font-size: .75vw !important;
       line-height: 5vh !important;
        letter-spacing: -.05rem !important;
    }
				.title_6 h6 {
        font-size: 2.5vw !important;
       height: 20vh !important;
        letter-spacing: -.05rem !important;
    }
					   .quote_contact p {
        font-size: .85vw !important;
        line-height: 3rem !important;
        letter-spacing: -.01rem !important;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
	.quote_menu p {
    font-size: 1.05vw !important;
    line-height: 3.55rem !important;
    letter-spacing: -.01rem !important;
	position:relative!important;
	top:5vh!important;
    padding-top: 2vh;
    padding-bottom: 2vh;
	width:15vw!important;
    }
	.quote_menu i {
    font-size: 1.15vw !important;
    padding-bottom: 2vh;
	position:relative!important;
	top:5vh!important;
    }
		.title_menu_1 a span {
	font-size: 4vw!important;
    line-height: 3vh!important;
     padding-top: 0vh;
	letter-spacing:-1px!important;
     padding-bottom: 1vh;
	}
	.menu-item-object-custom a span{
		font-size:1.8vw!important;
        line-height: 0vh!important;
		width:100vw!important;
		color:var(--color-peach-light)!important;
	}
}

/* 7K / 8K (7000px+) */
@media (min-width: 7000px) {
    .limit-width {
        max-width: 7000px !important;
    }
		.title_home h1 {
	font-size: 18vw !important;
	line-height:3.15rem!important;
	letter-spacing:-6rem!important;
		padding-bottom:10vh;
	}
		.actuality h3 {
	font-size: 7vw!important;
	letter-spacing: -13px!important;
	}
	.actuality p {
	font-size:1.25vw!important;
	line-height: 2.75vh!important;
	width: 25vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
	margin-top:5vh!important;
	}
		.title_soin h1 {
	font-size: 11vw !important;
	line-height:3.15rem!important;
	letter-spacing:-1.165rem!important;
	}
			  .text-narrow p {
    font-size: 3.75rem !important;
	line-height:4rem!important;
		width: 10vw!important;
	margin-left:auto!important;
	margin-right:auto!important;
	padding-top :7vh;
	padding-bottom :2vh;
    }
	    .text-intro p {
        font-size: 1.5vw !important;
        line-height: 3vh !important;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
			.title_1_mix h1 {
	font-size:7vw !important;
	line-height:25rem!important;
	letter-spacing:-.25rem!important;
	}
				.title_2_mix h1 {
	font-size:6vw !important;
	line-height:25rem!important;
	letter-spacing:-.25rem!important;
	}
				.title_cap h6{
        font-size: .75vw !important;
       line-height: 5vh !important;
        letter-spacing: -.05rem !important;
    }
					.title_6 h6 {
        font-size: 2vw !important;
       height: 10vh !important;
        letter-spacing: -.05rem !important;
    }
					   .quote_contact p {
        font-size: .95vw !important;
        line-height: 3rem !important;
        letter-spacing: -.01rem !important;
        padding-top: 2vh;
        padding-bottom: 2vh;
    }
	.quote_menu p {
    font-size: 1.05vw !important;
    line-height: 5rem !important;
    letter-spacing: -.01rem !important;
	position:relative!important;
	top:5vh!important;
    padding-top: 2vh;
    padding-bottom: 2vh;
	width:15vw!important;
    }
	.quote_menu i {
    font-size: 1.15vw !important;
    padding-bottom: 2vh;
	position:relative!important;
	top:5vh!important;
    }
}



/* ============================================
   CUSTOM BURGER MENU - 3 DOTS
   ============================================ */

/* Container - cercle parfait - DESKTOP ONLY */
@media (min-width: 1025px) {
    div.mobile-menu-button.lines-button,
    div.mobile-menu-button.lines-button:hover,
    div.mobile-menu-button.lines-button:focus,
    div.mobile-menu-button.lines-button:active {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        max-width: 50px !important;
        max-height: 50px !important;
        border-radius: 50% !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid oklch(95.32% 0.0326 67.42) !important;
        transition: background-color 0.3s ease !important;
        box-sizing: border-box !important;
        transform: none !important;
        position: absolute;
        top: 2vh;
        right: 2vw;
    }

    div.mobile-menu-button.lines-button {
        background-color: transparent !important;
    }

    div.mobile-menu-button.lines-button:hover {
        background-color: white !important;
    }
}

/* Le dot central - état fermé (3 dots) - DESKTOP ONLY */
@media (min-width: 1025px) {
    div.mobile-menu-button.lines-button:not(.close) .lines {
        width: 5px !important;
        height: 5px !important;
        background-color: oklch(95.32% 0.0326 67.42) !important;
        border-radius: 50% !important;
        box-shadow:
            0 -8px 0 oklch(95.32% 0.0326 67.42),
            0 8px 0 oklch(95.32% 0.0326 67.42) !important;
        transition: all 0.3s ease !important;
    }

    /* Masquer les pseudo-éléments quand dots visibles */
    div.mobile-menu-button.lines-button:not(.close) .lines:before,
    div.mobile-menu-button.lines-button:not(.close) .lines:after,
    div.mobile-menu-button.lines-button:not(.close) .lines > span {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        background: transparent !important;
    }

    /* Hover sur les dots - deviennent purple */
    div.mobile-menu-button.lines-button:not(.close):hover .lines {
        background-color: var(--color-purple) !important;
        box-shadow:
            0 -8px 0 var(--color-purple),
            0 8px 0 var(--color-purple) !important;
    }
}

/* ============================================
   BURGER MENU - CROSS (X) WHEN OPEN
   Desktop only (1025px+) - Uncode handles mobile natively
   ============================================ */

@media (min-width: 1025px) {
    /* Bouton close dans l'overlay (bouton séparé créé par Uncode) */
    .uncode-close-offcanvas-overlay.lines-button.close,
    .uncode-close-offcanvas-mobile.lines-button.close,
    div.mobile-menu-button.lines-button.close {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        max-width: 50px !important;
        max-height: 50px !important;
        border-radius: 50% !important;
        background-color: transparent !important;
        border: 1px solid oklch(95.32% 0.0326 67.42) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* Positionnement du bouton close overlay */
    .uncode-close-offcanvas-overlay.lines-button.close {
        position: fixed !important;
        top: 20px !important;
        right: 20px !important;
        left: auto !important;
        bottom: auto !important;
        z-index: 9999 !important;
    }

    /* Hover sur le bouton close */
    .uncode-close-offcanvas-overlay.lines-button.close:hover,
    .uncode-close-offcanvas-mobile.lines-button.close:hover,
    div.mobile-menu-button.lines-button.close:hover {
        background-color: white !important;
    }

    /* Masquer le dot central quand ouvert */
    .uncode-close-offcanvas-overlay.lines-button.close .lines,
    .uncode-close-offcanvas-mobile.lines-button.close .lines,
    div.mobile-menu-button.lines-button.close .lines {
        width: 20px !important;
        height: 20px !important;
        background-color: transparent !important;
        box-shadow: none !important;
        position: relative !important;
    }

    /* Croix - lignes */
    .uncode-close-offcanvas-overlay.lines-button.close .lines:before,
    .uncode-close-offcanvas-overlay.lines-button.close .lines:after,
    .uncode-close-offcanvas-mobile.lines-button.close .lines:before,
    .uncode-close-offcanvas-mobile.lines-button.close .lines:after,
    div.mobile-menu-button.lines-button.close .lines:before,
    div.mobile-menu-button.lines-button.close .lines:after {
        display: block !important;
        content: '' !important;
        position: absolute !important;
        background-color: oklch(95.32% 0.0326 67.42) !important;
        width: 20px !important;
        height: 2px !important;
        border-radius: 1px !important;
        top: 50% !important;
        left: 50% !important;
        transform-origin: center center !important;
    }

    .uncode-close-offcanvas-overlay.lines-button.close .lines:before,
    .uncode-close-offcanvas-mobile.lines-button.close .lines:before,
    div.mobile-menu-button.lines-button.close .lines:before {
        transform: translate(-50%, -50%) rotate(45deg) !important;
    }

    .uncode-close-offcanvas-overlay.lines-button.close .lines:after,
    .uncode-close-offcanvas-mobile.lines-button.close .lines:after,
    div.mobile-menu-button.lines-button.close .lines:after {
        transform: translate(-50%, -50%) rotate(-45deg) !important;
    }

    /* Hover sur la croix */
    .uncode-close-offcanvas-overlay.lines-button.close:hover .lines:before,
    .uncode-close-offcanvas-overlay.lines-button.close:hover .lines:after,
    .uncode-close-offcanvas-mobile.lines-button.close:hover .lines:before,
    .uncode-close-offcanvas-mobile.lines-button.close:hover .lines:after,
    div.mobile-menu-button.lines-button.close:hover .lines:before,
    div.mobile-menu-button.lines-button.close:hover .lines:after {
        background-color: var(--color-purple) !important;
    }
}

/* ============================================
   BURGER MENU - RESPONSIVE SIZES
   Desktop only (1025px+) - Uncode handles mobile natively
   ============================================ */

/* Desktop base (1025px+) */
@media (min-width: 1025px) {
    div.mobile-menu-button.lines-button,
    div.mobile-menu-button.lines-button:hover,
    div.mobile-menu-button.lines-button.close,
    .uncode-close-offcanvas-overlay.lines-button.close,
    .uncode-close-offcanvas-mobile.lines-button.close {
        width: 55px !important;
        height: 55px !important;
        min-width: 55px !important;
        min-height: 55px !important;
        max-width: 55px !important;
        max-height: 55px !important;
        transform: none !important;
    }

    .uncode-close-offcanvas-overlay.lines-button.close {
        top: 25px !important;
        right: 25px !important;
    }
}

/* Desktop (1280px+) */
@media (min-width: 1280px) {
    div.mobile-menu-button.lines-button,
    div.mobile-menu-button.lines-button:hover,
    div.mobile-menu-button.lines-button.close,
    .uncode-close-offcanvas-overlay.lines-button.close,
    .uncode-close-offcanvas-mobile.lines-button.close {
        width: 60px !important;
        height: 60px !important;
        min-width: 60px !important;
        min-height: 60px !important;
        max-width: 60px !important;
        max-height: 60px !important;
    }

    .uncode-close-offcanvas-overlay.lines-button.close {
        top: 30px !important;
        right: 30px !important;
    }

    div.mobile-menu-button.lines-button:not(.close) .lines {
        width: 6px !important;
        height: 6px !important;
        box-shadow:
            0 -9px 0 oklch(95.32% 0.0326 67.42),
            0 9px 0 oklch(95.32% 0.0326 67.42) !important;
    }

    div.mobile-menu-button.lines-button:not(.close):hover .lines {
        box-shadow:
            0 -9px 0 var(--color-purple),
            0 9px 0 var(--color-purple) !important;
    }

    div.mobile-menu-button.lines-button.close .lines,
    .uncode-close-offcanvas-overlay.lines-button.close .lines,
    .uncode-close-offcanvas-mobile.lines-button.close .lines {
        width: 22px !important;
        height: 22px !important;
    }

    div.mobile-menu-button.lines-button.close .lines:before,
    div.mobile-menu-button.lines-button.close .lines:after,
    .uncode-close-offcanvas-overlay.lines-button.close .lines:before,
    .uncode-close-offcanvas-overlay.lines-button.close .lines:after,
    .uncode-close-offcanvas-mobile.lines-button.close .lines:before,
    .uncode-close-offcanvas-mobile.lines-button.close .lines:after {
        width: 22px !important;
    }
}

/* MacBook Pro 16" (1728px+) */
@media (min-width: 1728px) {
    div.mobile-menu-button.lines-button,
    div.mobile-menu-button.lines-button:hover,
    div.mobile-menu-button.lines-button.close,
    .uncode-close-offcanvas-overlay.lines-button.close,
    .uncode-close-offcanvas-mobile.lines-button.close {
        width: 65px !important;
        height: 65px !important;
        min-width: 65px !important;
        min-height: 65px !important;
        max-width: 65px !important;
        max-height: 65px !important;
    }

    .uncode-close-offcanvas-overlay.lines-button.close {
        top: 35px !important;
        right: 35px !important;
    }

    div.mobile-menu-button.lines-button:not(.close) .lines {
        width: 7px !important;
        height: 7px !important;
        box-shadow:
            0 -10px 0 oklch(95.32% 0.0326 67.42),
            0 10px 0 oklch(95.32% 0.0326 67.42) !important;
    }

    div.mobile-menu-button.lines-button:not(.close):hover .lines {
        box-shadow:
            0 -10px 0 var(--color-purple),
            0 10px 0 var(--color-purple) !important;
    }

    div.mobile-menu-button.lines-button.close .lines,
    .uncode-close-offcanvas-overlay.lines-button.close .lines,
    .uncode-close-offcanvas-mobile.lines-button.close .lines {
        width: 24px !important;
        height: 24px !important;
    }

    div.mobile-menu-button.lines-button.close .lines:before,
    div.mobile-menu-button.lines-button.close .lines:after,
    .uncode-close-offcanvas-overlay.lines-button.close .lines:before,
    .uncode-close-offcanvas-overlay.lines-button.close .lines:after,
    .uncode-close-offcanvas-mobile.lines-button.close .lines:before,
    .uncode-close-offcanvas-mobile.lines-button.close .lines:after {
        width: 24px !important;
    }
}

/* 2K / QHD (2560px+) */
@media (min-width: 2560px) {
    div.mobile-menu-button.lines-button,
    div.mobile-menu-button.lines-button:hover,
    div.mobile-menu-button.lines-button.close,
    .uncode-close-offcanvas-overlay.lines-button.close,
    .uncode-close-offcanvas-mobile.lines-button.close {
        width: 75px !important;
        height: 75px !important;
        min-width: 75px !important;
        min-height: 75px !important;
        max-width: 75px !important;
        max-height: 75px !important;
    }

    .uncode-close-offcanvas-overlay.lines-button.close {
        top: 40px !important;
        right: 40px !important;
    }

    div.mobile-menu-button.lines-button:not(.close) .lines {
        width: 8px !important;
        height: 8px !important;
        box-shadow:
            0 -12px 0 oklch(95.32% 0.0326 67.42),
            0 12px 0 oklch(95.32% 0.0326 67.42) !important;
    }

    div.mobile-menu-button.lines-button:not(.close):hover .lines {
        box-shadow:
            0 -12px 0 var(--color-purple),
            0 12px 0 var(--color-purple) !important;
    }

    div.mobile-menu-button.lines-button.close .lines,
    .uncode-close-offcanvas-overlay.lines-button.close .lines,
    .uncode-close-offcanvas-mobile.lines-button.close .lines {
        width: 28px !important;
        height: 28px !important;
    }

    div.mobile-menu-button.lines-button.close .lines:before,
    div.mobile-menu-button.lines-button.close .lines:after,
    .uncode-close-offcanvas-overlay.lines-button.close .lines:before,
    .uncode-close-offcanvas-overlay.lines-button.close .lines:after,
    .uncode-close-offcanvas-mobile.lines-button.close .lines:before,
    .uncode-close-offcanvas-mobile.lines-button.close .lines:after {
        width: 28px !important;
        height: 3px !important;
    }

}

/* 4K (3840px+) */
@media (min-width: 3840px) {
    div.mobile-menu-button.lines-button,
    div.mobile-menu-button.lines-button:hover,
    div.mobile-menu-button.lines-button.close,
    .uncode-close-offcanvas-overlay.lines-button.close,
    .uncode-close-offcanvas-mobile.lines-button.close {
        width: 90px !important;
        height: 90px !important;
        min-width: 90px !important;
        min-height: 90px !important;
        max-width: 90px !important;
        max-height: 90px !important;
        border-width: 2px !important;
    }

    .uncode-close-offcanvas-overlay.lines-button.close {
        top: 50px !important;
        right: 50px !important;
    }

    div.mobile-menu-button.lines-button:not(.close) .lines {
        width: 10px !important;
        height: 10px !important;
        box-shadow:
            0 -15px 0 oklch(95.32% 0.0326 67.42),
            0 15px 0 oklch(95.32% 0.0326 67.42) !important;
    }

    div.mobile-menu-button.lines-button:not(.close):hover .lines {
        box-shadow:
            0 -15px 0 var(--color-purple),
            0 15px 0 var(--color-purple) !important;
    }

    div.mobile-menu-button.lines-button.close .lines,
    .uncode-close-offcanvas-overlay.lines-button.close .lines,
    .uncode-close-offcanvas-mobile.lines-button.close .lines {
        width: 35px !important;
        height: 35px !important;
    }

    div.mobile-menu-button.lines-button.close .lines:before,
    div.mobile-menu-button.lines-button.close .lines:after,
    .uncode-close-offcanvas-overlay.lines-button.close .lines:before,
    .uncode-close-offcanvas-overlay.lines-button.close .lines:after,
    .uncode-close-offcanvas-mobile.lines-button.close .lines:before,
    .uncode-close-offcanvas-mobile.lines-button.close .lines:after {
        width: 35px !important;
        height: 3px !important;
    }

}

/* 5K / 6K (5120px+) */
@media (min-width: 5120px) {
    div.mobile-menu-button.lines-button,
    div.mobile-menu-button.lines-button:hover,
    div.mobile-menu-button.lines-button.close,
    .uncode-close-offcanvas-overlay.lines-button.close,
    .uncode-close-offcanvas-mobile.lines-button.close {
        width: 110px !important;
        height: 110px !important;
        min-width: 110px !important;
        min-height: 110px !important;
        max-width: 110px !important;
        max-height: 110px !important;
        border-width: 2px !important;
    }

    .uncode-close-offcanvas-overlay.lines-button.close {
        top: 60px !important;
        right: 60px !important;
    }

    div.mobile-menu-button.lines-button:not(.close) .lines {
        width: 12px !important;
        height: 12px !important;
        box-shadow:
            0 -18px 0 oklch(95.32% 0.0326 67.42),
            0 18px 0 oklch(95.32% 0.0326 67.42) !important;
    }

    div.mobile-menu-button.lines-button:not(.close):hover .lines {
        box-shadow:
            0 -18px 0 var(--color-purple),
            0 18px 0 var(--color-purple) !important;
    }

    div.mobile-menu-button.lines-button.close .lines,
    .uncode-close-offcanvas-overlay.lines-button.close .lines,
    .uncode-close-offcanvas-mobile.lines-button.close .lines {
        width: 42px !important;
        height: 42px !important;
    }

    div.mobile-menu-button.lines-button.close .lines:before,
    div.mobile-menu-button.lines-button.close .lines:after,
    .uncode-close-offcanvas-overlay.lines-button.close .lines:before,
    .uncode-close-offcanvas-overlay.lines-button.close .lines:after,
    .uncode-close-offcanvas-mobile.lines-button.close .lines:before,
    .uncode-close-offcanvas-mobile.lines-button.close .lines:after {
        width: 42px !important;
        height: 4px !important;
    }
}




/* ============================================
   HERO VIDEO BACKGROUND - Classe à appliquer
   ============================================ */

/* Appliquez la classe "leroll-hero-video" à la ROW ou SECTION contenant la vidéo */

.leroll-hero-video {
    position: relative !important;
    overflow: hidden !important;
}

.leroll-hero-video video,
.leroll-hero-video .background-video-shortcode,
.leroll-hero-video .uncode-video-container video {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    min-width: 100% !important;
    min-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: cover !important;
    z-index: 0 !important;
}

/* Contenu au-dessus de la vidéo */
.leroll-hero-video .row-inner,
.leroll-hero-video .wpb_wrapper,
.leroll-hero-video > .row-container {
    position: relative !important;
    z-index: 2 !important;
}

/* ============================================
   HERO VIDEO - RESPONSIVE
   ============================================ */

@media (max-width: 768px) {
    .leroll-hero-video video {
        min-width: 180% !important;
        min-height: 100% !important;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    .leroll-hero-video video {
        min-width: 140% !important;
    }
}

@media (min-width: 2560px) {
    .leroll-hero-video video {
        min-width: 100% !important;
        min-height: 110% !important;
    }
}