body {
	--primary-bg: #356981;	/*brighter blue*/
	--secondary-bg: #e8f1f9; /*very light blue*/
	--tertiary-bg: #9bb6c6;  /*Grayish Blue */
	--nav-bg: #18536f; /*darker blue*/
	--nav-bg-rgb: 24, 83, 111;
	
	--primary-button: #2ab6a9; /*aqua*/
	--primary-button-rgb: 42, 182, 169;
	--secondary-button: #e6007e; /*hot pink*/
	--cancel-button: #706f6f; /*dark gray*/
	--disabled-button: #aaa; /*light gray*/
	
	--primary-text: #185470; /*dark blue*/
	--secondary-text: #fff; /*white*/
	--tertiary-text:#706f6f; /*dark gray*/
	--nav-text: #e8f1f9; /*off-white*/
	
	--overlay-bg: #fff; /*white*/
	--overlay-border: #185470; /*dark blue*/
	
	--status-error: #f00; /*red*/
	--status-warning: #e7b416; /*yellow*/
	--status-ok: #2dc937; /*green*/
	
	--accent-red: #e7302a;
	--accent-orange: #f39200;
	--accent-blue: #0e71b8;
	--accent-purple: #951b81;
}

html, body {
	height:100%;
	width:100%;
}
body {
	min-height:850px;
	position:relative;
	background:var(--secondary-bg);
}

button {
	background:var(--secondary-button);
	color:var(--secondary-text);
}

#heroDisplay {
	display: block;
	float: left;
	text-align: right;
	width: 40%;
	margin:40px 3% 25px 0;
}

#taglineImage {
	margin-right:37px;
	height: 75px;
	background:url(../images/new-logo-onvu-learning.png) no-repeat right top;
	background-size: contain;
	font-size:1px;
	text-align:right;
}
#taglineImage a {
	display:inline-block;
	width:225px;
	height:75px;
	color:transparent;
}
#heroImg {
	margin-top:	14px;
	height: 300px;
}

#formContainer {
	display: block;
	float: left;
	font-size: 15px;
	width: 40%;
	padding-top:110px;
}
form, #textMessage {
	padding:50px;
	border-radius: 5px;
	margin:0 0 20px 0;
	background: var(--tertiary-bg);
	border: 1px solid var(--disabled-button);
}

#loginOr span {
	background:var(--tertiary-bg);
}

#manageOrgDropDown, #manageMountTypeDropDown {
    background: var(--secondary-bg);
}
.institution .chooseOrg, .institution .chooseMountType {
	background: var(--secondary-bg);
}
.institution .chooseOrg li:hover, .institution .chooseMountType li:hover {
	background: var(--tertiary-bg);
}

p.fauxLink {
	margin-left:175px;
}

#browserWarning, #cookieWarning {
	margin-top:85px;
	background:var(--overlay-bg);
	border:3px solid var(--secondary-button);
	border-radius:7px;
}
#phoneWarning {
	margin-bottom:5px;
	background:var(--overlay-bg);
	border:3px solid var(--secondary-button);
}


#g-spinner.loading > .circle.c1, #g-spinner.loading > .circle.c3 {
	background: var(--secondary-button);
}
#g-spinner.loading > .circle.c2, #g-spinner.loading > .circle.c4 {
	background: var(--primary-button);
}

#waveContainer {
	background: var(--secondary-bg) url(../images/wave.svg) no-repeat top center;
	background-size:cover;
}
footer {
    position: absolute;
	bottom: 0px;
	border-top: 14px solid transparent;
    border-image: url(../images/rainbow-stripe.svg) 7 fill stretch;
	color:var(--nav-text);
	background:var(--nav-bg);
}

footer a {
	color:inherit;
	text-decoration:none;
}
footer a:hover {
	color:var(--secondary-button);
}

#cookieAcceptance {
	background:var(--primary-bg);
	bottom:140px;
}
#cookieAcceptance p {
	color:var(--secondary-text);
}

@media (max-width:800px){
	#formContainer {
		padding-top:63px;
    }
}

/*Maintenance page styles*/
#page-maint #formContainer {
	padding-top:148px;
}