/**
 * Theme Name:     Prestige Web Agency pour le site La Ferme de Mia
 * Author:         Prestige Web Agency
 * Template:       choicy
 * Text Domain:	   prestige-web-agency-pour-le-site-la-ferme-de-mia
 * Description:    Prestige Web Agency pour le site La Ferme de Mia
 * Theme URI:      https://prestigeweb.agency/
 * Author URI:     http://Prestige%20Web%20Agency
 * Version:        1.0.1
 */

/* Début des CSS Personnalisés : */

/* Début de : Pour ne pas afficher la "grille des inventaire des animaux" sur la page d'accueil : */ 
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .chy-about-2-img .il-img-1 {
        display: none;
    }
}
/* Fin de : Pour ne pas afficher la "grille des inventaire des animaux" sur la page d'accueil */ 


/* Aligner à gauche sur mobile le paragraphe "Qui sont les visiteurs : ou baisser la typo (Numéros de ligne 2 options) */



/* Pour enlever la tache sombre "after" placées sur les images de la galerie : */
.chy-project-1-item::after {
    background: linear-gradient(220deg, rgba(2, 6, 38, 0) 62%, #0000 80%);
}


/* Pour ne pas afficher l'icone " devant les noms des témoignants : */
.chy-testimonial-2-item .person-wrap .icon {
display:none;
}


/* Début de : Pour décaler le bloc 1 "Nuri Marcel à... Découvrir" vers la droite : */
@media only screen and (min-width: 1024px) {
.chy-hero-2-item-content {
    padding-left: 33px;
		margin-top: -200px;
}
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
.chy-hero-2-item-content {
    padding-left: 33px;
	margin-top: 0px;
	    padding-top: 50px;
}
}
/* Fin de : Pour décaler le bloc 1 "Nuri Marcel à... Découvrir" vers la droite */



/***** Début des CSS de la page 404 : *****/
/* Pour ne pas afficher l'overlay en haut de la page 404 : */
.has-breadcrumb-overlay {
    display: none;
}
/* Couleur du texte : "Oups ! Page Non Trouvée." sur la page 404 : */
h2.error-title {
    color: #663C10;
}
/***** Fin des CSS de la page 404 : *****/


/* Pour ne pas mettre en tout capital les détails du slider "Tarifs" page accueil : */
.chy-price-2-list li {
    text-transform: none;
}

/* Couleur des textes : "Adresse", "Téléphone" et "Email" dans la page contact : */
.content-wrap {
    color:#663C10;
}

/* Pour réduire l'espace entre les icones et la barre de séparation sur la page contact sur les mobiles : */
/* Ce afin de voir l'email au complet sur petits smartphones */
@media (max-width: 767px) {
.elementor-element-f15a8d3 .border-left, .contact-page-content .border-left {
    padding-left: 25px;
}
	}


/* Pour ne pas afficher l'icone FB en bas du menu mobile : */
.full-page-socail-link {
    display: none;
}

/* Fin des css à classer */





/* Pour supprimer la marge au-dessus du menu haut : */
.chy-header-2-area {
    padding-top: 0px;
}

/**** Début des CSS du Footer : ****/

/* Couleur du lien "Mentions légales" : */
.chy-footer-1-menu li a:hover {
    color: #EBFEEC;
}
/* Couleur du lien "Carry.energy" : */
.elementor-3040 .elementor-element.elementor-element-68f71ad .chy-blog-3-btn a {
    color: #FDDE59 !important;
}
/* Couleur du lien "Carry.energy" au survol : */
.elementor-3040 .elementor-element.elementor-element-68f71ad .chy-blog-3-btn a:hover {
    color: #94D4C6 !important;
}
/* Couleur du bouton d'envoi formulaire newsletter : */
.chy-footer-1-form button {
    background: #FDDE59;
}
/* Couleur du bouton d'envoi formulaire newsletter au survol : */
.chy-footer-1-form button:hover {
    background: #94D4C6;
}
/* Couleur de l'icone Facebook au survol : */
.chy-footer-1-social-link li a:hover {
    background-color: #3b5998;
}

/* Début de : Largeur du formulaire d'inscription newsletter : */
.chy-footer-1-form input {
  width: 460px;
}
@media (max-width: 767px) {
  .chy-footer-1-form input {
    width: 100% !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .chy-footer-1-form input {
    width: 310px !important;
  }
}
/* Fin de : Largeur du formulaire d'inscription newsletter */

/* Couleur du message de succès d'inscription newsletter et son contour : */
.elementor-element-8b57fbc .wpcf7 form.sent .wpcf7-response-output {
	color: #94D4C6;
  border-color: #FDDE59;
}

/***** Fin des CSS du Footer *****/





/***** Début des CSS du menu mobile : *****/

/* Pour ajouter une marge dessus et dessous le bouton d'ouverture du menu : */
.chy-header-2-wrap {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Pour remonter le menu vers le haut de l'écran : */
.fullpage-menu {
    top: -70px;
}
/* Pour changer la couleur texte des sous-menu : */
.mobile-main-navigation .navbar-nav .dropdown-menu li a {
    color: #663C10;
}
/* Début de : Pour ne pas afficher le moteur de recherche dans le menu mobile : */
.mobile-search-bar { display: none; }
/* Fin de : Pour ne pas afficher le moteur de recherche dans le menu mobile : */

/***** Fin des CSS du menu mobile : *****/







/***** Début des CSS des Boutons de navigation du slider page "Galerie" *****/


/* Boutons de navigation Previous du slider : */
.chy-project-3-slider .chy_project_3_prev {
    background: #FDDE59;
    color: #fff;
    border-color: transparent;
}

/* Boutons de navigation Next du slider : */
.chy-project-3-slider .chy_project_3_next {
    background: #94D4C6;
    color: #fff;
    border-color: transparent;
}

/* Bouton de navigation Previous du slider au survol : */
.chy-project-3-slider .chy_project_3_prev:hover {
    background: #663C10;
    border-color: transparent;
}

/* Boutons de navigation Next du slider au survol : */
.chy-project-3-slider .chy_project_3_next:hover {
    background: #663C10;
    border-color: transparent;
}
/***** Fin des CSS des Boutons de navigation du slider "Galerie" *****/



/* Début de : Couleur de l'élément "after" superposé sur le slider de la Galerie : */
.chy-project-3-item::after {
    background: transparent;
}
/* Fin de : Couleur de l'élément "after" superposé sur le slider de la Galerie : */



/***** Début de : CSS des images des 6 pages de prestations : *****/
.chy-team-slider-1-item .main-img {
    border: 5px solid #71B12C;
}
.chy-team-slider-1-item .main-img:hover {
    border: 5px solid #efbfcc;
   }
.chy-team-slider-1-wrap .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-team-slider-1-item .main-img:hover {
    transform: rotateY(180deg); /* Rotation */
}
/***** Fin de : CSS des images des 6 pages de prestations *****/




/* Début de : Couleur des liens des 6 "Prestations et services" sur la page d'accueil au survol : */
.chy-services-2-item-wrap a:hover {
    color: #94D4C6;
}
/* Fin de : Couleur des liens des 6 "Prestations et services" sur la page d'accueil au survol */



/* Début de : CSS des 6 pages de prestation : */
.chy-team-slider-1-item .comment {
    color: #663C10;
    border-left: 4px solid #FDDE59;
}
/* Fin de : CSS des 6 pages de prestation */


/* Début de : Justification du paragraphe "Bienvenue à la Ferme de
MIA !"  : */
.elementor-2016 .elementor-element.elementor-element-b50e2cd {
    text-align: justify;
}
/* Fin de : Justification du paragraphe "Bienvenue à la Ferme de
MIA !"  : */



/* Début de : Taille des grosses phrases avec apparition des lettres une par une : */
.chy-title-1 {
    font-size: 40px;
}
.chy-title-2 {
    font-size: 40px;
}
/* Fin de : Taille des grosses phrases avec apparition des lettres une par une */




/***** Début des CSS de la page contact : *****/

/* Pour supprimer l'ombre portée du formulaire de contact : */
.elementor-65 .elementor-element.elementor-element-d39a198 {
    box-shadow: none;
}
/* Pour changer la couleur de l'icone du bouton d'envoi : */
.chy-pr-btn-1 .icon {
    color: #fff;
}
/* Pour changer la couleur de l'icone du bouton d'envoi au survol : */
.chy-pr-btn-1 .icon:hover {
    color: #663C10;
}

/* Titre en haut de page : */
.chy-subtitle-1 {
    color: #663C10;
}
/* Barre de séparation : */
.border-left::after, .contact-page-content .border-left::after {
    background: linear-gradient(87deg, #e8bb3b 57.32%, #2ec1bc 97.15%);
}
/* Icones réseaux sociaux : */
.contact-page-social-link li a {
    border: 1px solid #71B12C;
    color: #663C10; /* Couleur de l'icone */
    background: #71b12c30;
}
/* Icones réseaux sociaux au survol : */
.contact-page-social-link li a:hover {
    background-color: #3b5998;
    color: #fff; /* Couleur de l'icone au survol */
    border: 1px solid #fff;
}
/* Icones Adresse, Mail, tel : */
.contact-page-contact-list .icon {
	    border: 1px solid #71B12C;
    background: #71b12c30;
    color: #663C10;
}
/* Icones Adresse, Mail, tel  au survol : */
.contact-page-contact-list .icon:hover {
  /*  background: #FDDE59;*/
    color: #663C10;
}
/* Titres : */
.chy-heading-1 {
    color: #663C10;
}
/* Titre du formulaire : */
.elementor-65 .elementor-element.elementor-element-78e0008 .elementor-heading-title {
    color: #663C10 !important;
}
/* Label du formulaire : */
.contact-form-2 label {
    color: #663C10;
}
/* Saisi des textes dans les entrées : */
.contact-form-2 input, .contact-form-2 textarea, .contact-form-2 .option-selector {
    color: #663C10;
	  text-transform: none;
}
/* Placeholders : */
.contact-form-2 input::placeholder,.contact-form-2 textarea::placeholder,.contact-form-2 .option-selector::placeholder {
    color: #663C10;
}
/* Textes de la liste déroulante : */
.contact-form-2 .nice-select, .tx-input-field .nice-select {
    color: #663C10;
}
/***** Fin des CSS de la page contact *****/


/* Pour ne pas mettre en tout capital le texte d'intro : */
.chy-split-in-right .split-line div div:nth-child(1) {
    text-transform: none;
}


/* Début de : CSS du bouton d'envoi du formulaire de contact : */
.chy-pr-btn-1 {
    background: linear-gradient(32deg,#e8bb3b 20%,#2ec1bc 100%);
}
.chy-pr-btn-1:hover {
    background: linear-gradient(32deg,#2ec1bc 20%,#e8bb3b 100%);
}
.chy-pr-btn-1::after {
    background: linear-gradient(32deg,#2ec1bc 20%,#e8bb3b 100%);
}
/* Fin de : CSS du bouton d'envoi du formulaire de contact */


/* Début de CSS des liens du menu haut : */
.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav .current-menu-item > a {
    color: #663C10 !important;
    font-weight: 700;
}
/* Au survol : */
.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav .current-menu-item > a:hover {
    color: #FDDE59 !important;
    font-weight: 900;
    text-decoration: underline;
}
/* Fin de CSS des liens du menu haut : */



/* Couleur du titre "UNE FERME PÉDAGOGIQUE ACCESSIBLE À TOUS" : */
.chy-subtitle-2 {
    color: #FDDE59; /* Jaune */
}


/* Position du cochon sur petits écrans : *
@media only screen and (min-width: 770px) {
    .chy-about-2-img .il-img-3 {
        top: -50px;
        left: -30px;
    }
}


/* Début de : Pour ne pas afficher l'image du cochon sur les mobiles : *
@media only screen and (max-width: 768px) {
    .chy-about-2-img .il-img-3 {
        display: none;
    }
}
/* Fin de : Pour ne pas afficher l'image du cochon sur les mobiles */

/* Début de : Couleur des puces "li" du bloc tarifs page d'accueil  : */
.chy-price-2-list li i {
    color: #FDDE59;
}
/* Fin de : Couleur des puces "li" du bloc tarifs page d'accueil */


/* Début de : CSS pour formater le prix par personne au format français : */
    .chy-heading-1.price {
        display: flex;
        justify-content: left; /* Pour espacer les éléments */
    }
    .chy-heading-1.price .dollar-sine {
        order: 2; /* Pour placer le symbole € en deuxième position */
    }
    .chy-heading-1.price .sent {
        order: 3; /* Pour placer le texte ".00/personne" en troisième position */
    }
/* Fin de : CSS pour formater le prix par personne au format français : */



/* Début du CSS pour réduire les marges du bloc des détails des tarifs sur page d'accueil : */
.chy-price-2-item .content-wrap .list-wrap {
    padding-left: 30px;
    padding-right: 0px;
}
/* Fin du CSS pour réduire les marges du bloc des détails des tarifs sur page d'accueil : */


/* Début de : Couleur du titre "QUI SONT NOS VISITEURS " : */
.elementor-2016 .elementor-element.elementor-element-8e1881e .tx-subTitle {
    color: #71B12C;
}
/* Fin de : Couleur du titre "QUI SONT NOS VISITEURS " */



/* Début de CSS des textes du bloc de "L'équipe des bénévoles" : */
/* Titre du bloc complet : */
.chy-trusted-2-slider-item .title {
    color: #663C10;
}
/* Texte du bloc fixe : */
.chy-para-1 {
    color: #663C10;
}
/* Titre des slides : */
.chy-title-1 {
    color: #663C10;
}
/* Textes des slides : */
.chy-para-2 {
    color: #663C10;
}
/* Fin de CSS des textes du bloc de "L'équipe des bénévoles" : */



/* Début de CSS du Slider "Tarifs" des prestations page d'accueil : */
/* Couleur du titre : */
.chy-price-2-item .title {
    color: #663C10;
}
/* Couleur du prix : */
.chy-price-2-item .price {
    color: #663C10;
}
/* Couleur des détails de la liste : */
.chy-price-2-list li {
    color: #663C10;
}
/* Fin de CSS du Slider "Tarifs" des prestations page d'accueil */




/* Contour des diapos du slider "L'équipe des bénévoles" : */
div#benevoles .swiper-slide {
    border: 3px solid #FDDE59;
    border-radius: 30px;
}


/* Couleur du texte sous le bouton "Vous êtes" du slider : */ 
.chy-project-1-item .title:hover {
    color: #FDDE59;
}


/* Couleur principale des gros titres changeant de couleur à l'intro (Jaune et ensuite marron: */
.chy-title-2 {
    color: #663C10; /* marron */
}


/* Début des CSS du bouton "Commander maintenant" : */
/* Couleur du bouton "Commander maintenant" : *
.chy-price-2-item .price-2-btn {
    background: linear-gradient(32deg,#2ec1bc 20%,#e8bb3b 100%);
}
/* Couleur du bouton "Commander maintenant" au survol : *
.chy-price-2-item .price-2-btn:hover {
   background: linear-gradient(32deg,#e8bb3b 20%,#2ec1bc 100%);
}
*/
/* Ne pas afficher le bouton : */
.chy-price-2-item .price-2-btn {
    display: none;
}
/* Ne pas afficher le contenu texte du bouton : */
.price-2-bt {display:none !important;}


/* Couleur du fond de l'olive du texte au-dessus du bouton : */
.chy-price-2-item .content-wrap .list-wrap .month {
    background: #FDDE59;
}
/* Barre au-dessus du bouton : */
.chy-price-2-item .content-wrap .list-wrap .month::after {
    background: #FDDE59;
}
/* Fin des CSS du bouton "Commander maintenant" : */



/* Décalage (espace) entre l'icone et le texte "QUI SONT NOS VISITEURS :" : */
.chy-subtitle-2 .icon {
    bottom: 61px;
}


/* Couleur des boutons de navigation du slider "Tarifs" : */
.chy-price-2-slider .chy_price_2_prev, .chy-price-2-slider .chy_price_2_next {
    background: linear-gradient(32deg,#2ec1bc 20%,#e8bb3b 100%);
}
/* Couleur des boutons de navigation du slider "Tarifs" au survol : */
.chy-price-2-slider .chy_price_2_prev:hover, .chy-price-2-slider .chy_price_2_next:hover {
    background: linear-gradient(32deg,#e8bb3b 20%,#2ec1bc 100%);
}

/* Couleur de la Bullet "L'équipe des bénévoles" : */ 
.chy-trusted-2-pagination span:is(.swiper-pagination-bullet-active) {
   background: linear-gradient(32deg,#e8bb3b 20%,#2ec1bc 100%);
}



/* Début de : Couleur du bouton "Retour en haut" : */
.scroll-top {
    background: linear-gradient(32deg,#2ec1bc 20%,#e8bb3b 100%);
    color: #fff;
}

/* Pour réduire l'espace entre le bouton et le bord droit sur les mobiles : */
@media (max-width: 767px) {
.scroll-top {
    right: 10px;
}
}
/* Fin de : Couleur du bouton "Retour en haut" */



/* Début de : Style des boutons des témoignages : */
/* Bullet navigation : */
.chy-testimonial-2-pagination span {
    background: #FDDE59;
}
/* Bullet navigation active : */
.chy-testimonial-2-pagination span:is(.swiper-pagination-bullet-active) {
    background: linear-gradient(32deg,#e8bb3b 20%,#2ec1bc 100%);
}
/* Symbole " devant les noms : */
.chy-testimonial-2-item .person-wrap .icon {
    background: linear-gradient(32deg,#2ec1bc 20%,#e8bb3b 100%);
    color: #fff;
}
/* Couleur du texte plaçé sous le Nom : */
.chy-testimonial-2-item .person-wrap .bio {
    color: #94D4C6;
	/*text-shadow: 0 2px 4px rgba(0, 0, 0, 1);*/
}
/* Ombre portée sur le texte des témoignages : */
.chy-testimonial-2-item .comment {
    text-shadow: 0 2px 4px #663C10; 
}
/* Couleur des noms des témoignages : */
.chy-testimonial-2-item .person-wrap .name {
    color: #663C10;
}

/* Fin de : Style des boutons des témoignages */



/* Début des boutons du slider : */
/* Bouton "Vous êtes" : */
.chy-project-1-item .subtitle {
    background: linear-gradient(32deg,#e8bb3b 20%,#2ec1bc 100%);
    color: #fff;
}
/* Bouton "Vous êtes" au survol : */
.chy-project-1-item .subtitle:hover {
    background: linear-gradient(32deg,#2ec1bc 20%,#e8bb3b 100%);
    color: #fff;
}
/* Boutons de navigation : */
.chy-project-1-slider .chy_project_1_next, .chy-project-1-slider .chy_project_1_prev {
    background: linear-gradient(32deg,#2ec1bc 20%,#e8bb3b 100%);
    color: #fff;
}
/* Boutons de navigation au survol : */
.chy-project-1-slider .chy_project_1_next:hover, .chy-project-1-slider .chy_project_1_prev:hover {
  background: linear-gradient(32deg,#e8bb3b 20%,#2ec1bc 100%);
}
/* Barre de couleur sous la photo en cours : */
.chy-project-1-slider .swiper-container .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .chy-project-1-item {
    border-bottom: 10px solid#663C10;
}

/* Début de : Pour remonter les boutons sous les photos du slider et les écarter plus sur version mobile : */
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
    .chy-project-1-slider .chy-project-1-slider-btn {
        margin-top: -55px;
        gap: 200px;
    }
}
/* Fin de : Pour remonter les boutons sous les photos du slider et les écarter plus sur version mobile */

/* Fin des boutons du slider */


/* Début de : Personnalisation de l'icone des photos du footer : */
/* Font awesome pro 6 *
.chy-footer-2-team .item::after {
    content: "\f72d";
	  background: #94d4c6bf;
    }
/* Fin de : Personnalisation de l'icone des photos du footer */


/* Début de : Pour modifier le dégradé de couleurs des deux boules grossissantes sur les animaux : */
.chy-about-2-img::before {
    background: linear-gradient(-3deg,#e8bb3b 0%,#2ec1bc 100%);
}

.chy-about-2-img::after {
    background: linear-gradient(-3deg, #2ec1bc 0%, #e8bb3b 100%);
}
/* Fin de : Pour modifier le dégradé de couleurs des deux boules grossissantes sur les animaux : */



/* Début de : Pour masquer le carré blanc qui masque le cochon : */
.chy-about-2-img .main-img::after {
 display:none;
}
/* Fin de : Pour masquer le carré blanc qui masque le cochon : */


/* Début de : Pour ne pas mettre tous les débuts des mots en majuscules "Qui sont nos visiteurs : */
.chy-split-in-right-2 .split-line div div:nth-child(1) { text-transform: none; }
/* Fin de : Pour ne pas mettre tous les débuts des mots en majuscules "Qui sont nos visiteurs */


/* Début de :Pour ne pas mettre en majuscule les premières lettres de chaque mots sur les témoignages : */
.chy-testimonial-2-item .comment {
    text-transform: none;
}
/* Fin de :Pour ne pas mettre en majuscule les premières lettres de chaque mots sur les témoignages */



/* Couleur de l'icone de fermeture au survol */
.fullpage-menu-close:hover {
    color: #663C10; 
}

/* Couleur du texte des items du menu "Mobiles et Tablettes" au survol ou au clic */
.mobile-main-navigation .navbar-nav li a:hover,
.mobile-main-navigation .navbar-nav li a:active {
    color: #663C10; 
}



/* Couleur de fond du menu "Mobiles et Tablettes" (noir par défaut) : */
.fullpage-menu-inner {
    background-color: #94D4C6; /* Définit la couleur de fond de .fullpage-menu-inner en vert */
}


/* Texte sous les titres du slider de la page d'accueil : */
.chy-hero-2-item-content .hero-2-disc {
    color: #663C10;
    font-weight: 700;
}


/* Couleur de fond du menu hamburger "Rouge" : */
.chy-header-2-action-btn .chy-menu-btn-1 {
    background: #663C10;
}



/* Couleur de fond du popup de recherche : */
.popup-search-box {
    background-color: #94D4C6;
}


/* Pour réduire la marge entre le haut de la tête femme et le menu haut sur page accueil : */
.chy-hero-2-area {
    padding-top: 130px;
}
@media only screen and (max-width: 767px) {
  .chy-hero-2-area {
     padding-top: 80px;
  }
}

/* Personnalisation des couleurs de la scrollbar :  */
::-webkit-scrollbar-thumb {
	
/* Génération code gradient ici : https://cssgradient.io/ */
background: rgb(34,193,195);
background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%);

    border-radius: 30px;
}



/* Couleur de fond du bouton rond de Recherche du menu haut : */
.chy-search-btn-1:hover {
    background-color: #FDDE59;
}



/* Début des CSS pour les liens du menu haut PC : */

/* Chevron des items du menu haut du PC au survol : */
.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav li .dropdown-menu li a::after {
    background: #94D4C6;
}

/* Bordure supérieure du menu haut du PC au survol : */
.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav li .dropdown-menu {
    border-top-color: #94D4C6;
}

/* Liens texte des items du menu haut du PC : */
.chy-main-menu-1 .main-navigation .navbar-nav li a {
    color: #663C10;
}

/* Liens texte des items du menu haut du PC au survol : */
.chy-main-menu-1:is(.has-menu-2) .main-navigation .navbar-nav li:hover > a {
    color: #94D4C6;
}

/* Fin des CSS pour les liens du menu haut PC : */





/* Bouton "Galerie" du menu haut PC : */
.chy-pr-btn-2 {
    background-color: #EBFEEC;
    color: #663C10;
}

/* Bouton "Galerie" du menu haut PC au survol : */
.chy-pr-btn-2::after {
    background-color: #FDDE59;
   }




/* Début des CSS du Slider de la page d'accueil : */

/* Texte Nuri Marcel : */
.chy-hero-2-item-content .hero-2-subtitle {
    background: #94D4C6;
    color: #fff;
}

/* Texte La Ferme : */
.chy-hero-2-item-content .hero-2-title {
    background: #EBFEEC;
    color: #663C10;
}

/* Texte de Mia : */
.chy-hero-2-item-content .hero-2-title-2 {
    background: #FDDE59;
    color: #fff;
}


/* Début des CSS des Boutons de navigation du slider accueil : */

/* Boutons de navigation Previous du slider : */
.chy-hero-2-slider .chy_hero_2_prev {
    background: #FDDE59;
    color: #fff;
}

/* Boutons de navigation Next du slider : */
.chy-hero-2-slider .chy_hero_2_next {
    background: #94D4C6;
    color: #fff;
}

/* Bouton de navigation Previous du slider au survol : */
.chy-hero-2-slider .chy_hero_2_prev:hover {
    background: #663C10;
}

/* Boutons de navigation Next du slider au survol : */
.chy-hero-2-slider .chy_hero_2_next:hover {
    background: #663C10;
}


/* Début de : Pour abaisser et réduire les boutons de navigation sur mobiles : */
@media (max-width: 767px) {
    .chy-hero-2-slider .chy_hero_2_prev, .chy-hero-2-slider .chy_hero_2_next {
        top: 80% !important;
        width: 35px;
        height: 35px;
    }
}
/* Fin de : Pour abaisser et réduire les boutons de navigation sur mobiles */


/* Fin des CSS des Boutons de navigation du slider accueil : */


/* Bouton d'appel à l'action : */
.chy-pr-btn-3 {
    background: #FDDE59;
    color: #71B12C;
}

/* Bouton d'appel à l'action : */
.chy-pr-btn-3::after {
    background: #EBFEEC;
}

/* Fin des CSS du Slider de la page d'accueil : */



/* Fin des CSS Personnalisés : */