* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-sizing: border-box;
}
:root {
--header-height: 172px;
}
@media (max-width: 2080px) {
:root {
--wp--style--global--wide-size: calc(100% - 160px)!important;
}
.full-screen {
max-width: 100%!important;
}
}
@media (max-width: 1800px) {
:root {
--wp--style--global--content-size: calc(100% - 160px)!important;
} 
}
@media (max-width: 768px) {
:root {
--wp--style--global--wide-size: calc(100% - 32px)!important;
--wp--style--global--content-size: calc(100% - 32px)!important;
}
}
html {
scroll-behavior: smooth;
scroll-padding-top: 200px;
}
@media (max-width: 768px) {
html {
scroll-padding-top: 100px;
}
}
body {
margin: 0;
}
main {
overflow: hidden;
margin-top: 0;
}
footer {
margin-top: 0;
}
header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
height: var(--header-height);
overflow: visible!important;
}
header.no-banner nav li a {
color: var(--wp--preset--color--custom-bleu)!important;
}
header.scrolled-first {
transform: translateY(-100%);
}
header.scrolled {
position: fixed;
background-color: var(--wp--preset--color--custom-blanc);
transform: translateY(-100%);
transition: transform 0.3s ease;
}
header.scrolled li a,
header.scrolled.no-banner nav li a {
color: var(--wp--preset--color--custom-bleu)!important;
}
header.scrolled.scroll-up {
transform: translateY(0);
}
main > .entry-content > *:first-child:not(.wp-block-cover),
main > *:first-child:not(.wp-block-cover):not(.entry-content) {
margin-top: 12rem!important;
}
.admin-bar header {
top: 32px;
}
header .wp-block-navigation-item a {
position: relative;
}
header .wp-block-navigation-item a::after {
content: "";
position: absolute;
top: calc(100% + 10px);
left: 50%;
width: 70px;
height: 3px;
background-color: var(--wp--preset--color--custom-orange);
border-radius: 100px;
transform: translateX(-50%) scaleX(0);
transition: transform 0.3s ease;
}
header .wp-block-navigation-item.current-menu-item a::after,
header .wp-block-navigation-item a:hover::after {
transform: translateX(-50%) scaleX(1);
}
.logo img {
transition: transform 0.3s ease;
}
.logo img:hover {
transform: scale(1.1);
}
@media (max-width: 1024px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
top: 0;
}
.wp-block-navigation__responsive-container.is-menu-open {
height: 100dvh;
}
header .wp-block-navigation .wp-block-navigation-item__label,
header .wp-block-navigation__responsive-container-open, 
header .wp-block-navigation__responsive-container-close {
color: var(--wp--preset--color--custom-bleu)!important;
}
header .wp-block-navigation__responsive-container-open {
padding: var(--wp--preset--spacing--1);
background-color: var(--wp--preset--color--custom-blanc);
border-radius: 16px;
}
header {
height: 132px;
}
header.scrolled {
background-color: transparent!important;
}
.logo img {
width: 100px!important;
height: 100px!important;
object-fit: contain!important;
}
header .wp-block-navigation__container {
gap: var(--wp--preset--spacing--1)!important;
}
main > .entry-content > *:first-child:not(.wp-block-cover),
main > *:first-child:not(.wp-block-cover):not(.entry-content) {
margin-top: 8rem!important;
}
.admin-bar header {
top: 0;
}
}
@media (max-width: 768px) {
.footer-buttons {
width: 100%!important;
flex-basis: 100%!important;
}
}
@media (max-width: 1500px) {
:root {
--wp--preset--font-size--10: clamp(2rem, 2.75vw, 3rem)!important;
--wp--preset--font-size--9: clamp(2rem, 2.25vw, 3rem)!important;
--wp--preset--font-size--8: clamp(2rem, 1.75vw, 3rem)!important;
--wp--preset--font-size--7: clamp(2rem, 1.75vw, 3rem)!important;
--wp--preset--font-size--6: clamp(1rem, 1.5vw, 3rem)!important;
--wp--preset--font-size--5: clamp(1rem, 1.5vw, 3rem)!important;
--wp--preset--font-size--4: clamp(1rem, 1.5vw, 3rem)!important;
--wp--preset--font-size--3: clamp(1rem, 1.25vw, 3rem)!important;
}
}
@media (max-width: 768px) {
:root {
--wp--preset--font-size--10: clamp(2rem, 6.25vw, 3.5rem)!important;
--wp--preset--font-size--9: clamp(2rem, 6.25vw, 3.5rem)!important;
--wp--preset--font-size--8: clamp(2rem, 5.5vw, 2.5rem)!important;
--wp--preset--font-size--7: clamp(2rem, 5.5vw, 2.5rem)!important;
--wp--preset--font-size--6: clamp(1rem, 4.75vw, 2.5rem)!important;
--wp--preset--font-size--5: clamp(1rem, 4.75vw, 2.5rem)!important;
--wp--preset--font-size--4: clamp(1rem, 3.5vw, 2.5rem)!important;
--wp--preset--font-size--3: clamp(1rem, 3.5vw, 2.5rem)!important;
}
}
figcaption {
font-size: var(--wp--preset--font-size--4)!important;
font-weight: 400;
text-align: center;
}
details {
border-radius: 25px;
}
details summary {
display: flex;
justify-content: space-between;
align-items: center;
padding: var(--wp--preset--spacing--1) var(--wp--preset--spacing--3);
text-align: left;
}
details summary::marker {
content: none;
}
details summary::-webkit-details-marker {
display: none!important;
}
details summary::after {
content: "";
display: inline-block;
width: 47px;
min-width: 47px;
max-width: 47px;
height: auto;
aspect-ratio: 1/1;
margin-left: auto;
background-image: url(https://www.maysantelab.fr/wp-content/themes/msl/assets/chart/details-marker.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transform: rotate(90deg);
transition: transform 0.3s ease;
}
details[open] summary::after {
transform: rotate(180deg);
}
@media (max-width: 768px) {
details summary::after {
width: 32px;
min-width: 32px;
max-width: 32px;
}
}
.no-text-decoration a {text-decoration: none!important;}
.margin-top-auto {margin-top: auto!important;}
@media (max-width: 1500px) {
.med-width-150px, .med-width-150px img {width: 150px!important;}
.med-width-120px, .med-width-120px img {width: 120px!important;}
.med-flex-basis-250px {flex-basis: 260px!important;}
.med-flex-basis-200px {flex-basis: 180px!important;}
.med-fs-4 {font-size: var(--wp--preset--font-size--4)!important;}
.med-fs-3 {font-size: var(--wp--preset--font-size--3)!important;}
.med-fs-2 {font-size: var(--wp--preset--font-size--2)!important;}
}
@media (max-width: 768px) {
.mob-width-100px, .mob-width-100px img {width: 100px!important;}
.mob-vague img {width: 64px!important;}
.mob-vague-mb {margin-bottom: -108px!important;}
.mob-flex-flow {flex-flow: wrap!important; gap: 16px!important; justify-content: center;}
.mob-flex-flow figure {flex-basis: 24%;}
.mob-border-radius-b-0, .mob-border-radius-b-0 img {border-bottom-left-radius: 0!important; border-bottom-right-radius: 0!important;}
.mob-fs-1 {font-size: var(--wp--preset--font-size--1)!important;}
.mob-fs-2 {font-size: var(--wp--preset--font-size--2)!important;}
.mob-fs-3 {font-size: var(--wp--preset--font-size--3)!important;}
.mob-fs-4 {font-size: var(--wp--preset--font-size--4)!important;}
.mob-fs-5 {font-size: var(--wp--preset--font-size--5)!important;}
.mob-fs-6 {font-size: var(--wp--preset--font-size--6)!important;}
.mob-fs-7 {font-size: var(--wp--preset--font-size--7)!important;}
.mob-fs-8 {font-size: var(--wp--preset--font-size--8)!important;}
.mob-fs-9 {font-size: var(--wp--preset--font-size--9)!important;}
.mob-p-0 {padding: 0!important;}
.mob-p-1 {padding: var(--wp--preset--spacing--1)!important;}
.mob-p-2 {padding: var(--wp--preset--spacing--2)!important;}
.mob-p-3 {padding: var(--wp--preset--spacing--3)!important;}
.mob-p-4 {padding: var(--wp--preset--spacing--4)!important;}
.mob-p-5 {padding: var(--wp--preset--spacing--5)!important;}
.mob-p-6 {padding: var(--wp--preset--spacing--6)!important;}
.mob-p-7 {padding: var(--wp--preset--spacing--7)!important;}
.mob-p-8 {padding: 11rem!important;}
.mob-pt-0 {padding-top: 0!important;}
.mob-pt-1 {padding-top: var(--wp--preset--spacing--1)!important;}
.mob-pt-2 {padding-top: var(--wp--preset--spacing--2)!important;}
.mob-pt-3 {padding-top: var(--wp--preset--spacing--3)!important;}
.mob-pt-4 {padding-top: var(--wp--preset--spacing--4)!important;}
.mob-pt-5 {padding-top: var(--wp--preset--spacing--5)!important;}
.mob-pt-6 {padding-top: var(--wp--preset--spacing--6)!important;}
.mob-pt-7 {padding-top: var(--wp--preset--spacing--7)!important;}
.mob-pt-8 {padding-top: 11rem!important;}
.mob-pb-0 {padding-bottom: 0!important;}
.mob-pb-1 {padding-bottom: var(--wp--preset--spacing--1)!important;}
.mob-pb-2 {padding-bottom: var(--wp--preset--spacing--2)!important;}
.mob-pb-3 {padding-bottom: var(--wp--preset--spacing--3)!important;}
.mob-pb-4 {padding-bottom: var(--wp--preset--spacing--4)!important;}
.mob-pb-5 {padding-bottom: var(--wp--preset--spacing--5)!important;}
.mob-pb-6 {padding-bottom: var(--wp--preset--spacing--6)!important;}
.mob-pb-7 {padding-bottom: var(--wp--preset--spacing--7)!important;}
.mob-pb-8 {padding-bottom: 11rem!important;}
.mob-pl-0 {padding-left: 0!important;}
.mob-pl-1 {padding-left: var(--wp--preset--spacing--1)!important;}
.mob-pl-2 {padding-left: var(--wp--preset--spacing--2)!important;}
.mob-pl-3 {padding-left: var(--wp--preset--spacing--3)!important;}
.mob-pl-4 {padding-left: var(--wp--preset--spacing--4)!important;}
.mob-pl-5 {padding-left: var(--wp--preset--spacing--5)!important;}
.mob-pl-6 {padding-left: var(--wp--preset--spacing--6)!important;}
.mob-pl-7 {padding-left: var(--wp--preset--spacing--7)!important;}
.mob-pl-8 {padding-left: 11rem!important;}
.mob-pr-0 {padding-right: 0!important;}
.mob-pr-1 {padding-right: var(--wp--preset--spacing--1)!important;}
.mob-pr-2 {padding-right: var(--wp--preset--spacing--2)!important;}
.mob-pr-3 {padding-right: var(--wp--preset--spacing--3)!important;}
.mob-pr-4 {padding-right: var(--wp--preset--spacing--4)!important;}
.mob-pr-5 {padding-right: var(--wp--preset--spacing--5)!important;}
.mob-pr-6 {padding-right: var(--wp--preset--spacing--6)!important;}
.mob-pr-7 {padding-right: var(--wp--preset--spacing--7)!important;}
.mob-pr-8 {padding-right: 11rem!important;}
.mob-m-0 {margin: 0!important;}
.mob-m-1 {margin: var(--wp--preset--spacing--1)!important;}
.mob-m-2 {margin: var(--wp--preset--spacing--2)!important;}
.mob-m-3 {margin: var(--wp--preset--spacing--3)!important;}
.mob-m-4 {margin: var(--wp--preset--spacing--4)!important;}
.mob-m-5 {margin: var(--wp--preset--spacing--5)!important;}
.mob-m-6 {margin: var(--wp--preset--spacing--6)!important;}
.mob-m-7 {margin: var(--wp--preset--spacing--7)!important;}
.mob-m-8 {margin: 11rem!important;}
.mob-mt-0 {margin-top: 0!important;}
.mob-mt-1 {margin-top: var(--wp--preset--spacing--1)!important;}
.mob-mt-2 {margin-top: var(--wp--preset--spacing--2)!important;}
.mob-mt-3 {margin-top: var(--wp--preset--spacing--3)!important;}
.mob-mt-4 {margin-top: var(--wp--preset--spacing--4)!important;}
.mob-mt-5 {margin-top: var(--wp--preset--spacing--5)!important;}
.mob-mt-6 {margin-top: var(--wp--preset--spacing--6)!important;}
.mob-mt-7 {margin-top: var(--wp--preset--spacing--7)!important;}
.mob-mt-8 {margin-top: 11rem!important;}
.mob-mb-0 {margin-bottom: 0!important;}
.mob-mb-1 {margin-bottom: var(--wp--preset--spacing--1)!important;}
.mob-mb-2 {margin-bottom: var(--wp--preset--spacing--2)!important;}
.mob-mb-3 {margin-bottom: var(--wp--preset--spacing--3)!important;}
.mob-mb-4 {margin-bottom: var(--wp--preset--spacing--4)!important;}
.mob-mb-5 {margin-bottom: var(--wp--preset--spacing--5)!important;}
.mob-mb-6 {margin-bottom: var(--wp--preset--spacing--6)!important;}
.mob-mb-7 {margin-bottom: var(--wp--preset--spacing--7)!important;}
.mob-mb-8 {margin-bottom: 11rem!important;}
.mob-ml-0 {margin-left: 0!important;}
.mob-ml-1 {margin-left: var(--wp--preset--spacing--1)!important;}
.mob-ml-2 {margin-left: var(--wp--preset--spacing--2)!important;}
.mob-ml-3 {margin-left: var(--wp--preset--spacing--3)!important;}
.mob-ml-4 {margin-left: var(--wp--preset--spacing--4)!important;}
.mob-ml-5 {margin-left: var(--wp--preset--spacing--5)!important;}
.mob-ml-6 {margin-left: var(--wp--preset--spacing--6)!important;}
.mob-ml-7 {margin-left: var(--wp--preset--spacing--7)!important;}
.mob-ml-8 {margin-left: 11rem!important;}
.mob-mr-0 {margin-right: 0!important;}
.mob-mr-1 {margin-right: var(--wp--preset--spacing--1)!important;}
.mob-mr-2 {margin-right: var(--wp--preset--spacing--2)!important;}
.mob-mr-3 {margin-right: var(--wp--preset--spacing--3)!important;}
.mob-mr-4 {margin-right: var(--wp--preset--spacing--4)!important;}
.mob-mr-5 {margin-right: var(--wp--preset--spacing--5)!important;}
.mob-mr-6 {margin-right: var(--wp--preset--spacing--6)!important;}
.mob-mr-7 {margin-right: var(--wp--preset--spacing--7)!important;}
.mob-mr-8 {margin-right: 11rem!important;}
.mob-gap-0 {gap: 0!important;}
.mob-gap-1 {gap: var(--wp--preset--spacing--1)!important;}
.mob-gap-2 {gap: var(--wp--preset--spacing--2)!important;}
.mob-gap-3 {gap: var(--wp--preset--spacing--3)!important;}
.mob-gap-4 {gap: var(--wp--preset--spacing--4)!important;}
.mob-gap-5 {gap: var(--wp--preset--spacing--5)!important;}
.mob-gap-6 {gap: var(--wp--preset--spacing--6)!important;}
.mob-gap-7 {gap: var(--wp--preset--spacing--7)!important;}
.mob-gap-8 {gap: 11rem!important;}
.mob-fs-1, .mob-fs-1 a.wp-block-button__link {font-size: var(--wp--preset--font-size--1)!important;}
.mob-fs-2, .mob-fs-2 a.wp-block-button__link {font-size: var(--wp--preset--font-size--2)!important;}
.mob-fs-3, .mob-fs-3 a.wp-block-button__link {font-size: var(--wp--preset--font-size--3)!important;}
.mob-fs-4, .mob-fs-4 a.wp-block-button__link {font-size: var(--wp--preset--font-size--4)!important;}
.mob-fs-5, .mob-fs-5 a.wp-block-button__link {font-size: var(--wp--preset--font-size--5)!important;}
.mob-fs-6, .mob-fs-6 a.wp-block-button__link {font-size: var(--wp--preset--font-size--6)!important;}
.mob-fs-7, .mob-fs-7 a.wp-block-button__link {font-size: var(--wp--preset--font-size--7)!important;}
.mob-fs-8, .mob-fs-8 a.wp-block-button__link {font-size: var(--wp--preset--font-size--8)!important;}
.mob-fs-9, .mob-fs-9 a.wp-block-button__link {font-size: var(--wp--preset--font-size--9)!important;}
}
.wp-block-categories-list {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
gap: 16px;
margin: 0;
padding: 0;
list-style: none;
}
.wp-block-categories-list li {
display: flex;
justify-content: flex-start;
align-items: flex-start;
padding: 12px 24px 12px 24px;
font-family: var(--wp--preset--font-family--rooneysans);
font-size: var(--wp--preset--font-size--4);
font-weight: 700;
text-transform: uppercase;
color: var(--wp--preset--color--custom-blanc);
background-color: var(--wp--preset--color--custom-bleu);
border-radius: 100px;
text-decoration: none;
}
.wp-block-categories-list li.current-cat {
background-color: var(--wp--preset--color--custom-orange);
}
.wp-block-categories-list li a {
text-decoration: none;
color: var(--wp--preset--color--custom-blanc);
margin-right: 4px;
}
.wp-block-query-pagination {
display: flex;
justify-content: center;
align-items: center;
gap: var(--wp--preset--spacing--1);
margin-top: 0;
margin-bottom: var(--wp--preset--spacing--6)!important;
}
.wp-block-query-pagination-numbers {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: var(--wp--preset--spacing--1);
}
.wp-block-query-pagination .page-numbers {
display: flex;
justify-content: center;
align-items: center;
width: var(--wp--preset--spacing--4);
height: var(--wp--preset--spacing--4);
background-color: var(--wp--preset--color--custom-bleu);
font-size: var(--wp--preset--font-size--5);
color: var(--wp--preset--color--custom-blanc);
text-decoration: none;
border-radius: 100px;
}
.wp-block-query-pagination .page-numbers.current {
background-color: var(--wp--preset--color--custom-orange);
}
.wp-block-query-pagination-next,
.wp-block-query-pagination-previous {
position: relative;
width: var(--wp--preset--spacing--4);
height: var(--wp--preset--spacing--4);
background-color: var(--wp--preset--color--custom-bleu);
color: transparent;
border-radius: 100px;
}
.wp-block-query-pagination-next::after,
.wp-block-query-pagination-previous::after {
content: ">";
position: absolute;
top: 50%;
left: 50%;
color: #fff;
transform: translate(-50%, -50%);
}
.wp-block-query-pagination-previous::after {
content: "<";
}
a.wp-block-button__link[target="_blank"]::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background-image: url(https://www.maysantelab.fr/wp-content/themes/msl/assets/chart/blank-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 10px;
}
.wp-block-button__link.has-custom-blanc-background-color[target="_blank"]::before {
background-image: url(https://www.maysantelab.fr/wp-content/themes/msl/assets/chart/blank.svg);
}
.query-ressources ul li:nth-child(6n+2) div:first-child {
background-color: var(--wp--preset--color--custom-beige)!important;
}
.query-ressources ul li:nth-child(6n+2) div:first-child a.wp-block-read-more {
background-color: var(--wp--preset--color--custom-orange)!important;
}
.query-ressources ul li:nth-child(6n+3) div:first-child {
background-color: var(--wp--preset--color--custom-violet)!important;
}
.query-ressources ul li:nth-child(6n+3) div:first-child a.wp-block-read-more {
background-color: var(--wp--preset--color--custom-bleu)!important;
}
.query-ressources ul li:nth-child(6n+4) div:first-child {
background-color: var(--wp--preset--color--custom-violet)!important;
}
.query-ressources ul li:nth-child(6n+4) div:first-child a.wp-block-read-more {
background-color: var(--wp--preset--color--custom-bleu)!important;
}
.query-ressources ul li:nth-child(6n) div:first-child {
background-color: var(--wp--preset--color--custom-beige)!important;
}
.query-ressources ul li:nth-child(6n) div:first-child a.wp-block-read-more {
background-color: var(--wp--preset--color--custom-orange)!important;
}
.wpcf7, .wpcf7 form {
width: 100%;
}
.flex {
display: flex;
justify-content: center;
align-items: center;
}
.flex__col {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.form {
display: flex;
width: 100%;
gap: 20px;
}
.form__line {
width: 100%;
justify-content: flex-start;
align-items: flex-start;
gap: 40px;
}
.form__input {
width: 100%;
align-items: flex-start;
}
.form__input.w50 {
width: 50%;
}
.form__input.w100 {
width: 100%;
}
.form__input label {
font-size: var(--wp--preset--font-size--4);
font-weight: 500;
color: var(--wp--preset--color--custom-bleu);
margin-bottom: 5px;
}
.form__input span {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
width: 100%;
}
.form__input span input,
.form__input span textarea {
width: calc(100% - 20px);
font-family: var(--wp--preset--font-family--ofelia-display);
font-size: var(--wp--preset--font-size--4);
font-weight: 700;
color: var(--wp--preset--color--custom-orange);
border: unset;
border-bottom: 3px solid var(--wp--preset--color--custom-bleu);
margin: 0;
padding: 5px 10px;
}
.form__input span textarea {
height: 80px;
resize: vertical;
}
.form__input span input:focus,
.form__input span textarea:focus {
outline: 2px solid var(--wp--preset--color--custom-violet);
}
.form__input span input::placeholder,
.form__input span textarea::placeholder {
font-style: italic;
font-weight: 400;
color: var(--wp--preset--color--custom-violet);
}
.form__send {
gap: 10px;
}
.form__line input[type="submit"] {
display: inline-block;
margin-top: 32px;
padding: 12px 24px 12px 24px;
background-color: var(--wp--preset--color--custom-orange);
color: var(--wp--preset--color--custom-blanc);
font-family: var(--wp--preset--font-family--rooneysans);
font-size: var(--wp--preset--font-size--4);
font-weight: 700;
text-transform: uppercase;
border: unset;
border-radius: 100px;
cursor: pointer;
}
span.wpcf7-not-valid-tip {
font-size: var(--wp--preset--font-size--5);
font-weight: 400;
width: calc(100% - 40px);
padding: 5px 20px;
background-color: rgb(235, 50, 50);
color: var(--wp--preset--color--custom-blanc);
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.wpcf7 form .wpcf7-response-output {
font-size: var(--wp--preset--font-size--5);
font-weight: 400;
width: calc(100% - 40px);
margin: 0;
padding: 5px 20px;
color: var(--wp--preset--color--custom-blanc);
border-radius: 20px;
}
.wpcf7 form.sent .wpcf7-response-output {
background-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
background-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
background-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
background-color: #ffb900; }
@media (max-width: 800px) {
.contact__col:last-child {
width: 100%;
margin-top: 20px;
}
.form {
flex-direction: column;
}
.form__line {
flex-direction: column;
}
.form__input.w50 {
width: 100%;
}
}
.popup {
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100vw;
max-width: 100%;
height: 100vh;
}
.popup__bg {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.1)
}
.popup__container {
width: calc(100% - 160px);
max-width: 800px;
max-height: calc(100% - 160px);
padding: 3px;
background: linear-gradient(90deg, var(--wp--preset--color--custom-rose), var(--wp--preset--color--custom-violet));
border-radius: 33px;
align-items: flex-start;
overflow: auto;
transform: translateY(30px);
}
.popup__inner {
position: relative;
width: calc(100% - 80px);
padding: 30px 40px;
border-radius: 30px;
background-color: var(--wp--preset--color--custom-blanc);
}
.popup__content {
width: 100%;
}
.popup__last {
flex-direction: column;
gap: 20px;
}
.popup__link__text {
font-size: 20px;
font-weight: 800;
color: var(--wp--preset--color--custom-bleu);
}
.popup__close {
position: absolute;
top: 15px;
right: 15px;
width: 50px;
height: 50px;
cursor: pointer;
}
.popup__close::before, .popup__close::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 100%;
height: 4px;
background-color: var(--wp--preset--color--custom-violet);
}
.popup__close::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.popup__close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.button.pink, a.button.pink {
color: var(--wp--preset--color--custom-blanc);
font-family: var(--wp--preset--font-family--rooneysans);
font-size: var(--wp--preset--font-size--4);
font-style: normal;
font-weight: 700;
padding-top: 12px;
padding-right: var(--wp--preset--spacing--3);
padding-bottom: 12px;
padding-left: var(--wp--preset--spacing--3);
text-transform: uppercase;
background-color: var(--wp--preset--color--custom-rose);
border-radius: 100px;
text-decoration: none;
}
.button.pink:hover, a.pink.orange:hover {
background-color: #f5afcc;
}
@media (max-width: 768px) {
.popup__container {
width: calc(100% - 40px);
max-height: calc(100% - 160px);
}
.popup__link__text {
font-size: 16px;
}
}
.wp-block-button__link,
.wp-block-read-more {
transition: background-color 0.3s ease, color 0.3s ease;
}
.wp-block-button__link:hover,
.wp-block-read-more.has-custom-orange-background-color:hover {
background-color: var(--wp--preset--color--custom-bleu)!important;
color: var(--wp--preset--color--custom-blanc)!important;
}
.wp-block-button__link.has-custom-bleu-background-color:hover,
.wp-block-button__link.has-custom-blanc-background-color:hover,
.wp-block-read-more.has-custom-bleu-background-color:hover,
.wp-block-read-more.has-custom-blanc-background-color:hover {
background-color: var(--wp--preset--color--custom-orange)!important;
color: var(--wp--preset--color--custom-blanc)!important;
}
.fond-cercles {
position: relative;
z-index: 2;
overflow: hidden;
}
.fond-cercles::before,
.fond-cercles::after {
content: "";
position: absolute;
z-index: -1;
top: 15%;
left: 0;
width: clamp(100px, 30%, 300px);
height: auto;
aspect-ratio: 1/1;
background-size: contain;
background-position: left;
background-repeat: no-repeat;
}
.fond-cercles::before {
background-image: url(https://www.maysantelab.fr/wp-content/themes/msl/assets/chart/cercle-gauche.svg);
}
.fond-cercles::after {
top: unset;
bottom: 15%;
left: unset;
right: 0;
background-image: url(https://www.maysantelab.fr/wp-content/themes/msl/assets/chart/cercle-droite.svg);
background-position: right;
}
@media (max-width: 768px) {
.fond-cercles::before {
top: 20%;
}
}
.grecaptcha-badge {
display: none!important;
}