/*
Theme Name: SMMALEAD - REM Digital Solutions
Theme URI: https://www.smmalead.com/
Author: SMMALEAD
Author URI: https://www.smmalead.com/
Description: Thème WordPress sur mesure conçu par l'agence SMMALEAD pour des performances optimales, une rentabilité maximale et une expérience utilisateur professionnelle. Idéal pour les sites vitrines, les agences marketing, et les projets web axés résultats.
Version: 1.0
Tested up to: 6.8
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-theme, responsive, performance-optimized, seo-friendly, flexible-layout, modern-design, fast-loading, translation-ready
Text Domain: smmalead

Ce thème est développé par SMMALEAD et respecte la licence GPL. Utilisez-le pour bâtir un site performant, professionnel et unique.
*/

@font-face {
    font-family: 'Poppins Bold';
    src: url('./fonts/Poppins-Bold.eot');
    src: url('./fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Poppins-Bold.woff2') format('woff2'),
        url('./fonts/Poppins-Bold.woff') format('woff'),
        url('./fonts/Poppins-Bold.ttf') format('truetype'),
        url('./fonts/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins Regular';
    src: url('./fonts/Poppins-Regular.eot');
    src: url('./fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Poppins-Regular.woff2') format('woff2'),
        url('./fonts/Poppins-Regular.woff') format('woff'),
        url('./fonts/Poppins-Regular.ttf') format('truetype'),
        url('./fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body, html{
       font-family: 'Poppins Regular' !important; 
}
h1, h2, h3, h4, h5, h6{
     font-family: 'Poppins Bold' !important; 
}

.light-mode .light-logo {
    display: block;
    width: 220px;
}
@media only screen and (min-width: 1200px) {
    .header-area .navbar-nav {
        gap: 44px;
        margin-right: 40px;
    }
}

.light-mode a, .light-mode a:hover, .light-mode a:focus {
    color: #ffffff;
}

.hero-content h2 {
    font-weight: 700;
    letter-spacing: normal;
    font-size: 40px;
}

.cta-wrapper h2, .cta-wrapper p{
    color: #fff !important;
}
.light-mode .footer-wrapper a {

    color: #3447c8;
}
.cta-wrapper .btn {
    border: 1px solid #ffffff !important;
}

.portfolio-card .portfolio-overlay-content {
    
}
.btn-primary:active, .btn-primary:hover, .btn-primary:focus {
    background-color: #000000;
    color: #fff;
}
@media only screen and (min-width: 1200px) {
    .partners-slide img {
        max-height: 100px;
    }
}
#scrollTopButton{
    color: #ffffff;
}
.portfolio-card .portfolio-overlay-content a:hover, .portfolio-card .portfolio-overlay-content a:focus {
    background-color: #9a9a9aa1;
    color: #fff;
}
.hero-content {
    text-align: center;
}


 .cta-wrapper .btn:hover, .cta-wrapper .btn:focus {
    background-color: #020202;
    border-color: #FFFFFF !important;
}
.btn{
    min-width: 210px;
}
.subscribe-form .btn{
    color: #fff !important;
}

.alert-success {
    color: #ffffff;
    background-color: #0e5b2a;
    border-color: #0e5b2a;
    width: max-content;
    margin: 0px auto;
}
#form_contact .alert-success {
    color: #ffffff;
    background-color: #0e5b2a;
    border-color: #0e5b2a;
    width: max-content;
    margin: 20px auto;
}
#form_contact_artist .alert-success {
    color: #ffffff;
    background-color: #0e5b2a;
    border-color: #0e5b2a;
    width: max-content;
    margin: 20px auto;
}#contact_smma_billetterie .alert-success {
    color: #ffffff;
    background-color: #0e5b2a;
    border-color: #0e5b2a;
    width: max-content;
    margin: 20px auto;
}
.valide_input{
    border: 1.5px solid #ef0f24 !important;

}
.hide_200{
  display: none !important;
}
.show_200{
  display: block !important; 
}
#form_contact{
  position: relative;
}

#prelodergif {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff57;
    text-align: center;
    right: 0;
    padding-top: 32%;
}
#prelodergif .img_gif {
  position: absolute;
    left: 0;
    text-align: center;
    bottom: 30%;
    width: 100%;
}
#prelodergif .img_gif img{
  width: 80px;
  height: auto;
}
.sucu{
    padding: 10px 15px;
    margin: 20px auto;
}
.sucu p{
  text-align: center;
  margin:0px;
  color: #faf5f5;
}
#form_contact .sucu p{
  text-align: center;
  margin:0px;
  color: #faf5f5;
}
.mt0{
    margin: 0px !important;
}
.testimonial-swiper .swiper-navigation-container .swiper-button-prev, .testimonial-swiper .swiper-navigation-container .swiper-button-next{
    background: #222222;
}

#form_contact .erorr{
  text-align: center;
  background-color: #d35400;
padding: 10px 15px;
    width: max-content;
    margin: 20px auto;
}

#form_contact .erorr p{
  text-align: center;
  margin:0px;
  color: #faf5f5;
}

path{
  color: #fff !important;
      fill: #3447c8;
}
.footer-card .social-nav path{
  color: #fff !important;
      fill: #fff;
}
.portfolio-card .portfolio-overlay-content a path{
  color: #fff !important;
      fill: #fff;
}
.testimonial-swiper .swiper-navigation-container .swiper-button-prev path, .testimonial-swiper .swiper-navigation-container .swiper-button-next path {
  color: #fff !important;
      fill: #fff;
}
.light-mode h1, .light-mode h2, .light-mode h3, .light-mode h4, .light-mode h5, .light-mode h6 {
    color: #3447c8;
}

.light-mode .footer-card .social-nav a {
    background-color: #000000;
}
.breadcrumb-wrapper .breadcrumb-content ul{
    background-color: #3347c800;
}
.breadcrumb-wrapper .breadcrumb-content ul li a{
    color: #fff;
}

.breadcrumb-wrapper .breadcrumb-content ul li {
    color: #3447c8;
    font-size: 12px;
}
.testimonial-swiper .swiper-slide .rating-info .rating-average span{
     color: #fff;
}
.testimonial-swiper .swiper-navigation-container .swiper-button-prev::before, .testimonial-swiper .swiper-navigation-container .swiper-button-next::before{
    background-color: #3447c8;
}

@media only screen and (min-width: 992px) {
    .breadcrumb-wrapper {
        margin-top: 70px;
    }
    .btn {
        font-size: 14px;
        padding: 18px 40px;
        height: 57px;
        min-width: 226px;
    }
    .breadcrumb-wrapper {
        height: 50vh;
    }
    .breadcrumb-wrapper .breadcrumb-content h2 {
        font-size: 50px;
    }
.divider {
        height: 60px;
    }
        .contact-info-card h4 {
        font-size: 16px;
    }

}










/* Mobile adjustments */
 @media (max-width: 768px) {
.light-mode .light-logo {
    display: block;
    width: 160px;
}

    
 }