/*
Theme Name: Centre alimentaire Aylmer Food Centre
Theme URI: https://www.centrealimentaireaylmer.org/
Template: charityfoundation
Author: Khadidja IKHLEF, Développeuse Web, référenceuse SEO
Author URI: https://www.centrealimentaireaylmer.org/
Description: Thème principal pour le Centre alimentaire Aylmer. centrealimentaireaylmer WordPress theme is perfect theme for the organisation.
Tags: one-column,two-columns,right-sidebar,custom-header,custom-menu,editor-style,featured-images,microformats,sticky-post,translation-ready
Version: 2.9
Created: 2024-07-08 14:33:04
Updated: 2024-10-21 14:10:04

*/


/*/////////////////////// CSS du thème CAA //////////////////////////////*/

:root {
    --primary-color: #005F1A;
    --hover-color: #A71F23;
    --text-color: #ffffff;
}
 

img {
    width: auto;
}

.elementor-14443 .elementor-element.elementor-element-cb71017 .wpr-nav-menu .wpr-menu-item:hover, .elementor-14443 .elementor-element.elementor-element-cb71017 .wpr-nav-menu > .menu-item-has-children:hover > .wpr-sub-icon, .elementor-14443 .elementor-element.elementor-element-cb71017 .wpr-nav-menu .wpr-menu-item.wpr-active-menu-item, .elementor-14443 .elementor-element.elementor-element-cb71017 .wpr-nav-menu > .menu-item-has-children.current_page_item > .wpr-sub-icon {
    color: #005F1A;
}

.elementor-14443 .elementor-element.elementor-element-cb71017.wpr-pointer-line-fx .wpr-menu-item:before, .elementor-14443 .elementor-element.elementor-element-cb71017.wpr-pointer-line-fx .wpr-menu-item:after{
    background-color: #005F1A;
}

.wpr-sub-menu-item:hover {
    background-color: #005F1A !important;
}

.wpr-nav-menu-horizontal .wpr-nav-menu>li:not(:nth-child(1)):not(:nth-child(2)) {
    display: contents;
}

.wpr-menu-item:nth-child(1):nth-child(2):after {
    background-color: #fff !important;
}

img.xz74otr {
    display: inline-block;
}

a.nd_options_color_white{
    background-color: #005F1A !important;
}

.nd_options_customizer_fonts .nicdark_site .elementor-button.elementor-size-md{
    background-color: #005F1A;
}

.nd_options_customizer_forms input[type="submit"] {
    background-color: #005F1A !important;
    border-color: #005F1A;
	color:#fff !important;
}

.nd_options_customizer_forms input[type="submit"]:hover {
    background-color: #A71F23 !important;
	color:#fff !important;
}

.tribe-events-single .tribe-events-single-event-description p {
    margin: 20px 0;
}

.nd_options_customizer_forms .wpcf7 form.sent .wpcf7-response-output {
    background-color: #005F1A;
}

/*.elementor-element-7bb2aca7
{
    border-bottom: 1px solid #005F1A;
}*/
   
.class-selector-for-blocked-message {
    display: none;
}

.sfsiplus_footerLnk, .ultimatelysocial-credit {
    display: none !important;
}

.sfsiaftrpstwpr:first-child,
.sfsiaftrpstwpr:last-child {
    display: none;
}

.give-btn.give-btn-modal {
    background-color: #005F1A;
}

button.tribe-common-c-btn.tribe-events-c-search__button, 
.tribe-events-single .tribe-events-back a,   
#tribe-events-footer .tribe-events-nav-pagination a
{
    background-color: #005F1A;
}

.nd_options_customizer_forms input[type="text"],
.nd_options_customizer_forms input[type="email"]{
    background-color: #fff;
    border-width: 0;
    border-color: #005f1a1a;
    border-radius: 15px;
    border-style: hidden;
    padding: 10px 15px;
    color: #005f1a !important;
}

.elementor-15039 .elementor-element.elementor-element-27e928e .nd_elements_cf7_component input[type="submit"] {
    background-color: #005f1a;
}

.elementor-12489 .elementor-element.elementor-element-2f92e413 .nd_elements_navigation_component div > ul li > ul.sub-menu > li {
    background-color: #005f1ac7 !important;
	border-bottom-color: #fff !important;
}


/* Ciblez directement le quatrième niveau de sous-menu pour tester */
.elementor-12489 .elementor-element.elementor-element-2f92e413 .nd_elements_navigation_component div > ul li > ul.sub-menu > ul.sub-menu {
    margin-left: 171px !important;
}

.elementor-12489 .elementor-element.elementor-element-2f92e413 .nd_elements_navigation_component div > ul li:hover > a,
.elementor-12489 .elementor-element.elementor-element-2f92e413 .nd_elements_navigation_component div > ul li:focus-within > a {
    
    color: #005f1a !important;
    background-color: #fff !important;
}

.vert-caa {
    background-color: #005f1a !important;
	color: #fff !important;
	font-size: 1.15em;
    font-weight: bold;
    line-height: 1.5em !important;
    letter-spacing: 2px;
    border-radius: 30px;
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 10%);
    padding: 10px 20px 10px 20px;
	cursor: pointer;
	border-color : #005f1a;
	border: 3px solid #005f1a;
	transition: background-color 0.3s ease, font-size 0.5s ease, border-color 0.5s ease;
}

.vert-caa:hover {
    background-color: #A71F23 !important;
	font-size: 1.2em;
	border-color : #A71F23;
}

.wp-caption {
    background: transparent;
    border: none;
	}

.elementor-element-6c738bca .wp-caption-text{
    color: #fff !important;
}

.btn-caa{
    background-color: var(--primary-color);
    color: var(--text-color) !important;
    border-width: 1px;
    border-color: #005f1a;
    border-radius: 30px;
    border-style: solid;
    padding: 10px 20px;
    -webkit-appearance: none;
    font-family: 'Poppins', sans-serif !important;
	
	font-weight: bold;
    letter-spacing: 1px;
    font-size: .8em;
    text-transform: uppercase;
	
	display: inline-block;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
	line-height: 16px;
	transition: background-color 0.7s ease, font-size 0.7s ease, border-color 0.7s ease;
}

.btn-caa:hover {
    background-color: transparent !important;
    color: var(--hover-color) !important;
	font-size: .9em;
	border-color : #A71F23;
}

/* les derniers evenemnts à l'accueil */
.custom-event-list {
    list-style-type: none; /* Supprime les puces */
    padding: 0; /* Enlève le padding par défaut */
    margin: 0; /* Enlève la marge par défaut */
    text-align: center;
}

.custom-event-list li {
    background-color: transparent; /* Définit la couleur de fond en blanc */
    color: #fff; /* Définit la couleur du texte (noir pour contraste) */
    padding: 10px; /* Ajoute un peu d'espace autour du texte */
    border-bottom: 1px solid #dddddd; /* Ajoute une bordure légère entre les éléments */
    margin-bottom: 10px; /* Ajoute de l'espace entre les éléments */
    text-align: center;
}

.custom-event-list li:last-child {
    border-bottom: none; /* Supprime la bordure du dernier élément */
}

.custom-event-list a {
    text-decoration: none; /* Supprime le soulignement du lien */
    color: #fff !important; /* Couleur du lien */
    text-align: center;
}

.custom-event-list a:hover {
    text-decoration: underline; /* Ajoute un soulignement au survol du lien */
}

.white{
    color: #fff !important;
}

#mailpoet_form_2 form.mailpoet_form {
    padding: 0 !important;
}

.mailpoet_submit {
    width: 150px !IMPORTANT;
    float: left !IMPORTANT;
}

/* Cibler le dernier ul.sub-menu du quatrième niveau */
.elementor-12489 .elementor-element.elementor-element-2f92e413 .nd_elements_navigation_component div > ul li > ul.sub-menu li ul.sub-menu li ul.sub-menu {
    margin-left: 170px !important;
    font-weight: 700;
}


/* CSS Emplois */

.job_description p,
.job_description h2,
.job_description h3,
.job_description h4,
.job_description h5,
.job_description h6 {
    margin: 20px 0 !important;
}

/* CSS Equipe */
.sptp-member-avatar .sptp-member-avatar-img img {
    -webkit-transition: transform 0.3s ease, filter 0.3s ease;
    transition: transform 0.3s ease, filter 0.3s ease; /* Transition fluide pour le filtre et le zoom */
    height: 300px;
    width: auto;
    object-fit: cover;
}

.sptp-member-avatar .sptp-member-avatar-img {
    position: relative;
    overflow: hidden; /* Pour s'assurer que l'image zoomée ne dépasse pas le conteneur */
    background: transparent; /* Assurez-vous que le fond est transparent par défaut */
    transition: background 0.3s ease; /* Transition pour le fond gris */
}

.sptp-member-avatar .sptp-member-avatar-img:hover {
   /* background: #005f1a !important; Couleur de fond lors du survol */
}

.sptp-member-avatar .sptp-member-avatar-img img:hover {
    filter:  drop-shadow(10px 10px 5px rgba(0, 0, 0, .5)) brightness(.9) opacity(.99) contrast(110%) saturate(110%); 
    transform: scale(1.1); /* Zoom in (agrandit l'image à 110%) */
}

#sptp-16708 .sptp-section-title {
    display: none;
}

.sptp-member .sptp-member-desc {
    color: #000 !important;
}

h2.sptp-member-name-title {
        font-size: 28px !important;
        margin: 10px 0 !important;
        color: #005f1a !important;
}

h4.sptp-jop-title {
        font-size: 18px !important;
        color: #A32422 !important;
        text-align: center !important;
}

#sptp-16708.sptp-section .sptp-member {
    height: 510px;
}

.elementor-image-box-img a img {
    height: 240;
    width: auto;
    object-fit: cover;
}

ul#menu-menu-b-vertical-fr>li {
    display: inline-block;
    margin: 0 15px;
}

/* Assure que toutes les images ont une hauteur uniforme */
.wpr-grid-image-wrap {
    position: relative;
    width: 100%;
    height: 200px; /* Ajustez cette valeur en fonction de la hauteur souhaitée */
    overflow: hidden;
}

.wpr-grid-image-wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover; /* Assure que l'image couvre la div sans déformation */
}

/* Assure que chaque élément d'article a la même hauteur */
.wpr-grid-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.wpr-grid-item-inner {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.wpr-grid-item-below-content {
    margin-top: auto; /* Assure que le contenu est poussé vers le bas de l'article */
}


div.sfsi_shortcode_container{
    display: none !important;
}

#nd_options_footer_5 div.sfsiaftrpstwpr, #nd_options_header_6 div.sfsiaftrpstwpr{
    display: none !important;
}

.special {
    padding: 1px 5px;
    color: #FFFFFF;
    background-color: #005F1A;
    font-weight: bold;
    font-size: .8em;
}


.nd_options_display_block.nd_options_font_weight_bold {
    position: relative; /* Assurez-vous que l'élément est positionné pour que le pseudo-élément fonctionne correctement */
    color: transparent; /* Masque le texte original */
}

.nd_options_display_block.nd_options_font_weight_bold::before {
    content: "Journal"; /* Nouveau texte */
    color: #ffffff; /* Couleur du texte (assurez-vous qu'elle correspond à votre style) */
    font-size: 60px; /* Taille du texte pour correspondre à l'original */
    font-weight: bold; /* Poids du texte pour correspondre à l'original */
    line-height: 60px; /* Hauteur de ligne pour correspondre à l'original */
    display: block; /* Affiche le texte comme un bloc */
}

/* Assurez-vous que les images ont la même hauteur et que le conteneur est configuré correctement */
body.blog .nd_options_masonry_content .nd_options_section img {
    width: 100%; /* L'image prend toute la largeur du conteneur */
    height: 200px; /* Hauteur fixe pour uniformiser */
    object-fit: cover; /* Couvre le conteneur sans déformation */
    display: block; /* Évite les marges internes */
}

/* Si nécessaire, définissez également une hauteur fixe pour le conteneur */
body.blog .nd_options_masonry_content .nd_options_section {
    overflow: hidden; /* Évite le débordement des images */
}

/* Conteneur principal */
body.blog .nd_options_masonry_content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px; /* Espace entre les articles */
}

/* Div contenant chaque article */
body.blog .nd_options_masonry_content .nd_options_section.nd_options_padding_30.nd_options_box_sizing_border_box {
    flex: 1 1 30%; /* Chaque div occupe un tiers de la largeur disponible */
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Assure que l'espace est bien réparti */
    box-sizing: border-box;
    padding: 20px;
    min-height: 400px; /* Hauteur minimale */
}

/* Titre de l'article */
body.blog .nd_options_masonry_content .nd_options_section h3 {
    margin-bottom: 10px;
    font-size: 23px;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Limite à 3 lignes */
    -webkit-box-orient: vertical;
}

/* Texte de l'article */
body.blog .nd_options_masonry_content .nd_options_section p {
    flex-grow: 1; /* Le paragraphe prend tout l'espace disponible */
    line-height: 1.6;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Limite à 4 lignes */
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}

/* Effet de hover sur la section des articles */
body.blog .nd_options_masonry_content .nd_options_section.nd_options_padding_30.nd_options_box_sizing_border_box {
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transition fluide pour les transformations et les ombres */
}

/* Effet de survol */
body.blog .nd_options_masonry_content .nd_options_section.nd_options_padding_30.nd_options_box_sizing_border_box:hover {
    transform: translateY(-10px); /* Soulève légèrement la carte */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); /* Ajoute une ombre plus prononcée */
    background-color: #f9f9f9; /* Change légèrement la couleur de fond */
}

/* Change la couleur du titre au survol */
body.blog .nd_options_masonry_content .nd_options_section h3:hover {
    color: #007bff; /* Met en valeur le titre avec une couleur différente */
}

/* Change la couleur du texte au survol */
body.blog .nd_options_masonry_content .nd_options_section p:hover {
    color: #333; /* Change légèrement la couleur du texte pour plus de contraste */
}

/* Effet de hover sur les images */
body.blog .nd_options_masonry_content .nd_options_section img {
    transition: transform 0.3s ease; /* Transition fluide pour l'image */
}

body.blog .nd_options_masonry_content .nd_options_section img:hover {
    transform: scale(1.05); /* Zoom léger sur l'image */
}

/* Conteneur principal */
.tribe_events{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px; /* Espacement entre l'image et le texte */
}

/* Style pour l'image de l'événement */
.tribe-events-event-image {
    flex: 1;
    max-width: 40%; /* Ajuster la largeur maximale de l'image selon vos préférences */
}

/* Style pour la description de l'événement */
.tribe-events-single-event-description {
    flex: 2;
    max-width: 55%; /* Ajuster la largeur maximale du texte selon vos préférences */
}

/* Assurez-vous que l'image ne dépasse pas de son conteneur */
.tribe-events-event-image img {
    width: 100%;
    height: auto; /* Garder les proportions de l'image */
    display: block;
}

/* Pour que le texte soit correctement espacé et lisible */
.tribe-events-single-event-description p {
    margin-bottom: 1em; /* Espace entre les paragraphes */
}


.sfsi-mouseOver-effect.sfsi-mouseOver-effect-combo a.sfsi_responsive_fluid {
    opacity: 1 !important;
}

.sfsi_responsive_icon_facebook_container {
    background-color: #0866FF;
    width: 170px !important;
}

}
.sfsiaftrpstwpr {
    display: table-caption !important;
}

a.sfsi_responsive_fluid{
    display: contents !important; 
}

div.sfsi_responsive_icon_item_container{
    transition: transform 0.3s ease;
}


div.sfsi_responsive_icon_item_container:hover {
    transform: scale(1.1) !important; /* Adjust the scale factor as needed */
}

/* Cacher l'élément sur les petits écrans, typiquement les mobiles */
@media only screen and (max-width: 768px) {
    #sfsi_floater {
        display: none;
    }
}

#menu-menu-b-vertical-fr {
    padding: 0 0 0 50px !important;
    margin-left: -100px;
}

.btn {
    padding: 12px 24px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.charity-btn {
    background-color: #005f1a; /* Vert pour l'espoir et la croissance */
    color: white !important;
}

.charity-btn:hover {
    background-color: #A71F23; /* Un peu plus sombre au survol */
    transform: scale(1.05); /* Légère augmentation de la taille au survol */
}

.charity-btn:active {
    background-color: #A71F23; /* Encore plus sombre lorsque le bouton est cliqué */
    transform: scale(1); /* Retour à la taille normale après clic */
}

.sptp-list-style {
        display: block !important;
}

.sptp_member img{
        width: 200px !important;
}

h4.sptp-jop-title{
        text-align: left !important;
}

.sptp-single-post {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.sptp-list-style {
    flex: 1;
    margin-right: 20px; /* espace entre les deux colonnes */
}

.sptp-content {
    flex: 1;
}


/* Responsive : empiler les blocs sur les petits écrans */
@media (max-width: 768px) {
    .sptp-single-post {
        flex-direction: column;
    }

    .sptp-list-style,
    .sptp-content {
        margin-right: 0; /* Annuler la marge sur les petits écrans */
        margin-bottom: 20px; /* Ajouter de l'espace entre les blocs */
    }
}


.home #header_1_nav {
    position: absolute;
    background: transparent;
}

.home #header_1_nav .nd_elements_navigation_component div > ul li a {
    color: #fff !important;
    background-color: transparent !important;
}

.home #header_1_nav .nd_elements_navigation_component div > ul li > ul.sub-menu li a:hover {
    color: #005f1a !important;
    background-color: #fff !important;
}

div[data-cky-tag="detail-powered-by"] {
    display: none !important;
}

@media (min-width: 780px) {
    .nd_elements_navigation_component div>ul li>ul.sub-menu li>ul.sub-menu{
        margin-left: 195px !important;
    }
}

.home .blocd div.nd_elements_float_left.nd_elements_width_100_percentage_iphone_important {
    width: 100% !important;
}

.home .blocd .nd_elements_text_align_right {
    text-align: left;
}

/* menu mobile */
.nd_elements_navigation_sidebar_content, .nd_elements_navigation_sidebar div>ul li>ul.sub-menu>li {
    padding: 0 10px !important;
}

.nd_elements_navigation_component a:hover{
    color: #005f1a !important;
    background-color: #fff !important;
}

.menu li a:hover, .menu li a:focus, .menu li a:active {
    color: #005f1a !important;
    background-color: #fff !important;
}

.nd_elements_navigation_sidebar div li>a{
    padding: 5px !important;
    text-transform: uppercase !important;
}
/* Style de base du menu vertical*/
.menu-vertical ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 400px; /* Largeur ajustée */
    background-color: #ffffff; /* Fond blanc pour le menu principal */
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombre légère */
}

.menu-vertical ul li {
    position: relative; /* Pour positionner les sous-menus */
}

.menu-vertical ul li a {
    display: block;
    padding: 15px 20px;
    font-weight: bold;
    color: #005f1a; /* Texte en vert */
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
    border-bottom: 1px solid #A9222A; /* Ligne de séparation rouge */
}

.menu-vertical ul li a:hover {
    background-color: #A9222A !important; /* Rouge au survol */
    color: #ffffff !important; /* Texte blanc au survol */
}

/* Sous-menus */
.menu-vertical ul li ul {
    display: none; /* Cache les sous-menus */
    padding: 0;
    margin: 0;
    background-color: #f9f9f9; /* Gris très clair pour différencier le sous-menu */
    border-left: 3px solid #005f1a; /* Bordure verte pour indiquer le niveau */
}

/* Affiche le sous-menu au survol du parent */
.menu-vertical ul li:hover > ul {
    display: block;
}

/* Sous-sous-menus */
.menu-vertical ul li ul li ul {
    display: none; /* Cache les sous-sous-menus */
    padding-left: 20px; /* Décale pour montrer un autre niveau */
    background-color: #ffffff; /* Retour au fond blanc */
    border-left: 3px solid #A9222A; /* Bordure rouge pour différencier le niveau */
}

/* Affiche le sous-sous-menu au survol du parent */
.menu-vertical ul li ul li:hover > ul {
    display: block;
}

.menu-vertical ul li ul li a {
    padding: 10px 15px; /* Réduction du padding pour les sous-menus */
    font-weight: normal;
    color: #005f1a; /* Texte en vert */
}

.menu-vertical ul li ul li a:hover {
    background-color: #005f1a; /* Fond vert au survol */
    color: #ffffff; /* Texte blanc au survol */
}

/* Coins arrondis pour le premier et dernier élément */
.menu-vertical ul li:first-child a {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.menu-vertical ul li:last-child a {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* Style pour l'élément actif en vert */
.menu-vertical ul li a.active,
.menu-vertical ul li a:active {
    background-color: #005f1a; /* Fond vert */
    color: #ffffff; /* Texte blanc */
    font-weight: bold;
}

/* Optionnel : Style pour l'élément actif en rouge */
.menu-vertical ul li a.active-red {
    background-color: #A9222A; /* Fond rouge */
    color: #ffffff; /* Texte blanc */
    font-weight: bold;
}

body {
  overflow-x: hidden;
}
/*img, iframe, .wide-element {
  max-width: 100%;
  width: 100%;
}*/
* {
  box-sizing: border-box;
}
html, body {
  overflow-x: hidden;
}

.grecaptcha-badge {
    visibility: hidden;
    opacity: 0;
}

.nd_elements_open_navigation_sidebar_content {
    width: 40% !important;
}

.nd_elements_close_navigation_sidebar_content {
    width: 15% !important;
}

/*    plugin accessiblity icone à droite   */

/*  TEST à droite
#pojo-a11y-toolbar.pojo-a11y-toolbar-left {
    right: 0 !important;
    transition: right 750ms cubic-bezier(.23, 1, .32, 1) !important;
}

#pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
    left: 1648px !important;
}

#pojo-a11y-toolbar.pojo-a11y-toolbar-left {
    right: -180px;
    transition: left 750ms cubic-bezier(.23, 1, .32, 1);
}

#pojo-a11y-toolbar.pojo-a11y-toolbar-left.pojo-a11y-toolbar-open {
    right: 0 !important;
}
*/

#pojo-a11y-toolbar.pojo-a11y-toolbar-left {
    bottom: 20px !important;
    top: calc(100vh - 328px);
}

.nd_options_display_block.nd_options_font_weight_bold:before {
    content: "Recherche" !important;
}

/* contact form 7 */
/* Style du bouton Contact Form 7 dans .form-event-caa */
.form-event-caa .wpcf7 input[type="submit"] {
    background-color: #005F1A !important; /* Vert */
    color: #ffffff !important; /* Couleur du texte */
    border: none !important;
    padding: 10px 20px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    border-radius: 5px !important; /* Coins arrondis */
    cursor: pointer !important;
    transition: background-color 0.3s ease !important, transform 0.2s ease !important;
}

/* Hover du bouton */
.form-event-caa .wpcf7 input[type="submit"]:hover {
    background-color: #A71F23 !important; /* Rouge */
    transform: scale(1.05) !important; /* Légère augmentation de taille au hover */
}

/* Focus pour accessibilité */
.form-event-caa .wpcf7 input[type="submit"]:focus {
    outline: 2px solid #A71F23 !important; /* Focus visible */
    outline-offset: 2px !important;
}

/* Style général pour les champs de texte */
.form-event-caa input[type="text"],
.form-event-caa input[type="email"],
.form-event-caa textarea {
    width: 100%; /* Prend toute la largeur disponible */
    padding: 12px 15px; /* Espacement interne */
    font-size: 16px; /* Taille du texte */
    font-family: Arial, sans-serif; /* Police lisible */
    color: #333; /* Couleur du texte */
    background-color: #f9f9f9; /* Fond clair */
    border: 2px solid #ddd; /* Bordure initiale */
    border-radius: 8px; /* Coins arrondis */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Ombre douce */
    transition: all 0.3s ease; /* Animation fluide */
}

/* Style au focus */
.form-event-caa input[type="text"]:focus,
.form-event-caa input[type="email"]:focus,
.form-event-caa textarea:focus {
    border-color: #005F1A !important; /* Bordure verte */
    box-shadow: 0 4px 10px rgba(0, 95, 26, 0.2); /* Accentuation de l'ombre */
    background-color: #ffffff; /* Fond blanc */
    outline: none; /* Supprime le contour par défaut */
}

/* Style du placeholder */
.form-event-caa input[type="text"]::placeholder,
.form-event-caa input[type="email"]::placeholder,
.form-event-caa textarea::placeholder {
    color: #005F1A !important; /* Couleur du placeholder */
    font-style: italic; /* Style italique */
}

/* Style du textarea spécifique */
.form-event-caa textarea {
    min-height: 120px; /* Hauteur minimale */
    resize: vertical; /* Redimensionnement vertical uniquement */
}

/* Style des champs au survol */
.form-event-caa input[type="text"]:hover,
.form-event-caa input[type="email"]:hover,
.form-event-caa textarea:hover {
    border-color: #A71F23; /* Rouge pour le survol */
    box-shadow: 0 3px 8px rgba(167, 31, 35, 0.2); /* Ombre rougeâtre */
}

.elementor-23735 .elementor-element.elementor-element-131c6b9 .nd_elements_cf7_component input[type=text] {
    color: #005F1A !important;
}

.ep-single-box-info {
    height: 100%;
    /* background-color: rgba(var(--themeColor), .25); */
    border-radius: 25px;
    color: white !important;
    background: linear-gradient(90deg, rgba(167, 31, 35, 0.15467436974789917) 3%, rgba(167, 31, 35, 1) 24%, rgba(167, 31, 35, 1) 47%, rgba(0, 95, 26, 1) 100%);
}

.ep-organizer-details-section p, .ep-organizer-details-section h3, .ep-organizer-details-section a, .ep-single-box-desc p,.emagic .ep-single-box-title-info .ep-single-box-title {
    color: white !important;
}
.ep-btn {
    background-color: transparent;
    background-image: linear-gradient(180deg, #005f1a 0%, #ff0909 100%);
    cursor: pointer;
    transition: transform 0.3s ease, background-image 0.3s ease; /* Adds smooth zoom and color transition */
}

.ep-btn:hover {
    transform: scale(1.1); /* Zooms the button */
    background-color: transparent;
    background-image: linear-gradient(180deg, #ff0909 0%, #005f1a 100%); /* Change direction on hover */
}

.ep-single-figure-box img {
    max-height: 224px !important;
    object-fit: contain !important;
}

.ep-single-box-content {
    padding: 20px 20px 20px 200px !important;
}

@media only screen and (max-width: 767px) {
    .ep-single-box-content {
        padding: 20px !important;
    }
}
.ep-my-4 {
    margin: 0 !important;
}

.ep-box-box-item .ep-box-box-thumb img{
    object-fit: contain !important;
}

body.author img.nd_options_section {
    object-fit: contain !important;
    height: 100% !important;
}

.emagic .ep-event-views-filter-group button.ep_event_view_filter svg {
    fill: white !important;
    color: white !important;
    width: 50px;
    height: 30px;
}