@charset "UTF-8";
/* bmr_nav_tablet.css ((c) 2019-2020 Kenneth Higgs) - style sheet for tablet style devices under 1050px wide */
/* Validate HTML at: http://validator.w3.org/ */
/* Validate CSS at: http://jigsaw.w3.org/css-validator/ */

/* STYLE SPECIAL DROPDOWN MENU FOR SHORTCUTS */
#MobiTop div.mobishort {
	clear: left;
	float: left;
	display: block;
	margin: 2.5vw auto;
	width: 98.5vw;
}

/* ---------------------------------------------- */
/* SETUP GEL BUTTON STYLING WITH COLOUR GRADIENTS */
/* --------------------------------------------------------------------------------------------------- */
/* Some imageless css button styling from CSSButtonGenerator.com                    */
/* & the bulk from- http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.html */
/* NB: Internet Explorer browsers require CSS file: "ie_nav_parous.css"                 */
/* --------------------------------------------------------------------------------------------------- */

/* styling for Show/Hide labels & topbar links */
#MenuMobi a.gel, #ShowLabel, #HideLabel{
	margin-bottom: 1.5vw;
	padding: 2.3vw 0;
	/* put box-shadow below this button */
	/* syntax: x-offset, y-offset, blur-radius, spread-radius */
	-moz-box-shadow: 0.188em 0.438em 0.5em -0.063em #9AAB8B;	 /* Firefox */
	-webkit-box-shadow: 0.188em 0.438em 0.5em -0.063em #9AAB8B;	 /* webkit eg: Safari and Chrome */
	box-shadow: 0.188em 0.438em 0.5em -0.063em #9AAB8B;	/* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	background-color: #F3D8D8;
	/* linear gradient styling from- http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.html */
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #F3D8D8 5%, #CE7371 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #F3D8D8 5%, #CE7371 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #F3D8D8 5%, #CE7371 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F3D8D8), color-stop(1, #CE7371));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #F3D8D8 5%, #CE7371 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #F3D8D8 5%, #CE7371 100%);
	/* styling from CSSButtonGenerator.com */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3D8D8', endColorstr='#CE7371');

	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;
	text-indent: 0;
	border: 1px solid #CE7371;
	border-right-width: 2px;
	border-left-width: 2px;
	display: block;
	color: #FFF;
	font: normal 2.7vw/3vw "Comic Sans MS", Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-align: center;
	text-shadow: 0.063em 0.063em 0 #976A55;
/*	min-width: 80vw;  */
}

/* Change 'HideLabel' background colours */
#HideLabel{
	background-color: #E3E8EE;
	/* linear gradient styling from- http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.html */
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #E3E8EE 5%, #C0C9D8 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #E3E8EE 5%, #C0C9D8 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #E3E8EE 5%, #C0C9D8 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #E3E8EE), color-stop(1, #C0C9D8));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #E3E8EE 5%, #C0C9D8 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #E3E8EE 5%, #C0C9D8 100%);
	/* styling from CSSButtonGenerator.com */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E3E8EE', endColorstr='#C0C9D8');
	border: 1px solid #C0C9D8;
}

/* adjust sublink styling & colours */
#MenuMobi a.sublink {
	background-color: #F3D8D8;
	/* linear gradient styling from- http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.html */
	/* IE10 Consumer Preview */ 
	background-image: -ms-linear-gradient(top, #F3D8D8 5%, #CE7371 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top, #F3D8D8 5%, #CE7371 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top, #F3D8D8 5%, #CE7371 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #F3D8D8), color-stop(1, #CE7371));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top, #F3D8D8 5%, #CE7371 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: linear-gradient(to bottom, #F3D8D8 5%, #CE7371 100%);
	/* styling from CSSButtonGenerator.com */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3D8D8', endColorstr='#CE7371');
	border: 1px solid #CE7371;
	color: #FFF;
	text-shadow: 0.063em 0.063em 0 #976A55;
}

/* ------------------------------ */
/* SETUP RESPONSIVE DROPDOWN MENU */
/* ------------------------------------------------------------------------------------------- */
/* Based on How To Create A Responsive Navigation Menu Using Only CSS (as at 12 January 2016)  */
/* from: http://medialoot.com/blog/how-to-create-a-responsive-navigation-menu-using-only-css/  */
/* ------------------------------------------------------------------------------------------- */

/* Strip the #MenuMobi ul of padding */
#MenuMobi {
	margin: 0;
	padding: 0; 
	position: static;
	display: none;
}

/* Create a vertical list with spacing */
li {
	display: block;
	margin: 0;
	padding: 0;
	/* KH: hide excess text on buttons - okay */
	overflow: hidden
}

/* Hide checkbox */
input[type=checkbox]{
  display: none;
}

/* Show menu when invisible checkbox is checked */
input[type=checkbox]:checked ~ #MenuMobi{
  display: block;
}