/* Home page */

/* Hero */
.hero-wrap {
    @apply flex flex-col-reverse
        lg:grid lg:grid-cols-12 lg:gap-8 xl:gap-0
        max-w-screen-xl 
        px-4 pt-20 pb-8 lg:py-16 lg:pt-28
        mx-auto;
}

.hero-image {
    @apply flex lg:col-span-5 lg:flex
        mt-4 lg:mt-0;
}

.hero-content {
    @apply lg:col-span-7
        place-self-center
        mr-auto;
}

.hero-content > h1 {
    @apply max-w-2xl 
        mb-4
        text-4xl font-extrabold leading-none tracking-tight md:text-5xl xl:text-6xl
        dark:text-white;
}

.hero-content > p {
    @apply max-w-2xl
        mb-6 lg:mb-8
        font-light text-gray-500 md:text-lg lg:text-xl
        dark:text-gray-400;
}

.hero-btn-wrap {
    @apply sm:flex 
        space-y-4 sm:space-y-0 sm:space-x-4;
}

.hero-btn {
    @apply inline-flex items-center justify-center 
        w-full sm:w-auto
        px-5 py-3
        text-sm font-medium text-center text-gray-900
        border border-gray-200
        rounded-lg 
        hover:bg-gray-100
        focus:ring-4 focus:ring-gray-100 
        dark:text-white dark:border-gray-700 dark:hover:bg-gray-700 dark:focus:ring-gray-800;
}

.hero-btn > i,
.hero-btn > svg {
    @apply mr-2;
}

/* Fullwidth Featured */
.fullwidth-featured {
    @apply max-w-screen-md 
        mx-auto mb-8 lg:mb-12
        text-center;
}

.fullwidth-featured > h2 {
    @apply text-3xl font-extrabold tracking-tight text-gray-900
        mb-4
        dark:text-white;
}

.fullwidth-featured > p {
    @apply font-light text-gray-500 sm:text-xl
        mb-5
        dark:text-gray-400;
}