/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/

.page-id-194 #Subheader {
	background-image: url(https://tous-au-jardin.serverweb-prod.com/wp-content/uploads/2026/08/Tous-au-jardin-7-sca.jpg#1894);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
}



a.wp_rss_retriever_title{
	    color: #701d0f !important;
	    font-size: 30px !important;
    line-height: 40px !important;
    font-weight: 900 !important;
    letter-spacing: 6px !important;
	font-family: "Maven Pro", Arial, Tahoma, sans-serif !important;
}

a.wp_rss_retriever_image {
    width: 250px !important;
    height: 250px !important;
}

.wp_rss_retriever_container {
    overflow: hidden;
    line-height: 30px;
    border-bottom: 14px solid #fafafa;
    padding-bottom: 15px;
}

@media(min-width:540px){
a.wp_rss_retriever_image {
    padding-right: 73px;
}}

p.class-pictoflex img {
    margin-left: 5px;
}

p.class-pictoflex {
    text-align: center;
}
.class-img-mrg.scale-with-grid, .class-img-mrg img {
    height: 500px !important;
}

.class-size h3 {
    font-size: 20px;
}


/**************************************************/
@media(min-width:1025px){
.hover_color.align_ {height: 280px;}

.class-siz-icon .hover_color_wrapper {
    padding: 20px 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
.class-siz-icon h4 {
    font-size: 22px !important;
}
}

@media(min-width:768px) and (max-width:1024px){
.hover_color.align_ {height: 275px;}

.class-siz-icon h4 {
    font-size: 17px !important;
}

.class-siz-icon .hover_color_wrapper {
    padding: 20px 20px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}
}

@media(max-width:767px){
.class-siz-icon h4 {
    font-size: 22px !important;
}
.class-facb a {
    padding-bottom: 40px;
}
.top-respo1 {
    padding-top: 0px !important;
}

.top-respo1 .vc_column-inner.vc_custom_1670599955688 {
    padding-top: 12px;
}
.class-mrgtp {
    margin-top: 0px !important;
}
}
.class-mrgtp {
    margin-top: -35px ;
}
button.cmplz-btn.cmplz-manage-consent.manage-consent-1.cmplz-show {
    bottom: 0% !important;
}

h1.title {
    line-height: 1.2 !important;
}
.class-mrgbox.vc_row.wpb_row.vc_inner.vc_row-fluid {
    margin-bottom: 12px;
}
.class-mtg {
    margin-bottom: 12px !important;
}
@media(max-width:425px){
.bg-sep .wpb_column.vc_column_container.vc_col-sm-8 {
    background-image: url(/wp-content/uploads/2022/12/sep-contact.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0 0 0 40px !important;
}

.bg-sep .wpb_column.vc_column_container.vc_col-sm-8 a {
    font-size: 10px;
}

}

h3.class-h1 {
    font-size: 35px;
    line-height: 43px;
    font-weight: 900;
    letter-spacing: 1px;
}
h2.class-h2 {
    font-size: 22px;
    line-height: 36px;
    font-weight: 500;
    letter-spacing: 2px;
}

.vc_row.wpb_row.vc_row-fluid.bg-attachment {
  /*  background-attachment: fixed !important;*/
}

.with-icon-class img {
    width: 168px !important;
    margin-bottom: -51px;
}
.zoom_box .desc {
	background: transparent !important;
}

.class-icon img {
    width: 99px !important;
}

.page-id-275 div#Subheader {
    background-position: center bottom !important;
}

.class-whith-decouvrez img {
    width: 75% !important;
	margin-top: -186px;
}

/******************slider*****************/


@media only screen and (min-width: 590px){

p.p-slider {
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: 500 !important;
    text-align: center !important;
	margin-top: 10px;
}
	h1.class-h1-slider {
    text-align: center !important;
    line-height: 43px !important;
}

	u.u-class-slider {
    font-size: 21px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
}

}
@media only screen and (max-width: 589px){

p.p-slider {
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 500 !important;
    text-align: center !important;
	margin-top: 10px;
}


	u.u-class-slider {
    font-size: 19px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
    letter-spacing: 1px !important;
}

}

/************************************/

#Top_bar .top_bar_left{
width: 100% !important;
}

.marg-h3-bottom h3 {
    margin-bottom: -21px !important;
}
/*********btn***********/
.vc_btn3.vc_btn3-color-chino.vc_btn3-style-modern {
    color: #701d0f !important;
    border-color: #e0dc23 !important;
    background-color: #e0dc23 !important;
    text-transform: uppercase;
    font-weight: 500;
	 border-width: 2px;
}

.vc_btn3.vc_btn3-color-chino.vc_btn3-style-modern:focus, .vc_btn3.vc_btn3-color-chino.vc_btn3-style-modern:hover {
    color: #701d0f !important;
    border-color: #701d0f !important;
    background-color: transparent !important;
    text-transform: uppercase;
    font-weight: 500;
    border-width: 2px;
}
/***************************/

.class-social-acc img {
    width: 35% !important;
    margin-bottom: -35px !important;
}

p.p-class-1 {
    font-style: italic;
    font-weight: 500;
    color: #701d0f;
    margin-bottom: -5px;
    margin-top: -21px;
}
h3.h3-stylle {
    letter-spacing: 0px !important;
    font-weight: 600;
}
/*************/
.page-id-414 h1.title {
    color: transparent !important;
}
 .page-id-414 div#Subheader {
    padding: 240px 0 170px !important;
}

.page-id-414 div#Subheader .container{
background: transparent !important;
}
/*************/

p.big {
    color: #701d0f;
}

div#Action_bar {
    display: none !important;
}

.hover-class-color h4 {
    color: #e84b04 !important;
    letter-spacing: 0px !important;
}


/***************Subheader*************/
#Subheader .title {
    color: #6e2e2b;

}
div#Subheader .container {
    max-width: 100% !important;
   /* background: rgb(255 255 255 / 85%);
    padding: 9px;*/
}

/************/

.bg-tow-color {
    background: linear-gradient(360deg, #7e5f00 60%, #fff 60%) !important;
}

.page-id-379 div#Subheader {
    padding: 302px 0 341px !important;
}

.left-classes .vc_column-inner {
    background-position: left !important;
}

.bg-sep .wpb_column.vc_column_container.vc_col-sm-8 {
    background-image: url(/wp-content/uploads/2022/12/sep-contact.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding: 0 0 0 70px;
}
.bg-sep a {
    color: white !important;
}
.bg-sep p {
    color: white !important;
}

.vc_row.wpb_row.vc_row-fluid.dark.bg-fix {
    background-attachment: fixed !important;
}
.vc_row.wpb_row.vc_inner.vc_row-fluid.bg-sep {
    margin-bottom: 0px !important;
}

.icon-footer i.icon-facebook {
    font-size: 21px !important;
    background: #701d0f !important;
    border-radius: 50px !important;
    padding: 4px 8px !important;
    color: #f9f9f9 !important;
}

.icon-footer i.icon-facebook:hover {
    font-size: 21px !important;
    background: #dede29 !important;
    border-radius: 50px !important;
    padding: 4px 8px !important;
    color: #701d0f !important;
}

.icon-footer i.icon-instagram {
    font-size: 21px !important;
    background: #701d0f !important;
    border-radius: 50px !important;
    padding: 4px 8px !important;
    color: #f9f9f9 !important;
}
.icon-footer i.icon-instagram:hover {
    font-size: 21px !important;
    background: #dede29 !important;
    border-radius: 50px !important;
    padding: 4px 8px !important;
    color: #701d0f !important;
}

.icon-footer i.icon-youtube {
    font-size: 21px !important;
    background: #701d0f !important;
    border-radius: 50px !important;
    padding: 4px 8px !important;
    color: #f9f9f9 !important;
}

.icon-footer i.icon-youtube:hover {
    font-size: 21px !important;
    background: #dede29 !important;
    border-radius: 50px !important;
    padding: 4px 8px !important;
    color: #701d0f !important;
}


span.classIcons {
    display: none !important;
}

#Top_bar .menu > li ul li a {
    color: #701d0f;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0px;
}

.vc_row.wpb_row.vc_row-fluid.hover-class.bg2 {
    background: linear-gradient(360deg, #701d0f 60%, #fff 60%) !important;
}
/*********uL**********/
.class-ul ul li::marker {
    content: '\e90a ';
    font-family: "mfn-icons";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: none!important;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    color: #dede29;
}

.class-ul ul {
    margin: 0 0 9px 10px !important;
}


.class-ul ul li {
    margin-bottom: 0 !important;
}
.class-ul li {
    padding-left: 10px;
}
/********************/
@media only screen and (min-width: 650px){
br.br-mobile {
    display: none;
}
}
@media only screen and (min-width: 375px){

br.br2{
    display: none;
}
}
@media only screen and (min-width: 768px){

.vc_row.wpb_row.vc_inner.vc_row-fluid.display02 {
    display: none;
}
}
@media only screen and (max-width: 767px) {

.marg-respo1 {
    margin-top: -35px !important;
}
	.top-respo1 {
    padding-top: 38px;
}
.marg-titlle-respo .vc_column-inner {
    margin-top: -68px !important;
	padding-bottom: 50% !important;
}
	.vc_row.wpb_row.vc_inner.vc_row-fluid.padd2 {
    padding-top: 15px;
}
	#menu > ul > li > a{
	    font-size: 18px !important;
}
	.class-marg-acc-top {
    margin-top: 43px !important;
}
	.top-icon .vc_column-inner {
    margin-top: 33px !important;
}
	.mar-ul-class.wpb_column.vc_column_container.vc_col-sm-6 {
    margin-top: -23px;
}
	.vc_row.wpb_row.vc_inner.vc_row-fluid.display01 {
    display: none;
}
}
@media only screen and (max-width: 479px) {
h3 {
    font-size: 17px !important;
    line-height: 27px !important;
}
}

.single-post div#Subheader {
    display: none !important;
}

.vc_row.wpb_row.vc_row-fluid.hover-class.composition-bg {
    background: linear-gradient(360deg, #701d0f71%, #fff 60%) !important;
}

.plant-bg {
    background: linear-gradient(360deg, #701d0f 71%, #fff 60%) !important;
}

.bg-decoration-inter {
    background: linear-gradient(360deg, #701d0f64%, #fff 60%) !important;
}
.vc_row.wpb_row.vc_row-fluid.bg-animal {
    background: linear-gradient(360deg, #701d0f82%, #fff 60%) !important;
}

.h3-bottom h3 {
    margin-top: -15px;
    font-weight: bold;
    text-align: center;
}


/*********************************/

.feedzy-rss .rss_image {
    width: 40% !important;
    height: 306px !important;
}


.feedzy-rss li {
    float: none;
    width: auto;
    padding-left: 200px !important;
    margin-bottom: 0 !important;
    padding-bottom: 40px !important;
    background: url(../images/timeline_right.png) no-repeat 90px top;
}

/*.feedzy-rss ul>li:before {
    content: "";
    width: 7px;
    height: 7px;
    border-width: 4px;
    border-style: solid;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 126px;
    top: 11px;
    display: block;
    visibility: visible;
    z-index: 1;
}
*/
.feedzy-rss .rss_item {
    border-bottom: 0px solid #eee !important;
}

span.title {
    font-size: 30px;
    line-height: 40px;
    font-weight: 900;
    letter-spacing: 6px;
}

.feedzy-rss .rss_item .rss_content small{
	display:none !important;
}
span.title a {
    text-decoration: none !important;
}

/************************/
h1.class-h1-slider{
    font-family: "Open Sans", Arial, Tahoma, sans-serif !important;
	color:#fff !important;
	line-height: 60px !important;
}




@media only screen and (max-width: 479px){
#Subheader .title {
    line-height: 24px !important;
}
}
@media only screen and (max-width: 767px){

.vc_row.wpb_row.vc_row-fluid.hover-class.bg-decoration-inter {
    padding-top: 0px !important;
    margin-top: -36px !important;
}
}
.share-simple-wrapper {
    display: none !important;
}



@media only screen and (min-width: 420px){

span.font-2 {
    font-size: 42px !important;
    line-height: 50px !important;
}
}
@media only screen and (max-width: 419px){

span.font-2 {
    font-size: 30px !important;
    line-height: 41px !important;
}
	h1.class-h1-slider {
    text-align: center !important;
    line-height: 25px !important;
    font-size: 16px;

}
}
@media only screen and (min-width: 778px){

.vc_row.wpb_row.vc_row-fluid.range-time {
    display: none !important;
}
}
.bg-cont-border .vc_column-inner {
    background-position: center bottom 21% !important;
}
#Subheader .title {
    color: #fff !important;
   /* text-shadow: 0px 2px 20px black !important;*/
    text-transform: uppercase !important;
}
/********************************/
/*.page-id-194 div#Subheader {
    background-image: linear-gradient(89deg,rgb(0 0 0 / 41%) 0%,hsl(0deg 0% 0% / 39%) 100%),url(/wp-content/uploads/2022/11/titlle-notre-jardinerie-saisons.png);
}

.page-id-275 #Subheader {
    background-image:linear-gradient(89deg,rgb(0 0 0 / 41%) 0%,hsl(0deg 0% 0% / 39%) 100%),url(/wp-content/uploads/2022/11/exterieur-titlle-saisons.jpg);
}

.page-id-335 #Subheader {
    background-image: linear-gradient(89deg,rgb(0 0 0 / 41%) 0%,hsl(0deg 0% 0% / 39%) 100%),url(/wp-content/uploads/2022/12/interieur-titlle-saisons.png);
}

.page-id-379 #Subheader {
	background-image: linear-gradient(89deg,rgb(0 0 0 / 41%) 0%,hsl(0deg 0% 0% / 39%) 100%),url(/wp-content/uploads/2022/12/titlle-interieur-saisons.png);
}

.page-id-438 #Subheader {
	background-image: linear-gradient(89deg,rgb(0 0 0 / 41%) 0%,hsl(0deg 0% 0% / 39%) 100%),url(/wp-content/uploads/2022/12/actualite-saisons.png);
}
.page-id-533 #Subheader {
	background-image: linear-gradient(89deg,rgb(0 0 0 / 41%) 0%,hsl(0deg 0% 0% / 39%) 100%),url(/wp-content/uploads/2022/12/slid-2-saisons.png);
}*/
/******************************/
@media only screen and (min-width: 950px){
h1.class-h1-slider{
	font-size: 50px ;
}
}
@media only screen and (max-width: 949px) and (min-width: 767px){
h1.class-h1-slider{
	font-size: 41px ;
}
}

a.wp_rss_retriever_title {
    color: #000;
}

div#Subheader:after {
    background: linear-gradient(89deg,rgb(0 0 0 / 17%) 0%,hsl(0deg 0% 0% / 0%) 100%);
    height: 100%;
    z-index: 0;
	bottom: 0;
}

div#Subheader .container{
    z-index: 1;
}

.hover_color .hover_color_bg {
    border: 2px solid transparent;
}


/* =========================
   HERO
========================= */

.taj-hero {
    position: relative;
    min-height: 390px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.taj-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.05);
    pointer-events: none;
}

.taj-hero > .wpb_column {
    position: relative;
    z-index: 2;
}

.taj-hero-title {
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.65);
}

.taj-hero-title h1 {
    margin: 0;
    color: #765500;
    font-size: 45px !important;
    line-height: 1.25;
    font-weight: 700;
    text-align: center;
}

.taj-opening-hours {
    padding: 8px 20px;
    background: rgba(255, 255, 255, 0.72);
    text-align: center;
    margin-bottom: 0 !important;
}

.taj-opening-hours h2 {
    margin: 0 0 3px;
    color: #765500;
    font-size: 22px;
    font-weight: 400;
    text-decoration: underline;
}

.taj-opening-hours p {
    margin: 0;
    color: #765500;
    font-size: 18px;
    line-height: 1.35;
}


/* =========================
   INTRODUCTION
========================= */

.taj-introduction {
    padding: 18px 20px 28px;
    background: #fff;
}

.taj-introduction p {
    max-width: 900px;
    margin: 0 auto;
    color: #765500;
    font-size: 18px;
    line-height: 1.45;
    text-align: center;
}


/* =========================
   UNIVERS
========================= */

.taj-univers-section {
    position: relative;
    padding: 10px 30px 35px;
    background-color: #fafafa;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.taj-univers-heading {
    max-width: 720px;
    margin: 0 auto 15px !important;
}

.taj-univers-heading h2 {
    margin: 0;
    color: #765500;
    font-size: 23px;
    line-height: 1.3;
    font-weight: 400;
    text-align: center;
}

.taj-heading-icon img {
    width: auto;
    max-height: 48px;
}


.taj-univers-grid-second {
    margin-top: 18px !important;
}

.taj-univers-grid .vc_column-inner {
    padding-right: 14px;
    padding-left: 14px;
}

.taj-card-title {
    margin-bottom: 8px;
}

.taj-card-title h3 {
    margin: 0;
    /* font-size: 14px; */
    line-height: 1.4;
    font-weight: 400;
    text-align: center;
}

.taj-card-title h3 a {
    color: #9a6c00;
    text-decoration: none;
}

.taj-card-title h3 a:hover {
    color: #5f8500;
}

.taj-univers-image {
    margin-bottom: 0 !important;
    overflow: hidden;
}

.taj-univers-image img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    transition: transform 0.35s ease;
}

.taj-univers-image:hover img {
    transform: scale(1.04);
}


/* =========================
   TABLETTE
========================= */

@media (max-width: 980px) {
    .taj-hero {
        min-height: 360px;
    }

    .taj-hero-title h1 {
        font-size: 27px;
    }

    .taj-univers-grid .vc_col-sm-4,
    .taj-univers-grid .vc_col-sm-2 {
        width: 100%;
    }

    .taj-univers-grid .vc_column-inner {
        padding-bottom: 20px;
    }

    .taj-univers-grid-second {
        margin-top: 0 !important;
    }

    .taj-univers-image {
        max-width: 420px;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {
    .taj-hero {
        min-height: 430px;
    }

    .taj-hero-title {
        padding: 10px 15px;
    }

    .taj-hero-title h1 {
        font-size: 23px;
    }

    .taj-opening-hours {
        padding: 12px 15px;
    }

    .taj-opening-hours h2 {
        font-size: 20px;
    }

    .taj-opening-hours p,
    .taj-introduction p {
        font-size: 16px;
    }

    .taj-univers-section {
        padding-right: 20px;
        padding-left: 20px;
    }

    .taj-univers-heading .vc_col-sm-10,
    .taj-univers-heading .vc_col-sm-2 {
        width: 100%;
        text-align: center;
    }

    .taj-univers-heading h2 {
        font-size: 21px;
    }

    .taj-heading-icon {
        margin-top: 10px;
        text-align: center;
    }

    .taj-heading-icon img {
        margin: 0 auto;
    }
}

.taj-hero .vc_column-inner {

        padding-top: 0 !important;
            padding-bottom: 0 !important;

}
/* HERO */

.jardin-hero {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.jardin-hero-title {
    padding: 10px 25px;
    text-align: center;
}

.jardin-hero-title h1 {
    padding: 0;
    color: #8a6200;
    font-size: 50px !important;
    line-height: 1.3;
    font-weight: 700 !important;
		    letter-spacing: 2px !important;
		text-transform: uppercase !important;
}


/* CONTENU GÉNÉRAL */

.jardin-introduction,
.jardin-content-section,
.jardin-products-content {
    padding-top: 30px;
    padding-bottom: 30px;
}

.jardin-introduction p,
.jardin-content-section p,
.jardin-products-content p {
    color: #8a6200;
    font-size: 18px;
    line-height: 1.45;
}

.jardin-icon {
    padding-bottom: 15px;
}

.jardin-icon img {
    width: auto;
    max-height: 55px;
}


/* TITRES */

.jardin-section-title h2 {
    color: #8a6200;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 400;
    text-transform: uppercase;
}

.jardin-main-subtitle h2 {
    color: #765500;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 500;
}

.jardin-products-content h3 {
    color: #8a6200;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 400;
}


/* IMAGES */

.jardin-gallery img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.jardin-products-image img {
    display: block;
    width: 100%;
}


/* TABLETTE */

@media (max-width: 980px) {
    .jardin-hero-title h1 {
        font-size: 23px;
    }

    .jardin-introduction p,
    .jardin-content-section p,
    .jardin-products-content p {
        font-size: 17px;
    }
}


/* MOBILE */

@media (max-width: 767px) {
    .jardin-hero .vc_empty_space {
        height: 220px !important;
    }

    .jardin-hero-title {
        padding: 12px 15px;
    }

    .jardin-hero-title h1 {
        font-size: 20px;
    }

    .jardin-section-title h2 {
        font-size: 18px;
    }

    .jardin-main-subtitle h2 {
        font-size: 21px;
    }

    .jardin-introduction p,
    .jardin-content-section p,
    .jardin-products-content p {
        font-size: 16px;
    }
}
/* Images carrées WPBakery - page La Maison */
.hover-class .zoom_box {
    width: 100%;
    overflow: hidden;
}

.hover-class .zoom_box .photo,
.hover-class .zoom_box .image_wrapper,
.hover-class .zoom_box > a {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.hover-class .zoom_box img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 1 / 1;
    object-fit: cover !important;
    object-position: center !important;
}
/* =========================================
   ANIMALERIE — GENERAL
========================================= */

.animalerie-intro {
    color: #806000;
}

.animalerie-intro p {
    font-size: 18px;
    line-height: 1.5;
}

.animalerie-main-title h2,
.animalerie-section-title h2 {
    margin: 0;
    color: #806000;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 400;
}

.animalerie-section-title h2 {
    text-transform: uppercase;
}

.animalerie-title-line {
    width: 130px;
    height: 3px;
    margin: 15px 0 20px;
    background-color: #701d0f;
}


/* =========================================
   FEATURE HEADING
========================================= */

.animalerie-feature-heading {
    padding-top: 20px;
    padding-bottom: 15px;
    background-color: #ffffff;
}


/* =========================================
   CHIENS ET CHATS — FOND #806000
========================================= */

.animalerie-feature {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #701d0f !important;
    background-image: none !important;
}

.animalerie-feature > .wpb_column,
.animalerie-feature > .vc_column_container,
.animalerie-feature > .vc_column_container > .vc_column-inner {
    background-color: transparent !important;
}

.animalerie-feature::before,
.animalerie-feature::after {
    display: none !important;
    content: none !important;
}

.animalerie-feature-images {
    margin-bottom: 20px !important;
}

.animalerie-feature-images .vc_column-inner,
.animalerie-feature-images .wpb_wrapper {
    height: 100%;
}

.animalerie-feature-images .zoom_box {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 310px !important;
    margin: 0 !important;
    overflow: hidden !important;
    background-color: #eeeeee;
}

.animalerie-feature-images .zoom_box img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
}

.animalerie-feature-images .zoom_box > a,
.animalerie-feature-images .zoom_box > div,
.animalerie-feature-images .zoom_box .photo,
.animalerie-feature-images .zoom_box .image_wrapper {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.animalerie-feature-content {
    padding-top: 5px;
}

.animalerie-feature-content,
.animalerie-feature-content p {
    color: #ffffff !important;
}

.animalerie-feature-content p {
    margin: 0 0 8px;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 600;
}


/* =========================================
   GALERIES
========================================= */

.animalerie-gallery-section,
.animalerie-species-section,
.animalerie-dogwash-section {
    padding-top: 35px;
    padding-bottom: 35px;
}

.animalerie-square-grid {
    margin-bottom: 20px !important;
}

.animalerie-square-grid .vc_column-inner,
.animalerie-square-grid .wpb_wrapper {
    height: 100%;
}

.animalerie-square-grid .zoom_box {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    margin: 0 !important;
    overflow: hidden !important;
    background-color: #eeeeee;
}

.animalerie-square-grid .zoom_box img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
}

.animalerie-square-grid .zoom_box > a,
.animalerie-square-grid .zoom_box > div,
.animalerie-square-grid .zoom_box .photo,
.animalerie-square-grid .zoom_box .image_wrapper {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
}


/* =========================================
   DOG WASH
========================================= */

.animalerie-dogwash-row .zoom_box {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    overflow: hidden !important;
    background-color: #eeeeee;
}

.animalerie-dogwash-row .zoom_box img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center !important;
}

.animalerie-dogwash-row .zoom_box > a,
.animalerie-dogwash-row .zoom_box > div,
.animalerie-dogwash-row .zoom_box .photo,
.animalerie-dogwash-row .zoom_box .image_wrapper {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

.animalerie-dogwash-content {
/*    padding-top: 20px; */
}

.animalerie-dogwash-content p {
    margin: 0 0 5px;
    color: #806000;
    font-size: 18px;
    line-height: 1.45;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 980px) {
    .animalerie-feature-images .zoom_box {
        height: 260px !important;
    }

    .animalerie-main-title h2,
    .animalerie-section-title h2 {
        font-size: 20px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {
    .animalerie-intro p,
    .animalerie-feature-content p,
    .animalerie-dogwash-content p {
        font-size: 16px;
    }

    .animalerie-main-title h2,
    .animalerie-section-title h2 {
        font-size: 18px;
    }

    .animalerie-feature-images .vc_column_container,
    .animalerie-square-grid .vc_column_container {
        margin-bottom: 20px;
    }

    .animalerie-feature-images .zoom_box {
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
    }

    .animalerie-gallery-section,
    .animalerie-species-section,
    .animalerie-dogwash-section {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .animalerie-dogwash-row .vc_col-sm-3 {
        display: none;
    }

    .animalerie-dogwash-row .vc_col-sm-6 {
        width: 100%;
    }
}
/* =========================================
   ESPACE SAISONNIER
========================================= */

.saisonnier-page {
    padding-top: 25px;
    padding-bottom: 35px;
}

.saisonnier-noel-section {
    padding-top: 15px;
}

.saisonnier-intro h2 {
    margin: 0 0 12px;
    color: #806000;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 400;
}

.saisonnier-intro h3 {
    margin: 0 0 3px;
    color: #806000;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 400;
}

.saisonnier-intro p {
    margin: 0 0 12px;
    color: #806000;
    font-size: 18px;
    line-height: 1.45;
}


/* =========================================
   GALERIES
========================================= */

.saisonnier-gallery {
    display: grid !important;
    align-items: stretch;
    gap: 8px;
    margin: 0 !important;
}

.saisonnier-gallery > .wpb_column {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
}

.saisonnier-gallery > .wpb_column > .vc_column-inner {
    height: 100%;
    padding: 0 !important;
}

.saisonnier-gallery > .wpb_column > .vc_column-inner > .wpb_wrapper {
    height: 100%;
}


/* Été : trois largeurs différentes */

.saisonnier-gallery-ete {
    grid-template-columns: 36% 20% 44%;
}

.saisonnier-gallery-ete .zoom_box {
    height: 320px !important;
}


/* Noël : quatre largeurs différentes */

.saisonnier-gallery-noel {
    grid-template-columns: 32% 18% 27% 23%;
}

.saisonnier-gallery-noel .zoom_box {
    height: 290px !important;
}


/* =========================================
   IMAGES
========================================= */

.saisonnier-gallery .zoom_box {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.saisonnier-gallery .zoom_box > a,
.saisonnier-gallery .zoom_box > div,
.saisonnier-gallery .zoom_box .photo,
.saisonnier-gallery .zoom_box .image_wrapper {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.saisonnier-gallery .zoom_box img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
}


/* =========================================
   TABLETTE
========================================= */

@media (max-width: 980px) {
    .saisonnier-gallery-ete {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .saisonnier-gallery-noel {
        grid-template-columns: 1fr 1fr;
    }

    .saisonnier-gallery-ete .zoom_box,
    .saisonnier-gallery-noel .zoom_box {
        height: 260px !important;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {
    .saisonnier-page {
        padding-top: 20px;
        padding-bottom: 25px;
    }

    .saisonnier-intro h2 {
        font-size: 19px;
    }

    .saisonnier-intro h3 {
        font-size: 18px;
    }

    .saisonnier-intro p {
        font-size: 16px;
    }

    .saisonnier-gallery-ete,
    .saisonnier-gallery-noel {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .saisonnier-gallery-ete .zoom_box,
    .saisonnier-gallery-noel .zoom_box {
        height: auto !important;
        aspect-ratio: 4 / 3;
    }
}
/* =========================================
   PARC PÉDAGOGIQUE
========================================= */

.parc-pedagogique-page {
    padding-top: 25px;
    padding-bottom: 35px;
}

.parc-pedagogique-intro h1 {
    margin: 0 0 45px;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 400;
}

.parc-pedagogique-intro p,
.parc-pedagogique-content p {
    font-size: 18px;
    line-height: 1.5;
}

.parc-pedagogique-intro p {
    margin-bottom: 12px;
}

.parc-pedagogique-gallery {
    margin-bottom: 35px !important;
}

.parc-pedagogique-gallery .vc_column-inner,
.parc-pedagogique-gallery .wpb_wrapper {
    height: 100%;
}

.parc-pedagogique-gallery .zoom_box {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.parc-pedagogique-gallery .zoom_box > a,
.parc-pedagogique-gallery .zoom_box > div,
.parc-pedagogique-gallery .zoom_box .photo,
.parc-pedagogique-gallery .zoom_box .image_wrapper {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.parc-pedagogique-gallery .zoom_box img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
}

.parc-pedagogique-content h2 {
    margin: 20px 0 8px;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 500;
}

.parc-horaires {
    margin: 0;
    padding-left: 20px;
}

.parc-horaires li {
    margin-bottom: 4px;
    font-size: 18px;
    line-height: 1.45;
}

@media (max-width: 767px) {
    .parc-pedagogique-intro h1 {
        margin-bottom: 25px;
        font-size: 19px;
    }

    .parc-pedagogique-intro p,
    .parc-pedagogique-content p,
    .parc-horaires li {
        font-size: 16px;
    }

    .parc-pedagogique-gallery .vc_column_container {
        margin-bottom: 20px;
    }

    .parc-pedagogique-content h2 {
        font-size: 19px;
    }
}
body h2,
.vc_row h2 {
    color: #701d0f!important;
}

body p,
.vc_row p {
    color: #701d0f!important;
}

/* =========================================================
   TOUS AU JARDIN — RESPONSIVE FIXES  (append 2026)
   PASTE THIS AT THE VERY END of your Betheme child style.css.
   It loads last on purpose, so it overrides by source order.
   Nothing above needs to be edited. Desktop spacing untouched
   (every rule is either mobile-only or a new selector).
   ========================================================= */


/* 1. Embedded Google Map / any iframe never overflows on mobile
   (the map is set to a fixed 600px width in the page markup) */
.wpb_text_column iframe { max-width: 100% !important; }
@media (max-width: 767px) {
    .wpb_text_column iframe { height: 300px !important; }
}


/* 2. Framed hero image boxes (.marg-titlle-respo)
   Notre jardinerie + L'aménagement extérieur.
   On phones the -250px pull hid most of the box (thin strip),
   and the padding-bottom % height collapsed because that 1/2
   column doesn't reliably go full width on mobile. So we give
   it an explicit, generous height instead — adjust the 320px
   value up or down to taste. Mobile-only; desktop untouched. */
@media (max-width: 767px) {
    .marg-titlle-respo.vc_column_container {
        width: 100% !important;
        margin: -40px 0 0 !important;
        padding-bottom: 0 !important;
        height: 320px !important;
        min-height: 320px !important;
    }
    .marg-titlle-respo .vc_column-inner {
        margin-top: 0 !important;
        padding-bottom: 0 !important;
        height: 100% !important;
    }
}


/* 3. Fixed 500px-tall images (La Maison – Senteurs) become fluid
   on mobile instead of a giant full-width block */
@media (max-width: 767px) {
    .class-img-mrg.scale-with-grid,
    .class-img-mrg img { height: auto !important; }
}


/* 4. Decorative picto strip (L'aménagement extérieur) scales down
   on small screens instead of overflowing */
@media (max-width: 600px) {
    .class-pictoflex img { width: 26% !important; height: auto !important; }
}


/* 5. Accueil "univers" second row: hide the empty 1/6 spacer
   columns on tablet/mobile so the two cards center cleanly */
@media (max-width: 980px) {
    .taj-univers-grid-second .vc_col-sm-2 { display: none !important; }
}


/* 6. Fleuristerie 4-image row: 4 → 2 → 1 instead of 4 → 1 */
@media (max-width: 979px) {
    .fleuristerie-four-images .vc_col-sm-3 { width: 50% !important; }
}
@media (max-width: 479px) {
    .fleuristerie-four-images .vc_col-sm-3 { width: 100% !important; }
}


/* 7. Safety net: no media element can ever break layout width */
.wpb_wrapper img { max-width: 100%; height: auto; }


/* 8. LE JARDIN gallery gap (mobile)
   Its galleries use [vc_single_image], which WPBakery gives a
   default margin-bottom:35px that nothing resets. Stacked on
   phones that 35px + the two sections' 30px paddings opened a
   big empty band between the image blocks and the next heading.
   Mobile-only; desktop spacing is left exactly as designed. */
@media (max-width: 767px) {
    .jardin-gallery .wpb_single_image,
    .jardin-gallery .vc_single_image-wrapper,
    .jardin-gallery .vc_figure { margin-bottom: 14px !important; }

    .jardin-introduction,
    .jardin-content-section,
    .jardin-products-content {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
    }

    /* safety: no stale equal-height column left tall */
    .jardin-gallery .vc_column-inner,
    .jardin-gallery .wpb_wrapper { height: auto !important; min-height: 0 !important; }
}


/* =========================================================
   OPTIONAL — CONTRAST REPAIR
   Your two bottom rules ( body p / .vc_row p { color:#701d0f} )
   load after the section rules and win by source order, so the
   white text on the dark/gold (#806000, #701d0f) sections was
   rendering brown-on-brown (unreadable). This restores it.
   Remove this block if the brown was intentional.
   ========================================================= */
.wpb_text_column.animalerie-feature-content p,
.vc_row.dark .wpb_text_column p,
.vc_row.dark .wpb_text_column li,
.plant-bg .wpb_text_column.dark p,
.plant-bg .wpb_text_column.dark,
.fleuristerie-main-section .wpb_text_column.dark p,
.fleuristerie-main-section .wpb_text_column.dark {
    color: #ffffff !important;
}
/* =====================================================================
   TOUS AU JARDIN — HERO BANNER
   Style-only override. No content / shortcode / image changes.
   Paste into: Appearance > Customize > Additional CSS
   ---------------------------------------------------------------------
   Quick tweaks:
   --taj-hero-h    -> hero height (raise for a taller banner)
   --taj-accent    -> heading colour inside the hours box (maroon)
   --taj-hours-bg  -> translucent yellow box colour
   ===================================================================== */

:root{
  --taj-hero-h: 780px;                 /* increase this for more height */
  --taj-accent: #7a1c1c;               /* maroon (like the sign) */
  --taj-hours-bg: rgba(240,223,0,.82); /* translucent yellow box */
}

/* ---- Hero section ---- */
.taj-hero{
  position: relative;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  overflow: hidden;
}

/* subtle overlay for readable white text, keeps the sky bright */
.taj-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,.12) 100%);
  pointer-events:none;
  z-index:1;
}

/* content column: full-height flex box, everything CENTERED */
.taj-hero .vc_column-inner > .wpb_wrapper{
  position: relative;
  z-index: 2;
  min-height: var(--taj-hero-h);
  display: flex;
  flex-direction: column;
  align-items: center;        /* centered horizontally */
  justify-content: center;    /* centered vertically as a group */
  padding: 60px 6%;
  box-sizing: border-box;
  text-align: center;
}

/* ---- Title (NO background box) ---- */
.taj-hero-title,
.taj-hero-title .wpb_wrapper,
.taj-hero-title h1{
  background: transparent !important;
  box-shadow: none !important;
}
.taj-hero-title{ max-width: 900px; margin: 0; padding: 0; }
.taj-hero-title h1{
  margin: 0;
  color: #fff;
  font-size: clamp(2.1rem, 4.4vw, 4rem);
  line-height: 1.06;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .5px;
  text-align: center;
  text-shadow: 0 2px 16px rgba(0,0,0,.55);
}

/* ---- Opening hours box (centered) ---- */
.taj-opening-hours{
  background: var(--taj-hours-bg);
  padding: 30px 48px;
  border-radius: 4px;
  box-shadow: 0 12px 32px rgba(0,0,0,.18);
  text-align: center;
  padding: 30px 173px 30px 142px !important;
}
.taj-opening-hours h2{
  margin: 0 0 14px;
  color: var(--taj-accent);
  text-decoration: underline;
  font-weight: 700;
  font-size: 1.5rem;
  text-align: center;
}
.taj-opening-hours p{
  margin: 5px 0;
  color: #2b2b2b;
  font-size: 1.05rem;
  line-height: 1.5;
  text-align: center;
}

/* ---- Responsive ---- */
@media (max-width: 980px){
  :root{ --taj-hero-h: 600px; }
  .taj-hero::before{ background: rgba(0,0,0,.30); }
  .taj-opening-hours{ max-width: 92%; }
}
@media (max-width: 600px){
  :root{ --taj-hero-h: 500px; }
  .taj-hero .vc_column-inner > .wpb_wrapper{ padding: 40px 20px; }
  .taj-opening-hours{ padding: 22px 24px; }
  /* shrink the big 230px WPBakery spacer on small screens */
  .taj-hero .vc_empty_space{ height: 60px !important; }
}

.vc_row[data-vc-full-width] {
		    margin-bottom: -16px !important;
}

h2 {
		color: #701d0f !important;
		    font-size: 31px !important;
    line-height: 40px !important;
    font-weight: 900 !important;
    letter-spacing: 2px; !important
}

.space0 .wpb_single_image.wpb_content_element.vc_align_center {
    margin-bottom: 0 !important;
}

.space0 .vc_single_image-wrapper.vc_box_border_grey {
    margin-bottom: 0 !important;
}
.space0 {
		margin-bottom: 0 !important;
}
/* === ANIMALERIE — Alimentation & accessoires chiens/chats ===
   Titre sur fond blanc, images en débord au-dessus du bandeau rouge */

/* Bloc titre : le padding-bas réserve la zone de débord des images */
.animalerie-feature-heading{
	background:#fff !important;
	padding-top:60px !important;
	padding-bottom:115px !important;
}
.animalerie-feature-heading .animalerie-main-title{ margin-bottom:0 !important; }
.animalerie-feature-heading .animalerie-main-title h2{
	text-transform:uppercase;
	margin-bottom:18px;
}

/* Bandeau rouge
   display:flow-root = contient les colonnes flottantes (donc la hauteur
   du bandeau est conservee) SANS rogner le debord des images */
.animalerie-feature{
	background:#7d1a0f !important;
	padding-top:0 !important;
	padding-bottom:70px !important;
	overflow:visible !important;
	display:flow-root;
	position:relative;
}
.animalerie-feature > .vc_column_container,
.animalerie-feature > .vc_column_container > .vc_column-inner,
.animalerie-feature > .vc_column_container > .vc_column-inner > .wpb_wrapper{
	overflow:visible !important;
	display:flow-root;
}
/* Fallback clearfix si flow-root non supporte */
.animalerie-feature::after,
.animalerie-feature > .vc_column_container > .vc_column-inner > .wpb_wrapper::after{
	content:"";
	display:table;
	clear:both;
}

/* Ligne d'images : flex, pour que la hauteur soit toujours prise en compte */
.animalerie-feature .animalerie-feature-images{
	display:flex !important;
	flex-wrap:nowrap;
	align-items:stretch;
	margin-top:-80px !important;
	position:relative;
	z-index:3;
}
.animalerie-feature .animalerie-feature-images > .vc_column_container{
	float:none !important;
	flex:0 0 auto;
	min-width:0;
	padding-left:12px !important;
	padding-right:12px !important;
}
.animalerie-feature .animalerie-feature-images .vc_column-inner{
	padding-left:0 !important;
	padding-right:0 !important;
	padding-top:0 !important;
	height:100%;
}
.animalerie-feature .animalerie-feature-images .zoom_box,
.animalerie-feature .animalerie-feature-images .image_frame,
.animalerie-feature .animalerie-feature-images .image_wrapper,
.animalerie-feature .animalerie-feature-images .wpb_wrapper{
	margin:0 !important;
	border:0 !important;
	box-shadow:none !important;
}
.animalerie-feature .animalerie-feature-images img{
	display:block;
	width:100%;
	height:345px;
	object-fit:cover;
	object-position:center;
}

/* Texte dans le bandeau */
.animalerie-feature .animalerie-feature-content{
	clear:both;
	margin-top:32px !important;
	padding:0 12px;
}
.animalerie-feature .animalerie-feature-content,
.animalerie-feature .animalerie-feature-content p{ color:#fff !important; }
.animalerie-feature .animalerie-feature-content p{ margin-bottom:18px; }
.animalerie-feature .animalerie-feature-content p:last-child{ margin-bottom:0; }

/* --- Responsive --- */
@media (max-width:1240px){
	.animalerie-feature .animalerie-feature-images img{ height:290px; }
}
@media (max-width:959px){
	.animalerie-feature-heading{ padding-bottom:95px !important; }
	.animalerie-feature .animalerie-feature-images{ margin-top:-65px !important; }
	.animalerie-feature .animalerie-feature-images img{ height:225px; }
}
@media (max-width:767px){
	.animalerie-feature-heading{ padding-top:40px !important; padding-bottom:80px !important; }
	.animalerie-feature{ padding-bottom:45px !important; }
	.animalerie-feature .animalerie-feature-images{
		flex-wrap:wrap;
		margin-top:-55px !important;
	}
	.animalerie-feature .animalerie-feature-images > .vc_column_container{
		width:100% !important;
		flex:0 0 100%;
		padding-left:0 !important;
		padding-right:0 !important;
		margin-bottom:14px;
	}
	.animalerie-feature .animalerie-feature-images > .vc_column_container:last-child{ margin-bottom:0; }
	.animalerie-feature .animalerie-feature-images img{ height:200px; }
	.animalerie-feature .animalerie-feature-content{ margin-top:22px !important; padding:0; }
}

.accueil-btn,
.accueil-btn.vc_btn3,
.accueil-btn.vc_btn3-style-modern,
.accueil-btn.vc_btn3-color-grey {
    background: #dddd22 !important;
    color: #8b1e0e !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    padding: 14px 24px !important;
    min-height: auto !important;
    line-height: normal !important;
    text-decoration: none !important;
}

.accueil-btn:hover,
.accueil-btn.vc_btn3:hover {
    background: transparent !important;
    color: #8b1e0e !important;
    border: 2px solid #8b1e0e !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
@media (min-width: 1024px) {
  .center-text-image {
      display: flex;
      align-items: center;
  }
}