/* ==========================================================================
   Widget - Church Online
   Heading is plain text; red buttons stack below it
   ========================================================================== */

.rw-widget-church-online {
    /* each link has its own border-radius */
}

.rw-widget-co__heading {
    margin: 0 0 12px;
}

.rw-widget-co__list {
    list-style:     none;
    margin:         0;
    padding:        0;
    display:        flex;
    flex-direction: column;
    gap:            15px;
}

.rw-widget-co__link {
    display:         flex;
    align-items:     center;
    gap:             20px;
    padding:         22.5px 25px;
    background:      var( --rw-primary );
    color:           #ffffff;
    text-decoration: none;
    border-radius:   15px;
    font-weight:     600;
    transition:      opacity 0.2s ease;
}

.rw-widget-co__link:hover {
    background:      var( --rw-secondary );
    color:           #ffffff;
    text-decoration: none;
}

.rw-widget-co__link:focus {
    color:           #ffffff;
    text-decoration: none;
}

li.rw-widget-co__item span {
    font-size:   25px;
    font-weight: 700;
    line-height: 1.1;
}

/* Main FA icon */
.rw-widget-co__link > i:not( .rw-widget-co__arrow ) {
    font-size:   40px;
    flex-shrink: 0;
    line-height: 1;
}

.rw-widget-co__arrow {
    margin-left: auto;
    font-size:   25px;
}

/* Responsive */
@media ( max-width: 640px ) {

    .rw-widget-co__arrow {
        margin-left: auto;
        font-size: 20px;
    }

    li.rw-widget-co__item span {
        font-size: 20px;
    }

    .rw-widget-co__link > i:not( .rw-widget-co__arrow ) {
        font-size: 30px;
    }

    .rw-widget-co__link {
        padding: 15px 25px;
    }

    .rw-widget-co__list {
        gap: 10px;
    }

}