/* page-list */
.page-list {
    list-style: none;
    padding: 0;
}

.page-list>li>a {
    display: flex;
    margin: 2px 0;
    background: #DFE6ED;
    padding: 12px 16px 12px 16px;
    border-radius: 4px;
    align-items: center;
    justify-content: space-between;
}

.page-list>li.page_item_has_children>a button {
    position: relative;
    width: 24px;
    border: none;
    background: transparent;
    height: 24px;
    display: inline-block;
    transform: rotate(90deg);
    transition: transform 0.5s ease;
}

.page-list>li.page_item_has_children>a button::before {
    width: 0;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    content: " ";
    height: 0;
    display: inline-block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #434343;
    margin-right: 8px;
}

.page-list>li.current_page_ancestor>a button,
.page-list>li.open>a button,
.page-list>li.current_page_item>a button {
    transform: rotate(270deg);
}

.page-list li.page_item_has_children>.children {
    list-style: none;
    padding: 0;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 1s ease;
}

.page-list li.page_item_has_children.open>.children,
.page-list li.current_page_item>.children,
.page-list li.current_page_ancestor>.children {
    max-height: 800px;
}

.page-list .children li>a {
    display: block;
    margin: 2px 0;
    background: #F1F1F1;
    padding: 8px 16px 8px 16px;
    border-radius: 4px;
}

.page-list .children li>a::before {
    width: 0;
    content: " ";
    height: 0;
    display: inline-block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #434343;
    margin-right: 8px;
}


.page-list li a {
    text-decoration: none;
}


.page-list li a:hover {
    text-decoration: underline;
}

.page-list li.current_page_item>a {
    color: #C6363C;
    font-weight: normal;
}

.page-list li.current_page_item>a::before {
    border-left: 4px solid #C6363C;
}