.elementor-kit-3614{--e-global-color-primary:#263D51;--e-global-color-secondary:#FBF8F6;--e-global-color-text:#000000;--e-global-color-accent:#61CE70;--e-global-color-23dd36d:#F1EEE9;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Times New Roman";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-aebab11-font-family:"Playfair Display";--e-global-typography-aebab11-font-size:20px;--e-global-typography-aebab11-font-weight:700;--e-global-typography-aebab11-text-transform:uppercase;--e-global-typography-aebab11-font-style:normal;--e-global-typography-aebab11-text-decoration:none;--e-global-typography-aebab11-line-height:25px;--e-global-typography-aebab11-letter-spacing:1px;color:var( --e-global-color-primary );font-family:"Times New Roman", Sans-serif;}.elementor-kit-3614 button:hover,.elementor-kit-3614 button:focus,.elementor-kit-3614 input[type="button"]:hover,.elementor-kit-3614 input[type="button"]:focus,.elementor-kit-3614 input[type="submit"]:hover,.elementor-kit-3614 input[type="submit"]:focus,.elementor-kit-3614 .elementor-button:hover,.elementor-kit-3614 .elementor-button:focus{background-color:var( --e-global-color-primary );color:var( --e-global-color-secondary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-kit-3614 h1{color:var( --e-global-color-primary );}.elementor-kit-3614 h2{color:var( --e-global-color-primary );}.elementor-kit-3614 h3{color:var( --e-global-color-primary );}.elementor-kit-3614 button,.elementor-kit-3614 input[type="button"],.elementor-kit-3614 input[type="submit"],.elementor-kit-3614 .elementor-button{color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-primary );}.elementor-kit-3614 input:not([type="button"]):not([type="submit"]),.elementor-kit-3614 textarea,.elementor-kit-3614 .elementor-field-textual{border-style:solid;border-width:1px 1px 1px 1px;border-color:#DDDDDD;transition:0ms;}.elementor-kit-3614 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-3614 textarea:focus,.elementor-kit-3614 .elementor-field-textual:focus{color:#000000;accent-color:#000000;border-style:solid;border-width:0px 0px 0px 0px;border-color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- Footer smaller middle column --- */

.ast-builder-grid-row-3-equal .ast-builder-grid-row {
	grid-template-columns: 4fr 1fr 4fr;
}


/* --- Arrow bounce --- */

.arrow-bounce {
  animation: bounce 1.5s infinite;
}

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


/* --- no click on the header menu --- */

.main-header-menu .no-click > a {
    pointer-events: none;
    cursor: default;
}


/* --- Hover effets (grid properties) --- */

/* IMAGE SCALE UP */
.property-grid-card:hover .property-grid-img {
  transform: scale(1.1);
}

/* TEXTE SCALE DOWN */
.property-grid-card:hover .property-grid-content {
  transform: scale(0.95);
}

/* transitions propres */
.property-grid-img,
.property-grid-content {
  transition: transform 0.35s ease;
}

/* Page location - mobible box shadow */
@media (max-width: 767px) {
    .mobile-accordeon-design {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    background-color: rgba(251, 248, 246, 0.8);
    }
}


/* Responsive mobile : Transparent background on accordeon section  */

@media (max-width: 767px) {
    .mobile-accordeon-design {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
    background-color: rgba(251, 248, 246, 0.85) !important;
    }
}


/* Home page - responsive blue slider arrows */

@media (max-width: 767px) {
    .elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-next,.elementor-widget-loop-carousel .elementor-swiper-button.elementor-swiper-button-prev {
    color: #263D51 !important;
    }
}



/* HEADER */

/* suppression fond blanc format tablette et mobile */

    .ast-mobile-header-wrap .ast-mobile-header-content, .ast-desktop-header-content {
        background: rgba(38, 61, 81, 0.01);
        backdrop-filter: blur(15px) saturate(100%);
        box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
    }
    
/*         background: rgba(38, 61, 81, 0.5);
backdrop-filter: blur(12px) saturate(180%);
border: 1px solid rgba(255, 255, 255, 0.1); */
    
/*background-color: #263D51;*/










/* suppression bordure toggle tablette et mobile */

   .elementor-kit-3614 button, .elementor-kit-3614 input[type="button"], .elementor-kit-3614 input[type="submit"], .elementor-kit-3614 .elementor-button .elementor-kit-3614 button:active {
        border-style: none;
    }
    
   /* Supprimer bordure + fond au focus / hover sur mobile & tablette */

/* ATTENTION : BUG DANS CONTACT, voir impacts ailleurs */

/*  .elementor-kit-3614 button,
  .elementor-kit-3614 button:hover,
  .elementor-kit-3614 button:focus,
  .elementor-kit-3614 button:focus-visible,
  .elementor-kit-3614 button:active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
  }*/


.elementor-kit-3614 
  .ast-mobile-header-wrap 
  .ast-menu-toggle,
  .elementor-kit-3614 
  .ast-mobile-header-wrap 
  .ast-menu-toggle:active,
  .elementor-kit-3614 
  .ast-mobile-header-wrap 
  .ast-menu-toggle:focus,
  .elementor-kit-3614 
  .ast-mobile-header-wrap 
  .ast-menu-toggle:focus-visible {
    border-style: none !important;
  }









/* === FIX HERO VIDEO JUMP === */

/* Container vidéo avec image fallback */
.hero-video-fix-display .elementor-background-video-container {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

/* Vidéo = toujours cover centré */
.hero-video-fix-display video.elementor-background-video-hosted {
  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;
}

/* Image fallback Elementor (si présente) */
.hero-video-fix-display .elementor-background-video-fallback,
.hero-video-fix-display .elementor-background-video-fallback img {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  z-index: 1 !important;
}




/* height for hero */

.svh-min-height-20 {
    min-height: 20vh;
    min-height: 20svh;
}

.svh-min-height-35 {
    min-height: 35vh;
    min-height: 35svh;
}

.svh-min-height-40 {
    min-height: 40vh;
    min-height: 40svh;
}

.svh-min-height-50 {
    min-height: 50vh;
    min-height: 50svh;
}

.svh-min-height-60 {
    min-height: 60vh;
    min-height: 60svh;
}

.svh-min-height-80 {
    min-height: 80vh;
    min-height: 80svh;
}

.svh-min-height-100 {
    min-height: 100vh;
    min-height: 100svh;
}

@media (max-width: 767px) {
    .dvh-min-height-60-mobile {
        min-height: 60vh;
        min-height: 60dvh;
    }
}


/* Photos links for hero */

/* photo fallback hero home */
.hero-photo-home .elementor-background-video-container {
  background: #FBF8F6 url('https://verstone.fr/wp-content/uploads/2026/01/vue-mer-cote-bretagne.webp') center center / cover no-repeat !important;
}

/* photo fallback hero art de vivre */
.hero-photo-art-de-vivre .elementor-background-video-container {
  background: #FBF8F6 url('https://verstone.fr/wp-content/uploads/2026/01/vue-mer-cote-bretagne.webp') center center / cover no-repeat !important;
}

/* photo fallback hero en quelques mots */
.hero-photo-en-quelques-mots .elementor-background-video-container {
  background: #FBF8F6 url('https://verstone.fr/wp-content/uploads/2026/01/vue-mer-cote-bretagne.webp') center center / cover no-repeat !important;
}

/* photo fallback hero contact */
.hero-photo-contact .elementor-background-video-container {
  background: #FBF8F6 url('https://verstone.fr/wp-content/uploads/2025/11/mer_vue_plongeante.png') center center / cover no-repeat !important;
}


















/* {
    outline: 1px solid red !important;
}*/

body {
    overflow-x: hidden;
    max-width: 100vw;
}

/*  "&" modification on cocholib */
.amp-modification {
    font-family: "Times New Roman", serif;
}






/* template propriete : Transforme gallery smart layout */

/* ===========================================
   GALERIE PROPRIÉTÉ - CSS OPTIMISÉ
   =========================================== */

.galerie-propriete {
    --animation-duration: 350ms;
    --image-transition-duration: 800ms;
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* Ligne de base */
.galerie-row {
    display: flex;
    gap: 15px;
    width: 100%;
}

/* ===========================================
   ANIMATION APPARITION
   =========================================== */

.galerie-item {
    opacity: 0;
    transform: scale(0.85) translateY(30px);
    transition: 
        opacity var(--image-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1),
        transform var(--image-transition-duration) cubic-bezier(0.215, 0.61, 0.355, 1);
}

.galerie-item--visible {
    opacity: 1;
    transform: scale(1) translateY(0);
}

.galerie-item img {
    cursor: pointer;
}

/* ===========================================
   2 PORTRAITS CÔTE À CÔTE (50/50)
   =========================================== */

.galerie-row--portrait-pair {
    justify-content: center;
}

.galerie-row--portrait-pair .galerie-item {
    flex: 0 0 calc(50% - 7.5px);
    max-width: calc(50% - 7.5px);
}

.galerie-row--portrait-pair .galerie-item img {
    width: 100%;
    height: 800px;
    object-fit: cover;
}

/* ===========================================
   PAYSAGE PLEINE LARGEUR (100%)
   =========================================== */

.galerie-row--paysage {
    justify-content: center;
}

.galerie-row--paysage .galerie-item {
    flex: 0 0 100%;
    max-width: 100%;
}

.galerie-row--paysage .galerie-item img {
    width: 100%;
    height: 550px;
    object-fit: cover;
}

/* ===========================================
   MIXED : PORTRAIT + PAYSAGE (35/65)
   =========================================== */

.galerie-row--mixed {
    justify-content: center;
    align-items: stretch;
}

.galerie-row--mixed .galerie-item--portrait {
    flex: 0 0 35%;
    max-width: 35%;
}

.galerie-row--mixed .galerie-item--paysage {
    flex: 0 0 calc(65% - 15px);
    max-width: calc(65% - 15px);
}

.galerie-row--mixed .galerie-item img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

/* ===========================================
   PORTRAIT SEUL CENTRÉ (50%)
   =========================================== */

.galerie-row--portrait-single {
    justify-content: center;
}

.galerie-row--portrait-single .galerie-item {
    flex: 0 0 50%;
    max-width: 50%;
}

.galerie-row--portrait-single .galerie-item img {
    width: 100%;
    height: 800px;
    object-fit: cover;
}

/* ===========================================
   STYLE DES ITEMS
   =========================================== */

.galerie-item {
    overflow: hidden;
    border-radius: 8px;
}

.galerie-item img {
    display: block;
    width: 100%;
    transition: transform 0.3s ease;
}

.galerie-item img:hover {
    transform: scale(1.02);
}

/* ===========================================
   RESPONSIVE - TABLETTE (1024px)
   =========================================== */

@media (max-width: 1024px) {
    .galerie-propriete {
        gap: 12px;
    }

    .galerie-row {
        gap: 12px;
    }

    .galerie-row--portrait-pair .galerie-item img {
        height: 600px;
    }

    .galerie-row--paysage .galerie-item img {
        height: 450px;
    }

    .galerie-row--mixed .galerie-item img {
        height: 480px;
    }

    .galerie-row--mixed .galerie-item--portrait {
        flex: 0 0 38%;
        max-width: 38%;
    }

    .galerie-row--mixed .galerie-item--paysage {
        flex: 0 0 calc(62% - 12px);
        max-width: calc(62% - 12px);
    }

    .galerie-row--portrait-single .galerie-item {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .galerie-row--portrait-single .galerie-item img {
        height: 550px;
    }
}

/* ===========================================
   RESPONSIVE - MOBILE (767px)
   =========================================== */

@media (max-width: 767px) {
    .galerie-propriete {
        gap: 10px;
        --image-transition-duration: 600ms;
    }

    .galerie-row {
        flex-direction: column;
        gap: 10px;
    }

    .galerie-row--portrait-pair .galerie-item,
    .galerie-row--paysage .galerie-item,
    .galerie-row--mixed .galerie-item--portrait,
    .galerie-row--mixed .galerie-item--paysage,
    .galerie-row--portrait-single .galerie-item {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .galerie-row--portrait-pair .galerie-item img,
    .galerie-row--paysage .galerie-item img,
    .galerie-row--mixed .galerie-item img,
    .galerie-row--portrait-single .galerie-item img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain;
    }

    .galerie-item {
        border-radius: 6px;
        opacity: 0;
        transform: scale(1) translateY(20px);
    }

    .galerie-item--visible {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* ===========================================
   FIX ELEMENTOR CONTAINER
   =========================================== */

.elementor-widget-shortcode,
.elementor-shortcode {
    height: auto !important;
    overflow: visible !important;
}


/* Lightbox navigation colors */

.button.galerie-lightbox-close {
    color: #FBF8F6;
}


/* ===========================================
   ANIMATIONS
   =========================================== */

/* Animation courte de la gauche */
.fade-court-left.fadeInLeft {
    animation-name: fadeInLeftCourt !important;
}

@keyframes fadeInLeftCourt {
    0% {
        opacity: 0;
        transform: translate3d(-50px, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* Animation courte de la droite */
.fade-court-right.fadeInRight {
    animation-name: fadeInRightCourt !important;
}

@keyframes fadeInRightCourt {
    0% {
        opacity: 0;
        transform: translate3d(50px, 0, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}/* End custom CSS */