/* ====================[ GLOBAL BODY SECTION ]======================== */
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto', Arial, sans-serif;
}
/* ====================[ END GLOBAL BODY SECTION ]==================== */


/* ====================[ SITE HEADER SECTION ]======================== */
.site-header {
    width: 100%;
    min-height: 200px;
    margin-bottom: 40px;
    background: #222 center/cover no-repeat;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: start; /* Aligns content to the top of the header */
}
/* ===================![ END SITE HEADER SECTION ]==================== */


/* ====================[ HEADER CONTENT SECTION ]===================== */
.header-content {
    text-align: center;
    color: #fff;
    /* Removed padding from here; it will be handled by child elements if needed. */
    z-index: 2;
    text-shadow: 0 2px 8px rgba(0,0,0,0.5);
    margin-top: 68px; /* Primary control for vertical position from the top of .site-header */

}
/* ===================![ END HEADER CONTENT SECTION ]================= */


/* ===================![ HEADER PAGE TITLE SECTION ]=================== */
.page-title {
    /* Consolidating location styles here */
   

    /* Font styles for page title are controlled by dynamic_font_styles.php */
}
/* ===================![ END HEADER PAGE TITLE SECTION ]=============== */


/* ===================![ HEADER PAGE DESCRIPTION SECTION ]============= */
.page-description {
    /* Consolidating location styles here */
  

    /* Font styles for page description are controlled by dynamic_font_styles.php */
}
/* ===================![ END HEADER PAGE DESCRIPTION SECTION ]========= */