/* =========================================================
   OKeba Team v6.15 hotfix
   Applies to OKeba Team v6.13 Dynamic / v6.11 team layout
   Requested changes:
   1. Team group name gets green background and white text.
   2. Social icon boxes get full green background and white icons.
   Primary green: #1FA12E
   ========================================================= */

:root {
    --okeba-team-v615-primary: #1FA12E;
    --okeba-team-v615-primary-dark: #00772B;
    --okeba-team-v615-white: #ffffff;
}

/* Team group name/title bar */
.okb611-team-card h3,
.okb611-team-card .okb611-team-name,
.okb611-team-card .okb611-team-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 13px 16px 14px !important;
    background: var(--okeba-team-v615-primary) !important;
    color: var(--okeba-team-v615-white) !important;
    font-size: 24px !important;
    line-height: 30px !important;
    font-weight: 700 !important;
    text-align: center !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Make spacing under title cleaner after the new green bar */
.okb611-team-card .okb611-team-role,
.okb611-team-card > p:first-of-type {
    margin-top: 0 !important;
}

/* Social icons, full green background with white icon/text */
.okb611-socials a,
.okb611-socials span,
.okb611-team-card .okb611-socials a,
.okb611-team-card .okb611-socials span {
    width: 40px !important;
    height: 40px !important;
    border: 1px solid var(--okeba-team-v615-primary) !important;
    background: var(--okeba-team-v615-primary) !important;
    color: var(--okeba-team-v615-white) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    font-size: 16px !important;
    line-height: 16px !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-transform: none !important;
}

.okb611-socials a svg,
.okb611-socials span svg,
.okb611-team-card .okb611-socials a svg,
.okb611-team-card .okb611-socials span svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    fill: currentColor !important;
    color: var(--okeba-team-v615-white) !important;
}

.okb611-socials a:hover,
.okb611-team-card .okb611-socials a:hover {
    background: var(--okeba-team-v615-primary-dark) !important;
    border-color: var(--okeba-team-v615-primary-dark) !important;
    color: var(--okeba-team-v615-white) !important;
}

.okb611-socials span.is-disabled,
.okb611-team-card .okb611-socials span.is-disabled {
    opacity: 1 !important;
    cursor: default !important;
}

/* Slightly tighten card balance after larger title bar */
.okb611-team-card {
    padding-bottom: 46px !important;
}

.okb611-team-card img {
    margin-bottom: 14px !important;
}

@media (max-width: 767px) {
    .okb611-team-card h3,
    .okb611-team-card .okb611-team-name,
    .okb611-team-card .okb611-team-title {
        font-size: 21px !important;
        line-height: 27px !important;
        padding: 12px 14px !important;
    }
}