/* Theme Hello Friend */
/* Custom CSS for Hello Friend */


/*
==============================
Page: Home
Section: Hero
==============================
*/

.home-hero-label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.home-hero-description {
    font-size: 1rem;
    line-height: 1.8;
    opacity: 0.75;
}
@media (min-width: 992px) {
    .home-hero-description {
        font-size: 1.1rem;
        max-width: 520px;
    }
}


/*
==============================
Page: Home
Section: Hub cards
==============================
*/

.home-hub-icon {
    width: 50px;
    height: 50px;
    background-color: var(--grey-alt);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-hub-icon-i {
    font-size: 22px;
    color: var(--siena);
}
.home-hub-title {
    font-size: 0.9rem;
}
.home-hub-desc {
    line-height: 1.4;
}
@media (min-width: 992px) {
    .home-hub-title {
        font-size: 1em;
    }
}


/*
==============================
Page: Home
Section: Affiliate card
==============================
*/

.home-affiliate-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}
.home-affiliate-content {
    flex: 1;
    min-width: 200px;
}
.home-affiliate-name {
    font-size: 1.05rem;
}
@media (min-width: 992px) {
    .home-affiliate-name {
        font-size: 1.1rem;
    }
}


/*
==============================
Page: Home
Section: Why WPsinRodeos
==============================
*/

.home-why-title {
    font-size: 1.3em;
    line-height: 1.3;
}
.home-body-text {
    font-size: 0.95rem;
    line-height: 1.8;
    font-weight: 400;
    opacity: 0.75;
}
@media (min-width: 992px) {
    .home-why-title {
        font-size: 1.6em;
    }
    .home-body-text {
        font-size: 1rem;
    }
}


/*
==============================
Shared: Card title sizes
==============================
*/

.hub-card-title-sm {
    font-size: 0.9rem;
    line-height: 1.3;
}
.hub-card-title-lg {
    font-size: 1.1rem;
    line-height: 1.25;
}
@media (min-width: 992px) {
    .hub-card-title-sm {
        font-size: 1.1rem;
    }
    .hub-card-title-lg {
        font-size: 1.4em;
    }
}


Copy

/*
==============================
Page: Hub
Section: Hero
==============================
*/
 
.hub-excerpt {
    max-width: 620px;
    line-height: 1.8;
    font-size: 1.15rem;
    font-weight: 400;
    opacity: 0.75;
}
 
 
/*
==============================
Page: Hub
Section: Cards
==============================
*/
 
.hub-card-large {
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hub-card-small {
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hub-card-title-lg {
    font-size: 1.4em;
    line-height: 1.25;
}
.hub-card-title-sm {
    font-size: 1em;
    line-height: 1.3;
}
.hub-card-excerpt {
    line-height: 1.7;
}
.hub-card-small:hover {
    background-color: var(--grey-alt) !important;
}
 
/*
==============================
Page: Hub
Section: Labels
==============================
*/
 
.section-label {
    text-transform: uppercase;
    letter-spacing: 0.08em;
}
.card-label {
    text-transform: uppercase;
    letter-spacing: 0.06em;
}