.post-hero {
position: relative;
z-index: 2;
display: flex;
}
.post-hero-img img {
display: block;
}
.post-hero-badge {
font-size: 11px;
color: rgb(var(--dark-rgb));
line-height: 20px;
}
.post-hero-badge .badge {
display: inline-block;
padding: 0 10px;
border-radius: 40px;
background-color: #E9E9E9;
}
.post-hero-title {
font-size: 24px;
font-weight: 300;
line-height: 150%;
color: rgb(var(--main-rgb));
}
.post-hero-content {
line-height: 133.33%;
font-weight: 300;
}
.post-hero-content-text {
margin: 32px 0 20px;
line-height: 162.5%;
}
.site-content h2,
.site-content h3 {
margin: 32px 0 20px;
font-weight: 300;
color: rgb(var(--main-rgb));
}
.site-content p + ul {
margin-top: 20px;
}
.site-content ul li {
margin-top: 12px;
}
.site-main {
padding: 30px 0 110px;
}
.post-meta {
margin-top: 20px;
}
.post-navigation {
margin: 40px 0 0;
display: grid;
grid-gap: 12px;
}
.post-navigation a {
text-decoration: none;
}
.wp-block-button.previous a {
padding: 0 10px 0 50px;
}
.wp-block-button.previous:not(.is-style-arrow-button) a::after {
right: auto;
left: 0;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 9 9"><path stroke="%23fff" stroke-linecap="square" stroke-linejoin="round" stroke-width="1.5" d="M7.741 7.838 1.355 1.452M7.741 1.097H1v7.096"/></svg>');
}
@media (min-width: 768px) {
.site-content {
background: url(//www.unova.net/wp-content/themes/imogis/img/bg_top_reference.svg) top right no-repeat, url(//www.unova.net/wp-content/themes/imogis/img/bg_bottom_reference.svg) bottom -120px left no-repeat;
}
.post-hero .container {
display: grid;
grid-gap: 32px;
grid-template-columns: repeat(12, 1fr);
}
.post-hero .container:before {
content: "";
display: block;
}
.post-hero-img {
order: -1;
align-self: flex-start;
grid-column: span 6;
border-left: 4px solid var(--wp--preset--color--tertiary-color);
}
.post-hero-img img {
aspect-ratio: 703 / 636;
object-fit: cover;
}
.post-hero-badge {
margin-bottom: 35px;
font-size: 14px;
line-height: 30px;
}
.post-hero-badge .badge {
padding: 0 20px;
}
.post-hero-content {
grid-column: span 5;
}
.post-hero-content-text {
margin: 40px 0 52px;
}
.post-hero-content-customer {
margin-bottom: 24px;
}
.wp-block-button.previous:not(.is-style-arrow-button) a {
padding: 0 32px 0 90px;
}
.wp-block-button.previous:not(.is-style-arrow-button) a:hover:after {
background-position: top 15px right 29px;
}
.post-navigation {
display: flex;
justify-content: space-between;
}
}
@media (max-width: 767px) {
.apost-hero-content-title {
display: flex;
flex-direction: column;
justify-content: center;
height: 247px;
gap: 5px;
}
.post-hero-img {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 247px;
overflow: hidden;
}
.post-hero-img img {
width: 100%;
height: 100%;
object-fit: cover;
filter: blur(1.5px);
opacity: 0.5;
}
.post-hero-content {
font-size: 18px;
}
.post-hero-content-title {
display: flex;
gap: 5px;
flex-direction: column;
min-height: 247px;
justify-content: center;
line-height: 150%;
}
}.job-meta {
margin-top: 20px;
}
.job-form-title {
margin-top: 50px;
}
.site-content .wpcf7-form {
max-width: 750px;
margin: 0 0 50px;
padding: 0;
}