﻿.edition_menu {
    position: absolute;
    top: 32px;
    min-width: 400px;
    left: -45px;
    display: none;
    /* height: 260px; */
    padding: 15px 18px;
    border-radius: 8px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2);
    border: solid 0.5px #bdbdbd;
    background-color: #ffffff;
    min-height: 260px;
}

.edition_bx {
    display: flex;
    flex-direction: row;
    height: 100%;
    min-height: 230px;
}
.main_edition_bx {
    width: 120px;
    border-right: 1px solid #b12629;
    min-width: 120px;
    padding: 8px 0;
}
.main_edition_list {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .main_edition_list li > a {
        display: block;
        position: relative;
        margin: 0 0 15px;
        font-family: NotoSansDevanagariUI-Bold,'Fira Sans',sans-serif;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
    }
    .main_edition_list li:last-child > a {
        margin: 0;
    }
        .main_edition_list li > a:hover {
            text-decoration: none;
            color: #b12629;
        }
        .main_edition_list li > a.active {
            color: #b12629;
            text-decoration:none;
        }
            .main_edition_list li > a.active::after {
                content: "";
                width: 12px;
                height: 12px;
                border: 1px solid #b12629;
                position: absolute;
                top: 65%;
                right: -7px;
                border-bottom: 0;
                border-left: 0;
                transform: rotate(45deg) translate(-50%,-50%);
                background: #fff;
                display: inline-block;
            }

.sub_edition_bx {
    display: block;
    padding: 3px 15px;
    flex-grow: 1;
    overflow: auto;
}
    .sub_edition_bx .panel {
        margin-bottom: 0;
        display: none;
        box-shadow: none;
    }

        .sub_edition_bx .panel ul {
            padding: 0;
            margin: 0;
            list-style: none;
            /* display: -webkit-flex; */
            /* display: flex; */
            /* -webkit-flex-flow: column wrap; */
            /* flex-flow: column wrap; */
            /* height: 240px; */
        }
            .sub_edition_bx .panel ul li {
                /* width: 100px; */
                /*margin: 0 2px;*/
            }
                .sub_edition_bx .panel ul li > a {
                    display: inline-block;
                    white-space: nowrap;
                    margin: 0 0 4px;
                    font-family: NotoSansDevanagariUI-Regular,'Fira Sans',sans-serif;
                    font-size: 14px;
                    font-weight: normal;
                    font-stretch: normal;
                    font-style: normal;
                    line-height: normal;
                    letter-spacing: normal;
                    text-align: left;
                    color: #212121;
                }
                    .sub_edition_bx .panel ul li > a:hover, .sub_edition_bx .panel ul li > a:focus, .sub_edition_bx .panel ul li > a.active {
                        color: #b12629;
                        text-decoration: none;
                    }

                .sub_edition_bx .panel ul li.heading {
                    margin-top: 10px;
                }
                
                .sub_edition_bx .panel ul li:first-child.heading {
                    margin-top: 0;
                }
                .sub_edition_bx .panel ul li.heading > a {
                    font-weight: normal;
                    cursor: default;
                    color: #212121 !important;
                    font-family: NotoSansDevanagariUI-Bold,'Fira Sans',sans-serif;
                }
                    .sub_edition_bx .panel ul li.heading > a:hover {
                        color: #212121 !important;
                    }
                /*#Delhi-NCR ul {
                    column-count: 3;
                }

#UP ul {
    column-count: 6;
}
#UK ul {
    column-count: 2;
}
#Bihar ul {
    column-count: 5;
}
#Jharkhand ul {
    column-count: 3;
}*/

.sticky_nav .edition_menu {
    left: -75px;
}