.it-intro {
position: relative;
}
.it-intro--columns.it-intro--slider .swiper-controls {
z-index: 2;
position: relative;
margin-top: var(--it-spacing-section-half);
}
.it-intro--columns.it-intro--slider-both {
--it-swiper-controls-height: 1.75rem;
}
.it-intro--columns.it-intro--slider-both .swiper-slide {
display: grid;
align-items: center;
row-gap: var(--it-spacing-content);
}
.it-intro--columns.it-intro--slider-both .it-intro__content {
padding-bottom: calc(var(--it-spacing-section-half) + var(--it-swiper-controls-height));
}
.it-intro--columns.it-intro--slider-both .swiper-controls {
margin-top: calc(var(--it-swiper-controls-height) * -1);
}
.it-intro--columns .it-intro__image {
order: -1;
max-height: 30rem;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: var(--it-border-radius);
}
.it-intro--fullwidth {
height: calc(100vh - var(--it-header-height) - var(--wp-admin--admin-bar--height, 0px));
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: -moz-min-content;
min-height: min-content;
color: var(--it-color-white);
}
.it-intro--fullwidth.it-intro--slider {
padding: 0;
}
.it-intro--fullwidth.it-intro--static:before, .it-intro--fullwidth.it-intro--slider .it-intro__background:before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: var(--it-intro-overlay);
}
.it-intro--fullwidth.it-intro--slider-both .it-intro__background {
z-index: -1;
position: absolute;
inset: 0 calc(var(--it-global-padding) * -1);
}
.it-intro--fullwidth div[class*=it-container] {
height: 100%;
position: relative;
z-index: 1;
min-height: -moz-min-content;
min-height: min-content;
}
.it-intro--fullwidth .swiper {
height: 100%;
padding-inline: var(--it-global-padding);
}
.it-intro--fullwidth .swiper-button-next,
.it-intro--fullwidth .swiper-button-prev {
display: none;
}
.it-intro--fullwidth .swiper-pagination {
position: absolute;
bottom: 2rem;
z-index: 1;
left: 50%;
transform: translateX(-50%);
}
.it-intro--fullwidth .it-subtitle,
.it-intro--fullwidth .it-title {
color: inherit;
}
.it-intro--slider .swiper {
width: 100%;
}
.it-intro div[class*=it-container] {
display: grid;
align-items: center;
row-gap: var(--it-spacing-content);
}
@media (min-width: 1024px) {
.it-intro--columns .it-intro__image {
order: 1;
}
.it-intro--columns.it-intro--slider-both .swiper-slide {
grid-template-columns: 1fr 1fr;
-moz-column-gap: var(--it-spacing-section);
column-gap: var(--it-spacing-section);
}
.it-intro--columns:not(.it-intro--slider-both) div[class*=it-container] {
grid-template-columns: 1fr 1fr;
-moz-column-gap: var(--it-spacing-section);
column-gap: var(--it-spacing-section);
}
.it-intro--fullwidth .swiper-button-next,
.it-intro--fullwidth .swiper-button-prev {
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%) scale(1.5);
z-index: 1;
}
.it-intro--fullwidth .swiper-button-prev {
left: var(--it-global-padding);
}
.it-intro--fullwidth .swiper-button-next {
right: var(--it-global-padding);
}
}
.it-block.it-intro {
margin-top: 0;
}
.it-intro--band {
padding-top: 0;
padding-bottom: 0;
background-color: var(--it-color-brand-light);
overflow: hidden;
}
.it-intro--band .it-intro__background {
display: none;
}
.it-intro--band div[class*=it-container] {
position: relative;
z-index: 1;
min-height: clamp(10.375rem, calc(10.375rem + (1vw - 6.4px) * 7.34), 16.25rem);
align-content: center;
}
.it-intro--band .it-title,
.it-intro--band .it-subtitle {
color: var(--it-color-headings);
}
@media (min-width: 783px) {
.it-intro--band {
background-image: linear-gradient(to right, var(--it-color-brand-light) 62%, var(--it-color-brand) 100%);
}
.it-intro--band .it-intro__background {
display: block;
position: absolute;
inset: 0;
margin-inline: 0;
width: auto;
pointer-events: none;
}
.it-intro--band .it-intro__background img {
position: absolute;
top: 0;
right: 0;
left: auto;
height: 100%;
width: 55%;
-o-object-fit: cover;
object-fit: cover;
-webkit-mask-image: linear-gradient(to right, transparent 0%, #000000 60%);
mask-image: linear-gradient(to right, transparent 0%, #000000 60%);
}
.it-intro--band:has(.it-intro__background img) {
background-image: none;
}
}
.it-intro--arc {
background-color: var(--it-color-brand-light);
overflow: hidden;
}
.it-intro--arc::after {
content: "";
position: absolute;
left: -28.9vw;
bottom: 31.1vw;
transform: translateY(50%);
width: 156.1vw;
aspect-ratio: 1;
border: 7vw solid var(--it-color-accent-greyed);
pointer-events: none;
}
.it-intro--arc .it-intro__content {
padding-block: var(--it-spacing-section-half) 0;
}
.it-intro--arc .it-intro__media {
position: relative;
margin-top: 1.25rem;
aspect-ratio: 360/397;
}
.it-intro--arc .it-intro__image {
position: absolute;
inset: 7vw 0 auto;
width: 100%;
height: calc(100% - 7vw);
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 35% 50%;
object-position: 35% 50%;
}
@media (min-width: 1024px) {
.it-intro--arc {
--arc-radius: min(35.99vw, 43.1875rem);
--arc-border: min(7.92vw, 9.5rem);
}
.it-intro--arc::after {
left: calc(47.3% - var(--arc-border));
bottom: auto;
top: 50%;
transform: translateY(-50%);
width: calc((var(--arc-radius) + var(--arc-border)) * 2);
border-width: var(--arc-border);
border-radius: 50%;
}
.it-intro--arc div[class*=it-container] {
max-width: var(--it-full-size);
min-height: min(36.46vw, 43.75rem);
}
.it-intro--arc .it-intro__content {
max-width: min(34.0625rem, 47.3vw - var(--arc-border) - var(--it-global-padding) - 1.5rem);
padding-block: var(--it-spacing-section-half);
}
.it-intro--arc .it-intro__media {
position: absolute;
inset: 0 0 0 47.3%;
margin: 0;
width: auto;
aspect-ratio: auto;
-webkit-mask-image: radial-gradient(circle var(--arc-radius) at var(--arc-radius) 50%, #000000 calc(var(--arc-radius) - 1px), transparent var(--arc-radius)), linear-gradient(90deg, transparent var(--arc-radius), #000000 var(--arc-radius));
mask-image: radial-gradient(circle var(--arc-radius) at var(--arc-radius) 50%, #000000 calc(var(--arc-radius) - 1px), transparent var(--arc-radius)), linear-gradient(90deg, transparent var(--arc-radius), #000000 var(--arc-radius));
}
.it-intro--arc .it-intro__image {
inset: -8.7% 0 auto;
height: 112.4%;
-o-object-position: left center;
object-position: left center;
}
}.it-text-media > [class*=it-container] {
display: grid;
align-items: start;
row-gap: var(--it-spacing-content);
}
.it-text-media__image {
max-height: 30rem;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: var(--it-border-radius-small);
}
.it-text-media__media {
position: relative;
border-radius: var(--it-border-radius-small);
overflow: hidden;
}
.it-text-media__video {
display: block;
width: 100%;
max-height: 30rem;
-o-object-fit: cover;
object-fit: cover;
background-color: var(--it-color-black);
}
.it-text-media__play {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: clamp(3rem, calc(3rem + (1vw - 6.4px) * 1.5), 3.75rem);
height: clamp(3rem, calc(3rem + (1vw - 6.4px) * 1.5), 3.75rem);
border: none;
border-radius: 50%;
background-color: var(--it-color-white);
cursor: pointer;
transition: transform var(--it-transition);
}
.it-text-media__play:after {
content: "";
position: absolute;
top: 50%;
left: 53%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-style: solid;
border-width: 0.5625rem 0 0.5625rem 0.9375rem;
border-color: transparent transparent transparent var(--it-color-brand);
}
.it-text-media__play:hover {
transform: translate(-50%, -50%) scale(1.08);
}
.it-text-media__play.is-hidden {
display: none;
}
.editor > .it-text-media__counters {
margin-top: clamp(1.5rem, calc(1.5rem + (1vw - 6.4px) * 2), 2.5rem);
}
.it-text-media__counters {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: clamp(1rem, calc(1rem + (1vw - 6.4px) * 1), 1.5rem);
}
.it-text-media__counter {
font-size: var(--it-h3-font-size);
line-height: 1.2;
color: var(--it-color-brand);
}
.it-text-media.has-bg-dark .it-text-media__counter {
color: inherit;
}
.it-text-media--no-media .editor {
font-size: var(--it-size-large);
}
.it-text-media--no-media .it-title-group + .editor {
margin-top: 1rem;
}
.it-text-media--no-media .editor > * + * {
margin-top: 1.5rem;
}
@media (min-width: 1024px) {
.it-text-media--default .it-text-media__image,
.it-text-media--default .it-text-media__media {
order: 1;
}
.it-text-media--reversed .it-text-media__image,
.it-text-media--reversed .it-text-media__media {
order: -1;
}
.it-text-media > [class*=it-container] {
grid-template-columns: 1fr 1fr;
-moz-column-gap: 6.25rem;
column-gap: 6.25rem;
}
.it-text-media--no-media > [class*=it-container] {
grid-template-columns: 1fr;
}
}