body {	font-family:ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; scroll-behavior: smooth;}

h1 {font-size: 30px; font-weight: 600;}
h3 {font-size: 25px; font-weight: 500;}
p {color: rgb(107, 114, 128); font-size: 15px; margin-bottom: 10px; margin-top: 5px;}

/*         body {
            font-family: 'Raleway', sans-serif;
            scroll-behavior: smooth;
        }
        
        h1, h2, h3, h4 {
            font-family: 'Playfair Display', serif;
        } */
/* HEADER */
header{background: rgba(255,255,255,0.8); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}

/* HERO */
.hero {background: linear-gradient(rgba(120, 81, 169, 0.7), rgba(120, 81, 169, 0.3)), url('/images/DSC_0170.JPG'); background-size: cover;background-position: center;}
.hero h1{font-size:60px;}
.hero .hero-subtitle{color:rgba(205, 205, 205, 1); font-size:24px;}

/* A PROPOS - WELCOME */
.welcome {display: flex; align-items: center; justify-content: center; padding: 20px;gap: 40px;}
.welcome-text {flex: 1;}
.welcome-text h1 {font-size: 3rem;margin-bottom: 20px;}
.welcome-text p {font-size: 1.25rem;color: #555;}
.welcome-image {flex: 1; box-shadow: rgba(0, 0, 0, 0.3) 0px 8px 10px -6px;}
.welcome-image img {width: 100%;height: 500px; object-fit:cover; border-radius: 10px;}
.welcome p {color: rgba(61, 36, 93, 1);}

@media (max-width: 768px) {
	.welcome {flex-direction: column; text-align: center;}
	.welcome-text, .welcome-image { flex: none; width: 100%;}
}

/* DANCE */
.danses{margin:50px 0;}
.dance-card:hover {transform: translateY(-10px);box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);}
.danses p {color: rgba(61, 36, 93, 1);}

/* COURS */



.card {max-width: 620px;margin: 0 auto;padding: 16px;border: 1px solid lightgray;border-radius: 16px;
}

.card p:last-child {margin-bottom: 0;
}



.gallery-item {transition: all 0.3s ease;
}

.gallery-item:hover {transform: scale(1.03);
}

/* NAV */
.nav-link {position: relative; line-height:24px;}
.nav-link::after {content: '';position: absolute; width:0;height:2px; bottom:0; left: 0; background-color: #7e22ce;transition: width 0.3s ease;}
.nav-link:hover::after {width: 100%;}
.nav-link.active::after {width: 100%;}

/* Cours */
.day-courses i.clock, .day-courses i.person{display:inline-block; width:15px; height:15px; margin-right:10px; line-height:15px;}

/* News */
#news i.cal{display:inline-block; width:15px; height:15px; margin-right:10px; line-height:15px;}
#news i.more{display:inline-block; width:10px; height:10px; margin-left:5px; line-height:12px;}
#news span{color: rgba(61, 36, 93, 1);}


/* FAQ */
#faq{}
#faq .innerFAQ{max-width: 1000px; margin:0 auto;}
#faq i.rotate-180{transform:rotate(180deg); animation: rotateAnimation 0.2s ease-in-out;}

@keyframes rotateAnimation {
  0% {
	transform: rotate(0deg);
  }
  100% {
	transform: rotate(180deg);
  }
}

#contact.bg-purple-800{background-color: rgba(30,8,48,1) !important;}

footer.bg-purple-900{background-color: rgba(18, 5, 29, 1) !important;}

img.map{width: 100%;height: 256px; object-fit:cover; border-radius: 10px;}


/*menu mobile icon*/
#mobile-menu-button div{display:flex; flex-direction:column; width:35px; cursor:pointer;}
#mobile-menu-button div span{background: rgba(98, 4, 128, 1);border-radius:10px;height:4px;margin: 2px 0;}
#mobile-menu-button span:nth-of-type(1){ width:50%;}
#mobile-menu-button span:nth-of-type(2){width:100%;}
#mobile-menu-button span:nth-of-type(3){width:75%; }



/* PAGE */
.page h1.page_title{margin-top:30px; text-align:center;}
.page_content{width:100%; max-width:1500px; margin:0 auto; padding:40px;}