/*********** Table of Contents ***********
    1.0: View Articles
*****************************************/
.all-articles{
    transition:1s ease;
}
.parent {
    margin-top: 1em;
}

.left {
    display: inline-block;
    float: left;
}

.right {
    display: inline-block;
    float: right;
    margin-bottom: 2em;
}

.article-block img {
    width: 100%;
}

.article-block h4 {
    cursor:pointer;
}

.article-block text {
    width: 100%;
}

.article-block p {
    display: normal;
}

.article-block .effect {
    /*width: 75px;*/
}

.article-block .more-link {
    color: #007bff;
    font-weight:bold;
    cursor:pointer;
}

.articles-by-page-article-container {
    border: 2px solid #7f7f7f;
    height: 100%;
}
.article-categories {
    /*height: 50px;*/
    width: 100%;
    margin-bottom: 10px;
}

.article-categories span {
    white-space: nowrap;
    display: block;
    padding: 5px 15px;
    background: #44444412;
    border: none;
    outline-color: var(--background-primary-accent-color);
    text-decoration: none !important;
}

#dashboard-categories-view {
    text-align:left;
}

.full-article .top-links,
.edit-article .top-links,
.categories.top-links {
    display: flex;
    cursor: pointer;
    margin-bottom: 10px;
}
    .full-article .top-links a,
    .edit-article .top-links a,
    .categories.top-links a {
        display: flex;
        align-items: center;
    }
    .full-article .top-links i,
    .edit-article .top-links i,
    .categories.top-links i {
        margin-right: 10px;
    }
        .full-article .top-links a:hover,
        .edit-article .top-links a:hover,
        .categories.top-links a:hover,
        .full-article .top-links i:hover,
        .edit-article .top-links i:hover,
        .categories.top-links i:hover {
            text-decoration: none;
        }

.container .post-image {
    display: none;
}

#pageText {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.inline {
    display: inline-block;
}

.pagination {
    display: inline-block;
}

    .pagination a {
        color: black;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
    }

.apa-paging {
    text-align: center;
    /*padding-top:5px;
    padding-bottom:5px;*/
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    margin-top: 5px;
}

    .apa-paging .apa-first-page,
    .apa-paging .apa-prev-page,
    .apa-paging .apa-next-page,
    .apa-paging .apa-last-page,
    .apa-paging .apa-page {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 2px;
        /*background-color: steelblue;
    color: white;*/
        color: #2699FB;
        min-width: 22px;
        min-height: 28px;
        cursor: pointer;
    }

        .apa-paging .apa-first-page:hover,
        .apa-paging .apa-prev-page:hover,
        .apa-paging .apa-next-page:hover,
        .apa-paging .apa-last-page:hover,
        .apa-paging .apa-page:hover {
            /*background-color: firebrick;*/
            color: firebrick;
        }

        .apa-paging .apa-first-page i,
        .apa-paging .apa-last-page i {
            font-size: 28px;
        }

        .apa-paging .apa-prev-page i,
        .apa-paging .apa-next-page i {
            font-size: 23px;
        }

    .apa-paging .apa-page {
        margin-left: 2px;
        margin-right: 2px;
        font-size: 20px;
    }

        .apa-paging .apa-page:first-of-type {
            margin-right: 0px;
            margin-left: 0px;
        }

        .apa-paging .apa-page:last-of-type {
            margin-right: 0px;
            margin-left: 0px;
        }

        .apa-paging .apa-page.active,
        .apa-paging .apa-page.disabled {
            /*background-color: gray;*/
            color: gray;
            cursor: default;
        }

        .apa-paging .apa-page.paged-out {
            display: none;
        }

.edit-icon {
    float: right;
    cursor: pointer;
    color: var(--background-primary-accent-color);
}

.header-row .article-button-container {
    justify-content:end;
}

@media screen and (max-width: 1250px) and (min-width: 991px) {
    .header-row .article-button-container #btnAddArticle,
    .header-row .article-button-container #btnToggleCategories {
        padding: 10px;
        width: 140px;
    }
}

@media screen and (max-width: 991px) {
    .header-row .article-button-container {
        justify-content: start;
    }
}

@media screen and (max-width: 535px) {
    .header-row .article-button-container #btnAddArticle,
    .header-row .article-button-container #btnToggleCategories {
        padding: 10px;
        width: 140px;
    }
}

.category-header {
    /*    font-size: 28px;
    color: white;
    background-color: var(--background-primary-accent-color);
    padding: 5px;
    margin-top: 0px;
    text-align: center;
    border-radius: 0px;*/
}

.more-button a { 
    color:white;
}
    .more-button a:hover {
        text-decoration:none;
    }
.category-btn {
    margin-bottom:10px;
}

.view-more-container {
    text-align:center;
    width:100%;
}

ul.category-list {
    padding-left: 10px;
}
    ul.category-list li {
        list-style: none;
        text-decoration: none;
        font-weight: 600;
    }

.category-list li {
    text-decoration:underline;
    cursor:pointer;
}
    .category-list li:hover {
        color:firebrick;
    }
    .category-list li.subcategory {
        margin-left:10px;
    }

@media (max-width: 767px) {
    #dashboard-categories-view {
        text-align:left;
    }
}

.hrefnonedecoration, .hrefnonedecoration:hover {
  text-decoration: none;
  color: inherit;
}