@charset "utf-8";
/* CSS Document */

/*Mobile styling*/
html * {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding-left: 0;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 0;
}
@media screen and (max-width: 57em) {
body {
	font-size: 0.9em;
	width: 99%;
	background: none;
}
#widthBox {
	border: none;
	/* padding: 1%; */
	text-align: left;
}
#header, body.homePage #header {
	height: auto;
	min-height: 7.2em;
	background-size: cover;
	background-image: url(https://resources.bgs.ac.uk/images/header/mobile/witchesCraig.jpg);
	overflow: auto;
	width:100%;
}
.homePage.about #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/mobile/P782065.jpg);
}
.homePage.services #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/mobile/_PJW7386.jpg);
}
.homePage.ourResearch #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/mobile/P006558.jpg);
}
.homePage.contact #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/mobile/enquiriesFieldTrip.jpg);
}
.homePage.people #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/mobile/P811650.jpg);
}
.homePage.news #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/mobile/P741100.jpg);
}
.homePage.data #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/mobile/GV-Bowland.jpg);
}
.homePage.downloads #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/mobile/P900639.jpg);
}
.homePage.hosted #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/mobile/P211535.jpg);
}
.homePage.DG #header {
	background-image: url(https://resources.bgs.ac.uk/images/header/mobile/belemnotheusis_big.jpg);
}
.homePage #header h1 {
	font-size: 2em;
	clear: both;
	color: #fff;
	padding: 0.2em;
}
#slogan {
	float: right;
	margin: 1%;
	font-size: 1.5em;
}
body:not(.homePage) #menuBtn {
	display: block;
}
#menuBtn a:link, #menuBtn a:visited {
	color: #000;
}
#leftCol {
	left: 0;
	display: block;
	clear: both;
}
#navigation {
	overflow: auto;
	padding:6px;
}
#navLinks2 ul ul {
	display: none;
}
#headerNav, #qSearch {
	color: #000;
	padding: 0.1em;
	font-size: 90%;
	margin-right: 0.2em;
}
#navLinks2 {
	padding-left: 0.5%;
	padding-right: 0.5%;
	float: left;
	width: 85%;
}
#qSearch {
	float: right;
	width: 10%;
}
.navigator div.topLevel > a, .navigator div.topLevel > span {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}
.navigator div.topLevel > a {
	padding-right: 0.5em;
	padding-left: 0.5em;
}
/*nav drop down*/
#navLinks.navigator div.topLevel:hover div.secondLevel, #navLinks2.navigator div.topLevel:hover div.secondLevel {
	left: 1%;
	right: 2%;
}
/*end*/
.navigator #quickLinks {
	float: left;
	border-left: solid 0.1em #000;
}
#breadCrumbs {
	clear: both;
}
h1, h2, h3 {
	padding: 0.1em;
	margin-top: 0.4em;
}
#leftCol, #midCol {
	clear: both;
}
#midCol {
	width: 100%;
}
#midCol h1 {
	font-size: 140%;
}
div.sectionTop, div:first-child.section {
	border-top: 0.1em solid #8EC0E3;
}
h2, #midCol .AccordionPanelTab h2, #pageTopLink {
	font-size: 130%;
}
h3 {
	font-size: 120%;
}
h4 {
	font-size: 110%;
}
h5 {
	font-size: 105%;
}
p {
	margin-top: 0.2em;
	margin-bottom: 0.4em;
}
#midCol p img:not(.sectionIcon):not(.uiIcon) {
	width: 100%;
}
#mapDiv {
	clear: both;
}
.googleMap {
	width: 100%;
	height:30em;
}
.obsgoogleMap {
	width: 98%;
	height: 35em;
	padding-left: 1%;
	padding-right: 1%;
	padding-bottom: 1%;	
	clear: right;
	margin-bottom: 15px;
	margin-left:0px;
	margin-right:0px;
	/* float: right; */
}
div.imgBoxRight40 span, div.imgBoxRight50 span {
	display: none;
}
div.imgBoxRight50 .clear {
	clear: none;
}
div.fullWidthImg img, img.fullWidthImg {
	max-width: 100%;
}
#newsAndShare {
	min-height: 7em;
	width: 100%;
}
#newsIcons img {
	width: 10%;
}
.footer {
	display: none;
}
#footer, #footer div.shortColumn, #footer div.longColumn {
	font-size: 100%;
	height: auto;
	clear: both;
	display: block;
	overflow: auto;
}
#accreditations img {
	float: left;
	height: 4em;
	margin: 0.5em;
}
#footer div.footerColumn {
	float: left;
	width: 50%;
	min-height: 18em;
}
.imgBoxLeft10, .imgBoxLeft15 {
	float: left;
	width: 15%;
	padding: 0.2em;
}
}
@media screen and (min-width: 35em) and (max-width:57em) {
#bigBanner {
	max-width: 40%;
	padding: 1%;
	float: left;
}
#headerNav {
	width: 50%;
	float: right;
	overflow: auto;
	min-height: 10em;
}
#leftCol {
	width: 48%;
	float: left;
}
#rightCol {
	width: 48%;
	float: right;
}
.imgBoxRight60, .imgBoxRight50, .imgBoxRight40, .imgBoxRight33, .imgBoxLeft50, .imgBoxLeft40, .imgBoxLeft33, .rightCol60, .rightCol50, .rightCol40, .leftCol60, .leftCol50, .leftCol40, .rightCol33, .leftCol33, .leftCol30, .leftCol25, .rightCol25 {
	width: 48%;
	padding: 0.2%;
}
.leftCol50 .leftCol50, .rightCol50 .rightCol50, .leftCol50 .rightCol50, .rightCol50 .leftCol50 {
	width: 100%;
}
.imgBoxRight60, .imgBoxRight50, .imgBoxRight40, .imgBoxRight33, .rightCol60, .rightCol50, .rightCol40, .rightCol33, .rightCol25, div.leftCol33:nth-child(2n) {
	float: right;
	margin-left: 0.5%;
	margin-right: 0;
}
.imgBoxLeft50, .imgBoxLeft40, .imgBoxLeft33, .leftCol60, .leftCol50, .leftCol40, .leftCol33, .leftCol30, .leftCol25 {
	float: left;
	margin-right: 0.5%;
}
div.leftCol33:nth-child(2n-1), div.imgBoxLeft33:nth-child(2n-1) {
	margin-right: 1.25%;
	clear: left;
}
.imgBoxRight30, .imgBoxRight20, .imgBoxLeft30, .imgBoxLeft20 {
	float: right;
	width: 20%;
	clear: left;
	padding: 0.2em;
}
.glossaryBox {
	left: 0.2em;
	width: 100%;
}
#midCol fieldset label {
	min-width: 40%;
	max-width: 40%;
}
}
@media screen and (max-width:35em) {
#slogan, #navigator .secondLevel {
	display: none;
}
#bigBanner {
	max-width: 90%;
}
#leftCol, #rightCol, .imgBoxRight50, .imgBoxRight40, .imgBoxRight33, .imgBoxLeft50, .imgBoxLeft40, .imgBoxLeft33, .rightCol60, .leftCol60, .leftCol50, .leftCol40, .rightCol50, .rightCol40, div.director.leftCol50 {
	clear: both;
	width: 100%;
}
label {
	clear: both;
	max-width: 100%;
}
.imgBoxRight30, .imgBoxRight20, .imgBoxLeft30, .imgBoxLeft20 {
	width: 50%;
	float: left;
}
fieldset label, fieldset input, fieldset select, fieldset textarea {
	clear: both;
	width: 100%;
}

}