@media (max-width: 991px) {
.site-header .top-header {
padding: 0 15px;
}
}
.site-header.is-fixed .top-header {
gap: 10px;
}
@media (max-width: 991px) {
.site-header.is-fixed .top-header {
background: 0 none;
box-shadow: none;
position: absolute;
}
}
@media (min-width: 1200px) {
.site-header .logo img {
max-width: 180px;
}
}
.ws-navigation a {
border: 0 none;
}
.custom-logo-link {
border: 0 none;
}
.main-menu {
padding-top: 90px;
}
.main-menu .level-1 > .menu-item > .nav-link {
padding-left: 30px;
text-transform: none;
font-size: var(--wp--preset--font-size--size-2);
}
.main-menu .nav-link {
font-size: var(--wp--preset--font-size--size-2);
font-weight: 500;
}
.main-menu .nav-link:hover, .main-menu .nav-link:focus {
color: var(--wp--preset--color--custom-color-blue);
}
.main-menu .nav-link.current-menu-item, .main-menu .nav-link.current-page-ancestor {
color: var(--wp--preset--color--custom-color-red);
}
.main-menu .has-submenu::after {
right: auto;
left: 0;
top: 17px;
background: var(--wp--preset--color--custom-color-blue);
}
.main-menu .has-submenu.submenu-open > .nav-link {
color: var(--wp--preset--color--custom-color-red);
}
.main-menu .has-submenu.submenu-open::after {
background: var(--wp--preset--color--custom-color-red);
}
.main-menu .has-submenu:has(> .current-page-ancestor)::after {
background: var(--wp--preset--color--custom-color-red);
}
.main-menu .submenu {
padding-left: 30px;
}
.main-menu .submenu .nav-link {
font-weight: 400;
}
@media (min-width: 992px) {
.main-menu {
padding-top: 0;
}
.main-menu .level-1 > .menu-item > .nav-link,
.main-menu .nav-link {
font-size: 1rem;
padding: 10px 0;
line-height: 1.3;
}
.main-menu .submenu {
padding: 5px 16px;
padding-top: 10px;
padding-right: 25px;
border-radius: 0 0 40px 0;
box-shadow: 4px 12px 10px rgba(0, 0, 0, 0.08);
white-space: nowrap;
}
.main-menu .submenu .nav-link {
padding: 0;
padding-bottom: 22px;
color: var(--wp--preset--color--custom-color-dark);
position: relative;
transition: color 0.25s;
}
.main-menu .submenu .nav-link::before {
content: "";
display: block;
height: 10px;
width: 90px;
-webkit-mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/img/ab-laissus/tiret-noir.svg);
mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/img/ab-laissus/tiret-noir.svg);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background: var(--wp--preset--color--custom-color-blue);
position: absolute;
bottom: 10px;
left: 0;
opacity: 0;
transition: opacity 0.25s;
}
.main-menu .submenu .nav-link:hover, .main-menu .submenu .nav-link:focus {
color: var(--wp--preset--color--custom-color-blue);
}
.main-menu .submenu .nav-link:hover::before, .main-menu .submenu .nav-link:focus::before {
opacity: 1;
}
.main-menu menu > .menu-item {
padding: 0;
}
.main-menu .ws-navigation-menu {
justify-content: space-evenly;
}
.main-menu .level-1 > .menu-item > .nav-link {
transition: color 0.25s;
}
.main-menu .level-1 > .menu-item > .nav-link:hover, .main-menu .level-1 > .menu-item > .nav-link:focus {
color: var(--wp--preset--color--custom-color-red);
}
}
@media (min-width: 1200px) {
.main-menu .level-1 > .menu-item > .nav-link,
.main-menu .nav-link {
padding: 10px 15px;
}
}
@media (min-width: 1470px) {
.main-menu .level-1 > .menu-item > .nav-link {
font-size: var(--wp--preset--font-size--size-1);
}
}
@media (min-width: 992px) {
.yoast-breadcrumbs > span {
justify-content: flex-start;
}
}
.search-area .wp-block-search__inside-wrapper {
border-radius: 0;
}
.tools-area {
z-index: 1;
bottom: 0;
}
.tools-area .inner-tools {
border-radius: 0;
box-shadow: none;
background: var(--wp--preset--color--custom-color-blue);
width: 100%;
padding: 0 !important;
}
@media (min-width: 992px) {
.tools-area .inner-tools {
background: 0 none;
}
}
.tools-area .ws-navigation {
width: 100%;
}
.tools-area .ws-navigation .menu-item:nth-of-type(2) {
flex-grow: 1;
}
.tools-area .ws-navigation .nav-link {
color: var(--wp--preset--color--white);
font-weight: 500;
text-transform: none;
}
.tools-area .ws-navigation .nav-link.link-rdv {
padding: 4px 16px;
background: 0 none;
position: relative;
z-index: 0;
transition: color 0.25s;
}
.tools-area .ws-navigation .nav-link.link-rdv::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--wp--preset--color--custom-color-blue);
z-index: -1;
transition: top 0.25s;
}
@media (min-width: 992px) {
.tools-area .ws-navigation .nav-link.link-rdv {
max-width: 145px;
}
.tools-area .ws-navigation .nav-link.link-rdv:hover, .tools-area .ws-navigation .nav-link.link-rdv:focus {
color: var(--wp--preset--color--custom-color-red);
}
.tools-area .ws-navigation .nav-link.link-rdv:hover::after, .tools-area .ws-navigation .nav-link.link-rdv:focus::after {
top: calc(100% - 3px);
}
}
@media (min-width: 1200px) {
.tools-area .ws-navigation .nav-link.link-rdv {
max-width: none;
}
}
.tools-area .ws-navigation .link-menu {
background: var(--wp--preset--color--white);
border-radius: 0 30px 0 0;
width: 70px;
}
.tools-area .ws-navigation .link-menu::before {
background: var(--wp--preset--color--custom-color-red);
}
.tools-area .ws-navigation .search-toggle {
background: var(--wp--preset--color--white);
border-radius: 30px 0 0 0;
width: 70px;
}
.tools-area .ws-navigation .search-toggle::before {
background: var(--wp--preset--color--custom-color-blue);
}
@media (min-width: 992px) {
.tools-area .ws-navigation .search-toggle {
width: auto;
}
}
@media (min-width: 992px) {
body.menu-open {
overflow: auto;
}
}
.ws-navigation-menu .nav-link.link-menu::before {
-webkit-mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#divers--burger);
mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#divers--burger);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.menu-area .menu-toggle a::before,
.search-area .search-toggle a::before,
.additional-area .additional-toggle a::before,
body.menu-open .ws-navigation-menu .nav-link.link-menu::before,
body.search-open .ws-navigation-menu .nav-link.link-search::before,
body.additional-open .ws-navigation-menu .nav-link.link-additional::before {
-webkit-mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#divers--cross-2);
mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#divers--cross-2);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 20px 20px;
mask-size: 20px 20px;
}
.ws-navigation-menu .nav-link.link-search::before {
-webkit-mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#divers--loupe);
mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#divers--loupe);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.logo img,
.logo svg {
max-width: 180px;
}
@media (max-width: 991px) {
.menu-area {
background: var(--wp--preset--color--custom-color-light);
background-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/img/ab-laissus/brush-cover.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: auto 80px;
background-position: top 0 right -30px;
}
}
footer {
background-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/img/ab-laissus/texture-brush-gris.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-repeat: repeat;
background-size: auto;
padding-bottom: 45px;
padding-top: 30px;
margin-top: 0;
overflow: hidden;
}
footer > .wp-block-group {
gap: 25px;
padding: 0 15px !important;
}
footer > .wp-block-group > .wp-block-group:nth-of-type(1) {
position: relative;
min-height: 210px;
margin: 0 -15px;
padding-top: 60px;
padding-left: 60px;
}
footer > .wp-block-group > .wp-block-group:nth-of-type(1)::before {
content: "";
display: block;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 375px;
bottom: 0;
background-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/img/ab-laissus/shape-footer.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
background-position: top center;
}
@media (min-width: 1780px) {
footer > .wp-block-group > .wp-block-group:nth-of-type(1) {
padding-left: 100px;
padding-top: 100px;
}
footer > .wp-block-group > .wp-block-group:nth-of-type(1)::before {
width: 650px;
min-height: 700px;
}
}
footer > .wp-block-group > .wp-block-group {
gap: 10px;
}
footer .ws-navigation menu a {
transition: color 0.25s;
}
footer .h3 {
color: var(--wp--preset--color--custom-color-dark);
}
@media (min-width: 992px) {
footer {
padding-bottom: 0;
}
footer > .wp-block-group > .wp-block-group {
min-width: 20%;
}
}
@media (min-width: 1780px) {
footer .wp-block-site-logo img {
width: 280px;
}
}
@media (max-width: 991px) {
footer > .wp-block-group > .wp-block-group {
width: 100%;
padding: 0 45px;
}
}
footer .wp-block-buttons {
gap: 15px;
margin-bottom: 10px;
}
footer .link-websenso-copyright {
margin-top: 10px;
margin-bottom: 30px;
}
footer .ws-navigation menu {
margin: 0;
list-style-type: none;
padding: 0;
}
footer .ws-navigation menu a {
text-decoration: none;
font-weight: 500;
padding: 6px 0;
display: inline-block;
}
footer .ws-navigation.bas-de-page {
text-align: center;
}
footer .ws-navigation.bas-de-page a {
font-size: 1rem;
color: var(--wp--preset--color--custom-color-dark);
font-weight: 400;
}
@media (min-width: 992px) {
footer .ws-navigation.bas-de-page menu {
display: flex;
flex-direction: row;
justify-content: center;
}
footer .ws-navigation.bas-de-page menu a {
padding: 5px 15px;
}
footer .ws-navigation.bas-de-page menu a:hover, footer .ws-navigation.bas-de-page menu a:focus {
color: var(--wp--preset--color--custom-color-red);
}
}
.wpcf7 .wpcf7-form {
max-width: 720px;
margin: auto;
}
.wpcf7 p {
margin: 0;
margin-bottom: 15px;
}
.wpcf7 p label {
font-size: var(--wp--preset--font-size--size-1);
}
.wpcf7 .wpcf7-form-control {
padding: 10px 16px;
border-radius: 0;
font-size: var(--wp--preset--font-size--size-1);
font-family: var(--wp--preset--font-family--fira-sans);
font-weight: 400;
}
.wpcf7 .wpcf7-form-control.wpcf7-textarea, .wpcf7 .wpcf7-form-control.wpcf7-text {
border: solid 1px var(--wp--preset--color--custom-color-blue);
width: 100%;
}
.wpcf7 .wpcf7-form-control:focus {
outline: none;
}
.wpcf7 .wpcf7-acceptance {
padding: 0;
display: block;
}
.wpcf7 .wpcf7-acceptance label {
font-size: 1rem;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item {
margin: 0;
}
.wpcf7 .wpcf7-submit {
border: 0 none;
background: var(--wp--preset--color--custom-color-blue);
color: var(--wp--preset--color--white);
padding: calc(0.667em + 2px) calc(1.333em + 2px);
cursor: pointer;
transition: background 0.25s;
}
.wpcf7 .wpcf7-submit:hover, .wpcf7 .wpcf7-submit:focus {
background: var(--wp--preset--color--custom-color-red);
}
.card {
overflow: visible;
}
.card .group-media {
border-radius: 0;
z-index: 0;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
.card .group-media::before {
content: "";
display: block;
width: 80px;
height: 70px;
-webkit-mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/img/ab-laissus/shape-card.svg);
mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/img/ab-laissus/shape-card.svg);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background: var(--wp--preset--color--custom-color-beige);
position: absolute;
bottom: -40px;
left: 50%;
z-index: 1;
transition: background 0.25s;
transform: translateX(-50%);
}
.card .group-media .field-image {
height: 100%;
aspect-ratio: 4/3;
overflow: hidden;
}
.card .group-media img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transform: scale(1);
transition: transform 0.35s;
}
.card .group-media .field-image.is-default img {
-o-object-fit: contain;
object-fit: contain;
padding: 15px;
}
.card .group-content {
background: 0 none;
margin: 0;
padding-bottom: 20px;
}
.card .group-content .field-title {
font-size: var(--wp--preset--font-size--size-2);
color: var(--wp--preset--color--custom-color-dark);
position: relative;
font-family: var(--wp--preset--font-family--kanit);
font-weight: 600;
line-height: 1;
transition: color 0.25s;
}
.card .group-content .field-description {
font-size: 1rem;
}
.card .group-content::before, .card .group-content::after {
content: "";
display: block;
position: absolute;
bottom: 5px;
left: 15px;
}
.card .group-content::before {
width: 8px;
height: 8px;
border-top: solid 2px;
border-right: solid 2px;
transform: rotateZ(45deg);
background: 0 none;
left: 30px;
transition: border 0.25s, transform 0.25s;
}
.card .group-content::after {
width: 24px;
height: 2px;
background: currentColor;
bottom: 9px;
transition: background 0.25s, width 0.25s;
}
.card .field-link {
position: static;
margin: 0;
}
.card .field-link .cardlink {
width: 100%;
height: 100%;
}
.card a:not(.wp-element-button) {
border: 0 none;
}
.card:hover .group-media::before, .card:focus .group-media::before {
background: var(--wp--preset--color--custom-color-lightblue);
}
.card:hover .group-media img, .card:focus .group-media img {
transform: scale(1.08);
}
.card:hover .group-content .field-title, .card:focus .group-content .field-title {
color: var(--wp--preset--color--custom-color-blue);
}
.card:hover .group-content::before, .card:focus .group-content::before {
border-color: var(--wp--preset--color--custom-color-red);
transform: translate(8px) rotateZ(45deg);
}
.card:hover .group-content::after, .card:focus .group-content::after {
background: var(--wp--preset--color--custom-color-red);
width: 32px;
}
.wp-block-post-content {
padding-bottom: 30px;
}
b,
strong {
font-weight: 500;
}
a {
color: var(--wp--preset--color--custom-color-blue);
font-weight: 500;
text-decoration: none;
border-bottom: solid 1px var(--wp--preset--color--custom-color-blue);
transition: border 0.25s, color 0.25s;
}
a:hover, a:focus {
color: var(--wp--preset--color--custom-color-red);
border-bottom-color: transparent;
}
.group-media .credits {
background: var(--wp--preset--color--custom-color-blue);
font-weight: 500;
line-height: 1;
}
@media (max-width: 991px) {
.group-media .credits {
color: var(--wp--preset--color--white);
}
}
.group-media .credits::before {
color: var(--wp--preset--color--white);
font-weight: 500;
font-size: var(--wp--preset--font-size--size-1);
line-height: 1;
position: relative;
top: 2px;
}
.group-media:hover .credits, .group-media:focus .credits {
color: var(--wp--preset--color--white);
}
.yoast-breadcrumbs {
margin-bottom: 15px;
}
.yoast-breadcrumbs a {
border: 0 none;
}
.wp-block-heading.is-style-default {
display: flex;
padding-top: 0.2em;
}
.wp-block-heading.is-style-default::before {
content: "";
display: block;
width: 0.75em;
height: 0.65em;
margin-top: -0.2em;
border-top: solid 0.25em var(--wp--preset--color--custom-color-red);
border-left: solid 0.25em var(--wp--preset--color--custom-color-red);
}
.wp-block-heading.is-style-default, .wp-block-heading.is-style-default.has-text-align-left {
justify-content: flex-start;
}
.wp-block-heading.is-style-default.has-text-align-center {
justify-content: center;
}
.wp-block-heading.is-style-default.has-text-align-right {
justify-content: flex-end;
}
.wp-block-heading.is-style-text-element-trait-noir {
display: flex;
flex-direction: column;
}
.wp-block-heading.is-style-text-element-trait-noir::before {
content: "";
display: block;
width: 8em;
height: 0.7em;
margin-bottom: 10px;
background-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/img/ab-laissus/tiret-noir.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.wp-block-heading.is-style-text-element-trait-noir, .wp-block-heading.is-style-text-element-trait-noir.has-text-align-left {
align-items: flex-start;
}
.wp-block-heading.is-style-text-element-trait-noir::before, .wp-block-heading.is-style-text-element-trait-noir.has-text-align-left::before {
margin-left: 45px;
}
.wp-block-heading.is-style-text-element-trait-noir.has-text-align-center {
align-items: center;
}
.wp-block-heading.is-style-text-element-trait-noir.has-text-align-right {
align-items: flex-end;
}
.wp-block-heading.is-style-text-element-trait-noir.has-text-align-right::before {
margin-right: 45px;
}
.wp-block-button:not(.is-style-button-peinture-orange) .wp-element-button {
background: 0 none;
position: relative;
z-index: 0;
color: var(--wp--preset--color--white);
transition: color 0.25s;
}
.wp-block-button:not(.is-style-button-peinture-orange) .wp-element-button::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--wp--preset--color--custom-color-blue);
z-index: -1;
transition: top 0.25s;
}
.wp-block-button:not(.is-style-button-peinture-orange) .wp-element-button:hover, .wp-block-button:not(.is-style-button-peinture-orange) .wp-element-button:focus {
color: var(--wp--preset--color--custom-color-red);
}
.wp-block-button:not(.is-style-button-peinture-orange) .wp-element-button:hover::after, .wp-block-button:not(.is-style-button-peinture-orange) .wp-element-button:focus::after {
top: calc(100% - 3px);
}
.wp-block-button.is-style-button-noir .wp-element-button::after {
background: var(--wp--preset--color--custom-color-dark);
}
.wp-block-button.is-style-button-noir .wp-element-button:hover, .wp-block-button.is-style-button-noir .wp-element-button:focus {
color: var(--wp--preset--color--custom-color-blue);
}
.wp-block-button.is-style-button-peinture-orange .wp-element-button {
transition: color 0.25s;
}
.wp-block-button.is-style-button-peinture-orange .wp-element-button:hover, .wp-block-button.is-style-button-peinture-orange .wp-element-button:focus {
color: var(--wp--preset--color--custom-color-blue);
}
.wp-block-button.has-icon .wp-element-button {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.wp-block-button.has-icon .wp-element-button::before {
content: "";
display: block;
width: 18px;
height: 18px;
background: currentColor;
margin-right: 8px;
}
.wp-block-button.has-icon.icon-search .wp-element-button::before {
-webkit-mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#divers--loupe);
mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#divers--loupe);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.wp-block-button.has-icon.icon-website .wp-element-button::before {
-webkit-mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--web);
mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--web);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.wp-block-button.has-icon.icon-phone .wp-element-button::before {
-webkit-mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--phone);
mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--phone);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.wp-block-button.has-icon.icon-email .wp-element-button::before {
-webkit-mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--email);
mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--email);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.wp-block-cover {
margin: 0;
z-index: 0;
}
.wp-block-cover .wp-block-cover__image-background {
border-radius: 0 500px 500px 0;
border: solid 8px transparent;
border-bottom-color: var(--wp--preset--color--custom-color-red);
border-right-color: var(--wp--preset--color--custom-color-red);
border-left: 0 none;
z-index: 2 !important;
}
@media (min-width: 992px) {
.wp-block-cover {
margin-top: var(--ws-menu-height);
}
.wp-block-cover .wp-block-cover__image-background {
width: 520px;
height: 400px;
-o-object-fit: cover;
object-fit: cover;
margin-top: -30px;
}
.wp-block-cover .wp-block-cover__inner-container {
margin-right: -30px;
padding-top: 100px;
padding-bottom: 100px;
padding-left: 515px;
background-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/img/ab-laissus/shape-cover.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: calc(100% - 515px) 70px;
background-position: top right;
}
.wp-block-cover .wp-block-cover__inner-container .yoast-breadcrumbs,
.wp-block-cover .wp-block-cover__inner-container .wp-block-post-title,
.wp-block-cover .wp-block-cover__inner-container .block-slogan {
max-width: 580px;
}
}
@media (max-width: 991px) {
.wp-block-cover {
flex-direction: column;
padding: 0;
padding-top: var(--ws-menu-height);
min-height: 0 !important;
margin-bottom: 45px;
}
.wp-block-cover .wp-block-cover__image-background {
position: static;
height: 220px;
width: calc(100% - 15px);
margin-right: auto;
}
.wp-block-cover .wp-block-cover__inner-container {
padding: 15px;
padding-bottom: 30px;
}
.wp-block-cover .wp-block-cover__inner-container .yoast-breadcrumbs {
padding: 0;
margin-top: 15px;
}
.wp-block-cover .block-slogan {
position: absolute;
bottom: 0;
transform: translateY(100%);
padding-left: 170px;
padding-right: 15px;
}
}
.wp-block-list li {
margin-bottom: 15px;
}
.wp-block-list li::before {
border-radius: 20px;
width: 12px;
height: 12px;
top: 5px;
background: var(--wp--preset--color--custom-color-blue);
}
.wp-block-list li li::before,
.wp-block-list li li li::before {
background: var(--wp--preset--color--custom-color-red);
opacity: 1;
}
.wp-block-list .wp-block-list {
margin-top: 15px;
counter-reset: compteur;
}
ol.wp-block-list li::before {
content: counter(compteur);
background: 0 none;
color: var(--wp--preset--color--custom-color-blue);
font-size: var(--wp--preset--font-size--size-2);
line-height: 1;
}
ol.wp-block-list li li::before {
background: 0 none;
color: var(--wp--preset--color--custom-color-red);
}
.wp-block-social-links {
gap: 10px;
}
.wp-block-social-links .wp-social-link {
background: 0 none;
transform: scale(1);
}
.wp-block-social-links .wp-social-link:hover, .wp-block-social-links .wp-social-link:focus {
transform: scale(1);
}
.wp-block-social-links .wp-social-link svg {
display: none;
}
.wp-block-social-links .wp-social-link a {
border: 0 none;
}
.wp-block-social-links .wp-social-link .wp-block-social-link-anchor {
width: 38px;
height: 38px;
padding: 0;
position: relative;
transition: box-shadow 0.5s;
}
.wp-block-social-links .wp-social-link .wp-block-social-link-anchor::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--wp--preset--color--custom-color-blue);
transition: background 0.35s;
}
.wp-block-social-links .wp-social-link .wp-block-social-link-anchor::after {
content: "";
display: block;
width: 30px;
height: 2px;
background: var(--wp--preset--color--custom-color-blue);
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
transition: background 0.35s;
}
.wp-block-social-links .wp-social-link .wp-block-social-link-anchor:hover::before, .wp-block-social-links .wp-social-link .wp-block-social-link-anchor:hover::after, .wp-block-social-links .wp-social-link .wp-block-social-link-anchor:focus::before, .wp-block-social-links .wp-social-link .wp-block-social-link-anchor:focus::after {
background: var(--wp--preset--color--custom-color-red);
}
.wp-block-social-links .wp-social-link.wp-social-link-facebook .wp-block-social-link-anchor::before {
-webkit-mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--facebook);
mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--facebook);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 30px 30px;
mask-size: 30px 30px;
}
.wp-block-social-links .wp-social-link.wp-social-link-linkedin .wp-block-social-link-anchor::before {
-webkit-mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--linkedin);
mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--linkedin);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 30px 30px;
mask-size: 30px 30px;
}
.wp-block-post-title {
color: var(--wp--preset--color--custom-color-dark);
margin: 0;
}
.wp-block-ws-library-ws-document a {
border: 0 none;
}
.wp-block-ws-library-ws-image:hover .group-media img,
.wp-block-ws-library-ws-image:focus .group-media img {
transform: scale(1);
}
.wp-block-ws-library-ws-image .group-media {
border-radius: 0;
}
.wp-block-ws-library-ws-image .group-media:hover img, .wp-block-ws-library-ws-image .group-media:focus img {
transform: scale(1.08);
}
.wp-block-ws-library-ws-image .caption {
text-align: center;
}
.wp-block-ws-library-ws-image .caption:empty {
display: none;
}
.wp-block-ws-library-ws-image .wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.wp-block-ws-library-ws-video iframe,
.wp-block-ws-library-ws-video video {
border-radius: 0;
}
.wp-block-ws-library-ws-video .wrapper {
position: relative;
}
.wp-block-ws-library-ws-video .wrapper::before {
content: "";
display: block;
position: absolute;
top: -2px;
left: -2px;
right: -2px;
height: 30px;
border: solid 4px var(--wp--preset--color--custom-color-red);
border-bottom: 0 none;
z-index: 1;
}
@media (max-width: 991px) {
.wp-block-ws-library-ws-banner .group-media {
margin: 0 -15px;
}
.wp-block-ws-library-ws-banner .group-content {
margin-top: -30px;
position: relative;
}
.wp-block-ws-library-ws-banner.alignfull {
padding: 0 15px;
}
}
.wp-block-ws-library-ws-banner .group-content {
background-color: var(--wp--preset--color--custom-color-blue);
color: var(--wp--preset--color--white);
border-radius: 0 0 80px 0;
border-top: 4px solid var(--wp--preset--color--custom-color-red);
}
.wp-block-ws-library-ws-banner .group-media {
border-radius: 0;
}
.wp-block-ws-library-ws-banner.is-style-background-bleu-plein .group-content .wp-block-heading {
text-align: center;
align-items: center;
justify-content: center;
color: var(--wp--preset--color--white);
}
.wp-block-ws-library-ws-banner.is-style-background-bleu-plein .group-content .wp-block-heading::before {
display: none;
}
.splide {
z-index: 0;
}
.wp-block-ws-library-ws-slider .splide {
max-width: var(--wp--style--global--wide-size);
margin-left: auto;
margin-right: auto;
width: 100%;
z-index: 0;
}
.wp-block-ws-library-ws-slider .splide .splide__slide {
border-radius: 0;
}
.wp-block-ws-library-ws-slider .splide .splide__slide .lightbox-trigger {
display: block;
height: 100%;
}
.wp-block-ws-library-ws-slider .splide .splide__slide .lightbox-trigger img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.wp-block-ws-library-ws-slider .splide .splide__arrows .splide__arrow {
background: 0 none;
}
.wp-block-ws-library-ws-slider .splide:not(.is-overflow) {
padding: 0;
}
.wp-block-ws-library-ws-slider .splide:not(.is-overflow) .splide__list {
justify-content: center;
}
.wp-block-ws-library-ws-slider .splide:not(.is-overflow) .splide__arrows {
display: none;
}
.wp-block-ws-library-ws-faq details {
border-bottom: 2px solid var(--wp--preset--color--custom-color-red);
position: relative;
padding: 0 2rem;
}
.wp-block-ws-library-ws-faq details::after, .wp-block-ws-library-ws-faq details::before {
content: "";
background-color: var(--wp--preset--color--custom-color-red);
height: 30px;
bottom: 0;
position: absolute;
}
.wp-block-ws-library-ws-faq details::before {
left: 0;
border-left: 2px solid var(--wp--preset--color--custom-color-red);
}
.wp-block-ws-library-ws-faq details::after {
right: 0;
border-right: 2px solid var(--wp--preset--color--custom-color-red);
}
.wp-block-ws-library-ws-faq .faq-question {
font-weight: 500;
}
.wp-block-ws-library-ws-faq .faq-question::after {
background: var(--wp--preset--color--custom-color-blue);
}
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column:not(:has(.wp-block-ws-library-ws-image), :has(.wp-block-ws-library-ws-video)) .wrapper {
width: 100%;
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image) {
position: relative;
z-index: 0;
}
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image) .group-media::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: solid 8px var(--wp--preset--color--custom-color-red);
z-index: 1;
pointer-events: none;
clip-path: polygon(0 80%, 100% 50%, 100% 100%, 0% 100%);
}
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image):nth-of-type(1) .group-media, .wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image):nth-of-type(1) .group-media::before {
border-radius: 0 500px 500px 0;
}
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image):nth-of-type(1) .group-media .credits {
right: auto;
left: 15px;
}
@media (min-width: 992px) {
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image):nth-of-type(1) .group-media .credits {
left: 30px;
}
}
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image):nth-of-type(2) .group-media, .wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image):nth-of-type(2) .group-media::before {
border-radius: 500px 0 0 500px;
}
@media (min-width: 992px) {
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column {
margin: 0;
}
}
.wp-block-ws-library-ws-columns.is-style-background-gris .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image) .group-media,
.wp-block-ws-library-ws-columns.is-style-background-gris .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image) .group-media::before {
border-radius: 0;
}
.wp-block-ws-library-ws-columns.is-style-background-gris .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image) .group-media::before {
display: none;
}
@media (min-width: 992px) {
.wp-block-ws-library-ws-columns.is-style-background-gris .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image) .wp-block-ws-library-ws-image {
padding-left: 75px;
}
.wp-block-ws-library-ws-columns.is-style-background-gris .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image) .wp-block-ws-library-ws-image::before {
content: "";
display: block;
width: 20%;
aspect-ratio: 1;
background-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/img/ab-laissus/shape-image.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.wp-block-ws-library-ws-columns.is-style-background-gris .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image):nth-of-type(1) .wp-block-ws-library-ws-image {
padding-right: 75px;
padding-left: 0;
}
.wp-block-ws-library-ws-columns.is-style-background-gris .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image):nth-of-type(1) .wp-block-ws-library-ws-image::before {
left: auto;
right: 0;
}
}
@media (max-width: 991px) {
.wp-block-ws-library-ws-columns.alignfull {
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 992px) {
.wp-block-ws-library-ws-columns:has(.wp-block-ws-library-ws-column:first-child .wp-block-ws-library-ws-image):has(.wp-block-ws-library-ws-column:last-child .wp-block-ws-library-ws-image) .wp-block-ws-library-ws-column {
padding: 0 20px;
}
.wp-block-ws-library-ws-columns:has(.wp-block-ws-library-ws-column:first-child .wp-block-ws-library-ws-image):has(.wp-block-ws-library-ws-column:last-child .wp-block-ws-library-ws-image) .wp-block-ws-library-ws-column .group-media {
border-radius: 0;
}
.wp-block-ws-library-ws-columns:has(.wp-block-ws-library-ws-column:first-child .wp-block-ws-library-ws-image):has(.wp-block-ws-library-ws-column:last-child .wp-block-ws-library-ws-image) .wp-block-ws-library-ws-column .group-media::before {
display: none;
}
}
.wp-block-ws-library-ws-list-content .list-items,
.wp-block-ws-library-ws-list-childs .list-items {
display: flex;
overflow: auto;
flex-wrap: nowrap;
justify-content: flex-start;
gap: 15px;
padding: 0 15px;
}
.wp-block-ws-library-ws-list-content .list-items .item,
.wp-block-ws-library-ws-list-childs .list-items .item {
padding: 0;
}
.wp-block-ws-library-ws-list-content .list-items .card,
.wp-block-ws-library-ws-list-childs .list-items .card {
width: 75vw;
}
@media (min-width: 992px) {
.wp-block-ws-library-ws-list-content .list-items,
.wp-block-ws-library-ws-list-childs .list-items {
flex-wrap: wrap;
justify-content: center;
}
.wp-block-ws-library-ws-list-content .list-items .item,
.wp-block-ws-library-ws-list-childs .list-items .item {
width: calc(50% - 15px);
}
.wp-block-ws-library-ws-list-content .list-items .card,
.wp-block-ws-library-ws-list-childs .list-items .card {
width: auto;
}
}
@media (min-width: 1200px) {
.wp-block-ws-library-ws-list-content .list-items .item,
.wp-block-ws-library-ws-list-childs .list-items .item {
width: calc(20% - 12px);
}
}
.wp-block-ws-library-ws-share .share-subtitle {
font-size: 1em;
}
.wp-block-ws-library-ws-share .share-title {
font-size: 1.25em;
font-weight: 500;
color: var(--wp--preset--color--custom-color-blue);
}
.wp-block-ws-library-ws-share .wp-element-button {
font-size: 0;
width: 40px;
height: 40px;
-webkit-mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/img/ab-laissus/share.svg);
mask-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/img/ab-laissus/share.svg);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background: var(--wp--preset--color--custom-color-blue);
transition: background 0.25s;
}
.wp-block-ws-library-ws-share .wp-element-button:hover, .wp-block-ws-library-ws-share .wp-element-button:focus {
background: var(--wp--preset--color--custom-color-red);
}
.home .yoast-breadcrumbs {
display: none;
}
.home .wp-block-post-content {
padding-bottom: 0;
}
.home .block-slogan {
display: block;
}
.home .wp-block-cover {
padding-bottom: 0;
}
@media (min-width: 992px) {
.home .wp-block-cover {
margin-bottom: 45px;
}
}
.home .wp-block-cover::before {
content: "";
display: block;
width: 200px;
height: 200px;
background-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/img/ab-laissus/brush-cover.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: auto 180px;
background-position: bottom 10px right -260px;
position: absolute;
right: 0;
bottom: 0;
}
.home .wp-block-cover .wp-block-cover__image-background {
border-radius: 0;
border: 0 none;
}
@media (min-width: 992px) {
.home .wp-block-cover {
min-height: 540px !important;
}
.home .wp-block-cover::before {
width: 500px;
bottom: 30px;
background-position: bottom 15% right 0;
}
.home .wp-block-cover .wp-block-cover__image-background {
height: 540px;
width: 520px;
margin-top: 0;
}
}
@media (max-width: 991px) {
.home .wp-block-cover .wp-block-cover__image-background {
order: 1;
width: auto;
}
}
.is-style-background-orange:has(.logo-rge-qualibat) {
margin-top: 4rem;
}
.is-style-background-orange:has(.logo-rge-qualibat) .logo-rge-qualibat {
margin-top: -4rem;
}
.block-special-columns .wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image) .group-media::before {
display: none;
}
@media (min-width: 992px) {
.block-special-columns .wp-block-list {
position: relative;
}
.block-special-columns .wp-block-list::before {
content: "";
display: block;
width: 2px;
position: sticky;
top: calc(100vh - 500px);
margin-left: 57px;
height: 150px;
background: var(--wp--preset--color--custom-color-blue);
float: left;
margin-bottom: -30px;
}
}
.block-special-columns .wp-block-list li {
padding-left: 90px;
margin-bottom: 25px;
}
.block-special-columns .wp-block-list li strong {
display: inline-block;
color: var(--wp--preset--color--custom-color-blue);
font-weight: 500;
font-size: var(--wp--preset--font-size--size-2);
margin-bottom: 5px;
}
.block-special-columns .wp-block-list li::after {
content: "";
display: block;
width: 60px;
height: 60px;
position: absolute;
top: 0;
left: 15px;
}
.block-special-columns .wp-block-list li.item-domicile::after {
background-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/img/ab-laissus/list-domicile.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.block-special-columns .wp-block-list li.item-etude::after {
background-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/img/ab-laissus/list-etude.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.block-special-columns .wp-block-list li.item-chantier::after {
background-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/img/ab-laissus/list-chantier.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.block-special-columns .wp-block-list li.item-reception::after {
background-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/img/ab-laissus/list-reception.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
@media (min-width: 992px) {
.block-special-columns .wp-block-list li {
padding-left: 120px;
min-height: 75px;
margin: 45px 0;
}
.block-special-columns .wp-block-list li::after {
width: 75px;
height: 75px;
left: 20px;
}
}
.block-special-columns .wp-block-image {
margin-left: 32px;
}
@media (min-width: 992px) {
.block-special-columns .wp-block-image {
margin-left: 45px;
}
.block-special-columns .wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image) .wp-block-ws-library-ws-image {
padding-top: 90px;
padding-bottom: 90px;
}
.block-special-columns .wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image) .wp-block-ws-library-ws-image::after {
content: "";
display: block;
width: 500px;
height: 150px;
background-image: url(//www.ab-laissus.fr/wp-content/themes/vivaldi-child/assets/img/ab-laissus/shape-image-2.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: -25px;
z-index: -1;
}
}
.listing-entreprises {
flex-wrap: nowrap;
overflow: auto;
justify-content: flex-start;
padding: 0 !important;
gap: 30px;
align-items: normal;
}
.listing-entreprises > .wp-block-group {
width: 75vw;
min-width: 75vw;
}
.listing-entreprises .wp-block-buttons {
gap: 15px;
}
.listing-entreprises .wp-block-image {
text-align: center;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
}
.listing-entreprises .wp-block-image img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 768px) {
.listing-entreprises > .wp-block-group {
width: 35vw;
min-width: 35vw;
}
}
@media (min-width: 992px) {
.listing-entreprises {
flex-wrap: wrap;
}
.listing-entreprises > .wp-block-group {
width: calc(33.33% - 30px);
min-width: 0;
}
}
.block-slogan {
display: none;
margin-top: 10px;
}
.ws-sitemap ul {
padding-left: 20px;
}
.ws-sitemap a {
border: 0 none;
}
.editor-styles-wrapper .wp-block-post-title {
margin-bottom: 30px;
}
.editor-styles-wrapper .site-header.is-fixed {
position: relative;
}
:root {
--ws-menu-height: 70px;
--color-text: var(--wp--preset--color--custom-color-dark);
}