/*
Theme Name: TwentyTwenty Main Child
Theme URI: https://studionumerik.fr/
Description: Twenty Twenty Child Theme
Author: Studio Numerik
Author URL: https://studionumerik.fr/
Template: twentytwenty
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
*/


@font-face {
font-family: 'Open Sans';src: url('https://nature-et-developpement.com/wp-content/themes/twentytwenty-child/fonts/open-sans.ttf') format('truetype');font-weight: normal;font-style: normal
}

:root {
--primary-color: #2aa4a9; /*turquoise*/
--secondary-color:#B5CD41; /*vert*/
--text-color: #333;
--bg-color:#f7f7f7;
--dark-bg-color:#0a2829;
--main-font: "Open Sans", Arial, sans-serif;
--title-font: "Open Sans", serif;
}

/*SCOLLBAR*/
::-webkit-scrollbar {width:17px}
/*couleur du fond*/
::-webkit-scrollbar-track {background:var(--dark-bg-color)}
/*couleur de la poignée*/
::-webkit-scrollbar-thumb {background-color:var(--primary-color);border-radius:3px}
/*couleur de la poignée au survol*/
::-webkit-scrollbar-thumb:hover {background-color:var(--secondary-color)}

@media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0.3s !important;
transition-duration: 0.3s !important;
}
}

/* ---- CSS Reset ---- */
/* ---- Document setup ---- */
#primary {
padding-top:2rem;
padding-bottom:5rem
}
@media ( min-width: 1200px ) {
#site-header, .header-image {
margin:auto;
width:1170px
}
#primary {
position:relative;
margin:auto;
/*width:1170px*/
}
}
/* ---- Font, styles ---- */
@font-face {
font-family: Phenomena-Bold;
src: url(https://nature-et-developpement.com/wp-content/themes/twentytwenty-child/fonts/Phenomena-Bold.otf)
}
@font-face {
font-family: Phenomena-Light;
src: url(https://nature-et-developpement.com/wp-content/themes/twentytwenty-child/fonts/Phenomena-Light.otf)
}
@font-face {
font-family: GillSansMTPro-Book;
src: url(https://nature-et-developpement.com/wp-content/themes/twentytwenty-child/fonts/GillSansMTPro-Book.otf)
}
@font-face {
font-family: GillSansMTPro-Medium;
src: url(https://nature-et-developpement.com/wp-content/themes/twentytwenty-child/fonts/GillSansMTPro-Medium.otf)
}
@font-face {
font-family: GillSansMTPro-Bold;
src: url(https://nature-et-developpement.com/wp-content/themes/twentytwenty-child/fonts/GillSansMTPro-Bold.otf)
}

/* ---- classes for JS ---- */
.hidden {
display: none !important;
}

body {background-color:#fff !important;font-size:1.5rem;color:var(--text-color) !important;font-family:var(--main-font)}

th,
td {
border: 0
}
.entry-content {
font-family: 'GillSansMTPro-Book', sans-serif;
display: flex;
flex-direction: column;
align-items: center;
}

h1.entry-title {
font-family: Phenomena-Light;
text-transform: uppercase;
font-weight: 100;
letter-spacing: 0.1em;
font-size:3em;
margin:0 auto 2.5rem
}
h1.product_title {
font-family: 'GillSansMTPro-Book', sans-serif;
font-weight: 600;
font-size:1.6em;
margin:2.5rem auto 1rem
}

div.entry-content p {color:var(--text-color);font-weight:100}

div.entry-content li {
color:#999 !important; /* sinon on a des listes écrites en noir, pourquoi ? */
font-weight: 100
}
/* bouton du formulaire de contact */
.button.product_type_simple, .wpcf7-submit {
font-size:1.2rem !important
}
.button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"] {
background: #b5cd41 !important;
background-color: #b5cd41
}
.image-in-post > img {
margin:0 auto 20px !important
}
.entry-categories-inner > a {
color:#999 !important;
text-transform:uppercase
}
/* ---- Header ---- */
.header-fixed-margin {
height:180px
}

#site-header {
height:180px;
/*border-bottom:solid 1px #2aa4a9;*/
position: fixed; /* Set the navbar to fixed position */
z-index:10000;
width: 100%; /* Full width */
}
.modal-backdrop {
z-index:10001 !important
}
#modalMagasin, #modalRecherche {
z-index:10002 !important;
/* corrige bug Request For A Quote - TODO à vérifier */
background:none !important;
width:100%;
max-width: none;
padding:0;
border-radius:0;
-webkit-border-radius:0;
box-shadow: none
}
@media ( max-width: 1000px ) {
#site-header {
height:149px
}
.header-fixed-margin {
height:149px
}
}
/* top header */
.header-navigation-top {
background-color:#BBB;
padding:0;
height:26px
}
.header-navigation-top-content {
max-width:1170px;
margin:auto
}
.header-navigation-top-left {
float:left;
width:70%;
max-height: 26px
}
.header-navigation-top-right {
float:right;
width:30%;
text-align:right;
max-height: 26px
}
.header-navigation-top ul {

}
.header-navigation-top li {
display:inline;
list-style-type: none;
line-height:1.8
}
.header-navigation-top li a {color:#fff;text-transform: uppercase;text-decoration: none;font-size:15px}
@media ( max-width: 1000px ) {
.header-navigation-top {
display:none
}
}
/* middle header (flex) */
.header-inner {
margin:auto;
max-width:1170px;
padding:0;
height:135px;
display:flex;
align-items: center
}
@media ( max-width: 1000px ) {
.header-inner {
height:110px
}
}
.header-magasin {
display:flex;
flex:30%;
justify-content: center;
align-items: center
}
.header-logo {
display:flex;
justify-content: center;
flex:40%
}
.header-logo img {
height: 100px !important;
width: 92px !important;
}
.header-search {
display:flex;
flex:30%;
justify-content: center;
align-items: center;
flex-wrap:wrap
}
@media ( max-width: 1000px ) {
.header-logo img {
height:95px

}
}
@media ( min-width: 1000px ) {
.header-magasin {
flex:40%
}
.header-logo {
flex:20%
}
.header-search {
flex:40%;
}
}
.header-magasin-content {
display:block
}
/* Recherche */
.aws-search-field {
height:30px !important;
padding:3px;
margin:7px;
max-width:180px;
border-width:0 0 1px 0 !important
}
.aws-container .aws-search-form {
height:32px
}
.aws-container .aws-search-form .aws-form-btn {
background:none !important;
border:0 !important
}
#aws_full_search_form {
z-index:4;
padding-top:30px;
position:absolute;
display:none;
margin:0;
width:100% !important;
min-height:102px !important;
background-color:#b5cd41
}
#aws_full_search_form .aws-search-form .aws-wrapper {
flex-grow:0.9;
width:0
}
.aws-search-form .aws-wrapper {
width: 204px !important;
}
#hideSearchProduct {
margin-left:35px;
font-size:0.8em
}
@media ( min-width: 1000px ) {
.aws-search-field {
width:110% !important;
max-width:110% !important;
padding-right: 0 !important
}
}

.header-link {
font-size:0.9em;
font-weight: 700;
padding-right:10px;
text-decoration: none !important;
cursor: pointer;
}
.header-link a {
text-decoration: none !important
}
.header-link a:hover {
text-decoration: underline !important
}
.header-link-contact a:before {
content:url('/wp-content/images/ico_mail.png');
vertical-align: -5px;
padding-right: 5px;
}
.header-link-account a:before {
content:url('/wp-content/images/ico_user.png');
vertical-align: -5px;
padding-right: 5px;
}
/*.header-link-panier a:before {
content:url('/wp-content/images/ico_panier.png');
vertical-align: -5px;
padding-right: 5px;
}*/

@media ( max-width: 1000px ) {
.header-link  {
margin-left:10px
}
}


#header-mini-cart {
display:inline-block;
position:relative;
}
#header-mini-cart:before {
content:url('/wp-content/images/ico_panier.png');
vertical-align: -5px;
padding-right: 5px;
}

#header-mini-cart span.totalitems, #header-mini-quote span, .quote-li span.totalitems {
display:inline-block;
position:absolute;
top:6px;
left:10px;
background:#c1ca00;
border-radius: 50%;
width:15px;
height:15px;
color:#FFF;
text-align: center;
font-size:0.8em;
font-weight:600;
padding-top:3px
}
/* Icone de devis */
.quote-li {
list-style-type: none;
position:relative;
margin: 0;
}
.dashicons-cart {
content:url('/wp-content/images/ico_devis.png');
/*vertical-align: -15px;*/
/*padding-right: 10px;*/
}
.quote-li span.totalitems {
padding-top:0
}
#quote-li-icon .dashicons-cart {
margin-top:2px !important
}
.search-large {
flex: 100%;
}

/* BOUTON TROUVER VOTRE MAGASIN */
a.btnTrouverVotreMagasin {text-decoration: none}
@media ( max-width: 1000px ) {
.header-search .large, .btnTrouverVotreMagasin .large {
display:none
}
.btnTrouverVotreMagasin .small {
width:80px;
text-align: center;
font-weight:600;
color:#999;
line-height: 15px
}
.header-search .small {
width:80px;
text-align: center;
line-height: 15px
}
.header-search .small a {
font-weight:600;
color:#999;
text-decoration: none
}
.header-search .small img, .btnTrouverVotreMagasin .small img {
margin:auto;
width:32px;
margin-bottom:5px;
opacity: 0.5
}
.header-search .magasin {
width:20px
}
.header-search .magasin img {
width:20px;
opacity: 0.5;
margin-bottom:0px
}
}

@media ( min-width: 1000px ) {
.btnTrouverVotreMagasin .large {background-color: var(--secondary-color);padding: 1% 2%;text-transform: uppercase;border-radius: 20px;color:#fff;text-align:center;font-weight:700}
.btnTrouverVotreMagasin .large:hover {background-color: var(--primary-color)}


.header-search .small, .header-search-magasin .small, .btnTrouverVotreMagasin .small {
display:none
}
}
/* Lien changer de magasin */
.linkChangerDeMagasin {
text-transform: uppercase;
letter-spacing: 0.1em;
text-decoration: none !important;
font-size:0.7em
}
.storeName, .storeAddress {
color:#2aa4a9;
text-transform: uppercase;
letter-spacing: 0.1em;
display:block
}
a.storeName {
font-size:1.4em;
font-family: GillSansMTPro-Bold;
text-decoration: none
}
@media ( max-width: 1000px ) {
.linkChangerDeMagasin {
font-size:0.5em
}
.storeAddress {
font-size:0.6em
}
a.storeName {
font-size:0.9em
}
}
.header-navigation-wrapper {
position:relative;
display:block
}
@media ( max-width: 1000px ) {
.header-navigation-customer {
display:flex;
justify-content: space-around
}
.header-navigation-customer a {
white-space: nowrap;
padding-top:6px
}
.header-navigation-customer .aws-container {
padding-left:10px
}
.header-titles-wrapper {
justify-content:start;
padding-left:0
}
}


/* MENU */
.header-navigation-wrapper {background-color:var(--primary-color)}
ul.primary-menu {display:flex;justify-content:center}
@media ( min-width: 1000px ) {
.primary-menu > li {width:180px !important;margin:0;text-align:center}
.primary-menu > li > a {font-weight:600;font-size:1.5rem;padding:3% 5%;letter-spacing: 0.05em;color:#fff !important;display:block;}
.primary-menu > li > a:hover, .primary-menu li.current-menu-item > a {text-decoration:none;background-color:var(--secondary-color);color: #fff}
.primary-menu > li:not(:last-child) {border-right:solid 1px white !important}
.only-mobile {display:none !important}
}

/*BREADCRUMBS*/
#breadcrumbs {font-size:1.6rem;color:#777;font-style:italic;max-width:100%;padding:0 5%; margin-top: 20px;}
#breadcrumbs a {color:var(--primary-color);text-decoration:underline}
#breadcrumbs a:hover {color:var(--secondary-color);text-decoration:underline}

@media (max-width: 1700px) and (min-width: 1000px) {
    #breadcrumbs {
        margin-top: 60px;
    }

    #home0 {
        margin-top: 60px;
    }
}

@media ( max-width: 1000px ) {
.header-navigation-wrapper {
display:flex;
justify-content: center
}
.nav-toggle {
margin-top:4px;
position: relative;
text-align: center;
height:38px;
right:0 !important;
color:#FFF !important
}
.menu-modal-inner {
background-color:#2aa4a9
}
.only-mobile > .ancestor-wrapper > a {
text-transform: uppercase
}
.mobile-menu ul.modal-menu {
    padding-top: 60px;
}
}
/* TODO ne fonctionne pas sur la page d'accueil */
#opacityLayer {

}
.opacityLayerActive {
position: absolute;
top:0px;
left:0px;
width: 100%;
height: 100%;
background-color: #000000 !important;
opacity: .8
}
/* ---- Page d'accueil ---- */
header.entry-header {
padding:20px 0 0 0 !important
}
.entry-content > .alignfull {
margin-top:10px;
margin-bottom:0
}
ul.wc-block-grid__products li.wc-block-grid__product {
margin-bottom: 0
}
.wc-block-grid__product-image, .woocommerce-loop-product__link {
width:80%;
margin:0 auto;
margin-bottom:0 !important;
/*text-align: center;*/ /* provoque décalage dans les étoiles */
}

/* produits en accueil */
ul.products li.product .woocommerce-loop-product__link {text-decoration:underline;color:var(--primary-color)}
ul.products li.product .woocommerce-loop-product__link:hover {text-decoration:underline;color:var(--secondary-color)}
.wc-block-grid__product-title, .woocommerce-loop-product__title {font-size:1.8rem !important;font-weight:700;color:var(--primary-color) !important;text-align:center}
.wc-block-grid__product-title:hover, .woocommerce-loop-product__title:hover {color:var(--secondary-color) !important}


.no-underline{text-decoration: none !important}

.wc-block-grid__product-link {
text-decoration: none !important
}
.wc-block-grid__product-link a:hover {
color:#333333 !important
}
ul.products li.product .price {
text-align:center
}
ul.products li.product .price > .woocommerce-Price-amount {
font-weight:400
}
.woocommerce-Price-amount {
white-space: nowrap !important
}
/* Mon compte */
.woocommerce-MyAccount-navigation-link {
display:block;
background-color:#b5cd41;
margin:2px !important
}
.woocommerce-MyAccount-navigation-link a {
padding-left:10px;
color:#FFF !important
}

/* ZONES ACCUEIL */
#home1, #home3, #home4 {padding: 1rem 0 !important}

#home1 {
padding-top: 40px;
}
#home1, #home4 {
background-color: #FFF
}
#home2, #home2-magasin {
background-color: #2aa4a9;
color:#FFF
}
#home3 {background-color:var(--bg-color)}


#homeMain {
display:flex;
flex-wrap: nowrap;
}
#homeMap {
flex: 65%;
}
#homeText {flex:35%;margin-left:20px}
#homeText p {line-height:2rem}

#homeMap h1 {
color: #b5cd41;
text-transform: uppercase;
font-size: 1.6em;
font-weight: bold;
margin: 0;
padding: 0;
}

#homeMap h1 .blue {color:var(--primary-color)}
#homeMap h2 {color:#666;font-size:2.3rem;margin: 0}

#trouverVotreMagasinFront {
background-color: #b5cd41;
padding: 20px;
border-radius: 25px;
border: 4px solid #2aa4a9;
height: 380px;
display: block;
background-image: url('/wp-content/images/fond-arbre.png');
background-repeat: no-repeat;
background-position: bottom right;
}
#search-fields-front {
float: right;
padding-top: 50px;
margin-left: 20px;
width: 55%;
}
#search-fields-front h3 {
font-size: 2.5rem;
color: #FFF;
margin: 0;
}

@media ( max-width: 1200px ) {
.homeCarte {
float: none;
}
.homeCarte img {
width: 240px;
}
}
@media ( max-width: 1000px ) {

#homeMap h1 {
font-size: 1.4em;
}
#homeMap h2 {
font-size: 1.5em;
}

#homeMain {
display: block;
}
#search-fields-front {
float: none;
padding-top: 0;
width: 100%;
margin-left: 0;
padding-bottom: 20px;
}
#trouverVotreMagasinFront {
height: 420px;
}
#homeText {
padding-top: 30px;
margin-left: 0;
}

}


@media ( min-width: 1200px ) {
.home-content {
margin:auto;
max-width:1170px;
}
.home-content-mbc {
margin: auto;
display: flex;
justify-content: center;
}
.home-content-mbc > .home-magasin-content {
align-items: end;
}
.home-content-mbc > .home-magasin-content > .home-magasin-coords {
margin-right: 12px;
}
.home-content-mbc > .home-magasin-content > .home-magasin-photo {
margin-left: 12px;
}
}

.home-content-mbc > .home-magasin-content > .home-magasin-photo {
width: 360px;
align-content: end;
}

@media ( max-width: 1200px ) {
.home-content {
padding: 0 4rem;
}
}

/* WIDGETS */
h2.widget-title {text-align:center;color:var(--text-color)}
h3.widget-title {text-align:center;text-transform:uppercase;color:#666;font-size:1.4em;letter-spacing: 0.1em;font-weight: 700}

/* N&D Zone grise */

#home0 {
background-color: #DDD;
padding: 2rem 0;
margin-bottom: 4rem;
}

@media ( min-width: 1000px ) {
.home-magasin-content {
display:flex;
flex-wrap: nowrap
}
.home-magasin-coords {
padding-left: 20px;
}
}

.home-magasin-photo {
max-width: 450px;
}

.home-magasin-coords {
color: #666;
}

.textwidget p a {font-family:var(--main-font);background-color:var(--secondary-color);text-transform:uppercase;text-decoration:none;display:block;margin:auto;text-align:center;width:25%;color:#fff;padding:1% 2%;border-radius:20px}
/* Ajustement pour mobile */
@media (max-width: 768px) {
.textwidget p a {width:80%;padding: 2% 4%}
}
.textwidget p a:hover {background-color:var(--primary-color)}


@media ( max-width: 1000px ) {
.home-magasin-coords {
margin-top:30px
}
}
.home-magasin-coords h3 {
font-family: 'GillSansMTPro-Bold', sans-serif;
font-size:1.4em;
margin-top:10px;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 400;
}
.home-magasin-address {
font-weight: 600
}
.home-magasin-phone {
font-size:1.2em;
font-weight: 900;
line-height:3em
}
.home-magasin-hours {
font-style: italic
}
.home-magasin-siren {
margin-top: 2rem;
}
.home-magasin-logo {
margin: auto;
}


/* N&D Actualités */
.rpwwt-widget ul {
display:flex;
align-items: baseline;
justify-content: center;
flex-wrap: wrap;
margin: 2rem;
}
.rpwwt-widget li {
margin:auto;
display:block;
width:320px;
padding-left:20px;
padding-right:20px
}
.rpwwt-widget ul li img {display:block !important}
.rpwwt-post-title {clear:both;display:block;font-size:1.7rem;color:var(--primary-color);text-decoration:underline}
.rpwwt-post-title:hover {color:var(--secondary-color)}
.rpwwt-post-excerpt {font-size:1.4rem;color:var(--text-color);line-height: 2rem}


header.archive-header {
display: none;
}

body.single-post > section.content-area > img:first-child {
margin: 0 auto !important;
}

.post-separator {
margin: 25px auto;
}

.post-meta-wrapper {
margin: 2rem auto !important;
}

body:not(.singular) main > article:first-of-type {
padding: 2rem 0 0 !important;
}

#site-content:not(.list) article.post {
display: grid;
grid-template-columns: 30% 1fr;
max-width: 70% !important;
margin: 30px auto !important;
grid-gap: 10px 25px !important;
justify-content: center;
padding-bottom: 20px;
border-bottom: 1px solid black;
}

#site-content:not(.list) article.post:last-child {
border-bottom: none !important;
}

#site-content:not(.list) article.post header {
grid-column: 2 / 3;
grid-row: 1;
}

#site-content:not(.list) article.post header .entry-categories {
display: none !important;
}

#site-content:not(.list) article.post h2 {
font-size: 2.5rem !important;
margin-bottom: 6px;
font-family: 'GillSansMTPro-Book', sans-serif !important;
font-weight: 700 !important;
text-transform: uppercase !important;
color: #666 !important;
}

#site-content:not(.list) article.post a {
color: #666 !important;
}

#site-content:not(.list) article.post .image-in-post {
grid-column: 1;
grid-row: 1 / 3;
max-height: auto !important;
width: 100% !important;
margin: 0 !important;
display: inline-flex;
}

/* Permet de supprimer l'image de l'article et de recentrer le texte */
.container_article:not(.list) article.post .image-in-post {
display: none !important;
}
.container_article:not(.list) article.post {
display: block !important;
}

#site-content:not(.list) article.post .post-inner {
grid-column: 2 / 3;
grid-row: 2;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}

#site-content:not(.list) article.post p {font-size: 1.6rem !important;/*text-align:center*/}

#site-content:not(.list) article.post p.comment-form-cookies-consent {
margin: 10px auto !important;
max-width: 58rem !important;;
}

#site-content:not(.list) article.post p.comment-form-url {
width: 100%;
}

#site-content:not(.list) article.post .image-in-post img {
width: 100% !important;
max-width: 320px;
height: auto !important;
margin: 0 auto !important;
}

#site-content:not(.list) article.post .section-inner {
/*grid-row: 3;*/
grid-column: 1 / 3;
margin-top: 25px;
}

hr.post-separator {
display: none;
}

#site-content:not(.list) article.post p.form-submit input[type="submit"] {
margin: 10px auto;
}

@media ( max-width: 1200px ) {
#site-content:not(.list) article.post {
display: flex;
flex-direction: column;
max-width: 70% !important; /*anciennement ajout */
margin: 30px auto !important;
justify-content: center;
padding-bottom: 20px;
border-bottom: 1px solid black;
}
#site-content:not(.list) article.post .image-in-post {
margin-bottom: 20px !important;
}
}

/*FOOTER*/
.section-reassurance {background-color:var(--secondary-color);clear:both}
.section-reassurance-content {margin:auto;max-width:1170px;display:flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding-top:40px;padding-bottom:40px}
@media ( min-width: 1000px ) {
.section-reassurance-content {padding-left:60px;padding-right:60px}
}
@media ( max-width: 1000px ) {
.section-reassurance-content {padding-left:40px;padding-right:40px}
}
.section-reassurance-content div img {
margin:0 auto;
height: 75px;
width: 75px;
}
.section-reassurance-content div {width:120px;text-align:center;text-transform:uppercase;font-family:var(--main-font);font-size:1.6rem;color:var(--primary-color)}
#site-footer {background:var(--dark-bg-color);padding:0}
#site-footer .block-footer a {color:var(--primary-color);text-decoration:underline}
#site-footer .block-footer a:hover {color:var(--secondary-color)}

.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
margin-top:0
}

#site-footer .section-inner {
display: flex;
flex-direction: row;
flex:  1 1 0px;
flex-wrap: wrap;
align-items: center;
}

.block-footer-left, .block-footer-right {
flex: 30%;
}
.block-footer-logo, .block-footer-center {
flex: 40%;
text-align: center;
}
.icons-container {
display: flex;
justify-content: center;
}
.block-footer-center .numero-vert{
margin: auto;
}
.block-footer-center .media-icon{
width: 24px;
height: auto;
margin: auto;
padding: 12px 0;
}
.block-footer-logo img, .block-footer-center span {
margin: auto;
}
.block-footer-right {
text-align: right;
}
.block-footer-right a img {
float: right;
}
#site-footer .block-footer {
padding: 20px 0;
font-size:16px;
color: #666;
flex: 1 1 0;
}
@media ( max-width: 1000px ) {
#site-footer .section-inner {flex-direction: column;}
#site-footer .block-footer {
padding-bottom: 0;
flex: 1 1 auto;
padding-left: 0;
}
.block-footer-left, .block-footer-right, .block-footer-logo, .block-footer-center {
flex:100%;
text-align: left;
}
.block-footer-logo { order:-1; }
.block-footer-right a img, .block-footer-right span { float: left; }
#site-footer li {
margin: 0;
}
}

#site-footer .block-footer ul {padding:0;margin:0}
#site-footer .block-footer ul li {
padding:0;
list-style-type: none;
}

#site-footer .block-footer h2.widgettitle {margin:0 auto 1rem}

#site-footer .nomMagasin{
text-transform:uppercase;
font-weight: 600;
}
#site-footer .hours{
font-style: italic;
}
/* ---- Menu pied de page ---- */
#menu-menu-pied-de-page li {
display:block;
clear:left
}
/* ---- Boutique ---- */

@media ( min-width: 1000px ) {
.woocommerce .content-area {
padding:1vw 1vw
}
}
/*#woocommerce-content {
margin-left:20px;
margin-right:20px;
width:100%
}*/

section.related.products {
margin-top:40px;
border-top:solid 1px #CCCCCC;
width:auto;
text-align:center
}
section.related.products h2.relatedTitle {
line-height: 3em;
font-weight:300;
font-size:1.6em;
color:#777777
}
table.variations {
border-color:#FFFFFF !important
}
.woocommerce-product-gallery__wrapper {
text-align: center
}
.woocommerce-product-gallery__image {
margin:auto
}
.woocommerce-product-gallery {
display: flex;
flex-wrap: wrap
}
.woocommerce-product-gallery img {
border: solid 1px #777777
}
@media ( max-width: 1000px ) {
.flex-control-thumbs {
display: none
}
}
@media ( min-width: 1000px ) {
.woocommerce-product-gallery {
max-width:750px
}
.woocommerce-product-gallery__image {
/*border:solid 1px red;*/
max-height:600px;
/*max-width:580px;*/
height:600px !important;
/*width:580px !important;*/
/*width: 600px !important;*/
/*max-width:582px;*/ /* provoque décalage dans le slide */
}
.woocommerce-product-gallery .flex-viewport {
/*border:solid 1px blue;*/
flex:88%
}
.woocommerce-product-gallery .flex-control-nav {
/*border:solid 1px red;*/
/*display:none;*/
flex:12%;
/*max-width: 70px;*/
width:76px;
max-width:76px;
/*width:103px !important;*/
max-height: 600px;
overflow-y: auto;
overflow-x: hidden;
margin-left:0
}
.woocommerce div.product div.images .flex-control-thumbs li {
/*border:solid 1px red;*/

width:60px;
height:60px;
padding-top: 0;
margin-bottom:10px;
margin-left:0px
}
.woocommerce-product-gallery .flex-control-thumbs img {
/*order: -10;*/
/*width:60px;
height:60px;*/
}
}


.woocommerce-product-gallery__trigger {
display: none
}
.woocommerce-info {
background: #eee;
color: #000;
border-top: 2px solid #333333
}
.price > .woocommerce-Price-amount {
font-weight:600
}
.entry-content > .woocommerce {
padding:0 !important
}
.woocommerce-MyAccount-navigation {
word-wrap: nowrap !important
}
.woocommerce-MyAccount-navigation-link a {
font-size: 0.7em;
white-space: nowrap !important
}
/* aligne les boutons sous les blocs produits */
.woocommerce ul.products li.product {align-items:center !important;box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);border-radius:20px}

h2.relatedTitle {
margin-top:0 !important
}
.nd_labels {
display:flex;
justify-content: flex-start
}
.nd_labels > img {
align-items:center
}
.onsale {
background-color:#c1ca00
}
/* .woocommerce-ordering */
select.orderbysd {
appearance: none;
font-family: inherit;
font-size: inherit;
width: 100%;
border: 1px solid var(--select-border);
border-radius: 0.25em;
padding: 0.25em 0.5em;
cursor: pointer;
line-height: 1.1;
background-color: #fff;
display: grid
}
select.orderby {
-webkit-appearance: none;
-moz-appearance: none;
font-family: inherit;
font-size: inherit;
cursor: pointer;
background: transparent;
background-image: url("data:image/svg+xml;utf8,<svg fill='grey' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
background-repeat: no-repeat;
background-position-x: 100%;
background-position-y: 5px;
border:none;
margin-right: 2rem;
padding: 1rem;
padding-right: 2rem
}
select.orderby::after {
content:"test";
height:20px;
width:20px;
border:solid 1px red
}
/* ---- Thumbnail ---- */
.header-image {
margin:auto;
position:relative
}
.header-image img {
margin:auto
}
@media ( max-width: 1000px ) {
.wp-caption-title, .wp-caption-text {
display:none
}
}
@media ( min-width: 1000px ) {
.wp-caption-title {
display:none;
position:absolute;
top:200px;
right:200px;
font-size:3em
}
.wp-caption-text {
display:none;
border:solid 2px #a9f086;
padding:9px 30px;
position:absolute;
top:320px;
right:200px;
font-size:1.2em
}
.wp-caption-text::before {
content: "\00003E ";
color:#a9f086
}
.wp-caption-text a {
text-decoration: none !important
}
}
/* ---- Modal --- */
.modal-open {
overflow: hidden
}
.modal {
display: none;
overflow: auto;
overflow-y: scroll;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0)
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px
}
.modal-content {
position: relative;
background-color: #ffffff;
border: 1px solid #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: none
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000000
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0)
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50)
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.42857143px
}
.modal-header .close {
margin-top: -2px
}
.modal-title {
margin: 0;
line-height: 1.42857143
}
.modal-body {
position: relative;
padding: 20px
}
.modal-footer {
margin-top: 15px;
padding: 19px 20px 20px;
text-align: right;
border-top: 1px solid #e5e5e5
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px
}
.modal-footer .btn-block + .btn-block {
margin-left: 0
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
}
.modal-sm {
width: 300px
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px
}
}
/* ---- Diaporama (brand) ---- */

/* ---- Diaporama (vzmslider) ---- */

/* ---- Page produit ---- */
.vzm-container {
clear:both;
overflow:hidden
}
.vzm-col-1 {
width:100%
}
.vzm-col-2 {
width:100%
}
@media ( min-width: 768px ) {
.vzm-col-1 {width:60%;float:left}
.vzm-col-2 {width:38%;float:right}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width:60%}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width:60% !important}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {width:38%}
}


.link_atmosphere {
text-decoration: none;
color: transparent;
}

.woocommerce-product-details__short-description {color:#999}
.woocommerce-product-details__short-description p {letter-spacing: 0.1em}
.woocommerce-product-details__short-description h4 {text-transform: uppercase;font-size:1em;border-bottom:solid 1px #999;margin-top:20px;letter-spacing: 0.2em}
.atmosphere-block {
background-color: #b5cd41;
padding:14px 20px;
color:#FFF;
letter-spacing: 0.1em;
font-size:0.9em;
margin-top: 1vh;
}
.atmosphere-title {
text-transform: uppercase;
font-size:1.2em;
font-weight: 900;
margin-bottom:20px
}
.atmosphere-block-img {
display:flex;
align-items: stretch;
}

.atmosphere-block-img .naturalite {
display: flex;
justify-content: center;
align-items: center;
}

.atmosphere-block-img .naturalite img{
max-width: 200px !important;
}

.atmosphere-block img {
max-height:80px;
}
.retour-xp-block {
text-align:center;
color:#2aa4a9;
padding:30px 5vw;
letter-spacing: 0.1em;
font-size:1.1em
}
.retour-xp-title {
font-family:GillSansMTPro-Medium;
text-transform: uppercase;
font-size:1em;
margin-bottom:20px
}
.retour-xp-block p {
font-style:italic
}
.quantity::before {
content: "Quantité";
}

/* citation (pas nécessairement dans woocommerce mais on reprend le même design que le retour xp */
.wp-block-quote {
letter-spacing: 0.1em;
border-color:#2aa4a9
}
.wp-block-quote p {
font-family:GillSansMTPro-Medium;
font-style:italic;
color:#2aa4a9 !important
}

/* bouton choisir un magasin */
.button {
padding:10px 20px;
font-size:0.9em;
letter-spacing: 0.1em;
background-color:#b5cd41 !important
}
/* rating */
.woocommerce-product-rating {
border-bottom:solid 1px #999
}
.star-rating {
font-size:1.5em !important;
color:#999 !important
}
.woocommerce-review-link {
letter-spacing: 0.1em;
text-transform:uppercase;
line-height:2em;
text-decoration:none !important
}
/* tabs */
/* Style the buttons that are used to open and close the accordion panel */
.tabs-accordion {
background-color: #FFF;
border-bottom:solid 1px #CCC;
cursor: pointer;
padding: 10px;
width: 100%;
text-align: left;
outline: none;
transition: 0.4s;
color: #999;
font-size:0.9em;
font-weight: 500;
letter-spacing: 0.2em
}
.tabs-accordion:after {
content: '\f067';
font-family: FontAwesome;
float: right
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.tabs-accordion:hover {
background-color: #DDD;
text-decoration: none;
border-bottom: none
}
.tabs-accordion.active {
border-bottom: none;
text-decoration: none

}
.tabs-accordion.active:after {
content: '\f068'
}

/* Style the accordion panel. Note: hidden by default */
.tabs-panel {
padding: 0 18px;
background-color: #FFFFFF;
display: none;
overflow: hidden
}
.woocommerce-product-gallery {
margin-bottom:0 !important; /* supprime la marge prévue pour les vignettes */
}

/* Documentation */
h4.wcpoa_attachment_name {
font-size:1em;
margin:0;
letter-spacing: 0.1em
}
.wcpoa_attachment_desc {
display:none
}
.wcpoa_attachmentbtn {
visibility: hidden
}
.wcpoa_attachmentbtn:after {
visibility: visible;
content:"Télécharger";
color:#7e7570;
}

/* upsells */
section.upsells {
margin:auto;
/*border:solid 1px red;*/
}
section.upsells > h2 {
text-align:center
}

/* informations complémentaires */
@media (min-width:1000px) {
th.woocommerce-product-attributes-item__label  {white-space: nowrap}
}

/* variations */
table.variations > tbody > tr > td.label > label {
white-space: nowrap
}
div.variations, div.variations .value {
margin-bottom: 20px;
}

.variations_select2 {
/*-webkit-appearance: none;
-moz-appearance: none;
appearance: none;*/
font-size: 15px;
background: white;
/*line-height: 15px;*/
padding: 4px 0px 4px 0px;
}
.variations_select {
/*-webkit-appearance: none;
-moz-appearance: none;*/
background: #fff;
border-radius: 0;
border-style: solid;
border-width: 0.1rem;
box-shadow: none;
display: block;
font-size: 1.6rem;
letter-spacing: -0.015em;
margin: 0;
max-width: 80%;
padding: 1rem 1rem;
}

/* ---- Page catégorie ---- */
#woocommerce-content > .term-description > h4 {
color:#2aa4a9;
margin-top:10px;
font-style: italic;
font-weight: 300 !important
}
@media ( max-width: 1000px ) {
#woocommerce-content > .term-description > p {
display:none
}
}
/* ---- Magasin le plus proche ---- */
#modalMagasin .modal-dialog, #modalRecherche .modal-dialog{
/* background-color:#b5cd41 !important; */
color:#FFF;
position: relative;
top: 30%;
transform: translateY(-30%)
}
.topleft {
position:absolute;
left: 20px;
top: 20px
}
.back-button {
display:none;
color:#FFF !important
}
.topright {
position:absolute;
right: 0;
top: 0
}
.close-button {
border: none;
display: inline-block;
padding: 20px;
vertical-align: middle;
overflow: hidden;
text-decoration: none;
color: inherit;
background-color: inherit;
text-align: center;
cursor: pointer;
white-space: nowrap
}
#modalMagasin .modal-dialog .modal-content, #modalRecherche .modal-dialog .modal-content {
background-color:#b5cd41 !important;
min-height:300px
}
#modalMagasin .modal-dialog .modal-content .modal-body h4, #modalRecherche .modal-dialog .modal-content .modal-body h4 {
text-transform: uppercase;
font-size:1.2em;
letter-spacing:0.2em;
text-align:center
}
#codepost {
background-color: #FFFFFF;
border:solid 1px #999;
margin:auto;
background-color: #b5cd41;
border-top: 0;
border-left: 0;
border-right: 0;
text-align: center
}

#codepostFront {
background-color: #FFFFFF;
border:solid 1px #999;
}
#search-wrapper {
display: inline-block;
position: relative;
width: 100%;
}
.spinner:after {
background-image: url('/wp-content/images/spinner.gif');
background-size: 40px 40px;
position: absolute;
right: 10px;
top: 5px;
display: inline-block;
width: 40px;
height: 40px;
content: "";
}
#search-resultsFront {
background: #FFF;
max-height: 330px;
overflow: auto;
letter-spacing: 0.1em;
z-index: 999;
}
#search-resultsFront a {
display: block;
border-left:solid 1px #999;
border-right:solid 1px #999;
border-bottom:solid 1px #999;
padding:15px 0px 10px 20px;
background-color: #FFF;
color: #333;
text-decoration: none !important
}
#search-resultsFront a:hover  {
background-color: #DDD;
color: #000;
}

#search-waiting {
width: 100%;
text-align: center;
font-size: 1.2em;
font-weight: bold;
display: none;
line-height: 30px;
}
#search-waiting:after {
background-image: url('/wp-content/images/spinner.gif');
background-size: 80px 80px;
margin: auto;
clear: both;
display: block;
width: 80px;
height: 80px;
content: "";
}

#search-results::-webkit-scrollbar {
width: 8px;
border-radius: 5px;
background: #ffffff1a;
}

#search-results::-webkit-scrollbar-thumb {
background: #fff;
border-radius: 5px;
}

#search-results {
max-height: 440px;
overflow: auto;
letter-spacing: 0.1em;
margin-top:30px;
padding: 0 12px;
}
.search-result {
border-bottom:solid 1px #FFF;
margin-bottom:20px;
text-align: center;
padding: 5px 0 20px 0;
line-height: 1.5em
}
.search-result a {
font-weight:600;
color:#FFF;
text-decoration: none !important
}

.search-result .button {
background-color:#2aa4a9 !important;
font-weight:400;
margin-top:10px
}
a.search-result-btn {
color:#FFFFFF !important
}
.search-result-title {
text-transform: uppercase;
font-size:1.4em;
font-weight:600;
line-height:2em
}
.search-result-phone {
font-weight:600
}
.search-result-hours {
margin-top:20px;
font-style:italic;
font-weight:0.9em
}
.search-result-dispo {
margin:auto;
margin-top:3px;
color:#118032 !important;
font-weight:0.7em
}
.search-result-nondispo {
margin:auto;
margin-top:3px;
color:#801111 !important;
font-weight:0.7em
}
#findStoreWaiting {
display:none
}
/* ---- Cartes ---- */
.leaflet-popup-content-wrapper {
background-color:#b5cd41 !important;
color:#FFFFFF !important;
border-radius:0 !important
}
.leaflet-popup-tip {
background-color:#b5cd41 !important
}
.leaflet-popup-close-button {
color:#FFFFFF !important
}
.infobulle h2 {
letter-spacing: 0.1em;
text-transform: uppercase;
font-weight: 400;
color:#FFFFFF !important;
margin-top:5px;
margin-bottom:5px
}
.infobulle {
text-align: center
}
.infobulle .button {
margin-top:10px;
width:100%;
background-color:#2aa4a9 !important
}
.infobulle .phone {
font-size:1.5em;
line-height:2em;
font-weight:600
}
.infobulle .hours {
font-style:italic;
font-weight:0.9em
}
.post-inner-full-width {
padding-top:0 !important
}
.listeMagasins {
display: flex;
flex-wrap: wrap
}
.listeMagasin {
flex: 1;
min-width: 300px;
max-width: 300px;
margin: 10px
}
.listeMagasin img.photo {
/*width: 300px;
height: 200px;*/
}
.listeMagasin h2 {
font-size: 1em;
letter-spacing: 0.1em;
text-transform: uppercase;
font-weight: 400;
margin-top:10px;
margin-bottom:5px
}
.listeMagasin .phone {
font-weight: 700
}
.listeMagasin .voirLeSiteBtn {

}
/* ---- Filtres ---- */
.btnShowFilters {
display:block;
text-align:right;
text-decoration: none !important;
font-weight:600
}
.btnShowFilters::after {
font-family: "FontAwesome";
/*content:"\f107";*/
content:"\f0d7";
margin-left: 7px
}
.open::after {
/*content:"\f106";*/
content:"\f0d8"
}
.wcpf-filter {
background-color: #b5cd41;
padding:0 10px;
display:none
}
.wcpf-filter .text {
font-weight: 600;
color:#067c79
}
.wcpf-title {
color:#067c79
}
.wcpf-front-element {
margin-bottom:0;
padding-top:7px
}
.wcpf-front-element:not(:last-child) {
border-bottom:solid 1px #EEE
}
.wcpf-content {
display: none
}
@media ( min-width: 1000px ) {
.shopArchiveContent {
display: flex;
text-align: flex-start;
justify-content: flex-start
}
.btnShowFilters {
display:none
}
.wcpf-filter {
width:280px;
min-width:280px;
display:block
}
.wcpf-content {
display: block
}

}
/* ---- Filtres (NOUVEAU) ---- */
#filterBox {
display: flex;
flex-direction: column;
float: left;
margin: 5px;
padding: 5px;
background-color: #b5cd41;
/*position: sticky;*/
top: 30%;
}
#filterBox2 {
display: flex;
flex-direction: column;
float: left;
margin: 5px;
padding: 5px;
/*position: sticky;*/
top: 30%;
}
.bapf_head > h3 {
font-size: 16px;
margin:10px 0 0 0;
font-weight: 300
}
.select2-results__option{
margin: 0;
padding: 2.5px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
background-color: #2AA4A9 !important;
}
.berocket_single_filter_widget {
width:100%;
z-index:30
}
@media ( max-width: 1000px ) {
#filterBox {
position: static;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
background-color: #FFFFFF;
}
#filterBox2 {
position: static;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
}
.berocket_single_filter_widget {
width:260px !important
}
}
.bapf_colaps_smb {
display:none
}


/* ---- Request a quote ---- */
/* masque le bouton ajouter au devis sur les listes */
ul.products > li.product > a.afrfqbt, li.slick-slide > a.afrfqbt {
display: none
}
a.afrfqbt_single_page {
margin-top:3px
}
div.af_quote_fields {
width: 100%
}
/* ---- pricemeasure --- */
#area_needed, #weight_needed, #volume_needed {
padding:5px !important
}
.entry-content .forminator-guttenberg {max-width:initial !important}
/*correction de l'apparence des mentions légales*/
.page-id-3 #primary, .page-id-3 #primary .section-inner.medium {width:98%}
.page-id-3 #primary .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {max-width:initial}
.page-id-3 #primary .entry-content h2 {font-weight:700}
.page-id-3 #primary .entry-content h3 {font-weight:500;font-size:3rem}

.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 90rem !important;
}

/* --- Correction affichage produit ---*/
.shopArchiveContent > #woocommerce-content{
flex: auto;
}

/* Correction des titres */ /* ancienne couleur #777777 */
h1, h2, h3, h4, h5, h6 {
font-weight: normal;
color: #777777;
}
h1 { font-size:4rem; }
h2 { font-size:3.5rem; }
h3 { font-size:3rem; }
h4 { font-size:2.5rem; }
h5 { font-size:2rem; }
h6 { font-size:1.5rem; }

h6 {
text-transform: none;
}
.documentation_download {
line-height: 2em;
}


/*  PARTIE FLUX RSS */

.articles-blog {
background-color: #ececec;
padding: 10px 12px;
display: flex;
flex-direction: column;
gap: 15px 0;
}

.articles-blog a.article {
cursor: pointer;
padding-bottom: 6px;
border-bottom: 1px solid black;
}

.articles-blog a.article:last-of-type {
border-bottom: none;
}

.articles-blog a.article h6 {
color: #262626;
font-size: 1rem;
font-weight: 600;
}

.articles-blog a.article:hover h6 {
color: #2aa4a9;
}

.articles-blog .article p {
color: #000000;
font-size: 0.9rem;
font-weight: 400;
}


/*  PARTIE FLUX RSS */

/* images section actualités */
#rpwwt-recent-posts-widget-with-thumbnails-2 img {
    width: 280px !important;
    height: 280px !important;
}

.articles-blog {
background-color: #ececec;
padding: 15px 20px;
display: flex;
flex-direction: column;
gap: 12px 0;
}

.articles-blog a.article {
cursor: pointer;
padding-bottom: 12px;
border-bottom: 1px solid black;
text-decoration: none !important;
}

.articles-blog a.article:hover {
text-decoration: none !important;
}

.articles-blog a.article:last-of-type {
border-bottom: none;
padding-bottom: 0 !important;
}

.articles-blog a.article h6 {
color: #262626;
font-size: 1.8rem;
font-weight: 600;
margin: 8px 0;
}

.articles-blog a.article:hover h6 {
color: #2aa4a9;
text-decoration: none !important;
}

.articles-blog .article p {
color: #000000;
font-size: 1.4rem;
font-weight: 400;
margin: 0;
text-decoration: none;
}

.articles-blog a.article:hover p {
text-decoration: none !important;
}

.table_fiche_identification {
border: 1px solid;
}

.table_fiche_identification tr {
border-bottom: 1px solid;
}

.table_fiche_identification tr td:nth-child(1) {
border-right: 1px solid;
}

.more_before_container {
margin-bottom: 40px;
}

.more_before_container a {
cursor: pointer;
color: black !important;
text-decoration: underline;
}

/*WOOCOMMERCE*/
/* WooCommerce Product Category*/
#woocommerce-content h1 {text-align:center;padding:0;margin:0}
#woocommerce-content > .term-description > .slogan_categorie_pdts {color:var(--primary-color);text-align:center;font-size:2.5rem;font-style:italic;font-weight:700;display:block}
#woocommerce-content .term-description h2 {font-size:3rem;margin:0}
.woocommerce-loop-category__title {font-family:var(--main-font) !important;font-size:2rem !important;color:var(--primary-color);text-decoration:underline;margin:0;padding:2% 2% 5% 2%}
.woocommerce-loop-category__title:hover {color:var(--secondary-color)}
.woocommerce-loop-category__title > .count {background-color:var(--secondary-color);height:33px;width:33px;display:inline-block;border-radius:50%;padding-top:2px;margin:0 0 0 2%;color:#fff}
.product-category img {max-width:80%;margin:auto}
@media (max-width: 767px) {
#woocommerce-content .term-description h2 {font-size:2.5rem;margin-bottom:4%}
.product-category img {max-width:60%;margin:auto}
}