: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;
}
}.wp-block-ws-library-ws-accordion .wp-block-ws-library-ws-accordion-item {
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.wp-block-ws-library-ws-accordion details summary {
list-style-type: none;
}
.wp-block-ws-library-ws-accordion details summary::-webkit-details-marker {
display: none;
}
.wp-block-ws-library-ws-accordion details {
border-bottom: solid 1px var(--color-light);
}
.wp-block-ws-library-ws-accordion .accordion-title {
display: flex;
align-items: center;
font-weight: 700;
padding: 20px 0;
padding-right: 35px;
cursor: pointer;
position: relative;
}
.wp-block-ws-library-ws-accordion .accordion-title p {
padding: 0;
}
.wp-block-ws-library-ws-accordion .accordion-title::after {
content: '';
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 22px;
right: 0;
background: currentColor;
mask-image: url(//www.mrsi.fr/wp-content/plugins/ws-blocks-library/assets/icons/chevron.svg);
mask-size: contain;
mask-position: center center;
mask-repeat: no-repeat;
}
.wp-block-ws-library-ws-accordion p {
padding-bottom: 20px;
padding-right: 50px;
line-height: 1.5;
}
.wp-block-ws-library-ws-accordion details[open] .accordion-title::after {
transform: rotateZ(90deg);
}.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;
}