.wp-block-ikon-featured-image {
display: grid;
position: relative;
min-height: calc(100vh - 120px);
background: #787878;
overflow: hidden;
}
.wp-block-ikon-featured-image picture {
grid-row: 1/ 2;
grid-column: 1/2;
position: relative;
width: 100%;
height: 100%;
}
.wp-block-ikon-featured-image picture img.size-full {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.wp-block-ikon-featured-image__content {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
grid-row: 1 / 2;
grid-column: 1 / 2;
position: relative;
width: 100%;
height: 100%;
z-index: 10;
}
.wp-block-ikon-featured-image__text {
width: calc(100% - 30px);
max-width: 1440px;
margin: auto;
}
.wp-block-ikon-featured-image__content .title {
padding: 30px 0;
color: #fff;
font-size: 50px;
font-weight: 700;
line-height: 1.2;
text-align: center;
word-break: break-word;
}
.wp-block-ikon-featured-image__content .title a {
color: #fff;
font-weight: 700;
}
.wp-block-ikon-featured-image__content .title a:hover {
color: var(--accent-color, #c8aa6e);
}
.wp-block-ikon-featured-image__content .description {
margin-bottom: 20px;
color: #fff;
font-size: 15px;
font-weight: 300;
letter-spacing: 0.2em;
line-height: 2;
text-align: center;
text-transform: uppercase;
word-break: break-word;
}
.wp-block-ikon-featured-image .wp-block-ikon-featured-image__button {
padding: 21px 30px;
border-radius: 100px;
margin-bottom: 70px;
background: #fff;
color: #000;
font-family: sofia-pro-soft, Montserrat, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.05em;
}
.wp-block-ikon-featured-image .wp-block-ikon-featured-image__button:hover {
background: var(--accent-color, #c8aa6e);
color: #fff;
}
.wp-block-ikon-featured-image .wp-block-ikon-featured-image__button .arrow:before {
content: "\f054";
font-family: ikonicons;
}
@media (min-width: 768px) {
.wp-block-ikon-featured-image__content .title {
padding: 40px 0;
font-size: 100px;
line-height: 1;
}
.has-button .wp-block-ikon-featured-image__content .title {
padding: calc(160px + 40px) 0 40px 0;
}
.wp-block-ikon-featured-image__content .description {
display: block;
margin: auto auto 70px auto;
}
.wp-block-ikon-featured-image .wp-block-ikon-featured-image__button {
margin-bottom: 100px;
}
}
@media (min-width: 1024px) {
.wp-block-ikon-featured-image {
min-height: 100vh;
}
} @media (min-width: 1024px) {
.wp-block-ikon-featured-image--below-header {
margin-top: -200px;
}
} .wp-block-ikon-featured-image--image-size-full picture img.size-full {
position: relative;
} .wp-block-ikon-featured-image--image-position-top picture img.size-full {
object-position: center top;
} .wp-admin .wp-block-ikon-featured-image {
min-height: 0;
}
.wp-admin .wp-block-ikon-featured-image__button-container {
display: flex;
justify-content: center;
margin: 40px 0;
}
.wp-admin .wp-block-ikon-featured-image__image-container img {
display: block;
}
.wp-admin .wp-block-ikon-featured-image.is-selected .wp-block-ikon-featured-image__image-container img {
position: relative;
max-width: 320px;
margin: 0 auto;
}
.wp-admin .wp-block-ikon-featured-image__main-container {
display: grid;
position: relative;
min-height: 100vh;
}
.wp-admin .wp-block-ikon-featured-image.is-selected .wp-block-ikon-featured-image__main-container {
display: block;
min-height: 0;
}
.wp-admin .wp-block-ikon-featured-image__image-container {
grid-row: 1 / 2;
grid-column: 1 / 2;
width: 100%;
height: 100%;
}
.wp-admin .wp-block-ikon-featured-image__image-container img {
display: block;
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}