/* Custom styles go here */
:root {
    --blue: #0A94C8;
    --lighter-blue: #addbec;
    --yellow: #FFB603;
    --red: #FF2F03;
    --dark: #233044;
    --grey: #454963;
    --white: #fff;
    --offwhite: #fafafa;
    --title: 'Georgia', sans-serif;
    --summary: 'Georgia', sans-serif;
    --headings: 'Georgia', sans-serif;
    --h5: 0.83rem;
    --h6: 0.67rem;
}

.subheading {
    font-family: 'Georgia', sans-serif;
}

a.heading.fs-2 {
    font-weight: bold;
}

h1 {
    /* font-family: 'Times New Roman', sans-serif; */
    color: black;

}

h2, h3, h4 {
    /* font-family: 'Times New Roman', sans-serif; */
    font-weight: normal;
    
}

p, li {
    /* font-family: 'Times New Roman', Times, serif; */
    font-weight: normal;
}

code {
    color: red;
    background-color: #f0f0f0;
    padding: 2px 4px;
    border-radius: 4px;
    font-family: 'cascade code', monospace;
}

.nav-item {
    margin-top: 0.5rem;
}

#dark_mode_button{
    margin-top: 0.6rem;
}

.card-title.quick-access-title {
    font-family: 'Georgia', serif;
}


/* Reset default margins and paddings */
body, html {
    margin: 0;
    padding: 0;
}

/* Page header styling */
.page-header {
    padding: 20px;
    background-color: #f5f5f5; /* Optional: Header background color */
    border-bottom: 1px solid #ddd; /* Optional: Bottom border */
    text-align: center; /* Center-align the title */
}

/* Main container styling */
.main-container {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}

/* Sidebar (TOC) styling */
.sidebar {
    width: 250px;          /* Fixed width for the sidebar */
    flex-shrink: 0;
    padding: 20px;
    background-color: #fafafa; /* Optional: Sidebar background color */
    border-right: 1px solid #ddd; /* Optional: Right border */
}

/* Content area styling */
.content {
    flex-grow: 1;
    padding: 20px;
}

/* Responsive design adjustments */
@media screen and (max-width: 800px) {
    .main-container {
        flex-direction: column;
    }

    .sidebar {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #ddd;
    }
}