/*FSA Styles*/

/*colour variables*/

:root{

--darkred:#b30000;
--medred:#FF0000;
--lightred:#FF3333;

}

html {
	scroll-behavior: smooth;
}

/*  NAV SECTION  */

.navbar {
	margin-bottom: 0;
	background-color: var(--darkred);
	box-shadow: 0px 5px 5px #444;
/*background-image: linear-gradient(#FF3333,#FF0000,#b30000);*/
background-image: linear-gradient(#e60000,#b30000);
border:0;
}

.navbar-nav > li.dropdown,.navbar-brand {
	font-size: 1.5em;
	color:#FFF;
/*	background-image: linear-gradient(red, darkred);*/
}

.navbar-nav li a.dropdown-toggle {
	color: #FFF;
/*	background-image: linear-gradient(#e60000,#b30000);*/
}



.navbar-nav li a.dropdown-toggle:hover {
	color: #FFF;
	background-color: var(--medred);
}




/*.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	background-color: var(--lightred);
}*/

.menu-btn {
	color:#FFF;
	font-weight: 600;
	border: 1px solid var(--lightred);
	border-radius: 4px;
	padding: .5em;
}

.jumbotron {

	background-image: url('../images/banner1.jpg');
	background-position: bottom right;
	background-size: cover;

	min-height: 300px;
	border-bottom: 2px solid #bbb;
	color:#FFF;



}

#titlebanner {
	font-size: 2rem;
	color:#FFF;
	position: absolute;
	width:auto;
	margin-top: 3rem;
	padding-top:0;
	text-shadow: 2px 2px 2px #000;
	line-height: 1.0;
}

#contact {
	width:auto;
	height: 1.2em;
	color: var(--darkred);
	font-size: 1.1em;
/*	margin-top: -4em;*/
	margin-left: 4em;
	margin-bottom: 2em;
/*	text-shadow: 1px 1px 1px #000;*/
}

a.contact a, a.contact:visited {
color: #FFF;
	}


#footer {
	border-top: 4px solid red;
	border-bottom: 4px solid red;
	padding:10px;
	background-color: #333;
	color:#eee;
}

#footer a, #footer a:visited {
	color: #FFF;
	text-decoration: none;
	letter-spacing: 2px;
}

#footer a:hover {
	color:var(--lightred);
}

.hpage {
	min-height: 20em;
	padding: 2em;
/*	background-image: linear-gradient(#fdfcfb, #eee) ;*/
background-color: #fff;
border-top:1px solid #ddd;
}

.hpage p, .hpage li {
	font-size: 1.2em;
}

.mapdiv {
margin-top: 10px;

}

.btn-default {
	border: 1px solid var(--lightred);
	color: var(--darkred);
	position: absolute;
	bottom: .5em;
	width:80%;
}

.btn-book {
	border: 1px solid var(--lightred);
	color: var(--darkred);
	position: relative;
	margin-top: 1em;
}
.btn-hpmap {
	background-color: var(--lightred);
	color:#FFF;
}

.fsaform {
	margin:1em;
	background-color: #f5f5f5;
	border:1px dashed var(--darkred);
	padding:1em;
}