/******************
Custom Options Fabric
******************/
.-checkable .amprot-label {
    position: relative;
    padding-right: 60px
}

.amprot-field.-checkable .amprot-label {
    margin: 5px 0px 10px 0;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 3px solid #ba8a4a;
    padding: 0 0 4px 0;
}

.required .amprot-label::after {
    color: #c84f4f;
    content: '*';
    font-size: 1.2rem;
    position: absolute;
    top: -4px;
    right: -8px;
}

.-checkable .amprot-label::before {
    content: "";
    display: block;
    position: absolute;
    left: 100%;
    top: 3px;
    width: 24px;
    height: 13px;
    background: url('/pub/media/wysiwyg/arrow-down.png') no-repeat center/14px;
}

.fabric-img {
    position: absolute;
    width: 50px;
    height: 50px;
    left: 120%;
    display: block;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px;
    background: url('/pub/media/wysiwyg/click-button.png') no-repeat center;
}

.fabric-name {
    width: 100%;
    position: absolute;
    left: 170%;
    top: 0;
    font-size: 14px
}

.amprot-checkbox-block.required {
    display: none;
}

.amprot-swatch-option a {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 30px;
    height: 30px;
    display: block
}

.f-zoom-icon {
    width: 30px;
    height: 30px;
    background: url('/pub/media/wysiwyg/f-zoom-icon.png') no-repeat center/16px rgba(0,0,0,0.2);
    border-bottom-left-radius: 10px;
    opacity: 0;
    display: block;
}

.f-zoom-icon:hover {
    background-color: #000
}

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

    .amprot-input-block {
        min-width: 100%;
    }

    .amprot-swatches-block.-swatch-thumbnail {
        flex-wrap: nowrap;
        overflow: hidden;
    }

    .-swatch-thumbnail .amprot-swatch-option {
        margin: 0;
        padding: 0;
        border: none;
        box-shadow: 0 0 5px rgba(0,0,0,0.8);
        width: 100%;
        transition: all linear 300ms;
        height: 80px;
        position: relative;
    }

    .-swatch-thumbnail .amprot-swatch-option:hover,
    .amprot-swatch-option.-selected {
        width: 300%;
        transition: all linear 300ms
    }

    .amprot-image-block .amprot-image {
        background-size: cover;
    }

    .-swatch-thumbnail .amprot-image-block {
        height: 100%;
        min-width: auto;
    }

    .-swatch-thumbnail .amprot-swatch-option .amprot-name {
        display: block;
        color: #fff;
        position: absolute;
        bottom: 5px;
        left: 5px;
        opacity: 0;
        transition: opacity linear 300ms
    }

    .-swatch-thumbnail .amprot-swatch-option:hover .amprot-name,
    .amprot-swatch-option.-selected  .amprot-name,
    .-swatch-thumbnail .amprot-swatch-option:hover .f-zoom-icon,
    .amprot-swatch-option.-selected .f-zoom-icon
    {
        opacity: 1;
        transition: opacity linear 300ms
    }


}

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

    .-swatch-thumbnail .amprot-swatch-option {
        border: none
    }

    .amprot-swatch-option {
        margin: 0 ;
    }

    .-swatch-thumbnail .amprot-image-block {
        min-width: 60px;
        height: 60px;

    }

    .-swatch-thumbnail .amprot-name {
        display: block;
        padding-top: 5px;
    }

    .-swatch-thumbnail .amprot-swatch-option {
        position: relative;
    }

    .f-zoom-icon {
        opacity: 1;
        top: 5px;
        right: 5px;
    }

}

/******************
end
******************/

/******************
General CSS from
Design Configuration
******************/


@media screen and (max-width: 599px) {
    .homepage-slideshow {
        height: auto !important;
        padding-bottom: 0 !important;
    }

    .block-new-products .product-item-details {
        max-width: 80%;
        margin: 0px auto 0 !important;
    }

}


.homepage-slideshow-container img {
    align-self: flex-start;
}
.catalogs-container .list img {
    align-self: flex-start;
}
.cms-decoration img {
    align-self: flex-end;
}
.cms-decoration-bottom img {
    align-self: center;
}

.map-area {
    margin-top: 60px;
}

.post-categories,
.post-tags {
    display: none !important;
}

.maison-news .post-posed-date {
    font-size: 12px;
    margin-top: 10px;
}

.post-ftimg-hld img {
    margin: 0 auto;
    width: auto;
    height: 386px;
}

.cms-home .map-area {
    margin-top: 120px
}

.blog-page .post-list .post-header .post-title {
    max-width: none;
}

@media screen and (max-width: 1024px) {
    .cms-home .post-ftimg-hld img {
        height: 200px;
    }
}

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

    .cms-home .maison-news {
        display: block;
    }

    .cms-home .maison-news > div:nth-child(2) {
        padding-right: 0;
    }

    .cms-home .newsbtn {
        width: 100%;
        max-width: 290px;
        margin-top: 15px !important
    }


    .cms-home .maison-news .post-list .post-holder {
        margin-bottom: 60px;
    }

}

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

    .cms-home .post-ftimg-hld img {
        height: auto;
    }

    .blog-page .toolbar-blog-posts {
        padding-top: 50px
    }

}

.cms-index-index .page-main {
    padding-bottom: 0;
}

.info-area {
    text-align: center;
    padding: 0 0 50px 0;
    margin-top: 60px
}

.info-area h5 {
    margin: 0 0 10px
}

.maison-container {
    max-width: 1660px;
    margin: 0 auto;
    padding: 0 15px;
}

.truck {
    background-position: -206px -7px;
    width: 100px;
    height: 85px;
    margin: 0 auto;
    padding: 50px 0;
}

.info-area p {
    padding: 30px 0 10px 0;
    font-size: 17px;
    color: #333;
    line-height: 28px;
}

.info-area a {
    font-size: 17px;
    color: #997330;
}

.truck {
    background: url(/media/wysiwyg/maison/blocks/maison-sprites.png) no-repeat;
    background-position: -206px -7px;
    width: 100px;
    height: 85px;
    margin: 0 auto;
    padding: 50px 0;
}

.gear {
    background: url(/media/wysiwyg/maison/blocks/maison-sprites.png) no-repeat;
    background-position: -111px -12px;
    width: 78px;
    height: 77px;
    margin: 0 auto;
    padding: 50px 0;
}

.clock {
    background: url(/media/wysiwyg/maison/blocks/maison-sprites.png) no-repeat;
    background-position: -324px -7px;
    width: 84px;
    height: 84px;
    margin: 0 auto;
    padding: 50px 0;
}

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

    .icons-area > div {
        margin-bottom: 80px;
    }

}


.categorypath-concept-objet .block.filter,
.categorypath-concept-objet .column.main {
    display: none !important;
    visibility:hidden !important;
    height: 1px !important;
}

@media (min-width:992px){
    .concept-object-block .cms-decoration-bottom {
        grid-template-columns: repeat(3, 1fr);
        margin-top: 0;
        grid-gap: 20px;
    }

    .categorypath-concept-objet .category-view {
        grid-gap: 4em;
        grid-template-columns: auto;
    }

    .products.list .product-item-name {
        min-height: 85px !important;
    }

}


@media (max-width:991px){
    .concept-object-block  .cms-decoration-bottom {
        margin-top: 0;
    }

    .catalog-category-view .price-box.price-final_price {
        min-height: 52px;
        justify-content: center;
        flex-direction: column;
        display: flex;
    }


    .catalog-category-view span.special-price {
        text-align: right;
    }

    .products.list .product-item-name {
        min-height: 20vh;
    }

}


/* category products responsive fix */
@media screen and (max-width: 480px) {

    .products.list .product-item {
        margin-bottom: 30px;
    }

    .products.list .product-item-info {
        min-height: 100%;
    }

    .products.list .product-item-details {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    .product-item-actions form {
        flex-direction: column;
    }

    .products-grid .price-box-wrapper {
        margin-top: auto;
    }

    .products.list .product-item-name {
        min-height: 0px;
    }

    .products.list .product-item .tocart {
        margin-top: 15px;
    }

}

@media (min-width: 768px), print {
    .cms-decoration .right {
        padding:  0 !important;
    }
}

.right-center-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/******************
end
******************/


/******************
Blog
******************/
.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px
}

.col {
    width: 50%;
    padding: 0 30px
}

.page-layout-project .post-ftimg-hld {
    margin-bottom: 100px !important;
}

.page-layout-project .post-text-hld, .page-layout-project .post-text-hld p {
    margin-bottom: 80px;
    font-size: 20px;
    font-weight: lighter;
}

.page-layout-project .post-gallery {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px
}

.page-layout-project .post-gallery .gallery-image-hld {
    margin: 0 0 70px;
    float: none;
    width: 50%;
    position: relative;
    border: none;
    padding: 0 30px;
}

.page-layout-project .post-gallery .gallery-image {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.info-row {
    display: flex;
}

.info-col {
    width: 50%
}

.info-col:first-child {
    font-weight: bold;
    color: #000
}

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

    .blog-post-view .post-view, .page-footer {
        overflow-x: hidden;
    }

}

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

    .col {
        width: 100%;
        margin-bottom: 30px
    }

    .page-layout-project .post-gallery {
        margin: 0 -15px
    }

    .page-layout-project .post-gallery .gallery-image-hld {
        width: 100%;
        padding: 0 15px;
        margin: 0 0 30px;
    }

    .page-layout-project .post-ftimg-hld {
        margin-bottom: 50px !important;
    }

    .page-layout-project .post-text-hld, .page-layout-project .post-text-hld p {
        font-size: 16px;
        margin-bottom: 0;
    }

}

/* Blog categories */
.blog-category-view .post-list {
    display: grid;
    grid-gap: 20px;
}

.blog-category-view .post-list .post-footer {
    margin-top: 15px;
}

.blog-category-view .post-list .post-posed-date {
    display: flex;
    align-items: flex-end;
    color: #999999;
    font-weight: 600;
}

.blog-category-view .post-content .post-description .post-ftimg-hld a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.blog-category-view .post-list .post-posed-date::after {
    content: '';
    background-color: #e1e1e1;
    height: 1px;
    flex-grow: 1;
    flex-basis: 1px;
    display: block;
}

.blog-category-view .post-content .post-description .post-ftimg-hld a::after {
    content: attr(data-hover-text);
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-transform: uppercase;
    border: 2px solid currentColor;
    padding: 10px;
    font-weight: 600;
    opacity: 0;
    text-shadow: 2px 2px 5px #000;
    transition: opacity 500ms ease;
}

.blog-category-view .post-content .post-description .post-ftimg-hld a:hover::after {
    opacity: 1;
}

.blog-category-view .post-content .post-description .post-ftimg-hld a::before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    background-color: transparent;
    width: 100%;
    height: 100%;
    transition: background-color 500ms ease;
}

.blog-category-view .post-content .post-description .post-ftimg-hld a:hover::before {
    background-color: rgba(15, 14, 14, 0.28);
}

@media screen and (min-width: 1000px) {
    .blog-category-view .post-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
    .blog-category-view .post-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

/******************
Home page blog section
******************/

.maison-blog-home {
    padding: 0 30px;
    margin: 100px 0;
}

.maison-blog-home .row {
    margin-top: 50px;
}

.maison-blog-home .col {
    width: 33.333333%;
    position: relative
}

.maison-blog-home .col  a {
    position: relative;
    display: inline-block
}

.maison-blog-home .col a::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 4px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1;
    transition: opacity 200ms linear;
    z-index: 2;
}

.maison-blog-home .col a:hover::before {
    opacity: 0;
    transition: opacity 200ms linear;
}

.maison-blog-home .col img:last-of-type {
    position: absolute;
    top: 0;
    left: 50%;
    right: auto;
    bottom: 0;
    z-index: 2;
    text-align: center;
    transform: translateX(-50%);
}



@media screen and (max-width: 1080px) {
    .maison-blog-home {
        padding: 0 15px;
    }

    .maison-blog-home .col {
        padding: 0 15px;
    }
}

@media screen and (max-width: 490px) {
    .maison-blog-home .col {
        width: 100%;
    }
}

/******************
end
******************/

/******************
Mobile menu fixes
******************/
.ves-megamenu .opener {
    z-index: 1;
}

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

    .navigation .submenu:not(:first-child) {
        overflow: hidden
    }

    .nav-mobile li ,
    .nav-mobile .dropdown-menu .content-wrap .megamenu-content,
    .nav-mobile li.level0 > a {
        float: none;
    }


}
/******************
end
******************/

/******************
SVG logos
******************/
.logo {
    background: url('/media/wysiwyg/maison/logos/MENU_LOGO_SVG.svg') no-repeat 10px center/150px 30px;
    width: 170px;
}
.logo img {
    opacity: 0
}

.sticky .logo {
    background: url('/media/wysiwyg/maison/logos/MENU_LOGO_BLACK_SVG.svg') no-repeat 10px center/150px 30px;
}

.footer.content .links .footer-logo {
    width: 150px;
}

/******************
end
******************/

/******************
Category alignment
******************/
.root-category ul.root-category-subcategories {
    display: flex;
    grid-gap: 14px;
    flex-wrap: wrap;
    margin: 0;
    justify-content: center;
}

.root-category ul.root-category-subcategories li {
    padding: 7px;
    flex: 0 0 calc(33.333333% - 14px);
}

@media screen and (max-width:767px) {
    .root-category ul.root-category-subcategories li {
        flex: 0 0 100%;
    }
}
/******************
end
******************/
.homepage-slideshow-container, .homepage-content-wrapper {
    min-width: 100%
}

.page-footer {
    padding: 0 30px;
}

/******************
Contact form
******************/
.cms-contact-us .breadcrumbs,
.cms-contact-page .breadcrumbs {
    display: none
}

.cms-contact-us #maincontent,
.cms-contact-page #maincontent {
    max-width: 100%
}

.cms-contact-us .contact-logo,
.cms-contact-page .contact-logo {
    border-top: 1px solid #e6e6e6;
    margin-top: 95px;
    padding-top: 135px;
    margin-bottom: 20px;
    text-align: center;
}

.cms-contact-us .contact-container,
.cms-contact-page .contact-container {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
    padding: 7px 0px;
}

.cms-contact-us .contact-form-title,
.cms-contact-page .contact-form-title {
    font-size: 1.4rem;
    line-height: 2.2rem;
    letter-spacing: 2px;
    font-weight: 700;
    color: #080808;
    margin: 10px 0 30px 0;
}

.cms-contact-us  .field.note.contact-form-subtitle,
.cms-contact-page .field.note.contact-form-subtitle {
    font-family: 'Open sans', sans-serif;
    font-size: 3rem;
    line-height: 4.5rem;
    font-weight: 300;
    color: #929292;
}

/* Form */
.cms-contact-us  .contact-container,
.cms-contact-page .contact-container {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
    padding: 7px 0px;
    text-align: center;
}
.cms-contact-us  .contact-container label,
.cms-contact-page .contact-container label {
    font-size: 1.6rem;
    font-weight: 300 !important;
    color: #929292;
    text-align: center !important
}
.cms-contact-us  .contact-field,
.cms-contact-page .contact-field {
    border: 1px solid #d3d3d3 !important;
    margin-top: 20px;
    color: #080808 !important;
    font-style: normal !important;
    font-size: 1.4rem !important;
    padding-left: 20px !important;
    min-height: 60px;
}
.cms-contact-us  .contact-container .submit,
.cms-contact-page .contact-container .submit {
    font-size: 1.2rem;
    line-height: 30px;
    letter-spacing: .15em;
    font-weight: 700;
    background-color: #080808;
    border: 2px solid transparent;
    padding: 13px 46px;
    height: 60px;
    margin: 40px auto
}
.cms-contact-us  .contact-container .actions-toolbar > .primary,
.cms-contact-page .contact-container .actions-toolbar > .primary {
    text-align: center;
}

.cms-contact-us  .contact-container textarea,
.cms-contact-page .contact-container textarea {
    min-height: 90px;
    margin-top: 10px
}

.cms-contact-us  .actions-toolbar.submit-left,
.cms-contact-page .actions-toolbar.submit-left {
    display: block;
    margin-top: 30px;
}
/******************
end
******************/


/******************
Careers form
******************/
.cms-careers .be_partner_contact_form,
.cms-career-opportunities .be_partner_contact_form {
    max-width: 760px;
    margin: 100px auto 100px auto;
    text-align: center;
}
.cms-careers .be_partner_contact_form .static_title_subtitle h1,
.cms-career-opportunities .be_partner_contact_form .static_title_subtitle h1 {
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 2.2rem;
    letter-spacing: 2px;
    font-weight: 700;
    color: #080808;
}
.cms-careers .be_partner_contact_form img,
.cms-career-opportunities .be_partner_contact_form img {
    width: 100px;
}
.cms-careers .be_partner_contact_form span,
.cms-career-opportunities .be_partner_contact_form span {
    color: #bc8b4d;
}
/* Form */
.cms-careers .contact-container,
.cms-career-opportunities .contact-container {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
    padding: 7px 0px;
    text-align: center;
}

.cms-careers .contact-container label,
.cms-career-opportunities .contact-container label {
    font-size: 1.6rem;
    font-weight: 300 !important;
    color: #929292;
    text-align: center !important
}

.cms-careers .contact-field,
.cms-career-opportunities .contact-field {
    border: 1px solid #d3d3d3 !important;
    margin-top: 20px;
    color: #080808 !important;
    font-style: normal !important;
    font-size: 1.4rem !important;
    padding-left: 20px !important;
    min-height: 60px;
}

.cms-careers .contact-container .submit,
.cms-career-opportunities .contact-container .submit {
    font-size: 1.2rem;
    line-height: 30px;
    letter-spacing: .15em;
    font-weight: 700;
    background-color: #080808;
    border: 2px solid transparent;
    padding: 13px 46px;
    height: 60px;
    margin: 40px auto !important
}

.cms-careers .contact-container .actions-toolbar > .primary,
.cms-career-opportunities .contact-container .actions-toolbar > .primary {
    text-align: center;
}

.cms-careers .actions-toolbar.submit-left,
.cms-career-opportunities .actions-toolbar.submit-left {
    display: block;
}
/******************
end
******************/

/******************
Wcag 2.1
******************/
body {
    color: #6f6f6f
}

.map-area .h3,
.info-area h5,
.blog-area h3,
.map-area h3,
.store_list_item h5,
.store_list_item p,
.cms-contact-us .contact-container label,
.cms-contact-page .contact-container label,
.toolbar-amount,
.sorter-label,
.product-item-actions .input-text.qty,
.paginator-amount,
.amshopby-slider-display,
.info-area a,
.store_list_item a,
.product-info-main .product.attribute.overview,
.product-info-main .box-tocart .input-text.qty,
.product-options-bottom .box-tocart .input-text.qty,
.cart-summary > .title,
.cart-summary .block > .title,
.form-heading,
.field.choice.newsletter,
.block-title p,
.block-new-customer p,
.cms-careers .contact-container label,
.cms-career-opportunities .contact-container label,
.product-info-main .product.attribute.description {
    color: #333 !important;
}

.breadcrumbs .items, .breadcrumbs a {
    color: #000;
}

h2 a, .filter-options-content a, .price-box-wrapper a {
    color: #333
}

a, .alink {
    color: #936f2e;
    text-decoration: none;
}

.cms-page-view .main a {
    text-decoration: underline;
}

.catalog-category-view .category-view .category-description a:not(:hover) {
    color: #936f2e
}

.product.data.items .contents .data.item.content {
    color: #757575
}

.form-create-account .form-fields-wrapper .field.captcha label,
.tcagreecreateaccount label {
    color: #6f6f6f;
}

h3.h4 {
    font-weight: 600;
    line-height: 1.1;
    font-size: 1.4rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

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

    .tns-nav > button {
        font-size: 24px;
    }

    .tns-ovh {
        overflow: hidden;
        padding-bottom: 60px;
    }

    .fotorama__dot {
        width: 24px;
        height: 24px;
        border-radius: 50%;
    }

    .fotorama__nav--dots {
        margin-bottom: 30px;
    }

    .nav-sections-item-content {
        display: none
    }

}

.block-search {
    margin-right: 20px;
}

.icons-area {
    justify-content: center;
}

.discover {
    margin-left: 60px;
}

.opc-progress-bar-item:before {
    top: 18px !important;
}
/* Category bottom image and text side by side */
@media screen and (min-width: 768px) {
    .catalog-category-view .category-view {
        display: flex !important;
        flex-direction: row;
        align-items: flex-start;
        justify-content: flex-start;
        gap:6%;
    }
    .catalog-category-view .extra.category-image {
        order: -1;
        flex-shrink: 0;

    .catalog-category-view .category-description {
        flex: 1;
        overflow: hidden;
    }
}

    .amscroll-load-button {
        background-image: none;
        background: #3b3b3a;
        border: 1px solid #282828;
        color: #ffffff !important;
        display: inline-block;
        font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight: 400;
        margin: 0 auto 5px;
        padding: 10px 15px;
        width: 270px;
        font-size: 1.4rem;
        line-height: 1.35;
        box-sizing: border-box;
        vertical-align: middle;
        justify-content: center;
        display: flex;
        align-items: center;
        cursor: pointer;
        transition: all 0.2s ease;
    }
/* Toolbar: show amount + limiter left, sorter right */
@media screen and (min-width: 768px) {
    .page-products .toolbar-products {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
    }
    .page-products .toolbar-products .toolbar-amount {
        display: block !important;
        order: 1 !important;
        flex-shrink: 0;
        margin-right: 10px;
    }
    .page-products .toolbar-products .limiter {
        display: block !important;
        order: 2 !important;
        white-space: nowrap !important;
        flex-shrink: 0;
    }
    .page-products .toolbar-products .sorter {
        order: 3 !important;
        margin-left: auto !important;
    }
}
	
/* Hide specific filters art-de-la-table */
.category-art-de-la-table #narrow-by-list > :nth-child(-n+4), .category-art-de-la-table .toolbar-products .limiter {
	display: none !important;
}	
	
.primary.amscroll-load-button.-after:hover {
        background-color: #fff;
        color: #3b3b3a !important;
        border: 1px solid #3b3b3a !important;
 }
	
/* Home page map link */
.map-area .discover {
	margin-left: 0;
}