@font-face {
  font-family: 'BillionDreams';
  src: url('/wp-content/themes/yootheme-ikiweb/fonts/BillionDreams.woff2') format('woff2'),
       url('/wp-content/themes/yootheme-ikiweb/fonts/BillionDreams.woff') format('woff'),
       url('/wp-content/themes/yootheme-ikiweb/fonts/BillionDreams.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.color-tertiary {
  color: #0d672e;
}
.color-quaternary {
  color: #ed6b06;
}
/* animation du widget qui tourne */
.animation-circle {
  width: 170px;              /* adapte la taille */
  height: 170px;
  animation: rotation 8s linear infinite;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* home page  hero section*/

/* titre h1 */

#h1-homepage span {
  color: #fff;
  font-family: 'Didact Gothic';
  text-transform: uppercase;
  font-size: 100px !important;
}
@media screen and (max-width: 768px) {
  #h1-homepage span {
    font-size: 68px !important;
  }
}

/* image pleine largeur avec un overlay dégradé blanc */
.overlay-image-large {
  position: relative;
}
.overlay-image-large::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: linear-gradient(
        to bottom,
           rgba(255,255,255,1) 0%,
          rgba(255,255,255,0.7) 40%,
          rgba(255,255,255,0) 100%
    );
}
/* gallerie d'image plein largeur */
@media screen and (min-width: 960px) {

  .gallery-fullwidth .uk-grid {
    margin-left: 0;
  }
    .gallery-fullwidth .uk-grid > * {
    padding-left: 0;
  }
}
@media screen and (max-width: 959px) {
  .gallery-padding{
    padding: 15px;
  }
}

/*________________________ home page______________________ */

/* Overlay visible en permanence */
.cadre-overlay .uk-inline-clip > .uk-overlay-default {
  background: rgba(0, 0, 0, 0.2);
  opacity: 1 ;
}

/* Wrapper */
.cadre-overlay .uk-inline-clip {
  position: relative;
  overflow: hidden;
}

/* Base commune */
.cadre-overlay .uk-inline-clip::before,
.cadre-overlay .uk-inline-clip::after {
  content: "";
  position: absolute;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
}

/* Traits horizontaux (haut + bas) */
.cadre-overlay .uk-inline-clip::before {
  top: 25px;
  left: 6px;   /* déborde pour croisement */
  right: 6px;  /* déborde pour croisement */
  bottom: 25px;
  border-top: 1px solid rgba(255,255,255,0.85);
  border-bottom: 1px solid rgba(255,255,255,0.85);
}

/* Traits verticaux (gauche + droite) */
.cadre-overlay .uk-inline-clip::after {
  top: 6px;    /* déborde pour croisement */
  bottom: 6px; /* déborde pour croisement */
  left: 25px;
  right: 25px;
  border-left: 1px solid rgba(255,255,255,0.85);
  border-right: 1px solid rgba(255,255,255,0.85);
}

/* Hover */
.cadre-overlay .uk-inline-clip:hover::before,
.cadre-overlay .uk-inline-clip:hover::after {
  opacity: 1;
}

/* effet image de travers et zoom au hover */
.cadre-overlay .uk-inline-clip .el-image {
  transition: transform 0.4s ease;
  transform-origin: center center;
}
.cadre-overlay .uk-inline-clip:hover .el-image {
  transform: rotateZ(4deg) scale(1.1); /* rotation 3D + léger zoom */
}
.overlay-one,
.overlay-two,
.overlay-three{
  background: rgba(0,0,0,0.2);
}
.overlay-one .el-title,
.overlay-two .el-title,
.overlay-three .el-title {
  text-shadow: 2px 2px 6px rgba(0,0,0,0.9);
}

@media screen and (min-width: 1200px) {
    .overlay-one {
        margin-top: 200px;
    }
    .overlay-two {
      margin-top: 100px;
    }
} 
/* masqué la description en desktop et visible en mobile  */
.overlay-three .el-meta,
.overlay-one .el-meta,
.overlay-two .el-meta {
  display: none;
  text-shadow: 2px 2px 6px rgba(0,0,0,0.9);
}
.overlay-three:hover .el-meta,
.overlay-one:hover .el-meta,
.overlay-two:hover .el-meta {
  display: block;
}
@media screen and (max-width: 768px) {
  .overlay-three .el-meta,
  .overlay-one .el-meta,
  .overlay-two .el-meta,
  .overlay-three .el-title,
  .overlay-one .el-title,
  .overlay-two .el-title {
    display: block;
    color: #fff;
  }
    /* .overlay-three .uk-overlay-default,
    .overlay-two .uk-overlay-default,
    .overlay-one .uk-overlay-default {
        background: rgba(0, 0, 0, 0.55);
        opacity: 1;
    } */
} 


/* ----------------------page contact---------------- */
/* placement du grid de contact */
@media screen and (min-width:1024px) {
  .grid-contact{
    margin-top: -130px;
  }
}
  .grid-contact .uk-grid > div:nth-child(3) .el-item .el-title,
  .grid-contact .uk-grid > div:nth-child(3) .el-item,
  .grid-contact .uk-grid > div:nth-child(1) .el-item .el-content{
    color: #fff;
  }
    .grid-contact .uk-grid > div:nth-child(2) .el-title,
    .grid-contact .uk-grid > div:nth-child(2) .el-item  {
      color: #000;
    }
/* ________Style du formulaire de contact _________ */
#wpforms-submit-57 {
  border: 1px solid #1b4174;
  color: #1b4174 !important;
  background-color: #fff;
  border-radius: 4px !important;
  padding: 10px 28px;
  font-size: 16px !important;
  transition: 0.2s ease-in-out;
}
#wpforms-submit-57:hover{
  background-color: #1b4174;
  position: relative;
  background-image: url(../../../uploads/btn_hover_inverse.png);
  background-position: center;
  background-repeat: no-repeat;
  z-index: 9;
}
#wpforms-57 input {
  padding: 15px 30px;
  min-height: 60px;
  border-radius: 5px !important;
}
#wpforms-57-field_4 {
  padding: 15px 30px 15px 52px !important;
}
/* checkbox */
#wpforms-57-field_5_1{
  min-height: auto !important;
}