/*
Theme Name: SMMALEAD - SD Rénovations Marrakech
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: 'Amoresa';
    src: url('./fonts/Amoresa.eot');
    src: url('./fonts/Amoresa.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Amoresa.woff2') format('woff2'),
        url('./fonts/Amoresa.woff') format('woff'),
        url('./fonts/Amoresa.ttf') format('truetype'),
        url('./fonts/Amoresa.svg#Amoresa') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Amoresa Aged';
    src: url('./fonts/AmoresaAged.eot');
    src: url('./fonts/AmoresaAged.eot?#iefix') format('embedded-opentype'),
        url('./fonts/AmoresaAged.woff2') format('woff2'),
        url('./fonts/AmoresaAged.woff') format('woff'),
        url('./fonts/AmoresaAged.ttf') format('truetype'),
        url('./fonts/AmoresaAged.svg#AmoresaAged') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.footer-widget .widget_title{
font-family: 'Amoresa Aged';
letter-spacing: 4px;
}
p.copyright-text.text-white {
    font-size: 14px;
}
.footer-links li {
    font-size: 14px;
    font-family: var(--body-font);
    display: inline-block;
    position: relative;
    background: inherit !important;
}
.copyright-wrap {
    padding: 12px 0;
 
}
.th-widget-contact {
    max-width: max-content;
    margin-bottom: -0.4em;
}
.sidemenu-wrapper .sidemenu-content {
    background-color: var(--white-color);
    width: 450px;
    margin-left: auto;
    padding: 32px 15px;
    height: 100%;
    overflow: scroll;
    position: relative;
    right: -500px;
    cursor: auto;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transition: right ease 1s;
    transition: right ease 1s;
}

.bg-black2 {
    background-color: #161613 !important;
}
.header-logo img {
    width: 190px;
}
.about-logo img {
    width: 215px;
}
.th-btn.style4 {
    color: #161613;
    padding: 12.5px 32px;
}
.alert-success {
    color: #0f5132;
    background-color: #0f5132;
    border-color: #badbcc;
}
.main-menu ul.sub-menu li a:hover {
    color: #171717;
    padding-left: 27px;
}
.main-menu ul.sub-menu li a:hover:before {
    visibility: hidden;
    opacity: 0;
    left: 0;
}
.main-menu ul.sub-menu li a:hover {
    color: #171717;
    padding-left: 0px;
}
.cta_realisations h2, .cta_realisations h3, .cta_realisations h4, .cta_realisations h5, .cta_realisations h6{
    color: #fff;
}
.sidebar-area .widget_nav_menu a:hover, .sidebar-area .widget_meta a:hover, .sidebar-area .widget_pages a:hover, .sidebar-area .widget_archive a:hover, .sidebar-area .widget_categories a:hover, .sidebar-area .wp-block-categories a:hover {
    color: #171717;
}
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6{
    font-weight: 400;
}
.about-contact-grid .about-contact-icon img {
    -webkit-filter: inherit;
    filter: inherit;
}
.th-btn i {
    -webkit-transition: 0.4s all;
    transition: 0.4s all;
    position: relative;
    color: #171717;
}
.th-btn:hover i{
     color: #fff;
}
.th-btn.style4.th-btn-icon:after {
    -webkit-filter: inherit;
    filter: inherit;
    color: #161613;
    width: 23px;
    height: 23px;
}

.th-widget-about {
    max-width: max-content;
    margin-bottom: -0.5em;
}

.newsletter-widget a{
	color: #000;
}

.hero-style5 .hero-subtitle {
    margin-bottom: 30px;
    text-transform: initial;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0.06em;
    margin-top: -0.1em;
}
.hero-style5 .hero-title {
    font-size: 60px;
    line-height: 72px;
    font-weight: 600;
    margin-bottom: 35px;
}
.hero-style5 .th-btn.style4 {
    padding: 15px 25px;
}
.th-btn:hover{
	background-color: #171717;
	color: #F4E8D6;
}
.th-btn:hover::after {
  color: #F4E8D6;
  fill: #F4E8D6;
}

.hero-5 .hero-social-link .social-wrap a:after {
    content: "";
    position: absolute;
    right: -50%;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #eee3d1;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
.hero-5 .hero-social-link .social-wrap a:hover {
    color:#eee3d1;
}
.scroll-top svg {
    color: #EEE3D1;
    border-radius: 50%;
    background: #171717;
}
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 {

    color: #171717;

}
.h2, h2 {
    font-size: 48px;
    line-height: 54px;
}
.space, .space-top {
    padding-top: 60px;
}
.property-card3 {
    border-radius: 24px;
    overflow: hidden;
    background: var(--white-color);
    margin-bottom: 25px;
}
.property-card3 .property-card-details {
    padding: 24px 14px 24px;
}
.th-btn.style-border8:hover {
    background: #EEE3D1;
    border-color: #EEE3D1;
    color: #171717;
}
.th-btn.style-border8:hover.th-btn-icon:after {
    -webkit-filter: brightness(0) grayscale(9) invert(2);
    filter: brightness(0) grayscale(9) invert(2);
    color: #171717;
    fill: #171717;
}
.img-box6 {
    position: relative;
    padding-left: 0px;
}
@media (max-width: 1500px) {
    .img-box6 {
        padding-bottom: 0px;
    }
}
.bg-black2 {
    background-color: #171717 !important;
}
.counter-card.style4 .box-icon img {
    -webkit-filter: none;
    filter: none;
    width: 40px;
}
.space.bg-black2.background-image {
    padding: 35px 0px;
}
.process-card2 .box-icon img {
    width: 45px;
}
.space, .space-bottom {
    padding-bottom: 70px;
}

.th-btn{
	color: #000;
        padding: 15px 32px;
}

@media (max-width: 991px) {
    .header-layout3 .header-button .th-menu-toggle.sidebar-btn {
        width: 56px;
        background: #171717;
    }
}
.th-menu-wrapper .mobile-logo {
    padding-bottom: 15px;
    padding-top: 15px;
    display: block;
    text-align: center;
    background-color: var(--black-color2);
}
@media (max-width: 991px) {
    .header-logo {
        padding-top: 12px;
        padding-bottom: 12px;
    }
}
@media (max-width: 991px) {
    .contact-wrap6 {
        padding-left: 0;
        margin-top: 40px;
    }
}
.th-menu-wrapper .mobile-logo img {
    width: 180px;
}

.valide_input{
    border-bottom: 1.5px solid #ef0f24 !important;

}
.hide_200{
  display: none !important;
}
.show_200{
  display: block !important; 
}
#contact-form{
  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;
}
#contact-form .sucu p{
  text-align: center;
  margin:0px;
  color: #faf5f5;
}

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

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










/* Mobile (max-width 768px par exemple) */
@media (max-width: 768px) {

.hero-style5 .hero-title {
    font-size: 45px;
    line-height: 44px;
    font-weight: 600;
    margin-bottom: 35px;
}

.hero-style5 .hero-subtitle {
    margin-bottom: 24px;
    text-transform: initial;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.06em;
    margin-top: -0.1em;
}

    .h2, h2 {
        font-size: 30px;
        line-height: 36px;
    }


    .hero-style5 .hero-title {
        font-size: 32px;
        line-height: 38px;
        font-weight: 600;
        margin-bottom: 35px;
    }

.hero-5 .hero-social-link .social-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 50px;
    height: 80px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.hero-5 .hero-social-link .social-wrap a:after{
    content: inherit;
}
.process-card2 {
    background: var(--gray-color);
    padding: 40px 15px;
    border-radius: 16px;
    overflow: hidden;
    text-align: center;
}

.services .widget {
    padding: 40px 15px;

}


}