: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-columns {
display: flex;
}
@media (min-width: 992px) {
.wp-block-ws-library-ws-columns {
flex-wrap: nowrap;
}
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column:nth-of-type(1) {
padding-right: 45px;
}
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column:nth-of-type(2) {
padding-left: 45px;
}
.wp-block-ws-library-ws-columns .wp-block-ws-library-ws-column:has(.wp-block-ws-library-ws-image) {
padding: 0;
}
}.wp-block-ws-library-ws-image .wrapper {
display: flex;
align-items: center;
flex-direction: column;
}
.wp-block-ws-library-ws-image .group-media {
position: relative;
border-radius: var(--border-radius);
overflow: hidden;
}
.wp-block-ws-library-ws-image .group-media a {
display: block;
}
.wp-block-ws-library-ws-image .group-media img {
display: block;
width: 100%;
height: auto;
transform: scale(1);
transition: transform 0.45s;
}
.wp-block-ws-library-ws-image .group-media:hover img,
.wp-block-ws-library-ws-image .group-media:focus img {
transform: scale(1.08);
}
.wp-block-ws-library-ws-image .caption {
margin-top: 10px;
}