.font-mute {
    font-size: 10px;
}

/*X-Small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .fix_conn {
        overflow-x: auto !important;
    }

    .conn {
        width: 1000px !important;
    }
}
/*X-Small devices (portrait phones, less than 420px)*/
@media (max-width: 420.98px) {
    .select2-container {
        max-width: 375px !important;
    }
}
/*X-Small devices (portrait phones, less than 420px)*/
@media (max-width: 375.98px) {
    .select2-container {
        max-width: 350px !important;
    }
}

.fix_conn {
    width: 100%;
}

#weather7days .card {
    min-width: 100%;
    background: linear-gradient(180deg, #FFFFFF -4%, rgba(255, 255, 255, 0.81) 2.6%, rgba(255, 255, 255, 0.8) 71.87%) !important;
    padding: 12px !important;
}

#weather7days .col:first-child .card {
    background: linear-gradient(180deg, #FFFFFF -1.4%, rgba(255, 255, 255, 0.8) 1.81%, #FFFFFF 21.68%, #FFFFFF 100.11%) !important;
    filter: drop-shadow(0px 1px 12px rgba(0, 0, 0, 0.25)) !important;
}

    #weather7days .col:first-child .card .today-header div {
        color: var(--dark1) !important;
    }

        #weather7days .col:first-child .card .sub-heading, #weather7days .col:first-child .card .today-header div:first-child {
            font-weight: 600 !important;
            color: var(--dark1) !important;
        }


.conn {
    width: 100%;
}

#weather7days .row > * {
    padding: 0 !important;
    padding-right: 16px !important;
}

.select2-results__options::-webkit-scrollbar-thumb {
    background-color: var(--light2) !important;
}

#banner-currentweather #temperature {
    font-size: 2.375rem !important;
    line-height: 3.625rem !important;
}

#widget-forcast-text {
    font-weight: 400 !important;
}