/* Custom styles for Community */
.plugin-hero__content {
    --cwf-contain--max-width: 100%;
}
.plugin-card__image {
  overflow: hidden;
}

.plugin-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.plugin-card__image {
  height: 100%;
}
/* Day of Service feature columns */
.dos-feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.5rem;
    align-items: start;
    margin: 2rem 0;
}

.dos-feature-item {
    min-width: 0;
}

.dos-feature-heading {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.dos-feature-icon {
    flex: 0 0 auto;
    font-size: 2.25rem;
    line-height: 1;
}

.dos-feature-title {
    margin: 0 !important;
    font-size: 1.4rem;
    line-height: 1.15;
}

.dos-feature-text {
    margin: 0 !important;
    line-height: 1.5;
}

.dos-feature-icon--partnership {
    color: #ffb300;
}

.dos-feature-icon--learning {
    color: #2b8c8c;
}

.dos-feature-icon--service {
    color: #8e44ad;
}

@media (max-width: 767px) {
    .dos-feature-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}
/* ==========================================
   Day of Service Team Leader Banner
========================================== */

.dos-team-leader-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;

    padding: 1.5rem 2rem;
    margin: 2rem 0;

    background-color: #007473;
    color: #fff;
    border-radius: 4px;
}

.dos-team-leader-icon {
    width: 86px;
    height: 86px;

    flex: 0 0 86px;

    border: 2px solid #fff;
    border-radius: 50%;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='32' cy='18' r='7'/%3E%3Ccircle cx='18' cy='23' r='5'/%3E%3Ccircle cx='46' cy='23' r='5'/%3E%3Cpath d='M21 47v-4c0-7 5-12 11-12s11 5 11 12v4'/%3E%3Cpath d='M9 47v-3c0-6 4-10 9-10 3 0 5 1 7 3'/%3E%3Cpath d='M55 47v-3c0-6-4-10-9-10-3 0-5 1-7 3'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 52px 52px;
}

.dos-team-leader-copy {
    flex: 1;
    min-width: 0;
}

.dos-team-leader-copy h2 {
    margin: 0 0 0.35rem !important;

    color: #fff !important;

    font-size: 1.65rem;
    font-weight: 700;
    line-height: 1.2;
}

.dos-team-leader-copy p {
    max-width: 36rem;
    margin: 0 !important;

    color: #fff !important;

    font-size: 1.05rem;
    line-height: 1.5;
}

.dos-team-leader-action {
    flex-shrink: 0;
}

.dos-team-leader-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;

    padding: 1rem 1.5rem;

    border: 2px solid #fff;
    border-radius: 4px;

    color: #fff !important;
    background-color: transparent;

    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.01em;
    text-decoration: none !important;
    text-transform: uppercase;

    transition:
        background-color 0.2s ease,
        color 0.2s ease;
}

.dos-team-leader-button:hover,
.dos-team-leader-button:focus {
    background-color: #fff;
    color: #007473 !important;
    text-decoration: none !important;
}

.dos-team-leader-button span {
    font-size: 1.4rem;
    line-height: 1;
    transition: transform 0.2s ease;
}

.dos-team-leader-button:hover span,
.dos-team-leader-button:focus span {
    transform: translateX(4px);
}

/* ==========================================
   Tablet
========================================== */

@media (max-width: 900px) {
    .dos-team-leader-banner {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 1.25rem;
    }

    .dos-team-leader-action {
        grid-column: 1 / -1;
        width: 100%;
    }

    .dos-team-leader-button {
        box-sizing: border-box;
        width: 100%;
    }
}

/* ==========================================
   Mobile
========================================== */

@media (max-width: 600px) {
    .dos-team-leader-banner {
        grid-template-columns: 1fr;
        padding: 1.5rem;
        text-align: center;
    }

    .dos-team-leader-icon {
        width: 76px;
        height: 76px;
        margin: 0 auto;
        flex-basis: 76px;
        background-size: 46px 46px;
    }

    .dos-team-leader-copy h2 {
        font-size: 1.4rem;
    }

    .dos-team-leader-copy p {
        margin-right: auto !important;
        margin-left: auto !important;
        font-size: 1rem;
    }
}
.dos-coming-soon{
    display:flex;
    align-items:center;
    gap:1.75rem;

    background:#f8f9fa;

    border-left:6px solid #ffb300;

    padding:2rem;

    border-radius:4px;

    margin:3rem 0;
}

.dos-coming-soon-icon{
    font-size:3rem;
    flex-shrink:0;
}

.dos-coming-soon-content h2{
    margin:0 0 .5rem !important;
    font-size:1.8rem;
    font-weight:700;
}

.dos-coming-soon-content p{
    margin:0 !important;
    line-height:1.6;
    color:#555;
}

@media (max-width:768px){

.dos-coming-soon{
    flex-direction:column;
    text-align:center;
}

}