/* v28.010 Huddersfield.guide tablet stylesheet  ©2023 dotguide.co.uk */

/* styles+site+buttonpics+pictures>wide>small>smallwide>tablet    tablet = (portrait and min-device-width 680px)  */ 

phonehide {visibility: visible;}

body {background-image: url('graphics/background-tablet.png'); background-size: 100%, 100vw; background-attachment: fixed;}

body#scrollwide {background-image: url('graphics/background-tablet.png'); background-size: cover; background-attachment: fixed;}

body#noscroll {background-image: url('graphics/background-tablet.png'); background-size: cover; background-attachment: fixed;}

div#text {font-size: 1.6em;}

div#toolbar {height: 32px;}

div#bar {bottom: 24px; height: 32px; }

div#bar {display: block; color:white; position: fixed; bottom: 14px; height: 20px; overflow: hidden; font-family: arial, verdana, sans-serif; font-size: 80%; font-weight: bold; text-align: top;}


h2 {font-size: 1.2em;}
notice h2 {font-size: 1.2em;}

h3 {font-size: 1.2em;}



mapbox {height: 360px; min-height: 360px; padding: 0px 12px 6px 12px;}

img#locPic {width: 320px; height: 155px; z-index: 3;} 

div#mapnotebox {position: absolute; display: inline-block; box-sizing: border-box; top: 155px; left: 350px; width: auto; max-width: 400px; height: 210px; font-size: 1em; background: transparent; vertical-align: top; overflow: hidden; float: left;} 

div#mapnotebox img {width: 64px; height: 64px;} 

/* Home button ------- new - site specific > background - display    at this res ---------------- */
a#home {display: block; position: fixed; z-index: 5; height: 120px; top: 10px; left: 62%; width: 100px; background-image: url('buttonpics/home.jpg'); background-position: center 30px;  background-size: cover; border-radius: 20px 20%; box-shadow: 5px 5px 5px black; -webkit-box-shadow: 5px 5px 5px black;}
a#home:before {position : static; top: 10px; text-align: left; font-size: 1.6em; content:"Home";}
a#home:hover {background: chartreuse url('buttonpics/home.jpg') no-repeat center 30px; background-size: cover;  }