.wp-block-hero-product {
margin-bottom: 4em;
overflow: hidden;
}
.wp-block-hero-product .container {
display: flex;
gap: 3em;
}
.wp-block-hero-product .container > div:first-child,
.wp-block-hero-product .container > div:last-child {
flex: 1;
}
.wp-block-hero-product .container > div:first-child {
padding-top: 2em;
position: relative;
z-index: 1;
}
.wp-block-hero-product .trail-items {
color: var(--text-color);
display: flex;
flex-wrap: wrap;
list-style-type: none;
margin: 0;
padding: 0;
}
.wp-block-hero-product .container > div:last-child .trail-items {
display: none;
}
.wp-block-hero-product .trail-items .trail-item::after {
content: "\e90a";
font-family: 'kuchenmeister' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--text-color);
font-size: 0.75em;
margin: 0 0.25em;
}
.wp-block-hero-product .trail-items .trail-item.trail-end::after {
display: none;
}
.wp-block-hero-product .trail-item a {
color:var(--text-color);
font-weight: bold;
text-decoration: none;
}
.wp-block-hero-product .swiffy-slider img {
object-fit: contain;
}
.wp-block-hero-product .slider-indicators {
margin-top: 0.5em;
margin-bottom: 0;
display: flex !important;
gap: 0.5em;
position: static;
}
.wp-block-hero-product .slider-indicators > * {
background-color: #00000029;
border: none;
border-radius: 4px;
opacity: 1;
}
.wp-block-hero-product .slider-indicators > .active {
background-color: #001F59;
}
.wp-block-hero-product .slider-nav {
color: #001F59;
filter: none;
font-size: 1.5em;
opacity: 1;
padding: 0;
left: -0.75em;
visibility: visible;
}
.wp-block-hero-product .slider-nav.slider-nav-next {
right: -0.75em;
}
.wp-block-hero-product .slider-nav::before,
.wp-block-hero-product .slider-nav::after {
display: none;
}
.wp-block-hero-product .wp-block-hero-product__content1 {
padding-top: 6em;
padding-bottom: 1em;
position: relative;
}
.wp-block-hero-product .wp-block-hero-product__content1 > * {
position: relative;
}
.wp-block-hero-product .wp-block-hero-product__content1 img {
max-width: 10em;
}
.wp-block-hero-product .wp-block-hero-product__background {
background-color: var(--background-color);
content: '';
height: 100%;
position: absolute;
top: 0;
left: -100vw;
width: 200vw;
}
.wp-block-hero-product .wp-block-hero-product__content1 h1,
.wp-block-hero-product .wp-block-hero-product__content1 h2,
.wp-block-hero-product .wp-block-hero-product__content1 h3,
.wp-block-hero-product .wp-block-hero-product__content1 h4,
.wp-block-hero-product .wp-block-hero-product__content1 h5 {
margin: 0;
color: var(--text-color);
font-family: 'Calibri';
}
@media (max-width: 768px) {
.wp-block-hero-product .container {
flex-direction: column-reverse;
}
.wp-block-hero-product .container > div:first-child .trail-items {
display: none;
}
.wp-block-hero-product .container > div:last-child .trail-items {
display: flex;
}
.wp-block-hero-product .trail-items {
margin-top: 1em;
}
.wp-block-hero-product .trail-items,
.wp-block-hero-product .trail-items .trail-item::after,
.wp-block-hero-product .trail-items a {
color: inherit;
}
} .wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-hero-product .wp-block-hero-product__background {
height: 0;
}
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-hero-product .wp-block-hero-product__content1 h1,
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-hero-product .wp-block-hero-product__content2 {
opacity: 0;
}
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-hero-product .swiffy-slider {
transform: scale(0);
}