.wp-block-image-text {
margin-top: 4em;
margin-bottom: 4em;
position: relative;
}
.wp-block-image-text.background-yellow {
padding-top: 4em;
padding-bottom: 4em;
}
.wp-block-image-text.background-blue {
color: #FAF7F2;
padding-top: 4em;
padding-bottom: 4em;
}
.wp-block-image-text.background-yellow .wp-block-image-text__background,
.wp-block-image-text.background-blue .wp-block-image-text__background {
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.wp-block-image-text.background-yellow .wp-block-image-text__background {
background-color: #FFD100;
}
.wp-block-image-text.background-blue .wp-block-image-text__background {
background-color: #001F59;
}
.wp-block-image-text.align-center {
text-align: center;
}
.wp-block-image-text.align-left {
text-align: left;
}
.wp-block-image-text.align-right {
text-align: right;
}
.wp-block-image-text .container {
display: flex;
align-items: center;
gap: 4em;
}
.wp-block-image-text.image-position-left .container {
flex-direction: row;
position: relative;
}
.wp-block-image-text.image-position-right .container {
flex-direction: row-reverse;
}
.wp-block-image-text.image-size-small .container > div:first-child {
flex: 1;
}
.wp-block-image-text.image-size-small .container > div:last-child {
flex: 2;
}
.wp-block-image-text.image-size-medium .container > div:first-child {
flex: 1;
}
.wp-block-image-text.image-size-medium .container > div:last-child {
flex: 1;
}
.wp-block-image-text.image-size-large .container > div:first-child {
flex: 6;
}
.wp-block-image-text.image-size-large .container > div:last-child {
flex: 4;
}
.wp-block-image-text .slider-container {
border-radius: 4px;
}
.wp-block-image-text .slider-container img {
object-fit: cover;
}
.wp-block-image-text .slider-indicators {
margin-top: 0.5em;
margin-bottom: 0;
display: flex !important;
gap: 0.5em;
position: static;
}
.wp-block-image-text .slider-indicators > * {
background-color: #00000029;
border: none;
border-radius: 4px;
opacity: 1;
}
.wp-block-image-text .slider-indicators > .active {
background-color: #001F59;
}
.wp-block-image-text img,
.wp-block-image-text video {
border-radius: 4px;
}
.wp-block-image-text.background-blue h1,
.wp-block-image-text.background-blue h2,
.wp-block-image-text.background-blue h3,
.wp-block-image-text.background-blue h4,
.wp-block-image-text.background-blue h5 {
color: #FAF7F2;
}
.wp-block-image-text h1,
.wp-block-image-text h2,
.wp-block-image-text h3,
.wp-block-image-text h4,
.wp-block-image-text h5 {
margin: 0;
}
@media (max-width: 768px) {
.wp-block-image-text .container {
flex-direction: column !important;
gap: 2em;
}
} .wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-image-text.background-yellow .wp-block-image-text__background,
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-image-text.background-blue .wp-block-image-text__background {
height: 0;
}
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-image-text .slider-container {
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-image-text .container > div:last-child {
opacity: 0;
}