@import url('https://fonts.googleapis.com/css2?family=Nunito&family=Source+Sans+3&display=swap');


:root {
    --color_JobHunt_light: #ecf0f3;
    --color_JobHunt_mid: #a0b6c5;
    --color_JobHunt_dark: #5B7E96;

    --color_Provider_light: #eee1c8;
    --color_Provider_mid: #dcbe89;
    --color_Provider_dark: #CBA052;

    --color_JobTraining_light: #eadcef;
    --color_JobTraining_mid: #c9a4d5;
    --color_JobTraining_dark: #683D76;

    --color_Main_light: #eadcef;
    --color_Main_mid: #c9a4d5;
    --color_Main_dark: #A05EB5;
}


body {
    font-family: 'Source Sans 3', sans-serif !important;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Nunito', sans-serif !important;
}

div.panel-heading {
    font-family: 'Nunito', sans-serif !important;
}




.emergencyEject {
    position: fixed;
    top: 5px;
    left: 5px;
    z-index: 100;
}


div.JobHunt {
    background-color: var(--color_JobHunt_light);
}

div.JobHunt-header {
    background-color: var(--color_JobHunt_dark) !important;
    color: white !important;
    font-weight: bold;
}

i.splash_JobHunt {
    color: var(--color_JobHunt_dark);
}




div.provider {
    background-color: var(--color_Provider_light);
}

div.provider-header {
    background-color: var(--color_Provider_dark) !important;
    color: white !important;
    font-weight: bold;
}

i.splash_provider {
    color: var(--color_Provider_dark);
}




div.JobTraining {
    background-color: var(--color_JobTraining_light);
}

div.JobTraining-header {
    background-color: var(--color_JobTraining_dark) !important;
    color: white !important;
    font-weight: bold;
}

i.splash_JobTraining {
    color: var(--color_JobTraining_dark);
}





.JobHunt_dark {
    color: var(--color_JobHunt_dark);
    fill: var(--color_JobHunt_dark);
}

.provider_dark {
    color: var(--color_Provider_dark);
    fill: var(--color_Provider_dark);
}

.JobTraining_dark {
    color: var(--color_JobTraining_dark);
    fill: var(--color_JobTraining_dark);
}





.jumbotron-header {
    background-image: url('../images/Warehouse_worker_cropped_5652x1180_high_exposure.jpg');
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}

    .jumbotron-header > h1 {
        text-shadow:
        -2px -2px 0 black,
         2px -2px 0 black,
        -2px  2px 0 black,
         2px  2px 0 black;
        color: #ffffff;
    }

    .jumbotron-header > p {
      color: black; /* Base text color */
      font-weight: bold;
      /* White outline (inner layer) */
      text-shadow:
        -1px -1px 0 white,
         1px -1px 0 white,
        -1px  1px 0 white,
         1px  1px 0 white;
    }


.image-source {
  position: absolute;
  top: 5px; /* Adjust spacing from bottom */
  left: 5px;   /* Adjust spacing from left */
  font-size: 0.75rem; /* Make text smaller */
  color: #333333; /* Optional: lighter color */
  margin: 0;   /* Remove default <p> margins */
  font-style: italic;
}


p.blockDescText {
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    /*text-shadow: -1px -1px #000000, 1px 1px #000000;*/
}



.footerDiv {
    background-color: lightgray;
}

.footerDivContent {
    padding: 20px;
}






.mainColumnWells {
    background-color: transparent;
    background-image: linear-gradient(to bottom, rgba(30, 87, 153, 0.2) 0%, rgba(125, 185, 232, 0) 100%);
    background-repeat: repeat;
    border-radius: 10px;
    padding: 10px;
}




.sectionHead {
    font: 2em bold Arial, Helvetica, sans-serif;
}







.showBorder {
    border: 5px solid red;
}





.sectionHeadDV {
    background-color: darkred !important;
    color: white !important;
    font-weight: bold !important;
    font-size: x-large !important;
    font-family: 'Nunito', sans-serif !important;
}