:root {
  --bg-color-1: #e8bbb7;
}

h1 {
	font-size:1.2em;
}

h2 {
	font-size:1em;
}

#map {
	width:100%;
	height:700px;
}


.btn-app {
	background-color:white;
	border-color:black;
}

.btn-app-subdomain {
	background-color:lightgray;
	border-color:gray;
	color: gray;
}

.btn-highlight {
	background-color:#000;
	color:#fff;
}

p {
	font-size:1em;
}

.footer_text {
	font-size: 0.9em;
}

.menu-item {
	margin-left:15px;
}

#menu-bar {
	margin-top:15px;
	font-weight:600;
}


ul {
  list-style-type: none;
  padding-left: 0;
 }

a {
	color:black;
	font-weight: 500;
}

/* front page */

.frontpagetitle {
	font-size:1.6em;
}

.frontpagemaintitle {
	font-size:2em;
}

.frontpagesubtitle {
	font-size:1.3em;
}

#main-description {
	margin-top:50px;
	margin-left:50px;
	margin-right:100px;

}

.frontpage-section {
	min-height:500px;
}

#frontpage-section-2 {
	padding-top:100px;
}

#frontpage-section-3 {
	padding-top:100px;
	background-color:#F2F2F2;
}

#frontpage-section-4 {
	padding-top:100px;
}

.instruction-header {
	font-weight:600;
}

.subdomain-warning {
	font-weight: 500;
	color: darkred;
	margin-left:15px;
	margin-right:15px;
}

#errorstitle {
	margin-top:30px;
}

.errorpostcode {
	margin-bottom:0em;
}

.leftimage {
	float: right;
}

.frontpagescreen {
	border: #000 solid 1px;
	padding:15px;
}

/* topic page */

.datatopic {
	padding:15px;
}

.btn-datatopic {
	white-space: normal;
	word-wrap: break-word;
	width:100%;
	min-height:80px;
}


#step2 {
	margin-top:30px;
	min-height:600px;
}

#step3 {
	margin-top:30px;
}

#postcodes_entry {
	margin-top:30px;
}

#process_postcodes {
	margin-top:20px;
	font-size:1em;
}

.btn-data {
	background-color:white;
	border-color:black;
	min-width:90px;
	font-size:0.85em;
}

.btn-data-subdomain {
	background-color:lightgray;
	color: grey;
	min-width:90px;
	font-size:0.85em;
}

.btn-active {
	background-color:var(--bg-color-1);
}

.data-navigation {
	margin-bottom:10px;
}

.toolbar-section {
	margin-bottom:30px;
}

.popuptext {
	margin-bottom:2px !important;
	margin-top:2px !important;
}

#zoomwarning {
	font-size:2em;
}

.info {
    padding: 16px 8px 4px 8px;
    font: 14px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 5px;
}

 .link-highlight {
	text-decoration: underline;
	text-decoration-color: blue;
	color: darkblue;
}

.link-highlight-landing-page {
	text-decoration: underline;
	text-decoration-color: blue;
	color: purple;
	font-weight: 1000px;
}

/* about page */

#about {
	margin-top:30px;
}

/* footer */

#footer {
	padding-top:30px;
	padding-bottom:30px;
	background-color:#F2F2F2;
	min-height:100px;
	margin-top:30px;
}


.footer-logo {
	padding-left:15px;
	padding-right:15px;
}