/**
 * ==================================================
 * HERO
 * ==================================================
 * Theme: Aicher Teeladen
 *
 * Homepage hero section styles.
 *
 * This file contains the complete styling for the
 * homepage hero section, including:
 *
 * - Hero
 * - Hero Content
 * - Hero Eyebrow
 * - Hero Title
 * - Hero Text
 * - Hero Button
 * - Responsive
 * ==================================================
 */

/**
 * ==================================================
 * HERO
 * ==================================================
 * Homepage Hero Section
 * First impression of the website.
 * ==================================================
 */

.hero {

    min-height: 620px;

}


/**
 * ==================================================
 * HERO CONTENT
 * ==================================================
 */

.hero__content {

    max-width: 560px;

    padding-block: 6rem;

}


/**
 * ==================================================
 * HERO EYEBROW
 * ==================================================
 */

.hero__eyebrow {

    font-size: .875rem;

    font-weight: 700;

    letter-spacing: .15em;

    text-transform: uppercase;

    color: var(--wp--preset--color--primary);

    margin-bottom: 1rem;

}


/**
 * ==================================================
 * HERO TITLE
 * ==================================================
 */

.hero__title {

    margin-bottom: 1.5rem;
    line-height: 1.1;
    font-size: 4rem;
    color: var(--wp--preset--color--primary);

}


/**
 * ==================================================
 * HERO TEXT
 * ==================================================
 */

.hero__text {

    font-size: 1.125rem;

    line-height: 1.8;

    color: var(--wp--preset--color--text);

    margin-bottom: 2.5rem;

}


/**
 * ==================================================
 * HERO BUTTON
 * ==================================================
 */

.hero .wp-block-button__link {

    padding: 1rem 2rem;

    border-radius: 999px;

    font-weight: 600;

    transition: all .25s ease;

}

.hero .wp-block-button__link:hover {

    transform: translateY(-2px);

}


/**
 * ==================================================
 * RESPONSIVE
 * ==================================================
 */