/*-Upper case text for the homep page sections-*/

.section-name {
    font-size: 0.9rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0.8rem;
    color: var(--text-color);
}

.section-name:hover {
    color: var(--link);
}

/*-Large headings for the sections titles-*/
.section-title {
    font-size: 1.4rem;
    font-weight: 300;
}

.section-title-bold {
    font-size: 1.4rem;
    font-weight: 600;
}

/*-Smaller headings for the sections titles-used in the carousel, news publication titles */
.section-subtitle {
    font-size: 1.1rem;
    font-weight: 600;
}

/*-Smaller line height used in tools carousel */
.text-smaller {
    font-size: 1rem;
    line-height: 1.2;
}

/*-link style for all home page links */
.article-link {
    color: var(--brand);
}

.article-link:hover {
    color: var(--link);
}

/*-vertical border in desktop view */
.offset-border {
    position: relative;

}

.offset-border::before {
    content: "";
    position: absolute;
    left: 0;
    top: 1.5rem;
    bottom: 1.5rem;
    border-left-width: 1px;
    border-left-style: solid;
}

.offset-border-gray::before {
    border-color: var(--gray3);
}

.offset-border-white::before {
    border-color: #fff;
}

@media (max-width: 768px) {
    .offset-border::before {
        border-left-width: 0;
    }
}

/*-horizontal border in mobile view */
.border-divider {
    border-bottom-width: 0px;
}

.border-divider-gray {
    border-color: var(--gray4);
}

.border-divider-white {
    border-color: #fff;
}

@media (max-width: 992px) {
    .border-divider {
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }
}