.imagebox-1-across {
    --font-title: var(--font-heading-posterama);
    --font-subtitle: var(--font-heading-railroad);
    --font-body: var(--font-display);
	--font-body: var(--font-display);
	--color-icon: var(--green);
    --color-heading: var(--blue);
    --color-btn: var(--blue);
    --color-btn-text: var(--white);

    max-width: var(--max-width);
    width: 100%;
    margin: 0 auto var(--space-6) auto;
}

.imagebox-1-across .hero-title-wrap {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 20px;
}

.core-imagebox.imagebox-1-across:not([data-width="full"]) .slides {
    padding-left: 0;
    padding-right: 0;
    max-width: initial;
    margin-left: initial;
    margin-right: initial;
}

.imagebox-1-across .hero-title .hero-title-top,
.imagebox-1-across .hero-title .hero-title-bottom {
    color: var(--color-heading);
	letter-spacing: 1px;
}


.imagebox-1-across .hero-title .hero-title-top {
    font-family: var(--font-title);
	font-size: 30px;
    line-height: 1.2;
}

.imagebox-1-across .hero-title .hero-title-bottom {
    font-family: var(--font-subtitle);
    text-transform: uppercase;
    font-size: 60px;
    line-height: 1.2;
}

.imagebox-1-across .slides .slide .img-cont::after {
    height: 200px;
}

.imagebox-1-across .content-section {
    position: absolute;
    left: 0;
    bottom: var(--space-4);
    padding: 20px;
}

.imagebox-1-across .content-section .slide-title {
    font-family: var(--font-title);
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 10px;
}

.imagebox-1-across .content-section .slide-title > a:hover {
    text-decoration: none;
}

.imagebox-1-across .content-section p {
    font-family: var(--font-body);
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 8px;
}

.imagebox-1-across .slide .slide-footer > * {
    margin: 8px 16px 4px;
}

.imagebox-1-across .content-section .slide-footer .read-more {
    font-family: var(--font-body);
    font-size: 18px;
    line-height: 1.1;
    letter-spacing: 1px;
    color: var(--color-btn-text);
    background-color: var(--color-btn);
    border-radius: 3px;
    padding: 7px 45px;
}

.imagebox-1-across .content-section .slide-footer .read-more:hover {
    background: var(--color-btn-text);
    color: var(--color-btn);
    box-shadow: 0 0 0 3px var(--color-btn);
}

.imagebox-1-across  .slide .slide-footer a:hover,
.imagebox-1-across  .slide .slide-footer a:visited {
    background-color: var(--color-btn);
}

@media screen and (min-width: 40em) {
    .imagebox-1-across .content-section p {
        max-width: 316px;
    }
}

@media screen and (min-width: 64em) {
    .imagebox-1-across .hero-title-wrap {
        max-width: var(--max-width);
        margin: 0 auto;
        padding: 0;
    }
    .imagebox-1-across .hero-title .hero-title-top{
        font-size: 46px;
       line-height: 1.5;
       letter-spacing: -1px;
    }

    .imagebox-1-across .hero-title .hero-title-bottom {
        display: block;
        font-size: 100px;
        line-height: 1;
    }

    .imagebox-1-across .content-section {
        padding: 36px;
    }

    .imagebox-1-across .content-section .slide-title {
        font-size: 46px;
    }

    .imagebox-1-across .content-section p {
        margin-bottom: 24px;
    }

    .imagebox-1-across .content-section .slide-footer .read-more {
        font-size: 22px;
        padding: 13px 71px;
        margin-bottom: 0;
    }
}

@media screen and (min-width: 90em) {
    .imagebox-1-across .hero-title-wrap {
        padding: 0;
    }
}