@charset "utf-8";
/*
Theme Name:    CATHELAIN E-COMMERCE 2020
Theme URI:     https://www.tigefiletee-express.fr/
Description:   Storefront WooCommerce Child Theme
Author:        ODIENS
Author URI:    https://www.odiens.com/
Template:      storefront                         
Version:       1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

:root {
	--bleu-principal: #093c5d;
	--bleu-secondaire: #002d4e;
	--blanc: #fff;
	--rouge-principal: #BF151A;
	--rouge-secondaire: #D01314;
	--jaune: #F7E336;
	/*--gris: #B6BAC1;*/
	--gris: #979BA2;
	--noir: #001726;
}

/* ----------------------------------- GLOBAL ----------------------------------- */
 * {
     font-family: 'Ubuntu', sans-serif !important;
}
 body {
     color: var(--gris);
}
 .single-product .widget-area {
     display:none;
}
 .blog .content-area, .category .content-area, .single-post .content-area, .single-product .content-area {
     width:100%;
     margin-right:0;
}
 .pt-cv-wrapper .btn-success {
     background-color:black;
     border:none;
}
 .storefront-breadcrumb {
     margin:1.5em 0;
     padding:0;
     color: var(--bleu-principal);
     font-weight:500;
}
 .woocommerce-breadcrumb a:first-of-type:before {
     color: var(--bleu-principal);
}
 .woocommerce-breadcrumb a, a.woocommerce-review-link, .product_meta a {
     color: var(--gris);
     text-decoration:none;
     font-weight:normal;
}
/*CTA & INTERACTIONS*/
a, a:focus, button, button:focus, .button.alt:focus, input, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
     outline:none;
     transition:300ms;
     -webkit-transition: 300ms;
     -moz-transition: 300ms;
     -o-transition: 300ms;
}
 button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button, button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .widget-area .widget a.button.alt {
     background-color: var(--bleu-principal);
     border-color: var(--bleu-principal);
	 color: var(--blanc);
     width:auto !important;
     display:inline;
     border-radius: 20px 20px 20px 20px;
     -moz-border-radius: 20px 20px 20px 20px;
     -webkit-border-radius: 20px 20px 20px 20px;
     color: var(--blanc);
     font-weight:700;
     font-size:1rem;
     line-height:1;
}

button.alt:hover, input[type="button"].alt:hover, input[type="reset"].alt:hover, input[type="submit"].alt:hover, .button.alt:hover, .widget-area .widget a.button.alt:hover {
	background-color: var(--bleu-secondaire);
     border-color: var(--bleu-secondaire);
}

button.alt.single_add_to_cart_button {
	background-color: var(--rouge-principal);
    border-color: var(--rouge-principal);
    color: var(--blanc);
}

button.alt.single_add_to_cart_button:hover {
    background-color: var(--bleu-principal);
    border-color: var(--bleu-principal);
    color: var(--blanc);
}

.added_to_cart,
.site-header-cart .widget_shopping_cart a.button,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link {
	background-color: var(--rouge-principal);
    border-color: var(--rouge-principal);
    color: var(--blanc);
}

.added_to_cart:hover,
.site-header-cart .widget_shopping_cart a.button:hover,
.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover {
	background-color: var(--rouge-secondaire);
    border-color: var(--rouge-secondaire);
    color: var(--blanc);	
}

.added_to_cart.alt,
.added_to_cart,
.widget a.button.checkout {
    background-color: var(--blanc);
    border-color: var(--blanc);
    color: var(--bleu-secondaire);	
}
.added_to_cart.alt:hover,
.added_to_cart:hover,
.widget a.button.checkout:hover {
    background-color: var(--jaune);
    border-color: var(--jaune);
    color: var(--bleu-secondaire);
}

#payment .place-order .button,
.wc-proceed-to-checkout .button.checkout-button {
	background-color: var(--rouge-principal);
    border-color: var(--rouge-principal);
    color: var(--blanc);	
}

#payment .place-order .button:hover,
.wc-proceed-to-checkout .button.checkout-button:hover {
    background-color: var(--bleu-principal);
    border-color: var(--bleu-principal);
    color: var(--blanc);
}

 .main-navigation ul.menu ul li a:hover, .main-navigation ul.nav-menu ul li a:hover, .secondary-navigation ul.menu a:hover, .menu-menu-du-footer-container ul li a:hover {
     opacity:0.8;
}
 ul.phoen_list li.product div.phoeniixx_short_btn a.button:hover, .single-product .products ul li a.add_to_cart_button:hover, .home .woocommerce-loop-category__title:hover {
     background-color: var(--bleu-principal);
}
 button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover, .widget a.button:hover {
     background-color: var(--bleu-secondaire);
}
 a::after {
     -webkit-animation: fadeIn 0.3s;
     animation: fadeIn 0.3s;
}

/* ----------------------------------- HEADER ----------------------------------- */
 .site-header {
     padding-top:1em;
}
 .main-navigation ul.menu > li > a {
     text-transform:uppercase;
     font-weight: 700;
     padding-top:10px;
     padding-bottom:10px;
}
 .main-navigation ul.menu > li.menu-item-has-children > a::after {
     content: none;
}
 .site-header-cart .cart-contents {
     padding-top:10px;
     padding-bottom:10px;
}
 .site-header-cart .cart-contents::after {
     border: 1px solid;
     border-radius: 100%;
     padding: 5px;
     line-height: 1;
}
 .site-header-cart .cart-contents .count {
     opacity:1;
     color: var(--gris);
}
 .secondary-navigation ul.menu > li > a {
     font-weight: 500;
}
 .site-search .widget_product_search form input[type=search] {
     border-radius: 20px 20px 20px 20px;
     -moz-border-radius: 20px 20px 20px 20px;
     -webkit-border-radius: 20px 20px 20px 20px;
}
 .site-header .site-branding img {
     max-height:110px;
}
 .widget_shopping_cart li.mini_cart_item .variation {
     display:none;
}
 .widget_shopping_cart li.mini_cart_item .quantity {
     padding-left:1.618em;
}
 .widget_shopping_cart p.buttons a {
     display:block !important;
     margin:0 0 1em 0;
     height:auto;
     line-height:1;
}

/* ----------------------------------- REASSURANCE ----------------------------------- */
 .reassurance {
     position:relative;
     display:block;
     width:100%;
     margin:0;
     padding:35px 0 0 0;
     min-height:191px;
     height:auto;
     text-align:center;
     background: url('assets/background-reassurance.png') top center no-repeat;
}
 .reassurance .grid-container {
     max-width: 66.4989378333em;
     margin-left: auto;
     margin-right: auto;
     padding: 0 2.617924em;
     box-sizing: content-box;
     color: var(--bleu-principal);
     font-size:0.9em;
     line-height:1.2;
}
 .reassurance .grid-container > div {
     margin:0 0 35px 0;
     text-align:center;
}
 .reassurance .grid-container img {
     object-fit: contain;
     height:auto;
     width:auto;
     min-width:0;
     min-height:0;
}
 .reassurance .grid-container span {
     font-weight:700;
     text-transform:uppercase;
     font-size:1em;
}
 .reassurance .grid-container mark {
     color: var(--rouge-principal);
     font-weight:700;
}
 .reassurance .grid-container a {
     color: var(--bleu-principal);
     font-weight:normal;
     text-decoration:underline;
     font-size:0.75em;
}
 .reassurance .grid-container .col1 {
     grid-area: col1;
}
 .reassurance .grid-container .col2 {
     grid-area: col2;
}
 .reassurance .grid-container .col3 {
     grid-area: col3;
}
 .reassurance .grid-container .col4 {
     grid-area: col4;
}
 .reassurance .grid-container .col5 {
     grid-area: col5;
}

/* ----------------------------------- FOOTER ----------------------------------- */
 .site-footer .footer-widgets .widget-title {
     color: var(--blanc);
     font-size:1em;
     line-height:1.2;
     font-weight:700;
     text-transform:uppercase;
     margin:1.5em 0;
}
 .site-footer .footer-widgets .widget-title:after {
     content: "";
     display: block;
     padding-top:1em;
     width: 95%;
     border-bottom:1px solid rgba(112, 112, 112, 0.3);
}
 .product_list_widget li {
     padding: 0.5em 0;
}
 .product_list_widget li img {
     display:none;
}
 .footer-widget-3 li.menu-item {
     padding-left:0 
}
 .footer-widget-3 li.menu-item:before {
     content: none;
}
 .footer-widget-3 li.menu-item a {
     text-decoration:none;
}
 .footer-widget-2 li span.woocommerce-Price-amount {
     opacity:0.6;
}
 .site-footer .site-info {
     display:none;
}
 .low-footer {
     position:relative;
     display:block;
     width:100%;
     margin:0;
     padding:0;
}
 .low-footer img {
     text-align:center;
     height:50px;
     width:auto;
     object-fit:contain;
     margin:0 auto 20px auto;
}
 .low-footer div {
     text-align:center;
}

/* ----------------------------------- HOME ----------------------------------- */
 .home h1.entry-title {
     color:#fff !important;
     font-size:1.4em;
     line-height:1.2;
     font-weight:700;
     text-transform:uppercase;
     margin:2.5em 0 1.5em 0;
}
 .home h1.entry-title:before {
     content: '';
     background: url('assets/homepage-iconset.svg') no-repeat;
     background-size:contain;
     position: absolute;
     width:148px;
     height:106px;
     margin:0 auto;
     top:1.6em;
     left: calc(50% - 74px);
     left: -webkit-calc(50% - 74px);
}
 .home h1.entry-title:after {
     content: '';
     position: absolute;
     width: 60px;
     left: calc(50% - 30px);
     left: -webkit-calc(50% - 30px);
     border-bottom: 2px solid #BF151A;
     margin:1.6em 0 0 0;
}
 .home .hentry h2, .home .hentry h3, .home .hentry h4, .home .hentry h5, .home .hentry h6 {
     color: var(--blanc);
}
 .home .entry-content p {
     color: var(--blanc);
     font-size:0.9em;
}
/*section 2*/
 .home .woocommerce-loop-category__title {
     background-color: var(--rouge-principal);
     width:auto !important;
     display:inline;
     border-radius: 20px 20px 20px 20px;
     -moz-border-radius: 20px 20px 20px 20px;
     -webkit-border-radius: 20px 20px 20px 20px;
     margin:0 auto;
     padding:10px 30px;
     color: var(--blanc);
     text-transform:uppercase;
     font-weight:bold !important;
     font-size:1.2em !important;
     line-height:1;
     transition:300ms;
     -webkit-transition: 300ms;
     -moz-transition: 300ms;
     -o-transition: 300ms;
}
 .home .woocommerce-loop-category__title mark {
     color: var(--blanc);
     font-weight:normal;
     font-style:italic;
}
 .home .storefront-product-categories .section-title {
     color: var(--bleu-principal);
     font-size:1.4em;
     line-height:1.2;
     font-weight:700;
     text-transform:uppercase;
     margin:1.5em 0;
}
 .home .storefront-product-categories .section-title:after {
     content: '';
     position: absolute;
     width: 60px;
     left: calc(50% - 30px);
     left: -webkit-calc(50% - 30px);
     border-bottom: 2px solid #BF151A;
     margin:1.6em 0 0 0;
}
 .page-template-template-homepage.has-post-thumbnail .type-page.has-post-thumbnail .entry-content {
     color: var(--blanc);
}
/* ----------------------------------- LIST VIEW PRODUCTS ----------------------------------- */
 ul.phoen_list li.product {
     clear:both !important;
     float:none !important;
     border:none !important;
     background-color: var(--blanc);
     padding:20px;
     margin:0 0 3em 0;
     border-bottom:0.7em solid #093C5D !important;
     border-radius:0.7em;
     -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);
     -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);
     box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.15);
}
 .phoen_gridlist_toggle {
     display:none !important;
}
 ul.phoen_list li.product a img {
     display:none !important;
}
 ul.phoen_list li.product div.phoeniixx_short_desc {
     width:100%;
     position:relative;
     margin:0;
     padding:0;
}
 ul.phoen_list li.product div.phoeniixx_short_desc p {
     overflow: hidden;
     position: relative;
     line-height: 1.2em;
     max-height: 2.4em;
     text-align: justify;
     margin:0 0 15px 0;
     padding-right: 1em;
     color: var(--gris);
}
 ul.phoen_list li.product h2.woocommerce-loop-product__title {
     font-size:1.2rem !important;
     color: var(--bleu-principal);
     text-transform:uppercase;
     font-weight:700;
     margin-bottom:1em;
}
 ul.phoen_list li.product h2.woocommerce-loop-product__title:after {
     content: '';
     position: absolute;
     width: 60px;
     left: 20px;
     border-bottom: 2px solid #BF151A;
     margin:1.6em 0 0 0;
}
 ul.phoen_list li.product span.price {
     font-size:1rem !important;
     margin:0 0 0.8em 0;
     color: var(--rouge-principal);
     font-style:italic;
     font-weight:500;
}
 ul.phoen_list li.product div.phoeniixx_short_btn a.button {
     background-color: var(--rouge-principal);
     width:auto !important;
     display:inline;
     border-radius: 20px 20px 20px 20px;
     -moz-border-radius: 20px 20px 20px 20px;
     -webkit-border-radius: 20px 20px 20px 20px;
     margin:0 auto;
     padding:0.4em 1.2em;
     color: var(--blanc);
     font-weight:700;
     font-size:1rem;
     line-height:1;
}
 .widget-area .woocommerce .widget-title {
     color: var(--gris);
     padding-left:24px;
}
 .widget-area .woocommerce .widget-title:before{
     content: '';
     background-image:url('assets/icon-filter.svg');
     background-repeat:no-repeat;
     width: 18px;
     height: 12px;
     position: absolute;
     margin: 10px 0 0 -22px;
}
 .widget_product_categories ul li.current-cat::before, .widget_product_categories ul li::before {
     color: var(--bleu-principal);
     opacity:1;
}
 ul.product-categories li.cat-item a, .widget-area .widget_layered_nav_filters ul li a, .widget-area .woocommerce-widget-layered-nav ul li a {
     text-decoration:none;
     color: var(--bleu-principal);
     font-size:0.9em;
     font-weight:500;
     line-height:1;
    /*padding-right:0.2em;*/
}
 ul.product-categories li.cat-item .count, .widget-area .widget_layered_nav_filters ul li .count, .widget-area .woocommerce-widget-layered-nav ul li .count {
     text-decoration:none;
     color: var(--bleu-principal);
     font-size:0.9em;
     font-weight:500;
    /*line-height:1.9em;*/
     line-height:inherit;
     position:relative;
     margin:0;
     padding:0;
     float:none;
}
 .woocommerce-products-header {
     background-color: var(--bleu-principal);
     color: var(--blanc);
     padding:1em;
     margin:0 0 2em 0;
     position:relative;
}
 .woocommerce-products-header h1 {
     color: var(--blanc);
     text-transform:uppercase;
     font-weight: 700;
     font-size:2em;
     line-height:1;
     margin:0 0 0.7em 0;
     padding:0;
}
 .woocommerce-products-header h1:after {
     content: '';
     position: absolute;
     width: 60px;
     left: 20px;
     border-bottom: 2px solid #BF151A;
     margin:1.2em 0 0 0;
}
 .woocommerce-products-header .term-description {
     font-size:0.95em;
     line-height:1.2;
     margin:0;
     padding:0;
}
 .widget_price_filter .ui-slider .ui-slider-range, .widget_price_filter .ui-slider .ui-slider-handle {
     background-color: var(--rouge-principal);
}
 .woocommerce-result-count {
     color: var(--gris);
}
/*.cat-entete-img {
     display:none;
}*/

.pagination .page-numbers li .page-numbers,
.woocommerce-pagination .page-numbers li .page-numbers {
     background-color: var(--blanc);
     border-radius:10px;
}
 .pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers.current {
     background-color: var(--bleu-principal);
     border-radius:10px;
     border:none;
     color: var(--blanc);
}

/* ----------------------------------- SINGLE PRODUCT ----------------------------------- */
 .single-product div.product .summary {
     -webkit-box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.16);
     -moz-box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.16);
     box-shadow: -4px 4px 8px 0px rgba(0,0,0,0.16);
     border-radius: 10px;
     padding: 1em 0 2em 2em;
}
 .single-product .related, .single-product .upsells {
     background-color: var(--bleu-principal);
     color: var(--blanc);
     padding:2em 0 0.5em 0;
}
 .single-product div.product h1.product_title {
     font-size:1.8em;
     font-weight:400;
     margin:0;
     padding:0;
     line-height:1.2;
}
 .single-product div.product p.price {
     font-size: 1.1em;
     margin:0;
     padding:0;
     color: var(--rouge-principal);
     font-style: italic;
     font-weight: 500;
}
 .single-product div.product div.woocommerce-product-details__short-description {
     font-size: 1em;
     color: var(--gris);
     font-weight:normal;
     margin:2em 0 0 0;
     padding:0;
}
 .single-product .variations label {
     font-size:1em;
     color: var(--bleu-principal);
     font-weight:700;
     margin:0;
     padding:0;
}

.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
    width: 20%;
    margin-right: 5%;
}

.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
    -webkit-box-shadow: 0px 3px 5px 0px rgba(204,204,204,0.75);
    -moz-box-shadow: 0px 3px 5px 0px rgba(204,204,204,0.75);
    box-shadow: 0px 3px 5px 0px rgba(204,204,204,0.75);
}

 .single-product .posted_in, .single-product .posted_in a {
     color: var(--bleu-principal);
     font-weight:400 !important;
}
 .single-product .upsells > h2, .single-product .related > h2 {
     display:block;
     color: var(--blanc);
     text-transform:uppercase;
     font-size:1.1em;
     font-weight:700;
     margin:0 auto 2em auto;
     padding:0;
     text-align:center;
}
 .single-product .products h2.woocommerce-loop-product__title:after {
     content: '';
     position: absolute;
     width: 60px;
     left: calc(50% - 30px);
     border-bottom: 2px solid #BF151A;
     margin:1.8em 0 0 0;
}
 .single-product .upsells > ul, .single-product .related > ul {
     max-width: 66.4989378333em;
     margin-left: auto;
     margin-right: auto;
     padding: 0 2.617924em;
     box-sizing: content-box;
}
 .single-product .upsells > ul li, .single-product .related > ul li {
     background-color: var(--blanc);
     border-radius: 10px 10px 10px 10px;
     -moz-border-radius: 10px 10px 10px 10px;
     -webkit-border-radius: 10px 10px 10px 10px;
     min-height:150px;
     margin:0 0 20px 0;
     padding:10px 0 20px 0;
}
 .single-product .upsells > ul li h2, .single-product .related > ul li h2 {
     color: var(--bleu-principal);
     display:block;
     text-transform:uppercase;
     font-weight:700 !important;
     margin:0.8em auto;
     padding:0 2em;
     text-align:center;
     line-height:1.4;
}
 .single-product .upsells > ul li img, .single-product .related > ul li img {
     display:none;
}
 .single-product .upsells > ul li span.price, .single-product .related > ul li span.price {
     font-size: 1em;
     margin:0;
     padding:0;
     color: var(--rouge-principal);
     font-style: italic;
     font-weight: 500;
     margin:1em auto;
}
 .single-product .products ul li a.add_to_cart_button {
     background-color: var(--rouge-principal);
     margin:0 auto;
}
/* wc-css-make-storefront-product-tabs-horizontal */
 .woocommerce div.product .woocommerce-tabs ul.tabs {
     width: 100%;
     float: none;
     -webkit-box-shadow: 0px 20px 30px -20px rgba(0,0,0,0.15);
     -moz-box-shadow: 0px 20px 30px -20px rgba(0,0,0,0.15);
     box-shadow: 0px 20px 30px -20px rgba(0,0,0,0.15);
     list-style: none;
     padding: 0 0 0.5em;
     margin: 0 0 3em;
     overflow: hidden;
     position: relative;
     text-align:center;
     border:none;
}
 .woocommerce div.product .woocommerce-tabs ul.tabs::before {
     content:none;
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li {
     display: inline-block;
     position: relative;
     z-index: 0;
     margin: 0;
     padding: 0 1em;
     border:none;
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li:after {
     content: none;
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
     content: '';
     position: absolute;
     width: calc(100% - 2em);
     left: 1em;
     border-bottom: 2px solid #BF151A;
     margin:0.9em 0 0 0;
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li a {
     display: inline-block;
     padding: .5em 0;
     color: var(--bleu-principal);
     text-decoration: none;
     text-transform:uppercase;
     font-size:1em;
	 line-height:1;
}
 .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
}
/* remove-outline-from-active-jquery-ui-tab */
 .woocommerce .wc-tabs li a:focus, .ui-state-focus:focus {
     outline: none !important;
}
 .ui-tabs-anchor:active, .ui-tabs-anchor:focus {
     outline:none;
}
 .woocommerce-tabs .panel {
     width:100%;
}
 .woocommerce-tabs .panel h2:first-of-type {
     display:none;
}
/* ----------------------------------- CHECKOUT ----------------------------------- */
 input#billing_company, input#billing_siret {
     background-color:#093c5d38;
}
/* ----------------------------------- PAGES ----------------------------------- */
 .page-template-template-fullwidth h1.entry-title {
     margin:0 0 1em 0;
}
 .page-template-template-fullwidth h1.entry-title:before {
     content: '';
     position: absolute;
     width: 60px;
     border-bottom: 2px solid #BF151A;
     margin:1.35em 0 0 0;
}
 .page-template-template-fullwidth .entry-content {
     color: var(--bleu-principal);
     font-size:0.85em;
     font-weight:normal;
}
 .entry-content h2 {
     color: var(--rouge-principal);
     font-size:1.9em;
     font-weight:500;
}
 .entry-content h3 {
     font-weight:500;
}
 .entry-content h4 {
     font-size:1.4em;
}
 .entry-content h5 {
     font-size:1em;
     font-weight:700;
}
 .entry-content h6 {
     font-size:1em;
     font-weight:normal;
}

/* ---------------------------------------------------------------------------------- */
/* ----------------------------------- RESPONSIVE ----------------------------------- */
/* ---------------------------------------------------------------------------------- */
 @media (min-width: 768px) {
     .tax-product_cat .storefront-breadcrumb .woocommerce-breadcrumb {
         padding-left:26.0869565218%;
    }
     .main-navigation ul.menu > li.current-menu-item > a::after, .main-navigation ul.menu > li.current_page_item > a::after, .main-navigation ul.menu > li.focus > a::after, .main-navigation ul.menu > li > a:hover::after {
         content: '';
         position:absolute;
         border-bottom: 0.1em solid #BF151A;
         bottom:0.6em;
         width: calc(100% - 2em);
         width: -webkit-calc(100% - 2em);
         margin:0;
         padding:0;
         left:1em;
    }
     li.callnow {
         padding-left:10px;
    }
     li.callnow:before {
         font-family: 'Font Awesome 5 Free';
         content: "\f2a0";
         color: var(--blanc);
         float: left;
         font-weight: 400;
         font-size:1.1em;
         transform: rotate(-45deg);
         margin:13px auto auto -5px;
    }
     .reassurance .grid-container {
         display: grid;
         grid-template-rows: 1fr;
         grid-template-areas: "col1 col2 col3 col4 col5";
         grid-template-columns: repeat(5, 1fr);
         gap: 0 10px;
    }
     .site-footer {
         background-image:url('assets/background-footer.png');
         background-repeat:no-repeat;
         background-position:top center;
         background-size:contain;
         background-attachment:fixed;
    }
     .footer-widgets {
         padding-top: 3em;
    }
     .home .content-area {
         margin-bottom: 0;
    }
     ul.phoen_list li.product:before {
         content: '';
         /*background-image: url('assets/liste-image-tige.png');*/
		background-image: url(/wp-content/uploads/2020/09/favicon.svg);
		background-position:center;		 
         background-repeat: no-repeat;
         position: absolute;
         width: 84px;
         height:161px;
         left:13px;
         top:13px;
    }
     ul.phoen_list li.product {
         padding-left:115px;
         min-height:200px;
         background-image: url('assets/liste-fond-tige.png');
         background-repeat: no-repeat;
         background-position:bottom right;
    }
     ul.phoen_list li.product h2.woocommerce-loop-product__title:after {
         left:115px;
    }
     .woocommerce-products-header {
         padding:1em;
    }
     .cat-entete-img {
         display: block;
         width: 35%;
         position: absolute;
         top: 0;
         right: 0;
         height: 100%;
         object-fit: cover;
    }
     body.term-tiges-filetees li.product:before, body.term-l-acier-americain-sellers li.product:before, body.term-l-acier-isometrique li.product:before, body.term-l-inoxydable-isometrique li.product:before, body.term-l-inoxydable-americain-sellers li.product:before {
         background-image:url('assets/liste-image-tige.png');
		 background-position:top center;
    }
     body.term-ecrous li.product:before, body.term-e-acier-americain-sellers li.product:before, body.term-e-acier-isometrique li.product:before, body.term-e-inoxydable-isometrique li.product:before, body.term-e-inoxydable-americain-sellers li.product:before {
         background-image:url('assets/liste-image-ecrou.png');
		background-position:top center;
    }
     body.term-rondelles li.product:before, body.term-r-acier-americain-sellers li.product:before, body.term-r-acier-isometrique li.product:before, body.term-r-inoxydable-isometrique li.product:before, body.term-r-inoxydable-americain-sellers li.product:before {
         background-image:url('assets/liste-image-rondelle.png');
		background-position:top center;		 
    }
	/*body.term-accessoires li.product:before {
		background-image: url(/wp-content/uploads/2020/09/favicon.svg);
		background-position:center;		
	}*/
	 
     body.term-tiges-filetees .woocommerce-products-header, body.term-l-acier-americain-sellers .woocommerce-products-header, body.term-l-acier-isometrique .woocommerce-products-header, body.term-l-inoxydable-isometrique .woocommerce-products-header, body.term-l-inoxydable-americain-sellers .woocommerce-products-header {
         background-image:url('assets/categorie-tige-icon.svg');
         background-repeat: no-repeat;
         background-position: 1em 1.3em;
         min-height:145px;
         padding:1em 1em 1em 4em;
    }
     body.term-ecrous .woocommerce-products-header, body.term-e-acier-americain-sellers .woocommerce-products-header, body.term-e-acier-isometrique .woocommerce-products-header, body.term-e-inoxydable-isometrique .woocommerce-products-header, body.term-e-inoxydable-americain-sellers .woocommerce-products-header {
         background-image:url('assets/categorie-ecrou-icon.svg');
         background-repeat: no-repeat;
         background-position: 1em 1.3em;
         min-height:145px;
         padding:1em 1em 1em 4em;
    }
     body.term-rondelles .woocommerce-products-header, body.term-r-acier-americain-sellers .woocommerce-products-header, body.term-r-acier-isometrique .woocommerce-products-header, body.term-r-inoxydable-isometrique .woocommerce-products-header, body.term-r-inoxydable-americain-sellers .woocommerce-products-header {
         background-image:url('assets/categorie-rondelle-icon.svg');
         background-repeat: no-repeat;
         background-position: 1em 1.3em;
         min-height:145px;
         padding:1em 1em 1em 4em;
    }
     body.term-tiges-filetees .woocommerce-products-header h1:after, body.term-l-acier-americain-sellers .woocommerce-products-header h1:after, body.term-l-acier-isometrique .woocommerce-products-header h1:after, body.term-l-inoxydable-isometrique .woocommerce-products-header h1:after, body.term-l-inoxydable-americain-sellers .woocommerce-products-header h1:after, body.term-ecrous .woocommerce-products-header h1:after, body.term-e-acier-americain-sellers .woocommerce-products-header h1:after, body.term-e-acier-isometrique .woocommerce-products-header h1:after, body.term-e-inoxydable-isometrique .woocommerce-products-header h1:after, body.term-e-inoxydable-americain-sellers .woocommerce-products-header h1:after, body.term-rondelles .woocommerce-products-header h1:after, body.term-r-acier-americain-sellers .woocommerce-products-header h1:after, body.term-r-acier-isometrique .woocommerce-products-header h1:after, body.term-r-inoxydable-isometrique .woocommerce-products-header h1:after, body.term-r-inoxydable-americain-sellers .woocommerce-products-header h1:after {
         left:2em;
    }
     .single-product div.product {
         overflow:inherit;
         margin:0;
    }
     .single-product .site-main, .single-product .content-area {
         margin-bottom:0;
    }
     .single-product .related, .single-product .upsells {
         width: 100vw;
         position: relative;
         left: 50%;
         right: 50%;
         margin-left: -50vw;
         margin-right: -50vw;
    }
     .single-product div.product .summary {
         background: url('assets/liste-fond-tige.png') no-repeat bottom right -50px;
    }

	.single-product div.product .product_meta {
		border:none;
	}	 
	 
	.pagination ul.page-numbers,
	.woocommerce-pagination ul.page-numbers { 
		 border-radius:10px;
		padding:4px 10px;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,0.2);
		-moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,0.2);
		box-shadow: 0px 0px 5px 0px rgba(204,204,204,0.2);
	}
	 
	.woocommerce div.product .woocommerce-tabs ul.tabs li a {
		font-size:1.1em;
		line-height:inherit;
	}
	 
}

 @media (min-width:768px) and (max-width:1024px) {
     .home .woocommerce-loop-category__title mark {
         display:none;
    }
     .secondary-navigation ul li {
         font-size:0.875em;
    }
     .site-header-cart .cart-contents .count {
         display:none;
    }
}

/*cookies notice hack*/
.cookies-not-set .woocommerce-store-notice { bottom: 56px; }