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


:root {
    --color_Housing_light: #ecf0f3;
    --color_Housing_mid: #a0b6c5;
    --color_Housing_dark: #5B7E96;

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

    --color_Landlord_light: #eadcef;
    --color_Landlord_mid: #c9a4d5;
    --color_Landlord_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.housing {
    background-color: var(--color_Housing_light);
}

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

i.splash_housing {
    color: var(--color_Housing_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.landlord {
    background-color: var(--color_Landlord_light);
}

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

i.splash_landlord {
    color: var(--color_Landlord_dark);
}





.housing_dark {
    color: var(--color_Housing_dark);
    fill: var(--color_Housing_dark);
}

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

.landlord_dark {
    color: var(--color_Landlord_dark);
    fill: var(--color_Landlord_dark);
}





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

    .jumbotron-header > h1 {
        text-shadow: -1px -1px var(--color_Landlord_dark), 1px 1px var(--color_Provider_dark), -3px 0 4px #000000;
        color: #ffffff;
    }

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;
}