/* ============================================================
Root
============================================================ */
:root {
--primary-green-1 : #1F9D63;
--primary-green-2 : #3AB83C;
--grey : #959595;
--lightgrey : #FAFAFA;
--secondary-1 : #EFF5F2;
--secondary-2 : #A2C3B0;
--secondary-3 : #66C48E;
--secondary-4 : #7CC466;
--alert : #FAEAD1;
--success : #D0E2D4;
--info : #BCC4D5;
--error : #DCA086;
--unknown : #EBDFD1;
scroll-behavior : smooth;
}
@font-face {
font-family : 'Franklin';
font-weight : 400;
src : url('/themes/voshuiles/assets/fonts/LibreFranklin-Regular.ttf');
}
@font-face {
font-family : 'Franklin';
font-weight : 500;
src : url('/themes/voshuiles/assets/fonts/LibreFranklin-Medium.ttf');
}
@font-face {
font-family : 'Franklin';
font-weight : 700;
src : url('/themes/voshuiles/assets/fonts/LibreFranklin-Bold.ttf');
}
@font-face {
font-family : 'Franklin';
font-weight : 900;
src : url('/themes/voshuiles/assets/fonts/LibreFranklin-Black.ttf');
}
@font-face {
font-family : 'Amithen';
font-weight : 400;
src : url('/themes/voshuiles/assets/fonts/Amithen.ttf');
}
/* ============================================================
Global
============================================================ */
body {
font-family : 'Franklin', sans-serif;
font-size : 16px;
font-weight : 400;
line-height : 22px;
color : black;
}
img {
max-width : 100%;
height : auto;
}
a {
color : var(--primary-green-1);
}
a:focus,
a:hover {
color : black;
}
#wrapper {
padding-top : 0;
background-color : white;
}
.cms-id-2 #wrapper .breadcrumb,
.cms-id-8 #wrapper .breadcrumb,
#contact #wrapper .breadcrumb,
#authentication #wrapper .breadcrumb,
#registration #wrapper .breadcrumb {
display : none;
}
#wrapper .breadcrumb {
padding : 0;
margin : 15px 0 0 0;
font-size : 14px;
}
#wrapper .breadcrumb li a {
color : var(--grey);
}
#wrapper .breadcrumb li:last-child {
color : var(--primary-green-1);
font-weight : 700;
}
#main .page-footer {
display : none;
}
.btn {
white-space : normal;
}
@media (min-width : 1400px) {
.container {
width : 1380px;
max-width : 100%;
}
}
@media (max-width : 767px) {
#wrapper .breadcrumb {
margin : 0;
}
#wrapper .breadcrumb li:not(:last-child):not(:nth-last-child(2)) {
display : none;
}
}
/* Text
============================================================ */
h1,
.h1,
.elementor .ce-display-xxl,
.elementor-heading-title.elementor-size-xxl {
font-size : 48px;
font-weight : 900;
line-height : 58px;
}
h2,
.h2,
.elementor .ce-display-xl,
.elementor-heading-title.elementor-size-xl {
font-size : 40px;
font-weight : 700;
line-height : 50px;
}
h3,
.h3,
.elementor .ce-display-large,
.elementor-heading-title.elementor-size-large {
font-size : 35px;
font-weight : 700;
line-height : 39px;
}
h4,
.h4,
.elementor .ce-display-medium,
.elementor-heading-title.elementor-size-medium {
font-size : 28px;
font-weight : 700;
line-height : 34px;
}
h5,
h6,
.h5,
.h6,
.elementor .ce-display-small,
.elementor-heading-title.elementor-size-small {
font-size : 18px;
font-weight : 700;
line-height : 24px;
}
small,
.small {
font-size : 12px;
line-height : 16px;
}
#main .page-content,
#main .page-content.page-cms {
padding : 0;
margin : 0;
}
.page-content.page-cms ul,
p {
color : black;
font-size : 1rem;
}
@media (max-width : 1199px) {
h1,
.h1,
.elementor .ce-display-xxl,
.elementor-heading-title.elementor-size-xxl {
font-size : 40px;
line-height : 50px;
}
h2,
.h2,
.elementor .ce-display-xl,
.elementor-heading-title.elementor-size-xl {
font-size : 35px;
line-height : 39px;
}
h3,
.h3,
.elementor .ce-display-large,
.elementor-heading-title.elementor-size-large {
font-size : 25px;
line-height : 29px;
}
h4,
.h4,
.elementor .ce-display-medium,
.elementor-heading-title.elementor-size-medium {
font-size : 18px;
line-height : 24px;
}
h5,
h6,
.h5,
.h6,
.elementor .ce-display-small,
.elementor-heading-title.elementor-size-small {
font-size : 16px;
line-height : 22px;
}
}
/* Button
============================================================ */
.btn-primary,
.btn-secondary,
.btn-tertiary,
.elementor-button.elementor-size-xl,
.elementor-button.elementor-size-lg,
.elementor-button.elementor-size-md,
.elementor-button.elementor-size-sm,
.elementor-button.elementor-size-xs {
font-size : 15px;
font-weight : 400;
line-height : 1em;
text-transform : initial;
transition : .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.btn-primary,
.elementor-button.elementor-size-xl,
.elementor-button.elementor-size-lg,
.elementor-button-classic .elementor-field-type-subscribe button[type=submit] {
padding : 12px 24px;
border : 0;
border-radius : 5px;
color : white !important;
background-color : var(--primary-green-1);
}
.btn-primary:hover,
.btn-primary:focus,
.elementor-button.elementor-size-xl:hover,
.elementor-button.elementor-size-lg:focus,
.elementor-button.elementor-size-xl:hover,
.elementor-button.elementor-size-lg:focus,
.elementor-button-classic .elementor-field-type-subscribe button[type=submit]:hover,
.elementor-button-classic .elementor-field-type-subscribe button[type=submit]:focus,
.btn-primary.active,
.btn-primary:active,
.open > .btn-primary.dropdown-toggle,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .btn-primary.dropdown-toggle.focus,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle:hover {
background-color : black;
}
.btn-primary:disabled,
.btn-primary.disabled,
.elementor-button.elementor-size-xl:disabled,
.elementor-button.elementor-size-lg.disabled,
.elementor-button.elementor-size-xl:disabled,
.elementor-button.elementor-size-lg.disabled,
.elementor-button-classic .elementor-field-type-subscribe button[type=submit]:disabled,
.elementor-button-classic .elementor-field-type-subscribe button[type=submit].disabled,
.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary:disabled.focus,
.btn-primary:disabled:focus {
background-color : var(--grey);
}
.btn-primary.disabled:hover,
.btn-primary:disabled:hover {
background : black;
}
.btn-secondary,
.elementor-button.elementor-size-md {
padding : 12px 24px;
border : 1px solid black;
border-radius : 5px;
color : black !important;
background-color : transparent;
}
.btn-secondary:hover,
.btn-secondary:focus,
.elementor-button.elementor-size-md:hover,
.elementor-button.elementor-size-md:focus {
background-color : black;
color : white !important;
}
.btn-secondary:disabled,
.btn-secondary.disabled,
.elementor-button.elementor-size-md:disabled,
.elementor-button.elementor-size-md.disabled {
border-color : var(--grey);
color : var(--grey) !important;
}
.btn-tertiary,
.elementor-button.elementor-size-sm,
.elementor-button.elementor-size-xs {
padding : 0 0 5px 0;
border : 0;
border-bottom : 1px solid transparent;
color : black !important;
background-color : transparent;
}
.btn-tertiary::after,
.elementor-button.elementor-size-sm::after,
.elementor-button.elementor-size-xs::after {
content : url('data:image/svg+xml,');
display : inline-block;
margin-top : 4px;
margin-left : 18px;
}
.btn-tertiary:hover,
.btn-tertiary:focus,
.elementor-button.elementor-size-sm:hover,
.elementor-button.elementor-size-xs:hover,
.elementor-button.elementor-size-sm:focus,
.elementor-button.elementor-size-xs:focus {
border-color : black;
}
.btn-tertiary:disabled,
.btn-tertiary.disabled,
.elementor-button.elementor-size-sm:disabled,
.elementor-button.elementor-size-xs:disabled,
.elementor-button.elementor-size-sm.disabled,
.elementor-button.elementor-size-xs.disabled {
color : var(--grey) !important;
}
@media (max-width : 767px) {
.btn-primary,
.elementor-button.elementor-size-xl,
.elementor-button.elementor-size-lg,
.elementor-button-classic .elementor-field-type-subscribe button[type=submit] {
padding : 12px 15px;
}
}
/* Contact form
============================================================ */
.form-control {
font-size : 16px;
font-weight : 400;
line-height : 1em;
padding : 15px 23px 13px 23px;
border : 1px solid #D1D3D6;
border-radius : 5px;
color : black;
background-color : white;
}
.form-control:hover,
.form-control:focus {
padding : 15px 23px 13px 23px;
border : 2px solid black;
outline : 0;
}
.form-control:disabled,
.form-control.disabled {
color : var(--grey);
border-color : var(--grey);
background-color : var(--lightgrey);
}
form .form-control-label {
font-size : 1rem;
font-weight : 400;
}
.input-group .form-control:not(:last-child),
.input-group-addon:not(:last-child),
.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn,
.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:not(:last-child) > .btn,
.input-group-btn:not(:last-child) > .btn-group > .btn,
.input-group-btn:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius : 5px;
border-top-right-radius : 5px;
padding-right : 100px;
}
.input-group .input-group-btn {
position : absolute;
top : 0;
right : 0;
height : 100%;
z-index : 10;
}
.input-group .input-group-btn > .btn[data-action=show-password] {
background-color : transparent;
color : black;
}
.input-group.focus {
outline : 0;
}
.custom-checkbox input[type=checkbox] + span {
width : 22px;
height : 22px;
border : 1px solid black;
border-radius : 5px;
background-color : white;
}
.custom-checkbox input[type=checkbox]:hover + span,
.custom-checkbox input[type=checkbox]:focus + span {
border : 2px solid black;
}
.custom-checkbox input[type=checkbox]:checked + span {
background-color : var(--primary-green-1);
border-color : var(--primary-green-1);
}
.custom-checkbox input[type=checkbox] + span .checkbox-checked {
margin : -1px;
color : white;
}
.custom-radio {
width : 22px;
height : 22px;
border : 1px solid black;
border-radius : 22px;
background-color : white;
}
.custom-radio input[type=radio]:checked + span {
width : 12px;
height : 12px;
top : 4px;
left : 4px;
background-color : var(--primary-green-1);
}
.custom-radio input[type=radio]:disabled + span {
border-color : var(--grey);
background-color : var(--lightgrey);
}
select.form-control:not([size]):not([multiple]) {
height : auto;
}
body#checkout section.checkout-step #customer-form,
body#checkout section.checkout-step #delivery-address,
body#checkout section.checkout-step #invoice-address,
body#checkout section.checkout-step #login-form {
max-width : 400px;
margin : 0 auto;
}
body#checkout #footer {
padding : 0;
}
body#checkout section.checkout-step .payment-options .custom-radio {
margin : 0;
flex-shrink : 0;
margin-right : 0px !important;
}
/* Search
============================================================ */
#search_widget form input {
padding : 12px 65px 12px 24px;
border-radius : 7px;
background-color : #F8F8F8;
font-size : 16px;
color : black;
background-image : url('data:image/svg+xml,');
background-position : calc(100% - 20px) 50%;
background-size : 20px 20px;
background-repeat : no-repeat;
}
#search_widget form input::placeholder {
color : #898989;
opacity : 1;
}
@media (min-width : 768px) {
#search_widget form input {
font-size : 14px;
}
}
/* ============================================================
Header
============================================================ */
.header-top-banner .item {
opacity : 0;
visibility : hidden;
height : 0;
overflow : hidden;
transition : .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.header-top-banner .item.show {
opacity : 1;
visibility : visible;
height : auto;
}
#header {
box-shadow : none;
position : sticky;
top : 0;
}
.header-bottom {
max-height : 100px;
overflow : hidden;
transition : max-height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.header--is-scrolled .header-bottom {
max-height : 0;
}
.header--is-scrolled:hover .header-bottom {
max-height : 100px;
}
.header-search-trigger-text {
display : none;
}
.header-search-trigger-icon {
display : flex;
}
.header-wrapper {
max-width : 1360px;
width : 100%;
margin : 0 auto;
padding : 0 15px;
}
.header-top {
display : grid;
grid-template-columns : repeat(3, 1fr);
gap : 30px;
align-items : center;
padding : 20px 0;
}
.header-top .menu-open {
display : block;
width : 35px;
height : 35px;
background-image : url('data:image/svg+xml,');
background-size : cover;
}
.header-top .logo img {
width : 220px;
height : auto;
}
.header-top #search_widget.search-widgets {
max-width : 100% !important;
width : 100%;
margin-bottom : 0;
}
.header-top .nav-right {
display : flex;
align-items : center;
justify-content : flex-end;
gap : 30px;
}
.header-top .nav-right .links {
display : flex;
gap : 30px;
}
.header-top .nav-right .links a {
font-size : 14px;
}
#header .header-top .nav-right a:hover,
#header .header-top .nav-right a:focus {
color : black;
font-weight : 700;
}
#_desktop_cart a {
display : flex;
align-items : center;
gap : 5px;
font-size : 12px;
}
@media (min-width : 1221px) {
.header-top .menu-open,
.header-bottom .mobile-nav, .header-search-trigger.js-header-search-trigger {
display : none;
}
}
@media (max-width : 1220px) {
#header .header-top {
padding : 15px 0;
gap : 15px;
}
#header .logo {
margin : 0 auto;
width : 225px;
}
.header-top #search_widget {
grid-row : 2;
grid-column : 1/4;
}
.header-top .nav-right {
grid-row : 1;
grid-column : 3;
gap : 20px;
}
.header-top .nav-right .links {
display : none;
}
.header-bottom {
position : fixed;
top : 0;
left : 0;
width : 100%;
height : 100dvh;
background-color : white;
translate : -100% 0;
transition : translate .3s cubic-bezier(0.165, 0.84, 0.44, 1);
display : grid;
grid-template-rows : auto 1fr;
overflow : hidden;
}
.header-bottom.active {
translate : 0 0;
max-height : 100%;
}
.header-bottom .mobile-nav {
display : grid;
grid-template-columns : repeat(3, 1fr);
align-items : center;
gap : 30px;
padding : 15px;
}
.header-bottom .mobile-nav .menu-close {
display : block;
width : 35px;
height : 35px;
background-image : url('data:image/svg+xml,');
background-size : cover;
}
#search_widget {
opacity : 0;
visibility : hidden;
transition : opacity 0.5s ease, visibility 0.2s ease, max-height 0.5s ease, padding 0.5s ease;
overflow : hidden;
max-height : 0;
padding : 0;
}
#search_widget.is-active {
opacity : 1;
max-height : 100px;
visibility : visible;
padding : 15px 0;
}
}
@media (max-width : 767px) {
.header-top {
grid-template-columns : auto 1fr 1fr;
}
}
@media (max-width : 375px) {
#header .logo {
width : 150px;
}
}
/* ============================================================
Advanced top menu
============================================================ */
#adtm_menu {
margin : 0;
border : 0;
box-shadow : none;
position : unset;
}
#adtm_menu_inner {
border : 0;
background : transparent;
}
#adtm_menu .li-niveau1,
#adtm_menu .li-niveau1 a.a-niveau1,
#adtm_menu .li-niveau1 a.a-niveau1 .advtm_menu_span {
min-height : 0;
line-height : unset;
font-size : 15px;
}
#adtm_menu .li-niveau1 a.a-niveau1 {
padding : 25px 0;
border : 0;
border-bottom : 5px solid transparent;
}
#adtm_menu .li-niveau1 a.advtm_menu_actif {
border-color : var(--primary-green-1);
}
#adtm_menu .li-niveau1 a.a-niveau1.advtm_menu_actif .advtm_menu_span {
font-weight : 700;
}
#adtm_menu .li-niveau1 a.advtm_menu_actif .advtm_menu_span {
background : transparent;
color : black !important;
}
.li-niveau1 .advtm_menu_span,
.li-niveau1 a .advtm_menu_span {
color : black;
}
.li-niveau1 a:hover .advtm_menu_span,
.li-niveau1 .advtm_menu_span:hover,
.li-niveau1:hover > a.a-niveau1 .advtm_menu_span {
background : transparent;
}
#adtm_menu .li-niveau1 a.a-niveau1:hover .advtm_menu_span,
.li-niveau1:hover > a.a-niveau1 .advtm_menu_span {
color : black;
font-weight : 700;
}
.li-niveau1 a span {
padding : 0;
}
#adtm_menu ul#menu {
display : flex;
justify-content : space-between;
gap : 30px;
}
#adtm_menu ul#menu li div.adtm_sub {
top : 100%;
background : var(--secondary-1);
box-shadow : 0 5px 6px rgba(0 0 0 / 0.15);
}
#adtm_menu ul#menu li div.adtm_sub .wrapper {
display : grid;
grid-template-columns : 3fr 4fr 1fr 3fr 1fr;
align-items : center;
gap : 30px;
width : 100%;
max-width : 1360px;
padding : 25px 15px 35px 25px;
margin : 0 auto;
}
#adtm_menu ul#menu li div.adtm_sub .wrapper .adtm_column_wrap {
padding : 0;
}
#adtm_menu ul#menu li div.adtm_sub .wrapper .adtm_column_wrap.advtm_column_wrap_5 {
padding : 0 0 0 45px;
}
#adtm_menu ul#menu li div.adtm_sub .wrapper .adtm_column,
#adtm_menu ul#menu li div.adtm_sub .wrapper .adtm_column .column_wrap_title {
margin : 0;
}
#adtm_menu ul#menu li div.adtm_sub .wrapper > .adtm_column_wrap_td:first-child {
grid-column : 1;
}
#adtm_menu ul#menu li div.adtm_sub .wrapper > .adtm_column_wrap_td:nth-child(2) {
grid-column : 2;
}
#adtm_menu ul#menu li div.adtm_sub .wrapper > .adtm_column_wrap_td:last-child {
grid-column : 4;
}
#adtm_menu ul#menu li div.adtm_sub .wrapper > .adtm_column_wrap_td:nth-child(2) .title {
display : flex;
align-items : center;
gap : 12px;
margin-bottom : 20px;
font-size : 24px;
font-weight : 900;
line-height : 1em;
text-transform : uppercase;
color : black;
}
#adtm_menu ul#menu li div.adtm_sub .wrapper > .adtm_column_wrap_td:nth-child(2) .title::before {
content : '';
width : 34px;
aspect-ratio : 1;
background-image : url('data:image/svg+xml,');
background-size : contain;
background-position : center center;
background-repeat : no-repeat;
}
#adtm_menu ul#menu li div.adtm_sub .wrapper > .adtm_column_wrap_td:nth-child(2) .column_wrap_title a {
display : block;
padding : 14px 0;
position : relative;
font-weight : 400;
color : black;
}
#adtm_menu ul#menu li div.adtm_sub .wrapper > .adtm_column_wrap_td:nth-child(2) .column_wrap_title a:hover {
font-weight : 700;
}
#adtm_menu ul#menu li div.adtm_sub .wrapper > .adtm_column_wrap_td:nth-child(2) .column_wrap_title a::after {
content : url('data:image/svg+xml,');
position : absolute;
top : 50%;
right : 5px;
translate : 0 -50%;
transition : 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#adtm_menu ul#menu li div.adtm_sub .wrapper > .adtm_column_wrap_td:nth-child(2) .column_wrap_title a:hover::after {
right : 0;
}
#adtm_menu ul#menu li div.adtm_sub .wrapper > .adtm_column_wrap_td:nth-child(2) .adtm_column + .adtm_column .column_wrap_title a {
border-top : 1px solid var(--grey);
}
#adtm_menu ul#menu li div.adtm_sub .wrapper > .adtm_column_wrap_td:last-child .title {
display : block;
text-align : center;
font-size : 12px;
font-weight : 700;
text-transform : uppercase;
color : black;
margin-bottom : 15px;
}
#adtm_menu .featured-products .products {
display : block;
}
#adtm_menu ul#menu .li-niveau1:hover div.adtm_sub {
transition : none;
}
#adtm_menu div.adtm_column_wrap ul.adtm_elements {
margin-top : -10px;
}
@media (min-width : 1200px) {
.submenu-back {
display : none;
}
}
@media (max-width : 1380px) {
#adtm_menu ul#menu {
gap : 25px;
}
}
@media (max-width : 1220px) {
#_desktop_top_menu {
height : 100%;
overflow-y : auto;
}
#_desktop_top_menu #adtm_menu {
overflow : hidden;
}
#adtm_menu ul#menu {
max-width : 450px;
margin : 0 auto;
flex-direction : column;
gap : 0;
padding : 0 40px 50px 40px;
position : relative;
}
#adtm_menu .advtm_hide_desktop {
display : block !important;
}
#adtm_menu .li-niveau1 + .li-niveau1 {
border-top : 1px solid #E3E3E3;
}
#adtm_menu ul#menu li.li-niveau1 a.a-niveau1 {
padding : 20px 0;
width : 100%;
display : flex;
align-items : center;
justify-content : space-between;
}
#adtm_menu .li-niveau1 a.a-niveau1::after {
content : url('data:image/svg+xml,');
}
#adtm_menu .li-niveau1 a.advtm_menu_actif {
border : 0;
}
#adtm_menu ul#menu li div.adtm_sub {
width : 100%;
height : 100%;
top : 0 !important;
left : 0 !important;
background-color : white;
box-shadow : none;
padding : 20px 40px 50px 40px;
translate : 100% 0;
opacity : 0 !important;
pointer-events : none !important;
overflow-y : auto;
transition : all .3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}
#adtm_menu ul#menu li div.adtm_sub.active {
translate : 0 0;
opacity : 1 !important;
pointer-events : initial !important;
}
.submenu-back {
color : black;
margin-bottom : 30px;
display : flex;
align-items : center;
gap : 10px;
}
.submenu-back::before {
content : url('data:image/svg+xml,');
line-height : 0;
}
#adtm_menu ul#menu li div.adtm_sub .wrapper {
display : block;
padding : 0;
}
#adtm_menu ul#menu li div.adtm_sub .wrapper > .adtm_column_wrap_td:first-child,
#adtm_menu ul#menu li div.adtm_sub .wrapper > .adtm_column_wrap_td:last-child {
display : none;
}
#adtm_menu ul#menu li div.adtm_sub .wrapper > .adtm_column_wrap_td:nth-child(2) .title {
justify-content : center;
gap : 8px;
font-size : 20px;
margin-bottom : 20px;
}
#adtm_menu ul#menu li div.adtm_sub .wrapper > .adtm_column_wrap_td:nth-child(2) .title::before {
width : 24px;
}
}
@media (max-width : 767px) {
#adtm_menu ul li.li-niveau1 {
display : block;
}
#adtm_menu .li-niveau1 a.a-niveau1 .advtm_menu_span {
font-weight : initial;
text-transform : inherit;
}
#adtm_menu .adtm_column span.column_wrap_title,
#adtm_menu .adtm_column span.column_wrap_title a,
#adtm_menu .adtm_column span.column_wrap_title span[data-href] {
font-size : 16px;
}
}
/* ============================================================
Elementor
============================================================ */
/* Voshuiles product carousel
============================================================ */
@media (min-width : 1200px) {
.vh-product-carousel .swiper-pagination {
display : none;
}
body:not(.elementor-editor-active) .vh-product-carousel .elementor-carousel-wrapper {
padding-top : 100px;
margin-top : -100px;
}
.vh-product-carousel .elementor-swiper-button-prev,
.vh-product-carousel .elementor-swiper-button-next {
top : 0;
transform : none;
}
.vh-product-carousel .elementor-swiper-button-prev {
left : unset;
right : 50px;
}
.vh-product-carousel .elementor-swiper-button-next {
right : 0;
}
.vh-product-carousel .elementor-swiper-button-prev i,
.vh-product-carousel .elementor-swiper-button-next i {
width : 40px;
height : 40px;
border : 1px solid #D9D9D9;
border-radius : 50%;
background-color : white;
color : black;
display : flex;
align-items : center;
justify-content : center;
font-size : 16px;
}
}
@media (max-width : 1199px) {
.vh-product-carousel .elementor-swiper-button-prev,
.vh-product-carousel .elementor-swiper-button-next {
display : none;
}
}
/* Carousel
============================================================ */
.elementor-carousel-wrapper .swiper-pagination-bullet {
width : 14px;
height : 14px;
background : #1F9D634D;
border : 1px solid #1F9D634D;
opacity : 1;
}
.elementor-carousel-wrapper .swiper-pagination-bullet-active {
background-color : #1F9D63;
border-color : #1F9D63;
}
/* Home reassurance
============================================================ */
@media (max-width : 767px) {
.home-reassurance > .elementor-container > .elementor-row {
width : 100%;
overflow : auto;
flex-wrap : nowrap;
scrollbar-width : none;
-ms-overflow-style : none;
}
.home-reassurance > .elementor-container > .elementor-row::-webkit-scrollbar {
display : none;
}
.home-reassurance > .elementor-container > .elementor-row > .elementor-element {
flex-shrink : 0;
max-width : 180px;
}
.home-reassurance .fake-scrollbar-wrapper {
width : 180px;
height : 10px;
background-color : #F5F5F5;
position : absolute;
bottom : -10px;
left : 50%;
border-radius : 5px;
translate : -50% 0;
}
.home-reassurance .fake-scrollbar {
width : 33%;
height : 100%;
background-color : black;
position : absolute;
top : 0;
left : 0;
border-radius : 5px;
}
}
/* Home CTA
============================================================ */
.home-cta.vert > .elementor-column-wrap {
background-color : var(--secondary-1);
}
.home-cta.bleu > .elementor-column-wrap {
background-color : #E3F9FF;
}
.home-cta.orange > .elementor-column-wrap {
background-color : #FAEAD1;
}
.home-cta.jaune > .elementor-column-wrap {
background-color : #FFF6D1;
}
.home-cta.rose > .elementor-column-wrap {
background-color : #F5EFF5;
}
.home-cta .image .elementor-image {
margin-top : -100px;
margin-left : -100px;
width : 100%;
aspect-ratio : 1/1.4;
position : relative;
}
.home-cta.reverse .image .elementor-image {
margin-left : 100px;
}
.home-cta .image .elementor-image::after {
content : '';
width : 118px;
aspect-ratio : 1/1.56;
background-size : contain;
background-repeat : no-repeat;
background-position : center center;
position : absolute;
top : 50px;
right : 0;
translate : 50% 0;
opacity : 0.9;
}
.home-cta.reverse .image .elementor-image::after {
top : unset;
right : unset;
bottom : -20px;
left : -20px;
translate : 0 0;
}
.home-cta.vert .image .elementor-image::after {
background-image : url('data:image/svg+xml,');
}
.home-cta.bleu .image .elementor-image::after {
background-image : url('data:image/svg+xml,');
}
.home-cta.orange .image .elementor-image::after {
background-image : url('data:image/svg+xml,');
}
.home-cta.jaune .image .elementor-image::after {
background-image : url('data:image/svg+xml,');
}
.home-cta.rose .image .elementor-image::after {
background-image : url('data:image/svg+xml,');
}
.home-cta .image .elementor-image img {
width : 100%;
height : 100%;
object-fit : cover;
border-radius : 300px;
}
@media (max-width : 1199px) {
.home-cta .image .elementor-image {
width : 50vw;
max-width : 250px;
margin-left : 30px;
}
.home-cta.reverse .image .elementor-image {
margin-left : auto;
margin-right : 30px;
}
.home-cta .image .elementor-image::after {
width : 70px;
top : 50%;
right : 0;
translate : 50% -100%;
}
.home-cta.reverse .image .elementor-image::after {
top : unset;
right : unset;
left : 0;
bottom : 50%;
translate : -50% 100%;
}
}
/* Home guide
============================================================ */
.home-guide {
overflow : hidden;
}
.home-guide .image .elementor-image {
width : 100%;
aspect-ratio : 1/1.4;
position : relative;
}
.home-guide .image .elementor-image::after {
content : '';
width : 118px;
aspect-ratio : 1/1.56;
background-size : contain;
background-repeat : no-repeat;
background-position : center center;
position : absolute;
opacity : 0.8;
}
.home-guide .elementor-row > .elementor-element:nth-child(2) .image .elementor-image::after {
background-image : url('data:image/svg+xml,');
top : 25px;
left : -45px;
}
.home-guide .elementor-row > .elementor-element:nth-child(3) .image .elementor-image::after {
background-image : url('data:image/svg+xml,');
right : 0;
bottom : 20px;
}
.home-guide .elementor-row > .elementor-element:nth-child(4) .image .elementor-image::after {
background-image : url('data:image/svg+xml,');
right : -60px;
bottom : 60px;
}
.home-guide .image .elementor-image img {
width : 100%;
height : 100%;
object-fit : cover;
}
@media (max-width : 767px) {
.home-guide {
padding-bottom : 30px;
margin-left : -25px;
margin-right : -25px;
width : auto !important;
}
.home-guide > .elementor-container > .elementor-row {
width : 100%;
flex-wrap : nowrap;
}
.home-guide > .elementor-container > .elementor-row > .elementor-element {
flex-shrink : 0;
max-width : 230px;
}
.home-guide .image .elementor-image::after {
width : 80px;
}
.home-guide .swiper-container-horizontal > .swiper-pagination-bullets {
bottom : -30px;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
width : 14px;
height : 14px;
background-color : white;
border : 1px solid #707070;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
background-color : black;
border-color : black;
}
}
/* ============================================================
Product miniature
============================================================ */
#products .products,
.featured-products .products,
.product-accessories .products {
gap : 30px;
display : grid;
grid-template-columns : repeat(4, 1fr);
}
#products .products {
grid-template-columns : repeat(3, 1fr);
}
#products.full-width {
grid-column : 1/3;
}
#products.full-width .products {
grid-template-columns : repeat(4, 1fr);
}
.product-miniature,
.product-miniature .product {
display : block;
width : 100%;
max-width : 330px;
border : 1px solid #D9D9D9;
border-radius : 5px;
background-color : white;
height : 100%;
}
.product-miniature .product-flags {
margin-top : 20px !important;
margin-left : 20px;
list-style : none !important;
}
.product-miniature .product-flags li.product-flag {
min-width : unset;
min-height : unset;
line-height : 1em;
background : var(--primary-green-1);
}
.product-flags li.product-flag {
padding : 4px 8px;
border-radius : 5px;
font-size : 12px;
line-height : 16px;
font-weight : 700;
text-transform : uppercase;
margin : 0;
background-color : var(--primary-green-1);
min-height : 0;
min-width : 0;
}
.product-flags li.product-flag + li.product-flag {
margin-top : 10px;
}
.product-flags li.product-flag.on-sale {
width : fit-content;
background-color : var(--primary-green-1);
}
.product-miniature .thumbnail-container {
margin-bottom : 0;
background-color : transparent;
}
.product-miniature .thumbnail-container:focus .product-description::after,
.product-miniature .thumbnail-container:hover .product-description::after {
display : none;
}
.product-miniature .thumbnail-top {
width : 100%;
aspect-ratio : 1;
border-radius : 5px;
display : flex;
align-items : center;
justify-content : center;
}
.product-miniature .thumbnail-top img {
width : 250px;
max-width : 100%;
height : auto;
}
.product-miniature .product-description {
background-color : transparent;
padding : 15px;
}
.product-miniature .product-title {
margin-top : 0;
margin-bottom : 10px;
font-size : 15px;
line-height : 18px;
font-weight : 400;
text-align : center;
text-transform : initial;
min-height : 36px;
}
.product-miniature .product-price-and-shipping {
font-size : 16px;
line-height : 22px;
text-align : left;
/*min-height: 72px;*/
display : block;
flex-direction : column;
justify-content : flex-end;
}
.product-miniature .regular-price {
display : block;
}
.product-miniature > form {
display : none;
}
@media (max-width : 1199px) {
#products .products,
.featured-products .products,
.product-accessories .products {
grid-template-columns : repeat(3, 1fr);
}
#products .products {
grid-template-columns : repeat(2, 1fr);
}
#products.full-width .products {
grid-template-columns : repeat(3, 1fr);
}
}
@media (max-width : 767px) {
#products .products,
.featured-products .products,
.product-accessories .products {
grid-template-columns : repeat(2, 1fr);
column-gap : 10px;
row-gap : 15px;
}
#products.full-width {
grid-column : 1;
}
#products.full-width .products {
grid-template-columns : repeat(2, 50%);
}
.product-miniature .thumbnail-top {
margin-top : 20px;
padding : 0 10px;
}
.product-miniature .product-description {
padding : 15px 8px 8px 8px;
}
.product-miniature .product-title {
font-size : 14px;
line-height : 18px;
min-height : 36px;
}
.product-miniature .product-flags {
margin-top : 8px !important;
margin-left : 8px;
}
.product-miniature .product-flags li.product-flag {
font-size : 10px;
line-height : 1em;
}
.product-flags li.product-flag + li.product-flag {
margin-top : 3px;
}
}
/* ============================================================
Footer before
============================================================ */
#footer {
padding-top : 0;
}
footer .footer {
background-image : url('data:image/svg+xml,');
background-position : 63% center;
background-repeat : no-repeat;
}
footer .footer a {
color : white;
}
footer .footer .social .elementor-widget-wrap {
display : flex;
align-items : center;
gap : 30px;
}
footer .footer .social .elementor-widget-wrap > .elementor-element {
width : fit-content;
}
.footer-top .title {
display : flex;
align-items : center;
gap : 15px;
}
.footer-top .title::before {
content : url('data:image/svg+xml,');
}
.footer-bottom,
.footer-bottom a {
color : white;
font-size : 13px;
}
.footer-bottom p {
margin-bottom : 0;
}
.footer-bottom > .elementor-container {
border-top : 1px solid #FFFFFF;
padding-top : 20px;
}
.footer-bottom .left .elementor-widget-wrap {
display : flex;
align-items : center;
gap : 5px;
}
.footer-bottom .left .elementor-widget-wrap .elementor-element {
width : fit-content;
}
@media (min-width : 1200px) {
.footer-top .title .elementor-heading-title {
margin-right : 30px;
padding-right : 40px;
border-right : 1px solid #A0A0A0;
}
footer .footer .nav-col .elementor-text-editor {
column-count : 2;
column-gap : 30px;
}
}
@media (max-width : 767px) {
footer .footer {
background-position : calc(100% + 60px) 30%;
}
}
/* ============================================================
Category page
============================================================ */
.block-category {
margin-bottom : 50px;
}
#category.category-depth-level-2 #wrapper > .container {
width : 100%;
max-width : 100%;
margin : 0;
padding : 0;
}
#category.category-depth-level-2 #wrapper > .container > .row {
margin : 0;
}
#category #wrapper > .container > .row > #content-wrapper {
padding : 0;
}
#category.category-depth-level-2 #wrapper .breadcrumb {
display : none;
}
#category.category-depth-level-2 .block-category,
#category .block-category.--without-cover {
background-color : var(--secondary-1);
text-align : center;
}
#category.category-depth-level-2 .block-category .wrapper,
#category .block-category.--without-cover .wrapper {
width : 100%;
max-width : 1100px;
margin : 0 auto;
padding : 35px 30px 30px 30px;
}
#category.category-depth-level-2 .block-category h1,
#category .block-category.--without-cover h1 {
color : var(--primary-green-1);
font-size : 48px;
margin : 0 0 15px 0;
}
.category-header-read-more {
color : black;
font-size : 15px;
display : flex;
align-items : center;
justify-content : center;
gap : 15px;
}
#category.category-depth-level-3 .block-category.--with-cover .category-header-read-more {
justify-content : flex-start;
}
.category-header-read-more::after {
content : url('data:image/svg+xml,');
}
#category.category-depth-level-2 .block-category .right,
#category .block-category.--without-cover .right {
display : none;
}
#category.category-depth-level-2 .block-category .category-additional-description h2,
#category .block-category.--without-cover .category-additional-description h2 {
font-family : 'Amithen', 'Franklin', sans-serif;
font-size : 49px;
font-weight : 400;
line-height : 45px;
color : var(--primary-green-2);
max-width : 780px;
margin : 0 auto 15px auto;
padding-top : 8px;
}
#category.category-depth-level-2 .block-category #category-description,
#category .block-category.--without-cover #category-description {
max-width : 650px;
margin : 0 auto;
}
#category:not(.category-depth-level-2) .block-category.--with-cover {
background-color : var(--secondary-1);
margin-bottom : 0;
min-height : 200px;
}
#category:not(.category-depth-level-2) .block-category.--with-cover .category-additional-description > * {
color : #FFF;
font-size : 14px;
font-style : normal;
font-weight : 400;
line-height : 20px;
}
#category:not(.category-depth-level-2) .block-category.--with-cover .wrapper {
display : flex;
align-items : center;
height : 100%;
position : relative;
}
#category:not(.category-depth-level-2) .block-category.--with-cover .wrapper:after {
content : none;
}
#category #wrapper .breadcrumb {
margin-top : 25px;
margin-bottom : 30px;
}
#category:not(.category-depth-level-2) .block-category.--with-cover .category-cover img {
width : 100%;
height : 100%;
object-fit : cover;
min-height : 250px;
}
#category:not(.category-depth-level-2) .category-cover {
width : 100%;
}
#category:not(.category-depth-level-2) .block-category.--with-cover .text {
position : absolute;
display : flex;
width : 600px;
padding : 20px;
flex-direction : column;
align-items : flex-start;
gap : 9px;
border-radius : 10px;
background : #1F9D63;
left : 12%;
}
#category:not(.category-depth-level-2) .block-category.--with-cover .right {
display : flex;
align-items : flex-start;
justify-content : center;
background-image : url('data:image/svg+xml,');
background-size : 150px;
background-position : center;
background-repeat : no-repeat;
width : 245px;
height : 100%;
}
#category:not(.category-depth-level-2) .block-category.--with-cover #subcategories {
display : none;
}
#category:not(.category-depth-level-2) .block-category.--with-cover h1 {
margin-top : 0;
color : #FFF;
font-size : 36px;
font-style : normal;
font-weight : 600;
line-height : 30px;
margin-bottom : 0;
text-transform : uppercase;
}
#subcategories {
border : 0;
margin : 25px 0 0 0;
}
#subcategories ul {
display : flex;
align-items : center;
justify-content : center;
flex-wrap : wrap;
gap : 60px;
margin : 0;
}
#subcategories ul li {
min-width : unset;
width : unset;
max-width : 33.33%;
flex : 1 0 calc(33.33% - 40px);
margin : 0;
}
#subcategories ul li .subcategory-image {
padding : 0;
margin-bottom : 15px;
}
#subcategories ul li .subcategory-image a {
border : 0;
padding : 0;
margin-bottom : 0;
aspect-ratio : 1/0.56;
position : relative;
}
#subcategories ul li .subcategory-image a::before {
content : '';
width : 90px;
aspect-ratio : 1/1.57;
position : absolute;
left : 0;
top : 50%;
translate : -50% -50%;
background-image : url('data:image/svg+xml,');
background-size : contain;
background-position : center center;
pointer-events : none;
opacity : 0.8;
}
#subcategories ul li:hover .subcategory-image a {
border : 0;
padding : 0;
}
#subcategories ul li .subcategory-image a img {
width : 100%;
height : 100%;
object-fit : cover;
border-radius : 500px;
}
.category-id-61 #subcategories ul li .subcategory-image a img {
object-position : right center;
}
#subcategories ul li .name {
margin-bottom : 0;
}
#subcategories ul li .name {
font-size : 19px;
font-weight : 500;
line-height : 23px;
}
#subcategories ul li .subcategory-name {
text-transform : inherit;
color : black;
}
#subcategories ul li .subcategory-name:hover {
color : black;
}
.category-wrapper {
width : 100%;
max-width : 1390px;
margin : 0 auto;
padding : 0 15px;
}
@media (max-width : 1199px) {
#category.category-depth-level-2 .block-category h1,
#category .block-category.--without-cover h1 {
font-size : 20px;
line-height : 25px;
}
#subcategories ul li .subcategory-image a::before {
display : none;
}
}
@media (min-width : 768px) {
.category-wrapper .filter-toggle,
.category-wrapper .filters .show-products {
display : none;
}
}
@media (max-width : 991px) {
#category:not(.category-depth-level-2) .block-category.--with-cover {
height : auto;
}
#category:not(.category-depth-level-2) .block-category.--with-cover .text {
max-width : 450px;
}
#category:not(.category-depth-level-2) .block-category.--with-cover h1 {
font-size : 25px;
line-height : 30px;
}
#category:not(.category-depth-level-2) .block-category.--with-cover .right svg {
max-width : 150px;
}
}
@media (max-width : 767px) {
#category:not(.category-depth-level-2) .category-cover {
display : flex;
}
#category:not(.category-depth-level-2) .block-category.--with-cover .category-cover img {
min-height : 300px;
}
#category:not(.category-depth-level-2) .block-category.--with-cover .text {
max-width : calc(100vw - 11%);
width : 100%;
left : 0;
margin : 0 5%;
}
#category.category-depth-level-2 .block-category .wrapper,
#category .block-category.--without-cover .wrapper {
padding-left : 15px;
padding-right : 15px;
}
#category.category-depth-level-2 .block-category h1,
#category .block-category.--without-cover h1 {
margin-bottom : 5px;
}
#category.category-depth-level-2 .block-category .category-additional-description h2,
#category .block-category.--without-cover .category-additional-description h2 {
font-size : 30px;
line-height : 30px;
}
.category-wrapper {
grid-template-columns : 2fr;
}
#subcategories ul {
gap : 10px;
}
#subcategories ul li {
flex : 1 0 calc(33.33% - 7px);
}
#subcategories ul li .name {
font-size : 16px;
line-height : 18px;
font-weight : 400;
}
.category-wrapper .filter-toggle {
position : fixed;
bottom : 0;
left : 0;
z-index : 99;
width : 100%;
padding : 15px;
background-color : var(--primary-green-1);
display : flex;
align-items : center;
justify-content : center;
gap : 10px;
font-size : 16px;
font-weight : 700;
text-transform : uppercase;
color : white;
}
.category-wrapper .filter-toggle.hidden {
display : none;
}
.category-wrapper .filter-toggle::after {
content : url('data:image/svg+xml,');
line-height : 0;
}
.category-wrapper .filters #search_filters_wrapper {
height : 100%;
overflow : auto;
}
.category-wrapper .filters {
position : fixed;
z-index : 1000;
bottom : 0;
left : 0;
width : 100%;
height : 100dvh;
background-color : white;
padding : 70px 20px 70px 20px;
translate : 0 100%;
transition : translate .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.category-wrapper .filters.active {
translate : 0 0;
}
.category-wrapper .filters .close {
position : absolute;
top : 20px;
left : 20px;
display : block;
width : 35px;
height : 35px;
background-image : url('data:image/svg+xml,');
background-position : center center;
background-repeat : no-repeat;
opacity : 1;
}
.category-wrapper .filters .show-products {
position : absolute;
z-index : 1;
bottom : 0;
left : 0;
width : 100%;
padding : 15px;
background-color : var(--primary-green-1);
text-align : center;
font-size : 16px;
font-weight : 700;
text-transform : uppercase;
color : white;
}
#search_filters,
#search_filters_brands,
#search_filters_suppliers {
padding : 0;
}
}
@media (max-width : 575px) {
#category:not(.category-depth-level-2) .block-category.--with-cover .text {
max-width : calc(100vw - 2%);
margin : 0 1%;
}
}
/* ============================================================
Pagination
============================================================ */
.pagination .page-list {
display : flex;
align-items : center;
justify-content : center;
gap : 20px;
}
.pagination .previous,
.pagination .next {
float : none;
padding : 7px;
border : 1px solid var(--grey);
border-radius : 6px;
}
.pagination .previous .material-icons,
.pagination .next .material-icons {
font-size : 18px;
width : fit-content;
height : auto;
}
.pagination a {
padding : 8px 12px;
border-radius : 6px;
font-size : 18px;
font-weight : 400;
line-height : 1em;
color : black
}
.pagination .current a,
.pagination a:hover {
background-color : var(--secondary-1);
color : var(--primary-green-1);
font-size : 18px;
}
.pagination a:not(.previous):not(.next) {
letter-spacing : 0;
}
/* ============================================================
Faceted search
============================================================ */
.active_filters {
display : none;
}
#search_filters > .h6,
#search_filters_brands > .h6,
#search_filters_suppliers > .h6 {
font-size : 17px;
font-weight : 700;
line-height : 20px;
text-transform : uppercase;
margin-bottom : 10px;
}
#search_filters .btn-search-filters-clear-all {
font-size : 12px;
line-height : 1em;
color : var(--grey);
padding : 8px 20px;
border : 1px solid var(--grey);
border-radius : 20px;
background-color : transparent;
cursor : pointer;
}
#search_filters .btn-search-filters-clear-all:hover,
#search_filters .btn-search-filters-clear-all:focus {
background-color : var(--grey);
color : white;
}
#search_filters .btn-search-filters-clear-all .material-icons {
font-size : 12px;
}
#search_filters .facet,
#search_filters_brands .facet,
#search_filters_suppliers .facet {
padding-top : 30px;
}
#search_filters .facet + .facet,
#search_filters_brands .facet + .facet,
#search_filters_suppliers .facet + .facet {
border-top : 1px solid #EFEFEF;
margin-top : 30px;
}
#search_filters .facet .facet-title {
font-size : 14px;
font-weight : 700;
line-height : 1em;
text-transform : uppercase;
margin-bottom : 15px;
}
#search_filters .facet .facet-label a {
width : fit-content;
max-width : 100%;
text-overflow : inherit;
white-space : inherit;
}
#search_filters .facet .facet-label a,
#search_filters_brands .facet .facet-label a,
#search_filters_suppliers .facet .facet-label a {
margin-top : 0;
}
#search_filters .facet .facet-label .custom-checkbox,
#search_filters .facet .facet-label .custom-radio {
top : 0;
}
#search_filters .facet ul li + li label,
#search_filters_brands .facet ul li + li label,
#search_filters_suppliers .facet ul li + li label {
margin-top : 15px;
}
#search_filters .facet .facet-label {
display : grid;
grid-template-columns : auto 1fr;
}
#search_filters .ui-slider-horizontal {
height : 1px;
border : 0;
background : black;
}
#search_filters .ui-widget-header {
top : -2px;
height : 5px;
background : black;
}
#search_filters .ui-slider-horizontal {
width : calc(100% - 20px);
}
#search_filters .ui-slider .ui-slider-handle {
top : -9px;
width : 20px;
height : 20px;
background : var(--primary-green-1);
border : 0;
border-radius : 10px;
}
#search_filters .facet .title .collapse-icons {
padding : 0;
width : 15px;
height : 10px;
cursor : pointer;
background-image : url('data:image/svg+xml,');
background-size : contain;
background-position : center center;
background-repeat : no-repeat;
transition : rotate .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#search_filters .facet .title.collapsed .collapse-icons {
rotate : 180deg;
}
#search_filters .facet .title .collapse-icons .material-icons {
display : none;
}
#search_filters .facet .collapse,
#search_filters_brands .facet .collapse,
#search_filters_suppliers .facet .collapse {
display : none;
}
#search_filters .facet .collapse.in,
#search_filters_brands .facet .collapse.in,
#search_filters_suppliers .facet .collapse.in {
display : block;
}
/* ============================================================
Product page
============================================================ */
#product #content-wrapper {
padding-top : 50px;
}
#product .product-container {
max-width : 100%;
margin : 0 auto;
padding : 0;
display : grid;
grid-template-columns : 1fr 1fr;
align-items : flex-start;
gap : 60px;
}
#product .product-container .left,
#product .product-container .right {
min-width : 0;
}
#product #content {
max-width : 100%;
}
#product .swiper {
padding-bottom : 30px;
}
#product .swiper .swiper-button-prev,
#product .swiper .swiper-container-rtl .swiper-button-next,
#product .swiper .swiper-button-next,
#product .swiper .swiper-container-rtl .swiper-button-prev {
background-image : url('data:image/svg+xml,');
width : 50px;
height : 50px;
}
#product .swiper .swiper-button-prev,
#product .swiper .swiper-container-rtl .swiper-button-next {
rotate : 180deg;
}
#product .swiper .swiper-button-prev::after,
#product .swiper .swiper-container-rtl .swiper-button-next::after,
#product .swiper .swiper-button-next::after,
#product .swiper .swiper-container-rtl .swiper-button-prev::after {
font-size : 0;
}
.product-flags li.product-flag.discount,
.product-flags li.product-flag.discount-amount,
.product-flags li.product-flag.discount-percentage,
.has-discount .discount {
background-color : var(--primary-green-1);
}
.has-discount .page-content.page-cms ul,
.has-discount p, .has-discount.product-price,
.page-content.page-cms .has-discount ul {
color : black;
}
#product .product-container .right {
position : sticky;
top : 110px;
max-width : 550px;
}
#product h1 {
text-transform : initial;
margin-top : 0;
margin-bottom : 8px;
color : #000;
font-size : 30px;
font-style : normal;
font-weight : 600;
line-height : normal;
max-width : 475px;
}
#product .product-features-logo {
display : flex;
flex-wrap : wrap;
gap : 10px;
margin : 10px 0;
}
#product .product-features-logo img {
height : 60px;
width : auto;
}
#product .current-price {
display : flex;
flex-direction : column;
}
.product-prices {
margin-top : 8px;
}
.product-price {
font-size : 19px;
font-weight : 700;
line-height : 1em;
color : black;
}
.current-price .lowest-price {
color : #807A76;
font-size : 14px;
font-style : normal;
font-weight : 400;
line-height : 22px;
}
#product .current-price-value {
color : #000;
font-size : 22px;
font-style : normal;
font-weight : 700;
line-height : 22px;
}
#product-description-short * {
color : #807A76;
font-size : 14px;
font-style : normal;
font-weight : 400;
line-height : 22px;
}
.product-variants {
margin-top : 30px;
}
.product-variants > .product-variants-item ul {
display : flex;
flex-wrap : wrap;
gap : 15px;
}
.product-variants > .product-variants-item ul li {
width : fit-content;
}
.product-variants > .product-variants-item ul li label {
margin-bottom : 0;
}
.input-radio {
left : 0;
}
.input-radio + span {
display : flex;
align-items : center;
justify-content : space-between;
gap : 15px;
min-width : 200px;
padding : 15px;
border : 1px solid var(--grey);
border-radius : 5px;
background-color : white;
font-weight : 400;
color : black;
cursor : pointer;
}
.input-radio:checked + span,
.input-radio:hover + span {
border : 1px solid var(--primary-green-1);
background-color : var(--primary-green-1);
color : white;
}
.product-variation-notice,
.delivery-estimation {
font-size : 13px;
color : var(--grey);
}
.delivery-estimation {
margin-top : 10px;
}
.product-customization .product-customization-item, .product-variants > .product-variants-item {
margin : 0;
}
.product-variation-notice a {
color : #000;
text-decoration : underline;
}
.product-quantity_container {
display : flex;
align-items : center;
gap : 20px;
flex-wrap : wrap;
}
.delivery-estimation span {
color : #000;
}
.product-discounts {
margin-bottom : 0;
}
.product-discounts .table-product-discounts {
margin-bottom : 30px;
}
#product-availability {
font-size : 14px;
font-weight : 700;
margin : 0;
}
#product-availability span {
display : flex;
align-items : center;
gap : 5px;
margin-top : 5px;
}
#product-availability span::before {
content : '';
width : 8px;
height : 8px;
border-radius : 4px;
background-color : currentColor;
}
#product-availability .product-available {
color : var(--primary-green-1);
}
#product-availability .product-last-items {
color : #ff9a52;
}
#product-availability .product-unavailable {
color : red;
}
.product-additional-info .tabs {
padding : 0;
}
#product .product-description hr {
display : none;
}
#product .product-description .product-description-block,
#product .product-description .product-description-block_precaution {
position : relative;
z-index : 0;
margin : 30px 0;
border-radius : 5px;
background : #F9F7F4;
padding : 30px 75px 45px 40px;
}
#product .product-description .product-description-block svg {
min-width : 46px;
}
#product .product-description .product-description-block h2 {
display : flex;
align-items : center;
gap : 6px;
}
#product .product-description .product-description-block img {
mix-blend-mode : darken;
}
#product .product-description .product-description-block a {
color : #807A76 !important;
}
#product .product-description .product-description-block_indication {
padding : 30px 75px 45px 40px;
border-radius : 5px;
border : 1px solid #D7D5D2;
margin : 10px 0;
}
#product .product-description .product-description-block_indication-see-more {
margin-bottom : 1rem;
}
#product .product-description .product-description-block_indication-see-more p {
margin-bottom : 5px;
}
#product .product-description .see-more-text {
cursor : pointer;
color : #000;
font-size : 15px;
font-style : normal;
font-weight : 500;
line-height : 23px;
text-decoration-line : underline;
text-decoration-style : solid;
text-decoration-skip-ink : auto;
text-decoration-thickness : auto;
text-underline-offset : auto;
text-underline-position : from-font;
}
#product .product-description p strong,
#product .product-description ul strong,
#product .product-description li strong {
color : #000;
}
#product .product-description ul {
list-style : none;
padding-left : 0;
margin-left : 0;
}
#product .product-description ul li {
position : relative;
padding-left : 25px;
margin-bottom : 8px;
}
#product .product-description ul li::before {
content : url("data:image/svg+xml;utf8,");
position : absolute;
left : 0;
top : 4px;
}
.product-description-block_precaution p {
display : flex;
padding : 15px 0;
gap : 13px;
align-self : stretch;
align-items : center;
border-top : 1px solid #E8E3DF;
margin : 0;
}
.product-description-block_precaution span {
display : flex;
align-self : stretch;
align-items : center;
gap : 13px;
}
#product #product-details {
display : none;
}
.product-description-block_precaution p:last-child {
border-bottom : 1px solid #E8E3DF;
}
.product-description-block_precaution img {
mix-blend-mode : darken;
margin : 0;
}
#product .product-images .thumb-container {
width : 100%;
/*background : #F5F0E9;*/
border-radius : 5px;
}
#product .product-images .thumb-container .thumb {
width : 85px;
border-radius : 5px;
margin : 0;
mix-blend-mode : darken;
}
#product .product-cover {
background : #F5F0E9;
border-radius : 5px;
}
#product .product-cover img {
mix-blend-mode : darken;
}
.thumb-miniature-swiper-container {
overflow : hidden;
}
#product .images-container.js-images-container.--with-thumbnails {
display : grid;
grid-template-columns : 87px 1fr;
grid-gap : 10px;
}
.thumb-miniature-wrapper.swiper-wrapper.product-images {
display : flex;
justify-content : flex-start;
align-items : stretch;
flex-direction : column;
position : relative;
}
.thumb-miniature-container .product-images > .thumb-container .thumb.selected,
.thumb-miniature-container .product-images > .thumb-container .thumb {
border : 1px solid transparent;
}
.thumb-miniature-container .product-images > .thumb-container .thumb.selected,
.thumb-miniature-container .product-images > .thumb-container .thumb:hover {
border : 1px solid #A59278;
}
.product-quantity .add {
width : 100%;
}
.product-actions .add-to-cart {
font-weight : 500;
background : #302D2A;
display : flex;
max-width : 300px;
width : 100%;
height : 55px;
padding : 16px 5px;
justify-content : center;
align-items : center;
}
.product-actions .add-to-cart:hover {
background : var(--primary-green-1);
}
.product-quantity .qty {
margin-right : 20px;
height : 55px;
}
.product-quantity .add, .product-quantity .qty {
margin-bottom : 0;
}
.product-quantity .input-group-btn-vertical {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
}
.product-quantity .bootstrap-touchspin {
display : flex;
padding : 0 30px;
border : 1px solid var(--grey);
border-radius : 5px;
align-items : center;
}
#product .product-variants-item .form-control.form-control-select {
border-radius : 5px;
border : 1px solid #9A9793;
min-width : 200px;
}
.product-quantity .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
position : absolute;
top : 0;
left : 0;
width : 30px;
height : 100%;
margin : 0;
border : 0;
padding : 0;
background-color : transparent;
color : black !important
}
.product-quantity .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
position : absolute;
top : 0;
right : 0;
width : 30px;
height : 100%;
margin : 0;
border : 0;
padding : 0;
background-color : transparent;
color : black !important
}
.product-quantity .bootstrap-touchspin .input-group-btn-vertical i {
position : absolute;
top : 50%;
left : 50%;
translate : -50% -50%;
margin-top : -3px;
}
.product-quantity .bootstrap-touchspin .input-group-btn-vertical .touchspin-up::after {
content : "+";
}
.product-quantity .bootstrap-touchspin .input-group-btn-vertical .touchspin-down::after {
content : "-";
}
.product-quantity #quantity_wanted {
border : 0;
text-align : center;
width : 2.4em;
padding : 0;
}
#product #wrapper {
padding-bottom : 150px;
}
#product #wrapper .featured-products {
margin-top : 90px;
}
#product #wrapper .featured-products .title {
font-size : 25px;
line-height : 30px;
text-transform : uppercase;
text-align : center;
color : var(--primary-green-1);
margin-top : 0;
margin-bottom : 30px;
}
.custom-select-wrapper {
position : relative;
width : 100%;
user-select : none;
margin-bottom : 13px;
}
.custom-select-trigger, .custom-select-options {
display : flex;
justify-content : space-between;
align-items : center;
padding : 18px 15px;
background-color : #fff;
border-radius : 5px;
border : 1px solid #9A9793;
cursor : pointer;
transition : all 0.3s ease;
width : 250px;
}
.custom-select-value, .custom-select-option {
flex : 1;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
display : flex;
justify-content : space-between;
color : #000;
font-size : 15px;
font-style : normal;
font-weight : 400;
line-height : 22px;
}
.custom-select-value .shttAttributesPrice {
font-weight : 600;
}
.custom-select-arrow {
margin-left : 10px;
font-size : 12px;
transition : transform 0.3s ease;
}
.custom-select-wrapper.active .custom-select-arrow {
transform : rotate(180deg);
}
.custom-select-options {
position : absolute;
top : 90%;
left : 0;
border-top : none;
border-radius : 0 0 5px 5px;
max-height : 300px;
overflow-y : auto;
z-index : 1000;
display : none;
padding : 0 10px 9px;
}
.custom-select-wrapper.active .custom-select-options {
display : block;
}
.custom-select-option {
padding : 5px;
border-radius : 5px;
}
.custom-select-option:hover {
cursor : pointer;
background : #F0EBE5;
}
.product-separator_container {
display : flex;
justify-content : center;
position : relative;
margin : 55px 0 45px;
}
.product-separator {
height : 1px;
width : calc(100vw - 15px);
background : #ECE8E5;
display : flex;
justify-content : center;
position : absolute;
}
.product-information-container {
max-width : 900px;
margin : 0 auto;
}
.product-information-container .product-description hr {
display : none;
}
.product-information-container .product-description h2 {
color : #000;
font-size : 24px;
font-style : normal;
font-weight : 600;
line-height : normal;
margin-bottom : 25px;
}
.product-information-container .product-description p,
.product-information-container .product-description ul,
.product-information-container .product-description li {
color : #807A76;
font-size : 15px;
font-style : normal;
font-weight : 400;
line-height : 23px;
}
.product-images-desktop,
.product-images-mobile {
position : relative;
}
.product-images-mobile {
margin-top : 15px;
max-width : 250px;
margin-left : auto;
margin-right : auto;
}
.skeepers_product__reviews {
width : 100% !important;
margin : 35px auto 90px auto !important;
display : block !important;
}
.product-accessories {
overflow : hidden;
border-radius : 12px;
background : #F9F7F4;
padding : 30px 45px;
margin-bottom : 30px;
}
.product-accessories .shttMC__action {
background : #302D2A;
cursor : pointer;
}
.product-accessories .shttMC__action:hover {
background : var(--primary-green-1);
}
.product-accessories_title {
color : #000;
font-size : 24px;
font-style : normal;
font-weight : 600;
line-height : 32px;
}
.product-accessories_title_container {
display : flex;
justify-content : space-between;
gap : 10px;
align-items : center;
margin-bottom : 20px;
}
.product-accessories_title {
margin : 0;
text-align : left;
display : flex;
flex-direction : column;
}
.product-accessories_swiper-button_container {
display : flex;
align-items : center;
justify-content : center;
gap : 5px;
}
.product-accessories_swiper-button-previous, .product-accessories_swiper-button-next {
width : 40px;
height : 40px;
border : 1px solid #D9D9D9;
border-radius : 50%;
background-color : #fff;
display : flex;
align-items : center;
justify-content : center;
cursor : pointer;
}
.product-accessories_swiper-container .product-miniature .thumbnail-top {
width : calc(100% - 30px);
height : 200px;
margin : 15px 15px 0;
/*background : #F9F7F4;*/
padding : 0;
}
.product-accessories_swiper-container .product-miniature .thumbnail-top img {
mix-blend-mode : darken;
width : 175px;
}
.product-accessories_swiper-container .product-miniature .product-description .product-title {
margin : 0 0 5px;
text-align : left;
min-height : 46px;
}
.product-accessories_swiper-container .product-miniature,
.product-accessories_swiper-container .product-miniature .product {
width : initial;
}
.product-accessories_swiper-container .product-miniature .av_category_stars,
.product-accessories_swiper-container .product-miniature .regular-price {
display : none;
}
.product-accessories_swiper-container .product-miniature .shttAttributesAvailable {
color : #807A76;
font-size : 12.995px;
font-style : normal;
font-weight : 400;
line-height : 22.991px;
white-space : nowrap;
overflow : hidden;
text-overflow : ellipsis;
}
.product-accessories_swiper-container .shttMC__combinations {
gap : 8px;
}
.product-accessories_swiper-container .shttMC__button {
padding : 5px 16px;
max-width : -webkit-fill-available;
}
.product-accessories_swiper-container .shttMC__combinationName {
font-size : 13px;
}
.product-accessories_swiper-container .shttMC__combinationPrice {
font-size : 15px;
}
.product-accessories_swiper-container .shttMC__combinationPanel {
width : auto;
}
@media (min-width : 992px) and (max-width : 1600px) {
#product .product-cover {
max-width : 500px;
max-height : 500px;
}
#product .product-container {
grid-template-columns : auto 1fr;
}
#product .images-container.js-images-container.--with-thumbnails {
grid-template-columns : 87px auto;
}
}
@media (min-width : 576px) and (max-width : 991px) {
.product-images-desktop {
display : flex;
flex-direction : column;
align-items : center;
}
#product .product-cover {
max-width : 500px;
max-height : 500px;
}
#product h1 {
max-width : 95%;
}
}
@media (min-width : 992px) {
.product-images-mobile {
display : none;
}
}
@media (max-width : 991px) {
#product #content-wrapper {
padding-top : 20px;
}
#product .product-container {
display : flex;
flex-direction : column;
gap : 0;
align-items : center;
}
#product .product-container .right {
position : relative;
top : 0;
max-width : 720px;
}
#product .product-information {
margin-top : 10px;
}
#product .product-container .left, #product .product-container .right {
min-width : 100%;
width : 100%;
}
.product-separator_container {
margin : 40px 0 30px;
}
}
@media (min-width : 768px) {
.product-add-to-cart-fixed {
display : none;
}
}
@media (max-width : 767px) {
.product-add-to-cart-fixed {
position : fixed;
bottom : 0;
left : 0;
z-index : 999;
width : 100%;
border-radius : 0;
transition : none;
font-size : 16px;
font-weight : 500;
text-transform : uppercase;
padding : 18px 10px;
}
#product .product-description .product-description-block,
#product .product-description .product-description-block_precaution,
#product .product-description .product-description-block_indication,
#product .product-accessories {
padding : 30px 45px 30px 30px;
}
#product .product-description .product-description-block {
display : flex;
flex-direction : column;
}
.product-accessories_title_container {
justify-content : space-between;
align-items : flex-end;
flex-direction : column;
}
.product-accessories_title {
width : 100%;
}
}
@media (max-width : 575px) {
#product .images-container.js-images-container.--with-thumbnails {
display : flex;
flex-direction : column-reverse;
}
.thumb-miniature-wrapper.swiper-wrapper.product-images {
flex-direction : row;
}
.product-cover {
margin : 0;
}
#product .product-images .thumb-container {
width : fit-content !important;
}
.thumb-miniature-container {
display : flex;
justify-content : center;
}
#product .product-container {
gap : 25px;
}
.product-actions .add-to-cart {
font-weight : 500;
max-width : 250px;
height : 55px;
padding : 16px 30px;
width : 100%;
}
}
/* ============================================================
Page header
============================================================ */
.page-header .image .elementor-image {
width : 100%;
aspect-ratio : 1/1.3;
position : relative;
}
.page-header .image .elementor-image::after {
content : '';
position : absolute;
top : 50%;
right : 0;
translate : 50% 0;
width : 150px;
aspect-ratio : 1/1.6;
background-image : url('data:image/svg+xml,');
background-size : contain;
background-position : center center;
background-repeat : no-repeat;
opacity : 0.9;
}
.page-header.alt .image .elementor-image::after {
background-image : url('data:image/svg+xml,');
right : unset;
left : 0;
translate : -50% 0;
}
.page-header .image .elementor-image img {
width : 100%;
height : 100%;
object-fit : cover;
border-radius : 300px;
}
.page-header .title .elementor-heading-title {
color : var(--primary-green-1);
text-transform : uppercase;
margin-bottom : 15px;
}
.page-header .sub-title .elementor-heading-title {
font-family : 'Amithen', 'Franklin', sans-serif;
font-size : 45px;
font-weight : 400;
margin-bottom : 20px;
color : var(--primary-green-2);
}
.page-header .title-2 .elementor-heading-title {
font-size : 35px;
font-weight : 900;
text-transform : uppercase;
color : black;
margin-top : 50px;
margin-bottom : 30px;
}
.page-header .text b,
.page-header .text strong {
color : var(--primary-green-1);
}
.page-header .elementor-button {
text-transform : uppercase;
font-weight : 500;
}
@media (max-width : 1024px) {
.page-header .image .elementor-image {
max-width : 250px;
margin : 0 auto;
}
.page-header .image .elementor-image::after {
width : 100px;
}
}
@media (max-width : 767px) {
.page-header:not(.alt) .title .elementor-heading-title,
.page-header:not(.alt) .sub-title .elementor-heading-title,
.page-header:not(.alt) .text {
text-align : center;
}
.page-header .title .elementor-heading-title {
font-size : 20px;
margin-bottom : 10px;
}
.page-header .sub-title .elementor-heading-title {
font-size : 30px;
margin-bottom : 15px;
}
.page-header .title-2 .elementor-heading-title {
font-size : 20px;
margin-top : 30px;
margin-bottom : 20px;
}
}
/* ============================================================
Team
============================================================ */
.team-member .image .elementor-image {
width : 100%;
aspect-ratio : 1/1.4;
}
.team-member .image .elementor-image img {
width : 100%;
height : 100%;
object-fit : cover;
border-radius : 300px;
}
/* ============================================================
Expertise
============================================================ */
.expertise-item .image .elementor-image {
width : 100%;
aspect-ratio : 1/1.4;
position : relative;
}
.expertise-item .image .elementor-image::after {
content : '';
position : absolute;
top : 50%;
right : 0;
translate : 50% 0;
width : 115px;
aspect-ratio : 1/1.6;
background-image : url('data:image/svg+xml,');
background-size : contain;
background-position : center center;
background-repeat : no-repeat;
opacity : 0.9;
}
.expertise-item .image .elementor-image img {
width : 100%;
height : 100%;
object-fit : cover;
border-radius : 300px;
}
@media (max-width : 1024px) {
.expertise-item .image .elementor-image::after {
width : 80px;
}
}
@media (max-width : 767px) {
.expertise-item {
max-width : 250px;
}
}
/* ============================================================
Contact form 7
============================================================ */
.wpcf7 h3 {
display : none;
}
.wpcf7 label {
font-size : 16px;
font-weight : 400;
}
.wpcf7 .form-control {
font-size : 16px;
border-color : #D1D3D6;
}
.wpcf7-form-control-wrap select.form-control:not([size]):not([multiple]) {
height : auto;
}
.wpcf7-form-control-wrap .select_arrow {
border : 0;
border-radius : 5px;
height : calc(100% - 12px);
width : inherit;
aspect-ratio : 1;
top : 6px;
right : 6px;
background-color : var(--secondary-1);
}
.wpcf7-form-control-wrap .select_arrow::before {
width : 9px;
height : 9px;
border-color : black;
}
.wpcf7-submit {
width : 100%;
text-align : center;
padding : 15px;
border-radius : 5px;
background-color : var(--primary-green-1);
color : white;
font-size : 16px !important;
font-weight : 700;
text-transform : uppercase;
transition : .3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.wpcf7-submit:hover {
background-color : black;
}
/* ============================================================
Tunnel de paiement
============================================================ */
body#checkout {
background-color : #f4f4f4;
}
body#checkout a:hover {
color : black;
}
body#checkout .container {
min-height : unset;
}
.media-list {
margin : 0;
}
body#checkout .media-body {
width : auto;
}
#checkout .card {
border : 0;
}
#cart .product-price {
font-size : 20px;
margin-bottom : 10px;
margin-bottom : 0;
}
#cart .product-price .gift {
font-size : 14px;
}
#cart .product-price ~ .product-line-info * {
font-size : 12px;
line-height : 12px;
}
.product-line-grid-right .cart-line-product-actions {
line-height : 0;
}
.product-line-grid-right .cart-line-product-actions .remove-from-cart {
margin-top : 0;
}
#checkout header {
position : relative;
}
.checkout-header {
border-bottom : 1px solid black;
padding : 15px 0;
}
.checkout-header__wrapper {
align-items : center;
display : flex;
justify-content : space-between;
margin : 0 auto;
max-width : 1600px;
padding : 0 15px;
width : 100%;
}
.checkout-steps-wrapper {
padding : 70px 16px 30px 16px;
}
.checkout-steps {
align-items : center;
display : flex;
justify-content : space-between;
margin : 0 auto;
max-width : 1300px;
padding : 0 15px;
position : relative;
width : 100%;
}
.checkout-steps:after {
border-top : 1px dashed #cbcbcb;
bottom : 9px;
content : "";
height : 1px;
left : 15px;
position : absolute;
width : calc(100% - 30px);
z-index : -1;
}
.checkout-steps__item__inner {
position : relative;
}
.checkout-steps__item__inner p {
color : #cbcbcb;
font-size : 12px;
font-weight : 700;
left : 50%;
position : absolute;
text-align : center;
top : -25px;
transform : translateX(-50%);
white-space : nowrap;
}
.checkout-steps__item.enabled.last .checkout-steps__item__inner p {
color : black;
}
.checkout-steps__item.enabled:before {
border-top : 1px solid #cbcbcb;
bottom : 9px;
content : "";
height : 1px;
position : absolute;
width : calc(25% - 31px);
z-index : 0;
}
.checkout-steps__item:after {
border-top : 1px dashed #cbcbcb;
bottom : 9px;
content : "";
height : 1px;
position : absolute;
width : calc(25% - 31px);
z-index : 0;
}
.checkout-steps__item.enabled .checkout-steps__dot {
background-color : #cbcbcb;
border-color : #cbcbcb;
}
.checkout-steps__item.enabled.last .checkout-steps__dot {
background : radial-gradient(black 0%, black 20%, white 20%);
border-color : black;
}
.checkout-steps > .checkout-steps__item.activate-step1.enabled:before {
display : none;
}
.checkout-steps > .checkout-steps__item.activate-step2.enabled:before {
left : calc(0% + 35px);
}
.checkout-steps > .checkout-steps__item.activate-step3.enabled:before {
left : calc(25% + 21px);
}
.checkout-steps > .checkout-steps__item.activate-step4.enabled:before {
left : calc(50% + 10px);
}
.checkout-steps > .checkout-steps__item.activate-step5.enabled:before {
left : calc(75% - 1px);
}
.checkout-steps > .checkout-steps__item.activate-step1:after {
left : calc(0% + 35px);
}
.checkout-steps > .checkout-steps__item.activate-step2:after {
left : calc(25% + 21px);
}
.checkout-steps > .checkout-steps__item.activate-step3:after {
left : calc(50% + 10px);
}
.checkout-steps > .checkout-steps__item.activate-step4:after {
left : calc(75% - 3px);
}
.checkout-steps > .checkout-steps__item.activate-step5:after {
display : none;
}
.checkout-steps__dot {
background-color : white;
border-radius : 10px;
border : 1px solid #cbcbcb;
display : block;
height : 20px;
margin : 25px auto 0 auto;
width : 20px;
}
#cart #wrapper,
#checkout #wrapper {
background-color : #f4f4f4;
padding : 0;
}
#cart .cart-grid,
body#checkout section#content {
display : flex;
align-items : flex-start;
gap : 30px;
padding : 50px 0 100px 0;
margin-bottom : 0;
}
body#checkout section#content {
padding-top : 50px;
}
body#cart .cart-grid-body,
body#checkout section#content .cart-grid-body {
width : 66.66%;
}
body#cart .cart-grid-right,
body#checkout section#content .cart-grid-right {
width : 33.33%;
}
#cart .cart-grid-body,
#cart .card {
margin-bottom : 0;
}
.cart-grid-body {
background-color : white;
padding : 30px;
}
.cart-grid-body .card-block {
padding : 0;
}
#cart .cart-grid-body .card-block h1 {
border-bottom : 1px solid #ddd;
color : black;
font-size : 25px;
margin : 0 0 20px 0;
padding-bottom : 30px;
text-align : center;
text-transform : unset;
}
.cart-grid-body .cart-overview {
padding : 0;
}
.card-block.cart-summary-totals {
padding : 15px 0;
}
#cart .cart-summary {
display : flex;
flex-direction : column;
height : 100%;
justify-content : center;
padding : 30px;
}
#cart .cart-summary .card-block:not(.cart-summary-totals) {
padding : 0;
}
#cart .cart-items {
list-style : none;
}
#cart .product-line-grid,
.cart-sidebar .product-line-grid {
align-items : center;
display : grid;
grid-template-columns : 1fr 2fr 1fr;
gap : 15px;
}
#cart .product-line-grid-left,
#cart .product-line-grid-right,
.cart-sidebar .product-line-grid-left,
.cart-sidebar .product-line-grid-right {
align-items : center;
display : flex;
flex-direction : column;
justify-content : center;
}
.cart-product-line-right {
align-items : center;
}
#cart .product-line-info a.label,
.cart-sidebar .product-line-info a.label {
font-size : 16px;
}
#cart .product-line-info .label,
#cart .product-line-info .value,
#cart-summary-product-list .product-line-info .label,
#cart-summary-product-list .product-line-info .value,
.cart-sidebar .product-line-info .label,
.cart-sidebar .product-line-info .value,
.cart-sidebar #cart-summary-product-list .product-line-info .label,
.cart-sidebar #cart-summary-product-list .product-line-info .value {
color : black;
font-size : 12px;
font-weight : 400;
line-height : 12px;
}
#cart .ndk-rowcustomization,
#cart .ndkCartRender-controls {
display : none;
}
#cart .bootstrap-touchspin .input-group-btn-vertical,
.cart-sidebar .bootstrap-touchspin .input-group-btn-vertical {
position : unset;
}
#cart .product-line-grid-body .bottom,
.cart-sidebar .product-line-grid-body .bottom {
margin-top : 15px;
display : flex;
align-items : center;
gap : 15px;
}
#cart .product-line-grid-body .qty,
.cart-sidebar .product-line-grid-body .qty {
margin : 0 30px 0 30px;
}
#cart input.js-cart-line-product-quantity.form-control,
.cart-sidebar input.js-cart-line-product-quantity.form-control {
background : white;
border-width : 1px 0 1px 0;
border-style : solid;
border-color : #959595;
padding : 10px 0 !important;
text-align : center;
width : 30px !important;
}
#cart button.btn.btn-touchspin.js-touchspin.js-increase-product-quantity.bootstrap-touchspin-up,
#cart button.btn.btn-touchspin.js-touchspin.js-decrease-product-quantity.bootstrap-touchspin-down,
.cart-sidebar button.btn.btn-touchspin.js-touchspin.js-increase-product-quantity.bootstrap-touchspin-up,
.cart-sidebar button.btn.btn-touchspin.js-touchspin.js-decrease-product-quantity.bootstrap-touchspin-down {
background-color : white;
border : 0;
height : auto;
left : 1px;
position : absolute;
text-align : center;
width : 30px;
border-color : #959595;
border-style : solid;
}
#cart button.btn.btn-touchspin.js-touchspin.js-increase-product-quantity.bootstrap-touchspin-up,
.cart-sidebar button.btn.btn-touchspin.js-touchspin.js-increase-product-quantity.bootstrap-touchspin-up {
top : 0;
left : unset;
right : 0;
transform : translateX(100%);
padding : 0;
height : 100%;
border-width : 1px 1px 1px 0;
border-radius : 0 5px 5px 0;
color : black !important
}
#cart button.btn.btn-touchspin.js-touchspin.js-increase-product-quantity.bootstrap-touchspin-up i::after,
.cart-sidebar button.btn.btn-touchspin.js-touchspin.js-increase-product-quantity.bootstrap-touchspin-up i::after {
content : '+';
display : block;
margin-top : -3px;
}
#cart button.btn.btn-touchspin.js-touchspin.js-decrease-product-quantity.bootstrap-touchspin-down,
.cart-sidebar button.btn.btn-touchspin.js-touchspin.js-decrease-product-quantity.bootstrap-touchspin-down {
bottom : 0;
left : 0;
transform : translateX(-100%);
padding : 0;
height : 100%;
margin : 0;
border-width : 1px 0 1px 1px;
border-radius : 5px 0 0 5px;
color : black !important;
}
#cart button.btn.btn-touchspin.js-touchspin.js-decrease-product-quantity.bootstrap-touchspin-down i::after,
.cart-sidebar button.btn.btn-touchspin.js-touchspin.js-decrease-product-quantity.bootstrap-touchspin-down i::after {
content : '-';
display : block;
margin-top : -3px;
}
#cart button.btn.btn-touchspin.js-touchspin.js-increase-product-quantity.bootstrap-touchspin-up i,
#cart button.btn.btn-touchspin.js-touchspin.js-decrease-product-quantity.bootstrap-touchspin-down i,
.cart-sidebar button.btn.btn-touchspin.js-touchspin.js-increase-product-quantity.bootstrap-touchspin-up i,
.cart-sidebar button.btn.btn-touchspin.js-touchspin.js-decrease-product-quantity.bootstrap-touchspin-down i {
position : unset;
}
.cart-sidebar .featured-products .js-product.product:has(.out_of_stock) {
display : none;
}
#cart .product-line-grid-body .bottom .product-line-actions a,
.cart-sidebar .product-line-grid-body .bottom .product-line-actions a {
font-size : 14px;
color : #777777;
}
.product-price {
color : black;
}
.card-block.cart-summary-totals .cart-summary-line.cart-total {
background-color : transparent;
}
.card-block.cart-summary-totals .cart-summary-line.cart-total .label,
.card-block.cart-summary-totals .cart-summary-line.cart-total .value {
color : black;
}
.card-block.checkout {
padding-bottom : 0;
}
.promo-code {
position : relative;
}
.promo-code .promo-input {
border-radius : 4px;
border : 1px solid #ddd;
padding : 8px 10px;
width : 100%;
}
.block-promo .promo-code {
padding : 0 0 15px 0;
}
.block-promo .promo-code form {
display : flex;
}
.block-promo .promo-input + button {
background : black;
border-radius : 4px;
border : 0;
margin-left : 15px;
margin-top : 0;
padding : 8px 20px;
display : flex;
align-items : center;
}
.block-promo .promo-input + button svg > * {
fill : white;
}
.checkout-step:not(.-current) {
display : none;
}
body#checkout .step-number {
display : none !important;
}
body#checkout section.checkout-step {
border : 0;
}
body#checkout section.checkout-step .step-title {
color : black;
font-size : 25px;
margin-bottom : 40px;
padding : 0 0 30px 0 !important;
text-align : center;
text-transform : unset;
}
.form-control {
background-color : transparent;
}
body#checkout section.checkout-step .forgot-password {
margin-bottom : 15px;
margin-left : 0;
}
body#checkout #header,
body#checkout #header .header-top {
background : white;
}
body#checkout section.checkout-step .address-item {
align-items : center;
background-color : transparent;
border : 0;
display : flex;
flex : 0 1 100%;
justify-content : space-between;
}
body#checkout section.checkout-step .address-item.selected {
border : 0;
}
body#checkout section.checkout-step .radio-block {
align-items : center;
display : flex;
}
body#checkout section.checkout-step .radio-block > .custom-radio + div {
margin-left : 15px;
}
body#checkout section.checkout-step .address {
margin-left : 0;
}
body#checkout section.checkout-step .add-address a {
color : black;
text-decoration : underline;
}
.checkout-address-subtitle {
align-items : center;
display : flex;
justify-content : space-between;
}
.checkout-address-subtitle h2 {
color : black;
font-size : 20px;
font-weight : 700;
}
.activate-step1,
.activate-step2,
.activate-step3,
.activate-step4,
.activate-step5 {
cursor : default;
pointer-events : none;
}
.activate-step1.enabled,
.activate-step2.enabled,
.activate-step3.enabled,
.activate-step4.enabled,
.activate-step5.enabled {
cursor : pointer;
pointer-events : unset;
}
.checkout-summary-title {
color : black;
font-size : 24px;
font-weight : 700;
margin : 35px 0;
}
.checkout-summary-title .material-icons {
display : none;
}
#checkout #js-checkout-summary {
background-color : transparent;
margin-bottom : 0;
}
#checkout #js-checkout-summary .card-block {
background-color : white;
padding : 0;
}
#checkout #cart-summary-product-list .media {
align-items : center;
border-bottom : 3px solid #f4f4f4;
display : flex;
justify-content : space-between;
overflow : visible;
padding : 15px 30px;
}
#checkout #cart-summary-product-list .media-left a {
display : block;
position : relative;
}
#checkout #cart-summary-product-list .media-body {
font-weight : 700;
padding : 0 30px;
}
#checkout #cart-summary-product-list .product-quantity {
align-items : center;
background-color : black;
border-radius : 12px;
color : white;
display : flex;
font-size : 12px;
height : 24px;
justify-content : center;
position : absolute;
right : -12px;
top : -3px;
width : 24px;
}
#checkout #cart-summary-product-list .product-price {
font-size : 14px;
margin-bottom : 0;
}
#checkout .cart-summary-subtotals-container {
padding : 30px 30px 15px 30px !important;
}
#checkout .card-block.cart-summary-totals .cart-summary-line.cart-total {
padding : 15px 30px 30px 30px !important;
}
body#checkout .cart-grid-right .card .cart-summary-subtotals-container {
border : 0;
}
body#checkout section.checkout-step .delivery-options .delivery-option {
background-color : transparent;
border-radius : 4px;
border : 1px solid #d9d9d9;
}
body#checkout section.checkout-step .delivery-options .delivery-option.active {
background-color : #fafafa;
border-color : black;
}
body#checkout section.checkout-step .carrier-name {
font-size : 15px;
font-weight : 700;
}
body#checkout .payment-options .payment-option-item-wrapper {
margin-bottom : 15px;
}
body#checkout .payment-options .payment-option-item {
border-radius : 4px;
border : 1px solid #d9d9d9;
margin-bottom : 15px;
padding : 20px;
}
body#checkout .payment-options .payment-option-item.active {
background-color : #fafafa;
border-color : black;
}
body#checkout .payment-options .payment-option-item img {
display : inline-block !important;
}
body#checkout section.checkout-step .payment-options label {
text-align : left;
margin-bottom : 0;
}
body#checkout section.checkout-step .payment-options .payment-option {
margin-bottom : 0;
display : flex;
align-items : center;
gap : 8px;
}
body#checkout .additional-information {
margin-left : 0;
}
.checkout-footer-reassurance-wrapper {
display : flex;
flex-wrap : wrap;
margin : 0 auto;
max-width : 1400px;
width : 100%;
}
.checkout-footer-reassurance-item {
align-items : center;
display : flex;
justify-content : center;
padding : 0 60px;
position : relative;
text-align : center;
width : 25%;
}
.checkout-footer-reassurance-item p {
margin-bottom : 0;
}
.checkout-footer-reassurance-wrapper > .checkout-footer-reassurance-item:not(:first-child):after {
background-color : #484848;
content : "";
height : 80px;
left : 0;
position : absolute;
top : 50%;
transform : translateY(-50%);
width : 1px;
}
.checkout-account-toggle-wrapper {
align-items : center;
display : flex;
justify-content : center;
}
.checkout-account-toggle {
margin : 0 10px;
}
.checkout-account-tab:not(.active) {
display : none;
}
.checkout-mobile-step {
display : none;
}
body#order-confirmation .h1 {
color : black;
font-size : 25px;
font-weight : 700;
text-transform : inherit;
}
body#order-confirmation #order-items .h3 {
color : black;
font-size : 16px;
font-weight : 700;
text-transform : inherit;
}
body#order-confirmation #order-details > .card-title {
color : black;
font-size : 20px;
font-weight : 700;
text-transform : inherit;
}
#checkout #search_widget {
display : block;
}
#cart .cart-product-line-right__gift, .cart-sidebar .cart-product-line-right__gift {
display : flex;
align-items : center;
gap : 8px;
}
#cart .cart-product-line-right__gift-text, .cart-sidebar .cart-product-line-right__gift-text {
color : #1F9D63;
font-size : 17px;
font-style : normal;
font-weight : 400;
line-height : 18px;
margin : 0;
}
#cart .cart-item.gift-product, .cart-sidebar .cart-item.gift-product {
border-radius : 10px;
background : #F5F5F7;
padding : 1rem;
border-bottom : none;
}
.cart-sidebar .before-footer__total {
background : #F5F5F7;
padding : 20px 70px 17px 30px;
margin-bottom : 25px;
}
.cart-sidebar .card-block.cart-summary-totals, .cart-sidebar .card-block.cart-summary-totals .cart-summary-line.cart-total, .cart-sidebar .card-block {
padding : 0;
margin : 0;
}
.cart-sidebar #cart-subtotal-products {
display : none;
}
.cart-sidebar #cart-subtotal-shipping {
margin-bottom : 1rem;
}
.cart-sidebar .cart-summary-line.cart-summary-subtotals .value {
font-weight : 600;
}
.cart-sidebar .cart-summary-line, .cart-sidebar .cart-summary-line.cart-total {
display : grid;
grid-template-columns : 1fr auto;
justify-items : end;
column-gap : 15px;
}
@media (max-width : 991px) {
body#cart .container,
body#checkout .container {
padding : 0 30px;
}
.card {
background-color : #fff;
}
#cart .cart-grid,
body#checkout section#content {
flex-direction : column-reverse;
align-items : stretch;
padding : 30px 0 50px 0;
}
body#cart .cart-grid-body,
body#checkout section#content .cart-grid-body,
body#cart .cart-grid-right,
body#checkout section#content .cart-grid-right {
width : 100%;
}
#checkout #wrapper {
padding : 0;
}
.checkout-steps-wrapper {
padding : 30px 15px;
}
.checkout-steps {
justify-content : center;
}
.checkout-steps:after,
.checkout-steps__dot,
.checkout-steps__item:not(.enabled.last),
.checkout-steps > .checkout-steps__item:after,
.checkout-steps > .checkout-steps__item:before {
display : none;
}
.checkout-steps__item__inner p {
font-size : 16px;
margin-bottom : 0;
position : unset;
transform : none;
}
.checkout-mobile-step {
display : inline-block;
font-weight : 400;
}
#cart .cart-grid-body .card-block h1 {
font-size : 18px;
margin : 10px 0 20px 0;
}
#cart .product-line-info a.label {
font-size : 12px;
line-height : 16px;
}
#cart .product-line-grid-left,
#cart .product-line-grid-body,
#cart .product-line-grid-right {
display : block;
}
#cart .product-price {
font-size : 12px;
margin-bottom : 0;
}
.product-line-grid-right .cart-line-product-actions .remove-from-cart i,
.product-line-grid-right .product-price .remove-from-cart i {
font-size : 15px;
}
.product-line-grid-body {
margin-bottom : 0;
}
.checkout-footer-reassurance-item {
padding : 30px 60px;
width : 100%;
}
.checkout-footer-reassurance-wrapper > .checkout-footer-reassurance-item:not(:first-child):after {
height : 1px;
left : 50%;
right : unset;
top : 0;
transform : translateX(-50%);
width : 80%;
}
#checkout #content > .row {
display : flex;
flex-direction : column-reverse;
}
.checkout-summary-title {
background-color : white;
font-size : 18px;
font-weight : 400;
margin : 0;
padding : 15px;
text-align : center;
}
.checkout-summary-title .material-icons {
display : inline-block;
margin-left : 10px;
transition : transform 0.3s ease;
}
.checkout-summary-title.active .material-icons {
transform : rotate(-180deg);
}
.product-summary-toggle {
height : 0;
overflow : hidden;
transition : height 0.4s ease;
}
#checkout #cart-summary-product-list .media,
#checkout .cart-summary-subtotals-container,
#checkout .card-block.cart-summary-totals .cart-summary-line.cart-total {
padding : 15px !important;
}
body#checkout section.checkout-step {
padding : 0;
}
body#checkout section.checkout-step.-current .step-title {
display : none;
}
body#checkout button[type="submit"] {
display : block;
float : none !important;
margin : 0 auto;
}
}
@media (max-width : 768px) {
#cart .cart-summary,
.cart-grid-body {
padding : 15px;
}
#cart .cart-grid-body .card-block h1 {
margin-top : 0;
padding-bottom : 15px;
}
#cart .product-line-grid {
display : grid;
grid-template-columns : auto 100px 1fr;
gap : 15px;
}
#cart .product-line-grid > .product-line-grid-body {
display : block;
}
}
@media (max-width : 575px) {
.cart-items {
padding : 0;
}
body#checkout section.checkout-step .content {
padding : 0;
}
}
/* ============================================================
Dashboard client
============================================================ */
/* Authentication */
.page-authentication #content,
.page-registration #content {
max-width : 600px;
margin : 0 auto;
padding : 50px 70px;
background-color : white;
}
.authentication-title {
font-size : 25px;
line-height : 30px;
color : black;
margin-bottom : 30px;
}
.page-customer-account #content .forgot-password {
margin-top : 0;
text-align : right;
}
.page-customer-account #content .no-account {
margin-top : 80px;
}
.page-customer-account #content .no-account a {
text-decoration : underline;
text-underline-position : under;
}
.page-authentication .btn-primary {
display : block;
margin : 0 auto;
}
/* Password */
.renew-password [type="submit"] {
margin-left : 0;
}
.page-password #content {
max-width : 600px;
margin : 0 auto;
padding : 50px 70px;
background-color : white;
}
.password-title {
font-size : 25px;
line-height : 30px;
color : black;
margin-bottom : 30px;
}
.forgotten-password .form-fields .center-email-fields {
display : block;
}
.forgotten-password .form-fields label.required {
width : auto;
text-align : left;
}
.forgotten-password .form-fields .center-email-fields button {
margin-top : 30px !important;
display : block;
margin : 0 auto;
height : auto;
}
.back-to-login {
margin-top : 80px;
text-align : center;
}
.back-to-login a {
text-decoration : underline;
text-underline-position : under;
}
/* Dashboard */
#authentication #wrapper,
#my-account #wrapper,
#history #wrapper,
#identity #wrapper,
#addresses #wrapper,
#address #wrapper,
#order-slip #wrapper,
#discount #wrapper,
#password #wrapper,
#registration #wrapper {
background-color : #f4f4f4;
padding-top : 50px;
padding-bottom : 100px;
min-height : 80vh;
}
#my-account #content,
#history #content,
#identity #content,
#addresses #content,
#address #content,
#order-slip #content,
#discount #content {
max-width : 1070px;
margin : 0 auto;
padding : 50px 70px;
}
#authentication .page-header,
#my-account .page-header,
#history .page-header,
#identity .page-header,
#addresses .page-header,
#address .page-header,
#order-slip .page-header,
#discount .page-header,
#password .page-header,
#registration .page-header {
text-align : center;
}
.my-account-top {
display : flex;
align-items : center;
justify-content : space-between;
margin-bottom : 45px;
}
.my-account-top p {
margin-bottom : 0;
}
.my-account-top a {
text-decoration : underline;
text-underline-position : under;
}
.page-my-account #content .links {
display : grid;
grid-template-columns : repeat(4, 1fr);
gap : 30px;
margin-bottom : 50px;
}
.page-my-account #content .links a {
padding : 20px 15px 15px 15px;
margin : 0;
background-color : white;
text-transform : initial;
text-align : initial;
display : flex;
flex-direction : column;
}
.page-my-account #content .links .split {
display : grid;
grid-template-rows : repeat(2, 1fr);
gap : 30px;
}
.page-my-account #content .links a span.link-item {
padding : 0 0 12px 0;
width : 100%;
height : auto;
border-bottom : 1px solid #f4f4f4;
font-size : 14px;
font-weight : 400;
text-transform : uppercase;
text-align : left;
color : black;
margin-bottom : 25px;
}
.page-my-account #content .links a span.link-content {
display : flex;
flex-direction : column;
justify-content : space-between;
flex-grow : 1;
}
.page-my-account #content .links a span.link-btn {
font-size : 14px;
font-weight : 400;
text-align : right;
text-decoration : underline;
text-underline-position : under;
color : black;
display : block;
}
@media (max-width : 1024px) {
.page-authentication #content,
.page-registration #content,
.page-password #content,
#my-account #content,
#history #content,
#identity #content,
#addresses #content,
#address #content,
#order-slip #content,
#discount #content {
padding : 20px 30px;
}
#authentication #wrapper,
#my-account #wrapper,
#history #wrapper,
#identity #wrapper,
#addresses #wrapper,
#address #wrapper,
#order-slip #wrapper,
#discount #wrapper,
#password #wrapper,
#registration #wrapper {
padding-top : 30px;
}
#authentication #wrapper h1,
#my-account #wrapper h1,
#history #wrapper h1,
#identity #wrapper h1,
#addresses #wrapper h1,
#address #wrapper h1,
#order-slip #wrapper h1,
#discount #wrapper h1,
#password #wrapper h1,
#registration #wrapper h1 {
font-size : 25px;
line-height : 30px;
}
.authentication-title {
font-size : 18px;
line-height : 25px;
}
.page-my-account #content .links {
grid-template-columns : repeat(2, 1fr);
}
}
@media (max-width : 767px) {
.page-my-account #content .links {
grid-template-columns : 1fr;
}
}
/* ============================================================
Read more
============================================================ */
.read-more,
.elementor-read-more {
overflow : hidden;
transition : height .4s ease;
}
.read-more-toggle {
display : inline-flex;
align-items : center;
gap : 15px;
cursor : pointer;
font-size : 15px;
text-decoration : none;
margin-top : 15px;
margin-bottom : 30px;
}
.read-more-toggle::after {
content : url('data:image/svg+xml,');
}
@media (max-width : 992px) {
.read-more-mobile,
.elementor-read-more-mobile {
overflow : hidden;
transition : height .4s ease;
}
.read-more-toggle-mobile {
display : inline-flex;
align-items : center;
gap : 15px;
cursor : pointer;
text-decoration : none;
margin-top : 15px;
margin-bottom : 30px;
}
.read-more-toggle-mobile::after {
content : url('data:image/svg+xml,');
}
}
/* ============================================================
404
============================================================ */
#pagenotfound #main .page-content,
#products #main .page-content,
#pagenotfound .page-not-found,
#products .page-not-found {
color : black;
margin : 200px auto !important;
}
#products .page-not-found #search_widget {
width : 100%;
}
/* ============================================================
Back to top
============================================================ */
.back-to-top {
display : none;
position : fixed;
bottom : 15px;
right : 15px;
z-index : 90;
background-color : var(--primary-green-1);
background-image : url('data:image/svg+xml,');
background-position : center center;
background-repeat : no-repeat;
cursor : pointer;
width : 50px;
height : 50px;
}
.back-to-top:hover {
background-color : black;
}
@media (max-width : 992px) {
.back-to-top {
display : none !important;
}
}
/* ============================================================
Product image modal
============================================================ */
#product-modal {
background-color : rgba(0 0 0 / 0.8);
}
#product-modal .modal-content .modal-body {
margin-left : 0;
}
/* ============================================================
Block cart
============================================================ */
.blockcart .header a {
position : relative;
}
.blockcart .header a span {
position : absolute;
background : var(--primary);
width : 20px;
height : 20px;
display : flex;
align-items : center;
justify-content : center;
font-size : 12px;
color : white;
border-radius : 16px;
font-weight : bold;
top : 0;
right : 0;
transform : translate(50%, -50%);
}
/* ============================================================
Desktop user info
============================================================ */
#_desktop_user_info .user-info a {
display : flex;
}
/* ============================================================
Chronopost
============================================================ */
#chronorelais_container h3 {
font-size : 20px;
line-height : 25px;
}
#chronorelais_container h4 {
font-size : 18px;
line-height : 25px;
}
#chronorelais_container .btn-info {
background-color : var(--primary-green-1);
}
/* ============================================================
Cart voucher
============================================================ */
.block-promo.promo-highlighted {
margin-bottom : 8px;
padding : 0;
text-align : left;
}
.cart-grid-right .promo-discounts .cart-summary-line .label {
font-weight : 400;
color : black;
}
.cart-grid-right .promo-discounts .cart-summary-line .label .code {
color : black;
}
.cart-voucher .promo-discounts {
text-align : left;
}
.cart-voucher .cart-summary-line:not(:last-child) {
margin-bottom : 5px;
}
/* ============================================================
Cart payment option
============================================================ */
/*#checkout .ps_checkout-mark {
display: none !important;
}*/
div#payment-option-14-container:after {
background-image : url(https://www.voshuiles.com/img/cms/logo-paiement-cheque.png);
background-size : 100px;
position : relative;
width : 100px;
height : 37px;
background-repeat : no-repeat;
}
div#payment-option-15-container:after {
background-image : url('https://www.voshuiles.com/img/cms/logo-virement-bancaire.png');
background-size : 100px;
position : relative;
width : 100px;
height : 34px;
background-repeat : no-repeat;
}
/* ============================================================
Joly search bar de recherche search bar
============================================================ */
.ui-jolisearch .jolisearch-image {
width : 132px;
}
.ui-jolisearch .jolisearch-description span {
color : black;
}
.ui-jolisearch.ui-menu .ui-menu-item a {
color : black;
}
.ui-jolisearch .jolisearch-post {
color : black;
}
.ui-jolisearch .jolisearch-title {
display : none;
}
.ui-jolisearch .separator {
display : none;
visibility : hidden;
}
/* ============================================================
Page de recherche search page
============================================================ */
h1#product-list-header {
padding : 15px;
}
/* ============================================================
Prestashop checkout
============================================================ */
#ps_checkout-payment-method-logo-block-container {
display : none;
}
/* ============================================================
Avis verifies
============================================================ */
#category a[class^=skeepers-widget-wrapper],
#product a[class^=skeepers-widget-wrapper] {
bottom : 60px !important;
}
.product-miniature .av_category_stars {
margin : 0 0 10px 0;
justify-content : flex-start;
}
.bwa-responsive-slider {
overflow : hidden;
}
.bwa-responsive-slider-swiper-pagination {
bottom : 15px;
}
.bwa-responsive-slider .swiper-pagination-bullet {
height : 10px;
width : 10px;
background : #1F9D63;
opacity : 0.5;
}
.bwa-responsive-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
opacity : 1;
}
.vh-product-carousel .elementor-swiper-button {
top : -50px
}
.products-top {
display : flex;
justify-content : space-between;
}
.total-products {
white-space : nowrap;
padding-left : 30px;
padding-top : 25px;
display : flex;
align-items : center;
min-width : 120px;
text-align : right;
}
.total-products p {
margin-bottom : 0;
}
@media (max-width : 1023px) {
#category #wrapper .breadcrumb {
margin-bottom : 5px;
margin-top : 20px;
}
.total-products {
padding-left : 15px;
}
.has-compact-filter .axeptio_mount,
.has-compact-filter [class^="skeepers-widget-wrapper-"] {
display : none !important;
}
}
/*********
REVIEW
********/
#netreviews_reviews_tab {
display : none;
}
/*********
Rewards
********/
#loyalty.reward_alert_message, #reward_loyalty.reward_alert_message, #reward_use.reward_alert_message, .reward_alert_message {
border : none !important;
color : #000 !important;
border-radius : 5px;
background : #F0EBE5 !important;
}
.reward_alert_message a {
color : white !important;
font-weight : 500;
}
#product #loyalty.reward_alert_message {
display : flex;
gap : 15px;
align-items : center;
padding : 20px;
}
#product #loyalty svg {
min-width : 46px;
}
#product .reward_alert_message_container {
display : flex;
flex-direction : column;
gap : 3px;
}
#product .reward_alert_message_credit {
color : #000;
font-size : 18px;
font-style : normal;
font-weight : 600;
line-height : normal;
}
.reward_alert_message_total-credit_container {
display : flex;
flex-direction : column;
}
.reward_alert_message_total-credit-text {
color : #807A76;
font-size : 15px;
font-style : normal;
font-weight : 400;
line-height : 20px;
}
.reward_alert_message_total-credit-text b {
color : #000;
font-weight : 700;
}
/*********
Blog
********/
.advicePage__heading-container, .guidePage__heading-container {
display : flex;
align-items : center;
}
.advicePage__heading-container__title, .guidePage__heading-container__title {
width : 100%;
}
.advicePage__indispensablesContainer, .guidePage__indispensablesContainer {
margin-inline : auto;
}
.advicePage__miniature {
width : fit-content;
}
.advicePage__recipe {
margin : 0;
}
@media (max-width : 991px) {
.advicePage__heading-container, .guidePage__heading-container {
flex-direction : column;
gap : 20px;
}
}
/**************************
Search - Blogs
**************************/
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .blog-item {
border : 1px solid transparent;
}
.blog-item .blog-title {
font-size : 14px;
line-height : 18px;
text-align : center;
}
.blog-content {
display : flex;
}
.jolisearch-blogs__list {
display : flex;
flex-wrap : wrap;
}
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .blog-item:hover {
background-color : #efefef;
border : 1px solid #dfdfdf;
}
@media (max-width : 767px) {
.jolisearch-body {
display : flex;
flex-direction : column-reverse;
}
}
/**************************
Header
**************************/
#adtm_menu ul#menu li.advtm_menu_12 div.adtm_sub .wrapper > .adtm_column_wrap_td .title {
display : none;
}
/**************************
Conseils
**************************/
.advicePage__content ul li {
list-style : disc inside;
}
.hidden {
display : none !important;
}
/**************************
Footer
**************************/
.cart-grid-footer #reward_loyalty {
display : none !important;
}
@media (max-width : 600px) {
#category:not(.category-depth-level-2) .block-category.--with-cover .text {
position : inherit;
background : var(--secondary-1);
}
#category:not(.category-depth-level-2) .block-category.--with-cover .wrapper {
flex-direction : column;
}
#category:not(.category-depth-level-2) .block-category.--with-cover h1 {
color : #232323;
}
#category:not(.category-depth-level-2) .block-category.--with-cover .category-additional-description > * {
color : #232323;
}
.category-header-read-more::after {
content : url('data:image/svg+xml,');
}
}