.site-header {
position: fixed;
z-index: 100;
}
.site-header-template {
position: fixed;
top: 32px;
z-index: 100;
}
.wp-block-navigation__responsive-container.is-menu-open {
padding-bottom: 30px;
padding-top: 30px
}
.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
border: 1px solid currentColor;
padding: 2px;
}
.has-background .wp-block-navigation__responsive-container-open:focus,
.has-background .wp-block-navigation__responsive-container-open:hover {
color: var(--wp--preset--color--base);
}
.wp-block-navigation__container {
position: sticky;
top; 0px;
gap: unset;
}
.wp-block-navigation .wp-block-navigation-item {
align-items: center;
background-color: inherit;
display: flex;
justify-content: center;
position: relative;
padding: 0.2em;
border-radius: 0px 0px 20px 0px;
top: 0px;
}
.wp-block-navigation .wp-block-navigation-item:hover {
transform: scale(1, 1.2);
transition-property: transform;
transition-duration: 0.5s;
font-family: "Fredoka bold";
}
.wp-block-navigation-item.current-menu-item {
transform: scale(1, 1.2);
transition-property: transform;
transition-duration: 0.5s;
font-family: "Fredoka bold";
}
.nav-item-first {
background-color: var(--wp--preset--color--first) !important;
position: absolute;
left: 0em;
z-index: 100;
width: 100px;
}
.nav-item-first .wp-block-navigation-item__content {
padding-left: 1em;
padding-right: 1em;
}
.nav-item-second {
background-color: var(--wp--preset--color--second) !important;
position: absolute;
left: -6em;
z-index: 99;
width: 300px;
}
.nav-item-second .wp-block-navigation-item__content {
padding-left: 7em;
padding-right: 1em;
}
.nav-item-third {
background-color: var(--wp--preset--color--third) !important;
position: absolute;
left: -23em;
z-index: 98;
}
.nav-item-third .wp-block-navigation-item__content {
padding-left: 18em;
padding-right: 1em;
}
.nav-item-fourth {
background-color: var(--wp--preset--color--fourth) !important;
position: absolute;
left: -45em;
z-index: 97;
}
.nav-item-fourth .wp-block-navigation-item__content {
padding-left: 23em;
padding-right: 1em;
}
.nav-item-fifth {
background-color: var(--wp--preset--color--fifth) !important;
position: absolute;
left: -72em;
z-index: 96;
}
.nav-item-fifth .wp-block-navigation-item__content {
padding-left: 28em;
padding-right: 1em;
}
.nav-item-sixth {
background-color: var(--wp--preset--color--sixth) !important;
position: absolute;
left: -105em;
z-index: 95;
}
.nav-item-sixth .wp-block-navigation-item__content {
padding-left: 34em;
padding-right: 1em;
}
.wp-block-navigation .wp-block-navigation-item__label {
white-space: nowrap;
} .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
background-color: var(--wp--preset--color--contrast);
border: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
padding: 10px;
}
.wp-block-navigation :where(.wp-block-navigation__submenu-container) a {
padding: 2px 10px;
} @media only screen and (max-width: 420px) {
.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close  {
border: none;
background-color: var(--wp--preset--color--first) !important;
border-radius: 23px;
padding: 0.4em;
}
.wp-block-navigation__responsive-container-open svg, .wp-block-navigation__responsive-container-close svg {
height: 32px;
width: 32px;
}
.nav-item-first {
background-color: var(--wp--preset--color--first) !important;
position: unset;
left: unset;
z-index: 100;
width: unset;
}
.nav-item-first .wp-block-navigation-item__content {
padding-left: unset;
padding-right: unset;
}
.nav-item-second {
background-color: var(--wp--preset--color--second) !important;
position: unset;
left: unset;
z-index: 99;
width: unset;
}
.nav-item-second .wp-block-navigation-item__content {
padding-left: unset;
padding-right: unset;
}
.nav-item-third {
background-color: var(--wp--preset--color--third) !important;
position: unset;
left: unset;
z-index: 98;
}
.nav-item-third .wp-block-navigation-item__content {
padding-left: unset;
padding-right: unset;
}
.nav-item-fourth {
background-color: var(--wp--preset--color--fourth) !important;
position: unset;
left: unset;
z-index: 97;
}
.nav-item-fourth .wp-block-navigation-item__content {
padding-left: unset;
padding-right: unset;
}
.nav-item-fifth {
background-color: var(--wp--preset--color--fifth) !important;
position: unset;
left: unset;
z-index: unset;
}
.nav-item-fifth .wp-block-navigation-item__content {
padding-left: unset;
padding-right: unset;
}
.nav-item-sixth {
background-color: var(--wp--preset--color--sixth) !important;
position: unset;
left: unset;
z-index: 95;
}
.nav-item-sixth .wp-block-navigation-item__content {
padding-left: unset;
padding-right: unset;
}
.wp-block-navigation-item.current-menu-item {
transform: unset;
transition-property: unset;
transition-duration: unset;
}
}.home-main-1 {
position: absolute;
top: 8em;
left: 30em;
}
.home-main-2 {
position: absolute;
top: 12em;
left: 20.5em;
}
.home-main-3 {
position: absolute;
top: 21em;
left: 28em;
}
.home-main-img-1 {
cursor: pointer;
}
.home-main-img-2 {
cursor: pointer;
}
.home-main-img-3 {
cursor: pointer;
} .home-img-ceramique {
position: absolute;
top: 4em;
left: 8em;
z-index: 100;
}
.home-img-ceramique.active {
display: none;
}
.home-img-ceramique-layer {
display: none;
}
.home-img-ceramique-layer.active {
display: block;
position: absolute;
top: 4em;
left: 8em;
z-index: 100;
} .home-img-tapisserie {
position: absolute;
top: 1em;
right: 8em;
z-index: 100;
}
.home-img-tapisserie.active {
display: none;
}
.home-img-tapisserie-layer {
display: none;
}
.home-img-tapisserie-layer.active {
display: block;
position: absolute;
top: 1em;
right: 8em;
z-index: 100;
} .home-img-cours {
position: absolute;
bottom: 3em;
right: 8em;
z-index: 100;
}
.home-img-cours.active {
display: none;
}
.home-img-cours-layer {
display: none;
}
.home-img-cours-layer.active {
display: block;
position: absolute;
bottom: 3em;
right: 8em;
z-index: 100;
} .home-img-shop {
position: absolute;
bottom: 3em;
left: 8em;
z-index: 100;
}
.home-img-shop.active {
display: none;
}
.home-img-shop-layer {
display: none;
}
.home-img-shop-layer.active {
display: block;
position: absolute;
bottom: 4.5em;
left: 8em;
z-index: 100;
}
.img-hover-1 {
display: none;
}
.img-hover-1.active {
cursor: pointer;
display: block;
position: absolute;
top: -3em;
left: -1em;
}
.img-hover-2 {
display: none;
}
.img-hover-2.active {
cursor: pointer;
display: block;
position: absolute;
top: 3.5em;
left: -0.7em;
}
.img-hover-3 {
display: none;
}
.img-hover-3.active {
cursor: pointer;
display: block;
position: absolute;
top: 1.5em;
right: 0em;
}
@media only screen and (max-width: 1080px) {
.home-main-1 {
display: none;
}
.home-main-2 {
display: none;
}
.home-main-3 {
display: none !important;
}
.home-img-ceramique {
display: none;
}
.home-img-ceramique-layer {
display: flex;
justify-content: center;
width: 100%;
}
.home-img-tapisserie {
display: none;
}
.home-img-tapisserie-layer {
display: flex;
justify-content: center;
width: 100%;
}
.home-img-cours {
display: none;
}
.home-img-cours-layer {
display: flex;
justify-content: center;
width: 100%;
}
.home-img-shop {
display: none;
}
.home-img-shop-layer {
display: flex;
justify-content: center;
width: 100%;;
}
}.flex-column-space-btw {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.is-full-width {
width: 100%;
}
.is-full-width img {
width: 100%;
object-fit: cover;
}
.wp-block-details {
width: 100%;
border: 2px solid black;
padding: 0.5em 1em;
border-radius: 50px;
}
.wp-block-details summary {
display: flex;
justify-content: space-between;
align-items: center;
}
.wp-block-details summary:hover {
font-weight: bold;
}
.wp-block-details summary .details-arrow {
font-size: 1.5em;
}
.wp-block-details summary .details-arrow.rotate {
transform: rotate(180deg);
transition-property: transform;
transition-duration: 0.5s;
}
.wp-block-button__link:hover {
background-color: black !important;
color: white !important;
} .is-contrained-height {
height: 529px;
}
.is-contrained-height figure, .is-contrained-height img{
height: 100%;
object-fit: cover;
}
.img-left-aligned {
display: flex;
align-items: center;
justify-content: flex-end;
width: 100%;
}
.rotated {
transform: rotate(-90deg);
}
.items-aligned-start {
align-items: flex-start;
}
.block-fixed-size {
width: 80%;
}
.wp-block-image {
position: relative;
}
.wp-element-caption {
position: absolute;
bottom: 0;
left: 2rem;
} @media only screen and (max-width: 420px) {
.block-fixed-size {
width: 100%;
}	
}.wc-block-mini-cart {
background-color:#D7B8FA ;
color: white;
border-radius: 50%;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 2em;
right: 1.5em;
}
.wc-block-mini-cart:hover {
transform: scale(1.1);
color: black;
transition-property: transform;
transition-duration: 0.5s;
}
.wc-block-mini-cart__badge {
background-color: black;
left: 43px;
}
.wp-block-woocommerce-mini-cart-checkout-button-block {
border: 1px solid black;
color: black;
}
.wp-block-woocommerce-mini-cart-checkout-button-block:hover {
background-color: black;
color: white;
}
.wc-block-cart__submit-button {
border: 1px solid black;
color: black;
background-color: var(--wp--preset--color--fifth);
}
.wc-block-cart__submit-button:hover {
background-color: black;
color: white;
}
.wc-block-components-sidebar-layout .wc-block-cart__main {
height: 65vh;
width: 50%;
overflow: auto;
}
.panel-command-resume .wc-block-components-panel__content {
height: 230px;
overflow: auto;
} .wc-block-grid {
font-size: 0.8em !important;
}
.wc-block-grid__product {
max-width: 29.333333% !important;
margin: 1em;
border: 2px solid black;
border-radius: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.wc-block-grid__product:hover {
transform: scale(1.02);
transition-property: transform;
transition-duration: 1s;
}
.wc-block-product {
border: 2px solid black;
border-radius: 20px 20px 0px 0px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.wc-block-grid__product-image {
border-radius: 20px 20px 0px 0px;
margin: 0;
}
.wc-block-grid__product-image img {
border-radius: 19px 19px 0px 0px;
border-bottom: 2px solid black;
}
.wc-block-components-product-price {
margin-bottom: 0 !important;
}
.wc-block-grid__product .wc-block-grid__product-add-to-cart {
margin: 0;
}
.wc-block-all-products .wp-block-button.wc-block-components-product-button {
margin: 0;
border-top: 2px solid black;
}
.wp-block-button.wc-block-components-product-button {
border-top: 2px solid black;
}
.wc-block-components-product-title  {
font-size: 0.9em;
margin-bottom: 0 !important;
}
.wc-block-components-product-title a {
text-decoration: none;
margin-bottom: none;
}
.wc-block-components-product-title a:hover {
text-decoration: underline;
}
.wc-block-grid__product-title {
font-size: 0.9em;
padding: 0.5em;
margin: 0 !important;
}
.product-post-card-title {
font-size: 0.7em !important;
}
.product-post-card-title a {
text-decoration: none;
}
.product-post-card-title a:hover {
text-decoration: underline;
}
.woocommerce-product-gallery__image {
border-radius: 20px;
}
.single_add_to_cart_button {
color: black;
background-color: var(--wp--preset--color--fifth);
border-radius: 50px;
}
.single_add_to_cart_button:hover {
color: white;
background-color: black;
}
.wc-block-add-to-cart-form .quantity .qty {
width:5em;
border-radius: 20px;
border: 2px solid black;
color: black;
}
.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
background-color: var(--wp--preset--color--fourth);
color: black;
width: 100%;
border-radius: 0px 0px 18px 18px;
} .wp-block-woocommerce-attribute-filter {
display: flex;
justify-content: space-between;
align-items: center;
}
.wc-block-attribute-filter {
margin-bottom: 0;
}
.wc-block-attribute-filter-list {
display: flex;
gap: 1em;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.wc-block-attribute-filter-list .wc-block-components-checkbox-list li {
margin: 0;
}
.wc-block-attribute-filter-list .wc-block-components-checkbox {
margin-top: 0;
display: flex;
align-items: center;
position: relative;
}
.wc-block-attribute-filter-list .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
border: 2px solid black;
border-radius: 50px;	
margin: 0;
width: 8.5em;
height: 3em;
background-color: var(--wp--preset--color--fifth);
}
.wc-block-attribute-filter-list .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:hover {
border: 2.5px solid black;
}
.wc-block-attribute-filter-list .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked {
background-color: var(--wp--preset--color--third);	
}
.wc-block-attribute-filter-list .wc-block-components-checkbox__label {
position: absolute;
width: 8.5em;
height: 3em;
display: flex;
justify-content: center;
align-items: center;
}
.wc-block-attribute-filter-list .wc-block-components-checkbox svg {
display: none;
}
.wc-block-attribute-filter__actions {
display: none;
} .product-tabs-masked .tabs {
display: none;
} .woocommerce div.product form.cart table.variations th {
display: none;
}
.woocommerce table.variations tr td select {
border: 2px solid black;
border-radius: 20px;
}
.bookacti-form-field-container {
font-size: 0.7em;
}
.fc .fc-toolbar-title {
font-size: 1.2em;
}
.fc .fc-button-primary {
background-color: var(--wp--preset--color--fourth);
border-color: black;
}
.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
box-shadow: none;
}
.fc .fc-button-primary:disabled {
background-color: black;
}
.fc .fc-button-primary:focus {
box-shadow: none;
}
.fc-timegrid {
height: 300px;
overflow: auto
}
.woocommerce-variation-price {
font-family: 'Fredoka bold';	
} @media only screen and (max-width: 420px) {
.wc-block-grid__product {
max-width: 80% !important;
}
.wc-block-attribute-filter {
padding: 0 1.5em;
}
}.swiper {
height: 100%;
border-radius: 50px;
}
.wp-block-gutsliders-photo-carousel .swiper-container-outer {
height: 100%;
}
.wp-block-gutsliders-photo-carousel .swiper-pagination.swiper-pagination-horizontal {
bottom: -2rem;
}
.swiper-pagination-bullet-active {
background: black;
}
.wp-block-gutsliders-photo-carousel .gutslider-next, .wp-block-gutsliders-photo-carousel .gutslider-prev {
background-color: transparent;
color: black;
font-size: 2em;
}
.wp-block-gutsliders-photo-carousel .gutslider-next:hover, .wp-block-gutsliders-photo-carousel .gutslider-prev:hover {
background-color: transparent;
color: black;
font-size: 2.5em;
}.radio-container {
font-family: "Fredoka bold";
font-size: 1.2em;
}
.wp-block-gutena-forms .gutena-forms-field.radio-field .radio-container input:checked~.checkmark {
border-color: black;
}
.wp-block-gutena-forms .gutena-forms-field.radio-field .radio-container input:checked~.checkmark:after {
width: 100%;
height: 100%;
top: unset;
left: unset;
background: black;
}