.wp-block-intro-home {
margin: 4em 0;
}
.wp-block-intro-home img {
border-radius: 4px;
display: block;
} .wp-block-intro-home .wp-block-intro-home__top {
display: flex;
gap: 1.5em;
align-items: flex-end;
}
.wp-block-intro-home .wp-block-intro-home__top h1 {
flex: 2;
font-size: 6em;
margin: 0;
}
.wp-block-intro-home .wp-block-intro-home__statements {
color: #001F59;
flex: 1;
line-height: 1;
}
.wp-block-intro-home .wp-block-intro-home__statements p {
margin: 0.75em 0;
}
.wp-block-intro-home .wp-block-intro-home__statements p strong {
font-size: 3em;
margin-right: 0.125em;
}
.wp-block-intro-home .wp-block-intro-home__statements p span {
font-size: 2em;
} .wp-block-intro-home .wp-block-intro-home__below {
display: flex;
gap: 1.5em;
margin-top: 2em;
}
.wp-block-intro-home .wp-block-intro-home__below > div:first-child {
flex: 1;
display: flex;
flex-direction: column;
}
.wp-block-intro-home .wp-block-intro-home__below > div:last-child {
border-radius: 4px;
flex: 2;
overflow: hidden;
}
.wp-block-intro-home .wp-block-intro-home__below h4 {
margin-top: 0;
margin-bottom: 0.75em;
}
.wp-block-intro-home .wp-block-intro-home__below .wp-block-button {
margin-bottom: 3em;
}
.wp-block-intro-home .wp-block-intro-home__below > div:first-child > div:last-child {
border-radius: 4px;
margin-top: auto;
overflow: hidden;
}
.wp-block-intro-home .wp-block-intro-home__below > div:last-child img {
height: 100%;
object-fit: cover;
width: 100%;
}
@media (max-width: 992px) {
.wp-block-intro-home .wp-block-intro-home__top {
flex-direction: column-reverse;
align-items: center;
}
.wp-block-intro-home .wp-block-intro-home__top h1 {
font-size: 5.5em;
text-align: center;
}
.wp-block-intro-home .wp-block-intro-home__statements {
display: flex;
gap: 3em;
}
.wp-block-intro-home .wp-block-intro-home__statements p {
text-align: center;
}
.wp-block-intro-home .wp-block-intro-home__statements strong {
display: block;
margin-right: 0;
}
.wp-block-intro-home .wp-block-intro-home__below > div:last-child {
flex: 1;
}
}
@media (max-width: 768px) {
.wp-block-intro-home .wp-block-intro-home__below {
flex-direction: column-reverse;
}
.wp-block-intro-home .wp-block-intro-home__below > div:first-child img {
display: none;
}
.wp-block-intro-home .wp-block-intro-home__top h1 {
font-size: 3em;
}
.wp-block-intro-home .wp-block-intro-home__statements {
gap: 1em;
}
.wp-block-intro-home .wp-block-intro-home__statements p strong {
font-size: 2em;
}
.wp-block-intro-home .wp-block-intro-home__statements p span {
font-size: 1em;
}
}
@media (max-width: 576px) {
.wp-block-intro-home .wp-block-intro-home__statements p strong {
font-size: 1.75em;
}
} .wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-intro-home .wp-block-intro-home__below > div:last-child,
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-intro-home .wp-block-intro-home__below > div:first-child > div:last-child {
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-intro-home .wp-block-intro-home__statements p {
clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-intro-home .wp-block-intro-home__top h1,
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-intro-home .wp-block-intro-home__below h4,
.wp-site-blocks:not(.block-editor-block-list__layout) .wp-block-intro-home .wp-block-intro-home__below .wp-block-button {
opacity: 0;
}