/********************
	Part - Style global
********************/
#wrapper {
    background : var(--color-grey-default);
    z-index    : 1;
}

.products-section-title {
    text-align    : center;
    margin-bottom : 1.5rem;
}

body.page-customer-account .breadcrumb__wrapper {
    display : none;
}

h2.title-center {
    color          : white;
    font-weight    : 300;
    font-size      : var(--font-size-500);
    letter-spacing : 2px;
    text-transform : uppercase;
}

.title-section,
h2.title-section {
    font-family : var(--typo-primary);
    font-weight : 700;
}

/********************
	Part - Style général des headers de pages
********************/
.page-header h1,
.page-header h2 {
    margin         : 0;
    padding        : 1em 1.5em;
    text-align     : center;
    color          : var(--color-primary);
    text-transform : uppercase;
}

/********************
	Part - Style général des accordéons
********************/
.js-accordion__container {
    border     : 1px solid var(--color-grey-default);
    box-shadow : 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
}

.js-accordions__wrapper .accordion__title {
    background      : white;
    color           : var(--color-primary);
    padding         : 15px;
    font-weight     : 700;
    display         : flex;
    justify-content : space-between;
    align-items     : center;
    cursor          : pointer;
}

/********************
	Part - fix taille mini d'une page à 100vh hors du checkout
********************/
body:not(#checkout) main {
    min-height     : 100vh;
    display        : flex;
    flex-direction : column;
}

body:not(#checkout) #wrapper {
    flex           : 1 0 auto;
    display        : flex;
    flex-direction : column;
}

body:not(#checkout) #wrapper .wrapper__inner {
    flex : 1 0 auto;
}

/********************
	Part - class notransition for js
********************/
.notransition,
.notransition * {
    -webkit-transition : none !important;
    -moz-transition    : none !important;
    -o-transition      : none !important;
    transition         : none !important;
}

/********************
	Part - Style all product link
********************/
.all-product-link {
    color       : var(--color-grey-font-default);
    font-weight : 700;
    padding     : 3px 7px;
    display     : inline-block;
}

.section__content .all-product-link {
    margin-top : 1.5rem;
}

.all-product-link:focus,
.all-product-link:hover {
    text-decoration : none;
}

/********************
	Part - Style dropdown
********************/
.dropdown {
    color : var(--color-grey-font-default)
}

.dropdown:hover .expand-more {
    color : #2fb5d2
}

.dropdown .expand-more {
    color               : var(--color-black-default);
    cursor              : pointer;
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none
}

.dropdown .active {
    max-height : 200px;
    overflow-y : hidden;
    visibility : visible
}

.dropdown select {
    -moz-appearance : none;
    border          : 0 none;
    outline         : 0 none;
    color           : var(--color-black-default);
    background      : #fff
}

.dropdown-item:focus, .dropdown-item:hover {
    background      : none;
    text-decoration : none;
    color           : #2fb5d2
}

body#module-ambjolisearch-jolisearch .products {
    display               : grid;
    grid-template-columns : repeat(5, 1fr);
    grid-gap              : 20px;
    justify-content       : space-between;
    width                 : 100%;
}

body#module-ambjolisearch-jolisearch .sort-by-row {
    display   : flex;
    flex-flow : column;
}

body#module-ambjolisearch-jolisearch .page-header .h2 {
    color          : white;
    margin         : 50px 0 0 0;
    padding        : 1em 1.5em;
    text-align     : center;
    text-transform : uppercase;
    font-family    : inherit;
    font-size      : 1.5rem;
}

body#module-ambjolisearch-jolisearch #js-product-list-top {
    color         : white;
    font-size     : var(--font-size-600);
    margin-bottom : 25px;
    padding       : 25px;
    background    : #090909;
    border-radius : 5px;
}

body#module-ambjolisearch-jolisearch .category_box {
    float  : unset;
    width  : unset !important;
    height : 100%;
}

body#module-ambjolisearch-jolisearch .category_box .block-category {
    height : 100%;
}

body#module-ambjolisearch-jolisearch .sort-by-row {
    line-height     : 1.25em;
    font-size       : 16px;
    display         : flex;
    flex-flow       : row;
    justify-content : start;
    align-items     : center;
}

body#module-ambjolisearch-jolisearch .sort-by-row > span {
    max-width : 130px;
    padding   : 0;
}

body#module-ambjolisearch-jolisearch .dropdown-menu {
    position         : absolute;
    top              : 100%;
    left             : 0;
    z-index          : 1000;
    display          : none;
    float            : left;
    min-width        : 160px;
    padding          : 5px 0;
    margin           : 2px 0 0;
    font-size        : 15px;
    color            : #878787;
    text-align       : left;
    list-style       : none;
    background-color : #fff;
    background-clip  : padding-box;
    border           : 1px solid rgba(0, 0, 0, .15);
    border-radius    : 0;
    left             : auto;

    width            : 16.88rem;
    background       : var(--color-black-default);
    box-shadow       : 2px 2px 4px 0 rgba(0, 0, 0, .1);
}

body#module-ambjolisearch-jolisearch .dropdown-menu .select-list {
    display : block;
    color   : white;
    padding : .625rem 1.25rem;
}

body#module-ambjolisearch-jolisearch .dropdown {
    max-width : 300px;
}

body#module-ambjolisearch-jolisearch .dropdown .select-title {
    display    : inline-block;
    width      : 100%;
    color      : var(--btn-secondary-bg-color);
    background : var(--color-black-default);
    padding    : .625rem;
    cursor     : pointer;
    box-shadow : 2px 2px 4px 0 rgba(0, 0, 0, .2);
    border     : 1px solid var(--btn-secondary-border-color);
    transition : all .15s ease-out;
}

body#module-ambjolisearch-jolisearch .dropdown:hover .select-title {
    color : white;
}

body#module-ambjolisearch-jolisearch .dropdown-menu .select-list:hover {
    background      : var(--color-secondary);
    color           : #fff;
    text-decoration : none;
}

body#module-ambjolisearch-jolisearch .open .dropdown-menu {
    display : block;
}

body#module-ambjolisearch-jolisearch .products-selection .showing {
    float  : unset;
    margin : 25px 0 0 0;
}

body#module-ambjolisearch-jolisearch .pagination {
    display       : flex;
    align-items   : center;
    width         : 100%;
    padding       : 25px;
    background    : #090909;
    color         : white;
    margin        : 25px 0;
    border-radius : 5px;
}

body#module-ambjolisearch-jolisearch .pagination a {
    color      : var(--color-secondary);
    transition : all .15s ease-out;
}

body#module-ambjolisearch-jolisearch .pagination a:hover {
    color : white;
}

body#module-ambjolisearch-jolisearch .pagination .current a {
    color       : white;
    font-weight : 600;
}

body#module-ambjolisearch-jolisearch .pagination .page-list {
    display         : flex;
    flex-flow       : row;
    align-items     : center;
    justify-content : end;
    gap             : 30px;
    width           : 100%;
}

body#module-ambjolisearch-jolisearch .categories {
    width           : 100%;
    padding         : 0 0 25px 0;
    text-align      : center;
    float           : unset;
    display         : flex;
    flex-flow       : row;
    justify-content : start;
}

body#module-ambjolisearch-jolisearch .categories a {
    max-width : 300px;
}

body#module-ambjolisearch-jolisearch .total-products {
    padding : 0 0 25px 0;
}

/*RESPONSIVE*/


/*pc portable*/
@media (min-width : 1025px) and (max-width : 1700px) {
    body#module-ambjolisearch-jolisearch .products {
        grid-template-columns : repeat(4, 1fr);
    }
}

/*tablet*/
@media (min-width : 768px) and (max-width : 1024px) {
    body#module-ambjolisearch-jolisearch .products {
        grid-template-columns : repeat(3, 1fr);
    }
}


/*phone*/
@media (max-width : 767px) {
    body#module-ambjolisearch-jolisearch .products {
        grid-template-columns : repeat(1, 1fr);
    }
}

/*BACK TO TOP*/
.back-top {
    display  : block;
    position : fixed;
    right    : 25px;
    bottom   : 80px;
    overflow : hidden;
    z-index  : 5;
}

.back-top a {
    background         : var(--color-secondary);
    color              : white;
    border-radius      : 4px;
    width              : 40px;
    height             : 40px;
    line-height        : 40px;
    display            : block;
    text-align         : center;
    text-decoration    : none;
    -webkit-transition : all 300ms ease-in-out;
    -moz-transition    : all 300ms ease-in-out;
    -o-transition      : all 300ms ease-in-out;
    transition         : all 300ms ease-in-out;
    border             : 1px solid var(--primary-color);
    /*transform          : rotate(-90deg);*/
}

.back-top .cls-1{
    fill:#fff;
    stroke:#fff;
    stroke-linecap:square;
    stroke-linejoin:round;
}

.back-top svg{
    width: 26px;
    margin: auto;
    margin-top: 12px;
}

.back-top a:hover .cls-1{
    fill:var(--color-secondary);
    stroke:var(--color-secondary);
}

.back-top a:focus .cls-1{
    fill:var(--color-secondary);
    stroke:var(--color-secondary);
}

.back-top a:active .cls-1{
    fill:var(--color-secondary);
    stroke:var(--color-secondary);
}

/*.back-top a:after {*/
/*    content     : "\f077";*/
/*    font-family : "FontAwesome";*/
/*    font-size   : 25px;*/
/*}*/
/*.back-top a:after {*/
/*    content     : ">";*/
/*    font-family : cursive;*/
/*    font-size   : 25px;*/
/*}*/

.back-top a:hover {
    background : white;
    border     : 1px solid var(--primary-color);
    color      : var(--primary-color);
}

.back-top a:focus {
    text-decoration : none;
    background      : white;
    color           : var(--primary-color);
}

.back-top a:active {
    text-decoration : none;
    background      : white;
    color           : var(--primary-color);
}


.page-not-found__wrapper img {
    width         : 50%;
    max-width     : 350px;
    padding-right : 10px;
}

.page-not-found__wrapper a {
    color : var(--color-secondary)
}

.page-not-found__wrapper a:hover {
    color           : var(--color-secondary-70);
    text-decoration : underline;
    cursor          : pointer;
}

.page-not-found__wrapper svg {
    align-self : center;

}

.page-not-found__container h1 {
    color          : white;
    font-family    : var(--typo-primary);
    font-size      : var(--font-size-700);
    font-weight    : 400;
    padding        : 0.2em 0.2em;
    max-width      : 870px;
    line-height    : 1.2;
    text-transform : uppercase;
    text-align     : center;
}

.page-not-found h4, #products .page-not-found h4 {
    font-size   : 1.1rem;
    font-weight : 600;
    color       : white;
    margin      : .7rem 0 1.25rem;
    text-align  : center;
}

.page-not-found p {
    color      : white;
    text-align : center;
}

.page-not-found .search-widget {
    max-width  : 400px;
    margin     : auto;
    margin-top : 10px;
}

.page-not-found__wrapper {
    display         : flex;
    flex-direction  : column;
    width           : 100%;
    justify-content : center;
    align-items     : center;
}

@media (min-width : 1500px) {
    .page-not-found__wrapper {
        flex-direction : row;
    }

    .page-not-found__container h1 {
        padding   : 0.2em 1.5em;
        font-size : var(--font-size-800);
    }
}

.before-footer .blog__container, .before-footer .brands-list__container {
    text-align : center;
}

.before-footer .blog__container .btn.btn-secondary, .before-footer .brands-list__container .btn.btn-secondary {
    margin-top : 10px;
}

#module-lgcomments-accountreviews .page-footer a {
    color : white;
}

#module-lgcomments-accountreviews .page-footer a:hover {
    color : var(--color-secondary);
}

.swiper-button-next{
    background: var(--color-secondary);
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev{
    background: var(--color-secondary);
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
}

@media (max-width: 767px){
    .swiper-button-next, .swiper-button-prev{
        width: 18px;
        height: 29px;
        margin-top: -12px;
    }
}

.loadMore.prev.button{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}


.loadMore.prev.button span{
    margin-top: 4px;
}

.loadMore.prev.button svg{
    width: 25px;
    fill: currentColor;
    margin-right: 10px;
}

body#cart .cart-grid .cart-grid-body>a.label{
    color: var(--color-secondary);
}