/*
Theme Name: Personailes
Theme URI: https://lopale.fr
Template: responsive
Author: L'Opale
Author URI: https://lopale.fr
Version: 1.0.1735291842
Updated: 2024-12-27 09:30:42

*/



/* Général */

/* Variables */
:root {
  --main-bg-color: #fdf3fc;
  --main-font-color: #012861;
  --bkg-submenu: rgba(252, 229, 240, 0.5);
  --button-bg-color: #ffc8ff;
  --bold-message-color : #1E1E1E;
  --bold-message-bold-color : #FF10F9;
  --my-border-radius : 40px;
}

/* Polices */

/* Police pseudo manuscrite */
/* https://www.onlinewebfonts.com/download/85bd00c0407c71c09a2269420e812e33 */
@font-face {
    font-family: "ITC Bradley Hand W02 Bold";
    src: url("https://db.onlinewebfonts.com/t/8c583b80ac9e392caea26d76a803b665.eot");
    src: url("https://db.onlinewebfonts.com/t/8c583b80ac9e392caea26d76a803b665.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/8c583b80ac9e392caea26d76a803b665.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/8c583b80ac9e392caea26d76a803b665.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/8c583b80ac9e392caea26d76a803b665.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/8c583b80ac9e392caea26d76a803b665.svg#ITC Bradley Hand W02 Bold")format("svg");
}
/* font-family: "ITC Bradley Hand W02 Bold"; */
@font-face {
    font-family: "ITC Bradley Hand W02 Regular";
    src: url("https://db.onlinewebfonts.com/t/85bd00c0407c71c09a2269420e812e33.eot");
    src: url("https://db.onlinewebfonts.com/t/85bd00c0407c71c09a2269420e812e33.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/85bd00c0407c71c09a2269420e812e33.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/85bd00c0407c71c09a2269420e812e33.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/85bd00c0407c71c09a2269420e812e33.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/85bd00c0407c71c09a2269420e812e33.svg#ITC Bradley Hand W02 Regular")format("svg");
}
/* font-family: "ITC Bradley Hand W02 Regular"; */




/* Police manuscrite */   
@font-face {
    font-family: "Aurantiaca";
    src: url("https://db.onlinewebfonts.com/t/2bfc691b071d3d137d020ccec56d3d98.eot");
    src: url("https://db.onlinewebfonts.com/t/2bfc691b071d3d137d020ccec56d3d98.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/2bfc691b071d3d137d020ccec56d3d98.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/2bfc691b071d3d137d020ccec56d3d98.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/2bfc691b071d3d137d020ccec56d3d98.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/2bfc691b071d3d137d020ccec56d3d98.svg#Aurantiaca")format("svg");
}
/* font-family: "Aurantiaca"; */


/* Corps */
@font-face {
  font-family: 'Segoe UI Variable Small';
  src:
    local('Segoe UI Variable Small'),
    url('fonts/segoe/SegoeUI-VF.ttf') format('truetype-variations');
  font-variation-settings: 'opsz' 1;
  font-weight: 300 700;
  font-style: normal;
}
@font-face {
  font-family: 'Segoe UI Variable Text';
  src:
    local('Segoe UI Variable Text'),
    url('fonts/segoe/SegoeUI-VF.ttf') format('truetype-variations');
  font-variation-settings: 'opsz' 10.5;
  font-weight: 300 700;
  font-style: normal;
}
@font-face {
  font-family: 'Segoe UI Variable Display';
  src:
    local('Segoe UI Variable Display'),
    url('fonts/segoe/SegoeUI-VF.ttf') format('truetype-variations');
  font-variation-settings: 'opsz' 36;
  font-weight: 300 700;
  font-style: normal;
}             




body {
  background-color: var(--main-bg-color);
  color: var(--main-font-color);
  font-family: 'Segoe UI Variable Display';
}

body p{
  font-family: 'Segoe UI Variable Display';
  color: var(--main-font-color);
}

a, a:visited {
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}

body .elementor-widget-heading .elementor-heading-title {
  font-family: "Aurantiaca";
  color: var(--main-font-color);
  font-weight: 400;
  font-size: 60px;
}

body .elementor-widget-button .elementor-button {
  font-family: "ITC Bradley Hand W02 Bold";
  background-color: var(--button-bg-color);
  color: var(--main-font-color);
  border-radius: 0;
  padding-left: 50px;
  padding-right: 50px;

  -webkit-box-shadow: 0 5px 5px 2px rgba(0,0,0,0.5);
  box-shadow: 0 5px 5px 2px rgba(0,0,0,0.5);

}
body .elementor-widget-button .elementor-button:hover {
  color: var(--button-bg-color);
  background-color: var(--main-font-color);

  -webkit-box-shadow: 0 -5px -5px 2px rgba(0,0,0,0.5);
  box-shadow: 0 -5px -5px 2px rgba(0,0,0,0.5);

  scale: 1.2;

}

.give-wrap, .site-content {
  padding: 0;
}

body.home .e-con-inner {
  margin: 0;
}

.container, [class*='__inner-container'], .site-header-full-width-main-navigation.site-mobile-header-layout-vertical:not(.responsive-site-full-width) .main-navigation-wrapper {
  max-width: 100%;
}

@media (min-width: 1200px) {
    .container,.site-header-full-width-main-navigation.site-mobile-header-layout-vertical:not(.responsive-site-full-width) .main-navigation-wrapper,[class*="__inner-container"] {
        max-width:1300px;
    }
}

body.home .e-con, body.home .e-con-inner {
    --container-max-width: 1300px;
}


/* Header */

body .site-header {
  background: none;
}

/* Navigation */
body .site-header #header-menu li a {
  font-weight: 400;
  border-bottom: 2px solid transparent ;
}
body .site-header  #header-menu li:hover > a {
  background: none;
  border-color: var(--bold-message-bold-color);
  color: inherit;
}

/* Sous menu */

body .site-header #header-menu .sub-menu {
   opacity: 0;
 
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;

  background: var(--bkg-submenu);
  -webkit-border-radius: calc(var(--my-border-radius) / 2);
  border-radius: calc(var(--my-border-radius) / 2);
}

.main-navigation .menu .menu-item-has-children.focus>ul.sub-menu, .main-navigation .menu li.focus>.children, .main-navigation .menu li.focus>.sub-menu {
    display: auto;
    left: 0;
}

body .site-header #header-menu li:hover .sub-menu  {
  opacity: 1;
  pointer-events: auto;
}

body .site-header #header-menu .sub-menu li a {
  padding: 2px calc(var(--my-border-radius) / 2);
  border:none;
  color: var(--main-font-color);
}

body .site-header #header-menu .sub-menu li a:hover {
  color:  var(--bold-message-bold-color);
}

/* Contenu */

body.home .entry-title {
  display: none;
}

.entry-content {
  margin-top: 50px ;
}

body .entry-content p {
  padding-bottom: 10px;
  margin: 0;
}

/* Message d'Accueil */
body.home .messageAccueil {
  margin-bottom: 50px;
}

body.home .messageAccueil p {
/*  font-family: "ITC Bradley Hand W02 Regular";*/
  font-family: "ITC Bradley Hand W02 Bold";
  font-size: 1.82em;
  color: var(--bold-message-color);
}

body.home .messageAccueil p strong{
  color: var(--bold-message-bold-color);
}

/* Nuage de mot */
/*body.home .cloudWords .wc-container {
  -webkit-border-radius: var(--my-border-radius);
  border-radius: var(--my-border-radius);
}

body.home .cloudWords .e-con-inner {
  display: contents;
}*/

body.home .cloudWords {
  -webkit-border-radius: var(--my-border-radius);
  border-radius: var(--my-border-radius);
}

.word-cloud {
  position: relative;
  width: 100%;
  /* height: 400px;*/ /* Ajustez selon vos besoins */
  height: 600px; /* Ajustez selon vos besoins */
}

.word {
  position: absolute;
  font-size: 1.5rem; /* Ajustez la taille des mots */
  font-family: "ITC Bradley Hand W02 Bold";
  color: white;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5); /* Effet de texte */
}

@media (min-width: 1200px) {
  .word {
    font-size: 2.5rem; /* Ajustez la taille des mots */
  }
}



/* Ma méthode */
#maMethode:after{
    background-image: url('img/deco/papillonMethode.png');
    background-repeat:no-repeat;
    width:550px;
    height:500px;
    content:" ";
    display:block;
    position:absolute;
    top:-250px;
    z-index:1;
    right:0;
    opacity: 0.5;
  }




@media (min-width: 1200px) {
  #maMethode:after{
    right:-80px;
    opacity: 1;
  }
}

#maMethode {
  margin: 80px 0;
}
body #maMethode .elementor-heading-title {
  color: var(--bold-message-bold-color);
  text-align: center;
}
body #maMethode p {
  font-family: "ITC Bradley Hand W02 Bold";
  color: #000;
  font-size: 1.17em;
  width: 83%;
  z-index:20;
  position:relative;
}


h2 span {
    display: block;
    font-family: 'Segoe UI Variable Display';
}

/* Pourquoi choisir person’ailes ? */
#pourquoi {

}

#pourquoi h2 {
  color: var(--bold-message-bold-color);
}

#pourquoi h2 span{
  color: var(--main-font-color);
  margin-left: -50px;
}

@media (min-width: 1200px) {
    #pourquoi .elementor-widget:nth-child(1) img  {
      position: relative;
      float: right;
      width: calc(150% + 100px);
      max-width: none;
      display: block;
  }
}


#pourquoi ,
#conseil ,
#reiki ,
#coaching ,
#yogadurire  {
  margin-bottom: 80px;
}


#pourquoi img,
#conseil img,
#reiki img,
#coaching img,
#yogadurire img {
  -webkit-border-radius: var(--my-border-radius);
  border-radius: var(--my-border-radius);
}


/* flèche diapo */
body .elementor-element .swiper .elementor-swiper-button svg,
body .elementor-element .swiper~.elementor-swiper-button svg,
body .elementor-lightbox .swiper .elementor-swiper-button svg,
body .elementor-lightbox .swiper~.elementor-swiper-button svg {
  fill: var(--bold-message-bold-color);
  width: 1.5em;
  height: 1.5em;
}

body .elementor-element .swiper .elementor-swiper-button,
body .elementor-element .swiper~.elementor-swiper-button,
body .elementor-lightbox .swiper .elementor-swiper-button,
body .elementor-lightbox .swiper~.elementor-swiper-button {
  top: 95%;
}

/* Le conseil en image */

#conseil h2:before,
#reiki h2:before,
#coaching h2:before,
#yogadurire h2:before {
  font-size: 40px;
  color: var(--bold-message-bold-color);
  display: block;
  font-family: 'Segoe UI Variable Display';
  padding-bottom: 25px;
}

#conseil {

}

#conseil h2:before {
  content: "01.";
}


#conseil h2,
#reiki h2,
#coaching h2,
#yogadurire h2{
  padding-top: 25px;
}


#conseil .e-con-inner,
#reiki .e-con-inner,
#coaching .e-con-inner,
#yogadurire .e-con-inner{
    align-items: center;
}



/* Le reiki */
#reiki:after{
  background-image: url('img/deco/reiki/butterfly.png');
  background-repeat:no-repeat;
  width:180px;
  height:245px;
  content:" ";
  display:block;
  position:absolute;
  right:80px;
  top:0;
  z-index:1;
}
#reiki {

}
#reiki h2:before {
  content: "02.";
}


/* Coaching */

#coaching h2:after{
  background-image: url('img/deco/coaching/plumes.png');
  background-repeat:no-repeat;
  width:141px;
  height:145px;
  content:" ";
  display:block;
/*  position:absolute;*/
  left:280px;
  top:0;
  z-index:1;
}

@media (min-width: 1200px) {
    #coaching h2:after{
    position:absolute;
  }
}


#coaching {

}
#coaching h2:before {
  content: "03.";
}


/* Yoga du rire */
#yogadurire h2:before {
  content: "04.";
}

#yogadurire {

}


/* Contact */
#contact {

}
#contact h2{
  font-family: "ITC Bradley Hand W02 Bold";
}

#contact p{
  color:var(--bold-message-bold-color);
  font-size: 40px;
}

@media (max-width: 600px) {
  #contact h2 {
      font-size: 2rem;
  }
  #contact p {
      font-size: 25px;
  }
}

#contactLink .elementor-widget-button .elementor-button {
  font-family: 'Segoe UI Variable Display';
}

/* Footer */

footer.site-footer, footer.site-footer p {
    background: #383838;
    color: #FFF;
}

footer.site-footer .row, .myFooter{
    display: flex;
    flex-direction: column;
    align-content: center;
    text-align: center;
}
footer.site-footer hr {
  border-bottom: 1px solid #FFF;
  width: 50px;
  margin-top: 25px;
  margin-bottom: 25px;
}

footer.site-footer a:hover {
  color: var(--bold-message-bold-color);
}