@charset "UTF-8";

.group-media .credits {
background: rgba(255, 255, 255, 0.3);
padding: 5px 9px;
color: transparent;
}
.group-media .credits::before {
color: #000000;
font-size: 16px;
line-height: 1;
height: 14px;
}
@media (max-width: 767px) {
.group-media .credits {
font-size: 11px;
}
}
.group-media:hover .credits, .group-media:hover .credits::before, .group-media:focus .credits, .group-media:focus .credits::before {
color: #000000;
}
.group-media {
position: relative;
}
.group-media .credits {
position: absolute;
bottom: 15px;
right: 15px;
align-items: center;
border-radius: 0;
width: auto;
background: rgba(255, 255, 255, 0.8);
color: #000000;
pointer-events: none;
padding: 2px 6px;
font-size: 12px;
line-height: 1.3;
text-align: right;
border-radius: var(--wp--custom--base-radius);
max-width: calc(100% - 60px);
}
.group-media .credits::before {
content: "©";
display: inline-flex;
margin-right: 4px;
color: #000000;
font-size: 11px;
height: 22px;
align-items: center;
}
@media (min-width: 992px) {
.group-media .credits {
overflow: hidden;
height: 0;
min-height: 0;
line-height: 1.8;
padding: 0 6px;
transition: min-height 0.35s;
}
.group-media:hover .credits, .group-media:focus .credits {
min-height: 22px;
}
}
.yoast-breadcrumbs {
padding: 0;
margin-bottom: 30px;
}
.yoast-breadcrumbs a {
text-decoration: none;
color: var(--wp--preset--color--2);
padding: 0;
}
.yoast-breadcrumbs > span {
display: flex;
justify-content: flex-start;
padding: 0;
gap: 5px;
}
.yoast-breadcrumbs > span span {
display: flex;
align-items: center;
gap: 8px;
}
.yoast-breadcrumbs > span span::before {
content: "";
display: block;
width: 5px;
height: 5px;
border-top: solid 1px currentColor;
border-right: solid 1px currentColor;
transform: rotateZ(45deg);
pointer-events: none;
position: relative;
top: 0;
margin-left: 2px;
}
.yoast-breadcrumbs > span span:first-child::before {
display: none;
}
@media (max-width: 767px) {
.yoast-breadcrumbs > span span {
display: none;
}
.yoast-breadcrumbs > span span:first-child:last-child, .yoast-breadcrumbs > span span:nth-last-child(2), .yoast-breadcrumbs > span span:nth-last-child(2):first-child::before {
display: block;
}
.yoast-breadcrumbs > span span:first-child:last-child, .yoast-breadcrumbs > span span:nth-last-child(2) {
position: relative;
}
.yoast-breadcrumbs > span span:first-child:last-child a, .yoast-breadcrumbs > span span:nth-last-child(2) a {
padding-left: 17px;
}
.yoast-breadcrumbs > span span:first-child:last-child::before, .yoast-breadcrumbs > span span:nth-last-child(2)::before {
position: absolute;
top: 10px;
left: 1px;
transform: rotateY(-180deg) rotateZ(45deg);
}
}
.home .yoast-breadcrumbs {
display: none;
} .color-scheme {
display: flex;
gap: 15px;
margin-bottom: 15px;
}
.color-scheme .color {
display: flex;
flex-direction: column;
font-size: 14px;
overflow: hidden;
border-radius: var(--wp--custom--base-radius);
}
.color-scheme .color .has-background:nth-of-type(2) {
margin-top: -1px;
border-top: 0 none;
}
.color-scheme .has-background {
padding: 15px;
width: 175px;
text-align: center;
}
.color-scheme .has-background.background-1 {
background: var(--wp--preset--color--1);
}
.color-scheme .has-background.background-1b {
background: var(--wp--preset--color--1-b);
}
.color-scheme .has-background.background-2 {
background: var(--wp--preset--color--2);
}
.color-scheme .has-background.background-2b {
background: var(--wp--preset--color--2-b);
}
.color-scheme .has-background.background-3 {
background: var(--wp--preset--color--3);
}
.color-scheme .has-background.background-3b {
background: var(--wp--preset--color--3-b);
}
.color-scheme .has-background.background-4 {
background: var(--wp--preset--color--4);
color: #FFFFFF;
}
.color-scheme .has-background.background-4b {
background: var(--wp--preset--color--4-b);
}
.color-scheme .has-background.background-light {
background: var(--wp--preset--color--light);
}
.color-scheme .has-background.background-dark {
background: var(--wp--preset--color--dark);
color: #FFFFFF;
}
.color-scheme .has-background.background-text {
background: var(--wp--preset--color--dark);
color: #FFFFFF;
}
.color-scheme .has-background.background-text-muted {
background: var(--wp--preset--color--1);
color: #FFFFFF;
}
.color-scheme .has-background.background-success {
background: var(--wp--custom--color--success);
}
.color-scheme .has-background.background-error {
background: var(--wp--custom--color--error);
}
::-moz-selection {
background-color: var(--wp--preset--color--1-b);
color: var(--wp--preset--color--1);
}
::selection {
background-color: var(--wp--preset--color--1-b);
color: var(--wp--preset--color--1);
} @media (min-width: 992px) {
.section-missions {
position: relative;
z-index: 0;
}
.section-missions::before {
content: "";
display: block;
background-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/img/texts/missions.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100px auto;
background-position: center right;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 210px;
z-index: 1;
pointer-events: none;
}
}
.home h2.wp-block-heading {
font-size: clamp(2.25rem, 3.5vw, 4rem);
}
.section-missions .missions-title .wp-block-heading {
width: auto;
}
@media (max-width: 991px) {
.section-missions .missions-title .wp-block-heading {
text-align: left;
}
}
.section-missions .missions-title .wp-block-ws-library-ws-image {
max-width: 75px;
}
.section-missions .missions-listing {
padding: 0 15px;
}
@media (min-width: 992px) {
.section-missions {
min-height: 600px;
display: flex;
align-items: center;
padding-left: 210px;
}
.section-missions .missions-listing {
align-items: unset;
}
.section-missions .missions-listing .wp-block-ws-library-ws-column {
padding: 0 15px;
}
.section-missions .missions-listing .wrapper {
display: flex;
flex-direction: column;
height: 100%;
}
.section-missions .missions-listing .wp-block-buttons {
margin-top: auto;
}
}
@media (min-width: 1200px) {
.section-missions {
padding-left: 15px;
}
.section-missions .missions-title {
justify-content: center;
position: relative;
padding-right: 125px;
padding-left: 125px;
}
.section-missions .missions-title .wp-block-heading {
width: 100%;
}
.section-missions .missions-title .wp-block-ws-library-ws-image {
width: 110px;
position: absolute;
top: 20px;
right: 200px;
max-width: none;
}
.section-missions .missions-listing {
padding-left: 220px;
}
}
@media (min-width: 1470px) {
.section-missions {
margin-top: 45px;
margin-bottom: 45px;
}
.section-missions .missions-title {
margin-bottom: 75px;
}
.section-missions .missions-listing {
padding-left: 420px;
padding-right: 90px;
}
}
@media (min-width: 992px) {
.section-terrain {
position: relative;
z-index: 0;
}
.section-terrain .terrain-row {
padding-left: 210px;
}
.section-terrain::before {
content: "";
display: block;
background-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/img/texts/terrain.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100px auto;
background-position: top -5px right -14px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 210px;
z-index: 1;
pointer-events: none;
}
}
@media (min-width: 992px) {
.section-terrain .wp-block-ws-library-ws-image {
width: 160px;
min-width: 160px;
}
.section-terrain::before {
left: auto;
right: 160px;
}
}
@media (min-width: 1200px) {
.section-terrain .wp-block-ws-library-ws-image {
width: 280px;
min-width: 280px;
}
.section-terrain::before {
right: 280px;
}
}
@media (min-width: 1470px) {
.section-terrain .wp-block-ws-library-ws-image {
width: 460px;
min-width: 460px;
}
.section-terrain::before {
right: 460px;
}
}
@media (min-width: 1780px) {
.section-terrain .wp-block-ws-library-ws-image {
width: 520px;
min-width: 520px;
}
.section-terrain::before {
right: 520px;
}
}
.section-terrain .wp-block-heading {
width: auto;
}
.section-terrain h3 {
text-transform: none;
font-weight: var(--wp--custom--font-weight--regular);
}
.section-terrain .wp-block-ws-library-ws-list-content .list-items {
counter-reset: numero;
}
.section-terrain .wp-block-ws-library-ws-list-content .list-items .item {
counter-increment: numero;
padding-top: 45px;
padding-left: 30px;
position: relative;
z-index: 0;
}
.section-terrain .wp-block-ws-library-ws-list-content .list-items .item::before {
content: "0" counter(numero);
font-size: 84px;
position: absolute;
top: 0;
color: var(--wp--preset--color--2);
left: 0;
line-height: 1;
z-index: 2;
}
@media (min-width: 992px) {
.section-terrain .wp-block-ws-library-ws-list-content .list-items .item {
padding-top: 30px;
padding-left: 15px;
}
.section-terrain .wp-block-ws-library-ws-list-content .list-items .item::before {
font-size: 58px;
}
}
@media (min-width: 1470px) {
.section-terrain .wp-block-ws-library-ws-list-content .list-items .item {
padding-top: 45px;
padding-left: 30px;
padding-right: 15px;
}
.section-terrain .wp-block-ws-library-ws-list-content .list-items .item::before {
font-size: 84px;
}
}
@media (min-width: 1780px) {
.section-terrain .wp-block-ws-library-ws-list-content .list-items .item {
padding-right: 60px;
}
}
.section-terrain .wp-block-ws-library-ws-list-content .group-media img { }
@media (max-width: 767px) {
.section-terrain .wp-block-heading {
text-align: left;
}
.section-terrain .terrain-row {
flex-wrap: wrap !important;
}
}
@media (max-width: 991px) {
.section-terrain .terrain-row {
padding: 0 15px;
overflow: hidden;
}
.section-terrain .terrain-row > .wp-block-group {
width: 100%;
}
.section-terrain .wp-block-ws-library-ws-list-content {
width: 100%;
}
.section-terrain .wp-block-ws-library-ws-list-content .list-items {
margin-left: -15px;
margin-right: -15px;
padding: 0 15px;
flex-wrap: nowrap;
overflow: auto;
gap: 20px;
}
.section-terrain .wp-block-ws-library-ws-list-content .list-items .card {
width: 250px;
}
}
@media (min-width: 992px) {
.section-terrain .wp-block-heading {
width: auto;
}
.section-terrain .wp-block-ws-library-ws-image {
margin-top: 60px;
}
.section-terrain .terrain-row > .wp-block-group {
width: 100%;
}
.section-terrain .terrain-row > .wp-block-group > .wp-block-heading,
.section-terrain .terrain-row > .wp-block-group > p {
margin-right: calc(33.33% + 5px) !important;
margin-left: 0 !important;
max-width: none;
}
.section-terrain .wp-block-ws-library-ws-list-content {
max-width: none;
}
.section-terrain .wp-block-ws-library-ws-list-content .item:nth-of-type(2) {
margin-right: 30px;
}
}
@media (min-width: 1470px) {
.section-terrain {
padding-top: 60px;
}
.section-terrain .terrain-row > .wp-block-group > .wp-block-heading,
.section-terrain .terrain-row > .wp-block-group > p {
margin-right: 295px !important;
margin-left: 0 !important;
}
.section-terrain .wp-block-ws-library-ws-image {
margin-top: 90px;
}
}
@media (min-width: 1780px) {
.section-terrain .terrain-row > .wp-block-group > .wp-block-heading,
.section-terrain .terrain-row > .wp-block-group > p {
margin-right: 410px !important;
}
}
@media (min-width: 992px) {
.section-realisation {
position: relative;
z-index: 0;
}
.section-realisation::before {
content: "";
display: block;
background-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/img/texts/realisations.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100px auto;
background-position: center right;
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 210px;
z-index: 1;
pointer-events: none;
}
}
.section-realisation {
overflow: hidden;
}
@media (max-width: 991px) {
.section-realisation .wp-block-ws-library-ws-list-content {
padding: 0 15px;
}
.section-realisation .wp-block-ws-library-ws-list-content .list-items {
margin: 0 -15px;
}
.section-realisation .wp-block-ws-library-ws-list-content .splide__list {
margin-left: -15px;
margin-right: -15px;
padding: 0 15px !important;
display: flex !important;
flex-wrap: nowrap;
overflow: auto;
gap: 20px;
}
.section-realisation .wp-block-ws-library-ws-list-content .splide__list .card {
width: 250px;
}
}
@media (min-width: 992px) {
.section-realisation {
min-height: 820px;
display: flex;
flex-direction: column;
justify-content: center;
}
}
.section-realisation .wp-block-ws-library-ws-list-content .splide .splide__slide::before {
display: none;
}
@media (min-width: 992px) {
.section-realisation .wp-block-ws-library-ws-list-content {
padding-left: 230px;
margin-right: -100px;
}
.section-realisation .wp-block-ws-library-ws-list-content .splide .item {
width: auto;
}
.section-realisation .wp-block-ws-library-ws-list-content .splide .splide__arrows {
left: 18%;
transform: none;
}
}
@media (min-width: 1470px) {
.section-realisation .wp-block-ws-library-ws-list-content {
padding-left: 460px;
}
}
@media (min-width: 1780px) {
.section-realisation .wp-block-ws-library-ws-list-content {
padding-left: 650px;
}
}
@media (min-width: 992px) {
.section-expertises {
min-height: 690px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 0;
}
.section-expertises::before {
content: "";
display: block;
background-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/img/texts/expertises.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-size: 100px auto;
background-position: center left;
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 210px;
z-index: 1;
pointer-events: none;
}
.section-expertises .wp-block-ws-library-ws-columns {
padding-right: 230px;
}
}
@media (min-width: 1470px) {
.section-expertises {
margin-top: 75px;
margin-bottom: 75px;
}
}
.section-expertises .list-expertises .wp-block-ws-library-ws-columns {
background: var(--wp--preset--color--1);
color: var(--wp--preset--color--white);
margin-top: 0;
margin-bottom: 1px;
position: relative;
z-index: 0;
transition: background 0.25s, color 0.25s;
}
.section-expertises .list-expertises .wp-block-ws-library-ws-columns .thumblink .wp-block-button__link {
font-size: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.section-expertises .list-expertises .wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column {
margin: 0;
}
.section-expertises .list-expertises .wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column:not(:has(.wp-block-ws-library-ws-image, .wp-block-ws-library-ws-video)) {
padding: 15px;
}
.section-expertises .list-expertises .wp-block-ws-library-ws-columns .group-media {
background: var(--wp--preset--color--3);
position: relative;
}
.section-expertises .list-expertises .wp-block-ws-library-ws-columns .group-media::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 22px;
height: 22px;
transform: translateX(-50%) translateY(-50%);
background: var(--wp--preset--color--1);
-webkit-mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#divers--plus);
mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#divers--plus);
-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;
opacity: 0;
pointer-events: none;
z-index: 1;
transition: opacity 0.25s;
}
.section-expertises .list-expertises .wp-block-ws-library-ws-columns .group-media img {
transition: opacity 0.25s;
}
.section-expertises .list-expertises .wp-block-ws-library-ws-columns:hover, .section-expertises .list-expertises .wp-block-ws-library-ws-columns:focus {
background: var(--wp--custom--color--gray);
color: var(--wp--preset--color--dark);
}
.section-expertises .list-expertises .wp-block-ws-library-ws-columns:hover h3.wp-block-heading, .section-expertises .list-expertises .wp-block-ws-library-ws-columns:focus h3.wp-block-heading {
color: var(--wp--preset--color--3);
}
.section-expertises .list-expertises .wp-block-ws-library-ws-columns:hover .group-media img, .section-expertises .list-expertises .wp-block-ws-library-ws-columns:focus .group-media img {
opacity: 0.6;
}
.section-expertises .list-expertises .wp-block-ws-library-ws-columns:hover .group-media::before, .section-expertises .list-expertises .wp-block-ws-library-ws-columns:focus .group-media::before {
opacity: 1;
}
.section-expertises .list-expertises .wp-block-ws-library-ws-columns:nth-of-type(even) .group-media {
background: var(--wp--preset--color--2);
}
.section-expertises .list-expertises .wp-block-ws-library-ws-columns:nth-of-type(even):hover, .section-expertises .list-expertises .wp-block-ws-library-ws-columns:nth-of-type(even):focus {
background: var(--wp--custom--color--gray);
color: var(--wp--preset--color--dark);
}
.section-expertises .list-expertises .wp-block-ws-library-ws-columns:nth-of-type(even):hover h3.wp-block-heading, .section-expertises .list-expertises .wp-block-ws-library-ws-columns:nth-of-type(even):focus h3.wp-block-heading {
color: var(--wp--preset--color--2);
}
.section-expertises .list-expertises .wp-block-heading {
margin: 0;
}
@media (min-width: 992px) {
.section-expertises .list-expertises .wp-block-ws-library-ws-columns {
padding-left: 30px;
}
}
@media (min-width: 1470px) {
.section-expertises .list-expertises .wp-block-ws-library-ws-columns {
padding-left: 60px;
}
.section-expertises .list-expertises .wp-block-ws-library-ws-columns h3.wp-block-heading {
font-size: 38px;
}
}
@media (min-width: 1780px) {
.section-expertises .list-expertises .wp-block-ws-library-ws-columns {
padding-left: 180px;
}
.section-expertises .list-expertises .wp-block-ws-library-ws-columns h3.wp-block-heading {
font-size: 46px;
}
}
.block-editor-block-list__layout .section-expertises .list-expertises .wp-block-ws-library-ws-columns .thumblink .wp-block-button__link {
position: static;
font-size: 18px;
color: var(--wp--preset--color--white);
}
.group-intro {
width: 100%;
} body.privacy-policy h2.wp-block-heading {
font-size: 26px;
text-transform: none;
} .main-footer a::after,
.secondary-footer a::after,
.site-header a::after,
.card a::after {
display: none;
} .wp-block-ws-library-ws-list-content .item {
width: 20%;
} body {
position: relative;
}
@media (min-width: 992px) {
body::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(90deg, var(--wp--preset--color--light) 0%, var(--wp--preset--color--light) 120px, var(--wp--custom--color--gray) 121px, var(--wp--preset--color--light) 121px, var(--wp--preset--color--light) calc(100% - 120px), var(--wp--custom--color--gray) calc(100% - 119px), var(--wp--preset--color--light) calc(100% - 119px), var(--wp--preset--color--light) 100%);
z-index: -1;
}
}
body.home::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(90deg, var(--wp--preset--color--light) 0%, var(--wp--preset--color--light) 15px, var(--wp--custom--color--gray) 16px, var(--wp--preset--color--light) 16px, var(--wp--preset--color--light) calc(100% - 15px), var(--wp--custom--color--gray) calc(100% - 14px), var(--wp--preset--color--light) calc(100% - 14px), var(--wp--preset--color--light) 100%);
z-index: -1;
}
@media (min-width: 992px) {
body.home::before {
background: linear-gradient(90deg, var(--wp--preset--color--light) 0%, var(--wp--preset--color--light) 120px, var(--wp--custom--color--gray) 121px, var(--wp--preset--color--light) 121px, var(--wp--preset--color--light) calc(100% - 230px), var(--wp--custom--color--gray) calc(100% - 229px), var(--wp--preset--color--light) calc(100% - 229px), var(--wp--preset--color--light) 100%);
z-index: -1;
}
}
@media (min-width: 1470px) {
body.home::before {
background: linear-gradient(90deg, var(--wp--preset--color--light) 0%, var(--wp--preset--color--light) 120px, var(--wp--custom--color--gray) 121px, var(--wp--preset--color--light) 121px, var(--wp--preset--color--light) calc(50% - 1px), var(--wp--custom--color--gray) 50%, var(--wp--preset--color--light) 50%, var(--wp--preset--color--light) calc(100% - 460px), var(--wp--custom--color--gray) calc(100% - 459px), var(--wp--preset--color--light) calc(100% - 459px), var(--wp--preset--color--light) calc(100% - 230px), var(--wp--custom--color--gray) calc(100% - 229px), var(--wp--preset--color--light) calc(100% - 229px), var(--wp--preset--color--light) 100%);
}
}
@media (min-width: 1780px) {
body.home::before {
background: linear-gradient(90deg, var(--wp--preset--color--light) 0%, var(--wp--preset--color--light) 120px, var(--wp--custom--color--gray) 121px, var(--wp--preset--color--light) 121px, var(--wp--preset--color--light) calc(100% - 960px), var(--wp--custom--color--gray) calc(100% - 959px), var(--wp--preset--color--light) calc(100% - 959px), var(--wp--preset--color--light) calc(100% - 520px), var(--wp--custom--color--gray) calc(100% - 519px), var(--wp--preset--color--light) calc(100% - 519px), var(--wp--preset--color--light) calc(100% - 230px), var(--wp--custom--color--gray) calc(100% - 229px), var(--wp--preset--color--light) calc(100% - 229px), var(--wp--preset--color--light) 100%);
}
}
.card {
border-radius: var(--wp--custom--base-radius);
}
.card .group-top {
padding: 12px;
text-align: right;
min-height: 75px;
color: var(--wp--preset--color--2);
font-weight: var(--wp--custom--font-weight--bold);
}
.card .group-media {
position: relative;
overflow: hidden;
}
.card .group-media::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-shadow: inset 0 0 0 15px var(--wp--custom--color--gray);
z-index: 1;
pointer-events: none;
transition: box-shadow 0.35s;
}
.card .group-media img {
transform: scale(1);
transition: transform 0.35s;
}
.card .group-content {
background: 0 none;
padding: 12px 15px;
padding-left: 20px;
text-align: right;
transition: padding 0.35s;
line-height: 1.3;
position: relative;
}
.card .group-content::before {
content: "";
display: block;
position: absolute;
top: 14px;
right: 0;
width: 17px;
height: 17px;
background: var(--wp--preset--color--1);
-webkit-mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#divers--plus);
mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#divers--plus);
-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;
opacity: 0;
pointer-events: none;
transform: translateX(0);
transition: opacity 0.25s, transform 0.35s;
}
.card .field-title {
font-size: 1rem;
font-weight: var(--wp--custom--font-weight--bold);
text-transform: none;
}
.card:hover .group-media::before, .card:focus .group-media::before {
box-shadow: inset 0 0 0 0 var(--wp--custom--color--gray);
}
.card:hover .group-media img, .card:focus .group-media img {
transform: scale(1.04);
}
.card:hover .group-content, .card:focus .group-content {
padding-left: 0;
padding-right: 35px;
}
.card:hover .group-content::before, .card:focus .group-content::before {
transform: translateX(-8px);
opacity: 1;
} .wp-block-button .wp-element-button {
transition: background 0.25s, color 0.25s;
}
.wp-block-button.has-icon .wp-element-button {
padding-left: 1.75em;
position: relative;
}
.wp-block-button.has-icon .wp-element-button::before {
content: "";
display: block;
width: 1.25em;
height: 1.25em;
position: absolute;
top: 50%;
left: 0;
background: currentColor;
transform: translateY(-50%);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
transition: color 0.25s;
}
.wp-block-button.icon-phone .wp-element-button::before {
-webkit-mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--phone);
mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--phone);
}
.wp-block-button.icon-email .wp-element-button::before {
-webkit-mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--mail);
mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--mail);
}
.wp-block-button.icon-place .wp-element-button::before {
-webkit-mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--pin);
mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--pin);
}
.wp-block-button.icon-arrow .wp-element-button::before {
-webkit-mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#arrows--arrow);
mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#arrows--arrow);
-webkit-mask-size: 0.75em 0.75em;
mask-size: 0.75em 0.75em;
}
.wp-block-button:not(.is-style-gold):not(.is-style-orange) .wp-element-button {
background: linear-gradient(to right, var(--wp--preset--color--3), var(--wp--preset--color--3) 50%, var(--wp--preset--color--dark) 50%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 200% 100%;
background-position: 100%;
transition: background-position 0.4s ease;
}
.wp-block-button:not(.is-style-gold):not(.is-style-orange):hover .wp-element-button, .wp-block-button:not(.is-style-gold):not(.is-style-orange):focus .wp-element-button {
background-position: 0 100%;
}
.wp-block-button.is-style-gold .wp-element-button, .wp-block-button.is-style-orange .wp-element-button {
padding-left: 1.2rem;
padding-right: 1.2rem;
}
.wp-block-button.is-style-gold.has-icon .wp-element-button, .wp-block-button.is-style-orange.has-icon .wp-element-button {
padding-left: 2.75em;
}
.wp-block-button.is-style-gold.has-icon .wp-element-button::before, .wp-block-button.is-style-orange.has-icon .wp-element-button::before {
left: 0.9rem;
}
.wp-block-button.is-style-gold:hover .wp-element-button, .wp-block-button.is-style-gold:focus .wp-element-button, .wp-block-button.is-style-orange:hover .wp-element-button, .wp-block-button.is-style-orange:focus .wp-element-button {
color: var(--wp--preset--color--dark);
}
.wp-block-button.is-style-gold .wp-element-button {
background: var(--wp--preset--color--3);
position: relative;
overflow: hidden;
z-index: 0;
display: block;
}
.wp-block-button.is-style-gold .wp-element-button::after {
content: "";
display: block;
background: var(--wp--preset--color--3-b);
position: absolute;
top: 0px;
left: 0;
bottom: 0;
width: 0;
z-index: -1;
transform: skewX(-30deg);
transform-origin: top left;
transition: width 0.45s;
}
.wp-block-button.is-style-gold:hover .wp-element-button::after, .wp-block-button.is-style-gold:focus .wp-element-button::after {
width: calc(100% + 30px);
}
.wp-block-button.is-style-orange {
position: relative;
z-index: 0;
}
.wp-block-button.is-style-orange::before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 30px;
left: 0;
height: 100%;
transform: translateY(-50%);
background: var(--wp--preset--color--2);
z-index: -1;
transition: left 0.45s, right 0.45s, height 0.45s;
}
.wp-block-button.is-style-orange::after {
content: "";
display: block;
position: absolute;
top: 50%;
right: 0;
height: 31px;
width: 31px;
transform: translateY(-50%) scaleX(0);
opacity: 0;
background-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#divers--lines);
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
transition: left 0.45s, right 0.45s, height 0.45s, transform 0.45s, opacity 0.25s;
}
.wp-block-button.is-style-orange .wp-element-button {
background: 0 none;
padding-right: 50px;
}
.wp-block-button.is-style-orange:hover::before, .wp-block-button.is-style-orange:focus::before {
left: calc(100% - 30px);
right: 1px;
height: 5px;
}
.wp-block-button.is-style-orange:hover::after, .wp-block-button.is-style-orange:focus::after {
transform: translateY(-50%) scaleX(1);
opacity: 1;
} ul.wp-block-list,
ol.wp-block-list {
padding-left: 24px;
}
ul.wp-block-list li,
ol.wp-block-list li {
position: relative;
margin-bottom: 5px;
}
ul.wp-block-list li::marker,
ol.wp-block-list li::marker {
color: var(--wp--preset--color--2);
font-size: var(--wp--preset--font-size--large);
}
ul.wp-block-list > li:nth-of-type(3n + 1)::marker,
ul.wp-block-list > li:nth-of-type(3n + 1) li::marker,
ol.wp-block-list > li:nth-of-type(3n + 1)::marker,
ol.wp-block-list > li:nth-of-type(3n + 1) li::marker {
color: var(--wp--preset--color--3);
}
ul.wp-block-list > li:nth-of-type(3n + 2)::marker,
ul.wp-block-list > li:nth-of-type(3n + 2) li::marker,
ol.wp-block-list > li:nth-of-type(3n + 2)::marker,
ol.wp-block-list > li:nth-of-type(3n + 2) li::marker {
color: var(--wp--preset--color--2);
}
ul.wp-block-list > li:nth-of-type(3n + 3)::marker,
ul.wp-block-list > li:nth-of-type(3n + 3) li::marker,
ol.wp-block-list > li:nth-of-type(3n + 3)::marker,
ol.wp-block-list > li:nth-of-type(3n + 3) li::marker {
color: var(--wp--preset--color--1);
}
ul.wp-block-list ul,
ul.wp-block-list ol,
ol.wp-block-list ul,
ol.wp-block-list ol {
margin-top: 5px;
}
ul.wp-block-list {
list-style-type: none;
padding-left: 0;
}
ul.wp-block-list li {
position: relative;
padding-left: 24px;
}
ul.wp-block-list li::before {
content: "";
display: block;
height: 5px;
width: 16px;
background: var(--wp--preset--color--2);
position: absolute;
top: 13px;
left: 0;
}
ul.wp-block-list li li::before {
opacity: 0.7;
}
ul.wp-block-list > li:nth-of-type(3n + 1)::before,
ul.wp-block-list > li:nth-of-type(3n + 1) li::before {
background: var(--wp--preset--color--3);
}
ul.wp-block-list > li:nth-of-type(3n + 2)::before,
ul.wp-block-list > li:nth-of-type(3n + 2) li::before {
background: var(--wp--preset--color--2);
}
ul.wp-block-list > li:nth-of-type(3n + 3)::before,
ul.wp-block-list > li:nth-of-type(3n + 3) li::before {
background: var(--wp--preset--color--1);
} .wp-block-heading {
width: 100%;
max-width: var(--wp--style--global--content-size);
}
.wp-block-heading em {
font-weight: var(--wp--custom--font-weight--regular);
font-style: normal;
font-size: 0.65em;
display: block;
}
.wp-block-heading.has-2-color:has(em) {
color: var(--wp--preset--color--dark) !important;
}
.wp-block-heading.has-2-color:has(em) em {
color: var(--wp--preset--color--2) !important;
}
@media (min-width: 992px) {
.wp-block-heading.is-style-offset {
display: flex;
flex-direction: column;
}
.wp-block-heading.is-style-offset, .wp-block-heading.is-style-offset.has-text-align-left {
padding-right: calc(var(--wp--style--global--content-size) / 2);
text-align: right;
}
.wp-block-heading.is-style-offset.has-text-align-right {
padding-right: 0;
padding-left: calc(var(--wp--style--global--content-size) / 2);
text-align: left;
}
.wp-block-heading.is-style-offset.has-text-align-center em {
transform: translateX(100%);
width: 100%;
text-align: left;
}
}
@media (min-width: 1470px) {
.home h2.wp-block-heading.is-style-offset.has-text-align-center em {
margin-left: -8px;
}
} .wp-block-social-links .wp-block-social-link.wp-social-link {
background: var(--wp--preset--color--3);
color: var(--wp--preset--color--dark);
border-radius: var(--wp--custom--base-radius);
transition: background 0.25s;
}
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor {
display: flex;
align-items: center;
justify-content: center;
width: auto;
padding: 0.25rem 0.6rem;
height: 44px;
min-width: 44px;
box-sizing: border-box;
background: var(--wp--preset--color--3);
position: relative;
overflow: hidden;
z-index: 0;
display: flex;
}
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor::before {
content: "";
display: block;
background: var(--wp--preset--color--3-b);
position: absolute;
top: 0px;
left: 0;
bottom: 0;
width: 0;
z-index: -1;
transform: skewX(-30deg);
transform-origin: top left;
transition: width 0.45s;
}
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover::before, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:focus::before {
width: calc(100% + 30px);
}
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor,
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg {
color: var(--wp--preset--color--dark);
fill: var(--wp--preset--color--dark);
}
.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor::after {
display: none;
}
.wp-block-social-links .wp-block-social-link.wp-social-link:hover, .wp-block-social-links .wp-block-social-link.wp-social-link:focus {
background: var(--wp--preset--color--3-b);
transform: none;
} .wp-block-table {
line-height: 1.5;
}
.wp-block-table thead {
border-bottom: 0 none;
}
.wp-block-table td,
.wp-block-table th {
padding: 12px 0;
border: 0 none;
}
.wp-block-table tbody tr {
border-bottom: solid 1px var(--wp--preset--color--2);
}
.wp-block-table th {
text-align: left;
text-transform: uppercase;
font-weight: 700;
color: var(--wp--preset--color--2);
font-size: var(--wp--preset--font-size--large);
padding-bottom: 0;
} .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title {
text-decoration: none;
} .wp-block-group.is-style-featured {
position: relative;
}
.wp-block-group.is-style-featured::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: 1;
width: 60px;
background-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/img/divers/colorscheme.svg);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
@media (min-width: 992px) {
.wp-block-group.is-style-featured {
padding: 2.75rem 3.25rem;
padding-right: calc(80px + 3.25rem);
}
.wp-block-group.is-style-featured::before {
width: 80px;
}
}  .wp-block-ws-library-ws-image .wrapper,
.wp-block-ws-library-ws-video .wrapper {
display: flex;
flex-direction: column;
align-items: center;
}
.wp-block-ws-library-ws-image .caption:empty,
.wp-block-ws-library-ws-video .caption:empty {
display: none;
}
.wp-block-ws-library-ws-image .group-media,
.wp-block-ws-library-ws-video .group-media {
border-radius: var(--wp--custom--base-radius);
}
.wp-block-ws-library-ws-image .group-media img,
.wp-block-ws-library-ws-image .group-media video,
.wp-block-ws-library-ws-image .group-media iframe,
.wp-block-ws-library-ws-video .group-media img,
.wp-block-ws-library-ws-video .group-media video,
.wp-block-ws-library-ws-video .group-media iframe {
max-width: 100%;
display: block;
max-height: 560px;
}
.wp-block-ws-library-ws-image .wp-element-caption,
.wp-block-ws-library-ws-image .caption,
.wp-block-ws-library-ws-video .wp-element-caption,
.wp-block-ws-library-ws-video .caption {
margin: 0;
margin-top: 10px;
max-width: 420px;
font-size: var(--wp--preset--font-size--large);
align-self: flex-start;
}
.wp-block-ws-library-ws-image .group-media {
overflow: hidden;
}
.wp-block-ws-library-ws-image .group-media img {
transform: scale(1);
transition: transform 0.45s;
}
.wp-block-ws-library-ws-image a::after {
display: none;
}
.wp-block-ws-library-ws-image a:hover img, .wp-block-ws-library-ws-image a:focus img {
transform: scale(1.06);
}
.wp-block-ws-library-ws-image.is-style-colorpalette .group-media::before {
content: "";
display: block;
width: 70px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
background-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/img/divers/colorscheme.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
background-repeat: repeat;
background-position: top left;
z-index: 1;
pointer-events: none;
}
.wp-block-ws-library-ws-image.is-style-colorpalette .group-media .credits {
right: 85px;
}
@media (min-width: 1470px) {
.wp-block-ws-library-ws-image.is-style-colorpalette .group-media::before {
width: 120px;
}
.wp-block-ws-library-ws-image.is-style-colorpalette .group-media .credits {
right: 135px;
}
}
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column:nth-of-type(2) .wp-block-ws-library-ws-image.is-style-colorpalette .group-media::before {
right: auto;
left: 0;
}
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column:nth-of-type(2) .wp-block-ws-library-ws-image.is-style-colorpalette .group-media .credits {
right: 15px;
}
.wp-block-ws-library-ws-video .group-media {
width: 100%;
}
.wp-block-ws-library-ws-video .group-media video,
.wp-block-ws-library-ws-video .group-media iframe {
width: 100%;
aspect-ratio: 16/9;
height: auto;
border-radius: var(--wp--custom--base-radius);
} .wp-block-post-content > .wp-block-ws-library-ws-image .group-media img,
.wp-block-post-content > .wp-block-ws-library-ws-image .group-media video,
.wp-block-post-content > .wp-block-ws-library-ws-image .group-media iframe,
.wp-block-post-content > .wp-block-ws-library-ws-video .group-media img,
.wp-block-post-content > .wp-block-ws-library-ws-video .group-media video,
.wp-block-post-content > .wp-block-ws-library-ws-video .group-media iframe {
box-shadow: var(--wp--custom--shadow);
}
.wp-block-post-content > .wp-block-ws-library-ws-image .group-media {
box-shadow: var(--wp--custom--shadow);
}
.wp-block-post-content > .wp-block-ws-library-ws-image .group-media img {
box-shadow: none;
} .wp-block-ws-library-ws-documents {
display: flex;
flex-direction: column;
gap: 10px;
}
.wp-block-ws-library-ws-documents a {
display: inline-flex;
align-items: center;
padding: 4px 10px;
padding-left: 30px;
padding-right: 8px;
transition: padding 0.35s, color 0.25s;
position: relative;
}
.wp-block-ws-library-ws-documents a::after {
display: none;
}
.wp-block-ws-library-ws-documents a::before {
content: "";
width: 20px;
height: 20px;
display: block;
position: absolute;
top: 7px;
left: 0;
background: currentColor;
-webkit-mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#divers--download);
mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#divers--download);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
transition: background 0.25s;
}
.wp-block-ws-library-ws-documents a:hover, .wp-block-ws-library-ws-documents a:focus {
padding-left: 38px;
padding-right: 0;
color: var(--wp--preset--color--2);
}
.wp-block-ws-library-ws-documents a:hover::before, .wp-block-ws-library-ws-documents a:focus::before {
background: var(--wp--preset--color--2);
} .wp-block-ws-library-ws-faq .faq-items {
display: flex;
flex-direction: column;
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.wp-block-ws-library-ws-faq details summary {
list-style-type: none;
}
.wp-block-ws-library-ws-faq details summary::-webkit-details-marker {
display: none;
}
.wp-block-ws-library-ws-faq .faq-item {
border-bottom: solid 1px var(--wp--preset--color--3);
}
.wp-block-ws-library-ws-faq .faq-question {
display: flex;
align-items: center;
font-weight: 700;
padding: 15px 0;
padding-right: 60px;
cursor: pointer;
font-size: 1.125rem;
color: var(--wp--preset--color--dark);
position: relative;
}
.wp-block-ws-library-ws-faq .faq-question::before {
content: "";
display: block;
width: 32px;
height: 32px;
background: var(--wp--preset--color--3);
position: absolute;
top: 14px;
right: 15px;
border-radius: var(--wp--custom--base-radius);
}
.wp-block-ws-library-ws-faq .faq-question::after {
content: "";
display: block;
width: 17px;
height: 17px;
position: absolute;
top: 22px;
right: 23px;
background: currentColor;
-webkit-mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#arrows--chevron);
mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#arrows--chevron);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.wp-block-ws-library-ws-faq .faq-answer {
padding-bottom: 20px;
padding-right: 60px;
line-height: 1.5;
}
.wp-block-ws-library-ws-faq .faq-items.div-only .faq-item .faq-answer {
display: none;
}
.wp-block-ws-library-ws-faq .faq-items.div-only .faq-item.open .faq-answer {
display: block;
}
.wp-block-ws-library-ws-faq details[open] .faq-question::before,
.wp-block-ws-library-ws-faq .faq-item.open .faq-question::before {
background: var(--wp--preset--color--3-b);
}
.wp-block-ws-library-ws-faq details[open] .faq-question::after,
.wp-block-ws-library-ws-faq .faq-item.open .faq-question::after {
transform: rotateZ(90deg);
}
.wp-block-ws-library-ws-faq .faq-switcher {
margin-bottom: 15px;
}
.wp-block-ws-library-ws-faq .faq-switcher .list-switch {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style-type: none;
padding: 0;
}
.wp-block-ws-library-ws-faq .faq-switcher .list-switch .item-switch {
margin: 0 5px;
border-radius: var(--wp--custom--base-radius);
padding-top: 0.6rem;
padding-right: 1.2rem;
padding-bottom: 0.7rem;
padding-left: 1.2rem;
line-height: 1;
font-weight: 700;
cursor: pointer;
background: var(--wp--preset--color--2);
color: var(--wp--preset--color--dark);
transition: background 0.25s, color 0.25s;
}
.wp-block-ws-library-ws-faq .faq-switcher .list-switch .item-switch.active, .wp-block-ws-library-ws-faq .faq-switcher .list-switch .item-switch:hover {
background: var(--wp--preset--color--2-b);
} :root {
--ws-banner-aspect-ratio: 2 / 1;
}
@media (min-width: 992px) {
:root {
--ws-banner-aspect-ratio: 4 / 1;
}
}
.wp-block-ws-library-ws-banner {
position: relative;
z-index: 0;
}
.wp-block-ws-library-ws-banner .group-media {
position: relative;
border-radius: var(--wp--custom--base-radius) var(--wp--custom--base-radius) 0 0;
overflow: hidden;
aspect-ratio: var(--ws-banner-aspect-ratio);
}
.wp-block-ws-library-ws-banner .group-media img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.wp-block-ws-library-ws-banner .group-content {
padding: 1.5rem;
background: var(--wp--preset--color--3);
border-radius: 0 0 var(--wp--custom--base-radius) var(--wp--custom--base-radius);
}
.wp-block-ws-library-ws-banner .group-content .wp-block-button .wp-element-button {
background: linear-gradient(to right, var(--wp--preset--color--white), var(--wp--preset--color--white) 50%, var(--wp--preset--color--dark) 50%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 200% 100%;
background-position: 100%;
}
.wp-block-ws-library-ws-banner .group-content .wp-block-button .wp-element-button:hover, .wp-block-ws-library-ws-banner .group-content .wp-block-button .wp-element-button:focus {
color: var(--wp--preset--color--dark);
}
.wp-block-ws-library-ws-banner .group-content .wp-block-button .wp-element-button:hover::before, .wp-block-ws-library-ws-banner .group-content .wp-block-button .wp-element-button:focus::before {
color: var(--wp--preset--color--white);
}
.wp-block-ws-library-ws-banner.alignfull .group-media {
border-radius: 0;
}
.wp-block-ws-library-ws-banner.alignfull .group-content {
border-radius: 0;
}
@media (min-width: 992px) {
.wp-block-ws-library-ws-banner.alignfull .group-media,
.wp-block-ws-library-ws-banner.alignfull .group-content, .wp-block-ws-library-ws-banner.alignwide .group-media,
.wp-block-ws-library-ws-banner.alignwide .group-content {
border-radius: var(--wp--custom--base-radius);
}
.wp-block-ws-library-ws-banner.alignfull .group-content, .wp-block-ws-library-ws-banner.alignwide .group-content {
max-width: var(--wp--style--global--content-size);
margin-left: auto;
margin-right: auto;
}
.wp-block-ws-library-ws-banner.alignfull .group-media {
border-radius: 0;
}
} .wp-block-ws-library-ws-share {
display: flex;
flex-direction: column;
max-width: 320px;
margin-left: auto;
margin-right: auto;
text-transform: uppercase;
line-height: 1.3;
}
.wp-block-ws-library-ws-share .share-subtitle,
.wp-block-ws-library-ws-share .share-title {
width: 50%;
}
.wp-block-ws-library-ws-share .share-subtitle {
text-align: right;
font-weight: var(--wp--custom--font-weight--bold);
font-size: var(--wp--preset--font-size--x-large);
margin-right: auto;
}
.wp-block-ws-library-ws-share .share-title {
text-align: left;
margin-left: auto;
font-size: var(--wp--preset--font-size--large);
}
.wp-block-ws-library-ws-share .wp-element-button {
font-size: 0;
margin-left: 50%;
width: 65px;
height: 42px;
margin-top: 10px;
position: relative;
background: var(--wp--preset--color--2);
transition: background 0.25s;
}
.wp-block-ws-library-ws-share .wp-element-button::before {
content: "";
display: block;
width: 27px;
height: 27px;
background: var(--wp--preset--color--black);
-webkit-mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--share);
mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--share);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.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--2-b);
} .splide {
padding-bottom: 75px;
}
.splide .splide__arrows {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 110px;
height: 42px;
display: flex;
}
.splide .splide__arrows .splide__arrow {
display: inline-flex;
vertical-align: top;
position: absolute;
top: 0;
transform: none;
height: auto;
width: 42px;
padding: 13px;
border-radius: 10px;
background: var(--wp--preset--color--1);
opacity: 1;
transition: background 0.25s, width 0.35s;
}
.splide .splide__arrows .splide__arrow svg {
fill: var(--wp--preset--color--white);
}
.splide .splide__arrows .splide__arrow.btn-next {
left: calc(100% - 42px);
transform-origin: center right;
}
.splide .splide__arrows .splide__arrow.btn-prev {
left: 42px;
transform-origin: center left;
transform: rotateZ(180deg);
}
.splide .splide__arrows .splide__arrow:hover {
width: 60px;
background: var(--wp--preset--color--2);
}
.splide .splide__slide {
border-radius: var(--wp--custom--base-radius);
overflow: hidden;
position: relative;
}
.splide .splide__slide::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-shadow: inset 0 0 0 15px var(--wp--custom--color--gray);
z-index: 1;
pointer-events: none;
transition: box-shadow 0.35s;
}
.splide .splide__slide a::after {
display: none;
}
.splide .splide__slide img {
width: 100%;
transform: scale(1);
transition: transform 0.45s;
}
.splide .splide__slide:hover::before, .splide .splide__slide:focus::before {
box-shadow: inset 0 0 0 0 var(--wp--custom--color--gray);
}
.splide .splide__slide:hover img, .splide .splide__slide:focus img {
transform: scale(1.04);
} @media (min-width: 992px) {
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column {
margin: 0;
}
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image, .wp-block-ws-library-ws-video) {
padding: 0;
}
}
.wp-block-ws-library-ws-columns .wp-block-heading {
text-transform: none;
}
.wp-block-ws-library-ws-columns h2.wp-block-heading {
font-size: 30px;
}
.wp-block-ws-library-ws-columns h3.wp-block-heading {
font-size: 26px;
}
.wp-block-ws-library-ws-columns h4.wp-block-heading {
font-size: 22px;
}
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-image,
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-video {
margin: 0;
}
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-image .wp-block-embed,
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-image .wp-block-video,
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-video .wp-block-embed,
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-video .wp-block-video {
margin: 0;
}
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-image .group-media img,
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-image .group-media video,
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-image .group-media iframe,
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-video .group-media img,
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-video .group-media video,
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-video .group-media iframe {
max-height: 640px;
}
.wp-block-ws-library-ws-columns.is-style-lightgray .wp-block-ws-library-ws-column, .wp-block-ws-library-ws-columns.is-style-gray .wp-block-ws-library-ws-column, .wp-block-ws-library-ws-columns.is-style-orange .wp-block-ws-library-ws-column, .wp-block-ws-library-ws-columns.is-style-gold .wp-block-ws-library-ws-column {
margin: 0;
}
.wp-block-ws-library-ws-columns.is-style-lightgray .wp-block-ws-library-ws-column:not(:has(.wp-block-ws-library-ws-image, .wp-block-ws-library-ws-video)), .wp-block-ws-library-ws-columns.is-style-gray .wp-block-ws-library-ws-column:not(:has(.wp-block-ws-library-ws-image, .wp-block-ws-library-ws-video)), .wp-block-ws-library-ws-columns.is-style-orange .wp-block-ws-library-ws-column:not(:has(.wp-block-ws-library-ws-image, .wp-block-ws-library-ws-video)), .wp-block-ws-library-ws-columns.is-style-gold .wp-block-ws-library-ws-column:not(:has(.wp-block-ws-library-ws-image, .wp-block-ws-library-ws-video)) {
padding: 30px;
}
.wp-block-ws-library-ws-columns.is-style-gray ul.wp-block-list li::before, .wp-block-ws-library-ws-columns.is-style-orange ul.wp-block-list li::before, .wp-block-ws-library-ws-columns.is-style-gold ul.wp-block-list li::before {
background: var(--wp--preset--color--dark);
}
.wp-block-ws-library-ws-columns.is-style-gray .wp-block-heading.has-2-color:has(em) em, .wp-block-ws-library-ws-columns.is-style-orange .wp-block-heading.has-2-color:has(em) em, .wp-block-ws-library-ws-columns.is-style-gold .wp-block-heading.has-2-color:has(em) em {
color: var(--wp--preset--color--dark) !important;
}
.wp-block-ws-library-ws-columns.is-style-gray .wp-block-button:not(.is-style-gold):not(.is-style-orange) .wp-element-button, .wp-block-ws-library-ws-columns.is-style-orange .wp-block-button:not(.is-style-gold):not(.is-style-orange) .wp-element-button, .wp-block-ws-library-ws-columns.is-style-gold .wp-block-button:not(.is-style-gold):not(.is-style-orange) .wp-element-button {
background: linear-gradient(to right, var(--wp--preset--color--white), var(--wp--preset--color--white) 50%, var(--wp--preset--color--dark) 50%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 200% 100%;
background-position: 100%;
}
.wp-block-ws-library-ws-columns.is-style-gray .wp-block-button:not(.is-style-gold):not(.is-style-orange):hover .wp-element-button, .wp-block-ws-library-ws-columns.is-style-gray .wp-block-button:not(.is-style-gold):not(.is-style-orange):focus .wp-element-button, .wp-block-ws-library-ws-columns.is-style-orange .wp-block-button:not(.is-style-gold):not(.is-style-orange):hover .wp-element-button, .wp-block-ws-library-ws-columns.is-style-orange .wp-block-button:not(.is-style-gold):not(.is-style-orange):focus .wp-element-button, .wp-block-ws-library-ws-columns.is-style-gold .wp-block-button:not(.is-style-gold):not(.is-style-orange):hover .wp-element-button, .wp-block-ws-library-ws-columns.is-style-gold .wp-block-button:not(.is-style-gold):not(.is-style-orange):focus .wp-element-button {
background-position: 0 100%;
}
@media (max-width: 991px) {
.wp-block-ws-library-ws-columns.alignfull:not(.is-style-lightgray, .is-style-gray, .is-style-orange, .is-style-gold) .wp-block-ws-library-ws-column:not(:has(.wp-block-ws-library-ws-image, .wp-block-ws-library-ws-video)) {
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 1200px) {
.wp-block-ws-library-ws-columns.alignwide .wp-block-ws-library-ws-column:not(:has(.wp-block-ws-library-ws-image, .wp-block-ws-library-ws-video)) .wrapper, .wp-block-ws-library-ws-columns.alignfull .wp-block-ws-library-ws-column:not(:has(.wp-block-ws-library-ws-image, .wp-block-ws-library-ws-video)) .wrapper {
width: 100%;
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.wp-block-ws-library-ws-columns.alignwide.is-style-lightgray .wp-block-ws-library-ws-column:not(:has(.wp-block-ws-library-ws-image, .wp-block-ws-library-ws-video)), .wp-block-ws-library-ws-columns.alignwide.is-style-gray .wp-block-ws-library-ws-column:not(:has(.wp-block-ws-library-ws-image, .wp-block-ws-library-ws-video)), .wp-block-ws-library-ws-columns.alignwide.is-style-orange .wp-block-ws-library-ws-column:not(:has(.wp-block-ws-library-ws-image, .wp-block-ws-library-ws-video)), .wp-block-ws-library-ws-columns.alignwide.is-style-gold .wp-block-ws-library-ws-column:not(:has(.wp-block-ws-library-ws-image, .wp-block-ws-library-ws-video)), .wp-block-ws-library-ws-columns.alignfull.is-style-lightgray .wp-block-ws-library-ws-column:not(:has(.wp-block-ws-library-ws-image, .wp-block-ws-library-ws-video)), .wp-block-ws-library-ws-columns.alignfull.is-style-gray .wp-block-ws-library-ws-column:not(:has(.wp-block-ws-library-ws-image, .wp-block-ws-library-ws-video)), .wp-block-ws-library-ws-columns.alignfull.is-style-orange .wp-block-ws-library-ws-column:not(:has(.wp-block-ws-library-ws-image, .wp-block-ws-library-ws-video)), .wp-block-ws-library-ws-columns.alignfull.is-style-gold .wp-block-ws-library-ws-column:not(:has(.wp-block-ws-library-ws-image, .wp-block-ws-library-ws-video)) {
padding: 30px 60px;
}
.wp-block-ws-library-ws-columns.has-3-columns.layout-502525 .wp-block-ws-library-ws-column:nth-of-type(1) {
width: 50%;
}
.wp-block-ws-library-ws-columns.has-3-columns.layout-502525 .wp-block-ws-library-ws-column:nth-of-type(2) {
width: 25%;
}
.wp-block-ws-library-ws-columns.has-3-columns.layout-502525 .wp-block-ws-library-ws-column:nth-of-type(3) {
width: 25%;
}
.wp-block-ws-library-ws-columns.has-3-columns.layout-252550 .wp-block-ws-library-ws-column:nth-of-type(1) {
width: 25%;
}
.wp-block-ws-library-ws-columns.has-3-columns.layout-252550 .wp-block-ws-library-ws-column:nth-of-type(2) {
width: 25%;
}
.wp-block-ws-library-ws-columns.has-3-columns.layout-252550 .wp-block-ws-library-ws-column:nth-of-type(3) {
width: 50%;
}
} .list-items {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.list-items .item {
width: 100%;
}
@media (min-width: 768px) {
.list-items .item {
width: calc((100% - 15px) / 2);
}
}
@media (min-width: 992px) {
.list-items .item {
width: calc((100% - 30px) / 3);
}
}
main {
margin-top: 0 !important;
}
main .wp-block-group {
padding-top: 0 !important;
}
.header-principal .wp-block-ws-library-ws-column {
padding: 0 15px !important;
}
.header-principal .wp-block-ws-library-ws-column:nth-of-type(1) {
padding-right: 0 !important;
}
.header-principal .wp-block-ws-library-ws-column:nth-of-type(1), .header-principal .wp-block-ws-library-ws-column:nth-of-type(2) {
width: 50%;
}
.header-principal h2.wp-block-heading {
text-transform: uppercase;
}
.header-principal .wp-block-post-title,
.header-principal .wp-block-heading {
margin: 0;
}
@media (min-width: 992px) {
.header-principal h2.wp-block-heading {
font-size: 48px;
}
.header-principal .wp-block-post-title {
margin-bottom: 10px;
max-width: 340px;
font-size: 18px !important;
}
.header-principal .wp-block-ws-library-ws-column:nth-of-type(3) {
padding-left: 0 !important;
padding-right: 0 !important;
}
}
@media (min-width: 1470px) {
.header-principal .wp-block-ws-library-ws-column:nth-of-type(1) {
padding-right: 30px !important;
}
.header-principal h2.wp-block-heading {
font-size: 62px;
}
.header-principal .wp-block-post-title {
margin-bottom: 30px;
font-size: 22px !important;
padding-right: 100px;
}
}
@media (min-width: 1780px) {
.header-principal .wp-block-post-title {
font-size: 28px !important;
max-width: 420px;
}
}
@media (min-width: 992px) {
body:not(.home) main:has(.wp-block-post-featured-image) {
margin-top: -120px !important;
}
body:not(.home) .wp-block-post-featured-image {
padding: 120px;
padding-bottom: 0;
aspect-ratio: 1560/700;
transition: padding 0.5s;
}
body:not(.home) .wp-block-post-featured-image img {
height: 100%;
}
body:not(.home).menu-scroll .wp-block-post-featured-image {
padding: 0;
}
}
@media (min-width: 992px) {
.block-home-imagefull {
padding: 120px;
height: 840px;
margin-top: -60px;
transition: padding 0.6s;
}
.block-home-imagefull img {
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
}
.header-principal .wp-block-ws-library-ws-columns {
transform: translateY(0);
transition: transform 0.6s;
}
body.menu-scroll .header-principal .wp-block-ws-library-ws-columns {
transform: translateY(-90px);
}
body.menu-scroll .block-home-imagefull {
padding: 0;
}
}
.wpcf7-form {
max-width: 620px;
}
.wpcf7-form h2 {
margin-bottom: 20px;
}
.wpcf7-form label {
font-weight: var(--wp--custom--font-weight--bold);
margin-bottom: 6px;
font-size: 18px;
}
.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
border-radius: 0;
padding: 10px 13px;
border: solid 1px var(--wp--preset--color--dark);
font-size: 16px;
background: var(--wp--preset--color--white);
color: var(--wp--preset--color--dark);
width: 100%;
margin-top: 4px;
}
.wpcf7-form input[type=checkbox],
.wpcf7-form input[type=radio] {
width: auto;
}
.wpcf7-form .wpcf7-checkbox .wpcf7-list-item {
margin: 0;
}
.wpcf7-form .wpcf7-submit {
cursor: pointer;
border: 0 none;
text-transform: uppercase;
background: var(--wp--preset--color--3);
color: var(--wp--preset--color--dark);
padding: 14px 28px;
font-size: 16px;
margin-top: 15px;
font-weight: var(--wp--custom--font-weight--bold);
max-width: 220px;
margin-left: auto;
transition: background 0.25s, color 0.25s;
}
.wpcf7-form .wpcf7-submit:hover, .wpcf7-form .wpcf7-submit:focus {
background: var(--wp--preset--color--3-b);
color: var(--wp--preset--color--dark);
}
.wpcf7-not-valid-tip,
.wpcf7-valid-tip {
font-weight: var(--wp--custom--font-weight--bold);
}
.wpcf7-not-valid-tip {
color: var(--wp--custom--color--error);
}
.wpcf7-valid-tip {
color: var(--wp--custom--color--success);
}
.main-footer {
background-color: transparent;
}
.main-footer .wp-block-ws-library-ws-image .group-media {
box-shadow: none;
}
.secondary-footer {
background-color: transparent;
margin: 0;
padding: 20px 45px;
padding-bottom: 90px;
}
.secondary-footer .nav-link {
color: var(--wp--preset--color--dark);
font-weight: var(--wp--custom--font-weight--regular);
text-transform: uppercase;
transition: color 0.25s;
}
.secondary-footer .nav-link:hover, .secondary-footer .nav-link:focus {
color: var(--wp--preset--color--1-b);
}
.secondary-footer .link-websenso-copyright {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 992px) {
.secondary-footer .link-websenso-copyright {
margin-top: -2px;
}
}
@media (min-width: 992px) {
.secondary-footer {
padding-bottom: 15px;
}
.secondary-footer > .wp-block-group {
justify-content: flex-end;
}
.secondary-footer > .wp-block-group menu {
gap: 0 20px;
}
}
@media (min-width: 1470px) {
footer {
position: relative;
}
footer::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 70px;
pointer-events: none;
z-index: 1;
background: var(--wp--preset--color--1);
width: 121px;
}
}
footer .main-footer {
padding: 15px !important;
}
@media (min-width: 992px) {
footer .main-footer {
padding: 0 15px !important;
}
}
footer .alignfull {
margin-left: 0 !important;
margin-right: 0 !important;
}
footer .ws-navigation-menu {
text-align: center;
}
@media (min-width: 992px) {
footer .ws-navigation-menu {
flex-direction: row;
}
}
footer .group-logo img {
width: 140px;
}
footer .group-coords {
max-width: 240px;
margin-left: auto;
margin-right: auto;
font-size: 20px;
}
@media (min-width: 992px) {
footer .group-coords {
font-size: 18px;
}
}
footer .group-map {
max-width: 280px;
margin-left: auto;
margin-right: auto;
font-size: 20px;
text-align: center;
}
@media (min-width: 992px) {
footer .group-map {
font-size: 18px;
}
}
footer .group-contact {
background: var(--wp--custom--color--gray);
padding: 15px 45px;
margin: 0 -15px;
width: auto !important;
}
footer .group-contact .wp-block-heading {
font-size: 20px;
text-transform: none;
}
@media (min-width: 992px) {
footer .group-contact .wp-block-heading {
font-size: 24px;
}
}
footer .group-contact .wp-block-buttons {
justify-content: center;
gap: 30px;
}
footer .group-contact .wp-block-buttons .wp-element-button {
padding: 20px;
padding-left: 30px;
}
footer .group-contact .wp-block-buttons .wp-block-button .wp-element-button {
display: flex;
align-items: center;
justify-content: center;
padding: 30px 45px;
}
footer .group-contact .wp-block-buttons .wp-block-button .wp-element-button::before {
position: static;
margin-right: 15px;
transform: none;
}
@media (min-width: 992px) {
footer .group-logo,
footer .group-coords,
footer .group-map,
footer .group-contact {
flex: auto !important;
}
footer .group-coords .wp-block-ws-library-ws-image {
max-width: 130px;
margin: 15px 0 !important;
}
footer .group-contact {
flex-grow: 1;
padding: 30px;
display: flex;
flex-direction: column;
}
}
@media (min-width: 1200px) {
footer .group-logo,
footer .group-coords,
footer .group-map,
footer .group-contact {
flex: 1 1 0 !important;
}
footer .group-logo {
width: 180px !important;
flex: unset !important;
}
footer .group-contact {
padding: 30px;
padding-bottom: 0;
padding-top: 60px;
padding-right: 130px;
max-width: 860px;
position: relative;
}
footer .group-contact p {
font-size: 20px;
max-width: 440px;
margin-left: auto;
margin-right: auto;
}
footer .group-contact::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
pointer-events: none;
z-index: 1;
width: 100px;
background-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/img/divers/colorscheme.svg);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
footer .group-contact .wp-block-buttons {
margin: 0 -30px !important;
margin-top: 30px !important;
gap: 0;
flex-direction: column;
}
footer .group-contact .wp-block-buttons .wp-block-button {
width: 100%;
}
}
@media (min-width: 1470px) {
footer {
padding-left: 120px;
}
footer .group-logo {
width: 240px !important;
}
footer .group-logo img {
width: 200px;
}
footer .group-contact {
padding-top: 60px;
padding-right: 250px;
}
footer .group-contact::before {
width: 220px;
}
}
@media (min-width: 1780px) {
footer .group-contact .wp-block-buttons {
margin-top: auto !important;
flex-direction: row;
}
footer .group-contact .wp-block-buttons .wp-block-button {
width: 50%;
}
}
footer .wp-block-button.is-style-gold:hover .wp-block-button__link::after, footer .wp-block-button.is-style-gold:focus .wp-block-button__link::after {
width: calc(100% + 100px);
}
.burger {
width: 38px;
height: 22px;
display: block;
padding: 0;
font-size: 0;
text-decoration: none;
}
.burger::after {
display: none;
}
.burger::before {
content: "";
display: block;
position: absolute;
inset: 0;
font-size: 0;
background: linear-gradient(#000000 0 0) top, linear-gradient(#000000 0 0) center, linear-gradient(#000000 0 0) bottom;
background-repeat: no-repeat;
background-size: calc(100% - 10px) 2px;
transition: background-position 0.3s ease, background-size 0.3s ease;
}
.burger:hover::before, .burger:focus::before {
background-position: left 0 top, left 10px center, left 0 bottom;
}
.burger.close {
width: 45px;
height: 45px;
}
.burger.close::before {
background: var(--wp--preset--color--black);
-webkit-mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#divers--close);
mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#divers--close);
-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;
}
.top-header {
background: 0 none;
box-shadow: none;
}
.site-header .wp-block-group {
margin-top: 0;
margin-bottom: 0;
}
@media (min-width: 992px) {
.site-header {
background: 0 none;
box-shadow: none;
}
}
@media (min-width: 992px) {
.inner-tools {
background: 0 none;
}
}
.ws-navigation-menu .nav-link.link-phone::before {
-webkit-mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--phone);
mask-image: url(//be05.websenso.dev/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;
}
.ws-navigation-menu .nav-link.link-contact::before {
-webkit-mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--mail);
mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#social--mail);
-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;
}
.site-header .top-header {
height: auto;
padding: 0 15px;
}
.site-header .top-header .logo {
padding: 15px 0;
}
.site-header .top-header .logo img {
max-height: none;
width: 75px;
}
@media (min-width: 992px) {
.site-header .top-header .logo img {
width: 60px;
}
}
@media (max-width: 991px) {
.site-header .tools-area {
bottom: 0;
max-width: none;
padding: 0;
}
.site-header .tools-area .inner-tools {
width: 100%;
max-width: none;
box-shadow: none;
background: 0 none;
padding: 0 !important;
}
.site-header .tools-area .tools-menu {
width: 100%;
max-width: none;
}
.site-header .tools-area .tools-menu menu {
gap: 0;
}
.site-header .tools-area .tools-menu menu .menu-item .nav-link {
min-height: 60px;
}
.site-header .tools-area .tools-menu menu .menu-item .nav-link.link-phone {
font-size: 0;
width: 80px;
background: var(--wp--custom--color--gray);
}
.site-header .tools-area .tools-menu menu .menu-item .nav-link.link-contact {
font-size: 18px;
background: var(--wp--preset--color--3);
}
.site-header .tools-area .tools-menu menu .menu-item .nav-link.link-contact::before {
display: none;
}
.site-header .tools-area .tools-menu menu .menu-item .nav-link.link-additional {
width: 80px;
background: 0 none;
border-radius: 0;
background: var(--wp--preset--color--2);
}
.site-header .tools-area .tools-menu menu .menu-item .nav-link.link-additional::before {
width: 40px;
height: 40px;
-webkit-mask-image: url(//be05.websenso.dev/wp-content/themes/vivaldi-child/assets/sprite/view/sprite.svg#divers--burger);
mask-image: url(//be05.websenso.dev/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;
}
.site-header .tools-area .tools-menu menu .menu-item:nth-of-type(1) {
order: 1;
}
.site-header .tools-area .tools-menu menu .menu-item:nth-of-type(2) {
flex-grow: 1;
}
.site-header .tools-area .tools-menu menu .menu-item:nth-of-type(3) {
order: -1;
}
}
@media (min-width: 992px) {
.site-header .inner-header {
max-width: none;
}
.site-header .tools-area {
margin-left: auto;
padding: 0;
}
.site-header .tools-area .link-additional {
display: none;
}
.site-header .tools-area menu {
gap: 0;
}
.site-header .tools-area .nav-link {
flex-direction: row;
align-items: center;
font-size: 16px;
padding: 30px;
}
.site-header .tools-area .nav-link::before {
margin: 0;
margin-right: 10px;
}
.site-header .tools-area .nav-link.link-contact {
background: var(--wp--preset--color--3);
position: relative;
overflow: hidden;
z-index: 0;
}
.site-header .tools-area .nav-link.link-contact::after {
content: "";
display: block;
background: var(--wp--preset--color--3-b);
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 0;
height: 100%;
z-index: -1;
transform: skewX(-30deg);
transform-origin: top left;
transition: width 0.55s;
}
.site-header .tools-area .nav-link.link-contact:hover::after, .site-header .tools-area .nav-link.link-contact:focus::after {
width: calc(100% + 140px);
}
.site-header .tools-area .nav-link.link-phone {
background: linear-gradient(to right, var(--wp--preset--color--3), var(--wp--preset--color--3) 50%, var(--wp--preset--color--dark) 50%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 200% 100%;
background-position: 100%;
transition: background-position 0.4s ease;
}
.site-header .tools-area .nav-link.link-phone::before {
transition: background 0.35s;
}
.site-header .tools-area .nav-link.link-phone:hover, .site-header .tools-area .nav-link.link-phone:focus {
background-position: 0 100%;
}
.site-header .tools-area .nav-link.link-phone:hover::before, .site-header .tools-area .nav-link.link-phone:focus::before {
background: var(--wp--preset--color--3);
}
.site-header .group-menulogo {
position: fixed;
top: 0;
left: 0;
z-index: 1;
gap: 0;
align-items: flex-start;
background: var(--wp--preset--color--light);
}
.site-header .block-burger {
width: 120px;
height: 110px;
display: flex !important;
align-items: center;
justify-content: center;
}
.site-header .top-header {
border-left: solid 1px var(--wp--custom--color--gray);
}
}
.additional-area {
background: var(--wp--preset--color--2);
}
.additional-area .additional-toggle {
left: auto;
right: 27px;
transform: none;
bottom: 11px;
}
.additional-area .additional-menu {
width: 100%;
height: 100%;
padding: 75px 45px;
padding-bottom: 130px;
}
.additional-area .additional-menu .ws-navigation-menu {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.additional-area .additional-menu .nav-link {
font-size: 24px;
color: var(--wp--preset--color--dark);
text-transform: uppercase;
}
.additional-area .additional-menu .level-2 {
padding-left: 15px;
margin-top: 10px;
}
.additional-area .additional-menu .level-2 .nav-link {
font-size: 18px;
text-transform: none;
padding: 6px 0;
display: inline-block;
}
@media (min-width: 992px) {
.additional-area {
right: auto;
width: 360px;
padding: 0;
display: flex !important;
transform: translateX(-100%);
box-shadow: none;
transition: transform 0.45s, box-shadow 0.35s;
}
.additional-area.is-open {
transform: translateX(0);
box-shadow: var(--wp--custom--shadow);
}
.additional-area .additional-toggle {
bottom: auto;
top: 38px;
right: auto;
left: 38px;
margin: 0;
}
.additional-area .additional-menu {
padding-top: 120px;
}
.additional-area .additional-menu .ws-navigation-menu {
justify-content: flex-start;
gap: 30px;
}
.additional-area .additional-menu .level-1 > li > .nav-link {
padding: 5px 0;
position: relative;
}
.additional-area .additional-menu .level-1 > li > .nav-link::before {
content: "";
display: block;
height: 2px;
width: 0;
background: var(--wp--preset--color--3);
position: absolute;
bottom: 0;
left: 0;
transition: width 0.35s;
}
.additional-area .additional-menu .level-1 > li > .nav-link:hover::before, .additional-area .additional-menu .level-1 > li > .nav-link:focus::before {
width: 100%;
}
.additional-area .additional-menu .level-2 > li > .nav-link {
padding-right: 10px;
padding-left: 0;
transition: padding 0.35s, color 0.25s;
}
.additional-area .additional-menu .level-2 > li > .nav-link:hover, .additional-area .additional-menu .level-2 > li > .nav-link:focus {
padding-left: 10px;
padding-right: 0;
color: var(--wp--preset--color--white);
}
}
.site-header .inner-header {
height: 110px;
}
@media (min-width: 992px) {
.site-header .inner-header {
align-items: flex-start;
}
}
@media (min-width: 992px) {
.site-header .tools-area .nav-link {
height: 110px;
}
}
body.home .site-header .inner-header {
height: 160px;
transition: height 0.35s;
}
body.home .site-header .top-header .logo img {
width: 100px;
transition: width 0.35s;
}
@media (min-width: 992px) {
body.home .site-header .top-header .logo img {
width: 160px;
transition: width 0.6s;
}
}
body.home.menu-scroll .inner-header {
height: 110px;
}
body.home.menu-scroll .top-header .logo img {
width: 60px;
}
body.home .wp-block-post-title {
font-size: 15px;
font-weight: 400;
text-transform: none;
}
body.home main > .wp-block-group > .wp-block-post-title {
display: none;
}