/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
:root{
--color1:#006D2B;
--color2:#E94019;
--font1:"Albert Sans ", sans-serif !important;
}
body button[type="submit"], body input[type="submit"], a.wc-block-components-button, button.wc-block-components-button{
    border-radius:300px !important
}

body.single-product main *:not(i) {font-family: "Albert Sans", sans-serif !important;}
/* custom code  */
.cs-font{font-family:"Albert Sans ", sans-serif !important;}
.fontw-6{font-weight:600 !important}
.mb15{margin-bottom:15px !important}
/*------------------------------------------------------***Begin Header Style***------------------------------------------------------*/
.header-btn i{color:var(--color1) !important}
.header-btn:hover i{color:#fff!important}
.header-menu li a, .header-btn{font-weight:600 !important}
@media only screen and (max-width: 1600px){
    .header-col .fusion-column-wrapper, .top-header-col .fusion-column-wrapper{padding-inline:15px !important}
    .header-menu li a{font-size:15px}
}
@media only screen and (max-width: 1360px){
    .top-header-col .txt1, .top-header-col .txt2{font-size:15px;margin-top:4px;}
}
@media only screen and (max-width: 1250px){
	.header-btn{display:none !important}
    .top-header-col .txt1, .top-header-col .txt2{font-size:15px;margin-top:4px}
}
@media only screen and (max-width: 800px){
.toph-item-txt1, .toph-item-txt2{display:none !important}
.toph-item-icons .fusion-column-wrapper{display:flex !important;justify-content:flex-start !important;}
.woo-menu-col ul#menu-woo-menu .awb-menu__i  {display:none !important}
.woo-hidden {display:none !important}
}
@media only screen and (min-width: 801px){
.col-panier-mobile{display:none !important}
}
.woo-menu-col .fusion-column-wrapper nav{width:auto !important}
@media only screen and (max-width: 600px){
.woo-menu-col .fusion-column-wrapper {gap:5px}
.woo-menu-col{width:auto !important}
.logo-col{width:fit-content !important;}
.logo-col img{max-width:180px}
.header-col .fusion-builder-row {flex-wrap:nowrap !important;justify-content:space-between !important;}
}
@media only screen and (max-width: 400px){
.toph-item-icons img{max-width:25px !important}
.logo-col img{max-width:140px}
}
/*------------------------------------------------------***End***------------------------------------------------------*/


/*------------------------------------------------------***Begin global Style***------------------------------------------------------*/
/* h2 font size */
.h2-title {font-size: clamp(26px, 2.5vw, 45px) !important;}
.h1-60, .h2-60{font-size: clamp(28px, 3.2vw, 60px) !important;}
.h1-sup, .h2-sup{font-size: clamp(17px, 1.4vw, 25px) !important;}
.h2-sup .line{display:block;height:1px;width:32px;background:var(--awb-color1) ;font-size:0px;}
.h2-sup{display:flex;justify-content:flex-start;align-items:center;gap:20px;margin-bottom:15px;}
/* h3 font size */
.h3-title{font-size: clamp(22px, 1.6vw, 30px) !important;}
/* texte p style  */
.site-text p{font-size: clamp(16px, 1.2vw, 18px) !important;}


@media only screen and (max-width: 1400px){
	.site-btn{font-size:17px !important}
	.col-90{width:100% !important}
}
@media only screen and (max-width: 1024px){
	.h2-sup{gap:10px;margin-bottom:8px;}
	.site-btn {padding:12px 18px !important}
}
@media only screen and (max-width: 497px){

}

/*------------------------------------------------------***End***------------------------------------------------------*/



/*------------------------------------------------------***Begin Home page Style***------------------------------------------------------*/


/**************************************Style : Page interne*********************************/
.map-iframe iframe{border-radius:10px !important}
.form-col textarea{height:300px !important}

/**************************************Style : SLIDER ********************************/


sr7-bullet {border-radius:50% !important;background:rgb(255 255 255 / 50%) !important;position:relative;}
sr7-bullet::after{content:'';position:absolute;width:50px;height:50px;border:1px solid rgb(255 255 255 / 70%);border-radius:50%; top:-20px ;left:-20px;opacity:0;transition:0.3s ease-in-out;}
sr7-bullet.selected{background:#E94019 !important;}
sr7-bullet.selected::after{opacity:1;}
@media only screen and (max-width: 1024px){
sr7-bullet{width:8px !important;height:8px !important;}
sr7-bullet::after{width:30px;height:30px; top:-11px ;left:-12px;}
sr7-bullets{translate: 0 40px !important}	
}

.slide-title_h1{display:flex !important;flex-direction:column !important;justify-content:flex-start !important;align-items:start !important;gap:25px}
.slide-title_h1 .sr-h1-content{font-size:clamp(18px, 1.6vw, 30px) !important;line-height:1.2;}
.slide-title_h1 .sr-h1-title{font-size:clamp(46px, 4.2vw, 80px);}
@media only screen and (max-width: 1360px){
.slide-title_h1 {max-width:590px !important}
.slide-title_h1 .sr-h1-content{font-size:25px !important;}
.slide-title_h1 .sr-h1-title{font-size:70px;}
}
@media only screen and (max-width: 1200px){
.slide-title_h1 .sr-h1-content{font-size:22px !important;}
.slide-title_h1 .sr-h1-title{font-size:62px;}
}
@media only screen and (max-width: 1024px){
.slide-title_h1 .sr-h1-content{font-size:20px !important;text-align:center !important}
.slide-title_h1 .sr-h1-title{font-size:60px;text-align:center !important}
.slide-title_h1{justify-content:center!important;align-items:center !important;gap:25px;}
.slide-title_h1 {max-width:1010px !important}
}
@media only screen and (max-width: 800px){
.slide-title_h1 .sr-h1-content{font-size:18px !important;}
.slide-title_h1 .sr-h1-title{font-size:47px;}
.slide-title_h1{gap:20px;}
}
@media only screen and (max-width: 766px){
.slide-title_h1 .sr-h1-content{font-size:clamp(14px, 2.2vw, 30px) !important;}
.slide-title_h1 .sr-h1-title{font-size:clamp(35px, 5.5vw, 80px);}
}
/**************************************Style : section_Gategory*************************/
.category-item *{font-family:var(--font1) !important;}

/* btn-style */
.category-item a.category-btn {font-size: clamp(17px, 1.5vw, 22px) !important;color:#fff ;background:var(--color2);border-radius:300px;padding:18px 35px;transition:0.3s ease-in-out;}
.category-item a.category-btn:hover{background:var(--color1)}

/* h3 style */
.category-item h3.category-title{font-size: clamp(25px, 1.8vw, 35px) !important;-webkit-text-stroke: 0.5px currentColor;}

.category-slide .sa_hover_container {border-radius: 10px !important;}
.category-slide .category-content { display: flex; flex-direction: column; align-items: center; justify-content: space-between;min-height:350px;padding:10px 20px;}
.category-item {min-height:400px;position: relative;overflow: hidden;}

.category-item::before { content: ""; position: absolute; inset: 0; background-image: inherit; background-size: 100%; background-position: right bottom !important; background-repeat: no-repeat !important; transition: transform 0.4s ease-in-out;z-index:-1 !important;transform-origin:center}
.category-item:hover::before {transform: scale(1.08);}

.category-item.item1::before{background:url(/wp-content/uploads/2026/02/africa-market-epicerie-africaine-nantes-epicerie.webp);}
.category-item.item2::before{background:url(/wp-content/uploads/2026/02/africa-market-epicerie-africaine-nantes-Cosmetique.webp);}
.category-item.item3::before{background:url(/wp-content/uploads/2026/02/africa-market-epicerie-africaine-nantes-Beaute.webp);}
.category-item.item4::before{background:url(/wp-content/uploads/2026/02/africa-market-epicerie-africaine-nantes-Exotique.webp);}

/* Slide Anthing naviagtion style  */
.categ-slide .owl-nav{margin-top:20px!important}
.categ-slide .white .sa_owl_theme .owl-nav .owl-prev, .categ-slide .white .sa_owl_theme .owl-nav .owl-next{background:#000 !important;border:1px solid #000 !important;border-radius:50%;width: 42px !important;height:42px !important}
.categ-slide  .white .sa_owl_theme .owl-nav .owl-prev::after, .categ-slide  .white .sa_owl_theme .owl-nav .owl-next::after{background:url(/refonte2/wp-content/uploads/2026/02/africa-market-epicerie-africaine-nantes-arrow.png) center/contain no-repeat !important;position:absolute;content:"";width:18px;height:18px;left:50%;top:50%;translate: -50% -50%;}
.categ-slide  .white .sa_owl_theme .owl-nav .owl-next::after{rotate: 180deg}
.categ-slide  .white .sa_owl_theme .owl-nav .owl-prev:hover, .categ-slide  .white .sa_owl_theme .owl-nav .owl-next:hover{background:var(--color2) !important;background-image:none !important;border-color:var(--color2) !important}
.categ-slide  .white .sa_owl_theme .owl-nav .owl-prev:hover::after, .categ-slide  .white .sa_owl_theme .owl-nav .owl-next:hover::after{filter: brightness(0) saturate(100%) invert(82%) sepia(100%) saturate(0%) hue-rotate(52deg) brightness(111%) contrast(102%);}
.categ-slide  .white .sa_owl_theme .owl-nav .owl-prev{left:-50px}
.categ-slide  .white .sa_owl_theme .owl-nav .owl-next{right:-70px}
@media only screen and (max-width: 1500px){
.categ-slide  .white .sa_owl_theme .owl-nav .owl-prev{left:15px ;}
.categ-slide  .white .sa_owl_theme .owl-nav .owl-next{right:-5px}
.categ-slide  .owl-stage-outer{padding-left:10px !important}
}
@media only screen and (max-width: 1024px){
.categ-slide .owl-nav{top:100% !important;position:relative;}
.categ-slide .owl-stage-outer{padding-bottom:30px;}
.categ-slide  .white .sa_owl_theme .owl-nav .owl-prev{left:calc(50% - 47px)}
.categ-slide  .white .sa_owl_theme .owl-nav .owl-next{right:calc(50% - 47px)}
.categ-slide  .owl-stage-outer{padding-left:0px !important;}
.categ-slide  .white .sa_owl_theme .owl-nav .owl-prev, .categ-slide  .white .sa_owl_theme .owl-nav .owl-next{height:42px !important;width:42px !important;}
.categ-slide  .white .sa_owl_theme .owl-nav .owl-prev::after, .categ-slide  .white .sa_owl_theme .owl-nav .owl-next::after{width:14px !important}
.category-item a.category-btn{padding:14px 28px; }
}
@media only screen and (max-width: 767px){
.categ-slide .owl-item { height:350px !important;}
.category-slide .category-content {min-height: 350px !important;}
.category-slide	.owl-nav{padding-top:40px !important}
}
/**************************************Style : section_ About  *********************************/
@media only screen and (max-width: 1800px){
	.abs-shape{width:150px !important}
	.has-lt_pd .fusion-column-wrapper{padding-left:3% !important}
	.txt-wd {width:600px !important}
}
@media only screen and (max-width: 1100px){
	.has-lt_pd .fusion-column-wrapper{padding-left:0% !important}
	.txt-wd {width:550px !important}
}
@media only screen and (max-width: 1024px){
	.txt-wd {width:100% !important}
}
@media only screen and (max-width: 800px){
	.abs-shape{width:70px !important;right:-20px !important;left:unset !important; transform: scaleX(-1) !important;top:-40px!important}
}
/**************************************Style : section_Boutiques*********************************/
.box-cnt .content-box-heading, .box-cnt .content-container {font-family:"Albert Sans ", sans-serif !important;font-size:15px !important;}
.box-cnt .content-container a{color:#000 !important}
.box-cnt .content-container a:hover{color:var(--awb-color1) !important }
.box-cnt .content-box-heading{font-weight:600 !important}
.box-cnt .content-container {margin-top:-18px !important}
.email-bx .content-container {margin-top:-12px !important}
.box-cnt  .fusion-column{margin-bottom:0px !important}
@media only screen and (max-width: 1500px){
.cnt-col {width:100% !important}	
}
@media only screen and (max-width: 1024px){
.img-mx{max-width:150px !important;}
}
@media only screen and (max-width: 420px){
.box-cnt .content-container {margin-top:0px !important;padding-left:5px !important;padding-top:25px;}
.box-cnt .content-box-heading{padding-left:5px !important;padding-top:40px !important}
.phone-bx .content-container {padding-top:0 !important;margin-top:-18px !important;}
.email-bx .content-container {margin-top:0px !important}
.email-bx .content-container a{font-size:0.83rem !important;font-weight:600;}
}
/**************************************Style : section_tabs*********************************/
.tabs-home .fusion-tab-heading{font-size:clamp(19px, 1.3vw, 25px)!important}
.tabs-home  .nav{border-bottom:1px solid #E4E4E4 !important}
.tabs-home li{padding-inline:55px }
.tabs-home .tab-link{border-top:none !important;border-right:none !important;border-left:none !important;padding-bottom:25px !important;padding-inline:10px !important;position:relative}
.tabs-home .tab-link::after {position:absolute;content:'';height:3px;width:100%;background:var(--awb-color1);bottom:-1px;left:0;opacity:0;transition:0.3s ease-in-out;}
.tabs-home .tab-link:hover::after, .tabs-home .active .tab-link::after{opacity:1;}

@media only screen and (max-width: 1024px){
.tabs-home li{padding-inline:25px }	
}
@media only screen and (max-width: 800px){
.tabs-home li{padding-inline:5px; }
.tabs-home  .nav{border-bottom:none !important}
}

.content-div{font-size: clamp(19px, 2.5vw, 35px) !important;}
/**************************************Style : section_boutiques*********************************/

.insta-col .ti-widget-header, .insta-col .ti-widget-footer{display:none !important}
/**************************************Style : section_instagram*********************************/
@media only screen and (max-width: 1400px){
.inst-img{max-width:90px !important}
}

@media only screen and (max-width: 1800px){
 .shape-2{right:-50px !important; bottom:-70px !important   }   
}
@media only screen and (max-width: 1200px){
 .shape-2{width:120px !important; bottom:-40px !important }   
}
@media only screen and (max-width: 800px){
 .shape-2{transform:scale(1) !important;}
 .inst-img{max-width:60px !important}
}
/**************************************Style : section_produit *********************************/
 .prod-slide.awb-swiper.fusion-post-cards{padding-inline:20px;}
.prod-title h3 a, .prod-price .woocommerce-Price-amount{font-size: clamp(18px, 1.3vw, 25px) !important;}
.prod-btn{font-size: clamp(17px, 1.5vw, 22px) !important;}
.prod-price .fusion-button-text{font-weight:600 !important}

.prod-img img{width:100%;aspect-ratio: 1 / 1 !important; object-fit:cover !important;}
.prod-title, .prod-price{font-size: clamp(20px, 1.4vw, 25px) !important;}
.prod-btn{font-size: clamp(17px, 1.5vw, 22px) !important;}
.prod-price .fusion-button-text{font-weight:600 !important}

/* slide navigation */
.prod-slide .awb-swiper-button-next i, .prod-slide .awb-swiper-button-prev i{transition:0.4s ease-in-out;}
.prod-slide .awb-swiper-button-next:hover i{translate:5px 0px;}
.prod-slide .awb-swiper-button-prev:hover i{translate:-5px 0px;}
@media only screen and (max-width: 1200px){
.prod-btn {padding:16px !important}
}
@media only screen and (max-width: 600px){
.prod-slide .awb-swiper-button-next,.prod-slide .awb-swiper-button-prev {width:44px !important;height:44px !important;font-size:10px !important}
}
@media only screen and (max-width: 490px){
.prod-img img{height:240px !important;object-fit:cover !important;}
}
@media only screen and (max-width: 800px){
.prod-img img{height:400px }
} 
/**************************************Style : section_map*********************************/


/*------------------------------------------------------***End***------------------------------------------------------*/




/*------------------------------------------------------***Begin footer style***------------------------------------------------------*/
/*------------------------------------------------------***Begin footer style***------------------------------------------------------*/
.coherence-logo svg{width: 160px !important;height: auto !important;vertical-align: middle !important;display: inline-block !important;margin-right: 10px !important;}
.coherence-logo .svg * {fill: #fff !important;}
.fusion-footer-widget-column:last-child{margin-bottom: 0px !important;}
@media only screen and (max-width: 800px){ 
	.fusion-footer .fusion-layout-column .fusion-column-wrapper {align-items: center !important;justify-content: center !important;text-align: center !important;}
	.fusion-footer .fusion-layout-column .fusion-separator {margin-inline: auto !important;}
	.fusion-footer .awb-menu li a {text-align: center;justify-content: center !important;}
	.foot-copy-links .fusion-column-wrapper {flex-direction: column !important;justify-content: center;align-items: center;gap: 2px;}
	.foot-copy-links .fusion-column-wrapper .foot-copy-link .fusion-title-heading {text-align: center !important;}
	.coherence-logo svg{margin-right: 0px!important;}
	.social-icon-footer .fusion-column-wrapper{justify-content:center !important}
}

.el-foot-has-link a {color: #fff !important;}
.el-foot-has-link a:hover {text-decoration:underline !important;color: var(--color2) !important;}

.coor-items .content-box-heading {transform:translateX(-5px);font-family:"Albert Sans ", sans-serif !important;}
.coor-items .content-box-heading a{color:#fff !important;}
.coor-items .content-box-heading a:hover{text-decoration:underline !important; color:var(--color2) !important;}

.foot-menu-widget li.current-menu-item a{font-weight:600 !important;text-decoration:underline !important}
.foot-menu-widget li a:hover{text-decoration:underline !important}





/*------------------------------------------------------***Default Code for entire Website ***------------------------------------------------------*/


/* solution of issue tabs hide in 800px */
@media only screen and (max-width: 800px){
.fusion-tabs .fusion-mobile-tab-nav{display:block !important}
.fusion-tabs .nav-tabs{display:block !important;margin-block: 10px !important;}
.fusion-tabs.nav-not-justified .nav-tabs li {display:block !important}
}
/* --------------------------------------------------------------------------- */

/* btn default chekout page  + responsive of column*/
.wc-block-components-totals-coupon__button{background:var(--color2) !important; color:#fff !important;border:none !important;}
.wc-block-components-totals-coupon__button:hover{background:var(--color1) !important;}

.wc-block-cart__submit-container .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button {background:var(--color1) !important; color:#fff !important; outline:none !important;border:none !important;font-size:17px !important}
.wc-block-cart__submit-container .wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover{background:var(--color2) !important;}
.wc-block-cart__submit-container .wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button {background:var(--color1) !important; color:#fff !important; outline:none !important;border:none !important;font-size:17px !important}
.wc-block-cart__submit-container .wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover{background:var(--color2) !important;}
@media only screen and (max-width: 1100px){
body.woocommerce-checkout .wc-block-checkout{display:flex;flex-direction:column;align-items:center !important}
body.woocommerce-checkout .wc-block-components-main, body.woocommerce-checkout .wc-block-checkout__sidebar{width:90% !important}	
}
@media only screen and (max-width: 600px){
body.woocommerce-checkout .wc-block-components-main, body.woocommerce-checkout .wc-block-checkout__sidebar{width:100% !important}	
}

/* --------------------------------------------------------------------- */

/* post card grid en 800px  */
@media (min-width: 600px) and (max-width: 800px) {
  ul.fusion-grid-posts-cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* --------------------------------------------------------------------- */
/*  Etoile en responsive  */
@media only screen and (max-width: 1024px){
body.single-product  .comment-form-rating .stars a:after {color:#f2bc29} 
body.single-product  .comment-form-rating .stars a{font-size:15px!important; padding-top:27px !important;text-align:center;}
body.single-product  .comment-form-rating .stars span{display:flex;flex-wrap:wrap !important;align-items:center;justify-content:center;gap:10px;}
body.single-product  .comment-form-rating .stars span a{width:calc(50% - 25px)}
}







/*------------------------------------------------------***Begin Responsive Media query style***------------------------------------------------------*/

/*------------***Large devices (desktops, more than 800px)***------------*/
@media only screen and (min-width: 801px){ 

    /*style header*/

    /*style main content*/

    /*style footer*/
	
}

/*------------***Large devices (desktops, less than 1501px)***------------*/
@media only screen and (max-width: 1500px){

    /*style header*/

    /*style main content*/

    /*style footer*/

}

/*------------***Large devices (desktops, less than 1361px)***------------*/
@media only screen and (max-width: 1360px){

    /*style header*/

    /*style main content*/

    /*style footer*/

}

/*------------***Large devices (desktops, less than 1281px)***------------*/
@media only screen and (max-width: 1280px){

    /*style header*/

    /*style main content*/

    /*style footer*/

}

/*------------***Medium devices (tablets, less than 1025px)***------------*/
@media only screen and (max-width: 1024px){

    /*style header*/
   

    /*style main content*/

    /*style footer*/
	
}

/*------------***Medium devices (tablets, Bootstrap less than 993px)***------------*/
@media only screen and (max-width: 992px){

    /*style header*/

    /*style main content*/

    /*style footer*/

}

/*------------***Tablet Media query style***------------*/
@media only screen and (max-width: 800px){
    
    /*style header*/

    /*style main content*/
	
}

/*------------***Tablet Mini Media query style***------------*/
@media only screen and (max-width: 767px){
    
    /*style header*/

    /*style main content*/
	
    /*style footer*/
    
}

/*------------***Between Big Mobile and Tablet Media query style***------------*/
@media only screen and (min-width: 601px) and (max-width: 800px){
    
    /*style header*/

    /*style main content*/

    /*style footer*/
    
}

/*------------***Begin Big Mobile Media query style***------------*/
@media only screen and (max-width: 640px){

    /*style header*/

    /*style main content*/
	
    /*style footer*/
    
}

/*------------***Between Mobile and Tablet Media query style***------------*/
@media only screen and (min-width: 498px) and (max-width: 800px){
    
    /*style header*/

    /*style main content*/

    /*style footer*/
    
}

/*------------***Mobile Media query style***------------*/
@media only screen and (max-width: 497px){

    /*style header*/

    /*style main content*/

    /*style footer*/
    
}

/*------------------------------------------------------***End Media query***------------------------------------------------------*/