/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/* Importation Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

 
/*body, input, textarea, select {
    font-family: 'EB Garamond', Georgia, "Times New Roman", serif;
}*/

/*Entete en orange*/
.header-nav {
    background: #df641f !important;
}

/*Entete en dessous en blanc roser*/
.header-top{
    background: #fbf9f5 !important;
}
/*Couleur du bord de ce block blanc rose*/
#header .header-top {
    border-bottom: 2px solid #df641f;
}


/*Couleur bouton orange*/
.btn-primary, .btn-primary:hover {
    background-color: #df641f;
}

/*Couleur bouton nouveau en orange*/
.product-flags li.product-flag {
    background-color: #df641f;
}

/*Couleur du prix*/
.product-price {
    color: #000000;
}

/*Couleur description produit*/
.page-content.page-cms ul, p {
    color: #837762;
}

/*Couleur du fond en blanc*/
#wrapper {
    background: #ffffff;
}

/*Carte nom catégorie*/
.card {
    background-color: #fbf9f5;
}
.block-categories {
    background: #fbf9f5;
}

/*Couleur nom produit*/
.product-miniature .product-title a {
    color: #000000;
}

/*Modification du texte du nom du produit*/
.product-miniature .product-title a {
    font-size: 1rem;
    font-weight: 700;
}

/*Couleur texte Description en bas des produits detail*/
.tabs .nav-tabs .nav-link.active {
    color: #df641f;
}

/*Couleur traite en dessous texte Description*/
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    border-bottom: #df641f 3px solid;
}

/*Tout lien en orange*/
a {
    color: #df641f;
}

/*Footer couleur texte quand survole*/
.account-list a:hover,.block_newsletter form button[type=submit] .search:hover,.footer-container li a:hover {
    color: #bb7713
}

/*Bouton newsletter changement de couleur quand on clique*/
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover {
    background-color: #ff7f17!important;
}

/*Couleur de fond footer*/
.footer-container {
    background-color: #fbf9f5;
}

/*Footer couleur de fond des titre*/
.footer-container .h3, .footer-container .h4 {
    background-color: #fbf9f5 !important;
}
a.text-uppercase {
    background-color: #fbf9f5 !important;
}

/*Survole produit apercu rapide*/
.product-miniature .highlighted-informations .quick-view:hover {
    color: #bb7713
}

/*Couleur menu header*/
#header .header-top a[data-depth="0"] {
    color: #837762;
}

/*Couleur texte header*/
#block_myaccount_infos .myaccount-title a, #header a, #wrapper .breadcrumb li a, .block-contact .block-contact-title, .block-contact .navbar-toggler .material-icons, .linklist .blockcms-title a {
    color: #ffffff;
}

/*Couleur texte header survole*/
.account-list a:hover,.block_newsletter form button[type=submit] .search:hover,.footer-container li a:hover {
    color: #bb7713
}

/*Couleur cadre newsletter*/
.block_newsletter form input[type=email]:focus {
    border: 3px #df641f solid;
}

/*Couleur bouton afficher pour se connecter*/
.input-group .input-group-btn>.btn[data-action=show-password] {
    background: #df641f;
}

/*Couleur fond du panier*/
#header .header-nav .cart-preview.active {
    background: #bb7713;
}

/*Couleur texte survole en orange*/
a:hover {
    color: #bb7713;
}
#block_myaccount_infos .myaccount-title a:hover,
#header a:hover,
#wrapper .breadcrumb li a:hover,
.block-contact .block-contact-title:hover,
.block-contact .navbar-toggler .material-icons:hover,
.linklist .blockcms-title a:hover {
    color: #bb7713;
}
#header .header-top a[data-depth="0"]:hover {
    color: #bb7713;
}

/*Couleur nom produit survole dans panier*/
.product-line-grid-body>.product-line-info>.label:hover {
    color: #676791;
}

/*Couleur bouton survole*/
.btn-primary:hover {
    background-color: #bb7713;
}

/*Couleur texte dans le footer*/
.text-uppercase {
    color: #000000!important;
}

/*Couleur bord image catégorie*/
#subcategories ul li .subcategory-image a:hover {
    border: 1px solid #ffffff;
}

/*Couleur texte survole catégorie*/
#subcategories ul li .subcategory-name:hover {
    color: #bb7713;
}

/*Couleur de fond du panier*/
#header .header-nav .blockcart {
    background: #df641f;
}

/*Couleur du panier*/
#header .header-nav .cart-preview .shopping-cart {
    color: #ffffff;
}

/*Couleur texte*/
#header {
    color: #ffffff;
}

/*Couleur Accueil lien*/
#block_myaccount_infos .myaccount-title a, #header a, #wrapper .breadcrumb li a, .block-contact .block-contact-title, .block-contact .navbar-toggler .material-icons, .linklist .blockcms-title a {

    background-color: #df641f;
}

/*Désactiver la sous catégorie*/
#subcategories {
    display: none;
}

/*Changement couleur cadre image produit détail*/
.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover {
    border: #df641f 3px solid;
}

/*Changement couleur numéro page*/
.pagination .current a {
    color: #df641f;
}

.product-cover img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block;
}
.product-cover img[style] {
    width: 100% !important;
}

/*Mettre transparant la couleur logo et couleur texte a*/
#block_myaccount_infos .myaccount-title a, #header a, #wrapper .breadcrumb li a, .block-contact .block-contact-title, .block-contact .navbar-toggler .material-icons, .linklist .blockcms-title a {
    background-color: #ffffff00!important;
    color: black;
}

/*Changer la couleur quand on suvole le choix de la langue*/
.carousel .carousel-control .icon-next:hover i,
.carousel .carousel-control .icon-prev:hover i,
.dropdown:hover .expand-more, .page-my-account #content .links a:hover i, .search-widget form button[type=submit] .search:hover, .top-menu .sub-menu a:hover {
    color: #cc6600!important;
}

/*Changer couleur bouton contactez-nous*/
.bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default {
    background: #df641f;
}