/* css for helicopter feed component  */
.helicopter-feed.section {
    margin-bottom: 5rem;
}
.helicopter-feed.section .asd-time {
    display: inline-block;
    font-style: italic;
    margin-right: 1.5rem;
}
.helicopter-feed.section form:has(button) {
    display: inline-block;
    margin-right: 1.5rem;
}
.helicopter-feed.section button.asd-time-refresh {
    border: none;
    border-radius: 0.5rem;
    padding: 0.25rem 1rem;
    color: white;
    background-color: #005e9d;
    font-size: 1.25rem;
}
.helicopter-feed.section button.asd-time-refresh a {   
    padding: 1rem .75rem;
    color: white !important;
    font-weight: normal !important;
    font-size: 12px;
    vertical-align: text-top;
}
.helicopter-feed.section p.asd-helicopter-status {
    margin: 2rem 0;
    font-size: 18px;
    font-weight: bold;
    padding: 0.5rem 1rem;
    background-color: #daedf7;
    color: #333;
}

.helicopter-feed.section p.asd-helicopter-status.active {   
    background-color: hsl(35deg 100% 86%);
    margin-bottom: 0;
}
.helicopter-feed.section p.asd-helicopter-status.active + ul {
    display: block;
    background-color: hsl(35deg 100% 86% / 25%);
    padding: 2rem 3rem;
}