/*
Theme Name:  Brazin - Le Braséro Français
Theme URI:   https://test.brazin.fr
Version:     1.2
Description: Un theme enfant de Divi. C\'est un theme enfant personnalisé crée spécifiquement pour le site Brazin - Le braséro Français.
Author:      YD Studio Créatif & Informatique
Author URI:  https://ydinformatique.fr
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

/*------------------------------[FONT ICONS]-----------------------------*/
/*--[Created by Divi Children, http://divi4u.com/divi-children-plugin/]--*/
/*-----------------------------------------------------------------------*/

.icon_tags, .icon_profile, .icon_chat, .icon_clipboard, .icon_calendar {
	font-family: 'ETmodules';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	color: #318EC3;
}
.icon_tags:before {
	content: "\e07c";
	padding: 0px 5px 0 0;
}
.icon_profile:before {
	content: "\e08a";
	padding: 0 5px 0 0;
}
.icon_chat:before {
	content: "\e066";
	padding: 0 5px 0 20px;
}
.icon_clipboard:before {
	content: "\e0e6";
	padding: 0 5px 0 20px;
}
.icon_calendar:before {
	content: "\e023";
	padding: 0 5px 0 20px;
}

/*------------------------------------------------*/
/*-----------------[BACK TO TOP]------------------*/
/*------------------------------------------------*/

.et_pb_scroll_top.et-pb-icon {
	color: #BA4F2F !important;
    padding: 10px !important;
    font-size: 40px !important;
}

/*------------------------------------------------*/
/*-----------------[MENU FLOTTANT]-----------------*/
/*------------------------------------------------*/

.menu-flottant {
    width:14em; /* Largeur des items du menu*/
    float: right; /* Je veux que le menu soit à droite*/
    position:fixed; /* Le menu est fixe à l'écran*/
    z-index:9999; /* Il sera au dessus de tous les éléments*/
    top: 35%; /* Il sera à 40% du bord supérieur de l'écran*/
    font-size: 2em; /* Taille de la police*/
    line-height: 2px; /* Hauteur de ligne du menu*/
    color: #fff; /* Couleur de la police*/
    font-weight:300; /* Mettre le texte en fin*/
    text-transform:uppercase; /* Mettre le texte en majuscule*/
    right: -10em; /* Décalage du menu sur la droite pour masquer le texte et ne laisser que les icônes de visibles*/
    font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif !important;
}
.menu-flottant ul {
    list-style: none; /* Le menu est une liste, mais je ne veux pas afficher les puces*/
    margin: 0; /* Choix des marges internes et externes*/
    padding: 0;
}
.menu-flottant ul li {
    display:block; /* Définition des items en tant que bloc*/
    background-color: #333; /* Couleur de fond*/
    height: 2.5em; /* Hauteur des items du menu*/
    padding: 0.8em 1.5em; /* Marges internes des items du menu*/
    position: relative; /* On leur attribut une position relative*/
    -webkit-transition: -webkit-transform 0.5s; /* Effet de déplacement au passage de la souris*/
    -moz-transition: -webkit-transform 0.5s; /* On le définit plusieurs fois pour assurer la compatibilité entre les navigateurs*/
	transition: transform .5s;
}
/*Couleurs de fond des items du menu*/
.menu-flottant ul li:nth-child(1) { 
	background-color: rgba(0,0,0,0); /* 1er item du menu*/
} 
.menu-flottant ul li:nth-child(2) { 
	background-color: rgba(0,0,0,0); /* 2e item du menu*/
} 
.menu-flottant ul li:nth-child(3) { 
	background-color: rgba(0,0,0,0); /* 3e item du menu*/
} 
/* Si vous en avez plus de 3, ajouteZ ici les mêmes lignes en remplaçant les chiffres et couleurs*/

/* Création de la transformation CSS qui permet d'afficher le menu au passage de la souris*/
.menu-flottant ul li:hover {
    -webkit-transform: translateX(-10em);
    transform: translateX(-10em);
}

/* Mise en forme des liens du menu*/
.menu-flottant ul li a {
    display:block; /* On les définit en tant que bloc*/
    color: #FFF; /* Couleur du texte*/
    text-decoration: none; /* On ne veut pas qu'ils soient soulignés par exemple*/
    position: absolute; /* On leur attribut une position absolue*/
    font-size:1em; /* Taille de la police*/
    line-height: 1.5em; /* Hauteur de ligne*/
    height:2em; /* Hauteur*/
    top:0; /* Positionnement*/
    bottom:0;
    right: 0.2em;
    margin:0 auto;
    padding:1em 1.5em;
}
  
/* Mise en forme des icônes du menu*/
  .menu-flottant ul li span {
    float: left;  /* On les cale à gauche */
    line-height: 1.5em; /* Hauteur de ligne */
    height:2em;
    padding-bottom: 1em;
    font-size: 35px;
  }

#menu-social.menu-hide {
opacity: 0;
}
#menu-social {
   opacity: 1;
   -webkit-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
}

/*.animated {     
    -webkit-animation-duration: 10s;animation-duration: 10s;
    -webkit-animation-fill-mode: both;animation-fill-mode: both;
}

@-webkit-keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes fadeOut {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}*/

@media (max-width: 800px) {
  .menu-flottant ul li span {
      font-size: 30px !important;
  }
  .menu-flottant ul li {
      padding: 0.8em 2em !important;
  }
}

@media (max-width: 800px) {
  .menu-flottant ul li span {
      font-size: 25px !important;
  }
  .menu-flottant ul li {
      padding: 0.6em 2.6em !important;
  }
}


/*------------------------------------------------*/
/*----------------[MENU BURGER]-------------------*/
/*------------------------------------------------*/

#main-header {
    z-index: 99 !important;
    width: 10% !important;
    background-color: rgba(40,41,42,0) !important;
}

/* Correction de la fonctionnalité de l'icône du menu ( mode Mobile ) */
.et_fixed_nav #main-header {
    position: fixed;
}

.et_fixed_nav.et_header_style_slide #main-header {
    left: auto !important;
}

/* Ajout de la fonctionnalité de panier en dessous du bouton du menu */
.et_header_style_slide #et-top-navigation a.et-cart-info {
    display: block;
}

.et_header_style_slide #et-top-navigation a.et-cart-info span {
    color: #BA4F2F;
}

#et-top-navigation a.et-cart-info {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.et_pb_slide_menu_active #et-top-navigation a.et-cart-info {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    margin-left: 72px;
}

#et-top-navigation .mobile_menu_bar + .et-cart-info span:before {
    font-size: 30px;
}

.et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom: 0;
}

@media (max-width: 980px) {
    #et-top-navigation .mobile_menu_bar + .et-cart-info {
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
        margin: 0 18px;
    }

    .et_pb_slide_menu_active #et-top-navigation .mobile_menu_bar + .et-cart-info {
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
        margin: 0 46px;
    }

    #et-top-navigation .mobile_menu_bar + .et-cart-info span:before {
        font-size: 22px !important;
    }
}

/* .et_fixed_nav.et_header_style_slide #main-header { */
/*     left: 0; */
/*     -webkit-transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1),background 0.4s cubic-bezier(0.77, 0, 0.175, 1),opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1),-webkit-transform 0.4s ease-in-out; */
/*     transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1),background 0.4s cubic-bezier(0.77, 0, 0.175, 1),opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1),-webkit-transform 0.4s ease-in-out; */
/*     transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1),background 0.4s cubic-bezier(0.77, 0, 0.175, 1),opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1),transform 0.4s ease-in-out; */
/*     transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1),background 0.4s cubic-bezier(0.77, 0, 0.175, 1),opacity 0.4s cubic-bezier(0.77, 0, 0.175, 1),transform 0.4s ease-in-out,-webkit-transform 0.4s ease-in-out */
/* } */

.container.et_menu_container {
    z-index: 99 !important;
    padding-left: 30px !important;
}

/* Taille menu burger */

.mobile_menu_bar:before, span.mobile_menu_bar:after, .et_toggle_slide_menu:after{
    color:#BA4F2F !important;
    font-size: 80px; 
}

.container {
    width: 95% !important;
    max-width: inherit;
    top:30%;
}

/* déplacement du menu hamburger à gauche */
#et-top-navigation {
    float: left;
    padding-left: 0 !important;
}
/*Move the menu to the left when open*/
.et_pb_slide_menu_active header#main-header,
.et_pb_slide_menu_active #page-container {
    left: 320px !important;
}
.et_pb_slide_menu_active .et_slide_in_menu_container.et_pb_slide_menu_opened {
    right: auto !important;
    left: 0 !important;
}
/*Hide the screen overflow*/
body.et_pb_slide_menu_active {
    overflow-x: hidden !important;
}
/*Move the logo to the right of the screen*/
#logo {
    float: right;
}
/*Switch the slide-in animation from right to left*/
.et_slide_in_menu_container {
    left: -320px;
    -webkit-transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1), margin-top 0.4s ease-in-out !important;
    -moz-transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1), margin-top 0.4s ease-in-out !important;
    transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1), margin-top 0.4s ease-in-out !important;
}

@media( max-width: 980px ) {
  header#main-header.et-fixed-header,
  #top-header.et-fixed-header {
    position: fixed;
    left: 0;
    width: 100%;
  }
  .et_pb_slide_menu_active header#main-header, .et_pb_slide_menu_active #page-container {
    left: 295px !important;
  }  
}


@media (max-width: 400px) {
  .et_pb_slide_menu_active header#main-header, .et_pb_slide_menu_active #page-container {
    left: 250px !important;
  }
}

/*------------------------------------------------*/
/*---------------[PRIX TTC - HT]------------------*/
/*------------------------------------------------*/
.price .amount bdi:after,
.order-total .amount bdi:after {
    content: ' TTC';
}

.product-price .amount bdi:after,
.product-subtotal .amount bdi:after,
.cart-subtotal .amount bdi:after {
    content: ' HT';
}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 980px ) and ( max-width: 1280px ) {

	/*-------------------[menu burger]------------------*/
    .container.et_menu_container {
    padding-left: 30px;
    }

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sidebar]------------------*/
	
	/*-------------------[Menu]------------------*/
	
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

	/*-------------------[menu burger]------------------*/
          
	
	/*-------------------[column title]------------------*/
    .two-columns .columns-1-title {
        width: 15% !important;
    }
    .two-columns .columns-2-title {
        width: 85% !important;
    }
	
	/*-------------------[Menu]------------------*/
}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {

	/*-------------------[Menu burger]------------------*/
    .container.et_menu_container {
        padding-left: 20px;
    }
    .logo_container {
        display:none !important;
    }
    .mobile_menu_bar:before, span.mobile_menu_bar:after, .et_toggle_slide_menu:after{
        font-size: 60px !important;
    }   
}

.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header {
    position: fixed;
    top: 40%;
}


/*------------------------------------------------*/
/*-------------------[FOOTER]---------------------*/
/*------------------------------------------------*/

/* couleur lien coordonnées */
.et_pb_section_0_tb_footer .link-footer a{
    color:#fff !important;
}
.et_pb_section_0_tb_footer .link-footer a:hover{
    color:#BA4F2F !important;
}

@media screen and (max-width:980px){
    /* footer / tablette */   
    .custom-row .custom-column-1{
        width: 50% !important;
    }
    .custom-row .custom-column-2{
        width: 50% !important;
    }
}

/*------------------------------------------------*/
/*---------------[FICHE PRODUIT]------------------*/
/*------------------------------------------------*/
/*.et-db #et-boc .et-l ul.et_pb_tabs_controls:after{
    border-top: 1px solid #666666 !important;
}*/
.et-db #et-boc .et-l .et_pb_tabs_controls li {
    border-right: 1px solid #666666 !important;
}
.et-db #et-boc .et-l ul.et_pb_tabs_controls {
    background-color: #28292a !important;
    border-bottom : 1px solid #666666 !important;
}
.et-db #et-boc .et-l ul.et_pb_tabs_controls:after {
    border-top: 0px solid rgba(40,41,42,0) !important;
}

/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

@media only screen and ( max-width: 500px ) {
    .menu-flottant{
        /*display: none !important;*/
        top: 27%;
    }
}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 980px ) and ( max-width: 1280px ) {

	/*-------------------[menu burger]------------------*/
    .container.et_menu_container {
    padding-left: 20px;
    }

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sidebar]------------------*/
	
	/*-------------------[Menu]------------------*/
	
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

	/*-------------------[menu burger]------------------*/
    .container.et_menu_container {
        padding-left: 5px;
    }
    .logo_container {
        display:none !important;
    }
    .mobile_menu_bar:before, span.mobile_menu_bar:after, .et_toggle_slide_menu:after{
        font-size: 60px !important;
    }       
	
	/*-------------------[column title]------------------*/
    
	
	/*-------------------[Menu]------------------*/

}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

}

@media screen and ( max-width: 782px ) {

}

/*----------------[TELEPHONE 480px]--------------*/
@media only screen and ( max-width: 767px ) {

	/*---------------[Menu FLOTTANT]-------------*/
    .menu-flottant ul li:hover {
        -webkit-transform: translateX(-0em)!important;
        transform: translateX(-0em) !important;
    }
    .menu-flottant {
        width:13em; /* Largeur des items du menu*/
        right: -9em; /* Décalage du menu sur la droite pour masquer le texte et ne laisser que les icônes de visibles*/
    }
}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {

}

.et-db #et-boc .et-l .et_pb_wc_upsells_0_tb_body section.products>h2 {
    padding-bottom: 2rem;
}

.woocommerce ul.products li.product .product_type_simple.add_to_cart_button {
    color: #ba4f2f!important;
    border-width: 1px!important;
    border-color: #ba4f2f;
    border-radius: 0px;
    letter-spacing: 0.16em;
    font-size: 14px;
    font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: rgba(255,255,255,0)!important;
    padding-top: 18px!important;
    padding-right: 24px!important;
    padding-bottom: 18px!important;
    padding-left: 24px!important;
}

.woocommerce ul.products li.product .product_type_simple.add_to_cart_button:hover {
    color: #efefef!important;
    background-image: initial!important;
    background-color: #ba4f2f!important;
}

.woocommerce ul.products li.product .product_type_simple.add_to_cart_button {
    display: block;
    width: max-content;
    font-size: 20px;
    padding: 8px 12px 8px 55px !important;
}

.woocommerce ul.products li.product .product_type_simple.add_to_cart_button:before {
    display: block;
    margin: 0;
    padding: 6px 0;
    left: 12px;
    content: "\e07a";
    font-size: 24px;
    opacity: 1;
    -webkit-transition: none;
    transition: none;
}

.woocommerce ul.products li.product .product_type_simple.add_to_cart_button:after {
    content: "";
}