/*===== Custom Month Divider ===*/
    .sr-only {
        position: absolute !important;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overlfow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
        display: inherit !important;
    }
    .flowering-list {
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: flex;
    }
    .flowering-month {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        width: 34px;
        height: 34px;
        color: var(--muted);
        background-color: var(--line);
    }
    .flowering-month.active {
		color: var(--parchment);
        background-color: var(--e-global-color-accent);
        //background-color: #61CE70;
    }
    .flowering-month:first-child {
        border-radius: 14px 0 0 14px;
    }
    .flowering-month:last-child {
        border-radius: 0 14px 14px 0;
    }
    .flowering-month .flowering-tooltip {
        display: none;
    }
    .flowering-month:hover .flowering-tooltip {
		color: var(--parchment);
        display: block;
        background-color: var(--e-global-color-primary);
		width: 105px;
        position: absolute;
        padding: 5px 10px;
        border-radius: 14px;
        left: -70px;
        bottom: -46px;
        z-index: 2;
    }
    .flowering-month:hover .flowering-tooltip:before {
        content: " ";
        width: 10px;
        height: 10px;
        background: var(--e-global-color-primary);
        transform: rotate(45deg);
        position: absolute;
        top: -4px;
        left: 80px;
    }




