/* CSS Document */
:root {
	--wvw-blue: #153d61;
	--wvw-lighter-blue: #255b87;
}

body {
	font-family: 'Fira Sans', serif;
}

.script {
	/*font-family:'Stalemate',cursive;*/
	/*font-family:'Courgette',cursive;*/
	font-family: 'Lato', sans-serif;
}


.bg-wvw-blue {
	background-color: var(--wvw-blue);
}


h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.75em;
	/*font-weight: bold;*/
}


/* To Top Link */
#toTop {
	width: 50px;
	z-index: 10;
	border: 1px solid #ccc;
	text-align: center;
	position: fixed;
	bottom: 0px;
	right: 15px;
	cursor: pointer;
	display: none;
	font-size: 2em;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em
}

#toTop.toTopColours {
	background-color: #153d61;
	color: #fff;
}

#toTop.toTopHover {
	background-color: #255b87;
	background-color: var(--wvw-lighter-blue);
}

/*Font Awesome*/
.fa-arrow-up-right-from-square {
	color: #ccc;
	font-size: 80%;
}

.header-script {
	/*font-size:1.5rem;*/
}

.sub-header-script {
	/*font-size:1.2rem;	*/
}

.nav-item {
	margin-right: 1em;
}

p.small-gap {
	margin-bottom: 0.25rem;
}

.navbar.fixed-top {
	background: var(--wvw-blue);
}

.btn-wvw {
	background: var(--wvw-lighter-blue);
	color: white !important;
}

.btn-wvw:hover {
	background: var(--wvw-blue);
}

.text-red {
	color: red;
}

#main-content h1 {
	margin-bottom: 0.5em;
}

#main-content a:link,
#main-content a:visited {
	color: var(--wvw-blue);
	text-decoration-style: dotted;
}

#main-content a:hover {
	text-decoration-style: solid;
}


.right-col {
	background-color: #6a8f9f;
	font-size: 85%;
}

.right-col a:link,
.right-col a:visited {
	color: var(--wvw-blue);
	text-decoration-style: dotted;
}

.right-col a.white-link:link,
.right-col a.white-link:visited {
	color: white;
	border-bottom: none;
}

.right-col a.standard-link {
	color: black;
	border-bottom: 1px dashed var(--wvw-lighter-blue);
}

.right-col a:hover {
	text-decoration-style: solid;
	color: var(--wvw-blue);
}


footer {
	border-top: 3px solid var(--wvw-blue);
}

footer p {
	font-size: 80%;
	margin-bottom: 0.25rem;
}

footer a:link,
footer a:visited {
	color: var(--wvw-blue);
	text-decoration-style: dotted;
}

footer a:hover {
	text-decoration-style: solid;
}

.no-shadow:focus,
textarea:focus,
textarea.form-control:focus,
select.form-select:focus,
button:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
	box-shadow: inset 0 -1px 0 #ddd !important;
}