/* CSS used here will be applied after bootstrap.css */

/*Home Page*/
/*Logo*/
.navbar-dark #logo,
.navbar-light #logo-reversed {
	display:none;
}

section#hero {
    max-height: 500px;
    padding: 0;
}

#hero .row.justify-content-center.align-items-center {
    min-height: 500px;
}

section {
    padding-top: 3% !important;
    padding-bottom: 3% !important;
}


/*Home Page*/
.Home.jumbotron {
	margin-top: 55px; /*Adjust for NAV bar*/
	height: auto;
}

img#Logo {
	max-width: 320px;
	margin: 0 auto;
}

/*Inner Pages*/
.PageHeader h1 {
	padding-left: 30px;
}

/*Footer*/
footer.text-center.bg-secondary {
    background-color: #343a40 !important;
}

/*Overlays*/
.bg-overlay {
	--color: #fff;
}
.bg-overlay::before {
	--bgrgb: 0,0,0;
	--bgalpha: 0.4;
	--bghoverrgb: var(--bgrgb);
	--bghoveralpha: 0.6;
}
.bg-overlay.white::before {
	--bgrgb: 255,255,255;
	--color: #000;
}
.bg-overlay.gray::before {
	--bgrgb: 128,128,128;
	--color: #fff;
}
.bg-overlay.blue::before {
	--bgrgb: 0,0,255;
	--color: #fff;
}
.bg-overlay.green::before {
	--bgrgb: 0,255,0;
	--color: #fff;
}
.bg-overlay.red::before {
	--bgrgb: 255,0,0;
	--color: #fff;
}

.bg-overlay.overlay10::before {
	--bgalpha: 0.1;
    --bghoveralpha: 0.3;
}
.bg-overlay.overlay20::before {
	--bgalpha: 0.2;
    --bghoveralpha: 0.4;
}
.bg-overlay.overlay30::before {
	--bgalpha: 0.3;
    --bghoveralpha: 0.5;
}
.bg-overlay.overlay50::before {
	--bgalpha: 0.5;
    --bghoveralpha: 0.6;
}
.bg-overlay.overlay60::before {
	--bgalpha: 0.6;
    --bghoveralpha: 0.7;
}
.bg-overlay.overlay70::before {
	--bgalpha: 0.7;
    --bghoveralpha: 0.8;
}
.bg-overlay.overlay80::before {
	--bgalpha: 0.8;
    --bghoveralpha: 0.9;
}
.bg-overlay.overlay90::before {
	--bgalpha: 0.9;
    --bghoveralpha: 1;
}

.bg-overlay::before {
    content: '';
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.4);
	background: linear-gradient(rgba(var(--bgrgb),var(--bgalpha)), rgba(var(--bgrgb),var(--bgalpha)));
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	/*margin-top: 55px; Adjust for NAV bar*/
}

.bg-overlay:hover::before {
    background: rgba(0,0,0,0.6);
	background: linear-gradient(rgba(var(--bghoverrgb),var(--bghoveralpha)), rgba(var(--bghoverrgb),var(--bghoveralpha)));
}
            
.bg-overlay {
	color:#fff;
	color: var(--color);
}
/*End Overlays*/