/* Global Colors and Background */
:root {
    --color-primary: #9641D7;
    --color-secondary: radial-gradient(1000px 500px at 10% 20%, #AB53CC 0%, #4B3691 50%, #000752 100%), #000752;
}

/* background */
body, 
#wrapper, 
.body-wrapper {
    background-color: #fafafa !important; 
}

/*    Header background : abit anoying */
header#header {
    background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), 
                      url("https://dgmm2027.sciencesconf.org/data/css/BEBC5FCA_4B5F_4E38_BD47_644CA11C7A60_1_105_c.jpeg") !important;
   background-position: center bottom !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* header and menu takes the full-screen width */
#header-wrapper, 
header#header,
header#header .container,
header#header .row,
header#header section#menu,
header#header #hero-banner {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

#header-wrapper, 
header#header .container,
header#header .row,
header#header #hero-banner {
    background: transparent !important;
}

/* Navigation  */
/* Main Navigation Container */
header#header section#menu,
header#header section#menu nav[role="navigation"],
header#header section#menu nav[role="navigation"] ul,
header#header section#menu ul {
    background-color: #4B3691 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

header#header section#menu .container,
header#header section#menu .row,
header#header section#menu .col-md-12 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

header#header section#menu nav,
header#header section#menu div,
header#header section#menu ul,
header#header section#menu li {
    border: none !important;
    box-shadow: none !important;
    background-image: none !important;
}

header#header nav[role="navigation"] li,
header#header nav[role="navigation"] ul li,
header#header nav[role="navigation"] li.active {
    background-color: transparent !important;
    background: none !important;
}

/* Menu links */
header#header nav[role="navigation"] a,
header#header nav[role="navigation"] ul li a {
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 16px 22px !important;
    background-color: transparent !important;
}

/* Hover + Active : underline */
header#header nav[role="navigation"] a:hover,
header#header nav[role="navigation"] li:hover a,
header#header nav[role="navigation"] li.active a,
header#header nav[role="navigation"] li.active {
    color: #ffffff !important;
    background-color: transparent !important; /* Removes the white box */
    background-image: none !important; /* Kills any default SciencesConf gradients */
    text-decoration: underline !important; /* Highlights the text with a line */
    text-underline-offset: 6px !important; /* Pushes the underline down slightly so it looks clean */
}

/* Our dgmm header*/
.dgmm-header {
    min-height: 250px;/*250px */ 
    display: flex !important;
    flex-direction: column !important; /* Forces layout to stack rather than row align */
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 50px 20px 20px 20px !important;  /*60px 20px 20px 20px */
    width: 100% !important;
    margin: 0 auto !important;
}

/* Ensure the text container fills the parent bounds neatly */
.header-content {
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}

.conf-title {
    color: #2C1E5E !important; /* Darker purple */
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    text-shadow: 2px 2px 4px rgba(255,255,255,0.9) !important;
    margin-bottom: 10px !important;
}

.conf-subtitle {
    color: #333333 !important; 
    font-size: 1.25rem !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

/*    Main Page Layout */
#columns, #main-container, #page {
    padding-top: 40px !important;
}

#main-container, 
#page, 
#columns, 
#content,
article, 
.panel, 
.well {
    background-color: #fafafa !important;
    margin: 0 auto !important;
    max-width: 1100px !important;
    padding: 60px 40px 100px 40px !important;
    box-shadow: none !important;
    border: none !important;
}

#page ul { 
    list-style: disc inside; 
}