/*
 * Over ons (Layout/AboutUsPage.ss)
 * Small additions on top of the Dax theme. Note: this theme's --secondary-color is the
 * Investpro blue (not the Dax cream), so the "team" band and the achievements section are blue.
 */

/* Group section: Dax team cards with a font icon instead of a portrait, equal height, link at the bottom */
.group-area .team-member {
    display: flex;
    flex-direction: column;
    height: calc(100% - 30px);
}
.group-area .team-member .icon {
    font-size: 60px;
    line-height: 1;
    color: var(--primary-color);
    margin-bottom: 30px;
}
.group-area .team-member .designation {
    color: var(--primary-color);
}
.group-area .team-member p {
    font-size: 16px;
    margin-bottom: 0;
}
.group-area .team-member .member-link {
    font-weight: 700;
    color: var(--heading-color);
}
.group-area .team-member .member-link i {
    margin-left: 6px;
    transition: 0.3s;
}
.group-area .team-member a.member-link:hover {
    color: var(--primary-color);
}
.group-area .team-member a.member-link:hover i {
    margin-left: 10px;
}
/* The outlined button sits where the blue band passes behind it: give it a solid background */
.group-area .theme-btn.style-five {
    background: #fff;
}

/* Achievements: white title on the blue background */
.achievement-area .section-title .sub-title,
.achievement-area .section-title h2 {
    color: #fff;
}
.achievement-area .section-title .sub-title:before,
.achievement-area .section-title .sub-title:after {
    background: #fff;
}

/* Counters: number ("40" animated by the theme script) + static "+" suffix, title underneath,
   so the boxes never grow wider than their column */
.achievement-area .counter-item-two {
    display: block;
    padding: 34px 30px;
}
.achievement-area .counter-item-two .count-text,
.achievement-area .counter-item-two .count-suffix {
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    color: var(--primary-color);
    margin-right: 0;
}
.achievement-area .counter-item-two .counter-title {
    display: block;
    margin-top: 10px;
}
@media (max-width: 375px) {
    .achievement-area .counter-item-two .count-text,
    .achievement-area .counter-item-two .count-suffix {
        font-size: 45px;
    }
}

/* Intro paragraphs */
.what-we-do-area .section-text p + p {
    margin-top: 15px;
}