/* 
Theme Name: NOO Yogi
Theme URI: http://wp.nootheme.com/yogi/
Author: NooTheme
Author URI: https://nootheme.com/
Description: Yogi is clean and delightful WordPress theme for any event, spa, wellness, fitness and health beauty training related website.
Version: 2.9.1
Requires at least: 4.7
Tested up to: 6.2
Requires PHP: 5.6
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, sticky-post, theme-options, translation-ready
Text Domain: noo
*/

.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #9d5956; /* Couleur de fond */
    color: #ffffff; /* Couleur du texte */
    padding: 10px 20px; /* Ajustement du padding pour un bouton plus petit */
    font-size: 16px; /* Taille du texte */
    border: none; /* Supprimer les bordures */
    border-radius: 5px; /* Arrondir les coins */
    cursor: pointer; /* Afficher un curseur au survol */
    width: auto !important; /* Forcer la largeur automatique */
    display: inline-block !important; /* Forcer la taille naturelle du bouton */
    margin-top: 20px; /* Espace au-dessus */
    text-align: center; /* Centrer le texte */
}

.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background-color: #cc0000; /* Couleur au survol */
}

.custom-anchor {
    position: relative;
    top: -100px; /* Ajustez la valeur selon vos besoins */
}


category-filters {
    text-align: center;
    margin: 20px 0;
}

.category-btn {
    background-color: #D08C7D; /* Couleur de fond gris/marron clair */
    color: white;
    border-radius: 25px;
    padding: 10px 20px;
    font-family: 'Arial', sans-serif;
    text-transform: uppercase;
    text-decoration: none; /* Retire le soulignement des liens */
    border: none;
    cursor: pointer;
    display: inline-block;
    margin: 5px;
}

.category-btn.active {
    background-color: #8B4A44; /* Couleur marron pour le bouton actif */
}

.category-btn:hover {
    background-color: #70473E; /* Couleur au survol */
}
/* .membership-package {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* Espacement égal entre les colonnes 
} 
  
.noo-pricing-column {
    flex: 1 1 30%; 
    max-width: 30%;
    box-sizing: border-box;
    margin: 10px;
    transition: all 0.3s ease; 
}

.noo-pricing-column.hidden {
    display: none; /* Cache les éléments non pertinents 
}
  */
@media (max-width: 768px) {
    .noo-pricing-column {
        flex: 1 1 100%; /* Sur mobile, occupe toute la largeur */
        max-width: 100%;
    }
}

.navbar-brand img.noo-logo-img {
    background-color: transparent !important; /* Assure que le fond est transparent */
}

.navbar-brand {
    background-color: transparent !important; /* Assure que le conteneur n'a pas de fond */
}
.navbar-brand img.noo-logo-img {
    width:150px; /* Ajustez selon la taille que vous voulez */
    height: auto; /* Pour garder le ratio d'aspect */
    max-width: 100%; /* Assurez-vous que l'image reste responsive */
}



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-image: url('https://dopaminelab.ma/wp-content/uploads/2024/11/pattern-solo1.svg');
    background-repeat: repeat;
    background-size: 30px 30px;
    background-position: top left;
    margin: 0;
    padding: 0;
	color:black;
}

body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5); /* Overlay blanc semi-transparent */
    z-index: -1;
}

.text-container {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

section, div {
    margin: 0;
    padding: 0;
    background-color: transparent;
}
.text-container {
    color: black; /* Changez la couleur pour qu'elle ressorte */
}

.pricing-footer .btn {
    background-color: #000000 !important;
}

.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-md {
    font-size: 14px !important;
    padding: 14px 20px !important;
	 background-color: white !important;
    color: #9d5956 !important;
    border: 2px solid #9d5956 !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
}

.vc_btn3-container.vc_btn3-center .vc_btn3-block.vc_btn3-size-md:hover {
    background-color: #9d5956 !important;
    color: white !important;
}

.wpb-price-container {
    display: flex !important;
    align-items: center !important;
}

.wpb-price-container .wpb-price {
    order: 1 !important;
}

.wpb-price-container .wpb-currency {
    order: 2 !important;
}

.custom-title-home span {
    color: #9d5956 !important;
    font-weight: bold !important;
}


.noo-vc-row.row.bg-image {
    background-image: none !important;
    background-color: #9d5956;
}

.custom-title-home {
	   background: none !important;
}



/* Alignemenet horizontal des packs pricings  */
.noo-vc-col {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}



.wpb-plan-title, .wpb-price-container, .wpb-plan-features {
    flex-shrink: 0;
}

.wpb-plan-features {
    margin-top: auto;
}

.wpb-plan-features li {
    list-style: none;
    margin-bottom: 10px;
}

/* Déplacement bouton réserver en bas  */
.wpb-pricing-table {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.vc_btn3-container {
    margin-top: auto;
}

.btn.metro.btn-default:hover {
    background-color: #9d5956; /* Couleur de fond au survol */
    color: #ffffff; /* Couleur du texte au survol */
    transition: background-color 0.3s ease, color 0.3s ease; /* Transition douce */
}


/* Style lors du survol des liens du menu */
.navbar-nav .menu-item a:hover {
    color: #9d5956; /* Couleur du texte au survol */
}