/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


/****SERVICE STATUS****/
/* Base styling for the service status text */
.service-status {
    font-weight: bold;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
}

/* The small colored circle */
.status-indicator {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
}

/* Green for Fully Operational */
.service-status.operational {
    color: #02ce02;
}

.service-status.operational .status-indicator {
    background-color: #02ce02;
}

/* Red for Experiencing Service Interruptions */
.service-status.interrupted {
    color: red;
}

.service-status.interrupted .status-indicator {
    background-color: red;
}