/* CSS Stylesheet for all Static Project Pages & the associated Partial Pages Used in them */

/* Persistant Root Vars */
:root 
{
    --dansby-purple: rgb(153, 50, 204);
    --dansby-purple-transparent: rgba(153, 50, 204, 0.75);
    --lighten-dansby-purple: #753389;
    --light-purple: #bb73dd;
    --shadow-purple: #9228b3;
    --dark-purple: #7e22ce;
    --section-dark-gray: rgb(50, 50, 50);
    --section-dark-gray-transparent: rgba(57, 57, 57, 0.9);
    --cornflower-blue: #6693f5;
    --section-light-gray: rgb(215, 215, 215);
}   

/* References the PartialPages/projectSidebarTemplate.php */
.project-details-sidebar
{
    background-color: #dedede;
    box-shadow: 0 0 8px rgba(0,0,0,0.08);
    border-radius: 10px;
    padding-bottom: 50px;
    min-height: 80vh; /* Forced to use least 80% of viewport height */
}

/* Montclair LMS Styling Section */
.content-box-LMS
{
    background-color: white;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    padding: 1.5rem;
    border: 1px solid black;
    margin-right: 5px;
}

.sub-box-LMS
{
    background-color: #ecebeb;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    padding: 1.5rem;
    border: 1px solid black;
}

/* ErrorLogger App Styling Section */

.cover-pic-ErrorLog
{
    max-height: 500px; 
    object-fit: contain; 
}