:root {
--gris-fonce: rgba(255,255,255,0.15);
}
section {
padding: 1rem;
}
.acf-innerblocks-container {
max-width: 75rem;
margin: 0 auto 0 auto;
}
.grisfonce {
background-color: var(--gris-fonce);
}
.grisfonce h2 {
text-transform: inherit;
}
.dore {
background-color: var(--primary-200);
} .is-fullpage {
height: 100vh;
overflow: hidden;
scroll-snap-align: start;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width:768px) {
.is-fullpage {
height: auto;
overflow: inherit;
}
} .snap-container {
scroll-snap-type: y mandatory;
overflow-y: scroll;
height: 100vh;
} html {
scroll-behavior: smooth;
} .nopadding {
padding: 0;
}
.padding-xs {
padding: 1rem .5rem;
}
.padding-m {
padding: 5rem .5rem;
}
.padding-l {
padding: 7rem .5rem;
}
.padding-xl {
padding: 8rem .5rem;
}
.padding-xxl {
padding: 0;
} .wp-block-theme-bloc-thematique section {
margin: 0 auto;
max-width: 100%;
}
section.encadre .acf-innerblocks-container {
max-width: 75rem;
margin: auto;
overflow: hidden;
position: relative
}
section {
background-position: center;
background-size: cover;
}
.has-bg {
position: relative;
overflow: hidden;
}
.has-bg::before {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 24, 55, 0.87);
z-index: 1;
}
.has-bg > * {
position: relative;
z-index: 2; }
@media (max-width:768px) {
section {
padding: 1rem;
}
.padding-xs {
padding: 1rem;
}
.padding-m {
padding: 2rem 1rem;
}
.padding-l {
padding: 3.5rem 1rem;
}
.padding-xl {
padding: 4rem 1rem;
}
.padding-xxl {
padding: 4.5rem 1rem;
}
}