.wp-block-cards {
margin-top: 4em;
margin-bottom: 4em;
}
.wp-block-cards h2 {
margin-top: 0;
margin-bottom: 0.375em;
}
.wp-block-cards .swiffy-slider {
--swiffy-slider-item-gap: 1.5em;
--swiffy-slider-snap-align: start;
--swiffy-slider-item-count: 1.5;
}
.wp-block-cards .slider-container {
margin-right: -1em;
margin-left: -1em;
scroll-padding: 1em;
padding-right: 1em;
padding-left: 1em;
}
.wp-block-cards .wp-block-cards__card {
aspect-ratio: var(--kmt-card-ratio);
border-radius: 4px;
overflow: hidden;
position: relative;
}
.wp-block-cards .wp-block-cards__card-inner {
height: 100%;
}
.wp-block-cards .wp-block-cards__card img {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.wp-block-cards .wp-block-cards__card-content {
padding-top: 1.125em;
padding-bottom: 1.125em;
position: absolute;
right: 0;
bottom: 0;
left: 0;
text-align: center;
}
.wp-block-cards.background-yellow .wp-block-cards__card-content {
background-color: #FFD100CC; }
.wp-block-cards.background-blue .wp-block-cards__card-content {
background-color: #001F59CC; color: #FAF7F2;
}
.wp-block-cards.background-yellow .wp-block-cards__card a {
color: inherit;
}
.wp-block-cards.background-blue .wp-block-cards__card a {
color: #FAF7F2;
}
.wp-block-cards .wp-block-cards__card-content h3 {
font-size: 1.5em;
margin: 0;
}
.wp-block-cards.background-yellow .wp-block-cards__card-content h3 {
font-family: 'Calibri';
}
.wp-block-cards.background-blue .wp-block-cards__card-content h3 {
color: #FAF7F2;
font-size: 3em;
}
.wp-block-cards .wp-block-cards__card-content p {
margin: 0;
}
.wp-block-cards .wp-block-button {
margin-top: 2.5em;
}
@media (min-width: 577px) {
.wp-block-cards .swiffy-slider {
--swiffy-slider-item-gap: 1.5em;
--swiffy-slider-snap-align: start;
--swiffy-slider-item-count: 2.5;
}
}
@media (min-width: 993px) {
.wp-block-cards .swiffy-slider {
--swiffy-slider-item-count: max(3, min(6, var(--kmt-card-count)));
}
.wp-block-cards .wp-block-cards__card img {
transition: transform 0.3s;
}
.wp-block-cards .wp-block-cards__card-content {
transform: translateY(calc( 100% - 1.5em - 2.25em )); transition: transform 0.3s;
}
.wp-block-cards.background-blue .wp-block-cards__card-content {
transform: translateY(calc( 100% - 3em - 2.25em )); }
.wp-block-cards .wp-block-cards__card-content p {
opacity: 0;
transition: opacity 0.3s;
}
.wp-block-cards .wp-block-cards__card:hover img {
transform: scale(1.05);
}
.wp-block-cards .wp-block-cards__card:hover .wp-block-cards__card-content {
transform: translateY(0);
}
.wp-block-cards .wp-block-cards__card:hover .wp-block-cards__card-content p {
opacity: 1;
} .wp-block-cards.slider-no .slider-container {
display: flex;
flex-wrap: wrap;
gap: 1.5em;
}
.wp-block-cards.slider-no .wp-block-cards__card {
width: calc(25% - (4.5em / 4)); }
.wp-block-cards.slider-no .wp-block-cards__card-content {
transform: none;
}
} .wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-cards h2,
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-cards .wp-block-cards__card-inner {
opacity: 0;
}