@charset "UTF-8";
/* line 3, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeInCard"] {
  animation: fadeIn;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
}

/* line 9, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="slideInLeft"] {
  animation: slideInLeft;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
}

/* line 15, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="slideInRight"] {
  animation: slideInRight;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
}

/* line 21, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeIn"] {
  animation: fadeIn;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 3s;
  animation-iteration-count: 1;
  opacity: 0;
}

/* line 29, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeInLeft"] {
  animation: fadeInLeft;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 2s;
  animation-timing-function: ease, step-start, cubic-bezier(0.1, 0.7, 1, 0.1);
  animation-iteration-count: 1;
  opacity: 0;
}

/* line 38, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="flipInX"] {
  animation: flipInX;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-iteration-count: 1;
}

/* line 45, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="zoomIn"] {
  animation: zoomIn;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-delay: 2s;
  animation-iteration-count: 1;
  opacity: 0;
}

@font-face {
  src: url(/assets/Lexend-f9a8743c5e1e0475e08a7a04542e59e0d73f785cfcd8e49bf49440e9811ddc13.woff2) format("woff2");
  font-family: 'Lexend';
  font-weight: 300 700;
  font-display: swap;
}

@font-face {
  src: url(/Noto-Sans-Regular.woff2) format("woff2");
  font-family: 'Noto-Sans-Regular';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  src: url(/Noto-Sans-Bold.woff2) format("woff2");
  font-family: 'Noto-Sans-Bold';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  src: url(/Noto-Sans-Bold.woff2) format("woff2");
  font-family: 'Noto-Sans-Bold-Italic';
  font-style: Italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
}

@font-face {
  src: url(/Yanone-Kaffeesatz-Light.woff2) format("woff2");
  font-family: 'Yanone-Kaffeesatz-Light';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}

@font-face {
  src: url(/Yanone-Kaffeesatz-Bold.woff2) format("woff2");
  font-family: 'Yanone-Kaffeesatz-Bold';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  src: url(/Petit-Formal-Script.woff2) format("woff2");
  font-family: 'Petit-Formal-Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  src: url(/assets/Saira-4e0263fd180d570140191b9d7ba658e08b0294b9629ae444a809ad5850165cc7.woff2) format("woff2");
  font-family: 'Saira';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* line 70, app/assets/stylesheets/_fonts-sizes.scss */
.nav-main-title {
  font-family: 'Saira';
  text-transform: uppercase;
  font-size: calc(50% + 0.6vw);
}

/* line 76, app/assets/stylesheets/_fonts-sizes.scss */
h1 {
  font-family: 'Lexend';
  font-size: calc(100% + 1vw);
}

/* line 81, app/assets/stylesheets/_fonts-sizes.scss */
.h1-main-title {
  font-family: 'Noto-Sans-Bold';
  font-size: calc(100% + 1.5vw);
  font-weight: 700;
}

/* line 87, app/assets/stylesheets/_fonts-sizes.scss */
.h2-main-title {
  font-family: 'Noto-Sans-Bold';
  font-size: calc(100% + 1vw);
}

/* line 92, app/assets/stylesheets/_fonts-sizes.scss */
.h2-main-information {
  font-family: 'Noto-Sans-Bold';
  font-size: calc(50% + 0.4vw);
}

/* line 97, app/assets/stylesheets/_fonts-sizes.scss */
.h3-main-title {
  font-family: 'Noto-Sans-Bold-Italic';
  font-size: calc(100% + 0.6vw);
}

/* line 102, app/assets/stylesheets/_fonts-sizes.scss */
.p-text-photo {
  font-family: 'Noto-Sans-Regular';
  font-size: calc(100% + 0.7vw);
}

/* line 107, app/assets/stylesheets/_fonts-sizes.scss */
h2 {
  font-size: calc(100% + 1.5vw);
  font-weight: 500;
}

/* line 112, app/assets/stylesheets/_fonts-sizes.scss */
h3 {
  font-size: calc(100% + 0.5vw);
  font-weight: 400;
}

/* line 117, app/assets/stylesheets/_fonts-sizes.scss */
h4 {
  font-family: 'Noto-Sans-Bold-Italic';
  font-size: calc(100% + 0.1vw);
}

/* line 122, app/assets/stylesheets/_fonts-sizes.scss */
.p-title {
  font-family: 'Lexend' !important;
  font-size: calc(60% + 1.2vw) !important;
}

/* line 127, app/assets/stylesheets/_fonts-sizes.scss */
.p-title-annonce {
  font-family: 'Lexend' !important;
  font-size: calc(40% + 1vw) !important;
}

/* line 132, app/assets/stylesheets/_fonts-sizes.scss */
.p-title-car {
  font-family: 'Lexend' !important;
  font-size: calc(40% + 0.8vw) !important;
}

/* line 137, app/assets/stylesheets/_fonts-sizes.scss */
.p-subtitle-car {
  font-family: 'Lexend' !important;
  font-size: calc(40% + 0.4vw) !important;
}

/* line 143, app/assets/stylesheets/_fonts-sizes.scss */
.p-text {
  font-family: 'Lexend' !important;
  font-size: calc(60% + 0.6vw);
}

/* line 148, app/assets/stylesheets/_fonts-sizes.scss */
.p-light {
  font-family: 'Lexend' !important;
  font-size: calc(60% + 0.6vw);
}

/* line 153, app/assets/stylesheets/_fonts-sizes.scss */
.p-card-title {
  font-family: 'Noto-Sans-Regular';
  font-size: calc(100% + 0.2vw);
}

/* line 158, app/assets/stylesheets/_fonts-sizes.scss */
.p-service {
  font-family: 'Noto-Sans-Regular';
  font-size: calc(100% + 0.07vw);
}

/* line 163, app/assets/stylesheets/_fonts-sizes.scss */
.p-navbar {
  font-family: 'Lexend' !important;
  font-size: calc(100% + 0.6vw) !important;
}

/* line 168, app/assets/stylesheets/_fonts-sizes.scss */
.p-navbar-mobile {
  font-family: 'Lexend';
  font-size: calc(55% + 0.9vw);
}

/* line 173, app/assets/stylesheets/_fonts-sizes.scss */
p {
  font-family: 'Noto-Sans-Regular';
  font-size: calc(100% + 0.3vw);
}

/* line 3, app/assets/stylesheets/_is-colors.scss */
.is-background-color {
  background-color: #f7f7f7 !important;
}

/* line 7, app/assets/stylesheets/_is-colors.scss */
.is-background-color-secondary {
  background-color: #010107 !important;
}

/* line 11, app/assets/stylesheets/_is-colors.scss */
.is-background-color-secondary-light {
  background-color: #010107 !important;
}

/* line 15, app/assets/stylesheets/_is-colors.scss */
.is-background-color-important {
  background: #ffca68 !important;
}

/* line 19, app/assets/stylesheets/_is-colors.scss */
.is-background-color-strong {
  background-color: #dddddd !important;
}

/* line 23, app/assets/stylesheets/_is-colors.scss */
.is-text-color-primary {
  color: #f7f7f7 !important;
}

/* line 27, app/assets/stylesheets/_is-colors.scss */
.is-text-color-secondary {
  color: #010107 !important;
}

/* line 32, app/assets/stylesheets/_is-colors.scss */
.is-text-dark {
  color: #010107;
}

/* line 36, app/assets/stylesheets/_is-colors.scss */
.is-text-light {
  color: #f7f7f7;
}

/* line 40, app/assets/stylesheets/_is-colors.scss */
.is-text-color-strong {
  color: #dddddd !important;
}

/* line 44, app/assets/stylesheets/_is-colors.scss */
.is-border-color {
  border: 1px solid #f7f7f7;
}

/* line 48, app/assets/stylesheets/_is-colors.scss */
.is-border-color-secondary {
  border: 1px solid #010107;
}

/* line 52, app/assets/stylesheets/_is-colors.scss */
.is-border-color-grey {
  border: 1px solid #242424;
}

/* line 56, app/assets/stylesheets/_is-colors.scss */
.is-border-color-secondary:hover {
  border: 1px solid #010107;
}

/* line 60, app/assets/stylesheets/_is-colors.scss */
.is-border-color-top {
  border-top: 5px solid #010107;
}

/* line 64, app/assets/stylesheets/_is-colors.scss */
.is-border-color-bottom {
  border-bottom: 5px solid #010107;
}

/* line 67, app/assets/stylesheets/_is-colors.scss */
.is-border-color-left {
  border-left: 5px solid #010107;
}

/* line 70, app/assets/stylesheets/_is-colors.scss */
.is-border-color-right {
  border-right: 5px solid #010107;
}

/* line 74, app/assets/stylesheets/_is-colors.scss */
.is-border-simple-top {
  border-top: 2px solid #eeeeee;
}

/* line 77, app/assets/stylesheets/_is-colors.scss */
.is-border-simple-bottom {
  border-bottom: 2px solid #eeeeee;
}

/* line 80, app/assets/stylesheets/_is-colors.scss */
.is-border-simple-left {
  border-left: 2px solid #eeeeee;
}

/* line 83, app/assets/stylesheets/_is-colors.scss */
.is-border-simple-right {
  border-right: 2px solid #eeeeee;
}

/*
Author: L. Voogdt
License: MIT
Version: 1.0
*/
/* Marker setup */
/* line 8, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker {
  background: url(/assets/images/markers-soft-6743c1321400ff5ed1fb4c3b0a68a7f8857956084f426b6bb8bff03cab2b724e.png) no-repeat 0 0;
  width: 35px;
  height: 46px;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  text-align: center;
}

/* line 19, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-shadow {
  background: url(/assets/images/markers-shadow-883ead799be0d0437c65d6172342237e860d121f35a2d215ce4170a8da302338.png) no-repeat 0 0;
  width: 36px;
  height: 16px;
}

/* Retina displays */
@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  /* line 28, app/assets/stylesheets/_awesome-markers.scss */
  .awesome-marker {
    background-image: url(/assets/images/markers-soft@2x-dd562751740663b74ed9a16c1484444d40fb95b79b8b1b13e5e12a2f8331c5e2.png);
    background-size: 720px 46px;
  }
  /* line 32, app/assets/stylesheets/_awesome-markers.scss */
  .awesome-marker-shadow {
    background-image: url(/assets/images/markers-shadow@2x-64fe7e2740a7d015109cd31a498357dada39f7552caac379a8d1f0c18dc3d77c.png);
    background-size: 35px 16px;
  }
}

/* line 38, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker i {
  color: #333;
  margin-top: 10px;
  display: inline-block;
  font-size: 14px;
}

/* line 45, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker .icon-white {
  color: #fff;
}

/* Colors */
/* line 50, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-red {
  background-position: 0 0;
}

/* line 54, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-darkred {
  background-position: -180px 0;
}

/* line 58, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-lightred {
  background-position: -360px 0;
}

/* line 62, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-orange {
  background-position: -36px 0;
}

/* line 66, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-beige {
  background-position: -396px 0;
}

/* line 70, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-green {
  background-position: -72px 0;
}

/* line 74, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-darkgreen {
  background-position: -252px 0;
}

/* line 78, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-lightgreen {
  background-position: -432px 0;
}

/* line 82, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-blue {
  background-position: -108px 0;
}

/* line 86, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-darkblue {
  background-position: -216px 0;
}

/* line 90, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-lightblue {
  background-position: -468px 0;
}

/* line 94, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-purple {
  background-position: -144px 0;
}

/* line 98, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-darkpurple {
  background-position: -288px 0;
}

/* line 102, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-pink {
  background-position: -504px 0;
}

/* line 106, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-cadetblue {
  background-position: -324px 0;
}

/* line 110, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-white {
  background-position: -574px 0;
}

/* line 114, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-gray {
  background-position: -648px 0;
}

/* line 118, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-lightgray {
  background-position: -612px 0;
}

/* line 122, app/assets/stylesheets/_awesome-markers.scss */
.awesome-marker-icon-black {
  background-position: -682px 0;
}

/* line 12, app/assets/stylesheets/home.scss */
html {
  scroll-behavior: smooth;
}

@keyframes FadeInOutSarreguemines {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* line 25, app/assets/stylesheets/home.scss */
.back-maquette {
  background: url(/images/photos/back_first.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 32, app/assets/stylesheets/home.scss */
.no-back-hover:hover {
  background-color: transparent;
}

/* line 36, app/assets/stylesheets/home.scss */
.leftcolumn {
  background: url(/assets/image_header-1c890bc734532273f9ebd1f734816258e765d6a973d766129c01df3224de4ed1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 43, app/assets/stylesheets/home.scss */
.left-to-right {
  background: linear-gradient(to left, white 50%, #ffca68 50%) right;
  background-size: 200% 100%;
  transition: all 0.5s ease;
  cursor: pointer;
}

/* line 50, app/assets/stylesheets/home.scss */
.left-to-right:hover {
  background-position: left;
  transition: all 0.5s ease;
}

/* line 55, app/assets/stylesheets/home.scss */
.themed-filter {
  filter: url("#themed-filter");
}

/* line 59, app/assets/stylesheets/home.scss */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* line 65, app/assets/stylesheets/home.scss */
.top-img {
  animation-name: FadeInOutSarreguemines;
  animation-timing-function: cubic-bezier(0.9, 0.28, 0.06, 0.83);
  animation-iteration-count: infinite;
  animation-duration: 5s;
  animation-direction: alternate;
}

/* line 72, app/assets/stylesheets/home.scss */
.home-video {
  width: 100vw;
  height: 100vh;
  position: absolute;
  display: flex;
  justify-content: center;
  object-fit: cover;
  top: 0;
}

/* line 83, app/assets/stylesheets/home.scss */
.home-video-wrapper {
  position: relative;
  height: 100vh;
}

/* line 88, app/assets/stylesheets/home.scss */
.video-css {
  min-width: 100%;
  position: fixed;
  top: 0;
  z-index: -999;
}

/* line 95, app/assets/stylesheets/home.scss */
.text-overlay {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  display: flex;
  width: 100%;
}

/* line 103, app/assets/stylesheets/home.scss */
.title-overlay {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}

/* line 111, app/assets/stylesheets/home.scss */
.navbar-item.is-mega {
  position: static;
}

/* line 114, app/assets/stylesheets/home.scss */
.navbar-item.is-mega .is-mega-menu-title {
  margin-bottom: 0;
  padding: .375rem 1rem;
}

/* line 120, app/assets/stylesheets/home.scss */
.block-marqueurs {
  visibility: hidden;
  position: absolute;
  width: 0px;
  height: 0px;
}

/* line 127, app/assets/stylesheets/home.scss */
.header-background {
  background-image: url(/assets/image_header-1c890bc734532273f9ebd1f734816258e765d6a973d766129c01df3224de4ed1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

/* line 135, app/assets/stylesheets/home.scss */
.card-background-image {
  flex: auto !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* line 143, app/assets/stylesheets/home.scss */
.backpattern {
  background-image: url(/assets/pattern-33849c73957f8e5136a969177d7ad16d2678209ea09215c781bd0c0b725075d1.png);
  background-size: 15%;
  background-repeat: repeat;
}

/* line 149, app/assets/stylesheets/home.scss */
.is-background-visite {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/visite-68b396dff99d152e16002bf79a62151dfee474150c079d591555ebff97bad6e0.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  filter: grayscale(100%);
}

/* line 156, app/assets/stylesheets/home.scss */
.is-background-rdv {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/rdv-dedd126115e7b1970f0c96b3f5f37f02cdf7f52d849b5cf1ef0793b663a25c96.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  filter: grayscale(100%);
}

/* line 163, app/assets/stylesheets/home.scss */
.is-background-modeles {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/modeles_bw-17188a03fc01df57c91bbe8de50c2b0ad838357ace29a3274a331b6b108976c0.png);
  background-size: cover;
  background-repeat: no-repeat;
}

/* line 169, app/assets/stylesheets/home.scss */
.is-background-reprise {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/reprise-69d055fcead07e6280be64394875ac11a4e4542b0b58e7f251cb82afce2edf48.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  filter: grayscale(100%);
}

/* line 176, app/assets/stylesheets/home.scss */
.is-background-financement {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/financement-66d97d3840ef6507b845b3dd989cc8cec3a82b9d09c615ee83d8ca45c67a1f75.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  filter: grayscale(100%);
}

/* line 183, app/assets/stylesheets/home.scss */
.is-background-garantie {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/garantie-d5d0826802f9acef24f2b03a456867c959d1c8a3eb038883ecf36caffaab41da.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  filter: grayscale(100%);
}

/* line 190, app/assets/stylesheets/home.scss */
.is-background-telephone {
  position: relative;
  overflow: hidden;
  z-index: 1;
  /* Optionnel : tu peux enlever le background-color par défaut de Bulma si besoin */
  background-color: transparent !important;
}

/* Le pseudo-élément qui gère uniquement l'arrière-plan */
/* line 199, app/assets/stylesheets/home.scss */
.is-background-telephone::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* On déplace tes styles de fond ici */
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/telephone-972d31967c7532c11c74d737f61eaeeec723e987f3cb3203a7944df4af3c8766.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /* Aligne le fond proprement */
  /* Le filtre s'applique uniquement sur cette couche */
  filter: grayscale(100%);
  /* On place cette couche derrière le contenu de la carte */
  z-index: -1;
}

/* line 222, app/assets/stylesheets/home.scss */
.section-fade {
  background-color: #f7f7f7;
}

/* line 226, app/assets/stylesheets/home.scss */
.blurry-navbar {
  width: 100%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 100%) !important;
}

/* line 232, app/assets/stylesheets/home.scss */
.is-global-font-secondary {
  font-family: 'Courier New', Courier, monospace;
}

/* line 236, app/assets/stylesheets/home.scss */
.no-padding {
  padding: 0;
}

/* line 240, app/assets/stylesheets/home.scss */
.contact-card-button {
  background-color: #f7f7f7;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  margin-top: 20px;
}

/* line 248, app/assets/stylesheets/home.scss */
.bottom-section {
  background-color: #f7f7f7;
  font-size: 18px;
}

/* line 253, app/assets/stylesheets/home.scss */
.footerlink {
  color: #edeea2;
}

/* line 257, app/assets/stylesheets/home.scss */
.icon-link-style {
  color: #585856;
  margin: 5px;
}

/* line 262, app/assets/stylesheets/home.scss */
.icon-link-style:visited {
  color: #303030;
}

/* line 266, app/assets/stylesheets/home.scss */
.icon-link-style:hover {
  color: #999999;
}

/* line 270, app/assets/stylesheets/home.scss */
span.highlight-dark {
  font-weight: bolder;
  background: linear-gradient(104deg, rgba(59, 57, 70, 0) 0.9%, rgba(59, 57, 70, 0.25) 2.4%, rgba(59, 57, 70, 0.5) 5.8%, rgba(59, 57, 70, 0.1) 93%, rgba(59, 57, 70, 0) 96%, rgba(59, 57, 70, 0) 98%), linear-gradient(183deg, rgba(59, 57, 70, 0) 0%, rgba(59, 57, 70, 0.1) 7.9%, rgba(59, 57, 70, 0) 15%);
  padding-left: 20px;
  padding-bottom: 5px;
  padding-right: 20px;
  -webkit-box-decoration-break: clone;
  margin: 0;
  border-radius: 7.5px;
  text-shadow: -12px 12px 9.8px rgba(59, 57, 70, 0.5);
}

/* line 282, app/assets/stylesheets/home.scss */
span.highlight-light {
  font-weight: bolder;
  background: linear-gradient(104deg, rgba(249, 228, 200, 0) 0.9%, #f9e4c8 2.4%, #f9e4c8 5.8%, rgba(249, 228, 200, 0.3) 93%, rgba(249, 228, 200, 0.7) 96%, rgba(249, 228, 200, 0) 98%), linear-gradient(183deg, rgba(249, 228, 200, 0) 0%, rgba(249, 228, 200, 0.1) 7.9%, rgba(249, 228, 200, 0) 15%);
  padding-left: 20px;
  padding-bottom: 5px;
  padding-right: 20px;
  -webkit-box-decoration-break: clone;
  margin: 0;
  border-radius: 7.5px;
  text-shadow: -12px 12px 9.8px rgba(59, 57, 70, 0.5);
}

/* line 294, app/assets/stylesheets/home.scss */
span.highlight-white {
  font-weight: bolder;
  background: linear-gradient(104deg, rgba(255, 255, 255, 0) 0.9%, white 2.4%, white 5.8%, rgba(255, 255, 255, 0.3) 93%, rgba(255, 255, 255, 0.7) 96%, rgba(255, 255, 255, 0) 98%), linear-gradient(183deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 7.9%, rgba(255, 255, 255, 0) 15%);
  padding-left: 20px;
  padding-bottom: 5px;
  padding-right: 20px;
  -webkit-box-decoration-break: clone;
  margin: 0;
  border-radius: 7.5px;
  text-shadow: -12px 12px 9.8px rgba(59, 57, 70, 0.5);
}

/* line 307, app/assets/stylesheets/home.scss */
.imageoverflow {
  overflow: hidden;
  position: relative;
  text-align: center;
  color: white;
}

/* line 314, app/assets/stylesheets/home.scss */
.active-navbar {
  background-color: #010107 !important;
  color: white;
}

/* line 319, app/assets/stylesheets/home.scss */
.image-fit {
  height: 65vh !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* line 326, app/assets/stylesheets/home.scss */
.cardhover {
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* line 331, app/assets/stylesheets/home.scss */
.cardhover:hover {
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* line 339, app/assets/stylesheets/home.scss */
.cardheight {
  height: 100% !important;
  display: flex;
  flex-direction: column;
}

/* line 345, app/assets/stylesheets/home.scss */
.cardheight-infos {
  height: 100%;
  min-height: 200px;
  display: flex;
  border-radius: 0px;
  flex-direction: column;
}

/* line 353, app/assets/stylesheets/home.scss */
.cardheight .card-footer {
  margin-top: auto;
}

/* line 357, app/assets/stylesheets/home.scss */
.zoom {
  position: relative;
}

/* line 361, app/assets/stylesheets/home.scss */
.zoom::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: opacity 300ms ease;
}

/* line 370, app/assets/stylesheets/home.scss */
.zoom:hover::after {
  opacity: 1;
}

/* FULLSCREEN INTRO */
/* line 377, app/assets/stylesheets/home.scss */
#intro-screen {
  position: fixed;
  inset: 0;
  background: #010107;
  /* background color */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  overflow: hidden;
  animation: introFadeOut 1s ease forwards;
  animation-delay: 3s;
  /* fade OUT begins */
}

/* Block scroll during intro */
/* line 391, app/assets/stylesheets/home.scss */
body.intro-lock {
  overflow: hidden;
}

/* Logo Fade-in Animation */
/* line 396, app/assets/stylesheets/home.scss */
#intro-logo {
  width: 250px;
  height: 250px;
  object-fit: contain;
  opacity: 0;
  animation: fadeInLogo 1.5s ease forwards;
}

/* Fade-in animation */
@keyframes fadeInLogo {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Fade-out of entire intro screen */
@keyframes introFadeOut {
  to {
    opacity: 0;
    visibility: hidden;
  }
}

/* line 415, app/assets/stylesheets/home.scss */
.is-orange {
  color: #bb6708 !important;
}

/* Container for the dot */
/* line 420, app/assets/stylesheets/home.scss */
.top-right-dot {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
}

/* The circle itself */
/* line 428, app/assets/stylesheets/home.scss */
.status-dot {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  border: 1.5px solid white;
  /* Makes it pop against the image */
}

/* Colors */
/* line 438, app/assets/stylesheets/home.scss */
.dot-disponible {
  background-color: #48c78e;
}

/* Bulma Success (Green) */
/* line 439, app/assets/stylesheets/home.scss */
.dot-vendu {
  background-color: #f14668;
}

/* Bulma Danger (Red) */
/* line 440, app/assets/stylesheets/home.scss */
.dot-autre {
  background-color: #ffdd57;
}

/* Bulma Warning (Orange) */
/* Target the dropdown wrapper globally or specifically */
/* line 445, app/assets/stylesheets/home.scss */
.navbar-item.has-dropdown:hover .navbar-dropdown,
.navbar-dropdown {
  background-color: #00000048 !important;
  background: #00000048 !important;
  box-shadow: none !important;
  border-top: none !important;
  padding-bottom: 0px;
  padding-top: 0px;
  border-radius: 0px;
}

/* Ensure the base links inside are visible before hover */
/* line 457, app/assets/stylesheets/home.scss */
.navbar-dropdown .navbar-item {
  background-color: #00000048 !important;
  /* Uncomment the line below if you have a dark background and need white text */
  /* color: #fff !important; */
}

/* line 3, app/assets/stylesheets/_tweaks.scss */
a {
  text-decoration: none !important;
}

/* line 7, app/assets/stylesheets/_tweaks.scss */
.button.is-multiline {
  min-height: 2.25em;
  white-space: unset;
  height: auto;
  flex-direction: column;
}

/** This isn't the actual suggested CSS - but it is just a quick fix to replicate the functionality**/
/* line 15, app/assets/stylesheets/_tweaks.scss */
.button.is-multiline .icon {
  margin: 0 !important;
}

/* line 19, app/assets/stylesheets/_tweaks.scss */
li {
  list-style-position: inside;
}