/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css 
 */ 


/* Selecteur de langues

/* Positionnement du bloc complet */
body #header .header-nav .language-selector{margin-left: 50px;margin-top:0;white-space:nowrap;}
/* Hover rouge sur le texte */
.dropdown:hover .expand-more{color:#e5231b}
body#cms #header .dropdown:hover .expand-more{color:#e5231b}

/* langue active au-dessus selecteur */
.dropdown .expand-more{font-size:12px;color:#ffffff}
body #header.sticky .dropdown .expand-more{color:#000000} /* variante menu sticky blanc */
body#cms #header .dropdown .expand-more{color:#000000} /* variante menu sticky blanc dans pages CMS : maintient le lien en noir; */

/* Boutton */
.btn-menu-multi{border-color:#FFFFFF;border-radius:21px;font-weight:400;line-height:1.2;position:relative;overflow:hidden;}
.btn-primary-menu-multi{color:#fff;background-color:#d63f38;border-color:transparent;border-radius:21px;padding:5px 20px 5px 20px;cursor: pointer;}
.btn-menu-multi:after{content:"\E900";font-family:icomoon!important;position:absolute;right:11px;font-size:11px;line-height:1.5;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .3s ease-in-out}




/*.dropdown .active{max-height:200px;overflow-y:hidden;visibility:visible} */
/*.dropdown-item:focus,.dropdown-item:hover{background:none;text-decoration:none;color:#ebbc45} */

/* Container menu déroulant */
.dropdown-menu{left:auto;width:40px;background:#11594b;border:none}
/* Variante sticky : body #header.sticky .dropdown-menu{background:#11594b} */

/* Texte langues : menu transparent / blanc sticky et blanc */
.dropdown-item{display:block;width:100%;padding:3px 1.5rem;clear:both;font-size:12px;font-weight:400;color:#ebbc45;text-align:inherit;white-space:nowrap;background:none;border-bottom:1px solid #11594b}
body #header.sticky .dropdown-item{display:block;width:100%;padding:3px 1.5rem;clear:both;font-size:12px;font-weight:400;color:#fff;text-align:inherit;white-space:nowrap;background:none;border:none}
body#cms #header .dropdown-item{display:block;width:100%;padding:3px 1.5rem;clear:both;font-size:12px;font-weight:400;color:#fff;text-align:inherit;white-space:nowrap;background:none;border:none}

/*body#cms #header a{color:#000;border-color:#000}*/

/* PAGES CMS

/* Titre */
body#cms #wrapper .block-view:not(:first-child) .content h2.title-2{font:400 1.8em 'Playfair Display',sans-serif;color:#11594b;margin-bottom:20px}
/* Paragraphes CMS */
body#cms #wrapper .block-view.block-view-3 .content .title-3,body#cms #wrapper .block-view.block-view-4 .content .title-3{font:400 14px/16px Roboto,sans-serif;margin-bottom:20px;line-height:1.6;}

/* taille polices dans la page d'accueil */
#wrapper .block-view .content p{color:#000;font-size:16px;font-weight:400;line-height:1.4}
#wrapper .block-view.block-view .content p{max-width:310px;display:inline-block}


/* Titre accueil */
#wrapper .block-view .content .title-2{font-family:Playfair Display;font-size:29px;line-height:33px;font-weight:400}

/* PAGE CONTACT
Placement logo 
body:not(#index):not(#cms).page-contact .message-label .form-control-label{position:static;;font-size:1rem;margin:10px 0 5px} /*Label textarea */
.label,label{color:#333;text-align:right;font-size:1rem} /*Label autres champs */

body:not(#index):not(#cms) .form-control-label{color:#999;font:400 18px/22px Roboto,sans-serif;display:block;position:absolute;top:16px;font-style:italic;background:none;transition:all .3s ease-in-out;padding:0;z-index:9;text-align:left;padding:5px;}
body#contact .contact-rich{padding-left:36px;padding-top:50px;text-align:center}
body:not(#index):not(#cms).page-contact .message-label .form-control{border:1px solid #ccc;padding:10px;background: #f7f7f7} /* champ texarea */
body:not(#index):not(#cms) .form-control,body:not(#index):not(#cms) .input-group{border:1px solid #ccc;background:#f7f7f7;font:400 16px/24px Roboto,sans-serif;color:#000;padding:10px} /*Champs hors textarea */
body#contact .contact-rich .logo{padding-bottom:15px;width:160px}
body#contact .contact-rich h5{margin-bottom:28px;font-family:Playfair Display;font-size:17px;line-height:1.4;color:#000;font-weight:500}
body#contact .contact-rich .block .data,body#contact .contact-rich .block a{font-family:Roboto,sans-serif;font-size:14px;color:#000;font-weight:inherit;padding-bottom:15px}
body#contact .col-md-6{float:left;width:100%;margin-bottom:30px} /* longueur des champs et padding */

/* Cache l'option mettre le MDP en clair */
body:not(#index):not(#cms) section.checkout-step #login-form .input-group .btn,body:not(#index):not(#cms) section.checkout-step #login-form .input-group .input-group-btn,body:not(#index):not(#cms) section.checkout-step #login-form .note{display:inline}
body:not(#index):not(#cms) .input-group .input-group-btn>.btn-mdp[data-action=show-password]{cursor: pointer;width:25px;height:25px;padding:0;background:none;border:none;color:#707070;overflow:visible;text-transform:inherit;position:absolute;right:160px;top:6px;white-space:pre-wrap;z-index:9;line-height:0;outline:none}
body:not(#index):not(#cms) section.checkout-step #customer-form .btn-mdp,body:not(#index):not(#cms) section.checkout-step #delivery-address .btn-mdp,body:not(#index):not(#cms) section.checkout-step #invoice-address .btn-mdp,body:not(#index):not(#cms) section.checkout-step #login-form .btn-mdp{background:none;border:0;border-radius:12px;width:40px;height:20px;font:400 15px/18px Roboto,sans-serif;padding:8px 16px;color:#fff;transition:all .3s ease-in-out;padding:7px 20px}
body:not(#index):not(#cms) .input-group .input-group-btn>.btn-mdp[data-action=show-password]+span{font:400 10px/11px Roboto,sans-serif;color:#707070;width:150px;display:inline-block;white-space:pre-wrap;text-align:left;position:absolute;z-index:9;top:18px;right:0} /* Placement de la legende texte */

body:not(#index):not(#cms) section.checkout-step #login-form{max-width:none;width:100%} /* Largeur des champs login */


/* Icone de formulaires */
body:not(#index):not(#cms) .form-control.valid,body:not(#index):not(#cms) .input-group.valid{background:url(../css/4d46984faed4557f6143573ce983cdf7.svg) no-repeat 98%;background-size:15px}
body:not(#index):not(#cms) .form-control.error,body:not(#index):not(#cms) .input-group.error{background:url(../css/62ea6b172eb09d30d1169cb56913ef96.png) no-repeat 98%; background-size:15px}

/* Message alerte */
.alert-danger{background-color:#eaeaea;border-color:red;color:red;font-size:1.0em}
.alert-success{background-color:#eaeaea;border-color:#3c763d;color:#3c763d;font-size:1.0em}

/* Champ référence */
.label-ref span {font-size:0.8em;color:#eaeaea;}

/* COMPTE CLIENT */
#module-sociallogin-account .page-footer,.page-customer-account .page-footer,.page-my-account .page-footer{border:1px solid #eaeaea;box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2); margin:0 auto;padding:6px 0 6px 10px;max-width:900px;text-align:center;}
.page-footer .account-link span{font-weight:400;font-size:1rem;vertical-align:middle}

i.fas fa-long-arrow-alt-left {color:#333}


.has-discount .discount{background:none;color:#fff;font-weight:300;padding:.3125rem .625rem;font-size:1rem;margin-left:.625rem;text-transform:uppercase;display:inline-block}
.has-discount.product-price,.has-discount p{color:#333}

/* mentions frais de port */
p.ship {font:400 16px/20px Roboto,sans-serif;color:#000;padding-top:30px;text-decoration:none}

/* Boutons de connexion */
body:not(#index):not(#cms) section.checkout-step .nav-inline .nav-item .nav-link{border:1px solid #707070;padding:7px 28px;max-width:240px;text-align:center;font:400 20px/24px Roboto,sans-serif;color:#000}

/* Rend le logo phase checkout cliquable */
body:not(#index):not(#cms) #header .logo-footer{padding:0;pointer-events:auto} 

/* Renvoi mdp ecran de confirmation */
body:not(#index):not(#cms) a{color:#11594b;font-weight:600;outline:none;text-decoration:none}

/* Ecran de login plus large */
.page-customer-account #login-form{max-width:100%}

/* Ajoute des separateurs entre les choix modes paiement */
body:not(#index):not(#cms) section.checkout-step .payment-options .payment-option {
    margin-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    padding: 6px 0 6px 0;
}

/* Descriptions produit */
#product-description-short p {
    font: 600 16px/25px Roboto,sans-serif;
    line-height:1.4;
    color: #000;
    margin-bottom: 20px;
}
.product-actions .product-description p {
    font: 400 14px/16px Roboto,sans-serif;
    line-height:1.4;
    color: #000;
    margin-bottom: 20px;
}

/* Confirmation de commande */
.titre-conf-cmd {
    font: 500 20px/24px Roboto,sans-serif;
    line-height:1.4;
    color: #000;
    }

    /* fiche produit */
    .product-actions .product-description{margin-bottom:8px} /* reduire la marge haute apres la description */
    .product-add-to-cart-delivery {margin:0 0 30px 0;} /* Container frais de port dans fiche produit */
    .product-actions .attr-product .product-prices{position:absolute;top:84%;left:75px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}  /* Ajuster le placement vertical du prix */

    /* PRIX fiche */
    @media (max-width:900px) {
    .product-price{font:900 30px/32px Roboto,sans-serif;color:#000;display:inline-block}
    }
     @media (min-width:900px) {
    .product-price{font:900 34px/36px Roboto,sans-serif;color:#000;display:inline-block}
    }
    

/* Bouton promo */
.block-promo .promo-input+button{margin-top:-4px;text-transform:capitalize;width:120px;}
/* Infos promo */
.block-promo .promo-code .alert-danger{position:relative;margin-top:1.25rem;background:#ff4c4c;color:#fff;display:none}
.block-promo .promo-code .alert-danger:after{bottom:100%;left:10%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#ff4c4c;border-width:10px;margin-left:-10px}
.block-promo .promo-input{color:#232323;border:1px solid #7a7a7a;height:2.5rem;text-indent:.625rem;width:60%}
.block-promo .promo-input+button{margin-top:-4px;text-transform:capitalize}
.block-promo .cart-summary-line .label,.block-promo .promo-name{color:#ebbc45;font-weight:600;font-size:14px;line-height:1.2;}
.block-promo .cart-summary-line .label a,.block-promo .promo-name a{font-weight:400;color:#232323;display:inline-block}
.block-promo .promo-code-button{padding-left:1.25rem;margin-bottom:1.25rem;display:inline-block}
.block-promo.promo-highlighted{padding:1.25rem;padding-bottom:0;margin-bottom:0}