/* Custom styling dynamically generated by WordPress */







#psp-projects #psp-title #psp-main-nav #nav-menu ul li a {
    color: #fff;
}

#psp-projects #psp-title span {
    color: #aeb2b7;
}

body.psp-standalone-page,
#psp-projects,
#psp-projects.psp-standard-template {
    background-color: #f1f2f7;
}

#psp-projects.psp-part-project,
#psp-projects.psp-single-project {
	background: transparent;
}

#psp-projects .psp-phase,
#psp-projects #psp-phases {
    border-color: #f1f2f7;
}

#psp-projects #project-documents,
#psp-projects #psp-essentials div h4,
#psp-projects .psp-timing li,
#psp-projects .psp-time-start-end,
#psp-projects .psp-time-indicator {
    color: #333;
}

#psp-projects #project-documents ul li a {
    color: #000;
}

#psp-projects #project-documents h3 {
    color: #999;
}

#psp-projects #psp-discussion {
    background-color: #2a3542;
}

/* Custom styles for Project Panorama dashboard */

/* Adjusting container width */
.pp-dashboard-container {
    max-width: 1000px; /* Adjust width as needed */
    margin: 0 auto;
    padding: 20px;
}

/* Styling section titles */
.pp-section-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}

/* Styling project cards */
.pp-project-card {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
}

.pp-project-card h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.pp-project-card p {
    font-size: 16px;
    line-height: 1.5;
}

/* Styling project status */
.pp-project-status {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}

/* Styling project buttons */
.pp-project-buttons .button {
    background-color: #007bff; /* Change color as needed */
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    margin-right: 10px;
}

.pp-project-buttons .button:hover {
    background-color: #0056b3; /* Change hover color as needed */
}

/* Styling project progress bar */
.pp-project-progress-bar {
    height: 20px;
    background-color: #f0f0f0;
    border-radius: 5px;
    margin-top: 10px;
    overflow: hidden;
}

.pp-project-progress-bar .progress {
    height: 100%;
    background-color: #007bff; /* Change progress bar color as needed */
    border-radius: 5px;
}

/* Styling project progress text */
.pp-project-progress-text {
    font-size: 14px;
    margin-top: 5px;
}