:root {
--ws-banner-aspect-ratio: 2 / 1;
}
@media (min-width: 992px) {
:root {
--ws-banner-aspect-ratio: 4 / 1;
}
}
.wp-block-ws-library-ws-banner .group-media {
position: relative;
border-radius: var(--border-radius) var(--border-radius) 0 0;
overflow: hidden;
aspect-ratio: var(--ws-banner-aspect-ratio);
}
.wp-block-ws-library-ws-banner.alignfull .group-media {
border-radius: 0;
}
.wp-block-ws-library-ws-banner .group-media .group-infos,
.wp-block-ws-library-ws-banner .group-media .credits {
position: absolute;
bottom: 0;
right: 0;
background: var(--color-dark);
color: var(--color-light);
padding: 6px 12px;
font-size: var(--wp--custom--font-size--s);
text-align: right;
max-width: 320px;
border-radius: var(--wp--custom--border-radius) 0 0 0;
pointer-events: none;
}
.wp-block-ws-library-ws-image .group-media .credits:empty {
display: none;
}
.wp-block-ws-library-ws-banner .group-media .credits .field--name-field-copyright {
font-size: var(--wp--custom--font-size--xs);
}
.wp-block-ws-library-ws-banner .group-media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.wp-block-ws-library-ws-banner .group-content {
padding: var(--ws-space);
background: var(--color-2);
border-radius: 0 0 var(--border-radius) var(--border-radius);
}
.wp-block-ws-library-ws-banner.alignfull .group-content {
border-radius: 0;
}
@media (min-width: 992px) {
.wp-block-ws-library-ws-banner .group-media {
border-radius: var(--border-radius);
}
.wp-block-ws-library-ws-banner.alignfull .group-media {
border-radius: 0;
}
.wp-block-ws-library-ws-banner .group-content {
max-width: calc(960px - 30px);
margin-left: auto;
margin-right: auto;
margin-top: -60px;
position: relative;
z-index: 1;
border-radius: var(--border-radius);
}
}.wp-block-heading {
margin: 15px 0;
color: var(--color-1);
line-height: 1.3;
}
.wp-block-heading:first-child {
margin-top: 0;
}
.wp-block-heading strong,
.wp-block-heading .highlight {
color: var(--color-3);
font-size: 1.5em;
text-transform: uppercase;
}
@media (min-width: 992px) {
.wp-block-heading {
margin: 30px 0;
}
}:root {
--ws-list-content-columns: 2;
}
@media (min-width: 992px) {
:root {
--ws-list-content-columns: 4;
}
}
.wp-block-ws-library-ws-list-content .list-items {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-left: -15px;
margin-right: -15px;
}
.wp-block-ws-library-ws-list-content .item {
width: calc(100% / var(--ws-list-pictos-columns));
padding: 0 15px;
margin: 15px 0;
}.wp-block-list {
padding: 0;
list-style-type: none;
}
.wp-block-list li {
padding-left: 25px;
position: relative;
margin-bottom: 15px;
}
.wp-block-list li::before {
content: '';
display: block;
height: 14px;
width: 14px;
border-radius: 5px;
position: absolute;
left: 0;
top: 5px;
background-color: currentColor;
}
.wp-block-list li li::before {
opacity: 0.7;
}
.wp-block-list li li li::before {
opacity: 0.4;
}
.wp-block-list .wp-block-list {
margin-top: 15px;
}
ol.wp-block-list {
counter-reset: compteur;
}
ol.wp-block-list li {
counter-increment: compteur;
}
ol.wp-block-list li::before {
content: counter(compteur)'.';
top: 0;
height: auto;
background: 0 none;
color: currentColor;
font-weight: 700;
}