/* ==========================================================================
   Fichier CSS3 RESET
   ========================================================================== */

/*supprime toutes marges*/
*,
body {
    padding: 0;
    margin: 0;
}

/* supprime toutes bordures */
fieldset,
img {
    border: 0;
}

/* supprime les déco des liens */
a:link,
a:visited {
    text-decoration: none;
}

@media print {
    .header {
        position: static;
    }

    nav {
        display: none;
    }

    /* Affiche les liens a l'impression */
    a[href^="http"]:not([href*="monjardinextraordinaire.com"])::after {
        content: " ("attr(href) ")";
    }
}

/* Permet de cacher des elements aux lecteurs mais pas aux navigateurs */
.visually-hidden {
    /* Remove the item from normal flow */
    position: absolute;
    /* Workaround for falsely pronounced, smushed text */
    white-space: nowrap;
    /* Set it to the smallest possible size (some screen readers ignore elements with zero height and width) */
    width: 1px;
    height: 1px;
    /* Hide overflowing content after resizing */
    overflow: hidden;
    /* Reset any property that may change the elements size */
    border: 0;
    padding: 0;
    /* Clipping defines what part of an element should be displayed. */
    /* Deprecated clip property for older browsers */
    clip: rect(0 0 0 0);
    /* clip-path for newer browsers. inset(50%) defines an inset rectangle that makes the content disappear.  */
    clip-path: inset(50%);
}

/* ==========================================================================
   Style Site
   ========================================================================== */

body {
    font-family: 'Cabin', Helvetica, Arial, sans-serif;
}

a:visited,
.alink:visited,
a,
.alink {
    color: #000000;
    text-decoration: none;
}

a:hover,
.alink:hover {
    color: #333333 !important;
}

.columns a:hover,
.columns .alink:hover,
.columns a:active,
.columns .alink:active {
    color: #a69988 !important;
    text-decoration: none;
}

._keyfocus *:focus,
input:not([disabled]):focus,
textarea:not([disabled]):focus,
select:not([disabled]):focus {
    box-shadow: 0 0 3px 1px #FFEDD4;
}

.action.primary {
    border: 0px;
    border-radius: 0px !important;
    background: transparent;
    color: #333;
    font-family: Lora, sans-serif;
    font-weight: 100;
    line-height: 18px;
    text-decoration: underline !important;
}

.action.primary:hover,
.action.primary:active,
.action.primary:focus {
    background: #FFEDD4;
    border: 2px solid ##333;
    color: #333;
    border: 0px;
}


/* ==========================================================================
   Header
   ========================================================================== */

/* header.page-header {
    margin: 0px;
} */

.panel.wrapper {
    display: none;
}

.page-header .panel.wrapper {
    background: #FFF !important;
    color: #8DA89E;
}

.header.panel>.header.links>li>a {
    color: #AAAAAA;
    text-decoration: none;
}


.minicart-wrapper .action.showcart:after,
.topaccount-wrapper .action:after,
.amquote-cart-wrapper.minicart-wrapper .amquote-showcart.action:after {
    display: none;
}

.minicart-wrapper .text,
.topaccount-wrapper .text {
    position: relative !important;
}

.minicart-wrapper .action.showcart:before,
.minicart-wrapper .action.showcart.active:before,
.amquote-cart-wrapper.minicart-wrapper .amquote-showcart.action:before {
    display: none;
}

.topaccount-wrapper {
    display: inline-block;
    position: relative;
    float: right;
}

.topaccount-wrapper img,
.minicart-wrapper img {
    display: block;
    margin: 0 auto;
}

input#search {
    border: 0px;
    font-size: 2rem;
    font-family: 'Lora', serif;
    border-bottom: 1px solid #a69988;
}

@media (min-width: 768px) {

    .header .block.block-search {
        left: 20%;
    }

    .header .block-search {
        width: 60%;
    }

}


/* ==========================================================================
   Navigation
   ========================================================================== */

.page-wrapper .nav-sections,
.page-wrapper .nav-sections .navigation {
    background: #FFF;
    margin-bottom: 0px;
}

.custom-slider .owl-carousel .owl-stage-outer {
    padding: 0px;
}

/* ==========================================================================
   Diaporama
   ========================================================================== */

.custom-slider .owl-carousel .owl-stage-outer {
    padding: 0px;
}

.page-wrapper .custom-slider {
    padding: 0 0 50px;
}

.banner-item {
    max-height: 580px;
}

.sparsh_banner {
    overflow: hidden;
    margin: 30px 0 !important;
}

.custom-slider .owl-carousel .banner-item .content_slider,
.sparsh_banner_slider .caption {
    background: #FFF;
    width: 28%;
    padding: 2rem;
    border: 2px solid #2c2c2c;
    left: 20%;
    text-align: center !important;
}

.custom-slider .owl-carousel .banner-item .content_slider .banner-title,
.sparsh_banner_slider .caption h2 {
    color: #2c2c2c;
    font-family: 'Lora', san-serif;
    font-size: 3.2rem !important;
    font-style: italic;
    text-transform: initial !important;
    background: transparent;
    font-weight: 200 !important;
    border-bottom: 1px solid #2c2c2c;
}

.custom-slider .owl-carousel .banner-item .content_slider .banner-description,
.sparsh_banner_slider .caption p {
    color: #2c2c2c;
    font-family: 'Lora', san-serif;
    font-size: 2.2rem !important;
}

.sparsh_banner_slider .caption .btn-banner {
    border: 0px !important;
    border-radius: 0px !important;
    background: transparent;
    color: #333;
    font-family: Lora, sans-serif;
    font-weight: 100 !important;
    text-transform: initial !important;
    text-decoration: underline !important;
    width: 100% !important;
}

.sparsh_banner_slider .caption .btn-banner:hover {
    background: #FFEDD4;
    border: 2px solid ##333;
    color: #333;
    border: 0px;
}

@media screen and (max-width: 767px) {

    .sparsh_banner_slider .caption h2 {
        font-size: 1.2em !important;
        margin-bottom: 2rem;
    }

    .custom-slider .owl-carousel .banner-item .content_slider,
    .sparsh_banner_slider .caption {
        left: 0;
    }

}


/* ==========================================================================
   Wrapper
   ========================================================================== */

.rubriques {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-around;
    align-items: center;
}

.rubrique {
    text-align: center;
    height: 204px;
    width: 204px;
    border: 2px solid #8DA89E;
    padding: 2rem;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    font-family: 'Lora', san-serif;
    line-height: 2.4rem;
    font-size: 1.8rem;
}

/** Gammes **/
.gammes {
    display: flex;
    flex-wrap: wrap;
    max-width: 1080px;
    width: 100%;
    margin: auto;
}

.g-lines {
    display: flex;
    width: 100%;
    flex: 1 1 100%;
}

.g-cols {
    text-align: center;
    flex: 1 1 50%;
    position: relative;
    margin: 6px;
}

.gammes img {
    width: 100%;
    height: 100%;
}

.gammes .title {
    background: #FFF;
    padding: 0px 16px;
    position: absolute;
    top: 32%;
    left: 32%;
}

.gammes .title h3 {
    background: #FFF;
    border: 1px solid #000;
    padding: 20px;
    text-transform: uppercase;
    font-style: normal;
    font-family: 'Cabin', sans-serif;
    margin: 1.5rem 0;
}

.gammes .g-col-221,
.gammes .g-col-211 {
    overflow: hidden;
    height: 260px;
}

.g-cols.g-col-211 {
    margin: 0 0 6px 0 !important;
}

.g-cols.g-col-221 {
    margin: 6px 0 0 0 !important;
}

.gammes .g-col-221 img,
.gammes .g-col-211 img {
    width: 164%;
    max-width: initial;
}


/** Nouveaux produits **/

a.product-item-link {
    color: #FFF;
}

.page-layout-1column .block.widget .products-grid .product-item {
    border: 2px solid #333;
}

.abs-product-link>a:visited,
.product-item-name>a:visited,
.product.name a>a:visited {
    color: #ffffff;
    text-decoration: underline;
}

/** News **/
.news-wrp {
    background: url(https://monjardinextraordinaire.com/pub/media/site/News.jpg) 20% 98%;
    min-height: 380px;
    display: flex;
    justify-content: center;
    flex-flow: column;
}

.block.newsletter {
    margin: 0 auto;
}

h3 {
    text-align: right;
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: 2.2rem;
    padding-right: 40px;
    position: relative;
    z-index: 1;
}

.head-bg:after {
    content: "";
    padding: 20px 40px 20px 20px;
    background: #ffedd4;
    display: flex;
    margin-left: auto;
    width: 16%;
    position: relative;
    z-index: 0;
    transform: translateY(-5rem);
}

.action.subscribe.primary {
    background: #ffedd4;
}

/** Blog **/
.amblog-title {
    display: none;
}

.page-main .amblog-element-block {
    display: none !important;
    /* border: 0px;
    border-radius: 0px;
    box-shadow: none;
    background: #ffedd41f; */
}

li.amblog-item.amblog-recent-post {
    position: relative;
}

.page-main a.amblog-headline {
    background: #FFEDD4;
    padding: 10px;
    font-size: 2.2rem !important;
    font-weight: normal !important;
}

.page-main .amblog-thesis {
    font-size: 1.6rem;
    font-family: 'Lora', serif;
    font-style: italic;
}

@media (min-width: 768px) {

    .page-main .amblog-recent-post .amblog-recent-post-image-wrapper {
        margin-right: 5%;
        margin-left: 5%;
        vertical-align: top;
        min-width: 50%;
        border: 1px solid green;
    }

    .page-main a.amblog-headline {
        text-align: right;
        position: absolute;
        width: 40%;
        z-index: 2;
        left: 60%;
        top: 8%;
    }

    .page-main .amblog-thesis {
        margin-top: 24%;
    }
}

/** Témoignages **/

.testimonials-slider .title {
    text-align: left;
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: 3.2rem;
    padding-right: 40px;
    position: relative;
    z-index: 1;
    background: transparent;
}

.testimonials-slider .title:after {
    content: "";
    padding: 20px 40px 20px 20px;
    background: #ffedd4;
    display: flex;
    left: 20%;
    width: 16%;
    position: relative;
    z-index: -1;
    transform: translateY(-5rem);
}

.testimonials-list figure.testimonial blockquote,
.testimonials-slider figure.testimonial blockquote {
    filter: initial !important;
}

.testimonials-list figure.testimonial blockquote::after,
.testimonials-slider figure.testimonial blockquote::after {
    content: "" !important;
}

.testimonials-list figure.testimonial blockquote::before,
.testimonials-slider figure.testimonial blockquote::before {
    top: 25px;
    left: 8px !important;
}

.testimonials-list figure.testimonial blockquote::before,
.testimonials-slider figure.testimonial blockquote::before,
.testimonials-list figure.testimonial blockquote::after,
.testimonials-slider figure.testimonial blockquote::after {
    content: "\201C";
    position: absolute;
    font-family: 'Lora';
    color: #333 !important;
    font-size: 10rem !important;
    font-style: normal;
}

.testimonials-list figure.testimonial .arrow,
.testimonials-slider figure.testimonial .arrow {
    display: none;
}

.testimonials-list figure.testimonial img,
.testimonials-slider figure.testimonial img {
    margin: 0 0 0 10px !important;
}

.rating-summary .rating-result>span:before {
    color: #a69988 !important;
}


/* ==========================================================================
   Catalogue
   ========================================================================== */


/** Nouveaux produits **/

h2 {
    background: #FFEDD4;
    padding: 10px;
}

/* .pages a.page, .pages a.page:visited, a:visited, .alink:visited, a, .alink {
    color: #8da89e !important;
} */

.pages a.page:hover {
    color: #a69988;
    text-decoration: none;
}

.pages a.page:active {
    color: #a69988;
}

.breadcrumbs {
    margin: 20px 0px;
}

.price-box.price-final_price,
.attri {
    text-align: center;
}

li.item.product.product-item {
    border: 2px solid #333;
}

strong.product-item-name {
    font-size: 1.6rem;
    text-align: center;
    background: #333;
    padding: 10px 0;
}

.product-item-name,
.product.name a {
    font-weight: 400;
    color: #FFF;
}

@media (max-width: 768px) {

    .products-grid .product-item {
        margin-bottom: 1rem;
        min-height: 424px;
    }

}

.unavailable {
    background-color: yellow;
    padding-inline: 6px;
}

.bss-pre-order-availability-message {
    background-color: yellow;
    display: table;
    padding-inline: 6px;
}

/* ==========================================================================
   Filtres
   ========================================================================== */

.filter-options .filter-options-title {
    word-break: break-word;
}

.filter-options-title {
    text-transform: uppercase;
}

.filter-options .filter-options-content .item {
    font-family: lora;
    font-family: 'Lora', serif;
}

/* ==========================================================================
   Produit
   ========================================================================== */

.fotorama__thumb-border {
    border: 1px solid #8da89e !important;
}

.product-info-main {
    padding: 20px;
    border: 2px solid #333;
}

.page-title-wrapper.product {
    width: 100%;
    background: #333;
    color: #FFF;
    padding: 10px;
    margin: 10px;
}

.products-grid .product-items {
    display: flex;
    flex-wrap: wrap;
}

.products-grid .product-item .price-box {
    margin: 10px 0 10px !important;
}

.products-grid .product-item-info {
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    height: 100%;
}

.products-grid .product-item .product-item-details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.product-item .attri-format {
    color: #a69988;
    margin-bottom: 0;
}

.product-info-main .page-title-wrapper .page-title {
    margin-bottom: 0;
    text-align: right;
}

.product-info-main .price-box.price-final_price {
    text-align: left;
}

.product.data.items>.item.title:not(.disabled)>.switch:active,
.product.data.items>.item.title.active>.switch,
.product.data.items>.item.title.active>.switch:focus,
.product.data.items>.item.title.active>.switch:hover {
    border: 0px;
    background: #333 !important;
    color: #FFF !important;
    font-size: 1.6rem;
    text-transform: uppercase;
}

.product.data.items>.item.title {
    margin: 0px;
}

.product.data.items>.item.content {
    border: 2px solid #333 !important;
}

.product-order-dispo p {
    margin: 0px;
}

.product-order-dispo {
    background: #ffedd4;
    color: #333;
    font-family: Lora, sans-serif;
    /* text-decoration: underline; */
    padding: 8px;
    margin: 8px 0;
    font-size: 1.2rem;
    width: fit-content;
}

.fotorama__active .fotorama__dot {
    background-color: #8da89e !important;
    border-color: #8da89e !important;
}

@media (min-width: 768px),
print {

    .page-layout-1column .product-info-main {
        width: 38% !important;
    }

}

@media (max-width: 768px) {

    .fotorama__wrap {
        margin-bottom: 10px;
    }

}

/* ==========================================================================
   Panier
   ========================================================================== */

.minicart-wrapper {
    position: relative;
}

.header.content .minicart-wrapper .action.showcart .counter.qty {
    background: #a69988 !important;
    border-radius: 50%;
    display: block;
    position: absolute;
    bottom: 20px;
    right: -2px;
}

.amcart-confirm-buttons .button {
    border-radius: 0px !important;
    font-family: 'Lora', serif;
}

.cart .product-item-name a {
    color: #333 !important;
}

.cart strong.product-item-name {
    background: transparent;
    font-family: 'Lora', serif;
}

.item a.action {
    border: 0px !important;
}

.cart.table-wrapper .actions-toolbar>.action,
.action-gift {
    background: transparent !important;
    border: 1px solid #333 !important;
    border-radius: 0px !important;
    font-family: 'Lora', serif;
     !important;
}


/* ==========================================================================
   Footer
   ========================================================================== */

@media (min-width: 768px) {

    .page-bottom {
        width: 100% !important;
        max-width: initial !important;
        padding: initial !important;
    }

    .content {
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px;
        padding-left: 20px;
        padding-right: 20px;
        width: auto;
    }

    .page-bottom .block-static-block.widget {
        max-width: 1280px;
        margin: 10px auto;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

}

h4 {
    font-weight: normal;
    font-family: 'Lora', serif;
    font-style: italic;
}

footer.page-footer {
    background: #333;
    color: #FFF;
}

h5 {
    font-weight: normal !important;
    font-family: 'Lora', serif !important;
    font-style: italic !important;
    font-size: 1.9rem !important;
    color: #A69988 !important;
}


.page-wrapper .footer.content .block {
    float: none;
}

.footer.content .block.newsletter {
    max-width: 100%;
}

.footer.content a {
    color: #FFF;
}

.footer.content a:hover {
    color: #ffedd4 !important;
}


@media (max-width: 768px) {

    .footer.content td {
        width: 100% !important;
        display: block;
    }

}


/* ==========================================================================
   Media
   ========================================================================== */

@media (min-width: 1356px) {}

@media (min-width: 1024px) {}

@media (max-width: 900px) {}


@media (min-width: 768px) {

    .nav-sections-item-content {
        display: block !important;
        box-shadow: 6px 12px 12px 0px #EEE;
    }

    .cms-home .nav-sections-item-content {
        box-shadow: none;
    }

    .navigation li.category-item {
        position: relative;
    }

    .navigation .level0 .submenu .active>a {
        border-color: #a69988 !important;
    }

    /* 	.page-wrapper .navigation, .page-wrapper .breadcrumbs, .page-wrapper .page-header .header.panel, .page-wrapper .header.content, .page-wrapper .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .page-wrapper .block.category.event, .page-wrapper .top-container, .page-wrapper .page-main {
		box-sizing: border-box;
		margin-left: auto;
		margin-right: auto;
		max-width: 1020px;
		padding-left: 20px;
		padding-right: 20px;
		width: auto;
	} */

    .minicart-wrapper,
    .topaccount-wrapper {
        margin-left: 13px;
    }

    .block.block-search {
        float: none;
        position: absolute;
        left: 40%;
    }

    .navigation .ui-menu {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
        align-items: center;
        align-content: flex-start;
    }

    .navigation .ui-menu .level0>.level-top {
        min-height: 44px;
        text-transform: uppercase;
    }

    form .fieldset>.field:not(.choice)>.label {
        text-align: left;
    }

    footer .footer.content .links .widget.block {
        float: inherit;
    }

    .navigation .level0.active>.level-top,
    .navigation .level0.has-active>.level-top {
        border-color: #a69988 !important;
    }

}

@media (max-width: 768px) {

    header.page-header {
        border-bottom: 0px !important;
    }

    .minicart-wrapper {
        margin-top: 0px;
        margin-right: 5px;
    }

    .topaccount-wrapper {
        margin-right: 5px;
    }

    .page-wrapper .custom-slider {
        padding: 0 0 20px;
    }

    .custom-slider .owl-carousel .banner-item .content_slider {
        width: 68%;
        left: 10%;
    }

    .custom-slider .owl-carousel .banner-item .content_slider .banner-title,
    .custom-slider .owl-carousel .banner-item .content_slider .banner-description,
    .custom-slider .owl-carousel .banner-item .content_slider .buttons a {
        font-size: 1.2rem !important;
        padding: 5px !important;
    }

    .navigation .level0.active>a:not(.ui-state-active),
    .navigation .level0.has-active>a:not(.ui-state-active) {
        border-color: #a69988 !important;
    }

    .rubriques {
        flex-wrap: wrap;
    }

    .rubrique {
        margin: 5px;
    }

    .g-lines {
        display: block;
    }

    .gammes .title {
        left: 24%;
    }

}