#floodalert-gadget {
    padding-bottom: 1em;
}


#floodalert-gadget .flood-item{
    margin-bottom: 1em;
    display: flex;
    gap: 1em;
    padding: 1em;
    background-color: #fff;
}

#sidebar #floodalert-gadget .flood-item {
    padding: 5px;
    gap: 5px;
    flex-direction: row-reverse;
}

#sidebar #floodalert-gadget .flood-item p {
    margin-bottom: 0.5em;
}

#floodalert-gadget .flood-item h3 {
    margin: 0;
}

#sidebar #floodalert-gadget .flood-item .message, #sidebar #floodalert-gadget .flood-item .explanation, #sidebar #floodalert-gadget .flood-item .summary {
    display: none;
}

.short #floodalert-gadget .flood-item .message {
    display: none;
}

#floodalert-gadget .flood-item.level-1 {
    border: 2px solid red;
    background-color: #ff000033;
}

#floodalert-gadget .flood-item.level-2 {
    border: 1px solid red;
    background-color: #ff000033;
}

#floodalert-gadget .flood-item.level-3 {
    border: 1px solid orange;
    background-color: #eb9a3d33;
}
#floodalert-gadget .flood-item.level-4 {
    border: 1px solid green;
    background-color: #ebe8d4;
}

#content #floodalert-gadget .floodalert-icon {
    width: 100px !important;
    height: 100px !important;
    aspect-ratio: 1/1;
    display: inline-block;
}


.flood-details h2 {
  margin-top: 0;
}

.update-time {
  margin: 0;
  text-emphasis: ;
  font-style: italic;
}


#sidebar #floodalert-gadget .floodalert-icon img, #content .gpCol-4 #floodalert-gadget .floodalert-icon img, #content .gpCol-3 #floodalert-gadget .floodalert-icon img{
    width: 50px !important;
    height: 50px !important;
    aspect-ratio: 1/1 !important;
    display: block;
    float: right;
    margin-left: 5px;
    margin-right: 0px;
}

#content .gpCol-6 #floodalert-gadget .floodalert-icon {
    width: 57px !important;
    height: 57px !important;
    aspect-ratio: 1/1 !important;
    display: block;
    float: right;
    margin-left: 5px;
    margin-right: 0px;
}



.flood-item p.link {
    margin: 0;
}


.flood-day {
    display: block;
    width: 100%;
    float: left;
    margin: 5px 0;
}

.flood-date {
    margin: 0 0 3px 0;
}

.flood-icon {
  margin-top: 3px;
}



#sidebar .flood-details, #content .gpCol-4 .flood-details, #content .gpCol-3 .flood-details {
  max-width: calc(100% - 45px);
}

.floodalert-gadget .credit {
    font-size: 0.7em;
}