.intro {
min-height: 10rem;
padding-top: 1rem;
}
.intro img {
height: calc(100% + 2rem);
max-height: 40vw;
max-width: 120vw;
width: auto;
min-width: 100vw;
object-fit: cover;
position: absolute;
top: -5rem;
left: 50%;
transform: translateX(-50%);
opacity: 0;
transition: none;
}
.intro.running img {
transition: opacity 1s ease;
}
.intro img.active {
opacity: 1;
}
.intro img:first-of-type { }
.intro .has-lightgrey-background-color.has-background {
position: relative;
z-index: 3; max-width: calc(57.5% - .425rem); margin-left: auto; }
.intro h1 {
margin: 0;
display: block;
color: var(--lightblue) !important;
font-weight: 700;
font-size: 2.5rem;
}
@media screen and (max-width: 1440px) and (min-width: 782px) {
.intro .has-lightgrey-background-color.has-background {
padding-right: 5.5rem;
}
}
@media screen and (max-width: 850px) {
.intro .has-lightgrey-background-color.has-background {
max-width: 100%;
}
.intro h1 {
font-size: var(--wp--preset--font-size--medium);
hyphens: auto;
}
.intro {
margin-top: 5rem;
}
.intro img {
height: 15rem;
max-height: none;
object-position: left;
max-width: 150vw;
}
}.gallery_text .grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
gap: 1rem;
grid-auto-flow: dense;
grid-auto-rows: auto;
}
.gallery_text .grid > * {
border-radius: var(--radius);
hyphens: auto;
hyphenate-limit-chars: 12;
-ms-hyphenate-limit-chars: 12;
}
.gallery_text .grid > div {
grid-column-end: span 1;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: center;
}
.gallery_text .grid p:last-child,
.gallery_text .grid > div > :last-child {
margin-bottom: 0;
}
.gallery_text .grid > img {
width: 100%;
height: 15rem;
min-height: 100%;
object-fit: cover;
}
.gallery_text .grid .has-lightgrey-background-color {
padding: 1.75rem;
}
.gallery_text .grid > .link {
position: relative;
display: flex;
align-items: stretch;
justify-content: center;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
grid-column-end: span 2;
min-height: 15rem;
}
.gallery_text .grid > .link > div {
flex-grow: 1;
font-size: 1.25em;
transition: all .3s ease;
background: inherit;   display: flex;
align-items: flex-end;
gap: 1rem;
padding: 1rem;
color: var(--lightgrey);
background-color: var(--lightblue) !important;
background-blend-mode: multiply;
} .gallery_text .grid > .link > div img {
background-color: var(--lightblue);
background-image: var(--gradient);
padding: .35em;
height: 3rem;
width: 3rem;
object-fit: contain;
border-radius: 50%;
}
.gallery_text .grid > .link > div p {
font-size: inherit;
font-weight: 700;
text-align: left;
margin: .5rem 0;
}
@media screen and (min-width: 1281px) {
.gallery_text .grid > div.large {
grid-column-end: span 2;
}
.gallery_text .grid > div:nth-of-type(1) {
grid-row-start: 1;
}
.gallery_text .grid > div:nth-of-type(2) {
grid-row-start: 2;
}
.gallery_text .grid > div:nth-of-type(3) {
grid-row-start: 3;
}
.gallery_text .grid > div:nth-of-type(3) {
grid-row-start: 4;
}
.gallery_text .grid > .link:nth-of-type(1) {
grid-column-end: span 2;
grid-row-start: 2;
}
.gallery_text .grid > .link:nth-of-type(2) {
grid-column-start: 3;
grid-row-start: 3;
grid-column-end: span 2;
}
.gallery_text .grid > .link:nth-of-type(3) {
grid-column-start: 2;
grid-column-end: span 2;
grid-row-start: 4;
}
.gallery_text .grid > .link:nth-of-type(1) ~ img:nth-of-type(4),
.gallery_text .grid > .link:nth-of-type(2) ~ img:nth-of-type(5),
.gallery_text .grid > .link:nth-of-type(3) ~ img:nth-of-type(6) {
display: none;
}
.gallery_text .grid > img:nth-of-type(1) {
grid-column-end: span 2;
grid-column-start: 1;
grid-row-start: 1;
}
.gallery_text .grid > img:nth-of-type(2) {
grid-row-end: span 2;
grid-row-start: 1;
}
.gallery_text .grid > img:nth-of-type(3) {
grid-row-end: span 2;
grid-row-start: 3;
grid-column-start: 1;
}
.gallery_text .grid > img:nth-of-type(4) {
grid-column-end: span 2;
grid-row-start: 2;
}
.gallery_text .grid > img:nth-of-type(5) {
grid-column-start: 3;
grid-row-start: 3;
grid-column-end: span 2;
}
.gallery_text .grid > img:nth-of-type(6) {
grid-column-start: 2;
grid-column-end: span 2;
grid-row-start: 4;
}
.gallery_text .grid > .link > div {
background-color: transparent !important;
color: transparent;
}
.gallery_text .grid > .link:focus > div,
.gallery_text .grid > .link:hover > div {
color: var(--lightgrey);
background-color: var(--lightblue) !important;
}
}
@media screen and (max-width: 1280px) and (min-width: 769px) {
.gallery_text .grid > img:nth-of-type(2) {
grid-row-start: 2;
grid-column-start: 1;
}
.gallery_text .grid > img:nth-of-type(5):last-of-type {
grid-column-end: span 2;
}
}
@media screen and (max-width: 768px) {
.gallery_text .grid {
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: auto;
}
.gallery_text .grid > div {
grid-column-end: span 2;
}
.gallery_text .grid > img {
height: 10rem;
}
.gallery_text .grid > .link {
min-height: 10rem; }
.gallery_text .grid > .link > div {
font-size: 1em;
}
.gallery_text .grid > img:nth-of-type(1) {
grid-row-start: 1;
grid-column-end: span 2;
height: auto;
}
.gallery_text .grid > img:nth-of-type(2) {
grid-row-start: 3;
grid-column-end: span 2;
height: auto;
}
.gallery_text .grid > img:nth-of-type(3) {
grid-row-start: 5;
grid-column-end: span 2;
height: auto;
}
.gallery_text .grid > img:nth-of-type(4) {
grid-row-start: 7;
grid-column-end: span 2;
height: auto;
}
}