/** Project_xx Public CSS 
* @since 1.0.0
*/

/* ********* Project Menu Shortcode */

.kne-project_xx-list-sc .kne-pjx-content ul{
    /* list-style: none; */
    padding: 0;
    margin: 0;
    /* display: table; */
    border-spacing: 0 1rem;
}

.kne-project_xx-list-sc .kne-pjx-content ul.pjx_single_list li{
    background-color: aliceblue;
    background-color: #e5e5e566;
    display: table-row;
    /* padding: 10px; */
}

.kne-project_xx-list-sc .kne-pjx-content ul li a{
    display: block;
    padding: 10px;
}

.kne-project_xx-list-sc a.project_xx_link{
    text-decoration:        none !important;
    display: block;
}

.kne-project_xx-list-sc .pjx_single_cont{
    display:                flex;
    flex-flow: row wrap;
}

.kne-project_xx-list-sc .pjx_single_cont .proj_state{
    flex: 1 1 300px;
}

.kne-project_xx-list-sc .pjx_single_cont .proj_state SPAN{
    /* padding:                2px 5px; */
    background-color: none;
    color:                black;
    font-weight:            600;
}

.kne-project_xx-list-sc .pjx_single_cont .proj_cont_box{
    flex: 10 1 400px;
}

.kne-project_xx-list-sc .pjx_single_cont .project_title{
    font-weight:            600;
}

/* ********* Pagination */

.pjxx_pagination_container{
    margin-top: 1rem;
    margin-bottom: 2rem;
}

/** ********* Single Project */

#project_xx_content{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 2rem;
    /* max-width: 100%; */
}

#project_xx_content .px_content_main{
    flex: 3 1 450px;
    /* padding-right: 1rem; */
}

#project_xx_content .px_sidebar{
    flex: 1 1 290px;
    /* max-width: 100%; */
}

#project_xx_content .px_sidebar .px_sidebar_head{
    color: white;
    background-color: #CCCCCC;
    padding-left: 9px;
    font-weight: 600;
}

#project_xx_content .px_sidebar H5{
    font-weight: 600;
}