/* Main 3 column layout */
#sp-main-body > .row {
    display: flex;
    flex-wrap: nowrap;
}

/* Left sidebar */
#sp-left {
    width: 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

/* Center content */
#sp-component {
    width: 60%;
    flex: 0 0 60%;
    max-width: 60%;
}

/* Right sidebar */
#sp-right {
    width: 20%;
    flex: 0 0 20%;
    max-width: 20%;
}


/* Remove extra bootstrap padding */
#sp-left,
#sp-component,
#sp-right {
    padding-left: 15px;
    padding-right: 15px;
}




















/* ================================
   FULL WIDTH MAIN BODY
================================ */

#sp-main-body {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

#sp-main-body .container {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

#sp-main-body .container-inner {
    width: 100%;
}


/* ================================
   THREE COLUMN LAYOUT
================================ */

#sp-main-body .row {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0;
}


/* LEFT SIDEBAR 20% */

#sp-left,
#sp-left.col-lg-4 {
    width: 20%;
    max-width: 20%;
    flex: 0 0 20%;
}


/* CENTER CONTENT 60% */

#sp-component,
#sp-component.col-lg-4 {
    width: 60%;
    max-width: 60%;
    flex: 0 0 60%;
}


/* RIGHT SIDEBAR 20% */

#sp-right,
#sp-right.col-lg-4 {
    width: 20%;
    max-width: 20%;
    flex: 0 0 20%;
}


/* Remove unwanted bootstrap spacing */

#sp-left,
#sp-component,
#sp-right {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
}























/* =====================================
   FULL WIDTH MAIN BODY
===================================== */

#sp-main-body {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

#sp-main-body .container,
#sp-main-body .container-inner {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}


/* =====================================
   DESKTOP THREE COLUMN LAYOUT
===================================== */

#sp-main-body .row {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin: 0;
}


/* LEFT SIDEBAR 20% */

#sp-left,
#sp-left.col-lg-4 {
    width: 20%;
    max-width: 20%;
    flex: 0 0 20%;
}


/* CENTER CONTENT 60% */

#sp-component,
#sp-component.col-lg-4 {
    width: 60%;
    max-width: 60%;
    flex: 0 0 60%;
}


/* RIGHT SIDEBAR 20% */

#sp-right,
#sp-right.col-lg-4 {
    width: 20%;
    max-width: 20%;
    flex: 0 0 20%;
}


/* Column spacing */

#sp-left,
#sp-component,
#sp-right {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
}


/* =====================================
   MOBILE RESPONSIVE
===================================== */

@media (max-width: 991px) {


    /* Main wrapper */

    #sp-main-body {
        width: 100%;
        max-width: 100%;
    }


    #sp-main-body .container,
    #sp-main-body .container-inner {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }


    /* Stack columns vertically */

    #sp-main-body .row {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0;
    }


    /* LEFT SIDEBAR FIRST */

    #sp-left,
    #sp-left.col-lg-4 {
        order: 1;
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }


    /* MAIN CONTENT SECOND */

    #sp-component,
    #sp-component.col-lg-4 {
        order: 2;
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }


    /* RIGHT SIDEBAR LAST */

    #sp-right,
    #sp-right.col-lg-4 {
        order: 3;
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }


    /* Mobile spacing */

    #sp-left,
    #sp-component,
    #sp-right {
        padding-left: 15px;
        padding-right: 15px;
    }

}











footer#sp-footer {
    background: #5A7ACD;
}























/* =========================================
   ARTICLE PREMIUM DESIGN
========================================= */


/* Article wrapper */

.article-details {
    background: #ffffff;
    padding: 35px;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.06);
    margin-bottom: 40px;
}


/* Article title */

.article-header h1,
.article-header .article-title {
    font-family: "Times New Roman", serif;
    font-size: 42px;
    line-height: 1.2;
    color: #5A7ACD;
    font-weight: 700;
    margin-bottom: 20px;
}


/* Article information */

.article-info {
    display: flex;
    gap: 15px;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
    
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #777;
}


/* Article body */

.articleBody {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 1.8;
    color: #333;
}


/* Paragraph spacing */

.articleBody p {
    margin-bottom: 18px;
}


/* First paragraph highlight */

.articleBody p:first-child {
    font-size: 18px;
    color: #555;
}


/* Headings inside article */

.articleBody h2,
.articleBody h3,
.articleBody h4 {

    font-family: "Times New Roman", serif;
    color: #5A7ACD;
    margin-top: 35px;
    margin-bottom: 15px;
}


.articleBody h2 {
    font-size: 30px;
    border-left: 5px solid #5A7ACD;
    padding-left: 15px;
}


.articleBody h3 {
    font-size: 24px;
}


/* Images inside article */

.articleBody img {

    max-width:100%;
    height:auto;

    border-radius:12px;

    box-shadow:
    0 10px 25px rgba(0,0,0,.12);

    margin:25px 0;
}


/* Links */

.articleBody a {

    color:#5A7ACD;
    font-weight:600;
    text-decoration:none;

}


.articleBody a:hover {

    text-decoration:underline;

}


/* Tables */

.articleBody table {

    width:100%;
    border-collapse:collapse;
    margin:30px 0;

    font-family:Arial,sans-serif;

}


.articleBody table th {

    background:#5A7ACD;
    color:white;

    padding:14px;

    text-align:left;

}


.articleBody table td {

    padding:12px;
    border-bottom:1px solid #ddd;

}


/* Quote / important section */

.articleBody blockquote {

    background:#f4f7ff;

    border-left:5px solid #5A7ACD;

    padding:20px;

    margin:25px 0;

    font-style:italic;

}


/* Social icons */

.article-social-sharing {

    margin-top:25px;
    padding-top:20px;
    border-top:1px solid #eee;

}



/* =========================================
   MOBILE
========================================= */

@media(max-width:768px){


.article-details{

    padding:20px;
    border-radius:8px;

}


.article-header h1,
.article-header .article-title{

    font-size:30px;

}


.articleBody{

    font-size:16px;
    line-height:1.7;

}


.articleBody h2{

    font-size:24px;

}


}





span.created-on-label {
    display: none !important;
}

span.owner-label {
    display: none !important;
}



span.label.label-success {
    display: none !important;
}

td.koowa_table__dates.footable-visible.footable-last-column {
    display: none !important;
}

span.label.label-success {
    display: none !important;
}



.k-ui-namespace .k-pagination {
    
    padding-bottom: 50px !important;
}




.k-ui-namespace, .k-ui-namespace *, .k-ui-namespace *:before, .k-ui-namespace *:after {
   
    font-size: 17px !important;
}















































/* =====================================
DOCMAN CATEGORY MENU
CUSTOM ACCORDION
===================================== */


/* Parent item */

#sp-left .menu-parent {

    position:relative;
    border-bottom:1px solid #eeeeee;

}


/* Parent link */

#sp-left .menu-parent > a {

    display:block;

    position:relative;

    padding:12px 35px 12px 35px !important;

    color:#333;

    font-size:15px;

    line-height:1;

    text-decoration:none;

}



/* Hover */

#sp-left .menu-parent > a:hover {

    color:#5A7ACD;

}



/* =====================================
TOGGLE
===================================== */


#sp-left .menu-parent > a .menu-toggler {


    position:absolute;

    left:5px;

    top:50%;

    transform:translateY(-50%);


    width:20px;

    height:20px;


    display:flex;

    align-items:center;

    justify-content:center;


    color:#5A7ACD;

    font-size:18px;

    font-weight:bold;


    z-index:10;


}



/* plus */

#sp-left .menu-parent > a .menu-toggler:before {

    content:"+";

}



/* minus */

#sp-left .menu-parent.open > a .menu-toggler:before {

    content:"−";

}



/* =====================================
CHILDREN
===================================== */


/* hide all */

#sp-left .menu-parent > ul.menu-child {


    display:none !important;


    margin:0 !important;


    padding:8px 0 10px 35px !important;


}



/* show only manually opened */

#sp-left .menu-parent.open > ul.menu-child {


    display:block !important;


}



/* remove inline display:block from docman */

#sp-left .menu-parent > ul.menu-child[style] {


    display:none !important;


}



#sp-left .menu-parent.open > ul.menu-child[style] {


    display:block !important;


}



/* child links */


#sp-left .menu-child li a {


    display:block;


    padding:8px 5px;


    color:#555;


    font-size:14px;


    text-decoration:none;


}



/* child hover */

#sp-left .menu-child li a:hover {


    color:#5A7ACD;


}



/* child indentation line */

#sp-left .menu-parent.open > ul.menu-child li {


    position:relative;


}


#sp-left .menu-parent.open > ul.menu-child li:before {


    content:"";


    position:absolute;


    left:-15px;


    top:18px;


    width:5px;


    height:5px;


    border-radius:50%;


    background:#5A7ACD;


}



/* active category */

#sp-left li.current > a {


    color:#5A7ACD;

    font-weight:600;


}



/* mobile */

@media(max-width:991px){


#sp-left .menu-parent > a {


    padding-left:40px !important;


}


}













#sp-left .menu-parent.open > ul.menu-child li:before {
    
    left: -3px !important;
    
}



#sp-left .sp-module ul>li>a, #sp-right .sp-module ul>li>a {

    line-height: 29px !important;
   
}



#sp-left .sp-module ul>li>a, #sp-right .sp-module ul>li>a {
    
    padding-left: 19px !important;
}






#sp-left .menu-parent > a .menu-toggler {

    left: -10px !important;
    
}




























.docman_download.docman_download--right {
    display: none !important;
}



time.result__date {
    display: none !important;
}

li.result__taxonomy-item.result__taxonomy--Author {
    display: none !important;
}














#sp-left .sp-module, #sp-right .sp-module {
    margin-top: 0px !important;

}