/*
 * File: custom_styles.css
 * Description: Custom rules for improved responsiveness and consistent spacing.
 * These rules replace non-scalable <br> tags and fixed/negative 'cm' margins.
 */

/* Sets the default font family for consistent rendering */
html, body, h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto", sans-serif;
}
    
/* 1. Image Spacing Fix (replaces multiple <br> tags below the profile image) */
.w3-display-container img {
    margin-bottom: 2rem; /* Adds scalable vertical space */
}

/* 2. Heading/Content Margin Fix (replaces fixed negative margin-top like -0.5cm) */
/* The !important flag ensures this overrides the w3.css padding defaults for tightening content */
.tight-margin-top {
    margin-top: -0.5em !important; 
}

/* 3. General list margin fixes for UL and OL within the right column (w3-twothird) */
/* Resets inline list styles and ensures lists scale correctly */
.w3-twothird ul, .w3-twothird ol {
    margin-left: 0 !important;
    padding-left: 1.5em; /* Standard list padding for list markers */
    margin-top: -0.5em; /* Applies a slight tightening effect */
}

/* 4. Fine-tuning list item appearance (adds slight spacing between items) */
.w3-twothird ul li, .w3-twothird ol li {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0.5em; /* Consistent vertical gap between publication/student entries */
    padding-left: 0;
}

/* 5. Custom margin for the initial content block (e.g., the color code box in pub.html) */
/* This is a slight adjustment to ensure the top-most content block sits correctly */
.w3-twothird .w3-container:first-of-type {
    margin-top: 0.5em; 
    margin-right: 0;
    text-align: justify;
}