@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css');

.onecity-side-menu-nav ul,
.onecity-side-menu-nav li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* 
.onecity-side-menu-nav .onecity-side-menu-parent li {
    padding-right: 20px;
} */

ul.onecity-side-menu-post {
    padding-right: 40px;
}

/* ul.onecity-side-menu-root>li {
    text-indent: 0px;
}

.onecity-side-menu-nav .onecity-side-menu-parent li {
    text-indent: 10px;
}

ul.onecity-side-menu-parent>li {
    text-indent: 15px;
} */

span.onecity-side-menu-none:before,
span.onecity-side-menu-open:before,
span.onecity-side-menu-close:before {
    min-width: 36px;
    display: inline-block;
}

span.onecity-side-menu-none:before {
    content: "";
    padding-left: 20px;
}

.menu-post-icon-open:before,
.menu-post-icon-close:before,
span.onecity-side-menu-open:before,
span.onecity-side-menu-close:before {
    font-family: "Font Awesome 6 Pro";
    cursor: pointer;
    padding-left: 20px;
}

.menu-post-icon-close:before,
span.onecity-side-menu-open:before {
    content: "\f107" !important;
}

.menu-post-icon-open:before,
span.onecity-side-menu-close:before {
    content: "\f106" !important;
}


.onecity-side-menu-nav .onecity-side-menu-parent li {
    display: table;
}

.onecity-side-menu-nav .onecity-side-menu-parent li span {
    display: table-cell;
}

ul.onecity-side-menu-root.all>li>span {
    pointer-events: none;
    opacity: 0;
}

ul.onecity-side-menu-post {
    padding-right: 15px;
}

ul.onecity-side-menu-parent {
    padding-right: 10px;
}

ul.ul-docs-tsg {
    list-style: none;
    font-size: 14px;
    display: none;
}

li.li-docs-tsg>a {
    padding-right: 5px;
}

li.li-docs-tsg {
    padding-bottom: 5px;
}

.ul-docs-tag-list,
.onecity-side-menu-post-bt>li,
.li-docs-tsg {
    list-style: none;
}

.ul-docs-tag-list>li>a {
    color: black !important;
    font-size: 14px;
    padding: 13px 2px;
}

.ul-docs-tag-list>li {
    padding: 6px 0;
}

.fa-arrow-turn-down-left {
    cursor: pointer;
}

ul.ul-post-tag {
    list-style: none;
    display: flex;
    padding-right: 0;
}

li.li-post-tag {
    border: 1px solid;
    margin: 0 10px;
    padding: 4px;
    width: 73px;
    text-align: center;
    font-size: 13px;
    color: black;
}

.li-post-tag-big {
    border: 1px solid;
    margin: 0 10px;
    padding: 10px;
}

.betterdocs-footer a:focus,
.betterdocs-footer a:hover,
.betterdocs-footer button:focus,
.betterdocs-footer button:hover {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #fff;
}

ul.li-post-list-by-tax {
    list-style: none;
    padding: 5px 0px;
    border: 1px solid #D4D2D2;
    margin: 0 6px;
    max-height: 133px;
    overflow-y: scroll;
    position: absolute;
    background: white;
    width: 31.5%;
}

ul.li-post-list-by-tax>li {
    color: black !important;
    text-align: right;
    padding: 4px;
    padding-right: 0;
}

.li-post-tag-div {
    display: contents;
    columns: 3;
}

h3.li-post-tag-h3 {
    font-weight: 400 !important;
    border: 1px solid;
    padding: 6px 20px;
    margin: 5px 6px;
    border-color: #D4D2D2;
}

.displ {
    display: none;
}

.li-post-tag-div-list {
    width: 33%;
    cursor: pointer;
    float: right;
}

.back-color {
    background-color: #8080804f;
}

.more-post {
    cursor: pointer;
}

.more-post>i {
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
}

.more-posts i.fa-light.fa-file-invoice {
    width: 3%;
    float: right;
}

footer.comment-meta .says,
footer.comment-meta .edit-link {
    display: none;
}

article.betterdocs-single-category-wrapper.category-grid.default {
    height: 34vh;
    margin-bottom: 2vh;
}

article.betterdocs-single-category-wrapper.category-grid-one.default {
    height: auto;
    width: 100% !important;
    min-width: 33%;
    margin-bottom: 2vh;
}

/* article.betterdocs-single-category-wrapper.category-grid-one.default .betterdocs-articles-list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
} */
.betterdocs-body {
    display: contents;
}
.category-grid-one .betterdocs-body .betterdocs-articles-list li {
    float: right;
    width: 33.33%;
    padding: 10px;
    margin: 0 !important;
}

.betterdocs-articles-list a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    /*width: 60%;*/
    display: block;
    /* Or another fixed width */
}

.category-grid-one .betterdocs-articles-list {
    width: 100%;
}

/* .category-grid-one .betterdocs-articles-list a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
} */

.betterdocs-footer {
    position: relative;
}

.betterdocs-footer a {
    bottom: 25px;
    position: absolute;
    left: 45px;
}

.betterdocs-footer svg {
    bottom: 30px;
    position: absolute;
    left: 25px;
}

.docs-cat-link-btn2 {
    font-weight: 500;
    padding: 0px !important;
}

ul.onecity-side-menu-post-bt>li {
    padding: 1px 0;
}

@media (max-width:1060px) {
    .category-grid-one .betterdocs-body .betterdocs-articles-list li {
        float: right;
        width: 50%;
        padding: 10px;
        margin: 0 !important;
    }
}

@media (max-width:768px) {
    .category-grid-one .betterdocs-body .betterdocs-articles-list li {
        float: right;
        width: 100%;
        padding: 10px;
        margin: 0 !important;
    }
}

@media only screen and (max-width: 500px) {

    .li-post-tag-div {
        display: contents;
        columns: 1;
    }

    .li-post-tag-div-list {
        width: 100%;
        cursor: pointer;
        float: right;
    }

    h3.li-post-tag-h3 {
        font-size: 0.95em;
    }

    ul.li-post-list-by-tax {
        width: 95%;
    }
}